a {
    text-decoration: none;
}

html {
    height: 100%;
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.header,
.footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.1;
    font-weight: bold;
    font-family: inherit;
    color: #0a0a28;
}

.h1 {
    padding: 16px 15px;
    font-size: 22px;
    margin: 0;
}

.h2 {
    padding: 19px 15px;
    font-size: 18px;
    border-bottom: 1px solid #e1e8ed;
    background-color: #fff;
    margin: 0;
}

.h3 {
    font-size: 18px;
    margin: 0 0 15px;
}

.h4 {
    font-size: 16px;
    color: #606060;
    margin: 0 0 5px;
}

.h5 {
    font-size: 14px;
    color: #606060;
    margin: 0 0 5px;
}

a {
    color: inherit;
}

a:hover,
a:active {
    text-decoration: none;
}

.error {
    color: #FF0000;
    font-size: 13px;
    display: block;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

/* .row:after,
.container:after,
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
} */
.hidden {
    display: none !important;
}

.center {
    text-align: center;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.nowrap {
    white-space: nowrap;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    text-align: left;
}

.table th,
.table td {
    padding: 8px;
    vertical-align: top;
    border: 1px solid #e8e8e1;
}

.table_striped tbody tr:nth-of-type(odd) {
    background-color: #f5f6f7;
}

.fit_img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.label_block {
    display: block;
    margin-bottom: 5px;
}

/* Form */
.form_group {
    position: relative;
    margin-bottom: 20px;
}

.form_mb_0 {
    margin-bottom: 0 !important;
}

.form_mb_40 {
    margin-bottom: 40px !important;
}

.form_group_title {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.form_input {
    line-height: 44px;
    height: 44px;
    background-color: #fff;
    border: 1px solid #e8e8e1;
    border-radius: 2px;
    padding: 0 15px;
    width: 100%;
    font-family: inherit;
    font-size: 12px;
}

.form_select {
    background-color: #FFFFFF;
    background-image: url('../images/select_arrow.png');
    background-position: right 12px center;
    background-repeat: no-repeat;
    border: 1px solid #CECECE;
    color: var(--kiroe-text-dark);
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 0px 35px 0px 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 10px;
}

.form_placeholder {
    -webkit-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    line-height: 1;
    display: table;
    position: absolute;
    left: 15px;
    top: 20px;
    z-index: 1;
    cursor: text;
    font-family: inherit;
    color: rgb(146, 146, 146);
    font-size: 14px;
}

.form_placeholder.active,
.filled .form_placeholder,
.placeholder_focus.error ~ label ~ .form_placeholder,
.placeholder_focus:focus ~ .form_placeholder {
    font-size: 85%;
    background: rgb(255, 255, 255);
    padding: 0 5px;
    top: -5px;
    cursor: default;
    color: rgb(146, 146, 146);
}

.placeholder_focus:-webkit-autofill,
.placeholder_focus:-webkit-autofill:hover,
.placeholder_focus:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: inherit !important;
}

.form_placeholder.active,
.filled .form_placeholder,
.placeholder_focus.error ~ label ~ .form_placeholder,
.placeholder_focus:focus ~ .form_placeholder,
.placeholder_focus:-webkit-autofill ~ .form_placeholder,
.placeholder_focus:-webkit-autofill:focus ~ .form_placeholder,
.placeholder_focus:focus ~ .form_placeholder {
    font-size: 85%;
    background: rgb(255, 255, 255);
    padding: 0 5px;
    top: -5px;
    cursor: default;
    color: rgb(146, 146, 146);
}

.form_placeholder {
    pointer-events: none;
}

.form_textarea {
    display: block;
    width: 100%;
    border: 1px solid #e8e8e1;
    border-radius: 2px;
    background-color: #fff;
    padding: 15px;
    font-family: inherit;
    font-size: 12px;
}

.captcha {
    display: inline-block;
    vertical-align: top;
    margin: 0 17px 10px 0;
}

.form_captcha {
    display: inline-block;
    position: relative;
    margin: 0 0 0 17px;
    vertical-align: top;
}

.input_captcha {
    width: 130px;
    line-height: 38px;
    vertical-align: top;
    height: 40px;
}

.secret_number {
    border: 1px solid #e8e8e1;
    padding: 9px;
    border-radius: 2px;
    background: #f5f8f9;
    display: inline-block;
    position: relative;
    text-shadow: 1px 1px #38c0f3, -1px 1px mediumturquoise,
    -1px -1px mediumturquoise, 1px -1px mediumturquoise;
    color: white;
    font-weight: bold;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: pointer;
}

.secret_number {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CECECE;
    background-color: #F7F7F7;
    border-radius: 10px;
    font-size: 20px;
    text-shadow: 1px 1px #2f80ed, -1px 1px #2f80ed, -1px -1px #2f80ed, 1px -1px #2f80ed;
    color: #f7f7f7;
}

.message_error {
    background-color: #FFCACA;
    border: 1px dashed #FF4545;
    color: #FF0000;
    clear: both;
    margin-bottom: 20px;
    padding: 10px 20px;
    border-radius: 10px;
}

.message_success {
    padding: 11px 23px;
    margin-bottom: 25px;
    color: #ffffff;
    background-color: #ff6600;
    text-transform: uppercase;
}

.header_bottom.fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
}

#sm_logo {
    float: right;
    font-size: 0;
    margin-left: 25px;
    margin-top: -10px;
}

#sm_logo img {
    vertical-align: top;
}

.ya_map {
    width: 100%;
    min-height: 450px;
}

.promo_img {
    position: absolute;
    max-width: 60px;
    max-height: 60px;
    top: 0;
    left: 0;
}

.dropdown {
    display: none;
}

.active.cat_switch::after,
.active .angle_icon,
.sort_link.active_down span::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.block {
    background-color: #fff;
    margin-bottom: 25px;
}

/* .padding {
    padding: 20px 15px 25px;
} */

header a,
.top_item,
.callback,
.search_button,
.button,
.slick-next::before,
.slick-prev::before,
.category_link,
.arrow_right,
.breadcrumbs a,
.coupon_button,
.page_link,
.tab_navigation a,
.active.cat_switch::after,
.angle_icon,
.sort_link.active_down span::after {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*Кнопки*/
.button,
.disable_button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0px 25px;
    font-weight: bold;
    font-family: inherit;
    font-size: 12px;
    line-height: 36px;
    color: inherit;
    border: 2px solid #f2bd0b;
    border-radius: 2px;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
}

.button {
    cursor: pointer;
}

.button:hover {
    background-color: #f2bd0b;
    color: #fff;
}

.buy {
    padding: 0px 20px;
    line-height: 30px;
    border: 2px solid #e5e5e5;
}

.buy:hover {
    border-color: #f2bd0b;
    background-color: #fff;
    color: inherit;
}

.comparison_button,
.wishlist_button {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 16px;
    height: 14px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.wishlist_button {
    top: 62px;
    background-position: 0 -15px;
}

.comparison_button.selected {
    background-position: -34px 0;
}

.wishlist_button.selected {
    background-position: -34px -15px;
}

/* Header */
/* header {
    background-color: #fff;
    position: sticky;
    top: 0px;
    box-shadow: 0px 0px 10px 1px #dfdfdf;
} */

header a {
    text-decoration: none;
}

.top_nav {
    background: #e9ebf2;
    height: fit-content;
}

.menu_switch {
    position: relative;
    float: left;
    height: 38px;
    width: 49px;
    margin-left: -15px;
    border-right: 1px solid #e8e8e1;
    color: #b8b7b7;
    font-size: 0;
    cursor: pointer;
}

.menu_switch::before {
    content: "";
    width: 18px;
    height: 12px;
    position: absolute;
    top: 13px;
    left: 15px;
    background: url(../images/sprite.png) no-repeat -46px -304px;
}

.openmenu .menu_switch::before {
    width: 14px;
    height: 14px;
    top: 12px;
    left: 17px;
    background-position: -48px -320px;
}

.informers {
    float: right;
}

.informer {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 22px;
    font-weight: bold;
    font-size: 0;
    min-width: 49px;
    text-align: center;
    border-left: 1px solid #e8e8e1;
    text-transform: capitalize;
    color: #686666;
}

.informer_name,
.informer_counter {
    vertical-align: top;
    font-size: 12px;
}

.informer_counter {
    margin-left: 4px;
}

.cur_switch,
.lang_switch {
    cursor: pointer;
}

.informer .dropdown {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #e8e8e1;
    top: 100%;
    right: -1px;
    min-width: calc(100% + 2px);
    font-size: 12px;
}

.informer .dropdown_item {
    display: block;
    padding: 5px 0;
    white-space: nowrap;
}

.informer .dropdown_item:hover {
    background-color: #e8e8e1;
}

.account_informer {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(../images/enter.png);
}

.wish_icon,
.compare_icon,
.angle_icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(../images/sprite.png);
}

.wish_icon {
    background-position: 0px -15px;
}

.compare_icon {
    background-position: 0px 0px;
}

.angle_icon {
    height: 10px;
    background-position: 0px -32px;
}

.logo {
    display: block;
    font-size: 0;
    text-align: center;
    margin-top: 17px;
    max-width: 58px;
}

#cart_informer {
    float: right;
    margin-top: 15px;
}

.cart_info {
    display: inline-block;
    position: relative;
    min-height: 32px;
    padding-left: 45px;
    font-size: 13px;
    color: #fff;
}

.cart_info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 30px;
    height: 32px;
    background: url(../images/sprite.png) no-repeat 0 -111px;
}

.cart_counter {
    position: absolute;
    top: -5px;
    left: 18px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 100%;
    background-color: #f2bd0b;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.cart_total {
    display: block;
    font-weight: bold;
}

.times,
.phones {
    float: left;
    line-height: 21px;
    font-weight: bold;
    margin-top: 16px;
}

.times {
    font-size: 14px;
}

.phones {
    font-size: 17px;
}

.times_inner,
.phones_inner {
    position: relative;
    display: inline-block;
    padding-left: 35px;
}

.times_text {
    color: #686666;
    font-weight: normal;
}

.times_inner::before,
.phones_inner::before,
.address_inner::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 5px;
    left: 0;
    background: url(../images/sprite.png) no-repeat 0 -44px;
}

.phones_inner::before {
    top: 6px;
    background: url(../images/phone.svg) no-repeat;
    background-position: center;
}

.address_inner::before {
    top: 6px;
    background: url(../images/map.svg) no-repeat;
    background-position: center;
}

.callback {
    display: block;
    float: left;
    padding: 11px 12px;
    border: 2px solid #929faf;
    border-radius: 2px;
    line-height: 14px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 18px;
}

.callback:hover {
    border-color: #f2bd0b;
}

.account {
    position: relative;
}

/* .account {
    padding-top: 11px;
    font-size: 13px;
    margin-top: 10px;
}

.account {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2), 0px 1px 2px rgba(11, 21, 44, 0.16);
    border-radius: 10px;
    padding: 14px 16px;
    cursor: pointer;
} */

.phones {
    min-width: 200px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
}

.account_link {
    position: relative;
    vertical-align: top;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
}

.account_link::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    left: 3px;
    background: url(../images/user.svg) no-repeat;
}

.account_name {
    font-size: 12px;
    line-height: 14px;
    color: #121318;
    opacity: 0.6;
}

.account_page {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #121318;
    margin-top: 4px;
}

.header_bottom {
    background-color: #38c0f3;
}

#fn_search.search_tablet {
    font-size: 16px;
    color: #1057b7;
    display: block;
    position: relative;
    background: #ffffff30;
    border: 1px solid #81818166;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px -1px rgb(0 0 0 / 25%);
    margin: 20px 0;
    height: 46px;
    width: 100%;
    max-width: unset;
    border-radius: 10px;
    min-width: unset;
    top: 0;
}

.search_input {
    width: 100%;
    height: 46px;
    padding: 0 45px 0 20px;
    border: none;
    background: none;
    font-size: 12px;
    color: #1057b7;
}


.search_button {
    position: absolute;
    top: 0;
    right: 1px;
    border: none;
    width: 34px;
    height: calc(100% - 0.5px);
    line-height: 31px;
    padding: 0;
    font-size: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 0 9px 9px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #2f80ed;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.search_button:hover {
    background: #4892f4;
}

.search_icon {
    width: 16px;
    height: 18px;
    vertical-align: middle;
}

.categories {
    position: relative;
}

.categories_heading {
    float: left;
    line-height: 60px;
    padding-left: 10px;
    padding-right: 20px;
    color: #fff;
    background-color: #38c0f3;
    font-size: 0;
    cursor: pointer;
}

.menu_icon {
    vertical-align: middle;
}

.categories_heading span {
    font-size: 14px;
    margin-left: 15px;
    vertical-align: middle;
}

.categories_nav {
    display: none;
    background-color: #38c0f3;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    border-top: 1px solid #23aee2;
    position: absolute;
    z-index: 999;
    top: 60px;
    left: 0;
    min-width: 100%;
}

.category_item {
    position: relative;
}

.category_link {
    position: relative;
    display: block;
    padding: 6px 30px 6px 20px;
    border-bottom: 1px solid #23aee2;
}

.category_item .arrow_right {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 12px;
    margin-top: -8px;
    font-size: 0;
    color: #23aee2;
}

.cat_switch {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 31px;
}

.cat_switch::after {
    content: "";
    position: absolute;
    top: 11px;
    right: 15px;
    width: 16px;
    height: 8px;
    background: url(../images/sprite.png) no-repeat -23px -304px;
}

/* FOOTER */
.payments_text {
    font-size: 14px;
    color: #0a0a28;
    display: block;
    margin: 0 0 10px;
}

.footer_bottom {
    padding: 25px 0;
    font-size: 14px;
    color: #686666;
}

#subscribe_container {
    margin-bottom: 18px;
}

.subscribe_promotext {
    margin-top: 8px;
    line-height: 1.3;
    font-size: 12px;
    color: #827f7f;
}

.subscribe_form {
    position: relative;
    width: 315px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-weight: bold;
    font-size: 12px;
}

.subscribe_input {
    width: 100%;
    height: 32px;
    padding: 0 125px 0 10px;
    background-color: #fff;
    border: none;
    color: #827f7f;
}

.subscribe_button {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 115px;
    border: none;
    background-color: #e62e04;
    text-align: center;
    color: #fff;
}

.foot .h3 {
    font-weight: normal;
    margin-bottom: 18px;
}

.foot_social a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-image: url(../images/social.png);
    background-repeat: no-repeat;
}

.fb {
    background-position: 0 0;
}

.vk {
    background-position: 0 -32px;
}

.ok {
    background-position: 0 -64px;
}

.tw {
    background-position: 0 -96px;
}

.ins {
    background-position: 0 -128px;
}

.foot_item {
    margin-bottom: 5px;
}

.footer_contacts,
.foot_menu {
    margin-top: -5px;
}

.footer_contacts a {
    text-decoration: none;
}

.copyright {
    padding-top: 10px;
    font-size: 12px;
}

/* Main page */
.advantages {
    background-color: #f2f6f7;
    font-weight: bold;
    line-height: 18px;
    font-size: 14px;
    color: #929faf;
}

.advantage {
    position: relative;
    padding-left: 55px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.advantage::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    background-image: url(../images/home_sprite.png);
    background-repeat: no-repeat;
}

.advantage_1::before {
    top: 17px;
    height: 23px;
    background-position: 0 -98px;
}

.advantage_2::before {
    top: 13px;
    background-position: 0 -65px;
}

.advantage_3::before {
    top: 15px;
    height: 31px;
    background-position: 0 -33px;
}

.advantage_4::before {
    top: 13px;
    background-position: 0 0;
}

.banners {
    font-size: 0;
    margin-bottom: 40px;
}

.look_all {
    font-size: 12px;
    color: #606060;
    text-align: center;
}

.main_text {
    padding-top: 12px;
    color: #606060;
    opacity: 0.7;
}

/* Blog */

.news_central {
    margin-top: 10px;
    margin-bottom: 10px;
}

.news {
    position: relative;
}

.blog_item {
    border-bottom: 1px solid #e8e8e1;
    -webkit-box-shadow: inset -1px 0 0 #e8e8e1;
    box-shadow: inset -1px 0 0 #e8e8e1;
    background-color: #fff;
    margin-bottom: 0;
}


.news_content,
.blog_content {
    color: #606060;
}

.news_image,
.blog_image {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 52%;
    background-color: #f5f6f7;
    background-image: url(../images/post_img.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.blog_left .news_image,
.blog_left .blog_image {
    padding-bottom: 70%;
}

.news_img,
.blog_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog_annotation,
.news_annotation {
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    color: #121318;
    opacity: 0.6;
}

.news_date,
.blog_date,
.blog_cat {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    opacity: 0.6;
    display: flex;
}

.blog_cat svg path {
    fill: #202020 !important;
}

/* Brands */
.all_brands {
    position: relative;
}

.brands {
    -webkit-box-shadow: inset 0px -1px 0 #e8e8e1;
    box-shadow: inset 0px -1px 0 #e8e8e1;
}

.all_brands_link,
.brand_link {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #606060;
    padding: 30px 25px;
}

.all_brands_link {
    border-left: 1px solid #e8e8e1;
}

.slick-current .all_brands_link {
    border-left: none;
}

.brand_item {
    border-bottom: 1px solid #e8e8e1;
    border-right: 1px solid #e8e8e1;
}

.brand_image,
.brand_name {
    height: 100px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
}

.brand_image {
    margin-bottom: 20px;
}

.brand_img {
    vertical-align: middle;
    max-height: 100%;
}

.brand .brand_item:hover,
.all_brands_link:hover,
#fn_content .products_item:hover {
    -webkit-box-shadow: inset 0 0 0 1px #ccccc6;
    box-shadow: inset 0 0 0 1px #ccccc6;
}

/* Product preview */
.main_products {
    position: relative;
}

.preview {
    position: relative;
    padding: 30px 25px;
}

.products_item {
    border-bottom: 1px solid #e8e8e1;
    -webkit-box-shadow: inset -1px 0 0 #e8e8e1;
    box-shadow: inset -1px 0 0 #e8e8e1;
    margin-bottom: 0;
    background-color: #fff;
}

.product_name {
    display: block;
    font-weight: bold;
    height: 63px;
    line-height: 21px;
    font-size: 13px;
    color: #00aeef;
    overflow: hidden;
    margin-bottom: 10px;
}

.preview_image {
    display: block;
    position: relative;
    height: 230px;
    line-height: 200px;
    text-align: center;
    padding: 0 0 30px;
}

.preview_img {
    vertical-align: middle;
    max-height: 100%;
}

.preview .price_container {
    float: left;
    width: calc(100% - 135px);
    font-weight: bold;
    line-height: 1.4;
    min-height: 42px;
}

.preview_form {
    width: 125px;
    float: right;
    padding-top: 3px;
}

.preview .button {
    width: 100%;
}

.preview .price {
    font-size: 16px;
}

.preview .hidden + .price {
    margin-top: 7px;
}

.old_price {
    font-size: 13px;
    color: #606060;
    opacity: 0.7;
    text-decoration: line-through;
}

.remove_link {
    display: block;
    margin: -15px 0 15px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
}

.remove_link .remove_icon {
    margin-top: -2px;
    color: #e62e04;
}

.remove_link span {
    text-decoration: underline;
}

.remove_link:hover span {
    text-decoration: none;
}

.sort {
    border-bottom: 1px solid #e8e8e1;
    line-height: 17px;
    background-color: #fff;
    padding-left: 3px;
}

.sort_title {
    display: block;
    padding: 14px 12px 0;
    font-weight: bold;
    font-size: 16px;
}

.sort_link {
    float: left;
    padding: 14px 5px 14px 10px;
    text-decoration: none;
    font-size: 13px;
    border: none;
    background: none;
    cursor: pointer;
}

.sort_link.active_up,
.sort_link.active_down {
    color: #f2bd0b;
    font-weight: bold;
}

.sort_link span {
    display: inline-block;
    position: relative;
    padding-right: 21px;
}

.sort_link span::after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    background: url(../images/sprite.png) no-repeat -1px -303px;
}

.sort_link.no_after span::after {
    content: none;
}

/* Cart */
.purchase {
    width: 100%;
    margin-bottom: 40px;
}

.purchase th,
.purchase td {
    vertical-align: middle;
    text-align: center;
}

.purchase th {
    padding: 12px 8px;
    font-weight: bold;
    font-size: 13px;
    font-weight: bold;
    background-color: #fcfcfc;
}

.purchase td {
    border-top: 1px solid #e8e8e1;
    border-bottom: 1px solid #e8e8e1;
    padding: 8px;
    background-color: #fff;
}

.purchase_remove,
.purchase_image {
    font-size: 0;
}

.purchase_remove a {
    text-decoration: none;
}

.purchase_preorder,
.purchase_remove a:hover {
    color: #e62e04;
}

.remove_icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.amount {
    width: 123px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e8e8e1;
    line-height: 34px;
}

.plus,
.minus {
    font-size: 16px;
    float: left;
    width: 28px;
    height: 34px;
    text-align: center;
    cursor: pointer;
    color: #707070;
}

.plus:hover,
.minus:hover {
    color: #030303;
}

.input_amount {
    display: block;
    float: left;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #e8e8e1;
    border-right: 1px solid #e8e8e1;
    background-color: #f7f7f7;
    padding: 0;
    margin: 0;
    height: 34px;
    width: 65px;
    text-align: center;
}

.purchase_total td {
    font-weight: bold;
    font-size: 16px;
    border-bottom: none;
}

.purchase_total {
    font-weight: bold;
    font-size: 16px;
}

.purchase_total .total_sum {
    color: #00aeef;
    font-size: 18px;
}

.purchase_name {
    font-weight: bold;
    font-size: 13px;
    color: #00aeef;
}

.purchase .coupon,
.purchase .purchase_total {
    padding: 10px;
}

.input_coupon {
    vertical-align: top;
    width: 165px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #e8e8e1;
    border-radius: 2px;
    font-size: 13px;
    font-family: inherit;
}

.coupon_button {
    height: 34px;
    padding: 0 25px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: #f2bd0b;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.coupon_button:hover {
    background: #d4a507;
}

.coupon .message_error {
    margin: 0 0 10px;
    width: 285px;
}

.delivery {
    font-size: 13px;
}

.delivery_item {
    margin-bottom: 15px;
}

.delivery_description {
    margin-left: 25px;
    display: none;
}

.active + .delivery_description {
    display: block;
}

.input_delivery {
    float: left;
    margin: 7px 0 0;
}

.delivery_item img {
    vertical-align: middle;
    margin-right: 4px;
}

.delivery_name {
    display: block;
    padding-left: 25px;
}

.delivery_label {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    font-weight: 500;
}

.active.delivery_label {
    font-weight: bold;
}

.order_details {
    width: 100%;
}

.order_details td {
    padding: 0 0 15px;
}

.order_notify {
    background-color: #fff;
    border: 2px solid rgb(56, 192, 243);
    margin-bottom: 25px;
    padding: 18px 20px 18px;
}

.order_heading {
    color: rgb(10, 10, 40);
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
    font-family: inherit;
    margin-bottom: 10px;
}

.order_thank {
    color: rgb(10, 10, 40);
    font-size: 18px;
    line-height: 1.2;
    font-family: inherit;
    margin-top: 10px;
}

.order_tag {
    color: #fff;
    line-height: inherit;
    padding: 0px 8px;
    font-size: 16px;
    border-radius: 4px;
    display: inline-block;
    background-color: rgb(56, 192, 243);
}

.order_heading_promo {
    color: rgb(10, 10, 40);
    font-size: 16px;
    line-height: 1.3;
}

.method_name {
    font-weight: bold;
    font-size: 16px;
}

.method_form {
    margin: 15px 0;
}

.method_description {
    margin-bottom: 15px;
}

.feedback_form {
    background-color: #f5f6f7;
    border: 1px solid #e8e8e1;
}

.feedback_inner {
    padding-top: 25px;
}

/* Pagination */
.pagination {
    list-style: none;
    text-align: center;
    margin: 32px 0 0;
}

.page_item {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 10px;
}

.page_link {
    display: block;
    padding: 3px 7px;
    min-width: 30px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #e8e8e1;
    background-color: #fff;
    color: #303030;
    border-radius: 4px;
}

.page_link:hover,
.active .page_link {
    color: #fff;
    background-color: var(--kiroe-button-blue);
    border-color: var(--kiroe-button-blue);
}

/* Product Page */
.product_heading {
    font-size: 22px;
    color: #0a0a28;
    font-weight: bold;
    line-height: 1.1;
    margin: 5px 0 22px;
}

.sku {
    margin-top: -10px;
    margin-bottom: 16px;
    font-size: 13px;
}

.sku_nubmer {
    color: #adaaaa;
}

.product_brand_block {
    font-size: 13px;
    float: left;
    margin-right: 25px;
}

.product_image {
    position: relative;
    text-align: center;
    height: 340px;
    margin-bottom: 23px;
}

.product_image a {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 340px;
    border: 1px solid #e8e8e1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_img {
    position: relative;
    max-height: 100%;
}

.images {
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: 23px;
}

.images_item {
    float: left;
    width: 16.666667%;
    padding-left: 6px;
    padding-right: 6px;
}

.images_link {
    display: block;
    border: 1px solid #e8e8e1;
    height: 77px;
    line-height: 75px;
    text-align: center;
    font-size: 0;
}

.images_item img {
    vertical-align: middle;
}

.product_details {
    margin-bottom: 23px;
}

.product_wish {
    margin-bottom: 12px;
}

.product_wish,
.product_compare {
    position: relative;
    display: inline-block;
    color: #686666;
    font-size: 12px;
    padding-left: 27px;
}

.product_wish::before,
.product_compare::before {
    content: "";
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 2px;
    background-repeat: no-repeat;
    background-image: url(../images/sprite.png);
}

.product_wish::before {
    background-position: -17px -15px;
}

.product_wish.selected::before {
    background-position: -34px -15px;
}

.product_compare::before {
    background-position: -17px 0;
}

.product_compare.selected::before {
    background-position: -34px 0;
}

.product_wish::after,
.product_compare::after {
    content: attr(title);
}

.details_label {
    font-size: 13px;
    margin-right: 14px;
    display: inline-block;
}

.product_rating {
    display: inline-block;
    margin: 20px 0 16px;
    font-size: 13px;
}

.available {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
}

.in_stock,
.no_stock {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.no_stock {
    padding-left: 18px;
}

.in_stock::before,
.no_stock::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 11px;
    height: 8px;
    background: url(../images/sprite.png) no-repeat -37px -33px;
}

.no_stock::before {
    height: 9px;
    background: url(../images/sprite.png) no-repeat -52px -33px;
}

.quontity_label {
    margin-top: 34px;
}

.product .amount {
    display: inline-block;
    vertical-align: top;
    margin-top: 26px;
    margin-bottom: 1px;
}

.product_btn {
    color: #fff;
    border: 2px solid #d4a507;
    background-color: #f2bd0b;
    min-width: 220px;
}

.info_delivery,
.info_payment {
    margin-top: 25px;
}

.product_btn:hover {
    background-color: #d4a507;
    border-color: #d4a507;
}

.product .variant_select,
.products_item .variant_select {
    width: 100%;
    height: 39px;
    line-height: 35px;
    padding: 0 35px 0 15px;
    border: 2px solid #e1e8ed;
    border-radius: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../images/select_arrow.png);
    background-position: right 12px center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 5px;
}

.variant_select::-ms-expand {
    display: none;
}

.product .old_price {
    font-weight: bold;
    font-size: 16px;
    margin-top: 25px;
}

.product .price {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.1;
    margin-top: 5px;
}

.product .hidden + .price {
    margin-top: 25px;
}

.product_buttons {
    margin-top: 25px;
}

.info_delivery,
.info_payment {
    border: 1px solid #e1e8ed;
    padding: 20px 18px 14px;
    font-size: 14px;
    position: relative;
}

.info_delivery::before,
.info_payment::before {
    content: "";
    position: absolute;
    bottom: 12px;
}

.info_delivery::before {
    width: 48px;
    height: 64px;
    right: 12px;
    background: url(../images/sprite.png) no-repeat 1px -178px;
}

.info_payment::before {
    width: 64px;
    height: 58px;
    right: 10px;
    background: url(../images/sprite.png) no-repeat 0px -243px;
}

.info_delivery .h5,
.info_payment .h5 {
    color: #030303;
    margin-bottom: 15px;
}

.info_delivery p,
.info_payment p {
    margin-bottom: 7px;
    opacity: 0.7;
}

.product_share {
    margin: 20px 0 25px;
}

.share_text {
    font-size: 13px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.product_share > div {
    display: inline-block;
    vertical-align: middle;
}

.product .pager {
    padding: 0;
}

.tab_navigation {
    overflow: hidden;
    z-index: 1;
}

.tab_navigation a {
    display: block;
    padding: 7px 10px;

    background-color: #f7f7f7;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #e1e8ed;
}

.tab_navigation a.selected {
    background-color: #fff;
    -webkit-box-shadow: inset 0 2px 0 0 #38c0f3;
    box-shadow: inset 0 2px 0 0 #38c0f3;
}

.tab_container {
    overflow: hidden;
    border-top: 1px solid #e1e8ed;
    margin: -1px 0 0;
}

.tab {
    display: none;
    padding: 15px;
}

.product_description {
    line-height: 1.65;
}

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

.features li {
    padding: 0;
    margin-bottom: 7px;
    overflow: hidden;
    background-color: #fff;
}

.features_name,
.features_value {
    display: block;
    float: left;
    padding-left: 7px;
}

.features_value {
    width: 50%;
    padding-right: 15px;
}

.features_name {
    width: 50%;
    position: relative;
}

.features_name span {
    position: relative;
    padding-right: 10px;
    z-index: 1;
    background-color: #fff;
}

.features_name::before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #e1e8ed;
}

/* Comments */
.comment_item {
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(225, 232, 237);
    padding-bottom: 10px;
}

.admin_note {
    margin-top: 10px;
    margin-left: 15px;
    border-left: 3px solid rgba(56, 192, 243, 0.8);
    padding: 10px;
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: rgb(248, 248, 248);
}

.comment_author {
    font-weight: bold;
    color: rgb(5, 72, 98);
    text-transform: uppercase;
    font-size: 13px;
}

.comment_date {
    opacity: 0.5;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 8px;
    display: block;
}

.comment_content {
    color: rgb(50, 50, 50);
    font-size: 13px;
    line-height: 1.4;
}

.no_comments {
    border-left: 3px solid rgba(56, 192, 243, 0.8);
    padding: 10px;
    background: rgb(248, 248, 248);
}

/* Post */

.post_image {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.post_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.post_date {
    opacity: 0.7;
}

.pager {
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 0;
    list-style: none;
    overflow: hidden;
}

.pager li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pager li:nth-child(even) {
    text-align: right;
}

.pager a,
.pager a:hover span {
    text-decoration: none;
}

.pager a span {
    text-decoration: underline;
}

.change_pass {
    margin-bottom: 10px;
}

.change_pass span {
    cursor: pointer;
    border-bottom: 1px dotted;
}

.change_pass span:hover {
    border-color: transparent;
}

.password_remind {
    float: right;
    margin-top: 6px;
    font-size: 13px;
}

/* Filters */

.sidebar_top {
    background-color: #fff;
    margin-bottom: 20px;
}

.sidebar_center {
    background-color: #fff;
    margin-bottom: 20px;
}

.sidebar .h2 {
    padding-bottom: 10px;
    padding-top: 12px;
}

.filter_group {
    padding: 23px 23px 0;
}

.catalog_menu {
    padding: 20px 23px 0;
}

.selected_filter_boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.selected_filter_box {
    position: relative;
    width: 100%;
    min-height: 1px;
    /*padding-right: 10px;*/
    padding-left: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.selected_filter_item {
    border: 1px solid #38c0f3;
    border-radius: 3px;
    margin: 0 0px 10px 0;
    max-width: 100%;
}

.filter_reset {
    font-size: 13px;
    color: #00aeef;
    font-weight: 500;
    overflow: hidden;
    display: inline-block;
    border: none;
    background: no-repeat;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
}

.selected_filter_box .s_filter_link {
    border: none;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    font-size: 12px;
    padding: 2px 8px 1px;
    cursor: pointer;
    color: #575757;
}

.selected_filter_box .s_filter_link span {
    margin-right: 5px;
    cursor: pointer;
    text-align: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 20px);
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
}

.selected_filter_box .s_filter_link svg {
    width: 16px;
    height: 16px;
    color: #999;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    max-width: 16px;
}

.selected_filter_box .selected_filter_item:hover .s_filter_link svg {
    color: #f25050;
}

.selected_filter_box .selected_filter_item:hover {
    background: #38c0f3;
}

.selected_filter_box .selected_filter_item:hover .s_filter_link {
    color: #fff;
}

.filters_heading {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    padding: 9px 15px;
    cursor: pointer;
}

.filters_heading .angle_icon {
    position: absolute;
    right: 20px;
    top: 18px;
}

.filter_item {
    line-height: 24px;
    padding: 7px 0;
}

.catalog_item {
    padding: 0;
}

.filter_link {
    display: block;
    position: relative;
    padding-left: 36px;
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
    text-decoration: none;
    cursor: pointer;
    background: no-repeat;
    border: none;
    text-align: left;
}

.catalog_link {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative;
    padding-left: 0px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    padding: 7px 0px;
}

.catalog_link.sub_cat::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin-left: 1px;
    background-image: url(../images/select_arrow.png);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    max-width: 16px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.filter_indicator {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    border: 1px solid #e8e8e1;
    border-radius: 1px;
}

.checked .filter_indicator {
    background: url(../images/sprite.png) no-repeat 3px -316px;
}

.price_range {
    overflow: hidden;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 15px;
}

.price_label {
    float: left;
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
}

.max_price {
    text-align: right;
}

.max_input,
.min_input {
    max-width: 100%;
    padding: 0 8px;
    line-height: 30px;
    height: 32px;
    border: 1px solid #e8e8e1;
}

/* Browsed products */
.browsed {
    padding-top: 10px;
    padding-bottom: 15px;
}

.browsed_item {
    line-height: 50px;
    height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.browsed_item img {
    vertical-align: middle;
}

/* Product Rating */
.rating_starOff {
    display: inline-block;
    vertical-align: top;
}

.rating_starOff,
.rating_starOn {
    width: 90px;
    height: 18px;
    background: url(../images/rating.png) repeat-x left top;
}

.rating_starOn {
    display: block;
    background-position: left bottom;
}

.rating_text {
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
}

/* BREADCRUMBS */

/* .breadcrumb_wrapper {
    border-bottom: 1px solid #e9e9e9;
} */

.breadcrumbs {
    list-style: none;
    background-color: #fff;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #919191;
    padding: 40px 0;
}

.breadcrumbs li {
    display: inline-block;
    padding: 0;
}

.breadcrumbs a {
    color: #2F80ED;
}

.breadcrumbs li + li:before {
    content: "\2022";
    margin: 0 6px;
}

/* Scroll to top */
.to_top {
    width: 42px;
    height: 42px;
    position: fixed;
    bottom: 50px;
    left: 16px;
    z-index: 40;
    display: none;
    background-color: #b8b7b7;
    background-image: url(../images/up-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.to_top:hover {
    background-color: #2f80ed;
}

/* POPUP WINDOW */
.popup {
    width: 320px;
    max-width: 100%;
    padding: 5px;
    text-align: center;
}

.popup_heading {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

/* Comparison_page */
.comparison_page {
    padding-bottom: 40px;
}

.comparison_left {
    float: left;
    width: 30%;
}

.comparison_products {
    float: right;
    width: 70%;
    position: relative;
    margin: 0;
    border-left: 1px solid #e8e8e1;
}

.comparison_item {
    border-right: 1px solid #e8e8e1;
}

.cell {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e1;
}

.comparison_item .cell,
.comparison_item .cprs_rating {
    text-align: center;
}

.cprs_rating {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e1;
    border-top: 1px solid #e8e8e1;
}

.cell:nth-child(odd) {
    background: #efefef;
}

.compare_controls {
    position: relative;
}

.compare_show {
    position: absolute;
    left: 0px;
    bottom: 25px;
}

.compare_show a {
    display: inline-block;
    padding: 6px 11px;
    text-decoration: none;
    margin: 0 5px 5px 15px;
}

.compare_show a:hover,
.compare_show .active {
    background: #fff;
    border: 1px solid #e8e8e1;
    padding: 5px 10px;
    color: #030303;
}

.compare_show a span {
    border-bottom: 1px dashed;
}

.compare_show a:hover span,
.compare_show .active span {
    border-color: transparent;
}

.preorder_label {
    padding: 0 5px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    background: #f2bd0b;
    border: none;
    border-radius: 2px;
}

.callback_form .captcha {
    display: block;
    margin: 0 0px 20px 0;
}

.callback_form .captcha .secret_number {
    width: 95px;
}

.callback_form .captcha .form_captcha {
    width: calc(100% - 117px);
}

.callback_form .button {
    display: block;
    width: 100%;
}

.order_notify_v2 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    background: #fff;
    padding: 20px 0px;
}

.order_notify_v2 .o_notify_v2_head {
    vertical-align: middle;
    margin-bottom: 20px;
}

.order_notify_v2 svg {
    width: 44px;
    height: 44px;
    color: #74b636;
    margin-right: 12px;
    vertical-align: middle;
}

.order_notify_v2 .o_notify_v2_heading {
    font-size: 32px;
    font-weight: 600;
    vertical-align: middle;
}

.o_notify_v2_content {
    margin-bottom: 25px;
}

.o_notify_v2_content .o_notify_v2_content_inner {
    max-width: 660px;
    display: inline-block;
}

.o_notify_v2_order_id .o_notify_v2_order_id_box {
    display: inline-block;
    border: 2px solid #ffc007;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.2;
    background: #fff;
    text-transform: uppercase;
    font-weight: 600;
    color: #414141;
}

.o_notify_v2_order_id .o_notify_v2_order_id_box .o_notify_v2_order_id_bold {
    font-weight: bold;
    font-size: 17px;
    line-height: 1;
    margin-top: 3px;
    display: block;
    color: #000;
}

/* main menu */
/* .menu_group_header {
    float: left;
}

.menu_list_1 {
    padding-left: 0px;
    list-style: none;
}

.menu_list_2,
.menu_list_3,
.menu_list_4 {
    padding-left: 15px;
    list-style: none;
}

.menu_list {
    margin: 5px 0px 0px 0px;
}

.menu_item {
    margin-bottom: 5px;
}

.menu_group_mobile .menu_item.menu_item_1 {
    margin-bottom: unset;
    padding: 10px 0px !important;
    border-bottom: 1px solid #ebebeb;
}

.menu_group_mobile .menu_item.menu_item_1 a {
    cursor: pointer;
}

.menu_item.menu_item_2 {
    list-style-type: disc;
}

.menu_item.menu_item_3 {
    list-style-type: circle;
} */

/* menu 404 */

.menu_group_404 .menu_list {
    margin: 0px;
    padding-left: 15px;
}

.menu_404 {
    margin-top: 30px;
}

.menu_404 .text_404 {
    margin: 0 0 40px;
}

.menu_404 .text_404 {
    font-weight: 500;
    font-family: inherit;
    color: #121318;
    font-size: 26px;
    line-height: 1.3;
    text-align: center;
}

.menu_group_404 .menu_list {
    padding: 0px;
    list-style: none;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-right: -20px;
    margin-left: -20px;
}

.menu_group_404 .menu_list_2 {
    display: none !important;
}

.menu_group_404 .menu_list .menu_item {
    display: flex;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    margin-bottom: 20px;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.menu_group_404 .menu_list .menu_link {
    text-align: center;
    color: rgb(255, 255, 255);
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border-radius: 20px;
    width: auto;
    padding: 15px 50px;
    border: 0;
    background-color: #2F80ED;
    margin: 0px auto;
}

.fn_menu_list .menu_link {
    justify-content: space-between;
}

.menu_group_404 .menu_list .menu_link:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(4, 73, 92);
}

/* menu footer */

/* custom */

.error-wrapper {
    margin-top: 30px;
}

.error-wrapper .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.error-wrapper .row > div {
    display: flex;
    justify-content: center;
}

.error-wrapper img {
    padding: 50px;
    border: 1px solid #E0E0E0;
    border-radius: 40px;
}

.menu_group_addmenu .menu_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
}

.top_nav_add {
    background: -o-linear-gradient(top, #2f80ed 0%, #0f56b6 100%);
    background: -webkit-gradient(linear,
    left top,
    left bottom,
    from(#2f80ed),
    to(#0f56b6));
    background: linear-gradient(180deg, #2f80ed 0%, #0f56b6 100%);
    -webkit-box-shadow: 0px 5.5px 5px rgba(11, 19, 38, 0.24),
    0px 9px 18px rgba(11, 19, 38, 0.18);
    box-shadow: 0px 5.5px 5px rgba(11, 19, 38, 0.24),
    0px 9px 18px rgba(11, 19, 38, 0.18);
    height: 60px;
}

.top_nav_add span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.04em;
    color: #ffffff;
}

.top_nav_add .menu_item {
    margin: 0;
    padding: 19px 0 20px;
}

.site_phone {
    font-size: 12px;
    line-height: 14px;
    color: #121318;
    opacity: 0.6;
    font-weight: normal;
}

.phones_inner {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #121318;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.phones_inner a {
    margin-top: 4px;
}

s .address {
    margin: 16px 40px 0;
}

.address_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-left: 35px;
}

.header_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100px;
    position: relative;
}

.address {
    margin-top: 30px;
}

.site_address {
    font-size: 12px;
    line-height: 14px;
    color: #121318;
    opacity: 0.6;
    margin-top: 4px;
}

.site_city {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #121318;
}

.tagline_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tagline {
    margin-top: 30px;
    margin-left: 10px;
}

.site_name {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #121318;
}

.site_tagline {
    font-size: 12px;
    line-height: 14px;
    color: #121318;
    opacity: 0.6;
    margin-top: 4px;
}

.banner_text {
    font-weight: bold;
    font-size: 38px;
    line-height: 130%;
    color: rgb(255 255 255);
    letter-spacing: 3px;
    text-transform: uppercase;
}

.glories-wrapper span:first-child {
    color: #3593ff;
}

.glories-wrapper span:last-child {
    color: #fffc00;
}

.banner_text.russian_ship {
    font-size: 24px;
    margin-top: -15px;
    margin-left: 15px;
    text-align: center;
}

.banner_main {
    font-weight: bold;
    font-size: 76px;
    line-height: 89px;
    color: #ffffff;
    margin: 0;
    height: 111px;
    visibility: hidden;
}

.banner_wrapper {
    /*height: 830px;*/
    height: auto;
    position: relative;
    /* padding-bottom: 50px; */
}

.banner_desc {
    background-image: url(../images/background-banner-ua.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
}

.glories-wrapper {
    display: flex;
    flex-direction: row;
    gap: 50px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/* background-image: url(../images/bg_4.jpg); */

.banner_btn > a {
    width: calc(100% / 6 - 10px);
}

.banner_btn a:first-child .banner_item {
    background: linear-gradient(0deg, rgb(244, 206, 0) 40%, rgb(0, 91, 192) 60%);
}

.banner_item {
    width: auto;
    height: 294px;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 3, 12, 0.26), 0px 6px 16px rgba(11, 19, 38, 0.14);
    box-shadow: 0px 1px 2px rgba(0, 3, 12, 0.26), 0px 6px 16px rgba(11, 19, 38, 0.14);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 3px solid #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: grid;
    grid-template-rows: 1.2fr 0.8fr;
}

.banner_item > svg {
    margin: 0px auto;
}

.banner_item svg {
    height: 130px;
    padding: 15px;
    border: 2px solid #f0f0f8;
    border-radius: 50%;
}

.banner_item_title {
    align-self: flex-start;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #121318;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.banner_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
    margin-top: 293px;
    /*margin-top: 79px;*/
}

.list_of_suppliers-link {
    max-width: calc(100% / 6 * 3);
    margin: 0px auto;
    padding: 20px;
    margin-top: 40px;
    width: auto;
    text-align: center;
    color: #000;
    font-weight: 500;
    text-decoration: underline !important;
}

.container.banner {
    height: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}

/*.banner_desc {*/
/*  margin-top: 220px;*/
/*}*/

.banner_item:hover {
    border: 3px solid #2f80ed;
}

.banner_item:hover .banner_item_title {
    color: #2f80ed;
}

.about_us_wrapper {
    background: #fff;
    /*padding-top: 50px;*/
    /*padding-bottom: 224px;*/
    padding: 50px 0;
}

.about_us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about_left,
.about_right {
    width: 48%;
    position: relative;
}

.square {
    width: 366px;
    height: 560px;
    background: #f0f0f8;
    position: absolute;
    right: 0;
    z-index: 1;
}

.about_us h2 {
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    color: #121318;
    margin-bottom: 40px;
}

.about_us h3 {
    font-weight: bold;
    font-size: 26px;
    line-height: 30px;
    color: #121318;
    margin-bottom: 24px;
}

.about_us p {
    font-size: 16px;
    line-height: 22px;
    color: #121318;
    opacity: 0.6;
}

.about_us img {
    margin-top: 60px;
    z-index: 1;
    position: relative;
    padding-right: 60px;
}

.obl_btn {
    max-width: 208px;
    background: #2f80ed;
    -webkit-box-shadow: 0px 1px 3px rgb(11 21 44 / 20%), 0px 1px 2px rgb(11 21 44 / 16%);
    box-shadow: 0px 1px 3px rgb(11 21 44 / 20%), 0px 1px 2px rgb(11 21 44 / 16%);
    border-radius: 10px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffffff;
    padding: 18px 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 0;
    cursor: pointer;
}

button.obl_btn {
    margin: 0;
    padding: 10px;
}

.about_btn {
    margin-top: 60px;
}

.obl_btn:hover {
    opacity: 0.8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.obl_btn_outline {
    background: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #CECECE;
    color: #000000;
}

.obl_btn_outline:hover {
    background: #F7F7F7;
    border-color: #A9A9A9;
}

.obl_btn.obl_btn_wrap_icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    width: fit-content;
    max-width: none;
}

.obl_btn.obl_btn_wrap_icon svg {
    display: block;
    width: 24px;
    height: 24px;
}

.obl_btn.obl_btn_wrap_left {
    padding-left: 12px;
    padding-right: 22px;
}

.obl_btn.obl_btn_wrap_right {
    padding-left: 22px;
    padding-right: 12px;
}

.app_wrapper {
    height: 420px;
    /* background-image: url(../images/app_bg.svg);
    background-size: cover;
    background-position: center; */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f0f0f8;
    overflow: hidden;
}

.anim {
    width: 100%;
    position: absolute;
    left: 0;
}

.layer_1 {
    background-image: url(../images/anim/cloud.png);
    height: 129px;
    top: 10px;
    background-position: center;
    z-index: 1;
    -webkit-animation: parallax_cloud linear 25s infinite both;
    animation: parallax_cloud linear 25s infinite both;
}

.layer_2 {
    background-image: url(../images/anim/city_bg.png);
    height: 335px;
    background-position: center;
    bottom: 0;
    z-index: 2;
    -webkit-animation: parallax_city_bg linear 30s infinite both;
    animation: parallax_city_bg linear 30s infinite both;
}

.layer_3 {
    background-image: url(../images/anim/city.png);
    height: 295px;
    background-position: center;
    bottom: 0;
    z-index: 3;
    -webkit-animation: parallax_city linear 15s infinite both;
    animation: parallax_city linear 15s infinite both;
}

@-webkit-keyframes parallax_city {
    0% {
        background-position: 0px 100%;
    }

    100% {
        background-position: 1856px 100%;
    }
}

@keyframes parallax_city {
    0% {
        background-position: 0px 100%;
    }

    100% {
        background-position: 1856px 100%;
    }
}

@-webkit-keyframes parallax_city_bg {
    0% {
        background-position: 0px 100%;
    }

    100% {
        background-position: 1856px 100%;
    }
}

@keyframes parallax_city_bg {
    0% {
        background-position: 0px 100%;
    }

    100% {
        background-position: 1856px 100%;
    }
}

@-webkit-keyframes parallax_cloud {
    0% {
        background-position: 0 100%;
    }

    100% {
        background-position: 1855px 100%;
    }
}

@keyframes parallax_cloud {
    0% {
        background-position: 0 100%;
    }

    100% {
        background-position: 1855px 100%;
    }
}

.app_btn {
    max-width: 645px;
    height: 90px;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 3, 12, 0.26),
    0px 6px 16px rgba(11, 19, 38, 0.14);
    box-shadow: 0px 1px 2px rgba(0, 3, 12, 0.26),
    0px 6px 16px rgba(11, 19, 38, 0.14);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 5px solid #ffffff;
    padding: 15px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 4;
    margin-top: 10px;
}

.app_btn:hover {
    border: 5px solid #ffd145;
}

.app_btn img {
    width: 64px;
    height: 64px;
    margin-right: 40px;
}

.app_btn span {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    color: #121318;
}

.news_wrapper {
    background: #fff;
    padding: 80px 0;
}

.news_wrapper .mobile-news {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}

.news_wrapper .mobile-news > div {
    width: calc(33% - 11px);
}

.slider-news {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.news_item {
    width: 380px;
    border-radius: 10px;
    overflow: hidden;
}

.news_item:hover .news_name a {
    color: #2f80ed;
}

.news_name {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #121318;
    margin-bottom: 16px;
    height: 46px;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 46px;
}

.news_name a {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ttl_news {
    font-weight: bold;
    font-size: 34px;
    line-height: 40px;
    color: #000000;
    /*padding-top: 50px;*/
    margin-bottom: 50px;
}

.see_more_news-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.see_more_news {
    padding: 15px;
    background-color: #f0f0f8;
    border-radius: 10px;
    color: #505050;
    -webkit-box-shadow: 0px 1px 2px transparent, 0px 6px 16px transparent;
    box-shadow: 0px 1px 2px transparent, 0px 6px 16px transparent;
    transition: 0.3s;
}

.see_more_news:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 2px rgb(0 3 12 / 26%), 0px 6px 16px rgb(11 19 38 / 14%);
    box-shadow: 0px 1px 2px rgb(0 3 12 / 26%), 0px 6px 16px rgb(11 19 38 / 14%);
}

.slick-prev,
.slick-next {
    top: 70px;
    width: 60px;
    height: 60px;
    margin-top: 0px;
    background: #ffffff;
    border-radius: 50px;
    -webkit-box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
}

.slick-next::before,
.slick-prev::before {
    width: 14px;
    height: 14px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
}

.slick-next::before {
    margin-left: -8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.slick-prev::before {
    margin-left: 4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.slick-next {
    right: -17px;
}

.slick-prev {
    left: -29px;
}

.faq-wrapper {
    background: #f0f0f8;
    /*padding: 50px 0 80px;*/
    padding: 50px 0;
    overflow: hidden;
}

.faq_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.faq_right {
    width: 20%;
}

.faq_left {
    width: 80%;
}

.faq-questions {
    /*margin: 0 auto 60px;*/
    margin: 0 auto;
    transition: 0.5s;
}

.faq-questions.active {
    height: fit-content;
}

.faq-questions_block_1 {
    margin-bottom: 20px;
}

.faq-question {
    padding: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    border-radius: 10px;
    position: relative;
}

.faq-question:hover {
    -webkit-box-shadow: 0px 1px 2px rgba(0, 3, 12, 0.26),
    0px 6px 16px rgba(11, 19, 38, 0.14);
    box-shadow: 0px 1px 2px rgba(0, 3, 12, 0.26),
    0px 6px 16px rgba(11, 19, 38, 0.14);
}

.faq-question:not(:last-child) {
    margin-bottom: 20px;
}

.open_it-wrapper {
    display: flex;
    justify-content: start;
    margin-top: 50px;
}

.q p {
    margin: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #121318;
}

.a,
.a * {
    color: #223268;
}

.plus-line {
    width: 18px;
    height: 2px;
    display: block;
    background: rgb(153 153 153);
    position: absolute;
    top: 50%;
    left: 50%;
}

.faq-question:hover .plus-line {
    background: #106be6;
}

.custom-plus {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.f-line {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.s-line {
    -webkit-transform: rotate(90deg) translate(-1px, 9px);
    -ms-transform: rotate(90deg) translate(-1px, 9px);
    transform: rotate(90deg) translate(-1px, 9px);
}

.q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px;
}

.a {
    display: none;
    margin: 20px auto 0;
}

.active_q .custom-plus {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.active_q .custom-plus .plus-line {
    background: #106be6;
}

.hide-faq {
    display: none;
}

.show-faq {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

@-webkit-keyframes faq {
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes faq {
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.load_more_faq {
    margin: 0 auto;
}

.vacancies_block {
    width: calc(100% - 320px);
}

.vacancy_item {
    padding: 15px 25px;
}

.q p.vacancy_ttl {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #838383;
    margin-top: 10px;
}


.vacancy_item .a {
    border-top: 1px solid #D9D9D9;
    padding-top: 20px;
    font-size: 16px;
    line-height: 19px;
    color: #223268;
}

.vacancy_banner_block {
    width: 300px;
}

.slick-arrow {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.slick-arrow:active {
    background: #ffd145;
}

.container_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*padding-top: 60px;*/
    padding: 50px 15px 0;
}

.contact_left {
    width: 100%;
}

.contact_left .social_btn .contact_ttl {
    margin-bottom: 10px;
}

.contact-content-wrapper {
    display: flex;
    justify-content: space-between;
}

.contact-content-wrapper .address_wrapper a,
.contact-content-wrapper .mail_wrapper a,
.contact-content-wrapper .social_wrapper .social_btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000;
}

.contact-content-wrapper .address_wrapper a:hover,
.contact-content-wrapper .mail_wrapper a:hover,
.contact-content-wrapper .social_wrapper .social_btn:hover {
    color: #106be6;
}

.contact-content-wrapper .vertical-line {
    height: auto;
    border-right: solid 1px #e7e7e7;
    margin: 17px 0px;
}

/* .contact_right {
  width: 58%;
} */

.column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ttl_contact {
    margin: 0;
    padding: 0;
}

.contact_ttl {
    font-size: 14px;
    line-height: 20px;
    color: #121318;
    opacity: 0.6;
}

.contact_ttl {
    font-size: 14px;
    line-height: 20px;
    color: #121318;
    opacity: 0.6;
    font-family: "Montserrat", sans-serif;
}

.address_add {
    font-family: inherit;
    padding-left: 40px;
}

.contact_txt {
    font-size: 16px;
    line-height: 22px;
    color: #54b0ff;
    font-weight: 400;
    padding-left: 40px;
    margin: 11px 0;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


header .contact_txt {
    color: #000000;
    font-weight: 600;
}

header .contact_txt:hover {
    color: #2f80ed;
}

.phones .contact_txt {
    padding-left: 35px;
}

.phones a.contact_txt.mail {
    padding-left: 0;
    font-size: 15px;
}

.phones a.contact_txt.mail:before {
    background-image: none;
}

.contact_txt:hover {
    color: #fff;
}

.contact-content-wrapper .address_wrapper .address_btn {
    max-width: 246px;
    color: #fff;
    padding: 15px 10px;
}

.margin_top {
    margin-top: 20px;
}

.bottom_border {
    border-bottom: 1px solid #bdbdbd;
}

.address_wrapper,
.phone_wrapper,
.mail_wrapper,
.social_wrapper {
    padding-top: 24px;
    padding-bottom: 60px;
}

.address_wrapper {
    padding-bottom: 40px;
}

.social_link {
    margin-right: 30px;
}

.social_link svg {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.social_link:hover svg {
    opacity: 0.7;
}

.social_btn {
    margin-top: 13px;
}

.photo_wrapper {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contact_txt:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: 2px;
}

.contact_address:before {
    background: url(../images/map.svg) no-repeat;
}

.contact_address:before {
    background: url(../images/map.svg) no-repeat;
}

.phone:before {
    background: url(../images/oldphone.svg) no-repeat;
}

.cellphone:before {
    background: url(../images/cellphone.svg) no-repeat;
}

.mail:before {
    background: url(../images/mail.svg) no-repeat;
}

.footer_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.footer {
    background: #212121;
    position: relative;
    overflow: hidden;
}

.footer_top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #323232;
    padding-bottom: 24px;
}

.footer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 18px;
    border-top: 1px solid #323232;
}

.service_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer_left {
    width: 40%;
}

.footer_middle {
    width: 15%;
}

.footer_right {
    width: 25%;
}

.footer_ttl {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #fff;
    margin-top: 28px;
    margin-bottom: 14px;
    display: block;
    position: relative;
}

.footer .menu_link span {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #54b0ff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.footer .menu_link span:hover {
    color: #fff;
}

.footer .contact_txt {
    margin-bottom: 12px;
    margin-top: 0;
}

.footer_bottom span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #b5b5b5;
}

.footer_bottom a {
    color: #54b0ff;
    transition: 0.3s;
}

.footer_bottom a:hover {
    color: #fff;
}

.rate_wrapper {
    background: #fff;
    padding-bottom: 120px;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

.tg td {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 20px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
}

.tg th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
}

.tg .tg-b12c {
    background-color: #f0f0f8;
    vertical-align: middle;
    width: 80px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    border-right: 1px solid #f0f0f8;
}

.tg .tg-0lax {
    text-align: left;
    vertical-align: middle;
    font-size: 16px;
    line-height: 22px;
    color: #121318;
    opacity: 0.6;
    border-right: 1px solid #f0f0f8;
}

.tg .tg-q6mq {
    background-color: #f0f0f8;
    vertical-align: middle;
    width: 120px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #121318;
}

tr,
th,
td {
    border: 1px solid #d1d1d1;
}

.table_ad_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 55px;
}

.ttl_rate {
    margin-bottom: 20px;
}

.add_rate {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #024cae;
}

.ad_wrapper {
    width: 100%;
    text-align: end;
}

.table_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    padding: 0 30px;
}

.table_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: end;
}

.table_inner span {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #121318;
}

.tarif_add {
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: right !important;
    color: #121318 !important;
    opacity: 0.6 !important;
}

.table_style {
    font-weight: 600;
    font-size: 16px !important;
    line-height: 22px;
    color: #024cae !important;
    opacity: 1 !important;
}

.table_header {
    opacity: 1 !important;
}

.table_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
}

.dnl_btn {
    max-width: 250px;
    width: 100%;
    margin-right: 20px;
}

.menu_group_top span {
    font-size: 14px;
    line-height: 20px;
    color: #121318;
    opacity: 0.6;
}

/* .menu_group_top .menu_list_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    height: 40px;
}

.menu_group_top .menu_item {
    margin-bottom: 0;
}

.menu_list_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

li.menu_item.menu_item_2 {
    padding: 0;
    margin-left: 7px;
    font-size: 15px;
}

.menu_group_header .fn_menu_list.menu_list.menu_list_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    background: #cfe1fa;
    overflow: hidden;
    pointer-events: none;
} */

.top_nav_add .menu_item_2 .menu_link span {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}

.menu_link span {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    line-height: 24px;
}

.menu_group_header .special_menu .menu_list_2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    left: -300% !important;
}

.menu_group_header .special_menu .menu_list_3 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.menu_group_header .special_menu .menu_item_2 {
    min-width: 270px !important;
    width: 100% !important;
    -webkit-transition: 0.5s !important;
    -o-transition: 0.5s !important;
    transition: 0.5s !important;
    padding: 15px !important;
}

.menu_group_header .special_menu .menu_item_2 .menu_link {
    white-space: unset !important;
}

.menu_group_header .special_menu .menu_link {
    padding: 0 !important;
}

.menu_group_header .special_menu .menu_item_3 {
    padding: 0 !important;
    margin-bottom: 8px !important;
}

.menu_group_header .special_menu li.menu_item.menu_item_2.menu_eventer .menu_link span {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #024cae !important;
    margin-bottom: 18px !important;
    display: block !important;
}

.menu_group_header .special_menu ul.fn_menu_list.menu_list.menu_list_3 .menu_link span {
    color: #000 !important;
    margin-bottom: 0 !important;
    display: unset !important;
}

.menu_group_header .special_menu ul.fn_menu_list.menu_list.menu_list_3 .menu_link span:hover {
    color: #024cae !important;
}

.menu_group_header .special_menu .menu_item_2:hover {
    background: #e2eaf4;
}

h1.h1 {
    font-weight: 500;
    font-size: 34px;
    line-height: 40px;
    color: #000000;
    padding: 0 0 24px;
    padding-bottom: 20px;
    position: relative;
}

.page_menu_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.space_around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.menu_item_img {
    width: 120px;
    height: 120px;
}

.menu_item_ttl {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.phones_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    display: none;
    margin-top: 11px;
}

.phones:hover .phones_wrapper {
    opacity: 1;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.phones_inner_wrapper {
    height: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    border-radius: 10px;
    padding: 14px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 200px;
    z-index: 1;
}

footer .menu_drop svg path {
    fill: #fff;
}

.menu_drop {
    position: absolute;
    right: 0;
    top: 11px;
}

.footer_ttl .menu_drop {
    top: 4px;
}

.phones_inner_wrapper {
    height: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    border-radius: 10px;
    padding: 14px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    cursor: pointer;
}

.account_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 11px;
}

.account_wrapper .contact_txt {
    padding-left: 0;
}

.account_wrapper {
    height: 0;
    visibility: hidden;
    display: none;
}

.account:hover .account_wrapper {
    height: auto;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.work_day span {
    font-size: 14px;
    opacity: 0.6;
}

.work_day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #bdbdbd;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #121318;
    font-weight: 500;
}

.work_day svg {
    margin: 0 10px 0 3px;
}

.date_td {
    font-size: 16px !important;
    line-height: 22px;
    color: #000000;
    opacity: 1 !important;
}

.menu_group_header .tarifi_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu_group_header .tarifi_menu span {
    font-weight: bold !important;
    font-size: 26px !important;
    line-height: 30px !important;
}

.header-mob-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
}

.hm-bg.opened {
    transition: 0.5s;
    z-index: 50;
}

.hm-bg {
    transition: 0.5s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.hm-back-ground {
    transition: 0.5s;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 51;
    opacity: 0;
}

.hm-bg.opened .hm-back-ground {
    transition: 0.5s;
    opacity: 1;
}

.hm-wrapper {
    transition: 1s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-width: 320px;
    width: 100%;
    z-index: 52;
    margin-right: -100%;
}


.hm-bg.opened .hm-wrapper {
    transition: 1s;
    margin: 0;
}

.hm-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e9ebf2;
}

.mobile_account {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #c4c4c4;
}

.mobile_account .menu_drop {
    top: 0;
}

.mobile_account .account_page {
    margin-top: 0;
}

.mobile_account .account_link::before {
    top: -1px;
    left: 3px;
}

.mobile_account .account_wrapper .contact_txt {
    padding-left: 30px;
    color: #000;
}

.mobile_account .account_wrapper .contact_txt:hover {
    color: #54b0ff;
}

.mobile_account .account_wrapper {
    margin-top: 10px;
}

.mobile_inner {
    height: unset;
    visibility: unset;
    display: none;
}

.mobile_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mobile_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mobile_container .social_wrapper {
    border-top: 1px solid #c4c4c4;
}

.search_menu_btn {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 40px;
    position: relative;
    cursor: pointer;
}

.cross_btn {
    background: url(../images/cross.svg) no-repeat;
    background-color: #4892f4;
    background-position: center;
}

.search_menu_btn:hover {
    background-color: #2d7de9;
}

.top_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* #fn_search {
    position: absolute;
    right: 0;
    top: 60px;
    width: 270px;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
        0px 1px 2px rgba(11, 21, 44, 0.16);
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
        0px 1px 2px rgba(11, 21, 44, 0.16);
    border-radius: 10px;
    display: none;
} */

/* .search_wrapper {
    position: relative;
} */

.blog.clearfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog_item {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.h5 a {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.blog_item:hover .h5 a {
    color: #2f80ed;
}

.blog_left {
    min-width: 380px;
    margin-right: 20px;
    height: 250px;
    overflow: hidden;
}

.blog_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    gap: 50px;
    padding: 15px 0px;
}

.blog_content {
    position: relative;
    height: 100%;
    min-height: 250px;
}

.blog_content .h5 {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    /* min-height: 40px; */
    margin: 0;
}

.blog_cat {
    font-size: 14px;
    line-height: 20px;
    color: #2f80ed;
}

.blog_cat_name {
    color: #000;
    /* opacity: 0.6; */
}

.blog_footer svg {
    margin-right: 10px;
    height: 20px;
}

.autocomplete-suggestion:first-child a {
    padding: 0;
}

.media {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.media_item {
    width: 49% !important;
}

.media .blog_right {
    width: 100%;
}

.menu_group_top .menu_item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 0 20px;
}

.menu_group_top .menu_item:hover {
    background-color: #f9faffb0;
}

/* ___________ REGIONS STYLES  OLD ___________ */
.region_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.region_item {
    padding: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #ffffff;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 50%;
    max-width: 49%;
    margin-bottom: 20px;
    border: 1px solid #CECECE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
    position: relative;
    border-radius: 10px;
}

.region_name {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

.region_ttl {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000000e0;
}

.region_desc {
    opacity: 0.7;
    font-weight: normal;
    margin-left: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #000000;
}

a.region_desc:hover {
    color: #2f80ed;
}

.region_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.region_info {
    display: none;
    margin: 20px auto 0;
    position: absolute;
    padding: 30px;
    background: #ffffff;
    width: calc(100% + 2px);
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 888;
    left: 0;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-left: -1px;
    color: #181818;
}

.region_plus {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.region_plus.opened-plus {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.region_line {
    width: 100%;
    border-bottom: 1px solid #2f80ed;
    height: 0;
    margin-top: 20px;
    margin-bottom: 30px;
}

.fn_ajax_content {
    position: relative;
}

.region_search {
    position: absolute;
    right: 0;
    top: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    border-radius: 20px;
    width: 480px;
    height: 49px;
}

.region_button {
    background: url(../images/search.svg) no-repeat;
    background-color: #4892f4;
    background-position: center;
    width: 45px;
    height: 50px;
    border-radius: 0 19px 19px 0;
    cursor: pointer;
}

.region_button:hover {
    background: url(../images/search.svg) no-repeat;
    background-color: #2d7de9;
    background-position: center;
}

.region_search_fn {
    width: 480px;
    height: 49px;
    font-size: 16px;
}

/* ___________ REGIONS STYLES  NEW ___________ */
.indicator_wrapper.a-m {
    margin-bottom: 30px;
}

.indicator_wrapper.a-m > .method_of_transferring {
    margin-bottom: 20px;
}

.indicator_wrapper.a-m .region_headings {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
}

.indicator_wrapper.a-m .regions_content {
    width: 100%;
    height: fit-content;
}

.indicator_wrapper.a-m .regions_content .region_item {
    width: 100%;
    height: fit-content;
    display: none;
    border-radius: 0px 10px 10px 10px;
    padding: 20px 100px 45px;
}

.indicator_wrapper.a-m .regions_content .region_item.active-tab {
    display: block;
}

.indicator_wrapper.a-m .region_info {
    position: static;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
}

.indicator_wrapper.a-m .region_info a {
    color: #54b0ff;
}

.indicator_wrapper.a-m .region_info img {
    width: 250px;
    height: 250px;
}

.indicator_wrapper.a-m .region_item:not(:first-child) {
    display: none;
}

.indicator_wrapper.a-m .region_title {
    padding: 10px;
    position: relative;
    top: 1px;
    z-index: 10;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.3s, border-bottom 0s;
    flex-direction: column;
    width: 180px;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #CECECE;
    background: #fff;
    gap: 15px;
    box-shadow: 0 260px 100px -120px transparent inset;
}


.indicator_wrapper.a-m .region_title .region_name {
    font-size: 16px;
    font-weight: 500;
}

.indicator_wrapper.a-m .region_headings.active-tabs .region_title {
    box-shadow: 0 -200px 100px -120px #f0f0f0 inset;
    border-radius: 10px 10px 0px 0px;
}

.indicator_wrapper.a-m .region_headings.active-tabs .region_title.active-tab {
    box-shadow: 0 -200px 100px -120px #fff inset;
}

.indicator_wrapper.a-m .region_headings:not(.active-tabs) .region_title:hover {
    background-color: #f8f8f8f8;
}

.indicator_wrapper.a-m .region_headings.active-tabs .region_title:hover {
    background: #f8f8f8f8;
    border-radius: 10px 10px 0px 0px;
}

.indicator_wrapper.a-m .region_title.active-tab {
    background: #fff !important;
    border: 1px solid #CECECE;
    border-bottom: 0px;
    border-radius: 10px 10px 0px 0px;
}

.indicator_wrapper.a-m .region_title .svg-wrapper-border {
    padding: 15px;
    border: 2px solid #f0f0f8;
    border-radius: 50%;
}

.indicator_wrapper.a-m .region_headings.active-tabs .svg-wrapper-border {
    transition: 0.5s;
    border-color: #f0f0f8;
}


.indicator_wrapper.a-m .region_title.active-tab .svg-wrapper-border {
    border-color: #2f80ed;
}

.indicator_wrapper.a-m .region_headings.active-tabs .region_title .svg-wrapper {
    transition: 0.5s;
    background-color: #f0f0f8;
}

.indicator_wrapper.a-m .region_title .svg-wrapper {
    border-radius: 50%;
    background-color: #f0f0f8;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.indicator_wrapper.a-m .region_title svg {
    height: 30px;
    width: auto;
    margin: 15px 0px;
}

.indicator_wrapper.a-m .region_title svg g {
    fill: #2f80ed;
}

.indicator_wrapper.a-m .region_info .valid_input {
    height: 46px;
    width: 230px;
    max-width: unset;
    border-radius: 10px;
    min-width: unset;
}

.indicator_wrapper.a-m .region_info button.btn.btn-success.obl_btn {
    height: 46px;
    width: 230px;
    max-width: unset;
    border-radius: 10px;
}

.indicator_wrapper.a-m .regions_content.active-tabs .region_items_wrapper {
    position: relative;
}

/* ___________ REGIONS STYLES  ENDS ___________ */

.doc_download-wrapper {
    gap: 15px;
}

.doc_download-wrapper:not(:first-child) {
    margin-top: 40px;
}

.doc_download {
    display: flex;
    justify-content: space-between;
    border: 1px solid #E9E9E9;
    box-shadow: 0px 0px 10px 0px #0000000D;
    transition: .5s;
    padding: 24px;
    border-radius: 10px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    column-gap: 24px;
    row-gap: 8px;
}

.doc_download.inactive_link {
    color: #1660c2;
    opacity: .5;
}

.doc_download .doc_download-links-wrapper {
    gap: 16px;
}

.doc_download-view,
.doc_download-download {
    border: 1px solid #CECECE;
    border-radius: 10px;
    width: 49px;
    height: 49px;
    transition: .5s;
}

.indicator_wrapper .region_item {
    width: 100%;
    max-width: 100%;
}

.indicator_wrapper .region_info {
    position: relative;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.breadcrumbs span {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.breadcrumbs span:hover {
    color: #2f80ed;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

p a {
    color: #1660c2;
}

.info_wrapper {
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}

.info_item {
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 3, 12, 0.26),
    0px 6px 16px rgba(11, 19, 38, 0.14);
    box-shadow: 0px 1px 2px rgba(0, 3, 12, 0.26),
    0px 6px 16px rgba(11, 19, 38, 0.14);
    border-radius: 10px;
    max-width: 240px;
    width: 100%;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 29px 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 3px solid #ffffff;
}

.info_item:hover {
    border: 3px solid #2f80ed;
}

.info_number {
    font-weight: 600;
    font-size: 36px;
    color: #2f80ed;
}

.info_desc {
    font-weight: 600;
    font-size: 24px;
    color: #121318;
}

.desktope_hidden {
    display: none;
}

.tablet_inner {
    height: unset;
    visibility: unset;
    display: none;
}

.autocomplete-suggestion {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 5px;
}

.area_img {
    width: 160px;
    height: 160px;
}

.black_font {
    color: #000;
}

.areas_btm {
    display: block;
    margin-top: 10px;
}

/* .select2-container {
    width: 400px !important;
} */

span.select2-selection.select2-selection--single,
.date_day,
.date_month,
.date_year {
    height: 68px;
    left: 997px;
    top: 56px;
    background: #ffffff;
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.date_day,
.date_month,
.date_year {
    width: 150px;
    height: 57px;
    margin: 0 10px;
}

.date_inner {
    display: flex;
    justify-content: space-between;
}

.date_block {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 20px;
}

.one_month_restriction {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #ff0000;
}

.archive_title_block {
    display: flex;
    justify-content: space-between;
}

span#select2-area_id-container {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #121318;
}

span.select2-dropdown.select2-dropdown--below {
    box-shadow: 0px 1px 3px rgba(11, 21, 44, 0.2),
    0px 1px 2px rgba(11, 21, 44, 0.16);
    border: none;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 21px !important;
    right: 11px !important;
}

.areas_table th.tg-0lax {
    padding: 20px;
    background-color: #f0f0f8;
}

.areas_table td.bg_blue {
    background-color: #4892f485;
}

.areas_table .tg-0lax {
    border-right: none;
    opacity: 1;
}

.table_head .tg-0lax:last-child {
    width: 50px;
}

.area_warn {
    display: block;
    border: 1px solid #2370d8;
    background: #4892f485;
    padding: 10px;
    color: #000;
}

.valid_input {
    height: 31px;
    font-size: 16px;
    color: #1057b7;
    display: block;
    position: relative;
    background: #ffffff30;
    border: 1px solid #81818166;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px -1px rgb(0 0 0 / 25%);
    border-radius: 20px;
    padding: 0 20px;
    margin: 20px 0;
    min-width: 237px;
}

button.btn.btn-success.obl_btn {
    padding: 15px;
}

.valid_ttl {
    font-weight: 600;
}

.counter_btns {
    display: flex;
}

.counter_btns button:first-child {
    margin-right: 60px;
}

.counter_warn {
    margin-bottom: 15px;
}

.link_btn {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #494025;
    border: none;
    cursor: pointer;
    background: none;
    box-shadow: none;
    text-decoration: underline;
}

#address {
    margin: 20px 0;
}

/* archive page */
.one_month_restriction {
    position: relative;
}

.one_month_restriction .error:first-child::before {
    content: "";
    background: url(../images/warning.svg) no-repeat;
    position: absolute;
    left: -35px;
    width: 19px;
    height: 19px;
}

.one_month_restriction .error:not(:first-child)::before {
    display: none;
}

.date_inner .ttl_archive {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.select_area {
    font-weight: 600;
}

.archive_buttons {
    margin-bottom: 60px;
}

.archive_buttons .obl_btn {
    margin: auto;
    padding: 18px;
}

.district_energy_web_archive {
    margin-bottom: 50px;
}

.archive_title_block {
    margin-bottom: 45px;
}

.date_block > span {
    margin: 0 10px;
}

.date_block span:first-child {
    margin-left: 0;
}

.date_inner {
    margin-bottom: 50px;
}

.date_block span:last-child {
    margin-right: 0;
}

/* archive page end*/

/* custom */
.row__column {
    display: flex;
    flex-direction: column;
    margin: 0 10px;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

/* archive block */

.archive_text {
    margin: 50px 0;
    font-weight: 600;
}

a.archive_text_ref {
    text-transform: uppercase;
    color: #1660c2;
    transition: 0.3s;
}

a.archive_text_ref:hover {
    color: #2f80ed;
}

.obl_btn:disabled {
    background: #898989;
    cursor: not-allowed;
}

.obl_btn:hover:disabled {
    background: #a7a7a7;
    cursor: not-allowed;
}

.obl_btn.disabled {
    background: #898989;
    cursor: pointer;
}

.obl_btn.disabled:hover {
    background: #a7a7a7;
}

.input_ttl {
    margin-bottom: 16px;
    display: block;
}

.login_btn {
    width: 170px;
    margin: 60px 0;
}

.fn_validate_contract .form_input {
    background: #F7F7F7;
    border: 1px solid #CECECE;
    border-radius: 10px;
    min-height: 56px;
}

.fn_validate_contract .form_input:placeholder {
    color: #00000075;
}

.fn_validate_contract .form_input::-webkit-datetime-edit {
    color: #00000075;
}

.check_btn {
    width: 100%;
}

.flex-wrap {
    flex-wrap: wrap;
}

.margin-minus {
    margin: 0 -15px;
}

.no-padding {
    padding: unset;
}

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

button.plus_btn {
    width: 60px;
    height: 40px;
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 500;
    margin: 24px 0;
}

.text-red {
    color: #f00;
}

.font-bold {
    font-weight: bolder;
}

.block-files {
    width: 400px;
    margin-left: 30px;
}

.uploading-cover_block,
.dropzone-cover_block {
    width: 700px;
    height: 330px;
    border: 1px dashed #295cff;
    box-sizing: border-box;
    outline-offset: -12px;
    background-color: #e2eaf4;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
}

.uploading-cover_block.error,
.dropzone-cover_block.error {
    background-color: #FFECEC;
}

.uploading-cover_block.is-dragover,
.dropzone-cover_block.is-dragover {
    background-color: #e9efff;
}

.dropzone-hint {
    background: #D0DCEB;
    color: #617081;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 12px 24px;
}

.file-block {
    display: flex;
}

.uploading-cover_block .upload-cover_label,
.dropzone-cover_block .upload-cover_label {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    position: relative;
}

.cover-upload-image {
    width: 100px;
    height: 100px;
    margin-bottom: 25px;
    user-select: none;
    background: url(../images/cloud-img.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.cover-label-text {
    background: linear-gradient(178.77deg, #3e7efb 0%, #215ac8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 5px;
    color: #215ac8;
}

.cover-upload-file-input__block,
.file-upload-block {
    margin-top: 20px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    max-width: max-content;
    padding: 0;
    font-size: 14px;
    min-height: 53px;
    min-width: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cover-file-input {
    width: 0.1px;
    height: 0.1px;
    top: 0;
    left: 0;
    opacity: 0;
    position: absolute;
}

.file-block-wrapper {
    margin: 50px 0 80px;
}

.remove-file-block {
    background: #ffd145;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    position: absolute;
    right: 16px;
    cursor: pointer;
}

.remove-file-block::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 1px;
    height: 70%;
    background: #252c34;
}

.remove-file-block::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 1px;
    height: 70%;
    background: #252c34;
}

.block-file .elem-img-img {
    width: 26px;
    height: 36px;
    background: url(../images/img_icon.png) center center / contain no-repeat;
}

.block-file .elem-img-pdf {
    width: 26px;
    height: 36px;
    background: url(../images/pdf_icon.png) center center / contain no-repeat;
}

.remove-file-block:hover {
    background: #ffc30c;
    box-shadow: 0px 1px 2px rgba(11, 21, 44, 0.16),
    0px 1px 3px rgba(11, 21, 44, 0.2);
}

.block-file {
    box-shadow: 0px 1px 2px rgba(11, 21, 44, 0.16),
    0px 1px 3px rgba(11, 21, 44, 0.2);
    border-radius: 5px;
    min-height: 52px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    transition: 0.5s;
    position: relative;
}

.block-file:not(:last-child) {
    margin-bottom: 16px;
}

.block-file:hover {
    background: #f2f8ff;
    cursor: pointer;
}

.block-file-name {
    margin-left: 24px;
}

.block-file-name {
    margin-left: 24px;
    font-size: 14px;
    color: #000000;
}

.input_desc {
    color: #777777;
}

.download_pdf_btn {
    margin: 60px auto 0;
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 36px;
    line-height: 25px;
    color: #226FD6;
}

.download_pdf_btn svg {
    margin-right: 25px;
}

.stage_number {
    position: absolute;
    right: 0;
    top: 0px;
    padding-top: 50px;
    font-size: 18px;
    line-height: 25px;
    color: #1F6AD0;
}

.menu_group.form_group .form-field {
    margin-bottom: 15px;
}

.thx_step {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 120px 0 90px;
    text-align: center;
}

.thx_step span {
    font-size: 34px;
    line-height: 40px;
    color: #1F6BD1;
}

.thx_step img {
    margin-bottom: 30px;
}

/* christmas theme */
.christmas_theme .account_link::before {
    background: url(../images/christmas_theme/ny_user.svg) no-repeat;
}

.christmas_theme .faq-questions .faq-question:first-child:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/christmas_theme/rudolf.png) no-repeat;
}

.christmas_theme {
    overflow-x: hidden;
}

.christmas_theme .top_nav .container {
    position: relative;
}

.christmas_theme .top_nav .container:before {
    content: "";
    position: absolute;
    width: 170px;
    height: 120px;
    top: 30px;
    right: -320px;
    transform: translateX(-50%);
    background: url(../images/christmas_theme/ny_dekor_right.png) no-repeat;
    z-index: 10;
}

.christmas_theme .top_nav .container:after {
    content: "";
    position: absolute;
    width: 170px;
    height: 120px;
    top: 30px;
    left: -150px;
    transform: translateX(-50%);
    background: url(../images/christmas_theme/ny_dekor_left.png) no-repeat;
    z-index: 10;
}

.christmas_theme .top_nav,
.christmas_theme .tablet_header {
    background: url(../images/christmas_theme/ny_top_bg.png) no-repeat;
    background-color: #e9ebf2;
}

.decktop_burger-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.decktop_burger-wrapper:hover,
.close-hm:hover {
    opacity: 0.8;
}

.decktop_burger-wrapper .burger {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 10px 15px 10px;
    background-color: #2f80ed;
    border-radius: 10px;
    height: 50px;
}

.burger:after {
    content: "Меню";
    color: #b8deff;
    font-size: 12px;
    position: absolute;
    bottom: 0;
}

.close-hm {
    cursor: pointer;
}

.decktop_burger-wrapper svg {
    width: 30px;
    height: auto;
    border-radius: 5px;
}

.decktop_burger-wrapper svg path {
    fill: #fff;
}

.burger {
    position: relative;
}

.christmas_theme .burger:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 120px;
    top: -20px;
    left: -100px;
    background: url(../images/christmas_theme/ny_dekor_right.png) no-repeat;
    background-size: contain;
    z-index: 10;
}

.christmas_theme .layer_1 {
    background: url(../images/christmas_theme/tree_3.png) 0% 0% repeat;
    height: 406px;
    bottom: 0;
    top: unset;
    z-index: 1;
    -webkit-animation: parallax_tree linear 155s infinite both;
    animation: parallax_tree linear 155s infinite both;
}

.christmas_theme .layer_2 {
    background: url(../images/christmas_theme/tree_2.png) 0% 0% repeat;
    height: 295px;
    bottom: 0;
    z-index: 2;
    -webkit-animation: parallax_tree linear 90s infinite both;
    animation: parallax_tree linear 90s infinite both;
}

.christmas_theme .layer_3 {
    background: url(../images/christmas_theme/tree_1.png) 0% 0% repeat;
    height: 253px;
    bottom: 0;
    z-index: 3;
    -webkit-animation: parallax_tree linear 75s infinite both;
    animation: parallax_tree linear 75s infinite both;
}

.christmas_theme .layer_4 {
    background: url(../images/christmas_theme/ny_santa.png) 100% 0% no-repeat;
    height: 100px;
    top: 40px;
    z-index: 3;
    -webkit-animation: parallax_santa_1 linear 15s infinite both;
    animation: parallax_santa_1 linear 15s infinite both, parallax_santa_2 linear 15s infinite both;
}

@keyframes parallax_tree {
    0% {
        background-position: 0px 0;
    }

    100% {
        background-position: -10000px 0;
    }
}

@keyframes parallax_santa_1 {
    0% {
        background-position: 120% 0;
    }

    100% {
        background-position: -30% 0;
    }
}

@keyframes parallax_santa_2 {
    0% {
        top: 40px;
    }

    20% {
        top: 60px;
    }

    40% {
        top: 40px;
    }

    60% {
        top: 60px;
    }

    80% {
        top: 40px;
    }

    100% {
        top: 60px;
    }
}

.snow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -60px;
    width: 100%;
}

.menu_group.form_group span.select2-selection.select2-selection--single {
    height: 44px;
    left: 997px;
    top: 56px;
    display: flex;
    align-items: center;
    justify-content: end;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(11, 21, 44, 0.16), 0px 1px 3px rgba(11, 21, 44, 0.2);
    border-radius: 5px;
    border: none;
}

.menu_group.form_group .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px !important;
    right: 11px !important;
}

.menu_group.form_group .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    font-size: 14px;
}

.menu_group.form_group .form_input {
    font-size: 14px;
    height: 44px;
    /* left: 997px;
  top: 56px; */
    display: flex;
    align-items: center;
    justify-content: end;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgb(11 21 44 / 16%), 0px 1px 3px rgb(11 21 44 / 20%);
    border-radius: 5px;
    border: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    color: #000 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffffff !important;
    color: #5897fb !important;
}

.menu_group.form_group .form_input[type="radio"] {
    display: none;
}

.radio {
    min-width: 20px;
    height: 20px;
    position: relative;
    width: 20px;
    margin-right: 10px;
}

.form-field .radio:before,
.payment-category .radio:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #2F80ED;
}

.form-field .radio:after,
.payment-category .radio:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    opacity: 0;
    background-color: #2F80ED;
    transition: 0.5s;
}

.form-field input[type="radio"]:checked + label .radio:after,
.form-field input[type="radio"]:checked + label .radio:after {
    opacity: 1;
}

.menu_group.form_group div.form-field div {
    margin-left: 0;
    white-space: nowrap;
}

.menu_group.form_group label {
    display: flex;
    cursor: pointer;
}

.radio_wrapper {
    display: flex;
}

.radio_wrapper .radio_block:not(:last-child) {
    margin-right: 30px;
}

.mark_count_block {
    display: none;
    top: 10px;
    font-size: 18px;
    padding: 0 50px;
    position: relative;
}

.block.padding.energy {
    margin-top: 10px;
}

.hourly-schedule__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px
}

.hourly_schedule_table--wrapper {
    overflow: auto;
}

.hourly_schedule_table {
    min-width: 750px;
}

.hourly-schedule__label {
    flex: 0 1 45%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

table.tg.areas_table {
    margin-bottom: 40px;
    margin-top: 30px;
}

/* christmas theme */
.sitemap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sitemap > li {
    flex: 1 1 50%;
    padding-right: 10px;
}

@media (max-width: 767px) {
    .sitemap > li {
        flex: 1 1 100%;
    }
}

.popup_wrapper {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
}

.popup_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 45px 75px;
    max-height: 400px;
    overflow: auto;
}

.popup_inner .cross-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #C5C5C5;
    cursor: pointer;
    width: unset;
    height: unset;
    background: unset;
    border: unset;
}

.popup_inner .cross-close span {
    font-size: 40px;
    font-weight: 100;
}

.popup_inner h2 {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 130%;
    color: #000000;
}

.popup_buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.login_warn_desc {
    font-size: 15px;
    line-height: 130%;
    color: #000000;
    text-align: center;
}

.popup_buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.popup_buttons .obl_btn {
    margin: 0px auto;
    padding: 10px;
    min-width: 156px;
    color: #fff;
}

.content-line {
    margin-bottom: 10px;
}

.fn_calculator label.error {
    display: none !important;
}

.fn_calculator input.form_input.error {
    border: 1px solid #f00;
}

.fn_calculator label.error + .select2 span.select2-selection.select2-selection--single {
    border: 1px solid #f00;
}

.hidden_input {
    border: unset !important;
    height: 1px;
    width: 1px;
    background: transparent;
    position: relative;
}

.error + div#map {
    border: 2px solid #f00;
}

.fn_calculator {
    transition: 0.5s;
}

.main_ad_wrapper {
    padding: 50px 0;
    color: #000;
    background: #f0f0f8;
}

.main_title {
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 50px;
    margin-bottom: 0px;
    opacity: 0.8;
}

@media screen and (max-width: 425px) {
    .main_title {
        font-size: 24px;
    }
}

@media screen and (max-width: 375px) {
    .main_title {
        font-size: 20px;
    }
}

@media screen and (max-width: 320px) {
    .main_title {
        font-size: 16px;
    }
}

/* header info line */
.header__top__wrapper {
    min-height: unset;
    background: #005cc3;
    padding: 5px;
    text-align: center;
    color: #ffd600;
    font-weight: 700;
    font-size: 24px;
    max-height: 60px;
}

.header__top__wrapper .container {
    max-width: 990px;
    padding: 0;
}

.header__content {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}

.header__image {
    content: '';
    background-image: url('../images/emblem.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: fit-content;
    min-width: 30px;
    height: 50px;
    margin-right: 20px;
}

.header__text {
    width: 100%;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .header {
        top: 60px;
    }

    .header__top__wrapper {
        position: fixed;
        width: 100%;
    }

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

@media (min-width: 1024px) and (max-width: 1440px) {
    .container.banner {
        height: 630px;
    }

}

/* header info line */

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

.page_banner {
    overflow: hidden;
    border-radius: 10px;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

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

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



/* AUTH STYLE [START] */
.auth_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.auth_wrapper .auth_title {
    color: var(--kiroe-text-dark);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25;
    padding-bottom: 0;
}

.auth_wrapper .auth_title + .auth_subtitle {
    margin-top: 16px;
}

.auth_wrapper .auth_subtitle {
    color: var(--kiroe-text-dark);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 0;
}

.auth_content {
    border: 1px solid #E9E9E9;
    box-shadow: 0px 0px 15px 0px #0000001A;
    width: 100%;
    max-width: 650px;
    margin-top: 40px;
    padding: 40px;
    border-radius: 10px;
}

.auth_form_confirm {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.auth_confirm_text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 16px;
}

.auth_content .form_group {
    margin-bottom: 0 !important
}

.auth_content .form_group + .form_group,
.auth_content .form_group_title + .form_group,
.auth_content .form_group + .form_group_title {
    margin-top: 24px;
}

.auth_content .form_input,
.application_form .form_input,
.application_form .form_textarea {
    background: #F7F7F7;
    border: 1px solid #CECECE;
    color: var(--kiroe-text-dark);
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    width: 100%;
    min-height: 56px;
    border-radius: 10px;
    transition: background 0.5s, border-color 0.5s, color 0.5s;
}

.application_form .form_textarea {
    min-height: 214px;
    resize: none;
}

.auth_content .form_input.error,
.application_form .form_input.error {
    border-color: #FF3B30;
    color: var(--kiroe-text-dark);
}

.auth_content .form_input::placeholder,
.application_form .form_input::placeholder,
.application_form .form_textarea::placeholder {
    color: #B7B7B7;
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    opacity: 1;
}

.auth_content .form_input:focus::placeholder,
.application_form .form_input:focus::placeholder,
.application_form .form_textarea:focus::placeholder {
    opacity: 0;
}

.auth_wrapper .input_ttl,
.application_form .input_ttl {
    font-size: 16px;
    line-height: 22px;
    color: #838383;
    font-weight: 400;
    margin-bottom: 8px;
}

.form_group_content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
}

.form_group_content label.error {
    color: #FF3B30;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 100%;
    top: calc(100% + 2px);
    left: 16px;
}

.form_checked_wrapper label.error {
    left: 36px;
}

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

.form_group_input input {
    width: 100%;
}

.form_group_input-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
    gap: 24px;
}

.form_group_input-split .form_group {
    margin-bottom: 0;
}

.form_group_input-split + .form_info {
    margin-top: 30px;
}

.form_group_split {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 8px;
    gap: 8px;
    width: 100%;
    position: relative;
}

.form_group_split_item {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.form_group_split_col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1 0 0%;
    width: 100%;
}

.form_password-switch {
    background: transparent;
    border: none;
    outline: none;
    color: #5F6368;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 10px;
    appearance: none;
    transition: color 0.5s;
}

.form_password-switch:hover,
.form_password-switch.active {
    color: var(--kiroe-text-dark);
}

.form_password-show,
.form_password-hide {
    width: 32px;
    height: 32px;
}

.form_password-switch .form_password-show {
    display: block;
}

.form_password-switch.active .form_password-show {
    display: none;
}

.form_password-switch .form_password-hide {
    display: none;
}

.form_password-switch.active .form_password-hide {
    display: block;
}

.form_info {
    background: #FFFFFF;
    border: 1px solid #CECECE;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    min-width: 56px;
    height: 56px;
    position: relative;
    border-radius: 10px;
    transition: background 0.5s;
}

.form_info_hidden {
    opacity: 0;
    visibility: hidden;
}

.form_info:hover {
    background: #F3F3F3;
}

.form_info svg {
    display: block;
    width: 32px;
    min-width: 32px;
    height: 32px;
}

.form_info::after {
    background: #FFFFFF;
    border: 1px solid #DFE2EA;
    color: #030303;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    content: attr(data-info);
    display: block;
    width: 220px;
    padding: 10px 12px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 70%;
    left: 70%;
    z-index: 10;
    transform: translateY(10px);
    border-radius: 8px;
    transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
}

.form_info:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.form_group_foot {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form_login-btn {
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    width: 100%;
    max-width: 240px;
}

.form_login-link {
    color: #165AB5;
    text-decoration: underline;
    display: inline-block;
    transition: color 0.5s;
}

.form_login-link:hover {
    color: var(--kiroe-link-blue);
    text-decoration: underline;
}

.form_login-remind {
    margin-top: 16px;
}

.form_group_guide,
.form_group_guide_light {
    border: none;
    border-top: 1px solid #EDEDED;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    padding-top: 24px;
}

.form_group_guide_light {
    border-top: none;
    padding-top: 0;
}

@media (max-width: 990px) {
    .form_group_input-split {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        gap: 20px;
    }

    .form_info::after {
        left: auto;
        right: -1px;
    }
}

@media (max-width: 767px) {
    .auth_content {
        padding: 24px;
    }

    .form_group_split_item {
        flex-direction: column;
        gap: 24px;
    }
}

@media (max-width: 576px) {
    .auth_wrapper .auth_title {
        font-size: 24px;
    }

    .auth_wrapper .auth_subtitle {
        font-size: 16px;
    }

    .auth_content {
        padding: 24px 12px;
    }

    .auth_content .form_input {
        min-height: 48px;
    }

    .form_password-switch {
        width: 48px;
        height: 48px;
    }

    .form_password-show,
    .form_password-hide {
        width: 24px;
        height: 24px;
    }

    .form_info {
        width: 48px;
        min-width: 48px;
        height: 48px;
    }

    .form_info svg {
        display: block;
        width: 24px;
        min-width: 24px;
        height: 24px;
    }
}
/* AUTH STYLE [END] */



/* CLIENT CABINET STYLE [START] */
.client_cabinet_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logout_link {
    color: #E57373;
    display: flex;
    align-items: center;
    gap: 8px;
}

.logout_link .kiroe_link {
    color: inherit;
}

.logout_link .kiroe_link::after {
    background-color: currentColor;
}

.client_cabinet_tabs .tab_navigation {
    border-bottom: 1px solid #CECECE;
    display: flex;
    align-items: center;
    gap: 16px;
}

.client_cabinet_tabs .tab {
    padding: 40px 6px;
}

.client_cabinet_tabs .tab_navigation a {
    border: none;
    background-color: transparent;
    margin: 0;
    border-bottom: 4px solid transparent;
}

.client_cabinet_tabs .tab_navigation a.selected,
.client_cabinet_tabs .tab_navigation a:hover {
    box-shadow: none;
    border-bottom: 4px solid var(--kiroe-link-blue);
    color: var(--kiroe-link-blue);
}

.client_cabinet_tabs .tab_navigation a.complaint_center_open {
    background: transparent;
    border: none;
    color: var(--kiroe-link-blue);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0;
    margin-left: auto;
    padding: 8px 0px 12px 0px;
    -webkit-transition: none;
    transition: none;
}

.client_cabinet_tabs .tab_navigation a.complaint_center_open svg {
    display: block;
    width: 24px;
    height: 24px;
}

.client_cabinet_tabs .tab_navigation a.complaint_center_open span {
    color: inherit;
}

.client_cabinet_tabs .tab_navigation a.complaint_center_open span::after {
    background-color: currentColor;
}

.application_tab_content {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
    padding: 30px 0 100px;
}

.application_text {
    display: block;
    text-align: center;
    max-width: 550px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.application_link {
    max-width: 240px;
    width: 100%;
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
}

.application_warning_text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #838383;
}

.application_info_wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

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

.application_info_header {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.application_info_content {
    border: 1px solid var(--kiroe-border-light-gray);
    border-radius: 22px;
    padding: 40px;
}

.application_info_item_title {
    display: block;
    color: #919191;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.application_info_item_value {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.application_info_items {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    gap: 24px;
}

.application_info_item {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.application_info_content .table_responsive {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0;
    border: 1px solid #CECECE;
    border-radius: 10px;
}

.application_info_content .table_responsive table {
    width: 100%;
    min-width: 500px;
}

.application_info_th, .application_info_td {
    border: 1px solid #CECECE;
}

.application_info_th {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    background: var(--kiroe-light-gray);
    padding: 9px 15px;
    border-top: 1px solid transparent;
}

.application_info_td {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding: 9px 15px;
}

.application_info_th:first-child, .application_info_td:first-child {
    border-left: 1px solid transparent;
    text-align: center;
}

.application_info_th:last-child, .application_info_td:last-child {
    border-right: 1px solid transparent;
}

.application_info_tr:last-child .application_info_td {
    border-bottom: 1px solid transparent;
}

.--document_unsigned {
    color: #FF3B30;
}

.--document_signed {
    color: #27AE60;
}

.application_info_link {
    text-transform: none !important;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 3px 6px !important;
    font-weight: 600;
    width: 100%;
}

.application_info_documents .application_info_td {
    padding: 5px 15px;
}

.progress_line {
    width: 100%;
    height: 8px;
    background: #F2F2F2;
    overflow: hidden;
}

.progress_line .progress {
    height: 8px;
    background: var(--kiroe-button-blue);
    width: 0;
}

.stages_number {
    width: 48px;
    height: 48px;
    background: #F7F7F7;
    border: 1px solid #CECECE;
    border-radius: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stages_name {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: var(--kiroe-text-light-gray);
    position: absolute;
    top: 50px;
}

.progress_line_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
}

.progress_line_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.progress_line_wrapper {
    position: relative;
    padding: 40px 0;
}

.application_stage_1 {
    margin-top: 24px;
}

.application_stage_tabs {
    margin-top: 10px;
}

.application_stage_tabs .tab {
    padding: 25px 6px 80px;
}

.progress_line_item.active .stages_number {
    background: var(--kiroe-button-blue);
    color: #FFFFFF;
    font-weight: 700;
    border: none;
}

.progress_line_item.active .stages_name {
    opacity: 0;
    visibility: hidden;
}

.application_for_joining .tab_navigation, .application_for_joining .tab_navigation5 {
    display: flex;
    align-items: center;
    gap: 24px;
}

.application_for_joining .tab_navigation a, .application_for_joining .tab_navigation5 a {
    border: none !important;
    background: transparent;
    box-shadow: none !important;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0;
}

.application_stage_title {
    font-size: 24px;
    line-height: 22px;
    font-weight: 500;
    display: block;
    margin-bottom: 24px;
}

.application_stage_text {
    font-size: 16px;
    line-height: 22px;
    display: block;
    color: #838383;
}

.tab_link_indicator,
.radio_indicator {
    display: block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0013 29.3334C14.1569 29.3334 12.4235 28.9834 10.8013 28.2834C9.17908 27.5834 7.76797 26.6334 6.56797 25.4334C5.36797 24.2334 4.41797 22.8223 3.71797 21.2001C3.01797 19.5779 2.66797 17.8445 2.66797 16.0001C2.66797 14.1556 3.01797 12.4223 3.71797 10.8001C4.41797 9.17786 5.36797 7.76675 6.56797 6.56675C7.76797 5.36675 9.17908 4.41675 10.8013 3.71675C12.4235 3.01675 14.1569 2.66675 16.0013 2.66675C17.8457 2.66675 19.5791 3.01675 21.2013 3.71675C22.8235 4.41675 24.2346 5.36675 25.4346 6.56675C26.6346 7.76675 27.5846 9.17786 28.2846 10.8001C28.9846 12.4223 29.3346 14.1556 29.3346 16.0001C29.3346 17.8445 28.9846 19.5779 28.2846 21.2001C27.5846 22.8223 26.6346 24.2334 25.4346 25.4334C24.2346 26.6334 22.8235 27.5834 21.2013 28.2834C19.5791 28.9834 17.8457 29.3334 16.0013 29.3334ZM16.0013 26.6667C18.9791 26.6667 21.5013 25.6334 23.568 23.5667C25.6346 21.5001 26.668 18.9779 26.668 16.0001C26.668 13.0223 25.6346 10.5001 23.568 8.43341C21.5013 6.36675 18.9791 5.33341 16.0013 5.33341C13.0235 5.33341 10.5013 6.36675 8.43464 8.43341C6.36797 10.5001 5.33464 13.0223 5.33464 16.0001C5.33464 18.9779 6.36797 21.5001 8.43464 23.5667C10.5013 25.6334 13.0235 26.6667 16.0013 26.6667Z' fill='%235F6368'/%3E%3C/svg%3E%0A");
}

.application_for_joining .tab_link.selected .tab_link_indicator,
.form_group_label input:checked ~ .radio_indicator {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0013 22.6667C17.8457 22.6667 19.418 22.0167 20.718 20.7167C22.018 19.4167 22.668 17.8445 22.668 16.0001C22.668 14.1556 22.018 12.5834 20.718 11.2834C19.418 9.98341 17.8457 9.33341 16.0013 9.33341C14.1569 9.33341 12.5846 9.98341 11.2846 11.2834C9.98463 12.5834 9.33463 14.1556 9.33463 16.0001C9.33463 17.8445 9.98463 19.4167 11.2846 20.7167C12.5846 22.0167 14.1569 22.6667 16.0013 22.6667ZM16.0013 29.3334C14.1569 29.3334 12.4235 28.9834 10.8013 28.2834C9.17908 27.5834 7.76797 26.6334 6.56797 25.4334C5.36797 24.2334 4.41797 22.8223 3.71797 21.2001C3.01797 19.5779 2.66797 17.8445 2.66797 16.0001C2.66797 14.1556 3.01797 12.4223 3.71797 10.8001C4.41797 9.17786 5.36797 7.76675 6.56797 6.56675C7.76797 5.36675 9.17908 4.41675 10.8013 3.71675C12.4235 3.01675 14.1569 2.66675 16.0013 2.66675C17.8457 2.66675 19.5791 3.01675 21.2013 3.71675C22.8235 4.41675 24.2346 5.36675 25.4346 6.56675C26.6346 7.76675 27.5846 9.17786 28.2846 10.8001C28.9846 12.4223 29.3346 14.1556 29.3346 16.0001C29.3346 17.8445 28.9846 19.5779 28.2846 21.2001C27.5846 22.8223 26.6346 24.2334 25.4346 25.4334C24.2346 26.6334 22.8235 27.5834 21.2013 28.2834C19.5791 28.9834 17.8457 29.3334 16.0013 29.3334ZM16.0013 26.6667C18.9791 26.6667 21.5013 25.6334 23.568 23.5667C25.6346 21.5001 26.668 18.9779 26.668 16.0001C26.668 13.0223 25.6346 10.5001 23.568 8.43341C21.5013 6.36675 18.9791 5.33341 16.0013 5.33341C13.0235 5.33341 10.5013 6.36675 8.43464 8.43341C6.36797 10.5001 5.33464 13.0223 5.33464 16.0001C5.33464 18.9779 6.36797 21.5001 8.43464 23.5667C10.5013 25.6334 13.0235 26.6667 16.0013 26.6667Z' fill='%232F80ED'/%3E%3C/svg%3E%0A");
}

.application_for_joining .tab_container {
    border: none;
}

.triple_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.split_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.application_form {
    width: 100%;
    max-width: 768px;
    min-width: 768px;
}

.application_form_line {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    grid-gap: 24px;
    gap: 24px;
    min-width: 0;
}

.application_form_line .form_group {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 0;
}

.application_form .obl_btn {
    width: 100%;
    max-width: 240px;
    padding: 16px;
    text-transform: none;
    font-size: 16px;
    line-height: 24px;
}

.application_form_foot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
}

.application_form_foot .obl_btn {
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
}

.application_form .obl_btn.obl_btn_wrap_icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    width: fit-content;
    max-width: none;
}

.application_form .obl_btn.obl_btn_wrap_icon svg {
    display: block;
    width: 24px;
    height: 24px;
}

.application_form .obl_btn.obl_btn_wrap_left {
    padding-left: 12px;
    padding-right: 22px;
}

.application_form .obl_btn.obl_btn_wrap_right {
    padding-left: 22px;
    padding-right: 12px;
}

.form_information_item {
    padding: 12px;
    max-width: 520px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    box-shadow: 4px 4px 20px 0px #8188991A;
    border: 1px solid #DFE2EA;
    border-radius: 8px;
    background-color: #ffffff;
}

.form_information {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.form_information_item svg {
    min-width: 32px;
}

.application_stage_tab,
.application_stage_content {
    display: flex;
    align-items: center;
    gap: 24px;
}

.form_information_items {
    display: flex;
    flex-direction: column;
    gap: 36px;
    margin-top: 10px;
}

.application_stage_2 .form_information_item:nth-child(2) {
    margin-top: 15%;
}

.application_stage_2 .form_information_item:nth-child(3) {
    position: absolute;
    bottom: 22%;
}

.application_stage_3 .form_information_item:nth-child(3) {
    position: absolute;
    bottom: 27%;
    align-items: center;
}

.application_stage_3 .form_information_item:nth-child(3).active {
    bottom: 21%;
}

.application_stage_3 .form_information_item:nth-child(4).active {
    position: absolute;
    bottom: 30%;
}

.application_stage_3 .form_information_item:nth-child(4) {
    position: absolute;
    bottom: 40%;
}

.application_stage_3 .form_information_item:nth-child(2) {
    position: absolute;
    top: 42%;
    display: none;
}

#application_fop .form_information_items {
    margin-top: -9%;
}

#application_legal_entity .form_information_items {
    margin-top: -18%;
}

.application_stage_2 .form_information_items {
    margin-top: 28px;
}

.application_stage_3 .form_information_items {
    margin-top: 1%;
}

.application_stage_7 .application_form {
    max-width: 865px;
}

.application_stage_7 .doc_download {
    margin-bottom: 20px;
}

.application_form.signed .doc_download {
    opacity: .5;
    pointer-events: none;
}

.application_form:not(.signed) [data-show-block="signed"] {
    display: none;
}

.application_form.signed [data-show-block="not-signed"] {
    display: none;
}


.form_group_radio {
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    appearance: none !important;
}

.form_group_radio ~ label.error {
    position: absolute;
    bottom: -15px;
}

.form_group_label {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.form_group_label .radio_indicator {
    margin-right: 4px;
}

.form_group_inputs {
    display: flex;
    align-items: center;
    gap: 24px;
}

.form_group_inputs_col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form_input_placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    position: absolute;
    top: 17px;
    left: 10px;
}

.relative_placeholder {
    position: relative;
}

.form_input_placeholder ~ .form_input {
    padding-left: 40px;
}

.form_input_placeholder.form_fop ~ .form_input {
    padding-left: 58px;
}

.application_stage_2, .application_stage_3, .application_stage_4,
.application_stage_5, .application_stage_6, .application_stage_7, .application_stage_8 {
    padding: 44px 0 100px;
}

.application_stage_subtitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 16px;
    display: block;
}

.application_form_groups {
    margin-top: 40px;
}

.application_form .input_ttl {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.application_stage_2 .application_stage_content,
.application_stage_3 .application_stage_content,
.application_stage_4 .application_stage_content,
.application_stage_5 .application_stage_tab {
    align-items: flex-start;
}

.application_stage_4 .form_information_items, .application_stage_5 .form_information_items {
    margin-top: 30px;
}

.application_stage_6 .form_information_items {
    margin-top: -5%;
}

.application_form .input_ttl.do_not_crop_text {
    -webkit-line-clamp: none;
    max-width: 570px;
}

.form_information_item a {
    color: var(--kiroe-link-blue);
    text-decoration: underline;
}

.application_form input[type="date"] {
    background-color: #ffffff;
}

.application_stage_4 .application_form_groups {
    margin-top: 20px;
}

.application_stage_4 .form_textarea, .application_stage_6 .form_textarea {
    min-height: 104px;
}

.split_flex_wrapper .form_group:first-child {
    width: 100%;
    max-width: 245px;
}

.split_flex_wrapper .form_group:last-child {
    width: 100%;
}

.split_flex_wrapper .form_select,
.split_wrapper .form_select {
    margin: 0;
    height: 56px;
    border: 1px solid #CECECE;
    border-radius: 10px;
    font-size: 16px;
    color: var(--kiroe-text-dark);
}

.split_flex_wrapper .form_select.error, .split_wrapper .form_select.error,
.application_form .form_textarea.error {
    border: 1px solid #FF3B30;
}

.application_stage_5 .application_stage_subtitle {
    color: #838383;
}

.application_stage_content_4 .form_information_item:nth-child(2) {
    margin-top: 74px;
}

.application_stage_content_4 .form_information_item:nth-child(3),
.application_stage_content_4 .form_information_item.fn_form_information_show {
    margin-top: 80px;
}

.split_flex_wrapper {
    display: flex;
    width: 100%;
    gap: 16px;
    /* align-items: center; */
}


.form_group_or {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 10px;
}

.form_checked_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
    width: 100%;
}

label.form_checked_wrapper {
    cursor: pointer;
}

.form_label::before {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px auto;
    border: 2px solid #165AB5;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 2px;
}

.form_label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    user-select: none;
    margin: 2px 0 0;
}

.form_input_checked:checked ~ .form_label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.96667 17.3L19.6 7.63333L18.1667 6.2L9.96667 14.4333L6 10.4667L4.56667 11.9L9.96667 17.3ZM2 24C1.46667 24 1 23.8 0.6 23.4C0.2 23 0 22.5333 0 22V2C0 1.46667 0.2 1 0.6 0.6C1 0.2 1.46667 0 2 0H22C22.5333 0 23 0.2 23.4 0.6C23.8 1 24 1.46667 24 2V22C24 22.5333 23.8 23 23.4 23.4C23 23.8 22.5333 24 22 24H2Z' fill='%23165AB5'/%3E%3C/svg%3E");
}

.form_input_checked {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
}

.form_input_text {
    line-height: 20px;
}

.application_stage_7 .form_information_item {
    max-width: 100%;
    box-shadow: none;
    border: none;
    border-radius: 0;
    color: #838383;
    margin-bottom: 40px;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400
}

.application_successfully_signed {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--kiroe-text-dark);
    margin-bottom: 40px;
}

.application_successfully_signed svg {
    width: 56px;
    min-width: 56px;
    height: 56px;
}

.application_stage_8 .file-block-wrapper {
    margin: 0;
    max-width: 685px;
}

.application_stage_8 .input_ttl {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: var(--kiroe-text-dark);
    margin-bottom: 16px;
    -webkit-line-clamp: none;
}

.application_stage_8 .file-block {
    flex-direction: column;
    border: 1px dashed #2F80ED;
    border-radius: 22px;
    overflow: hidden;
}

.application_stage_8 .application_form {
    max-width: 870px;
    min-width: 870px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.application_stage_8 .uploading-cover_block,
.application_stage_8 .dropzone-cover_block {
    width: 100%;
    height: auto;
    border: none;
    border-radius: 0;
    background-color: #E2EAF4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.application_stage_8 .uploading-cover_block.is-dragover,
.application_stage_8 .dropzone-cover_block.is-dragover {
    background-color: #E9EFFF;
}

.application_stage_8 .upload_cover_label {
    cursor: pointer;
    height: 120px;
    padding: 40px 56px;
}

.application_stage_8 .cover-upload-image {
    width: 32px;
    height: 32px;
    margin: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6654 25.3334H17.332V19.7667L19.4654 21.9001L21.332 20.0001L15.9987 14.6667L10.6654 20.0001L12.5654 21.8667L14.6654 19.7667V25.3334ZM7.9987 29.3334C7.26536 29.3334 6.63759 29.0723 6.11536 28.5501C5.59314 28.0279 5.33203 27.4001 5.33203 26.6667V5.33341C5.33203 4.60008 5.59314 3.9723 6.11536 3.45008C6.63759 2.92786 7.26536 2.66675 7.9987 2.66675H18.6654L26.6654 10.6667V26.6667C26.6654 27.4001 26.4043 28.0279 25.882 28.5501C25.3598 29.0723 24.732 29.3334 23.9987 29.3334H7.9987ZM17.332 12.0001V5.33341H7.9987V26.6667H23.9987V12.0001H17.332Z' fill='%232F80ED'/%3E%3C/svg%3E%0A");
}

.application_stage_8 .cover_label_text {
    background: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #000000;
}

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

.upload_cover_label_wrapper {
    display: flex;
    align-items: center;
    gap: 14px;
}

.application_stage_8 .cover-upload-file-input__block {
    margin: 0;
    color: var(--kiroe-text-white);
    min-height: 40px;
    padding: 8px 40px;
}

.uploading-cover_block .or,
.dropzone-cover_block .or {
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #617081;
}

.application_stage_8 .block-files {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 16px;
    column-gap: 24px;
    width: 100%;
    margin: 24px 0;
    padding: 0 24px;
}

.application_stage_8 .remove-file-block {
    background: transparent;
}

.application_stage_8 .remove-file-block::after,
.application_stage_8 .remove-file-block::before {
    width: 2px;
}

.application_stage_8 .block-file:not(:last-child), .application_stage_8 .form_checked_wrapper {
    margin: 0;
}

.application_stage_8 .block-file {
    box-shadow: 0px 0px 10px 0px #0000000D;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
}

.application_successfully_title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin-bottom: 16px;
}

.application_successfully_text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    display: block;
    margin-bottom: 24px;
}

.application_successfully_wrapper svg {
    margin-bottom: 24px;
}

.application_successfully_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 590px;
    padding: 100px 0;
}

.client_cabinet_heading .h1 {
    padding: 0;
}

.client_cabinet_heading {
    padding-bottom: 20px;
}

.application_warning {
    display: block;
    width: max-content;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 24px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #2f80ed3b;
}

.application_warning span {
    color: #FF0000;
    font-weight: 600;
}

.fn_show_another_ppko {
    display: none;
    margin-top: 10px;
}

.fn_form_information_show, .fn_show_allowed_power {
    display: none;
}

.application_power_input_queue {
    border: 1px dashed var(--kiroe-button-blue);
    border-radius: 22px;
    padding: 24px;
    background: #F7FAFF;
    position: relative;
}

.application_power_input_queue .form_information_item.first_item {
    position: absolute;
    top: 66px;
    right: 24px;
    max-width: 430px;
}

.application_power_input_queue .form_information_item.second_item {
    position: absolute;
    top: 190px;
    right: 24px;
    max-width: 430px;
}

.clone_application_power {
    background: transparent;
    border: none;
}

.application_power_title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    display: block;
    /* margin-bottom: 10px; */
}

.application_power_clone {
    border-top: 1px solid #7DAFF4;
    padding-top: 24px;
    margin-top: 4px;
}

.application_stage_4 .application_form {
    width: 100%;
    max-width: 100%;
}

.application_stage_4 .max_width {
    max-width: 768px;
    width: 100%;
}

.fn_application_power .fn_delete_application_power {
    display: none;
}

.fn_application_power.application_power_clone .fn_delete_application_power {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.application_power_title_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

@media (max-width: 1230px) {
    .client_cabinet_tabs .tab_navigation a.complaint_center_open {
        background: var(--kiroe-button-blue);
        box-shadow: 0px 0px 0px 4px #FFFFFF, 0px 0px 0px 5px #D3D3D3;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: fit-content;
        height: 48px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 24px 0px 12px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 52px;
        z-index: 98;
        border-radius: 50rem;
    }

    .client_cabinet_tabs .tab_navigation a.complaint_center_open span::after {
        content: none;
        display: none;
    }
}

@media (max-width: 1024px) {
    .form_information_items {
        display: none;
    }
}

@media (max-width: 991px) {
    .client_cabinet_tabs .tab_navigation a {
        text-align: center;
    }

    .application_info_content {
        padding: 24px;
    }
}

@media (max-width: 990px) {
    .application_form_line {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .stages_name {
        font-size: 10px;
        line-height: 18px;
    }

    .application_form,
    .application_stage_8 .application_form,
    .application_stage_7 .application_form {
        max-width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    .progress_line_item, .progress_line {
        display: none;
    }

    .progress_line_item.active {
        display: flex;
    }

    .split_flex_wrapper .form_group:first-child {
        max-width: 100%;
    }

    .split_flex_wrapper {
        flex-direction: column;
        gap: 0;
    }

    .progress_line_wrapper {
        padding: 12px 0;
    }

    .triple_wrapper, .split_wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .application_for_joining .tab_navigation a, .application_for_joining .tab_navigation5 a {
        min-width: max-content;
    }

    .application_for_joining .tab_navigation, .application_for_joining .tab_navigation5 {
        overflow: auto;
        padding-bottom: 8px;
    }

    .application_stage_tabs .tab {
        padding: 18px 0 40px;
    }

    .application_form_groups {
        margin-top: 16px;
    }

    .form_group_inputs {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .application_stage_tabs {
        width: 100%;
    }

    .application_stage_2, .application_stage_3, .application_stage_4,
    .application_stage_5, .application_stage_6, .application_stage_7, .application_stage_8 {
        padding: 24px 0 40px;
    }

    .application_stage_8 .upload_cover_label {
        flex-direction: column;
        gap: 10px;
    }

    .application_stage_8 .uploading-cover_block,
    .application_stage_8 .dropzone-cover_block {
        height: auto;
    }

    .application_stage_8 .upload_cover_label {
        height: auto;
        padding: 20px 32px;
    }

    .application_stage_8 .block-files {
        margin: 16px 0;
        padding: 0 16px;
        grid-template-columns: repeat(1, 1fr);
    }

    .upload_cover_label_wrapper {
        gap: 10px;
    }

    .application_stage_8 .cover-upload-image {
        width: 24px;
        height: 24px;
    }

    .logout_link .kiroe_link {
        display: none;
    }

    .client_cabinet_heading .h1 {
        font-size: 20px;
    }

    .client_cabinet_tabs .tab_navigation a {
        min-width: max-content;
    }

    .client_cabinet_tabs .tab_navigation {
        overflow: auto;
        width: 100%;
    }

    .application_info_items {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .application_info_content {
        padding: 16px;
    }

    .application_info_detailing_header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .application_form .input_ttl {
        -webkit-line-clamp: none;
    }
}

@media (max-width: 360px) {
    .application_successfully_title {
        font-size: 26px;
        line-height: 26px;
    }
}
/* CLIENT CABINET STYLE [END] */



/* COMPLAINTS CENTER [START] */
.complaint_center {
    display: block;
    padding-bottom: 80px;
}

.complaint_center_form {
    display: block;
    width: 100%;
    max-width: none;
    min-width: auto;
}

.complaint_center_form .form_group_content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.complaint_center_form .form_group_content .form_group_input {
    width: 100%;
    max-width: none;
}

.complaint_center_form .form_group_content .form_group_inputs {
    min-height: 56px;
}

.form_tabs {
    display: block;
}

.form_tab {
    display: none;
}

.form_tab.active {
    display: block;
}

.form_tab_outline {
    background: #FFFFFF;
    border: 1px solid rgba(206, 206, 206, 0.7);
    width: 100%;
    max-width: 768px;
    margin-bottom: 20px;
    padding: 24px;
    border-radius: 10px;
}

.form_tab_outline > .form_group:last-child {
    margin-bottom: 0;
}

.form_alert {
    background: #FFFABC;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
}

.form_alert svg {
    width: 32px;
    min-width: 32px;
    height: 32px;
}

.form_alert_warning {
    background: #FFFABC;
    color: #000000;
}

.form_alert_warning svg {
    color: #BE9F00;
}

@media (min-width: 1231px) {
    .complaint_center_form .form_group_content .form_group_input {
        width: 100%;
        max-width: 768px;
    }

    .complaint_center_form .form_info {
        background: #FFFFFF;
        justify-content: flex-start;
        align-items: flex-start;
        flex-grow: 1;
        flex-basis: 0;
        width: auto;
        height: auto;
        min-height: 56px;
        padding: 0px 0px 0px 12px;
    }

    .complaint_center_form .form_info svg {
        margin: 11px 0px;
    }

    .complaint_center_form .form_info::after {
        background: transparent;
        border: none;
        line-height: 20px;
        width: auto;
        margin-top: auto;
        margin-bottom: auto;
        padding: 7px 12px;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        position: static;
        top: auto;
        left: auto;
        transform: none;
        transition: none;
    }
}

@media (max-width: 1230px) {
    .complaint_center_form .form_info::after {
        width: 275px;
        left: auto;
        right: -1px;
    }
}

@media (max-width: 990px) {
    .complaint_center_form .form_group_content .form_group_inputs {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (max-width: 576px) {
    .complaint_center_form .form_group_content {
        gap: 8px;
    }

    .complaint_center_form .form_group_content input[type="text"],
    .complaint_center_form .form_group_content select {
        height: 48px;
        min-height: 48px;
    }

    .complaint_center_form .form_group_content .form_group_inputs {
        min-height: 48px;
    }
}
/* COMPLAINTS CENTER [END] */