:root {
    --base-font:            Arial, Helvetica, sans-serif;
    --title-font:           'PT Sans Narrow', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    --main-color:           #000000;
    --secondary-color:      #828282;
    --accent-color:         #F39200;
    --accent-red-color:     #CB0F0F;
    --dark-grey-color:      #252B30;
    --grey-bg:              #EEEEEE;
    --border-color:         #D4D4D4;
    --error-color:          #ff0000;
}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('../fonts/PTSans-Narrow.woff2') format('woff2'),
    url('../fonts/PTSans-Narrow.woff') format('woff');
    font-display: swap;
    font-weight: normal;
}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('../fonts/PTSans-NarrowBold.woff2') format('woff2'),
    url('../fonts/PTSans-NarrowBold.woff') format('woff');
    font-display: swap;
    font-weight: bold;
}

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

.svg-sprite {
    position: absolute;
    left: -9999px;
    top: -9999px;
    height: 0;
    width: 0;
    visibility: hidden;
    opacity: 0;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    flex-shrink: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html:not(.behavior-auto) {
    scroll-behavior: smooth;
}

html,
body {
    display: flex;
    flex-direction: column;
}

body {
    font-family: var(--base-font);
    font-size: 16px;
    line-height: 1.125;
    background: #fff;
    color: var(--main-color);
    min-width: 320px;
    min-height: calc(100vh + 1px);
    margin: 0;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .grey-bg {
        background-color: #e5e5e5;
    }
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    color: inherit;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

:hover,
:active,
:focus {
    outline: none;
}

img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
    height: auto;
}

.color-red {
    color: var(--error-color);
}

.color-secondary {
    color: var(--secondary-color);
}

b,
strong {
    font-weight: bold;
}

hr {
    height: auto;
    border: 1px solid var(--border-color);
    border-width: 1px 0 0;
    margin: 28px 0;
    clear: both;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit;
    font-weight: bold;
}

a,
button {
    transition: 0.15s ease-in-out;
    transition-property: color, border-color, background-color, opacity, box-shadow;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: inherit;
    text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

p,
ul,
ol {
    margin: 0 0 18px 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--title-font);
    font-weight: 700;
    color: inherit;
    margin: 0 0 18px 0;
}

h1,
.h1 {
    font-size: 43px;
    line-height: 1;
    margin-bottom: 44px;
}

h2,
.h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 28px;
}

h3,
.h3 {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 12px;
}

.text * + h1,
.text * + h2 {
    margin-top: 26px;
}

.text * + h3 {
    margin-top: 22px;
}

.text a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.text a:hover {
    color: var(--accent-color);
}

.text ul,
.text ol {
    list-style: none;
    padding: 0;
    margin: 0 0 18px 20px;
}

.text * + ul,
.text * + ol {
    margin-top: 18px;
}

.text li > ul,
.text li > ol {
    margin-bottom: 0;
}

.text li {
    position: relative;
    padding-left: 22px;
}

.text ul > li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--accent-color);
    position: absolute;
    left: 0;
    top: 6px;
}

.text ol {
    counter-reset: li;
}

.text ol > li {
    counter-increment: li;
}

.text ol > li:before {
    content: counter(li)'.';
    color: var(--accent-color);
    position: absolute;
    left: 0;
}

.text blockquote {
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 25px;
    color: #373737;
    padding-left: 96px;
    margin: 0 0 26px;
    position: relative;
    min-height: 75px;
}

.text * + blockquote {
    margin-top: 26px;
}

.text blockquote strong {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
}

.text blockquote strong a {
    text-decoration: none;
}

.text blockquote:before,
.text blockquote strong a:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 20px;
    width: 43px;
    height: 43px;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: #989898;
    transform: rotate(-45deg);
    transition: 0.15s ease-in-out;
}

.text blockquote strong a:hover:before {
    border-color: var(--accent-color);
}

figure {
    margin: 0 0 30px;
}

figcaption {
    font-family: var(--title-font);
    margin-top: 16px;
    font-size: 18px;
}

figure img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.text * + figure {
    margin-top: 30px;
}

.text img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.text figcaption {
    font-family: inherit;
    font-style: italic;
    font-size: inherit;
    color: #333333;
}

.text iframe {
    max-width: 100%;
}

.video-wrapper {
    position: relative;
    max-width: 560px;
}

.video-wrapper:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.video-wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.text dl {
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 25px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 28px 0;
    margin: 0 0 40px;
    column-count: 2;
    column-gap: 34px;
}

.text * + dl {
    margin-top: 40px;
}

.text dl > div {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 5px 0;
}

.text dl > div > div {
    display: inline-block;
}

.text dl > div > div:not(:last-child) {
    margin-right: 10px;
}

.text dt {
    display: inline;
    font-weight: bold;
}

.text dd {
    display: inline;
    margin: 0;
}

.text_lg {
    font-size: 19px;
    line-height: 25px;
}

.form-check {
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 14px;
}

.form-check label {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.form-check input {
    opacity: 0;
}

.form-check input ~ span {
    display: block;
    position: relative;
    padding: 0 0 0 28px;
}

.form-check input,
.form-check input ~ span:before,
.form-check input ~ span:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    transition: 0.15s ease-in-out;
}

.form-check input,
.form-check input ~ span:before {
    width: 16px;
    height: 16px;
    border: 2px solid #C4C4C4;
    background: #fff;
    border-radius: 4px;
}

.form-check input ~ span:after {
    width: 8px;
    height: 8px;
    margin: 4px;
    background: #333333;
    border-radius: 2px;
    opacity: 0;
}

.form-check input:checked ~ span:before {
    border-color: var(--secondary-color);
}

.form-check input:checked ~ span:after {
    opacity: 1;
}

.form-check input.error ~ span:before {
    border-color: var(--error-color);
}

.form-check input:disabled ~ span {
    opacity: 0.5;
    cursor: default;
    cursor: not-allowed;
}

.form-check a {
    text-decoration: underline;
}

.form-check a:hover {
    color: var(--accent-red-color);
}

.form-check_sm {
    font-size: 14px;
    color: var(--secondary-color);
}

.form-check_sm a {
    color: var(--accent-red-color);
}

.form-check._right input ~ span {
    padding: 0 26px 0 0;
}

.form-check._right input,
.form-check._right input ~ span:before,
.form-check._right input ~ span:after {
    left: auto;
    right: 0;
}

.form-check-row {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}

.form-check-list-title {
    margin-right: 25px;
}

.form-check-list {
    flex-grow: 1;
    min-width: 1px;
    position: relative;
}

.form-check-list label.error {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: -10px;
}

.form-check-list .form-check {
    display: inline-block;
    margin: 0 30px 12px 0;
    font-size: inherit;
}

.form-check-list .form-check:last-child {
    margin-right: 0;
}

.form-btn-group {
    margin-top: 40px;
}

.row + .form-btn-group {
    margin-top: 10px;
}

.form-group {
    margin-bottom: 16px;
}

.form-label {
    display: block;
    font-family: var(--title-font);
    font-size: 18px;
    margin-bottom: 10px;
}

.form-control,
.form-select {
    display: block;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 18px;
    padding: 10px 10px;
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    color: var(--main-color);
}

.form-control::placeholder {
    color: var(--main-color);
}

.form-control:not([readonly]):focus::placeholder {
    color: transparent;
}

.form-select {
    max-width: 100%; 
    margin: 0;
    padding-right: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23383838' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px 8px;
}

.form-select::-ms-expand {
    display: none;
}

textarea.form-control {
    max-width: 100%;
    min-width: 100%;
    overflow: auto;
    height: auto;
    resize: vertical;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--main-color);
}

.form-control[disabled],
.form-select[disabled] {
    background-color: #ededed;
    border-color: #E5E5E5;
    color: var(--secondary-color);
    opacity: 1;
    cursor: default;
    cursor: not-allowed;
}

.form-control.error,
.form-select.error {
    border-color: var(--error-color) !important;
}

div.form-control {
    height: auto;
}

.form-floating {
    position: relative;
}

.form-floating .form-control::placeholder {
    color: transparent;
}

.form-floating .form-label {
    position: absolute;
    left: 11px;
    right: 11px;
    top: 11px;
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    margin: 0;
    color: var(--main-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.form-floating .form-control:not(:placeholder-shown) ~ .form-label,
.form-floating .form-control:not([readonly]):focus ~ .form-label,
.form-floating .form-select:not([readonly]):focus ~ .form-label,
.form-floating .form-select:valid ~ .form-label {
    display: none;
}

.form-floating .form-control:-webkit-autofill ~ .form-label {
    display: none;
}

.form-floating .form-control[disabled] ~ .form-label,
.form-floating .form-select[disabled] ~ .form-label {
    color: var(--secondary-color);
}

label.error {
    display: block;
    color: var(--error-color);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: -16px;
}

.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    border: none;
    background-color: var(--accent-red-color);
    color: #fff;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
    padding: 9px 23px;
    border-radius: 3px;
}

.btn:hover,
.btn:focus {
    text-decoration: none;
    box-shadow: 0 0 100px rgba(0, 0, 0, .15) inset;
}

.btn_blue {
    background-color: var(--accent-color);
    color: #fff;
}

.btn_grey {
    background-color: #8B8B8B;
    color: #fff;
}

.btn_grey:hover {
    background-color: var(--accent-color);
    color: #fff;
}

.btn_dark {
    background-color: #333333;
    color: #fff;
}

.btn_dark:hover {
    background-color: var(--accent-color);
    color: #fff;
}

.btn_block {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.btn[disabled],
.btn.is-disabled {
    background: #BBBBBB !important;
    color: #fff !important;
    box-shadow: none !important;
    cursor: default;
    cursor: not-allowed;
}

.alert {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--accent-red-color);
    color: #fff;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
    padding: 9px 17px;
    border-radius: 3px;
}

.alert .icon {
    align-self: baseline;
    margin-right: 10px;
}

.close-btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: none;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    width: 22px;
    height: 22px;
    color: var(--main-color);
}

.close-btn:before,
.close-btn:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    border-bottom: 2px solid;
    margin: -1px 0 0 -6px;
    transform: rotate(45deg);
}

.close-btn:after {
    transform: rotate(-45deg);  
}

.fancybox-close-btn {
    position: absolute;
    right: -32px;
    top: -32px;
}

@media (max-width: 767.98px) {
    .fancybox-close-btn {
        right: 15px;
        top: 11px;
    }
}

.popup-window .fancybox-close-btn {
    right: 15px;
    top: 11px;
}

.fancybox-is-open .fancybox-bg {
    opacity: .85;
}

.popup-window {
    background: #fff;
    padding: 0;
    width: 364px;
    overflow: visible;
    background: var(--grey-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

@media (min-width: 768px) {
    .registration-window {
        width: 666px;
    }
}

.popup-window .row {
    --bs-gutter-x: 18px;
}

.popup-window:not(.fancybox-content) {
    display: none;
}

body:not(.compensate-for-scrollbar) .compensate-for-scrollbar {
    margin-right: 0 !important;
}

.popup-window__header {
    padding: 13px 40px;
    background: #333333;
    color: #fff;
    border-radius: 3px 3px 0 0;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: var(--title-font);
}

.popup-window__image img {
    display: block;
    width: 100%;
    height: auto;
}

.popup-window__content {
    padding: 40px;
}

.popup-window__more-links {
    text-align: center;
    font-family: var(--title-font);
    font-size: 18px;
    margin-top: 38px;
}

.popup-window__more-links > div {
    margin-top: 10px;
}

.popup-window .btn {
    font-size: 18px;
    margin-top: 8px;
}

.popup-window .form-control,
.popup-window .form-select {
    background-color: #fff;
}

.block .form-control,
.block .form-select {
    background-color: #fff;
}

.popup-window .g-recaptcha {
    transform-origin: left top;
    transform: scale(0.94);
    margin-bottom: -5px;
    min-height: 78px;
}

.slick-slider {
    display: block;
}

.slick-track {
    margin: 0;
}

.slick-slide > div > * {
    width: auto;
    vertical-align: top;
}

.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
}

.slick-dots li button {
    display: block;
    width: 20px;
    height: 30px;
    border: none;
    background: none;
    padding: 0;
    position: relative;
    cursor: pointer;
    text-indent: -9999px;
}

.slick-dots li button:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -5px;
    border-radius: 50%;
    background: var(--secondary-color);
}

.slick-dots li.slick-active button:before {
    background: var(--accent-color);
}

.slick-arrow {
    border: none;
    padding: 0;
    background: none;
    position: absolute;
    text-indent: -9999px;
    z-index: 11;
    top: 50%;
    width: 30px;
    height: 40px;
    margin-top: -20px;
    opacity: .23;
}

.slick-arrow:hover {
    opacity: .5;
}

.slick-arrow.slick-disabled {
    opacity: .1;
    cursor: default;
    pointer-events: none;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-arrow:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px -13px;
    border-style: solid;
    border-color: transparent currentColor;
    border-width: 22px 26px 22px 0;
    transform: translateX(-3px);
}

.slick-next:before {
    border-width: 22px 0 22px 26px;
    transform: translateX(3px);
}

.menu-popup__bg,
.menu-popup__close {
    display: none;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1184px;
    }
}

@media (min-width: 992px) {
    .col-lg-5_12 {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-xl-5_12 {
        flex: 0 0 auto;
        width: 20%;
    }

    .col-xl-7_12 {
        flex: 0 0 auto;
        width: 14.286%;
    }
}

.container {
    --bs-gutter-x: 7px;
}

.row {
    --bs-gutter-x: 14px;
}

.v-space {
    --bs-gutter-y: 24px;
}

.v-space-sm {
    --bs-gutter-y: 14px;
}

.v-space-xs {
    --bs-gutter-y: 10px;
}

.row.slick-slider {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    --bs-gutter-y: 0;
}

.row.slick-slider .slick-list {
    width: auto;
    max-width: none;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row.slick-slider .slick-slide > div > * {
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.header {
    --banner-height: 110px;
    padding-top: 20px;
    position: relative;
    z-index: 2;
}

.header__banner {
    margin-left: 220px;
    margin-bottom: calc(-1 * var(--banner-height));
    position: relative;
    z-index: 1;
}

.header__banner,
.header__banner a,
.header__banner picture {
    display: block;
    height: var(--banner-height);
}

.header__banner img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.header__content {
    display: flex;
    align-items: flex-start;
    padding-top: var(--banner-height);
    padding-bottom: 23px;
    position: relative;
}

.header__content:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 0L0.5 5H2.5L7.5 0H5.5Z' fill='black'/%3E%3C/svg%3E%0A");
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.header__logo-wrapper {
    flex: 0 0 auto;
    width: 220px;
    margin-top: calc(-1 * var(--banner-height));
}

.header__logo {
    display: block;
    text-decoration: none;
    display: block;
    width: 173px;
    text-align: center;
    font-family: var(--title-font);
    font-size: 14px;
    line-height: 1.105;
    letter-spacing: 0.18em;
    color: #333333;
}

.header__logo:hover {
    text-decoration: none;
}

.header__logo-image {

}

.header__logo-image img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.header__logo-text {
    margin-top: 14px;
}

.header__menu-btn {
    display: none;
}

.menu-btn {
    display: block;
    position: relative;
    width: 20px;
    height: 22px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    color: var(--dark-grey-color);
}

.menu-btn:before,
.menu-btn:after {
    content: '';
}

.menu-btn:before,
.menu-btn:after,
.menu-btn > span {
    position: absolute;
    height: 5px;
    width: 20px;
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -10px;
    background: currentColor;
}

.menu-btn:before {
    transform: translateY(-9px);
}

.menu-btn:after {
    transform: translateY(9px);
}

.header__main {
    flex-grow: 1;
    min-width: 1px;
    padding-top: 18px;
}

.header__links {
    margin-bottom: 11px;
    font-family: var(--title-font);
    font-size: 14px;
    line-height: 15px;
    color: #333333;
}

.header__links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.header__links li {
    margin-right: 15px;
}

.header__links li:last-child {
    margin-right: 0;
}

.header__links a {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    padding-left: 15px;
}

.header__links-icon {
    position: absolute;
    left: 0;
    top: 2px;
    width: 11px;
    height: 11px;
}

@media (min-width: 768px) {
    .header__nav {
        background: var(--dark-grey-color);
        color: #fff;
        font-family: var(--title-font);
        font-weight: 700;
        font-size: 15px;
        line-height: 17px;
        text-transform: uppercase;
        padding: 0 20px 0 11px;
        height: 39px;
        margin-left: 25px;
        position: relative;
    }

    .header__nav:before {
        content: '';
        position: absolute;
        right: 100%;
        top: 0;
        border-style: solid;
        border-width: 39px 0 0 25px;
        border-color: var(--dark-grey-color) transparent;
    }

    .nav {
        height: 29px;
    }

    .nav > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
        position: relative;
    }

    .nav > ul > li {
        display: inline-block;
        position: relative;
        padding: 11px 0;
        margin-right: 12px;
    }

    .nav > ul:not(:last-child) > li:last-child {
        padding-right: 25px;
        margin-right: 20px;
    }

    .nav > ul:not(:last-child) > li:last-child:after {
        content: '';
        position: absolute;
        right: 0;
        top: 5px;
        bottom: 5px;
        border-right: 1px solid #727272;
    }

    .nav > ul > li.is-hidden {
        opacity: 0;
        visibility: hidden;
    }

    .nav > ul > li > a {
        display: block;
        white-space: nowrap;
        text-decoration: none;
    }

    .nav > ul > li:hover > a,
    .nav > ul > li > a.is-active {
        color: var(--accent-color);
    }

    .nav > ul > li > a button {
        display: none;
    }

    .nav > ul > li > ul {
        margin: 0;
        list-style: none;
        position: absolute;
        left: 0;
        top: 100%;
        background: #fff;
        border: 1px solid #e5e5e5;
        box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
        border-radius: 0 0 2px 2px;
        padding: 26px 24px;
        color: var(--main-color);
        z-index: 1;
        font-size: 17px;
        text-transform: none;
        font-weight: normal;
        min-width: 225px;
        display: none;
    }

    .nav > ul > li:hover > ul {
        display: block;
    }

    .nav > ul > li > ul li:not(:last-child) {
        margin-bottom: 7px;
    }

    .nav > ul > li > ul a {
        text-decoration: none;
    }

    .nav > ul > li > ul a:hover {
        text-decoration: underline;
    }

    .header__nav-more {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }

    .header__nav:not(.has-dropdown) .header__nav-more {
        display: none;
    }

    .header__nav-more-arrow {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 100%;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        padding: 0;
    }

    .header__nav-more-arrow:before {
        content: '';
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        border-width: 7px 7px 0;
        border-color: currentColor transparent;
    }

    .header__nav.is-open .header__nav-more-arrow:before {
        transform: rotate(180deg);
    }

    .header__nav-more-dropdown {
        position: absolute;
        right: 0;
        top: 100%;
        background: #fff;
        border: 1px solid #E5E5E5;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border-radius: 0 0 2px 2px;
        color: var(--main-color);
        min-width: 154px;
        z-index: 1;
    }

    .header__nav:not(.is-open) .header__nav-more-dropdown {
        display: none;
    }

    .header__nav-more-dropdown ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .header__nav-more-dropdown li ul {
        display: none;
    }

    .header__nav-more-dropdown a {
        display: block;
        padding: 11px 18px;
        text-decoration: none;
    }

    .header__nav-more-dropdown a:hover,
    .header__nav-more-dropdown a.is-active {
        background: var(--dark-grey-color);
        color: #fff;
    }

    .header__nav-more-dropdown a button {
        display: none;
    }
}

.header__second-nav {
    font-family: var(--title-font);
    font-size: 14px;
    line-height: 15px;
    color: #707070;
    margin: 7px 0 0 37px;
    position: relative;
}

.header__second-nav-header {
    display: none;
}

.header__second-nav-inner {
    display: flex;
    justify-content: space-between;
}

.header__second-nav-content {
    margin-left: auto;
}

.header__second-nav-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

.header__second-nav-content li {
    display: inline-block;
    margin-right: 12px;
}

.header__second-nav-content li:last-child {
    margin-right: 0;
}

@media (min-width: 768px) {
    .header__second-nav-content ul:not(:last-child) li:last-child {
        border-right: 1px solid;
        margin-right: 12px;
        padding-right: 16px;
    }
}

.header_version_2 .header__banner,
.header_version_2 .header__banner a,
.header_version_2 .header__banner picture {
    height: auto;
}

.header_version_2 .header__banner {
    margin-left: 0;
    margin-bottom: 18px;
}

.header_version_2 .header__banner img {
    max-height: none;
}

.header_version_2 .header__content {
    padding-top: 0;
}

.header_version_2 .header__logo-wrapper {
    margin-top: 5px;
    width: 304px;
    padding-right: 20px;
}

.header_version_2 .header__logo {
    width: auto;
    letter-spacing: 0.035em;
    text-align: left;
}

.header_version_2 .header__logo-text {
    margin-top: 8px;
}

.header_version_2 .header__main {
    padding-top: 0;
}

.footer {
    padding-bottom: 20px;
}

.footer__main {
    background: var(--dark-grey-color);
    color: #fff;
    display: flex;
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 21px;
}

.footer__section {
    border-left: 1px solid #3E454B;
    padding: 33px 28px 23px;
    flex: 0 0 auto;
}

.footer__section:first-child {
    border-left: none;
}

.footer__section_logo {
    width: 31.8%;
}

.footer__section_nav {
    width: 14.2%;
}

.footer__section_subscribe {
    width: 54%;
}

.footer__logo-wrapper {
    display: flex;
    align-items: flex-end;
    margin-bottom: 17px;
    margin-top: -9px;
}

.footer__logo {
    margin-right: 26px;
}

.footer__logo img {
    max-width: 83px;
    width: auto;
    height: auto;
}

.footer__description {
    font-feature-settings: 'kern' off;
    min-height: 63px;
    margin-bottom: 14px;
}

.footer__social {
    margin-right: -5px;
}

.footer__social-btn {
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
    margin-top: 5px;
}

.footer__social-btn:last-child {
    margin-right: 0;
}

.footer__social-btn img {
    display: block;
    width: 37px;
    height: 37px;
}

.footer__login {
    margin-bottom: 31px;
}

.footer__login-item {
    margin-bottom: 7px;
}

.footer__login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    vertical-align: top;
    border: none;
    padding: 0;
    background: none;
}

.footer__login-icon {
    color: #C2C2C2;
    flex-shrink: 0;
    margin-right: 8px;
}

.footer__login-btn:hover .footer__login-icon {
    color: inherit;
}

.footer__nav {
    margin-right: -10px;
}

.footer__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer__subscribe-section {
    display: flex;
}

.footer__subscribe-wrapper {
    flex: 0 0 auto;
    width: 63.5%;
    padding-right: 28px;
}

.footer__projects-wrapper {
    flex: 0 0 auto;
    width: 36.5%;
}

.footer__subscribe-title {
    margin-bottom: 22px;
}

.footer__subscribe-row {
    display: flex;
    margin: 0 -8px;
}

.footer__subscribe-col {
    flex: 0 0 auto;
    padding: 0 8px;
}

.footer__subscribe-col_captcha {
    width: 48%;
    order: -1;
}

.footer__subscribe-col_input {
    width: 52%;
}

@media (min-width: 768px) {
    .footer .g-recaptcha,
    .footer .g-recaptcha > div,
    .footer .g-recaptcha iframe {
        width: 100% !important;
    }
}

.footer .g-recaptcha iframe {
    border-radius: 4px;
}

.footer__subscribe .form-group {
    margin-bottom: 16px;
}

.footer__subscribe .form-control {
    background-color: #EDEDED;
    border-color: #EDEDED;
    height: auto;
    padding: 5px 14px 6px;
}

.footer__subscribe .btn {
    font-size: 16px;
    font-weight: normal;
    padding: 4px 0 5px;
}

.footer__copyright {
    text-align: right;
    margin-top: 17px;
}

.footer__projects {
    background: #C4C4C4;
    color: #3F3F3F;
    padding: 15px 28px;
    min-height: 100%;
}

.footer__projects-title {
    margin-bottom: 9px;
}

.footer__projects-list {
    font-weight: 700;
    font-size: 17px;
    line-height: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-feature-settings: 'kern' off;
}

.footer__projects-list small {
    font-size: 15px;
    text-transform: none;
}

.footer__projects-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer__projects-list li {
    margin-bottom: 10px;
}

.footer_version_2 .footer__logo-wrapper {
    display: flex;
    margin: 4px 0 17px;
}

.footer_version_2 .footer__logo,
.footer_version_2 .footer__second-logo {
    flex: 0 0 auto;
    width: 50%;
}

.footer_version_2 .footer__logo {
    margin-right: 0;
    padding-right: 22px;
}

.footer_version_2 .footer__second-logo {
    padding-left: 6px;
}

.footer_version_2 .footer__logo a,
.footer_version_2 .footer__second-logo a {
    display: block;
}

.footer_version_2 .footer__logo img,
.footer_version_2 .footer__second-logo img {
    max-width: 100%;
}

.footer_version_2 .footer__description {
    min-height: 42px;
    margin-bottom: 3px;
}

.footer_version_2 .footer__counter {
    margin-bottom: 24px;
}

.content {
    flex-grow: 1;
    min-height: 1px;
    padding: 40px 0;
}

.breadcrumbs {
    border-bottom: 1px solid var(--border-color);
    font-family: var(--text-font);
    font-size: 12px;
    line-height: 16px;
    color: var(--secondary-color);
    padding: 11px 0 11px 42px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.grey-bg .breadcrumbs {
    background: none;
}

.breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs li:not(:last-child):after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(-45deg);
    width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    margin: 0 15px;
    top: -1px;
}

.page-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 45px 0 90px;
}

.page-header__content {

}

.page-header__subtitle {
    font-family: var(--title-font);
    font-size: 24px;
    line-height: 31px;
    margin-top: 10px;
}

.page-header__aside {
    font-family: var(--title-font);
    font-size: 18px;
    text-align: right
}

.page-header__aside > span,
.page-header__aside .more-link {
    display: inline-block;
    margin-left: 18px;
}

.page-header__aside .more-link {
    color: inherit;
}

.page-header h1,
.page-header h2,
.page-header h3 {
    margin: 0;
}

.item {

}

.item img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 24px;
    border-radius: 4px;
}

.item__title {
    font: inherit;
    font-weight: bold;
    margin-bottom: 10px;
}

.item__text {

}

.item__secondary {
    font-family: var(--title-font);
    font-size: 15px;
    line-height: 19px;
    font-feature-settings: 'kern' off;
    color: #7D7D7D;
    margin-top: 7px;
}

.section {
    margin-bottom: 40px;
}

.section:last-child {
    margin-bottom: 0;
}

.section__header {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.section_slider .section__header {
    padding-right: 60px;
}

@media (min-width: 768px) {
    .section_slider .slick-arrow {
        top: -64px;
        margin: 0;
        left: auto;
        right: 0;
        width: 20px;
        height: 20px;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: .23;
    }

    .section_slider .slick-arrow:hover {
        opacity: .6;
    }

    .section_slider .slick-arrow.slick-disabled {
        opacity: 0;
    }

    .section_slider .slick-prev {
        margin-right: 28px;
        background-image: url('../images/slider-prev.svg');
    }

    .section_slider .slick-next {
        background-image: url('../images/slider-next.svg');
    }

    .section_slider .slick-arrow:before {
        display: none;
    }
}

.section__header-content {
    flex-grow: 1;
    min-width: 1px;
    display: flex;
    align-items: baseline;
}

.section__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0;
}

.section__title .icon {
    top: -2px;
    margin-right: 13px;
}

.section__nav {
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 21px;
    color: #6B6B6B;
    margin-left: 22px;
}

.section__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.section__nav li {
    display: inline;
    margin-right: 14px;
}

.section__header-aside {
    text-align: right;
}

.section__header-aside .more-link {
    margin-left: 10px;
}

.more-link {
    display: inline-block;
    position: relative;
    font-family: var(--title-font);
    color: #6B6B6B;
    text-decoration: none;
    padding-right: 14px;
}

.more-link:hover {
    text-decoration: underline;
}

.more-link:after {
    content: '';
    position: absolute;
    right: 2px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -3px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
}

.main-news {
    display: flex;
}

.main-news__single {
    flex: 0 0 auto;
    width: 27.2%;
    padding-right: 35px;
}

.main-news .item img {
    border-radius: 4px 4px 0 0;
}

.main-news__list {
    flex-grow: 1;
    min-width: 1px;
}

.main-objects {
    display: flex;
    margin: 0 -7px;
}

.main-objects__content {
    flex-grow: 1;
    min-width: 1px;
    padding: 0 7px;
}

.main-objects__more {
    flex: 0 0 auto;
    width: 86px;
    padding: 0 7px;
}

.main-objects__more-btn {
    display: flex;
    align-items: center;
    height: 260px;
    border-radius: 0 4px 4px 0;
    background: #EBEBEB;
    color: #fff;
}

.main-objects__more-btn:hover {
    background: #dddddd;
}

.main-objects__more-btn .icon {
    width: 100%;
    height: auto;
}

.banners {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 14px 0;
}

.banners .row {
    justify-content: center;
}

.banner a {
    display: block;
}

.banner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.tenders-slider {

}

.tender-card {

}

.tender-card__main {
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.tender-card__header {
    min-height: 87px;
    display: flex;
    align-items: center;
    padding: 5px 24px;
}

.tender-card__title {
    /*font-weight: bold;*/
    margin: 0;
}

.tender-card__content {
    display: flex;
    align-items: center;
    background: var(--grey-bg);
    border-radius: 4px;
    padding: 5px 13px;
    min-height: 93px;
}

.tender-card__icon {
    flex-shrink: 0;
    margin-right: 16px;
}

.tender-card__icon img {
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 50%;
}

.tender-card__text {
    flex-grow: 1;
    min-width: 1px;
}

.tender-card__desc {
    line-height: 1.35;
}

.tender-card__date {
    font-size: 14px;
    color: var(--secondary-color);
    margin-top: 4px;
}

.tender-card__status {
    font-family: var(--title-font);
    line-height: 1;
    text-align: center;
    color: #6B6B6B;
    width: 56px;
    flex-shrink: 0;
    margin-left: 16px;
}

.tender-card__status-icon {
    min-width: 20px;
    height: 11px;
    background: url('../images/available.svg') center center no-repeat;
}

.tender-card.not-available .tender-card__status-icon {
    background-image: url('../images/not-available.svg');
}

.tender-card__status-text {
    margin-top: 6px;
}

.tender-card__data {
    display: flex;
    font-size: 15px;
    line-height: 16px;
    color: #929292;
    margin: 9px 10px 0;
}

.tender-card__data-item {
    display: flex;
    align-items: center;
    margin: 0 10px;
}

.tender-card__data-item:first-child {
    margin-right: auto;
    margin-left: 0;
}

.tender-card__data-item:last-child {
    margin-right: 0;
}

.tender-card__data-item .icon {
    flex-shrink: 0;
    margin-right: 7px;
}

.tender-card__data-item:first-child .icon {
    order: 1;
    margin-right: 0;
    margin-left: 7px;
}

.tender-card__data-text {

}

.main-technologies {
    max-width: 1090px;
}

.main-materials-section {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 40px;
}

.material-item img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    border: 1px solid var(--border-color);
}

.catalog-item {
    display: block;
    text-align: center;
    color: inherit !important;
    text-decoration: none !important;
}

.catalog-item__image {
    display: inline-block;
    position: relative;
    max-width: 194px;
}

.catalog-item__image:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.7) url('../images/right-arrow-lg.svg') center center no-repeat;
    background-size: 60px auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s ease-in-out;
}

.catalog-item:hover .catalog-item__image:after {
    opacity: 1;
    visibility: visible;
}

.catalog-item__image img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 2px;
    border: 1px solid var(--border-color);
}

.catalog-item__title {
    font-size: 15px;
    margin-top: 10px;
}

.main-materials-catalog {
    --bs-gutter-x: 20px;
    font-size: 15px;
    line-height: 18px;
}

.main-materials-catalog__header {
    font-weight: bold;
    min-height: 36px;
    margin-bottom: 10px;
}

.main-materials-catalog__content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.video-item {
    display: block;
    width: 100%;
    text-decoration: none;
    background: #FFFFFF;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 15px;
    text-align: center;
    max-width: 282px;
    margin: 0 auto;
}

.video-item:hover {
    background: var(--grey-bg);
    text-decoration: none;
}

.video-item img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 0 auto 15px;
}

.video-item__title {

}

.video-item__secondary {
    font-family: var(--title-font);
    font-feature-settings: 'kern' off;
    color: #7D7D7D;
    margin-top: 12px;
}

.video-item__icon {
    color: #767474;
    margin-top: 14px;
}

.video-item:hover .video-item__icon {
    color: var(--error-color);
}

.company-slider .company-item {
    margin-bottom: 0;
}

.company-slider .slick-list {
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.company-slider .slick-track,
.company-slider .slick-slide,
.company-slider .slick-slide > div {
    display: flex;
}

.company-slider .slick-slide {
    height: auto;
    min-height: 0;
}

.company-slider .slick-slide > div {
    width: 100%;
}

.company-item {
    display: block;
    width: 100%;
    text-decoration: none;
    background: #FFFFFF;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 15px;
    text-align: center;
    font-size: 15px;
}

.company-item:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.company-item__logo,
.company-item__logo a {
    display: flex;
    height: 46px;
    align-items: center;
    justify-content: center;
}

.company-item__logo {
    margin-bottom: 21px;
}

.company-item__logo a {
    width: 100%;
}

.company-item__logo img {
    flex-shrink: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.company-item__title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 19px;
}

.company-item__text {
    font-family: var(--title-font);
    margin-bottom: 21px;
}

.company-item__contacts {
    margin-bottom: 11px;
}

.news {
    --bs-gutter-x: 14px;
}

.news__item-inner {
    padding-bottom: 14px;
}

@supports(display: grid){
    .news._masonry.is-complete {
        display: grid;
        margin: 0;
        grid-gap: 0 var(--bs-gutter-x);
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 1px;
    }

    .news._masonry.is-complete .news__item {
        width: auto;
        padding: 0;
        grid-row-end: span 1;
    }
}

.news-item {
    background: #fff;
    border-radius: 5px;
}

.news-item__image {
    display: block;
}

.news-item__image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0 0;
}

.news-item__content {
    padding: 24px;
}

.news-item__title {
    font-family: inherit;
    font-weight: normal;
    font-size: 23px;
    line-height: 26px;
    margin-bottom: 15px;
}

.news-item__footer {
    font-family: var(--title-font);
    font-size: 14px;
    line-height: 16px;
    margin-top: 24px;
    color: #717171;
}

.news-item__footer a {
    text-decoration: underline;
}

.news-item__footer a:hover {
    color: var(--main-color);
}

.pagination {
    margin: 60px 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: var(--text-font);
    font-size: 24px;
    line-height: 1;
}

.pagination li {
    margin: 0 7px;
}

.pagination a {
    display: block;
    text-align: center;
    text-decoration: none;
}

.pagination a:hover,
.pagination a.is-active {
    color: #6C6C6C;
}

.pagination a.is-active {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.layout {
    display: flex;
}

.sidebar {
    flex: 0 0 auto;
    width: 26.519%;
    padding-right: 2.567%;
}

.sidebar-nav {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
}

.sidebar-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav__item {
    margin-bottom: 25px;
}

.sidebar-nav__item:last-child {
    margin-bottom: 0;
}

.sidebar-nav__item__wrap {
    display: flex;
    align-items: center;
}

.sidebar-nav__link.active {
    font-weight: bold;
}

.sidebar-nav__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    cursor: pointer;
    transition: .25s linear;
}

.sidebar-nav__toggle:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: translateX(-2px) rotate(-45deg);
}

.sidebar-nav__item__wrap.active .sidebar-nav__toggle {
    transform: rotate(90deg);
}

.sidebar-nav__sublist {
    display: none;
    margin: 0;
    padding: 7px 0 0 30px;
    list-style: none;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    text-transform: none;
}

.sidebar-nav__sublist.active {
    display: block;
}

.sidebar-nav > .sidebar-nav__sublist {
    padding-top: 0;
}

.sidebar-nav__sublist .sidebar-nav__sublist {
    padding-top: 13px;
}

.sidebar-nav__sublist .sidebar-nav__item {
    margin-bottom: 13px;
}

.sidebar-nav__sublist .sidebar-nav__item:last-child {
    margin-bottom: 0;
}

.sidebar-nav__sublist .sidebar-nav__toggle {
    margin-left: 3px;
    position: relative;
    top: 1px;
}

.sidebar-nav__sublist .sidebar-nav__toggle:after {
    width: 6px;
    height: 6px;
    border-width: 0 1px 1px 0;
}

.sidebar-item {
    margin-bottom: 40px;
}

.sidebar-item_sm {
    margin-bottom: 25px;
}

.sidebar-item:last-child {
    margin-bottom: 0;
}

.sidebar-item__header {
    display: flex;
    align-items: center;
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
}

.sidebar-item__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    cursor: pointer;
    transition: .25s linear;
}

.sidebar-item__toggle:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: translateX(-2px) rotate(-45deg);
}

.sidebar-item__header.active .sidebar-item__toggle {
    transform: rotate(90deg);
}

.sidebar-item__content {
    display: none;
    padding-top: 10px;
    font-family: var(--title-font);
    font-size: 18px;
    line-height: 18px;
}

@media (min-width: 768px) {
    .sidebar-item__content.active {
        display: block;
    }
}

.search {
    position: relative;
}

.search__input {
    padding-right: 40px;
}

.search__btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main {
    flex-grow: 1;
    min-width: 1px;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-bottom: 5px;
}

.tag {
    margin: 0 0 12px 12px;
    font-family: var(--title-font);
    font-size: 17px;
    line-height: 22px;
    background: #666666;
    color: #fff;
    border-radius: 4px;
    padding: 5px 36px 5px 12px;
    cursor: pointer;
    position: relative;
}

.tag:hover {
    background: #3B3B3B;
}

.tag__text {

}

.tag__remove {
    position: absolute;
    right: 9px;
    top: 50%;
    margin-top: -7px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    width: 14px;
    height: 14px;
    color: #666666;
}

.tag:hover .tag__remove {
    color: #3B3B3B;
}

.tag__remove:before,
.tag__remove:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    border-bottom: 1px solid;
    margin: -1px 0 0 -4px;
    transform: rotate(45deg);
}

.tag__remove:after {
    transform: rotate(-45deg);  
}

.objects-wrapper {
    max-width: 823px;
    margin-left: auto;
}

.objects {
    --bs-gutter-y: 14px;
}

.objects__item {

}

.object-card {
    display: block;
    position: relative;
    max-width: 265px;
    font-family: var(--title-font);
    font-size: 18px;
    line-height: 19px;
    text-decoration: none;
}

.object-card:hover {
    text-decoration: none;
}

.object-card:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.object-card__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.object-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.object-card__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s ease-in-out;
}

.object-card:hover .object-card__content {
    opacity: 1;
    visibility: visible;
}

.object-card__content-inner {
    width: 100%;
}

.object-card__title {
    font-weight: bold;
    margin: 0 0 5px;
}

.object-card__text {

}

.sidebar-materials {

}

.sidebar-materials__title {
    font-family: var(--title-font);
    font-size: 26px;
    margin-bottom: 25px;
}

.sidebar-materials__catalog {
    --bs-gutter-y: 14px;
}

.sidebar-materials .brand-item {
    border-color: #fff;
}

.sidebar-materials__item {
    display: block;
    position: relative;
}

.sidebar-materials__item:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.sidebar-materials__item img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}

.sidebar-materials__item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.7) url('../images/right-arrow-lg.svg') center center no-repeat;
    background-size: 60px auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s ease-in-out;
}

.sidebar-materials__item:hover:after {
    opacity: 1;
    visibility: visible;
}

.add-company-btn {
    position: absolute;
    right: 0;
    bottom: 100%;
    font-family: var(--title-font);
    color: #8E8E8E;
    text-decoration: none;
    margin-bottom: 14px;
}

.add-company-btn:hover {
    color: var(--main-color);
    text-decoration: none;
}

.add-company-btn .icon {
    margin-left: 10px;
}

.companies {
    display: grid;
    grid-gap: 14px;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
}

.company-card {
    background: #fff;
    border-radius: 4px;
    text-align: center;
    color: inherit;
    text-decoration: none;
    font-family: var(--title-font);
    padding: 16px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
}

.company-card:hover {
    text-decoration: none;
}

.company-card_lg {
    grid-row-end: span 2;
}

.company-card__header {
    width: 100%;
}

.company-card__logo {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 11px;
}

.company-card__logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.company-card__gallery {
    max-width: 200px;
    margin: 0 auto 11px;
    display: flex;
    flex-wrap: wrap;
}

.company-card__gallery-item {
    flex: 0 0 auto;
    width: 50%;
    padding: 5px;
}

.company-card__gallery-img {
    display: block;
    position: relative;
	border: 1px solid var(--border-color);
border-radius: 4px;
overflow: hidden;
}

.company-card__gallery-img:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.company-card__gallery-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}

.company-card__content {
    width: 100%;
    padding: 4px 0;
}

.company-card__header + .company-card__content {
    flex-grow: 1;
    min-height: 1px;
}

.company-card__title {
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    margin-bottom: 4px;
}

.company-card:hover .company-card__title {
    text-decoration: underline;
}

.company-card__text {

}

.company-card__contacts {
    font-size: 17px;
    margin-top: 13px;
}

.gallery {

}

.gallery-item {
    display: table;
    text-align: center;
    max-width: 100%;
    text-decoration: none !important;
}

.gallery-item__image {
    display: block;
    position: relative;
    max-width: 100%;
}

.gallery-item__image img {
    display: block;
    width: auto;
    height: auto;
    max-height: 139px;
    max-width: 100%;
    border-radius: 4px;
}

.gallery-item__image:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.5) url('../images/view-icon.svg') center center no-repeat;
    background-size: 48px auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s ease-in-out;
}

.gallery-item:hover .gallery-item__image:after {
    opacity: 1;
    visibility: visible;
}

.gallery-item__caption {
    font-size: 14px;
    line-height: 16px;
    color: #686868;
    display: table-caption;
    caption-side: bottom;
    padding-top: 13px;
}

.gallery-2  .gallery-item {
    display: block;
}

.gallery-2  .gallery-item__image img {
    width: 100%;
    height: auto;
    max-height: none;
}

.gallery-2  .gallery-item__caption {
    display: block;
}

.share-section {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 9px 0;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--title-font);
    font-size: 15px;
}

.share-section__share {

}

.share-section__share-title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.share-section__share-buttons {
    display: inline-block;
    vertical-align: middle;
}

.share-section__data {
    text-align: right;
}

.share-section__data-item {
    display: inline-block;
    margin-left: 20px;
}

.share-section__data .icon {
    vertical-align: top;
    color: #535353;
    margin-right: 8px;
}

.article-pic {
    display: block;
/*    width: 100%;*/
    height: auto;
    margin-bottom: 50px;
}

.article {
    position: relative;
    margin-bottom: 40px;
}

.text .ya-share2__list {
    margin: 0 0 27px;
}

.text .ya-share2__list > li:before {
    display: none;
}

.ya-share2__icon {
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
}

.ya-share2__item {
    margin-right: 8px !important;
}

.ya-share2__badge,
.ya-share2__mobile-popup-badge {
    background-color: #262626 !important;
}

.ya-share2__badge:hover,
.ya-share2__mobile-popup-badge:hover {
    background-color: #000 !important;
}

@media (min-width: 1200px) {
    .article-share {
        position: absolute;
        right: 100%;
        top: 9px;
        margin-right: 22px;
    }

    .article-share .ya-share2__item {
        margin: 0 0 7px !important;
    }

    .article-share .ya-share2__badge,
    .article-share .ya-share2__mobile-popup-badge {
        background-color: #595F64 !important;
    }

    .article-share .ya-share2__badge:hover,
    .article-share .ya-share2__mobile-popup-badge:hover {
        background-color: #000 !important;
    }
}

.aside {
    flex: 0 0 auto;
    width: 30.086%;
    padding-left: 3.59%;
}

.aside-item {
    margin-bottom: 40px;
}

.aside-item__header {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.aside-item__title {
    font-family: var(--title-font);
    color: inherit;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0;
}

.aside-item__title a {
    text-decoration: none;
}

.aside-item__title a:hover {
    text-decoration: underline;
}

.aside-brand {

}

.aside-brand__header {
    background: #fff;
    border: 2px solid #E0DCDC;
    border-radius: 6px 6px 0 0;
    padding: 8px 22px;
    min-height: 98px;
    display: flex;
    align-items: center;
    font-family: var(--title-font);
    font-size: 26px;
    line-height: 1;
}

.aside-brand__logo {
    flex: 0 0 auto;
    width: 80px;
    margin-right: 24px;
}

.aside-brand__logo a {
    display: block;
    max-width: 100%;
}

.aside-brand__logo img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .aside-brand__name {
        display: none;
    }
}

.aside-brand__content {
    padding: 24px;
    background: var(--grey-bg);
    border-radius: 0 0 6px 6px;
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 25px;
}

.aside-brand__data {

}

.aside-brand__data-row {
    display: flex;
    align-items: baseline;
    margin-bottom: 6px;
}

.aside-brand__data-row:last-child {
    margin-bottom: 0;
}

.aside-brand__data-head {
    flex-grow: 1;
    min-width: 1px;
    padding-right: 3px;
    background-image: linear-gradient(to right, var(--main-color) 50%, #fff 50%);
    background-size: 4px 2px;
    background-position: left 17px;
    background-repeat: repeat-x;
    background-clip: content-box;
}

.aside-brand__data-title {
    display: inline;
    background: var(--grey-bg);
    padding-right: 3px;
}

.aside-brand__data-desc {

}

.aside-banners {

}

.aside-banner {
    margin-bottom: 25px;
    text-align: center;
}

.aside-banner a {
    display: block;
}

.aside-banner img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

.aside-events {

}

.aside-events__header-btn {
    font-size: 14px;
    font-weight: normal;
    padding: 4px 14px;
    margin-right: 14px;
}

.aside-events__header-btn:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    margin-left: 7px;
    top: -1px;
}

.aside-event {
    font-family: var(--title-font);
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 40px;
}

.aside-event__image {
    margin-bottom: 20px;
}

.aside-event__image a {
    display: block;
}

.aside-event__image img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

.aside-event__content {

}

.aside-event__title {
    display: block;
    font-weight: 700;
}

.aside-event__text {

}

.aside-event__footer {
    margin-top: 25px;
}

.aside-event__btn {
    width: 100%;
    font-size: 18px;
    line-height: 23px;
    font-weight: normal;
    padding: 6px 0;
}

.aside-event__btn:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    margin-left: 8px;
    top: -2px;
}

.aside-event__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px -5px 0;
}

.aside-event__links-item {
    flex: 0 0 auto;
    width: 33.33%;
    padding: 10px 5px 0;
}

.aside-event__link {
    display: block;
    text-align: center;
    text-decoration: none;
}

.aside-event__link-icon {
    display: block;
    padding-top: 100%;
    border-radius: 50%;
    position: relative;
    background: #E8E8E8;
    color: #343434;
}

.aside-event__link-icon .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.aside-event__link-title {
    font-family: var(--title-font);
    color: #686868;
    font-size: 16px;
    margin-top: 4px;
}

.aside-masters {

}

.aside-masters__header {
    display: flex;
    margin-bottom: 19px;
}

.aside-masters__header-icon {
    flex-shrink: 0;
    margin-right: 10px;
}

.aside-masters__header-icon img {
    width: 78px;
    height: auto;
}

.aside-masters__header-content {
    flex-grow: 1;
    min-width: 1px;
}

.aside-masters__header-title {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1px;
}

.aside-masters__header-subtitle {
    font-family: var(--title-font);
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.aside-masters__header-btn {
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    font-weight: normal;
    padding: 3px 0;
    text-transform: uppercase;
}

.aside-masters__header-btn:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(-45deg);
    width: 9px;
    height: 9px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    margin-left: 8px;
    top: -1px;
}

.aside-masters .tender-card {
    margin-bottom: 30px;
}

.aside-masters .tender-card__status {
    width: auto;
    margin-left: 10px;
}

.aside-masters .tender-card__data {
    margin-left: 0;
    margin-right: 0;
}

.aside-news-item {
    margin-bottom: 8px;
}

.aside-news-item:first-child {
    margin-bottom: 20px;
}

.aside-news-item__image {
    margin-bottom: 20px;
}

.aside-news-item__image a {
    display: block;
}

.aside-news-item__image img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.aside .item {
    max-width: 263px;
    margin-bottom: 35px;
}

.aside .video-item {
    margin-left: 0;
}

.news-list {

}

.news-list__item {
    margin-bottom: 10px;
}

.document-list {
    margin-bottom: -8px;
}

.document-list__item {
    padding-bottom: 8px;
}

.document-list.document-list_2-column {
    column-count: 2;
    column-gap: 10px;
}

.document-list_2-column .document-list__item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.document-item {
    display: flex;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: inherit;
    text-decoration: none !important;
}

.document-item:hover {
    background: var(--grey-bg);
}

.document-item__icon {
    flex: 0 0 auto;
    width: 63px;
    border-right: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.document-item__content {
    flex-grow: 1;
    min-width: 1px;
    padding: 8px 18px 9px;
}

.document-item__title {

}

.document-item:hover .document-item__title {
    text-decoration: underline;
}

.document-item__info {
    color: #717171;
}

.document-item__view {
    flex: 0 0 auto;
    width: 52px;
    border-left: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s ease-in-out;
}

.document-item__view .icon {
    width: 23px;
    height: 20px;
}

.document-item:hover .document-item__view {
    color: #fff;
}

.phone {
    display: inline-block;
    position: relative;
    min-width: 180px;
}

.phone__num {
    display: block;
    white-space: nowrap;
}

.phone__overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    background: rgba(196, 196, 196, 1);
    background: linear-gradient(to right, rgba(196, 196, 196, 0) 0%, rgba(196, 196, 196, 1) 27px);
    padding-left: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.company {

}

.company-pic {
    margin-bottom: 38px;
}

.company-pic img {
    display: block;
    width: 100%;
    height: auto;
}

.company__head {
    text-align: center;
    margin-bottom: 27px;
}

.company__logo {
    text-align: center;
    margin-bottom: 21px;
}

.company__logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90px;
}

.company__name {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #333333;
}

.block {
    background: var(--grey-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    margin-bottom: 40px;
}

.block__header {
    background: #333333;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 42px;
}

.block__header .icon {
    vertical-align: top;
    margin-right: 10px;
    top: 1px;
}

.block__content {
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 25px;
    padding: 35px 39px;
}

.block__footer {
    margin-top: 37px;
}

.block__footer .row {
    --bs-gutter-y: 26px;
    align-items: center;
}

.block__footer .btn {
    min-width: 164px;
    margin-right: 20px;
}

.form-alert {
    font-family: var(--title-font);
    font-size: 18px;
    line-height: 23px;
    display: flex;
    align-items: flex-start;
    
}

.form-alert .icon {
    color: var(--accent-red-color);
    margin-right: 18px;
}

.form-alert_sm {
    font-size: 15px;
    line-height: 19px;
}

.form-alert_sm .icon {
    margin-right: 13px;
    top: -1px;
}

.form-alert a {
    text-decoration: underline;
}

.form-alert a:hover {
    color: var(--accent-red-color);
}

.company__contacts-list {
    column-count: 2;
    column-gap: 40px;
}

.company__contacts-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 10px;
}

.company__contacts-item-title {
    display: inline;
    font-weight: 700;
    vertical-align: baseline;
}

.company__contacts-item-desc {
    display: inline;
    vertical-align: baseline;
}

.company__contacts-item_additional {
    padding: 0 0 0 33px;
    margin-top: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23545454' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.635 5.845C17.27 5.335 16.675 5 16 5L5 5.01C3.895 5.01 3 5.895 3 7V17C3 18.105 3.895 18.99 5 18.99L16 19C16.675 19 17.27 18.665 17.635 18.155L22 12L17.635 5.845Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: -1px 1px;
}

.company__contacts-list a {
    text-decoration: underline;
}

.company__contacts-list a:hover {
    text-decoration: none;
}

.company__contacts-list a[href^="tel:"],
.company__contacts-list a[href^="mailto:"] {
    text-decoration: none;
}

.company__contacts-item-phones {
    display: inline-block;
    vertical-align: text-top;
}

.material-gallery {
    margin-bottom: 37px;
}

.material-gallery__item {
    display: table;
    text-align: center;
    max-width: 100%;
    text-decoration: none !important;
}

.material-gallery__item-image {
    display: block;
    position: relative;
    max-width: 100%;
}

.material-gallery__item-image img {
    display: block;
    width: auto;
    height: auto;
    max-height: 122px;
    max-width: 100%;
    border-radius: 4px;
    border: 1px solid var(--border-color);
}

.material-gallery__item-caption {
    font-family: var(--title-font);
    font-size: 14px;
    line-height: 16px;
    color: #686868;
    display: table-caption;
    caption-side: bottom;
    padding-top: 12px;
}

.material-gallery__main .material-gallery__item {
    margin: 0 auto;
}

.material-gallery__main .material-gallery__item-image img {
    border: none;
    border-radius: 0;
    max-height: 462px;
}

.material-gallery__main .material-gallery__item-caption {
    font-size: 16px;
    padding-top: 24px;
}

.material-gallery__thumbs {
    margin-top: 10px;
}

.info {
    background: #F6F6F6;
    border-radius: 0 30px 0 0;
    display: flex;
}

.info__aside {
    flex: 0 0 auto;
    width: 39.1%;
    padding-right: 10px;
}

.info__image {

}

.info__image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0 0 30px 0;
}

.info__caption {
    padding: 49px 30px;
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 23px;
    line-height: 1.304;
    color: #5C5C5C;
    margin: 0;
}

.info__content {
    flex-grow: 1;
    min-width: 1px;
    padding: 49px 30px;
    line-height: 1.3;
}

.info h2 {
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 37px;
}

.info__content p:last-child {
    margin-bottom: 0;
}

.materials-header-wrapper {
    margin-bottom: 56px;
}

.materials-header {
    display: flex;
    height: 500px;
    align-items: flex-end;
    background-color: #000;
    color: #fff;
    position: relative;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.materials-header:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('../images/overlay.png');
    background-position: left bottom;
    background-repeat: repeat-x;
}

.materials-header__inner {
    padding: 44px;
    width: 100%;
    position: relative;
}

.materials-header__category {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 16px;
    text-shadow: none;
    padding: 12px 24px;
    position: relative;
    background: var(--accent-red-color);
    margin-bottom: 26px;
}

.materials-header__category:before {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    border-style: solid;
    border-width: 12px 12px 0 0;
    border-color: var(--accent-red-color) transparent;
}

.materials-header__title {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 27px;
}

.materials-header__dl {
    font-size: 18px;
    margin-top: -15px;
}

.materials-header__dr {
    display: inline-block;
    margin: 15px 40px 0 0;
}

.materials-header__dr:last-child {
    margin-right: 0;
}

.materials-header__dt {

}

.materials-header__dd {
    color: var(--accent-red-color);
}

.sidebar-header {
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 0 0 5px 5px;
    padding: 15px 12px;
    margin-bottom: 30px;
    font-family: var(--title-font);
}

.sidebar-header__subtitle {
    font-size: 15px;
    margin-bottom: 3px;
}

.sidebar-header__title {
    margin: 0;
    font-size: 23px;
    text-transform: uppercase;
    line-height: 30px;
    font-family: var(--title-font);
    font-weight: 700;
}

.brand-item {
    display: block;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 4px;
    position: relative;
}

.brand-item:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.brand-item__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.brand-item:after {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.7) url('../images/right-arrow-lg.svg') center center no-repeat;
    background-size: 60px auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s ease-in-out;
}

.brand-item:hover:after {
    opacity: 1;
    visibility: visible;
}

.brand-item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.material-cat {
    display: block;
    background: #980F0F;
    text-decoration: none !important;
    color: #fff !important;
    font-family: var(--title-font);
    border-radius: 4px;
}

.material-cat__image {

}

.material-cat__image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px 4px 0 0;
}

.material-cat__content {
    padding: 12px 19px 17px;
}

.material-cat__subtitle {
    font-size: 15px;
    margin-bottom: 2px;
}

.material-cat__title {
    margin: 0 0 12px;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 26px;
    font-family: var(--title-font);
    font-weight: 700;
}

.material-cat__data {
    font-size: 18px;
    line-height: 22px;
}

.filter {

}

.filter__item {
    margin-bottom: 22px;
}

.filter__item-title {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 7px;
}

.filter__item-title small {
    font-weight: 400;
    font-size: 16px;
    color: var(--secondary-color);
}

.filter__note {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: var(--secondary-color);
    margin-top: -10px;
}

.filter .form-check {
    font-size: 18px;
}

.document {
    border: 2px solid #E0DCDC;
    border-radius: 4px;
    margin-bottom: 80px;
    display: grid;
    grid-template-areas: 
    "image header aside"
    "image footer aside";
    grid-template-columns: 262px 1fr 200px;
    grid-template-rows: 1fr auto;
}

.document__header {
    grid-area: header;
    padding: 24px 42px 0;
}

.document__title {
    margin-bottom: 18px;
}

.document__text {
    margin-bottom: 20px;
}

.document__image {
    grid-area: image;
    background: #E0DCDC;
    border-radius: 2px 0 0 2px;
    padding: 27px 33px 30px;
    text-align: center;
}

.document__image-wrapper,
.document__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 271px;
}

.document__image-wrapper img {
    flex-shrink: 0;
    border: 1px solid #B6B6B6;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    width: 194px;
    height: auto;
    max-width: 100%;
}

.document__icon-wrapper img {
    flex-shrink: 0;
    width: 178px;
    height: auto;
    max-width: 100%;
}

.document__aside {
    grid-area: aside;
    text-align: center;
    padding: 20px 40px;
}

.document__logo {
    display: block;
    margin-bottom: 36px;
}

.document__logo a {
    display: block;
}

.document__download {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #C4C4C4;
    color: #C4C4C4;
}

.document__download:hover {
    color: var(--main-color);
}

.document__footer {
    grid-area: footer;
    padding: 0 42px 29px;
}

.document__buttons {
    max-width: 340px;
}

.document__buttons .row {
    --bs-gutter-y: 10px;
}

.document__buttons .btn .icon {
    margin-right: 7px;
}

.tenders-header {
    align-items: center;
}

.tenders-header__aside {
    font-family: var(--title-font);
    font-size: 17px;
    position: relative;
    width: 381px;
    padding: 39px 0 43px 47px;
    margin: -83px 0 -72px;
    line-height: 22px;
}

.tenders-header__aside:before {
    content: '';
    position: absolute;
    left: 0;
    right: -16px;
    top: 0;
    bottom: 0;
    background: var(--grey-bg);
    transform: rotate(-10deg);
    z-index: -1;
}

.tenders-header__aside-inner {
    position: relative;
    z-index: 1;
}

.tenders-header__aside-icon {
    position: absolute;
    left: -54px;
    top: 1px;
}

.tenders-header__aside-section {
    margin-bottom: 22px;
}

.tenders-header__aside-section:last-child {
    margin-bottom: 0;
}

.tenders-header__aside-section strong {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.tenders-filter {
    margin-bottom: 10px;
}

.tenders-filter select {
    min-width: 227px;
}

.tenders-filter > *:first-child {
    margin-right: auto;
}

.add-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #fff;
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 19px;
    line-height: 20px;
}

.add-select__target {
    display: flex;
    cursor: pointer;
    min-width: 212px;
    user-select: none;
}

.add-select__target-icon {
    flex-shrink: 0;
    width: 47px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-red-color);
    border-radius: 3px 0px 0px 3px;
}

.add-select__target-text {
    flex-grow: 1;
    min-width: 1px;
    padding: 10px 50px 10px 12px;
    border-left: 1px solid #BAB8B8;
    background: #BAB8B8;
    border-radius: 0 3px 3px 0;
    transition: 0.15s ease-in-out;
}

.add-select__target-text:after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: currentColor transparent;
}

.add-select__target:hover .add-select__target-text,
.add-select.is-open .add-select__target-text {
    background: var(--accent-red-color);
    border-left-color: #E05050;
}

.add-select__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
}

.add-select.is-open .add-select__dropdown {
    display: block;
}

.add-select__item {
    margin-top: 3px;
}

.add-select__btn {
    display: flex;
    text-decoration: none !important;
}

.add-select__btn-text {
    flex-grow: 1;
    min-width: 1px;
    padding: 10px 20px;
    background: #676565;
    border-right: 1px solid #676565;
    border-radius: 3px 0px 0px 3px;
    white-space: nowrap;
    transition: 0.15s ease-in-out;
}

.add-select__btn-icon {
    flex-shrink: 0;
    width: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-red-color);
    border-radius: 0 3px 3px 0;
}

.add-select__btn:hover .add-select__btn-text {
    background: var(--accent-red-color);
    border-right-color: #E05050;
}

.tender-item {
    width: 100%;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 29px 16px;
    font-family: var(--title-font);
    font-size: 17px;
    line-height: 22px;
}

.tender-item:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.tender-item__title {
    font-weight: bold;
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 1.25;
    text-align: center;
}

.tender-item__data {
    
}

.tender-item__info {
    margin-top: 20px;
    color: #737373;
    line-height: 1.2;
}

.tender-item__info .icon {
    margin: 0 3px;
}

.tender-item__status {
    margin-top: 29px;
    margin-bottom: 3px;
    text-align: center;
}

.tender-item__status-icon {
    min-width: 30px;
    height: 16px;
    background: url('../images/available.svg') center center no-repeat;
    background-size: 100% 100%;
}

.tender-item.not-available .tender-item__status-icon {
    background-image: url('../images/not-available.svg');
}

.tender {

}

.tender__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 16px;
}

.tender__head-title {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 21px;
    line-height: 27px;
    margin: 0;
}

.tender__head-data {
    order: 1;
    text-align: right;
    font-size: 14px;
    line-height: 16px;
    color: #929292;
}

.tender__head-data-item {
    display: inline-block;
    margin-left: 16px;
}

.tender__head-data-item .icon {
    color: #737373;
    flex-shrink: 0;
    margin-right: 5px;
    top: -2px;
}

.tender__text {
    margin-bottom: 31px;
}

.tender__data {
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 25px;
    column-count: 3;
    column-gap: 14px;
    margin-bottom: 28px;
}

.tender__data-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 10px;
}

.page-images {
    text-align: center;
    margin-bottom: 60px;
}

.account-sidebar {
    flex: 0 0 auto;
    width: 29.2%;
    padding-right: 2.7%;
}

.account-nav {
    background: #FFFFFF;
    border: 2px solid #E0DCDC;
    border-radius: 4px;
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 25px;
}

.account-nav__header {
    background: #F6F6F6;
    border-radius: 2px;
    margin-bottom: 3px;
    font-size: 24px;
    padding: 15px 20px 12px;
}

.account-nav__title {
    background: #333333;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 7px 20px 6px;
}

.account-nav__title .icon {
    margin-right: 15px;
    top: -1px;
}

.account-nav__title > span {

}

.account-nav__content {
    padding: 41px 20px;
}

.account-nav__content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.account-nav__content li {
    margin-bottom: 6px;
}

.account-nav__content li:last-child {
    margin-bottom: 0;
}

.account-nav__content a {
    color: inherit;
    text-decoration: none;
}

.account-nav__content a:hover,
.account-nav__content a.is-active {
    color: var(--accent-red-color);
    text-decoration: none;
}

.account {
    font-family: var(--title-font);
}

.account-section {
    margin-bottom: 40px;
}

.account-section-title {
    font-weight: normal;
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 23px;
}

.file-control {
    display: block;
    user-select: none;
    -webkit-user-select: none;
}

.file-control label {
    display: block;
    position: relative;
}

.file-control input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file-control__field {
    display: flex;
    height: 40px;
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 18px;
    color: var(--main-color);
    position: relative;
    cursor: pointer;
}

.file-control input:focus ~ .file-control__field {
    border-color: var(--main-color);
}

.file-control input.error ~ .file-control__field {
    border-color: var(--error-color) !important;
}

.file-control input[disabled] ~ .file-control__field {
    background-color: #ededed;
    border-color: #E5E5E5;
    color: var(--secondary-color);
    opacity: 1;
    cursor: default;
    cursor: not-allowed;
}

.file-control__area {
    flex-grow: 1;
    min-width: 1px;
    display: flex;
    align-items: center;
    padding: 10px 10px;
}

.file-control__text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file-control__remove {
    width: 18px;
    height: 18px;
    border: none;
    padding: 0;
    background-color: transparent;
    margin-left: 5px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1.21286L10.7871 0L6 4.78714L1.21286 0L0 1.21286L4.78714 6L0 10.7871L1.21286 12L6 7.21286L10.7871 12L12 10.7871L7.21286 6L12 1.21286Z' fill='black'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
}

.file-control__text.is-placeholder ~ .file-control__remove {
    display: none;
}

.file-control__btn {
    border: none;
    background-color: #fff;
    padding: 0;
    border-left: 1px solid #E5E5E5;
    width: 65px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20V17.5H18V20H0ZM0 7.5H5.14286V0H12.8571V7.5H18L9 16.25L0 7.5Z' fill='%23030303'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
}

.tox-tinymce {
    border: 1px solid #E5E5E5 !important;
    border-radius: 2px !important;
}

.tox .tox-edit-area__iframe {
    background-color: #F6F6F6 !important;
}

.account-block {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 32px;
}

.account-block__title {
    color: var(--secondary-color);
    margin-bottom: 22px;
}

.account-block .form-check {
    font-size: 18px;
}

.form-rule-alert {
    position: relative;
    padding: 20px;
    padding-left: 86px;
    font-family: var(--title-font);
    font-size: 18px;
    line-height: 23px;
    background: #F6F6F6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-bottom: 30px;
}

.form-rule-alert .icon {
    position: absolute;
    left: 24px;
    top: 24px;
    color: #878787;
}

.form-rule-alert a {
    text-decoration: underline;
}

.form-rule-alert a:hover {
    color: var(--accent-red-color);
}

.form-section-label {
    display: block;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 17px;
}

.form-note {
    font-size: 18px;
    line-height: 22px;
    color: var(--secondary-color);
    margin-bottom: 22px;
}

.company-sections {

}

.company-section {

}

.add-company-section {
    white-space: nowrap;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-family: var(--title-font);
    font-size: 18px;
    opacity: 0;
    visibility: hidden;
}

.add-company-section .icon {
    margin-left: 6px;
}

.company-section:last-child .add-company-section {
    opacity: 1;
    visibility: visible;
}

.form-info {
    font-family: var(--title-font);
    margin-top: 50px;
}

.form-info:not(:last-child) {
    margin-bottom: 40px;
}

.form-info__title {
    display: inline-flex;
    vertical-align: top;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    background: #909090;
    color: #fff;
    padding: 6px 34px;
    border-radius: 3px 3px 0 0;
    align-items: center;
}

.form-info__title .icon {
    top: 1px;
    margin-right: 15px;
}

.form-info__content {
    font-size: 19px;
    line-height: 25px;
    border: 1px solid var(--border-color);
    border-radius: 0 4px 4px 4px;
    padding: 24px 34px;
}

.form-info__content button {
    background: none;
    padding: 0;
    border: none;
    color: inherit;
    cursor: pointer;
}

.form-info__content button .icon {
    top: -1px;
    margin-left: 6px;
}

.remove-window .popup-window__header .icon {
    top: -1px;
    margin-right: 18px;
}

.remove-window__content {
    font-family: var(--title-font);
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 40px;
}

.add-form {
    font-family: var(--title-font);
    background: #F6F6F6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 40px;
    max-width: 748px;
}

.add-form__title {
    text-align: center;
    font-weight: normal;
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 44px;
}

.add-form__text {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 43px;
}

.add-form__section-title {
    text-align: center;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 23px;
}

.add-form .form-control,
.add-form .form-select,
.add-form .file-control__field {
    background-color: #fff;
}

.form-inline-row {

}

.form-inline-row .form-label {
    margin: 0;
}

.date-control {
    background-image: url('../images/calendar.png');
    background-position: center right 7px;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    padding-right: 40px;
}

.ui-datepicker,
.ui-datepicker * {
    box-sizing: unset;
}

.account-add-btn {
    display: flex;
    height: 40px;
    align-items: center;
    font-family: var(--title-font);
    font-size: 18px;
    text-decoration: none;
}

.account-add-btn .icon {
    margin-right: 15px;
}

.account-add-btn:hover {
    text-decoration: none;
    color: var(--accent-color);
}

.admin-item {
    font-family: var(--title-font);
    font-size: 18px;
    line-height: 23px;
    display: flex;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin-bottom: 10px;
}

.admin-item:hover {
    background: #F6F6F6;
}

.admin-item__cell {
    display: flex;
    align-items: center;
    padding: 4px 19px;
    border-right: 1px solid var(--border-color);
}

.admin-item__cell:last-child {
    border-right: none;
}

.admin-item__cell > div {
    width: 100%;
}

.admin-item__cell_category {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    flex-shrink: 0;
    min-width: 5em;
}

.admin-item__cell_date {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    flex-shrink: 0;
    min-width: 5.8em;
}

.admin-item__cell_content {
    flex-grow: 1;
    min-width: 1px;
}

.admin-item__title {
    font-weight: bold;
}

.admin-item__text .icon {
    color: #737373;
    margin: 0 5px;
    top: -1px;
}

.admin-item__cell_buttons {
    padding: 0;
    display: flex;
    align-items: stretch;
}

.admin-item__btn {
    border: none;
    background: none;
    padding: 0;
    border-right: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 60px;
}

.admin-item__btn:last-child {
    border-right: none;
}

.admin-item__btn:hover {
    color: var(--accent-red-color);
}

.admin-panel-item {
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 25px;
    display: flex;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin-bottom: 6px;
}

.admin-panel-item:hover {
    background: #F6F6F6;
}

.admin-panel-item_subitem {
    margin-left: 46px;
}

.admin-panel-item__main {
    flex-grow: 1;
    display: flex;
}

.admin-panel-item__btn {
    flex-shrink: 0;
    border: none;
    background: none;
    padding: 0;
    border-left: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 57px;
}

.admin-panel-item__main .admin-panel-item__btn {
    border-left: none;
    border-right: 1px solid var(--border-color);
    min-width: 46px;
    color: #A3A3A3;
}

.admin-panel-item__btn:hover {
    color: var(--accent-red-color);
}

.admin-panel-item__content {
    flex-grow: 1;
    min-width: 1px;
    display: flex;
    align-items: center;
    padding: 7px 18px 6px;
}

.admin-panel-item__content > div {
    width: 100%;
}

.admin-panel-item__buttons {
    display: flex;
}

.admin-statistics {
    font-family: var(--title-font);
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 27px;
}

.admin-statistics__header {
    background: var(--grey-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px 4px 0 0;
    padding: 7px 17px;
}

.admin-statistics__title {
    font-weight: bold;
}

.admin-statistics_expandable .admin-statistics__header {
    position: relative;
    cursor: pointer;
    padding-right: 100px;
    user-select: none;
    -webkit-user-select: none;
}

.admin-statistics_expandable .admin-statistics__header:after {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -5px;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: currentColor transparent;
}

.admin-statistics_expandable.is-close .admin-statistics__header:after {
    transform: rotate(180deg);
}

.admin-statistics__content {
    border: 1px solid var(--border-color);
    border-top: 1px;
    padding-top: 18px;
    background: #fff;
    border-radius: 0 0 4px 4px;
}

.admin-statistics_expandable.is-close .admin-statistics__content {
    display: none;
}

.admin-statistics__dl {

}

.admin-statistics__dr {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 3px 17px;
    border-bottom: 1px solid var(--border-color);
}

.admin-statistics__dr:last-child {
    border-bottom: none;
}

.admin-statistics__dr:hover {
    background: var(--grey-bg);
}

.admin-statistics__dt {

}

.admin-statistics__dd {
    font-weight: bold;
    text-align: right;
}

.social {
    --bs-gutter-x: 38px;
}

.social__item {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}

.social__item.is-hidden {
    opacity: 0;
}

.social__item-inner {
    padding-bottom: 20px;
}

@supports(display: grid){
    .social._masonry {
        display: grid;
        margin: 0;
        grid-gap: 0 var(--bs-gutter-x);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 1px;
    }

    .social._masonry .social__item {
        width: auto;
        padding: 0;
        grid-row-end: span 1;
    }
}

.social-item {
    border-top: 1px solid var(--border-color);
    padding-top: 10px;
    font-family: var(--base-font);
    font-size: 16px;
    line-height: 18px;
    max-width: 390px;
    margin: 0 auto;
}

.social-item__figure {
    margin-bottom: 24px;
}

.social-item__slider .slick-arrow {
    width: 24px;
    height: 24px;
    top: auto;
    margin: 0;
    bottom: 0;
    color: #C1C1C1;
    opacity: 1 !important;
}

.social-item__slider .slick-prev {
    left: -5px;
}

.social-item__slider .slick-next {
    right: -5px;
}

.social-item__slider .slick-arrow:hover {
    color: var(--main-color);
}

.social-item__slider .slick-arrow:before {
    display: none;
}

.social-item__slider .slick-arrow:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px;
    width: 14px;
    height: 14px;
    border-style: solid;
    border-width: 0 3px 3px 0;
}

.social-item__slider .slick-prev:after {
    transform: translateX(3px) rotate(135deg);
}

.social-item__slider .slick-next:after {
    transform: translateX(-3px) rotate(-45deg);
}

.social-item__slider .slick-dots {
    top: auto;
    bottom: 0;
    margin: 0 24px;
}

.social-item__slider .slick-dots li button {
    width: 14px;
    height: 24px;
}

.social-item__slider .slick-dots li button:before {
    background: #000;
}

.social-item__slider .slick-dots li.slick-active button:before {
    background: var(--accent-red-color);
}

.social-item__slider {
    overflow: hidden;
    display: flex;
}

.social-item__slider.slick-slider {
    display: block;
    padding-bottom: 34px;
    margin-bottom: -4px;
}

.social-item__slider .slick-track,
.social-item__slider .slick-slide,
.social-item__slider .slick-slide > div {
    display: flex;
}

.social-item__slider .slick-slide {
    height: auto;
    min-height: 0;
}

.social-item__slider .slick-slide > div {
    width: 100%;
}

.social-item__slider-item {
    flex-shrink: 0;
    width: 100%;
    display: flex !important;
}

.social-item__image-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-item__image-wrapper img {
    flex-shrink: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.social-item__content {

}

.social-item__title {
    font: inherit;
    font-weight: bold;
    margin-bottom: 18px;
}

.social-item__text {

}

.social-item__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 11px;
}

.social-item__btn {
    border: none;
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    height: 30px;
}

.social-item__btn-icon {

}

.social-item__btn-icon .icon {
    display: block;
    transition: 0.15s ease-in-out;
}

.social-item__btn-count {
    position: relative;
    top: 5px;
    margin-left: 13px;
}

.social-item__like .social-item__btn:hover .icon {
    color: var(--accent-red-color);
}

.social-item__share {
    position: relative;
}

.social-item__share-popup {
    position: absolute;
    right: -5px;
    bottom: 100%;
    background: #fff;
    padding: 5px;
    border-radius: 40px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: 0.15s ease-in-out;
}

.social-item__share.is-open .social-item__share-popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.social-item__share-popup .ya-share2__list {
    margin-top: 0 !important;
}

.social-item__share-popup .ya-share2__item {
    margin: 0 0 5px 0 !important;
}

.social-item__share-popup .ya-share2__item:last-child {
    margin-bottom: 0 !important;
}

.social-footer {
    position: relative;
    text-align: center;
    margin-top: 45px;
}

.social-footer.is-hidden {
    opacity: 0;
}

.social-footer:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-bottom: 1px solid var(--border-color);
}

.load-more-social-btn {
    position: relative;
    min-width: 180px;
    border-radius: 6px;
}

.load-more-social-btn.is-loading > span {
    opacity: 0;
}

.load-more-social-btn.is-loading:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    margin: -8px;
    border: 1px solid;
    border-right-color: transparent;
    border-radius: 50%;
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.social-window {
    background: none;
    padding: 0;
    width: 540px;
    overflow: visible;
    color: #fff;
}

.social-window .social-item {
    border-top: none;
    padding-top: 0;
    max-width: 540px;
    margin: 0 auto;
}

.social-window .social-item__slider.slick-slider {
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: visible;
}

.social-window .social-item__figure {
    margin-bottom: 40px;
}

.social-window .social-item__footer {
    margin-top: 40px;
}

.social-window .social-item__share-popup {
    margin-bottom: 20px;
}

.social-window .social-item__slider .slick-arrow {
    width: 80px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
    bottom: auto;
    color: #fff;
}

.social-window .social-item__slider .slick-arrow:hover {
    color: #fff;
}

.social-window .social-item__slider .slick-prev {
    left: -127px;
}

.social-window .social-item__slider .slick-next {
    right: -127px;
}

.social-window .social-item__slider .slick-arrow:after {
    width: 58px;
    height: 58px;
    margin: -29px;
    border-width: 0 14px 14px 0;
}

.social-window .social-item__slider .slick-prev:after {
    transform: translateX(0) rotate(135deg);
}

.social-window .social-item__slider .slick-next:after {
    transform: translateX(0) rotate(-45deg);
}

.social-window .fancybox-close-btn {
    position: absolute;
    right: -133px;
    top: 3px;
    width: 26px;
    height: 26px;
}

.social-window .social-item__image-wrapper img {
    cursor: default;
}

.fancybox-caption {
    opacity: 0 !important;
    transition: 0.15s ease-in-out;
}

.fancybox-content .fancybox-caption {
    bottom: auto;
    top: 100%;
    background: none;
    padding: 15px 0;
    margin: 0;
    opacity: 1 !important;
    color: #fff;
}

@media (min-width: 768px) {
    .fancybox-button--arrow_left > div,
    .fancybox-button--arrow_right > div {
        display: none;
    }

    .fancybox-button--arrow_left,
    .fancybox-button--arrow_right {
        width: 80px !important;
        height: 80px !important;
        top: calc(50% - 40px) !important;
        padding: 0 !important;
        background: none !important;
        color: #fff;
    }

    .fancybox-button--arrow_left {
        left: 0 !important;
    }

    .fancybox-button--arrow_right {
        right: 0 !important;
    }

    .fancybox-button--arrow_left:after,
    .fancybox-button--arrow_right:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 50px;
        height: 50px;
        margin: -25px;
        border-style: solid;
        border-width: 0 10px 10px 0;
    }

    .fancybox-button--arrow_left:after {
        transform: translateX(5px) rotate(135deg);
    }

    .fancybox-button--arrow_right:after {
        transform: translateX(-5px) rotate(-45deg);
    }
}

.bg-block {
    padding: 24px;
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    margin-bottom: 40px;
}

.bg-block._highlight {
    background-color: #EDFFE1;
}

.bg-block .form-control,
.bg-block .form-select,
.bg-block .file-control__field {
    background-color: #fff;
}

.bg-block .file-control__btn {
    background-color: #ececec;
}

.video-data {

}

.video-data__aside {
    width: 188px;
    margin-right: 22px;
}

.video-data__aside img {
    display: block;
    width: 100%;
    height: auto;
}

.video-data__id {
    font-size: 15px;
    word-break: break-word;
    padding-right: 5px;
}

.col-btn {
    max-width: 297px;
}

.advertiser form > .row,
.advertiser .form-btn-group > .row {
    --bs-gutter-x: 30px;
}

.advertiser .form-group {
    margin-bottom: 11px;
}

.advertiser .form-btn-group {
    margin-bottom: -11px;
}

.advertiser label.error {
    font-size: 11px;
    line-height: 11px;
    margin-bottom: -11px;
}

.advertiser__id {
    width: max-content;
    min-width: 105px;
    text-align: center;
    border-color: #fff;
}

.head-list-info {
    font-family: var(--title-font);
    align-items: center;
}

.head-reload {
    display: block;
    text-align: center;
    color: #6B6B6B;
    max-width: 9em;
    margin: 0 auto;
    font-size: 15px;
}

.head-reload:hover {
    color: var(--main-color);
}

.head-reload__text {
    margin-top: 8px;
}