/* variables */
:root {
    /* --- colors --- */
    --font-family: 'Arial';

    --success: green;
    --warning: yellow;
    --danger: red;

    --bg-color-white-theme: radial-gradient(circle at center, #ffffff 0%, #f4f4f4 100%);
    /* --bg-color-white-theme: #F4F4F4; */
    --bg-color-dark-theme: radial-gradient(circle at center, #351c18 0%, #0d1529 100%);
    --text-white-theme: #282828;
    --text-dark-theme: #ffffff;
    --btn-bg-white-theme: #f3234a; /*radial-gradient(circle at center, #ffffff 0%, #f4f4f4 100%);*/
    --btn-bg-dark-theme: #FFA800; /*radial-gradient(circle at center, #351c18 0%, #0d1529 100%);*/
    --btn-text-white-theme: #ffffff;
    --btn-text-dark-theme: #282828;
    --link-white-theme: #f3234a;
    --link-dark-theme: #FFA800;
    --icon-white-theme: #f3234a;
    --icon-dark-theme: #FFA800;
    --border-color-white-theme: #dddddd;
    --border-color-dark-theme: #57596E;
    --item-bg-white-theme: radial-gradient(circle at center, #ffffff 0%, #f4f4f4 100%);
    --item-bg-dark-theme: radial-gradient(circle at center, #351c18 0%, #0d1529 100%);
    --image-fg-white-theme: radial-gradient(circle at center, #ffffff 0%, #f4f4f4 100%);
    --image-fg-dark-theme: radial-gradient(circle at center, #351c18 0%, #0d1529 100%);
    --image-fg-opacity-white-theme: 0.5;
    --image-fg-opacity-dark-theme: 0.93;
    --img-bg: #dddddd;

    /* --- titles --- */
    --title-big: 44px;
    --title-big-weight: 700;
    --title-big-white-theme: #282828;
    --title-big-dark-theme: #ffffff;

    --title-middle: 30px;
    --title-middle-weight: 700;
    --title-middle-white-theme: #282828;
    --title-middle-dark-theme: #ffffff;

    --title-small: 20px;
    --title-small-weight: 700;
    --title-small-white-theme: #282828;
    --title-small-dark-theme: #ffffff;

    --block-title-small: 14px;
    --block-title-small-weight: 700;
    --block-title-small-white-theme: #282828;
    --block-title-small-dark-theme: #ffffff;

    --block-title-big: 18px;
    --block-title-big-weight: 700;
    --block-title-big-white-theme: #282828;
    --block-title-big-dark-theme: #ffffff;

    --text-common: 16px;
    --text-common-weight: 400;
    --text-common-white-theme: #282828;
    --text-common-dark-theme: #ffffff;

    --text-middle: 14px;
    --text-middle-weight: 400;
    --text-middle-white-theme: #282828;
    --text-middle-dark-theme: #ffffff;

    --text-small: 13px;
    --text-small-weight: 400;
    --text-small-white-theme: #282828;
    --text-small-dark-theme: #ffffff;

    --menu-name-first: 16px;
    --menu-name-first-weight: 400;
    --menu-name-first-white-theme: #282828;
    --menu-name-first-dark-theme: #ffffff;

    --menu-name-second: 16px;
    --menu-name-second-weight: 400;
    --menu-name-second-white-theme: #282828;
    --menu-name-second-dark-theme: #ffffff;

    --section-padding: 70px 0;

    --popup-transparency-effect: none;
}

.hidden {
    display: none !important;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    pointer-events: none;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* --- reset styles --- */

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

body,
h1,
h2,
h3,
h4,
h5,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

menu,
ul,
ol {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

input,
button,
textarea,
select {
    font: inherit;
}


/* --- breadcrumbs --- */

.breadcrumbs {
    padding: 16px 0;
}

.breadcrumbs.dark {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.breadcrumbs ul {
    display: flex;
    overflow-x: auto;
}

.breadcrumbs ul a {
    padding-right: 20px;
    position: relative;
}

.breadcrumbs ul a:hover {
    text-decoration: underline;
}

.breadcrumbs ul a::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--icon-dark-theme);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.breadcrumbs ul a,
.breadcrumbs ul span {
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.2;
}

.breadcrumbs ul span {
    text-decoration: underline;
}


.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0 40px 0;
}

.pagination li {
    margin: 3px;
}

.pagination li a, .pagination li b {
    color: var(--text-white-theme);
    font-size: 15px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    min-width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-color-white-theme)
}

.pagination li.active a, .pagination li.active b {
    color: var(--btn-text-white-theme);
    background-color: var(--btn-bg-white-theme);
    border-color: var(--btn-bg-white-theme);
}

.pagination li:not(.active) a:hover {
    opacity: 0.75;
}

.pagination li a.arrow_btn {
    font-size: 0;
    position: relative;
}

.pagination li a.arrow_btn.prev {
    transform: rotate(180deg);
}

.pagination li a.arrow_btn::before,
.pagination li a.arrow_btn.last::after{
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--text-white-theme);
    border-right: 1px solid var(--text-white-theme);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}


.pagination li a.arrow_btn.last::before {
    margin-left: 1px;
}

.pagination li a.arrow_btn.last::after {
    margin-left: -7px;
}

/* --- dropdown --- */

.dropdown {
    position: relative;
    height: 44px;
    border: 1px solid var(--border-color-white-theme);
    transition: width 0.3s;
}

.dropdown_short {
    width: 68px;
    height: 30px;
    margin: 0 20px;
    color: #1d1d1d;
}

.dropdown_short:hover .drop_arrow {
    background-color: #5ead5a;
}

.dropdown.dropdown-open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown.dropdown_short.dropdown-open {
    width: 68px;
}

.dropdown .overflow {
    width: 100%;
    height: 100%;
    padding: 0 40px 0 0;
    background-color: #fff;
    position: relative;
    float: left;
}

.dropdown.short .overflow {
    width: 138px;
}

.dropdown.dropdown-open .overflow {
    z-index: 10;
}

.dropdown Span {
    color: var(--text-common);
    font-weight: var(--text-common-weight);
    font-size: 15px;
    line-height: 1.2;
    cursor: pointer;
    height: 100%;
    padding: 0 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    z-index: 2;
}

.dropdown_short Span {
    padding: 0 10px;
}

.dropdown UL {
    position: absolute;
    top: 40px;
    right: -1px;
    left: -1px;
    max-height: 350px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 4;
    margin: 0;
    border-top: none;
    overflow-y: auto;
    display: none;
}

.dropdown_short ul {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    top: 28px;
    overflow: auto;
}

.dropdown UL LI {
    position: relative;
    float: left;
    background: none;
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    border-top: 1px solid #d7d7d7;
}

.dropdown_short UL LI {
    border: none;
}

.dropdown UL LI A {
    width: 100%;
    text-decoration: none;
    color: #666;
    position: relative;
    float: left;
    padding: 11px 20px;
    transition: 0.3s;
}

.dropdown_short ul li a {
    color: #1d1d1d;
    text-align: center;
    padding: 6px 0;
}

.dropdown UL LI A:hover {
    background-color: #efefef;
}

.dropdown_short ul li a:hover {
    background-color: #e6e6e6;
    color: initial;
}

.dropdown UL LI A.selected {
    display: none;
}

.drop_arrow {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    transition: background-color 0.3s;
    cursor: pointer;
}

.drop_arrow:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -5.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5.5px 0 5.5px;
    border-color: #ccc transparent transparent transparent;
    transition: 0.3s;
}

.dropdown-open .drop_arrow:after {
    border-top-color: #747474;
    transform: rotateX(180deg);
}

.dropdown_short .drop_arrow {
    right: -1px;
    top: -1px;
    background-color: #70c46a;
    border-radius: 0 3px 3px 0;
    width: 31px;
    height: 30px;
}

.dropdown_short .drop_arrow:after {
    border-width: 6px 3.5px 0 3.5px;
    border-color: #fff transparent transparent transparent;
    margin-left: -3.5px;
}

.dropdown_alt {
    width: 100%;
    height: 50px;
    color: #504f4f;
}

.dropdown_alt span {
    font-size: 16px;
}

.dropdown_alt .drop_arrow {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #73c86d;
    width: 50px;
    height: 50px;
    right: -1px;
    top: -1px;
}

.dropdown_alt .drop_arrow:hover {
    background-color: var(--main-active-color);
}

.dropdown_alt .drop_arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 8px 0 8px;
    border-color: #fff transparent transparent transparent;
    margin: -5.5px 0 0 -8px;
}

.dropdown_alt ul {
    border: none;
    top: calc(100% + 1px);
}

.dropdown_alt UL LI {
    font-size: 16px;
    border: none;
}

.dropdown_alt UL LI A {
    background-color: #f7f7f7;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    color: #504f4f;
    padding: 14px 20px;
}

.dropdown_alt UL LI + LI A {
    border-top: 1px solid #d7d7d7;
}

.dropdown_alt UL LI:last-child A {
    border-bottom: 1px solid #d7d7d7;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dropdown_alt UL LI A:hover {
    border-color: #73c86d;
}

.dropdown_alt UL LI:hover + LI A {
    border-top-color: #73c86d;
}

.dropdown_alt.dropdown-open {
    width: initial;
}

.dropdown_alt.dropdown-open .drop_arrow {
    border-bottom-right-radius: 0;
}

.dropdown_sm {
    background-color: #fff;
    height: 45px;
}

.dropdown_sm .drop_arrow {
    width: 45px;
    height: 45px;
}

.dropdown_sm .drop_arrow:after {
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    margin: -4px 0 0 -6px;
}

.options_dropdown_list UL LI {
    position: relative;
    padding: 0 0 0 10px;
}

.options_dropdown_list UL LI:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 11px;
}

.options_dropdown_list UL LI A {
    text-decoration: none;
    color: #117f8a;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.options_dropdown_list UL LI A:hover {
    color: #000;
}

.options_dropdown_tile UL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0 0;
}

.options_dropdown_tile UL LI {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 3px 3px 0;
}

.options_dropdown_tile UL LI A {
    text-decoration: none;
    background-color: #f3f3f3;
    color: #000;
    padding: 5px 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.options_dropdown_tile UL LI A:hover {
    background-color: #117f8a;
    color: #fff;
}

.options_dropdown_tile UL LI.disabled {
    opacity: 0.5;
}

.options_dropdown_tile UL LI.disabled a {
    cursor: default;
}

.options_dropdown_tile UL LI.disabled a:hover {
    background-color: #f3f3f3;
    color: #000;
}

.inner_dark .dropdown {
    border-color: var(--border-color-dark-theme);
}

.inner_dark .dropdown .overflow {
    color: var(--text-dark-theme);
    background: transparent;
}

.inner_dark .dropdown UL {
    color: var(--text-dark-theme);
    border-color: var(--border-color-dark-theme);
    background-color: #231d2e;
}

.inner_dark .dropdown UL LI {
    border-color: var(--border-color-dark-theme);
}

.inner_dark .dropdown UL LI A {
    color: var(--text-dark-theme);
}

.inner_dark .dropdown UL LI A:hover {
    background-color: #34293f;
}

    /* --- COMMON STYLES ---*/

HTML {
    height: 100%;
}

body {
    font: normal var(--text-common)/1.35 var(--font-family), sans-serif;
    font-weight: var(--text-common-weight);
    color: var(--text-white-theme);
    display: flex;
    flex-direction: column;
    height: 100%;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    min-width: 360px;
}

body.overflow {
    overflow-y: hidden;
    overflow-x: hidden;
}

main {
    flex: 1 1 auto;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
    height: 44px;
    width: 100%;
    font-size: var(--text-middle);
    color: var(--text-white-theme);
    padding: 0 20px 0 28px;
    background-color: #ffffff;
    border: 1px solid var(--border-color-white-theme);
    transition: background-color .4s ease, border .4s ease, color .4s ease;
}

textarea {
    padding-top: 10px;
    padding-bottom: 6px;
    height: 120px;
    resize: none;
}

input[type=text].error,
input[type=email].error,
input[type=tel].error,
input[type=password].error,
textarea.error {
    border-color: var(--danger) !important;
    background-image: url('../images/danger.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: calc(100% - 16px) 50%;
}

div.error {
    border: 1px solid var(--danger);
}

input[type=text].success,
input[type=email].success,
input[type=tel].success,
input[type=password].success,
textarea.success {
    border-color: var(--success);
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus {
    border-color: var(--text-white-theme);
    transition: all .4s ease;
    outline-width: 0;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=password]::placeholder,
textarea::placeholder {
    color: var(--text-white-theme);
    opacity: 0.5;
}

.inner_dark input[type=text]::placeholder,
.inner_dark input[type=email]::placeholder,
.inner_dark input[type=tel]::placeholder,
.inner_dark input[type=password]::placeholder,
.inner_dark textarea::placeholder {
    color: var(--text-dark-theme);
}

.inner_dark input[type=text]:focus,
.inner_dark input[type=email]:focus,
.inner_dark input[type=tel]:focus,
.inner_dark input[type=password]:focus,
.inner_dark textarea:focus {
    border-color: var(--text-dark-theme);
    transition: all .4s ease;
    outline-width: 0;
}


.icon_label {
    position: absolute;
    display: flex;
    top: 13px;
    left: 6px;
}

.icon_label .svg_icon {
    width: 16px;
    height: 16px;
    margin: 0;
}

.align_center {
    text-align: center;
}

.align_right {
    text-align: right;
}

.uc {
    text-transform: uppercase;
}

h1,
.H1 {
    display: block;
    font-weight: var(--title-big-weight);
    font-size: var(--title-big);
    color: var(--title-big-white-theme);
    line-height: 1.2;
    margin-bottom: calc(var(--title-big) * 0.8);
}

h2,
.H2 {
    display: block;
    font-weight: var(--title-middle-weight);
    font-size: var(--title-middle);
    color: var(--title-middle-white-theme);
    line-height: 1.2;
    margin-bottom: calc(var(--title-middle) * 0.8);
}

h3,
.H3 {
    display: block;
    font-weight: var(--title-small-weight);
    font-size: var(--title-small);
    color: var(--title-small-white-theme);
    line-height: 1.2;
    margin-bottom: calc(var(--title-small) * 0.8);
}

h4,
.H4 {
    display: block;
    font-weight: var(--block-title-small-weight);
    font-size: var(--block-title-small);
    color: var(--block-title-small-white-theme);
    line-height: 1.2;
    margin-bottom: calc(var(--block-title-small) * 0.8);
}

h5,
.H5 {
    display: block;
    font-weight: var(--block-title-big-weight);
    font-size: var(--block-title-big);
    color: var(--block-title-big-white-theme);
    line-height: 1.2;
    margin-bottom: calc(var(--block-title-big) * 0.8);
}


.btn {
    text-align: center;
    text-transform: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    padding: 4px 20px;
    color: var(--btn-text-white-theme);
    background-color: var(--btn-bg-white-theme);
    font-size: var(--text-middle);
    font-weight: var(--text-middle-weight);
    font-weight: bold;
    transition: all .4s ease;
    border: none;
    cursor: pointer;
    outline: none;
}

.btn:hover {
    opacity: .75;
    transition: all .4s ease;
}

.radius .btn {
    border-radius: 8px;
}

.dark .btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}

.styled_checkbox {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    position: relative;
}

.styled_checkbox > input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.checkbox_name {
    position: relative;
    font-size: var(--text-common);
    color: var(--text-common-white-theme);
    font-weight: var(--text-common-weight);
    padding-left: 22px;
    cursor: pointer;
}

.checkbox_name::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid var(--icon-white-theme);
    border-radius: 3px;
    position: absolute;
    top: 3px;
    left: 0;
    transition: 0.3s;
}

.checkbox_name::after {
    content: "";
    width: 8px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 7px;
    left: 4px;
    opacity: 0;
    transition: 0.3s;
}

.styled_checkbox > input:checked + .checkbox_name::before {
    background-color: var(--icon-white-theme);
}

.styled_checkbox > input:checked + .checkbox_name::after {
    opacity: 1;
}

.styled_checkbox > input[type=radio] + .checkbox_name::before {
    border-radius: 50%;
}

.styled_checkbox > input[type=radio] + .checkbox_name::after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border-bottom: none;
    border-left: none;
    background-color: #fff;
}

.inner_dark .checkbox_name {
    color: var(--text-common-dark-theme);
}

.inner_dark .checkbox_name::before {
    border-color: var(--icon-dark-theme);
}

.inner_dark .styled_checkbox > input:checked + .checkbox_name::before {
    background-color: var(--icon-dark-theme);
}

.statuses_place {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.status-block {
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 3px;
}

.status-block + .status-block {
    margin-top: 6px;
}


    /* --- ARTICLE ---*/
article p {
    margin-bottom: 20px;
}

article ol,
article ul {
    padding-left: 40px;
    margin: 20px 0;
}

article ul {
    list-style: disc;
}

article ol {
    list-style: decimal;
}

article strong {
    font-weight: 700;
}

* > article {
    background: transparent;
}

article img {
    max-width: 100%;
    margin-right: 30px;
    height: auto;
    float: left;
    margin-bottom: 30px;
}

article .image.image_resized {
    margin-left: auto;
    margin-right: auto;
}

article .image.image_resized img {
    margin-left: 0;
    margin-right: 0;
}

article .image.image_resized.image-style-side img {
    padding-left: 30px;
}

article .invisible {
    display: none;
}

article .overflow {
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (max-width: 639px) {
    article img {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.table {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

table {
    color: var(--text-white-theme);
    width: 100%;
    min-width: 850px;
    border-collapse: separate;
    padding: 10px;
    background: #fff;
    border-spacing: 0 7px;
    margin: 0 auto;
}

.radius table {
    border-radius: 10px;
}

tr:first-child,
tr:first-child td {
    border: none;
    color: #727272;
}

.inner_dark tr:first-child,
.inner_dark tr:first-child td {
    color: var(--text-dark-theme);
}

td {
    padding: 10px 5px;
    font-weight: 600;
    border: 1px solid transparent;
}

.radius td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.radius td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

img[alt]::after,
img[data-lazy]::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--img-bg);
    font-family: var(--font-family);
    font-size: 0;
    text-align: center;
    content: attr(alt);
}

.styled_input {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.styled_input > label {
    text-align: left;
    display: block;
    font-size: var(--text-middle);
    color: var(--text-middle-white-theme);
    font-weight: var(--text-middle-weight);
    margin-bottom: 4px;
}

.input_box {
    position: relative;
}

.input_box > input,
.input_box > textarea {
    width: 100%;
}

.group_message {
    display: block;
    font-size: var(--text-small);
    font-weight: var(--text-small-weight);
    color: var(--text-small-white-theme);
    margin-top: 4px;
}

.group_message.error {
    color: var(--danger);
}

.group_message.success {
    color: var(--success);
}

.up_btn {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.14902),0 1px 2px 0 rgba(0,0,0,.30196);
    position: fixed;
    bottom: 40px;
    right: 16px;
    transition: 0.3s;
    z-index: 5;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.up_btn.active {
    opacity: 1;
    visibility: visible;
}

.up_btn:hover {
    background: #ededed;
}

.up_btn .svg_icon {
    display: block;
    fill: #333333;
    width: 24px;
    height: 24px;
    margin-right: 0;
}

.item {
    background: var(--item-bg-white-theme);
    position: relative;
}

.container {
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 10px;
}

.svg_icon {
    width: 20px;
    height: 20px;
    fill: var(--icon-white-theme);
    margin-right: 5px;
}

.site_header .svg_icon,
.footer .svg_icon {
    fill: var(--icon-white-theme);
}

.site_header a,
.footer a {
    color: var(--link-white-theme);
}

a {
    text-decoration: none;
    color: inherit;
    transition: all .4s ease;
}

a:not([class]) {
    text-decoration: underline;
    color: var(--link-white-theme);
}

.inner_dark a:not([class]) {
    color: var(--link-dark-theme);
}

a:hover {
    text-decoration: none;
}

article ol,
article ul {
    padding-left: 40px;
    margin: 20px 0;
}

article ul {
    list-style: disc;
}

article ol {
    list-style: decimal;
}

.radius table {
    border-radius: 10px;
}

tr:not(:first-child) {
    border-spacing: 10px 0;
}

tr:not(:first-child) {
    background-color: #f4f4f4;
}

tr:first-child,
tr:first-child td {
    border: none;
    color: #727272;
}

td {
    padding: 10px 5px;
    font-weight: 600;
    border: 1px solid transparent;
}

.inner_dark table {
    color: var(--text-dark-theme);
    background-color: #0f1628;
}

.inner_dark tr:not(:first-child) {
    background-color: #f4f4f40d;
}

.radius td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.radius td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.content_text {
    padding: 0;
    color: var(--text-common-white-theme);
    background-color: var(--bg-color-white-theme);
}

.dark .content_text {
    color: var(--text-dark-theme);
    background-color: var(--bg-color-dark-theme);
}

.content_text.top_text {
    margin-bottom: 25px;
    padding: 0;
}

.content_text.bottom_text {
    margin-top: 25px;
    padding: 0;
}

.banner_text {
    display: flex;
    flex-direction: column;
    text-align: left;
    color: var(--text-common-white-theme);
    width: 100%;
}

.banner_text .title,
.banner_text .subtitle,
.banner_text .title_sm {
    text-align: left;
    line-height: 1.3;
}

.banner_text .btn {
    margin: 0 auto 12px 0;
    width: auto;
}

.banner_inner.right .banner_text {
    text-align: right;
}

.banner_inner.right .banner_text .btn {
    margin-left: auto;
    margin-right: 0;
}

.banner_inner.middle .banner_text {
    text-align: center;
}

.banner_inner.middle .banner_text .btn {
    margin-left: auto;
    margin-right: auto;
}

.fig_title {
    font-size: var(--text-common);
    margin-top: 25px;
    font-weight: bold;
    color: var(--text-white-theme);
}

.fig_sub_title {
    margin-top: 12px;
    font-size: var(--text-middle);
    font-weight: var(--text-middle-weight);
    color: var(--text-middle-white-theme);
    word-break: break-word;
}

.row {
    position: relative;
    width: 100%;
}

.shadow .item,
.shadow .step_content,
.shadow .r_content,
.shadow .banner_form {
    box-shadow: 0 0 7px rgb(0 0 0 / 30%);
}

.radius .item,
.radius .item img,
.radius .step_content,
.radius .r_content,
.radius .banner_form {
    border-radius: 8px;
}

.radius .radius_sm,
.radius .radius_sm .table_row {
    border-radius: 6px;
}

.shadow a.item {
    display: inline-block;
    transition: all .4s ease;
}

[data-action="showSliderPhotoPopup"]:hover,
[data-action="showSinglePhotoPopup"]:hover {
    border-radius: 8px;
    box-shadow: 0px 1px 15px rgba(40, 40, 40, 0);
    cursor: pointer;
    transition: 0.3s;
}

[data-action="showSliderPhotoPopup"]:hover,
[data-action="showSinglePhotoPopup"]:hover {
    box-shadow: 0px 1px 15px rgba(40, 40, 40, 0.9);
}

figure {
    text-align: center;
}

figure img {
    margin-bottom: 20px;
}

.slick-arrow {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 11;
    background-color: transparent;
    font-size: 0;
    padding: 0;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: 2px solid #282828;
    cursor: pointer;
}

.dark .slick-arrow {
    border-color: #fff;
}

.slick-arrow:hover {
    border-color: transparent;
}

.slick-next.slick-arrow {
    left: auto;
    right: 10px;
    transform: scale(-1);
}

.slick-arrow:after,
.slick-arrow:before {
    content: '';
    background-color: #282828;
    position: absolute;
    top: 7px;
    left: 15px;
    width: 2px;
    height: 12px;
    transform: rotate(45deg);
}

.dark .slick-arrow:after,
.dark .slick-arrow:before {
    background-color: #fff;
}

.slick-arrow:before {
    top: 15px;
    transform: rotate(-45deg);
}

.slick-dots {
    display: flex;
    margin-top: 20px;
    width: 100%;
    justify-content: center;
}

.slick-dots li {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid transparent;
}

.slick-dots li.slick-active {
    border: 2px solid #F3234A;
}

.slick-dots li.slick-active button {
    background: #F3234A;
}

.slick-dots li button {
    padding: 0;
    font-size: 0;
    width: 8px;
    height: 8px;
    background: #282828;
    border: none;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tile .slick-slide {
    margin: 0 12px;
}

.tile .slick-list {
    padding: 10px 5px !important;
}

.checkbox {
    position: relative;
    height: 100%;
    cursor: pointer;
}

.checkbox:before,
.checkbox:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    border: 1px solid #727272;
    background-color: #fff;
}

.radius .checkbox:before,
.radius .checkbox:after {
    border-radius: 6px;
}

.checkbox:after {
    z-index: -1;
    left: 50%;
    top: 53%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    border: none;
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='14px' height='14px' fill='white'><path d='M31.706 7.133l-2.839-2.839c-0.393-0.393-1.026-0.393-1.419 0l-14.515 15.324-8.32-8.324c-0.397-0.397-1.041-0.397-1.438 0l-2.876 2.878c-0.397 0.396-0.397 1.040 0 1.438l11.833 12.108c0.229 0.23 0.54 0.309 0.839 0.27 0.309 0.046 0.631-0.032 0.868-0.27l17.867-19.165c0.392-0.392 0.392-1.028 0-1.42z'></path></svg>");
}

.checkbox.active:before {
    background-color: #F3234A;
    border-color: #F3234A;
}

.checkbox.active:after {
    z-index: 1;
}

/* СТАТТЯ ТЕМНИЙ */

.article_text.dark {
    color: var(--text-dark-theme);
    /*background: var(--bg-color-dark-theme);*/
}

.article_text.dark .container {
    color: var(--text-common-dark-theme);
}

.article_text.dark h1,
.article_text.dark .H1 {
    color: var(--title-big-dark-theme);    
}

.article_text.dark h2,
.article_text.dark .H2 {
    color: var(--title-middle-dark-theme);
}

.article_text.dark h3,
.article_text.dark .H3 {
    color: var(--title-small-dark-theme);
}

.article_text.dark h4,
.article_text.dark .H4 {
    color: var(--block-title-small-dark-theme);
}

.article_text.dark h5,
.article_text.dark .H5 {
    color: var(--block-title-big-dark-theme);
}


.inner_dark .swipe_wrap table {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark tr:not(:first-child) {
    color: var(--text-dark-theme);
}

/* ХЕДЕР */
.site_header {
    width: 100%;
    position: relative;
    padding: 8px 0;
}

.site_header.transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.site_header::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--bg-color-white-theme);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.site_header.transparent::before {
    display: none;
}

.header_inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    max-width: 136px;
    height: auto;
}

.logo a img {
    object-fit: scale-down;
    width: auto;
    max-width: 100%;
}

.top_menu li a,
.anchor_menu li a {
    color: var(--text-white-theme);
}

#burger {
    width: 40px;
    height: 40px;
    position: relative;
    padding: 5px 7px;
    order: -1;
}

#burger span {
    display: block;
    background-color: #282828;
    width: 100%;
    height: 2px;
    margin: 6px 0;
}

.top_menu_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-1000px);
    z-index: 100000;
    transition: all .4s linear;
}

.top_menu_wrap_open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: all .4s linear;
}

.top_menu_wrap .mob_logo {
    display: block;
    width: 150px;
    height: auto;
    margin: 0 auto 10px auto;
}

.top_menu_wrap .bottom_menu li a {
    border-bottom: none;
    padding: 5px 10px;
}

.top_menu_wrap .mob_phones {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
}

.top_menu_wrap .mob_phones .svg_icon {
    flex: 0 0 20px;
    margin-right: 6px;
}

.top_menu_wrap .mob_phones-list {
    flex: 1 1 auto;
}

.top_menu_wrap .mob_phones-list li + li {
    margin-top: 4px;
}

.top_menu_wrap .mob_phones-item {
    padding: 0;
    border-bottom: none;
}

.site_header.dark .top_menu_wrap .mob_phones-item {
    color: var(--menu-name-first-dark-theme);
}

.mob_social {
    padding: 0 10px;
}

.mob_social-list {
    display: flex;
    flex-wrap: wrap;
}

.mob_social-list li {
    display: flex;
    margin: 0 10px 10px 0;
    width: auto;
}

.top_menu .mob_social-list li {
    width: auto;
    padding: 0;
}

.mob_social-item {
    display: block;
    padding: 0;
    width: 30px;
    height: 30px;
}

.top_menu .mob_social-list li a {
    padding: 0;
    width: 30px;
    height: 30px;
    border-bottom: none;
}

.mob_social-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mob_social-item .svg_icon {
    width: 100%;
    height: 100%;
    margin: 0;
}

.top_menu_close {
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}

.top_menu_close:after,
.top_menu_close:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 2px;
    top: 30px;
    right: 4%;
    background-color: #fff;
    display: block;
    transform: rotate(45deg);
}

.top_menu_close:before {
    transform: rotate(-45deg);
}

.top_menu,
.anchor_menu {
    position: fixed;
    min-width: 270px;
    width: 80%;
    background-color: var(--bg-color-white-theme);
    padding: 10px 0;
    height: 100%;
    overflow-y: auto;
}

.top_menu ul,
.anchor_menu ul {
    padding: 0;
    margin: 0 0 20px 0;
}

.top_menu ul li,
.anchor_menu ul li {
    width: 100%;
    position: relative;
}

.top_menu ul li a,
.anchor_menu ul li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px;
    text-decoration: none;
    color: var(--menu-name-first-white-theme);
    font-size: var(--menu-name-first);
    font-weight: var(--menu-name-first-weight);
    border-bottom: 1px solid rgba(71, 71, 71, 0.455);
    position: relative;
}

.top_menu ul li a > span,
.anchor_menu ul li a > span {
    display: block;
    font-size: calc(var(--text-small) - 2px);
    font-weight: 400;
}

.inner_dark .top_menu > ul > li > a,
.top_menu > ul > li > a,
.inner_dark .anchor_menu > ul > li > a,
.anchor_menu > ul > li > a {
    color: var(--menu-name-first-white-theme);
}

.site_header.dark .top_menu > ul > li > a,
.site_header.dark .anchor_menu > ul > li > a {
    color: var(--menu-name-first-dark-theme);
}

.site_header .top_menu > ul > li.has-submenu > a::after,
.site_header .top_menu > ul > li.has-submenu > a::before,
.site_header .anchor_menu > ul > li.has-submenu > a::after,
.site_header .anchor_menu > ul > li.has-submenu > a::before {
    background-color: var(--menu-name-first-white-theme);
}

.site_header.dark .top_menu > ul > li.has-submenu > a::after,
.site_header.dark .top_menu > ul > li.has-submenu > a::before,
.site_header.dark .anchor_menu > ul > li.has-submenu > a::after,
.site_header.dark .anchor_menu > ul > li.has-submenu > a::before {
    background-color: var(--menu-name-first-dark-theme);
}

.top_menu > ul > li > ul > li > a,
.anchor_menu > ul > li > ul > li > a {
    color: var(--menu-name-second-white-theme);
}


.top_menu > ul > li > ul > li > ul > li > a,
.anchor_menu > ul > li > ul > li > ul > li > a {
    color: var(--menu-name-second-white-theme);
}

.inner_dark .top_menu > ul > li > ul > li > a,
.inner_dark .anchor_menu > ul > li > ul > li > a {
    color: var(--menu-name-second-dark-theme);
}


.inner_dark .top_menu > ul > li > ul > li > ul > li > a,
.inner_dark .anchor_menu > ul > li > ul > li > ul > li > a {
    color: var(--menu-name-second-dark-theme);
}


.top_menu ul li.has-submenu > a,
.anchor_menu ul li.has-submenu > a {
    position: relative;
    padding-right: 28px;
}

.top_menu ul li.has-submenu > a::before,
.top_menu ul li.has-submenu > a::after,
.anchor_menu ul li.has-submenu > a::before,
.anchor_menu ul li.has-submenu > a::after {
    content: "";
    width: 1px;
    height: 8px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 14px;
    transition: 0.3s;
    transform-origin: bottom;
}

.top_menu ul li.has-submenu > a::before,
.anchor_menu ul li.has-submenu > a::before {
    transform: translateY(-50%) rotate(-45deg);
}

.top_menu ul li.has-submenu > a::after,
.anchor_menu ul li.has-submenu > a::after {
    transform: translateY(-50%) rotate(45deg);
}

.top_menu ul li.has-submenu.active > a::before,
.anchor_menu ul li.has-submenu.active > a::before {
    transform-origin: top;
    transform: translateY(-50%) rotate(45deg);
}

.top_menu ul li.has-submenu.active > a::after,
.anchor_menu ul li.has-submenu.active > a::after {
    transform-origin: top;
    transform: translateY(-50%) rotate(-45deg);
}

.top_menu .submenu,
.anchor_menu .submenu {
    display: none;
    padding-left: 20px;
}

.top_menu li.has-submenu.active > .submenu,
.anchor_menu li.has-submenu.active > .submenu {
    display: block;
}

.phone_container {
    display: block;
    text-align: right;
    line-height: 0;
    padding-left: 30px;
    position: relative;
}

.single-phone:not(:nth-child(1)) {
    display: none;
}

.phone_container .call_us {
    font-size: 0;
    display: none;
}

.phone_container .call_us.mobile {
    display: block;
}

.phone_container .write_us {
    display: none;
}

.phone_container .call_us .svg_icon {
    width: 24px;
    height: 24px;
    margin-right: 0;
    /* position: absolute; */
    left: 0;
}

/* ХЕДЕР ТЕМНИЙ */

.site_header.dark {
    color: var(--text-dark-theme);
}

.site_header.dark::before {
    background: var(--bg-color-dark-theme);
}

.site_header.dark #burger span {
    background-color: #fff;
}

.site_header.dark a {
    color: var(--link-dark-theme);
}

.site_header.dark .svg_icon {
    fill: var(--icon-dark-theme);
}

.site_header.dark .top_menu,
.site_header.dark .anchor_menu {
    background: var(--bg-color-dark-theme);
}

/* СТАТТЯ */

.article_text {
    padding: var(--section-padding);
    position: relative;
}

.article_text {
    color: var(--text-common-white-theme);
}

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

article figure.image {
    display: flex;
    justify-content: center;
}

article figure.image.image-style-side {
    display: inline-block;
    float: right;
}

.text_place .btn,
.content_text.bottom_text .btn {
    display: inline-flex;
    margin: 0 0 5px 0;
    width: auto;
}

@media screen and (max-width: 768px) {
    .text_place {
        column-count: 1 !important;
    }
}


/* БАННЕР */
.banner {
    color: var(--text-white-theme);
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    padding: var(--section-padding);
    background: center / cover no-repeat;
    position: relative;
}

.site_header.transparent ~ main > .banner:nth-child(1) {
    padding-top: 140px;
}

.banner.parallax {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.banner > .container {
    z-index: 1;
}

.banner.banner_not-form .banner_text {
    min-width: 100%;
    text-align: center;
}

.banner.banner_not-form .banner_text .title,
.banner.banner_not-form .banner_text .subtitle,
.banner.banner_not-form .banner_text .title_sm {
    text-align: center;
}

.component-shadow {
    position: relative;
}

.banner::after,
.component-shadow::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--image-fg-white-theme);
    z-index: -2;
}

.banner_inner {
    position: relative;
    display: flex;
    flex-direction: column;
}

.banner.middle .banner_inner {
    flex-direction: column;
}

.banner.middle .banner_text {
    text-align: center;
    margin-bottom: 30px;
}

.banner.middle .banner_text .btn {
    margin-left: auto;
    margin-right: auto;
}

.banner.middle .banner_form {
    margin-left: 0;
}

.banner.right .banner_text {
    margin-bottom: 30px;
}

.banner.right .banner_text .btn {
    margin-left: auto;
    margin-right: 0;
}

.banner.middle .main_slider-btns,
.banner.right .main_slider-btns,
.banner.left .main_slider-btns {
    display: flex;
    flex-wrap: wrap;
}

.banner .banner_text .H3.align_left ~ .main_slider-btns {
    justify-content: flex-start;
}

.banner .banner_text .H3.align_left ~ .main_slider-btns .btn {
    margin-left: 0;
    margin-right: 18px;
}

.banner .banner_text .H3.align_center ~ .main_slider-btns {
    justify-content: center;
}

.banner .banner_text .H3.align_center ~ .main_slider-btns .btn {
    margin-left: 10px;
    margin-right: 10px;
}

.banner .banner_text .H3.align_right ~ .main_slider-btns {
    justify-content: flex-end;
}

.banner.left .main_slider-btns .btn {
    margin: 0 18px 10px 0;
}

.banner.middle .main_slider-btns .btn {
    margin: 0 8px 10px 8px;
}

.banner.right .main_slider-btns .btn {
    margin: 0 0 10px 18px;
}

.banner_form header {
    margin-bottom: 23px;
}

.banner_form {
    color: var(--text-common-white-theme);
    width: 100%;
    max-width: 351px;
    margin: 0 auto;
    padding: 40px;
    background-color: #fff;
}

.banner_form form {
    padding: 0;
}

.banner_form .title {
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 13px;
    font-weight: 900;
    padding: 0 15px;
    font-size: var(--block-title-big);
    line-height: 24px;
}

.banner_form .subtitle {
    text-align: center;
    font-size: var(--block-title-small);
    color: #727272;
    margin-bottom: 20px;
    font-weight: normal;
}

.banner-picture,
.component-bg_img {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: var(--image-fg-opacity-white-theme);
}

.dark .banner-picture,
.dark .component-bg_img {
    opacity: var(--image-fg-opacity-dark-theme);
}

.banner-picture img,
.component-bg_img img,
.banner-picture video,
.component-bg_img video {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.banner-picture.bg_left img,
.component-bg_img.bg_left img,
.banner-picture.bg_left video,
.component-bg_img.bg_left video {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.banner-picture.bg_right img,
.component-bg_img.bg_right img,
.banner-picture.bg_right video,
.component-bg_img.bg_right video {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    height: auto;
    max-height: 100%;
}

.form_bottom-guard {
    display: block;
    text-align: center;
    margin-top: 8px;
    font-size: var(--text-small);
    font-weight: var(--text-small-weight);
    color: var(--text-small-white-theme);
}

.inner_dark .form_bottom-guard {
    color: var(--text-small-dark-theme);
}

.banner .error-message {
    margin-bottom: 12px;
    font-size: 14px;
    color: var(--icon-white-theme);
    animation: error_light-color 0.2s linear 0.3s forwards;
}

.inner_dark .error-message {
    color: var(--icon-dark-theme);
    animation: error_dark-color 0.2s linear 0.3s forwards;
}

@keyframes error_light-color {
    0% {
        color: var(--icon-white-theme);
    }

    100% {
        color: var(--text-white-theme);
    }
}

@keyframes error_dark-color {
    0% {
        color: var(--icon-dark-theme);
    }

    100% {
        color: var(--text-dark-theme);
    }
}

.banner .protected_data {
    text-align: center;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.protected_data .svg_icon {
    fill: var(--icon-white-theme);
}

.inner_dark .protected_data .svg_icon {
    fill: var(--icon-dark-theme);
}

.banner .text_place {
    margin-bottom: 16px;
}

.inner_dark .banner_form .H2 {
    color: var(--title-middle-dark-theme);
}

.inner_dark .banner_form .H4 {
    color: var(--block-title-small-dark-theme);
}

.inner_dark .banner_form {
    color: var(--text-common-dark-theme);
}

/* БАННЕР ТЕМНИЙ */

.banner.dark {
    color: var(--text-dark-theme);
}

.banner.dark::after,
.component-shadow.dark::after {
    background: var(--image-fg-dark-theme);
}

.banner.dark .banner_text {
    color: var(--text-common-dark-theme);
}

.banner.dark .banner_text h1,
.banner.dark .banner_text .H1 {
    color: var(--title-big-dark-theme);    
}

.banner.dark .banner_text h2,
.banner.dark .banner_text .H2 {
    color: var(--title-middle-dark-theme);
}

.banner.dark .banner_text h3,
.banner.dark .banner_text .H3 {
    color: var(--title-small-dark-theme);
}

.banner.dark .banner_text h4,
.banner.dark .banner_text .H4 {
    color: var(--block-title-small-dark-theme);
}

.banner.dark .banner_text h5,
.banner.dark .banner_text .H5 {
    color: var(--block-title-big-dark-theme);
}

.inner_dark .banner_form {
    background: var(--item-bg-dark-theme);
}

.inner_dark .banner_form .title {
    color: var(--block-title-big-dark-theme);
}

.inner_dark .banner_form .subtitle {
    color: var(--block-title-small-dark-theme);
}

.inner_dark form .btn {
    background-color: var(--btn-bg-dark-theme);
    color: var(--btn-text-dark-theme);
}

.inner_dark form input,
.inner_dark form textarea {
    color: var(--text-dark-theme);
    background: transparent;
    border-color: var(--border-color-dark-theme);
}

.inner_dark .styled_input > label {
    color: var(--text-middle-dark-theme);
}

.inner_dark form .icon_label .svg_icon {
    fill: var(--icon-dark-theme);
}

/* ПЕРЕВАГИ */
.advantages {
    padding: var(--section-padding);
}

.advantages.dark .H1 {
    color: var(--title-big-dark-theme);
}

.advantages.dark .H2 {
    color: var(--title-middle-dark-theme);
}

.advantages .H3 {
    display: block;
    text-align: center;
}

.advantages.dark .H3 {
    color: var(--title-small-dark-theme);
}

.advantages.dark .content_text {
    color: var(--text-common-dark-theme);
}

.advantages.dark .content_text h1,
.advantages.dark .content_text .H1 {
    color: var(--title-big-dark-theme);    
}

.advantages.dark .content_text h2,
.advantages.dark .content_text .H2 {
    color: var(--title-middle-dark-theme);
}

.advantages.dark .content_text h3,
.advantages.dark .content_text .H3 {
    color: var(--title-small-dark-theme);
}

.advantages.dark .content_text h4,
.advantages.dark .content_text .H4 {
    color: var(--block-title-small-dark-theme);
}

.advantages.dark .content_text h5,
.advantages.dark .content_text .H5 {
    color: var(--block-title-big-dark-theme);
}


.advantages .item {
    padding: 10px;
    background: var(--item-bg-white-theme);
    z-index: 1;
}

.inner_dark .item.no_background,
.advantages .item.no_background {
    background: transparent;
    box-shadow: none;
}

.advantages .item figure {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.advantages .item img {
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*margin-bottom: 25px;*/
    margin-bottom: 0;
    position: relative;
}

.advantages .item figure.icons_component {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.advantages .item figure.icons_component img {
    width: 100%;
    max-width: var(--data-max-width);
    height: auto;
    display: block;
    object-fit: contain;
}

    /* ПЕРЕВАГИ ТЕМНИЙ */

.advantages.dark {
    /*background: var(--bg-color-dark-theme);*/
}

.advantages.dark .title,
.advantages.dark .subtitle {
    color: var(--text-dark-theme);
}

.inner_dark .item {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark .item .fig_title {
    color: var(--text-dark-theme);
}

.inner_dark .item .fig_sub_title {
    color: var(--text-dark-theme);
}

/* МИ ПРОПОНУЄМО */
.we_offer .item {
    color: var(--text-white-theme);
    background: var(--item-bg-white-theme);
}

.we_offer .item img {
    font-size: 0;
    height: 256px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* МИ ПРОПОНУЄМО ТЕМНИЙ */

.we_offer.dark {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.inner_dark .item {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark .fig_title {
    color: var(--text-dark-theme);
}

/* ПРИКЛАДИ РОБІТ  */
.our_work .item {
    margin: 0 10px;
    color: var(--text-white-theme);
    background: var(--item-bg-white-theme);
}

.our_work.radius .item {
    margin: 0 12px 10px 12px;
}

.our_work .item figure img {
    font-size: 0;
    height: 375px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.our_work .fig_title {
    font-size: calc(var(--block-title-big) - 2px);;
    padding: 0 10px;
}

/* ПРИКЛАДИ РОБІТ ТЕМНИЙ */

.our_work.dark {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.inner_dark .item {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark .fig_title {
    color: var(--text-dark-theme);
}

/* ДОДАТКОВІ ПОСЛУГИ */
.add_services_table_wrap {
    width: 100%;
    position: relative;
}

.swipe_wrap {
    color: var(--text-white-theme);
    width: 100%;
    position: relative;
    overflow-x: auto;
}

.add_services_table {
    min-width: 1110px;
    background-color: #fff;
    padding: 14px 14px 0px;
}

.add_services.radius .add_services_table {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.table_row {
    background-color: #F4F4F4;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 10px 0 25px;
}

.table_row:not(:last-child) {
    margin-bottom: 7px;
}

.table_row > td {
    color: #282828;
    font-weight: bold;
    font-size: var(--text-common);
    min-width: 142px;
}

.table_row > td.checkbox {
    min-width: 60px;
}

.table_row > td:first-child {
    width: 100%;
    max-width: 355px;
    flex-shrink: 0;
}

.table_row input {
    width: 60px;
    height: 27px;
    padding-left: 0;
    background: transparent;
    text-align: center;
    color: #282828;
}

.table_title_row {
    background-color: transparent;
}

.table_title_row > div {
    color: #727272;
    font-weight: normal;
}

.table_title_row > div:last-child {
    min-width: 60px;
    text-align: center;
}

.table_row_bottom {
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #fff;
    height: auto;
    padding: 10px;
}

.radius .table_row_bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.table_row_bottom div.top_part {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
}

.table_row_bottom .top_part a {
    line-height: 1.2;
    color: #F3234A;
    text-align: center;
    width: 100%;
    font-size: var(--text-common);
    font-weight: 300;
    border-bottom: 1px solid;
    width: max-content;
    margin: 0 50%;
    white-space: nowrap;
}

.table_row_bottom .top_part span {
    font-size: var(--text-common);
    color: #727272;
    margin: 15px 0;
}

.table_row_bottom .top_part .total_sum {
    font-size: 24px;
    font-weight: bold;
    color: #282828;
    margin: 15px 0 9px 15px;
}

.table_row_bottom a.btn {
    margin: 0 auto;
    width: 180px;
    font-weight: bold;
}

/* ДОДАТКОВІ ПОСЛУГИ ТЕМНИЙ */

.add_services.dark {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.inner_dark .add_services_table {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark .table_row.table_title_row {
    background-color: transparent;
}

.inner_dark .table_row.table_title_row > div {
    color: #727272
}

.inner_dark .table_row {
    background-color: #1F202E;
    color: var(--text-dark-theme);
}

.inner_dark .table_row > td {
    color: var(--text-dark-theme);
}

.inner_dark .table_row input {
    color: #fff;
    border-color: #57596E;
}

.inner_dark .checkbox:before,
.inner_dark .checkbox:after {
    background-color: transparent;
}

.inner_dark .table_row_bottom {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark .table_row_bottom .top_part .total_sum {
    color: var(--text-dark-theme);
}

.inner_dark .table_row_bottom .top_part a {
    color: var(--link-dark-theme);
}

.inner_dark .table_row_bottom a.btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}

/* ПРОЦЕС СПІВПРАЦІ */
.work_process {
    padding: var(--section-padding);
    position: relative;
}

.work_process-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: var(--image-fg-opacity-white-theme);
}

.work_process-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.process_tree {
    width: 100%;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.work_process.faq .process_tree {
    max-width: 100%;
}

.pr_step {
    display: flex;
    justify-content: flex-end;
    width: auto;
    position: relative;
    margin-left: 30px;
    padding-bottom: 30px;
}

.pr_step:last-child {
    padding-bottom: 0;
}

.pr_step:after {
    content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: var(--btn-bg-white-theme);
    border-radius: 0;
    opacity: 0.5;
}

.pr_step:nth-child(1)::after {
    top: 89px;
    height: calc(100% - 89px);
}

.pr_step .step_number {
    font-weight: var(--title-big-weight);
    position: absolute;
    z-index: 11;
    top: 0;
    left: 1px;
    width: 90px;
    height: 90px;
    color: var(--btn-bg-white-theme);
    font-size: var(--title-middle);
    display: flex;
    align-items: center;
    justify-content: center;
}


.pr_step:not(:nth-child(1)):last-child .step_number {
    top: auto;
    bottom: 1px;
}

.pr_step .step_number::before {
    content: "";
    width: 50%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--btn-bg-white-theme);
    transform: translateY(50%);
    opacity: 0.5;
}

.pr_step .step_number::after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--btn-bg-white-theme);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}

.pr_step .step_content {
    position: relative;
    overflow: visible;
    width: calc(100% - 100px);
    padding: 20px;
    color: var(--text-white-theme);
    background: var(--item-bg-white-theme);
    text-align: left;
    transition: 0.3s;
}

.step_content .fig_title {
    color: var(--title-small-white-theme);
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    transition: 0.3s;
}

.step_content .fig_sub_title {
    /*display: none;*/
    color: #727272;
    margin-top: 10px;
}

.inner_dark .step_content .fig_sub_title {
    color: var(--text-dark-theme);
}

.step_content.active .fig_sub_title {
    /*display: block;*/
}

.step_content .apply {
    font-size: var(--text-middle);
    font-weight: var(--text-middle-weight);
    font-weight: 300;
    line-height: 1.2;
    color: #F3234A;
    border-bottom: 1px solid #F3234A;
    margin-top: 10px;
    width: max-content;
    display: flex;
}

.work_process_inner a.btn {
    width: 100%;
    margin-top: 50px;
    height: 50px;
    filter: none;
    text-transform: none;
}

.faq.work_process .step_number {
    display: none;
}

.faq.work_process .step_content {
    width: 100%;
}

.faq.work_process .pr_step {
    margin-left: 0;
    padding-bottom: 0;
}

.faq.work_process .pr_step + .pr_step {
    margin-top: 16px;
}

.faq.work_process .pr_step:after {
    display: none;
}

.faq.work_process .step_content {
    cursor: pointer;
}

.faq.work_process .step_content .fig_sub_title {
    display: none;
}

.faq.work_process .step_content.active .fig_sub_title {
    display: block;
}

.faq .fig_title {
    margin-top: 0;
}

/* ПРОЦЕС СПІВПРАЦІ ТЕМНИЙ */
.work_process.dark {
    color: var(--text-common-dark-theme);
}

.work_process.dark .content_text {
    color: var(--text-common-dark-theme);
}

.work_process.dark h1,
.work_process.dark .H1 {
    color: var(--title-big-dark-theme);    
}

.work_process.dark h2,
.work_process.dark .H2 {
    color: var(--title-middle-dark-theme);
}

.work_process.dark h3,
.work_process.dark .H3 {
    color: var(--title-small-dark-theme);
}

.work_process.dark h4,
.work_process.dark .H4 {
    color: var(--block-title-small-dark-theme);
}

.work_process.dark h5,
.work_process.dark .H5 {
    color: var(--block-title-big-dark-theme);
}

.inner_dark .pr_step .step_number,
.dark.inner_dark .pr_step .step_number {
    color: var(--btn-bg-dark-theme);
}

.inner_dark .pr_step .step_number::before,
.dark.inner_dark .pr_step .step_number::before {
    background-color: var(--btn-bg-dark-theme);
}

.inner_dark .pr_step .step_number::after,
.dark.inner_dark .pr_step .step_number::after {
    background-color: var(--btn-bg-dark-theme);
}

.inner_dark .pr_step:after {
    background-color: var(--btn-bg-dark-theme);
}

.inner_dark .pr_step .step_content {
    background: var(--item-bg-dark-theme);
}

.inner_dark .step_content .fig_title {
    color: var(--title-small-dark-theme);
}

.inner_dark .step_content .apply {
    color: var(--link-dark-theme);
    border-color: var(--link-dark-theme);
}

.work_process.dark .work_process_inner a.btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}

/* КАТАЛОГ */
.catalog {
    color: var(--text-common-white-theme);
    padding: var(--section-padding);
    position: relative;
}

.catalog .slick-list {
    padding: 10px 5px;
}

.catalog .item {
    display: flex;
    flex-direction: column;
    background: var(--item-bg-white-theme);
}

.catalog .swiper {
    width: calc(100% + 20px);
    margin: -10px;
    padding: 10px;
}

.catalog .swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
}

.catalog .swiper:not(.swiper-initialized)[data-coll-mobile="1"] .item {
    flex: 0 0 100%;
}

.catalog .swiper:not(.swiper-initialized)[data-coll-mobile="2"] .item {
    flex: 0 0 calc(50% - 5px);
    margin-right: 10px;
}

.catalog .swiper.swiper-initialized .item {
    height: auto;
}

/* .tile {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.tile.coll_mobile-2 {
    grid-template-columns: 1fr 1fr;
}

.tile.coll_mobile-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
} */

.tile {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% + 8px);
    margin-left: -4px;
    /* grid-template-columns: 1fr;
    grid-gap: 8px; */
}

.tile .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc(100% - 16px);
    margin-bottom: 8px;
    margin: 0 4px 8px 4px;
}

.tile.coll_mobile-2 .item {
    flex: 0 0 calc((100% / 2) - 8px);
}

.tile.coll_mobile-3 .item {
    flex: 0 0 calc((100% / 3) - 8px);
}

.catalog .fig_title {
    margin-top: 0;
    margin-bottom: 6px;
    color: var(--text-common-white-theme);
    word-break: break-word;
}

.catalog .item figure img {
    margin: 0 auto;
    width: 100%;
    max-width: var(--data-max-width);
    font-size: 0;
    object-fit: contain;
}

.catalog figure {
    text-align: left;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
}

.catalog figcaption {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px 10px 10px 10px;
}

.catalog figcaption .date {
    font-size: 12px;
    opacity: 0.5;
    margin: 0 0 6px auto;
}

.catalog figcaption .author_name {
    font-size: 12px;
    margin: 0 0 6px 0;
}

.catalog .fig_bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 24px;
}

.catalog .price {
    font-size: var(--title-small);
    font-weight: var(--title-small-weight);
    color: var(--title-small-white-theme);
    margin-bottom: 8px;
    width: auto;
}

.catalog a.btn {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;
    font-weight: bold;
}

.publications_swiper.swiper {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 10px;
}

/*--- one left four rght ---*/

.one_left-four_rght {
    display: flex;
    flex-direction: column;
}

.one_left-four_rght > .col:nth-child(1) {
    margin-bottom: 16px;
}

.catalog .one_left-four_rght > .col:nth-child(1) .item figure img {
    height: auto;
    margin-bottom: 0;
}

.catalog .one_left-four_rght > .col:nth-child(1) figcaption {
    padding: 0 10px 20px 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.catalog .one_left-four_rght > .col:nth-child(1) .fig_title {
    text-decoration: none;
    color: var(--block-title-small-dark-theme);
    font-size: 14px;
    font-weight: 700;
}

.catalog .one_left-four_rght > .col:nth-child(1) .fig_title a {
    text-decoration: none;
    color: var(--block-title-small-dark-theme);
}

.inner_dark .one_left-four_rght > .col:nth-child(1) .fig_title a  {
    color: var(--block-title-small-white-theme);
}

.catalog .one_left-four_rght > .col:nth-child(1) .fig_sub_title {
    margin-top: 0;
    color: var(--text-middle-dark-theme);
}

.inner_dark .one_left-four_rght > .col:nth-child(1) .fig_sub_title {
    color: var(--text-middle-white-theme);
}

.catalog .one_left-four_rght > .col:nth-child(1) .fig_bottom {
    padding-top: 12px;
}

.catalog .one_left-four_rght > .col:nth-child(1) .btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}

.inner_dark .one_left-four_rght > .col:nth-child(1) .btn {
    color: var(--btn-text-white-theme);
    background-color: var(--btn-bg-white-theme);
}

.one_left-four_rght > .col:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.catalog .one_left-four_rght > .col:nth-child(2) .item figure img {
    height: auto;
    margin-bottom: 8px;
}

.catalog .one_left-four_rght > .col:nth-child(2) figcaption {
    padding: 0 8px 8px 8px;
}

.catalog .one_left-four_rght > .col:nth-child(2) .fig_title {
    text-decoration: none;
    color: var(--block-title-small-white-theme);
    font-size: 14px;
    font-weight: 700;
}

.catalog .one_left-four_rght > .col:nth-child(2) .fig_title a {
    text-decoration: none;
    color: var(--block-title-small-white-theme);
}

.inner_dark .one_left-four_rght > .col:nth-child(2) .fig_title {
    text-decoration: none;
    color: var(--block-title-small-dark-theme);
    font-size: 14px;
    font-weight: 700;
}

.inner_dark .one_left-four_rght > .col:nth-child(2) .fig_title a {
    text-decoration: none;
    color: var(--block-title-small-dark-theme);
}

.catalog .one_left-four_rght > .col:nth-child(2) .fig_sub_title {
    margin-top: 0;
}

.catalog .one_left-four_rght > .col:nth-child(2) .fig_bottom {
    padding-top: 12px;
}

.catalog .one_left-four_rght > .col:nth-child(2) a.btn {
    min-height: 32px;
}

/* --- four horizontal eight above --- */

.four_horizontal-eight_above {
    display: flex;
    flex-direction: column;
}

.four_horizontal-eight_above > .col:nth-child(1) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.four_horizontal-eight_above > .col:nth-child(1) .item figure img {
    height: auto;
}

.catalog .four_horizontal-eight_above > .col:nth-child(1) figcaption {
    padding: 0 8px 8px 8px;
}

.catalog .four_horizontal-eight_above > .col:nth-child(1) .fig_title {
    text-decoration: none;
    color: var(--block-title-small-white-theme);
    font-size: 14px;
    font-weight: 700;
}

.catalog .four_horizontal-eight_above > .col:nth-child(1) .fig_title a {
    text-decoration: none;
    color: var(--block-title-small-white-theme);
}

.inner_dark .four_horizontal-eight_above > .col:nth-child(1) .fig_title {
    text-decoration: none;
    color: var(--block-title-small-dark-theme);
    font-size: 14px;
    font-weight: 700;
}

.inner_dark .four_horizontal-eight_above > .col:nth-child(1) .fig_title a {
    text-decoration: none;
    color: var(--block-title-small-dark-theme);
}

.catalog .four_horizontal-eight_above > .col:nth-child(1) .fig_sub_title {
    margin-top: 0;
}

.catalog .four_horizontal-eight_above > .col:nth-child(1) .fig_bottom {
    padding-top: 12px;
}

.catalog .four_horizontal-eight_above > .col:nth-child(1) a.btn {
    min-height: 32px;
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) {
    display: grid;
    gap: 16px;
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) figure {
    flex-direction: row;
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) figure > a {
    flex: 0 0 75px;
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) .item figure img {
    margin-bottom: 0;
    height: 100%;
    aspect-ratio: auto !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) figcaption {
    padding: 8px;
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) .fig_title {
    text-decoration: none;
    color: var(--block-title-small-white-theme);
    font-size: 14px;
    font-weight: 700;
}

.inner_dark .four_horizontal-eight_above > .col:nth-child(2) .fig_title {
    color: var(--block-title-small-dark-theme);
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) .fig_title a {
    text-decoration: none;
    color: var(--block-title-small-white-theme);
}

.inner_dark .four_horizontal-eight_above > .col:nth-child(2) .fig_title a {
    color: var(--block-title-small-dark-theme);
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) .fig_sub_title {
    margin-top: 0;
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) .fig_bottom {
    padding-top: 8px;
}

.catalog .four_horizontal-eight_above > .col:nth-child(2) a.btn {
    min-height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0;
    width: auto;
}

/* --- three col --- */

.catalog .three_col {
    display: flex;
    flex-direction: column;
}

.catalog .three_col > .col:nth-child(2) {
    display: flex;
    flex-direction: column;
    order: -1;
    margin-bottom: 30px;
}

.catalog .three_col > .col:nth-child(2) .item {
    flex: 0 1 auto;
    margin-bottom: 10px;
}

.catalog .three_col > .col:nth-child(2) .item figure {
    flex: 0 1 auto;
}

.catalog .three_col > .col:nth-child(2) .item:nth-child(1) figure img {
    aspect-ratio: 4 / 3 !important;
    height: auto;
    margin-bottom: 16px;
}

.catalog .three_col > .col:nth-child(2) .item:nth-child(1) .fig_title {
    font-size: 16px;
    margin-bottom: 10px;
}

.catalog .three_col > .col:nth-child(2) .item:nth-child(1) .fig_title a {
    font-size: 16px;
    text-decoration: none;
    color: var(--texct-common-white-theme);
}

.catalog .three_col > .col:nth-child(2) .item:nth-child(1) .fig_sub_title {
    margin-top: 0;
}

.catalog .three_col > .col:nth-child(2) .item:nth-child(1) .fig_bottom {
    padding-top: 12px;
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) figure {
    flex-direction: row;
    min-height: 116px;
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) figure > a {
    flex: 0 0 50%;
    align-self: stretch;
    display: block;
    position: relative;
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) figure img {
    display: block;
    margin-bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    aspect-ratio: auto !important;
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) figcaption {
    padding: 8px;
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) .fig_title {
    font-size: 12px;
    margin-bottom: 8px;
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) .fig_title > a {
    text-decoration: none;
    color: var(--texct-common-white-theme);
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) .fig_sub_title {
    font-size: 12px;
    margin-top: 0;
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) .fig_bottom {
    padding-top: 8px;
}

.catalog .three_col > .col:nth-child(2) .item:not(:nth-child(1)) a.btn {
    font-size: var(--text-small);
    min-height: 32px;
    width: auto;
    margin-left: 0;
    padding: 5px 20px;
}

.catalog .three_col > .col:nth-child(1) {
    margin-bottom: 30px;
}

.catalog .three_col > .col:nth-child(1),
.catalog .three_col > .col:nth-child(3) {
    position: relative;
    display: flex;
    overflow-x: auto;
    margin: 0 -10px 0 0 ;
    padding-top: 40px;
    padding-bottom: 10px;
    width: calc(100% + 10px);
}

.catalog .three_col > .col:nth-child(1)::before,
.catalog .three_col > .col:nth-child(3)::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 10px;
    background-image: url(./../images/swipe.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.catalog .three_col > .col:nth-child(1) .item,
.catalog .three_col > .col:nth-child(3) .item {
    width: 220px;
    flex: 0 0 220px;
    margin-right: 10px;
}

.catalog .three_col > .col:nth-child(1) figure > a,
.catalog .three_col > .col:nth-child(3) figure > a  {
    display: none;
}

.catalog .three_col > .col:nth-child(1) .statuses_place,
.catalog .three_col > .col:nth-child(3) .statuses_place {
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    top: unset;
    left: unset;
    padding: 8px 8px 0 8px;
}

.catalog .three_col > .col:nth-child(1) .status-block {
    margin: 0 8px 8px 0;
}

.catalog .three_col > .col:nth-child(1) .status-block + .status-block,
.catalog .three_col > .col:nth-child(3) .status-block + .status-block {
    margin-top: 0;
}

.catalog .three_col > .col:nth-child(1) figcaption,
.catalog .three_col > .col:nth-child(3) figcaption {
    padding: 8px;
}

.catalog .three_col > .col:nth-child(1) .fig_title,
.catalog .three_col > .col:nth-child(3) .fig_title {
    font-size: 12px;
    margin-bottom: 8px;
}

.catalog .three_col > .col:nth-child(1) .fig_title > a,
.catalog .three_col > .col:nth-child(3) .fig_title > a {
    text-decoration: none;
    color: var(--texct-common-white-theme);
}

.catalog .three_col > .col:nth-child(1) .fig_sub_title,
.catalog .three_col > .col:nth-child(3) .fig_sub_title {
    font-size: 12px;
    margin-top: 0;
}

.catalog .three_col > .col:nth-child(1) .fig_bottom,
.catalog .three_col > .col:nth-child(3) .fig_bottom {
    display: none;
    padding-top: 8px;
}

.catalog .three_col > .col:nth-child(1) .fig_bottom a.btn,
.catalog .three_col > .col:nth-child(3) .fig_bottom a.btn {
    font-size: var(--text-small);
    min-height: 32px;
    width: auto;
    margin-left: 0;
    padding: 5px 20px;
}

/* КАТАЛОГ ТЕМНИЙ */

.catalog.dark {
    color: var(--text-common-dark-theme);
    background: var(--bg-color-dark-theme);
}

.inner_dark .item {
    background: var(--item-bg-dark-theme);
}

.inner_dark .fig_title {
    color: var(--text-dark-theme);
}

.inner_dark .item .price {
    color: var(--title-small-dark-theme);
}

.inner_dark a.btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}

.inner_dark .slick-dots li.slick-active button {
    background: var(--link-dark-theme);
}

.inner_dark .slick-dots li.slick-active {
    border: 2px solid var(--link-dark-theme);
}

.catalog.dark {
    color: var(--text-common-dark-theme);
}

.catalog.dark .content_text {
    color: var(--text-common-dark-theme);
}

.catalog.dark h1,
.catalog.dark .H1 {
    color: var(--title-big-dark-theme);    
}

.catalog.dark h2,
.catalog.dark .H2,
.catalog.dark .subtitle {
    color: var(--title-middle-dark-theme);
}

.catalog.dark h3,
.catalog.dark .H3 {
    color: var(--title-small-dark-theme);
}

.catalog.dark h4,
.catalog.dark .H4 {
    color: var(--block-title-small-dark-theme);
}

.catalog.dark h5,
.catalog.dark .H5 {
    color: var(--block-title-big-dark-theme);
}

.inner_dark .fig_title {
    color: var(--text-common-dark-theme);
}

.inner_dark .fig_sub_title {
    color: var(--text-middle-dark-theme);
}

/* НОВИНИ */
.news figure {
    text-align: left;
}

.news figcaption {
    padding: 0 25px 25px;
}

.news .fig_sub_title {
    color: #727272;
}

.news .item img {
    font-size: 0;
    height: 300px;
}

.news .fig_bottom {
    display: flex;
    margin-top: 20px;
    color: #727272;
}

.news .fig_bottom > div {
    display: flex;
    align-items: center;
    font-size: var(--text-small);
    font-weight: var(--text-small-weight);
    color: var(--text-small-white-theme);
    margin-right: 30px;
}

.news .fig_bottom > div .svg_icon {
    width: 16px;
    height: 16px;
}

/* НОВИНИ ТЕМНИЙ */

.news.dark {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.inner_dark .item {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark .fig_title {
    color: var(--text-dark-theme);
}

/* ВІДГУКИ */
.reviews_work {
    color: var(--text-white-theme);
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    padding: var(--section-padding);
    background: center / cover no-repeat;
    position: relative;
}

.reviews .item {
    position: relative;
    margin: 0 5px;
    background-color: transparent;
    box-shadow: none !important;
}

.author_foto {
    position: relative;
    width: 90px;
    height: 90px;
    overflow: hidden;
    overflow: hidden;
    margin: 0 auto 0;
    transform: translateY(-45px);
}

.radius .author_foto {
    border-radius: 50%;
}

.radius .author_foto img {
    font-size: 0;
}

.r_content {
    color: var(--text-white-theme);
    text-align: center;
    padding: 0 25px 25px;
    margin: 50px auto 25px;
    overflow: visible;
    background: var(--item-bg-white-theme);
}

.r_text {
    margin: -20px auto 20px;
    font-style: italic;
}

.r_author {
    padding-right: 6px;
    font-size: var(--block-title-small);
    color: var(--block-title-small-white-theme);
    font-weight: bold;
}

.r_city,
.r_author_date {
    font-size: var(--text-small);
    font-weight: var(--text-small-weight);
    color: var(--text-small-white-theme);
}

.rw_item_title .stars {
    margin-left: auto;
}

.rw_item_title .stars .icon {
    margin: 0 0 0 6px;
}

.rw_item_title .stars .svg_icon {
    margin: 0;
}

.r_gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}

.radius .r_gallery img {
    border-radius: 5px;
    font-size: 0;
}

/* ВІДГУКИ ТЕМНИЙ */

.reviews.dark {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.inner_dark .r_content {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

/* ВІДГУКМ ПРО НАШІ РОБОТИ */
.reviews_work .item {
    display: flex;
    flex-direction: column;
    color: var(--text-white-theme);
    padding: 20px 20px 0;
    background: var(--item-bg-white-theme);
}

.rw_item_title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.reviews_work .author_foto {
    transform: none;
    width: 40px;
    height: 40px;
    margin: 0 12px 0 0;
}

.reviews_work .author_foto img {
    font-size: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rw_item_text {
    display: flex;
    flex-direction: column;
    font-size: var(--text-middle);
    font-weight: var(--text-middle-weight);
    color: var(--text-middle-white-theme);
    margin-bottom: 10px;
}

.reviews_work .item > div.rw_item_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.rw_item_text .media {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 6px;
}

.rw_item_text .youtube {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
}

.rw_item_text .youtube::before {
    content: "";
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(42, 123, 155, 0) 0%, rgb(0 0 0 / 47%) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.rw_item_text .youtube img.shorts_play {
    width: 100%;
    height: var(--height-shorts);
    object-fit: cover;
}

.reviews_work .item .youtube .svg_icon {
    display: block;
    margin: 0;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.shorts_top-text {
    font-size: 16px;
    padding: 14px 16px 0 16px;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.rw_item_bottom {
    background-color: #F1F1F1;
    margin-top: auto;
    padding: 0 18px;
    height: 48px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    font-size: var(--text-small);
    color: var(--text-small-white-theme);
    font-weight: var(--text-small-weight);
    margin: auto -20px 0;
}

.radius .rw_item_bottom {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.reviews_work .item > div {
    display: flex;
    align-items: center;
    width: 100%;
}

.reviews_work .item > div .svg_icon {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
}

.reviews_work .item .sourse {
    text-decoration: underline;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reviews_work .item .sourse:hover {
    text-decoration: none;
}

.rw_share {
    display: flex;
    align-items: center;
}

.rw_like {
    display: flex;
    align-items: center;
}

.comment_original a {
    border-bottom: 1px solid;;
    color: var(--link-white-theme)
}

.inner_dark .comment_original a {
    color: var(--link-dark-theme)
}

/* ВІДГУКИ ПРО НАШІ РОБОТИ ТЕМНИЙ */

.reviews_work.dark {
    color: var(--text-common-dark-theme);
}

.reviews_work.dark .content_text {
    color: var(--text-common-dark-theme);
}

.reviews_work.dark h1,
.reviews_work.dark .H1 {
    color: var(--title-big-dark-theme);    
}

.reviews_work.dark h2,
.reviews_work.dark .H2 {
    color: var(--title-middle-dark-theme);
}

.reviews_work.dark h3,
.reviews_work.dark .H3 {
    color: var(--title-small-dark-theme);
}

.reviews_work.dark h4,
.reviews_work.dark .H4 {
    color: var(--block-title-small-dark-theme);
}

.reviews_work.dark h5,
.reviews_work.dark .H5 {
    color: var(--block-title-big-dark-theme);
}

.inner_dark .item {
    color: var(--text-common-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark .item > div {
    background: var(--item-bg-dark-theme);
}

.inner_dark .r_author {
    color: var(--block-title-small-dark-theme);
}

.inner_dark .r_author_date {
    color: var(--text-small-dark-theme);
}

.inner_dark .rw_item_text {
    color: var(--text-common-dark-theme);
}

.inner_dark .rw_like {
    color: var(--text-common-dark-theme);
}

.inner_dark .item > div .svg_icon {
    fill: var(--icon-dark-theme);
}

/* ФОТОГАЛЕРЕЯ */
.foto_gallery {
    padding: var(--section-padding);
    position: relative;
}

.foto_gallery figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.foto_gallery figure img {
    margin-bottom: 0;
    font-size: 0;
    object-fit: cover;
    width: 100%;
    max-width: var(--data-max-width);
    height: auto;
}

.foto_gallery.radius figure img {
    border-radius: 8px;
}

.foto_gallery figure figcaption {
    margin-top: 12px;
}

.foto_gallery .tile.slider_gallery-view {
    display: flex;
    gap: 0;
    width: 100%;
    margin: 0;
}

.foto_gallery .tile.slider_gallery-view.swiper:not(.swiper-initialized) {
    overflow: hidden;
    display: flex;
}

.foto_gallery .tile.slider_gallery-view.swiper:not(.swiper-initialized) .swiper-wrapper {
    /* display: flex; */
}

.foto_gallery .tile.slider_gallery-view.swiper:not(.swiper-initialized) .swiper-slide  {
    /* flex: 0 0 100%; */
}

.foto_gallery .tile.slider_gallery-view .item {
    display: flex;
    flex-direction: column;
    flex: unset;
    margin: 0;
    width: 100%;
}

.foto_gallery .item {
    box-shadow: none;
    background: transparent;
}

.gallery_column {
    display: flex;
    flex-direction: column;
}

.gallery_column figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.gallery_column figure  img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
}

.popup.gallery_zoom_popup .popup_inner {
    max-width: 1110px;
    height: 100%;
}

.popup.gallery_zoom_popup .popup_inner .swiper {
    height: 100%;
}

.popup.gallery_zoom_popup .popup_inner .swiper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.popup.gallery_video_popup .popup_inner {
    max-width: 1110px;
}

.popup.gallery_video_popup .popup_inner iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    display: block;
}

.popup.gallery_zoom_popup .swiper-wrapper {
    align-items: center;
}

/* ФОТОГАЛЕРЕЯ ТЕМНИЙ */

.foto_gallery.dark {
    color: var(--text-common-dark-theme);
    /* background: var(--bg-color-dark-theme); */
}

.foto_gallery.dark .content_text {
    color: var(--text-common-dark-theme);
}

.foto_gallery.dark h1,
.foto_gallery.dark .H1 {
    color: var(--title-big-dark-theme);    
}

.foto_gallery.dark h2,
.foto_gallery.dark .H2 {
    color: var(--title-middle-dark-theme);
}

.foto_gallery.dark h3,
.foto_gallery.dark .H3 {
    color: var(--title-small-dark-theme);
}

.foto_gallery.dark h4,
.foto_gallery.dark .H4 {
    color: var(--block-title-small-dark-theme);
}

.foto_gallery.dark h5,
.foto_gallery.dark .H5 {
    color: var(--block-title-big-dark-theme);
}

.foto_gallery.dark a.item {
    opacity: 1;
}

.foto_gallery.dark a.item:hover {
    opacity: .55;
}

.inner_light .slider_gallery-view .swiper-button-prev,
.inner_light .slider_gallery-view .swiper-button-next {
    border-color: var(--icon-white-theme);
}

.inner_light .slider_gallery-view .swiper-button-prev::before,
.inner_light .slider_gallery-view .swiper-button-prev::after,
.inner_light .slider_gallery-view .swiper-button-next::before,
.inner_light .slider_gallery-view .swiper-button-next::after {
    background-color: var(--icon-white-theme);
}

/* ЗАЛИШИЛИСЬ ПИТАННЯ */
.question_inner a.btn {
    width: 100%;
    filter: none;
}

/* ЗАЛИШИЛИСЬ ПИТАННЯ ТЕМНИЙ */

.banner.question.dark::after {
    background-color: rgba(5, 9, 15, .5);
}

.banner.question.dark .question_inner a.btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}

/* ФУТЕР */
.footer {
    background-color: var(--bg-color-white-theme);
    color: var(--text-white-theme);
    padding: 40px 0;
}

.footer_top {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
    margin-bottom: 45px;
}

.footer_top .logo {
    max-width: 272px;
    margin-bottom: 20px;
}

.footer_top .write_us {
    font-size: var(--text-middle);
    font-weight: var(--text-middle-weight);
    color: var(--text-middle-white-theme);
    line-height: 1.2;
    font-weight: 300;
    max-width: max-content;
    border-bottom: 1px solid;
}

.footer_top .foo_adv {
    font-size: var(--text-small);
    font-weight: var(--text-small-weight);
    color: var(--text-small-white-theme);
}

.foo_col {
    position: relative;
}

.foo_col_content {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
}

.footer_top .svg_icon {
    width: 16px;
    height: 16px;
    position: absolute;
}

.footer_top a.map {
    font-size: var(--text-middle);
    font-weight: var(--text-middle-weight);
    color: var(--text-middle-white-theme);
    line-height: 1.2;
    font-weight: 300;
    border-bottom: 1px solid;
    width: max-content;
}

.footer_top .foo_subtitle {
    font-size: var(--text-middle);
    font-weight: var(--text-middle-weight);
    color: var(--text-middle-white-theme);
}

.footer.dark .footer_top .foo_subtitle {
    color: var(--text-small-dark-theme);
}

.footer_top .foo_title {
    font-size: var(--text-small);
    font-weight: var(--text-small-weight);
    color: var(--text-small-white-theme);
    margin-bottom: 10px;
}

.footer.dark .footer_top .foo_title {
    color: var(--text-small-dark-theme);
}

.footer_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: var(--text-small);
    color: #282828;
}

.footer_bottom .copyright {
    opacity: 0.5;
    margin-bottom: 6px;
}

.footer_bottom > .row:nth-child(1) {
    display: flex;
    flex-direction: column;
    width: auto;
}

.toggle_lang-list {
    display: flex;
    flex-wrap: wrap;
}

.toggle_lang-list li {
    margin: 0 12px 6px 0;
}

.footer_bottom .toggle_lang-list a {
    opacity: 0.5;
    text-decoration: none;
    color: var(--text-white-theme);
}

.footer_bottom .toggle_lang-list a:hover {
    color: var(--text-white-theme);
    opacity: 1;
}

.toggle_lang-list li.active a {
    text-decoration: underline;
    opacity: 1;
}

.footer.dark .footer_bottom .toggle_lang-list a {
    color: var(--text-dark-theme);
}

.footer.dark .footer_bottom .toggle_lang-list a:hover {
    color: var(--text-dark-theme);
}

.profile_link span {
    opacity: 0.5;
}

.profile_link a {
    opacity: 0.5;
}

.foo_col .call_us {
    font-size: var(--block-title-big); /* 18px */
    color: #282828;
    margin-top: -4px;
}

.footer_bottom a {
    color: #282828;
}

.footer_bottom .sufix a:hover {
    color: #F3234A;
}

/* ФУТЕР ТЕМНИЙ */

.footer.dark {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.footer.dark .footer_top .svg_icon {
    fill: var(--icon-dark-theme);
}

.footer.dark .footer_top .write_us,
.footer.dark .footer_top a.map {
    color: var(--link-dark-theme);
}

.footer.dark .foo_col .call_us,
.footer.dark .footer_bottom,
.footer.dark .footer_bottom a {
    color: var(--text-dark-theme);
}

.footer.dark .footer_bottom a:hover {
    opacity: 1;
    color: var(--link-dark-theme);
}

/* ПОПАП */
.popup {
    color: var(--text-white-theme);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    padding: 50px 0;
    overflow-y: auto;
    z-index: 100000;
    background-color: rgba(0, 0, 0, .8);
    transition: all .3s linear;
    backdrop-filter: var(--popup-transparency-effect);
}

.popup_inner.popup_product {
    max-width: 1130px;
}

.popup_close {
    width: 30px;
    height: 30px;
    position: fixed;
    top: 20px;
    right: 10px;
    border: 2px solid var(--border-color-white-theme);
    background: #333;
    border-radius: 5px;
    cursor: pointer;
    z-index: 2;
}

.popup_close::before,
.popup_close::after {
    content: "";
    width: 18px;
    height: 2px;
    background-color: var(--border-color-white-theme);
    position: absolute;
    top: 50%;
    left: 50%;
}

.popup_close::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.popup_close::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.popup_inner {
    margin: auto;
    min-width: 350px;
    width: calc(100% - 20px);
    max-width: 400px;
    padding: 20px;
    background-color: #fff;
    height: auto;
    border-radius: 8px;
    position: relative;
}

.popup_inner.popup_map {
    max-width: 750px;
}

.popup_inner .popup_close {
    position: absolute;
    top: -12px;
    right: -12px;
}

.popup.dark .popup_inner {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.popup_open {
    opacity: 1;
    visibility: visible;
    transition: all .3s linear
}

.popup .popup_title {
    text-transform: uppercase;
    font-size: var(--block-title-big);
    line-height: 1.2;
    font-weight: 900;
    color: var(--text-white-theme);
    text-align: center;
    display: flex;
    align-items: center;
    justify-self: center;
    margin-bottom: 20px;
}

.popup img[alt]::after,
.popup img[data-lazy]::after {
    background-color: transparent;
}

.inner_dark .gallery-details__inner img {
    background: transparent;
}

.form_phones {
    display: flex;
    align-items: center;
    justify-content: start;
}

.form_phones.align_center {
    justify-content: center;
}

.form_phones.align_right {
    justify-content: end;
}

.inner_dark .form_phones .svg_icon {
    fill: var(--icon-dark-theme);
}

.form_phones .popup_icon-text {
    margin: 9px 0;
}

.popup_icon-text {
    margin-bottom: 18px;
    display: flex;
    justify-content: center;
}

.inner_dark .popup_icon-text {
    color: var(--text-dark-theme);
}

/* .popup_icon-text svg {
    fill:
} */

.popup.dark .popup_icon-text svg {
    fill: #fff;
}

.inner_dark .popup_icon-text svg {
    fill: var(--icon-dark-theme);
}

.popup .popup_subtitle {
    font-size: var(--block-title-small);
    line-height: 1.2;
    color: var(--text-white-theme);
    text-align: center;
    display: flex;
    align-items: center;
    justify-self: center;
    margin-bottom: 25px;
}

.popup.dark .popup_title {
    color: var(--text-dark-theme);
}

.popup.dark .popup_subtitle {
    color: var(--text-dark-theme);
}

.mobile_contacts_popup a.call_us {
    margin-bottom: 12px;
    display: flex;
}

.success_popup .popup_inner {
    display: flex;
}

.success_popup .svg_icon {
    fill: #09C500;
}

.map_popup .popup_inner {
    width: calc(100% - 20px);
    min-height: 500px;
    height: 100%;
    max-width: 1110px;
}

.map_popup .map_wrap {
    width: 100%;
    height: 100%;
}

.map_popup .popup_inner iframe {
    width: 100%;
    height: 100%;
}

.popup a.btn {
    margin-bottom: 25px;
}

.popup.dark {
    color: var(--text-dark-theme);
}

.popup.dark a.btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}

.popup.dark input {
    background-color: transparent;
    border-color: var(--border-color-dark-theme);
}

.popup.dark textarea {
    background-color: transparent;
    border-color: var(--border-color-dark-theme);
    width: 100%;
    height: 100px;
    resize: none;
}

.popup.dark input[type=text]:focus, 
.popup.dark input[type=email]:focus, 
.popup.dark input[type=tel]:focus, 
.popup.dark input[type=password]:focus, 
.popup.dark textarea:focus {
    border-color: var(--text-dark-theme);
}

.popup.dark input.error, .popup.dark textarea.error {
    border: 1px solid red;
    color: red;
}

.form_bottom-message {
    font-size: 12px;
    color: #727272;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_bottom-message .svg_icon {
    fill: #09C500;
}

.popup.dark input,
.popup.dark textarea {
    color: var(--text-dark-theme);
}

.popup.dark input::placeholder,
.popup.dark textarea::placeholder {
    color: var(--text-dark-theme);
}

.popup.dark .icon_label .svg_icon {
    fill: var(--icon-dark-theme);
}

.popup.dark h1,
.popup.dark .H1 {
    color: var(--title-big-dark-theme);
}

.popup.dark h2,
.popup.dark .H2 {
    color: var(--title-middle-dark-theme);
}

.popup.dark h3,
.popup.dark .H3 {
    color: var(--title-small-dark-theme);
}

.popup.dark h4,
.popup.dark .H4 {
    color: var(--block-title-small-dark-theme);
}

.popup.dark h5,
.popup.dark .H5 {
    color: var(--block-title-big-dark-theme);
}

.popup.dark .svg_icon {
    fill: var(--icon-dark-theme);
}

.popup.dark .styled_input > label {
    color: var(--text-middle-dark-theme);
}

.popup.dark .checkbox_name {
    color: var(--text-common-dark-theme);
}

.popup.dark .checkbox_name::before {
    border: 1px solid var(--icon-dark-theme);
}

.popup.dark .styled_checkbox > input:checked + .checkbox_name::before {
    border-color: var(--icon-dark-theme);
    background-color: transparent;
}

.popup.dark .dropdown {
    border: 1px solid var(--border-color-dark-theme);
}

.popup.dark .dropdown .overflow {
    background-color: transparent;
}


.popup_inner.invite_popup {
    max-width: 480px;
}

.popup_inner.invite_popup .invite_text {
    font-weight: 400;
}

.popup_inner.invite_popup .socials {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 12px;
}

.popup_inner.invite_popup .social_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 8px;
    transition: 0.3s;
}

.popup_inner.invite_popup .social_button:hover {
    opacity: 0.7;
}

.popup_inner.invite_popup .social_button img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ДЕТАЛЬНЕ ТОВАРУ */

.product_details {
    padding: 30px 0 50px 0;
}

.product_details.dark {
    background: var(--bg-color-dark-theme);
}

.product_details .container {
    display: flex;
    flex-direction: column;
}

.product_details .container.publication {
    display: flex;
    flex-direction: column;
}

.container.publication.page_publication .product_gallery {
   max-width: var(--data-max-width); 
   margin-left: auto;
   margin-right: auto;
}

.container.publication.page_publication .gallery_nav {
    max-width: var(--data-max-width); 
}

.container.publication.page_publication .btn {
    width: fit-content;
    max-width: 100%;
}

.product_gallery {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fff;
}

.inner_dark .product_gallery {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.inner_dark .product_gallery .gallery-details__inner img {
    background-color: transparent;
}

.product_details.radius .product_gallery {
    border-radius: 8px;
}

.product_gallery .statuses_place {
    top: 20px;
    left: 20px;
}

.gallery_main-wrap {
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

.gallery_main-wrap.galery_wrap-grid {
    padding-bottom: 0;
    height: auto;
}

.gallery_main-wrap.swiper.swiper-initialized {
    padding-bottom: 75%;
}

.gallery_main {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.gallery_main.galery_grid {
    position: relative;
    height: auto;
    overflow: unset;
}

.gallery_main.galery_grid > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    min-width: 100%;
    height: auto;
}

.gallery_main.galery_grid.one_col > div {
    grid-template-columns: 1fr;
}

.gallery_main.galery_grid .swiper-zoom-container {
    height: auto;
}

.gallery_main.galery_grid .gallery-details__inner {
    height: auto;
}

.gallery_main.galery_grid .gallery-details__inner img {
    height: auto;
    object-fit: contain;
}

.gallery_main.swiper {
    /* position: absolute; */
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    border: 2px solid var(--icon-dark-theme);
    border-radius: 4px;
}

.swiper .swiper-button-prev {
    left: 10px;
    transform: translateY(-50%) rotate(180deg);
}

.swiper .swiper-button-next {
    right: 10px;
}
.swiper .swiper-button-next::before,
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::before,
.swiper .swiper-button-prev::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: var(--icon-dark-theme);
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: right;
}

.swiper .swiper-button-next::before,
.swiper .swiper-button-prev::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
    transform: translate(-50%, -50%) rotate(45deg);
}


.inner_dark .swiper .swiper-button-next,
.inner_dark .swiper .swiper-button-prev {
    border-color: var(--border-color-dark-theme);
}

.inner_dark .swiper .swiper-button-next::before,
.inner_dark .swiper .swiper-button-next::after,
.inner_dark .swiper .swiper-button-prev::before,
.inner_dark .swiper .swiper-button-prev::after {
    background-color: var(--border-color-dark-theme);
}

.gallery_main .slick-list {
    height: 100%;
}

.gallery_main .slick-track {
    height: 100%;
}

.gallery_main:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    overflow: hidden;
}

.gallery_main:not(.swiper-initialized) .gallery-details__inner {
    flex: 0 0 100%;
}

.swiper-zoom-container {
    height: 100%;
}

.swiper-zoom-container img {
    height: 100%;
}

.gallery-details__inner {
    display: block;
    width: 100%;
    height: 100%;
}

.slick-initialized .slick-slide.gallery-details__inner {
    height: 100%;
}

.gallery-details__inner img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 0;
    background: #ffffff;
}

.product_details.radius .gallery-details__inner img {
    border-radius: 8px;
}

.gallery_nav {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.gallery_nav-item {
    width: auto;
    height: auto;
    padding: 0 5px;
    cursor: pointer;
}

.gallery_nav.swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    overflow: hidden;
}

.gallery_nav.swiper:not(.swiper-initialized) .gallery_nav-item {
    flex: 0 0 100%;
}

.gallery_item-inner {
    width: 100%;
    height: auto;
    position: relative;
}

.gallery_item-inner img {
    display: block;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    object-fit: cover;
}

.product_details.radius img {
    border-radius: 8px;
}

.photo_description {
    color: var(--text-common-white-theme);
    margin-top: 20px;
    padding: 0;
}

.product_details-description {
    display: flex;
    flex-direction: column;
    padding: 30px 26px 30px;
    background-color: #fff;
}

.product_details.inner_dark .product_details-description {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.product_details.radius .product_details-description {
    border-radius: 8px;
}

.product_details-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--title-middle-white-theme);
    margin-bottom: 16px;
}

.product_details .row-desk {
    display: flex;
    flex-direction: column;
}

.product_details .col-desk {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product_info-top {
    margin-bottom: 16px;
}

.product_characteristics {
    margin-bottom: 16px;
}

.product_details-text {
    color: var(--text-common-white-theme);
    margin-bottom: 16px;
    padding: 0;
}

.product_details-text p {
    margin-bottom: 12px;
}

.product_details-price {
    color: var(--title-small-white-theme);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.autors_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
}

.author {
    display: flex;
    flex-direction: column;
}

.author + .author {
    margin-top: 12px;
}

.author .name {
    margin-bottom: 6px;
}

.author .socials {
    display: flex;
    flex-wrap: wrap;
}

.author .socials a {
    display: block;
    margin: 0 8px 8px 0;
    width: 24px;
    height: 24px;
    transition: 0.3s;
}

.author .socials a:hover {
    opacity: 0.75;
}

.author .socials a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dark .author .name {
    color: var(--text-dark-theme);
}

.dark .author .name a {
    color: var(--link-dark-theme);
}

.inner_dark .photo_description {
    color: var(--text-common-dark-theme);
}

.inner_dark .product_details-text {
    color: var(--text-common-dark-theme);
}

.inner_dark .product_details-title {
    color: var(--title-middle-dark-theme);
}

.inner_dark .product_details-price {
    color: var(--title-small-dark-theme);
}

.inner_dark .btn {
    background-color: var(--btn-bg-dark-theme);
    color: var(--btn-text-dark-theme);
}

.product_details-description .btn {
    width: fit-content;
    max-width: 100%;
}

.popup.product_details {
    background: rgba(0, 0, 0, .8);
}

.popup.product_details.dark .product_details-description {
    color: var(--text-white-theme);
    background: var(--item-bg-white-theme);
}

.popup.product_details.dark .product_details-description a.btn {
    color: var(--btn-text-white-theme);
    background-color: var(--btn-bg-white-theme);
}

.inner_dark .product_details-description {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.popup.product_details.inner_dark .product_details-description a.btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}


.product_details.dark .container.publication .product_details-title,
.product_details.dark .container.publication .product_info-top,
.product_details.dark .container.publication .photo_description {
    color: var(--text-dark-theme);
}

/* ------------ new styles ------------------ */

/* ВХІД */

.profile {
    margin-bottom: 80px;
}

.auth_form {
    max-width: 400px;
    margin: 0 auto;
}

.auth_form .H2 {
    text-align: center;
}

/* --- 404 --- */

.page_404 {
    padding: 50px 0 100px 0;
}

.text_404_num {
    font-size: 70px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.text_404_title {
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 12px;
}

.subtitle_404 {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 12px;
}

.links_404_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.links_404_title .btn {
    width: 300px;
    margin-top: 8px;
}

.support {
    padding: 50px 0;
    position: relative;
}

.support .container {
    display: flex;
    flex-direction: column;
    position: unset;
}

.support .container > .col:nth-child(1) {
    z-index: 1;
}

.support_list {
    margin-bottom: 30px;
}

.support_list li {
    color: var(--text-white-theme);
    display: flex;
    flex-direction: column;
    padding: 8px 8px 8px 44px;
    position: relative;
    background: var(--item-bg-white-theme);
    border-radius: 8px;
}

.support_list li + li {
    margin-top: 12px;
}

.support_icon {
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.support_name {
    font-size: var(--block-title-big);
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 8px;
}

.support_text {
    font-size: var(--text-common);
}

.support_big-img {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    border-radius: 8px;
}

.support.dark {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.inner_dark .support_list li {
    color: var(--text-dark-theme);
    background: var(--item-bg-dark-theme);
}

.support.bg_full-100 > .container > .col:nth-child(1) {
    display: none;
}

.support.bg_full-100 .support_big-img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.support.bg_full-75 > .container > .col:nth-child(1) {
    display: none;
}

.support.bg_full-75 .support_big-img {
    position: relative;
    width: 75%;
    margin: 0 auto;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.photo_section {
    padding: var(--section-padding);
    color: var(--text-white-theme);
}

.photo_section-text {
    margin-bottom: 20px;
    color: var(--text-common-white-theme);
}

.photo_section.dark .photo_section-text,
.photo_section.dark .photo_section-bottom_text {
    color: var(--text-common-dark-theme);
}

.photo_section video {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.photo_section-picture {
    display: block;
}

.photo_section-picture img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    position: relative;
}

.photo_section-bottom_text {
    margin-top: 20px;
    color: var(--text-common-white-theme);
}

.photo_section.dark {
    color: var(--text-common-dark-theme);
}

.photo_section.dark h1,
.photo_section.dark .H1 {
    color: var(--title-big-dark-theme);    
}

.photo_section.dark h2,
.photo_section.dark .H2 {
    color: var(--title-middle-dark-theme);
}

.photo_section.dark h3,
.photo_section.dark .H3 {
    color: var(--title-small-dark-theme);
}

.photo_section.dark h4,
.photo_section.dark .H4 {
    color: var(--block-title-small-dark-theme);
}

.photo_section.dark h5,
.photo_section.dark .H5 {
    color: var(--block-title-big-dark-theme);
}

.two_columns {
    position: relative;
    padding: var(--section-padding);
}

.two_columns .top_text,
.two_columns .bottom_text {
    color: var(--text-common-white-theme);
}

.two_columns.dark > .container > .top_text {
    color: var(--text-common-dark-theme);
}

.two_columns.dark > .container > .bottom_text {
    color: var(--text-common-dark-theme);
}

.two_columns.dark > .container > h1,
.two_columns.dark > .H1 {
    color: var(--title-big-dark-theme);    
}

.two_columns.dark > .container > h2,
.two_columns.dark > .container > .H2 {
    color: var(--title-middle-dark-theme);
}

.two_columns.dark > .container > h3,
.two_columns.dark > .container > .H3 {
    color: var(--title-small-dark-theme);
}

.two_columns.dark > .container > h4,
.two_columns.dark > .container > .H4 {
    color: var(--block-title-small-dark-theme);
}

.two_columns.dark > .container > h5,
.two_columns.dark > .container > .H5 {
    color: var(--block-title-big-dark-theme);
}

.columns_wrap {
    display: flex;
    flex-direction: column;
}

.columns_wrap .container {
    padding: 0;
}

.columns_wrap .col-1 {
    margin-bottom: 30px;
    position: relative;
}

.columns_wrap .col-2 {
    position: relative;
}

.columns_wrap .banner-picture,
.columns_wrap .component-bg_img {
    display: none;
}

.two_columns .article_text {
    padding: 0;
}

.two_columns .banner {
    padding: 0;
    min-height: unset;
}

.two_columns .advantages {
    padding: 0;
}

.two_columns .photo_section {
    padding: 0;
}

.video_box {
    position: relative;
}

.video_box .img_wrap {
    position: relative;
}

.video_box .img_wrap::before {
    content: "";
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../images/video-play.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.video_box figcaption {
    margin-top: 12px;
}

.two_columns.dark .top_text,
.two_columns.dark .bottom_text {
    color: var(--text-common-dark-theme);
}

.video_section {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    position: relative;
}

.video_section-inner {
    display: block;
    width: 100%;
    height: 100%;
}

.video_section-inner iframe, 
.video_section-inner video {
    display: block;
    width: 100%;
    height: 100%;
}

.prev_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.prev_video::before {
    content: "";
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../images/video-play.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.prev_video img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.styled_video-upload {
    display: block;
    position: relative;
    aspect-ratio: 16 / 9;
}

.styled_video-upload video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.styled_video-upload .play-btn {
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
}

.styled_video-upload .play-btn .svg_icon {
    width: 75px;
    height: 75px;
}

.consent_popup {
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 30px);
    width: max-content;
    padding: 12px;
    color: var(--text-white-theme);
    background: var(--bg-color-white-theme);
    border-radius: 8px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(200px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 12;
}

.site_header.dark ~ .consent_popup {
    color: var(--text-dark-theme);
    background: var(--bg-color-dark-theme);
}

.site_header.dark ~ .consent_popup a:not([class]) {
    color: var(--link-dark-theme);
}

.consent_popup.active {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
}

.consent_popup .col_to_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.consent_popup .consent_message {
    margin: 0 12px 8px 12px;
}

.consent_popup .col_to_row > .col:nth-child(2) {
    flex: 1 1 auto;
}

.consent_popup .btn {
    width: 100%;
    margin-bottom: 8px;
}

.site_header.dark ~ .consent_popup .btn {
    color: var(--btn-text-dark-theme);
    background-color: var(--btn-bg-dark-theme);
}

.consent_popup .cancel {
    display: inline-block;
    margin: 0 0 0 auto;
    color: var(--link-white-theme);
    transition: 0.3s;
}

.site_header.dark ~ .consent_popup .cancel {
    color: var(--link-dark-theme);
}

.consent_popup .cancel:hover {
    opacity: 0.75;
}

.stars {
    display: flex;
    align-items: center;
}

.stars .star {
    display: flex;
    align-items: center;
    margin: 0 2px;
}

.stars .svg_icon {
    width: 22px;
    height: 22px;
}

.stars .svg_icon:nth-child(2) {
    display: none;
}

.star.active .svg_icon:nth-child(1) {
    display: none;
}

.star.active .svg_icon:nth-child(2) {
    display: block;
}

.styled_input > .label-error-msg, .label-error-msg {
    background: var(--danger);
    color: white;
    padding: 2px 10px 2px 10px;
    margin: 0 0 0 auto;
    width: fit-content;
    border-radius: 4px 4px 0 0;
}