/* Start:/css/tabs_style.css?175206473042054*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}
.post .btn {
    background-color: transparent;
    border: none;
    font-size: 16px;
    line-height: 110%;
    cursor: pointer;
    transition: all .15s ease-in-out;
}
.post .btn-primary-lg {
    background-color: #0080E0;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    padding: 0 8px;
    height: 48px;
    display: flex;
    align-items: center;
}
.post .btn-primary-lg:hover {
    background-color: #30A0F0;
}
.container_tab {
    display: flex;
    /*gap: 0 64px;*/
}
.container_tab .main_tabs {
    flex: 0 0 320px;
    border: 1px solid #e0e0e0;
    margin-bottom: -1px;
}
.container_tab .wrapper_list {
    position: sticky;
    top: 80px;
}
/*.container_tab .wrapper_list,*/
.container_tab article.post:not(.tab_container__post-services) {
    border: 1px solid #e0e0e0;
    margin: 0 0 -1px -1px;
}
.container_tab .wrapper_list > ul {
    padding: 16px 0;
}
.container_tab .wrapper_list > ul li {
    border-left: 4px solid #fff;
    transition: all .25s ease-in-out 0s;
}
.container_tab .wrapper_list > ul li.active,
.container_tab .wrapper_list > ul li:hover {
    border-left: 4px solid #0080E0;
}
.container_tab .wrapper_list > ul li a {
    height: 48px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #202020;
    padding: 0 8px 0 16px;
    transition: all .25s ease-in-out 0s;
}
.container_tab .wrapper_list > ul li a:hover {
    background-color: rgba(244,244,244,.4);
    opacity: .85;
    color: #0080E0;
}
.container_tab article.post {
    padding: 24px 8px 24px 24px;
    width: 100%;
}
.container_tab article.contact-post {
    padding: 32px;
    width: 100%;
}
.post .tabledownload.row {
    overflow: auto;
    height: calc(100dvh - 330px);
    padding-right: 16px;
}
.container_tab article.post.tab_container__post-services {
    padding: 0;
}
.container_tab article.post .article--post--title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #202020;
    padding: 16px 0;
}
.container_tab article.post .article--post--title:first-child {
    margin-top: 0;
}
.container_tab article.post .article--post--title b {
    font-weight: 400;
}
.container_tab article.post h3 {
    font-size: 16px;
    line-height: 18px;
    margin: 16px 0;
}
.container_tab article.post h3:first-child {
    margin-top: 0;
}
.container_tab article.post p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}
.container_tab article.post img {
    max-width: 100%;
}
.container_tab article.post p:last-child {
    margin-bottom: 0;
}
.container_tab article.post ul {
    padding-left: 26px;
    margin-bottom: 16px;
}
.container_tab article.post .select__list > ul {
    padding-left: 0;
    margin-bottom: 0;
}
.container_tab article.post .select__list ul > li {
    margin-bottom: 0;
}
.container_tab article.post ul.bank {
    padding-left: 18px;
    margin-bottom: 16px;
}

.container_tab article.post ul > li {
    list-style: disc;
    margin-bottom: 8px;
}

.container_tab article.post ol {
    padding: 0 0 16px 22px;
}

.container_tab article.post ol > li {
    list-style-type: decimal !important;
    margin-bottom: 8px;
}

.container_tab article.post ul > li:last-child {
    margin-bottom: 0;
}
.container_tab article.post br {
    content: '';
}

.container_tab article.post table {
    margin-bottom: 16px;
    border-collapse: collapse;
}
.container_tab article.post table th,
.container_tab article.post table td {
    border: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 6px;
}
.container_tab article.post table td:nth-of-type(n + 2) {
    border-left: none;
}
.container_tab article.post table tr:first-child {
    background-color: #f0f0f0;
}
.container_tab article.post table tr:first-child td p {
    font-weight: 600;
}
.container_tab article.post table tr:nth-of-type(2n+3) {
    background-color: #f9f9f9;
}
.container_tab article.post table td p {
    font-size: 14px;
    line-height: 18px;
}

/*
Downloads page
*/
.container_tab article.post .maintabs {
    display: flex;
    padding-left: 0;
    margin-bottom: -1.5px;
}
.container_tab article.post .maintabs > * {
    flex: 0 1 33.3%;
    list-style: none;
    background-color: transparent;
    border-bottom: 4px solid transparent;
    color: #202020;
    text-transform: capitalize;
    padding: 0 8px;
    height: 48px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: border-bottom-color .05s linear .05s;
}
.container_tab article.post .maintabs li {
    font-size: 16px;
}
.container_tab article.post .maintabs li.active {
    border-bottom-color: #0080E0;
    font-weight: 600;
    pointer-events: none;
}
.container_tab article.post .maintabs li:not(.active):hover {
    border-bottom-color: #0080E0;
}
.container_tab article.post .maintabs li:not(.active):hover {
    color: rgba(32, 32, 32, 0.85);
}
.container_tab article.post .tabledownload table * {
    padding: 0;
    margin: 0;
    border: none;
}
.container_tab article.post .tabledownload table tr {
    background-color: transparent;
}
.container_tab article.post .tabledownload table td {
    min-height: 64px;
    border-top: 1px solid #E0E0E0;
    padding: 8px;
    font-size: 16px;
}
.container_tab article.post .tabledownload table td * {
    font-size: 16px;
}
.container_tab article.post .tabledownload table td.download:last-child .download-file-arrow {
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 20V22H0V20H22ZM18 11V10H13V0H9V10H4V11L11 18L18 11Z' fill='%230080E0'/%3E%3C/svg%3E%0A") no-repeat;
}
.container_tab article.post .tabledownload table td.download:last-child .download-file-arrow:hover {
    opacity: .8;
    cursor: pointer;
}
.container_tab article.post .tabledownload table tr[class^="select"] ~ tr td:first-child {
    width: 10%;
}
.container_tab article.post .tabledownload table tr.select {
    display: table-row;
}
.container_tab article.post .tabledownload table .desc .download-file-name {
    min-height: 32px;
    transition: all .25s ease-in-out;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 2px;
    color: #202020;
}
.container_tab article.post .tabledownload table .desc .download-file-name:hover {
    background-color: rgba(48, 160, 240, .15);
    cursor: pointer;
}

.container_tab article.post .tabledownload table .dropdown_ch *,
.container_tab article.post .tabledownload table .dropdown * {
    background-image: none;
}
.container_tab article.post .tabledownload table .dropdown_ch,
.container_tab article.post .tabledownload table .dropdown {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 32px;
    justify-content: space-between;
    z-index: 1;
}
.container_tab article.post .tabledownload table .dropdown .dropdown-top,
.container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch {
    height: auto;
    border-radius: unset;
    width: 100%;
    /* max-width: 320px; */
    position: relative;
    top: 0;
    flex: 1 1 calc(33.33% - 32px);
    min-width: 200px;
}
.container_tab article.post .tabledownload table .dropdown .dropdown-top input,
.container_tab article.post .tabledownload table .dropdown .dropdown-top > a,
.container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch input,
.container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch > a {
    border: 1px solid #909090;
    border-radius: 2px;
    height: 40px;
    line-height: 18px;
    display: flex;
    align-items: center;
    padding: 0 32px 0 8px;
    color: #202020;
    font-weight: 400;
}
.container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch input::placeholder,
.container_tab article.post .tabledownload table .dropdown .dropdown-top input::placeholder {
    color: #202020;
}
.container_tab article.post .tabledownload table .dropdown .dropdown-top input,
.container_tab article.post .tabledownload table .dropdown .dropdown-top > a,
.container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch input,
.container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch > a {
    background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0L8 6L2 0L0 2L8 10L16 2L14 0Z' fill='%23606060'/%3E%3C/svg%3E%0A") right 8px center no-repeat;
    transition: all .05s ease-in-out;
}
.container_tab article.post .tabledownload table .dropdown .dropdown-top #myInput2:hover,
.container_tab article.post .tabledownload table .dropdown .dropdown-top > a:hover,
.container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch #myInput:hover,
.container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch > a:hover {
    background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10L8 4L14 10L16 8L8 0L0 8L2 10Z' fill='%23606060'/%3E%3C/svg%3E%0A") right 8px center no-repeat;
}
ul.dropdown-inside::-webkit-scrollbar-track,
ul.dropdown-inside_ch::-webkit-scrollbar-track {
    background-color: #fff;
}
ul.dropdown-inside::-webkit-scrollbar,
ul.dropdown-inside_ch::-webkit-scrollbar {
    width: 4px;
}
ul.dropdown-inside::-webkit-scrollbar-thumb,
ul.dropdown-inside_ch::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #E0E0E0;
}
.container_tab article.post .tabledownload table .dropdown-inside,
.container_tab article.post .tabledownload table .dropdown-inside_ch {
    width: 100%;
    /*max-width: 320px;*/
    min-width: 200px;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.container_tab article.post .tabledownload table .dropdown-inside > li,
.container_tab article.post .tabledownload table .dropdown-inside_ch > li {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0;
    list-style: none;
}
.container_tab article.post .tabledownload table .dropdown-inside > li:last-child,
.container_tab article.post .tabledownload table .dropdown-inside_ch > li:last-child {
    border-bottom: none;
}
.container_tab article.post .tabledownload table .dropdown-inside > li a,
.container_tab article.post .tabledownload table .dropdown-inside_ch > li a {
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    color: #202020;
    padding: 0 8px;
}
.container_tab article.post .tabledownload table .dropdown-inside > li:hover,
.container_tab article.post .tabledownload table .dropdown-inside_ch > li:hover {
    background-color: #0080E0;
}
.container_tab article.post .tabledownload table .dropdown-inside > li:hover a,
.container_tab article.post .tabledownload table .dropdown-inside_ch > li:hover a {
    color: #fff;
}
.container_tab article.post .tabledownload table .dropdown-inside_ch > li a.active {
    background-color: var(--color--blue);
    color: #fff;
}
/*services page*/
.tab_container__post-services .wrap {
    display: flex;
    flex-wrap: wrap;
    /*margin-left: 1px;*/
}
.tab_container__post-services .service-block {
    border: 1px solid #e0e0e0;
    flex: 0 1 244px;
    height: 256px;
    margin-left: -1px;
    margin-bottom: -1px;
}
.tab_container__post-services .service-block > a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tab_container__post-services .bordered {
    width: 192px;
    height: 192px;
}
.tab_container__post-services .bordered img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tab_container__post-services .bott-title {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #202020;
    font-size: 20px;
    line-height: 110%;
    padding: 0 8px;
    margin-top: 8px;
    text-align: center;
}
/*faq page*/
.tab_container__post-faq .ui-accordion-header {
    font-weight: 400;
    font-size: 16px;
    min-height: 32px;
    align-items: center;
    display: flex;
}
.tab_container__post-faq .ui-accordion-header .faq-title {
    border-bottom: 1px dashed;
    display: inline-flex;
}
.tab_container__post-faq .ui-accordion-header .faq-title:hover {
    border-bottom-style: solid;
}
.tab_container__post-faq .faq-content {
    font-size: 16px;
    line-height: 21px;
}
.tab_container__post-faq .faq-content .head_text + div,
.tab_container__post-faq .faq-content ul + div,
.tab_container__post-faq .faq-content .map {
    margin: 16px 0;
}
.tab_container__post-faq .faq-content b {
    display: block;
}
.tab_container__post-faq .faq-content br {
    line-height: 1.8;
}
/*contacts page*/
.tab_container__post-contacts .wrapper_wrap > .first_heading_contact {
    display: none;
}
.tab_container__post-contacts .show_work_time {
    border: 1px dashed #e0e0e0;
    border-radius: 2px;
    text-align: left;
    padding: 16px;
}
.tab_container__post-contacts .show_work_time .show_work_time--title {
    font-weight: 600;
}
.tab_container__post-contacts .form_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
}
.tab_container__post-contacts .form_wrapper input:not(.validate-check-submit) {
    border-radius: 2px;
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    padding: 0 8px;
    font-size: 14px;
    color: #202020;
}
.tab_container__post-contacts .form_wrapper input::placeholder {
    color: #202020;
}
.tab_container__post-contacts .form_wrapper .error-line {
    font-size: 12px;
    color: #606060;
    padding: 2px 8px;
}
.tab_container__post-contacts .form_wrapper .input_wrapper {
    align-items: flex-start;
}
.tab_container__post-contacts .form_wrapper .Form_fix_width {
    margin-left: 0;
}
.tab_container__post-contacts .form_wrapper textarea.flat_form_name {
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    height: 160px;
}
.tab_container__post-contacts .form_wrapper input.validate-check-submit {
    cursor: pointer;
    margin-left: 0;
}
/*delivery*/
.calc__delivery-unloading .calc-table {
    max-width: 544px;
    width: 100%;
    /*margin-top: 16px;*/
}
.calc__delivery-unloading .calc-table .d-tr {
    display: grid;
    grid-template-columns: repeat(3, 33.3%);
}
.calc__delivery-unloading .calc-table .d-tr:not(:first-child) {
    margin-top: -1px;
}
.calc__delivery-unloading .calc-table .d-td {
    border: 1px solid #e0e0e0;
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 0 5px;
    padding: 2px 8px;
}
.calc__delivery-unloading .calc-table .d-td:nth-of-type(2) {
    margin: 0 -1px;
    justify-content: center;
}
.calc__delivery-unloading .calc-table .d-td:last-child {
    justify-content: flex-end
}
.calc__delivery-unloading .calc-table .d-td select {
    width: 48px;
    height: 24px;
}
.calc__delivery-unloading .calc-table .d-tr.d-split .d-td {
    margin: 0;
    grid-column: 3;
    grid-row: 1;
}
.calc__delivery-unloading .calc-table .d-tr.d-split .d-td.lift label {
    display: flex;
    gap: 0 5px;
}
.calc__delivery-unloading .calc-table .d-tr.d-split .d-td:nth-of-type(1) {
    grid-column: 1/3;
    border-right: none;
}
.calc__delivery-unloading .calc-table .d-tr.d-split:nth-last-child(-n+4) .d-td:first-child {
    justify-content: flex-end;
}
#calc_result {
    font-weight: bold;
    color: #202020;
}
.calc__delivery-unloading .calc-table .calc-done {
    cursor: pointer;
    border: 1px solid #0080E0;
    background-color: #fff;
    border-radius: 2px;
    color: #0080E0;
    font-weight: bold;
    height: 32px;
    padding: 0 8px;
    margin-top: 8px;
    margin-left: auto;
    display: block;
    transition: all .25s ease-in-out;
}
.calc__delivery-unloading .calc-table .calc-done:hover {
    background-color: #0080E0;
    color: #fff;
}


article.post .mobile-title {
    display: none;
}

.g-title.tab-menu > .sub-title {
    width: 320px;
    font-size: 32px;
    font-weight: 900;
    line-height: 36px;
}

.main__section > .g-title.tab-menu > .g-title__text {
    display: flex;
    gap: 16px;
    align-items: center;
}

.g-title.tab-menu > .sub-title ~ .g-title__text h1 {
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;;
}

.container_tab article.post {
    color: #606060;
}

.container_tab article.post .bold-text {
    font-weight: 700;
}

.container_tab article.post .ul-text {
    margin-bottom: 7px;
}

.container_tab article.post .footnote {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 3px;
}

.container_tab article.post .title-text {
    font-size: 20px;
    line-height: 20px;
    padding-top: 36px;
}

.container_tab article.post .block {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 0;
    margin-left: -5px;
}

.container_tab article.post .block__title:hover {
    background-color: rgba(244,244,244,.4);
    opacity: .85;
}

.container_tab article.post .block__title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 50px 0 50px;
    height: 52px;
    cursor: pointer;
    color: #202020;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    margin: 0 -7px;
    transition: all .25s ease-in-out 0s;
}

.container_tab article.post .block__title::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10190_0)'%3E%3Cpath d='M20 22H8V20H20V22ZM20 17H8V15H20V17ZM20 12H8V10H20V12ZM24 22H22V20H24V22ZM24 17H22V15H24V17ZM24 12H22V10H24V12Z' fill='%23606060'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10190_0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px;
    left: 7px;
    transition: all .25s ease-in-out 0s;
}

.container_tab article.post .block__title::after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3603_6)'%3E%3Cpath d='M16 5C9.9 5 5 9.9 5 16C5 22.1 9.9 27 16 27C22.1 27 27 22.1 27 16C27 9.9 22.1 5 16 5ZM16 25C11 25 7 21 7 16C7 11 11 7 16 7C21 7 25 11 25 16C25 21 21 25 16 25ZM16 9C17.1 9 18 9.9 18 11C18 12.1 17.1 13 16 13C14.9 13 14 12.1 14 11C14 9.9 14.9 9 16 9ZM19 22H13V20H15V16H13V14H17V20H19V22Z' fill='%230080E0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3603_6'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px;
    right: 7px;
    transition: all .25s ease-in-out 0s;
}

.container_tab article.post .block__text {
    display: none;
    padding: 20px 0 22px 8px;
}

.container_tab article.post .block__title.active::after {
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3603_6)'%3E%3Cpath d='M16 5C9.9 5 5 9.9 5 16C5 22.1 9.9 27 16 27C22.1 27 27 22.1 27 16C27 9.9 22.1 5 16 5ZM16 25C11 25 7 21 7 16C7 11 11 7 16 7C21 7 25 11 25 16C25 21 21 25 16 25ZM16 9C17.1 9 18 9.9 18 11C18 12.1 17.1 13 16 13C14.9 13 14 12.1 14 11C14 9.9 14.9 9 16 9ZM19 22H13V20H15V16H13V14H17V20H19V22Z' fill='%23606060'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3603_6'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.container_tab article.post .block__title.active {
    background-color: #d0eeff7d;
}

.container_tab article.post .help-post__title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #202020;
    margin-bottom: 20px;
}

.container_tab article.post .help-post__text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #606060;
    margin-bottom: 20px;
}

.container_tab article.post a.help-post__link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #0080E0;
    position: relative;
    text-decoration: none;
}

.container_tab article.post a.help-post__link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    height: 2px;
    width: 0;
    background-color: #0080E0;
    transition: .15s all cubic-bezier(.4,0,.2,1);
}

.container_tab article.post a.help-post__link:hover::before {
    width: 100%;
}

.container_tab article.post .block-text__title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #202020;
    padding: 16px 0;
}

.container_tab article.post .calc-block {
    display: flex;
    flex-direction: row;
    gap: 64px;
}

.container_tab article.post .calc-block__calc {
    flex: 0 0 544px;
}

.container_tab article.post .calc-block__text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #606060;
}
.container_tab article.post .calc-form__wrapper {
    border: 1px solid #E0E0E0;
    /*padding: 0 32px 16px;*/
}
.calc__delivery-unloading .select__box {
    /*top: 40px;*/
}
.calc__delivery-unloading .cargo-items__string:first-child .cargo-items__select,
.calc__delivery-unloading .cargo-items__string:first-child .cargo-items__input {
    padding: 40px 0 0;
}
.calc__delivery-unloading .cargo-items__select,
.calc__delivery-unloading .cargo-items__input {
    padding: 27px 0 0;
}
.calc__delivery-unloading .cargo-items {
    padding: 0 32px;
}
.calc__delivery-unloading .select__title {
    opacity: 0;
}
.calc__delivery-unloading .cargo-items__string:first-child .select__title {
    opacity: 1;
    top: -32px;
    left: -4px;
    font-size: 14px;
    line-height: 18px;
}
.calc__delivery-unloading .cargo-items__string,
.calc__delivery-unloading .calc-form__lifting {
    display: flex;
    flex-direction: row;
    position: relative;
    gap: 32px;
}
.calc__delivery-unloading .s-b-item__btn {
    background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2ZM10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM15 7L13 5L10 8L7 5L5 7L8 10L5 13L7 15L10 12L13 15L15 13L12 10L15 7Z' fill='%230080E0'/%3E%3C/svg%3E%0A") no-repeat;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.calc__delivery-unloading .cargo-items-qty__input,
.calc__delivery-unloading .calc-form__input {
    max-width: 120px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid #909090;
    border-radius: 2px;
    cursor: pointer;
    height: 40px;
    text-align: center;
    font-weight: 700;
}
.cargo-items-qty__input {
    cursor: text !important;
}
.cargo-items-qty__input::-webkit-outer-spin-button,
.cargo-items-qty__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.calc__delivery-unloading .s-b-item__btn:hover {
    opacity: .85;
}
.calc__delivery-unloading .cargo-items__string:first-child .cargo-items-qty__label {
    background-color: #fff;
    position: absolute;
    top: 33px;
    left: 5px;
    font-size: 10px;
    line-height: 16px;
    padding: 0 4px;
    color: #606060;
}
.calc__delivery-unloading .cargo-items-qty__label {
    background-color: #fff;
    position: absolute;
    top: 21px;
    left: 5px;
    font-size: 10px;
    line-height: 16px;
    padding: 0 4px;
    color: #606060;
}
.calc__delivery-unloading .cargo-items-min__label {
    position: absolute;
    bottom: -17px;
    left: 5px;
    font-size: 10px;
    line-height: 12px;
    padding: 0;
    color: #909090;
}
.calc__delivery-unloading .cargo-items-max__label {
    position: absolute;
    bottom: -17px;
    right: 5px;
    font-size: 10px;
    line-height: 12px;
    color: #909090;
}
.calc__delivery-unloading .cargo-items__input {
    position: relative;
}
.calc__delivery-unloading .select__button {
    padding: 5px 0 4px 16px;
}
.calc__delivery-unloading .select__unit-text {
    font-size: 12px;
    font-weight: 400;
    color: #606060;
    position: absolute;
    right: 60px;
}
.calc__delivery-unloading .select__list .select__list-unit {
    display: none;
}
.calc__delivery-unloading .btn-add-cargo-item {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 26px 0 6px;
}
.calc__delivery-unloading .cargo-items__select {
    display: flex;
    flex: 0 0 280px;
}
.calc__delivery-unloading .add-cargo-item {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    border: none;
    background-color: transparent;
    color: #0080E0;
    gap: 0 17px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    transition: all .2s ease-in-out;
}
.calc__delivery-unloading .add-cargo-item:hover {
    background-color: #e0f1fd;
    border-radius: 2px;
    cursor: pointer;
}
.calc__delivery-unloading .calc-form__elevator {
    display: flex;
    align-items: center;
    flex: 0 0 280px;
    padding: 0 0 0 35px;
    gap: 16px;
}
.calc__delivery-unloading .calc-form__floor { position: relative }
.calc__delivery-unloading .calc-form__label {
    background-color: #fff;
    position: absolute;
    top: -7px;
    left: 5px;
    font-size: 10px;
    line-height: 16px;
    padding: 0 4px;
    color: #606060;
}
.calc-form__switch {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.calc-form__switch input {
    width: 16px;
    height: 16px;
}
.calc-form__elevator > .text {
    padding: 3px 0 0 0;
}
.calc__delivery-unloading .calc-form__lifting {
    padding: 14px 32px 24px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}
.calc__delivery-unloading .calc-form__total {
    display: flex;
    gap: 16px;
    padding: 12px 32px 20px 48px;
    align-items: center;
}
.calc__delivery-unloading .calc-form__total > * {
    flex: 1 1 auto;
    width: auto;
}
.calc__delivery-unloading .calc-form__total-btn {
    /*flex: 0 0 50%;*/
    height: 32px;
    font-size: 16px;
    min-width: 144px;
}
.calc__delivery-unloading .calc-form__total-btn:hover {
    border: #30a0f0;
}
.calc__delivery-unloading .calc-form__total-text {
    /*flex: 0 0 47%;*/
    background-color: #F0F0F0;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #202020;
    padding: 0 8px;
}
.calc__delivery-unloading .calc-form__total-text span {
    font-weight: 100;
}

/*for schedule table*/
article .schedule-table {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: auto;
    border: 1px solid #EDEDED;
    margin: 0 auto;
}
article .schedule-table__row:not(:first-child) {
    display: flex;
    min-height: 80px;
}
article .schedule-table__cell:not(:last-child) {
    border-right: 1px solid #EDEDED;
}
article .schedule-table__row:not(:first-child) .schedule-table__cell:not(:first-child):not(:last-child) {
    border-right: 1px solid #EDEDED;
    height: auto;
}
article .schedule-table__row_header,
article .schedule-table__cell_places span {
    font-size: 12px;
    font-weight: 800;
    color: #000000;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
}
.schedule-table__row_header {
    display: flex;
}
.schedule-table__row_header .schedule-table__cell_places {
    display: flex;
    flex-direction: column;
}
article .schedule-table__row_header .cell-places__sub-title{
    font-weight: 400;
}
article .schedule-table__cell_places {
    width: 250px;
    align-items: start;
    padding: 0 0 0 23px;
    justify-content: center;
}
.schedule-table__row_header .schedule-table__cell {
    height: 80px;
}
.schedule-table__cell {
    width: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
article .schedule-table__row:not(:last-child) .schedule-table__cell {
    border-bottom: 1px solid #EDEDED;
}
ul.cell-places__sub-title {
    width: 204px;
    column-count: 2;
    column-gap: 20px;
}
article .schedule-table__row:not(:first-child) .schedule-table__cell_places {
    display: flex;
    flex-direction: row;
    justify-content: start;
    height: auto;
    align-self: flex-start;
    min-height: 80px;
}
article .schedule-table__row:not(:first-child) .schedule-table__cell_places span {
    padding: 8px 0 0 0;
    margin: 0 0 -6px 0;
}
.container_tab article.post .schedule-table ul {
    padding: 10px 0 5px;
    margin-bottom: 0;
}
article .schedule-table li {
    list-style-type: none !important;
    color: #00000080;
    font-size: 12px;
    line-height: 15px;
}
.container_tab article.post .schedule-table ul > li {
    margin-bottom: 0;
}
.schedule-table__cell_checkmark {
    background-color: #EBFAEF;
    position: relative;
    height: auto;
}
.schedule-table__cell_checkmark:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%) rotate(-40deg);
    width: 20px;
    height: 10px;
    border: 3px solid #22BC50;
    border-top: none;
    border-right: none;
    border-radius: 2px;
}
@media (max-width: 1636px) {
    .container_tab article.post .calc-block {
        gap: 0 24px;
    }
}
@media (max-width: 1400px) {
    .container_tab .wrapper_list {
        top: 64px;
    }
}
@media (max-width: 1280px) {
    .container_tab {
        gap: 0 24px;
    }
}
@media (max-width: 1260px) {
    article .schedule-table {
        margin: 0;
        width: unset;
        overflow: hidden;
        overflow-x: auto;
    }
    .schedule-table__row_header .schedule-table__cell_places,
    article .schedule-table__row:not(:first-child) .schedule-table__cell_places {
        flex: 0 0 250px;
    }
    .schedule-table__cell {
        flex: 0 0 100px;
    }
    article .schedule-table__row_header {
        justify-content: start;
    }
}
@media (max-width: 1200px) {
    /*scroll table*/
    .container_tab article.post {
        width: 100%;
        overflow: hidden;
    }
    .article-post__table-wrap {
        max-width: 780px;
        width:100%;
        overflow: hidden;
        overflow-x: auto;
    }
    @media (any-hover: hover) {
        .article-post__table-wrap:hover::-webkit-scrollbar {
            height: 8px;
        }
    }

    .container_tab article.post .calc-block {
        flex-direction: column;
        gap: 14px;
    }

    .container_tab article.post .calc-block__calc {
        flex: 0 0 auto;
        width: 554px;
        height: auto;
        margin: 0 auto;
    }
}
@media (min-width: 1121px) {
    .cargo-items__select .product-select__type {
        flex: 0 0 280px;
    }
}
@media (max-width: 1024px) {
    .container_tab {
        gap: 0 16px;
    }
    .container_tab article.post {
        padding: 16px;
    }
}
@media (max-width: 981.6px) {
    .container_tab {
        flex-direction: column;
        gap: 0;
    }
    .post .tabledownload.row {
        height: auto;
        padding-right: 8px;
    }
    .container_tab article.post:not(.tab_container__post-services) {
        margin: 0;
    }
    .container_tab .main_tabs {
        flex: auto;
    }
    .container_tab .wrapper_list > .tabs {
        display: flex;
        overflow: auto;
        width: calc(100vw - 6px);
        scroll-snap-type: x mandatory;
        white-space: nowrap;
    }
    .container_tab .tabs .icon--size--32 {
        flex-shrink: 0;
    }
    .container_tab .wrapper_list {
        margin-bottom: -1px;
    }
    .container_tab .wrapper_list > ul {
        padding: 0;
    }
    .container_tab .wrapper_list > ul li {
        border: none;
        padding: 0 5px;
        transition: none;
        white-space: nowrap;
        scroll-snap-align: center;
    }
    .container_tab .wrapper_list > ul li:hover,
    .container_tab .wrapper_list > ul li.active {
        border: none;
    }
    .container_tab .wrapper_list > ul li a {
        font-size: 14px;
        height: 48px;
        padding: 0 5px;
        border-bottom: 2px solid transparent;
        transition: border-bottom .25s ease-in-out 0s;
        width: max-content;
    }
    .container_tab .wrapper_list > ul li:hover a,
    .container_tab .wrapper_list > ul li.active a {
        border-bottom: 2px solid #0080E0;
    }
    .tab_container__post-services .service-block {
        flex-grow: 1;
    }
    /*scroll table*/
    .container_tab {
        width: calc(100vw - 8px);
        overflow: hidden;
    }
    .article-post__table-wrap {
        max-width: 980px;
        width:100%;
        overflow: hidden;
        overflow-x: auto;
    }
    .article-post__table-wrap table {
        width: 980px;
    }

    article.post .mobile-title {
        display: block;
        font-size: 20px !important;
        font-weight: 700;
        line-height: 20px !important;
        color: #202020;
        padding: 16px 0 2px 32px;
    }

    .main__section > .g-title.tab-menu > .sub-title ~ .g-title__text {
        display: none;
    }

    .g-title.tab-menu > .sub-title {
        width: auto;
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        padding-left: 16px;
    }

}
@media (max-width: 780px) {
    .container_tab {
        width: 100vw;
    }
    .container_tab article.post:not(.tab_container__post-services) {
        border: none;
    }
    .header--sticky + .main .main_tabs._active {
        top: 48px;
        height: calc(100dvh - 48px);
    }
    .g-title.tab-menu {
        border-bottom: 1px solid #e0e0e0;
    }
    .g-title.tab-menu ._tab-menu__icon {
        background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4H0V0H4V4ZM10 0H6V4H10V0ZM16 0H12V4H16V0ZM4 6H0V10H4V6ZM10 6H6V10H10V6ZM16 6H12V10H16V6ZM4 12H0V16H4V12ZM10 12H6V16H10V12ZM16 12H12V16H16V12Z' fill='%230080E0'/%3E%3C/svg%3E") no-repeat;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }
    body.lock .header,
    body.lock .main {
        pointer-events: all;
    }
    body.lock .g-title.tab-menu ._tab-menu__icon {
        pointer-events: none;
    }
    body.lock .g-title.tab-menu .g-title__text {
        cursor: pointer;
    }
    body.lock .g-title.tab-menu .g-title__text h1 {
        cursor: text;
    }
    body.lock .container_tab:before {
        content: '';
        background-color: rgba(0,0,0,.2);
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .container_tab .main_tabs {
        max-width: 320px;
        width: 100%;
        height: 100dvh;
        position: fixed;
        background-color: #fff;
        left: -330px;
        overflow: auto;
        transition: left .25s ease-in-out 0s, opacity 0s ease-in-out 0s, all .25s ease-in-out 0s;
    }
    .container_tab .main_tabs {
        opacity: 0;
    }
    .container_tab .main_tabs._active {
        box-shadow: 0 3px 5px rgba(0,0,0,.2);
        margin-top: -1px;
        opacity: 1;
        left: 0;
        z-index: 9;
    }
    .container_tab .wrapper_list {
        position: unset;
        border: none;
    }

    .container_tab .wrapper_list > .tabs {
        flex-direction: column;
        white-space: normal;
        width: auto;
        overflow: unset;
        scroll-snap-type: unset;
    }
    .container_tab .wrapper_list > ul li {
        border-left: 4px solid #fff;
        transition: all .25s ease-in-out 0s;
    }
    .container_tab .wrapper_list > ul li a {
        height: 48px;
    }
    .container_tab .wrapper_list > ul li.active,
    .container_tab .wrapper_list > ul li:hover {
        border-left: 4px solid #0080E0;
    }
    .container_tab .wrapper_list > .tabs li a,
    .container_tab .wrapper_list > .tabs li.active a,
    .container_tab .wrapper_list > ul li:hover a {
        white-space: inherit;
        border-bottom: 1px solid #e0e0e0;
    }
    /*services page*/
    .tab_container__post-services .wrap {
        margin-top: 8px;
        padding: 0 8px;
    }
    .tab_container__post-services .service-block {
        flex: 1 1 33.33%;
        width: 100%;
        min-width: 198px;
    }
    .tab_container__post-services .bott-title {
        font-size: 14px;
    }
    .container_tab article.post .help-post__title {
        font-weight: 400;
    }
    .container_tab article.post .help-post__text {
        margin-bottom: 10px;
    }
    .container_tab article.post .block__text {
        padding: 14px 0 18px 12px;
    }
    .container_tab article.post .block__title {
        padding: 0 40px 0 45px;
    }
    .container_tab article.post .footnote {
        font-size: 14px;
        padding: 3px 0;
    }
    .container_tab article.post ul:last-child {
        margin-bottom: 0;
    }
    .container_tab article.post .help-post {
        padding-left: 9px;
    }
}
@media (max-width: 686px) {
    .container_tab {
        width: calc(100vw - 1px);
    }
}
@media (max-width: 600px) {
    .container_tab article.post .calc-block__calc {
        width: 100%;
    }
    .calc__delivery-unloading .cargo-items__select {
        flex: 0 0 50%;
    }
    .calc__delivery-unloading .select__unit-text {
        right: 32px;
    }
    .calc__delivery-unloading .cargo-items__string {
        gap: 10px;
    }
    .calc__delivery-unloading .cargo-items {
        padding: 0 10px;
    }
    .calc__delivery-unloading .calc-form__elevator {
        flex: auto;
        padding: 0;
    }
    .calc__delivery-unloading .calc-form__total {
        gap: 10px;
        padding: 12px 10px 20px;
    }
    .calc__delivery-unloading .calc-form__total-text {
        font-size: 18px;
    }
}
@media (max-width: 500px) {
    .container_tab {
        width: 100%;
    }
    .tab_container__post-services .wrap {
        padding: 0;
        margin-top: -1px;
    }
}
@media (max-width: 470px) {
    .grid .main {
        padding: 0;
    }
    .container_tab {
        /*width: auto;*/
    }
    .container_tab .wrapper_list, .container_tab article.post:not(.tab_container__post-services) {
        border: none;
    }
    .container_tab article.post {
        padding: 8px;
    }

    article.post .mobile-title {
        padding-left: 40px;
    }

    .container_tab article.post .calc-title {
        display: flex;
        justify-content: center;
        margin-top: 8px;
    }
    .container_tab .main_tabs {
        max-width: inherit;
        left: -100%;
    }
    .container_tab article.post p {
        font-size: 14px;
        line-height: 18px;
    }
    .container_tab article.post table td,
    .container_tab article.post table td p {
        font-size: 12px;
        line-height: 16px;
    }
    /*downloads page*/
    .container_tab article.post .tabledownload table:not(#tab1) tbody > tr {
        display: grid;
        grid-template-columns: 1fr auto auto;
        border-bottom: 1px solid #e0e0e0;
    }
    .container_tab article.post .tabledownload table:not(#tab1) tr[class^="select"] ~ tr td:first-child {
        width: 100%;
    }
    .container_tab article.post .tabledownload table:not(#tab1) tbody > tr td:first-child {
        grid-column: 1/4;
        width: 100%;
    }
    .container_tab article.post .tabledownload table:not(#tab1) tbody > tr td {
        width: 100%;
        min-height: 24px;
        height: auto;
        padding: 8px 8px 0;
        border: none;
    }
    .container_tab article.post .tabledownload table tbody > tr td.desc a {
        padding: 5px 0;
        height: auto;
        min-height: 24px;
    }
    .container_tab article.post .tabledownload table .desc .download-file-name {
        font-size: 14px;
    }
    .container_tab article.post .tabledownload table .dropdown .dropdown-top,
    .container_tab article.post .tabledownload table .dropdown_ch .dropdown-top_ch {
        position: unset;
    }
    .container_tab article.post .tabledownload table .dropdown_ch,
    .container_tab article.post .tabledownload table .dropdown {
        padding: 16px 8px;
    }
    .container_tab article.post .tabledownload table .dropdown-inside,
    .container_tab article.post .tabledownload table .dropdown-inside_ch {
        width: 100%;
        max-width: 192px;
        box-shadow: 0 0px 999px 999px rgba(0,0,0,.15);
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #404040;
        padding: 16px;
    }
    .container_tab article.post .tabledownload table .dropdown-inside > li,
    .container_tab article.post .tabledownload table .dropdown-inside_ch > li {
        background-color: transparent;
        border-bottom-color: #606060;
    }
    .container_tab article.post .tabledownload table .dropdown-inside > li a,
    .container_tab article.post .tabledownload table .dropdown-inside_ch > li a {
        color: #fff;
        justify-content: center;
        text-align: center;
        font-weight: 700;
    }
}
@media (max-width: 414px) {
    .calc__delivery-unloading .calc-form__total {
        flex-direction: column-reverse;
    }
    .calc__delivery-unloading .calc-form__total > * {
        width: 100%;
    }
}
@media (max-width: 412px) {
    /*services page*/
    .tab_container__post-services .service-block {
        flex: 0 1 auto;
        margin-left: 0;
        width: 100%;
    }
}
@media (max-width: 390.4px) {
    /*downloads page*/
    .container_tab article.post .tabledownload table .dropdown_ch,
    .container_tab article.post .tabledownload table .dropdown {
        flex-direction: column;
        margin: 8px;
        align-items: center;
    }
}
/* End */


/* Start:/metal/style.css?175930494025597*/
/*-----------------------black theme-START----------------------*/
.g-title.tab-menu {
    display: none;
}
.main_tabs {
    display: none;
}
.metal {
    display: flex;
    flex-direction: column;
}
.color-box__close {
    display: none;
}
.popup-selected-city.open .color-box__close {
    display: block;
}
.header-press-icons__brave> a > svg,
.header-press-icons__savelife > a > svg {
    width: 48px;
}
iframe[name="helpcrunch-iframe"] {
    display: none !important;
}
.g-title.tab-menu {
    border-bottom: none !important;
}
.container_tab {
    width: 100%;
    overflow: hidden;
}
/**/
.modal-exp-cons .text,
.modal-exp-cons .input-subtitle {
    color: #fff;
}
.modal-exp-cons .text--color--red {
    color: var(--tertiary-orange)
}
/*-----------------------black theme-END----------------------*/
.metal {
    width: 100%;
}
.metal-main {
    border: 1px solid var(--grayscale-dark);
}
.starting-metal {
    display: flex;
    flex-direction: row-reverse;
}
.starting-metal__poster {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    flex: 1 1 auto;
    color: #fff;
}
.starting-metal__image {
    flex: 1 1 auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.starting-metal__poster:before {
    content: '';
    background-color: rgba(32, 32, 32, 0.7);
    position: absolute;
    width: 448px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.starting-metal__image img {
    width: 100%;
    height: 100%;
}
.starting-metal__logo {
    z-index: 2;
    position: relative;
}
.starting-metal__logo svg {
    max-width: 100%;
}
.starting-metal__slogan {
    z-index: 2;
    position: relative;
    font-size: 32px;
    font-weight: 300;
    line-height: 36px;
    max-width: 352px;
    padding: 128px 0 0 54px;
}
.starting-metal__description {
    flex: 0 1 470px;
    padding: 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.starting-metal__description h2 {
    font-size: 32px;
    font-weight: 900;
    line-height: 36px;
    padding: 4px 0 18px 0;
}
.starting-metal__description h4 {
    text-transform: uppercase;
    padding: 16px 0;
    font-size: 16px;
    font-weight: 400;
}
.starting-metal__description h4 em,
.starting-metal__description h4 i {
    font-style: normal;
    text-transform: initial;
    line-height: initial;
}
.starting-metal__description ol {
    list-style-type: decimal;
    color: var(--grayscale-light);
    font-size: 16px;
}
.starting-metal__description > ol > ul > li{
    list-style-type: disc;
}
.starting-metal__description li {
    list-style-type: inherit;
    margin-left: 19px;
}
.starting-metal__btn {
    padding-top: 16px;
    max-width: 286px;
    width: fit-content;
}
.starting-metal__btn > a {
    background-color: rgb(255 255 255 / 50%) !important;
    color: #fff !important;
}
.starting-metal__btn > a:hover {
    background-color: rgb(255 255 255 / 65%) !important;
    color: #fff !important;
}
.metal-title {
    padding: 64px 20px 20px;
}
.metal-title > h3 {
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;
}
.gallery-metal {
    padding: 0 0 64px 64px;
}
.gallery-metal__gallery {
    min-width: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.gallery-metal__gallery-full .slick-slider,
.gallery-metal__gallery-mini .slick-slider {
    position: relative;
}
.gallery-metal__gallery-full .slick-track,
.gallery-metal__gallery-mini .slick-track {
    display: flex;
}
.gallery-metal__gallery-mini .slick-track {
    flex-wrap: wrap;
    transform: translate3d(0px, 0px, 0px) !important;
}
.gallery-metal__gallery-full .slick-list {
    overflow: visible;
    max-height: 720px;
}
.gallery-metal__gallery-full {
    /*max-width: 68vw;
    max-height: 720px;
    width: 100%;*/
}
.gallery-metal__item {
    /*text-align: center;*/
    width: 100% !important;
    max-width: 1060px;
    flex: 1 1 auto;
}
.gallery-full__img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
}
.gallery-full__link {
    display: block;
    /*max-width: 68vw;*/
    max-height: 720px;
    width: 100%;
    height: 100%;
}
.gallery-full__img {
    width: 100%;
    height: 100%;
}
.gallery-metal__gallery-mini {
    align-self: end;
    margin-bottom: -8px;
    padding-right: 0;
    border-right: 1px solid var(--grayscale-dark);
    margin-right: -1px;
}
.gallery-metal__gallery-full {
    overflow: visible;
}
.gallery-metal__gallery-mini .slick-track{
    gap: 8px;
    opacity: 1;
    width: 362px !important;
    max-height: 244px;
    overflow: auto;
}
.gallery-metal__gallery-mini .slick-list {
    width: 352px;
}
.gallery-metal__gallery-mini .slick-slide {
    width: 112px!important;
    height: 80px;
    flex: 0 0 112px;
    cursor: pointer;
    overflow: hidden;
}
.metal-content {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(100%, 0);
    padding: 16px 0 58px 32px;
    width: 400px;
    border-right: 1px solid var(--grayscale-dark);
    margin-right: -1px;
}
.metal-content h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    padding: 6px 0 18px 8px;
    text-transform: uppercase;
}
.metal-content__info {
    display: flex;
    flex-direction: initial;
    padding: 0 0 10px 8px;
    gap: 8px;
    max-height: 178px;
    overflow: auto;
}
.metal-content__info_name {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #909090 !important;
    width: 80px;
    text-align: left;
}
.metal-content__info_value {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}
.metal-main .button__body {
    justify-content: left;
    padding: 0 10px 0 8px;
    gap: 8px;
}
.gallery-metal__item img {
    width: 100%;
    height: 100%;
    max-height: 720px;
    object-fit: cover !important;
}
.counter-metal {
    position: relative;
    padding: 0 0 38% 48px;
}
.counter-metal__info {
    display: flex;
    align-items: start;
    color: #fff;
    position: absolute;
    justify-content: center;
    z-index: 2;
    gap: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 64px 24px 64px 24px;
    width: 75%;
    background-color: rgba(0,0,0,.5);
}
.counter-metal img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.counter-metal__value {
    font-size: 32px;
    font-weight: 900;
    line-height: 36px;
}
.counter-metal__label {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}
.counter-metal__item {
    flex: 0 1 210px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 10px;
}
.counter-metal__item:not(:first-child)::before {
    content: '';
    width: 1px;
    height: 85px;
    background-color: #C0C0C0;
    position: absolute;
    top: 0;
    left: -30px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.manufacturing-metal__list {
    display: flex;
    flex-wrap: wrap;
}
.manufacturing-item {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
}
.manufacturing__box {
    height: 100%;
    flex: 1 1 448px;
}
.manufacturing-item:nth-of-type(3) .manufacturing-item__box,
.manufacturing-item:nth-of-type(4) .manufacturing-item__box {
    flex-direction: row-reverse;
}
.manufacturing-item:nth-of-type(4) .manufacturing-item__img {
    object-position: 55% 0;
}
.manufacturing-item__box {
    height: 100%;
}
.manufacturing-item__box > * {
    flex: 1 1 50%;
    max-width: 448px;
}
.manufacturing-item__desc .text {
    padding: 16px 32px;
    overflow: auto;
    height: 100%;
}
.manufacturing-item__desc .text,
.manufacturing-item__desc .text p,
.manufacturing__desc .text li {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}
.manufacturing-item__desc .text > *:not(:last-child) {
    padding-bottom: 16px;
}
.manufacturing-item__desc .text h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.48px;
}
.manufacturing-item__desc .text ul {
    padding-left: 20px;
}
.manufacturing-item__desc .text ul li {
    list-style: disc;
}
.manufacturing-item__image {
    max-width: 448px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.manufacturing-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s cubic-bezier(.4,0,.2,1);
}
.combination-metal__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    justify-content: center;
    padding-bottom: 62px;
}
.popup-gallery-metal__title {
    display: none;
}
.combination-metal__box h4 {
    padding: 8px 0;
}
.combination-metal__list {
    display: flex;
    flex-direction: inherit;
    gap: 2px;
    justify-content: center;
}
.combination-metal__list img {
    width: 100%;
    object-fit: cover;
}
.combination-metal__item {
    max-width: 142px;
    min-width: 125px;
    display: flex;
    flex-direction: column;
}
.combination-metal__detail {
    background-color: var(--grayscale-dark);
    min-height: 96px;
    margin-top: -5px;
    padding: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    flex: 1 1 auto;
    overflow: auto;
}
.combination-metal__col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.starting-metal__slogan_mob {
    display: none;
}
@media (any-hover: hover) {
    .manufacturing-item__img:hover {
        transform: scale(1.03);
    }
    .manufacturing-item__desc .text::-webkit-scrollbar-thumb {
        border: 2px solid #202020;
    }
}
/*@media (min-width: 1920px) {*/
    .gallery-full__link {
        max-width: 1060px;
    }
    .gallery-metal__gallery-full {
        max-width: 1060px;
        max-height: 720px;
        width: 100%;
    }
/*}*/
/*@media (max-width: 1919px) {*/
    .gallery-metal__gallery-mini {
        border: none;
    }
    .metal-content {
        border-right: none;
    }
    .metal {
        border: none !important;
    }
    .metal-content {
        padding-bottom: 0;
    }
/*}*/
/*@media (max-width: 1849px) {*/
    .gallery-metal__gallery {
        justify-content: start;
    }
    .gallery-metal__gallery-mini {
        padding-left: 32px;
        margin-bottom: -4px;
        width: 0;
    }
    .gallery-metal {
        padding: 0 0 32px 32px;
    }
    .metal-content {
        right: 0;
        margin-right: -1px;
    }
/*}*/
/*@media (max-width: 1770px) {*/
    .starting-metal__image img {
        width: fit-content;
    }
    .metal-content {
        padding: 8px 16px 0 32px;
    }
/*}*/
/*@media (max-width: 1690px) {*/
    .counter-metal__item {
        padding: 0;
    }
/*}*/
/*@media (max-width: 1590px) {*/
    .combination-metal__list > *:last-child{
        display: none;
    }
/*}*/
@media (max-width: 1536px) {
    .gallery-full__link {
        display: block;
        max-width: 68vw;
        max-height: 720px;
        width: 100%;
        height: 100%;
    }
    .gallery-metal__gallery-full {
        max-width: 68vw;
        max-height: 720px;
        width: 100%;
    }
    .gallery-metal__gallery-mini {
        /*padding-left: 0;*/
    }
}
@media (max-width: 1530px) {
    .gallery-metal__gallery {
        max-width: calc(100vw - 64px);
        position: relative;
    }
    /**/
    .manufacturing-item {
        flex-basis: 100%;
    }
    .manufacturing-item__box > * {
        max-width: inherit;
    }
    .manufacturing-item:nth-of-type(even) .manufacturing-item__box {
        flex-direction: row-reverse;
    }
    .manufacturing-item:nth-of-type(3) .manufacturing-item__box {
        flex-direction: unset;
    }
    .counter-metal__item:not(:first-child)::before {
        left: -17px;
    }
    .counter-metal__value {
        font-size: 24px;
        line-height: 24px;
    }
    .combination-metal__box h4 {
        padding: 8px 0 8px 16px;
    }
}
@media (max-width: 1366px) {
    .gallery-full__link,
    .gallery-metal__gallery-full {
        max-width: 62vw;
        max-height: 680px;
    }
    .metal-content {
        width: 34vw;
    }
    .metal-content__info {
        max-height: 146px;
    }
}
/*@media (max-width: 1345px) {
    .gallery-full__link {
        max-width: 52vw;
        height: 592px;
    }
    .gallery-metal__gallery-full {
        max-width: 52vw;
    }
    .gallery-metal__gallery-mini .slick-track {
        width: 488px !important;
        height: 256px;
    }
    .metal-content__info {
        padding-left: 16px;
    }
    .metal-content h4 {
        padding: 0 0 18px 18px;
    }
}*/
@media (max-width: 1280px) {
    .starting-metal__description {
        padding: 10px 32px 0 64px;
    }
    .starting-metal__description h2 {
        padding: 0;
    }
    .starting-metal__description h4 {
        padding: 14px 0 0;
    }
    .starting-metal__description ol {
        font-size: 14px;
    }
    .starting-metal__description {
        font-size: 14px !important;
    }
    .starting-metal__btn {
        padding-top: 16px;
    }
    .starting-metal__slogan {
        max-width: 400px;
        padding: 64px 0 0 48px;
    }
    .metal-title {
        padding: 42px 20px 20px;
    }
    .manufacturing-item__box > * {
        height: 325px;
    }
    .manufacturing-item__image {
        max-height: 325px;
    }
    .manufacturing-item__box > * {
        min-height: 352px;
    }
    .manufacturing-item__desc .text {
        max-height: 318px;
    }
}
@media (max-width: 1275px) and (min-width: 801px) {
    .combination-metal__list :nth-child(n+5) {
        /*display: none;*/
    }
}
@media (max-width: 1150px) {
    .counter-metal__info {
         flex-wrap: wrap;
    }
    .counter-metal__item {
        flex: 0 0 170px;
        height: 100px;
    }
    .counter-metal__item:not(:first-child)::before {
        left: -30px;
    }
    .counter-metal {
        padding: 0 0 46% 0;
    }
    .combination-metal__item {
        max-width: 170px;
    }
}
@media (max-width: 1150px) and (min-width: 936px) {
    .counter-metal__item:nth-child(4)::before {
        display: none;
    }
}
@media (max-width: 1140px) {
    .gallery-metal__gallery-mini .slick-slide {
        flex: 0 0 92px;
    }
}
@media (max-width: 1100px) and (min-width: 971px) {
    .gallery-metal__gallery-mini .slick-list {
        max-height: 265px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}
@media (max-width: 1080px) and (min-width: 781px) {
    .metal-main .poster-image__action .button__body {
        width: 48px;
        height: 42px;
        min-height: inherit;
        padding-left: 4px;
    }
}
@media (max-width: 970px) {
    /*popup-gallery-metal*/
    .popup-gallery-metal{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .popup-gallery-metal.open {
        opacity: 1;
        visibility: visible;
        transition: all ease-in 150ms;
        z-index: 22;
    }
    .popup-gallery-metal__body {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        overflow: auto;
        height: 100vh;
        width: 100%;
    }
    .popup-gallery-metal ::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .popup-gallery-metal .gallery-metal__item {
        max-height: 50%;
        height: 100%;
    }
    .popup-gallery-metal__content{
        background-color: var(--grayscale-dark);
        color: #ffffff;
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0;
        overflow: auto;
        overflow-x: hidden;
    }
    .popup-gallery-metal__close {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 12px;
        text-decoration: none;
    }
    .metal-content {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translate(0, 100%);
        padding: 16px 24px 42px 24px;
        width: 100%;
    }
    .metal-content h4 {
        padding: 0 0 18px 8px;
    }
    .gallery-metal__gallery-full {
        max-width: 100vw;
        position: relative;
    }
    .gallery-full__link {
        max-width: 100%;
        height: 100%;
        max-height: 100vw;
    }
    .gallery-metal__item img {
        max-height: 100%;
    }
    .popup-gallery-metal .button.button--square .button__body {
        width: 48px;
        height: 48px;
    }
    .gallery-metal {
        padding: 0 0 42px 0;
    }
    .gallery-metal__gallery {
        max-width: calc(100vw - 32px);
        width: 100%;
    }
    .gallery-metal__gallery-mini {
        width: 100vw;
        padding: 0;
        display: flex;
        justify-content: center;
    }
    .gallery-metal__gallery-mini .slick-list {
        width: 100%;
    }
    .gallery-metal__gallery-mini .slick-track {
        width: 100% !important;
        max-height: 472px;
        height: auto;
        justify-content: center;
        overflow: auto;
        gap: 2px;
    }
    .gallery-metal__gallery-mini .slick-slide {
        width: 190px !important;
        height: 150px;
        flex: 0 0 190px;
    }
    .gallery-metal__item-mini.item-mini__mob img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .popup-gallery-metal__content .slick-arrow {
        position: absolute;
        bottom: -430px;
        font-size: 0;
        color: #fff;
        width: 150px;
        height: 32px;
        border: none;
        cursor: pointer;
        z-index: 3;
    }
    .popup-gallery-metal__content .slick-arrow.slick-prev {
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 7L11 16L20 25H21V7H20Z' fill='white'/%3e%3c/svg%3e ") no-repeat;
        left: 20px;
    }
    .popup-gallery-metal__content .slick-arrow.slick-prev:after {
        content: 'Попередній';
        padding-left: 36px;
        font-size: 14px;
    }
    .popup-gallery-metal__content .slick-arrow.slick-next:after {
        content: 'Наступний';
        padding-right: 36px;
        font-size: 14px;
        position: absolute;
        top: 8px;
        right: 15px;
    }
    .popup-gallery-metal__content .slick-arrow.slick-next {
        right: 20px;
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.5 7H11.5V25H12.5L21.5 16L12.5 7Z' fill='white'/%3e%3c/svg%3e ") right 0 no-repeat;
    }
    .gallery-full__link:before {
        content: '';
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 14V6H14V8H8V14H6ZM18 8H24V14H26V6H18V8ZM14 24H8V18H6V26H14V24ZM24 18V24H18V26H26V18H24Z' fill='%23F0F0F0'/%3e%3c/svg%3e ");
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 32px;
        height: 32px;
    }
    .color-box__close {
        background-color: rgba(0, 0, 0, .5);
        display: block;
        z-index: 9;
    }
    .starting-metal__btn .button__text {
        width: calc(100% - 32px);
    }
}
@media (max-width: 935px) {
    .counter-metal__info {
        width: 100%;
        padding: 70px 0 70px 20px;
    }
    .counter-metal__value {
        font-size: 20px;
        line-height: 20px;
    }
    .counter-metal__label {
        font-size: 16px;
    }
    .counter-metal__item {
        flex: 0 0 120px;
    }
    .counter-metal__item:not(:first-child)::before {
        left: -20px;
    }
}
@media (max-width: 870px) {
    .starting-metal__description {
        padding: 10px 32px 0 32px;
    }
}
@media (max-width: 800px) {
    .combination-metal__wrapper {
        flex-direction: column;
    }
    .combination-metal__item {
        min-width: 120px;
    }
}
@media (max-width: 790px) {
    .gallery-metal__gallery-mini .slick-track {
        max-height: 630px;
    }
}
@media (max-width: 780px) {
    .metal-main{
        display: flex;
        flex-direction: column;
        border: none;
    }
    .g-title.tab-menu {
        display: flex;
        border-bottom: 1px solid #404040 !important;
        padding: 8px;
    }
    .g-title.tab-menu ._tab-menu__icon {
        filter: grayscale(100%);
    }
    .breadcrumbs-section_mobile {
        display: flex;
    }
    .starting-metal {
        flex-direction: column;
    }
    .starting-metal__poster {
        height: 100%;
        min-height: 480px;
    }
    .starting-metal__poster::before {
        /*height: 160px;
        width: 100%;
        bottom: 0;
        top: initial;*/
    }
    .starting-metal__logo {
        order: 2;
        margin-left: 0;
        /*transform: translate(-30%, 0);*/
        padding-top: 8px;
        padding-left: 0;
    }
    .starting-metal__poster::after {
        /*content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 1;*/
        background-color: transparent;
    }
    .starting-metal__poster::before {
        background-color: rgba(32, 32, 32, 0.5);
        width: 100%;
    }
    .starting-metal__slogan_mob {
        display: block;
        padding-bottom: 15px;
        font-size: 24px;
        font-weight: 900;
        line-height: 24px;
    }
    .starting-metal__description h2 {
        display: none;
    }
    .starting-metal__slogan {
        font-size: 20px;
        line-height: 20px;
        padding: 32px;
        max-width: inherit;
        /*height: 160px;*/
    }
    .starting-metal__description {
        flex: 0 1 410px;
    }
    .starting-metal__description h4 {
        padding: 16px 0;
    }
    .starting-metal__poster .poster-image__action {
        position: absolute;
        top: 0;
        bottom: unset;
    }
    .starting-metal__poster .starting-metal__btn {
        padding-top: 16px;
    }
    .starting-metal__btn {
        padding-top: 30px;
    }
    .metal-title > h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
    }
    .manufacturing-item__box {
        display: block !important;
    }
    .manufacturing-item__desc .text {
        max-height: max-content;
        padding: 30px;
    }
    .manufacturing-item__box > * {
        min-height: auto;
        height: auto;
    }
    .manufacturing-item {
        max-height: initial;
    }
    .manufacturing-item__img {
        height: 63vw;
        object-fit: cover;
        object-position: center;
    }
    .manufacturing-item__desc .text h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .manufacturing-item__desc .text,
    .manufacturing-item__desc .text p,
    .manufacturing__desc .text li {
        font-size: 14px;
        line-height: 18px;
    }
    .metal-title {
        padding: 32px 20px 20px;
    }
    .combination-metal__wrapper {
         padding-bottom: 0;
    }
    .gallery-metal__title,
    .manufacturing-metal__title {
        text-align: center;
    }
    .combination-metal__list {
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .combination-metal__item {
        flex: 0 1 calc(100% / 3 - 2px);
        max-width: inherit;
        height: auto!important;
    }
    .combination-metal__box h4 {
        padding: 8px 0 8px 32px;
    }
}
@media (max-width: 705px) {
    .combination-metal__list :nth-child(n+5) {
        /*display: none;*/
    }
    .counter-metal__info {
        gap: 10px;
    }
}
@media (max-width: 665px) {
    .counter-metal__info {
        padding: 24px 0 5px 20px;
    }
    .counter-metal__item:nth-child(5)::before {
        display: none;
    }
    .counter-metal__item {
        height: 94px;
    }
}
@media (max-width: 615px) {
    .gallery-metal {
        padding-left: 16px;
        padding-right: 16px;
    }
    .combination-metal__list :nth-child(n+5) {
        /*display: none;*/
    }
    .gallery-metal__gallery-mini .slick-slide {
        width: 100% !important;
        flex: 0 1 calc(50% - 2px);
    }
}
@media (max-width: 590px) {
    .gallery-metal__gallery-mini .slick-slide {
        width: 150px !important;
        flex: 0 0 150px;
    }
}
@media (max-width: 535px) {
    .counter-metal__item:nth-child(4)::before {
        display: none;
    }
    .counter-metal__item:nth-child(5)::before {
        display: flex;
    }
    .counter-metal {
        padding: 0;
        height: 512px;
    }
}
@media (max-width: 469px) {
    .gallery-metal__gallery-mini .slick-slide {
        width: 112px !important;
        height: 112px;
        flex: 1 1 112px;
    }
}
@media (max-width: 405px) {
    .combination-metal__item {
        flex: 1 1 calc(100% / 2 - 2px);
    }
    /**/
    .counter-metal__item:nth-child(3)::before,
    .counter-metal__item:nth-child(5)::before {
        display: none;
    }
    .counter-metal__item:nth-child(4)::before {
        display: flex;
    }
    .counter-metal__item {
        flex: 0 0 140px;
    }
}
@media (max-width: 354px) {
    .gallery-metal__gallery-mini .slick-track {
        height: auto;
        max-height: inherit;
    }
    .gallery-metal {
        padding-bottom: 16px;
    }
    /**/
    .vr-modal.modal-exp-cons {
        padding: 8px;
    }
    .modal-exp-cons .offset--xsm--h.offset--xsm--top {
        padding: 0;
    }
}
/* End */


/* Start:/metal/dark-theme.css?177331875219256*/
/* змінюємо тему */
:root {
    --grayscale-base: #606060;
    --grayscale-dark: #404040;
    --grayscale-soft: #909090;
    --grayscale-light: #c0c0c0;
    --grayscale-faint: #e0e0e0;
    --primary-light: #60C0FF;
}
body.dark-theme,
.dark-theme .grid,
.dark-theme .main,
.dark-theme .header,
.dark-theme .footer,
.dark-theme .page-footer__body,
.dark-theme .multi-choose-results {
    background-color: var(--grayscale-dark);
    color: var(--grayscale-light);
}
.dark-theme .modal .modal__close .icon__pic {
    color: #fff;
}
.dark-theme .page-footer__section:not(:first-child) {
    border-top: 1px solid #404040;
}
.dark-theme.grid {
    font-size: 16px;
    line-height: 20px;
}
.header.header--sticky .page-header {
    animation: unset;
    box-shadow: unset;
    background-color: #202020;
}
.header.header--sticky.sticky--line .page-header {
    box-shadow: -1px 0 0 1px #202020;
}
.dark-theme .header.header--sticky .page-header__inner {
    transition: unset;
}
.sticky--line .page-header {
    border-bottom: 1px solid #404040;
}
.dark-theme .header--sticky .page-header__navbar-categories .page-header__navbar-item {
    gap: 0 16px;
}
.dark-theme .header--sticky .page-header__navbar-item.selected-city {
    min-width: 96px;
}
.grid .main {
    padding-bottom: 0;
}
.submenu {
    display: none!important;
}
.dark-theme .header .text,
.dark-theme .header .button,
.dark-theme .header .icon--color--blue,
.dark-theme .header .text--color--gray,
.dark-theme .header .text--color--blue,
.dark-theme .header .dropdown__select-arrow > *,
.dark-theme .choose-lang__item,
.dark-theme .mobile_main_menu a:hover {
    color: #e0e0e0;
}
.dark-theme .dropdown__select:hover .text,
.dark-theme .dropdown__select:hover .button,
.dark-theme .dropdown__select:hover .icon,
.dark-theme .dropdown__select:hover .icon--color--blue,
.dark-theme .dropdown--hovered:hover .dropdown__select .icon,
.dark-theme .header--sticky .page-header__navbar-categories .page-header__btn--dropdown:hover * {
    color: #fff;
}
.dark-theme .dropdown__list-link:hover,
.dark-theme .dropdown__list-link.is-active,
.dark-theme .header--sticky .dropdown__list li:hover,
.dark-theme .header--sticky .page-header__navbar-categories .page-header__split--dropdown .page-header__navbar-link:hover {
    background-color: #606060;
}
.dark-theme .sidebar__header .page-header__logo {
    margin-left: 8px;
}
.dark-theme .header.header--sticky .page-header__s-search {
    border-color: #404040;
}
.dark-theme .header--sticky .page-header__s-search .input {
    color: #fff;
    background-color: #202020;
}
.dark-theme .header--sticky .page-header__s-search .button--search {
    background-color: #e0e0e0;
    color: #202020;
}
.dark-theme .icon--color--gray {
    color: var(--grayscale-light);
}
.dark-theme .header--sticky .page-header__s-search .button--search:hover {
    background-color: #fff;
}
.dark-theme .header--sticky .page-header__s-search .button--search:focus {
    background-color: var(--grayscale-light);
}
.dark-theme .header--sticky .page-header__s-search .button--search:active {
    background-color: #fff;
}
.dark-theme .choose-lang__item.is-active {
    background-color: #fff;
    color: #202020;
}
.dark-theme .button__counter {
    color: #202020;
}
.dark-theme .small-basket-desc {
    background-color: #202020;
    box-shadow: 0 4px 8px rgba(64,64,64, .2);
}
.dark-theme .small-basket-desc .icon .icon__pic {
    color: #fff;
}
.dark-theme .modal__close {
    background-color: transparent;
}
.dark-theme .triangle-basket {
    border-color: #202020;
}
.dark-theme .s-b-empty_footer {
    color: var(--grayscale-light);
}
.dark-theme .dropdown--help--sticky .dropdown--hovered:hover {
    border-color: var(--primary-light);
}
.dark-theme .dropdown--hovered:hover .dropdown__select .text {
    color: #fff;
}
@media (min-width: 781px) {
    .dark-theme .drop-box__list .drop-box__item:hover,
    .dark-theme .drop-box__list .drop-box__item.active,
    .dark-theme .drop-box__item:has(> .drop-box__sub-list:not(.is-hidden)) {
        background-color: var(--grayscale-base);
    }
}
/**/
.dark-theme .popup-selected-city__content {
    background-color: #202020;
    color: #fff;
}
.dark-theme .popup-selected-city * {
    color: #fff;
}
.dark-theme .popup-selected-city .button__order:hover {
    border-color: #404040;
}
.dark-theme .popup-selected-city .button__order.active {
    background-color: #606060;
    border-color: #606060;
}
.dark-theme .selected-city-list__item .text.active {
    color: #fff;
}
.dark-theme .selected-city-list__item .text.active {
    background-color: var(--grayscale-base);
}
/**/
.dark-theme .header--sticky .multi-choose-results {
    background-color: var(--grayscale-dark);
}
.dark-theme .header--sticky .multi-choose-results {
    box-shadow: 0 1px 0 2px var(--grayscale-base);
}
.dark-theme .multi-choose-results__item:hover {
    background-color: var(--grayscale-base);
}
.dark-theme .multi-choose-results__item:hover .icon {
    filter: brightness(0) invert(1);
}
/**/
.dark-theme ::-webkit-input-placeholder {
    color: #fff;
}
.dark-theme ::-moz-placeholder {
    color: #fff;
}
.dark-theme :-moz-placeholder {
    color: #fff;
}
.dark-theme :-ms-input-placeholder {
    color: #fff;
}
.dark-theme .multi-results {
    background-color: #202020;
}
.dark-theme .multi-tile__desc .multi-price,
.dark-theme .multi-results .multi-active .text {
    color: #fff;
}
.dark-theme .multi-taxon.multi-active .multi-badge {
    background-color: #606060;
}
.dark-theme .multi-block__action .multi-more {
    color: var(--grayscale-light);
}
.dark-theme .multi-results .multi-taxon,
.dark-theme .multi-results .multi-filter-offer,
.dark-theme .multi-results .multi-filter-helper,
.dark-theme .multi-block__title .multi-title {
    border-color: #404040;
}
@media(any-hover: hover) {
    .dark-theme .multi-grid::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .dark-theme .multi-grid::-webkit-scrollbar-thumb {
        background: #606060;
        border-radius: 6px;
        border: 1px solid #202020;
    }
}
.dark-theme [data-hint]:hover::before {
    background-color: var(--grayscale-dark);
    color: #fff;
    top: 106%;
    padding: 4px 8px;
    font-size: 12px;
    z-index: 12;
}
.dark-theme #scrollup img {
    background-color: #202020;
}
/*--footer*/
.dark-theme .footer {
    margin-top: -1px;
}
.dark-theme .page-footer {
    padding-top: 0;
}
.dark-theme .page-footer,
.dark-theme .subscribe-section {
    border-color: #404040;
}
.dark-theme .page-footer__body {
    /*border: 1px solid #404040;*/
}
.dark-theme .form--search .button {
    border-radius: 0 64px 64px 0;
}
.dark-theme .form--subscribe .input {
    background-color: #404040;
    color: #fff;
}
.footer .page-footer__section .input-wrapper .input {
    min-height: 32px;
}
.dark-theme .page-footer__info .text.text--color--gray,
.dark-theme .footer-subscribe__title .text--color--gray {
    color: #909090;
}
.dark-theme .page-footer__info .text,
.dark-theme .page-footer__info:first-child .icon--color--gray--soft {
    color: #e0e0e0;
}
.dark-theme .page-footer__nav-link:focus .icon,
.dark-theme .page-footer__nav-link:focus .text {
    color: #fff;
}
.dark-theme .page-footer__info:last-child .text,
.dark-theme .page-footer__info:nth-of-type(2) .icon--color--gray--soft {
    color: var(--grayscale-light);
}
.dark-theme .page-footer__info:nth-of-type(3) .icon--color--gray--soft {
    color: #d0d0d0;
}
.dark-theme .button--outline {
    box-shadow: 0 0 0 1px #fff;
    color: #fff;
}
.dark-theme .button--outline:hover {
    background-color: var(--grayscale-light);
    color: #202020;
    box-shadow: unset;
}
.dark-theme .button--primary {
    background-color: #e0e0e0;
    border-radius: 64px;
    color: #202020;
}
.dark-theme .button--primary:hover,
.dark-theme .button--primary:focus {
    background-color: var(--grayscale-light);
    color: #202020;
    box-shadow: unset;
}
.dark-theme .button--primary:active {
    background-color: #fff;
    color: #202020;
}
.dark-theme .page-footer__social-link .icon {
    color: var(--grayscale-dark);
}
.dark-theme .page-footer__social-link:hover .icon {
    color: var(--grayscale-base);
}
.dark-theme .page-footer__social-link:focus .icon {
    color: var(--grayscale-light);
}
.dark-theme .viyarpro-sign-w svg {
    filter: brightness(0) invert(1);
}
.page-footer__nav {
    padding-top: 8px;
}
.mesh-cell--social[data-flex='1'] {
    flex: unset;
    padding-bottom: 16px;
}
/**/
.dark-theme .s-b-product__price,
.dark-theme .s-b-text__sum,
.dark-theme .s-b-sum {
    color: #fff;
}
.dark-theme .button--primary.checkout {
    color: #202020;
}
.dark-theme .s-b-title__text .button__counter {
    background-color: var(--color--green);
}
.dark-theme .button__icon img {
    filter: brightness(0) invert(1);
}
.dark-theme .small-basket-desc .s-b-item__btn {
    background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2ZM10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM15 7L13 5L10 8L7 5L5 7L8 10L5 13L7 15L10 12L13 15L15 13L12 10L15 7Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat;
}
/**/
.dark-theme .breadcrumbs {
    padding-left: 32px;
}
.dark-theme .breadcrumbs-wrapper .breadcrumbs__item,
.dark-theme .breadcrumbs-wrapper .breadcrumbs__item span,
.dark-theme .breadcrumbs-wrapper .breadcrumbs__item a {
    color: #60C0FF;
}
.dark-theme .breadcrumbs-wrapper .breadcrumbs__icon span {
    color: #606060;
}
/**/
@media (any-hover: hover) {
    .dark-theme *::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .dark-theme::-webkit-scrollbar-thumb,
    .dark-theme *::-webkit-scrollbar-thumb {
        background: #606060;
        border-radius: 6px;
        border: 1px solid #202020;
    }
}
/**/
[lang="pl"] .grid .main {
    margin-top: 64px;
}
/*switch*/
.dark-theme .switch__item {
    border: 2px solid var(--grayscale-faint);
    transition: unset;
    overflow: hidden;
}
.dark-theme .switch__input:checked + .switch__item .switch__arrow-box {
    background-color: transparent;
    margin-left: 12px;
    right: 0;
    top: 0;
    box-shadow: 0 0 0 14px var(--grayscale-faint);
    transition: unset;
}
.dark-theme .switch__arrow::before {
    background-color: var(--grayscale-faint);
}
.dark-theme .switch__input:checked + .switch__item {
    background-color: transparent;
    border: 2px solid var(--grayscale-faint);
}
.dark-theme .switch__input:checked + .switch__item .switch__arrow::after {
    background-color: var(--grayscale-faint);
}
.dark-theme .switch__input:checked + .switch__item .switch__arrow::before {
    background-color: var(--grayscale-faint);
    border-radius: 0;
}
.dark-theme .switch__text {
    color: #fff;
}
/*checkbox*/
.dark-theme .checkbox-label .checkbox-custom {
    border-color: var(--grayscale-faint);
}
.dark-theme .checkbox-label:hover .checkbox-custom {
    border-color: #fff;
}
.dark-theme .checkbox-label .label__text {
    font-weight: 700;
    color: #fff;
    padding: 4px 8px 2px;
}
.dark-theme .checkbox-label .checkbox:checked + .checkbox-custom::before {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0H2C0.9 0 0 0.9 0 2V14C0 15.1 0.9 16 2 16H14C15.1 16 16 15.1 16 14V2C16 0.9 15.1 0 14 0ZM6 14L1 9L3 7L6 10L13 3L15 5L6 14Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A") no-repeat;
}
/*buttons*/
.label-figure,
.label-plate,
.label-color,
.button-label {
    cursor: pointer;
}
.button-label {
    flex: 0 1 146px;
    background-color: rgba(224, 224, 224, .5);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 8px;
    transition: all .15s ease-in-out;
}
.button-label .label__text {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #fff;
}
.button-label:hover {
    background-color: rgba(255, 255, 255, .5);
}
.button-label:focus {
    background-color: rgba(192, 192, 192, .5);
}
.button-label:active,
.button-label:has(> .radio__input:checked) {
    background-color: #fff;
}
.button-label:active .label__text,
.button-label:has(> .radio__input:checked) .label__text {
    color: #202020;
}
/**/
.dark-theme .button--soft--transparent {
    color: var(--primary-light);
}
.dark-theme .button--soft--transparent:hover {
    color: #fff;
    background-color: rgba(48, 160, 240, .1);
}
.dark-theme .button--soft--transparent:active {
    color: #fff;
    background-color: rgba(0, 64, 128, .1);
}
/**/
.button__icon {
    flex: 0 0 auto;
}
.button.button--action {
    background-color: rgba(224, 224, 224, .5);
    color: #fff;
    border-radius: 20px;
    transition: all .15s ease-in-out;
    box-shadow: 0 0 8px rgba(0,0,0,.05);
    width: max-content;
    min-width: 128px;
    padding: 0 12px;
    flex: 0 0 auto;
}
.stone-belterno .button__body > * {
    text-shadow: 0 0 8px rgba(0,0,0,.05);
}
.button.button--action:hover {
    background-color: rgba(255, 255, 255, .5);
    color: #fff;
}
.button.button--action:focus {
    background-color: rgba(192, 192, 192, .5);
    color: #fff;
}
.button.button--action:active {
    background-color: #fff;
    color: #202020;
}
.button--action:active .icon {
    color: #202020;
}
.text {
    font-style: normal;
}
.text--small,
.text--unit {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #fff;
}
.text--code {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: var(--primary-light);
}
.stone-main .text,
.stone-main .text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}
.text p:not(:last-child) {
    /*margin-bottom: 20px;*/
}
.stone-main .color--grayscale--light {
    color: var(--grayscale-light);
}
/**/
.dark-theme .form-input,
.dark-theme .form-textarea {
    background-color: #202020;
    border: 1px solid var(--grayscale-faint);
    border-radius: 4px;
    color: #fff;
}
.dark-theme .form-label,
.dark-theme .label--text {
    color: var(--grayscale-faint);
}
.dark-theme .form-input::placeholder {
    color: #fff;
}
.upload-file__label {
    cursor: pointer;
}
.form-file {
    display: none;
}
.upload-file__body {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
/**/
.stone-main__container {
    border: 1px solid #404040;
    padding-bottom: 64px;
}
.stone--offset--body {
    max-width: 1536px;
    margin: 0 auto;
    padding: 0 16px;
}
/**/
.text--title {
    font-size: 32px;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.64px;
    color: #fff;
}
.row--reverse {
    flex-direction: row-reverse;
}
/*navigation stone*/
.stone-head__body {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.stone-head__title {
    padding: 16px 0;
}
.stone-head__title .text--title {
    font-weight: 900;
    padding-left: 32px;
}
.stone-nav__list {
    display: flex;
    overflow: auto;
    max-width: calc(100vw - 396px - 64px);
}
@media (min-width: 1920px) {
    .stone-nav__list {
        max-width: 1792px;
        width: 100%;
    }
}
.stone-nav__item {
    flex: 0 0 auto;
    border-bottom: 4px solid transparent;
    transition: all .15s ease-in-out;
}
.stone-nav__item:hover {
    border-color: #fff;
    border-width: 1px;
}
.stone-nav__item:active {
    border-width: 4px;
}
.stone-nav__link {
    padding: 8px 24px;
    min-height: 60px;
    display: flex;
    align-items: center;
}
.stone-nav__item:focus .stone-nav__link {
    color: var(--grayscale-light);
}
/**/
.jconfirm .icon.icon--color--blue--soft {
    color: #30A0F0;
}
@media (max-width: 1600px) {
    .dark-theme .page-header__inner {
        padding-left: 24px;
    }
}
@media (max-width: 1536px) {
    .header.header--sticky.sticky--line .page-header {
        box-shadow: unset;
    }
    .sticky--line .page-header {
        border-bottom: none;
    }
    /**/
    .stone-main__container {
        border: none;
    }
    /**/
    .dark-theme .page-footer__body {
        border-left: none;
        border-right: none;
        border-bottom: none;
    }
}
@media (min-width: 1401px) {
    .page-header__split--more .icon--service-more {
        display: none;
    }
}
@media (max-width: 1400px) {
    .dark-theme .header--sticky .page-header .page-header__navbar {
        gap: 0 16px;
    }
    .dark-theme .header--sticky .page-header .dropdown--catalog .dropdown__select {
        padding-left: 16px;
    }
    .page-header__actions .mesh-row--auth .button__text,
    .header.header--sticky .page-header .dropdown__select .dropdown__select-arrow,
    .page-header__split--more .button__icon.text--color--gray,
    .icon--service-more + .button__text {
        display: none;
    }
    .page-header__split--more .icon--service-more,
    .dark-theme .icon--info {
        color: #e0e0e0;
    }
    .header .icon.icon--service-more {
        display: flex;
    }
    .order-card__item {
        padding-right: 8px;
    }
}
@media (max-width: 1366px) {
    .stone-main__container {
        padding-bottom: 32px;
    }
    .stone-nav__list {
        max-width: calc(100vw - 396px - 80px);
    }
}
@media (max-width: 1024px) {
    .stone-nav__list {
        max-width: calc(100vw - 396px - 80px);
    }
}
@media (max-width: 780px) {
    [lang="pl"] .dark-theme .grid .main {
        margin-top: 48px;
    }
    .button.button--action {
        min-height: 40px;
    }
    .dark-theme .header--sticky * {
        transition: unset!important;
    }
    .dark-theme .header--sticky ~ .main .section-heading {
        background-color: #202020;
        border-bottom: none;
        animation: unset;
        padding-left: 16px;
        border-bottom: 1px solid #404040;
    }
    .dark-theme .icon--search {
        color: #fff;
    }
    .stone-nav__list {
        max-width: calc(100vw - 16px);
        margin-bottom: -6px;
    }
    .dark-theme .breadcrumbs {
        padding-left: 24px;
    }
    .dark-theme .breadcrumbs-wrapper .breadcrumbs__item .icon--color--gray--pale::before {
        background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0L0 1L4 5L0 9L1 10L6 5L1 0Z' fill='%23606060'/%3E%3C/svg%3E%0A") no-repeat;
    }
    .dark-theme .section-heading__title .title--text {
        color: #fff;
    }
    .dark-theme .section-heading__menu-icon .icon {
        color: #f0f0f0;
    }
    .dark-theme .m-search__input {
        background-color: #202020;
        border-color: #404040;
        border-radius: 2px 0 0 2px;
        color: #fff;
    }
    .dark-theme .m-search__button {
        background-color: #e0e0e0;
        color: #202020;
    }
    /**/
    .button.button--action {
        min-height: 40px;
    }
}
@media (max-width: 500px) {
    .stone-nav__list {
        margin-bottom: -12px;
    }
    .stone-nav__link.text {
        font-size: 14px;
        line-height: 16px;
        color: var(--grayscale-faint);
        min-height: 44px;
    }
}
/* End */


/* Start:/css/header-ua-dark.css?17676040764745*/
body:has(.dark-theme) .body,
body:has(.dark-theme) .grid,
body:has(.dark-theme) .main, body:has(.dark-theme) .footer,
.dark-theme .header, body:has(.dark-theme) .header,
.dark-theme .vr-header, body:has(.dark-theme) .vr-header,
.dark-theme .header--sticky .page-second-header, body:has(.dark-theme) .header--sticky .page-second-header,
.dark-theme .input, body:has(.dark-theme) .input,
.dark-theme .tooltip-container, body:has(.dark-theme) .tooltip-container,
.dark-theme .vr-services .dropdown__list, body:has(.dark-theme) .vr-services .dropdown__list,
.dark-theme .small-basket-desc, body:has(.dark-theme) .small-basket-desc,
.dark-theme .tab-navbar, body:has(.dark-theme) .tab-navbar {
    background-color: var(--grayscale-black);
}
.dark-theme .vr-services .service-item, body:has(.dark-theme) .vr-services .service-item,
.dark-theme .vr-header .multi-choose-results__item:hover {
    background-color: var(--grayscale-dark);
}
.dark-theme .vr-basket-hint .s-b-title__text .button__counter {
    background-color: var(--primary-base);
    color: #fff;
}
.dark-theme .button--primary, body:has(.dark-theme) .button--primary,
.dark-theme .header .button.button--primary, body:has(.dark-theme) .header .button.button--primary,
.dark-theme .vr-cart .button-cart, body:has(.dark-theme) .vr-cart .button-cart,
.dark-theme .vr-services .button-services, body:has(.dark-theme) .vr-services .button-services {
    background-color: var(--grayscale-faint);
    color: var(--grayscale-black);
}
.dark-theme .auth-burger-login.button--primary, body:has(.dark-theme) .auth-burger-login.button--primary {
    background-color: var(--primary-soft);
}
.dark-theme .header .drop-select .text, body:has(.dark-theme) .header .drop-select .text,
.dark-theme .icon-search-button.icon--color--white, body:has(.dark-theme) .icon-search-button.icon--color--white {
    color: var(--grayscale-black);
}
.dark-theme .header .vr-header .input-wrapper, body:has(.dark-theme) .header .vr-header .input-wrapper {
    outline-color: var(--grayscale-dark);
    transition: unset;
}
.dark-theme .grid, body:has(.dark-theme) .grid,
.dark-theme .text, body:has(.dark-theme) .text,
.dark-theme .tooltip-content .text-inter,
.dark-theme .vr-services .dropdown-title,
.dark-theme .vr-services .service-text,
.dark-theme .vr-services .text-logo,
.dark-theme .vr-services .service-logo .logo,
.dark-theme .vr-header .button__counter,
.dark-theme .input-wrapper .input, body:has(.dark-theme) .input-wrapper .input,
.dark-theme .text--color--gray--black, body:has(.dark-theme) .text--color--gray--black,
.dark-theme .vr-header .hint--area .button__icon, body:has(.dark-theme) .vr-header .hint--area .button__icon,
.dark-theme .vr-action-menu .button__body, body:has(.dark-theme) .vr-action-menu .button__body,
.dark-theme .vr-nav-menu .text.text--size--sm, body:has(.dark-theme) .vr-nav-menu .text.text--size--sm,
.dark-theme .vr-language .button, body:has(.dark-theme) .vr-language .button,
.dark-theme .vr-location .dropdown__select > *, body:has(.dark-theme) .vr-location .dropdown__select > *,
.dark-theme .modal__close .icon .icon__pic, body:has(.dark-theme) .modal__close .icon .icon__pic,
.dark-theme .tab-navbar__link, body:has(.dark-theme) .tab-navbar__link,
.dark-theme .button__counter, body:has(.dark-theme) .button__counter {
    color: var(--grayscale-faint);
}
.dark-theme .vr-header .promo-link, body:has(.dark-theme) .vr-header .promo-link {
    /*color: var(--error-red-faint);*/
}
body:has(.dark-theme) .dropdown--hovered:hover .dropdown__select .text,
body:has(.dark-theme) .vr-header .dropdown--hovered:hover .dropdown__select .icon,
body:has(.dark-theme) .header .vr-header .dropdown .page-header__navbar-item:hover,
body:has(.dark-theme) .header:not(.header--sticky) .vr-header .dropdown .page-header__navbar-item:hover .page-header__navbar-link .text,
.dark-theme .s-b-empty_linc .empty_linc_text, body:has(.dark-theme) .s-b-empty_linc .empty_linc_text {
    color: var(--primary-light);
}
.dark-theme .vr-header .hovered-primary:hover,
.dark-theme .vr-header .hovered-primary:active,
.dark-theme .vr-header .hovered-primary:focus {
    color: var(--primary-light) !important;
}
.dark-theme .header .vr-header .input-wrapper:has(> input:focus), body:has(.dark-theme) .header .vr-header .input-wrapper:has(> input:focus) {
    outline-color: var(--primary-light);
}
.dark-theme .vr-services, body:has(.dark-theme) .vr-services {
    padding-right: 8px;
}
.dark-theme #triangle-left {
    border-right-color: var(--grayscale-black);
}
.dark-theme .header--sticky .multi-choose-results {
    box-shadow: unset;
}
@media (width > 1023px) {
    .dark-theme .vr-header .submenu, body:has(.dark-theme) .vr-header .submenu {
        display: block!important;
    }
}
/* End */


/* Start:/local/templates/viyar_new/components/bitrix/news.detail/metal/style.css?173694762238969*/
body, .grid, .header, .main {
    background-color: var(--grayscale-black) !important;
}
.fancybox__caption a {
    color: var(--color--blue) !important;
}

/*.gallery-metal__gallery-mini .slick-slide img {*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*    object-fit: contain;*/
/*}*/

.facade-poster {
    max-height: 768px;
    max-width: 1792px;
    width: 100%;
    height: 100%;
}
.facade-poster__body {
    display: grid;
    grid-template-columns: 448px 1fr;
}
.border--thin--gray {
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #e0e0e0;
}
.text {
    font-style: normal;
}
/**/
.poster-side {
    background-color: #202020;
    color: #fff;
    padding: 16px 16px 16px 64px;
}
.poster-side__title {
    font-size: 32px;
    font-weight: 900;
    line-height: 36px;
    letter-spacing: -0.64px;
    min-height: 96px;
    display: flex;
    align-items: center;
    text-wrap: balance;
}
.poster-side__desc {
    padding-top: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    max-height: 534px;
    overflow: auto;
}
@media (any-hover: hover) {
    .poster-side__desc::-webkit-scrollbar-thumb {
        border: 2px solid #202020;
    }
}
/**/
.poster-image {
    max-width: 1344px;
    max-height: 768px;
    width: 100%;
    grid-column: 2;
    grid-row: span 2;
    position: relative;
}
.poster-image__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.poster-image__desc {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    padding: 128px 64px 48px 32px;
    background-color: rgba(32,32,32,.5);
    max-width: 448px;
    width: 100%;
    height: 100%;
}
.poster-image__text {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: -0.64px;
    flex: 1 1 auto;
}
html[lang="pl"] .poster-image__text {
    font-weight: 400;
}
.poster-image__icon {
    padding-left: 16px;
    margin: 0 auto;
}
.poster-image__icon svg {
    transform: scale(2);
    max-width: 320px;
}
/**/
.facade-poster__action {
    grid-column: 1;
    background-color: #202020;
    height: 100%;
    display: flex;
    padding: 0 0 48px 64px;
}
.facade-poster__action .button {
    align-self: end;
    max-width: 224px;
    background-color: rgba(224, 224, 224, .5);
    color: #fff;
    min-height: 32px;
    border-radius: 20px;
}
.facade-poster__action .button--transparent.button:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .5);
}
.facade-poster__action .button--transparent.button:focus {
    color: #fff;
    background-color: rgba(192, 192, 192, .5);
}
.facade-poster__action .button--transparent.button:active {
    color: #202020;
    background-color: #fff;
}
/*section facade card*/
.facade-card {
    border-right: none;
}
.facade-card__list {
    display: flex;
    flex-wrap: wrap;
}
.facade-card__item {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% + 1px);
    height: 384px;
    min-width: 320px;
    max-width: 480px;
    padding: 16px;
    border: 1px solid #e0e0e0;
    margin: 0 0 -1px -1px;
    overflow: hidden;
    transition: all .15s ease-in-out;
}
.facade-card__item:hover {
    box-shadow: 0 4px 32px 0 rgba(32, 32, 32, .2);
}
.facade-card__link {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
}
.facade-item__image {
    display: block;
    max-height: 264px;
    /*max-width: 416px;*/
    height: 100%;
    width: 100%;
    transition: all .45s linear;
}
.facade-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.facade-item__desc {
    display: block;
    padding: 16px 16px 16px 32px;
    flex: 1 1 auto;
    overflow: hidden;
}
.facade-item__desc .text {
    display: block;
    color: #202020;
    font-weight: 400;
}
.facade-item__desc .text--title {
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.48px;
}
.facade-item__desc .text--subtitle {
    font-size: 16px;
    line-height: 125%;
    opacity: 0;
    visibility: hidden;
    height: 0;
}
.facade-item__text {
    padding: 64px;
}
.facade-item__text .text {
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    color: #202020;
}
.facade-item__action {
    display: flex;
    justify-content: flex-end;
}
.facade-item__action .button {
    width: fit-content;
    padding: 0 8px 0 3px;
}
.facade-item__action .button__icon {
    color: #606060;
}
.facade-item__action .button__text {
    color: #202020;
}
.facade-item__action .button:hover .button__text {
    color: #606060;
}
/* start :hover or touch */
/*__item:hover*/
@media (any-hover: hover) {
    .facade-card__item:hover .facade-card__link {
        max-height: 320px;
        height: 100%;
    }
    .facade-card__item:hover .facade-item__image {
        opacity: 0;
        height: 0;
    }
    .facade-card__item:hover .facade-item__desc .text--subtitle {
        height: 100%;
        max-height: 258px;
        opacity: 1;
        visibility: visible;
        padding: 16px 0;
        overflow: auto;
        overflow-x: hidden;
    }
    .text--subtitle::-webkit-scrollbar {
        width: 0;
    }
}
.facade-card__item:hover .facade-item__action .button__body > * {
    color: #202020;
}
/* розкоментувати, коли знадобиться властивість під великі тач монітори (подібну властивість вище прибрати) */
/*__item:hover
@media (any-hover: hover) {
    .facade-card__item:hover .facade-card__link {
        max-height: 320px;
        height: 100%;
        display: block;
    }
    .facade-card__item:hover .facade-item__image {
        opacity: 0;
        height: 0;
    }
    .facade-card__item:hover .facade-item__desc .text--subtitle {
        height: 100%;
        max-height: 258px;
        opacity: 1;
        visibility: visible;
        padding: 16px 0;
        overflow: auto;
        overflow-x: hidden;
    }
    .text--subtitle::-webkit-scrollbar {
        width: 0;
    }
    .facade-card__item:hover .facade-item__action .button__body > * {
        color: #202020;
    }
}*/
/*__item touch
@media (any-hover: none) {
    .facade-card__item {
        height: 600px;
    }
    .facade-card__item .text--subtitle {
        height: auto;
        visibility: visible;
        opacity: 1;
        padding-top: 16px;
        max-height: 218px;
        overflow: auto;
    }
}*/
/* end */

/* section factory facade */
.facade-main__title {
    padding: 52px 16px 20px 32px;
}
.facade-main__title .text {
    color: #202020;
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: -0.48px;
}
.factory-card__list {
    display: flex;
    flex-wrap: wrap;
}
.factory-item {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    max-height: 448px;
}
.factory-item:nth-of-type(3) .factory-item__box,
.factory-item:nth-of-type(4) .factory-item__box {
    flex-direction: row-reverse;
}
.factory-item:nth-of-type(4) .factory-item__img {
    object-position: 55% 0;
}
.factory-item__box {
    height: 100%;
    flex: 1 1 448px;
}
.factory-item__box > * {
    flex: 1 1 50%;
    max-width: 448px;
}
.factory-item__desc {
    background-color: #f0f0f0;
}
.factory-item__desc .text {
    padding: 32px;
    overflow: auto;
    max-height: 412px;
}
@media (any-hover: hover) {
    .factory-item__desc .text::-webkit-scrollbar-thumb {
        border: 2px solid #f0f0f0;
    }
}
.factory-item__desc .text,
.factory-item__desc .text p,
.factory-item__desc .text li {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #202020;
}
.factory-item__desc .text > *:not(:last-child) {
    padding-bottom: 16px;
}
.factory-item__desc .text h3 {
    color: #202020;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.48px;
}
.factory-item__desc .text ul {
    padding-left: 20px;
}
.factory-item__desc .text ul li {
    list-style: disc;
}
.factory-item__image {
    max-width: 448px;
    max-height: 448px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.factory-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .95s linear;
}
.factory-item__img:hover {
    transform: scale(1.1);
}
/* section counter */
.facade-counter {
    padding-top: 64px;
}
.facade-counter__body {
    position: relative;
}
.facade-counter__image {
    width: 100%;
    max-width: 1792px;
    max-height: 576px;
    height: 100%;
}
.facade-counter__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 576px;
}
.facade-number {
    background: rgba(32, 32, 32, .8);
    position: absolute;
    top: 64px;
    max-width: 1344px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all .35s ease-in-out;
}
.facade-number__list {
    display: flex;
    gap: 32px 16px;
    padding: 64px 16px 64px 32px;
    justify-content: center;
}
.facade-number__item {
    flex: 1 1 calc(16.66% - 16px);
}
.facade-num-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-right: 1px solid #fff;
}
.facade-num-item:last-child {
    border-right: none;
}
.facade-num-item .text {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 8px 16px;
    max-width: 200px;
}
.facade-num-item__count .text {
    font-size: 32px;
    font-weight: 900;
    line-height: 36px;
    letter-spacing: -0.64px;
    padding-bottom: 0;
}
/* section benefit */
.benefit-card {
    border-right: none;
}
.benefit-card__title {
    border-right: 1px solid #e0e0e0;
}
.benefit-card__list {
    display: flex;
    flex-wrap: wrap;
}
.benefit-item {
    display: flex;
    flex-direction: column;
    flex: 1 1 12.5%;
    min-width: 208px;
    height: auto;
    gap: 20px;
    border: 1px solid #e0e0e0;
    padding: 24px 16px;
    margin: 0 0 -1px -1px;
}
/*якщо більше 8 блоків*/
.more--eight .benefit-item {
    flex: 1 1 16.66%;
}
/*якщо більше 12 блоків*/
.more--twelve .benefit-item {
    flex: 1 1 20%;
}
/**/
.benefit-item__title .text {
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.48px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.benefit-item__subtitle .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
@media (any-hover: hover) {
    .benefit-item__subtitle .text::-webkit-scrollbar-thumb {
        border: 2px solid #fff;
    }
}
.metal.dark-theme .main {
    margin-top: 28px;
}
/* ===== begin facade post ===== */
.facade-post .facade-main__container {
    border: 1px solid #e0e0e0;
    padding-bottom: 64px;
}
.facade--offset--body {
    max-width: 1696px;
    margin: 0 auto;
    padding: 0 16px;
}
.facade-post .facade-main__title {
    padding-left: 0;
}
.facade-post .poster-side__desc p,
.poster-image__sub-desc, .poster-image__sub-desc p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}
.poster-image__sub-desc, .poster-image__sub-desc p {
    font-weight: 700;
}
.facade-post .poster-side__desc p:not(:last-child) {
    margin-bottom: 20px;
}
.facade-post .poster-image__text {
    display: flex;
    align-items: center;
}
.poster-image__action {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    position: absolute;
    bottom: 48px;
    right: 46px;
    width: 100%;
    justify-content: flex-end;
}
.poster-image__action > * {
    flex: 0 1 240px;
}
.poster-image__action .button {
    background-color: rgba(128, 128, 128, .75);
    z-index: 10;
    color: #fff;
    border-radius: 20px;
    transition: all .15s ease-in-out;
    /*box-shadow: 0 0 8px rgba(0,0,0,.05);*/
    box-shadow: 0 4px 8px rgba(255,255,255,.25);
}
.poster-image__action .button__body > * {
    text-shadow: 0 0 8px rgba(0,0,0,.05);
}
.poster-image__action .button:hover {
    background-color: rgba(128, 128, 128, .5);
    color: #fff;
}
.poster-image__action .button:focus {
    background-color: rgba(192, 192, 192, .5);
    color: #fff;
}
.poster-image__action .button:active {
    background-color: #fff;
    color: #202020;
}
/* --gallery */
.facade-gallery__list {
    display: flex;
    gap: 32px;
}
.facade-gallery__full {
    flex: 0 1 1280px;
    width: calc(100vw - 448px - 256px);
}
@media (min-width: 1921px) {
    .facade-gallery__full {
        width: 1280px;
    }
}
.facade-gallery__thumb {
    flex: 0 0 auto;
}
.facade-gallery__full .facade-gallery__link {
    max-width: 1280px;
    width: 100%;
    height: 767px;
    display: block;
    z-index: 1!important;
}
.facade-gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.facade-gallery__thumb {
    max-width: 368px;
}
.facade-gallery__thumb .slick-track {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    width: auto!important;
}

.facade-gallery__thumb--container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}
/* --thumb desc */
.facade-gallery__thumb--desc {
    flex: 1 1 auto;
}
.facade-gallery__thumb--text {
    width: auto!important;
}
.thumb-desc__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px;
    color: #404040;
    padding: 6px 0;
}
.thumb-desc__text {
    max-height: 238px;
    overflow: auto;
    overflow-x: hidden;
}
.thumb-desc__text * {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #404040;
}
.thumb-desc__text > *:not(:last-child) {
    margin-bottom: 20px;
}
.thumb-desc__text strong,
.thumb-desc__text b,
.thumb-desc__text a {
    font-weight: 700;
}
.thumb-desc__text a {
    color: var(--color--blue);
}
.thumb-desc__text ul {
    padding-left: 20px;
}
.thumb-desc__text li {
    list-style: disc;
}

/* --thumb photo */
.facade-gallery__thumb--photo {
    max-height: 472px;
    max-width: 368px;
    overflow: auto;
    overflow-x: hidden;
}
.facade-gallery__thumb--item.slick-current {
    border-color: var(--color--blue);
}
.facade-gallery__thumb--item {
    width: 112px!important;
    height: 112px;
    flex: 0 0 112px;
    cursor: pointer;
    border: 4px solid transparent;
}
.facade-gallery__thumb--text:not(.slick-current) {
    display: none;
}

/* --benefit */
.benefit-card-post__list {
    display: flex;
    flex-wrap: wrap;
}
.facade-post .benefit-item {
    flex: 1 1 calc(16.6% + 1px);
    min-height: 288px;
    height: auto;
    gap: 16px;
    border: 1px solid #fff;
    padding: 16px 32px;
    margin: 0 0 -1px -1px;
    background-color: #f0f0f0;
}
.benefit-card-post__list[data-count="8"] .benefit-item {
    flex-basis: calc(100% / 4 + 1px);
}
.benefit-item__icon .icon {
    justify-content: flex-start;
}
.benefit-item__icon .icon path {
    fill: #606060;
}
@media (any-hover: hover) {
    .facade-post .benefit-item__subtitle .text::-webkit-scrollbar-thumb {
        border: 2px solid #f0f0f0;
    }
}

/* --можливості */
.changing-card__list {
    display: flex;
    gap: 8px;
}
.changing-item {
    height: 272px;
    width: 201px;
    flex: 0 0 auto;
    box-shadow: 0 0 0 1px #e0e0e0;
    overflow: hidden;
}
.changing-item__heading.is-hidden {
    display: none;
}
.changing-item__heading {
    padding: 8px;
}
.changing-item__heading .icon {
    flex: 0 0 auto;
}
.changing-item__image {
    max-width: 201px;
    height: 192px;
    width: 100%;
    transition: height .5s linear;
}
.changing-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.changing-item__title {
    padding: 8px 16px 24px 24px;
}
.changing-item__title .text {
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
}
.changing-item__subtitle {
    height: 0;
    visibility: hidden;
}
/* start :hover or touch */
@media (any-hover: hover) {
    .changing-card:not(.not-changing-card) .changing-item:hover {
        box-shadow: 0 2px 8px 0 rgba(32, 32, 32, .25);
    }
    .changing-card:not(.not-changing-card) .changing-item:hover .changing-item__title {
        padding-top: 16px;
    }
    .changing-card:not(.not-changing-card) .changing-item:hover .changing-item__subtitle {
        padding: 0 16px 24px 24px;
        height: 100%;
        max-height: 258px;
        opacity: 1;
        visibility: visible;
        overflow: auto;
        overflow-x: hidden;
    }
    .changing-card:not(.not-changing-card) .changing-item:hover .changing-item__image {
        height: 0;
        opacity: 0;
    }
    .changing-item__subtitle::-webkit-scrollbar {
        width: 0;
    }
}
/* end :hover */
.changing-card__list {
    width: 100%;
    max-width: 1664px;
    margin: 0 auto;
}
.changing-card__list .slick-list {
    overflow: unset;
    margin: 0 auto;
}
.changing-card__list .slick-track {
    gap: 8px;
    width: auto!important;
}
.changing-card__list .slick-slider .slick-track .slick-slide {
    transition: width .5s linear;
}
.changing-card__list .slick-slide:not(.slick-active) {
    width: 0!important;
    position: absolute;
}

@media (any-hover: none) {
    .o-hidden .main {
        pointer-events: none;
    }
    .o-hidden::before {
        content: '';
        background: rgba(48, 146, 204, 0.4);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1;
    }
    .o-hidden #scrollup,
    .o-hidden .header--sticky .page-header {
        z-index: 0;
    }
    .changing-item__hint {
        position: fixed;
        z-index: 1;
        width: 100%;
        min-height: 500px;
        max-width: 420px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #404040;
        box-shadow: 0 4px 6px rgba(0,0,0,.4);
        padding-bottom: 24px;
    }
    .changing-item__hint .changing-item__image {
        width: 100%;
        height: 320px;
        max-width: 420px;
        margin: 0 auto;
    }
    .changing-item__hint .text {
        color: #fff;
        font-weight: 400;
    }
    .changing-item__hint .changing-item__title {
        padding: 0 16px 0 24px;
        margin: 0 auto;
    }
    .changing-item__hint .changing-item__title .text {
        font-size: 16px;
        padding: 16px 0;
    }
    .changing-item__hint .changing-item__subtitle {
        opacity: 1;
        visibility: visible;
        margin: 0 auto;
        padding: 0 16px 0 24px;
    }
}
/* ===== end facade post ===== */

/*media*/
/*@media (max-width: 1792px) {*/
    .benefit-item {
        flex-basis: 25%;
    }
    /* post */
    .facade-gallery__full {
        width: calc(100vw - 448px - 64px);
        max-width: 960px;
    }
/*}*/
/*@media (max-width: 1536px) {*/
    .factory-item {
        flex-basis: 100%;
    }
    .factory-item__box > * {
        max-width: inherit;
    }
    .factory-item:nth-of-type(even) .factory-item__box {
        flex-direction: row-reverse;
    }
    .factory-item:nth-of-type(3) .factory-item__box {
        flex-direction: unset;
    }
    /* post */
    .facade-post .facade-main__container {
        border: none;
    }
    /*--gallery*/
    .facade-gallery__body {
        padding: 0 32px;
    }
    .facade-gallery__full .facade-gallery__link {
        height: 592px;
    }
    .facade-gallery__full {
        width: calc(100vw - 480px - 96px);
    }
    .facade-gallery__thumb {
        max-width: 480px;
    }
    .facade-gallery__thumb--photo {
        max-height: 352px;
        max-width: 480px;
    }
    .thumb-desc__text > *:not(:last-child) {
        margin-bottom: 16px;
    }
    .thumb-desc__text {
        max-height: 176px;
        max-width: 440px;
    }
    /**/
    .facade-post .facade-main__title {
        padding-left: 32px;
    }
    .facade-post .benefit-item {
        flex-basis: calc(33.33% + 1px);
        min-height: 224px;
    }
/*}*/
@media (max-width: 1440px) {
    .facade-card__item {
        flex-basis: calc(33.33% + 1px);
        max-width: calc(33.33% + 1px);
    }
    .facade-card__item._last {
        max-width: inherit;
    }
    /* post */
    .facade-post .poster-image__action {
        flex-direction: column;
    }
    .facade-post .poster-image__action > * {
        flex: unset;
    }
    .poster-image__action .button {
        max-width: 224px;
        margin-left: auto;
    }
    /**/
    .changing-card .changing-item {
        width: 188px;
    }
    .changing-card .changing-item__image {
        max-width: 188px;
        height: 192px;
    }
}
@media (max-width: 1366px) {
    .poster-side__desc {
        max-height: 338px;
    }
    .facade-number {
        max-width: 1152px;
    }
    .facade-num-item__count .text {
        font-size: 24px;
        line-height: 100%;
        letter-spacing: -0.48px;
    }
    /* post */
    .facade-gallery__full {
        width: calc(100vw - 488px - 96px);
    }
    .facade-gallery__thumb,
    .facade-gallery__thumb--photo {
        max-width: 488px;
    }
    .slick-arrow.slick-prev {
        left: 0;
    }
    .slick-arrow.slick-next {
        right: 0;
    }
}
@media (max-width: 1280px) {
    .facade-poster, .poster-image {
        max-height: 536px;
    }
    .poster-side {
        padding-right: 16px;
    }
    .poster-side__title {
        min-height: 32px;
    }
    .poster-side__desc {
        max-height: 416px;
        font-size: 14px;
        line-height: 18px;
        padding-right: 8px;
    }
    .poster-image__desc {
        padding-top: 64px;
    }
    .facade-poster .poster-side__desc,
    .facade-poster .poster-side__desc p {
        font-size: 14px;
        line-height: 18px;
    }
    .facade-poster__action {
        padding-bottom: 20px;
    }
    /**/
    .factory-item {
        max-height: 352px;
    }
    .factory-item__box {
        flex-basis: 352px;
    }
    .factory-item__desc .text {
        max-height: 330px;
    }
    /* post */
    .facade-post .poster-image__icon {
        margin: 0 auto;
    }
    .poster-image__action {
        bottom: 24px;
    }
    .facade-post .facade-main__title {
        padding-left: 38px;
    }
}
@media (max-width: 1200px) {
    /* page */
    @media (any-hover: none) {
        .facade-card__item {
            height: 600px;
        }
        .facade-item__desc {
            overflow: unset;
        }
        .facade-card__item .text--subtitle {
            height: auto;
            visibility: visible;
            opacity: 1;
            padding-top: 16px;
            max-height: 218px;
            overflow: auto;
        }
    }
    /* post */
    .facade--offset--body {
        padding: 0;
    }
    .facade-post .facade-main__title {
        padding-left: 24px;
    }
    .poster-image__action {
        right: 32px;
    }
    .facade-gallery__body {
        padding: 0 8px;
    }
    .facade-gallery__full {
        width: calc(100vw - 400px);
    }
    .facade-gallery__list {
        gap: 24px;
    }
    .facade-gallery__thumb,
    .facade-gallery__thumb--photo {
        max-width: 360px;
    }
    .thumb-desc__text {
        padding-right: 8px;
    }
    .thumb-desc__text * {
        font-size: 14px;
        line-height: 18px;
    }
    .facade-gallery__thumb--photo  {
        max-height: 340px;
    }
    /**/
    .slick-arrow.slick-prev {
        left: 8px;
    }
    .slick-arrow.slick-next {
        right: 8px;
    }
    /**/
    .benefit-card-post__list[data-count="8"] .benefit-item {
        flex-basis: calc(100% / 3 + 1px);
    }
    .changing-card .changing-item {
        width: 100%;
        max-width: 200px;
    }
    .changing-card .changing-item .changing-item__image {
        max-width: inherit;
    }
}
@media (max-width: 1080px) {
    .facade-item__desc {
        padding-left: 16px;
    }
    .facade-main__title,
    .facade-counter {
        padding-top: 32px;
    }
    .facade-number {
        top: 50%;
        transform: translate(0, -50%);
        left: 0;
    }
    .facade-number__list {
        flex-wrap: wrap;
        padding: 32px 24px;
    }
    .facade-number__item {
        flex-basis: calc(33.33% - 16px);
    }
    .facade-number__item:nth-of-type(3) {
        border-right: none;
    }
    .facade-num-item .text {
        padding: 0 24px;
    }
    /* post */
    .poster-image__action {
        right: 24px;
        width: auto;
    }
    .poster-image__action .button {
        max-width: 42px;
    }
    .poster-image__action .button__icon {
        flex: 0 0 auto;
    }
    .poster-image__action .button__text {
        display: none;
    }
}
@media (max-width: 960px) {
    .facade-poster__body {
        grid-template-columns: 1fr 1fr;
    }
    .poster-side {
        padding: 16px 16px 16px 32px;
    }
    .facade-poster__action {
        padding-left: 32px;
    }
    .poster-side__desc {
        max-height: 380px;
    }
    .poster-image__desc {
        max-width: inherit;
    }
    /**/
    .facade-card__item {
        flex-basis: calc(50% + 1px);
        max-width: calc(50% + 1px);
        min-height: 480px;
        height: auto;
    }
    .facade-card__item .text--subtitle {
        height: auto;
        max-height: inherit;
    }
    .benefit-item {
        flex-basis: 33.33%;
    }
}
@media (max-width: 780px) {
    .metal.dark-theme .main {
        margin-top: 8px;
    }
    .grid .header--sticky .page-header {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    }
    .main .main__section.breadcrumbs-section {
        border-top: none;
    }
    .facade-poster {
        max-height: inherit;
    }
    .facade-poster__body {
        grid-template-columns: unset;
    }
    .poster-image {
        grid-column: 1;
        grid-row: 1;
    }
    .poster-image {
        max-height: 480px;
    }
    .poster-image__desc {
        flex-direction: column-reverse;
        background-color: transparent;
        padding: 0;
    }
    .poster-side__title {
        min-height: inherit;
        font-size: 24px;
        font-weight: 900;
        line-height: 100%;
        margin-bottom: 16px;
    }
    .poster-image__text {
        background-color: rgba(32,32,32,.5);
        padding: 32px 32px 28px;
        flex: unset;
        font-size: 20px;
        line-height: 100%;
    }
    .poster-image__icon {
        flex: 1 1  auto;
        margin-left: auto;
        padding: 16px 32px 16px 16px;
        filter: drop-shadow(0 4px 6px rgba(0,0,0,.2));
    }
    .poster-image__icon svg {
        width: 180px;
        transform: scale(1.5);
        position: relative;
        right: 16px;
    }
    .poster-image__action .button {
        background-color: rgba(224, 224, 224, .5);
        box-shadow: 0 0 8px rgba(0,0,0,.05);
    }

    .poster-image__action .button:hover {
        background-color: rgba(255, 255, 255, .5);
    }
    .poster-side__desc {
        max-height: inherit;
        padding-bottom: 16px;
    }
    .facade-poster .button__body {
        min-height: 40px;
    }
    /**/
    .benefit-item {
        flex-basis: 50%;
    }
    /* post */
    .facade-post .poster-image__icon {
        margin-left: auto;
        margin-right: 0;
    }
    .facade-post .poster-image__desc {
        padding-bottom: 0;
    }
    .facade-post .poster--sub-desc--move {
        grid-row: 2;
        grid-column: 1;
        background-color: #202020;
        padding: 32px 16px 16px 32px;
    }
    .facade-post .facade-poster__action {
        grid-row: 3;
        padding-bottom: 0;
    }
    .facade-post .poster-image__text {
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 32px 68px 32px;
    }
    .facade-post .poster-side__desc {
        padding-top: 0;
        padding-bottom: 0;
    }
    .poster--image-action--move {
        padding: 16px 0 20px;
    }
    /**/
    .poster-image__action {
        width: 100%;
        position: unset;
    }
    .poster-image__action .button {
        max-width: 240px;
        margin-left: 0;
    }
    .poster-image__action .button__text {
        display: block;
    }
    /*post gallery*/
    .facade-gallery__list {
        flex-direction: column;
        gap: 8px 0;
    }
    .facade-gallery__full {
        width: calc(100vw - 16px);
        flex: unset;
    }
    .facade-gallery__full .facade-gallery__link {
        height: 450px;
    }
    .facade-gallery__thumb {
        max-width: inherit;
        flex: unset;
    }
    .facade-gallery__thumb .slick-track {
        gap: 0;
    }
    .facade-gallery__thumb--container {
        flex-direction: column-reverse;
    }
    .facade-gallery__thumb--text {
        width: 100%!important;
        padding: 0 24px;
    }
    .thumb-desc__text {
        max-width: inherit;
        max-height: inherit;
    }
    /*hide thumbs*/
    .facade-gallery__thumb--photo {
        max-width: inherit;
        max-height: inherit;
        position: absolute;
        top: -999999px;
    }
    .facade-gallery__thumb--photo .slick-slide {
        visibility: hidden!important;
    }
    /*post benefit*/
    .facade-post .benefit-item {
        flex-basis: calc(50% + 1px);
    }
    .benefit-card-post__list[data-count="8"] .benefit-item {
        flex-basis: calc(100% / 2 + 1px);
    }
}
@media (max-width: 667px) {
    .border--thin--gray {
        border: none;
    }
    /**/
    .facade-card__list {
        flex-direction: column;
    }
    .facade-card__item {
        flex: unset;
        max-width: inherit;
        min-height: inherit;
        margin: 0 0 -1px 0;
    }
    .facade-card__item .text--subtitle {
        overflow: unset;
    }
    .facade-item__image {
        max-height: inherit;
    }
    .facade-item__text {
        padding: 32px 32px 64px;
    }
    /**/
    .factory-item {
        max-height: inherit;
    }
    .factory-item__box {
        flex-direction: column;
    }
    .factory-item__box > * {
        flex-basis: unset;
    }
    .factory-item__desc .text {
        max-height: inherit;
    }
    .factory-item .factory-item__box,
    .factory-item:nth-of-type(even) .factory-item__box,
    .factory-item:nth-of-type(3) .factory-item__box {
        flex-direction: column-reverse;
    }
    /**/
    .facade-counter__image {
        max-height: inherit;
        height: 512px;
    }
    .facade-counter {
        padding-top: 0;
    }
    .factory-item__desc .text h3,
    .benefit-item__title .text {
        font-size: 20px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: unset;
    }
    .factory-item__desc .text,
    .factory-item__desc .text p,
    .factory-item__desc .text li,
    .benefit-item__subtitle .text {
        font-size: 14px;
        line-height: 18px;
    }
    .benefit-item__subtitle .text {
        color: #606060;
    }
    /**/
    .facade-number__item {
        flex-basis: calc(50% - 16px);
    }
    .facade-number__item:nth-of-type(3) {
        border-right: 1px solid #fff;
    }
    .facade-number__item:nth-of-type(even) {
        border-right: none;
    }
    .facade-num-item .text {
        max-width: inherit;
        font-size: 16px;
        line-height: 20px;
    }
    .facade-num-item__count .text {
        font-size: 20px;
        line-height: 100%;
    }
}
@media (max-width: 600px) {
    /*post*/
    .benefit-card-post__body {
        padding: 0 16px;
    }
    .facade-post .benefit-item {
        padding: 16px;
    }
    .changing-card__body {
        padding: 0 8px;
    }
    .changing-card__list {
        flex-wrap: wrap;
    }
    .changing-card .changing-item {
        max-width: inherit;
        flex: 1 1 calc(50% - 8px);
    }
}
@media (max-width: 500px) {
    .poster-image {
        height: 480px;
        max-height: inherit;
    }
    /**/
    .factory-item__desc .text {
        padding: 16px 32px;
    }
    .facade-main__title {
        padding: 22px 16px 22px 32px;
    }
    .facade-main__title .text {
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: unset;
    }
    .benefit-item {
        padding: 16px;
        gap: 16px;
        height: auto;
        min-height: 224px;
        min-width: 181px;
    }
    .facade-card__item {
        padding: 0 0 16px;
        border: none;
        margin: 0;
        min-width: inherit;
    }
    .facade-item__desc {
        padding-left: 32px;
    }
    .facade-item__action .button__text {
        font-weight: 400;
    }
    .facade-item__action {
        padding-right: 8px;
    }
    .facade-card__item._last {
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
    /* post */
    .facade-gallery__full .facade-gallery__link {
        height: 360px;
    }
    .facade-post .benefit-item {
        flex: 100%;
        display: grid;
        grid-gap: 16px;
        grid-template-columns: 64px 1fr;
        grid-auto-rows: min-content;
        min-height: 122px;
    }
    .benefit-item__icon {
        grid-row: span 2;
    }
    .benefit-item__subtitle {
        grid-column: 2;
    }
    /**/
    .changing-item__hint {
        width: 100%;
        min-height: 524px;
        max-width: 360px;
        z-index: 20;
    }
    .changing-item__hint .changing-item__image {
        max-width: inherit;
    }
    .benefit-card-post__list[data-count="8"] .benefit-item {
        flex-basis: 100%;
    }
}
@media (min-width: 471px) {
    .fancybox__caption,
    .fancybox__action {
        display: none;
    }
}
@media (max-width: 470px) {
    .facade-gallery__full {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 8px;
    }
    .facade-gallery__full .facade-gallery__link {
        flex: 1 1 calc(33.33% - 8px);
        height: 112px;
        opacity: 1!important;
    }
    .facade-gallery__thumb--desc {
        display: none;
    }
    .fancybox__slide {
        padding-left: 0;
        padding-right: 0;
    }
    .fancybox__caption {
        padding-left: 16px;
    }
    .fancybox__caption * {
        color: #fff;
    }
    .fancybox__caption .thumb-desc__text a {
        color: var(--color--blue);
    }
    .thumb-desc__text {
        max-height: 160px;
        padding-right: 16px;
    }
    /**/
    .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar,
    .fancybox__container .fancybox__toolbar * {
        background-color: #393939;
    }
    .fancybox__container .fancybox__infobar {
        padding-left: 32px;
    }
    .fancybox__container .fancybox__backdrop {
        background-color: #404040;
    }
    .fancybox__container:not(.is-idle) .fancybox__carousel .fancybox__content {
        height: 288px!important;
        width: 100%!important;
    }
    .fancybox__container.is-idle .fancybox__carousel .fancybox__content {
        width: 100%!important;
        height: 100%!important;
    }
    .fancybox__container.is-idle .fancybox__carousel .fancybox__content .fancybox-image {
        width: 100%!important;
        height: 100%!important;
        object-fit: contain!important;
    }
    .fancybox__container .fancybox__carousel .fancybox-image {
        width: 100%!important;
        height: 100%!important;
        object-fit: cover!important;
    }
    .fancybox__container .fancybox__carousel {
        padding-bottom: 48px;
    }
    .fancybox__container.is-compact .fancybox__footer {
        background-color: #404040;
        position: unset;
    }
    .fancybox__container .fancybox__nav {
        display: flex;
        flex-direction: row-reverse;
        gap: 8px;
        justify-content: space-between;
        min-height: 32px;
        height: auto;
        margin-top: 24px;
        padding: 0 8px 0 16px;
    }
    .fancybox__container .fancybox__nav button.f-button {
        position: unset;
        max-width: 144px;
        width: 100%;
        min-height: 32px;
        height: auto;
        border-radius: 16px;
    }
    .fancybox__container.is-compact .fancybox__toolbar {
        position: unset;
    }
    .fancybox__container.is-idle .fancybox__nav button.f-button {
        position: absolute;
        max-width: 32px;
    }
    .fancybox__container:not(.is-idle) .fancybox__nav .f-button::before {
        content: attr(data-title);
        display: flex;
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px;
        position: unset;
        padding-top: 2px;
    }
    .fancybox__container .fancybox__nav .f-button.is-prev {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7L11 16L20 25H21V7H20Z' fill='white'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        padding-left: 8px;
    }
    .fancybox__container:not(.is-idle) .fancybox__nav .f-button.is-next::after {
        content: '';
        background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 7H11.5V25H12.5L21.5 16L12.5 7Z' fill='%23fff'/%3E%3C/svg%3E%0A") 8px 0 no-repeat;
        width: 32px;
        height: 32px;
    }
    .fancybox__container.is-idle .fancybox__nav .f-button.is-next {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 7H11.5V25H12.5L21.5 16L12.5 7Z' fill='%23fff'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position-x: right;
    }
    .fancybox__nav .f-button svg {
        display: none;
    }
    .fancybox__container.is-compact .fancybox__footer .fancybox__caption {
        padding: 12px 16px 16px 32px;
    }
    .fancybox__container .is-nav-selected .f-thumbs__slide__button::after {
        border-color: var(--color--blue--light);
    }
    figcaption {
        display: none;
    }
    /**/
    .changing-item__title {
        padding: 8px 12px 16px 12px;
    }
    .changing-item__title .text  {
        font-size: 18px;
        word-break: break-word;
    }
}
@media (max-width: 414px) {
    .facade-number__list {
        padding: 32px 8px;
    }
}
@media (max-width: 360px) {
    .changing-item__hint {
        max-width: 320px;
    }
}
@media (max-width: 359px) {
    .poster-image__text {
        padding-left: 16px;
        padding-right: 16px;
    }
    .poster-side,
    .facade-poster__action {
        padding-left: 16px;
    }
    .facade-item__desc {
        padding-left: 16px;
    }
    .facade-item__text,
    .factory-item__desc .text {
        padding: 16px;
    }
    /**/
    .facade-counter__image {
        height: 780px;
    }
    .facade-counter__img {
        max-height: inherit;
    }
    .facade-number__list {
        flex-direction: column;
        padding: 24px 32px;
    }
    .facade-number__item {
        flex: unset;
        border-right: none!important;
        border-bottom: 1px solid #fff;
        padding-bottom: 24px;
    }
    .facade-number__item:last-child {
        border: none;
    }
    /* post */
    .fancybox__container .fancybox__infobar,
    .fancybox__container.is-compact .fancybox__footer .fancybox__caption {
        padding-left: 16px;;
    }
}
/* End */
/* /css/tabs_style.css?175206473042054 */
/* /metal/style.css?175930494025597 */
/* /metal/dark-theme.css?177331875219256 */
/* /css/header-ua-dark.css?17676040764745 */
/* /local/templates/viyar_new/components/bitrix/news.detail/metal/style.css?173694762238969 */