/* Сборка из одноимённого .css (tools/patch_css_bundle.mjs). Правится ИСХОДНИК, не этот файл. */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
}
.mfp-ajax-cur {
}
.mfp-zoom-out-cur {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button.mfp-close,
button.mfp-arrow:hover {
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 50%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Thin.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Thin.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Thin.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Thin.woff) format("woff");
font-style: normal;
font-weight: 200;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Light.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Light.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Light.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Light.woff) format("woff");
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-LightItalic.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-LightItalic.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-LightItalic.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-LightItalic.woff) format("woff");
font-style: italic;
font-weight: 300;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Regular.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Regular.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Regular.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Regular.woff) format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-RegularItalic.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-RegularItalic.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-RegularItalic.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-RegularItalic.woff) format("woff");
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Medium.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Medium.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Medium.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Medium.woff) format("woff");
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Bold.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Bold.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Bold.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Bold.woff) format("woff");
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-BoldItalic.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-BoldItalic.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-BoldItalic.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-BoldItalic.woff) format("woff");
font-style: italic;
font-weight: 600;
}
@font-face {
font-family: Roboto;
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Black.eot);
src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Black.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Black.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Black.woff) format("woff");
font-style: normal;
font-weight: 700;
}
.block2 p, .block2 li{
font-family: "Roboto", sans-serif;
font-weight: 300;
}
.button {
color: var(--color-link);
font-size: 1rem;
line-height: 100%;
height: 3.25rem;
background-color: var(--color-light);
gap: 1.25rem;
justify-content: center;
display: flex;
align-items: center;
padding: 0.25rem 1rem;
border: 1px solid var(--color-link);
border-radius: 0.75rem;
background-color: transparent;
cursor: pointer;
outline: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
white-space: nowrap;
transition: all 0.4s ease-in-out;
}
@media (min-width: 1560px) {
.button {
height: 3.75rem;
border-radius: 1rem;
padding: 1.25rem;
font-size: 1.125rem;
line-height: 100%;
}
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
.button:hover {
color: var(--color-bg-main);
background-color: var(--color-link);
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
.buttons {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.buttons {
gap: 1rem;
flex-direction: row;
flex-wrap: wrap;
}
}
html {
-webkit-text-size-adjust: 100%;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: var(--f-bold);
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
position: relative;
}
img {
border-style: none;
max-width: 100%;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
:root {
--color-bg-main: #fff;
--color-dark: #000000;
--color-text: #010101;
--color-link: #0b4589;
--color-highlight: #0b4589;
--color-gray: #a0a0a0;
--color-light: #f2f5f9;
--color-light-secondary: #cedae7;
--white: #fff;
--black: #010101;
--red: #e4003a;
--border-radius: 10px;
--fsize-main: 16px;
--fsize-number: 40px;
--f-thin: 200;
--f-lighter: 300;
--f-normal: 400;
--f-bold: 500;
}
@media (min-width: 768px) {
:root {
--fsize-number: 60px;
}
}
@media (min-width: 1024px) {
:root {
--fsize-number: 80px;
}
}
@media (min-width: 1560px) {
:root {
--fsize-main: 18px;
--fsize-number: 100px;
}
}
@mixin transition() {
transition: all 0.4s ease-in-out;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: var(--color-bg);
color: var(--color-text);
font-family: "Roboto", sans-serif;
font-size: var(--fsize-main);
font-weight: var(--f-normal);
line-height: normal;
min-width: 320px;
min-height: 100vh;
margin: 0;
padding: 0;
position: relative;
scroll-behavior: smooth;
width: 100%;
}
body.modal-open {
overflow: hidden;
}
section {
box-sizing: border-box;
width: 100%;
}
a {
color: var(--color-link);
cursor: pointer;
text-decoration: none;
transition-duration: 0.3s;
outline: none;
}
a[href] {
cursor: pointer;
}
a:not([class]):hover {
text-decoration: underline;
}
a:focus:not(:active) {
opacity: 0.8;
}
button:not([disabled]) {
cursor: pointer;
outline: none;
}
button:not([disabled]):focus:not(:active) {
opacity: 0.8;
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
font-weight: var(--f-normal);
margin: 0;
}
h1,
h2,
.h1,
.h2 {
font-size: 28px;
margin-bottom: 20px;
}
h3,
.h3 {
font-size: 25px;
}
h4,
.h4 {
font-size: 18px;
}
.no-overflow {
overflow: hidden;
}
.wrap {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: column;
min-height: 100vh;
}
.main {
flex-grow: 1;
}
.container {
margin: 0 auto;
padding: 0;
position: relative;
width: calc(100% - 32px);
}
.btn {
background-color: transparent;
border: 1px solid var(--color-highlight);
border-radius: var(--border-radius);
color: var(--color-highlight);
display: block;
margin: 0;
padding: 15px;
text-align: center;
transition-duration: 0.4s;
width: 100%;
}
.btn:hover {
border-color: var(--color-light-secondary);
}
.btn--default:hover {
background-color: var(--color-highlight);
border-color: var(--color-highlight);
color: var(--white);
}
.btn--default:hover .arrow {
background-color: var(--color-highlight);
}
.btn--default:hover .arrow svg {
stroke: var(--white);
}
.btn--big {
--border-radius: 12px;
}
.btn--white {
border-color: var(--white);
color: var(--white);
}
.btn--white:hover {
background-color: var(--white);
color: var(--color-highlight);
}
.btn--white:hover .arrow {
background-color: var(--white);
}
.btn--white:hover .arrow svg {
stroke: var(--color-highlight);
}
.btn--empty {
border-color: transparent;
}
.btn--empty:hover {
border-color: transparent;
background-color: transparent;
}
.btn--arrow {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 10px;
text-align: left;
}
.btn--arrow span {
margin-left: 5px;
}
.btn--download {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 10px;
text-align: left;
}
.btn--download span {
margin-left: 5px;
}
.arrow {
--border-radius: 6px;
--size: 32px;
background-color: var(--color-bg-main);
border-radius: var(--border-radius);
border: none;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
height: var(--size);
transition-duration: 0.3s;
outline: none;
text-decoration: none;
width: var(--size);
}
.arrow svg {
--icon-size: calc(var(--size) - 5px);
fill: none;
stroke: var(--color-highlight);
height: var(--icon-size);
transition-duration: 0.3s;
width: var(--icon-size);
}
.arrow--dark {
background-color: var(--color-light-secondary);
}
.arrow--light {
background-color: var(--color-light);
}
.arrow--translucent {
background-color: rgba(255, 255, 255, 0.1);
}
.arrow--translucent svg {
stroke: var(--white);
}
.no-list {
list-style: none;
padding: 0;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
.desktop,
.tablet {
display: none;
}
.mobile {
display: initial;
}
.number {
--size: 10px;
color: var(--color-highlight);
font-size: var(--fsize-number);
line-height: 0.8;
position: relative;
white-space: nowrap;
width: 100%;
}
.number svg {
fill: currentColor;
height: var(--size);
width: var(--size);
}
.number sup {
display: inline-block;
font-weight: var(--f-lighter);
font-size: 0.23em;
line-height: 1;
transform: translate(-7px, -31px);
vertical-align: super;
}
.number .arrow {
--size: 24px;
border-radius: 6px;
background-color: var(--color-light-secondary);
position: absolute;
right: 9px;
top: -7px;
}
.number .arrow svg {
fill: transparent;
height: var(--icon-size);
width: var(--icon-size);
}
.number__plus {
display: inline-block;
font-size: var(--size);
line-height: 0;
transform: translate(-3px, -13px);
vertical-align: super;
}
.nowrap {
white-space: nowrap;
}
.table {
border: none;
border-collapse: collapse;
font-size: 16px;
line-height: 1.3;
}
.table tr {
border-bottom: 1px solid var(--color-light-secondary);
}
.table th {
font-size: 14px;
font-weight: var(--f-lighter);
text-align: left;
}
.table td,
.table th {
vertical-align: top;
padding: 15px 20px 13px 0;
}
.btn-with-icon {
--size: 32px;
background-color: var(--color-light);
border: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
height: var(--size);
margin-left: 8px;
padding: 0;
transition-duration: 0.3s;
width: var(--size);
}
.btn-with-icon svg {
--size-icon: calc(var(--size) - 8px);
height: var(--size-icon);
fill: transparent;
stroke: var(--color-highlight);
transition-duration: 0.3s;
width: var(--size-icon);
}
.btn-with-icon:not(:disabled):hover {
background-color: var(--color-highlight);
}
.btn-with-icon:not(:disabled):hover svg {
stroke: var(--white);
}
.btn-with-icon:disabled svg {
stroke: var(--color-light-secondary);
}
.btn-with-icon.fill svg {
fill: var(--color-highlight);
stroke: none;
}
.btn-with-icon.fill:disabled svg {
fill: var(--color-light-secondary);
}
.btn-with-icon.fill:not(:disabled):hover svg {
fill: var(--white);
stroke: none;
}
.tags {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.tags__item {
background-color: var(--color-light);
border: none;
border-radius: 10px;
color: var(--color-highlight);
display: block;
flex-shrink: 0;
font-size: 13px;
margin-right: 11px;
padding: 9px 35px 9px 13px;
position: relative;
transition-duration: 0.2s;
width: -moz-fit-content;
width: fit-content;
}
.tags__item:hover svg {
stroke: var(--color-highlight);
}
.tags__item-icon {
--size: 31px;
display: block;
height: var(--size);
width: var(--size);
position: absolute;
right: 3px;
top: 50%;
transform: translateY(-50%);
}
.tags__item-icon svg {
height: inherit;
fill: transparent;
stroke: var(--color-light-secondary);
width: inherit;
}
.title-note {
display: none;
font-size: 0.32em;
font-weight: var(--f-lighter);
}
.link-list {
font-weight: var(--f-normal);
}
.link-list a {
color: var(--color-text);
display: block;
transition-duration: 0.3s;
}
.link-list a:hover {
transform: translateX(15px);
text-decoration: none;
}
.link-list li {
margin: 0 0 10px;
}
.video {
position: relative;
width: 100%;
}
.video__btn {
--size: 40px;
background-color: var(--color-highlight);
border-radius: 8px;
border: none;
display: flex;
align-items: center;
justify-content: center;
height: var(--size);
width: var(--size);
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.video__btn svg {
--size-icon: 14px;
height: var(--size-icon);
fill: var(--white);
transform: translateX(1px);
width: var(--size-icon);
}
.video__container {
aspect-ratio: 1.76344086;
position: relative;
width: 100%;
}
.video__container::before {
background-color: #000;
content: "";
display: block;
height: 100%;
width: 100%;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.video__container--play::before {
display: none;
}
.video__container img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
width: 100%;
z-index: 1;
}
.video__container iframe {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.dark-bg {
background-color: var(--color-light);
margin: 0 auto;
padding: 40px 0;
}
.dark-bg__title {
font-size: 22px;
line-height: 1.5;
}
.flex {
display: flex;
}
.highlight {
color: var(--color-highlight);
}
.top-with-btn .btn {
display: none;
}
.slash-item {
font-weight: var(--f-normal);
padding: 0 0 0 13px;
position: relative;
}
.slash-item::before {
color: var(--color-highlight);
content: "/ ";
font-size: 15px;
font-weight: var(--f-bold);
position: absolute;
top: 0;
left: 2px;
}
.share {
position: relative;
}
.arrow svg {
--icon-size: calc(var(--size) - 6px);
}
@media (min-width: 768px) {
h1,
.h1 {
font-size: 50px;
margin-bottom: 27px;
}
h2,
.h2 {
font-size: 40px;
margin-bottom: 46px;
}
.btn {
width: -moz-fit-content;
width: fit-content;
}
.btn--arrow .arrow,
.btn--download .arrow {
margin-left: 19px;
}
.btn--arrow span,
.btn--download span {
margin-left: 10px;
}
.mobile {
display: none;
}
.tablet {
display: initial;
}
.container {
width: calc(100% - 79px);
}
.number {
--size: 20px;
}
.number sup {
font-size: 0.235em;
transform: translate(-6px, -30px);
}
.number__plus {
transform: translate(-7px, -25px);
}
.arrow svg {
--icon-size: var(--size);
}
.table {
font-size: 16px;
}
.table th {
font-size: inherit;
}
.table td,
.table th {
padding: 16px 21px 2px 0;
}
.btn-with-icon {
--size: 40px;
}
.tags__item {
font-size: 14px;
line-height: normal;
margin-right: 12px;
padding: 12px 40px 12px 16px;
}
.tags__item-icon {
--size: 16px;
right: 10px;
}
.title-note {
display: inline-block;
transform: translate(4px, -7px);
}
.link-list {
font-size: 16px;
}
.link-list li {
margin-bottom: 6px;
}
.video__btn {
--size: 50px;
border-radius: 10px;
}
.video__btn svg {
--size-icon: 20px;
}
.dark-bg {
padding: 60px 0;
}
.dark-bg__title {
font-size: 26px;
line-height: 1.2;
}
.slash-item {
padding-left: 15px;
}
.slash-item::before {
font-size: 20px;
top: -3px;
}
.arrow svg {
--icon-size: calc(var(--size) - 8px);
}
}
@media (min-width: 1024px) {
h1,
.h1 {
font-size: 56px;
margin-bottom: 54px;
}
h2,
.h2 {
font-size: 46px;
margin-bottom: 46px;
}
h3,
.h3 {
font-size: 30px;
}
h4,
.h4 {
font-size: 20px;
}
.mobile.tablet {
display: none;
}
.desktop {
display: initial;
}
.btn {
font-size: 16px;
}
.btn--big {
--border-radius: 12px;
}
.btn--arrow .arrow,
.btn--download .arrow {
margin-left: 14px;
}
.arrow {
--border-radius: 8px;
--size: 32px;
}
.container {
max-width: 1200px;
width: calc(100vw - 79px);
}
.number sup {
font-size: 0.225em;
transform: translate(-5px, -33px);
}
.number__plus {
transform: translate(-7px, -39px);
}
.table {
font-size: 18px;
}
.btn-with-icon {
--size: 40px;
margin-left: 19px;
}
.tags__item {
padding: 11px 40px 12px 15px;
}
.title-note {
font-size: 0.29em;
transform: translate(6px, -9px);
}
.link-list {
font-size: 18px;
}
.link-list li {
margin-bottom: 11px;
}
.video__btn {
--size: 70px;
border-radius: 15px;
}
.video__btn svg {
--size-icon: 30px;
}
.dark-bg {
max-width: 1320px;
overflow: hidden;
padding: 62px 0;
width: 97%;
}
.dark-bg__title {
font-size: 32px;
}
.top-with-btn {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.top-with-btn .btn {
display: flex;
flex-shrink: 0;
margin: 2px 0 0;
}
.bottom-btn {
display: none;
}
.slash-item {
padding-left: 13px;
}
.slash-item::before {
left: 0;
top: 0;
}
.flex-wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.flex-wrap .flex-wrap__aside {
flex-shrink: 0;
margin: 0;
width: 23.8%;
}
.flex-wrap .flex-wrap__main {
margin: 0;
width: 74.6%;
}
}
@media (min-width: 1560px) {
h1,
.h1 {
font-size: 60px;
margin-bottom: 54px;
}
h2,
.h2 {
font-size: 52px;
margin-bottom: 54px;
}
h3,
.h3 {
font-size: 32px;
}
h4,
.h4 {
font-size: 24px;
}
.btn {
font-size: 18px;
}
.btn--big {
--border-radius: 15px;
}
.btn--arrow .arrow,
.btn--download .arrow {
margin-left: 19px;
}
.container {
max-width: 1600px;
width: calc(100vw - 100px);
}
.arrow {
--border-radius: 10px;
--size: 40px;
}
.number sup {
font-size: 0.18em;
transform: translate(-4px, -41px);
}
.number .arrow {
--size: 39px;
border-radius: 10px;
right: 16px;
top: -19px;
}
.tags__item {
font-size: 15px;
padding: 12px 50px 12px 15px;
}
.tags__item-icon {
--size: 32px;
right: 7px;
}
.title-note {
transform: translate(6px, -14px);
}
.link-list {
font-size: 20px;
}
.link-list li {
margin-bottom: 10px;
}
.video__btn {
--size: 116px;
border-radius: 20px;
}
.video__btn svg {
--size-icon: 42px;
transform: translateX(4px);
}
.dark-bg {
max-width: 1760px;
min-width: 0;
padding: 80px 0;
width: 97%;
}
.dark-bg__title {
font-size: 42px;
}
}
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-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: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
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;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden;
}
.header {
--top-padding: 16px 0;
}
.header__logo {
display: block;
flex-shrink: 0;
height: 32px;
width: 74px;
}
.header__logo svg {
height: inherit;
width: inherit;
}
.header__logo .logo-text {
fill: var(--color-text);
}
.header__top {
background-color: var(--color-bg-main);
border-bottom: 1px solid var(--color-light-secondary);
position: relative;
padding: var(--top-padding);
z-index: 100;
}
.header__top .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.header__top--open .header__personal,
.header__top--open .header__link,
.header__top--open .header__phone,
.header__top--open .header__discuss {
transition-duration: 0s;
visibility: hidden;
}
.header__top--open .header__burger::before,
.header__top--open .header__burger::after {
border-radius: 4px;
top: 50%;
}
.header__top--open .header__burger::before {
transform: translate(-50%) rotate(45deg);
}
.header__top--open .header__burger::after {
transform: translate(-50%) rotate(-45deg);
}
.header__top--open .header__burger span {
opacity: 0;
}
.header__right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.header__personal {
border-right: 1px solid var(--color-light-secondary);
padding-right: 16px;
}
.header__drop {
background-color: var(--color-bg-main);
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-direction: column;
height: 100dvh;
opacity: 0;
position: fixed;
left: 0;
top: 0;
transform: translateY(-100%);
transition-duration: 0.2s;
width: 100%;
visibility: hidden;
z-index: 50;
}
.header__drop--open {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.header__drop-top {
border-bottom: 1px solid var(--color-light-secondary);
flex-shrink: 0;
padding: var(--top-padding);
opacity: 0;
visibility: hidden;
}
.header__drop-top .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.header__burger {
--size: 24px;
background-color: transparent;
border: none;
display: block;
height: var(--size);
flex-shrink: 0;
margin-left: 17px;
padding: 0;
position: relative;
width: var(--size);
}
.header__burger::before,
.header__burger::after,
.header__burger span {
background-color: var(--color-highlight);
content: "";
position: absolute;
left: 50%;
height: 2px;
transform: translateX(-50%);
transition-duration: 0.2s;
width: 100%;
}
.header__burger::before {
top: 3px;
}
.header__burger::after {
bottom: 3px;
}
.header__burger span {
top: calc(50% - 1px);
}
.header__drop-bottom {
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-direction: column;
flex-grow: 1;
overflow: hidden;
}
.header__drop-wrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
height: 100%;
padding: 35px 0;
overflow-y: scroll;
scrollbar-color: transparent;
scrollbar-width: none;
}
.header__drop-wrap::-webkit-scrollbar {
-webkit-appearance: none;
display: none;
height: 0;
width: 0;
}
.header__drop-nav {
font-size: 18px;
margin: 0 0 40px;
}
.header__drop-nav a {
color: var(--color-text);
display: block;
padding: 5px 0;
}
.header__drop-nav a:hover {
color: var(--color-highlight);
text-decoration: none;
}
.header__drop-nav ul {
margin: 0 0 10px;
}
.header__drop-nav li {
margin: 0;
}
.header__contacts {
margin-bottom: 39px;
}
.header__contacts a {
color: var(--color-text);
display: block;
}
.header__contacts a:not([class]) {
text-decoration: underline;
}
.header__phone {
font-size: 22px;
margin-bottom: 10px;
}
.header__phone:hover {
color: var(--color-highlight);
}
.header__btns {
display: flex;
align-items: stretch;
justify-content: space-between;
width: 100%;
}
.header__btns .header__link {
background-color: var(--color-light);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-left: 8px;
padding: 10px 16px;
}
.header__btns .header__discuss {
flex-grow: 1;
}
@media (min-width: 768px) {
.header {
--top-padding: 24px 0;
}
.header__logo {
height: 42px;
width: 92px;
}
.header__discuss.btn {
font-size: 14px;
margin-left: 4.2vw;
padding: 11px 15px;
}
.header__burger {
margin-left: 4.4vw;
}
.header__personal {
border: none;
margin-left: 2vw;
padding: 0;
}
.header__phone {
color: var(--color-text);
font-size: 20px;
margin: 0;
white-space: nowrap;
}
.header__link {
display: block;
margin-left: 4.2vw;
}
.header__link:hover {
color: var(--color-text);
text-decoration: none;
}
.header__bottom {
border-bottom: 1px solid var(--color-light-secondary);
display: block;
padding: 23px 0;
}
.header__nav {
font-size: 14px;
}
.header__nav ul {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
}
.header__nav a {
color: var(--color-text);
}
.header__nav a:hover {
color: var(--color-highlight);
text-decoration: none;
}
.header__drop-bottom .header__phone {
margin: 0;
}
.header__drop-bottom .header__discuss.btn {
margin: 0;
}
}
@media (min-width: 1024px) {
.header__navigation.desktop{
display: none;
}
}
@media (min-width: 1240px) {
.header {
--top-padding: 24px 0;
}
.header .desktop {
display: block;
}
.header__top--open .header__personal,
.header__top--open .header__link,
.header__top--open .header__phone,
.header__top--open .header__discuss {
visibility: visible;
}
.header__logo {
height: 40px;
width: 91px;
}
.header__discuss.btn {
font-size: 15px;
margin-left: 20px;
padding: 11px 14px;
}
.header__personal {
margin-left: 15px;
}
.header__link {
margin-left: 20px;
}
.header__navigation {
display: block;
font-size: 14px;
font-weight: var(--f-lighter);
}
.header__navigation ul {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
}
.header__navigation a {
color: var(--color-text);
}
.header__navigation a:hover {
color: var(--color-highlight);
text-decoration: none;
}
.header__navigation li {
margin-left: 20px;
}
.header__navigation li:first-child {
margin-left: 0;
}
.header__phone {
margin-left: 25px;
}
.header__drop,
.header__burger {
display: none;
}
.header__nav {
font-size: 16px;
}
.header__bottom {
padding: 22px 0;
}
.header__phone {
margin-left: 45px;
}
.header__discuss.btn {
margin-left: 46px;
}
.header__personal {
margin-left: 26px;
}
.header__link {
margin-left: 45px;
}
.header__navigation li {
margin-left: 41px;
}
}
@media (min-width: 1560px) {
.header {
--top-padding: 24px 0;
}
.header__logo {
height: 50px;
width: 115px;
}
.header__navigation {
font-size: 16px;
}
.header__navigation li {
margin-left: 61px;
}
.header__phone {
margin-left: 44px;
}
.header__personal {
margin-left: 23px;
}
.header__discuss.btn {
margin-left: 46px;
padding: 11px 13px;
}
.header__bottom {
padding: 29px 0;
}
.header__nav {
font-size: 20px;
}
}
.header__nav .nav__preview {
position: relative;
cursor: pointer;
}
.header__menu {
padding: 1rem 0;
opacity: 0;
display: none;
transition: opacity 0.5s ease;
}
@media (min-width: 768px) {
.header__menu {
width: 40rem;
background-color: var(--white);
padding: 3rem 2rem;
border-radius: 1.25rem;
box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
position: absolute;
top: calc(100% + 4rem);
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
}
@media (min-width: 1024px) {
.header__menu {
width: 46.25rem;
}
}
.header__menu.active {
display: block;
opacity: 1;
}
.header__menu:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
width: 2.5rem;
height: 1.5rem;
background: white;
-webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
.header__menu .nav__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
@media (min-width: 768px) {
.header__menu .nav__list {
gap: 0.625rem;
}
}
.header__menu .nav__item .nav__link {
font-size: 0.875rem;
line-height: 120%;
font-weight: 300;
}
@media (min-width: 768px) {
.header__menu .nav__item .nav__link {
font-size: 1rem;
}
}
.personal-menu ul {
display: flex;
align-items: stretch;
justify-content: flex-end;
margin: 0;
}
.personal-menu__item {
--size: 32px;
height: var(--size);
margin-left: 8px;
width: var(--size);
}
.personal-menu__item a {
background-color: var(--color-light);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
transition-duration: 0.4s;
width: 100%;
}
.personal-menu__item a:hover {
background-color: var(--color-highlight);
}
.personal-menu__item a:hover svg {
fill: var(--white);
}
.personal-menu__item svg {
--size-icon: calc(var(--size) - 8px);
fill: var(--color-highlight);
height: var(--size-icon);
transition-duration: 0.4s;
width: var(--size-icon);
}
@media (min-width: 768px) {
.personal-menu__item {
--size: 40px;
margin-left: 2.1vw;
}
.personal-menu__item a {
border-radius: var(--border-radius);
}
}
@media (min-width: 1024px) {
.personal-menu__item {
margin-left: 10px;
}
}
@media (min-width: 1170px) {
.personal-menu__item {
margin-left: 20px;
}
}
.breabcrumbs {
font-size: 12px;
font-weight: var(--f-lighter);
overflow-x: scroll;
padding: 22px 0 24px;
scrollbar-color: transparent;
scrollbar-width: none;
}
.breabcrumbs::-webkit-scrollbar {
-webkit-appearance: none;
display: none;
height: 0;
width: 0;
}
.breabcrumbs a {
color: var(--color-text);
}
.breabcrumbs a::before {
color: var(--color-light-secondary);
content: '/ ';
display: inline-block;
font-weight: var(--f-bold);
padding: 0 10px 0 0;
}
.breabcrumbs__list {
display: flex;
align-items: center;
justify-content: flex-start;
white-space: nowrap;
}
.breabcrumbs__list li {
display: block;
flex-shrink: 0;
margin: 0 10px 0 0;
}
.breabcrumbs__list li:first-child a::before {
display: none;
}
.breabcrumbs__list li:last-child {
padding-right: 10px;
}
@media (min-width: 768px) {
.breabcrumbs {
font-size: 14px;
padding: 27px 0 22px;
}
}
@media (min-width: 1024px) {
.breabcrumbs {
font-size: 14px;
padding: 35px 0 36px;
}
}
@media (min-width: 1560px) {
.breabcrumbs {
font-size: 16px;
padding: 40px 0 37px;
}
}
.footer {
border-top: 1px solid var(--color-light-secondary);
padding: 39px 0 0;
width: 100%;
}
.footer__mobile {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
}
.footer__logo {
display: block;
height: 32px;
width: 75px;
}
.footer__logo svg {
height: inherit;
width: inherit;
}
.footer__logo .logo-text {
fill: var(--color-text);
}
.footer__social {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0;
width: 49%;
}
.footer__social li {
margin: 0 4px 0 16px;
}
.footer__social li:first-child {
margin-left: 0;
}
.footer__social a {
--size: 24px;
display: block;
height: var(--size);
width: var(--size);
}
.footer__social a:hover svg {
fill: var(--color-highlight);
}
.footer__social svg {
height: inherit;
fill: var(--color-light-secondary);
transition-duration: 0.3s;
width: inherit;
}
.footer__contact {
line-height: 21px;
margin: 41px 0 0;
width: 49%;
}
.footer__contact a {
display: block;
color: var(--color-text);
}
.footer__contact p {
color: var(--color-gray);
font-size: 12px;
margin: 0;
}
.footer__phone {
font-size: 22px;
white-space: nowrap;
}
.footer__email {
text-decoration: underline;
}
.footer__btn {
margin: 17px 0 0;
width: 100%;
}
.footer__nav {
margin: 40px 0 0;
width: 100%;
}
.footer__nav ul {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
margin: 0;
}
.footer__nav li {
margin: 0 0 11px;
width: 49%;
}
.footer__nav a {
color: var(--color-text);
}
.footer__nav a:hover {
color: var(--color-highlight);
text-decoration: none;
}
.footer__bottom {
border-top: 1px solid var(--color-light-secondary);
font-size: 10px;
line-height: 1.2;
margin: 30px 0 0;
padding: 20px 0 20px;
}
.footer__bottom .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.footer__bottom .container > * {
color: var(--color-gray);
display: block;
margin: 0 0 10px;
width: 49%;
}
.footer__contacts a:hover {
color: var(--color-highlight);
text-decoration: none;
}
.footer__btn.btn {
border-radius: 12px;
}
@media (min-width: 768px) {
.footer {
padding-top: 48px;
}
.footer__logo {
height: 40px;
width: 92px;
}
.footer__top,
.footer__middle {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.footer__col {
width: 24%;
}
.footer__address {
line-height: 1.25;
margin: 0;
}
.footer__contact {
margin: 0;
}
.footer__phone {
font-size: 24px;
}
.footer__btn.btn {
border-radius: 10px;
font-size: 14px;
margin: 0;
padding: 11px 15px;
width: -moz-fit-content;
width: fit-content;
}
.footer__middle {
margin: 49px 0 0;
}
.footer__nav {
font-weight: var(--f-lighter);
margin: 0;
}
.footer__nav li {
margin: 0 0 12px;
width: 100%;
}
.footer__title {
display: block;
font-size: 20px;
font-weight: var(--f-normal);
margin: 0 0 21px;
}
.footer__contacts {
color: var(--color-gray);
font-size: 12px;
margin: 0;
}
.footer__contacts li {
margin: 0 0 24px;
}
.footer__contacts a {
display: block;
color: var(--color-text);
font-size: 20px;
margin: 0 0 3px;
}
.footer__contacts p {
margin: 0;
}
.footer__social {
justify-content: flex-start;
width: 100%;
}
.footer__social li {
margin: 0 16px 0 0;
}
.footer__social li:last-child {
margin-right: 0;
}
.footer__bottom {
font-size: 12px;
margin-top: 37px;
padding: 25px 0;
}
.footer__bottom .container > * {
margin: 0;
width: 24%;
}
.footer__bottom br {
display: none;
}
}
@media (min-width: 1024px) {
.footer {
padding-top: 47px;
}
.footer__logo {
height: 40px;
width: 92px;
}
.footer__phone {
font-size: 24px;
line-height: normal;
margin-bottom: 3px;
}
.footer__contact {
line-height: normal;
}
.footer__contact p {
font-size: 14px;
margin-top: -6px;
}
.footer__title {
margin-bottom: 22px;
}
.footer__nav li {
margin-bottom: 12px;
}
.footer__contacts {
font-size: 14px;
}
.footer__contacts li {
margin-bottom: 21px;
}
.footer__bottom {
font-size: 12px;
margin-top: 36px;
padding: 26px 0;
}
.footer__btn.btn {
border-radius: 10px;
font-size: 14px;
padding: 11px 15px;
}
.footer__col {
width: 23.7%;
}
}
@media (min-width: 1560px) {
.footer {
padding-top: 80px;
}
.footer__top {
align-items: flex-end;
}
.footer__logo {
height: 60px;
width: 137px;
}
.footer__contact {
line-height: normal;
}
.footer__contact p {
font-size: 14px;
margin-top: -6px;
}
.footer__phone {
font-size: 32px;
margin-bottom: 6px;
}
.footer__address {
line-height: 1.5;
font-size: 20px;
transform: translateY(8px);
}
.footer__middle {
margin-top: 59px;
}
.footer__title {
margin-bottom: 25px;
}
.footer__nav li {
margin-bottom: 10px;
}
.footer__contacts {
font-size: 14px;
}
.footer__contacts li {
margin-bottom: 31px;
}
.footer__bottom {
font-size: 14px;
margin-top: 61px;
padding: 32px 0;
}
.footer__btn.btn {
border-radius: 15px;
font-size: 18px;
padding: 18px 20px;
}
.footer__col {
width: 23.6%;
}
}
.info + .coop {
margin-top: 0;
}
.info + .coop .coop__wrap {
padding-top: 8px;
}
.info__wrap {
background-color: var(--color-light);
margin: 0 auto;
max-width: 1760px;
padding: 81px 0 41px;
width: 100%;
}
.info__text {
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 0;
}
.info__top {
margin: 0 0 60px;
}
.info__head {
font-size: 22px;
line-height: normal;
margin: 0 0 10px;
}
.info__list {
margin: 81px 0 0;
}
.info__features {
line-height: 1.3;
margin: 20px 0 0;
}
.info__features li {
margin: 0 0 20px;
padding: 0 0 0 20px;
position: relative;
}
.info__features li:last-child {
margin-bottom: 0;
}
.info__features li::before {
background-color: var(--color-light-secondary);
content: '';
position: absolute;
top: 0;
left: 5px;
height: 23px;
width: 1px;
transform: skewX(-21deg);
}
@media (max-width: 767px) {
.info__text{
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.info__wrap {
padding: 100px 0 67px;
}
.info__text {
line-height: 1.5;
order: 1;
width: 49%;
}
.info__top {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 50px;
}
.info__head {
font-size: 26px;
margin-bottom: 25px;
width: 100%;
}
.info__features {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.info__features li {
margin: 0;
padding: 10px 10px 10px 20px;
}
.info__features li::before {
top: 8px;
left: 6px;
height: 30px;
}
}
@media (min-width: 1024px) {
.info__wrap {
max-width: 1320px;
overflow: hidden;
padding: 62px 0 29px;
width: 97%;
}
.info__top {
margin-bottom: 51px;
}
.info__head {
font-size: 32px;
margin-bottom: 29px;
}
.info__text {
width: 49%;
}
.btn.info__more .arrow {
margin-left: 16px;
}
.info__features {
gap: 15px;
font-size: 20px;
line-height: 1.4;
}
.info__features li {
padding: 15px 15px 15px 30px;
}
.info__features li::before {
top: 15px;
left: 8px;
height: 47px;
}
}
@media (min-width: 1560px) {
.info {
margin-bottom: 160px;
}
.info__wrap {
max-width: 1760px;
min-width: 0;
padding: 79px 0 49px;
width: 97%;
}
.info__top {
margin-bottom: 79px;
}
.info__head {
font-size: 42px;
margin-bottom: 42px;
}
.info__text {
width: 48.9%;
}
.btn.info__more .arrow {
margin-left: 20px;
}
.info__features {
align-items: center;
gap: 27px;
}
.info__features li {
padding: 18px 15px 15px 57px;
}
.info__features li::before {
top: 20px;
left: 12px;
height: 56px;
}
}
.promo {
color: var(--white);
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
.promo {
gap: 2rem;
}
}
.promo p {
font-weight: var(--f-lighter);
}
.promo .h2 {
font-weight: var(--f-normal);
}
.promo h2 {
margin-bottom: 22px;
}
.promo--tech .promo__wrap {
background-image: url(../../../../../../local/templates/polymedia/assets/img/tech-bg-m-min.jpg);
}
.promo--job .promo__wrap {
background-image: url(../../../../../../local/templates/polymedia/assets/img/job-m.jpg);
}
.promo__wrap {
background-image: url(../../../../../../local/templates/polymedia/assets/img/work-mob.jpg);
background-size: cover;
background-position: center;
margin: 0 auto;
max-width: 1760px;
padding: 81px 0 79px;
width: 100%;
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
.promo__wrap.promo__wrap_tertiary {
background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img04.jpg);
}
@media (min-width: 768px) {
.promo__wrap.promo__wrap_tertiary {
background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img03.jpg);
}
}
@media (min-width: 1024px) {
.promo__wrap.promo__wrap_tertiary {
background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img02.jpg);
}
}
@media (min-width: 1560px) {
.promo__wrap.promo__wrap_tertiary {
background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img01.jpg);
}
}
.promo__wrap.promo__wrap_quarty {
background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img08.jpg);
}
@media (min-width: 768px) {
.promo__wrap.promo__wrap_quarty {
background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img07.jpg);
}
}
@media (min-width: 1024px) {
.promo__wrap.promo__wrap_quarty {
background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img06.jpg);
}
}
@media (min-width: 1560px) {
.promo__wrap.promo__wrap_quarty {
background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img05.jpg);
}
}
.promo__text {
line-height: 1.3;
margin: 0 0 39px;
}
@media (min-width: 768px) {
.promo h2 {
margin-bottom: 46px;
}
.promo--tech .promo__wrap {
background-image: url(../../../../../../local/templates/polymedia/assets/img/tech-bg-min.jpg);
}
.promo--job .promo__wrap {
background-image: url(../../../../../../local/templates/polymedia/assets/img/job-d.jpg);
}
.promo__wrap {
background-image: url(../../../../../../local/templates/polymedia/assets/img/work-desc.jpg);
padding: 97px 0;
}
.promo__text {
margin: -22px 0 52px;
}
}
@media (min-width: 1024px) {
.promo {
margin: 119px 0 118px;
}
.promo--tech .promo__text {
width: 40%;
}
.promo h2 {
margin-bottom: 46px;
}
.promo__wrap {
max-width: 1320px;
overflow: hidden;
padding: 58px 0 60px;
width: 97%;
}
.promo__text {
font-size: 18px;
margin: -17px 0 46px;
}
}
@media (min-width: 1560px) {
.promo {
margin: 160px 0;
}
.promo h2 {
margin-bottom: 54px;
}
.promo__wrap {
max-width: 1760px;
min-width: 0;
width: 97%;
padding: 77px 0 80px;
}
.promo__text {
margin: -14px 0 62px;
}
}
.promo__modal .group__title {
font-size: 1.75rem;
line-height: 120%;
}
@media (min-width: 768px) {
.promo__modal .group__title {
font-size: 2.875rem;
line-height: 100%;
}
}
@media (min-width: 1024px) {
.promo__modal .group__title {
font-size: 3.25rem;
}
}
.promo__modal .group__subtitle {
font-size: 1rem;
line-height: 150%;
font-weight: 300;
}
@media (min-width: 768px) {
.promo__modal .group__subtitle {
font-size: 1.125rem;
}
}
.promo__modal .modal__logo {
width: 7.5rem;
height: 3rem;
display: flex;
align-items: flex-start;
}
.promo__modal .modal__logo img,
.promo__modal .modal__logo svg {
width: 100%;
height: 100%;
}
.promo__modal .formular__group {
padding: 0 !important;
}
.coop h2 {
margin-bottom: 21px;
}
.coop--integration h2 {
margin-bottom: 10px;
}
.coop--integration .coop__text {
margin-bottom: 20px;
margin-top: 11px;
}
.coop--integration .coop__form {
margin-top: 15px;
}
.coop--integration .form__item {
margin-bottom: 11px;
}
.coop--integration .form__btn.btn {
margin-top: 20px;
}
.coop--contacts h2 {
margin-bottom: 11px;
}
.coop--contacts .coop__text {
margin: 0;
}
.coop--contacts .coop__form {
margin-top: 21px;
}
.coop__wrap {
background-color: var(--color-light);
margin: 0 auto;
max-width: 1760px;
padding: 80px 0;
width: 100%;
}
.coop__text {
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 20px 0 40px;
}
.coop__numbers {
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: 9px;
margin: 0;
}
.coop__numbers li {
border-left: 1px solid var(--color-light-secondary);
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
flex: 1 1 0;
padding: 0 0 10px 9px;
}
.coop__numbers .number {
margin: 7px 0 0px;
}
.coop__right {
margin: 60px 0 0;
}
.coop__number-note {
font-size: 12px;
margin: 7px 0 0;
}
.coop__form {
margin: 80px 0 0;
}
@media (min-width: 768px) {
.coop h2 {
margin-bottom: 20px;
}
.coop--integration .coop__form {
margin-top: 25px;
}
.coop--integration .form__flex {
flex-wrap: wrap;
}
.coop--integration .form__flex .form__item {
flex-grow: 0;
margin: 0 0 15px;
}
.coop--integration .form__flex .form__item--wide {
flex-grow: 1;
margin-right: 2%;
}
.coop--integration .form__item {
width: 32%;
}
.coop--integration .form__btn.btn {
margin-top: 0;
}
.coop--integration .form__note {
margin-top: 0;
}
.coop--contacts .form__flex {
flex-wrap: wrap;
grid-row-gap: 30px;
}
.coop--contacts .form__flex .form__item {
flex-grow: 0;
margin: 0;
}
.coop--contacts .form__flex .form__item--wide {
flex-grow: 1;
margin-right: 2%;
}
.coop__container {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.coop__wrap {
overflow: hidden;
padding: 97px 0 100px;
}
.coop__left {
width: 48%;
}
.coop__right {
margin: 0;
width: 51%;
}
.coop__text {
line-height: 1.5;
margin: 0 0 51px;
}
.coop__numbers {
gap: 0;
height: 100%;
}
.coop__numbers li {
padding: 0 0 0 15px;
}
.coop__numbers .number {
margin: 0.3em 0 0;
}
.coop__number-note {
font-size: 14px;
margin-top: 10px;
}
.coop__form {
margin-top: 99px;
}
}
@media (min-width: 1024px) {
.coop {
margin: 100px 0 120px;
}
.coop h2 {
margin-bottom: 26px;
}
.coop--integration .coop__form {
margin-top: 29px;
}
.coop__wrap {
max-width: 1320px;
overflow: hidden;
padding: 56px 0 61px;
width: 97%;
}
.coop__left {
width: 40%;
}
.coop__text {
margin-bottom: 45px;
}
.coop__numbers li {
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
margin-right: 34px;
padding: 18px 0 9px 20px;
}
.coop__numbers li:last-child {
margin-right: 0;
}
.coop__numbers .number {
margin: 0 0 11px;
}
.coop__number-note {
font-size: 20px;
}
.coop__right {
width: 50.4%;
}
.coop__form {
margin-top: 60px;
}
}
@media (min-width: 1560px) {
.coop {
margin: 155px 0 162px;
}
.coop h2 {
margin-bottom: 36px;
}
.coop--integration .coop__form {
margin-top: 43px;
}
.coop--integration .form__flex .form__item {
margin-bottom: 30px;
}
.coop--integration .form__note {
margin-top: -7px;
}
.coop--integration .coop__wrap {
padding-bottom: 80px;
padding-top: 75px;
}
.coop--contacts h2 {
margin-bottom: 34px;
}
.coop--contacts .coop__form {
margin-top: 41px;
}
.coop--contacts .form__flex .form__item {
width: calc(33.33% - 21px);
}
.coop--contacts .form__note {
margin-top: -8px;
}
.coop--contacts .coop__wrap {
padding-bottom: 81px;
}
.coop__wrap {
max-width: 1760px;
width: 97%;
padding: 73px 0 90px;
}
.coop__left .btn {
padding: 9px 11px 9px 9px;
}
.coop__text {
margin-bottom: 58px;
}
.coop__right {
width: 50.9%;
}
.coop__numbers li {
margin-right: 0;
padding: 18px 0 15px 28px;
}
.coop__numbers .number {
margin: 0 0 13px;
}
.coop__form {
margin-top: 79px;
}
}
.form__item {
background-color: var(--white);
border: 1px solid var(--color-light-secondary);
border-radius: 12px;
margin: 0 0 10px;
padding: 15px 9px 14px;
position: relative;
}
.form__item--active .form__label {
font-size: 10px;
left: 10px;
top: 2px;
}
.form__input {
background-color: transparent;
border: none;
position: relative;
width: 100%;
z-index: 10;
}
.form__input:required + .form__label::after {
content: "*";
}
.form__input:focus {
outline: none;
}
.form__input:-internal-autofill-selected,
.form__input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.form__input.form__input_textarea {
resize: none;
height: 10rem;
}
.form__footer {
gap: 0.5rem;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.form__footer {
gap: 2rem;
}
}
.form__label {
color: var(--color-gray);
font-weight: var(--f-lighter);
left: 9px;
line-height: normal;
position: absolute;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
transition-duration: 0.2s;
top: 16px;
}
.form__btn.btn {
margin: 20px 0 0;
padding: 16px 15px;
}
.form__note {
color: var(--color-gray);
font-size: 12px;
font-weight: var(--f-lighter);
line-height: 1.2;
margin: 21px 0 0;
}
.form__note a {
color: inherit;
text-decoration: underline;
}
.form__check-input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
.form__check-label {
font-size: 16px;
padding-left: 32px;
}
@media (min-width: 1024px) {
}
.form__check-label::before {
--size: 16px;
border: 1px solid var(--color-highlight);
content: "";
left: 0;
height: var(--size);
position: absolute;
top: 1px;
width: var(--size);
}
.coop--contacts .form__note {
margin-top: 20px;
}
@media (min-width: 768px) {
.form__note {
font-size: 14px;
}
.form__flex {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.form__item {
margin-bottom: 15px;
width: calc(33.33% - 10px);
}
.form__item--wide {
flex-grow: 1;
}
.form__btn.btn {
margin-left: 15px;
margin-top: 0;
padding: 16px 15px;
}
.form__note {
margin-top: -3px;
}
.form__check-label {
font-size: 14px;
}
.form__check-label::before {
--size: 18px;
top: -1px;
}
}
@media (min-width: 1024px) {
.form__flex {
flex-wrap: nowrap;
}
.form__flex .form__item {
flex-grow: 1;
margin-bottom: 0;
margin-right: 19px;
}
.form__flex .form__btn {
flex-shrink: 0;
margin-left: 0;
margin-top: 0;
padding: 16px 15px;
}
.form__input {
font-size: 18px;
}
.form__item {
padding: 14px 12px 14px;
}
.form__item--active .form__label {
font-size: 12px;
left: 9px;
top: 3px;
}
.form__label {
left: 15px;
top: 16px;
}
.form__note {
font-size: 14px;
}
.form__check-label {
font-size: 16px;
padding-left: 30px;
}
.form__check-label::before {
--size: 18px;
top: -1px;
}
}
@media (min-width: 1560px) {
.form__flex .form__item {
margin-right: 30px;
}
.form__flex .form__btn {
padding: 18px 19px;
}
.form__btn.btn {
border-radius: 15px;
}
.form__item {
padding: 17px 16px;
}
.form__label {
left: 19px;
top: 18px;
}
.form__note {
font-size: 16px;
margin-top: 21px;
}
}
.form__number {
gap: 1rem;
display: flex;
align-items: center;
}
.form__number .number__input {
height: 2.5rem;
font-size: 1rem;
line-height: 100%;
border-radius: 0.625rem;
border: 1px solid var(--color-link);
text-align: center;
-moz-appearance: textfield;
-webkit-appearance: none;
appearance: none;
}
.form__number .number__input::-webkit-inner-spin-button,
.form__number .number__input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.switch {
font-weight: var(--f-lighter);
position: relative;
}
.catalog-item {
border-bottom: 1px solid var(--color-light-secondary);
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
padding: 40px 0 38px;
}
.catalog-item__img {
color: var(--color-text);
display: block;
height: 180px;
margin: 0 0 21px;
position: relative;
width: 100%;
}
.catalog-item__img img {
display: block;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.catalog-item__text {
color: var(--color-text);
display: block;
flex-grow: 1;
line-height: 1.2;
margin: 0 0 20px;
}
.catalog-item__text:hover .catalog-item__name {
color: var(--color-highlight);
}
.catalog-item__name {
display: block;
font-size: 18px;
margin: 0 0 11px;
}
.catalog-item__bottom {
display: block;
width: 100%;
}
.catalog-item__price {
display: block;
color: var(--color-highlight);
font-size: 18px;
line-height: 1.2;
margin: 0 0 5px;
width: 100%;
}
.catalog-item__btns {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-top: 20px;
gap: 15px;
}
.catalog-item__icon--active {
background-color: var(--color-highlight);
}
.catalog-item__icon--active svg {
stroke: var(--white);
}
.catalog-item__icon--active.fill svg {
fill: var(--white);
stroke: none;
}
@media (min-width: 768px) {
.catalog-item {
padding: 40px 0 31px;
}
.catalog-item__text {
margin-bottom: 31px;
}
.catalog-item__name {
font-size: 20px;
margin-bottom: 10px;
}
.catalog-item__img {
margin-bottom: 45px;
}
.catalog-item__price {
font-size: 20px;
}
.catalog-item__btns {
justify-content: flex-start;
margin-top: 14px;
}
}
@media (min-width: 1024px) {
.catalog-item {
padding: 28px 0 29px;
}
.catalog-item__img {
height: 220px;
margin-bottom: 23px;
}
.catalog-item__name {
font-size: 20px;
margin-bottom: 10px;
}
.catalog-item__text {
margin-bottom: 30px;
}
.catalog-item__price {
font-size: 20px;
}
.catalog-item__btns {
justify-content: flex-start;
margin-top: 16px;
}
}
@media (min-width: 1560px) {
.catalog-item {
padding: 41px 0 39px;
}
.catalog-item__img {
height: 284px;
margin-bottom: 41px;
}
.catalog-item__name {
font-size: 24px;
margin-bottom: 9px;
}
.catalog-item__price {
font-size: 24px;
}
.catalog-item__btns {
margin-top: 23px;
}
}
.filter-modal {
background-color: var(--color-bg-main);
height: 100vh;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition-duration: 0.2s;
width: 100vw;
visibility: hidden;
z-index: -1;
}
.filter-modal .container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
height: 100%;
}
.filter-modal--open {
opacity: 1;
visibility: visible;
z-index: 100;
}
.filter-modal__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 45px 0 41px;
width: 100%;
}
.filter-modal__title {
font-size: 18px;
line-height: 1.2;
margin: 0;
}
.filter-modal__body {
flex-grow: 1;
overflow: hidden;
width: 100%;
}
.filter-modal__wrap {
height: 100%;
padding-bottom: 40px;
overflow-y: scroll;
scrollbar-color: transparent;
scrollbar-width: none;
}
.filter-modal__wrap::-webkit-scrollbar {
-webkit-appearance: none;
display: none;
height: 0;
width: 0;
}
.filter-modal__close {
--size: 24px;
background-color: transparent;
border: none;
display: block;
height: var(--size);
flex-shrink: 0;
margin: 0 4px 0 0;
padding: 0;
position: relative;
width: var(--size);
}
.filter-modal__close::before,
.filter-modal__close::after {
background-color: var(--color-highlight);
border-radius: 4px;
content: '';
height: 1px;
position: absolute;
left: 50%;
width: 100%;
}
.filter-modal__close::before {
transform: translate(-50%) rotate(45deg);
}
.filter-modal__close::after {
transform: translate(-50%) rotate(-45deg);
}
.filter__fieldset {
display: block;
float: none;
border: none;
margin: 0 0 25px;
padding: 0;
}
.filter__item-checkbox {
margin: 0 0 15px;
position: relative;
}
.filter__checkbox {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
.filter__checkbox + .filter__label::before {
border-radius: 4px;
}
.filter__checkbox:checked + .filter__label::before {
background-color: var(--color-highlight);
background-image: url(../../../../../../local/templates/polymedia/assets/img/ic-check.svg);
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
}
.filter__label {
cursor: pointer;
display: block;
font-size: 16px;
font-weight: var(--f-lighter);
padding: 0 0 0 30px;
position: relative;
}
.filter__label::before {
--size: 16px;
border: 1px solid var(--color-highlight);
content: "";
left: 0;
height: var(--size);
position: absolute;
top: 1px;
width: var(--size);
}
@media (min-width: 768px) {
.filter__label {
font-size: 14px;
}
.filter__label::before {
--size: 18px;
top: -1px;
}
.filter__item-checkbox {
margin-bottom: 20px;
}
.filter__checkbox + .filter__label::before {
border-radius: 5px;
}
.btn.filter__btn {
border-radius: 15px;
font-size: 18px;
margin-top: 33px;
padding: 18px 19px;
}
.filter__fieldset {
margin-bottom: 33px;
}
}
@media (min-width: 1024px) {
.filter__label::before {
--size: 18px;
top: -1px;
}
.filter__fieldset {
margin-bottom: 33px;
}
.filter__btn.btn {
padding: 18px 19px;
}
}
@media (min-width: 1560px) {
.filter__label {
font-size: 16px;
padding-left: 32px;
}
.filter__item-checkbox {
margin-bottom: 17px;
}
.filter__fieldset {
margin-bottom: 47px;
}
}
.section-header {
border-bottom: 1px solid var(--color-light-secondary);
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 0 18px;
}
.section-header__text {
font-size: 15px;
margin: 0;
}
.section-header__text span {
font-weight: var(--f-lighter);
}
.section-header__nav {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
@media (min-width: 768px) {
.section-header {
padding: 9px 0 29px;
}
.section-header__nav .btn-with-icon {
margin-left: 13px;
}
}
@media (min-width: 1024px) {
.section-header {
padding: 0 0 29px;
}
.section-header__nav .btn-with-icon {
margin-left: 21px;
}
}
@media (min-width: 1560px) {
.section-header {
padding-bottom: 38px;
}
}
@media (min-width: 1024px) {
}
@media (min-width: 1310px) {
}
@media (min-width: 1356px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1814px) {
}
.gray-item {
color: var(--colot-text);
display: block;
position: relative;
}
.gray-item .arrow {
--size: 24px;
position: absolute;
right: 10px;
top: 11px;
z-index: 10;
}
.gray-item:hover img {
transform: scale(1.1);
}
.gray-item:hover .arrow {
background-color: var(--color-highlight);
}
.gray-item:hover .arrow svg {
stroke: var(--white);
}
.gray-item__img {
display: block;
overflow: hidden;
width: 100%;
}
.gray-item__img img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 0.2s;
width: 100%;
}
.gray-item__info {
display: block;
padding: 11px 10px;
width: 100%;
}
.gray-item__name {
display: block;
font-size: 18px;
line-height: 1.2;
margin-bottom: 5px;
}
.gray-item__text {
display: block;
font-size: 12px;
font-weight: var(--f-lighter);
line-height: 1.2;
}
.gray-item__info {
background-color: var(--color-light);
}
@media (max-width: 767px) {
.gray-item__img {
aspect-ratio: 1.97590361;
}
}
@media (min-width: 768px) {
.gray-item {
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-direction: column;
height: 100%;
}
.gray-item .arrow {
--border-radius: 8px;
--size: 32px;
right: 10px;
top: 10px;
}
.gray-item__img {
flex-grow: 1;
}
.items-grid li:not(:first-child):not(:nth-child(8)) .gray-item__img {
height: 212px;
max-height: 212px;
min-height: 212px;
}
.items-grid li:not(:first-child):not(:nth-child(8)) .gray-item__info {
height: 100%;
}
.items-grid_secondary .gray-item__img{
height: 212px;
max-height: 212px;
min-height: 212px;
}
.items-grid_secondary .gray-item__info {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.items-grid_secondary .gray-item__img {
aspect-ratio: 0;
}
.gray-item__name {
font-size: 20px;
}
.gray-item__text {
font-size: 14px;
}
}
@media (min-width: 1560px) {
.gray-item .arrow {
--border-radius: 10px;
--size: 40px;
right: 15px;
top: 16px;
}
.gray-item__img {
aspect-ratio: auto;
}
.items-grid li:not(:first-child):not(:nth-child(8)) .gray-item__img {
aspect-ratio: auto;
height: 212px;
max-height: 212px;
}
.gray-item__info {
padding: 19px;
}
.gray-item__name {
font-size: 24px;
margin-bottom: 11px;
}
.gray-item__text {
font-size: 18px;
line-height: 1.5;
}
.items-grid_secondary .gray-item__img {
aspect-ratio: 1.97590361;
}
}
@media (min-width: 768px) {
.items-grid.items-grid_secondary li {
grid-row: unset !important;
grid-column: unset !important;
}
}
.detail-head {
background-color: var(--color-light);
margin: 0 auto 39px;
padding: 44px 0 40px;
}
.detail-head__top-text {
font-size: 14px;
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 0 0 29px;
}
.detail-head__top-text p {
margin: 0 0 8px;
}
.detail-head__more-top {
display: block;
font-size: 16px;
margin: 16px 0 0;
}
.detail-head__btns {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 20px 0 0;
}
.detail-head__icon {
--size: 52px;
background-color: var(--white);
border: none;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
height: var(--size);
margin: 0 0 0 8px;
padding: 0;
width: var(--size);
}
.detail-head__icon:hover {
background-color: var(--color-highlight);
}
.detail-head__icon:hover svg {
stroke: var(--white);
}
.detail-head__icon svg {
--icon-size: calc(var(--size) - 28px);
height: var(--icon-size);
fill: transparent;
stroke: var(--color-highlight);
width: var(--icon-size);
}
.detail-head__icon.fill svg {
fill: var(--color-highlight);
stroke: none;
}
.detail-head__icon.fill:hover svg {
fill: var(--white);
stroke: none;
}
.detail-head__image {
height: 49px;
margin: 18px 0 40px;
width: 100%;
}
.detail-head__image img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left;
object-position: left;
width: 100%;
}
.detail-head__gallery {
margin: 0 0 23px;
}
@media (min-width: 768px) {
.detail-head {
margin-bottom: 60px;
padding: 60px 0 47px;
}
.detail-head .container {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.detail-head__gallery {
width: 49%;
}
.detail-head__top-info {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
width: 49%;
}
.detail-head__top-info h1 {
line-height: 1;
}
.detail-head__top-text {
font-size: 16px;
}
.detail-head__top-text p {
margin-bottom: 15px;
}
.detail-head__btns {
}
.detail-head__icon {
--size: 60px;
margin-left: 10px;
}
.detail-head__btns {
margin: 29px 0 0;
}
.detail-head__icon {
--size: 52px;
margin-left: 15px;
}
}
@media (min-width: 1024px) {
.detail-head {
max-width: 1320px;
padding: 84px 0 47px;
margin-bottom: 70px;
width: 97%;
}
.detail-head__top-info h1 {
margin-bottom: 40px;
}
.detail-head__top-text p {
margin-bottom: 22px;
}
.detail-head__image {
height: 90px;
}
}
@media (min-width: 1560px) {
.detail-head {
margin-bottom: 80px;
max-width: 1760px;
}
.detail-head__icon {
--size: 60px;
border-radius: 15px;
margin-left: 20px;
}
}
.projects-item {
color: var(--color-text);
display: block;
position: relative;
width: 100%;
}
.projects-item .arrow {
--size: 24px;
position: absolute;
right: 10px;
top: 10px;
z-index: 10;
}
.projects-item:hover .arrow {
background-color: var(--color-highlight);
}
.projects-item:hover .arrow svg {
stroke: var(--white);
}
.projects-item:hover img {
transform: scale(1.1);
}
.projects-item:hover .projects-item__name {
color: var(--color-highlight);
}
.projects-item__img {
aspect-ratio: 1.49;
display: block;
margin: 0 0 10px;
overflow: hidden;
width: 100%;
}
.projects-item__img img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 0.2s;
width: 100%;
}
.projects-item__name {
display: block;
font-size: 18px;
line-height: 1.25;
margin: 0 0 5px;
}
.projects-item__text {
display: block;
font-size: 12px;
font-weight: var(--f-lighter);
}
@media (min-width: 768px) {
.projects-item {
width: 100%;
height: 100%;
}
.projects-item .arrow {
--border-radius: 8px;
--size: 32px;
right: 10px;
top: 10px;
}
.projects-item__img {
aspect-ratio: auto;
height: 207px;
margin-bottom: 11px;
}
.projects-item__name {
font-size: 20px;
line-height: 1.2;
margin-bottom: 5px;
}
.projects-item__text {
font-size: 14px;
}
}
@media (min-width: 1024px) {
.projects-item__img {
height: 284px;
}
.projects-item__name {
margin-bottom: 6px;
}
}
@media (min-width: 1560px) {
.projects-item .arrow {
--border-radius: 10px;
--size: 40px;
right: 15px;
top: 16px;
}
.projects-item__img {
height: 378px;
margin-bottom: 22px;
}
.projects-item__name {
font-size: 24px;
margin-bottom: 11px;
}
.projects-item__text {
font-size: 16px;
}
}
.projects {
margin: 80px 0;
}
.projects__items, .scheme .projects__items {
margin: 0 0 40px;
gap: 20px;
display: grid;
grid-template-columns: 1fr;
}
.projects__items li {
margin: 0 0 0px;
}
.projects__items li:nth-child(n + 5) {
display: none;
}
@media (min-width: 768px) {
.projects {
margin: 97px 0 100px;
}
.projects__items, .scheme .projects__items {
display: grid;
gap: 25px 15px;
grid-template-columns: repeat(4, 1fr);
margin: 0 0 50px;
}
.projects__items li {
margin: 0 0 0px;
padding: 0;
}
.projects__items li:nth-child(n + 5) {
display: block;
}
.projects__items li:nth-child(3) {
grid-column-start: 3;
grid-column-end: 5;
}
.projects__items li:nth-child(4) {
grid-column-start: 1;
grid-column-end: 3;
}
.btn.projects__more {
margin: 0 auto;
}
}
@media (min-width: 1024px) {
.projects {
margin: 80px 0;
}
.projects__items, .scheme .projects__items {
gap: 30px 20px;
margin-bottom: 40px;
}
}
@media (min-width: 1560px) {
.projects {
margin: 80px 0;
}
.projects__items, .scheme .projects__items {
gap: 40px 30px;
margin-bottom: 60px;
}
.btn.projects__more {
border-radius: 15px;
}
}
.items-grid {
margin: 0;
}
.items-grid li {
margin-bottom: 18px;
}
.items-grid li:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.items-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.items-grid li {
margin: 0;
}
.items-grid li:first-child {
grid-row-start: 1;
grid-row-end: 3;
}
.items-grid li:nth-child(8) {
grid-row-start: 3;
grid-row-end: 5;
grid-column-start: 3;
grid-column-end: 4;
}
}
@media (min-width: 1024px) {
.items-grid {
gap: 20px;
}
}
@media (min-width: 1560px) {
.items-grid {
gap: 31px;
}
}
.brands {
margin: 82px 0 79px;
}
.brands h2 {
margin-bottom: 0;
}
.brands p {
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 21px 0 0px;
}
.brands__list {
display: grid;
grid-template-columns: repeat(2, 50%);
margin: 0;
}
.brands__list li {
border-bottom: 1px solid var(--color-light-secondary);
}
.brands__list a {
box-sizing: content-box;
display: block;
height: 57px;
padding: 14px 0;
width: 100%;
}
.brands__list a:hover img {
transform: scale(1.1);
}
.brands__list img {
display: block;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transition-duration: 0.2s;
width: 100%;
}
@media (min-width: 768px) {
.brands {
margin: 97px 0 101px;
}
.brands h2 {
margin-bottom: 30px;
}
.brands__list {
grid-template-columns: repeat(6, 1fr);
}
.brands__list a {
height: 56px;
}
}
@media (min-width: 1024px) {
.brands {
margin: 117px 0 119px;
}
.brands h2 {
margin-bottom: 32px;
}
.brands__list {
grid-template-columns: repeat(6, 1fr);
}
.brands__list a {
height: 88px;
padding: 20px 0 21px;
}
}
@media (min-width: 1560px) {
.brands {
margin: 157px 0 160px;
}
.brands h2 {
margin-bottom: 26px;
}
.brands p {
margin: 30px 0 31px;
}
.brands__list a {
height: 110px;
padding: 25px 0 24px;
}
}
.field-items {
margin: 0;
}
.field-items li {
margin: 0 0 8px;
padding: 0;
}
.field-items li:last-child {
margin-bottom: 0;
}
.field-items__item {
display: flex;
align-items: stretch;
justify-content: flex-start;
min-height: 120px;
position: relative;
}
.field-items__item:hover .field-items__img img {
transform: scale(1.1);
}
.field-items__item:hover .arrow {
background-color: var(--color-highlight);
}
.field-items__item:hover .arrow svg {
stroke: var(--white);
}
.field-items__item .arrow {
--border-radius: 6px;
--size: 24px;
position: absolute;
right: 11px;
top: 10px;
}
.field-items__img {
display: block;
flex-shrink: 0;
overflow: hidden;
width: 100px;
}
.field-items__img img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 0.2s;
width: 100%;
}
.field-items__right {
background-color: var(--color-light);
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
padding: 30px 35px 10px 10px;
width: calc(100% - 100px);
}
.field-items__name {
color: var(--color-highlight);
font-size: 22px;
line-height: 1.2;
transform: translateY(-5px);
}
.field-items__text {
color: var(--color-text);
display: block;
font-size: 12px;
line-height: normal;
margin: 0;
padding-right: 5px;
font-weight: 300;
}
@media (min-width: 768px) {
.field-items {
display: grid;
gap: 16px;
grid-template-columns: repeat(2, 1fr);
}
.field-items li {
margin: 0;
}
.field-items__item {
height: 100%;
}
.field-items__item .arrow {
--border-radius: 8px;
--size: 32px;
right: 10px;
top: 10px;
}
.field-items__right {
padding: 30px 35px 10px 15px;
}
.field-items__name {
color: var(--color-text);
font-size: 20px;
margin: 0 0 5px;
}
.field-items__text {
font-size: 16px;
line-height: 1.5;
}
}
@media (min-width: 1024px) {
.field-items {
gap: 24px 21px;
}
.field-items__img {
width: 48%;
}
.field-items__right {
padding: 50px 45px 29px 29px;
width: 52%;
}
}
@media (min-width: 1560px) {
.field-items {
gap: 32px 29px;
}
.field-items__item .arrow {
--border-radius: 10px;
--size: 40px;
right: 15px;
top: 16px;
}
.field-items__right {
padding: 50px 35px 29px 29px;
}
.field-items__name {
font-size: 24px;
}
.field-items__text {
font-size: 18px;
}
}
@media (min-width: 768px) {
.layout__directions {
margin: 0 -2.5rem;
}
}
.layout__directions .directions__list {
gap: 15px;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__directions .directions__list {
gap: 0;
}
}
@media (min-width: 1024px) {
.layout__directions .directions__list {
gap: 20px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1560px) {
.layout__directions .directions__list {
gap: 30px;
}
}
.layout__directions .directions__item {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__directions .directions__item:nth-child(3n + 3) {
grid-column: span 2;
}
.layout__directions .directions__item:nth-child(3n + 3) .directions__header {
width: 47.75rem;
max-width: 100%;
}
}
.layout__directions .directions__picture {
width: 100%;
display: flex;
align-items: flex-start;
aspect-ratio: 1.6;
}
@media (min-width: 768px) {
.layout__directions .directions__picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
aspect-ratio: unset;
}
}
.layout__directions .directions__picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.layout__directions .directions__layout {
color: #ffffff;
background-color: #f2f5f9;
padding: 1.5rem 0.875rem;
height: 100%;
width: 100%;
gap: 1.25rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.layout__directions .directions__layout {
gap: 2.5rem;
min-height: 34rem;
padding: 6.25rem 2.5rem;
background-color: transparent;
}
}
@media (min-width: 1024px) {
.layout__directions .directions__layout {
gap: 2.5rem;
min-height: 35rem;
padding: 3.75rem;
}
}
@media (min-width: 1560px) {
.layout__directions .directions__layout {
gap: 3.75rem;
min-height: 41.25rem;
padding: 5rem;
}
}
.layout__directions .directions__header {
gap: 0.25rem;
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__directions .directions__header {
gap: 1.5rem;
}
}
@media (min-width: 1024px) {
.layout__directions .directions__header {
gap: 2rem;
}
}
@media (min-width: 1560px) {
.layout__directions .directions__header {
gap: 2.5rem;
}
}
.layout__directions .directions__title {
color: #0b4589;
margin: 0;
}
@media (min-width: 768px) {
.layout__directions .directions__title {
color: #ffffff;
}
}
.layout__directions .directions__text {
color: #000;
font-size: 1rem;
line-height: 120%;
font-weight: 300;
}
@media (min-width: 768px) {
.layout__directions .directions__text {
color: #ffffff;
font-size: 1rem;
line-height: 150%;
}
}
@media (min-width: 1560px) {
.layout__directions .directions__text {
font-size: 1.125rem;
}
}
.layout__directions .directions__sublist {
gap: 0.5rem;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__directions .directions__sublist {
gap: 1rem;
}
}
.layout__directions .directions__subitem {
gap: 0.25rem;
display: flex;
align-items: center;
}
.layout__directions .directions__subtext {
color: #0b4589;
font-size: 1rem;
line-height: 120%;
}
@media (min-width: 768px) {
.layout__directions .directions__subtext {
color: #ffffff;
font-size: 1.25rem;
line-height: 140%;
}
}
.layout__directions .directions__subico {
width: 1rem;
height: 1rem;
flex-shrink: 0;
fill: none;
stroke: #0b4589;
}
@media (min-width: 768px) {
.layout__directions .directions__subico {
width: 1.75rem;
height: 1.75rem;
stroke: #ffffff;
}
}
@media (max-width: 768px) {
.layout__directions .directions__footer .btn {
background-color: transparent;
border: 1px solid var(--color-highlight);
color: var(--color-highlight);
}
.layout__directions .directions__footer .btn:hover {
border-color: var(--color-light-secondary);
}
.layout__directions .directions__footer .btn .arrow {
background-color: #cedae7;
}
.layout__directions .directions__footer .btn svg {
--icon-size: calc(var(--size) - 5px);
fill: none;
stroke: var(--color-highlight);
}
}
.inner-nav {
overflow-x: scroll;
scrollbar-color: transparent;
scrollbar-width: none;
}
.inner-nav::-webkit-scrollbar {
-webkit-appearance: none;
display: none;
height: 0;
width: 0;
}
.inner-nav__list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
font-size: 18px;
line-height: 1.2;
margin: 0;
position: relative;
white-space: nowrap;
}
.inner-nav__list a {
color: var(--color-text);
}
.inner-nav__list::before {
background-color: var(--color-highlight);
content: '';
height: 1px;
left: var(--left);
top: 0;
position: absolute;
transition-duration: 0.2s;
width: var(--width);
z-index: 10;
}
.inner-nav__btn {
background-color: transparent;
border: none;
border-top: 1px solid var(--color-light-secondary);
display: block;
min-width: 168px;
padding: 15px 10px 15px 1px;
}
@media (min-width: 768px) {
.inner-nav__list {
font-size: 18px;
text-align: center;
width: 100%;
}
.inner-nav__list li {
flex: 1 1 0;
}
.inner-nav__btn {
padding: 35px 10px 30px;
}
.catalog-detail__table {
width: 100%;
}
.catalog-detail__table tr:nth-child(n+8) {
display: table-row;
}
}
@media (min-width: 1024px) {
.inner-nav__list {
font-size: 24px;
}
}
.slider-with-thumb {
position: relative;
width: 100%;
}
.slider-with-thumb__slider-thumb {
display: block;
overflow: hidden;
position: relative;
}
.slider-with-thumb__slider-thumb .swiper {
margin: 0;
overflow: visible;
width: 91%;
}
.slider-with-thumb__img {
background-color: transparent;
height: 100%;
width: 100%;
}
.slider-with-thumb__img img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.slider-with-thumb__slider-big .swiper-wrapper {
align-items: stretch;
}
.slider-with-thumb__slider-big .swiper-slide {
height: auto;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
max-height: 588px;
}
.slider-with-thumb__nav {
--size: 4px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0 0;
z-index: 10;
}
.slider-with-thumb__nav .swiper-pagination-bullet {
--swiper-pagination-bullet-horizontal-gap: 2px;
background-color: #D9D9D9;
border-radius: 50%;
display: block;
height: var(--size);
margin: 0 4px;
opacity: 1;
width: var(--size);
}
.slider-with-thumb__nav .swiper-pagination-bullet:last-child {
margin-bottom: 0;
}
.slider-with-thumb__nav .swiper-pagination-bullet-active {
background-color: var(--color-highlight);
}
.slider-with-thumb__slider-btns {
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.slider-with-thumb__slider-btn {
background-color: transparent;
border: none;
display: flex;
align-items: center;
justify-content: center;
height: calc(100% + 2px);
padding: 0;
position: absolute;
top: -1px;
width: 32px;
z-index: 10;
}
.slider-with-thumb__slider-btn:disabled {
opacity: 0;
visibility: hidden;
}
.slider-with-thumb__slider-btn--prev {
background-image: linear-gradient(to right, var(--color-light) 35%, transparent 100%);
left: -1px;
padding-right: 10px;
}
.slider-with-thumb__slider-btn--prev svg {
transform: scale(-1, -1) translateX(4px);
}
.slider-with-thumb__slider-btn--next {
background-image: linear-gradient(to left, var(--color-light) 35%, transparent 100%);
right: -1px;
padding-left: 10px;
}
.slider-with-thumb__slider-btn--next svg {
transform: translateX(5px);
}
.slider-with-thumb__slider-btn svg {
--size: 32px;
display: block;
height: var(--size);
fill: var(--color-highlight);
flex-shrink: 0;
width: var(--size);
}
.slider-with-thumb__slider-big{
aspect-ratio: 0;
}
@media (min-width: 768px) {
.slider-with-thumb__slider-thumb {
display: block;
}
.slider-with-thumb__slider-thumb .swiper-slide {
width: 106px;
margin-right: 15px;
}
.slider-with-thumb__slider-thumb .swiper-slide-thumb-active img {
opacity: 1;
}
.slider-with-thumb__nav {
display: none;
}
.slider-with-thumb__slider-big {
margin-bottom: 40px;
}
.slider-with-thumb__thumb {
aspect-ratio: 1.7;
background-color: transparent;
overflow: hidden;
width: 100%;
}
.slider-with-thumb__thumb img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
}
.pagination__more.btn {
margin: 0 0 41px;
}
.pagination__pages {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.pagination__pages li {
margin: 0 17px 0 0;
}
.pagination__pages li:last-child {
margin-right: 0;
}
.pagination__item {
--size: 32px;
border-radius: 8px;
color: var(--color-highlight);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
height: var(--size);
margin: 0;
padding: 0;
width: var(--size);
}
.pagination__item svg {
--icon-size: calc(var(--size) - 11px);
height: var(--icon-size);
fill: var(--color-highlight);
width: var(--icon-size);
}
a.pagination__item {
transition-duration: 0.3s;
}
a.pagination__item:hover {
background-color: var(--color-light);
}
span.pagination__item {
background-color: var(--color-light);
}
@media (min-width: 768px) {
.pagination {
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination__pages {
justify-content: flex-end;
}
.pagination__pages li {
margin-right: 15px;
}
.pagination__more.btn {
margin: 0;
}
.pagination__item {
--size: 52px;
font-size: 16px;
}
.pagination__item svg {
--icon-size: calc(var(--size) - 19px);
}
}
@media (min-width: 1024px) {
.pagination__more.btn {
border-radius: 13px;
padding: 16px 15px;
}
.pagination__pages li {
margin-right: 15px;
}
.pagination__item {
--size: 52px;
border-radius: 12px;
font-size: 16px;
}
.pagination__item svg {
--icon-size: calc(var(--size) - 26px);
}
}
@media (min-width: 1560px) {
.pagination__more.btn {
border-radius: 15px;
padding: 19px 20px;
}
.pagination__item {
--size: 60px;
border-radius: 15px;
font-size: 18px;
}
.pagination__item svg {
--icon-size: calc(var(--size) - 26px);
}
}
.hero {
position: relative;
height: calc(100dvh - 64px);
}
.hero__carousel {
position: relative;
height: 100%;
z-index: 1;
}
.hero__nav {
display: flex;
align-items: center;
justify-content: space-between;
bottom: 18px;
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: 2;
}
.hero__btn {
--size: 28px;
border: none;
background-color: transparent;
height: var(--size);
padding: 0;
width: var(--size);
}
.hero__btn--next:hover .hero__btn-arrow svg {
transform: translateX(5px);
}
.hero__btn--prev:hover .hero__btn-arrow svg {
transform: translateX(-5px);
}
.hero__btn-arrow {
display: block;
}
.hero__btn-arrow svg {
height: var(--size);
fill: transparent;
stroke: var(--white);
transition-duration: 0.2s;
width: var(--size);
}
.hero__pagination {
--size: 4px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.hero__pagination.swiper-pagination-bullets {
width: auto;
}
.hero__pagination .swiper-pagination-bullet {
background-color: #d9d9d9;
border-radius: 50%;
height: var(--size);
opacity: 1;
width: var(--size);
}
.hero__pagination .swiper-pagination-bullet-active {
background-color: rgba(242, 245, 249, 0.1);
border-radius: 100vmax;
position: relative;
overflow: hidden;
width: calc(var(--size) * 4.5);
}
.hero__pagination .swiper-pagination-bullet-active::before {
animation-duration: 7s;
animation-fill-mode: forwards;
animation-name: fillwidth;
animation-iteration-count: 1;
background-color: #d9d9d9;
border-radius: inherit;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 0%;
}
.hero__item {
--bottom: 84px;
color: var(--white);
display: grid;
grid-template-columns: 100%;
grid-template-rows: calc(100% - var(--bottom)) var(--bottom);
height: 100%;
}
.hero__img {
display: block;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
}
.hero__img img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.hero__text {
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.hero__btn-name,
.hero__btn-pic {
display: none;
}
.hero__title {
font-weight: var(--f-normal);
font-size: 22px;
}
.hero__btn-name span {
font-size: 18px;
font-weight: var(--f-normal);
}
@media (min-width: 768px) {
.hero {
height: calc(100dvh - 155px);
}
.hero__pagination {
--size: 8px;
}
.hero__nav {
bottom: 23px;
}
.hero__title {
font-size: 26px;
}
.hero__btn {
--size: 32px;
color: var(--white);
display: flex;
align-items: center;
flex: 1 1 0;
height: auto;
width: auto;
}
.hero__btn--prev {
justify-content: flex-start;
}
.hero__btn--prev .hero__btn-pic {
order: 0;
}
.hero__btn--prev .hero__btn-name {
order: 2;
text-align: left;
}
.hero__btn-name span {
font-size: 18px;
}
.hero__btn--prev .hero__btn-name span {
left: 0;
}
.hero__btn--next {
justify-content: flex-end;
}
.hero__btn--next .hero__btn-pic {
order: 2;
}
.hero__btn--next .hero__btn-name {
order: 0;
text-align: right;
}
.hero__btn--next .hero__btn-name span {
right: 0;
}
.hero__btn-name {
display: block;
height: 60px;
flex-grow: 1;
max-width: 25ch;
position: relative;
}
.hero__btn-name span {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.hero__btn-pic {
--size: 60px;
border-radius: 10px;
display: block;
height: var(--size);
flex-shrink: 0;
overflow: hidden;
width: var(--size);
}
.hero__btn-pic img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.hero__btn-arrow {
margin: 0 20px;
order: 1;
transform: translateY(1px);
}
.hero__item {
--bottom: 155px;
}
.hero__pagination {
flex: 1 1 0;
}
}
@media (min-width: 960px) {
.hero__item {
--bottom: 160px;
}
.hero__nav {
bottom: 25px;
}
}
@media (min-width: 1024px) {
.hero {
height: calc(100dvh - 154px);
}
.hero__nav {
bottom: 40px;
max-width: 1200px;
}
.hero__title {
width: 60%;
font-size: 32px;
}
.hero__btn-name {
font-size: 20px;
}
.hero__item {
--bottom: 180px;
}
.hero__text {
max-width: 1200px;
}
.hero__btn-name span {
font-size: 20px;
}
}
@media (min-width: 1560px) {
.hero {
height: calc(100dvh - 180px);
}
.hero__item {
--bottom: 217px;
}
.hero__title {
width: 60%;
font-size: 42px;
}
.hero__btn-arrow {
transform: translateY(4px);
}
.hero__btn-name {
font-size: 20px;
max-width: 50ch;
transform: translateY(2px);
}
.hero__text,
.hero__nav {
max-width: 1600px;
}
}
@keyframes fillwidth {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.fields {
margin: 81px 0;
}
.fields--desktop {
display: none;
}
.fields h2 {
-webkit-hyphens: auto;
hyphens: auto;
}
.fields__right {
display: none;
}
@media (min-width: 768px) {
.fields {
margin: 97px 0;
}
.fields--desktop {
display: block;
}
.fields__right {
display: block;
width: 66%;
}
.fields__block {
display: flex;
align-items: flex-start;
justify-content: space-between;
min-height: 100vh;
padding-bottom: 50px;
padding-top: 93px;
width: 100%;
}
.fields__block:last-child {
padding-bottom: 0;
}
.fields__items {
display: block;
position: relative;
}
.fields__items li {
margin: 0;
}
.fields__items::after {
background-color: var(--color-highlight);
content: '';
height: var(--height);
left: 0;
position: absolute;
transition-duration: 0.2s;
top: var(--top);
width: 2px;
z-index: 2;
}
.fields__item {
display: block;
min-height: 0;
padding: 28px 0 28px 26px;
position: relative;
}
.fields__item::before {
background-color: var(--color-light-secondary);
content: '';
height: 100%;
left: 0;
position: absolute;
transition-duration: 0.2s;
top: 0;
width: 1px;
z-index: 1;
}
}
@media (min-width: 1024px) {
.fields {
margin: 119px 0;
}
.fields__block {
padding-top: 100px;
}
.fields__item {
padding: 38px 0 37px 30px;
}
}
@media (min-width: 1560px) {
.fields {
margin: 155px 0;
}
.fields__item {
padding: 49px 0 43px 39px;
}
.fields__block {
padding-top: 117px;
}
}
.news-main {
margin: 81px 0;
overflow: hidden;
position: relative;
}
.news-main__carousel.swiper {
margin: 0 0 39px;
overflow: visible;
width: 91%;
}
.news-main__carousel.swiper .swiper-slide:first-child .news-main__item {
border: none;
}
.news-main__carousel.swiper .swiper-wrapper {
align-items: stretch;
}
.news-main__carousel.swiper .swiper-slide {
height: auto;
}
.news-main__item {
border-left: 1px solid var(--color-light-secondary);
color: var(--color-text);
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
height: 100%;
padding: 0 16px;
transition-duration: 0.3s;
}
.news-main__item:hover .news-main__name,
.news-main__item:hover .news-main__section {
color: var(--color-highlight);
}
.news-main__date {
display: block;
font-size: 12px;
font-weight: var(--f-lighter);
margin: 0 0 21px;
}
.news-main__name {
display: block;
font-size: 18px;
line-height: normal;
margin: 0 0 13px;
}
.news-main__text {
display: block;
flex-grow: 1;
font-size: 14px;
font-weight: var(--f-lighter);
margin: 0 0 41px;
}
.news-main__section {
font-size: 12px;
}
.news-main__section::before {
color: var(--color-highlight);
content: '/ ';
font-size: 15px;
font-weight: var(--f-bold);
}
@media (min-width: 768px) {
.news-main {
margin: 97px 0 100px;
}
.news-main__carousel.swiper {
margin: 0 auto 48px;
width: calc(100% - 79px);
}
.news-main__carousel.swiper .swiper-slide {
flex: 1 1 0;
}
.news-main__carousel.swiper .swiper-slide:first-child .news-main__item {
border-right: 1px solid var(--color-light-secondary);
padding-left: 0;
}
.news-main__carousel.swiper .swiper-slide:last-child .news-main__item {
border: none;
margin-right: 0;
}
.news-main__item {
border: none;
border-right: 1px solid var(--color-light-secondary);
padding: 2px 15px 2px 5px;
margin-right: 9px;
}
.news-main__date {
font-size: 16px;
margin-bottom: 28px;
}
.news-main__name {
font-size: 20px;
margin-bottom: 11px;
}
.news-main__text {
font-size: 16px;
line-height: 1.5;
margin-bottom: 46px;
}
.news-main__section {
font-size: 14px;
}
.news-main__section::before {
font-size: 20px;
}
.news-main__more {
margin: 0 auto;
}
}
@media (min-width: 1024px) {
.news-main {
margin: 118px 0 120px;
}
.news-main__carousel.swiper {
margin-bottom: 0;
margin-top: 6px;
max-width: 1200px;
}
.news-main__item {
padding: 0 15px 0 6px;
margin-right: 13px;
}
.news-main__date {
margin-bottom: 27px;
}
.news-main__name {
font-size: 20px;
}
.news-main__text {
font-size: 16px;
line-height: 1.5;
margin-bottom: 46px;
}
.news-main__section {
font-size: 15px;
}
.news-main__bottom {
display: none;
}
}
@media (min-width: 1560px) {
.news-main {
margin: 155px 0 160px;
}
.news-main__carousel.swiper {
margin-top: 5px;
max-width: 1600px;
}
.news-main__item {
padding: 0 31px 0 10px;
margin-right: 20px;
}
.news-main__date {
margin-bottom: 42px;
}
.news-main__name {
font-size: 24px;
}
.news-main__text {
font-size: 18px;
margin-bottom: 57px;
}
.news-main__section {
font-size: 15px;
}
}
@media (min-width: 768px) {
}
@media (min-width: 960px) {
}
@media (min-width: 1024px) {
.catalog h1 {
margin-bottom: 57px;
}
}
@media (min-width: 1560px) {
}
.catalog__left-banner {
display: none;
}
.catalog__items {
display: block;
margin: 0;
}
.catalog__items+.pagination {
margin-top: 42px;
}
@media (min-width: 768px) {
.catalog__items {
display: grid;
gap: 0 15px;
grid-template-columns: repeat(3, 1fr);
overflow: hidden;
}
.catalog__items+.pagination {
margin-top: 51px;
}
.catalog__items .catalog-item {
border: none;
position: relative;
}
.catalog__items .catalog-item::before {
background-color: var(--color-light-secondary);
bottom: 0;
content: '';
height: 1px;
left: -15px;
position: absolute;
width: calc(100% + 31px);
}
.catalog__sort-block {
position: relative;
}
.catalog__sort-block--open .catalog__sort-btn svg {
transform: rotate(-180deg);
}
.catalog__sort-btn {
background-color: var(--color-light);
border: none;
border-radius: 10px;
color: var(--color-highlight);
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
padding: 3px 5px 3px 15px;
}
.catalog__sort-btn svg {
--icon-size: 32px;
height: var(--icon-size);
fill: transparent;
margin-left: 8px;
stroke: var(--color-highlight);
width: var(--icon-size);
}
.catalog__left-banner {
display: block;
position: relative;
width: 32%;
}
.catalog__left-nav {
display: flex;
align-items: center;
justify-content: center;
left: 0;
position: absolute;
width: 100%;
z-index: 10;
}
.catalog__left-nav .swiper-pagination-bullet {
--size: 6px;
--swiper-pagination-bullet-horizontal-gap: 3px;
background-color: #D9D9D9;
border-radius: 50%;
display: block;
height: var(--size);
opacity: 1;
width: var(--size);
}
.catalog__left-nav .swiper-pagination-bullet-active {
background-color: var(--color-highlight);
}
.catalog__left-nav.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 13px;
}
}
@media (min-width: 1024px) {
.catalog__sort {
display: none;
}
.catalog__left-banner {
display: block;
margin: 120px 0 0;
position: relative;
width: 100%;
}
.catalog__left-banner img {
height: auto;
width: 100%;
}
.catalog__items {
gap: 0 20px;
grid-template-columns: repeat(3, 1fr);
}
.catalog__items+.pagination {
margin-top: 49px;
}
.catalog__left-banner {
display: block;
position: relative;
width: 100%;
}
.catalog__sort-btn {
font-size: 14px;
padding: 3px 2px 3px 15px;
}
.catalog__left-nav .swiper-pagination-bullet {
--size: 6px;
}
.catalog__left-nav.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 19px;
}
}
@media (min-width: 1560px) {
.catalog__items {
gap: 0 30px;
}
.catalog__left-nav .swiper-pagination-bullet {
--size: 8px;
--swiper-pagination-bullet-horizontal-gap: 4px;
}
.catalog__left-nav.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 26px;
}
.catalog__sort-btn {
font-size: 15px;
padding: 3px 2px 3px 17px;
}
.catalog__left-banner {
margin-top: 158px;
}
.catalog__items+.pagination {
margin-top: 60px;
}
}
.catalog-banner {
margin: 40px 0 0;
}
.catalog-banner__slider--desk {
display: none;
}
.catalog-banner__slider-nav {
display: none;
}
@media (min-width: 768px) {
.catalog-banner {
display: flex;
align-items: stretch;
justify-content: space-between;
margin: 0 auto 29px;
width: calc(100% - 79px);
}
.catalog-banner__slider-nav {
--size: 4px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
right: 20px;
top: 0;
z-index: 10;
}
.catalog-banner__slider-nav .swiper-pagination-bullet {
background-color: #D9D9D9;
border-radius: 50%;
display: block;
height: var(--size);
margin: 0 0 4px;
opacity: 1;
width: var(--size);
}
.catalog-banner__slider-nav .swiper-pagination-bullet:last-child {
margin-bottom: 0;
}
.catalog-banner__slider-nav .swiper-pagination-bullet-active {
background-color: var(--color-highlight);
}
.catalog-banner__slider-nav.swiper-pagination-bullets.swiper-pagination-horizontal {
left: auto;
width: -moz-fit-content;
width: fit-content;
}
.catalog-banner__slider-nav.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
margin: 0 0 4px;
}
.catalog-banner__slider-nav.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:last-child {
margin-bottom: 0;
}
.catalog-banner__slider--desk {
display: block;
}
.catalog-banner__slider--mob {
display: none;
}
}
@media (min-width: 1024px) {
.catalog-banner {
max-width: 1200px;
margin-bottom: 61px;
width: calc(100vw - 79px);
}
.catalog-banner__slider-nav {
--size: 8px;
}
}
@media (min-width: 1560px) {
.catalog-banner {
max-width: 1600px;
width: calc(100vw - 100px);
}
}
.catalog-nav__menu {
font-size: 12px;
width: 100%;
}
.catalog-nav__menu ul {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 0;
width: 100%;
}
.catalog-nav__menu li {
flex: 1 1 0;
margin: 0;
min-width: 0;
}
.catalog-nav__tags {
margin: 19px 0 0;
overflow-x: scroll;
scrollbar-color: transparent;
scrollbar-width: none;
}
.catalog-nav__tags::-webkit-scrollbar {
-webkit-appearance: none;
display: none;
height: 0;
width: 0;
}
@media (min-width: 768px) {
.catalog-nav__menu {
flex-shrink: 0;
font-size: 14px;
margin-left: 21px;
min-width: 42.9%;
order: 1;
width: auto;
}
.catalog-nav__menu ul {
justify-content: flex-end;
}
.catalog-nav__menu li {
margin-left: 10px;
}
.catalog-nav__menu li:first-child {
margin-left: 0;
}
.catalog-nav__tags {
margin-top: 16px;
}
}
@media (min-width: 1024px) {
.catalog-nav__menu {
font-size: 16px;
margin-left: 28px;
min-width: 31.6%;
}
.catalog-nav__menu li {
margin-left: 10px;
}
.catalog-nav__tags {
margin-top: 20px;
}
}
@media (min-width: 1560px) {
.catalog-nav__menu {
min-width: 23.5%;
}
.catalog-nav__tags {
margin-top: 30px;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
.catalog-slider__carousel.swiper {
margin: 0;
position: relative;
overflow: visible;
width: 91%;
}
.catalog-slider__carousel.swiper .swiper-wrapper {
align-items: stretch;
}
.catalog-slider__carousel.swiper .swiper-slide {
height: auto;
}
.catalog-slider__buttons {
display: none;
}
.catalog-slider__button {
--size: 52px;
background-color: var(--color-light);
border: none;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
height: var(--size);
padding: 0;
width: var(--size);
}
.catalog-slider__button svg {
--icon-size: calc(var(--size) - 20px);
height: var(--icon-size);
fill: var(--color-highlight);
width: var(--icon-size);
}
.catalog-slider__button--prev svg {
transform: scale(-1, -1);
}
.catalog-slider__button:disabled {
opacity: 0;
}
@media (min-width: 768px) {
.catalog-slider__wrap {
margin: 0 auto;
max-width: 1600px;
position: relative;
width: calc(100% - 79px);
}
.catalog-slider__carousel.swiper {
overflow: hidden;
width: 100%;
}
.catalog-slider__carousel.swiper .catalog-item {
padding: 0;
}
.catalog-slider__buttons {
display: block;
}
.catalog-slider__button {
position: absolute;
top: 73px;
z-index: 10;
}
.catalog-slider__button--prev {
left: -25px;
}
.catalog-slider__button--next {
right: -25px;
}
}
@media (min-width: 1024px) {
.catalog-slider__wrap {
max-width: 1200px;
width: calc(100vw - 79px);
}
.catalog-slider__button {
top: 87px;
}
}
@media (min-width: 1560px) {
.catalog-slider__wrap {
max-width: 1600px;
width: calc(100% - 100px);
}
.catalog-slider__button {
top: 111px;
}
}
@media (min-width: 1600px) {
.catalog-slider__button {
--size: 60px;
}
.catalog-slider__button svg {
--icon-size: calc(var(--size) - 30px);
}
}
.search {
margin: 0;
}
.search input:focus::-moz-placeholder {
color: transparent;
}
.search input:focus::placeholder {
color: transparent;
}
.search__form {
background-color: var(--white);
border: 1px solid var(--color-light-secondary);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
padding: 9px 9px 9px 6px;
}
.search__form::before {
background-image: url(../../../../../../local/templates/polymedia/assets/img/ic-search.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
content: "";
display: block;
height: 24px;
flex-shrink: 0;
width: 24px;
}
.search__form:focus-within,
.search__form:hover {
border-color: var(--color-highlight);
}
.search__form input {
background-color: transparent;
border: none;
flex-grow: 1;
flex-shrink: 0;
font-size: 18px;
margin-right: 5px;
padding: 5px;
}
.search__form input:focus {
outline: none;
}
.search__form .btn {
padding: 10px 14px;
width: -moz-fit-content;
width: fit-content;
}
.search__form .btn:hover {
border-color: var(--color-light-secondary);
}
@media (min-width: 768px) {
.search__form {
border-radius: 18px;
padding: 8px 9px 8px 10px;
}
.search__form::before {
height: 37px;
margin-left: 7px;
width: 37px;
}
.search__form input {
font-size: 16px;
}
.search__form .btn {
border-radius: 12px;
padding: 16px;
}
}
@media (min-width: 1024px) {
.search__form {
border-radius: 20px;
padding: 9px 9px 9px 17px;
}
.search__form::before {
margin-left: 0;
}
.search__form input {
font-size: 20px;
padding: 10px 17px;
}
.search__form .btn {
padding: 16px;
}
}
@media (min-width: 1560px) {
.search__form {
padding: 9px 9px 9px 24px;
}
.search__form .btn {
padding: 20px 18px;
}
}
.catalog-detail__price-block {
color: var(--color-highlight);
}
.catalog-detail__price {
font-size: 25px;
line-height: 1.2;
margin: 0 0 4px;
}
.catalog-detail__table {
width: 100%;
}
.catalog-detail__block {
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 39px 0 40px;
}
.catalog-detail__block p:not([class]) {
margin: 0 0 15px;
}
.catalog-detail__block .h2 {
margin-bottom: 17px;
}
.catalog-detail__block--full .catalog-detail__table tr:nth-child(n+8) {
display: table-row;
}
.catalog-detail__block--full .catalog-detail__doc:nth-child(n + 3) {
display: block;
}
#main .catalog-detail__more {
margin-top: 24px;
}
.catalog-detail__more {
background-color: transparent;
border: none;
color: var(--color-highlight);
font-weight: var(--f-lighter);
margin: 0;
padding: 0;
}
.catalog-detail__title {
font-size: 18px;
line-height: 1.3;
margin: 0 0 15px;
}
.catalog-detail__table {
margin: 0 0 43px;
table-layout: fixed;
}
.catalog-detail__table td {
width: 49%;
}
.catalog-detail__table th {
width: 51%;
}
.catalog-detail__table tr:nth-child(n+8) {
display: none;
}
.catalog-detail__docs {
margin: 19px 0 0;
}
.catalog-detail__doc {
margin: 0 0 41px;
}
.catalog-detail__doc:nth-child(n + 3) {
display: none;
}
.catalog-detail__name {
font-size: 18px;
line-height: 1.2;
margin: 0 0 20px;
}
.catalog-detail__doc-text {
display: none;
font-weight: var(--f-lighter);
margin: 0 0 19px;
}
.catalog-detail__doc-left .catalog-detail__doc-text {
display: block;
}
.catalog-detail__doc-info {
font-size: 12px;
font-weight: var(--f-lighter);
line-height: 1.2;
margin: 0 0 19px 3px;
}
@media (min-width: 768px) {
.catalog-detail__block {
display: none;
}
.catalog-detail__block--open {
display: block;
}
.catalog-detail__block .h2 {
display: none;
}
.catalog-detail__price-block {
margin-top: 61px;
}
.catalog-detail__price {
font-size: 32px;
margin-bottom: 11px;
}
.catalog-detail__title {
font-size: 26px;
}
.catalog-detail__more {
display: none;
}
.catalog-detail__docs {
margin-top: 28px;
}
.catalog-detail__doc {
margin: 0 0 40px;
}
.catalog-detail__doc:nth-child(n + 3) {
display: block;
}
.catalog-detail__doc-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.catalog-detail__doc-wrap::before {
background-color: transparent;
border-bottom: 1px dotted var(--color-light-secondary);
content: '';
flex-grow: 1;
height: 1px;
margin: 0 10px;
order: 1;
transform: translateY(10px);
}
.catalog-detail__doc-left {
max-width: 70%;
order: 0;
}
.catalog-detail__doc-left .catalog-detail__doc-text {
display: none;
}
.catalog-detail__doc-text {
display: block;
width: 70%;
}
.catalog-detail__doc-right {
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
order: 2;
}
.catalog-detail__doc-right .btn {
border-radius: 15px;
margin-left: 21px;
}
.catalog-detail__name {
transform: translateY(-2px);
font-size: 18px;
margin: 0;
}
.catalog-detail__doc-info {
font-size: 16px;
flex-shrink: 0;
margin: 0;
}
}
@media (min-width: 1024px) {
.catalog-detail__title {
font-size: 42px;
margin-top: 27px;
margin-bottom: 22px;
}
.catalog-detail__table {
margin-bottom: 57px;
}
.catalog-detail__name {
transform: translateY(-2px);
font-size: 24px;
}
}
@media (min-width: 1560px) {
.catalog-detail__doc-right .btn--download {
padding: 9px 9px 9px 10px;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1100px) {
}
@media (min-width: 1560px) {
}
.compare__aside {
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
.compare__aside .compare__row {
border: none;
font-size: 14px;
font-weight: var(--f-lighter);
padding-top: 16px;
}
.compare__row {
font-size: 16px;
padding: 41px 0px 13px;
}
.compare__row:first-child {
padding: 0;
}
.compare__row .catalog-item {
border: none;
height: 100%;
padding: 29px 4px 38px 2px;
}
.compare__row .catalog-item__img {
height: 88px;
}
.compare__row .catalog-item__name {
margin-bottom: 9px;
}
.compare__row .catalog-item__btns {
margin-top: 18px;
}
.compare__slider {
position: relative;
z-index: 10;
}
.compare__slider .swiper-slide {
width: 50%;
}
.compare__category-bth {
--size: 24px;
background-color: transparent;
border: none;
display: flex;
align-items: center;
justify-content: center;
height: var(--size);
padding: 0;
width: var(--size);
}
.compare__category-bth::before,
.compare__category-bth::after,
.compare__category-bth span {
--icon-size: 2px;
background-color: var(--color-highlight);
border-radius: 50%;
content: '';
display: block;
height: var(--icon-size);
margin: 0 1px;
width: var(--icon-size);
}
.compare__slider-button--prev svg {
transform: scale(-1, -1);
}
@media (min-width: 768px) {
.compare__slider .swiper-slide {
width: 33.33%;
}
}
@media (min-width: 1024px) {
.compare__aside {
position: static;
width: 25%;
}
.compare__aside .compare__row {
font-size: 18px;
}
.compare__aside .compare__row:not(:first-child) {
padding: 20px 2px;
}
.compare__slider {
position: relative;
width: 75%;
}
.compare__slider-button--prev {
left: -25px;
}
.compare__slider-button--next {
right: -25px;
}
.compare__row {
font-size: 18px;
padding: 20px 7px;
}
.compare__row .catalog-item {
padding: 0 11px 16px 7px;
}
.compare__row .catalog-item__img {
height: 220px;
}
.compare__row .catalog-item__btns {
margin-top: 21px;
}
}
@media (min-width: 1560px) {
.compare__row .catalog-item__img {
height: 284px;
}
}
.integration__tag {
margin: 39px 0 40px;
overflow-x: scroll;
scrollbar-color: transparent;
scrollbar-width: none;
}
.integration__tag::-webkit-scrollbar {
-webkit-appearance: none;
display: none;
height: 0;
width: 0;
}
.integration__tag .tags {
flex-wrap: nowrap;
white-space: nowrap;
}
.integration__items {
margin-bottom: 80px;
margin-top: 80px;
}
@media (min-width: 1024px) {
.integration + .promo {
margin-bottom: 30px;
}
.about + .promo {
margin-bottom: 30px;
}
}
@media (min-width: 1560px) {
.integration .info__wrap {
padding-bottom: 0;
}
.integration__tag {
margin: 56px 0 60px;
}
.integration__tag .tags__item {
margin-right: 8px;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
.project-sect__filter-top {
border: none;
padding: 20px 0 20px;
}
.project-sect__items {
margin: 0 0 40px;
}
.project-sect__items li {
margin-bottom: 19px;
}
.project-sect__main {
margin-bottom: 81px;
}
.project-sect__filter-title {
float: none;
font-size: 18px;
line-height: 1.2;
margin: 2px 0 19px;
}
.project-sect__filter-item {
margin: 0 0 39px;
}
.project-sect__filter-item ul {
margin: 0;
}
.project-sect__filter-list {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
margin: 0;
}
.project-sect__filter-list .filter__item-checkbox {
width: 49%;
}
.project-sect__filter-wrap .filter__btn {
border-radius: 12px;
margin-top: -18px;
padding: 16px 15px;
}
.project-detail .slider-with-thumb__img{
display: flex;
}
@media (min-width: 768px) {
.project-sect__items {
display: grid;
gap: 25px 16px;
grid-template-columns: repeat(3, 1fr);
}
.project-sect__items li {
margin: 0;
}
.project-sect__items li:nth-child(7n+2) {
grid-column-start: 2;
grid-column-end: 4;
}
.project-sect__items li:nth-child(7n+6) {
grid-column-start: 1;
grid-column-end: 3;
}
.project-sect__filter-title {
font-size: 20px;
margin-bottom: 27px;
}
.project-sect__filter-item {
margin-bottom: 50px;
}
}
@media (min-width: 1024px) {
.project-sect__wrap .section-header {
display: none;
}
.project-sect__items {
gap: 30px 21px;
}
.project-sect__aside {
display: block;
height: auto;
flex-shrink: 0;
opacity: 1;
position: static;
visibility: visible;
z-index: 10;
}
.project-sect__aside .container {
width: 100%;
}
.project-sect__aside .filter-modal__top {
display: none;
}
.project-sect__left {
margin: 0;
}
.project-sect__filter-title {
font-size: 20px;
margin: 0 0 28px;
}
.project-sect__filter-item {
margin-bottom: 49px;
}
.project-sect__filter-list .filter__item-checkbox {
width: 48%;
}
}
@media (min-width: 1560px) {
.project-sect h1 {
margin-bottom: 58px;
}
.project-sect .info {
margin-bottom: 0;
}
.project-sect .info + .coop {
margin-top: -20px;
}
.project-sect .info + .coop .coop__wrap {
padding-top: 0;
}
.project-sect .info__wrap {
padding-bottom: 0;
}
.project-sect__items {
gap: 43px 29px;
margin-bottom: 65px;
}
.project-sect__items .projects-item__img {
margin-bottom: 20px;
}
.project-sect__filter-title {
font-size: 24px;
margin-bottom: 40px;
}
.project-sect__filter-item {
margin-bottom: 44px;
}
.project-sect__filter-wrap .filter__btn {
border-radius: 15px;
margin-top: 3px;
padding: 19px;
}
.project-sect__main {
margin-bottom: 160px;
}
}
.project-detail h1 {
-webkit-hyphens: auto;
hyphens: auto;
line-height: 1.2;
}
.project-detail .detail-head {
padding: 41px 0 40px;
}
.project-detail .slider-with-thumb__img {
aspect-ratio: 0;
}
.project-detail .slider-with-thumb__slider-big .swiper-slide[data-swiper-slide-index="0"] .slider-with-thumb__img img, .project-detail .slider-with-thumb__slider-big .swiper-slide:not([data-swiper-slide-index]):first-child .slider-with-thumb__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.project-detail .slider-with-thumb__slider-big .swiper-slide:not([data-swiper-slide-index="0"]) .slider-with-thumb__img img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.detail-head .container {
gap: 30px;
}
.detail-head__gallery, .detail-head__top-info {
width: calc(50% - 15px);
}
.project-detail .slider-with-thumb__thumb{
height: 60px;
background-color: transparent;
cursor: pointer;
display: flex;
justify-content: center;
}
.project-detail .detail-head__top-text {
font-size: 16px;
}
.project-detail .detail-head__more-top {
margin-top: 18px;
}
.project-detail__basic {
background-color: var(--color-light);
font-weight: var(--f-lighter);
line-height: 1.3;
padding: 31px 20px 29px;
}
.project-detail__basic p {
margin: 0;
}
.project-detail__basic .btn {
border-radius: 12px;
margin: 40px 0 11px;
}
.project-detail__basic-item {
margin: 0 0 22px;
}
.project-detail__basic-title {
font-weight: var(--f-normal);
}
.project-detail__doc-info {
margin: 0;
}
.project-detail__text {
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 40px 0 0;
}
.project-detail__text--full .mobile {
display: none;
}
.project-detail__text--full .tablet {
display: block;
}
.project-detail__text h2 {
line-height: 1.2;
margin: 41px 0 20px;
}
.project-detail__text ul {
list-style: none;
margin: 0 0 40px;
padding-left: 24px;
}
.project-detail__text ul li {
position: relative;
}
.project-detail__text ul li::before {
background-color: var(--color-text);
border-radius: 50%;
content: '';
position: absolute;
top: 9px;
left: -13px;
height: 3px;
width: 3px;
}
.project-detail__text li {
margin: 0 0 1px;
}
.project-detail__more {
background-color: transparent;
border: 0;
color: var(--color-link);
font-weight: var(--f-lighter);
margin: 22px 0 0;
padding: 0;
}
.project-detail__main {
padding-bottom: 78px;
}
.btn.project-detail__show {
border-radius: 12px;
}
.project-detail .detail-head__top-text {
margin: 0 0 40px;
}
.project-detail h1{
font-size: 28px;
}
@media (max-width: 768px) {
.btn.project-detail__show {
font-size: 16px;
line-height: 135%;
padding: 14.4px;
}
.detail-head__gallery, .detail-head__top-info{
width: 100%;
}
.slider-with-thumb__slider-big {
aspect-ratio: 0;
}
.slider-with-thumb__slider-big .swiper-slide  {
max-height: 249px;
}
.project-detail .slider-with-thumb__thumb{
display: none;
}
.project-detail .slider-with-thumb__slider-thumb{
display: none;
}
.slider-with-thumb__slider-thumb{
margin-top: 20px;
}
.slider-with-thumb__slider-thumb .swiper-slide{
background-color: #D9D9D9;
width: 4px;
height: 4px;
margin-right: 15px;
border-radius: 50%;
}
.slider-with-thumb__slider-thumb .swiper-slide.swiper-slide-thumb-active{
background-color: #0B4589;
}
.slider-with-thumb__slider-thumb .swiper{
width: auto;
}
.slider-with-thumb__slider-thumb .swiper .swiper-wrapper{
justify-content: center;
}
}
@media (min-width: 768px) {
.project-detail .detail-head {
padding: 60px 0 47px;
margin-bottom: 40px;
}
.project-detail .detail-head__top-text {
flex-grow: 1;
}
.project-detail__text h2 {
font-size: 22px;
}
.project-detail__more {
display: none;
}
.project-detail .detail-head__top-text {
margin: 0 0 25px;
}
.project-detail h1{
font-size: 50px;
line-height: 1;
}
.btn.project-detail__show {
font-size: 18px;
line-height: 135%;
padding: 17.05px 20px;
}
}
@media (min-width: 1024px) {
.project-detail h1 {
-webkit-hyphens: none;
hyphens: none;
line-height: 1;
}
.project-detail .detail-head {
margin-bottom: 60px;
padding: 84px 0 78px;
}
.project-detail .slider-with-thumb__img {
aspect-ratio: 0;
}
.project-detail .detail-head__top-text p {
margin-bottom: 21px;
}
.project-detail .detail-head__top-text {
margin: 0 0 25px;
}
.project-detail .detail-head__image {
margin: -5px 0 10px;
}
.project-detail__wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.project-detail__basic {
font-size: 16px;
order: 1;
padding: 31px 29px 29px;
width: 23.5%;
}
.project-detail__basic p {
margin-bottom: 2px;
}
.project-detail__basic .btn {
border-radius: 15px;
margin-top: 62px;
padding: 9px 10px 9px 10px;
}
.project-detail__text {
font-size: 16px;
line-height: 1.4;
margin-top: 0;
width: 75%;
}
.project-detail__text > *:first-child {
margin-top: 0;
}
.project-detail__text h2 {
font-size: 22px;
}
.project-detail__text ul {
margin-bottom: 42px;
padding-left: 23px;
}
.project-detail__text ul li::before {
top: 10px;
}
.project-detail__text li {
margin: 0 0 10px;
}
.project-detail__main {
padding-bottom: 0;
}
.project-detail h1{
font-size: 56px;
}
}
@media (min-width: 1560px) {
.project-detail__text h2 {
font-size: 32px;
line-height: 1;
}
.project-detail__text .promo {
margin-top: 147px;
}
.project-detail h1{
font-size: 60px;
}
.project-detail .detail-head__top-text{
flex-grow: unset;
margin: 0 0 40px;
}
.btn.project-detail__show {
border-radius: 15px;
}
}
.rent h1 {
margin-bottom: 40px;
}
.rent .info__wrap {
padding-bottom: 83px;
}
.rent__video {
margin: 82px 0;
}
.rent__video-play {
margin-bottom: 22px;
}
.rent__video-info {
font-weight: var(--f-lighter);
line-height: 1.3;
}
.rent__video-info p:not([class]) {
margin: 0 0 22px;
}
.rent__video-info .link-list {
display: none;
}
.rent__items {
margin-bottom: 80px;
margin-top: 80px;
}
.rent__more {
margin-top: 39px;
}
@media (min-width: 768px) {
.rent .info__wrap {
padding-bottom: 50px;
}
.rent__video-wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.rent__video-play {
margin: 0;
width: 66%;
}
.rent__video-info {
width: 32%;
}
.rent__video-info .link-list {
display: block;
margin-top: 48px;
}
.rent__more {
margin: 39px auto 0;
}
}
@media (min-width: 1024px) {
.rent h1 {
margin-bottom: 54px;
}
.rent .coop__numbers li {
padding-top: 12px;
justify-content: flex-start;
}
.rent__video-info {
font-size: 18px;
line-height: 1.5;
}
.rent__video-info p:not([class]) {
margin: 0 0 27px;
}
}
@media (min-width: 1560px) {
.rent h1 {
margin-bottom: 59px;
}
.rent .info {
margin-bottom: 155px;
}
.rent .info__wrap {
padding-bottom: 66px;
}
.rent .coop {
margin-bottom: 158px;
}
.rent .coop h2 {
line-height: 1;
margin-bottom: 40px;
width: 50%;
}
.rent .coop__wrap {
padding-bottom: 80px;
padding-top: 80px;
}
.rent__video {
margin: 150px 0 160px;
}
.rent__video-info .link-list {
margin-top: 58px;
}
.rent__more {
margin-top: 61px;
}
}
.about h1 {
font-size: 30px;
line-height: 1;
}
.about .brands {
margin: 80px 0;
}
.about .brands__list li:nth-child(n+9) {
display: none;
}
.about__top {
font-weight: var(--f-lighter);
line-height: 1.3;
margin-bottom: 39px;
}
.about__top-right p {
margin: 0 0 22px;
}
.about__top-right a {
color: var(--color-text);
text-decoration: underline;
}
.about__top-features {
margin: 31px 0 0;
}
.about__top-features li {
margin: 0 0 15px;
}
.about__pres.dark-bg {
padding: 41px 0;
}
.about__pres-img {
width: 100%;
}
.about__pres-img img {
display: block;
width: 100%;
}
.about__pres-info {
margin: 20px 0 0;
}
.about__pres-info .btn {
font-size: 15px;
margin: 0;
padding-left: 0;
padding-right: 0;
width: -moz-fit-content;
width: fit-content;
}
.about__pres-info .btn span {
margin: 0;
}
.about__pres-info .btn .arrow {
margin-left: 10px;
}
.about__pres-person {
text-align: center;
}
.about__pres-name {
font-size: 18px;
margin: 0 0 10px;
}
.about__pres-job {
font-size: 12px;
font-weight: var(--f-lighter);
margin: 0;
}
.about__pres-text {
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 11px 0 0;
}
.about__pres-text p {
margin: 0;
}
.about__fields {
margin: 80px 0;
}
.about__info {
margin: 78px 0;
}
.about__info-img {
margin: 0 0 20px;
width: 100%;
}
.about__info-img img {
display: block;
width: 100%;
}
.about__info-title {
font-size: 22px;
line-height: 1.2;
margin: 0 0 8px;
}
.about__info-text {
font-weight: var(--f-lighter);
line-height: 1.3;
}
.about__info-text p {
margin: 0 0 22px;
}
@media (min-width: 768px) {
.about h1 {
font-size: 40px;
}
.about .brands {
margin: 97px 0 101px;
}
.about .brands__list li:nth-child(n+9) {
display: block;
}
.about__top-features {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0;
white-space: nowrap;
}
.about__top-features li {
margin: 0 10px 0 0;
}
.about__pres.dark-bg {
padding: 60px 0;
}
.about__pres .container {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.about__pres-img {
flex-shrink: 0;
width: 23.5%;
}
.about__pres-info {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
margin: 0;
width: 74.5%;
}
.about__pres-info .btn {
font-size: 18px;
margin: 0;
padding: 0;
}
.about__pres-person {
margin-top: 40px;
order: 1;
text-align: left;
}
.about__pres-text {
margin: 0;
}
.about__pres-name {
font-size: 20px;
margin-bottom: 11px;
}
.about__pres-job {
font-size: 14px;
margin: 0 0 11px;
}
.about__fields {
margin: 100px 0;
}
.about__info {
margin: 100px 0;
}
.about__info .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.about__info-title {
font-size: 26px;
margin-bottom: 20px;
order: -1;
width: 100%;
}
.about__info-img {
margin: 0;
width: 49%;
}
.about__info-text {
line-height: 1.5;
width: 49%;
}
}
@media (min-width: 1024px) {
.about h1 {
font-size: 50px;
}
.about .brands {
margin: 117px 0 119px;
}
.about__top {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 79px;
margin-top: 63px;
}
.about__top-right {
font-size: 20px;
line-height: 1.4;
order: 1;
width: 49%;
}
.about__top-right p {
margin-bottom: 28px;
}
.about__top-right p:last-child {
margin-bottom: 0;
}
.about__top-left {
font-size: 20px;
}
.about__pres.dark-bg {
padding: 79px 0;
}
.about__pres-text {
font-size: 18px;
line-height: 1.5;
}
.about__pres-name {
font-size: 20px;
}
.about__pres-job {
font-size: 14px;
}
.about__fields {
margin: 120px 0;
}
.about__info {
margin: 120px 0;
}
.about__info-title {
font-size: 32px;
}
.about__info-text {
font-size: 18px;
}
.about__info-text p {
margin-bottom: 27px;
}
}
@media (min-width: 1560px) {
.about h1 {
font-size: 100px;
}
.about .brands {
margin: 157px 0 160px;
}
.about__top-features li {
margin-right: 40px;
}
.about__pres-name {
font-size: 24px;
}
.about__pres-job {
font-size: 16px;
}
.about__fields {
margin: 157px 0;
}
.about__info {
margin: 158px 0 147px;
}
.about__info-title {
font-size: 42px;
margin-bottom: 40px;
}
}
.awards {
margin: 0 0 33px;
}
.awards__list {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 37px 0;
margin: 0;
}
.awards__item {
padding: 2px 25px;
position: relative;
text-align: center;
width: 49%;
}
.awards__item::before,
.awards__item::after {
background-image: url(../../../../../../local/templates/polymedia/assets/img/laurel.svg);
background-position: top;
background-repeat: no-repeat;
background-size: contain;
content: "";
position: absolute;
top: 0;
height: 100%;
width: 28px;
}
.awards__item::before {
left: 0;
}
.awards__item::after {
right: 0;
transform: scaleX(-1);
}
.awards__name {
font-size: 18px;
margin: 0 0 5px;
}
.awards__text {
font-size: 12px;
font-weight: var(--f-lighter);
margin: 0;
}
@media (min-width: 768px) {
.awards__list {
gap: 40px 5%;
}
.awards__item {
width: 17%;
}
.awards__name {
font-size: 20px;
}
.awards__text {
font-size: 14px;
}
}
@media (min-width: 1024px) {
.awards__name {
font-size: 20px;
}
.awards__text {
font-size: 14px;
}
.awards__item {
padding: 12px 25px;
}
.awards__item::before,
.awards__item::after {
width: 70px;
}
.awards__item::before {
left: -10px;
}
.awards__item::after {
right: -10px;
}
}
@media (min-width: 1560px) {
.awards__list {
gap: 67px 5%;
}
.awards__name {
font-size: 24px;
}
.awards__text {
font-size: 16px;
line-height: 1.4;
}
}
.letters-list.dark-bg {
padding: 83px 0 80px;
}
.letters-list ul {
margin: 0;
}
.letters-list__item {
font-size: 12px;
font-weight: var(--f-lighter);
line-height: 1.2;
margin: 0;
}
.letters-list__item:not(:first-child) {
display: none;
}
.letters-list__item p {
margin: 0;
}
.letters-list__img {
margin: 0 0 11px;
width: 100%;
}
.letters-list__img img {
display: block;
width: 100%;
}
.letters-list__more.btn {
margin: 54px auto 0;
}
@media (min-width: 768px) {
.letters-list.dark-bg {
padding: 77px 0 80px;
}
.letters-list ul {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.letters-list__item {
font-size: 15px;
line-height: 1.35;
width: 23.6%;
}
.letters-list__item:not(:first-child) {
display: block;
}
.letters-list__img {
margin-bottom: 22px;
}
}
@media (min-width: 1024px) {
.letters-list__more.btn {
margin: 0;
}
}
.reviews-list {
margin: 80px 0;
}
.reviews-list .review-item:not(:first-child) {
display: none;
}
@media (min-width: 768px) {
.reviews-list {
margin: 100px 0;
}
.reviews-list ul {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0;
}
.reviews-list .review-item {
margin-right: 25px;
}
.reviews-list .review-item:not(:first-child) {
border-left: 1px solid var(--color-light-secondary);
display: block;
padding-left: 32px;
}
.reviews-list .review-item:first-child {
flex-grow: 1;
}
.reviews-list .review-item:nth-child(2) {
flex-shrink: 0;
width: 34%;
}
.reviews-list .review-item:last-child {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.reviews-list {
margin: 120px 0;
}
}
@media (min-width: 1560px) {
.reviews-list {
margin: 160px 0;
}
.reviews-list h2 {
margin-bottom: 36px;
}
}
.review-item__text {
font-size: 16px;
font-weight: var(--f-lighter);
line-height: 1.3;
}
.review-item__text p {
margin: 0 0 15px;
}
.review-item__info {
margin: 20px 0 0;
}
.review-item__name {
font-size: 12px;
line-height: 1.2;
margin: 0 0 9px;
}
.review-item__dep {
font-size: 12px;
font-weight: var(--f-lighter);
line-height: 1.2;
margin: 0;
padding: 0 0 0 13px;
}
@media (min-width: 768px) {
.review-item__text {
line-height: 1.5;
}
.review-item__name {
font-size: 14px;
margin-bottom: 10px;
}
.review-item__info {
margin-top: 30px;
}
.review-item__dep {
font-size: 14px;
}
}
@media (min-width: 1024px) {
.review-item__name {
font-size: 15px;
}
.review-item__info {
margin-top: 40px;
}
}
@media (min-width: 1560px) {
.review-item__text {
font-size: 18px;
}
.review-item__text p {
margin-bottom: 27px;
}
.review-item__name {
font-size: 15px;
line-height: 1.35;
}
.review-item__info {
margin-top: 60px;
}
.review-item__dep {
font-size: 15px;
}
}
.news-list {
padding-bottom: 81px;
}
.news-list h1 {
margin-bottom: 41px;
}
.news-list__list {
margin: 0 0 31px;
}
.news-list__list li {
margin: 0 0 40px;
}
.news-list__list li:last-child {
margin-bottom: 0;
}
.news-list__item {
border-bottom: 1px solid var(--color-light-secondary);
color: var(--color-text);
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
height: 100%;
padding: 0 0 42px;
transition-duration: 0.3s;
}
.news-list__item:hover .news-list__title,
.news-list__item:hover .news-list__section {
color: var(--color-highlight);
}
.news-list__img {
aspect-ratio: 1.32793522;
display: block;
margin: 0 0 20px;
overflow: hidden;
width: 100%;
}
.news-list__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.news-list__date {
display: block;
font-size: 12px;
font-weight: var(--f-lighter);
margin: 0 0 21px;
}
.news-list__title {
display: block;
font-size: 18px;
line-height: normal;
margin: 0 0 12px;
}
.news-list__text {
display: block;
flex-grow: 1;
font-size: 16px;
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 0 0 40px;
}
.news-list__section {
font-size: 10px;
}
.news-list__section::before {
top: -2px;
left: 0px;
}
@media (min-width: 768px) {
.news-list {
padding-bottom: 100px;
}
.news-list__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
overflow: hidden;
}
.news-list__list li {
margin: 0;
}
.news-list__item {
border: none;
position: relative;
}
.news-list__item::before {
background-color: var(--color-light-secondary);
bottom: 0;
content: '';
height: 1px;
left: -15px;
position: absolute;
width: calc(100% + 31px);
}
.news-list__img {
aspect-ratio: 1.34293194;
}
.news-list__date {
font-size: 16px;
margin-bottom: 28px;
}
.news-list__title {
font-size: 20px;
margin-bottom: 11px;
}
.news-list__text {
font-size: 16px;
line-height: 1.5;
margin-bottom: 46px;
}
.news-list__section {
font-size: 14px;
}
.news-list__section::before {
font-size: 20px;
}
}
@media (min-width: 1024px) {
.news-list {
padding-bottom: 120px;
}
.news-list h1 {
margin-bottom: 54px;
}
.news-list__list {
gap: 24px 21px;
}
.news-list__date {
margin-bottom: 27px;
}
.news-list__title {
font-size: 20px;
}
.news-list__text {
font-size: 16px;
line-height: 1.5;
margin-bottom: 46px;
}
.news-list__section {
font-size: 15px;
}
}
@media (min-width: 1560px) {
.news-list {
padding-bottom: 160px;
}
.news-list h1 {
margin-bottom: 57px;
}
.news-list__list {
gap: 40px 30px;
margin-bottom: 60px;
}
.news-list__img {
margin-bottom: 32px;
}
.news-list__date {
margin-bottom: 42px;
}
.news-list__title {
font-size: 24px;
}
.news-list__text {
font-size: 18px;
margin-bottom: 57px;
}
.news-list__section {
font-size: 15px;
}
}
.news-detail {
margin-bottom: 80px;
}
.news-detail__preview {
font-size: 16px;
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 22px 0 21px;
}
.news-detail__date {
font-size: 12px;
font-weight: var(--f-lighter);
margin: 0px 16px 0 0;
}
.news-detail__section {
font-size: 10px;
margin: 0;
}
.news-detail__section::before {
top: -3px;
left: 0px;
}
.news-detail__head-left {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0 0 30px;
}
.news-detail__head-right {
display: flex;
align-items: stretch;
justify-content: flex-start;
}
.news-detail__head-right .btn-with-icon {
--size: 52px;
background-color: var(--white);
}
.news-detail__head-right .btn-with-icon svg {
--size-icon: 28px;
}
.news-detail__body {
margin-top: 41px;
gap: 30px;
}
.news-detail__gallery {
margin: 0 0 21px;
}
.news-detail__gallery .slider-with-thumb__img {
aspect-ratio: 1.32793522;
overflow: hidden;
}
.news-detail__gallery .slider-with-thumb__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.news-detail__gallery .swiper-slide[data-swiper-slide-index="0"] .slider-with-thumb__img img, .news-detail__gallery .swiper-slide:not([data-swiper-slide-index]):first-child .slider-with-thumb__img img {
-o-object-fit: cover;
object-fit: cover;
}
.news-detail__gallery .swiper-slide:not([data-swiper-slide-index="0"]) .slider-with-thumb__img img {
-o-object-fit: contain;
object-fit: contain;
}
.news-detail__gallery .slider-with-thumb__thumb {
aspect-ratio: 1.76666667;
}
.news-detail__gallery .slider-with-thumb__thumb img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.news-detail__text {
font-weight: var(--f-lighter);
line-height: 1.3;
}
.news-detail__text p {
margin: 0 0 22px;
}
.news-detail__text p:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.news-detail {
margin-bottom: 100px;
}
.news-detail__preview {
line-height: 1.5;
max-width: 120ch;
}
.news-detail__head-bottom {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.news-detail__head-left {
margin-bottom: 2px;
}
.news-detail__head-right {
justify-content: flex-end;
}
.news-detail__date {
font-size: 14px;
margin-right: 16px;
}
.news-detail__section {
font-size: 15px;
}
.news-detail__section::before {
top: -3px;
left: 0px;
}
.news-detail__text {
font-size: 16px;
line-height: 1.5;
}
.news-detail__gallery {
margin-bottom: 50px;
}
}
@media (min-width: 1024px) {
.news-detail {
margin-bottom: 120px;
}
.news-detail__preview {
margin-bottom: 0;
}
.news-detail__body {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 59px;
}
.news-detail__gallery {
margin-bottom: 0;
width: 49%;
}
.news-detail__gallery + .news-detail__text {
width: 49%;
}
.news-detail__text p {
margin-bottom: 27px;
}
}
@media (min-width: 1560px) {
.news-detail {
margin-bottom: 160px;
}
.news-detail__preview {
font-size: 18px;
line-height: 1.5;
}
.news-detail__date {
font-size: 16px;
}
.news-detail__date {
margin-right: 30px;
}
.news-detail__text {
font-size: 18px;
}
.news-detail__head-right .btn-with-icon {
--size: 60px;
}
}
.contacts__nav {
margin: 40px 0 0;
}
.contacts__head.dark-bg {
margin-top: -4px;
padding: 77px 0 19px;
}
.contacts__title {
margin: 0 0 16px;
}
.contacts__grid > div {
margin-bottom: 20px;
}
.contacts__grid .tags {
margin-top: 6px;
}
.contacts__grid .tags__item {
background-color: var(--white);
padding-right: 48px;
}
.contacts__grid .tags__item-icon {
--size: 19px;
right: 16px;
}
.contacts__term {
font-size: 16px;
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 0 0 9px;
}
.contacts__def {
font-size: 18px;
line-height: 1.2;
margin: 0;
}
.contacts__map.dark-bg {
aspect-ratio: 3.6;
padding: 0;
overflow: hidden;
}
.contacts__map.dark-bg iframe {
height: 100%;
width: 100%;
}
.contacts__bottom.dark-bg {
padding: 29px 0 59px;
}
.contacts__bottom.dark-bg .container {
border-top: 1px solid var(--color-light-secondary);
padding-top: 38px;
}
@media (min-width: 768px) {
.contacts__head.dark-bg {
margin-top: 6px;
}
.contacts__title {
margin-bottom: 25px;
}
.contacts__term {
line-height: 1.5;
}
.contacts__def {
font-size: 20px;
}
.contacts__map.dark-bg {
aspect-ratio: 4.03669725;
}
.contacts__grid {
display: grid;
gap: 10px 20px;
grid-template-columns: repeat(4, 1fr);
grid-template-areas: "address address phone time" "email email fax weekend";
}
.contacts__address {
grid-area: address;
}
.contacts__email {
grid-area: email;
}
.contacts__phone {
grid-area: phone;
}
.contacts__fax {
grid-area: fax;
}
.contacts__time {
grid-area: time;
}
.contacts__weekends {
grid-area: weekend;
}
}
@media (min-width: 1024px) {
.contacts__title {
margin-bottom: 29px;
}
}
@media (min-width: 1560px) {
.contacts__nav {
margin-top: 57px;
}
.contacts__head.dark-bg {
padding: 79px 0 60px;
}
.contacts__title {
margin-bottom: 39px;
}
.contacts__def {
font-size: 24px;
}
.contacts__grid {
gap: 19px 31px;
}
.contacts__grid .tags__item {
color: var(--color-text);
padding-right: 38px;
}
.contacts__grid .tags__item-icon {
--size: 31px;
right: 7px;
}
.contacts__email {
display: flex;
align-items: flex-end;
justify-content: flex-start;
flex-wrap: wrap;
}
.contacts__email .contacts__term {
margin-bottom: -3px;
width: 100%;
}
.contacts__email .tags {
margin-top: 0;
margin-left: 25px;
}
.contacts__bottom.dark-bg {
padding: 39px 0 39px;
}
.contacts__bottom.dark-bg .container {
padding-top: 61px;
}
}
.contacts-list {
margin: 81px 0;
}
.contacts-list__list {
margin: 0;
}
.contacts-list__list--full .contacts-list__item:nth-child(n+7) {
display: block;
}
.contacts-list__item {
margin: 0 0 30px;
}
.contacts-list__item:nth-child(n+7) {
display: none;
}
.contacts-list__link {
font-size: 18px;
line-height: 1.2;
margin: 0 0 9px;
}
.contacts-list__text {
font-size: 16px;
font-weight: var(--f-lighter);
line-height: 1.3;
margin: 0;
}
.contacts-list__more {
background-color: transparent;
border: none;
color: var(--color-link);
display: block;
font-size: 16px;
font-weight: var(--f-lighter);
margin: 37px auto 0;
padding: 0;
text-align: center;
}
@media (min-width: 768px) {
.contacts-list {
margin: 100px 0;
}
.contacts-list__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 63px 2%;
}
.contacts-list__item {
border-bottom: 1px solid var(--color-light-secondary);
margin: 0;
padding-bottom: 38px;
}
.contacts-list__item:nth-child(n+7) {
display: block;
}
.contacts-list__link {
font-size: 20px;
margin-bottom: 7px;
}
.contacts-list__text {
line-height: 1.5;
}
.contacts-list__more {
display: none;
}
}
@media (min-width: 1024px) {
.contacts-list {
margin: 120px 0;
}
}
@media (min-width: 1560px) {
.contacts-list {
margin: 160px 0 157px;
}
.contacts-list h2 {
font-size: 42px;
margin-bottom: 41px;
}
.contacts-list__link {
font-size: 24px;
}
}
.vacancy h1 {
margin-bottom: 40px;
}
.vacancy .info__wrap {
padding-bottom: 62px;
}
.vacancy__main {
margin: 32px 0 80px;
}
.vacancy__main h2 {
display: none;
}
.vacancy__main .section-header {
border: none;
margin: 0 0 19px;
}
.vacancy__wrap {
margin: 40px 0 0;
}
.vacancy__item {
border-bottom: 1px solid var(--color-light-secondary);
color: var(--color-text);
display: block;
margin: 0 0 8px;
padding: 21px 0 9px;
position: relative;
}
.vacancy__item:hover .arrow {
background-color: var(--color-highlight);
}
.vacancy__item:hover .arrow svg {
stroke: var(--white);
}
.vacancy__item .arrow {
--size: 24px;
position: absolute;
right: 0;
top: 0;
}
.vacancy__title {
display: block;
font-size: 18px;
line-height: 1.2;
margin-bottom: 10px;
}
.vacancy__exp {
display: block;
font-size: 16px;
font-weight: var(--f-lighter);
line-height: 1.3;
}
.vacancy__conditions {
margin: 82px 0 80px;
}
.vacancy__conditions-list {
list-style: none;
margin: 36px 0 0;
padding: 0;
}
.vacancy__condition {
border-top: 1px solid var(--color-light-secondary);
margin: 0 0 20px;
padding: 19px 0 0;
}
.vacancy__condition-title {
font-size: 18px;
line-height: 1.2;
margin: 0 0 11px;
}
.vacancy__condition-text {
margin: 0;
display: block;
font-size: 16px;
font-weight: var(--f-lighter);
line-height: 1.3;
}
.vacancy__condition {
counter-increment: step-counter;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
.vacancy__condition::after {
align-self: flex-end;
color: var(--color-light-secondary);
content: counter(step-counter);
font-family: "Roboto", sans-serif;
font-size: 70px;
font-weight: var(--f-thin);
line-height: 0.8;
padding: 7px 0 0;
}
@media (max-width: 767px) {
.vacancy__condition::after {
font-size: 40px;
padding-top: 10px;
}
}
@media (min-width: 768px) {
.vacancy__title {
font-size: 20px;
margin-bottom: 0;
}
.vacancy__exp {
line-height: 1.5;
}
.vacancy__condition-title {
font-size: 20px;
}
.vacancy__condition-text {
line-height: 1.5;
}
.vacancy__list {
display: table;
}
.vacancy__item {
display: table-row;
margin: 0;
padding: 0;
}
.vacancy__item > span {
border-bottom: 1px solid var(--color-light-secondary);
display: table-cell;
vertical-align: bottom;
padding: 15px 0 16px;
}
.vacancy__item .arrow {
--size: 32px;
position: static;
}
.vacancy__item .vacancy__icon {
vertical-align: top;
}
.vacancy__item .vacancy__exp {
padding-left: 15px;
padding-right: 15px;
}
.vacancy__main {
margin: 32px 0 80px;
}
.vacancy__main h2 {
display: block;
}
.vacancy__main .section-header {
display: none;
}
.vacancy__conditions {
margin-bottom: 100px;
}
.vacancy__conditions-list {
display: grid;
gap: 79px 2%;
grid-template-columns: repeat(3, 1fr);
}
.vacancy__condition {
border: none;
border-left: 1px solid var(--color-light-secondary);
counter-increment: step-counter;
margin: 0;
padding: 0 30px;
position: relative;
}
.vacancy__condition-title {
width: 86%;
}
.vacancy__condition-text {
flex-grow: 1;
width: 86%;
}
}
@media (min-width: 1024px) {
.vacancy h1 {
margin-bottom: 54px;
}
.vacancy__list {
display: block;
}
.vacancy__item {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 0;
padding: 31px 0 29px;
}
.vacancy__item > span {
border: none;
display: block;
padding: 0;
}
.vacancy__item .arrow {
--size: 40px;
}
.vacancy__item .vacancy__exp {
padding-left: 15px;
padding-right: 15px;
}
.vacancy__title {
flex-grow: 1;
}
.vacancy__exp {
flex-shrink: 0;
width: 30%;
}
.vacancy__icon {
align-self: flex-start;
flex-shrink: 0;
width: 20%;
}
.vacancy__icon .arrow {
margin-left: auto;
}
.vacancy__wrap {
margin-top: 65px;
}
.vacancy__conditions {
margin-bottom: 120px;
}
.vacancy__condition::after {
font-size: 100px;
}
}
@media (min-width: 1560px) {
.vacancy h1 {
margin-bottom: 54px;
}
.vacancy .info {
margin-bottom: 156px;
}
.vacancy .info__head {
font-size: 52px;
line-height: 1;
}
.vacancy .info__wrap {
padding-bottom: 52px;
padding-top: 83px;
}
.vacancy__title {
font-size: 24px;
}
.vacancy__exp {
font-size: 18px;
}
.vacancy__conditions {
margin-bottom: 160px;
}
.vacancy__condition-title {
font-size: 24px;
}
.vacancy__condition-text {
font-size: 18px;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1024px) {
}
.cart__list {
display: flex;
flex-direction: column;
}
.cart__tr {
display: grid;
padding: 1.875rem 0;
gap: 1.25rem;
border-top: 1px solid var(--color-light-secondary);
}
@media (min-width: 768px) {
.cart__tr {
grid-template-columns: 1.25rem 10.75rem auto 11rem 10.25rem;
}
}
@media (min-width: 1560px) {
.cart__tr {
gap: 1.75rem;
padding: 2.5rem 0;
grid-template-columns: 1.25rem 15rem auto 10.25rem 11.25rem;
}
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1340px) {
}
@media (min-width: 1441px) {
}
@media (min-width: 1800px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (max-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) and (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
.scheme {
font-size: 1rem;
line-height: 130%;
overflow: hidden;
}
@media (min-width: 768px) {
.scheme {
font-size: 1rem;
line-height: 150%;
}
}
@media (min-width: 1560px) {
.scheme {
font-size: 1.125rem;
}
}
.scheme .btn {
border-radius: 12px;
}
@media (min-width: 1560px) {
.scheme .btn {
border-radius: 15px;
}
}
.scheme img {
max-width: 100%;
max-height: 100%;
}
.scheme .contacts__nav.contacts__nav_secondary li {
width: 50%;
}
.scheme section.info {
margin: 0 0 5rem;
}
@media (min-width: 768px) {
.scheme section.info {
margin: 0 0 6.5rem;
}
}
@media (min-width: 1024px) {
.scheme section.info {
margin: 0 0 7.25rem;
}
}
@media (min-width: 1560px) {
.scheme section.info {
margin: 0 0 10rem;
}
}
@media (min-width: 768px) {
.scheme section.info .container {
width: calc(100% - 79px);
}
}
@media (min-width: 1024px) {
.scheme section.info .container {
max-width: 1200px;
width: calc(100vw - 79px);
}
}
@media (min-width: 1560px) {
.scheme section.info .container {
max-width: 1600px;
width: calc(100vw - 100px);
}
}
@media (min-width: 768px) {
.scheme section.brands,
.scheme section.promo,
.scheme section.coop,
.scheme section.news-main {
margin: 3.125rem 0;
}
}
@media (min-width: 1024px) {
.scheme section.brands,
.scheme section.promo,
.scheme section.coop,
.scheme section.news-main {
margin: 3.75rem 0;
}
}
@media (min-width: 1560px) {
.scheme section.brands,
.scheme section.promo,
.scheme section.coop,
.scheme section.news-main {
margin: 5rem 0;
}
}
@media (max-width: 1024px) {
.scheme section.promo.promo_last {
margin-bottom: 0 !important;
}
}
.scheme .container:not(.news-main__bottom) {
width: 100rem;
max-width: calc(100% - 2rem);
margin: 0 auto;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme .container:not(.news-main__bottom) {
width: calc(100% - 79px);
}
}
@media (min-width: 1024px) {
.scheme .container:not(.news-main__bottom) {
max-width: 1200px;
width: calc(100vw - 79px);
}
}
@media (min-width: 1560px) {
.scheme .container:not(.news-main__bottom) {
max-width: 1600px;
width: calc(100vw - 100px);
}
}
.scheme .container:not(.news-main__bottom).top-with-btn {
flex-direction: row;
}
.scheme .scheme__title {
margin: 0;
line-height: 100%;
}
.scheme h1,
.scheme h2,
.scheme h3,
.scheme h4,
.scheme h5,
.scheme h6,
.scheme .h1,
.scheme .h2,
.scheme .h3,
.scheme .h4,
.scheme .h5,
.scheme .h6 {
line-height: 120%;
}
.scheme h1 i,
.scheme h2 i,
.scheme h3 i,
.scheme h4 i,
.scheme h5 i,
.scheme h6 i,
.scheme .h1 i,
.scheme .h2 i,
.scheme .h3 i,
.scheme .h4 i,
.scheme .h5 i,
.scheme .h6 i {
font-weight: 300;
font-style: normal;
}
.scheme h3 {
font-size: 1.375rem;
line-height: 120%;
}
@media (min-width: 1560px) {
.scheme h3 {
font-size: 2rem;
line-height: 120%;
}
}
.scheme h5 {
font-size: 1.25rem;
line-height: 140%;
font-weight: 400;
}
.scheme ul {
margin: 0;
padding: 0;
list-style: none;
}
.scheme .wysiwyg {
font-weight: 300;
}
.scheme .wysiwyg.wysiwyg_secondary ul {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
.scheme .wysiwyg.wysiwyg_secondary li {
padding-left: 2.5rem;
background-position: 0 0.2rem;
list-style: none;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'><path d='M9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0ZM9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1ZM13.8535 6.35352L8 12.207L4.64648 8.85352L5.35352 8.14648L8 10.793L13.1465 5.64648L13.8535 6.35352Z' fill='%230B4589'/></svg>");
}
.scheme .wysiwyg.wysiwyg_secondary li:before {
display: none;
}
.scheme .wysiwyg.wysiwyg_tertiary ul {
gap: 0.75rem;
display: flex;
flex-direction: column;
}
.scheme .wysiwyg.wysiwyg_margin h1,
.scheme .wysiwyg.wysiwyg_margin h2,
.scheme .wysiwyg.wysiwyg_margin h3,
.scheme .wysiwyg.wysiwyg_margin h4,
.scheme .wysiwyg.wysiwyg_margin h5,
.scheme .wysiwyg.wysiwyg_margin h6,
.scheme .wysiwyg.wysiwyg_margin p,
.scheme .wysiwyg.wysiwyg_margin ul,
.scheme .wysiwyg.wysiwyg_margin ol {
margin: 0;
}
.scheme .wysiwyg.wysiwyg_margin h1:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h2:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h3:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h4:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h5:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h6:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin p:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin ul:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin ol:not(:last-child) {
margin-bottom: 1.25rem;
}
.scheme .wysiwyg.wysiwyg_column picture:not(.picture_secondary) {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme .wysiwyg.wysiwyg_column picture:not(.picture_secondary) {
gap: 2rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
.scheme .wysiwyg.wysiwyg_column picture:not(.picture_secondary) img {
margin: 0;
}
}
@media (min-width: 768px) {
.scheme .wysiwyg.wysiwyg_column ul {
gap: 1.25rem 2rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.scheme .wysiwyg hr {
width: 100%;
height: 1px;
margin: 1.25rem 0;
border: 0;
background: var(--color-light-secondary);
display: block;
}
.scheme .wysiwyg hr:not(:last-child) {
margin-bottom: 2rem;
}
.scheme .wysiwyg h1,
.scheme .wysiwyg h2,
.scheme .wysiwyg h3,
.scheme .wysiwyg h4,
.scheme .wysiwyg h5,
.scheme .wysiwyg h6,
.scheme .wysiwyg p,
.scheme .wysiwyg ul,
.scheme .wysiwyg ol {
margin: 0;
}
.scheme .wysiwyg h1:not(:last-child),
.scheme .wysiwyg h2:not(:last-child),
.scheme .wysiwyg h3:not(:last-child),
.scheme .wysiwyg h4:not(:last-child),
.scheme .wysiwyg h5:not(:last-child),
.scheme .wysiwyg h6:not(:last-child),
.scheme .wysiwyg p:not(:last-child),
.scheme .wysiwyg ul:not(:last-child),
.scheme .wysiwyg ol:not(:last-child) {
margin-bottom: 1.25rem;
}
@media (min-width: 1560px) {
.scheme .wysiwyg h1:not(:last-child),
.scheme .wysiwyg h2:not(:last-child),
.scheme .wysiwyg h3:not(:last-child),
.scheme .wysiwyg h4:not(:last-child),
.scheme .wysiwyg h5:not(:last-child),
.scheme .wysiwyg h6:not(:last-child),
.scheme .wysiwyg p:not(:last-child),
.scheme .wysiwyg ul:not(:last-child),
.scheme .wysiwyg ol:not(:last-child) {
margin-bottom: 2.5rem;
}
}
.scheme .wysiwyg h1 a:not(.btn),
.scheme .wysiwyg h2 a:not(.btn),
.scheme .wysiwyg h3 a:not(.btn),
.scheme .wysiwyg h4 a:not(.btn),
.scheme .wysiwyg h5 a:not(.btn),
.scheme .wysiwyg h6 a:not(.btn) {
color: var(--color-text);
}
.scheme .wysiwyg h1 a:not(.btn):before,
.scheme .wysiwyg h2 a:not(.btn):before,
.scheme .wysiwyg h3 a:not(.btn):before,
.scheme .wysiwyg h4 a:not(.btn):before,
.scheme .wysiwyg h5 a:not(.btn):before,
.scheme .wysiwyg h6 a:not(.btn):before {
background-color: var(--color-text);
width: 100%;
}
.scheme .wysiwyg ul {
gap: 0.125rem;
display: flex;
flex-direction: column;
padding: 0;
list-style: none;
}
.scheme .wysiwyg li {
padding-left: 1.5rem;
position: relative;
}
.scheme .wysiwyg li:before {
content: "";
background-color: var(--color-text);
width: 0.25rem;
height: 0.25rem;
border-radius: 50%;
position: absolute;
top: 0.5rem;
left: 0.5rem;
}
.scheme .wysiwyg a:not(.btn) {
color: var(--color-link);
position: relative;
white-space: nowrap;
text-decoration: none;
}
.scheme .wysiwyg a:not(.btn):before {
content: "";
position: absolute;
top: calc(100% + 0.125rem);
left: 0;
height: 1px;
width: 0%;
background-color: var(--color-link);
transition: all 0.4s ease-in-out;
}
.scheme .wysiwyg a:not(.btn):hover:before {
width: 100%;
}
.scheme .wysiwyg img,
.scheme .wysiwyg picture {
display: flex;
align-items: flex-start;
}
.scheme .wysiwyg img:not(:last-child),
.scheme .wysiwyg picture:not(:last-child) {
margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
.scheme .wysiwyg img:not(:last-child),
.scheme .wysiwyg picture:not(:last-child) {
margin-bottom: 3.5rem;
}
}
.scheme .m-0 {
margin: 0 !important;
}
.scheme .mt-0 {
margin-top: 0 !important;
}
.scheme .p-0 {
padding: 0 !important;
}
.scheme .pt-0 {
padding-top: 0 !important;
}
.scheme .pb-0 {
padding-bottom: 0 !important;
}
@media (max-width: 1024px) {
.scheme .pb-d-0 {
padding-bottom: 0 !important;
}
}
@media (max-width: 1024px) {
.scheme .pt-d-0 {
padding-top: 0 !important;
}
}
@media (max-width: 1024px) {
.scheme .p-d-0 {
padding: 0 !important;
}
}
@media (max-width: 768px) {
}
.scheme__main {
padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
.scheme__main {
padding-bottom: 5rem;
}
}
.scheme__section {
padding: 2.5rem 0;
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (max-width: 1024px) {
.scheme__section.scheme__section-t-p {
padding-top: 6.25rem !important;
}
}
@media (max-width: 768px) {
.scheme__section.scheme__section-t-p {
padding-top: 5rem !important;
}
}
@media (max-width: 1024px) {
.scheme__section.scheme__section-b-p {
padding-bottom: 6.25rem !important;
}
}
@media (max-width: 768px) {
.scheme__section.scheme__section-b-p {
padding-bottom: 5rem !important;
}
}
@media (min-width: 768px) {
.scheme__section.section_gap {
gap: 2.5rem;
}
}
@media (min-width: 768px) {
.scheme__section.section_secondary-padding {
padding: 1.25rem 0;
}
}
@media (min-width: 768px) {
.scheme__section.section_secondary-top-padding {
padding-top: 1.25rem;
}
}
@media (min-width: 768px) {
.scheme__section {
padding: 3rem 0;
gap: 3rem;
}
}
@media (min-width: 1024px) {
.scheme__section {
padding: 3.75rem 0;
gap: 3rem;
}
}
@media (min-width: 1560px) {
.scheme__section {
padding: 5rem 0;
gap: 3.75rem;
}
}
.scheme__section.section_secondary-gap {
gap: 2.5rem;
}
.scheme__section.section_secondary .container:not(.hero__nav) {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__section.section_secondary .container:not(.hero__nav) {
gap: 3rem;
}
}
@media (min-width: 1024px) {
.scheme__section.section_secondary .container:not(.hero__nav) {
gap: 3.75rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
}
@media (min-width: 1024px) {
.scheme__section.section_secondary .section__main {
grid-column: span 2;
}
}
.scheme__section .section__title {
margin: 0;
}
.scheme__section .section__layout {
padding: 2.5rem 2.5rem;
margin: 0 -2.5rem;
gap: 1.5rem;
background-color: var(--color-light);
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__section .section__layout {
gap: 2.5rem;
padding: 6.25rem 2.5rem;
}
}
@media (min-width: 1024px) {
.scheme__section .section__layout {
gap: 2.5rem;
margin: 0 -3.75rem;
padding: 3.75rem;
}
}
@media (min-width: 1560px) {
.scheme__section .section__layout {
gap: 2.5rem;
padding: 5rem;
margin: 0 -5rem;
}
}
@media (max-width: 768px) {
.scheme__section .section__layout.section__layout_secondary-t-p {
padding-top: 5rem !important;
}
}
@media (max-width: 768px) {
}
@media (max-width: 768px) {
.scheme__section .section__layout.section__layout_secondary-p {
padding: 5rem 2.5rem !important;
}
}
.scheme__section .section__header img {
width: 58.25rem;
margin: 0 auto;
}
.scheme__section .section__header .section__picture {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__section .section__header .section__picture {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
.scheme__section .section__header .section__picture.section__picture_secondary {
grid-template-columns: unset;
}
.scheme__section .section__header .section__picture img {
margin: 0;
width: 100%;
}
.scheme__section .section__footer {
display: flex;
justify-content: center;
}
.scheme__section .section__tooltip:not(.tooltip_info) {
gap: 2rem;
padding: 2.5rem 2rem;
width: 100%;
background-color: var(--color-light);
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__section .section__tooltip:not(.tooltip_info) {
display: grid;
}
.scheme__section .section__tooltip:not(.tooltip_info).section__tooltip_secondary {
grid-template-columns: 1fr 1fr;
}
.scheme__section .section__tooltip:not(.tooltip_info).section__tooltip_tertiary {
grid-template-columns: 5rem auto 30rem;
}
.scheme__section .section__tooltip:not(.tooltip_info).section__tooltip_forty {
grid-template-columns: auto 5rem;
}
}
.scheme__section .section__tooltip:not(.tooltip_info) .tooltip__main {
font-size: 1.25rem;
line-height: 140%;
font-weight: 400;
}
.scheme__section .section__tooltip.tooltip_info {
gap: 2rem;
display: grid;
grid-template-columns: 2rem auto;
}
.scheme .brands.brands_secondary p {
margin: 14px 0 40px;
}
@media (min-width: 1024px) {
.scheme .brands.brands_secondary p {
margin: 14px 0 48px;
}
}
@media (min-width: 1560px) {
.scheme .brands.brands_secondary p {
margin: 14px 0 60px;
}
}
.scheme .brands.brands_secondary .inner-nav__list:before {
display: none;
}
.scheme .brands.brands_secondary .inner-nav__list li {
position: relative;
cursor: pointer;
}
.scheme .brands.brands_secondary .inner-nav__list li:before {
background-color: var(--color-link);
content: "";
height: 1px;
left: var(--left);
top: 0;
position: absolute;
transition-duration: 0.2s;
width: 0%;
z-index: 10;
transition: all 0.4s ease-in-out;
}
.scheme .brands.brands_secondary .inner-nav__list li.active {
color: var(--color-link);
}
.scheme .brands.brands_secondary .inner-nav__list li.active:before {
width: 100%;
}
.scheme .brands.brands_secondary .inner-nav__list li br {
display: block;
}
@media (min-width: 768px) {
.scheme .brands.brands_secondary .inner-nav__list li br {
display: none;
}
}
.scheme .brands.brands_secondary .brands__container {
display: none;
}
.scheme .brands.brands_secondary .brands__container:nth-child(1) {
display: block;
}
#contact-form .form__input.form__input_textarea{
height: unset;
padding: 0;
}
@media (min-width: 768px) {
.scheme .coop--contacts .form__flex .form__item--wide {
margin-right: 15px;
}
}
@media (min-width: 1560px) {
.scheme .coop--contacts .form__flex .form__item--wide {
margin-right: 30px;
}
}
.scheme .coop--contacts .form__btn.btn {
margin: 0;
}
.scheme .w-100 {
width: 100% !important;
}
.scheme .text-center {
text-align: center !important;
}
.mt-0 {
margin-top: 0 !important;
}
.w-100 {
width: 100% !important;
}
.scheme__formular.layout__formular {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__formular.layout__formular {
gap: 2rem;
display: grid;
grid-template-columns: auto 20rem;
}
}
.scheme__formular .formular__filter {
order: -1;
gap: 0.5rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__formular .formular__filter {
order: unset;
gap: 1rem;
}
}
.scheme__formular .filter__main {
gap: 2rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.scheme__formular .filter__main {
gap: 2.5rem;
}
}
.scheme__about {
gap: 2rem;
border-top: 1px solid var(--color-light-secondary);
padding: 2.5rem 0;
border-bottom: 1px solid var(--color-light-secondary);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
@media (min-width: 768px) {
.scheme__about {
gap: 2.5rem;
display: grid;
text-align: left;
grid-template-columns: 14.5rem auto auto;
}
}
@media (min-width: 1560px) {
.scheme__about {
padding: 4rem 0;
}
}
.scheme__about .about__picture {
height: 2.5rem;
display: flex;
align-items: flex-start;
}
.scheme__about .about__picture img {
height: 100%;
width: auto;
}
.scheme__about .about__main {
font-size: 1.125rem;
line-height: 140%;
font-weight: 400;
}
@media (min-width: 1560px) {
.scheme__about .about__main {
font-size: 1.25rem;
}
}
.scheme__about .about__footer {
width: 100%;
}
@media (min-width: 768px) {
.scheme__about .about__footer {
width: auto;
display: flex;
justify-content: flex-end;
}
}
.scheme__about .about__footer .btn {
width: 100%;
}
@media (min-width: 768px) {
.scheme__about .about__footer .btn {
width: auto;
}
}
@media (min-width: 1560px) {
.scheme__advantages {
font-size: 1.25rem;
}
}
.scheme__advantages .advantages__list {
gap: 2.5rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__advantages .advantages__list {
gap: 1.25rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1560px) {
.scheme__advantages .advantages__list {
gap: 2rem;
}
}
.scheme__advantages .advantages__item {
gap: 0.75rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 768px) {
.scheme__advantages .advantages__item {
gap: 2rem;
}
}
.scheme__advantages .advantages__picture {
border-left: 1px solid var(--color-light-secondary);
height: 3.75rem;
display: flex;
align-items: flex-start;
}
@media (min-width: 768px) {
.scheme__advantages .advantages__picture {
height: 8.25rem;
}
}
.scheme__advantages .advantages__picture img,
.scheme__advantages .advantages__picture svg {
width: auto;
height: 100%;
}
.scheme__competencies .competencies__list {
gap: 1rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__competencies .competencies__list {
gap: 2rem;
display: grid;
text-align: left;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 768px) {
.scheme__competencies .competencies__list.competencies__list_secondary {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 768px) {
.scheme__competencies .competencies__list.competencies__list_tertiary {
grid-template-columns: repeat(2, 1fr);
}
}
.scheme__competencies .competencies__item {
gap: 0.75rem;
display: grid;
grid-template-columns: 2rem auto;
align-items: flex-start;
}
@media (min-width: 768px) {
.scheme__competencies .competencies__item {
gap: 1.25rem;
grid-template-columns: 2rem auto;
}
}
@media (min-width: 1024px) {
.scheme__competencies .competencies__item {
gap: 2rem;
grid-template-columns: 2.875rem auto;
}
}
.scheme__competencies .competencies__symbol {
width: 2rem;
height: 2rem;
transform: translateY(-0.5rem);
}
@media (min-width: 1024px) {
.scheme__competencies .competencies__symbol {
width: 2.875rem;
height: 2.875rem;
}
}
.scheme__competencies .competencies__ico {
width: 100%;
height: 100%;
}
.scheme__competencies .competencies__main h1:not(:last-child),
.scheme__competencies .competencies__main h2:not(:last-child),
.scheme__competencies .competencies__main h3:not(:last-child),
.scheme__competencies .competencies__main h4:not(:last-child),
.scheme__competencies .competencies__main h5:not(:last-child),
.scheme__competencies .competencies__main h6:not(:last-child) {
margin-bottom: 1.25rem;
}
.scheme__competencies .competencies__text {
font-size: 0.75rem;
line-height: 140%;
}
@media (min-width: 768px) {
.scheme__competencies .competencies__text {
font-size: 1.125rem;
line-height: 120%;
}
}
@media (min-width: 1560px) {
.scheme__competencies .competencies__text {
font-size: 1.25rem;
}
}
.scheme__posts .posts__list {
gap: 2.5rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__posts .posts__list {
gap: 2.5rem;
}
}
@media (min-width: 1024px) {
.scheme__posts .posts__list {
gap: 3.75rem;
}
}
@media (min-width: 1560px) {
.scheme__posts .posts__list {
gap: 5rem;
}
}
.scheme__posts .posts__item {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__posts .posts__item {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.scheme__posts .posts__item {
gap: 2rem;
}
}
@media (min-width: 768px) {
.scheme__section-about .scheme__posts .posts__item:nth-child(odd):not(.posts__item_secondary) .posts__picture {
order: 2;
}
}
@media (min-width: 768px) {
.scheme__posts .posts__item.posts__item_columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
.scheme__posts .posts__item.posts__item_tertiary .posts__picture {
order: 2;
}
@media (min-width: 768px) {
.scheme__posts .posts__item.posts__item_tiny {
grid-template-columns: 32.75rem auto;
}
.scheme__posts .posts__item.posts__item_tiny .posts__picture img {
min-height: 0;
height: auto;
}
}
.scheme__posts .posts__picture.posts__picture_secondary {
display: none;
}
@media (min-width: 768px) {
.scheme__posts .posts__picture.posts__picture_secondary {
display: block;
}
}
.scheme__posts .posts__picture.posts__picture_tertiary {
aspect-ratio: 2;
}
.scheme__posts .posts__picture.posts__picture_tertiary img {
height: unset;
width: unset;
}
.scheme__posts .posts__picture .posts__link {
height: 100%;
display: flex;
align-items: flex-start;
position: relative;
}
.scheme__posts .posts__picture .posts__link:hover .posts__symbol {
background-color: var(--color-highlight);
}
.scheme__posts .posts__picture .posts__link:hover .posts__ico {
stroke: var(--color-bg-main);
}
.scheme__posts .posts__picture .posts__symbol {
position: absolute;
top: 1rem;
right: 1rem;
width: 2rem;
height: 2rem;
border-radius: 0.625rem;
background-color: var(--color-bg-main);
display: flex;
justify-content: center;
align-items: center;
transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
.scheme__posts .posts__picture .posts__symbol {
width: 2.5rem;
height: 2.5rem;
}
}
.scheme__posts .posts__picture .posts__ico {
width: 1.5rem;
height: 1.5rem;
fill: none;
stroke: var(--color-highlight);
transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
.scheme__posts .posts__picture .posts__ico {
width: 2rem;
height: 2rem;
}
}
.scheme__posts .posts__picture img {
width: 100%;
height: 12.5rem;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.scheme__posts .posts__picture img {
height: 20.75rem;
}
}
@media (min-width: 1560px) {
.scheme__posts .posts__picture img {
height: 27.5rem;
}
}
.scheme__posts .posts__layout {
gap: 2.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 768px) {
.scheme__posts .posts__layout.posts__layout_secondary {
justify-content: flex-end;
}
.scheme__posts .posts__layout.posts__layout_gap-secondary {
gap: 1.25rem;
}
.scheme__posts .posts__layout + .posts__layout_secondary {
justify-content: flex-end;
align-items: flex-end;
}
}
.scheme__posts .posts__header {
width: 100%;
position: relative;
}
.scheme__posts .posts__header:after {
content: "";
top: calc(100% + 1.25rem);
left: 0;
width: 100%;
height: 1px;
background-color: var(--color-light-secondary);
position: absolute;
}
.scheme__posts .posts__title {
font-size: 1.375rem;
line-height: 120%;
}
@media (min-width: 768px) {
.scheme__posts .posts__title {
font-size: 1.625rem;
line-height: 120%;
}
}
@media (min-width: 1024px) {
.scheme__posts .posts__title {
font-size: 2rem;
line-height: 120%;
}
}
@media (min-width: 1560px) {
.scheme__posts .posts__title {
font-size: 2.625rem;
line-height: 120%;
}
}
.scheme__posts .posts__footer {
gap: 1.25rem;
width: 100%;
display: flex;
}
@media (max-width: 1023px) {
.scheme__posts .posts__footer {
gap: 8px;
}
}
@media (min-width: 768px) {
.scheme__posts .posts__footer {
width: auto;
}
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
.scheme__solutions .solutions__list {
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__solutions .solutions__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
.scheme__solutions .solutions__item {
gap: 0.75rem;
padding-left: 1.25rem;
border-left: 1px solid var(--color-light-secondary);
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__solutions .solutions__item {
gap: 1.25rem;
}
}
@media (min-width: 1560px) {
.scheme__solutions .solutions__item {
padding-left: 2rem;
}
}
.scheme__solutions .solutions__symbol {
width: 2rem;
height: 2rem;
}
@media (min-width: 1024px) {
.scheme__solutions .solutions__symbol {
width: 2.875rem;
height: 2.875rem;
}
}
.scheme__solutions .solutions__ico {
width: 100%;
height: 100%;
}
.scheme__solutions .solutions__text {
font-size: 0.75rem;
line-height: 140%;
}
@media (min-width: 768px) {
.scheme__solutions .solutions__text {
font-size: 1.125rem;
line-height: 120%;
}
}
@media (min-width: 1560px) {
.scheme__solutions .solutions__text {
font-size: 1.25rem;
}
}
.scheme__solution {
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
.scheme__solution {
display: grid;
gap: 5rem;
grid-template-columns: 25rem auto;
}
}
@media (min-width: 1560px) {
.scheme__solution {
gap: 8.25rem;
grid-template-columns: 32.5rem auto;
}
}
.scheme__solution .solution__secondary {
padding-left: 1.5rem;
display: grid;
grid-template-columns: 10rem auto;
}
@media (min-width: 560px) {
.scheme__solution .solution__secondary {
padding-left: 2.5rem;
grid-template-columns: 15rem auto;
}
}
@media (min-width: 768px) {
.scheme__solution .solution__secondary {
grid-template-columns: 25rem auto;
padding-left: 4.5rem;
align-items: flex-start;
}
}
@media (min-width: 1024px) {
.scheme__solution .solution__secondary {
grid-template-columns: 30rem auto;
padding-left: 0;
}
}
@media (min-width: 1560px) {
.scheme__solution .solution__secondary {
grid-template-columns: 41.25rem auto;
}
}
.scheme__solution .solution__media {
padding-top: 7.5rem;
position: relative;
z-index: 2;
}
.scheme__solution .solution__symbol {
height: 3rem;
width: 5rem;
padding: 0.5rem;
border-radius: 0.5rem;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--color-light-secondary);
background-color: var(--white);
position: absolute;
top: 5rem;
left: -1.5rem;
}
@media (min-width: 560px) {
.scheme__solution .solution__symbol {
height: 6rem;
width: 10rem;
top: 2rem;
border-radius: 1.25rem;
padding: 1.25rem;
left: -2.5rem;
}
}
@media (min-width: 768px) {
.scheme__solution .solution__symbol {
left: -4.5rem;
height: 8rem;
width: 13.75rem;
}
}
@media (min-width: 1560px) {
.scheme__solution .solution__symbol {
height: 6.25rem;
width: 10rem;
padding: 1.5rem 2.5rem;
}
}
.scheme__solution .solution__symbol img,
.scheme__solution .solution__symbol svg {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.scheme__solution .solution__picture {
aspect-ratio: 2;
display: flex;
align-items: flex-start;
}
.scheme__solution .solution__list {
background-color: var(--color-light);
padding: 1rem;
gap: 0.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
}
@media (min-width: 560px) {
.scheme__solution .solution__list {
padding: 2rem;
gap: 0.75rem;
}
}
.scheme__solution .solution__list:before {
content: "";
width: 5.5rem;
height: 7.5rem;
background-color: var(--color-light);
position: absolute;
top: 0;
right: 100%;
-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}
.scheme__solution .solution__item {
color: var(--color-dark);
background-color: var(--white);
font-size: 0.5rem;
line-height: 120%;
padding: 0.5rem;
border-radius: 0.25rem;
}
@media (min-width: 560px) {
.scheme__solution .solution__item {
font-size: 0.875rem;
border-radius: 0.75rem;
}
}
@media (min-width: 1560px) {
.scheme__solution .solution__item {
font-size: 1.25rem;
padding: 0.75rem;
}
}
.scheme__implementations {
position: relative;
}
@media (min-width: 1024px) {
.scheme__implementations {
padding: 0 4.5rem;
}
}
.scheme__implementations .swiper-slide {
opacity: 0;
visibility: hidden;
}
.scheme__implementations .swiper-slide.swiper-slide-active {
opacity: 1;
visibility: visible;
}
.scheme__implementations .slider-with-thumb__nav {
display: flex;
}
.scheme__implementations .catalog-slider__button {
width: 3rem;
height: 3rem;
top: 50%;
display: none;
background-color: var(--color-bg-main);
transform: translateY(-50%);
}
@media (min-width: 768px) {
.scheme__implementations .catalog-slider__button {
display: block;
}
}
@media (min-width: 1560px) {
.scheme__implementations .catalog-slider__button {
width: 3.75rem;
height: 3.75rem;
}
}
@media (min-width: 768px) {
.scheme__implementations .catalog-slider__button.catalog-slider__button--prev {
left: -1rem;
}
}
@media (min-width: 1024px) {
.scheme__implementations .catalog-slider__button.catalog-slider__button--prev {
left: -1.5rem;
}
}
@media (min-width: 1560px) {
.scheme__implementations .catalog-slider__button.catalog-slider__button--prev {
left: 0;
}
}
.scheme__implementations .catalog-slider__button.catalog-slider__button--prev svg {
transform: translate(0, 0.125rem) scale(-1, -1);
}
@media (min-width: 768px) {
.scheme__implementations .catalog-slider__button.catalog-slider__button--next {
right: -1rem;
}
}
@media (min-width: 1024px) {
.scheme__implementations .catalog-slider__button.catalog-slider__button--next {
right: -1.5rem;
}
}
@media (min-width: 1560px) {
.scheme__implementations .catalog-slider__button.catalog-slider__button--next {
right: 0;
}
}
.scheme__implementations .catalog-slider__button.catalog-slider__button--next svg {
transform: translate(0.125rem, 0.125rem);
}
.scheme__implementations .implementations__item {
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__implementations .implementations__item {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.scheme__implementations .implementations__picture {
display: flex;
align-items: flex-start;
}
.scheme__implementations .implementations__picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.scheme__implementations .slider-with-thumb__nav {
gap: 0.5rem;
}
.scheme__implementations .slider-with-thumb__nav .swiper-pagination-bullet {
width: 0.25rem;
height: 0.25rem;
margin: 0;
position: relative;
z-index: 11;
cursor: pointer;
}
@media (min-width: 768px) {
.scheme__implementations .slider-with-thumb__nav .swiper-pagination-bullet {
width: 0.5rem;
height: 0.5rem;
}
}
.scheme__implementations .implementations__main {
font-size: 0.75rem;
line-height: 120%;
}
@media (min-width: 768px) {
.scheme__implementations .implementations__main {
font-size: 0.875rem;
line-height: 120%;
}
}
@media (min-width: 1560px) {
.scheme__implementations .implementations__main {
font-size: 1rem;
line-height: 160%;
}
}
.scheme__listing .listing__list {
gap: 1rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__listing .listing__list {
gap: 1.25rem;
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1560px) {
.scheme__listing .listing__list {
gap: 2rem;
}
}
.scheme__listing .listing__item {
padding: 1.25rem;
background-color: var(--color-light);
}
@media (min-width: 768px) {
.scheme__listing .listing__item {
padding: 2rem;
}
}
@media (min-width: 768px) {
}
.scheme__directory .directory__list {
gap: 1rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1560px) {
.scheme__directory .directory__list {
gap: 2rem;
grid-template-columns: repeat(4, 1fr);
}
}
.scheme__directory .directory__item {
gap: 1.25rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 1560px) {
.scheme__directory .directory__item {
font-size: 1.5rem;
line-height: 120%;
}
}
.scheme__directory .directory__symbol {
width: 2.75rem;
height: 2.75rem;
}
.scheme__directory .directory__ico {
width: 100%;
height: 100%;
}
.scheme__gallery .gallery__list {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__gallery .gallery__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1560px) {
.scheme__gallery .gallery__list {
gap: 2rem;
}
}
.scheme__gallery .gallery__item {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 1560px) {
.scheme__gallery .gallery__item {
gap: 2rem;
}
}
.scheme__gallery .gallery__picture {
aspect-ratio: 1.81818182;
gap: 2rem;
display: flex;
flex-direction: column;
}
.scheme__gallery .gallery__picture img {
width: 100%;
height: 100%;
}
.scheme__collapsible .collapsible__list {
border-top: 1px solid var(--color-light-secondary);
border-bottom: 1px solid var(--color-light-secondary);
}
.scheme__collapsible .collapsible__item {
gap: 0rem;
padding: 2rem 0;
display: flex;
flex-direction: column;
}
.scheme__collapsible .collapsible__item:not(:last-child) {
border-bottom: 1px solid var(--color-light-secondary);
}
.scheme__collapsible .collapsible__item.collapsible__item_active {
gap: 2.5rem;
}
.scheme__collapsible .collapsible__item.collapsible__item_active .preview__symbol {
transform: rotate(180deg);
}
.scheme__collapsible .collapsible__item.collapsible__item_active .collapsible__review {
max-height: 999999px;
}
.scheme__collapsible .collapsible__preview {
display: flex;
align-items: start;
justify-content: space-between;
cursor: pointer;
}
.scheme__collapsible .preview__symbol {
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
transform: rotate(0deg);
margin-top: 8px;
}
.scheme__collapsible .preview__ico {
width: 1.5rem;
height: 0.75rem;
fill: none;
}
.scheme__collapsible .collapsible__review {
gap: 2.5rem;
display: flex;
flex-direction: column;
max-height: 0;
overflow: hidden;
}
.scheme__collapsible .review__main .review__list {
gap: 0.5rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__collapsible .review__main .review__list {
gap: 1rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.scheme__collapsible .preview__symbol {
margin-top: 13px;
}
}
@media (min-width: 1560px) {
.scheme__collapsible .review__main .review__list {
gap: 2rem;
}
.scheme__collapsible .preview__symbol {
margin-top: 16px;
}
}
.scheme__collapsible .review__main .review__picture {
aspect-ratio: 2;
display: flex;
align-items: flex-start;
}
.scheme__collapsible .review__main .review__picture img {
width: 100%;
height: 100%;
}
.scheme__collapsible .review__footer .review__list {
gap: 1rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__collapsible .review__footer .review__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1560px) {
.scheme__collapsible .review__footer .review__list {
gap: 2rem;
}
}
.scheme__datatable {
font-size: 0.875rem;
line-height: 100%;
max-width: calc(100vw - 2rem);
padding-left: 1.5rem;
overflow: hidden;
overflow-x: auto;
}
.scheme__datatable > table {
width: 1560px !important;
border: 1px dashed var(--color-light-secondary) !important;
}
.scheme__datatable table {
width: 100%;
height: 1rem;
border-collapse: collapse;
border-spacing: 0;
border: none;
table-layout: fixed;
}
.scheme__datatable table tr:not(:last-child) td {
border-bottom: 1px dashed var(--color-light-secondary);
}
.scheme__datatable table td {
position: relative;
padding: 1rem 0.75rem;
}
.scheme__datatable table td:not(:last-child) {
border-right: 1px dashed var(--color-light-secondary);
}
.scheme__datatable table td:only-child {
border-right: 1px dashed var(--color-light-secondary);
}
.scheme__datatable table td td {
padding: 0.25rem;
border: 0 !important;
}
.scheme__datatable .datatable__layout {
padding: 1.25rem 0.75rem;
gap: 1.25rem;
height: 100%;
background-color: var(--color-light);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.scheme__datatable .datatable__layout.datatable__layout_vertical {
justify-content: flex-start;
}
.scheme__datatable .datatable__layout.datatable__layout_secondary {
background-color: var(--color-light-secondary);
}
.scheme__datatable .datatable__layout.datatable__layout_tertiary {
border-radius: 0.5rem;
background-color: rgba(255, 255, 255, 0.7);
}
.scheme__datatable .datatable__title {
color: var(--color-link);
font-size: 1rem;
line-height: 100%;
}
.scheme__datatable .datatable__title.datatable__title_secondary {
position: absolute;
top: 50%;
left: -0.5rem;
transform: rotate(-90deg) translate(-50%, -50%);
transform-origin: 0 50%;
}
.scheme__datatable .datatable__subtext {
color: #010101;
background-color: #ffde3d;
padding: 0.25rem 1rem;
border-radius: 1.25rem;
}
.scheme__datatable .datatable__main {
width: 100%;
}
.scheme__datatable .datatable__sublist {
gap: 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
.scheme__datatable .datatable__subitem {
color: var(--color-dark);
}
.scheme__datatable .datatable__gallery {
gap: 0.25rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.scheme__datatable .datatable__gallery .gallery__item {
height: 2.25rem;
display: flex;
align-items: flex-start;
}
.scheme__datatable .datatable__gallery .gallery__item img {
height: 100%;
width: auto;
-o-object-fit: contain;
object-fit: contain;
}
.scheme__matrix .matrix__list {
gap: 0.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__matrix .matrix__list {
gap: 1rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1024px) {
.scheme__matrix .matrix__list {
gap: 1.25rem;
}
}
@media (min-width: 1560px) {
.scheme__matrix .matrix__list {
gap: 2rem;
}
}
@media (min-width: 768px) {
.scheme__matrix .matrix__list.matrix__list_secondary {
grid-template-columns: repeat(2, 1fr);
}
.scheme__matrix .matrix__list.matrix__list_secondary .matrix__item.matrix__item_secondary {
grid-column: span 2;
}
}
@media (min-width: 768px) {
.scheme__matrix .matrix__list.matrix__list_tertiary {
grid-template-columns: repeat(6, 1fr);
}
.scheme__matrix .matrix__list.matrix__list_tertiary .matrix__item {
grid-column: span 2;
}
.scheme__matrix .matrix__list.matrix__list_tertiary .matrix__item.matrix__item_secondary {
grid-column: span 3;
}
}
@media (min-width: 768px) {
.scheme__matrix .matrix__list.matrix__list_forty {
grid-template-columns: repeat(4, 1fr);
}
.scheme__matrix .matrix__list.matrix__list_forty .matrix__item.matrix__item_secondary {
grid-column: span 2;
}
}
@media (min-width: 768px) {
.scheme__matrix .matrix__picture {
padding: 3rem;
width: 100%;
}
.scheme__matrix .matrix__picture img {
width: 66rem;
margin: 0 auto;
display: block;
}
}
.scheme__matrix .matrix__item {
gap: 0.25rem;
background-color: var(--color-light);
display: flex;
padding: 0.75rem;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 768px) {
.scheme__matrix .matrix__item {
gap: 1.25rem;
padding: 1.25rem;
}
.scheme__matrix .matrix__item.matrix__item_secondary {
grid-row: span 2;
}
}
@media (min-width: 1024px) {
.scheme__matrix .matrix__item {
padding: 1.25rem;
}
}
@media (min-width: 1560px) {
.scheme__matrix .matrix__item {
padding: 2rem 2rem 2.5rem;
}
}
.scheme__matrix .matrix__header {
gap: 0.75rem;
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.scheme__matrix .matrix__header {
gap: 1.25rem;
flex-direction: column;
align-items: flex-start;
}
}
@media (min-width: 1560px) {
.scheme__matrix .matrix__header {
gap: 2rem;
}
}
.scheme__matrix .matrix__symbol {
width: 2.25rem;
height: 2.25rem;
}
@media (min-width: 768px) {
.scheme__matrix .matrix__symbol {
width: 2rem;
height: 2rem;
}
}
@media (min-width: 1560px) {
.scheme__matrix .matrix__symbol {
width: 2.75rem;
height: 2.75rem;
}
}
.scheme__matrix .matrix__ico {
width: 100%;
height: 100%;
}
.scheme__matrix .matrix__title {
color: var(--color-dark);
font-size: 1.125rem;
line-height: 130%;
}
@media (min-width: 768px) {
.scheme__matrix .matrix__title {
font-size: 1.25rem;
line-height: 120%;
}
}
@media (min-width: 1560px) {
.scheme__matrix .matrix__title {
font-size: 1.5rem;
line-height: 120%;
}
}
.scheme__matrix .matrix__main {
padding-left: 3rem;
}
@media (min-width: 768px) {
.scheme__matrix .matrix__main {
font-size: 1rem;
line-height: 150%;
padding-left: 0;
display: block;
}
}
@media (min-width: 1560px) {
.scheme__matrix .matrix__main {
font-size: 1.125rem;
line-height: 150%;
}
}
.scheme__matrix .matrix__main h1:not(:last-child),
.scheme__matrix .matrix__main h2:not(:last-child),
.scheme__matrix .matrix__main h3:not(:last-child),
.scheme__matrix .matrix__main h4:not(:last-child),
.scheme__matrix .matrix__main h5:not(:last-child),
.scheme__matrix .matrix__main h6:not(:last-child) {
margin-bottom: 1.25rem;
}
.scheme__grid .grid__list {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__grid .grid__list {
gap: 1rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1024px) {
.scheme__grid .grid__list {
gap: 1.25rem;
}
}
@media (min-width: 1560px) {
.scheme__grid .grid__list {
gap: 2.5rem 2rem;
}
}
@media (min-width: 768px) {
.scheme__grid .grid__list.grid__list_secondary {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
.scheme__grid .grid__item.grid__item_tertiary {
grid-row: span 2;
}
}
@media (min-width: 768px) {
.scheme__grid .grid__item.grid__item_tertiary .grid__picture.grid__picture_tertiary {
height: 23.25rem;
}
}
@media (min-width: 1024px) {
.scheme__grid .grid__item.grid__item_tertiary .grid__picture.grid__picture_tertiary {
height: 31rem;
}
}
@media (min-width: 1560px) {
.scheme__grid .grid__item.grid__item_tertiary .grid__picture.grid__picture_tertiary {
height: 35.5rem;
}
}
.scheme__grid .grid__link {
color: var(--color-text);
gap: 0.5rem;
height: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__grid .grid__link {
gap: 0.75rem;
}
}
@media (min-width: 1024px) {
.scheme__grid .grid__link {
gap: 0.75rem;
}
}
@media (min-width: 1560px) {
.scheme__grid .grid__link {
gap: 1.25rem;
}
}
.scheme__grid .grid__link.grid__link_secondary {
gap: 0;
}
.scheme__grid .grid__link:hover .grid__symbol {
background-color: var(--color-highlight);
}
.scheme__grid .grid__link:hover .grid__ico {
stroke: #ffffff;
}
.scheme__grid .grid__picture {
height: 13.75rem;
position: relative;
display: flex;
align-items: flex-start;
}
@media (min-width: 768px) {
.scheme__grid .grid__picture {
height: 13rem;
}
}
@media (min-width: 1024px) {
.scheme__grid .grid__picture {
height: 18.75rem;
}
}
@media (min-width: 1560px) {
.scheme__grid .grid__picture {
height: 23.75rem;
}
}
.scheme__grid .grid__picture.grid__picture_secondary {
height: 10rem;
}
@media (min-width: 768px) {
.scheme__grid .grid__picture.grid__picture_secondary {
height: 10rem;
}
}
@media (min-width: 1024px) {
.scheme__grid .grid__picture.grid__picture_secondary {
height: 13.75rem;
}
}
@media (min-width: 1560px) {
.scheme__grid .grid__picture.grid__picture_secondary {
height: 18.75rem;
}
}
.scheme__grid .grid__picture.grid__picture_tertiary {
height: 9.5rem;
}
@media (min-width: 768px) {
.scheme__grid .grid__picture.grid__picture_tertiary {
height: 7.75rem;
}
}
@media (min-width: 1024px) {
.scheme__grid .grid__picture.grid__picture_tertiary {
height: 10.75rem;
}
}
@media (min-width: 1560px) {
.scheme__grid .grid__picture.grid__picture_tertiary {
height: 13.25rem;
}
}
.scheme__grid .grid__picture img {
width: 100%;
height: 100%;
}
.scheme__grid .grid__symbol {
position: absolute;
top: 1rem;
right: 1rem;
width: 2rem;
height: 2rem;
border-radius: 0.625rem;
background-color: var(--color-bg-main);
display: flex;
justify-content: center;
align-items: center;
transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
.scheme__grid .grid__symbol {
width: 2.5rem;
height: 2.5rem;
transition: all 0.4s ease-in-out;
}
}
.scheme__grid .grid__ico {
width: 1.5rem;
height: 1.5rem;
fill: none;
stroke: var(--color-highlight);
transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
.scheme__grid .grid__ico {
width: 2rem;
height: 2rem;
}
}
.scheme__grid .grid__main {
flex-grow: 1;
gap: 0.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__grid .grid__main {
gap: 0.75rem;
}
}
.scheme__grid .grid__main.grid__main_secondary {
padding: 0.625rem;
background-color: var(--color-light);
}
@media (min-width: 1024px) {
.scheme__grid .grid__main.grid__main_secondary {
padding: 1.25rem;
}
}
.scheme__grid .grid__title {
font-size: 1.125rem;
line-height: 120%;
}
@media (min-width: 768px) {
.scheme__grid .grid__title {
font-size: 1.25rem;
line-height: 120%;
}
}
@media (min-width: 1024px) {
.scheme__grid .grid__title {
font-size: 1.25rem;
line-height: 120%;
}
}
@media (min-width: 1560px) {
.scheme__grid .grid__title {
font-size: 1.5rem;
line-height: 120%;
}
}
.scheme__grid .grid__text {
font-size: 0.75rem;
line-height: 120%;
font-weight: 300;
}
@media (min-width: 768px) {
.scheme__grid .grid__text {
font-size: 0.875rem;
line-height: 120%;
}
}
@media (min-width: 1024px) {
.scheme__grid .grid__text {
font-size: 0.875rem;
line-height: 120%;
}
}
@media (min-width: 1560px) {
.scheme__grid .grid__text {
font-size: 1rem;
line-height: 140%;
}
}
.scheme__presentation {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__presentation {
display: grid;
gap: 1rem;
grid-template-columns: 17.5rem auto;
}
}
@media (min-width: 1024px) {
.scheme__presentation {
gap: 1.25rem;
grid-template-columns: 25rem auto;
}
}
@media (min-width: 1560px) {
.scheme__presentation {
gap: 2.75rem;
grid-template-columns: 25rem auto;
}
}
.scheme__presentation .presentation__layout {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__presentation .presentation__layout {
gap: 2.5rem;
}
}
@media (min-width: 1024px) {
.scheme__presentation .presentation__layout {
gap: 2.5rem;
}
}
@media (min-width: 1560px) {
.scheme__presentation .presentation__layout {
gap: 2.5rem;
}
}
.scheme__presentation .presentation__main {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__presentation .presentation__main {
gap: 2rem;
}
}
@media (min-width: 1024px) {
.scheme__presentation .presentation__main {
gap: 2rem;
}
}
@media (min-width: 1560px) {
.scheme__presentation .presentation__main {
gap: 2.5rem;
}
}
.scheme__presentation .presentation__group {
gap: 0.75rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__presentation .presentation__group {
gap: 0.75rem;
}
}
@media (min-width: 1024px) {
.scheme__presentation .presentation__group {
gap: 0.75rem;
}
}
@media (min-width: 1560px) {
.scheme__presentation .presentation__group {
gap: 1.25rem;
}
}
.scheme__presentation .group__title {
font-size: 0.75rem;
line-height: 120%;
font-weight: 400;
}
@media (min-width: 768px) {
.scheme__presentation .group__title {
font-size: 1.125rem;
line-height: 120%;
}
}
@media (min-width: 1024px) {
.scheme__presentation .group__title {
font-size: 0.875rem;
line-height: 140%;
}
}
@media (min-width: 1560px) {
.scheme__presentation .group__title {
font-size: 1.25rem;
line-height: 140%;
}
}
.scheme__presentation .group__main {
font-size: 1rem;
line-height: 130%;
font-weight: 300;
}
@media (min-width: 768px) {
.scheme__presentation .group__main {
font-size: 1rem;
line-height: 150%;
}
}
@media (min-width: 1024px) {
.scheme__presentation .group__main {
font-size: 1rem;
line-height: 150%;
}
}
@media (min-width: 1560px) {
.scheme__presentation .group__main {
font-size: 1.125rem;
line-height: 150%;
}
}
.scheme__presentation .presentation__figure {
gap: 0.75rem;
display: flex;
flex-direction: column;
}
.scheme__presentation .presentation__figure .figure__picture {
aspect-ratio: 2.17391304;
display: flex;
align-items: flex-start;
}
.scheme__presentation .presentation__figure .figure__picture img {
width: 100%;
height: 100%;
}
.scheme__presentation .presentation__figure .figure__list {
font-size: 0.75rem;
line-height: 120%;
font-weight: 300;
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.scheme__presentation .presentation__figure .figure__list {
font-size: 0.875rem;
line-height: 120%;
gap: 3.5rem;
}
}
@media (min-width: 1024px) {
.scheme__presentation .presentation__figure .figure__list {
gap: 10rem;
}
}
@media (min-width: 1560px) {
.scheme__presentation .presentation__figure .figure__list {
gap: 15rem;
font-size: 1rem;
line-height: 140%;
}
}
.scheme__support {
margin: 0 auto;
width: 100%;
}
@media (min-width: 1024px) {
.scheme__support {
max-width: 1320px;
}
}
@media (min-width: 1560px) {
.scheme__support {
max-width: 1760px;
}
}
.scheme__support .support__list {
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
.scheme__support .support__list {
gap: 20px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.scheme__support .support__item {
padding: 2.75rem 1rem;
gap: 2.75rem;
color: var(--color-text);
background-color: var(--color-light);
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__support .support__item {
padding: 6.25rem 2.5rem;
gap: 2.75rem;
align-items: flex-start;
}
}
@media (min-width: 1024px) {
.scheme__support .support__item {
padding: 3.75rem;
gap: 2.75rem;
padding: 3.75rem calc((100vw - 3vw - (100vw - 79px)) / 2);
}
}
@media (min-width: 1279px) {
.scheme__support .support__item {
padding: 3.75rem;
gap: 2.75rem;
padding: 3.75rem calc((100vw - 3vw - 1200px) / 2);
}
}
@media (min-width: 1379px) {
.scheme__support .support__item {
padding: 3.75rem;
gap: 2.75rem;
padding: 3.75rem calc((100vw - 3vw - 1320px) / 2);
}
}
@media (min-width: 1560px) {
.scheme__support .support__item {
padding: 5rem;
gap: 3.75rem;
}
.scheme__support .support__list {
gap: 30px;
}
}
.scheme__support .support__item:only-child {
grid-column: span 2;
grid-template-columns: 1fr;
}
@media (max-width: 768px) {
.scheme__support .support__item:only-child {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
@media (min-width: 768px) {
.scheme__support .support__item:only-child {
display: grid;
align-items: flex-end;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
.scheme__support .support__main {
gap: 1.25rem;
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__support .support__main {
gap: 1.5rem;
}
}
@media (min-width: 1024px) {
.scheme__support .support__main {
gap: 2rem;
}
}
@media (min-width: 1560px) {
.scheme__support .support__main {
gap: 2.5rem;
}
}
.scheme__support .support__title {
font-size: 1.75rem;
line-height: 120%;
}
@media (min-width: 768px) {
.scheme__support .support__title {
font-size: 2.5rem;
line-height: 100%;
}
}
@media (min-width: 1024px) {
.scheme__support .support__title {
font-size: 2.875rem;
line-height: 100%;
}
}
@media (min-width: 1560px) {
.scheme__support .support__title {
font-size: 3.25rem;
line-height: 100%;
}
}
.scheme__support .support__text {
font-size: 1rem;
line-height: 130%;
font-weight: 300;
}
@media (min-width: 768px) {
.scheme__support .support__text {
font-size: 1rem;
line-height: 150%;
}
}
.scheme__dropdown {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
@media (min-width: 768px) {
.scheme__dropdown {
gap: 3rem;
}
}
@media (min-width: 1560px) {
.scheme__dropdown {
gap: 3.75rem;
}
}
.scheme__dropdown .dropdown__group {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__dropdown .dropdown__group {
gap: 2.5rem;
}
}
.scheme__dropdown .dropdown__group .group__header {
padding: 1.25rem;
gap: 1.25rem;
background-color: var(--color-light);
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__dropdown .dropdown__group .group__header {
padding: 2rem;
}
}
.scheme__dropdown .dropdown__group .group__header .dropdown__title {
font-size: 1.125rem;
line-height: 120%;
}
@media (min-width: 768px) {
.scheme__dropdown .dropdown__group .group__header .dropdown__title {
font-size: 1.375rem;
line-height: 100%;
}
}
@media (min-width: 1024px) {
.scheme__dropdown .dropdown__group .group__header .dropdown__title {
font-size: 1.375rem;
line-height: 100%;
}
}
@media (min-width: 1560px) {
.scheme__dropdown .dropdown__group .group__header .dropdown__title {
font-size: 2rem;
line-height: 100%;
}
}
.scheme__dropdown .dropdown__group .group__header .dropdown__text {
font-size: 1rem;
line-height: 150%;
font-weight: 300;
}
@media (min-width: 1560px) {
.scheme__dropdown .dropdown__group .group__header .dropdown__text {
font-size: 1.125rem;
line-height: 150%;
}
}
.scheme__dropdown .dropdown__list {
border-top: 1px solid var(--color-light-secondary);
display: flex;
flex-direction: column;
}
.scheme__dropdown .dropdown__item {
display: flex;
flex-direction: column;
}
.scheme__dropdown .dropdown__item.dropdown__item_active .dropdown__symbol {
transform: rotate(45deg);
}
.scheme__dropdown .dropdown__item.dropdown__item_active .dropdown__review {
border-bottom: 1px solid var(--color-light-secondary);
}
.scheme__dropdown .picture_tertiary {
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__dropdown .picture_tertiary {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.scheme__dropdown .picture_tertiary img {
margin: 0 !important;
}
.scheme__dropdown ul.full {
display: flex !important;
flex-direction: column !important;
gap: 1.25rem !important;
}
.scheme__dropdown .dropdown__preview {
border-bottom: 1px solid var(--color-light-secondary);
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 1.25rem 0;
}
.scheme__dropdown .dropdown__preview .dropdown__title {
font-size: 1.125rem;
line-height: 120%;
}
@media (min-width: 768px) {
.scheme__dropdown .dropdown__preview .dropdown__title {
font-size: 1.25rem;
line-height: 120%;
}
}
.scheme__dropdown .dropdown__preview .dropdown__symbol {
width: 1.5rem;
height: 1.5rem;
}
.scheme__dropdown .dropdown__preview .dropdown__symbol .dropdown__ico {
width: 100%;
height: 100%;
fill: var(--color-link);
}
.scheme__dropdown .dropdown__review {
padding: 1.25rem 0;
display: none;
}
@media (min-width: 768px) {
.scheme__dropdown .dropdown__review {
padding: 2rem 0;
}
}
@media (min-width: 1024px) {
.scheme__dropdown .dropdown__review {
padding: 3rem 0;
}
}
.scheme__swiper {
gap: 3rem;
display: flex;
flex-direction: column;
align-items: center;
overflow: visible;
}
.scheme__swiper .swiper-slide {
opacity: 0;
visibility: hidden;
}
.scheme__swiper .swiper-slide.swiper-slide-active {
opacity: 1;
visibility: visible;
}
.scheme__swiper .swiper__picture {
height: 11rem;
display: flex;
align-items: flex-start;
}
@media (min-width: 768px) {
.scheme__swiper .swiper__picture {
height: 28.875rem;
}
}
@media (min-width: 1024px) {
.scheme__swiper .swiper__picture {
height: 42.25rem;
}
}
@media (min-width: 1560px) {
.scheme__swiper .swiper__picture {
height: 56.25rem;
}
}
.scheme__swiper .swiper__picture img {
width: 100%;
height: 100%;
}
.scheme__swiper .swiper-button-prev,
.scheme__swiper .swiper-button-next {
width: 3.25rem;
height: 3.25rem;
border-radius: 1rem;
background-color: var(--color-light);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.scheme__swiper .swiper-button-prev:after,
.scheme__swiper .swiper-button-next:after {
display: none;
}
.scheme__swiper .swiper-button-prev img,
.scheme__swiper .swiper-button-next img,
.scheme__swiper .swiper-button-prev svg,
.scheme__swiper .swiper-button-next svg {
width: 2rem;
height: 2rem;
}
.scheme__swiper .swiper-button-prev {
left: 0;
transform: translateX(-50%);
}
.scheme__swiper .swiper-button-next {
right: 0;
transform: translateX(50%);
}
.scheme__swiper .slider__pagination {
gap: 0.5rem;
display: flex;
justify-content: center;
position: relative;
z-index: 2;
}
.scheme__swiper .swiper-pagination-bullet {
width: 0.5rem;
height: 0.5rem;
margin: 0 !important;
opacity: 1;
background-color: #d9d9d9;
cursor: pointer;
}
.scheme__swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--color-link);
}
.scheme__roll .roll__list {
gap: 2.5rem;
display: flex;
flex-direction: column;
}
.scheme__roll .roll__item {
gap: 2rem;
display: flex;
align-items: flex-start;
}
.scheme__roll .roll__header {
transform: translateY(-0.5rem);
}
.scheme__roll .roll__symbol {
width: 2.5rem;
height: 2.5rem;
display: flex;
align-items: flex-start;
}
.scheme__roll .roll__ico {
width: 100%;
height: 100%;
}
.scheme__roll .roll__main {
font-size: 1.125rem;
line-height: 150%;
font-weight: 300;
}
.scheme__about {
gap: 2rem;
border-top: 1px solid var(--color-light-secondary);
padding: 2.5rem 0;
border-bottom: 1px solid var(--color-light-secondary);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
@media (min-width: 768px) {
.scheme__about {
gap: 2.5rem;
display: grid;
text-align: left;
grid-template-columns: 14.5rem auto auto;
}
}
@media (min-width: 1560px) {
.scheme__about {
padding: 4rem 0;
}
}
.scheme__about .about__picture {
height: 2.5rem;
display: flex;
align-items: flex-start;
}
.scheme__about .about__picture img {
height: 100%;
width: auto;
}
.scheme__about .about__main {
font-size: 1.125rem;
line-height: 140%;
font-weight: 400;
}
@media (min-width: 1560px) {
.scheme__about .about__main {
font-size: 1.25rem;
}
}
.scheme__about .about__footer {
width: 100%;
}
@media (min-width: 768px) {
.scheme__about .about__footer {
width: auto;
display: flex;
justify-content: flex-end;
}
}
.scheme__about .about__footer .btn {
width: 100%;
}
@media (min-width: 768px) {
.scheme__about .about__footer .btn {
width: auto;
}
}
.scheme__concept {
gap: 3.75rem;
display: flex;
flex-direction: column;
}
.scheme__concept .concept__list {
display: flex;
flex-direction: column;
}
.scheme__concept .concept__item {
padding: 1.5rem 0;
display: flex;
flex-direction: column;
border-bottom: 1px solid #cedae7;
}
@media (min-width: 768px) {
.scheme__concept .concept__item {
display: grid;
padding: 2.5rem 0;
gap: 2rem;
grid-template-columns: 32.5rem auto;
}
}
.scheme__concept .concept__item:first-child {
padding-top: 0;
}
.scheme__concept .concept__item:only-child {
border: 0;
}
.scheme__concept .concept__boxes .boxes__list {
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__concept .concept__boxes .boxes__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
.scheme__concept .concept__boxes .boxes__item {
gap: 1.25rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.scheme__concept .concept__boxes .boxes__header {
display: flex;
align-items: flex-start;
justify-content: center;
}
.scheme__concept .concept__boxes .boxes__header img {
aspect-ratio: 1;
width: 21.75rem;
}
.scheme__boxes .boxes__list {
display: grid;
gap: 2rem;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
.scheme__boxes .boxes__list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1024px) {
.scheme__boxes .boxes__list.boxes__list_secondary {
grid-template-columns: repeat(4, 1fr);
}
.scheme__boxes .boxes__list.boxes__list_tertiary {
grid-template-columns: repeat(5, 1fr);
}
}
.scheme__boxes .boxes__item {
gap: 2rem;
display: flex;
flex-direction: column;
}
.scheme__boxes .boxes__picture {
width: 6.25rem;
height: 6.25rem;
}
.scheme__boxes .boxes__picture img,
.scheme__boxes .boxes__picture svg {
width: 100%;
height: 100%;
}
.scheme__data .data__list {
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__data .data__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 768px) {
.scheme__data .data__list.data__list_secondary {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
.scheme__data .data__list.data__list_tertiary {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
.scheme__data .data__list.data__list_fifty {
grid-template-columns: repeat(6, 1fr);
}
}
.scheme__data .data__item {
gap: 2rem;
padding: 0 0 0 2rem;
border-left: 1px solid #cedae7;
display: flex;
flex-direction: column;
}
.scheme__data .data__item .wysiwyg h1:not(:last-child),
.scheme__data .data__item .wysiwyg h2:not(:last-child),
.scheme__data .data__item .wysiwyg h3:not(:last-child),
.scheme__data .data__item .wysiwyg h4:not(:last-child),
.scheme__data .data__item .wysiwyg h5:not(:last-child),
.scheme__data .data__item .wysiwyg h6:not(:last-child) {
margin-bottom: 1.25rem;
}
.scheme__data .data__picture {
width: 3rem;
height: 3rem;
display: flex;
align-items: flex-start;
}
.scheme__data .data__number {
height: 100%;
color: #cedae7;
font-weight: 100;
font-size: 6.25rem;
line-height: 100%;
display: flex;
align-items: flex-end;
}
.scheme__numbers .numbers__list {
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__numbers .numbers__list {
gap: 2.5rem 2.5rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
.scheme__numbers .numbers__item {
gap: 2rem;
display: flex;
align-items: flex-start;
}
.scheme__numbers .numbers__symbol {
font-size: 1.25rem;
line-height: 140%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-style: normal;
color: #0b4589;
background-color: #f2f5f9;
width: 3rem;
height: 3rem;
flex-shrink: 0;
border-radius: 0.625rem;
}
.scheme__numbers .numbers__text {
font-size: 1.25rem;
line-height: 140%;
}
.scheme__numbers .wysiwyg h1:not(:last-child),
.scheme__numbers .wysiwyg h2:not(:last-child),
.scheme__numbers .wysiwyg h3:not(:last-child),
.scheme__numbers .wysiwyg h4:not(:last-child),
.scheme__numbers .wysiwyg h5:not(:last-child),
.scheme__numbers .wysiwyg h6:not(:last-child) {
margin-bottom: 1.25rem;
}
.scheme__numbers.numbers__secondary .numbers__item {
flex-direction: column;
}
.scheme__table {
overflow: hidden;
overflow-x: auto;
}
.scheme__table.scheme__table_secondary table th {
background-color: #f2f5f9;
border: 0;
}
.scheme__table.scheme__table_secondary table th,
.scheme__table.scheme__table_secondary table td {
padding: 1rem 2rem;
text-align: left;
}
@media (max-width: 768px) {
.scheme__table.scheme__table_secondary table {
min-width: 80rem;
}
}
@media (min-width: 768px) {
.scheme__table.scheme__table_secondary table {
min-width: unset;
}
.scheme__table.scheme__table_secondary table th:first-child,
.scheme__table.scheme__table_secondary table td:first-child {
width: 30%;
max-width: 30%;
}
.scheme__table.scheme__table_secondary table th:not(:first-child),
.scheme__table.scheme__table_secondary table td:not(:first-child) {
width: 17.5%;
max-width: 17.5%;
}
}
.scheme__table.scheme__table_secondary table th:not(:first-child),
.scheme__table.scheme__table_secondary table td:not(:first-child) {
text-align: center;
}
.scheme__table table {
min-width: 80rem;
font-weight: 300;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: none;
table-layout: fixed;
}
.scheme__table table th,
.scheme__table table td {
padding: 1rem 0;
text-align: left;
border-bottom: 1px solid #cedae7;
}
.scheme__table table strong {
font-weight: 400;
}
.scheme__table table .table__ico {
width: 1.5rem;
height: 1rem;
}
.scheme__configurations .configurations__list {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__configurations .configurations__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
}
.scheme__configurations .configurations__item {
gap: 2.5rem;
display: flex;
flex-direction: column;
}
.scheme__configurations .configurations__header {
padding-bottom: 1rem;
border-bottom: 1px solid #cedae7;
}
@media (min-width: 768px) {
.scheme__configurations .configurations__header {
padding-right: 2rem;
}
}
@media (min-width: 768px) {
.scheme__configurations .configurations__main {
padding-right: 2rem;
}
}
.scheme__types .types__list {
gap: 5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.scheme__types .types__item {
width: 66.25rem;
gap: 2.5rem;
display: flex;
flex-direction: column;
text-align: center;
}
.scheme__benefits .benefits__list {
gap: 3rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__benefits .benefits__list {
gap: 3rem 1rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.scheme__benefits .benefits__list {
gap: 3rem 1.25rem;
}
}
@media (min-width: 1560px) {
.scheme__benefits .benefits__list {
gap: 4rem 2rem;
}
}
.scheme__benefits .benefits__item {
font-weight: 300;
gap: 2rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__benefits .benefits__item {
gap: 1.25rem;
}
}
@media (min-width: 1024px) {
.scheme__benefits .benefits__item {
gap: 2rem;
}
}
@media (min-width: 1560px) {
.scheme__benefits .benefits__item {
gap: 2.5rem;
}
}
.scheme__benefits .benefits__item.benefits__item_secondary {
order: 2;
}
@media (min-width: 768px) {
.scheme__benefits .benefits__item.benefits__item_secondary {
grid-row: span 3;
order: unset;
}
}
.scheme__benefits .benefits__header {
gap: 0.75rem 1.25rem;
display: grid;
grid-template-columns: 2.5rem auto;
}
@media (min-width: 1560px) {
.scheme__benefits .benefits__header {
grid-template-columns: 3rem auto;
gap: 1.25rem;
}
}
.scheme__benefits .benefits__symbol {
grid-row: span 2;
}
.scheme__benefits .benefits__symbol img,
.scheme__benefits .benefits__symbol svg {
width: 2.5rem;
height: 2.5rem;
}
@media (min-width: 1560px) {
.scheme__benefits .benefits__symbol img,
.scheme__benefits .benefits__symbol svg {
width: 3rem;
height: 3rem;
}
}
.scheme__aid .aid__list {
gap: 1.25rem 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
.scheme__aid .aid__list {
gap: 0;
grid-template-columns: repeat(5, 1fr);
}
}
.scheme__aid .aid__item {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.scheme__aid .aid__item:before {
content: "";
position: absolute;
background-color: #cedae7;
width: 1px;
height: 4.5rem;
left: 0;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 768px) {
.scheme__aid .aid__item:last-child {
grid-column: span 2;
}
}
.scheme__aid .aid__item:last-child:after {
content: "";
position: absolute;
background-color: #cedae7;
width: 1px;
height: 4.5rem;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.scheme__aid .aid__picture {
width: 7.5rem;
height: 4.5rem;
}
@media (min-width: 1024px) {
.scheme__aid .aid__picture {
width: 11.75rem;
height: 7rem;
display: flex;
align-items: flex-start;
}
}
.scheme__aid .aid__picture img,
.scheme__aid .aid__picture svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.scheme__contact {
gap: 2.5rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__contact {
gap: 3rem;
}
}
@media (min-width: 1024px) {
.scheme__contact {
gap: 3rem;
}
}
@media (min-width: 1560px) {
.scheme__contact {
gap: 5rem;
}
}
.scheme__contact.contact_secondary .contact__item {
padding: 1.25rem 2rem;
border-left: 1px solid #cedae7;
}
.scheme__contact .contact__list {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__contact .contact__list {
gap: 2rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
}
.scheme__contact .contact__item {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__contact .contact__item.contact__item_secondary {
grid-column: span 2;
}
}
.scheme__contact .contact__title {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
white-space: nowrap;
}
@media (min-width: 768px) {
.scheme__contact .contact__title {
min-height: 1.25rem;
}
}
@media (min-width: 1560px) {
.scheme__contact .contact__title {
font-size: 1rem;
line-height: 1.25rem;
}
}
.scheme__contact .contact__title:not(:last-child) {
margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
.scheme__contact .contact__title.contact__title_secondary {
font-size: 2rem;
line-height: 100%;
white-space: unset;
font-weight: 400;
}
}
.scheme__contact .contact__subtitle {
font-size: 1.125rem;
line-height: 140%;
}
@media (min-width: 1560px) {
.scheme__contact .contact__subtitle {
font-size: 1.25rem;
line-height: 140%;
}
}
@media (min-width: 1560px) {
.scheme__contact .contact__subtitle.contact__subtitle_secondary {
font-size: 1.5rem;
line-height: 140%;
}
}
.scheme__contact .contact__subtitle.contact__subtitle_link {
color: #0b4589;
text-decoration: underline;
}
.scheme__contact .contact__text {
font-size: 1rem;
line-height: 150%;
font-weight: 300;
}
@media (min-width: 1560px) {
.scheme__contact .contact__text {
font-size: 1.125rem;
line-height: 150%;
}
}
.scheme__contact .contact__picture {
aspect-ratio: 4;
display: flex;
align-items: flex-start;
margin: 0 -2rem -2.5rem;
}
@media (min-width: 768px) {
.scheme__contact .contact__picture {
margin: 0 -3rem -6.25rem;
}
}
@media (min-width: 1024px) {
.scheme__contact .contact__picture {
margin: 0 -3.75rem -3.75rem;
}
}
@media (min-width: 1560px) {
.scheme__contact .contact__picture {
margin: 0 -5rem -5rem;
}
}
.scheme__contact .contact__picture iframe {
width: 100%;
height: 100%;
}
.scheme__directions .directions__list {
gap: 0.125rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
.scheme__directions .directions__list {
grid-template-columns: repeat(3, 1fr);
}
}
.scheme__directions .directions__link {
color: #010101;
padding: 2rem 4.5rem 2rem 2rem;
height: 100%;
background-color: var(--color-light);
position: relative;
display: flex;
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
.scheme__tooltip {
gap: 2rem;
padding: 2rem 2.5rem;
width: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.scheme__tooltip {
display: grid;
grid-template-columns: 5rem auto 32.5rem;
border-left: 1px solid #cedae7;
}
}
.scheme__documents .documents__list {
gap: 1rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
.scheme__documents .documents__list {
gap: 5rem 2.5rem;
grid-template-columns: repeat(4, 1fr);
}
}
.scheme__documents .documents__item {
gap: 2.5rem;
display: flex;
flex-direction: column;
}
.scheme__documents .documents__link {
font-size: 1rem;
line-height: 130%;
font-weight: 300;
color: #010101;
}
.layout {
overflow: hidden;
}
.layout p {
margin: 0;
}
.layout .breabcrumbs ~ .layout__section {
padding-top: 0 !important;
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 1560px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
.layout .m-0 {
margin: 0 !important;
}
.layout__formular {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__formular {
gap: 2.5rem;
}
}
.layout__formular .formular__group {
padding: 5rem 1rem;
gap: 1rem;
display: flex;
flex-direction: column;
background-color: var(--color-light);
}
@media (min-width: 768px) {
.layout__formular .formular__group {
gap: 2rem;
padding: 6.25rem 2.5rem;
}
}
@media (min-width: 1024px) {
.layout__formular .formular__group {
padding: 3.75rem 1.25rem;
}
}
@media (min-width: 1560px) {
.layout__formular .formular__group {
gap: 2.5rem;
padding: 5rem 2rem;
}
}
@media (max-width: 768px) {
.layout__formular .formular__group ~ .formular__group {
padding-top: 0;
}
}
.layout__formular .group__header {
gap: 0.625rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__formular .group__header {
gap: 2rem;
}
}
@media (min-width: 1560px) {
.layout__formular .group__header {
gap: 2.5rem;
}
}
.layout__formular .group__subtitle {
font-size: 1rem;
line-height: 150%;
font-weight: 300;
}
@media (min-width: 1560px) {
.layout__formular .group__subtitle {
font-size: 1.125rem;
line-height: 150%;
}
}
.layout__formular .group__footer {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__formular .group__footer {
margin-top: -1.25rem;
flex-direction: row;
align-items: center;
}
}
.layout__formular .formular__form {
gap: 0.625rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__formular .formular__form {
gap: 1rem;
}
}
@media (min-width: 1024px) {
.layout__formular .formular__form {
gap: 1.25rem;
}
}
@media (min-width: 1560px) {
.layout__formular .formular__form {
gap: 2rem;
}
}
.layout__formular .formular__item {
gap: 1.25rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__formular .formular__item {
gap: 1rem;
flex-direction: row;
}
}
@media (min-width: 1024px) {
.layout__formular .formular__item {
gap: 1.25rem;
}
}
@media (min-width: 1560px) {
.layout__formular .formular__item {
gap: 2rem;
}
}
.layout__formular .formular__item.formular__item_col {
gap: 1.25rem;
flex-direction: column;
margin-bottom: 0.5rem;
}
@media (min-width: 1560px) {
.layout__formular .formular__item.formular__item_col + .formular__item:not(.formular__item_col) {
margin-top: -1rem;
}
}
@media (max-width: 768px) {
.layout__formular .formular__item.formular__item_col.formular__item_col-secondary {
order: 11;
}
}
.layout__formular .formular__item.formular__item_col .formular__main {
gap: 1rem;
}
@media (max-width: 1559px) {
.layout__formular .formular__item.formular__item_col .formular__link .formular__label{
max-height: 52px;
}
}
@media (min-width: 1560px) {
.layout__formular .formular__item.formular__item_col .formular__main {
gap: 2rem;
}
.layout__formular .formular__item.formular__item_col .formular__link .formular__label {
max-height: 60px;
}
}
@media (min-width: 768px) {
.layout__formular .formular__item.formular__item_col .formular__main.formular__main_secondary {
display: flex;
}
}
.layout__formular .formular__title {
font-size: 1rem;
line-height: 150%;
font-weight: 300;
}
@media (min-width: 1560px) {
.layout__formular .formular__title {
font-size: 1.125rem;
line-height: 150%;
}
}
.layout__formular .formular__title.formular__title_secondary {
font-weight: 400;
}
@media (min-width: 1560px) {
.layout__formular .formular__title.formular__title_secondary {
font-size: 1.5rem;
line-height: 150%;
}
}
.layout__formular .formular__main {
gap: 0.625rem;
display: grid;
}
@media (min-width: 768px) {
.layout__formular .formular__main {
gap: 1rem;
flex-grow: 1;
}
}
@media (min-width: 1024px) {
.layout__formular .formular__main {
gap: 1.25rem;
}
}
@media (min-width: 1560px) {
.layout__formular .formular__main {
gap: 2rem;
}
}
@media (min-width: 768px) {
.layout__formular .formular__main.formular__main_secondary {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 900px) {
.layout__formular .formular__main.formular__main_tertiary {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 980px) {
.layout__formular .formular__main.formular__main_tertiary {
grid-template-columns: unset;
}
}
@media (min-width: 1400px) {
.layout__formular .formular__main.formular__main_tertiary {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 768px) {
.layout__formular .formular__main.formular__main_forty {
grid-template-columns: repeat(4, 1fr);
}
}
.layout__formular .formular__label {
gap: 1.25rem;
position: relative;
display: flex;
flex-direction: column;
cursor: pointer;
}
@media (min-width: 768px) {
.layout__formular .formular__label {
flex-direction: row;
align-items: center;
}
}
@media (min-width: 768px) {
.layout__formular .formular__label.formular__label_secondary {
grid-column: span 2;
}
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
.layout__formular .formular__text {
color: var(--color-gray);
font-size: 1rem;
line-height: 150%;
font-weight: 300;
position: absolute;
top: 1rem;
left: 1.25rem;
transition: all 0.4s ease-in-out;
}
@media (min-width: 1560px) {
.layout__formular .formular__text {
font-size: 1.125rem;
line-height: 150%;
white-space: nowrap;
}
}
.layout__formular .formular__input {
background-color: var(--white);
border: 1px solid var(--color-light-secondary);
border-radius: 0.75rem;
padding: 1.125rem 1.25rem;
height: 3.25rem;
width: 100%;
font-family: "Roboto", sans-serif;
font-size: 1rem;
line-height: 1rem;
font-weight: 400;
color: var(--color-text);
white-space: nowrap;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
text-overflow: ellipsis;
}
@media (min-width: 1560px) {
.layout__formular .formular__input {
height: 3.75rem;
}
}
.layout__formular .formular__input.formular__input_textarea {
height: 6.25rem;
resize: none;
overflow: hidden;
}
@media (min-width: 1560px) {
.layout__formular .formular__input.formular__input_textarea {
height: 12.5rem;
}
}
.layout__formular .formular__input:focus + .formular__text,
.layout__formular .formular__input:valid + .formular__text,
.layout__formular .formular__input:not(:placeholder-shown) + .formular__text {
font-size: 0.75rem;
line-height: 1rem;
top: 0.25rem;
left: 0.625rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 1.5rem);
background-color: transparent;
}
.layout__formular .formular__input::-moz-placeholder {
color: var(--color-gray);
opacity: 1;
}
.layout__formular .formular__input::placeholder {
color: var(--color-gray);
opacity: 1;
}
.layout__formular .formular__tooltip {
color: var(--color-gray);
font-size: 0.75rem;
line-height: 140%;
font-weight: 300;
}
@media (min-width: 768px) {
.layout__formular .formular__tooltip {
font-size: 0.875rem;
}
}
@media (min-width: 1560px) {
.layout__formular .formular__tooltip {
font-size: 1rem;
}
}
.layout__formular .formular__tooltip a {
color: var(--color-gray);
text-decoration: underline !important;
}
@media (min-width: 1560px) {
.layout__formular .formular__tooltip.formular__tooltip_secondary {
font-size: 1.25rem;
line-height: 100%;
}
}
.layout__formular .formular__tooltip.formular__tooltip_tertiary {
color: #cedae7;
display: none;
}
@media (min-width: 1560px) {
.layout__formular .formular__tooltip.formular__tooltip_tertiary {
font-size: 4.375rem;
line-height: 100%;
font-weight: 100;
display: block;
}
}
.layout__formular .formular__checkbox {
gap: 0.625rem;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.layout__formular .formular__checkbox .checkbox__input {
position: absolute;
left: -999999px;
}
.layout__formular .formular__checkbox .checkbox__input:checked ~ .checkbox__symbol .checkbox__ico:nth-child(1) {
display: none;
}
.layout__formular .formular__checkbox .checkbox__input:checked ~ .checkbox__symbol .checkbox__ico:nth-child(2) {
display: block;
}
.layout__formular .formular__checkbox .checkbox__symbol {
width: 1.25rem;
height: 1.25rem;
position: relative;
}
.layout__formular .formular__checkbox .checkbox__ico {
width: 100%;
height: 100%;
}
.layout__formular .formular__checkbox .checkbox__ico:nth-child(1) {
display: block;
}
.layout__formular .formular__checkbox .checkbox__ico:nth-child(2) {
display: none;
}
.layout__formular .formular__checkbox .checkbox__text {
font-size: 0.875rem;
line-height: 100%;
font-weight: 300;
}
.layout__formular .w-100 {
width: 100% !important;
}
.promo-init,
.projects-init {
cursor: pointer;
}
.layout__modal {
color: var(--color-text);
position: fixed;
background-color: rgba(250,250,250, 0.5);
width: 100vw;
height: 100vh;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 111;
display: none;
}
@media (min-width: 1024px) {
.layout__modal {
padding: 5rem;
}
}
.layout__modal:not(.active) {
display: none;
}
@media (min-width: 768px) {
.layout__modal.projects__modal_tiny .modal__layout {
width: 42rem;
padding: 5rem;
margin: 0 auto;
gap: 5rem;
}
.layout__modal.projects__modal_tiny .modal__layout .group__title {
margin-bottom: 1rem;
text-align: center;
}
}
@media (min-width: 1024px) {
}
.layout__modal .modal__layout {
padding: 2rem;
background-color: var(--color-light);
gap: 2rem;
height: 100%;
overflow-y: auto;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.layout__modal .modal__layout {
padding: 3.75rem;
gap: 3.75rem;
}
}
@media (min-width: 1024px) {
.layout__modal .modal__layout {
padding: 5rem;
gap: 10rem;
}
}
.layout__modal .modal__nav {
padding-top: 2rem;
border-top: 1px solid #cedae7;
}
.layout__modal .modal__nav .nav__list {
margin: 0;
padding: 0;
list-style: none;
gap: 1rem;
display: flex;
justify-content: space-between;
}
.layout__modal .modal__nav .nav__item:hover .nav__link {
color: #000000;
}
.layout__modal .modal__nav .nav__link {
color: #0b4589;
font-size: 1.125rem;
line-height: 100%;
font-weight: 300;
cursor: pointer;
}
.layout__modal .modal__header {
display: flex;
align-items: center;
justify-content: space-between;
}
.layout__modal .modal__logo {
width: 7.5rem;
height: 3rem;
display: flex;
align-items: flex-start;
}
.layout__modal .modal__logo img,
.layout__modal .modal__logo svg {
width: 100%;
height: 100%;
}
.layout__modal .modal__action {
width: 2rem;
height: 2rem;
flex-shrink: 0;
margin-left: auto;
cursor: pointer;
}
.layout__modal .formular__group {
padding: 0 !important;
}
@media (min-width: 768px) {
}
.layout__modal.projects__modal_tiny .modal__layout .group__title{
font-size: 28px;
line-height: 120%;
margin-bottom: 20px;
}
.projects__modal_tiny .layout__formular .formular__group{
gap: unset;
}
.projects__modal_tiny .layout__formular .formular__input{
height: auto;
padding: 14.4px 10px;
font-size: 16px;
line-height: 135%;
}
.projects__modal_tiny .layout__formular .formular__form {
gap: 10px;
}
.projects__modal_tiny.layout__modal .modal__nav {
padding-top: 20px;
}
.layout__modal.projects__modal_tiny .modal__layout {
width: 100%;
max-width: 408px;
padding: 0;
margin: 0 auto;
gap: 0;
scrollbar-width: none;
height: auto;
margin: 0;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
max-height: 100%;
}
.layout__modal.projects__modal_tiny .modal__footer{
margin-top: 80px;
}
.layout__modal.projects__modal_tiny .modal__header{
margin-bottom: 80px;
}
.projects__modal_tiny .formular__checkbox .checkbox__text{
font-size: 16px;
line-height: 100%;
}
.projects__modal_tiny .formular__checkbox{
margin-top: 10px;
}
.projects__modal_tiny .button__text{
font-size: 16px;
line-height: 135%;
}
.projects__modal_tiny .button {
line-height: unset;
height: auto;
padding: 14.4px;
}
.layout__modal.projects__modal_tiny .modal__nav .nav__link{
font-size: 16px;
line-height: 130%;
}
.layout__modal.projects__modal_tiny .modal__nav .nav__item:hover .nav__link{
text-decoration: underline;
color: #0b4589;
}
.layout__modal.projects__modal_tiny {
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.layout__modal.projects__modal_tiny{
padding: 0;
background-color: var(--color-light);
}
}
@media (max-width: 768px) {
.layout__modal.projects__modal_tiny .modal__layout {
padding: 16px 16px 87px;
max-width: 360px;
}
.layout__modal.projects__modal_tiny .modal__layout .group__title {
text-align: center;
}
}
@media (min-width: 768px) {
.layout__modal.projects__modal_tiny .modal__layout {
padding: 40px 40px 63px;
}
}
@media (min-width: 1024px) {
.layout__modal.projects__modal_tiny .modal__layout .group__title{
font-size: 46px;
line-height: 100%;
margin-bottom: 50px;
}
.projects__modal_tiny .layout__formular .formular__group{
gap: unset;
}
.projects__modal_tiny .layout__formular .formular__input{
height: auto;
padding: 13.2px 15px;
font-size: 16px;
line-height: 150%;
}
.projects__modal_tiny .layout__formular .formular__form {
gap: 20px;
}
.projects__modal_tiny.layout__modal .modal__nav {
padding-top: 25px;
}
.layout__modal.projects__modal_tiny .modal__layout {
width: auto;
max-width: 506px;
padding: 60px;
margin: 0 auto;
gap: 0;
scrollbar-width: none;
}
.layout__modal.projects__modal_tiny .modal__footer{
margin-top: 80px;
}
.layout__modal.projects__modal_tiny .modal__header{
margin-bottom: 80px;
}
.projects__modal_tiny .formular__checkbox .checkbox__text{
font-size: 14px;
line-height: 100%;
}
.projects__modal_tiny .button__text{
font-size: 16px;
line-height: 135%;
}
.projects__modal_tiny .button {
line-height: unset;
height: auto;
padding: 14.4px;
}
.layout__modal.projects__modal_tiny .modal__nav .nav__link{
font-size: 16px;
line-height: 150%;
}
}
@media (min-width: 1560px) {
.layout__modal.projects__modal_tiny .modal__layout .group__title{
font-size: 52px;
line-height: 100%;
margin-bottom: 60px;
}
.projects__modal_tiny .layout__formular .formular__group{
gap: unset;
}
.projects__modal_tiny .layout__formular .formular__input{
height: auto;
padding: 17.05px 20px;
font-size: 18px;
line-height: 135%;
}
.projects__modal_tiny .layout__formular .formular__form {
gap: 30px;
}
.projects__modal_tiny.layout__modal .modal__nav {
padding-top: 30px;
}
.layout__modal.projects__modal_tiny .modal__layout {
width: auto;
max-width: 834px;
padding: 80px;
margin: 0 auto;
gap: 0;
scrollbar-width: none;
}
.layout__modal.projects__modal_tiny .modal__footer{
margin-top: 120px;
}
.layout__modal.projects__modal_tiny .modal__header{
margin-bottom: 100px;
}
.projects__modal_tiny .formular__checkbox .checkbox__text{
font-size: 16px;
line-height: 100%;
}
.projects__modal_tiny .button__text{
font-size: 18px;
line-height: 135%;
}
.projects__modal_tiny .button {
line-height: unset;
height: auto;
padding: 17.05px;
}
}
@media (min-width: 768px) {
.hero__title {
margin-bottom: 0;
}
.hero__item {
position: relative;
}
.hero__text{
align-items: unset;
justify-content: unset;
grid-column-start: unset;
grid-column-end: unset;
grid-row-start: unset;
grid-row-end: unset;
position: absolute;
z-index: 10000000;
transform: translate(-50%, 0);
bottom: 125px;
left: 50%;
}
}
.share__btn{
border-radius: var(--border-radius);
}
@media (max-width: 767px) {
.vacancy__item {
padding-right: 35px;
}
}
@media (max-width: 768px) {
.scheme__grid .grid__picture.grid__picture_tertiary, .scheme__grid .grid__picture.grid__picture_secondary {
aspect-ratio: 1.97590361;
height: auto;
}
.scheme__grid .gray-item__img img{
object-fit: cover;
}
}
.cookie-notice{
background-color: #F2F5F9;
box-shadow: unset;
border-radius: 15px;
padding: 30px 0 30px 30px;
}
.cookie-text{
font-size: 16px;
padding-right: 92px;
margin-bottom: 20px;
font-family: "Roboto", sans-serif;
font-weight: 300;
line-height: 150%;
}
.cookie-link {
color: #0B4589;
text-decoration: none;
}
.cookie-link a {
text-decoration: underline;
}
.cookie-buttons{
justify-content: start;
}
.cookie-btn-accept{
color: #0B4589;
border-radius: 10px;
border: 1px solid #0B4589;
font-size: 15px;
line-height: 135%;
padding: 9.08px 15px;
background: transparent;
}
.cookie-btn-accept:hover{
background: #0B4589;
color: #ffffff;
}
.cookie-close{
padding: 0;
top: 37px;
right: 37px;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.530273 0.530273L18.5303 18.5303' stroke='%230B4589' stroke-width='1.5'/%3E%3Cpath d='M18.5303 0.530273L0.530273 18.5303' stroke='%230B4589' stroke-width='1.5'/%3E%3C/svg%3E%0A");
background-repeat: none;
background-size: 100%;
border: 0;
}
.cookie-notice {
max-width: 651px;
left: 30px;
bottom: 30px;
}
@media (max-width: 768px) {
.cookie-notice {
max-width: calc(100% - 28px);
left: 14px;
bottom: 14px;
padding: 20px 0 20px 24px;
}
.cookie-text{
font-size: 12px;
line-height: 120%;
padding-right: 64px;
}
.cookie-close{
top: 20px;
right: 20px;
}
}
.footer__bottom .container .footer-bottom__info{
width: 100%;
margin-top: 30px;
margin-bottom: 0;
}
.footer-bottom__info p{
font-weight: 400;
font-size: 14px;
line-height: 135%;
margin: 0;
}
.posts__layout span:not(.arrow), .news-detail__head span:not(.arrow) {
font-size: 16px;
line-height: 125%;
}
@media (max-width: 768px) {
.footer-bottom__info p{
font-weight: 400;
font-size: 10px;
line-height: 120%;
margin: 0;
}
.footer__bottom .container .footer-bottom__info{
margin-top: 20px;
}
}
@media (min-width: 768px) {
.footer-bottom__info p{
font-weight: 400;
font-size: 12px;
line-height: 135%;
margin: 0;
}
.footer__bottom .container .footer-bottom__info{
margin-top: 17px;
}
.btn--arrow, .btn.project-detail__show{
padding: 9px 10px 9px 16px;
}
}
@media (min-width: 1024px) {
.footer__bottom .container .footer-bottom__info{
margin-top: 19px;
}
}
@media (min-width: 1560px) {
.footer__bottom .container > * {
font-size: 14px;
line-height: 135%;
}
.footer-bottom__info p{
font-weight: 400;
font-size: 14px;
line-height: 135%;
margin: 0;
}
.footer__bottom .container .footer-bottom__info{
width: 100%;
margin-top: 30px;
margin-bottom: 0;
}
.btn--arrow, .btn.project-detail__show {
padding: 9px 10px 9px 20px;
}
}
.footer-bottom__info a{
color: var(--color-gray);
}
.footer-bottom__info a:hover{
color: var(--color-link);
text-decoration: none;
}
.posts__layout span:not(.arrow), .news-detail__head span:not(.arrow) {
font-size: 16px;
line-height: 125%;
}
.posts__layout .arrow, .news-detail__head .arrow {
--size: 32px;
}
.news-detail__head .btn--arrow svg{
--icon-size: 32px;
}
@media (max-width: 768px) {
.posts__layout span:not(.arrow), .news-detail__head span:not(.arrow) {
margin-left: 0px;
font-size: 16px;
line-height: 125%;
}
.btn--arrow, .btn.project-detail__show {
padding: 9px 10px 9px 16px;
border-radius: 12px;
}
.posts__layout .btn--arrow svg{
--icon-size: 21px;
}
}
@media (min-width: 1560px) {
.posts__layout .arrow, .news-detail__head .arrow {
--size: 40px;
}
}
.about__top-right a{
color: var(--color-highlight);
text-decoration: none;
}
.about__top-right a:hover{
color: var(--color-highlight);
text-decoration: underline;
}
.scheme .scheme__title{
font-size: 28px;
line-height: 120%;
}
.scheme__section .section__header h3{
font-size: 22px;
line-height: 120%;
}
@media (max-width: 768px) {
.scheme__section:first-child .posts__picture{
order: -1;
}
}
@media (min-width: 768px) {
.scheme .scheme__title{
font-size: 60px;
line-height: 100%;
}
.scheme__section .section__header h3{
font-size: 42px;
line-height: 120%;
}
}
.po__page p, .po__page li, .po__page a{
font-family: Roboto;
font-weight: var(--f-lighter);
}
.dropdown-review__icons{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 30px;
margin-bottom: 40px;
margin-top: 40px;
}
.dropdown-review-icons__items{
border: 2px solid #CEDAE7;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 196px;
}
@media (max-width: 768px) {
.dropdown-review__icons{
grid-template-columns: 1fr 1fr;
}
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.scheme__section .posts__main h4, .scheme .wysiwyg h4:not(:last-child){
margin-bottom: 20px;
}
.slider-with-thumb__slider-big {
align-items: stretch;
width: 100%;
}
.slider-with-thumb__slider-big .slider-with-thumb-big__slide{
width: 100%;
}
.scheme__section-main .scheme__posts .posts__main h2, .scheme .scheme__section-main .wysiwyg h2:not(:last-child){
font-size: 22px;
line-height: 100%;
margin-bottom: 10px;
}
@media (min-width: 1560px) {
.scheme__section-main .scheme__posts .posts__main h2, .scheme .scheme__section-main .wysiwyg h2:not(:last-child){
font-size: 32px;
line-height: 100%;
margin-bottom: 10px;
}
.posts__layout span:not(.arrow), .news-detail__head span:not(.arrow) {
margin-left: 0px;
font-size: 18px;
line-height: 135%;
}
}
.benefits__subtitle p{
margin-top: 0;
}
.scheme .wysiwyg li:before{
top: 10.5px;
}
.scheme__support .support__item.promo__wrap_quarty{
color: var(--white);
}
.scheme__support .support__item {
width: 100%;
}
.grid__link:hover img {
transform: scale(1.1);
transition-duration: 0.3s;
}
.scheme__grid .grid__item .grid__picture{
overflow: hidden;
}
.scheme__grid .grid__picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 1024px) {
.scheme section.promo.promo-two-blocks{
margin-top: 60px;
margin-bottom: 60px;
}
}
@media (min-width: 1560px) {
.scheme section.promo.promo-two-blocks{
margin-top: 80px;
margin-bottom: 80px;
}
}
@media (min-width: 1024px) {
.scheme__support {
width: 97%;
margin-left: auto;
margin-right: auto;
}
}
.sitemap-title {
font-size: 20px;
line-height: 120%;
text-transform: unset;
text-decoration: unset;
font-weight: 400;
margin-bottom: 0;
font-family: "Roboto", sans-serif;
padding: 0;
}
.sitemap-title a:hover{
text-decoration: unset;
}
.sitemap-list li::before {
content: unset;
}
.sitemap-list{
display: grid;
gap: 10px;
margin-top: 30px;
}
.sitemap-list li {
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.sitemap-list li a{
font-size: 16px;
line-height: 130%;
}
.sitemap-list li a{
color: #000000;
font-weight: 300;
font-family: "Roboto", sans-serif;
}
.sitemap-list li a:hover {
color: #00569c;
text-decoration: unset;
}
@media (max-width: 768px) {
.sitemap-container {
grid-template-columns: 1fr;
}
.sitemap-container {
gap:40px;
padding: 0;
margin-bottom: 80px;
}
.sitemap__title{
font-size: 28px;
line-height: 120%;
margin-bottom: 40px;
}
.promo-about-blocks{
margin-top: 80px;
margin-bottom: 0px;
}
}
@media (min-width: 768px) {
.sitemap-container {
grid-template-columns: repeat(3, 1fr);
}
.sitemap-container {
gap: 50px 15px;
padding: 0;
margin-bottom: 100px;
}
.sitemap__title{
font-size: 50px;
line-height: 100%;
margin-bottom: 30px;
}
.promo-about-blocks{
margin-top: 100px;
margin-bottom: 100px;
}
}
@media (min-width: 1024px) {
.sitemap-container {
grid-template-columns: repeat(3, 1fr);
}
.sitemap-container {
gap: 60px 20px;
padding: 0;
margin-bottom: 120px;
}
.sitemap__title{
font-size: 56px;
line-height: 100%;
margin-bottom: 60px;
}
.promo-about-blocks{
margin-top: 120px;
margin-bottom: 120px;
}
}
@media (max-width: 1559px) {
.sitemap-list {
display: grid;
gap: 10px;
margin-top: 20px;
}
}
@media (min-width: 1560px) {
.sitemap-list li {
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.sitemap-title {
font-size: 24px;
line-height: 120%;
}
.sitemap-list li a{
font-size: 18px;
line-height: 150%;
}
.sitemap-container {
gap: 80px 30px;
padding: 0;
margin-bottom: 160px;
}
.sitemap__title{
font-size: 60px;
}
.promo-about-blocks{
margin-top: 160px;
margin-bottom: 160px;
}
}
.letters-list__item p{
margin-top: 20px;
}
.letters-list__img, .documents__picture{
display: flex;
aspect-ratio: 379 / 544;
}
.letters-list__img img, .documents__picture img{
object-fit: cover;
}
.scheme__documents .documents__text{
margin-top: 20px;
display: flex;
}
.btn--arrow, .share__btn{
border-radius: 12px;
}
.btn--arrow span, .btn--download span{
margin-left: 0;
}
@media (max-width: 767px) {
.letters-list__item p{
margin-top: 10px;
}
.letters-list__img, .documents__picture {
aspect-ratio: 328 / 464;
}
.letters-list__more.btn{
margin-top: 40px;
}
.scheme__documents .documents__text{
margin-top: 10px;
display: flex;
}
.about__pres-person{
text-align: left;
}
.btn--arrow span.arrow , .btn--download span.arrow, .share__btn {
margin-left: 8px;
}
}
@media (min-width: 767px) {
.btn--arrow span.arrow , .btn--download span.arrow, .share__btn {
margin-left: 15px;
}
}
@media (min-width: 1560px) {
.btn--arrow span.arrow , .btn--download span.arrow, .share__btn {
margin-left: 20px;
}
.btn--arrow, .share__btn, .btn.project-detail__show{
border-radius: 15px;
}
}
@media (min-width: 1024px) {
.scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
margin: 0 calc(3vw / 2 - (100vw - 100%) / 2);
width: 97vw;
max-width: 1320px;
padding: 3.75rem calc((97vw - 100%) / 2);
}
.layout__directions {
margin: 0 0;
width: 100%;
}
.scheme__contact .contact__picture{
margin: 0 calc(3vw / 2 - (100vw - 100%) / 2) -3.75rem;
}
.layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
padding: 5rem calc((79px - 3vw) / 2);
}
}
@media (min-width: 1280px) {
.layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
padding: 5rem calc((97vw - 1200px)/2);
}
}
@media (min-width: 1350px) {
.scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
margin: 0 calc((100vw - 1320px) / 2 - (100vw - 100%) / 2);
width: 97vw;
max-width: 1320px;
padding: 3.75rem calc((1320px - 100%) / 2);
}
.scheme__support .support__item:only-child{
margin: 0 calc((100vw - 1320px) / 2 - (100vw - 100%) / 2);
width: 97vw;
max-width: 1320px;
padding: 3.75rem calc((1320px - 1200px) / 2);
}
.scheme__contact .contact__picture{
margin: 0 calc((100vw - 1320px) / 2 - (100vw - 100%) / 2) -3.75rem;
}
.layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
padding: 5rem calc((1320px - 1200px) / 2);
}
}
@media (min-width: 1560px) {
.scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
margin: 0 calc(3vw / 2 - (100vw - 100%) / 2);
width: 97vw;
max-width: 1760px;
padding: 3.75rem calc((97vw - 100%) / 2);
}
.scheme__support .support__item:only-child{
margin: 0 calc(3vw / 2 - (100vw - 100%) / 2);
width: 97vw;
max-width: 1760px;
padding: 3.75rem calc((97vw - (100vw - 100px)) / 2);
}
.scheme__contact .contact__picture{
margin: 0 calc(3vw / 2 - (100vw - 100%) / 2) -3.75rem;
}
.layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
padding: 5rem calc(100px / 2 - 3vw / 2);
}
}
@media (min-width: 1700px) {
.scheme__support .support__item:only-child{
padding: 3.75rem calc((97vw - 1600px) / 2);
}
.layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
padding: 5rem calc((97vw - 1600px) / 2);
}
}
@media (min-width: 1800px) {
.scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
margin: 0 calc((100vw - 1760px) / 2 - (100vw - 100%) / 2);
width: 97vw;
max-width: 1760px;
padding: 3.75rem calc((1760px - 100%) / 2);
}
.scheme__support .support__item:only-child{
margin: 0 calc((100vw - 1760px) / 2 - (100vw - 100%) / 2);
width: 97vw;
max-width: 1760px;
padding: 3.75rem calc((1760px - 1600px) / 2);
}
.scheme__contact .contact__picture{
margin: 0 calc((100vw - 1760px) / 2 - (100vw - 100%) / 2) -3.75rem;
}
.layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
padding: 5rem;
}
}
.section_vector.scheme__section.section_secondary .container:not(.hero__nav) {
gap: 0;
display: grid;
grid-template-columns: unset;
}
.section_vector.scheme__section.section_secondary .layout__directions{
padding: 3.75rem 0 0;
}
.btn.project-detail__show{
font-size: 16px;
padding: 13.8px 20px;
line-height: 140%;
}
.share__btn{
--size: 52px;
}
.dark .main .contact .coop--contacts{
margin-bottom: 0;
}
.dark section:last-child{
margin-bottom: 0!important;
}
@media (max-width: 767px) {
.scheme__section.section.section_secondary, .section_project, .dark.index section:not(:first-child):not(:nth-child(2)):not(:last-child), .dark:not(.index) section:not(:first-of-type):not(:last-child){
padding: 40px 0;
}
.dark section:last-child{
padding-top: 40px;
}
.section_vector.scheme__section.section_secondary .layout__directions {
padding: 20px 0 0;
}
.dark section:last-child:not(.contact-sect):not(:first-child){
padding: 40px 0 80px;
}
.section_vector.scheme__section.section_secondary{
padding: 80px 0 40px;
}
.scheme__posts .posts__footer {
gap: 8px;
}
.share__btn{
margin-left: 8px;
}
.hero_project{
margin-bottom: 40px;
}
.section_project .news-main__more{
width: calc(100% - 32px);
margin: 0 auto;
}
}
@media (min-width: 768px) {
.section_vector.scheme__section.section_secondary .layout__directions {
padding: 50px 0 0;
}
.scheme__section.section.section_secondary, .section_project, .dark.index section:not(:first-child):not(:nth-child(2)):not(:last-child), .dark:not(.index) section:not(:first-of-type):not(:last-child){
padding: 50px 0;
}
.dark section:last-child{
padding-top: 50px;
}
.dark section:last-child:not(.contact-sect):not(:first-child){
padding: 50px 0 100px;
}
.section_vector.scheme__section.section_secondary{
padding: 100px 0 50px;
}
.scheme__posts .posts__footer {
gap: 10px;
}
.share__btn{
margin-left: 15px;
}
.hero_project{
margin-bottom: 50px;
}
}
@media (min-width: 1024px) {
.scheme__section.section.section_secondary, .section_project, .dark.index section:not(:first-child):not(:nth-child(2)):not(:last-child), .dark:not(.index) section:not(:first-of-type):not(:last-child){
padding: 60px 0;
}
.dark .section_vector.scheme__section.section_secondary{
padding: 120px 0 60px;
}
.dark section:last-child:not(:first-child){
padding: 60px 0 120px;
}
.dark section:last-child{
padding-top: 60px;
}
.section_project{
position: relative;
}
.section_project .news-main__more{
position: absolute;
top: 60px;
right: calc(79px / 2);
}
}
@media (min-width: 1350px) {
.section_project .news-main__more{
top: 60px;
right:  calc((100vw - 1200px) / 2);
}
}
@media (min-width: 1560px) {
.section_vector.scheme__section.section_secondary .layout__directions {
padding: 60px 0 0;
}
.scheme__section.section.section_secondary, .section_project, .dark.index section:not(:first-child):not(:nth-child(2)):not(:last-child), .dark:not(.index) section:not(:first-of-type):not(:last-child){
padding: 80px 0;
}
.dark section:last-child:not(:first-child){
padding: 80px 0 160px;
}
.dark section:last-child{
padding-top: 80px;
}
.dark .section_vector.scheme__section.section_secondary{
padding: 160px 0 80px;
}
.scheme__posts .posts__footer {
gap: 20px;
}
.btn.project-detail__show{
font-size: 18px;
line-height: 140%;
padding: 16.41px 20px;
}
.share__btn{
--size: 60px;
margin-left: 20px;
}
.scheme__posts .posts__footer {
gap: 15px;
}
.section_project .news-main__more{
top: 80px;
right: 50px;
}
}
@media (min-width: 1700px) {
.section_project .news-main__more{
top: 80px;
right: calc((100vw - 1600px) / 2);
}
}
.scheme__section.section.section_secondary.section_project{
gap: 0;
}
.section_vector+.projects {
margin-top: 0;
}
@media (min-width: 1024px) {
main>.promo+.coop{
margin-top: 2rem;
}
}
@media (min-width: 1024px) {
.about-detail{
margin-bottom: 120px;
}
}
@media (min-width: 1560px) {
.about-detail{
margin-bottom: 160px;
}
}
.post__experience{
display: flex;
gap: 5px;
font-size: 16px;
line-height: 130%;
}
.post__experience svg{
min-width: 24px;
margin-top: -4px;
}
@media (min-width: 768px) {
.post__experience{
gap: 10px;
font-size: 18px;
line-height: 150%;
}
.post__experience svg{
min-width: 32px;
}
}
.layout__formular textarea:focus + .formular__text-textarea, .layout__formular textarea:not(:placeholder-shown) + .formular__text-textarea{
background-color: transparent!important;
}
.dark, .dark .header__top{
background-color: #16171B;
color: #F2F5F9;
}
.dark a, .dark .header__top a, .dark .btn{
color: #F2F5F9;
}
.dark .btn{
border: 1px solid #F2F5F9;
}
.dark .btn:hover{
border: 1px solid var(--color-highlight);
}
.dark .btn.btn--white:hover span{
color: var(--color-highlight);
}
.dark .personal-menu__item a{
background-color: #2C2F35;
}
.dark .personal-menu__item svg{
fill: #F2F5F9;
}
.dark .footer__contacts, .dark .footer__contacts p, .dark .footer__bottom .container > *, .dark .footer__contact p {
color: #f2f5f94d;
}
.dark .footer__social svg {
fill: #42454A;
}
.dark a.header-link__lang{
color: #3B82F6;
}
.dark .header__top, .dark .header__bottom, .dark .footer, .dark .footer__bottom{
border-color: #42454A;
}
.dark .header__logo .logo-text, .dark .footer__logo .logo-text {
fill: #FFFFFF
}
.hero__first-scr{
width: 100%;
height: 100%;
position: relative;
display: flex;
align-items: end;
padding: 80px 0;
}
.hero__video{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.hero__content{
display: flex;
flex-direction: column;
width: 100%;
}
.hero__content .container{
display: flex;
flex-direction: column;
}
.hero__subtitle{
font-size: 12px;
line-height: 150%;
font-weight: 400;
font-family: "Roboto", sans-serif;
text-transform: uppercase;
}
.hero-video__title{
font-size: 28px;
line-height: 80%;
font-weight: 400;
font-family: "Roboto", sans-serif;
}
.hero__descr, .hero__descr p{
font-size: 20px;
line-height: 120%;
font-weight: 400;
font-family: "Roboto", sans-serif;
}
.button__two{
display: flex;
width: 100%;
gap: 20px;
}
.about__pres-text p{
margin-bottom: 20px;
font-size: 16px;
line-height: 150%;
}
@media (min-width: 768px) {
.about__pres-text p{
margin-bottom: 25px;
}
}
@media (min-width: 1560px) {
.about__pres-text p{
margin-bottom: 30px;
font-size: 18px;
line-height: 150%;
}
.btn-our-word{
line-height: 135%;
border-radius: 15px;
}
}
.about__pres-text p:last-child{
margin-bottom: 0;
}
.dark .btn.btn--blue {
border-color: #0B4589;
background-color: #0B4589;
}
.btn-our-word{
line-height: 135%;
display: flex;
align-items: center;
}
.dark .btn-our-word:hover{
background-color: #F2F5F9;
border-color: #F2F5F9;
color: #0B4589;
}
.dark .btn--blue:hover{
background-color: #F2F5F9;
border-color: #F2F5F9;
color: #0B4589;
}
.dark .btn--blue:hover svg {
stroke: #0B4589;
}
.hero__subtitle{
margin-bottom: 30px;
}
.hero__first-scr .button__two{
margin-top: 60px;
}
.hero__video:after{
content: '';
background-color: #000000;
width: 100%;
height: 100%;
opacity: 60%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.dark .back--grey{
background: #2C2F35;
}
.lab__wrap{
padding: 80px 0;
}
.section_vector.scheme__section.section_secondary .lab__wrap .container{
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 40px;
flex-direction: column;
}
.lab__img{
width: 300px;
height: 300px;
min-width: 300px;
display: flex;
}
.lab__img img{
object-fit: contain;
width: 100%;
height: 100%;
}
.dark .hero_project {
margin-bottom: 50px;
}
@media (min-width: 768px) {
.hero__subtitle{
font-size: 14px;
}
.hero-video__title{
font-size: 50px;
}
.hero__subtitle{
margin-bottom: 40px;
}
.hero__first-scr .button__two{
margin-top: 80px;
}
.lab__wrap{
padding: 100px 0;
}
.lab__img{
width: 200px;
height: 200px;
min-width: 200px;
}
.section_vector.scheme__section.section_secondary .lab__wrap .container{
flex-direction: row;
}
}
@media (min-width: 1024px) {
.hero__subtitle{
font-size: 16px;
line-height: 150%;
}
.hero-video__title{
font-size: 60px;
}
.hero__descr, .hero__descr p{
font-size: 24px;
line-height: 120%;
}
.button__two{
gap: 20px;
}
.btn-our-word{
line-height: 135%;
}
.hero__subtitle{
margin-bottom: 40px;
}
.hero__first-scr .button__two{
margin-top: 80px;
}
.lab__wrap{
padding: 60px 0;
}
.lab__img{
width: 300px;
height: 300px;
min-width: 300px;
}
.dark .hero_project {
margin-bottom: 0px;
}
}
@media (min-width: 1560px) {
.hero__subtitle{
font-size: 16px;
line-height: 150%;
}
.hero-video__title{
font-size: 100px;
}
.hero__descr, .hero__descr p{
font-size: 24px;
line-height: 120%;
}
.button__two{
gap: 20px;
}
.btn-our-word{
line-height: 135%;
}
.hero__subtitle{
margin-bottom: 40px;
}
.hero__first-scr .button__two{
margin-top: 80px;
}
.lab__wrap{
padding: 80px 0;
}
.lab__wrap .container{
gap: 40px;
}
}
.section_hide{
display: none;
}
.section_hide.__show{
display: block;
}
.filter__hide li:not(:nth-child(-n+6)){
display: none;
}
.filter__hide.__show li{
display: block;
}
.main section.section__map, .scheme__main.scheme__vacancy, .section__pisma{
padding-bottom: 0px;
}
.scheme__vacancy-form{
padding-top: 0px;
padding-bottom: 0px;
}
.collapsible__list .preview__title.h2{
margin-bottom: 0;
}
@media (max-width: 768px) {
.main section:last-child:not(.coop):not(.promo):not(.section__map):not(.project-sect):not(.scheme__vacancy-form):not(.section__pisma){
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
.main section:last-child:not(.coop):not(.promo):not(.section__map):not(.project-sect):not(.scheme__vacancy-form):not(.section__pisma){
margin-bottom: 100px;
}
}
@media (min-width: 1024px) {
.main section:last-child:not(.coop):not(.promo):not(.section__map):not(.project-sect), .main section:last-child.coop, .main section:last-child.promo, .main section:last-child.section__map,  .main section:last-child.project-sect,  .main section:last-child.scheme__vacancy-form,  .main section:last-child.section__pisma {
margin-bottom: 120px;
}
}
@media (min-width: 1560px) {
.main section:last-child:not(.coop):not(.promo):not(.section__map):not(.project-sect), .main section:last-child.coop, .main section:last-child.promo, .main section:last-child.section__map,  .main section:last-child.project-sect,  .main section:last-child.scheme__vacancy-form,  .main section:last-child.section__pisma {
margin-bottom: 160px;
}
}
.dark .hero__img{
position: relative;
}
.dark .hero__img:after{
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
}
.dark .hero__pagination .swiper-pagination-bullet-active::before{
background-color: rgba(11, 69, 137, 1);
}
.hero__descr{
margin-top: 30px;
}
@media (min-width: 768px) {
.hero__descr{
margin-top: 40px;
}
}
.block__items{
display: grid;
width: 100%;
gap: 30px;
}
.block__items._two{
grid-template-columns: 1fr 1fr;
}
.block__items .block__item{
width: 100%;
}
.block-items__img {
display: block;
overflow: hidden;
width: 100%;
aspect-ratio: auto;
height: 212px;
max-height: 212px;
min-height: 212px;
flex-grow: 1;
}
.block-items__img img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition-duration: 0.2s;
width: 100%;
}
.block__item:hover img {
transform: scale(1.1);
}
.block__item {
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-direction: column;
height: 100%;
position: relative;
}
.block-items__info {
height: 100%;
background-color: rgba(44, 47, 53, 1);
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
}
.block__item .arrow {
--size: 24px;
position: absolute;
right: 10px;
top: 11px;
z-index: 10;
}
@media (max-width: 767px) {
.block-items__img {
height: 170px;
max-height: 170px;
min-height: 170px;
}
}
@media (max-width: 560px) {
.block__items._two{
grid-template-columns: 1fr;
}
.block-items__img {
height: 212px;
max-height: 212px;
min-height: 212px;
}
}
@media (min-width: 768px) {
.block__item .arrow {
--border-radius: 8px;
--size: 32px;
right: 10px;
top: 10px;
}
}
@media (min-width: 1560px) {
.block__item .arrow {
--border-radius: 10px;
--size: 40px;
right: 15px;
top: 16px;
}
}
.block__item:hover .arrow {
background-color: var(--color-highlight);
}
.block__item:hover .arrow svg {
stroke: var(--white);
}
.block-items__title{
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 18px;
line-height: 1.2;
}
.block-items__text{
font-weight: 300;
font-family: "Roboto", sans-serif;
line-height: 1.2;
font-size: 12px;
}
@media (min-width: 768px) {
.block-items__title {
font-size: 20px;
}
.block-items__text{
font-size: 14px;
}
}
@media (min-width: 1560px) {
.block-items__title {
font-size: 24px;
line-height: 120%;
}
.block-items__text{
font-size: 18px;
line-height: 150%;
}
}
.block__work{
display: flex;
flex-direction: column;
width: 100%;
gap: 40px;
}
.block-work__item{
display: flex;
flex-wrap: nowrap;
gap: 30px;
width: 100%;
align-items: center;
}
.block-work__item:nth-child(even) .block-work__img{
order: -1;
}
.block-work__img{
aspect-ratio: 1058 / 360;
min-width: 66%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.block-work__img img{
object-fit: cover;
width: 100%;
height: 100%;
}
.block-work__info{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.block-work__order{
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 24px;
line-height: 120%;
color: #3B82F6;
}
.block-work__title{
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 52px;
line-height: 100%;
color: #F2F5F9;
}
.block-work__text *{
font-weight: 300;
font-family: "Roboto", sans-serif;
font-size: 18px;
line-height: 150%;
margin: 0;
}
.block-work__text p{
color: #3B82F6;
}
.block-work__text li{
color: #FFFFFF;
}
.block-work__text ul{
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
}
.block-work__text ul li{
display: flex;
flex-wrap: nowrap;
gap: 20px;
}
.block-work__text ul li::before{
content: ' ';
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0ZM9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1ZM13.8535 6.35352L8 12.207L4.64648 8.85352L5.35352 8.14648L8 10.793L13.1465 5.64648L13.8535 6.35352Z' fill='%233B82F6'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
width: 18px;
min-width: 18px;
height: 18px;
background-size: contain;
margin-top: 3px;
}
.block-work__text{
margin-top: 20px;
}
.block-work__order{
margin-bottom: 20px;
}
@media (max-width: 1559px) {
.block-work__title{
font-size: 46px;
}
.block-work__text *{
font-size: 16px;
}
.block-work__order{
font-size: 22px;
}
.block__work{
gap: 30px;
}
.block-work__item{
gap: 20px;
}
.block-work__img {
min-width: 55%;
}
}
@media (max-width: 1023px) {
.block-work__title{
font-size: 40px;
}
.block-work__order{
font-size: 20px;
}
.block__work{
gap: 25px;
}
.block-work__item{
gap: 15px;
}
.block-work__img {
min-width: 50%;
}
}
@media (max-width: 767px) {
.block-work__title{
font-size: 28px;
}
.block-work__order{
font-size: 18px;
}
.block__work{
gap: 20px;
}
.block-work__item{
gap: 15px;
}
.block-work__item:nth-child(even) .block-work__img {
order: -1;
}
.block-work__img {
order: -1;
aspect-ratio: 735/250;
min-width: 100%;
}
.block-work__item{
flex-direction: column;
flex-wrap: wrap;
}
.block-work__order {
margin-bottom: 15px;
}
.block-work__text {
margin-top: 15px;
}
.dark .hero.hero_project{
height: auto;
aspect-ratio: 1320 / 820;
}
.dark .hero.hero_project .hero__title{
font-size: 20px;
}
.dark .hero.hero_project .hero__descr {
font-size: 16px;
margin-top: 0;
}
}
.block-tech__img-list .block-tech__img:not(:first-child){
display: none;
}
.block__tech{
position: relative;
overflow: hidden;
min-height: 800px;
}
.block__tech .container{
position: unset;
}
.block-tech__img-list{
position: absolute;
z-index: -1;
top: 0;
right: 0;
}
.block-tech__item{
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 60px;
line-height: 109%;
}
.block-tech__list{
display: flex;
flex-direction: column;
gap: 40px;
}
.block-tech__img-list{
height: 100%;
}
.block-tech__img{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.block-tech__img img{
object-fit: contain;
width: 100%;
height: 100%;
}
@media (max-width: 1559px) {
.block-tech__list{
gap: 30px;
}
.block-tech__item{
font-size: 46px;
}
}
@media (min-width: 1024px) {
.block-tech__item span:hover {
animation: fadeInUp 0.5s infinite;
cursor: pointer;
}
}
@media (max-width: 1023px) {
.block-tech__list{
gap: 25px;
margin-bottom: 30px;
}
.block-tech__img-list .block-tech__img:not(:first-child){
display: flex;
}
.block-tech__item {
width: auto;
padding-left: 25px;
padding-right: 25px;
}
.block-tech__item{
font-size: 40px;
}
}
@media (max-width: 767px) {
.block-tech__list{
gap: 20px;
}
.block-tech__item{
font-size: 28px;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.block__about-lab{
display: flex;
flex-direction: column;
gap: 40px;
}
.block-about-lab__item{
display: flex;
flex-wrap: nowrap;
gap: 30px;
}
.block-about-lab__img{
aspect-ratio: 378 / 378;
min-width: 378px;
width: 378px;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.block-about-lab__img img{
object-fit: cover;
width: 100%;
height: 100%;
}
.block-about-lab__info{
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
}
.block-about-lab__title{
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 42px;
line-height: 120%;
}
.block-about-lab__subtitle{
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 120%;
}
.block-about-lab__anons{
color: #3B82F6;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 120%;
}
.block-about-lab__text{
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 120%;
}
.block-about-lab__subtitle{
margin-top: 20px;
}
.block-about-lab__anons{
margin-top: 10px;
}
.block-about-lab__text{
margin-top: 20px;
}
@media (max-width: 1559px) {
.block__about-lab{
gap: 30px;
}
.block-about-lab__item{
gap: 20px;
}
.block-about-lab__title{
font-size: 32px;
}
.block-about-lab__subtitle, .block-about-lab__anons, .block-about-lab__text{
font-size: 20px;
}
.block__tech {
min-height: unset;
}
}
@media (max-width: 1023px) {
.block__about-lab{
gap: 25px;
}
.block-about-lab__item{
gap: 15px;
}
.block-about-lab__title{
font-size: 26px;
}
.block-about-lab__subtitle, .block-about-lab__anons, .block-about-lab__text{
font-size: 18px;
}
.block-tech__list{
flex-direction: row;
}
.block-tech__img-list{
position: unset;
width: 100%;
}
.block-tech__item{
white-space: nowrap;
}
}
@media (max-width: 767px) {
.block__about-lab{
gap: 20px;
}
.block-about-lab__img{
width: 100%;
}
.block-about-lab__item{
flex-wrap: wrap;
flex-direction: column;
}
.block-about-lab__title{
font-size: 22px;
}
.block-about-lab__subtitle, .block-about-lab__anons, .block-about-lab__text{
font-size: 16px;
}
}
.promo__lab{
margin: 0;
}
.promo__lab-wrapp{
background-image: url(../../../../../../local/templates/polymedia/assets/img/c5db978a84939291384c5e8871c68618a0810ca7.jpg);
position: relative;
}
.promo__lab-wrapp:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(90deg, #0B4589 40%, rgba(51, 65, 85, 0) 100%);
}
.dark .technology-sect .filter-modal{
background-color: unset;
}
.dark .technology-sect .works-sect__items{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.dark .projects-item a{
color:rgba(242, 245, 249, 1);
}
.dark .technology-sect .project-sect__main {
margin-bottom: 80px;
}
@media (max-width: 1559px) {
.dark .technology-sect .project-sect__main {
margin-bottom: 60px;
}
}
@media (max-width: 1023px) {
.dark .technology-sect .project-sect__main {
margin-bottom: 50px;
}
.dark .technology-sect .filter-modal{
background-color: #16171B;
}
.dark .filter-modal__close::before, .dark .filter-modal__close::after{
background-color: #F2F5F9;
}
}
@media (max-width: 767px) {
.dark .technology-sect .project-sect__main {
margin-bottom: 40px;
}
.dark .technology-sect .works-sect__items{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 500px) {
.dark .technology-sect .works-sect__items{
grid-template-columns: 1fr;
}
}
.dark .detail-head {
background-color: transparent;
}
.work-detail h1{
margin-bottom: 0;
}
.work-detail__chars{
display: flex;
flex-direction: row;
gap: 40px;
width: 100%;
margin-top: 20px;
overflow-x: hidden;
}
.work-detail__head{
margin-bottom: 60px;
}
.work-detail__char{
color: #3B82F6;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 140%;
white-space: nowrap;
}
.work-detail__video{
aspect-ratio: 1920 / 820;
width: 100%;
margin-bottom: 60px;
}
.work-detail__video video{
width: 100%;
height: 100%;
object-fit: cover;
}
.work-detail__text p, .work-detail__text li{
font-family: "Roboto", sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 150%;
}
.work-detail__text{
margin-bottom: 60px;
}
.work-detail{
padding-bottom: 80px;
}
@media (max-width: 1559px) {
.work-detail{
padding-bottom: 60px;
}
}
@media (max-width: 1023px) {
.work-detail{
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.work-detail{
padding-bottom: 40px;
}
.work-detail__char{
font-size: 18px;
}
}
.work-detail__gallery{
width: 100%;
height: 310px;
margin-bottom: 60px;
}
.work-detail-gallery__gal{
width: 406px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.work-detail-gallery__gal img{
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 500px) {
.work-detail__gallery{
height: 186px;
}
.work-detail-gallery__gal {
width: 250px;
}
}
.dark .dark-bg{
background-color: transparent;
}
.dark .coop__wrap {
background-color: #2C2F35;
}
.dark .form__item {
background-color: #16171B;
border-color: #465265;
}
.dark #contact-form .btn {
border: 1px solid var(--color-highlight);
color: #F2F5F9;
background-color: var(--color-highlight);
}
.dark #contact-form .btn:hover {
background-color: var(--white);
color: var(--color-highlight);
border-color: var(--white);
}
.contact-block{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
}
.contact-block__item{
display: flex;
flex-direction: column;
gap: 10px;
}
.dark .main .contact .coop--contacts{
margin-top: 0px;
}
@media (max-width: 767px) {
.contact-block {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
}
.dark .section_vector .info__text{
width: auto;
}
.dark #contact-form .form__input{
color: #F2F5F9;
}
.dark .layout__modal{
background-color: rgba(1, 1, 1, 0.5)
}
.dark .layout__modal .modal__layout, .dark .layout__formular .formular__group{
background-color: rgba(44, 47, 53, 1);
}
.dark .promo__modal .modal__logo .logo-text{
fill: #FFFFFF;
}
.dark .modal__ico path{
stroke: #F2F5F9;
}
.dark .promo__modal .group__title {
color: #F2F5F9;
}
.dark .group__subtitle {
color: #F2F5F9;
}
.dark .layout__formular .formular__input {
background-color: #16171B;
border-color: #465265;
}
.dark .layout__formular .formular__input{
color: #F2F5F9;
}
.dark .formular__footer button[type="submit"]{
border: 1px solid var(--color-highlight);
color: #F2F5F9;
background-color: var(--color-highlight);
}
.dark .formular__footer button[type="submit"]:hover {
background-color: var(--white);
color: var(--color-highlight);
border-color: var(--white);
}
.dark .cookie-notice {
background-color: #2C2F35;
}
.cookie-close{
background-color: transparent;
}
.dark .cookie-close{
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.530273 0.530273L18.5303 18.5303' stroke='%23F2F5F9' stroke-width='1.5'/%3E%3Cpath d='M18.5303 0.530273L0.530273 18.5303' stroke='%23F2F5F9' stroke-width='1.5'/%3E%3C/svg%3E%0A");
background-color: transparent;
}
.cookie-text{
font-size: 18px;
line-height: 150%;
}
.dark .cookie-link{
color: #3B82F6;
}
.dark .cookie-btn-accept{
background-color: var(--white);
color: var(--color-highlight);
border-color: var(--white);
}
.dark .cookie-btn-accept:hover{
border: 1px solid var(--color-highlight);
color: #F2F5F9;
background-color: var(--color-highlight);
}
.dark .header__top a:hover {
color: #3B82F6;
text-decoration: none;
}
.dark .footer__contacts a:hover {
color: #3B82F6;
}
.dark .header__top a.header-link__lang:hover {
color: #F2F5F9;
}
.dark .personal-menu__item a:hover{
background-color: var(--color-highlight);
}
.dark .header__drop{
background-color: #16171B;
}
.dark .header__drop .header__btns .header__link{
color: #0B4589;
font-size: 16px;
line-height: 125%;
}
.dark .footer__nav a:hover {
color: #3B82F6;
}
.dark .header__drop-nav a:hover, .dark .header__contacts a:not([class]):hover, .dark .header__phone:hover{
color: #3B82F6;
}
.dark .header__drop-bottom .header__discuss{
border-radius: 12px;
}
.dark .header__btns .header__link{
aspect-ratio: 50 / 52;
}
.dark .header__drop-bottom .header__discuss.btn{
display: flex;
align-items: center;
justify-content: center;
}
.dark .header__drop-bottom .header__discuss.btn:hover {
background-color: #F2F5F9;
border-color: #F2F5F9;
color: #0B4589;
}
.dark .header__drop .header__btns .header__link:hover{
background-color: var(--color-highlight);
color: #F2F5F9;
}
.dark .header__burger::before, .dark .header__burger::after, .dark .header__burger span{
background-color: #F2F5F9;
}
.dark .header__burger::before, .dark .header__burger::after{
opacity: 1;
}
.dark button.header__burger:not([disabled]):focus:not(:active){
opacity: 1;
}
.dark .header__nav a:hover {
color:#3B82F6;
}
.dark .projects-item__name:hover{
color: #3B82F6;
}
.dark .filter__label::before{
border-color: #3B82F6;
}
.dark .filter__checkbox:checked + .filter__label::before{
border-color: var(--color-highlight);
}
.dark .pagination__item svg{
fill: #3B82F6;
}
.dark .works-sect__items{
margin-bottom: 0px;
}
.dark .works-sect__items + .pagination{
margin-top: 40px;
}
.dark section:first-child{
padding-top: 0px;
}
.contact-block{
margin-bottom: 60px;
}
@media (min-width: 1560px) {
.dark .works-sect__items + .pagination{
margin-top: 65px;
}
}
@media (max-width: 1023px) {
.contact-block{
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.header__burger {
--size: 22px;
}
}
@media (max-width: 500px) {
.header-drop__info{
width: 100%;
}
}
@media (max-width: 1023px) {
.work-detail__chars{
width: fit-content;
animation: ticker 20s linear infinite;
-webkit-transform-style: preserve-3d;
}
.work-detail__chars:hover{
animation-play-state: paused;
}
}
@keyframes ticker {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@media (max-width: 767px) {
.layout__directions {
margin-left: 0!important;
margin-right: 0!important;
}
}
.main section.section_secondary-advantages, .main .section_secondary-gap{
margin-top: 0;
margin-bottom: 0!important;
}
.project-sect__filter-wrap button.filter__btn {
padding: 19.66px 19px;
}
.dark .form-item__wrapp {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.dark .form-item__wrapp .form__item{
width: 100%;
}
@media (min-width: 980px) {
.dark .form-item__wrapp {
grid-template-columns: unset;
}
}
@media (min-width: 1024px) {
.layout__formular .formular__main {
gap: 1.25rem;
}
}
@media (min-width: 1400px) {
.dark .form-item__wrapp {
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
}
.layout__directions.section-main__two .directions__list {
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}
.layout__directions.section-main__two .directions__item:nth-child(3n + 3) {
grid-column: unset;
}
@media (min-width: 1560px) {
.layout__directions.section-main__two .directions__list {
grid-template-columns: repeat(auto-fit, minmax(750px, 1fr));
}
}
.dark #contact-form .form-item__wrapp {
gap: 0.625rem;
}
@media (min-width: 768px) {
.dark #contact-form .form-item__wrapp {
gap: 1rem;
}
}
@media (min-width: 1024px) {
.dark #contact-form .form-item__wrapp {
gap: 1.25rem;
}
}
.brands__list a {
text-align: center;
}
.brands__list a:hover {
text-decoration: none;
}
.cookie-notice {
position: fixed;
z-index: 1000;
animation: slideUp 0.5s ease-out;
display: none;
}
@keyframes slideUp {
from { transform: translateY(100px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
.cookie-link:hover {
text-decoration: underline;
}
.cookie-buttons {
display: flex;
gap: 10px;
}
.cookie-close {
position: absolute;
}
.error-form {
color: red;
}
.header__discuss, .footer__discuss {
cursor: pointer;
}
.projects-item a:hover {
text-decoration: none;
}
.projects-item a {
color: var(--color-text);
}
.projects-item__text a:hover {
color: var(--color-highlight);
}
.directions__subitem a {
gap: 0.25rem;
display: flex;
align-items: center;
}
.directions__subitem .directions__subtext {
color: #ffffff;
}
@media (min-width: 1400px) {
.layout__formular .formular__main.formular__main_tertiary {
grid-template-columns: repeat(4, 1fr);
}
}
.layout__formular textarea:focus + .formular__text-textarea,
.layout__formular textarea:not(:placeholder-shown) + .formular__text-textarea
{
font-size: 0.75rem;
line-height: 1rem;
top: 0.25rem;
left: 0.625rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 1.5rem);
background-color: var(--white);
z-index: 1;
}
.layout__formular .formular__text-textarea {
color: var(--color-gray);
font-size: 1rem;
line-height: 150%;
font-weight: 300;
position: absolute;
top: 1rem;
left: 1.25rem;
transition: all 0.4s ease-in-out;
}
@media (min-width: 1560px) {
.layout__formular textarea + .formular__text-textarea {
font-size: 1.125rem;
line-height: 150%;
white-space: nowrap;
}
}
.layout__formular textarea {
height: 7.75rem !important;
}
.formular__footer-wrap {
display: flex;
gap: 20px;
align-items: baseline;
}
.layout__formular select + .formular__text {
font-size: 1.125rem !important;
line-height: 150%;
white-space: nowrap;
}
.layout__formular select:focus + .formular__text,
.layout__formular select:valid + .formular__text {
font-size: 0.75rem !important;
line-height: 1rem !important;
top: 0.25rem !important;
left: 0.625rem !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 2.5rem);
background-color: var(--white);
z-index: 1;
}
.layout__formular select {
-webkit-appearance: button !important;
-moz-appearance: inherit !important;
appearance: auto !important;
}
#project-price-block .layout__formular .formular__group {
padding: 0;
}
#project-price-block .layout__formular .group__header {
gap: 0;
}
.coop__wrap-iframe {
padding: 30px 50px !important;
}
@media (min-width: 1400px) {
.coop__wrap .form__item-25 {
width: calc(25% - 21px) !important;
}
}
.coop__wrap .form__item-50 {
width: 100% !important;
}
@media (max-width: 767px) {
.coop--contacts .form__flex .form__item {
width: 100%;
}
}
@media (min-width: 1100px) {
.coop__wrap .form__item-50 {
width: calc(50% - 15px) !important;
}
}
@media (max-width: 540px) {
.coop__wrap .form__item-file label {
align-items: normal !important;
flex-direction: column !important;
}
}
.coop__wrap .form__item-file {
background-color: unset;
border: unset;
padding: 0;
}
.coop__wrap .form__item-file label {
display: flex;
align-items: center;
gap: 1.25rem;
}
.coop__wrap .form__item-file label .formular__tooltip_secondary {
color: var(--color-gray);
font-weight: 300;
}
@media (min-width: 1560px) {
.coop__wrap .form__item-file label .formular__tooltip_secondary {
font-size: 1.10rem;
line-height: 100%;
color: var(--color-gray);
}
}
.brands__list .img-wrap {
text-align: center;
box-sizing: content-box;
display: block;
height: 57px;
padding: 14px 0;
width: 100%;
}
@media (min-width: 768px) {
.brands__list .img-wrap {
height: 56px;
}
}
@media (min-width: 1024px) {
.brands__list .img-wrap {
height: 88px;
padding: 20px 0 21px;
}
}
@media (min-width: 1560px) {
.brands__list .img-wrap {
height: 110px;
padding: 25px 0 24px;
}
}
@media (min-width: 768px) {
.news-detail__head-left {
height: 100px;
}
.news-detail__head-bottom {
align-items: flex-end;
}
}
@media (max-width: 768px) {
.news-detail__head-left {
margin-top: 10px;
}
}
@media (min-width: 1024px) {
.layout__modal .modal__layout {
padding: 3rem;
gap: 8rem;
}
}
@media (min-width: 1024px) {
.layout__modal {
padding: 3rem;
}
}