:root {
     --main-color-transparent: transparent;
     --main-color-white: #FFFFFF;
     --main-color-white-half-alpha: rgba(255, 255, 255, .5);
     --main-color-white-half-alpha-2: rgba(255, 255, 255, .75);
     --main-color-semi-gray: #F3F3F3;
     --main-color-semi-gray-1: #FAFAFA;
     --main-color-semi-gray-2: #DDDDDD;
     --main-color-semi-gray-3: #CCCCCC;
     --main-color-semi-gray-4: #f4f4fc;
     --main-color-semi-gray-5: #ABABAB;
     --main-color-light-gray-2: #E2E8F0;
     --main-color-light-gray-3: #d3d7dd;
     --main-color-light-gray-4: #EEEEEE;
     --main-color-light-gray-5: #ededeb;
     --main-color-light-gray-6: #e6e6e6;
     --main-color-light-blue: #effaff;
     --main-color-light-blue-2: #B8E6F6;
     --main-color-light-blue-3: #cdeef9;
     --main-color-light-blue-gray: #94a3b8;
     --main-color-light-blue-gray-half-alpha: rgba(148, 163, 184, .5);
     --main-color-light-blue-gray-half-alpha-2: rgba(148, 163, 184, .75);
     --main-color-light-lilac: #e8e8ff;
     --main-color-light-lilac-2: #f9faff;
     --main-color-silver: #B0B8C3;
     --main-color-silver-2: #a2a5aa;
     --main-color-silver-3: #82858a;
     --main-color-silver-4: #828282;
     --main-color-silver-5: #555555;
     --main-color-silver-6: #828282;
     --main-color-silver-7: #989898;
     --main-color-silver-8: #9D9D9D;
     --main-color-silver-9: #656565;
     --main-color-silver-gray: #1E293B;
     --main-color-black: #000000;
     --main-color-black-2: #1A1A1A;
     --main-color-black-3: #2D2D2D;
     --main-color-black-4: #333333;
     --main-color-black-5: #343236;
     --main-color-black-half-alpha: rgba(0, 0, 0, .5);
     --main-color-black-half-alpha-2: rgba(0, 0, 0, .75);
     --main-color-blue: #1F8EC5;
     --main-color-blue-1: #46C1FF;
     --main-color-blue-2: #5ac9ff;
     --main-color-blue-3: #009afe;
     --main-color-blue-4: #169CE7;
     --main-color-blue-5: #008CEB;
     --main-color-blue-6: #006CA3;
     --main-color-dark-blue: #043c6f;
     --main-color-dark-blue-2: #003399;
     --main-color-dark-blue-3: #004C7F;
     --main-color-dark-blue-4: #006CA3;
     --main-color-dark-blue-5: #00365a;
     --main-color-dark-blue-custom-half-alpha: rgba(52, 140, 217, 0.3);
     --main-section-gap-top-pc: 50px;
     --main-section-gap-bottom-pc: 50px;
     --main-section-gap-top-mobile: 35px;
     --main-section-gap-bottom-mobile: 35px;
}

*,
*:after,
*:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

::-moz-selection,
::selection {
     background-color: var(--main-color-dark-blue-3);
     color: var(--main-color-white);
}

:focus {
     outline: none;
}

.no-user-select {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

html {
     overflow-x: hidden;
     overflow-y: auto;
     scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
     scrollbar-width: thin;
     scrollbar-color: var(--main-color-silver) var(--main-color-transparent);
}
html.overflow-hidden {
     overflow: hidden;
}
html::-webkit-scrollbar {
     width: 10px;
     background-color: var(--main-color-transparent);
}
html::-webkit-scrollbar-track {
     background-color: var(--main-color-transparent);
}
html::-webkit-scrollbar-track:hover {
     background-color: var(--main-color-transparent);
}
html::-webkit-scrollbar-thumb {
     background-color: var(--main-color-silver);
}
html::-webkit-scrollbar-button,
html::-webkit-scrollbar-corner,
html::-webkit-resizer {
     display: none;
}

body {
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     line-height: 25px;
     letter-spacing: normal;
     font-weight: normal;
     font-style: normal;
     color: var(--main-color-black-2);
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: geometricPrecision;
     background-color: var(--main-color-white);
}





/* ==== .main-wrap ==== */
.main-wrap {
     position: relative;
}

/* ==== .main-wrap ==== */





/* ==== center ==== */
.center {
     margin: 0 auto;
     max-width: 1816px;
     padding-left: 40px;
     padding-right: 40px;
}
/* ==== center ==== */





/* ==== button ==== */
button {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     border: none;
     background: var(--main-color-transparent);
     outline: none;
     overflow: hidden;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-user-drag: none;
     padding: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
     width: auto;
     display: block;
     text-align: center;
     cursor: pointer;
}
button:disabled {
     cursor: default;
}
/* ==== button ==== */





/* ==== img ==== */
img {
     display: block;
     border: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     pointer-events: none;
     user-modify: none;
     -webkit-user-drag: none;
     -webkit-user-modify: read-only;
}
/* ==== img ==== */





/* ==== a ==== */
a {
     color: inherit;
     text-decoration-line: none;
     -webkit-tap-highlight-color: var(--main-color-transparent);
}
a:hover {
     color: var(--main-color-dark-blue-3);
     text-decoration-line: none;
}
/* ==== a ==== */





/* ==== b ==== */
b {
     font-weight: bold;
}
/* ==== b ==== */




/* ==== i ==== */
i {
     font-style: italic;
}
/* ==== i ==== */





/* ==== styled-btn ==== */
.styled-btn {
     display: inline-block;
     overflow: hidden;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-user-drag: none;
     padding: 17.5px 10px;
     font-size: 20px;
     font-family: 'Golos Text', sans-serif;
     font-weight: 400;
     line-height: 20px;
     text-align: center;
     text-decoration: none;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     color: var(--main-color-silver-5);
     background-color: var(--main-color-white);
     border-width: 1px;
     border-style: solid;
     border-color: var(--main-color-silver-5);
     -webkit-transform: scale(1);
     transform: scale(1);
     cursor: pointer;
     -webkit-transition: color 150ms ease-in-out, background 150ms ease-in-out, border-color 150ms ease-in-out;
     transition: color 150ms ease-in-out, background 150ms ease-in-out, border-color 150ms ease-in-out;
}
.styled-btn.styled-btn-content-align {
     position: relative;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
.styled-btn.active {
     cursor: default;
     pointer-events: none;
}
.styled-btn:active {
     -webkit-transform: scale(0.95);
     transform: scale(0.95);
}
.styled-btn:hover,
.styled-btn.active {
     color: var(--main-color-dark-blue-3);
     background-color: var(--main-color-white);
     border-color: var(--main-color-dark-blue-3);
}
.styled-btn.styled-btn-simple {
     -webkit-border-radius: 10px;
     border-radius: 10px;
     padding: 11px 10px;
     font-size: 18px;
     line-height: 18px;
     background-color: var(--main-color-transparent);
     border-color: var(--main-color-transparent);
}
.styled-btn.styled-btn-simple.active,
.styled-btn.styled-btn-simple:hover {
     color: var(--main-color-silver-5);
     background-color: var(--main-color-transparent);
     border-color: var(--main-color-transparent);
}
.styled-btn.styled-btn-blue {
     color: var(--main-color-white);
     border-color: var(--main-color-dark-blue-3);
     background-color: var(--main-color-dark-blue-3);
}
.styled-btn.styled-btn-blue:hover {
     color: var(--main-color-white);
     border-color: var(--main-color-dark-blue-4);
     background-color: var(--main-color-dark-blue-4);
}
.styled-btn.show-more {
     padding-left: 12px;
     padding-right: 38px;
}
.styled-btn.show-more:before,
.styled-btn.show-more:after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: 10px;
     margin: auto 0;
     z-index: 1;
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: 100%;
     background-size: 100%;
}
.styled-btn.show-more:before {
     background-image: url("../img/icons/caret-down-icon.svg");
}
.styled-btn.show-more:after {
     visibility: hidden;
     background-image: url("../img/icons/caret-down-icon-hover.svg");
}
.styled-btn.show-more:not(.styled-btn-simple):hover:before {
     visibility: hidden;
}
.styled-btn.show-more:not(.styled-btn-simple):hover:after {
     visibility: visible;
}
.styled-btn.styled-btn-blue.show-more:before,
.styled-btn.styled-btn-blue.show-more:after {
     -webkit-filter: invert(1) brightness(2) contrast(150%);
     filter: invert(1) brightness(2) contrast(150%);
}
/* ==== styled-btn ==== */





/* === header === */
header {
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     z-index: 999;
     -webkit-backdrop-filter: blur(0);
     backdrop-filter: blur(0);
     background-color: var(--main-color-white);
     border-bottom: 1px solid var(--main-color-light-lilac);
     -webkit-transition: background-color 350ms ease-in-out, -webkit-backdrop-filter 350ms ease-in-out;
     transition: background-color 350ms ease-in-out, backdrop-filter 350ms ease-in-out;
}
header .header-main-row {
     position: relative;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-flex-pack: justify;
     width: 100%;
     min-height: 131px;
     padding-top: 22.5px;
     padding-bottom: 22.5px;
     -webkit-transition: min-height 100ms linear, padding-top 100ms linear, padding-bottom 100ms linear;
     transition: min-height 100ms linear, padding-top 100ms linear, padding-bottom 100ms linear;
}
header .header-logo {
     display: block;
     width: 180px;
     height: 64px;
     background-image: url("../img/logo-header.svg");
     background-repeat: no-repeat;
     background-position: left center;
     background-color: var(--main-color-transparent);
     -webkit-background-size: 100%;
     background-size: 100%;
}
header .header-logo,
header .header-logo:hover,
header .header-logo:active,
header .header-logo:visited {
     color: var(--main-color-transparent);
     background-color: var(--main-color-transparent);
     text-decoration-line: none;
     -webkit-tap-highlight-color: var(--main-color-transparent);
}
header .header-navigation {
     width: -webkit-calc(100% - 180px - 25px);
     width: calc(100% - 180px - 25px);
     margin-left: 25px;
}
header .header-navigation .header-navigation-overflow {
     width: 100%;
     height: 100%;
     display: block;
}
header .header-navigation .header-navigation-nav {
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-flex-pack: justify;
}
/* === header .header-navigation .hn-site-main-list === */
header .header-navigation .hn-site-main-list {
     position: relative;
     z-index: 1;
     width: -webkit-calc(100% - 203px);
     width: calc(100% - 203px);
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-flex-pack: justify;
     list-style: none;
     list-style-position: inside;
}
header .header-navigation .hn-site-main-list > li {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
     max-width: 215px;
}
header .header-navigation .hn-site-main-list > li:not(.hn-search) {
     /* авто растяжение на всю ширину */
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     /* авто растяжение на всю ширину */
}
header.hn-search-box-has-animated .header-navigation .hn-site-main-list > li:not(li.hn-search) {
     visibility: hidden;
}
header .header-navigation .hn-site-main-list > li > a,
header .header-navigation .hn-site-main-list > li > span {
     display: block;
     position: relative;
     width: 100%;
     padding-top: 7px;
     padding-bottom: 7px;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     font-family: 'Golos Text', sans-serif;
     font-size: 18px;
     font-weight: 500;
     line-height: 28px;
     letter-spacing: normal;
     text-align: center;
     color: var(--main-color-dark-blue-3);
     background-color: var(--main-color-transparent);
     text-decoration-line: none;
     -webkit-user-select: none;
     user-select: none;
     -webkit-transition: background-color 150ms ease-in-out;
     transition: background-color 150ms ease-in-out;
}
header .header-navigation .hn-site-main-list > li > a:hover,
header .header-navigation .hn-site-main-list > li > span:hover {
     color: var(--main-color-dark-blue);
     background-color: var(--main-color-light-gray-4);
     text-decoration-line: none;
}
header .header-navigation .hn-site-main-list > li.active > a,
header .header-navigation .hn-site-main-list > li.active > a:hover,
header .header-navigation .hn-site-main-list > li.active > span,
header .header-navigation .hn-site-main-list > li.active > span:hover {
     color: var(--main-color-blue-6);
     background-color: var(--main-color-light-gray-2);
     text-decoration-line: none;
}
header .header-navigation .hn-site-main-list > li .styled-btn {
     display: block;
     letter-spacing: 0.5px;
}
header .header-navigation .hn-site-main-list > li.hn-sub {
     position: relative;
}
header .header-navigation .hn-site-main-list > li.hn-sub .hn-sub-title {
     position: relative;
     cursor: pointer;
     -webkit-transition: -webkit-border-radius 150ms ease-in-out, background-color 150ms ease-in-out;
     transition: border-radius 150ms ease-in-out, background-color 150ms ease-in-out;
}
header .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open .hn-sub-title {
     -webkit-border-radius: 15px 15px 0 0;
     border-radius: 15px 15px 0 0;
     color: var(--main-color-blue-3);
     background-color: var(--main-color-light-blue);
     text-decoration-line: none;
}
header .header-navigation .hn-site-main-list > li.hn-sub .hn-sub-title:after {
     content: '';
     display: none;
     width: 14px;
     height: 14px;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: -webkit-transform 150ms ease-in-out;
     transition: transform 150ms ease-in-out;
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-background-size: 95%;
     background-size: 95%;
}
header .header-navigation .hn-site-main-list > li.hn-sub .hn-sub-title:after {
     background-image: url("../img/icons/header-sub-menu-arrow-down.svg");
}
header .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open .hn-sub-title:after {
     background-image: url("../img/icons/header-sub-menu-arrow-down-active.svg");
}
header .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open .hn-sub-title:after {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
}
header .header-navigation .hn-site-main-list > li.hn-sub > ul {
     list-style: none;
     list-style-position: inside;
     padding: 18px 15px;
     width: 290px;
     position: absolute;
     left: -webkit-calc(50% - -webkit-calc(290px / 2));
     left: calc(50% - calc(290px / 2));
     top: -webkit-calc(100% - 1px);
     top: calc(100% - 1px);
     right: auto;
     z-index: 1;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     background-color: var(--main-color-light-blue);
     visibility: hidden;
     opacity: 0;
     -webkit-transform: translate(0, 25%);
     transform: translate(0, 25%);
     -webkit-transition: -webkit-transform 150ms ease-in-out, visibility 150ms ease-in-out, opacity 150ms ease-in-out;
     transition: transform 150ms ease-in-out, visibility 150ms ease-in-out, opacity 150ms ease-in-out;
}
header .header-navigation .hn-site-main-list > li.hn-sub:first-child > ul {
     -webkit-border-radius: 0 15px 15px 15px;
     border-radius: 0 15px 15px 15px;
     left: 0;
}
header .header-navigation .hn-site-main-list > li.hn-sub:not(.hn-search):last-child > ul,
header .header-navigation .hn-site-main-list > li.hn-sub:not(.hn-search):nth-last-child(2) > ul {
     -webkit-border-radius: 15px 0 15px 15px;
     border-radius: 15px 0 15px 15px;
     left: auto;
     right: 0;
}
header .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open > ul {
     visibility: visible;
     opacity: 1;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
header .header-navigation .hn-site-main-list > li.hn-sub > ul > li {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
     margin-top: 15px;
}
header .header-navigation .hn-site-main-list > li.hn-sub > ul > li:first-child {
     margin-top: 0;
}
header .header-navigation .hn-site-main-list > li.hn-sub > ul > li > a,
header .header-navigation .hn-site-main-list > li.hn-sub > ul > li > span {
     font-family: 'Golos Text', sans-serif;
     font-size: 16px;
     font-weight: normal;
     line-height: 23px;
     letter-spacing: normal;
     text-align: center;
     color: var(--main-color-dark-blue-3);
     text-decoration-line: none;
     -webkit-user-select: none;
     user-select: none;
}
header .header-navigation .hn-site-main-list > li.hn-sub > ul > li > a:hover {
     color: var(--main-color-blue-3);
     text-decoration-line: underline;
}
header .header-navigation .hn-site-main-list > li.hn-sub > ul > li.active > a,
header .header-navigation .hn-site-main-list > li.hn-sub > ul > li.active > span {
     color: var(--main-color-blue-3);
     text-decoration-line: underline;
}
/* === header .header-navigation .hn-site-main-list === */

/* === header .header-navigation .hn-site-second-list === */
header .header-navigation .hn-site-second-list {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-align-items: flex-end;
     -ms-flex-align: end;
     align-items: flex-end;
     list-style: none;
     list-style-position: inside;
     margin-top: 5px;
}
header .header-navigation .hn-site-second-list > li {
     margin-top: 7px;
}
header .header-navigation .hn-site-second-list > li:first-child {
     margin-top: 0;
}
header .header-navigation .hn-site-second-list > li > a {
     display: block;
     position: relative;
     font-family: 'Golos Text', sans-serif;
     font-size: 16px;
     line-height: 25px;
     color: var(--main-color-dark-blue-3);
     text-decoration-line: none;
     -webkit-user-select: none;
     user-select: none;
     -webkit-transition: color 150ms ease-in-out;
     transition: color 150ms ease-in-out;
}
header .header-navigation .hn-site-second-list > li > a:hover,
header .header-navigation .hn-site-second-list > li > span:hover {
     color: var(--main-color-dark-blue);
     text-decoration-line: underline;
}
header .header-navigation .hn-site-second-list > li > .hn-phone {
     display: block;
     padding: 10px 12px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     font-weight: 600;
     line-height: 22px;
     letter-spacing: 0.8px;
     color: var(--main-color-white);
     background-color: var(--main-color-dark-blue-3);
     text-transform: uppercase;
     -webkit-transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
     transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
     -webkit-transform: scale(1);
     transform: scale(1);
}
header .header-navigation .hn-site-second-list > li > .hn-phone:active {
     -webkit-transform: scale(0.95);
     transform: scale(0.95);
}
header .header-navigation .hn-site-second-list > li > .hn-phone:hover {
     color: var(--main-color-white);
     background-color: var(--main-color-dark-blue-4);
     text-decoration-line: none;
}
header .header-navigation .hn-site-second-list > li > .hn-mail:hover {
     color: var(--main-color-dark-blue);
     text-decoration-line: underline;
}
/* === header .header-navigation .hn-site-second-list === */

/* ==== header .hn-search-box ==== */
header .hn-search-box {
     width: 41px;
     overflow: hidden;
     -webkit-border-radius: 0 10px 10px 0;
     border-radius: 0 10px 10px 0;
}
header.hn-search-box-has-animated .hn-search-box {
     width: auto;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 3;
}
header .hn-search-box {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
header .hn-search-box .hn-sb-column {
     width: 41px;
     margin-right: 0;
}
header .hn-search-box .hn-sb-column:first-child {
     width: -webkit-calc(100% - 41px - 10px);
     width: calc(100% - 41px - 10px);
     margin-right: 10px;
}
header .hn-search-box .hn-sb-column.hn-sb-input-box {
     position: relative;
     visibility: hidden;
     width: 0;
     height: 0;
     -webkit-transform: translateX(-webkit-calc(100% + 10px));
     transform: translateX(calc(100% + 10px));
     -webkit-transition: -webkit-transform 300ms ease-in-out;
     transition: transform 300ms ease-in-out;
}
header.hn-search-box-has-animated .hn-search-box .hn-sb-column.hn-sb-input-box {
     visibility: visible;
     width: -webkit-calc(100% - 41px - 10px);
     width: calc(100% - 41px - 10px);
     height: auto;
}
header.hn-search-box-has-active .hn-search-box .hn-sb-column.hn-sb-input-box {
     -webkit-transform: translateX(0);
     transform: translateX(0);
}
header .hn-search-box button {
     visibility: hidden;
     opacity: 0;
     height: 41px;
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 2;
     padding-block: 0;
     padding-inline: 0;
     padding: 5px 12px;
     font-family: 'Manrope', sans-serif;
     font-weight: 400;
     font-size: 15px;
     letter-spacing: normal;
     line-height: 15px;
     text-align: center;
     text-decoration: none;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     color: var(--main-color-white);
     background-color: var(--main-color-dark-blue-3);
     border: none;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: color 150ms ease-in-out, opacity 150ms ease-in-out, background-color 150ms ease-in-out;
     transition: color 150ms ease-in-out, opacity 150ms ease-in-out, background-color 150ms ease-in-out;
}
header .hn-search-box button:hover {
     color: var(--main-color-white);
     background-color: var(--main-color-dark-blue-4);
}
header .hn-search-box button:active {
     -webkit-transform: scale(0.95);
     transform: scale(0.95);
}
header .hn-search-box::-moz-selection,
header .hn-search-box::selection {
     background-color: var(--main-color-dark-blue-3);
     color: var(--main-color-black);
}
header .hn-search-box input {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     overflow: hidden;
     outline: none;
     text-overflow: ellipsis;
     display: block;
     position: relative;
     z-index: 1;
     width: 100%;
     height: 42px;
     margin-block: 0;
     padding-left: 9px;
     padding-right: 82px;
     border: 1px solid var(--main-color-light-gray-4);
     -webkit-border-radius: 10px;
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-size: 15px;
     font-weight: 400;
     letter-spacing: normal;
     text-align: left;
     color: var(--main-color-black-3);
     background-color: var(--main-color-light-gray-4);
     -webkit-transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out;
     transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
header .hn-search-box input:focus,
header .hn-search-box input:invalid {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
}
header .hn-search-box input:focus,
header .hn-search-box input:focus:invalid {
     color: var(--main-color-black-3);
     border-color: var(--main-color-blue-1);
     background-color: var(--main-color-white);
     -webkit-box-shadow: 0 7px 25px var(--main-color-light-blue-gray-half-alpha);
     -moz-box-shadow: 0 7px 25px var(--main-color-light-blue-gray-half-alpha);
     box-shadow: 0 7px 25px var(--main-color-light-blue-gray-half-alpha);
}
header.hn-search-box-has-active .hn-search-box input:valid + button {
     visibility: visible;
     opacity: 1;
}
header.hn-search-box-has-active.hn-search-box-has-animated .hn-search-box:focus-within {
     overflow: visible;
}
header .hn-search-box input::-ms-clear {
     display: none;
}
header .hn-search-box input::-webkit-input-placeholder {
     color: var(--main-color-silver);
     opacity: 1;
}
header .hn-search-box input::-moz-placeholder {
     color: var(--main-color-silver);
     opacity: 1;
}
header .hn-search-box input:-moz-placeholder {
     color: var(--main-color-silver);
     opacity: 1;
}
header .hn-search-box input::-ms-input-placeholder {
     color: var(--main-color-silver);
     opacity: 1;
}
header .hn-search-box input:focus::-webkit-input-placeholder {
     opacity: 0;
}
header .hn-search-box input:focus::-moz-placeholder {
     opacity: 0;
}
header .hn-search-box input:focus:-moz-placeholder {
     opacity: 0;
}
header .hn-search-box input:focus::-ms-input-placeholder {
     opacity: 0;
}
header .hn-search-box .hn-sb-trigger-button {
     position: relative;
     z-index: 5;
     width: 41px;
     height: 42px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     cursor: pointer;
     background-color: var(--main-color-white);
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-transition: background-color 150ms ease-in-out;
     transition: background-color 150ms ease-in-out;
}
header.hn-search-box-has-active .hn-search-box .hn-sb-trigger-button {
     background-color: var(--main-color-light-gray-2);
}
header .hn-search-box .hn-sb-trigger-button:hover {
     background-color: var(--main-color-light-gray-2);
}
header .hn-search-box .hn-sb-trigger-button:active {
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
}
header .hn-search-box .hn-sb-trigger-button:before,
header .hn-search-box .hn-sb-trigger-button:after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-color: var(--main-color-transparent);
}
header .hn-search-box .hn-sb-trigger-button:before {
     background-image: url("../img/icons/header-search.svg");
}
header .hn-search-box .hn-sb-trigger-button:after {
     visibility: hidden;
     background-image: url("../img/icons/header-search-close.svg");
}
header.hn-search-box-has-active .hn-search-box .hn-sb-trigger-button:before {
     visibility: hidden;
}
header.hn-search-box-has-active .hn-search-box .hn-sb-trigger-button:after {
     visibility: visible;
}
/* ==== header .hn-search-box ==== */

/* ==== header.has-scrolled ==== */
header.has-scrolled:not(.has-mobile) {
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     background-color: var(--main-color-white-half-alpha-2);
}
header.has-scrolled.has-no-transparent:not(.has-mobile) {
     background-color: var(--main-color-white);
}
header.has-scrolled:not(.has-mobile) .header-main-row {
     padding-top: 5px;
     padding-bottom: 5px;
     min-height: 90px;
}
header.has-scrolled:not(.has-mobile, .has-no-transparent) .header-navigation .hn-site-main-list > li:not(.hn-sub-open).active > a,
header.has-scrolled:not(.has-mobile, .has-no-transparent) .header-navigation .hn-site-main-list > li:not(.hn-sub-open).active > a:hover,
header.has-scrolled:not(.has-mobile, .has-no-transparent) .header-navigation .hn-site-main-list > li:not(.hn-sub-open).active > span,
header.has-scrolled:not(.has-mobile, .has-no-transparent) .header-navigation .hn-site-main-list > li:not(.hn-sub-open).active > span:hover {
     color: var(--main-color-dark-blue);
     background-color: var(--main-color-white);
}
header.has-scrolled:not(.has-mobile, .has-no-transparent) .hn-search-box input {
     background-color: var(--main-color-white);
}
/* ==== header.has-scrolled ==== */

header .header-btn-pie {
     display: none;
}
/* === header === */





/* === .header-blur-overlay === */
.header-blur-overlay {
     visibility: hidden;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 0;
     background-color: var(--main-color-transparent);
     -webkit-backdrop-filter: blur(0);
     backdrop-filter: blur(0);
     opacity: 0;
     -webkit-transition: visibility 150ms ease-in-out, opacity 150ms ease-in-out, background-color 750ms ease-in-out, -webkit-backdrop-filter 750ms ease-in-out;
     transition: visibility 150ms ease-in-out, opacity 150ms ease-in-out, background-color 750ms ease-in-out, backdrop-filter 750ms ease-in-out;
}
.header-blur-overlay.active {
     visibility: visible;
     z-index: 998;
     background-color: var(--main-color-white-half-alpha);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     opacity: 1;
}
/* === .header-blur-overlay === */





/* === header.has-mobile === */
header.has-mobile,
header.has-mobile.has-scrolled,
header.has-mobile.has-scrolled.has-no-transparent {
     background-color: var(--main-color-white);
}
header.has-mobile .center {
     padding-left: 15px;
     padding-right: 15px;
}
header.has-mobile .header-main-row {
     padding-top: 12px;
     padding-bottom: 12px;
     min-height: 85px;
}
header.has-mobile .header-logo {
     width: 150px;
     height: 53px;
     position: relative;
     z-index: 1000;
}
header.has-mobile .header-navigation .header-navigation-overflow {
     display: block;
}
/* === header.has-mobile .header-navigation === */
header.has-mobile .header-navigation {
     visibility: visible;
     position: fixed;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 999;
     width: 100%;
     min-width: 0;
     max-width: 445px;
     height: 100vh;
     margin-left: 0;
     border-left: 1px solid var(--main-color-light-lilac);
     background: var(--main-color-white);
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
     -webkit-transition: -webkit-transform 150ms linear;
     transition: transform 150ms linear;
}
header.has-mobile.has-no-transition .header-navigation {
     visibility: hidden;
     -webkit-transition: -webkit-transform 0ms linear;
     transition: transform 0ms linear;
}
header.has-mobile.has-menu-open .header-navigation {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     -webkit-box-shadow: 0 0 35px 20px rgba(4,60,111,0.15);
     -moz-box-shadow: 0 0 35px 20px rgba(4,60,111,0.15);
     box-shadow: 0 0 35px 20px rgba(4,60,111,0.15);
}
header.has-mobile .header-navigation-overflow {
     height: -webkit-calc(100% - 85px);
     height: calc(100% - 85px);
     margin-top: 85px;
}
header.has-mobile .header-navigation-nav {
     display: block;
     width: 100%;
     max-width: none;
     height: -webkit-calc(100% - 179px);
     height: calc(100% - 179px);
     overflow-x: hidden;
     overflow-y: auto;
}
header.has-mobile .header-navigation-overflow,
header.has-mobile .header-navigation-nav {
     scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
     scrollbar-width: thin;
     scrollbar-color: var(--main-color-silver) var(--main-color-transparent);
}
header.has-mobile .header-navigation-overflow::-webkit-scrollbar,
header.has-mobile .header-navigation-nav::-webkit-scrollbar {
     width: 8px;
     background-color: var(--main-color-transparent);
     display: initial;
}
header.has-mobile .header-navigation-overflow::-webkit-scrollbar-track,
header.has-mobile .header-navigation-nav::-webkit-scrollbar-track {
     background-color: var(--main-color-transparent);
}
header.has-mobile .header-navigation-overflow::-webkit-scrollbar-track:hover,
header.has-mobile .header-navigation-nav::-webkit-scrollbar-track:hover {
     background-color: var(--main-color-transparent);
}
header.has-mobile .header-navigation-overflow::-webkit-scrollbar-thumb,
header.has-mobile .header-navigation-nav::-webkit-scrollbar-thumb {
     background-color: var(--main-color-silver);
}
header.has-mobile .header-navigation-overflow::-webkit-scrollbar-button,
header.has-mobile .header-navigation-overflow::-webkit-scrollbar-corner,
header.has-mobile .header-navigation-overflow::-webkit-resizer,
header.has-mobile .header-navigation-nav::-webkit-scrollbar-button,
header.has-mobile .header-navigation-nav::-webkit-scrollbar-corner,
header.has-mobile .header-navigation-nav::-webkit-resizer {
     display: none;
}
header.has-mobile .header-navigation-nav .hn-site-main-list {
     padding: 15px 20px;
}
header.has-mobile .header-navigation .hn-site-main-list,
header.has-mobile .header-navigation .hn-site-second-list {
     width: 100%;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
header.has-mobile .header-navigation .hn-site-main-list > li,
header.has-mobile .header-navigation .hn-site-second-list > li {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
header.has-mobile .header-navigation .hn-site-main-list > li {
     -webkit-box-flex: 0;
     -ms-flex: 0;
     flex: 0;
}
header.has-mobile .header-navigation .hn-site-second-list {
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
     padding: 20px 15px 20px;
     margin-top: 0;
}
header.has-mobile .header-navigation .hn-site-main-list > li,
header.has-mobile .header-navigation .hn-site-second-list > li {
     width: 100%;
     max-width: none;
}
header.has-mobile .header-navigation .hn-site-main-list > li {
     margin-top: 15px;
}
header.has-mobile .header-navigation .hn-site-main-list > li:first-child {
     margin-top: 0;
}
header.has-mobile .header-navigation .hn-site-second-list > li {
     margin-top: 15px;
}
header.has-mobile .header-navigation .hn-site-second-list > li:first-child {
     margin-top: 0;
}
header.has-mobile .header-navigation .hn-site-main-list > li > a,
header.has-mobile .header-navigation .hn-site-main-list > li > span {
     width: auto;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     padding: 9px 11px;
     font-size: 22px;
     line-height: 22px;
     letter-spacing: 0.25px;
     -webkit-tap-highlight-color: var(--main-color-transparent);
     background-color: var(--main-color-transparent);
     -webkit-transition: none;
     transition: none;
}
header.has-mobile .header-navigation .hn-site-main-list > li > a,
header.has-mobile .header-navigation .hn-site-main-list > li > span,
header.has-mobile .header-navigation .hn-site-main-list > li > a:hover,
header.has-mobile .header-navigation .hn-site-main-list > li > span:hover {
     text-decoration-line: none;
     background-color: var(--main-color-transparent);
}
header.has-mobile .header-navigation .hn-site-main-list > li.active > a,
header.has-mobile .header-navigation .hn-site-main-list > li.active > a:hover,
header.has-mobile .header-navigation .hn-site-main-list > li.active > span,
header.has-mobile .header-navigation .hn-site-main-list > li.active > span:hover {
     background-color: var(--main-color-light-gray-2);
}
header.has-mobile .header-navigation .hn-site-main-list > li.active.hn-sub-open > a,
header.has-mobile .header-navigation .hn-site-main-list > li.active.hn-sub-open > a:hover,
header.has-mobile .header-navigation .hn-site-main-list > li.active.hn-sub-open > span,
header.has-mobile .header-navigation .hn-site-main-list > li.active.hn-sub-open > span:hover {
     background-color: var(--main-color-light-blue);
}
header.has-mobile .header-navigation .hn-site-second-list > li > a {
     font-size: 19px;
     line-height: 19px;
     letter-spacing: normal;
     -webkit-tap-highlight-color: var(--main-color-transparent);
}
header.has-mobile .header-navigation .hn-site-second-list > li > a,
header.has-mobile .header-navigation .hn-site-second-list > li > a:hover {
     text-decoration-line: none;
}
header.has-mobile .header-navigation .hn-site-second-list > li > .hn-mail,
header.has-mobile .header-navigation .hn-site-second-list > li > .hn-phone {
     text-decoration-line: none;
}
header.has-mobile .header-navigation .hn-site-second-list > li > .hn-phone {
     display: block;
     width: 100%;
     font-size: 22px;
     line-height: 22px;
     letter-spacing: 0.25px;
     text-align: center;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub .hn-sub-title {
     -webkit-transition: none;
     transition: none;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub .hn-sub-title:after {
     display: inline-block;
     margin-left: 10px;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul > li {
     margin-top: 15px;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul > li:first-child {
     margin-top: 0;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul {
     display: none;
     padding: 5px 25px 20px 25px;
     width: 100%;
     -webkit-border-radius: 0 0 15px 15px;
     border-radius: 0 0 15px 15px;
     position: relative;
     left: auto;
     top: auto;
     right: auto;
     z-index: auto;
     -webkit-transition: none;
     transition: none;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open .hn-sub-title {
     width: 100%;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open > ul {
     display: block;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul,
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open > ul {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul > li > a,
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul > li > span {
     font-size: 20px;
     line-height: 27px;
     -webkit-transition: none;
     transition: none;
}
header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open + li {
     margin-top: 15px;
}
/* === header.has-mobile .header-navigation === */

/* === header.has-mobile .header-btn-pie === */
header.has-mobile .header-btn-pie {
     display: block;
     position: relative;
     z-index: 1000;
     width: 44px;
     height: 44px;
     cursor: pointer;
     -webkit-border-radius: 7px;
     border-radius: 7px;
     background-color: var(--main-color-semi-gray-2);
}
header.has-mobile .header-btn-pie > div {
     position: relative;
     z-index: 2;
     width: 100%;
     height: 100%;
}
header.has-mobile .header-btn-pie > div span {
     display: block;
     height: 3px;
     position: absolute;
     top: 21px;
     left: 8px;
     right: 8px;
     -webkit-border-radius: 7px;
     border-radius: 7px;
     background: var(--main-color-blue-6);
}
header.has-mobile .header-btn-pie > div span::before,
header.has-mobile .header-btn-pie > div span::after{
     content: '';
     position: absolute;
     left: 0;
     width: 100%;
     height: 3px;
     -webkit-border-radius: 7px;
     border-radius: 7px;
     background: var(--main-color-blue-6);
     transition-duration: 150ms, 150ms;
     transition-delay: 150ms, 0ms;
     transition-property: top, transform;
}
header.has-mobile .header-btn-pie > div span::before {
     top: -8px;
}
header.has-mobile .header-btn-pie > div span::after {
     bottom: -8px;
     transition-property: bottom, transform;
}
header.has-mobile.has-menu-open .header-btn-pie > div span{
     background: none;
}
header.has-mobile.has-menu-open .header-btn-pie > div span::before{
     top: 0;
     -webkit-transform: rotate(35deg);
     transform: rotate(35deg);
}
header.has-mobile.has-menu-open .header-btn-pie > div span::after{
     bottom: 0;
     -webkit-transform: rotate(-35deg);
     transform: rotate(-35deg);
}
header.has-mobile.has-menu-open .header-btn-pie > div span::before,
header.has-mobile.has-menu-open .header-btn-pie > div span::after {
     transition-delay: 0ms, 150ms;
}
/* === header.has-mobile .header-btn-pie === */

/* === header.has-mobile .hn-search-box === */
header.has-mobile .header-navigation .hn-site-main-list li.hn-search {
     display: none;
}
header.has-mobile .hn-search-box {
     width: 100%;
     overflow: visible;
     position: relative;
}
header.has-mobile.hn-search-box-has-animated .hn-search-box {
     width: 100%;
     position: relative;
     z-index: auto;
     margin: auto;
}
header.has-mobile .hn-search-box .hn-sb-column.hn-sb-input-box {
     position: relative;
     -webkit-transition: none;
     transition: none;
}
header.has-mobile .hn-search-box .hn-sb-column {
     width: 100%;
}
header.has-mobile .hn-search-box .hn-sb-column:first-child {
     margin-right: 0;
}
header.has-mobile .hn-search-box .hn-sb-column.hn-sb-input-box,
header.has-mobile.hn-search-box-has-animated .hn-search-box .hn-sb-column.hn-sb-input-box {
     visibility: visible;
     width: 100%;
     height: auto;
}
header.has-mobile .hn-search-box .hn-sb-column.hn-sb-input-box,
header.has-mobile.hn-search-box-has-active .hn-search-box .hn-sb-column.hn-sb-input-box {
     -webkit-transform: translateX(0);
     transform: translateX(0);
}
header.has-mobile .hn-search-box button {
     height: 43px;
     font-size: 18px;
}
header.has-mobile .hn-search-box input {
     padding-left: 40px;
     height: 44px;
     font-size: 18px;
}
header.has-mobile .hn-search-box input:valid + button {
     visibility: visible;
     opacity: 1;
}
header.has-mobile .hn-search-box .hn-sb-trigger-button {
     position: absolute;
     left: 3px;
     top: 0;
     bottom: 0;
     margin: auto 0;
     pointer-events: none;
     background-color: var(--main-color-transparent);
}
/* === header.has-mobile .hn-search-box === */

/* так нужно */
@media only screen and (max-width: 1024px) {
     header {
          visibility: hidden;
     }
     header.has-mobile {
          visibility: visible;
     }
}

/* адаптив меню шапки для мобил */
@media only screen and (max-width: 640px), only screen and (max-height: 440px) {
     header.has-mobile .center {
          padding-left: 16px;
          padding-right: 16px;
     }
     header.has-mobile .header-main-row {
          padding-top: 20px;
          padding-bottom: 20px;
          min-height: 65px;
     }
     header.has-mobile .header-logo {
          width: 120px;
          height: 42px;
     }
     header.has-mobile .header-navigation {
          min-width: 0;
          width: 100%;
          max-width: 440px;
     }
     header.has-mobile .header-navigation-overflow {
          height: -webkit-calc(100% - 83px);
          height: calc(100% - 83px);
          margin-top: 83px;
     }
     header.has-mobile .header-navigation-nav {
          height: -webkit-calc(100% - 157px);
          height: calc(100% - 157px);
     }
     header.has-mobile .header-navigation .hn-site-second-list > li {
          width: 100%;
     }
     header.has-mobile .header-navigation .hn-site-main-list > li,
     header.has-mobile .header-navigation .hn-site-second-list > li {
          margin-top: 15px;
     }
     header.has-mobile .header-navigation .hn-site-main-list > li > a,
     header.has-mobile .header-navigation .hn-site-main-list > li > span,
     header.has-mobile .header-navigation .hn-site-second-list > li > a {
          font-size: 18px;
          line-height: 18px;
          letter-spacing: normal;
     }
     header.has-mobile .header-navigation .hn-site-second-list > li {
          margin-top: 10px;
     }
     header.has-mobile .header-navigation .hn-site-second-list > li:first-child {
          margin-top: 0;
     }
     header.has-mobile .header-navigation .hn-site-second-list > li > .hn-phone {
          font-size: 18px;
          line-height: 18px;
          letter-spacing: normal;
     }
     header.has-mobile .header-navigation .hn-site-second-list > li > .hn-mail,
     header.has-mobile .header-navigation .hn-site-second-list > li > .hn-phone {
          text-align: center;
     }
     header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul {
          padding: 10px 20px 15px 20px;
     }
     header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul > li {
          margin-top: 9px;
     }
     header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub.hn-sub-open + li {
          margin-top: 10px;
     }
     header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul > li > a,
     header.has-mobile .header-navigation .hn-site-main-list > li.hn-sub > ul > li > span {
          font-size: 16px;
          line-height: 23px;
     }
     header.has-mobile .header-btn-pie {
          width: 34px;
          height: 34px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
     }
     header.has-mobile .header-btn-pie > div span {
          height: 2px;
          top: 16px;
          left: 5px;
          right: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
     }
     header.has-mobile .header-btn-pie > div span::before,
     header.has-mobile .header-btn-pie > div span::after{
          height: 2px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
     }
     header.has-mobile .header-btn-pie > div span::before {
          top: -7px;
     }
     header.has-mobile .header-btn-pie > div span::after {
          bottom: -7px;
     }
     header.has-mobile .hn-search-box button {
          height: 40px;
          font-size: 16px;
     }
     header.has-mobile .hn-search-box input {
          padding-left: 40px;
          height: 41px;
          font-size: 16px;
     }
     header.has-mobile .hn-search-box input:valid + button {
          visibility: visible;
          opacity: 1;
     }
}

/* адаптив меню шашки для альбома ( мобилы ) */
@media only screen and (max-height: 440px) and (orientation: landscape) {
     header.has-mobile .header-navigation-nav {
          height: 100%;
          overflow: auto;
          padding: 15px 20px;
     }
     header.has-mobile .header-navigation-overflow {
          overflow-x: hidden;
          overflow-y: auto;
     }
     header.has-mobile .header-navigation .hn-site-main-list {
          padding: 0;
     }
     header.has-mobile .header-navigation .hn-site-second-list {
          position: static;
          left: auto;
          bottom: auto;
          right: auto;
          z-index: auto;
          padding: 0;
          margin-top: 20px;
     }
}
/* === header.has-mobile === */





/* ==== main ==== */
main {
     padding-top: 132px;
}
/* ==== main ==== */





/* ==== .main-title ==== */
.main-title > * {
     margin-top: 30px;
}
.main-title > *:first-child {
     margin-top: 0;
}
.main-title .mt-headline {
     font-family: 'Inter', sans-serif;
     font-size: 40px;
     font-weight: 500;
     line-height: 50px;
     text-align: center;
     color: var(--main-color-black-3);
}
.main-title .mt-text {
     font-family: 'Manrope', sans-serif;
     font-size: 20px;
     line-height: 27px;
     text-align: center;
     color: var(--main-color-silver-5);
}
/* ==== .main-title ==== */





/* === .crumbs-box === */
.crumbs-box {
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.crumbs-box > li {
     position: relative;
     padding-right: 15px;
     margin-right: 8px;
}
.crumbs-box > li:last-child {
     padding-right: 0;
     margin-right: 0;
}
.crumbs-box > li:after {
     content: '/';
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
}
.crumbs-box > li:last-child:after {
     display: none;
}
.crumbs-box > li:after,
.crumbs-box > li a,
.crumbs-box > li span {
     display: block;
     font-family: 'Golos Text', sans-serif;
     font-size: 16px;
     line-height: 23px;
     color: var(--main-color-silver-8);
     text-decoration-line: none;
}
.crumbs-box > li a:hover {
     color: var(--main-color-black-3);
     text-decoration-line: none;
}
.crumbs-box > li.active a,
.crumbs-box > li.active span {
     color: var(--main-color-dark-blue-3);
     text-decoration-line: underline;
}
/* === .crumbs-box === */





/* === .main-text-block === */
.main-text-block {
     font-family: 'Manrope', sans-serif;
     font-size: 20px;
     line-height: 27px;
     color: var(--main-color-black-3);
}
.main-text-block > * {
     margin-bottom: 20px;
}
.main-text-block > *:last-child {
     margin-bottom: 0;
}
.main-text-block b {
     font-weight: 600;
}
.main-text-block strong {
     font-weight: 800;
}
.main-text-block i {
     font-style: italic;
}
.main-text-block a {
     color: var(--main-color-blue-5);
     text-decoration-line: underline;
}
.main-text-block a:hover {
     color: var(--main-color-blue-3);
     text-decoration-line: none;
}
.main-text-block h1,
.main-text-block h2,
.main-text-block h3,
.main-text-block h4,
.main-text-block h5 {
     font-family: 'Inter', sans-serif;
}
.main-text-block h1,
.main-text-block h2 {
     margin-bottom: 30px;
}
.main-text-block h1,
.main-text-block h2 {
     font-size: 40px;
     line-height: 48px;
     color: var(--main-color-black-3);
}
.main-text-block h3,
.main-text-block h4,
.main-text-block h5 {
     font-size: 32px;
     font-weight: 500;
     line-height: 39px;
     color: var(--main-color-dark-blue-3);
}
.main-text-block ul.default-list {
     list-style: none;
     list-style-position: inside;
}
.main-text-block ol {
     list-style: decimal;
     list-style-position: inside;
}
.main-text-block ol > li:first-child {
     margin-top: 0;
}
.main-text-block ul {
     list-style: disc;
     list-style-position: inside;
}
.main-text-block table {
     width: 100%;
     table-layout: fixed;
     border-collapse: collapse;
     border-spacing: 0;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: 400;
     line-height: 25px;
     color: var(--main-color-silver-9);
     border: 1px solid var(--main-color-semi-gray-5);
}
.main-text-block table tr,
.main-text-block table tbody tr td {
     border: 1px solid var(--main-color-semi-gray-5);
}
.main-text-block table thead tr th,
.main-text-block table tbody tr td {
     padding: 10px 30px;
     text-align: left;
}
.main-text-block table tbody tr td:first-child {
     width: 375px;
}
.main-text-block table tr.highlighted td {
     width: 100%;
     text-transform: uppercase;
     font-weight: 600;
     color: var(--main-color-black-3);
     border: none;
}
.main-text-block p {
     display: block;
}
.main-text-block p span {
     color: var(--main-color-silver);
}
.main-text-block img {
     overflow: hidden;
     display: block;
     width: 100%;
     height: auto;
     -webkit-border-radius: 20px;
     border-radius: 20px;
}
.main-text-block img.img-left,
.main-text-block img.img-right {
     width: auto;
     max-width: 440px;
     margin-top: 0;
}
.main-text-block img.img-left {
     float: left;
     margin-right: 40px;
}
.main-text-block img.img-right {
     float: revert;
     margin-left: 40px;
}
/* === .main-text-block === */





/* === .news-item-main-box === */
.news-item-main-box .main-text-block img {
     width: auto;
     height: 100%;
     max-height: 700px;
     margin-left: auto;
     margin-right: auto;
}
.news-item-main-box .main-text-block h3,
.news-item-main-box .main-text-block h4,
.news-item-main-box .main-text-block h5 {
     color: var(--main-color-black-3);
}
/* === .news-item-main-box === */





/* === .content-logo === */
.content-logo {
     pointer-events: none;
}
.content-logo img {
     display: block;
     width: 100%;
     max-width: 374px;
     height: auto;
     margin: 0 auto;
     -webkit-transition: max-width 150ms ease-in-out;
     transition: max-width 150ms ease-in-out;
}
@media only screen and (max-width: 1650px) {
     .content-logo img {
          max-width: 320px;
     }
}
@media only screen and (max-width: 1280px) {
     .content-logo img {
          max-width: 275px;
     }
}
@media only screen and (max-width: 768px) {
     .content-logo img {
          max-width: 205px;
     }
}
/* === .content-logo === */





/* === .company-information-box === */
.company-information-box > * {
     margin-top: var(--main-section-gap-top-pc);
}
.company-information-box > *:first-child {
     margin-top: 0;
}
.company-information-box .main-text-block {
     font-size: 18px;
     line-height: 23px;
     padding: 30px 20px;
     -webkit-border-radius: 25px;
     border-radius: 25px;
     background-color: var(--main-color-semi-gray-1);
}
.company-information-box .main-text-block h1,
.company-information-box .main-text-block h2 {
     font-size: 38px;
     line-height: 46px;
     color: var(--main-color-black-3);
}
.company-information-box .main-text-block h3,
.company-information-box .main-text-block h4,
.company-information-box .main-text-block h5 {
     font-size: 30px;
     line-height: 37px;
     color: var(--main-color-black-3);
}
.company-information-box .main-text-block img {
     margin-bottom: 0;
}
@media only screen and (max-width: 1920px) {
     .company-information-box .main-text-block img {
          margin-bottom: 20px;
     }
}
/* === .company-information-box === */





/* === .pagination-box === */
.pagination-box ul {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
     list-style: none;
     list-style-position: inside;
}
.pagination-box ul li {
     display: block;
     margin: 0 32px;
}
.pagination-box ul li > a,
.pagination-box ul li > span {
     display: block;
     min-width: 50px;
     padding-top: 13.5px;
     padding-bottom: 13.5px;
     -webkit-border-radius: 40px;
     border-radius: 40px;
     font-family: 'Golos Text', sans-serif;
     font-size: 14px;
     font-weight: 500;
     line-height: 14px;
     text-align: center;
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-transition: background-color 150ms ease-in-out;
     transition: background-color 150ms ease-in-out;
}
.pagination-box ul li > a {
     padding-left: 0;
     padding-right: 0;
}
.pagination-box ul li > span {
     padding-left: 5px;
     padding-right: 5px;
}
.pagination-box ul li > a {
     color: var(--main-color-black-3);
     background-color: var(--main-color-transparent);
     text-decoration-line: none;
}
.pagination-box ul li > a:hover {
     color: var(--main-color-black);
     background-color: var(--main-color-light-blue-gray-half-alpha);
     text-decoration-line: none;
}
.pagination-box ul li.active > a,
.pagination-box ul li.active > span {
     color: var(--main-color-white);
     background-color: var(--main-color-dark-blue-3);
     pointer-events: none;
}
.pagination-box ul li.pb-prev > a,
.pagination-box ul li.pb-next > a,
.pagination-box ul li.pb-prev > span,
.pagination-box ul li.pb-next > span {
     padding-left: 10px;
     padding-right: 10px;
     position: relative;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: 10px;
     background-size: 10px;
}
@media only screen and (max-width: 1280px) {
     .pagination-box ul li {
          margin: 0 10px;
     }
}
@media only screen and (max-width: 768px) {
     .pagination-box ul {
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -ms-flex-pack: justify;
     }
     .pagination-box ul li {
          margin: 0 5px;
     }
     .pagination-box ul li.pb-prev > a,
     .pagination-box ul li.pb-next > a,
     .pagination-box ul li.pb-prev > span,
     .pagination-box ul li.pb-next > span {
          min-width: 0;
          width: 34px;
          height: 34px;
     }
     .pagination-box ul li.pb-prev > * >span,
     .pagination-box ul li.pb-next > * >span {
          display: none;
     }
     .pagination-box ul li.pb-prev a {
          background-image: url('../img/icons/pagination-box-ico-1.png');
     }
     .pagination-box ul li.pb-next a {
          background-image: url('../img/icons/pagination-box-ico-2.png');
     }
     .pagination-box ul li > a,
     .pagination-box ul li > span {
          min-width: 35px;
          padding-top: 11px;
          padding-bottom: 11px;
     }
}
@media only screen and (max-width: 440px) {
     .pagination-box ul li {
          margin: 0;
     }
}
/* === .pagination-box === */





/* === .clients-suppliers-main-box === */
.clients-suppliers-main-box .clients-suppliers-main-box-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     margin-top: -40px;
}
.clients-suppliers-main-box .clients-suppliers-item {
     width: -webkit-calc(25% - 30px);
     width: calc(25% - 30px);
     margin-left: 40px;
     margin-top: 40px;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     line-height: 25px;
     color: var(--main-color-black-3);
}
.clients-suppliers-main-box .clients-suppliers-item:first-child,
.clients-suppliers-main-box .clients-suppliers-item:nth-child(4n + 1) {
     margin-left: 0;
}
.clients-suppliers-main-box .clients-suppliers-item > * {
     margin-top: 30px;
}
.clients-suppliers-main-box .clients-suppliers-item > *:first-child {
     margin-top: 0;
}
.clients-suppliers-main-box .clients-suppliers-item .ci-head > * {
     margin-top: 30px;
}
.clients-suppliers-main-box .clients-suppliers-item .ci-head > *:first-child {
     margin-top: 0;
}
.clients-suppliers-main-box .clients-suppliers-item .ci-head .ci-head-image {
     overflow: hidden;
     position: relative;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     height: 170px;
}
.clients-suppliers-main-box .clients-suppliers-item .ci-head .ci-head-image img {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     object-fit: cover;
     object-position: center center;
}
.clients-suppliers-main-box .clients-suppliers-item .ci-head .ci-head-image.chi-contain img {
     object-fit: contain;
}
.clients-suppliers-main-box .clients-suppliers-item .ci-head .ci-head-title {
     font-family: 'Inter', sans-serif;
     font-size: 32px;
     font-weight: 500;
     line-height: 32px;
     color: var(--main-color-black-3);
}
/* === .clients-suppliers-main-box === */





/* === .first-screen-slider === */
.first-screen-slider {
     position: relative;
     max-width: 1920px;
     height: 750px;
     margin: 0 auto;
}
.first-screen-slider .fss-overlay {
     overflow: hidden;
     position: relative;
     height: 100%;
}
.first-screen-slider .fss-draggable {
     width: 9999999px;
     height: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.first-screen-slider .fss-sld-item {
     position: relative;
     width: 100%;
     max-width: 1920px;
     height: 100%;
     background-color: var(--main-color-light-gray-2);
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: cover;
     background-size: cover;
}
.first-screen-slider .fss-sld-item:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     background: var(--main-color-black-half-alpha);
}
.first-screen-slider .fss-sld-item.fss-sld-item---1 {
     background-image: url("../img/first-screen-slider-backgrounds/1920/1920-1.jpg");
}
.first-screen-slider .fss-sld-item.fss-sld-item---2 {
     background-image: url("../img/first-screen-slider-backgrounds/1920/1920-2.jpg");
}
.first-screen-slider .fss-sld-item.fss-sld-item---3 {
     background-image: url("../img/first-screen-slider-backgrounds/1920/1920-3.jpg");
}
.first-screen-slider .fss-sld-item.fss-sld-item---4 {
     background-image: url("../img/first-screen-slider-backgrounds/1920/1920-4.jpg");
}
.first-screen-slider .fss-sld-item.fss-sld-item---5 {
     background-image: url("../img/first-screen-slider-backgrounds/1920/1920-5.jpg");
}
.first-screen-slider .fss-sld-item.fss-sld-item---6 {
     background-image: url("../img/first-screen-slider-backgrounds/1920/1920-6.jpg");
}
.first-screen-slider .fss-sld-item.fss-sld-item---7 {
     background-image: url("../img/first-screen-slider-backgrounds/1920/1920-7.jpg");
}
.first-screen-slider .fss-sld-item.fss-sld-item---8 {
     background-image: url("../img/first-screen-slider-backgrounds/1920/1920-8.jpg");
}
.first-screen-slider .fss-sld-item .fss-sld-item-overflow {
     position: relative;
     z-index: 2;
     height: 100%;
     padding-left: 295px;
     padding-right: 295px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
.first-screen-slider .fss-sld-item .fss-sld-item-headline {
     font-family: 'Inter', sans-serif;
     font-size: 62px;
     font-weight: 600;
     line-height: 75px;
     color: var(--main-color-white);
}
.first-screen-slider .fss-sld-nav {
     width: 25px;
     height: 40px;
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 5;
     margin: auto 0;
     pointer-events: none;
}
.first-screen-slider .fss-sld-nav.fss-sld-nav-left {
     left: 167px;
}
.first-screen-slider .fss-sld-nav.fss-sld-nav-right {
     right: 167px;
}
.first-screen-slider .fss-sld-nav > * {
     display: block;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: 100%;
     background-size: 100%;
     opacity: .5;
     cursor: pointer;
     pointer-events: auto;
     -webkit-transition: opacity 150ms ease-in-out;
     transition: opacity 150ms ease-in-out;
}
.first-screen-slider .fss-sld-nav > *:hover {
     opacity: 1;
}
.first-screen-slider .fss-sld-nav.fss-sld-nav-left > * {
     background-image: url("../img/icons/first-screen-slider-sld-nav-left.png");
}
.first-screen-slider .fss-sld-nav.fss-sld-nav-right > * {
     background-image: url("../img/icons/first-screen-slider-sld-nav-right.png");
}
.first-screen-slider .fss-sld-dots {
     position: absolute;
     left: 0;
     bottom: 100px;
     right: 0;
     top: auto;
     z-index: 5;
}
.first-screen-slider .fss-sld-dots ul {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
     list-style: none;
     list-style-position: inside;
}
.first-screen-slider .fss-sld-dots li {
     display: block;
     width: 32px;
     height: 7px;
     margin-left: 20px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     background-color: var(--main-color-semi-gray-1);
     -webkit-transition: background-color 150ms ease-in-out;
     transition: background-color 150ms ease-in-out;
     cursor: pointer;
}
.first-screen-slider .fss-sld-dots li:first-child {
     margin-left: 0;
}
.first-screen-slider .fss-sld-dots li:hover {
     background-color: var(--main-color-white);
}
.first-screen-slider .fss-sld-dots li.active {
     cursor: default;
     pointer-events: none;
}
.first-screen-slider .fss-sld-dots li.active,
.first-screen-slider .fss-sld-dots li.active:hover {
     background-color: var(--main-color-blue-1);
}
/* === .first-screen-slider === */





/* === .catalog-main-box === */
.catalog-main-box {
     padding: 24px;
     -webkit-border-radius: 25px;
     border-radius: 25px;
     background-color: var(--main-color-semi-gray-1);
}
.catalog-main-box .cmb-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     margin-top: -64px;
}
.catalog-main-box .cmb-column {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-flex-pack: justify;
     width: -webkit-calc(33.333% - 42.666px);
     width: calc(33.333% - 42.666px);
     margin-left: 64px;
     margin-top: 64px;
}
.catalog-main-box .cmb-column:first-child,
.catalog-main-box .cmb-column:nth-child(3n + 1) {
     margin-left: 0;
}
.catalog-main-box .cmb-column > * {
     margin-top: 64px;
}
.catalog-main-box .cmb-column > *:first-child {
     margin-top: 0;
}
/* === .catalog-main-box === */





/* === .catalog-main-box-item === */
.catalog-main-box-item {
     width: 100%;
     height: 100%;
     padding: 25px 15px;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     background-color: var(--main-color-light-gray-4);
     -webkit-box-shadow: 12px 15px 30px 0 rgba(3, 19, 69, 0.15);
     box-shadow: 12px 15px 30px 0 rgba(3, 19, 69, 0.15);
}
.catalog-main-box-item.catalog-main-box-item-auto-height {
     height: auto;
}
.catalog-main-box-item > * {
     margin-top: 20px;
}
.catalog-main-box-item > *:first-child {
     margin-top: 0;
}
.catalog-main-box-item .cmbi-head {
     display: block;
     min-height: 155px;
     color: var(--main-color-dark-blue-3);
     text-decoration-line: none;
     -webkit-transition: color 150ms ease-in-out;
     transition: color 150ms ease-in-out;
}
.catalog-main-box-item.has-mobile .cmbi-head {
     cursor: pointer;
     -webkit-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-user-drag: none;
}
.catalog-main-box-item .cmbi-head.cmbi-head-auto-height {
     min-height: 0;
}
.catalog-main-box-item.has-mobile .cmbi-head {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.catalog-main-box-item.has-mobile .cmbi-head .cmbi-head---img {
     position: relative;
     padding-right: 20px;
}
.catalog-main-box-item.has-mobile .cmbi-head .cmbi-head---img:before,
.catalog-main-box-item.has-mobile .cmbi-head .cmbi-head---img:after {
     content: '';
     position: absolute;
     left: auto;
     top: 0;
     right: -20px;
     bottom: 0;
     margin: auto 0;
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: 100%;
     background-size: 100%;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: -webkit-transform 150ms ease-in-out;
     transition: transform 150ms ease-in-out;
}
.catalog-main-box-item.has-mobile .cmbi-head .cmbi-head---img:before {
     background-image: url("../img/icons/catalog-icons/caret-down-icon-spoiler.svg");
}
.catalog-main-box-item.has-mobile .cmbi-head .cmbi-head---img:after {
     visibility: hidden;
     background-image: url("../img/icons/catalog-icons/caret-down-icon-spoiler-active.svg");
}
.catalog-main-box-item.has-mobile.active .cmbi-head .cmbi-head---img:before,
.catalog-main-box-item.has-mobile.active .cmbi-head .cmbi-head---img:after {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
.catalog-main-box-item.has-mobile.active .cmbi-head .cmbi-head---img:before {
     visibility: hidden;
}
.catalog-main-box-item.has-mobile.active .cmbi-head .cmbi-head---img:after {
     visibility: visible;
}
.catalog-main-box-item .cmbi-head:hover,
.catalog-main-box-item.has-mobile.active .cmbi-head {
     color: var(--main-color-blue-5);
     text-decoration-line: none;
}
.catalog-main-box-item .cmbi-head .cmbi-head---img {
     height: 70px;
}
.catalog-main-box-item .cmbi-head .cmbi-head---img img {
     display: block;
     width: auto;
     height: 100%;
     margin: 0 auto;
}
.catalog-main-box-item .cmbi-head .cmbi-head---img svg {
     display: block;
     width: auto;
     height: 100%;
     margin: 0 auto;
     shape-rendering: geometricPrecision;
     text-rendering: optimizeLegibility;
     image-rendering: auto;
}
.catalog-main-box-item .cmbi-head .cmbi-head---img svg path {
     fill-rule: evenodd;
     clip-rule: evenodd;
     fill: var(--main-color-dark-blue-3);
     -webkit-transition: fill 150ms ease-in-out;
     transition: fill 150ms ease-in-out;
}
.catalog-main-box-item .cmbi-head:hover .cmbi-head---img svg path,
.catalog-main-box-item.has-mobile.active .cmbi-head .cmbi-head---img svg path {
     fill: var(--main-color-blue-5);
}
.catalog-main-box-item .cmbi-head .cmbi-head---title > * {
     margin-top: 15px;
}
.catalog-main-box-item .cmbi-head .cmbi-head---title > *:first-child {
     margin-top: 10px;
}
.catalog-main-box-item .cmbi-head .cmbi-head---title .cmbi-ht---headline {
     font-family: 'Inter', sans-serif;
     font-size: 24px;
     line-height: 30px;
     text-align: center;
}
.catalog-main-box-item .cmbi-head .cmbi-head---title .cmbi-ht---text {
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     line-height: 23px;
     text-align: center;
}
.catalog-main-box-item .cmbi-content {
     padding: 0 15px 10px 15px;
}
.catalog-main-box-item.has-mobile .cmbi-content {
     display: none;
}
.catalog-main-box-item.has-mobile.active .cmbi-content {
     display: block;
}
.catalog-main-box-item .cmbi-content > * {
     margin-top: 10px;
}
.catalog-main-box-item .cmbi-content > *:first-child {
     margin-top: 0;
}
.catalog-main-box-item .cmbi-content .cmbi-content-item {
     display: block;
     position: relative;
     padding: 8.5px 30px 8.5px 40px;
     border: 1px solid var(--main-color-silver-7);
     -webkit-border-radius: 5px;
     border-radius: 5px;
     font-family: 'Golos Text', sans-serif;
     font-size: 20px;
     line-height: 25px;
     text-align: left;
     color: var(--main-color-black-3);
     text-decoration-line: none;
     background-color: var(--main-color-transparent);
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-transition: -webkit-transform 75ms ease-in-out, padding 200ms ease-in-out, color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 300ms ease-in-out;
     transition:  transform 75ms ease-in-out, padding 200ms ease-in-out, color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 300ms ease-in-out;
}
.catalog-main-box-item:not(.has-mobile) .cmbi-content .cmbi-content-item:hover {
     padding-left: 55px;
     padding-right: 15px;
     color: var(--main-color-blue-6);
     text-decoration-line: none;
     border-color: var(--main-color-blue-6);
     background-color: var(--main-color-white);
}
.catalog-main-box-item .cmbi-content .cmbi-content-item:active {
     -webkit-transform: scale(0.975);
     transform: scale(0.975);
}
.catalog-main-box-item .cmbi-content .cmbi-content-item .cmbi-ci-img {
     position: absolute;
     left: 10px;
     top: 0;
     bottom: 0;
     margin: auto 0;
     z-index: 2;
     width: 20px;
     height: 20px;
     -webkit-filter: saturate(0%) contrast(300%);
     filter: saturate(0%) contrast(300%);
     -webkit-transition: -webkit-filter 150ms ease-in-out;
     transition: filter 150ms ease-in-out;
}
.catalog-main-box-item .cmbi-content .cmbi-content-item:hover .cmbi-ci-img,
.catalog-main-box-item.has-mobile .cmbi-content .cmbi-content-item .cmbi-ci-img {
     -webkit-filter: saturate(100%) contrast(100%);
     filter: saturate(100%) contrast(100%);
}
.catalog-main-box-item .cmbi-content .cmbi-content-item .cmbi-ci-img img {
     display: block;
     width: auto;
     height: 100%;
}
.catalog-main-box-item .cmbi-content .cmbi-content-item:before,
.catalog-main-box-item .cmbi-content .cmbi-content-item:after {
     content: '';
     position: absolute;
     top: 0;
     left: auto;
     right: 10px;
     bottom: 0;
     margin: auto 0;
     width: 12px;
     height: 12px;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: 8px;
     background-size: 8px;
     -webkit-transition: opacity 200ms ease-in-out, left 200ms ease-in-out;
     transition: opacity 200ms ease-in-out, left 200ms ease-in-out;
}
.catalog-main-box-item .cmbi-content .cmbi-content-item:hover:after {
     right: auto;
     left: 38px;
}
.catalog-main-box-item .cmbi-content .cmbi-content-item:before {
     background-image: url("../img/icons/catalog-icons/catalog-ico-trigger.svg");
}
.catalog-main-box-item .cmbi-content .cmbi-content-item:after {
     opacity: 0;
     background-image: url("../img/icons/catalog-icons/catalog-ico-trigger-hover.svg");
}
.catalog-main-box-item:not(.has-mobile) .cmbi-content .cmbi-content-item:hover:before {
     opacity: 0;
}
.catalog-main-box-item:not(.has-mobile) .cmbi-content .cmbi-content-item:hover:after {
     opacity: 1;
}
/* === .catalog-main-box-item === */





/* === .partners-slider === */
.partners-slider {
     position: relative;
     max-width: 1920px;
     height: 120px;
     width: 100%;
     margin: 0 auto;
     pointer-events: none;
}
.partners-slider .ps-overlay {
     overflow: hidden;
     position: relative;
     height: 100%;
}
.partners-slider .ps-draggable {
     height: 100%;
     width: 9999999px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.partners-slider .ps-draggable > * {
     margin-right: 70px;
}
.partners-slider .ps-draggable > *:last-child {
     margin-right: 0;
}
.partners-slider .partners-slider-item {
     width: 100%;
}
.partners-slider .partners-slider-item .ps-item-image {
     overflow: hidden;
     position: relative;
     width: 100%;
     height: 100%;
}
.partners-slider .partners-slider-item .ps-item-image img {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     margin: auto;
}
.partners-slider .psi-magma {
     max-width: 100px;
}
.partners-slider .psi-evetron {
     max-width: 197px
}
.partners-slider .psi-guntermann {
     max-width: 171px
}
.partners-slider .psi-adder {
     max-width: 86px
}
.partners-slider .psi-lightware {
     max-width: 304px
}
.partners-slider .psi-barix {
     max-width: 282px
}
.partners-slider .psi-kvm-tec {
     max-width: 232px
}
.partners-slider .psi-sonifex {
     max-width: 316px
}
.partners-slider .psi-teradici {
     max-width: 245px
}
.partners-slider .psi-ihse {
     max-width: 269px
}
.partners-slider .psi-matrox {
     max-width: 210px
}
.partners-slider .psi-a-ten {
     max-width: 144px
}
.partners-slider .psi-black-box {
     max-width: 400px
}
.partners-slider .ps-sld-nav,
.partners-slider .ps-sld-dots {
     display: none;
}
/* === .partners-slider === */





/* === .universal-responsive-slider === */
.universal-responsive-slider .urs-sld-nav {
     display: none;
     position: absolute;
     top: auto;
     bottom: 10px;
     z-index: 5;
     width: 20px;
     height: 20px;
}
.universal-responsive-slider.has-mobile .urs-sld-nav {
     display: block;
}
.universal-responsive-slider .urs-sld-nav.urs-sld-nav-left {
     left: 50px;
}
.universal-responsive-slider .urs-sld-nav.urs-sld-nav-right {
     right: 50px;
}
.universal-responsive-slider .urs-sld-nav span {
     display: block;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: 100%;
     background-size: 100%;
}
.universal-responsive-slider .urs-sld-nav.urs-sld-nav-left span {
     background-image: url('../img/icons/arrow-left.svg');
}
.universal-responsive-slider .urs-sld-nav.urs-sld-nav-right span {
     background-image: url('../img/icons/arrow-right.svg');
}
.universal-responsive-slider .urs-sld-dots {
     display: none;
     position: absolute;
     left: 0;
     bottom: 15px;
     right: 0;
     z-index: 3;
}
/* === .universal-responsive-slider === */

/* === .universal-responsive-slider.has-mobile === */
.universal-responsive-slider.has-mobile .urs-sld-dots {
     display: block;
}
.universal-responsive-slider .urs-sld-dots ul {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
.universal-responsive-slider .urs-sld-dots ul li {
     display: block;
     margin-left: 15px;
     width: 8px;
     height: 8px;
     border-radius: 100%;
     background-color: var(--main-color-silver-6);
}
.universal-responsive-slider .urs-sld-dots ul li:first-child {
     margin-left: 0;
}
.universal-responsive-slider .urs-sld-dots ul li.active {
     background-color: var(--main-color-blue-1);
}
.universal-responsive-slider .urs-draggable > * {
     margin-top: 50px;
}
.universal-responsive-slider .urs-draggable > *:first-child {
     margin-top: 0;
}
.universal-responsive-slider.has-mobile {
     position: relative;
     padding-left: 0;
     padding-right: 0;
     padding-bottom: 70px;
}
.universal-responsive-slider.has-mobile .urs-overflow {
     overflow: hidden;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.universal-responsive-slider.has-mobile .urs-draggable {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     width: 9999999px;
}
.universal-responsive-slider.has-mobile .urs-draggable > * {
     margin-top: 0;
}
.universal-responsive-slider.has-mobile .urs-draggable > *:first-child {
     margin-top: 0;
}
.universal-responsive-slider.has-mobile .news-item {
     width: 100%;
     max-width: 100vw;
     -webkit-user-select: none;
     user-select: none;
}
.universal-responsive-slider.has-mobile .news-item .news-item-overflow .ni-column {
     width: 100%;
     margin-left: 0;
}
.universal-responsive-slider.has-mobile .news-item .news-item-overflow .ni-column:first-child {
     display: none;
     width: auto;
     margin-left: 0;
}
/* === .universal-responsive-slider.has-mobile === */





/* === .news-item === */
.news-item {
     display: block;
}
.news-item,
.news-item:hover {
     color: var(--main-color-black-3);
     text-decoration-line: none;
}
.news-item .news-item-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.news-item .news-item-overflow .ni-column {
     width: -webkit-calc(100% - 350px - 50px);
     width: calc(100% - 350px - 50px);
     margin-left: 50px;
}
.news-item .news-item-overflow .ni-column:first-child {
     width: 350px;
     margin-left: 0;
}
.news-item .news-item-image {
     display: block;
     overflow: hidden;
     position: relative;
     width: 100%;
     padding-top: 71.5%;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     background-color: var(--main-color-white);
}
.news-item .news-item-image img {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     object-fit: cover;
     object-position: center center;
}
.news-item .news-item-content > * {
     margin-top: 20px;
}
.news-item .news-item-content > *:first-child {
     margin-top: 0;
}
.news-item .news-item-content .nic-date {
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     line-height: 22px;
     color: var(--main-color-semi-gray-3);
}
.news-item .news-item-content .nic-title {
     display: block;
     font-family: 'Golos Text', sans-serif;
     font-size: 24px;
     font-weight: 500;
     line-height: 29px;
     color: var(--main-color-dark-blue-3);
     text-decoration-line: none;
}
.news-item .news-item-content .nic-text {
     display: block;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     line-height: 24px;
     color: var(--main-color-black-3);
}
/* === .news-item === */





/* === .read-more-btn-box === */
.read-more-btn-box {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
.read-more-btn-box > * {
     display: block;
}
/* === .read-more-btn-box === */





/* === .advantages-main-box === */
.advantages-main-box .amb-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     margin-top: -40px;
}
.advantages-main-box .advantages-main-box-item {
     width: -webkit-calc(25% - 30px);
     width: calc(25% - 30px);
     min-height: 210px;
     margin-left: 40px;
     margin-top: 40px;
}
.advantages-main-box .advantages-main-box-item:first-child,
.advantages-main-box .advantages-main-box-item:nth-child(4n + 1) {
     margin-left: 0;
}
/* === .advantages-main-box === */





/* === .advantages-main-box-item === */
.advantages-main-box-item {
     padding: 30px 15px 26px 15px;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     background-color: var(--main-color-semi-gray-4);
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     line-height: 28px;
     text-align: center;
     color: var(--main-color-black-3);
}
.advantages-main-box-item > * {
     margin-top: 20px;
}
.advantages-main-box-item > *:first-child {
     margin-top: 0;
}
.advantages-main-box-item .amb-item-head {
     min-height: 115px;
}
.advantages-main-box-item .amb-item-head > * {
     margin-top: 20px;
}
.advantages-main-box-item .amb-item-head > *:first-child {
     margin-top: 0;
}
.advantages-main-box-item .amb-item-head .amb-item-img {
     height: 70px;
}
.advantages-main-box-item .amb-item-head .amb-item-img img {
     display: block;
     width: auto;
     height: 100%;
     margin: 0 auto;
}
.advantages-main-box-item .amb-item-head .amb-item-title {
     font-family: 'Manrope', sans-serif;
     font-size: 20px;
     font-weight: 600;
     line-height: 27px;
     text-align: center;
     color: var(--main-color-black-3);
}
.advantages-main-box-item.amb-no-item-content {
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-flex-pack: justify;
}
.advantages-main-box-item.amb-no-item-content .amb-item-content {
     display: none;
}
.advantages-main-box-item.amb-no-item-content .amb-item-head {
     min-height: 0;
     height: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
/* === .advantages-main-box-item === */





/* === .usage-categories-main-box === */
.usage-categories-main-box .ucmb-item-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     margin-top: -40px;
}
.usage-categories-main-box .usage-categories-main-box-item {
     width: -webkit-calc(25% - 30px);
     width: calc(25% - 30px);
     min-height: 210px;
     margin-left: 40px;
     margin-top: 40px;
}
.usage-categories-main-box .usage-categories-main-box-item:first-child,
.usage-categories-main-box .usage-categories-main-box-item:nth-child(4n + 1) {
     margin-left: 0;
}
/* === .usage-categories-main-box === */





/* === .usage-categories-main-box-item  === */
.usage-categories-main-box-item {
     background-color: var(--main-color-transparent);
}
.usage-categories-main-box-item,
.usage-categories-main-box-item .ucmb-item-wrap {
     -webkit-border-radius: 20px;
     border-radius: 20px;
}
.usage-categories-main-box-item .ucmb-item-wrap {
     overflow: hidden;
     position: relative;
     padding-top: 431px;
}
.usage-categories-main-box-item .ucmb-item-background {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 155px;
     right: 0;
     z-index: 1;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: cover;
     background-size: cover;
     -webkit-filter: saturate(0%);
     filter: saturate(0%);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: -webkit-transform 850ms cubic-bezier(0, 0.55, 0.45, 1), -webkit-filter 150ms ease-in-out;
     transition: transform 850ms cubic-bezier(0, 0.55, 0.45, 1), filter 150ms ease-in-out;
}
.usage-categories-main-box-item.ucib-contain-image .ucmb-item-background {
     -webkit-background-size: contain;
     background-size: contain;
}
.usage-categories-main-box-item:hover .ucmb-item-background {
     -webkit-filter: saturate(100%);
     filter: saturate(100%);
     -webkit-transform: scale(1);
     transform: scale(1);
}
.usage-categories-main-box-item .ucmb-item-wrap:after {
     content: '';
     position: absolute;
     display: block;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
     opacity: 1;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     background: var(--main-color-dark-blue-custom-half-alpha);
     -webkit-transition: opacity 300ms ease-in-out;
     transition: opacity 300ms ease-in-out;
}
.usage-categories-main-box-item:hover .ucmb-item-wrap:after {
     opacity: 0;
}
.usage-categories-main-box-item .ucmb-item-description {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     position: relative;
     z-index: 3;
     width: 100%;
     padding: 15px 25px 15px 105px;
     min-height: 155px;
     background-color: var(--main-color-dark-blue-3);
}
.usage-categories-main-box-item .ucmb-item-description .ucmb-id-image {
     position: absolute;
     left: 25px;
     top: 0;
     bottom: 0;
     z-index: 1;
     margin: auto 0;
     width: 60px;
     height: 60px;
}
.usage-categories-main-box-item .ucmb-item-description .ucmb-id-image img {
     display: block;
     width: 100%;
     height: auto;
}
.usage-categories-main-box-item .ucmb-item-description .ucmb-id-text {
     font-family: 'Manrope', sans-serif;
     font-size: 20px;
     line-height: 27px;
     text-align: left;
     color: var(--main-color-white);
}
/* === .usage-categories-main-box-item  === */





/* === .map-section-box === */
.map-section-box {
     overflow: hidden;
     position: relative;
     height: 800px;
}
.map-section-box .company-info {
     position: absolute;
     top: 50%;
     left: -webkit-calc((100% - 1736px) / 2);
     left: calc((100% - 1736px) / 2);
     -webkit-transform: translateX(0) translateY(-50%);
     transform: translateX(0) translateY(-50%);
     z-index: 5;
     margin: auto 0;
     max-width: 455px;
     padding: 30px 20px;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     background-color: var(--main-color-white);
     -webkit-transition: -webkit-transform 350ms ease-in-out;
     transition: transform 350ms ease-in-out;
}
.map-section-box .company-info.has-hidden {
     -webkit-transform: translateX(-webkit-calc((100% + 455px) * -1)) translateY(-50%);
     transform: translateX(calc((100% + 455px) * -1)) translateY(-50%);
}
.map-section-box .map-box-canvas {
     overflow: hidden;
     position: relative;
     z-index: 3;
     width: 100%;
     height: 100%;
     background-color: var(--main-color-silver);
}
.map-section-box .map-box-canvas .map-box-canvas-marker {
     position: relative;
     right: 36px;
     bottom: 72px;
     width: 72px;
     height: 72px;
     background: url("../img/icons/location-symbol-drop-pin-dark-blue.svg") no-repeat center center var(--main-color-transparent);
     -webkit-background-size: 100%;
     background-size: 100%;
}
/* === .map-section-box === */





/* === .company-info === */
.company-info > * {
     margin-top: 20px;
}
.company-info > *:first-child {
     margin-top: 0;
}
.company-info .ci-logo {
     max-width: 180px;
     margin: 0 auto 30px auto;
}
.company-info .ci-logo img {
     display: block;
     width: 100%;
     height: auto;
}
.company-info .ci-list {
     list-style-position: inside;
     list-style: none;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     line-height: 25px;
     color: var(--main-color-black-3);
}
.company-info.ci-style-2 .ci-list {
     color: var(--main-color-white);
}
.company-info .ci-list li {
     display: block;
     position: relative;
     margin-top: 20px;
     padding-left: 35px;
}
.company-info .ci-list li:first-child {
     margin-top: 0;
}
.company-info .ci-list li:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
     margin: 0 0 auto 0;
     width: 25px;
     height: 25px;
     background-repeat: no-repeat;
     background-position: center center;
     -webkit-background-size: 100%;
     background-size: 100%;
}
.company-info .ci-list li.ci-l-time:before {
     background-image: url("../img/icons/company-info-icons/1.png");
}
.company-info .ci-list li.ci-l-address:before {
     background-image: url("../img/icons/company-info-icons/2.png");
}
.company-info .ci-list li.ci-l-phone:before {
     background-image: url("../img/icons/company-info-icons/3.png");
}
.company-info .ci-list li.ci-l-email:before {
     background-image: url("../img/icons/company-info-icons/4.png");
     -webkit-background-size: 95%;
     background-size: 95%;
}
.company-info.ci-style-2 .ci-list li.ci-l-time:before {
     background-image: url("../img/icons/company-info-icons/1-white.png");
}
.company-info.ci-style-2 .ci-list li.ci-l-address:before {
     background-image: url("../img/icons/company-info-icons/2-white.png");
}
.company-info.ci-style-2 .ci-list li.ci-l-phone:before {
     background-image: url("../img/icons/company-info-icons/3-white.png");
}
.company-info.ci-style-2 .ci-list li.ci-l-email:before {
     background-image: url("../img/icons/company-info-icons/4-white.png");
}
.company-info .ci-list li span {
     display: block;
     margin-top: 10px;
     font-size: 16px;
     line-height: 23px;
     font-weight: 300;
     color: var(--main-color-silver-2);
}
.company-info.ci-style-2 .ci-list li span {
     color: var(--main-color-semi-gray-5);
}
.company-info .ci-list li a {
     color: var(--main-color-black-3);
     text-decoration-line: none;
}
.company-info .ci-list li a:hover {
     color: var(--main-color-dark-blue-3);
     text-decoration-line: none;
}
.company-info.ci-style-2 .ci-list li a {
     color: var(--main-color-white);
}
.company-info.ci-style-2 .ci-list li a:hover {
     color: var(--main-color-white);
     text-decoration-line: underline;
}
.company-info .styled-btn {
     display: block;
}
/* === .company-info === */





/* === .spoilers-main-box === */
.spoilers-main-box {
     margin-left: auto;
     margin-right: auto;
     width: 100%;
}
.spoilers-main-box > * {
     margin-top: 19px;
}
.spoilers-main-box > *:first-child {
     margin-top: 0;
}
.spoilers-main-box .spoiler-item {
     -webkit-border-radius: 15px;
     border-radius: 15px;
     border: 1px solid var(--main-color-light-gray-5);
     -webkit-box-shadow: 0 0 4px 4px rgba(4,60,111,0.05);
     -moz-box-shadow: 0 0 4px 4px rgba(4,60,111,0.05);
     box-shadow: 0 0 4px 4px rgba(4,60,111,0.05);
     background-color: var(--main-color-white);
}
.spoilers-main-box .spoiler-item .si-title {
     position: relative;
     padding: 24px 60px 24px 22px;
     font-size: 24px;
     font-weight: 500;
     line-height: 26px;
     color: var(--main-color-dark-blue-5);
     cursor: pointer;
     -webkit-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-user-drag: none;
     -webkit-transition: color 150ms ease-in-out;
     transition: color 150ms ease-in-out;
}
.spoilers-main-box .spoiler-item.spoiler-item-active .si-title,
.spoilers-main-box .spoiler-item .si-title:hover {
     color: var(--main-color-dark-blue-4);
}
.spoilers-main-box .spoiler-item .si-title:before {
     content: '';
     position: absolute;
     right: 18px;
     top: 20px;
     bottom: 0;
     width: 32px;
     height: 32px;
     z-index: 1;
     background: url("../img/icons/spoiler-icon.svg") no-repeat center center;
     -webkit-background-size: 100%;
     background-size: 100%;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: -webkit-transform 150ms ease-in-out, opacity 150ms ease-in-out;
     transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;
     opacity: .75;
}
.spoilers-main-box .spoiler-item.spoiler-item-active .si-title:before,
.spoilers-main-box .spoiler-item .si-title:hover:before {
     opacity: 1;
}
.spoilers-main-box .spoiler-item.spoiler-item-active .si-title:before {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
.spoilers-main-box .spoiler-item .si-content {
     display: none;
     padding: 0 22px 18px 22px;
     font-size: 18px;
     font-weight: normal;
     line-height: 25px;
     letter-spacing: normal;
     color: var(--main-color-black-2);
}
.spoilers-main-box .spoiler-item.spoiler-item-active .si-content {
     display: block;
}
.spoilers-main-box .spoiler-item .si-content b {
     font-weight: 500;
}
.spoilers-main-box .spoiler-item .si-content a {
     color: var(--main-color-dark-blue-5);
     text-decoration-line: underline;
}
.spoilers-main-box .spoiler-item .si-content a:hover {
     color: var(--main-color-dark-blue-5);
     text-decoration-line: none;
}
.spoilers-main-box .spoiler-item .si-content ul {
     list-style: disc;
     list-style-position: inside;
}
/* === .spoilers-main-box === */





/* === .showcase-main-box === */
.showcase-main-box > * {
     margin-top: 50px;
}
.showcase-main-box > *:first-child {
     margin-top: 0;
}
.showcase-main-box .showcase-filters-box {
     position: sticky;
     left: 0;
     top: 129px;
}
/* === .showcase-main-box === */





/* === .showcase-main-box-header === */
.showcase-main-box-header .showcase-main-box-header-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     margin-top: -25px;
}
.showcase-main-box-header .showcase-main-box-header-overflow > * {
     -webkit-flex: 0 0 -webkit-calc((100% - 3 * 40px) / 4);
     -ms-flex: 0 0 calc((100% - 3 * 40px) / 4);
     flex: 0 0 calc((100% - 3 * 40px) / 4);
     margin-left: 40px;
     margin-top: 25px;
}
.showcase-main-box-header .showcase-main-box-header-overflow > *:first-child,
.showcase-main-box-header .showcase-main-box-header-overflow > *:nth-child(4n + 1) {
     margin-left: 0;
}
.showcase-main-box-header .styled-btn {
     padding: 5px 5px;
     min-height: 57px;
}
/* === .showcase-main-box-header === */





/* === .showcase-main-box-body === */
.showcase-main-box-body .showcase-main-box-body-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column {
     width: -webkit-calc(100% - 23.3% - 40px);
     width: calc(100% - 23.3% - 40px);
     margin-left: 40px;
}
.showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column:first-child {
     width: 23.3%;
     margin-left: 0;
}
.showcase-main-box-body .main-title {
     display: none;
}
/* === .showcase-main-box-body === */





/* === .showcase-filters-box === */
.showcase-filters-box {
     padding: 10px;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     background-color: var(--main-color-light-gray-4);
}
/* адаптив блока фильтров для альбома ( мобилы ) */
@media only screen and (max-height: 440px) and (orientation: landscape) {
     .showcase-main-box .showcase-filters-box {
          position: static;
          top: auto;
          z-index: auto;
     }
}
.showcase-filters-box > * {
     margin-bottom: 10px;
}
.showcase-filters-box > *:last-child {
     margin-bottom: 0;
}
.showcase-filters-box .sfb-item {
     margin-bottom: 0;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     border-width: 1px;
     border-style: solid;
     border-color: var(--main-color-transparent);
     -webkit-transition: border-color 250ms ease, background-color 250ms ease;
     transition: border-color 250ms ease, background-color 250ms ease;
}
.showcase-filters-box .sfb-item.sfb-item-active {
     border-color: var(--main-color-blue-1);
     background-color: var(--main-color-white);
}
.showcase-filters-box .sfb-item.sfb-item-active:not(:last-child) {
     margin-bottom: 10px;
}
.showcase-filters-box .sfb-item.sfb-item-no-style.sfb-item-active {
     border-color: var(--main-color-transparent);
     background-color: var(--main-color-transparent);
     margin-top: 10px;
}
.showcase-filters-box .sfb-item .sfb-item-title {
     position: relative;
     padding: 10px 30px 10px 5px;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: 600;
     line-height: 25px;
     color: var(--main-color-semi-gray-5);
     cursor: pointer;
     -webkit-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: var(--main-color-transparent);
     -webkit-user-drag: none;
     -webkit-transition: padding-left 300ms ease, padding-right 300ms ease, color 150ms ease;
     transition: padding-left 300ms ease, padding-right 300ms ease, color 150ms ease;
}
.showcase-filters-box .sfb-item .sfb-item-title:hover {
     color: var(--main-color-black-3);
}
.showcase-filters-box .sfb-item.sfb-item-active .sfb-item-title {
     padding-left: 15px;
     padding-right: 40px;
     color: var(--main-color-black-3);
}
.showcase-filters-box .sfb-item .sfb-item-title:before,
.showcase-filters-box .sfb-item .sfb-item-title:after {
     content: '';
     position: absolute;
     top: 17px;
     z-index: 1;
     width: 3px;
     height: 12px;
     margin: auto -8px auto 0;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background-color: var(--main-color-semi-gray-5);
     -webkit-transition: margin-right 300ms ease-in-out, background-color 150ms ease;
     transition: margin-right 300ms ease-in-out, background-color 150ms ease;
}
.showcase-filters-box .sfb-item .sfb-item-title:hover:before,
.showcase-filters-box .sfb-item .sfb-item-title:hover:after {
     background-color: var(--main-color-black-3);
}
.showcase-filters-box .sfb-item .sfb-item-title:before {
     right: 14px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
.showcase-filters-box .sfb-item .sfb-item-title:after {
     right: 21px;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
.showcase-filters-box .sfb-item.sfb-item-active .sfb-item-title:before,
.showcase-filters-box .sfb-item.sfb-item-active .sfb-item-title:after {
     margin: auto 0;
     background-color: var(--main-color-black-3);
}
.showcase-filters-box .sfb-item.sfb-item-active .sfb-item-title:before {
     right: 21px;
}
.showcase-filters-box .sfb-item.sfb-item-active .sfb-item-title:after {
     right: 14px;
}
.showcase-filters-box .sfb-item .sfb-item-content {
     overflow: hidden;
     display: none;
     height: 0;
     opacity: 0;
     padding: 10px 15px 15px 15px;
     -webkit-transition: 500ms opacity 250ms ease;
     transition: 500ms opacity 250ms ease;
}
.showcase-filters-box .sfb-item.sfb-item-active .sfb-item-content {
     overflow: visible;
     display: block;
     height: auto;
     opacity: 1;
}
.showcase-filters-box.universal-form .universal-form-main-row {
     margin-top: 20px;
}
.showcase-filters-box.universal-form .universal-form-main-row:first-child {
     margin-top: 0;
}
.showcase-filters-box.universal-form .sfb-item:not(.sfb-item-active) .cbc-select {
     overflow: hidden;
}
/* === .showcase-filters-box === */





/* === .showcase-content-box === */
.showcase-content-box .showcase-content-box-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     margin-top: -40px;
}
.showcase-content-box .showcase-content-box-overflow .scb-item {
     width: -webkit-calc(33.333% - 26.666px);
     width: calc(33.333% - 26.666px);
     margin-left: 40px;
     margin-top: 40px;
}
.showcase-content-box .showcase-content-box-overflow .scb-item:first-child,
.showcase-content-box .showcase-content-box-overflow .scb-item:nth-child(3n + 1) {
     margin-left: 0;
}

.showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow {
     margin-top: -40px;
}
.showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item {
     width: -webkit-calc(25% - 30px);
     width: calc(25% - 30px);
     margin-left: 40px;
     margin-top: 40px;
}
.showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:first-child,
.showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:nth-child(4n + 1) {
     margin-left: 0;
}

.showcase-content-box .scb-item {
     display: block;
     padding: 10px;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     text-decoration-line: none;
     color: var(--main-color-black-3);
     background-color: var(--main-color-light-gray-4);
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-transition: color 150ms ease-in-out, background-color 150ms ease-in-out, -webkit-box-shadow 350ms ease-in-out;
     transition: color 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 350ms ease-in-out;
}
@media only screen and (min-width: 1025px) {
     .showcase-content-box .scb-item.scb-item-style-2 {
          padding-top: 16px;
          padding-bottom: 14px;
     }
}
.showcase-content-box a.scb-item:hover {
     text-decoration-line: none;
     color: var(--main-color-black-3);
     background-color: var(--main-color-light-gray-4);
     -webkit-box-shadow: 1px 3px 5px var(--main-color-light-blue-gray-half-alpha);
     -moz-box-shadow: 1px 3px 5px var(--main-color-light-blue-gray-half-alpha);
     box-shadow: 1px 3px 5px var(--main-color-light-blue-gray-half-alpha);
}
.showcase-content-box .scb-item .scb-item-overflow {
     position: relative;
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-flex-pack: justify;
}
.showcase-content-box .scb-item.scb-item-style-2 .scb-item-overflow {
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.showcase-content-box .scb-item .scb-item-overflow > * {
     width: 100%;
     margin-top: 15px;
}
.showcase-content-box .scb-item .scb-item-overflow > *:first-child {
     margin-top: 0;
}
.showcase-content-box .scb-item .scb-i-head > * {
     margin-top: 15px;
}
.showcase-content-box .scb-item .scb-i-head > *:first-child {
     margin-top: 0;
}
.showcase-content-box .scb-item .scb-i-head .scb-i-head-img {
     overflow: hidden;
     display: block;
     position: relative;
     height: 220px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     border-width: 1px;
     border-style: solid;
     border-color: var(--main-color-light-gray-4);
     background-color: var(--main-color-white);
     -webkit-transition: border-color 150ms ease-in-out;
     transition: border-color 150ms ease-in-out;
}
.showcase-content-box a.scb-item:hover .scb-i-head .scb-i-head-img,
.showcase-content-box .scb-item .scb-i-head a.scb-i-head-img:hover {
     border-color: var(--main-color-blue-1);
}
.showcase-content-box .scb-item .scb-i-head .scb-i-head-img img {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     object-fit: contain;
     object-position: center center;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}
.showcase-content-box .scb-item .scb-i-head .scb-i-head-title {
     display: block;
     max-height: 58px;
     overflow: hidden;
     text-overflow: ellipsis;
     font-family: 'Golos Text', sans-serif;
     font-size: 24px;
     font-weight: 500;
     line-height: 29px;
     color: var(--main-color-dark-blue-3);
     -webkit-transition: color 150ms ease-in-out;
     transition: color 150ms ease-in-out;
}
.showcase-content-box a.scb-item:hover .scb-i-head .scb-i-head-title {
     color: var(--main-color-blue-1);
}
.showcase-content-box .scb-i-head a.scb-i-head-title:hover {
     color: var(--main-color-blue-1);
}
.showcase-content-box .scb-item p {
     display: block;
}
.showcase-content-box .scb-item ul {
     list-style: none;
     list-style-position: inside;
}
.showcase-content-box .scb-item ul li {
     display: block;
     margin-top: 15px;
}
.showcase-content-box .scb-item ul li:first-child {
     margin-top: 0;
}
.showcase-content-box .scb-item ul li span {
     font-weight: 600;
     margin-right: 10px;
}
.showcase-content-box .scb-item .scb-i-content {
     min-height: -webkit-calc(100% - 308px);
     min-height: calc(100% - 308px);
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     -ms-flex-pack: justify;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: normal;
     line-height: 25px;
}
.showcase-content-box .scb-item:has(.scb-i-content-link) .scb-item-overflow {
     padding-bottom: 33px;
}
.showcase-content-box .scb-item .scb-i-content > * {
     width: 100%;
     margin-top: 15px;
}
.showcase-content-box .scb-item .scb-i-content > *:first-child {
     margin-top: 0;
}
.showcase-content-box .scb-item .scb-i-head-title,
.showcase-content-box .scb-item .scb-i-content-text,
.showcase-content-box .scb-item .scb-i-content-link,
.showcase-content-box .scb-item .scb-i-content-params {
     padding-left: 7px;
     padding-right: 7px;
}
.showcase-content-box .scb-item .scb-i-content-link {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 1;
}
.showcase-content-box .scb-item .scb-i-content-link,
.showcase-content-box .scb-item .scb-i-content-link a {
     color: var(--main-color-dark-blue);
     text-decoration-line: none;
     -webkit-transition: color 150ms ease-in-out;
     transition: color 150ms ease-in-out;
}
.showcase-content-box .scb-item .scb-i-content-link a:hover,
.showcase-content-box a.scb-item:hover .scb-i-content-link {
     color: var(--main-color-blue-1);
     text-decoration-line: none;
}
/* === .showcase-content-box === */





/* === .product-main-box-slider === */
.product-main-box-slider {
     position: relative;
     width: 100%;
}
.product-main-box-slider .pmbs-overlay {
     overflow: hidden;
     position: relative;
     /*
     height: -webkit-calc(100% - 105px - 30px);
     height: calc(100% - 105px - 30px);
     */
     height: 470px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     border: 1px solid var(--main-color-semi-gray-2);
}
.product-main-box-slider .pmbs-draggable {
     position: relative;
     z-index: 1;
     width: 99999px;
     height: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.product-main-box-slider .pmbs-item {
     width: 100%;
}
.product-main-box-slider .pmbs-item .pmbs-item-image {
     position: relative;
     width: 100%;
     height: 100%;
     background-color: var(--main-color-white);
}
.product-main-box-slider .pmbs-item .pmbs-item-image img {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     margin: auto;
     border: none;
}
.product-main-box-slider.disabled .pmbs-sld-nav {
     display: none;
}
.product-main-box-slider .pmbs-sld-nav {
     position: absolute;
     top: 0;
     bottom: -webkit-calc(105px + 30px);
     bottom: calc(105px + 30px);
     z-index: 5;
     margin: auto 0;
     width: 40px;
     height: 40px;
     pointer-events: none;
}
.product-main-box-slider .pmbs-sld-nav span {
     display: block;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position:  center center;
     -webkit-background-size: 25px;
     background-size: 25px;
     cursor: pointer;
     opacity: .75;
     pointer-events: auto;
}
.product-main-box-slider .pmbs-sld-nav:hover span {
     opacity: 1;
}
.product-main-box-slider .pmbs-sld-nav.pmbs-sld-nav-left {
     left: 20px;
}
.product-main-box-slider .pmbs-sld-nav.pmbs-sld-nav-right {
     right: 20px;
}
.product-main-box-slider .pmbs-sld-nav.pmbs-sld-nav-left span {
     background-image: url('../img/icons/slider-sld-nav-left.png');
}
.product-main-box-slider .pmbs-sld-nav.pmbs-sld-nav-right span {
     background-image: url('../img/icons/slider-sld-nav-right.png');
}
.product-main-box-slider .pmbs-sld-dots {
     margin-top: 30px;
     overflow-y: hidden;
     overflow-x: auto;
     scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
     scrollbar-width: none;
}
.product-main-box-slider.pmbs-centered-sld-dots .pmbs-sld-dots {
     overflow: hidden;
}
.product-main-box-slider .pmbs-sld-dots::-webkit-scrollbar {
     display: none;
}
.product-main-box-slider .pmbs-sld-dots ul {
     min-width: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     list-style: none;
     list-style-position: inside;
}
.product-main-box-slider.pmbs-centered-sld-dots .pmbs-sld-dots ul {
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
.product-main-box-slider .pmbs-sld-dots ul li {
     overflow: hidden;
     display: block;
     width: 105px;
     height: 105px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     border: 1px solid var(--main-color-semi-gray-2);
     background-color: var(--main-color-white);
     margin-left: 14px;
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     -webkit-transition: border-color 150ms ease-in-out;
     transition: border-color 150ms ease-in-out;
}
.product-main-box-slider .pmbs-sld-dots ul li:first-child {
     margin-left: 0;
}
.product-main-box-slider .pmbs-sld-dots ul li:hover {
     border-color: var(--main-color-blue-1);
}
.product-main-box-slider .pmbs-sld-dots ul li.active,
.product-main-box-slider .pmbs-sld-dots ul li.active:hover {
     border-color: var(--main-color-blue-1);
     cursor: default;
     pointer-events: none;
}
.product-main-box-slider .pmbs-sld-dots ul li .pmbs-sld-dot-image {
     position: relative;
     width: 100%;
     height: 100%;
}
.product-main-box-slider .pmbs-sld-dots ul li .pmbs-sld-dot-image:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 2;
     background-color: var(--main-color-light-blue-gray-half-alpha);
     opacity: .7;
     -webkit-transition: opacity 150ms ease-in-out;
     transition: opacity 150ms ease-in-out;
}
.product-main-box-slider .pmbs-sld-dots ul li:hover .pmbs-sld-dot-image:before,
.product-main-box-slider .pmbs-sld-dots ul li.active .pmbs-sld-dot-image:before {
     opacity: 0;
}
.product-main-box-slider .pmbs-sld-dots ul li .pmbs-sld-dot-image img {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     margin: auto;
     opacity: .75;
}
.product-main-box-slider .pmbs-sld-dots ul li.active .pmbs-sld-dot-image img {
     opacity: 1;
     -webkit-transition: opacity 150ms ease-in-out;
     transition: opacity 150ms ease-in-out;
}
/* === .product-main-box-slider === */





/* === .product-main-box === */
.product-main-box > * {
     margin-top: 30px;
}
.product-main-box > *:first-child {
     margin-top: 0;
}
.product-main-box .product-main-box-header .product-main-box-header-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.product-main-box .product-main-box-header .pmb-h-column {
     width: -webkit-calc(100% - 40.3% - 30px);
     width: calc(100% - 40.3% - 30px);
     margin-left: 30px;
}
.product-main-box .product-main-box-header .pmb-h-column:first-child {
     width: 40.3%;
     margin-left: 0;
}
.product-main-box .product-main-box-content > * {
     margin-top: 30px;
}
.product-main-box .product-main-box-content > *:first-child {
     margin-top: 0;
}
.product-main-box .product-main-box-content .main-text-block ol > li {
     margin-top: 20px;
}
/* === .product-main-box === */





/* === .news-page-main-box === */
.news-page-main-box .np-mb-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     margin-top: -50px;
}
.news-page-main-box .np-mb-overflow > * {
     width: -webkit-calc(50% - 25px);
     width: calc(50% - 25px);
     margin-left: 50px;
     margin-top: 50px;
}
.news-page-main-box .np-mb-overflow > *:nth-child(2n + 1) {
     margin-left: 0;
}
/* === .news-page-main-box === */





/* === .reviews-box === */
.reviews-box .rb-overflow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     margin-top: -40px;
}
.reviews-box .rb-overflow .reviews-box-item {
     width: -webkit-calc(25% - 30px);
     width: calc(25% - 30px);
     margin-left: 40px;
     margin-top: 40px;
}
.reviews-box .rb-overflow .reviews-box-item:first-child,
.reviews-box .rb-overflow .reviews-box-item:nth-child(4n + 1) {
     margin-left: 0;
}
.reviews-box .reviews-box-item .reviews-box-item-img {
     overflow: hidden;
     position: relative;
     padding-top: 147%;
     border: 1px solid var(--main-color-silver-3);
     background-color: var(--main-color-white);
     cursor: pointer;
     -webkit-transition: border-color 150ms ease-in-out;
     transition: border-color 150ms ease-in-out;
}
.reviews-box .reviews-box-item .reviews-box-item-img:hover {
     border-color: var(--main-color-black);
}
.reviews-box .reviews-box-item .reviews-box-item-img img {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     object-fit: cover;
     object-position: center center;
     opacity: .75;
     -webkit-transition: opacity 150ms ease-in-out;
     transition: opacity 150ms ease-in-out;
}
.reviews-box .reviews-box-item .reviews-box-item-img:hover img {
     opacity: 1;
}
/* === .reviews-box === */





/* === .footer-main-box === */
.footer-main-box {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.footer-main-box .fmb-column {
     margin-left: 30px;
}
.footer-main-box .fmb-column:nth-child(1) {
     margin-left: 0;
     -webkit-flex: 0 0 180px;
     -ms-flex: 0 0 180px;
     flex: 0 0 180px;
}
.footer-main-box .fmb-column:nth-child(2) {
     -webkit-flex: 0 0 25.75%;
     -ms-flex: 0 0 25.75%;
     flex: 0 0 25.75%;
}
.footer-main-box .fmb-column:nth-child(3) {
     -webkit-flex: 0 0 34.25%;
     -ms-flex: 0 0 34.25%;
     flex: 0 0 34.25%;
}
.footer-main-box .fmb-column:nth-child(4) {
     -webkit-flex: 0 0 -webkit-calc(100% - 180px - 25.75% - 34.25% - 90px);
     -ms-flex: 0 0 calc(100% - 180px - 25.75% - 34.25% - 90px);
     flex: 0 0 calc(100% - 180px - 25.75% - 34.25% - 90px);
}
.footer-main-box .fmb-column:nth-child(2),
.footer-main-box .fmb-column:nth-child(3) {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
}
.footer-main-box .fmb-column:nth-child(2) {
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
.footer-main-box .fmb-column:nth-child(3) {
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.footer-main-box .footer-logo {
     max-width: 180px;
}
.footer-main-box .footer-logo img {
     display: block;
     width: 100%;
     height: auto;
}
.footer-main-box .footer-navigation > * {
     margin-top: 20px;
}
.footer-main-box .footer-navigation > *:first-child {
     margin-top: 0;
}
.footer-main-box .footer-navigation ul {
     list-style: none;
     list-style-position: inside;
     font-family: 'Golos Text', sans-serif;
     font-size: 18px;
     font-weight: 500;
     line-height: 22px;
}
.footer-main-box .footer-navigation ul li {
     display: block;
     margin-top: 20px;
}
.footer-main-box .footer-navigation ul li:first-child {
     margin-top: 0;
}
.footer-main-box .footer-navigation ul li a,
.footer-main-box .footer-navigation ul li span {
     color: var(--main-color-white);
     text-decoration-line: none;
}
.footer-main-box .footer-navigation ul li a:hover {
     color: var(--main-color-white);
     text-decoration-line: underline;
}
.footer-main-box .footer-navigation .styled-btn {
     display: block;
}
.footer-main-box .footer-navigation p {
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: 500;
     line-height: 25px;
     color: var(--main-color-silver-8);
}
.footer-main-box .company-info {
     max-width: 425px;
}
.footer-main-box .company-info .ci-list {
     margin-top: 0;
}
/* === .footer-main-box === */





/* ==== ==== ==== SECTIONS MAIN STYLES START ==== ==== ==== */





/* ==== .first-screen ==== */
.first-screen {
     background-color: var(--main-color-white);
}
/* ==== .first-screen ==== */





/* === .catalog-section === */
.catalog-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.catalog-section .catalog-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.catalog-section .catalog-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .catalog-section === */





/* === .partners-section === */
.partners-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.partners-section .partners-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.partners-section .partners-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .partners-section === */





/* === .news-section === */
.news-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.news-section .news-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.news-section .news-section-main-row > *:first-child {
     margin-top: 0;
}
.news-section .universal-responsive-slider {
     padding-left: 80px;
     padding-right: 80px;
}
/* === .news-section === */





/* === .solutions-section === */
.solutions-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.solutions-section .solutions-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.solutions-section .solutions-section-main-row > *:first-child {
     margin-top: 0;
}
.solutions-section .universal-responsive-slider {
     padding-left: 80px;
     padding-right: 80px;
}
/* === .solutions-section === */





/* === .advantages-section === */
.advantages-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.advantages-section .advantages-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.advantages-section .advantages-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .advantages-section === */





/* === .usage-categories-section === */
.usage-categories-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.usage-categories-section .usage-categories-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.usage-categories-section .usage-categories-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .usage-categories-section === */





/* === .support-section === */
.support-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.support-section .support-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.support-section .support-section-main-row > *:first-child {
     margin-top: 0;
}
.support-section .support-main-box {
     max-width: 1436px;
     margin-left: auto;
     margin-right: auto;
}
/* === .support-section === */





/* === .faq-section === */
.faq-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
     background-color: var(--main-color-light-gray-6);
}
.faq-section .faq-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.faq-section .faq-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .faq end === */





/* === .showcase-section === */
.showcase-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.showcase-section > *,
.showcase-section .showcase-section-main-row .center > * {
     margin-top: var(--main-section-gap-top-pc);
}
.showcase-section > *:first-child,
.showcase-section .showcase-section-main-row .center > *:first-child {
     margin-top: 0;
}
.showcase-section .showcase-section-main-row.showcase-section-main-row---top .main-title-secondary {
     display: none;
}
.showcase-section .showcase-section-main-row.has-none {
     display: none;
}
/* === .showcase-section === */





/* === .search-results-section === */
.search-results-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
     background-color: var(--main-color-white);
}
.search-results-section .search-results-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.search-results-section .search-results-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .search-results-section === */





/* === .crumbs-section === */
.crumbs-section {
     margin-top: var(--main-section-gap-top-pc);
}
/* === .crumbs-section === */





/* === .pagination-section === */
.pagination-section {
     padding-top: -webkit-calc(var(--main-section-gap-top-pc) / 5);
     padding-top: calc(var(--main-section-gap-top-pc) / 5);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
/* === .pagination-section === */



/* === .product-section === */
.product-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
     background-color: var(--main-color-white);
}
.product-section .product-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.product-section .product-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .product-section === */





/* === .news-page-section === */
.news-page-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
     background-color: var(--main-color-white);
}
.news-page-section .news-page-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.news-page-section .news-page-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .news-page-section === */





/* === .company-information-section === */
.company-information-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.company-information-section .content-logo {
     margin-top: var(--main-section-gap-top-pc);
     margin-bottom: var(--main-section-gap-bottom-pc);
}
.company-information-section .main-title {
     margin-bottom: var(--main-section-gap-bottom-pc);
}
.company-information-section .main-title br {
     display: none;
}
/* === .company-information-section === */





/* === .clients-section === */
.clients-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.clients-section .clients-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.clients-section .clients-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .clients-section === */





/* === .suppliers-section === */
.suppliers-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.suppliers-section .suppliers-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.suppliers-section .suppliers-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .suppliers-section === */





/* === .reviews-section === */
.reviews-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.reviews-section .reviews-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.reviews-section .reviews-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .reviews-section === */





/* === .news-item-section === */
.news-item-section {
     padding-top: var(--main-section-gap-top-pc);
     padding-bottom: var(--main-section-gap-bottom-pc);
}
.news-item-section .news-item-section-main-row > * {
     margin-top: var(--main-section-gap-top-pc);
}
.news-item-section .news-item-section-main-row > *:first-child {
     margin-top: 0;
}
/* === .news-item-section === */





/* === .map-section === */
.map-section {
     background-color: var(--main-color-white);
}
.map-section .center {
     max-width: none;
     padding-left: 0;
     padding-right: 0;
}
/* === .map-section === */





/* === footer === */
footer {
     position: relative;
     padding-top: 30px;
     padding-bottom: 30px;
     background-color: var(--main-color-black-5);
}
/* === footer === */





/* ==== *** for all sections layout styles *** ==== */
@media only screen and (max-width: 1366px) {
     .catalog-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .catalog-section .catalog-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .catalog-section .catalog-section-main-row > *:first-child {
          margin-top: 0;
     }



     .partners-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .partners-section .partners-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .partners-section .partners-section-main-row > *:first-child {
          margin-top: 0;
     }



     .news-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .news-section .news-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .news-section .news-section-main-row > *:first-child {
          margin-top: 0;
     }



     .solutions-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .solutions-section .solutions-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .solutions-section .solutions-section-main-row > *:first-child {
          margin-top: 0;
     }



     .advantages-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .advantages-section .advantages-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .advantages-section .advantages-section-main-row > *:first-child {
          margin-top: 0;
     }



     .usage-categories-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .usage-categories-section .usage-categories-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .usage-categories-section .usage-categories-section-main-row > *:first-child {
          margin-top: 0;
     }



     .support-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .support-section .support-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .support-section .support-section-main-row > *:first-child {
          margin-top: 0;
     }



     .faq-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .faq-section .faq-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .faq-section .faq-section-main-row > *:first-child {
          margin-top: 0;
     }



     .showcase-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .showcase-section > *,
     .showcase-section .showcase-section-main-row .center > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .showcase-section > *:first-child,
     .showcase-section .showcase-section-main-row .center > *:first-child {
          margin-top: 0;
     }



     .search-results-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .search-results-section .search-results-section-main-row > * {
          margin-top: var(--main-section-gap-bottom-mobile);
     }
     .search-results-section .search-results-section-main-row > *:first-child {
          margin-top: 0;
     }



     .crumbs-section {
          margin-top: var(--main-section-gap-top-mobile);
     }



     .pagination-section {
          padding-top: -webkit-calc(var(--main-section-gap-top-mobile) / 5);
          padding-top: calc(var(--main-section-gap-top-mobile) / 5);
          padding-bottom: var(--main-section-gap-top-mobile);
     }



     .product-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .product-section .product-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .product-section .product-section-main-row > *:first-child {
          margin-top: 0;
     }


     .news-page-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .news-page-section .news-page-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .news-page-section .news-page-section-main-row > *:first-child {
          margin-top: 0;
     }



     .company-information-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .company-information-section .content-logo {
          margin-top: var(--main-section-gap-top-mobile);
          margin-bottom: var(--main-section-gap-bottom-mobile);
     }
     .company-information-section .main-title {
          margin-bottom: var(--main-section-gap-bottom-mobile);
     }



     .clients-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .clients-section .clients-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .clients-section .clients-section-main-row > *:first-child {
          margin-top: 0;
     }



     .suppliers-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .suppliers-section .suppliers-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .suppliers-section .suppliers-section-main-row > *:first-child {
          margin-top: 0;
     }



     .reviews-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .reviews-section .reviews-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .reviews-section .reviews-section-main-row > *:first-child {
          margin-top: 0;
     }



     .news-item-section {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .news-item-section .news-item-section-main-row > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .news-item-section .news-item-section-main-row > *:first-child {
          margin-top: 0;
     }
}





/* ==== ==== ==== SECTIONS MAIN STYLES END ==== ==== ==== */










/* ==== ==== ==== RESPONSIVE STYLES START ==== ==== ==== */





/* ==== *** for all site layout *** ==== */
@media all and (orientation: portrait ) {}



/* ==== *** for all site layout *** ==== */
@media all and (orientation: landscape ) {}



/* ==== *** for all site layout *** ==== */
@media only screen and (min-width: 2561px) {}



/* ==== *** for all site layout *** ==== */
@media only screen and (min-width: 1921px) {}



/* ==== *** for all site layout *** ==== */
@media only screen and (min-width: 1441px) and (max-width: 1816px) {
     .usage-categories-main-box-item .ucmb-item-wrap {
          padding-top: 22.44792vw;
     }
     .usage-categories-main-box-item .ucmb-item-background {
          bottom: 8.0835vw;
     }
     .usage-categories-main-box-item .ucmb-item-description {
          padding: 0.78125vw 1.30208vw 0.78125vw 5.46875vw;
          min-height: 8.07292vw;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-image {
          left: 1.30208vw;
          width: 3.125vw;
          height: 3.125vw;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-text {
          font-size: 1.04167vw;
          line-height: 1.40625vw;
     }

     .map-section-box {
          height: 41.66667vw;
     }
     .map-section-box .company-info {
          left: 40px;
     }
}



/* ==== *** for all site layout *** ==== */
@media only screen and (min-width: 1441px) and (max-width: 1650px) {
     .center {
          max-width: none;
          padding-left: 20px;
          padding-right: 20px;
     }

     .news-item-main-box .main-text-block img {
          max-height: 650px;
     }


     .news-page-main-box .np-mb-overflow {
          margin-top: -50px;
     }
     .news-page-main-box .np-mb-overflow > * {
          width: -webkit-calc(50% - 25px);
          width: calc(50% - 25px);
          margin-left: 50px;
          margin-top: 50px;
     }
     .news-page-main-box .np-mb-overflow > *:nth-child(2n + 1) {
          margin-left: 0;
     }

     .news-item .news-item-overflow .ni-column {
          width: -webkit-calc(100% - 285px - 50px);
          width: calc(100% - 285px - 50px);
          margin-left: 50px;
     }
     .news-item .news-item-overflow .ni-column:first-child {
          width: 285px;
          margin-left: 0;
     }

     .map-section-box .company-info {
          left: 20px;
     }
}



/* ==== *** for all site layout *** ==== */
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
     .center {
          max-width: none;
          padding-left: 20px;
          padding-right: 20px;
     }

     .styled-btn {
          padding: 15.5px 5px;
          font-size: 16px;
          line-height: 19px;
     }

     header .center {
          max-width: none;
     }

     .main-text-block img.img-left,
     .main-text-block img.img-right {
          max-width: 351px;
     }

     .news-item-main-box .main-text-block img {
          max-height: 600px;
     }

     .clients-suppliers-main-box .clients-suppliers-main-box-overflow {
          margin-top: -30px;
     }
     .clients-suppliers-main-box .clients-suppliers-item {
          width: -webkit-calc(33.333% - 20px);
          width: calc(33.333% - 20px);
          margin-left: 30px;
          margin-top: 30px;
     }
     .clients-suppliers-main-box .clients-suppliers-item:first-child,
     .clients-suppliers-main-box .clients-suppliers-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item:nth-child(4n + 1) {
          margin-left: 30px;
     }
     .clients-suppliers-main-box .clients-suppliers-item:first-child {
          margin-left: 0;
     }

     .first-screen-slider {
          height: -webkit-calc(100vh - 131px);
          height: calc(100vh - 131px);
          max-height: 750px;
     }
     .first-screen-slider,
     .first-screen-slider .fss-sld-item {
          max-width: 1440px;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-overflow {
          padding-left: 210px;
          padding-right: 210px;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-left {
          left: 127px;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-right {
          right: 127px;
     }

     .catalog-main-box .cmb-overflow {
          margin-top: -70px;
     }
     .catalog-main-box .cmb-column {
          width: -webkit-calc(50% - 35px);
          width: calc(50% - 35px);
          margin-left: 70px;
          margin-top: 70px;
     }
     .catalog-main-box .cmb-column:first-child {
          margin-left: 0;
     }
     .catalog-main-box .cmb-column:nth-child(3n + 1) {
          margin-left: 70px;
     }
     .catalog-main-box .cmb-column:nth-child(2n + 1) {
          margin-left: 0;
     }
     .catalog-main-box .cmb-column > * {
          margin-top: 70px;
     }
     .catalog-main-box .cmb-column > *:first-child {
          margin-top: 0;
     }

     .news-section .universal-responsive-slider,
     .solutions-section .universal-responsive-slider {
          padding-left: 0;
          padding-right: 0;
     }

     .advantages-main-box .amb-overflow {
          margin-top: -40px;
     }
     .advantages-main-box .advantages-main-box-item {
          width: -webkit-calc((100% - 2 * 40px) / 3);
          width: calc((100% - 2 * 40px) / 3);
          margin-left: 40px;
          margin-top: 40px;
     }
     .advantages-main-box .advantages-main-box-item:first-child,
     .advantages-main-box .advantages-main-box-item:nth-child(4n) {
          margin-left: 0;
     }
     .advantages-main-box .advantages-main-box-item:nth-child(4n + 1) {
          margin-left: 40px;
     }
     .advantages-main-box .advantages-main-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }

     .advantages-main-box-item .amb-item-head .amb-item-img {
          height: 80px;
     }
     .advantages-main-box-item .amb-item-head .amb-item-title {
          font-size: 18px;
          font-weight: 600;
          line-height: 25px;
     }

     .usage-categories-main-box .ucmb-item-overflow {
          margin-top: -40px;
     }
     .usage-categories-main-box .usage-categories-main-box-item {
          width: -webkit-calc((100% - 2 * 40px) / 3);
          width: calc((100% - 2 * 40px) / 3);
          min-height: 210px;
          margin-left: 40px;
          margin-top: 40px;
     }
     .usage-categories-main-box .usage-categories-main-box-item:first-child {
          margin-left: 0;
     }
     .usage-categories-main-box .usage-categories-main-box-item:nth-child(4n + 1) {
          margin-left: 40px;
     }
     .usage-categories-main-box .usage-categories-main-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .usage-categories-main-box-item .ucmb-item-background {
          bottom: 110px;
     }
     .usage-categories-main-box-item .ucmb-item-description {
          min-height: 110px;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-text {
          font-size: 18px;
          line-height: 25px;
     }

     .showcase-main-box > * {
          margin-top: 30px;
     }
     .showcase-main-box > *:first-child {
          margin-top: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow {
          margin-top: -24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > * {
          -webkit-flex: 0 0 -webkit-calc((100% - 3 * 24px) / 4);
          -ms-flex: 0 0 calc((100% - 3 * 24px) / 4);
          flex: 0 0 calc((100% - 3 * 24px) / 4);
          margin-left: 24px;
          margin-top: 24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:nth-child(4n+1) {
          margin-left: 0;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column {
          width: -webkit-calc(100% - 23.3% - 24px);
          width: calc(100% - 23.3% - 24px);
          margin-left: 24px;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column:first-child {
          width: 23.3%;
          margin-left: 0;
     }
     .showcase-content-box .showcase-content-box-overflow {
          margin-top: -24px;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item {
          width: -webkit-calc(33.333% - 17.333px);
          width: calc(33.333% - 17.333px);
          margin-left: 24px;
          margin-top: 24px;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item:first-child,
     .showcase-content-box .showcase-content-box-overflow .scb-item:nth-child(3n + 1) {
          margin-left: 0;
     }

     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow {
          margin-top: -24px;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item {
          width: -webkit-calc(25% - 18px);
          width: calc(25% - 18px);
          margin-left: 24px;
          margin-top: 24px;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:first-child,
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:nth-child(4n + 1) {
          margin-left: 0;
     }

     .product-main-box .product-main-box-header .pmb-h-column {
          width: -webkit-calc(100% - 43.35% - 30px);
          width: calc(100% - 43.35% - 30px);
          margin-left: 30px;
     }
     .product-main-box .product-main-box-header .pmb-h-column:first-child {
          width: 43.35%;
          margin-left: 0;
     }

     .news-page-main-box .np-mb-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 0;
     }
     .news-page-main-box .np-mb-overflow > * {
          width: 100%;
          margin-left: 0;
          margin-top: 50px;
     }
     .news-page-main-box .np-mb-overflow > *:first-child{
          margin-top: 0;
     }

     .reviews-box .rb-overflow {
          margin-top: -40px;
     }
     .reviews-box .rb-overflow .reviews-box-item {
          width: -webkit-calc(33.333% - 26.666px);
          width: calc(33.333% - 26.666px);
          margin-left: 40px;
          margin-top: 40px;
     }
     .reviews-box .rb-overflow .reviews-box-item:first-child,
     .reviews-box .rb-overflow .reviews-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .reviews-box .rb-overflow .reviews-box-item:nth-child(4n + 1) {
          margin-left: 40px;
     }
     .reviews-box .rb-overflow .reviews-box-item:first-child {
          margin-left: 0;
     }

     .map-section .center {
          max-width: none;
     }
     .map-section-box {
          height: 55.55556vw
     }
     .map-section-box .company-info {
          left: 20px;
     }

     footer .center {
          max-width: none;
          padding-left: 20px;
          padding-right: 20px;
     }
     .footer-main-box .fmb-column {
          margin-left: 30px;
     }
     .footer-main-box .fmb-column:nth-child(1) {
          margin-left: 0;
          -webkit-flex: 0 0 180px;
          -ms-flex: 0 0 180px;
          flex: 0 0 180px;
     }
     .footer-main-box .fmb-column:nth-child(2) {
          -webkit-flex: 0 0 20.5%;
          -ms-flex: 0 0 20.5%;
          flex: 0 0 20.5%;
     }
     .footer-main-box .fmb-column:nth-child(3) {
          -webkit-flex: 0 0 38%;
          -ms-flex: 0 0 38%;
          flex: 0 0 38%;
     }
     .footer-main-box .fmb-column:nth-child(4) {
          -webkit-flex: 0 0 -webkit-calc(100% - 180px - 20.5% - 38% - 90px);
          -ms-flex: 0 0 calc(100% - 180px - 20.5% - 38% - 90px);
          flex: 0 0 calc(100% - 180px - 20.5% - 38% - 90px);
     }
}



/* ==== *** for all site layout *** ==== */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
     .center {
          max-width: none;
          padding-left: 20px;
          padding-right: 20px;
     }

     .styled-btn {
          padding: 15.5px 5px;
          font-size: 16px;
          line-height: 19px;
     }

     header .header-logo {
          width: 150px;
          height: 55px;
     }
     header .header-navigation {
          width: -webkit-calc(100% - 150px - 15px);
          width: calc(100% - 150px - 15px);
          margin-left: 15px;
     }
     header .header-navigation .hn-site-main-list {
          width: -webkit-calc(100% - 170px);
          width: calc(100% - 170px);
     }
     header .header-navigation .hn-site-main-list > li > a,
     header .header-navigation .hn-site-main-list > li > span {
          padding-top: 7px;
          padding-bottom: 7px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          font-size: 16px;
          line-height: 26px;
     }
     header .header-navigation .hn-site-second-list > li > a {
          font-size: 14px;
          line-height: 23px;
     }
     header .header-navigation .hn-site-second-list > li > .hn-phone {
          letter-spacing: 0.65px;
     }

     main {
          padding-top: 131px;
     }

     .main-title > * {
          margin-top: 26px;
     }
     .main-title > *:first-child {
          margin-top: 0;
     }
     .main-title .mt-headline {
          font-size: 34px;
          line-height: 43px;
     }
     .main-title .mt-text {
          font-size: 17px;
          line-height: 23px;
     }

     .main-text-block img.img-left,
     .main-text-block img.img-right {
          max-width: 351px;
     }

     .news-item-main-box .main-text-block img {
          max-height: 500px;
     }

     .clients-suppliers-main-box .clients-suppliers-main-box-overflow {
          margin-top: -30px;
     }
     .clients-suppliers-main-box .clients-suppliers-item {
          width: -webkit-calc(33.333% - 20px);
          width: calc(33.333% - 20px);
          margin-left: 30px;
          margin-top: 30px;
     }
     .clients-suppliers-main-box .clients-suppliers-item:first-child,
     .clients-suppliers-main-box .clients-suppliers-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item:nth-child(4n + 1) {
          margin-left: 30px;
     }
     .clients-suppliers-main-box .clients-suppliers-item:first-child {
          margin-left: 0;
     }

     .first-screen-slider {
          height: -webkit-calc(100vh - 131px);
          height: calc(100vh - 131px);
          max-height: 810px;
     }
     .first-screen-slider,
     .first-screen-slider .fss-sld-item {
          max-width: 1280px;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-overflow {
          padding-left: 135px;
          padding-right: 135px;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-left {
          left: 35px;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-right {
          right: 35px;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-headline {
          font-size: 52px;
          line-height: 65px;
     }
     .first-screen-slider .fss-sld-dots {
          bottom: 55px;
     }

     .main-text-block {
          font-size: 18px;
          line-height: 26px;
     }
     .main-text-block h1,
     .main-text-block h2 {
          font-size: 38px;
          line-height: 46px;
     }
     .main-text-block h3,
     .main-text-block h4,
     .main-text-block h5 {
          font-size: 30px;
          line-height: 37px;
     }

     .catalog-main-box .cmb-overflow {
          margin-top: -40px;
     }
     .catalog-main-box .cmb-column {
          width: -webkit-calc(50% - 20px);
          width: calc(50% - 20px);
          margin-left: 40px;
          margin-top: 40px;
     }
     .catalog-main-box .cmb-column:first-child {
          margin-left: 0;
     }
     .catalog-main-box .cmb-column:nth-child(3n + 1) {
          margin-left: 40px;
     }
     .catalog-main-box .cmb-column:nth-child(2n + 1) {
          margin-left: 0;
     }
     .catalog-main-box .cmb-column > * {
          margin-top: 40px;
     }
     .catalog-main-box .cmb-column > *:first-child {
          margin-top: 0;
     }

     .news-section .universal-responsive-slider,
     .solutions-section .universal-responsive-slider {
          padding-left: 0;
          padding-right: 0;
     }

     .news-item .news-item-overflow .ni-column {
          width: -webkit-calc(100% - 350px - 30px);
          width: calc(100% - 350px - 30px);
          margin-left: 30px;
     }
     .news-item .news-item-overflow .ni-column:first-child {
          width: 350px;
          margin-left: 0;
     }

     .advantages-main-box .amb-overflow {
          margin-top: -30px;
     }
     .advantages-main-box .advantages-main-box-item {
          width: -webkit-calc((100% - 2 * 30px) / 3);
          width: calc((100% - 2 * 30px) / 3);
          margin-left: 30px;
          margin-top: 30px;
          padding: 20px 10px;
     }
     .advantages-main-box .advantages-main-box-item:first-child {
          margin-left: 0;
     }
     .advantages-main-box .advantages-main-box-item:nth-child(4n + 1) {
          margin-left: 30px;
     }
     .advantages-main-box .advantages-main-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }

     .advantages-main-box-item .amb-item-head .amb-item-img {
          height: 80px;
     }
     .advantages-main-box-item .amb-item-head .amb-item-title {
          font-size: 18px;
          font-weight: 600;
          line-height: 25px;
     }

     .usage-categories-main-box .ucmb-item-overflow {
          margin-top: -30px;
     }
     .usage-categories-main-box .usage-categories-main-box-item {
          width: -webkit-calc((100% - 2 * 30px) / 3);
          width: calc((100% - 2 * 30px) / 3);
          min-height: 210px;
          margin-left: 30px;
          margin-top: 30px;
     }
     .usage-categories-main-box .usage-categories-main-box-item:first-child {
          margin-left: 0;
     }
     .usage-categories-main-box .usage-categories-main-box-item:nth-child(4n + 1) {
          margin-left: 30px;
     }
     .usage-categories-main-box .usage-categories-main-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .usage-categories-main-box-item .ucmb-item-wrap {
          padding-top: 33.67188vw;
     }
     .usage-categories-main-box-item .ucmb-item-background {
          bottom: 11.32813vw;
     }
     .usage-categories-main-box-item .ucmb-item-description {
          min-height: 11.32813vw;
          padding: 1.17188vw 1.95313vw 1.17188vw 8.20313vw;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-image {
          left: 1.95313vw;
          width: 4.6875vw;
          height: 4.6875vw;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-text {
          font-size: 1.40625vw;
          line-height: 1.95313vw;
     }

     .showcase-main-box > * {
          margin-top: 30px;
     }
     .showcase-main-box > *:first-child {
          margin-top: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow {
          margin-top: -24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > * {
          -webkit-flex: 0 0 -webkit-calc((100% - 2 * 24px) / 3);
          -ms-flex: 0 0 calc((100% - 2 * 24px) / 3);
          flex: 0 0 calc((100% - 2 * 24px) / 3);
          margin-left: 24px;
          margin-top: 24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:nth-child(3n + 1) {
          margin-left: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:nth-child(4n + 1) {
          margin-left: 24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:first-child {
          margin-left: 0;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column {
          width: -webkit-calc(100% - 24% - 24px);
          width: calc(100% - 24% - 24px);
          margin-left: 24px;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column:first-child {
          width: 24%;
          margin-left: 0;
     }
     .showcase-content-box .showcase-content-box-overflow {
          margin-top: -24px;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item {
          width: -webkit-calc(33.333% - 17.333px);
          width: calc(33.333% - 17.333px);
          margin-left: 24px;
          margin-top: 24px;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item:first-child,
     .showcase-content-box .showcase-content-box-overflow .scb-item:nth-child(3n + 1) {
          margin-left: 0;
     }

     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow {
          margin-top: -24px;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item {
          width: -webkit-calc(25% - 18px);
          width: calc(25% - 18px);
          margin-left: 24px;
          margin-top: 24px;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:first-child,
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:nth-child(4n + 1) {
          margin-left: 0;
     }

     .showcase-main-box .showcase-filters-box {
          top: 117px;
     }

     .product-main-box-slider .pmbs-overlay {
          /*
          height: -webkit-calc(100% - 90px - 30px);
          height: calc(100% - 90px - 30px);
          */
          height: 420px;
     }
     .product-main-box-slider .pmbs-sld-dots ul li {
          width: 90px;
          height: 90px;
     }
     .product-main-box .product-main-box-header .pmb-h-column {
          width: -webkit-calc(100% - 45% - 30px);
          width: calc(100% - 45% - 30px);
          margin-left: 30px;
     }
     .product-main-box .product-main-box-header .pmb-h-column:first-child {
          width: 45%;
          margin-left: 0;
     }

     .news-page-main-box .np-mb-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 0;
     }
     .news-page-main-box .np-mb-overflow > * {
          width: 100%;
          margin-left: 0;
          margin-top: 50px;
     }
     .news-page-main-box .np-mb-overflow > *:first-child{
          margin-top: 0;
     }

     .reviews-box .rb-overflow {
          margin-top: -40px;
     }
     .reviews-box .rb-overflow .reviews-box-item {
          width: -webkit-calc(33.333% - 26.666px);
          width: calc(33.333% - 26.666px);
          margin-left: 40px;
          margin-top: 40px;
     }
     .reviews-box .rb-overflow .reviews-box-item:first-child,
     .reviews-box .rb-overflow .reviews-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .reviews-box .rb-overflow .reviews-box-item:nth-child(4n + 1) {
          margin-left: 40px;
     }
     .reviews-box .rb-overflow .reviews-box-item:first-child {
          margin-left: 0;
     }

     .map-section .center {
          max-width: none;
     }

     .map-section-box {
          height: 58.59375vw;
     }
     .map-section-box .company-info {
          left: 20px;
          padding: 25px 15px;
          -webkit-border-radius: 17px;
          border-radius: 17px;
     }

     .company-info > * {
          margin-top: 18px;
     }
     .company-info > *:first-child {
          margin-top: 0;
     }
     .company-info .ci-logo {
          max-width: 170px;
          margin: 0 auto 25px auto;
     }
     .company-info .ci-list {
          font-size: 16px;
          line-height: 23px;
     }
     .company-info .ci-list li {
          margin-top: 20px;
          padding-left: 35px;
     }
     .company-info .ci-list li:first-child {
          margin-top: 0;
     }
     .company-info .ci-list li:before {
          width: 23px;
          height: 23px;
     }
     .company-info .ci-list li span {
          margin-top: 6px;
          font-size: 14px;
          line-height: 21px;
     }

     footer .center {
          max-width: none;
          padding-left: 20px;
          padding-right: 20px;
     }

     .footer-main-box .fmb-column {
          margin-left: 30px;
          padding-top: 0;
     }
     .footer-main-box .fmb-column:nth-child(1) {
          margin-left: 0;
          -webkit-flex: 0;
          -ms-flex: 0;
          flex: 0;
     }
     .footer-main-box .fmb-column:nth-child(2) {
          -webkit-flex: 0 0 225px;
          -ms-flex: 0 0 225px;
          flex: 0 0 225px;
          margin-left: 0;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
          padding-top: 72px;
          padding-left: 25px;
     }
     .footer-main-box .fmb-column:nth-child(3) {
          -webkit-flex: 0 0 -webkit-calc(100% - 225px - 228px - 60px);
          -ms-flex: 0 0 calc(100% - 225px - 228px - 60px);
          flex: 0 0 calc(100% - 225px - 228px - 60px);
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
     }
     .footer-main-box .fmb-column:nth-child(4) {
          -webkit-flex: 0 0 228px;
          -ms-flex: 0 0 228px;
          flex: 0 0 228px;
     }
     .footer-main-box .footer-logo {
          position: absolute;
          left: 20px;
          top: 30px;
          width: auto;
          max-width: 150px;
     }
     .footer-main-box .footer-navigation ul {
          font-size: 16px;
          line-height: 23px;
     }
     .footer-main-box .footer-navigation ul li {
          margin-top: 20px;
     }
     .footer-main-box .footer-navigation ul li:first-child {
          margin-top: 0;
     }
     .footer-main-box .footer-navigation.fn-main ul li {
          margin-top: 10px;
     }
     .footer-main-box .footer-navigation.fn-main ul li:first-child {
          margin-top: 0;
     }
     .footer-main-box .footer-navigation p {
          font-size: 16px;
          line-height: 23px;
     }
}



/* ==== *** for all site layout *** ==== */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
     .center {
          max-width: none;
          padding-left: 15px;
          padding-right: 15px;
     }

     .styled-btn {
          padding: 15.5px 5px;
          font-size: 16px;
          line-height: 19px;
     }

     main {
          padding-top: 85px;
     }

     .main-title > * {
          margin-top: 26px;
     }
     .main-title > *:first-child {
          margin-top: 0;
     }
     .main-title .mt-headline {
          font-size: 34px;
          line-height: 43px;
     }
     .main-title .mt-text {
          font-size: 17px;
          line-height: 23px;
     }

     .main-text-block img.img-left,
     .main-text-block img.img-right {
          max-width: 351px;
     }
     .main-text-block img.img-left {
          margin-right: 30px;
     }
     .main-text-block img.img-right {
          margin-left: 30px;
     }

     .news-item-main-box .main-text-block img {
          max-height: 500px;
     }

     .company-information-box > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .company-information-box > *:first-child {
          margin-top: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-main-box-overflow {
          margin-top: -30px;
     }
     .clients-suppliers-main-box .clients-suppliers-item {
          width: -webkit-calc(50% - 15px);
          width: calc(50% - 15px);
          margin-left: 30px;
          margin-top: 30px;
     }
     .clients-suppliers-main-box .clients-suppliers-item:first-child,
     .clients-suppliers-main-box .clients-suppliers-item:nth-child(4n + 1) {
          margin-left: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item:nth-child(2n + 1) {
          margin-left: 0;
     }

     .first-screen-slider {
          height: -webkit-calc(100vh - 85px);
          height: calc(100vh - 85px);
          max-height: 768px;
     }
     .first-screen-slider,
     .first-screen-slider .fss-sld-item {
          max-width: 1024px;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-overflow {
          padding-left: 100px;
          padding-right: 100px;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-left {
          left: 35px;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-right {
          right: 35px;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-headline {
          font-size: 53px;
          line-height: 64px;
     }
     .first-screen-slider .fss-sld-dots {
          bottom: 55px;
     }
     .first-screen-slider .fss-sld-dots li {
          width: 28px;
          height: 5px;
          margin-left: 15px;
          -webkit-border-radius: 4px;
          border-radius: 4px;
     }

     .main-text-block {
          font-size: 18px;
          line-height: 26px;
     }
     .main-text-block h1,
     .main-text-block h2 {
          font-size: 38px;
          line-height: 46px;
     }
     .main-text-block h3,
     .main-text-block h4,
     .main-text-block h5 {
          font-size: 30px;
          line-height: 37px;
     }
     .main-text-block table tbody tr td:first-child {
          width: auto;
     }
     .main-text-block table thead tr th,
     .main-text-block table tbody tr td {
          padding: 10px 15px;
          text-align: left;
     }
     .main-text-block table tbody tr td:first-child {
          width: auto;
     }
     .main-text-block table tr.highlighted td {
          text-align: center;
     }

     .catalog-main-box .cmb-overflow {
          margin-top: -20px;
     }
     .catalog-main-box {
          padding: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          background-color: var(--main-color-transparent);
     }
     .catalog-main-box .cmb-column {
          width: -webkit-calc(50% - 10px);
          width: calc(50% - 10px);
          margin-left: 20px;
          margin-top: 20px;
     }
     .catalog-main-box .cmb-column:first-child {
          margin-left: 0;
     }
     .catalog-main-box .cmb-column:nth-child(3n + 1) {
          margin-left: 20px;
     }
     .catalog-main-box .cmb-column:nth-child(2n + 1) {
          margin-left: 0;
     }
     .catalog-main-box .cmb-column > * {
          margin-top: 20px;
     }
     .catalog-main-box .cmb-column > *:first-child {
          margin-top: 0;
     }

     .catalog-main-box-item {
          -webkit-box-shadow: 0 0 20px 0 rgba(3, 19, 69, 0.25);
          box-shadow: 0 0 20px 0 rgba(3, 19, 69, 0.25);
     }
     .catalog-main-box-item .cmbi-head {
          min-height: 132px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---img {
          height: 60px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title > * {
          margin-top: 13px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title > *:first-child {
          margin-top: 9px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title .cmbi-ht---headline {
          font-size: 20px;
          line-height: 26px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title .cmbi-ht---text {
          font-size: 15px;
          line-height: 20px;
     }
     .catalog-main-box-item .cmbi-content {
          padding: 0 5px;
     }
     .catalog-main-box-item .cmbi-content .cmbi-content-item {
          padding: 7px 30px 7px 40px;
          font-size: 18px;
          line-height: 23px;
     }
     .catalog-main-box-item .cmbi-content .cmbi-content-item:hover {
          padding-left: 55px;
          padding-right: 15px;
     }

     .partners-slider {
          height: 100px;
     }
     .partners-slider .ps-draggable > * {
          margin-right: 50px;
     }
     .partners-slider .psi-magma {
          max-width: 70px;
     }
     .partners-slider .psi-evetron {
          max-width: 138px
     }
     .partners-slider .psi-guntermann {
          max-width: 120px
     }
     .partners-slider .psi-adder {
          max-width: 60px
     }
     .partners-slider .psi-lightware {
          max-width: 213px
     }
     .partners-slider .psi-barix {
          max-width: 197px
     }
     .partners-slider .psi-kvm-tec {
          max-width: 162px
     }
     .partners-slider .psi-sonifex {
          max-width: 221px
     }
     .partners-slider .psi-teradici {
          max-width: 172px
     }
     .partners-slider .psi-ihse {
          max-width: 188px
     }
     .partners-slider .psi-matrox {
          max-width: 147px
     }
     .partners-slider .psi-a-ten {
          max-width: 101px
     }
     .partners-slider .psi-black-box {
          max-width: 280px
     }

     .news-section .universal-responsive-slider,
     .solutions-section .universal-responsive-slider {
          padding-left: 0;
          padding-right: 0;
     }

     .news-item .news-item-overflow .ni-column {
          width: -webkit-calc(100% - 280px - 20px);
          width: calc(100% - 280px - 20px);
          margin-left: 20px;
     }
     .news-item .news-item-overflow .ni-column:first-child {
          width: 280px;
          margin-left: 0;
     }
     .news-item .news-item-content > * {
          margin-top: 10px;
     }
     .news-item .news-item-content > *:first-child {
          margin-top: 0;
     }
     .news-item .news-item-content .nic-date {
          font-family: 'Manrope', sans-serif;
          font-size: 14px;
          line-height: 20px;
          color: var(--main-color-semi-gray-3);
     }
     .news-item .news-item-content .nic-title {
          font-size: 22px;
          line-height: 26px;
     }
     .news-item .news-item-content .nic-text {
          font-size: 16px;
          line-height: 22px;
     }

     .advantages-main-box .amb-overflow {
          margin-top: -20px;
     }
     .advantages-main-box .advantages-main-box-item {
          width: -webkit-calc((100% - 2 * 20px) / 3);
          width: calc((100% - 2 * 20px) / 3);
          margin-left: 20px;
          margin-top: 20px;
     }
     .advantages-main-box .advantages-main-box-item:first-child {
          margin-left: 0;
     }
     .advantages-main-box .advantages-main-box-item:nth-child(4n + 1) {
          margin-left: 20px;
     }
     .advantages-main-box .advantages-main-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }

     .advantages-main-box-item {
          padding: 26px 13px 22px 13px;
          -webkit-border-radius: 17px;
          border-radius: 17px;
     }
     .advantages-main-box-item > * {
          margin-top: 17px;
     }
     .advantages-main-box-item > *:first-child {
          margin-top: 0;
     }
     .advantages-main-box-item .amb-item-head {
          min-height: 120px;
     }
     .advantages-main-box-item .amb-item-head > * {
          margin-top: 17px;
     }
     .advantages-main-box-item .amb-item-head > *:first-child {
          margin-top: 0;
     }
     .advantages-main-box-item .amb-item-head .amb-item-img {
          height: 60px;
     }
     .advantages-main-box-item .amb-item-head .amb-item-title {
          font-size: 17px;
          line-height: 23px;
          padding-left: 10px;
          padding-right: 10px;
     }

     .usage-categories-main-box-item,
     .usage-categories-main-box-item .ucmb-item-wrap {
          -webkit-border-radius: 15px;
          border-radius: 15px;
     }
     .usage-categories-main-box .ucmb-item-overflow {
          margin-top: -30px;
     }
     .usage-categories-main-box .usage-categories-main-box-item {
          width: -webkit-calc((100% - 2 * 20px) / 3);
          width: calc((100% - 2 * 20px) / 3);
          min-height: 210px;
          margin-left: 20px;
          margin-top: 20px;
     }
     .usage-categories-main-box .usage-categories-main-box-item:first-child {
          margin-left: 0;
     }
     .usage-categories-main-box .usage-categories-main-box-item:nth-child(4n + 1) {
          margin-left: 20px;
     }
     .usage-categories-main-box .usage-categories-main-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .usage-categories-main-box-item .ucmb-item-wrap {
          padding-top: 33.67188vw;
     }
     .usage-categories-main-box-item .ucmb-item-background {
          bottom: 100px;
     }
     .usage-categories-main-box-item .ucmb-item-description {
          padding: 10px 15px 10px 74px;
          min-height: 100px;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-image {
          left: 17px;;
          width: 41px;
          height: 41px;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-text {
          font-size: 16px;
          line-height: 22px;
     }

     .showcase-main-box > * {
          margin-top: 30px;
     }
     .showcase-main-box > *:first-child {
          margin-top: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow {
          margin-top: -24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > * {
          -webkit-flex: 0 0 -webkit-calc((100% - 2 * 24px) / 3);
          -ms-flex: 0 0 calc((100% - 2 * 24px) / 3);
          flex: 0 0 calc((100% - 2 * 24px) / 3);
          margin-left: 24px;
          margin-top: 24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:nth-child(3n + 1) {
          margin-left: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:nth-child(4n + 1) {
          margin-left: 24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:first-child {
          margin-left: 0;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column {
          width: -webkit-calc(100% - 31.5% - 24px);
          width: calc(100% - 31.5% - 24px);
          margin-left: 24px;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column:first-child {
          width: 31.5%;
          margin-left: 0;
     }
     .showcase-content-box .showcase-content-box-overflow {
          margin-top: 0;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item {
          width: 100%;
          margin-left: 0;
          margin-top: 24px;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item:nth-child(2n + 1),
     .showcase-content-box .showcase-content-box-overflow .scb-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item:first-child {
          margin-left: 0;
          margin-top: 0;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow {
          margin-top: -24px;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item {
          width: -webkit-calc(50% - 12px);
          width: calc(50% - 12px);
          margin-left: 24px;
          margin-top: 24px;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:first-child,
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:nth-child(2n + 1) {
          margin-left: 0;
     }

     .showcase-content-box .scb-item .scb-i-head {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .showcase-content-box .scb-item .scb-i-head > *,
     .showcase-content-box .scb-item .scb-i-head > *:first-child {
          margin-top: 0;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-img {
          width: 125px;
          height: 125px;
     }
     .showcase-content-box .scb-item.scb-item-style-2 .scb-i-head .scb-i-head-img {
          margin-left: 10px;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-title {
          max-height: 125px;
          width: -webkit-calc(100% - 125px - 10px);
          width: calc(100% - 125px - 10px);
          font-size: 20px;
          line-height: 22px;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-title {
          margin-left: 10px;
     }
     .showcase-content-box .scb-item.scb-item-style-2 .scb-i-head .scb-i-head-title {
          margin-left: 0;
     }
     .showcase-content-box .scb-item .scb-i-content {
          min-height: 0;
     }
     .showcase-content-box .scb-item .scb-i-content {
          font-size: 18px;
          line-height: 25px;
     }
     .showcase-content-box .scb-item .scb-i-head-title {
          padding-left: 0;
          padding-right: 0;
     }
     .showcase-content-box .scb-item .scb-i-content-text,
     .showcase-content-box .scb-item .scb-i-content-link,
     .showcase-content-box .scb-item .scb-i-content-params {
          padding-left: 0;
          padding-right: 0;
     }
     .showcase-main-box .showcase-filters-box {
          top: 110px;
     }

     .product-main-box .product-main-box-header > * {
          margin-top: 30px;
     }
     .product-main-box .product-main-box-header > *:first-child {
          margin-top: 0;
     }
     .product-main-box-slider .pmbs-overlay {
          height: 46.5vw;
     }
     .product-main-box-slider .pmbs-sld-dots ul li {
          width: 90px;
          height: 90px;
     }
     .product-main-box .product-main-box-header .pmb-h-column {
          width: -webkit-calc(100% - 48% - 30px);
          width: calc(100% - 48% - 30px);
          margin-left: 30px;
     }
     .product-main-box .product-main-box-header .pmb-h-column:first-child {
          width: 48%;
          margin-left: 0;
     }

     .news-page-main-box .np-mb-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 0;
     }
     .news-page-main-box .np-mb-overflow > * {
          width: 100%;
          margin-left: 0;
          margin-top: 30px;
     }
     .news-page-main-box .np-mb-overflow > *:first-child{
          margin-top: 0;
     }

     .reviews-box .rb-overflow {
          margin-top: -30px;
     }
     .reviews-box .rb-overflow .reviews-box-item {
          width: -webkit-calc(33.333% - 20px);
          width: calc(33.333% - 20px);
          margin-left: 30px;
          margin-top: 30px;
     }
     .reviews-box .rb-overflow .reviews-box-item:first-child,
     .reviews-box .rb-overflow .reviews-box-item:nth-child(3n + 1) {
          margin-left: 0;
     }
     .reviews-box .rb-overflow .reviews-box-item:nth-child(4n + 1) {
          margin-left: 40px;
     }
     .reviews-box .rb-overflow .reviews-box-item:first-child {
          margin-left: 0;
     }

     .map-section .center {
          max-width: none;
     }

     .map-section-box {
          height: 650px;
     }
     .map-section-box .company-info {
          left: 20px;
          max-width: 375px;
          padding: 25px 15px;
          -webkit-border-radius: 17px;
          border-radius: 17px;
     }

     .company-info > * {
          margin-top: 18px;
     }
     .company-info > *:first-child {
          margin-top: 0;
     }
     .company-info .ci-logo {
          max-width: 150px;
          margin: 0 auto 15px auto;
     }
     .company-info .ci-list {
          font-size: 16px;
          line-height: 23px;
     }
     .company-info .ci-list li {
          margin-top: 20px;
          padding-left: 35px;
     }
     .company-info .ci-list li:first-child {
          margin-top: 0;
     }
     .company-info .ci-list li:before {
          width: 23px;
          height: 23px;
     }
     .company-info .ci-list li span {
          margin-top: 6px;
          font-size: 14px;
          line-height: 21px;
     }

     footer .center {
          max-width: none;
          padding-left: 20px;
          padding-right: 20px;
     }

     .footer-main-box .fmb-column {
          margin-left: 30px;
          padding-top: 0;
     }
     .footer-main-box .fmb-column:nth-child(1) {
          margin-left: 0;
          -webkit-flex: 0;
          -ms-flex: 0;
          flex: 0;
     }
     .footer-main-box .fmb-column:nth-child(2) {
          -webkit-flex: 0 0 175px;
          -ms-flex: 0 0 175px;
          flex: 0 0 175px;
          margin-left: 0;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
          padding-top: 72px;
          padding-left: 25px;
     }
     .footer-main-box .fmb-column:nth-child(3) {
          -webkit-flex: 0 0 -webkit-calc(100% - 175px - 228px - 60px);
          -ms-flex: 0 0 calc(100% - 175px - 228px - 60px);
          flex: 0 0 calc(100% - 175px - 228px - 60px);
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
     }
     .footer-main-box .fmb-column:nth-child(4) {
          -webkit-flex: 0 0 228px;
          -ms-flex: 0 0 228px;
          flex: 0 0 228px;
     }
     .footer-main-box .footer-logo {
          position: absolute;
          left: 20px;
          top: 30px;
          width: auto;
          max-width: 150px;
     }
     .footer-main-box .footer-navigation ul {
          font-size: 16px;
          line-height: 23px;
     }
     .footer-main-box .footer-navigation ul li {
          margin-top: 20px;
     }
     .footer-main-box .footer-navigation ul li:first-child {
          margin-top: 0;
     }
     .footer-main-box .footer-navigation.fn-main ul li {
          margin-top: 10px;
     }
     .footer-main-box .footer-navigation.fn-main ul li:first-child {
          margin-top: 0;
     }
     .footer-main-box .footer-navigation p {
          font-size: 16px;
          line-height: 23px;
     }
}



/* ==== *** for all site layout *** ==== */
@media only screen and (min-width: 481px) and (max-width: 768px) {
     .center {
          padding-left: 20px;
          padding-right: 20px;
     }

     .styled-btn {
          padding: 15.5px 5px;
          font-size: 16px;
          line-height: 19px;
     }

     header.has-mobile .center {
          padding-left: 20px;
          padding-right: 20px;
     }

     main {
          padding-top: 85px;
     }

     .main-title > * {
          margin-top: 26px;
     }
     .main-title > *:first-child {
          margin-top: 0;
     }
     .main-title .mt-headline {
          font-size: 34px;
          line-height: 37px;
     }
     .main-title .mt-text {
          font-size: 18px;
          line-height: 26px;
     }

     .main-text-block {
          font-size: 18px;
          line-height: 26px;
     }
     .main-text-block h1,
     .main-text-block h2 {
          font-size: 34px;
          line-height: 37px;
     }
     .main-text-block h3,
     .main-text-block h4,
     .main-text-block h5 {
          font-size: 30px;
          line-height: 37px;
     }
     .main-text-block table {
          font-size: 18px;
          line-height: 26px;
     }
     .main-text-block table thead tr th,
     .main-text-block table tbody tr td {
          padding: 5px 10px;
          text-align: left;
     }
     .main-text-block table tbody tr td:first-child {
          width: auto;
     }
     .main-text-block table tr.highlighted td {
          text-align: center;
     }
     .main-text-block img.img-left,
     .main-text-block img.img-right {
          max-width: 75vw;
          float: none;
     }
     .main-text-block img.img-left,
     .main-text-block img.img-right {
          margin-left: auto;
          margin-right: auto;
     }

     .news-item-main-box .main-text-block img {
          width: 100%;
          height: auto;
          max-height: none;
          margin-left: 0;
          margin-right: 0;
     }

     .company-information-section .main-title br {
          display: block;
     }

     .company-information-box > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .company-information-box > *:first-child {
          margin-top: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-main-box-overflow {
          margin-top: -25px;
     }
     .clients-suppliers-main-box .clients-suppliers-item {
          width: -webkit-calc(50% - 12.5px);
          width: calc(50% - 12.5px);
          margin-left: 25px;
          margin-top: 25px;
     }
     .clients-suppliers-main-box .clients-suppliers-item:first-child,
     .clients-suppliers-main-box .clients-suppliers-item:nth-child(4n + 1) {
          margin-left: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item:nth-child(2n + 1) {
          margin-left: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item > * {
          margin-top: 15px;
     }
     .clients-suppliers-main-box .clients-suppliers-item > *:first-child {
          margin-top: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item .ci-head {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          /*
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          */
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
     }
     .clients-suppliers-main-box .clients-suppliers-item .ci-head > *,
     .clients-suppliers-main-box .clients-suppliers-item .ci-head > *:first-child {
          margin-top: 15px;
     }
     .clients-suppliers-main-box .clients-suppliers-item .ci-head .ci-head-image {
          width: 175px;
          height: 75px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          order: 2;
     }
     .clients-suppliers-main-box .clients-suppliers-item .ci-head .ci-head-title {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          order: 1;
          width: 100%;
          font-size: 27px;
          line-height: 27px;
     }

     .first-screen-slider {
          height: -webkit-calc(100vh - 85px);
          height: calc(100vh - 85px);
          max-height: 768px;
     }
     .first-screen-slider,
     .first-screen-slider .fss-sld-item {
          max-width: 1024px;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-overflow {
          padding-left: 15px;
          padding-right: 15px;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-left {
          left: -35px;
          display: none;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-right {
          right: -35px;
          display: none;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-headline {
          font-size: 40px;
          line-height: 51px;
     }
     .first-screen-slider .fss-sld-dots {
          bottom: 55px;
     }
     .first-screen-slider .fss-sld-dots li {
          width: 28px;
          height: 5px;
          margin-left: 15px;
          -webkit-border-radius: 4px;
          border-radius: 4px;
     }

     .catalog-main-box .cmb-overflow {
          margin-top: 0;
     }
     .catalog-main-box .cmb-column {
          width: 100%;
          margin-left: 0;
          margin-top: 40px;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .catalog-main-box .cmb-column:first-child {
          margin-top: 0;
     }
     .catalog-main-box .cmb-column > * {
          margin-top: 40px;
     }
     .catalog-main-box .cmb-column > *:first-child {
          margin-top: 0;
     }

     .catalog-main-box-item {
          padding: 25px 20px;
          -webkit-box-shadow: 0 0 20px 0 rgba(3, 19, 69, 0.25);
          box-shadow: 0 0 20px 0 rgba(3, 19, 69, 0.25);
     }
     .catalog-main-box-item .cmbi-head {
          min-height: 0;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---img {
          height: 60px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title > * {
          margin-top: 13px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title > *:first-child {
          margin-top: 9px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title .cmbi-ht---headline {
          font-size: 20px;
          line-height: 26px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title .cmbi-ht---text {
          font-size: 15px;
          line-height: 20px;
     }
     .catalog-main-box-item .cmbi-content {
          padding: 0 5px;
     }
     .catalog-main-box-item .cmbi-content .cmbi-content-item {
          padding: 7px 30px 7px 40px;
          font-size: 17px;
          line-height: 22px;
     }

     .partners-slider {
          height: 100px;
     }
     .partners-slider .ps-draggable > * {
          margin-right: 35px;
     }
     .partners-slider .psi-magma {
          max-width: 70px;
     }
     .partners-slider .psi-evetron {
          max-width: 138px
     }
     .partners-slider .psi-guntermann {
          max-width: 120px
     }
     .partners-slider .psi-adder {
          max-width: 60px
     }
     .partners-slider .psi-lightware {
          max-width: 213px
     }
     .partners-slider .psi-barix {
          max-width: 197px
     }
     .partners-slider .psi-kvm-tec {
          max-width: 162px
     }
     .partners-slider .psi-sonifex {
          max-width: 221px
     }
     .partners-slider .psi-teradici {
          max-width: 172px
     }
     .partners-slider .psi-ihse {
          max-width: 188px
     }
     .partners-slider .psi-matrox {
          max-width: 147px
     }
     .partners-slider .psi-a-ten {
          max-width: 101px
     }
     .partners-slider .psi-black-box {
          max-width: 280px
     }

     .news-section .universal-responsive-slider,
     .solutions-section .universal-responsive-slider {
          padding-left: 0;
          padding-right: 0;
     }

     .news-item .news-item-overflow .ni-column {
          width: -webkit-calc(100% - 280px - 20px);
          width: calc(100% - 280px - 20px);
          margin-left: 20px;
     }
     .news-item .news-item-overflow .ni-column:first-child {
          width: 280px;
          margin-left: 0;
     }
     .news-item .news-item-content > * {
          margin-top: 10px;
     }
     .news-item .news-item-content > *:first-child {
          margin-top: 0;
     }
     .news-item .news-item-content .nic-date {
          font-family: 'Manrope', sans-serif;
          font-size: 14px;
          line-height: 20px;
          color: var(--main-color-semi-gray-3);
     }
     .news-item .news-item-content .nic-title {
          font-size: 22px;
          line-height: 26px;
     }
     .news-item .news-item-content .nic-text {
          font-size: 16px;
          line-height: 22px;
     }

     .advantages-main-box .amb-overflow {
          margin-top: -25px;
     }
     .advantages-main-box .advantages-main-box-item {
          width: -webkit-calc((100% - 1 * 25px) / 2);
          width: calc((100% - 1 * 25px) / 2);
          margin-left: 25px;
          margin-top: 25px;
     }
     .advantages-main-box .advantages-main-box-item:first-child,
     .advantages-main-box .advantages-main-box-item:nth-child(2n + 1) {
          margin-left: 0;
     }
     .advantages-main-box-item {
          padding: 30px 5px 26px 5px;
     }
     .advantages-main-box-item .amb-item-head {
          min-height: 100px;
     }
     .advantages-main-box-item .amb-item-head .amb-item-img {
          height: 60px;
     }
     .advantages-main-box-item .amb-item-head .amb-item-title {
          font-size: 18px;
          font-weight: 600;
          line-height: 25px;
          padding-left: 10px;
          padding-right: 10px;
     }

     .usage-categories-main-box-item,
     .usage-categories-main-box-item .ucmb-item-wrap {
          -webkit-border-radius: 15px;
          border-radius: 15px;
     }
     .usage-categories-main-box .ucmb-item-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .usage-categories-main-box .ucmb-item-overflow {
          margin-top: 0;
     }
     .usage-categories-main-box .usage-categories-main-box-item {
          width: 100%;
          min-height: 0;
          margin-left: 0;
          margin-top: 25px;
     }
     .usage-categories-main-box .usage-categories-main-box-item:nth-child(1) {
          margin-top: 0;
     }
     .usage-categories-main-box-item .ucmb-item-wrap {
          padding-top: 0;
          padding-left: 25vw;
     }
     .usage-categories-main-box-item .ucmb-item-background {
          bottom: 0;
          right: auto;
          width: 25vw;
     }
     .usage-categories-main-box-item .ucmb-item-description {
          padding: 10px 25px 10px 120px;
          min-height: 25vw;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-image {
          left: 20px;
          width: 80px;
          height: 80px;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-text {
          font-size: 18px;
          line-height: 25px;
     }

     .showcase-main-box > * {
          margin-top: 30px;
     }
     .showcase-main-box > *:first-child {
          margin-top: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow {
          margin-top: -24px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > * {
          -webkit-flex: 0 0 -webkit-calc((100% - 15px) / 2);
          -ms-flex: 0 0 calc((100% - 15px) / 2);
          flex: 0 0 calc((100% - 15px) / 2);
          margin-left: 15px;
          margin-top: 15px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:nth-child(2n + 1) {
          margin-left: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:first-child {
          margin-left: 0;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column {
          width: -webkit-calc(100% - 232px - 15px);
          width: calc(100% - 232px - 15px);
          margin-left: 15px;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column:first-child {
          width: 232px;
          margin-left: 0;
     }
     .showcase-content-box .showcase-content-box-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 0;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item {
          width: 100%;
          margin-left: 0;
          margin-top: 15px;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item:first-child {
          margin-top: 0;
     }

     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow {
          margin-top: 0;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item {
          width: 100%;
          margin-left: 0;
          margin-top: 15px;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:first-child {
          margin-top: 0;
     }

     .showcase-content-box .scb-item .scb-i-head {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .showcase-content-box .scb-item .scb-i-head > *,
     .showcase-content-box .scb-item .scb-i-head > *:first-child {
          margin-top: 0;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-img {
          width: 100px;
          height: 100px;
          margin-left: 0;
     }
     .showcase-content-box .scb-item.scb-item-style-2 .scb-i-head .scb-i-head-img {
          margin-left: 10px;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-title {
          max-height: 100px;
          width: -webkit-calc(100% - 100px - 10px);
          width: calc(100% - 100px - 10px);
          font-size: 18px;
          line-height: 19px;
          letter-spacing: -.25px;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-title {
          margin-left: 10px;
     }
     .showcase-content-box .scb-item.scb-item-style-2 .scb-i-head .scb-i-head-title {
          margin-left: 0;
     }
     .showcase-content-box .scb-item .scb-i-content {
          min-height: -webkit-calc(100% - 115px);
          min-height: calc(100% - 115px);
     }
     .showcase-content-box .scb-item .scb-i-content {
          font-size: 16px;
          line-height: 23px;
     }

     .showcase-content-box .scb-item .scb-i-head-title {
          padding-left: 0;
          padding-right: 0;
     }
     .showcase-content-box .scb-item .scb-i-head-title,
     .showcase-content-box .scb-item .scb-i-content-text,
     .showcase-content-box .scb-item .scb-i-content-link,
     .showcase-content-box .scb-item .scb-i-content-params {
          padding-left: 2px;
          padding-right: 2px;
     }
     .showcase-main-box .showcase-filters-box {
          top: 99px;
     }

     .product-main-box-slider .pmbs-overlay {
          /*
          height: -webkit-calc(100vw - 15px - 15px);
          height: calc(100vw - 15px - 15px);
          */
          height: 480px;
     }
     .product-main-box-slider .pmbs-sld-dots ul li {
          width: 90px;
          height: 90px;
     }
     .product-main-box .product-main-box-header > * {
          margin-top: 30px;
     }
     .product-main-box .product-main-box-header > *:first-child {
          margin-top: 0;
     }
     .product-main-box .product-main-box-header .product-main-box-header-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
     }
     .product-main-box .product-main-box-header .pmb-h-column {
          width: 100%;
          margin-left: 0;
          margin-top: 30px;
     }
     .product-main-box .product-main-box-header .pmb-h-column:first-child {
          width: 100%;
          margin-left: 0;
          margin-top: 0;
     }

     .news-page-main-box .np-mb-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 0;
     }
     .news-page-main-box .np-mb-overflow > * {
          width: 100%;
          margin-left: 0;
          margin-top: 30px;
     }
     .news-page-main-box .np-mb-overflow > *:first-child{
          margin-top: 0;
     }

     .news-item .news-item-overflow .ni-column {
          width: 100%;
          margin-left: 0;
          margin-top: 0;
          order: 1;
     }
     .news-item .news-item-overflow .ni-column:first-child {
          width: 100%;
          margin-left: 0;
          margin-top: 30px;
          order: 2;
     }
     .news-item .news-item-image {
          max-width: 440px;
          padding-top: 312px;
          margin: 0 auto;
     }

     .reviews-box .rb-overflow {
          margin-top: -20px;
     }
     .reviews-box .rb-overflow .reviews-box-item {
          width: -webkit-calc(50% - 10px);
          width: calc(50% - 10px);
          margin-left: 20px;
          margin-top: 20px;
     }
     .reviews-box .rb-overflow .reviews-box-item:first-child,
     .reviews-box .rb-overflow .reviews-box-item:nth-child(2n + 1) {
          margin-left: 0;
     }

     .map-section .center {
          max-width: none;
     }

     .map-section-box {
          height: 768px;
     }
     .map-section-box .company-info {
          left: 0;
          right: 0;
          margin: auto;
          max-width: 440px;
          padding: 25px 15px;
     }
     .map-section-box .map-box-canvas {
          pointer-events: none;
          opacity: .5;
     }

     footer {
          padding-top: 45px;
          padding-bottom: 40px;
     }
     footer .center {
          max-width: none;
          padding-left: 15px;
          padding-right: 15px;
     }

     .footer-main-box {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .footer-main-box .fmb-column {
          margin-left: 0;
          padding-top: 0;
     }
     .footer-main-box .fmb-column:nth-child(1) {
          margin-left: 0;
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
     }
     .footer-main-box .fmb-column:nth-child(2) {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          margin-left: 0;
          margin-top: 35px;
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
     }
     .footer-main-box .fmb-column:nth-child(3) {
          display: none;
          -webkit-flex: 0 0 -webkit-calc(100% - 140px);
          -ms-flex: 0 0 calc(100% - 140px);
          flex: 0 0 calc(100% - 140px);
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
     }
     .footer-main-box .fmb-column:nth-child(4) {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          margin-top: 35px;
     }
     .footer-main-box .footer-logo {
          max-width: 120px;
          margin: 0 auto;
     }
     .footer-main-box .footer-navigation ul {
          font-size: 16px;
          line-height: 23px;
     }
     .footer-main-box .footer-navigation ul li {
          margin-top: 20px;
     }
     .footer-main-box .footer-navigation ul li:first-child {
          margin-top: 0;
     }
     .footer-main-box .footer-navigation.fn-main ul li {
          margin-top: 10px;
     }
     .footer-main-box .footer-navigation.fn-main ul li:first-child {
          margin-top: 0;
     }
     .footer-main-box .footer-navigation p {
          font-size: 16px;
          line-height: 23px;
     }
     .footer-main-box .company-info .ci-list {
          font-size: 14px;
          line-height: 21px;
     }
     .footer-main-box .company-info .ci-list li {
          margin-top: 10px;
          padding-left: 25px;
     }
     .footer-main-box .company-info .ci-list li:before {
          width: 18px;
          height: 18px;
     }
     .footer-main-box .footer-navigation {
          text-align: center;
     }
     .footer-main-box .footer-navigation .styled-btn {
          max-width: 255px;
          margin: 0 auto;
     }
}



/* ==== *** for all site layout *** ==== */
@media only screen and (max-width: 480px) {
     .center {
          padding-left: 15px;
          padding-right: 15px;
     }

     .styled-btn {
          padding: 15.5px 5px;
          font-size: 16px;
          line-height: 19px;
     }

     .main-title > * {
          margin-top: 26px;
     }
     .main-title > *:first-child {
          margin-top: 0;
     }
     .main-title .mt-headline {
          font-size: 28px;
          line-height: 34px;
     }
     .main-title .mt-text {
          font-size: 17px;
          line-height: 23px;
     }

     main {
          padding-top: 82px;
     }

     .main-text-block {
          font-size: 16px;
          line-height: 24px
     }
     .main-text-block h1,
     .main-text-block h2 {
          margin-bottom: 20px;
     }
     .main-text-block h1,
     .main-text-block h2 {
          font-size: 28px;
          line-height: 31px;
     }
     .main-text-block h3,
     .main-text-block h4,
     .main-text-block h5 {
          font-size: 24px;
          line-height: 27px;
     }
     .main-text-block table {
          font-size: 16px;
          line-height: 24px;
     }
     .main-text-block table thead tr th,
     .main-text-block table tbody tr td {
          padding: 5px 10px;
          text-align: left;
     }
     .main-text-block table tbody tr td:first-child {
          width: auto;
     }
     .main-text-block table tr.highlighted td {
          text-align: center;
     }
     .main-text-block img {
          -webkit-border-radius: 15px;
          border-radius: 15px;
     }
     .main-text-block img.img-left,
     .main-text-block img.img-right {
          max-width: 100%;
          float: none;
     }
     .main-text-block img.img-left,
     .main-text-block img.img-right {
          margin-left: auto;
          margin-right: auto;
     }

     .news-item-main-box .main-text-block img {
          width: 100%;
          height: auto;
          max-height: none;
          margin-left: 0;
          margin-right: 0;
     }

     .company-information-section .main-title br {
          display: block;
     }
     .company-information-section .content-logo {
          display: none;
          margin-top: 0;
          margin-bottom: 0;
     }
     .company-information-box > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .company-information-box > *:first-child {
          margin-top: 0;
     }
     .company-information-box .main-text-block {
          font-size: 16px;
          line-height: 24px;
          padding: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          background-color: var(--main-color-transparent);
     }
     .company-information-box .main-text-block h1,
     .company-information-box .main-text-block h2 {
          font-size: 28px;
          line-height: 31px;
     }
     .company-information-box .main-text-block h3,
     .company-information-box .main-text-block h4,
     .company-information-box .main-text-block h5 {
          font-size: 24px;
          line-height: 27px;
     }

     .clients-suppliers-main-box .clients-suppliers-main-box-overflow {
          margin-top: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item {
          width: 100%;
          margin-left: 0;
          margin-top: 25px;
          font-size: 16px;
          line-height: 24px
     }
     .clients-suppliers-main-box .clients-suppliers-item:first-child {
          margin-top: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item > * {
          margin-top: 10px;
     }
     .clients-suppliers-main-box .clients-suppliers-item > *:first-child {
          margin-top: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item .ci-head {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          /*
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          */
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
     }
     .clients-suppliers-main-box .clients-suppliers-item .ci-head > *,
     .clients-suppliers-main-box .clients-suppliers-item .ci-head > *:first-child {
          margin-top: 0;
     }
     .clients-suppliers-main-box .clients-suppliers-item .ci-head .ci-head-image {
          width: 140px;
          height: 70px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
     }
     .clients-suppliers-main-box .clients-suppliers-item .ci-head .ci-head-title {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          width: -webkit-calc(100% - 140px - 15px);
          width: calc(100% - 140px - 15px);
          margin-left: 15px;
          font-size: 20px;
          font-weight: 600;
          line-height: 20px;
     }

     .first-screen-slider {
          height: -webkit-calc((100vw * 1.5) - 82px);
          height: calc((100vw * 1.5) - 82px);
          max-height: 768px;
     }
     .first-screen-slider,
     .first-screen-slider .fss-sld-item {
          max-width: 100vw;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-overflow {
          padding-left: 15px;
          padding-right: 15px;
     }
     .first-screen-slider .fss-sld-nav {
          display: none;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-left {
          left: -35px;
     }
     .first-screen-slider .fss-sld-nav.fss-sld-nav-right {
          right: -35px;
     }
     .first-screen-slider .fss-sld-item .fss-sld-item-headline {
          font-size: 7.72727vw;
          line-height: 8.86364vw;
     }
     .first-screen-slider .fss-sld-dots {
          bottom: 5.68182vw;
     }
     .first-screen-slider .fss-sld-dots li {
          width: 4.77273vw;
          height: 0.90909vw;
          margin-left: 2.27273vw;
          -webkit-border-radius: 0.90909vw;
          border-radius: 0.90909vw;
     }
     .first-screen-slider .fss-sld-item.fss-sld-item---1 {
          background-image: url("../img/first-screen-slider-backgrounds/480/480-1.jpg");
     }
     .first-screen-slider .fss-sld-item.fss-sld-item---2 {
          background-image: url("../img/first-screen-slider-backgrounds/480/480-2.jpg");
     }
     .first-screen-slider .fss-sld-item.fss-sld-item---3 {
          background-image: url("../img/first-screen-slider-backgrounds/480/480-3.jpg");
     }
     .first-screen-slider .fss-sld-item.fss-sld-item---4 {
          background-image: url("../img/first-screen-slider-backgrounds/480/480-4.jpg");
     }
     .first-screen-slider .fss-sld-item.fss-sld-item---5 {
          background-image: url("../img/first-screen-slider-backgrounds/480/480-5.jpg");
     }
     .first-screen-slider .fss-sld-item.fss-sld-item---6 {
          background-image: url("../img/first-screen-slider-backgrounds/480/480-6.jpg");
     }
     .first-screen-slider .fss-sld-item.fss-sld-item---7 {
          background-image: url("../img/first-screen-slider-backgrounds/480/480-7.jpg");
     }
     .first-screen-slider .fss-sld-item.fss-sld-item---8 {
          background-image: url("../img/first-screen-slider-backgrounds/480/480-8.jpg");
     }

     .catalog-main-box {
          padding: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          background-color: var(--main-color-transparent);
     }
     .catalog-main-box .cmb-overflow {
          margin-top: 0;
     }
     .catalog-main-box .cmb-column {
          width: 100%;
          margin-left: 0;
          margin-top: 40px;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .catalog-main-box .cmb-column:first-child {
          margin-top: 0;
     }
     .catalog-main-box .cmb-column > * {
          margin-top: 40px;
     }
     .catalog-main-box .cmb-column > *:first-child {
          margin-top: 0;
     }

     .catalog-main-box-item {
          padding: 20px 10px;
          -webkit-box-shadow: 0 0 20px 0 rgba(3, 19, 69, 0.25);
          box-shadow: 0 0 20px 0 rgba(3, 19, 69, 0.25);
     }
     .catalog-main-box-item .cmbi-head {
          min-height: 0;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---img {
          height: 60px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title > * {
          margin-top: 13px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title > *:first-child {
          margin-top: 9px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title .cmbi-ht---headline {
          font-size: 20px;
          line-height: 26px;
     }
     .catalog-main-box-item .cmbi-head .cmbi-head---title .cmbi-ht---text {
          font-size: 15px;
          line-height: 20px;
     }
     .catalog-main-box-item .cmbi-content {
          padding: 0 5px;
     }
     .catalog-main-box-item .cmbi-content .cmbi-content-item {
          padding: 7px 30px 7px 40px;
          font-size: 17px;
          line-height: 22px;
     }

     .partners-slider {
          height: 100px;
     }
     .partners-slider .ps-draggable > * {
          margin-right: 35px;
     }
     .partners-slider .psi-magma {
          max-width: 70px;
     }
     .partners-slider .psi-evetron {
          max-width: 138px
     }
     .partners-slider .psi-guntermann {
          max-width: 120px
     }
     .partners-slider .psi-adder {
          max-width: 60px
     }
     .partners-slider .psi-lightware {
          max-width: 213px
     }
     .partners-slider .psi-barix {
          max-width: 197px
     }
     .partners-slider .psi-kvm-tec {
          max-width: 162px
     }
     .partners-slider .psi-sonifex {
          max-width: 221px
     }
     .partners-slider .psi-teradici {
          max-width: 172px
     }
     .partners-slider .psi-ihse {
          max-width: 188px
     }
     .partners-slider .psi-matrox {
          max-width: 147px
     }
     .partners-slider .psi-a-ten {
          max-width: 101px
     }
     .partners-slider .psi-black-box {
          max-width: 280px
     }

     .news-section .universal-responsive-slider,
     .solutions-section .universal-responsive-slider {
          padding-left: 0;
          padding-right: 0;
     }

     .news-item .news-item-overflow .ni-column {
          width: -webkit-calc(100% - 280px - 20px);
          width: calc(100% - 280px - 20px);
          margin-left: 20px;
     }
     .news-item .news-item-overflow .ni-column:first-child {
          width: 280px;
          margin-left: 0;
     }
     .news-item .news-item-content > * {
          margin-top: 10px;
     }
     .news-item .news-item-content > *:first-child {
          margin-top: 0;
     }
     .news-item .news-item-content .nic-date {
          font-family: 'Manrope', sans-serif;
          font-size: 14px;
          line-height: 20px;
          color: var(--main-color-semi-gray-3);
     }
     .news-item .news-item-content .nic-title {
          font-size: 22px;
          line-height: 26px;
     }
     .news-item .news-item-content .nic-text {
          font-size: 16px;
          line-height: 22px;
     }

     .advantages-section {
          background-color: var(--main-color-light-gray-4);
     }

     .advantages-main-box .amb-overflow {
          margin-top: -10px;
     }
     .advantages-main-box .advantages-main-box-item {
          width: -webkit-calc((100% - 1 * 10px) / 2);
          width: calc((100% - 1 * 10px) / 2);
          margin-left: 10px;
          margin-top: 20px;
          min-height: 155px;
     }
     .advantages-main-box .advantages-main-box-item:first-child,
     .advantages-main-box .advantages-main-box-item:nth-child(4n + 1) {
          margin-left: 0;
     }
     .advantages-main-box .advantages-main-box-item:nth-child(odd) {
          margin-left: 0;
     }

     .advantages-main-box-item {
          padding: 0 10px;
          -webkit-border-radius: 0;
          border-radius: 0;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -.5px;
          background-color: var(--main-color-transparent);
     }
     .advantages-main-box-item > * {
          margin-top: 10px;
     }
     .advantages-main-box-item > *:first-child {
          margin-top: 0;
     }
     .advantages-main-box-item .amb-item-head {
          min-height: 111px;
     }
     .advantages-main-box-item .amb-item-head > * {
          margin-top: 15px;
     }
     .advantages-main-box-item .amb-item-head > *:first-child {
          margin-top: 0;
     }
     .advantages-main-box-item .amb-item-head .amb-item-img {
          height: 70px;
     }
     .advantages-main-box-item .amb-item-head .amb-item-title {
          font-size: 18px;
          font-weight: 500;
          line-height: 22px;
     }
     .advantages-main-box-item.amb-no-item-content .amb-item-head {
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }

     .advantages-main-box.amb-1-col-in-mobile .amb-overflow {
          margin-top: 0;
     }
     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item {
          width: 100%;
          margin-left: 0;
          margin-top: 30px;
          min-height: 0;
     }
     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item:first-child,
     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item:nth-child(4n + 1) {
          margin-left: 0;
     }
     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item:first-child {
          margin-top: 0;
     }

     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item {
          padding: 0;
     }
     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item .amb-item-head {
          min-height: 0;
     }
     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item .amb-item-head > * {
          margin-top: 10px;
     }
     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item .amb-item-head > *:first-child {
          margin-top: 0;
     }
     .advantages-main-box.amb-1-col-in-mobile .advantages-main-box-item .amb-item-head .amb-item-title {
          font-size: 18px;
          font-weight: 600;
          line-height: 22px;
     }

     .usage-categories-section .center {
          padding-left: 0;
          padding-right: 0;
     }

     .usage-categories-main-box-item,
     .usage-categories-main-box-item .ucmb-item-wrap {
          -webkit-border-radius: 0;
          border-radius: 0;
     }
     .usage-categories-main-box .ucmb-item-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .usage-categories-main-box .ucmb-item-overflow {
          margin-top: 0;
     }
     .usage-categories-main-box .usage-categories-main-box-item {
          width: 100%;
          min-height: 0;
          margin-left: 0;
          margin-top: 10px;
     }
     .usage-categories-main-box .usage-categories-main-box-item:nth-child(1) {
          margin-top: 0;
     }
     .usage-categories-main-box-item .ucmb-item-wrap {
          padding-top: 0;
          padding-left: 100px;
     }
     .usage-categories-main-box-item .ucmb-item-background {
          bottom: 0;
          right: auto;
          width: 100px;
     }
     .usage-categories-main-box-item .ucmb-item-description {
          padding: 10px 15px 10px 74px;
          min-height: 100px;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-image {
          left: 12px;
          width: 50px;
          height: 50px;
     }
     .usage-categories-main-box-item .ucmb-item-description .ucmb-id-text {
          font-size: 14px;
          line-height: 21px;
     }

     .showcase-section .showcase-section-main-row {
          margin-top: 0;
     }
     .showcase-section .showcase-section-main-row.showcase-section-main-row---top .main-title-primary {
          display: none;
     }
     .showcase-section .showcase-section-main-row.showcase-section-main-row---top .main-title-secondary {
          display: block;
     }
     .showcase-section .showcase-section-main-row.showcase-section-main-row---top {
          padding-top: var(--main-section-gap-top-mobile);
          background-color: var(--main-color-light-gray-4);
     }
     .showcase-section .showcase-section-main-row.showcase-section-main-row---bottom .showcase-main-box {
          margin-top: 0;
     }
     .showcase-section .showcase-section-main-row.showcase-section-main-row---bottom .center {
          padding-left: 0;
          padding-right: 0;
     }
     .showcase-main-box > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .showcase-main-box > *:first-child {
          margin-top: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 0;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > * {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          margin-left: 0;
          margin-top: 20px;
     }
     .showcase-main-box-header .showcase-main-box-header-overflow > *:first-child {
          margin-top: 0;
     }
     .showcase-main-box-header .styled-btn {
          min-height: 39px;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column {
          padding-left: 15px;
          padding-right: 15px;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column.smb-bmc-left {
          padding-top: var(--main-section-gap-top-mobile);
          padding-bottom: var(--main-section-gap-bottom-mobile);
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column,
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column:first-child {
          width: 100%;
          margin-left: 0;
          margin-top: var(--main-section-gap-top-mobile);
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column:first-child {
          margin-top: 0;
          background-color: var(--main-color-light-gray-4);
     }
     .showcase-main-box-body .main-title {
          display: block;
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column > * {
          margin-top: var(--main-section-gap-top-mobile);
     }
     .showcase-main-box-body .showcase-main-box-body-overflow .smb-body-main-column > *:first-child {
          margin-top: 0;
     }
     .showcase-content-box .showcase-content-box-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 0;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item {
          width: 100%;
          margin-left: 0;
          margin-top: 20px;
     }
     .showcase-content-box .showcase-content-box-overflow .scb-item:first-child {
          margin-top: 0;
     }

     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow {
          margin-top: 0;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item {
          width: 100%;
          margin-left: 0;
          margin-top: 15px;
     }
     .showcase-content-box.showcase-content-box-4-columns .showcase-content-box-overflow .scb-item:first-child {
          margin-top: 0;
     }

     .showcase-content-box .scb-item .scb-i-head {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .showcase-content-box .scb-item .scb-i-head > *,
     .showcase-content-box .scb-item .scb-i-head > *:first-child {
          margin-top: 0;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-img {
          width: 90px;
          height: 90px;
     }
     .showcase-content-box .scb-item.scb-item-style-2 .scb-i-head .scb-i-head-img {
          margin-left: 10px;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-title {
          max-height: 90px;
          width: -webkit-calc(100% - 90px - 10px);
          width: calc(100% - 90px - 10px);
          font-size: 18px;
          line-height: 21px;
          letter-spacing: -.25px;
     }
     .showcase-content-box .scb-item .scb-i-head .scb-i-head-title {
          margin-left: 10px;
     }
     .showcase-content-box .scb-item.scb-item-style-2 .scb-i-head .scb-i-head-title {
          margin-left: 0;
     }
     .showcase-content-box .scb-item .scb-i-content {
          min-height: 0;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .showcase-content-box .scb-item .scb-i-content {
          font-size: 16px;
          line-height: 23px;
     }
     .showcase-content-box .scb-item .scb-i-head-title {
          padding-left: 0;
          padding-right: 0;
     }
     .showcase-content-box .scb-item .scb-i-head-title {
          padding-left: 0;
     }
     .showcase-content-box .scb-item .scb-i-content-text,
     .showcase-content-box .scb-item .scb-i-content-link,
     .showcase-content-box .scb-item .scb-i-content-params {
          padding-left: 2px;
          padding-right: 2px;
     }
     .showcase-main-box .showcase-filters-box {
          position: static;
          left: auto;
          top: auto;
          z-index: auto;
          padding: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          background-color: var(--main-color-transparent);
     }

     .map-section {
          margin-bottom: 30px;
     }
     .map-section .center {
          max-width: none;
     }

     .map-section-box {
          height: auto;
     }
     .map-section-box .company-info {
          position: static;
          left: auto;
          max-width: none;
          padding: 25px 15px;
          -webkit-border-radius: 0;
          border-radius: 0;
          -webkit-transition: none;
          transition: none;
     }
     .map-section-box .company-info,
     .map-section-box .company-info.has-hidden {
          -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0);
     }
     .map-section-box .map-box-canvas {
          display: none;
     }

     .company-info > * {
          margin-top: 18px;
     }
     .company-info > *:first-child {
          margin-top: 0;
     }
     .company-info .ci-logo {
          max-width: 150px;
          margin: 0 auto 15px auto;
     }
     .company-info .ci-list {
          font-size: 16px;
          line-height: 23px;
     }
     .company-info .ci-list li {
          margin-top: 20px;
          padding-left: 35px;
     }
     .company-info .ci-list li:first-child {
          margin-top: 0;
     }
     .company-info .ci-list li:before {
          width: 23px;
          height: 23px;
     }
     .company-info .ci-list li span {
          margin-top: 6px;
          font-size: 14px;
          line-height: 21px;
     }

     .spoilers-main-box .spoiler-item .si-title {
          padding: 15px 47px 15px 13px;
          font-size: 18px;
          line-height: 20px;
     }
     .spoilers-main-box .spoiler-item .si-title:before {
          right: 12px;
          top: 12px;
          width: 24px;
          height: 24px;
     }
     .spoilers-main-box .spoiler-item .si-content {
          padding: 0 13px 12px 13px;
          font-size: 16px;
          line-height: 22px;
     }

     .product-main-box-slider .pmbs-overlay {
          height: -webkit-calc(100vw - 15px - 15px);
          height: calc(100vw - 15px - 15px);
     }
     .product-main-box-slider .pmbs-sld-nav {
          bottom: -webkit-calc(64px + 20px);
          bottom: calc(64px + 20px);
          width: 30px;
          height: 30px;
     }
     .product-main-box-slider .pmbs-sld-nav span {
          -webkit-background-size: 20px;
          background-size: 20px;
     }
     .product-main-box-slider .pmbs-sld-nav.pmbs-sld-nav-left {
          left: 10px;
     }
     .product-main-box-slider .pmbs-sld-nav.pmbs-sld-nav-right {
          right: 10px;
     }
     .product-main-box-slider .pmbs-sld-dots {
          margin-top: 20px;
     }
     .product-main-box-slider .pmbs-sld-dots ul li {
          width: 64px;
          height: 64px;
          margin-left: 10px;
     }
     .product-main-box .product-main-box-header > * {
          margin-top: 20px;
     }
     .product-main-box .product-main-box-header > *:first-child {
          margin-top: 0;
     }
     .product-main-box .product-main-box-header .product-main-box-header-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
     }
     .product-main-box .product-main-box-header .pmb-h-column {
          width: 100%;
          margin-left: 0;
          margin-top: 20px;
     }
     .product-main-box .product-main-box-header .pmb-h-column:first-child {
          width: 100%;
          margin-left: 0;
          margin-top: 0;
     }

     .news-page-main-box .np-mb-overflow {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 0;
     }
     .news-page-main-box .np-mb-overflow > * {
          width: 100%;
          margin-left: 0;
          margin-top: 30px;
     }
     .news-page-main-box .np-mb-overflow > *:first-child{
          margin-top: 0;
     }

     .news-item .news-item-overflow .ni-column {
          width: 100%;
          margin-left: 0;
          margin-top: 0;
          order: 1;
     }
     .news-item .news-item-overflow .ni-column:first-child {
          width: 100%;
          margin-left: 0;
          margin-top: 15px;
          order: 2;
     }

     .reviews-box .rb-overflow {
          margin-top: 0;
     }
     .reviews-box .rb-overflow .reviews-box-item {
          width: 100%;
          margin-left: 0;
          margin-top: 20px;
     }
     .reviews-box .rb-overflow .reviews-box-item:first-child {
          margin-top: 0;
     }

     footer {
          padding-top: 45px;
          padding-bottom: 40px;
     }
     footer .center {
          max-width: none;
          padding-left: 15px;
          padding-right: 15px;
     }

     .footer-main-box {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: start;
     }
     .footer-main-box .fmb-column {
          margin-left: 0;
          padding-top: 0;
     }
     .footer-main-box .fmb-column:nth-child(1) {
          margin-left: 0;
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
     }
     .footer-main-box .fmb-column:nth-child(2) {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          margin-left: 0;
          margin-top: 35px;
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
     }
     .footer-main-box .fmb-column:nth-child(3) {
          display: none;
          -webkit-flex: 0 0 -webkit-calc(100% - 140px);
          -ms-flex: 0 0 calc(100% - 140px);
          flex: 0 0 calc(100% - 140px);
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
     }
     .footer-main-box .fmb-column:nth-child(4) {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          margin-top: 35px;
     }
     .footer-main-box .footer-logo {
          max-width: 120px;
          margin: 0 auto;
     }
     .footer-main-box .footer-navigation ul {
          font-size: 16px;
          line-height: 23px;
     }
     .footer-main-box .footer-navigation ul li {
          margin-top: 20px;
     }
     .footer-main-box .footer-navigation ul li:first-child {
          margin-top: 0;
     }
     .footer-main-box .footer-navigation.fn-main ul li {
          margin-top: 10px;
     }
     .footer-main-box .footer-navigation.fn-main ul li:first-child {
          margin-top: 0;
     }
     .footer-main-box .footer-navigation p {
          font-size: 16px;
          line-height: 23px;
     }
     .footer-main-box .company-info .ci-list {
          font-size: 14px;
          line-height: 21px;
     }
     .footer-main-box .company-info .ci-list li {
          margin-top: 10px;
          padding-left: 25px;
     }
     .footer-main-box .company-info .ci-list li:before {
          width: 18px;
          height: 18px;
     }
     .footer-main-box .footer-navigation {
          text-align: center;
     }
     .footer-main-box .footer-navigation .styled-btn {
          max-width: 255px;
          margin: 0 auto;
     }
}





/* ==== ==== ==== RESPONSIVE STYLES END ==== ==== ==== */