@charset "UTF-8";

html {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

main {
    display: block;
}

b,
strong {
    font-weight: 600;
}

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

img {
    max-width: 100%;
    border-style: none;
}

img[width="0"][height="0"] {
    display: none;
}

a {
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

a:not([class]) {
    color: var(--blue-color);
}

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

a:not([class]):hover,
a:not([class]):focus {
    color: var(--blue-hover-color);
}

input,
select,
textarea,
button {
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

textarea {
    overflow: auto;
}

textarea::-webkit-scrollbar {
    width: 0;
}

::-ms-clear {
    display: none;
}

input {
    overflow: visible;
}

button {
    cursor: pointer;
    border: none;
    outline: none;
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.b24-form [type="checkbox"],
.b24-form [type="radio"] {
    -webkit-appearance: auto;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2rem;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

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

* {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

ul, ol {
    margin: 0;
    padding: 0;
}

textarea {
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    border-radius: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

label {
    margin: 0;
}

input,
button,
select {
    border: none;
    outline: none;
}

input {
    border-radius: 0;
}

*:focus {
    outline: none;
}

svg, svg * {
    transition: all 0.3s ease;
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto;
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: 0rem;
    overflow: hidden !important;
    overscroll-behavior-y: none;
}

html.with-fancybox body {
    touch-action: none;
}

.no-scrolling {
	overflow: hidden;
}

.link {
	text-decoration: underline;
}

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

.invert-link {
	text-decoration: none;
}

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

.fa {
    vertical-align: baseline;
    font-weight: 400;
    color: var(--blue-color);
}

button[disabled],
form[inert],
.inert-container[inert],
input[inert],
button[inert] {
    opacity: .3;
    cursor: not-allowed;
}

/* installation vars */
:root {
    /* fonts */
    --main-font: 'Manrope';
    /* text colors */
    --text-main-color: #3C3E45;
    --text-main-color-transparent: rgba(60, 62, 69, .8);
    --text-main-color-transparent90: rgba(60, 62, 69, .9);
    --text-second-color: #4F5159;
    --text-white-color: #fff;
    /* colors */
    --black-color: #000;
    --white-color: #fff;
    --lightgray-color: #E5E5E5;
    --dark-color: #4F5159;
    --dark-hover-color: #2b2c30;
    --blue-color: #0086FF;
    --blue-hover-color: #0075DF;
    --blue-transparent-color: #EAF5FF;
    --lightblue-color: #5CB2FF;
    --lightblue-hover-color: #aed9ff;
    --green-color: #41D27B;
    --green-hover-color: #56d789;
    --darkgreen-color: #80AA90;
    --darkgreen-hover-color: #8fb49d;
    --red-color: #F57575;
    --red-hover-color: #f78d8d;
    --maroon-color: #DD8080;
    --maroon-hover-color: #e29494;
    --yellow-color: #FFC26A;
    --yellow-hover-color: #FCCF8F;
    --orange-color: #F8A93A;
    --orange-hover-color: #f9b453;
    --cyan-color: #4EB5BC;
    --cyan-hover-color: #73c4ca;

    --gray-bg-color: #F8F8F8;

    --main-shadow: 0rem 5rem 10rem rgba(0, 0, 0, 0.1);
    --main-shadow-hover: 0rem 5rem 10rem rgba(0, 0, 0, 0.2);
}
/* end installation vars */

/*styles config 
for example:
adaptive full-hd 1rem = calc(100vw / 1920)
adaptive 768px 1rem = calc(100vw / 768)
static 1rem = 1px
*/
html,
body {
    font-size: 1px;
    height: 100%;
}
/*end styles config*/

/* browser scroll width */
body *::-webkit-scrollbar {
    width: 12rem;
    height: 6rem;
}

/* browser scroll track */
body *::-webkit-scrollbar-track {
    background: #fff;
}

/* browser scroll handle */
body *::-webkit-scrollbar-thumb {
    background: var(--blue-color);
    border-radius: 3rem;
}

.horizontal-scroll {
    padding-bottom: 12rem;
    overflow-x: auto;
}

body .mobile-visible {
    display: none;
}

@media (max-width: 480px) {
    body .mobile-visible {
        display: block;
    }

    body .desktop-visible {
        display: none;
    }
}

/*main styles*/
body {
    margin: 0;
    color: var(--text-main-color);
    font: normal 18rem/170% var(--main-font), sans-serif;
    background: #fff;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.content {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    /* overflow: hidden; */
}

.container {
    position: relative;
    max-width: 1366rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 15rem;
}

.title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30rem;
    gap: 20rem 0;
    text-align: center;
}

.title-wrapper.left {
    align-items: flex-start;
    text-align: left;
}

/* buttons */
.buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15rem;
}

.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15rem 10rem;
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 13rem 20rem;
    background-color: var(--blue-color);
    border: none;
    border-radius: 10rem;
    font-weight: 500;
    font-size: 16rem;
    line-height: 24rem;
    text-align: center;
    color: var(--text-white-color);
    transition: all 0.3s ease;
    cursor: pointer; 
}

.button.white {
    background-color: var(--white-color);
    color: var(--blue-color);
}

.button:hover {
    background-color: var(--blue-hover-color);
    color: var(--text-white-color); 
}

.button.gray {
    background-color: var(--dark-color);
    color: #fff;
}

.button.gray:hover {
    background-color: #676a74;
}

.button-o {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 13rem 20rem;
    background: none;
    border: 1rem solid var(--blue-color);
    border-radius: 10rem;
    font-weight: 500;
    font-size: 16rem;
    line-height: 24rem;
    text-align: center;
    color: var(--blue-color);
    transition: all 0.3s ease;
    cursor: pointer; 
}

.button-o.dark-text {
    color: var(--text-second-color);
}

.button.small,
.button-o.small,
.button-o.medium {
    padding: 10rem 20rem;
    font-weight: 600;
    font-size: 14rem;
    line-height: 24rem;
}

.button-o.small2 {
    height: 34rem;
    padding: 5rem 10rem;
    border: 1rem solid #878787;
    font-weight: 600;
    font-size: 14rem;
    line-height: 24rem;
    white-space: nowrap;
    color: #878787;
}

.button-o:hover {
    background-color: var(--blue-hover-color);
    border-color: var(--blue-hover-color);
    color: var(--text-white-color); 
}

.button.see_all {
    background-color: #4F5159;
    color: #fff;
    height: 34rem;
    line-height: 34rem;
    font-size: 14rem;
    padding: 0 15rem;
}

.button.see_all:hover {
    background-color: #0086FF;
    color: #fff;
}

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

.with_button .button.see_all {
    margin-left: 15rem;
}

.section-from-blog .section-page-title .button.see_all {
    background-color: #0086FF;
}
  
.section-from-blog .section-page-title .button.see_all:hover {
    background-color: #4F5159;
}
/* end buttons */

/* checkboxes */
.ch,
.rd {
    display: none;
}

.ch + label,
.rd + label {
    position: relative;
    display: inline-block;
    padding-left: 32rem;
    cursor: pointer;
    color: #787885;
    font-size: 16rem;
    line-height: 1.2;
    transition: all 0.3s ease;
}

.ch-big + label,
.rd-big + label {
    font-size: 18rem;
}

.ch + label a,
.rd + label a {
    text-decoration: underline;
}

.ch + label a:hover,
.rd + label a:hover {
    text-decoration: none;
}

.ch + label:before,
.rd + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20rem;
    height: 20rem;
    border: 1rem solid #C3C3C3;
    border-radius: 2rem;
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.rd + label:before {
    border-radius: 50%;
}

.ch-big + label:before,
.rd-big + label:before {
    width: 24rem;
    height: 24rem;
}

.ch + label::after,
.rd + label::after {
    content: '';
    position: absolute;
    top: 5rem;
    left: 5rem;
    width: 12rem;
    height: 9rem;
    background: url(../../img/i_check.svg) center/contain no-repeat;
    transform: scale(0);
    transition: all 0.3s ease;
}

.ch-big + label::after,
.rd-big + label::after {
    top: 8rem;
    left: 8rem;
}

.ch:checked + label,
.rd:checked + label {
    border-color: var(--blue-color);
    font-weight: 500;
    color: var(--text-second-color);
}

.ch:checked + label::before,
.rd:checked + label::before {
    border-color: var(--blue-color);
}

.ch:checked + label::after,
.rd:checked + label::after {
    transform: scale(1);
}

.ch:checked + label a,
.rd:checked + label a {
    color: var(--blue-color) !important;
}

.ch.small + label,
.rd.small + label {
    font-size: 14rem;
}
/* end checkboxes */

/* old inputs */
.ip_cell {
    position: relative;
    display: inline-block;
    line-height: normal;
    margin-bottom: 20rem;
}

.ip_cell.w100 {
    width: 100%;
}

.ip_cell.w50 {
    width: 50%;
}

.ip_cell.w30 {
    width: 30%;
}

.input_text, 
.select2-container .select2-selection--multiple, 
.select2-container--default .select2-selection--multiple {
    width: 100%;
    height: 40rem;
    border: 1rem solid #dadada;
    background-color: #fff;
    border-radius: 7rem;
    padding: 0 17rem;
    font-size: 14rem;
    transition: all 0.3s ease;
}

.input_text:hover, 
.input_text:focus, 
.select2-container .select2-selection--multiple:hover, 
.select2-container .select2-selection--multiple:focus, 
.select2-container--default .select2-selection--multiple:hover, 
.select2-container--default .select2-selection--multiple:focus {
    border-color: var(--blue-color);
}

.has-error {
    position: relative;
}

.has-error .input_text {
    border-color: #F57575;
    color: #F57575;
}

.help-block {
    display: none;
}

.has-error .help-block {
    position: relative;
    display: block;
    font-size: 12rem;
    line-height: 14rem;
    padding-top: 3rem;
    color: #F57575;
}

.modal_content .has-error .help-block {
    white-space: normal; 
}

.ip_label {
    display: block;
    font-weight: 500;
    font-size: 14rem;
    margin-bottom: 5rem;
    color: #787885;
}

.ip-cells {
    display: flex;
}

.ip-cells .ip_cell:not(:last-child) {
    margin-right: 20rem;
}

.label-on {
    position: relative;
}

.label-top {
    position: relative;
}

.label-on .input_text,
.label-top .input_text {
    font-size: 16rem;
    height: 60rem;
    padding-top: 18rem;
    background: #F8F8F8;
    border: 1rem solid transparent;
}

.label-top .input_text {
    padding-top: 0;
}

.label-on.has-error .input_text,
.label-on .input_text.error,
.label-top.has-error .input_text,
.label-top .input_text.error {
    background: #FFF1F1;
    border-color: #F57575;
    color: #F57575;
}

.label-on textarea.input_text,
.label-top textarea.input_text {
    padding-top: 25rem;
}

.label-on .input_text:hover,
.label-top .input_text:hover {
    border: 1rem solid #bdbdbd;
}

.label-on .input_text:focus,
.label-top .input_text:focus {
    background: #fff;
    border: 1rem solid #dadada;
}

.label-on .input_text::placeholder { color: transparent; }
.label-on .input_text::-webkit-input-placeholder { color: transparent; }
.label-on .input_text:-moz-placeholder { color: transparent; } /* FF 4-18 */
.label-on .input_text::-moz-placeholder { color: transparent; } /* FF 19+ */
.label-on .input_text:-ms-input-placeholder { color: transparent; } /* IE 10+ */

.label-on .input_text:focus::placeholder { color: inherit; }
.label-on .input_text:focus::-webkit-input-placeholder { color: inherit; }
.label-on .input_text:focus:-moz-placeholder { color: inherit; } /* FF 4-18 */
.label-on .input_text:focus::-moz-placeholder { color: inherit; } /* FF 19+ */
.label-on .input_text:focus:-ms-input-placeholder { color: inherit; } /* IE 10+ */

.label-on .ip_label {
    position: absolute;
    top: 22rem;
    left: 18rem;
    height: 16rem;
    margin: auto;
    font-size: 16rem;
    line-height: 1;
    pointer-events: none;
    transition: all 0.3s ease;
}

.label-top .ip_label {
    margin-bottom: 15rem;
    font-size: 14rem;
    line-height: 1;
    color: #878787;
}

.label-on .input_text:focus+.ip_label,
.label-on .input_text.active+.ip_label,
.label-on .input_text:not(.not-required):valid+.ip_label,
.label-on .input_text.success+.ip_label

/* .label-on .input_text[required]:valid + .ip_label */
    {
    top: 10rem;
    font-size: 13rem;
}

.label-on textarea.input_text:focus+.ip_label,
.label-on textarea.input_text.active+.ip_label,
.label-on textarea.input_text:not(.not-required):valid+.ip_label

/* .label-on textarea.input_text[required]:valid + .ip_label */
    {
    opacity: 0.3;
}

.image-uploader {
    border-radius: 7rem;
}

.label-on .image-uploader {
    border: 1rem solid transparent;
}

.label-on .image-uploader.has-files {
    border: 1rem solid #dadada;
}

.label-on .upload-text {
    background: #F8F8F8;
    border-radius: 7rem;
}

.ip_cell span.error {
    display: none !important;
}

.input-status {
    position: absolute;
    top: 0;
    right: 10rem;
    bottom: 0;
    margin: auto;
    width: 24rem;
    height: 24rem;
    background: url(../../img/i_success.svg) center no-repeat;
    background-size: contain;
    transition: all 0.3s ease;
    transform: scale(0);
}

.label-top .input-status {
    top: 30rem;
}

.label-on:not(.has-error) .input_text.success~.input-status,
.label-top:not(.has-error) .input_text.success~.input-status {
    transform: scale(1);
}

@media (max-width: 768rem) {
    .ip-cells {
        flex-direction: column;
    }

    .ip-cells:not(:last-child) {
        margin-bottom: 20rem;
    }
}

.lock-on,
.lk_content .ip_cell {
    position: relative;
}

.lock-on .ip_label,
.lock-on .input_text {
    pointer-events: none;
}

.lock-on .input_text {
    padding-right: 40rem;
    background: transparent;
}

.pencil-field {
    position: absolute;
    top: 24rem;
    right: 0;
    /* bottom: 0; */
    width: 40rem;
    height: 40rem;
    cursor: pointer;
    background: url(../../img/close_modal-grey.svg) center no-repeat;
    background-size: 20rem;
}

.pencil-field.field-off {
    background: url(../../img/i_pencil.svg) center no-repeat;
    background-size: 20rem;
}

.question_box+.pencil-field {
    right: 57rem;
}

/* @media (max-width: 568rem) {
    .question_box+.pencil-field {
        right: 42rem
    }
} */

.label-on .question_box,
.label-top .question_box {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-left: 20rem;
}

.label-on .question_icon,
.label-top .question_icon {
    width: 40rem;
    height: 40rem;
    font-size: 18rem;
    line-height: 38rem;
}

.label-on .question_box~.input-status,
.label-top .question_box~.input-status {
    right: 75rem;
}

.label-on .show_password,
.label-top .show_password {
    top: 19rem;
    margin: auto;
    width: 16rem;
    height: 22rem;
}

.label-top .show_password {
    top: 47rem;
}

.label-on .question_box~.show_password,
.label-top .question_box~.show_password {
    right: 75rem;
}

.label-on:not(.has-error) .input_text.success~.show_password,
.label-top:not(.has-error) .input_text.success~.show_password {
    right: 35rem;
}

.label-on:not(.has-error) .input_text.success~.question_box~.show_password,
.label-top:not(.has-error) .input_text.success~.question_box~.show_password {
    right: 105rem;
}

.show_password {
    position: absolute;
    top: 7rem;
    right: 12rem;
    color: #3C3E45;
    font-size: 16rem;
    transition: none;
}

.show_password:after {
    content: '\f06e';
    font-family: 'FontAwesome';
    display: inline-block;
    transition: none;
}

.show_password.showed:after {
    content: '\f070';
    transition: none;
}

.reset_password-wrapper {
    margin-bottom: 30rem;
}
  
.reset_password {
    font-size: 14rem;
}

.input-ch-notice {
    margin-bottom: 20rem;
    font-weight: 500;
    font-size: 14rem;
    line-height: 1.5;
    text-align: center;
    color: #878787;
}

.ip_cell + .input-reg-notice {
    margin-top: -10rem;
    margin-bottom: 20rem;
    font-size: 12rem;
    line-height: 1;
}
  
.label-top + .input-reg-notice {
    margin-bottom: 30rem;
    font-size: 14rem;
    line-height: 1;
    color: #878787;
}

.input-reg-notice a {
    color: var(--blue-color);
}

.input-reg-notice a:hover,
.input-reg-notice a:focus {
    color: var(--blue-hover-color);
}
/* end old inputs */

/* flex */
.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

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

.align-start {
    align-items: flex-start;
}

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

.align-end {
    align-items: flex-end;
}

.justify-start {
    justify-content: flex-start;
}

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

.justify-sb {
    justify-content: space-between;
}

.justify-end {
    justify-content: flex-end;
}

.gap0 {
    gap: 0;
}

.gap0-5 {
    gap: 0 5rem;
}

.gap5-0 {
    gap: 5rem 0;
}

.gap5 {
    gap: 5rem;
}

.gap0-10 {
    gap: 0 10rem;
}

.gap10-0 {
    gap: 10rem 0;
}

.gap10 {
    gap: 10rem;
}

.gap0-15 {
    gap: 0 15rem;
}

.gap15-0 {
    gap: 15rem 0;
}

.gap15 {
    gap: 15rem;
}

.gap0-20 {
    gap: 0 20rem;
}

.gap20-0 {
    gap: 20rem 0;
}

.gap20 {
    gap: 20rem;
}
/* end flex */

.section {
    position: relative;
    padding: 70rem 0;
}

.gray-bg {
    background: var(--gray-bg-color);
}

.tab-item {
    display: none;
}

.tab-item.active {
    display: block;
}

.dropdown-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10rem 0;
}

.dropdown-link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20rem 60rem 20rem 16rem;
    background: var(--white-color);
    box-shadow: 0rem 0rem 20rem 0rem rgba(0, 0, 0, 0.05);
    border-radius: 20rem;
    font-size: 16rem;
    line-height: normal;
    /* white-space: nowrap; */
    overflow: hidden;
    cursor: pointer;
}

.dropdown-link span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-link::after {
    content: '';
    position: absolute;
    top: 0;
    right: 14rem;
    bottom: 0;
    margin: auto;
    width: 15rem;
    height: 8rem;
    background: url(../../img/i_select_blue.svg) center/contain no-repeat;
    transition: all .3s ease;
}

.dropdown-box.active .dropdown-link::after {
    transform: rotate(-180deg);
}

.dropdown-remove-search,
.remove-search {
    position: absolute;
    top: 0;
    right: 30rem;
    bottom: 0;
    margin: auto;
    width: 30rem;
    height: 30rem;
    background: url(../../img/new-site/icons/remove-search.svg) center/18rem no-repeat;
    cursor: pointer;
    transition: all .3s ease;
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
}

.remove-search {
    right: 50rem;
}

.dropdown-link.chosen ~ .dropdown-remove-search,
.input-search.searching ~ .remove-search {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.dropdown-list {
    position: absolute;
    top: 68rem;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 5rem 0;
    width: 100%;
    max-height: 570rem;
    padding: 10rem 15rem;
    background: #F8F8F8;
    box-shadow: 0rem 0rem 25rem 0rem rgba(0, 0, 0, 0.15);
    border-radius: 7rem;
    z-index: 2;
    overflow-y: auto;
    transition: all .3s ease;
    opacity: 0;
    transform: scale(.8);
    pointer-events: none;
    /* -ms-overflow-style: none;
    scrollbar-width: none; */
}

/* .dropdown-list::-webkit-scrollbar {
    width: 0;
    height: 0;
} */

.dropdown-box.active .dropdown-list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.dropdown-items {
    display: flex;
    flex-direction: column;
    max-height: 490rem;
    overflow-y: auto;
}

.dropdown-item {
    display: flex;
    flex-direction: column;
    padding: 10rem;
}

.dropdown-item-text {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

.dropdown-search-box,
.dropdown-search-list {
    width: 100%;
}

.search-box {
    position: relative;
    min-height: 47rem;
    border-radius: 20rem;
    overflow: hidden;
}

.input-search {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20rem 42rem 20rem 16rem;
    background: var(--white-color);
    box-shadow: 0rem 0rem 20rem 0rem rgba(0, 0, 0, 0.05);
    border-radius: 20rem;
    font-weight: 400;
    font-size: 16rem;
    line-height: normal;
}

.input-search.searching {
    padding-right: 76rem;
}

.dropdown-list .input-search {
    padding: 14rem 42rem 14rem 20rem;
    border-radius: 15rem;
}

.search-btn {
    position: absolute;
    top: 0;
    right: 16rem;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30rem;
    height: 30rem;
    margin: auto;
    background: none;
}

.input-search:hover + .search-btn svg path, 
.input-search:focus + .search-btn svg path {
    fill: var(--blue-color);
    fill-opacity: 1;
}

.filters-keywords {
    margin: 20rem 0;
}

.filters-list-selected {
    display: flex;
    flex-wrap: wrap;
    gap: 10rem;
}

.filter_selected_item {
    position: relative;
    padding: 8rem 34rem 8rem 12rem;
    border-radius: 10rem;
    background: var(--blue-transparent-color);
    box-shadow: 0 0 8rem 1rem rgba(0, 0, 0, 0);
    cursor: pointer;
    font-size: 16rem;
    line-height: 1.5;
    color: #787885;
    transition: all 0.3s ease;
}

.filter_selected_item:hover {
    box-shadow: 0 0 8rem -2rem #c7c7c7;
}

.filters .filter_selected_item::after, .experts_filters-accordion_item .filter_selected_item::after {
    content: '';
    display: block;
    width: 10rem;
    height: 10rem;
    background: url(../../img/close-thin.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: 12rem;
    top: 50%;
    transform: translateY(-50%);
}

.dropdown-box-mobile {
    display: none;
}

.catalog-filters {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10rem;
    margin: 20rem 0;
}

.catalog-filters .dropdown-box {
    max-width: 445rem;
    width: 100%;
    grid-column-end: span 4;
}

.catalog-filters .dropdown-search-box {
    max-width: 445rem;
    width: 100%;
    grid-column-end: span 4;
}

.catalog-filters .col-3 {
    grid-column-end: span 3;
}

.catalog-filters-mob {
    display: none;
}

.pager_content {
    display: flex;
    flex-direction: column;
    gap: 20rem 0;
    margin-top: 20rem;
}

.pager_content .ip_cell {
    margin-bottom: 0;
}

.paginate_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.paginate_box a {
    display: inline-block;
    color: #8F8F8F;
    font-size: 14rem;
}

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

.paginate li {
    display: inline-block;
}

.paginate li.pg_space {
    display: inline-block;
    padding: 10rem 15rem;
    vertical-align: baseline;
}

.paginate a {
    display: inline-block;
    width: 35rem;
    height: 35rem;
    margin: 0 2rem;
    border-radius: 50%;
    text-align: center;
    line-height: 35rem;
    font-size: 14rem;
    color: #8F8F8F;
}

.paginate li.pg_current a {
    background-color: #F3F9FF;
    color: var(--text-second-color);
}

.dropdown-box-mobile-close,
.dropdown-box-mobile-title,
.dropdown-box-mobile-button {
    display: none;
}

.search-not-found {
    margin-top: 50rem;
    font-size: 32rem;
    line-height: 1.2;
    text-align: center;
}

.overlay {
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0.1s;
}

.modal:not(.fade) {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.1s ease;
}

.modal.visible {
    opacity: 1;
    height: auto;
    visibility: visible; 
}

.fancybox-container .modal:not(.fade),
.fancybox-container .modal.visible {
    position: static;
    z-index: auto;
    padding: 0;
    background: none;
    opacity: 1;
    visibility: inherit;
}

.modal_content {
    position: absolute;
    z-index: 2;
    top: 2.5vh;
    left: 50%;
    margin-top: 30rem;
    width: 780rem;
    transform: translateX(-50%);
    padding: 50rem;
    background-color: #fff;
    border-radius: 7rem;
    font-size: 16rem;
    line-height: 150%;
}

.fancybox-container .modal_content {
    position: relative;
}

.modal_content-mini {
    width: 500rem;
    padding: 35rem 30rem;
}

.modal_overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
}

.fancybox-container .modal_overlay {
    display: none;
}

.modal_close {
    position: absolute;
    top: -30rem;
    right: -30rem;
    width: 60rem;
    height: 60rem;
    border-radius: 50%;
    background: var(--blue-color) url(../../img/close_modal_r.svg) no-repeat center center;
    z-index: 10;
    color: transparent;
    font-size: 0;
}

.modal_close:hover {
    background-image: url(../../img/close_modal.svg);
    background-color: #F8F8F8; 
}

.modal .fancybox-button--close,
.modal .fancybox-close-small {
    display: none;
}

.modal_title {
    margin-top: 0;
    margin-bottom: 30rem;
    font-weight: 800;
    font-size: 36rem;
    line-height: 100%;
    text-align: center;
}

.modal_title-mini {
    margin-bottom: 15rem;
    font-size: 18rem;
    line-height: 1.5;
}

.modal_subtitle {
    margin-bottom: 30rem;
    text-align: center;
}

.modal_text {
    font-size: 14rem;
    line-height: 1.25;
}
  
.modal_text-big {
    font-size: 16rem;
    line-height: 1.5;
}
  
.modal_text-center {
    text-align: center;
}

.contact_form {
    background: #F8F8F8;
    border-radius: 30rem;
    padding: 52rem 55rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.modal_content .contact_form {
    padding: 0;
    background: none;
}

.contact_buttons .button,
.contact_buttons .button-o {
    width: 100%;
    margin-bottom: 25rem;
}

.success_box {
    text-align: center;
}

.modal_buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15rem 10rem;
    padding-top: 1em;
}

.modal_buttons a.button, 
.modal_buttons a.button-o {
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
}

.modal_content .buttons .button,
.modal_content .buttons .button-o {
    margin-bottom: 0;
}

.modal_text + .buttons {
    margin-top: 15rem;
}

.modal_search {
    display: none;
    width: 100%;
    max-width: 1124rem;
    padding: 44rem 15rem; 
    border-radius: 10rem;
}

.modal_search .button.modal_search-btn {
    margin: 0;
    margin-top: 20rem; 
}

.modal_search-form {
    display: flex;
    flex-direction: column;
    align-items: center; 
}

.modal_search-input {
    width: 100%;
    padding: 10rem 20rem;
    height: 45rem;
    border: 1rem solid #DADADA;
    border-radius: 5rem;
    box-shadow: none;
    font-size: 16rem;
    line-height: 1.2em;
    flex-grow: 1; 
}

.modal_search-input:focus {
    border-color: var(--blue-color);
}

.search-rezult_info {
    margin-bottom: 30rem; 
}

.search-form .button.search-form_btn {
    padding: 12rem 20rem; 
}

.modal-side_banner {
    display: none;
}
  
.modal-side_banner.fancybox-content {
    display: inline-block;
    max-width: 600rem;
    width: 100%;
    padding: 0;
    border-radius: 7rem;
    overflow: visible;
}
  
.modal-side_banner .fancybox-button {
    top: -30rem;
    right: -30rem;
    width: 60rem;
    height: 60rem;
    padding: 0;
    background: url(../../img/close-popup.svg) center no-repeat;
    background-size: contain;
    opacity: 1;
    transition: all .2s linear;
}
  
.modal-side_banner .fancybox-button:hover {
    transform: rotate(90deg);
}
  
.modal-side_banner .fancybox-button svg {
    display: none;
}
  
.modal-side_banner-info {
    padding: 30rem;
    text-align: center;
}
  
.modal-side_banner-img img {
    width: 100%;
}

.modal .buttons,
.modal-side_banner .buttons {
    justify-content: center;
}

.index-slider-section {
    padding: 30rem 0 10rem;
}

.index-slider-container {
    position: relative;
}
  
.close-index-slider {
    position: absolute;
    top: 15rem;
    right: 30rem;
    width: 28rem;
    height: 28rem;
    background: url(../../img/close-popup.svg) center no-repeat;
    background-size: contain;
    z-index: 2;
    transition: all .2s linear;
    cursor: pointer;
}
  
.close-index-slider:hover {
    transform: rotate(90deg);
}
  
.index-slider {
    position: relative;
    display: block;
    max-width: 1345rem;
    width: 100%;
    height: 250rem;
    margin: 20rem auto;
}
  
.index-slider.with-img {
    height: auto;
}
  
.index-slide {
    max-width: 1345rem;
    width: 100%;
    height: 250rem;
    margin: auto;
}
  
.with-img .index-slide {
    height: auto;
}
  
.index-slide img {
    width: 100% !important;
    image-rendering: optimizequality;
    image-rendering: -webkit-optimize-contrast;
}
  
.index-slide-bg {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.accordion_desc {
    display: none;
}

.accordion_item.active {
    display: block;
}

body .index-slide img.mobile-visible {
    display: none;
}

body .index-slide img.desktop-visible {
    display: block;
}

.all-events-card-stickers {
    position: absolute;
    top: 40rem;
    left: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10rem 0;
    max-height: 220rem;
    overflow: hidden;
    pointer-events: none;
}

.all-events-card-sticker {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32rem;
    max-width: 260rem;
    min-height: 36rem;
    padding: 5rem 10rem;
    background: #5CBF1F;
    border-radius: 0 5rem 5rem 0;
    font-weight: 500;
    font-size: 14rem;
    line-height: 24rem;
    text-align: center;
    color: #FFF;
    z-index: 1;
}

.need_auth-popup-info {
    padding: 60rem 30rem;
}

.reg-block {
    max-width: 700rem;
    width: 100%;
    padding: 50rem;
    margin: auto;
    background: #fff;
    border-radius: 15rem;
    font-weight: 500;
    font-size: 16rem;
    line-height: 150%;
}

.modal:not(.modal-reg) .reg-block,
.fancybox-container .reg-block {
    padding: 0;
}

.reg-block .auth-title {
    font-weight: 700;
    font-size: 28rem;
    line-height: 150%;
    text-align: center;
    margin-bottom: 30rem;
}

.reg-form .button {
    width: 100%;
    height: 60rem;
    margin: 0;
    font-size: 20rem;
}

.error-page-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 20rem;
}

.error-page-info {
    display: flex;
    flex-direction: column;
    gap: 20rem 0;
    max-width: 650rem;
    width: 100%;
}

.error-page-text {
    font-weight: 500;
    font-size: 20rem;
    line-height: 1.5;
}

.error-page-socs-block {
    display: flex;
    flex-direction: column;
    gap: 20rem 0;
    max-width: 650rem;
    width: 100%;
}

.error-page-socs-title {
    font-weight: 600;
    font-size: 24rem;
    line-height: 1.3;
}

.error-page-socs {
    display: flex;
    flex-direction: column;
    gap: 20rem 0;
}

.error-page-soc {
    display: flex;
    gap: 0 10rem;
    font-weight: 500;
    font-size: 16rem;
    line-height: 1.5;
}

.error-page-soc img {
    width: 25rem;
    min-width: 25rem;
}

.error-page-error {
    max-width: 650rem;
    font-weight: 900;
    font-size: 300rem;
    line-height: .8;
    text-align: center;
    color: #E5E5E5;
}

/*preloader*/
.circularG-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 58rem;
    height: 58rem;
    margin: auto;
    z-index: 100;
}

.circularG {
    position: absolute;
    background-color: rgb(0, 136, 255);
    width: 14rem;
    height: 14rem;
    border-radius: 9rem;
    -o-border-radius: 9rem;
    -ms-border-radius: 9rem;
    -webkit-border-radius: 9rem;
    -moz-border-radius: 9rem;
    animation-name: bounce_circularG;
    -o-animation-name: bounce_circularG;
    -ms-animation-name: bounce_circularG;
    -webkit-animation-name: bounce_circularG;
    -moz-animation-name: bounce_circularG;
    animation-duration: 1.1s;
    -o-animation-duration: 1.1s;
    -ms-animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

.circularG_1 {
    left: 0;
    top: 23rem;
    animation-delay: 0.41s;
    -o-animation-delay: 0.41s;
    -ms-animation-delay: 0.41s;
    -webkit-animation-delay: 0.41s;
    -moz-animation-delay: 0.41s;
}

.circularG_2 {
    left: 6rem;
    top: 6rem;
    animation-delay: 0.55s;
    -o-animation-delay: 0.55s;
    -ms-animation-delay: 0.55s;
    -webkit-animation-delay: 0.55s;
    -moz-animation-delay: 0.55s;
}

.circularG_3 {
    top: 0;
    left: 23rem;
    animation-delay: 0.69s;
    -o-animation-delay: 0.69s;
    -ms-animation-delay: 0.69s;
    -webkit-animation-delay: 0.69s;
    -moz-animation-delay: 0.69s;
}

.circularG_4 {
    right: 6rem;
    top: 6rem;
    animation-delay: 0.83s;
    -o-animation-delay: 0.83s;
    -ms-animation-delay: 0.83s;
    -webkit-animation-delay: 0.83s;
    -moz-animation-delay: 0.83s;
}

.circularG_5 {
    right: 0;
    top: 23rem;
    animation-delay: 0.97s;
    -o-animation-delay: 0.97s;
    -ms-animation-delay: 0.97s;
    -webkit-animation-delay: 0.97s;
    -moz-animation-delay: 0.97s;
}

.circularG_6 {
    right: 6rem;
    bottom: 6rem;
    animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
}

.circularG_7 {
    left: 23rem;
    bottom: 0;
    animation-delay: 1.24s;
    -o-animation-delay: 1.24s;
    -ms-animation-delay: 1.24s;
    -webkit-animation-delay: 1.24s;
    -moz-animation-delay: 1.24s;
}

.circularG_8 {
    left: 6rem;
    bottom: 6rem;
    animation-delay: 1.38s;
    -o-animation-delay: 1.38s;
    -ms-animation-delay: 1.38s;
    -webkit-animation-delay: 1.38s;
    -moz-animation-delay: 1.38s;
}

@keyframes bounce_circularG {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(.3);
    }
}

@-o-keyframes bounce_circularG {
    0% {
        -o-transform: scale(1);
    }

    100% {
        -o-transform: scale(.3);
    }
}

@-ms-keyframes bounce_circularG {
    0% {
        -ms-transform: scale(1);
    }

    100% {
        -ms-transform: scale(.3);
    }
}

@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(.3);
    }
}
/*end preloader*/

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10rem;
}

.tags .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    padding: 8rem 20rem;
    background: var(--blue-transparent-color);
    border-radius: 50rem;
    font-size: 14rem;
    line-height: 24rem;
    text-align: center;
    color: #787885;
}

.tags .tag:hover {
    box-shadow: 0rem 0rem 15rem 0rem rgba(0, 0, 0, 0.15);
}

.soldout-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 320rem;
    height: 56rem;
    margin: auto;
    padding: 13rem 13rem 13rem 50rem;
    background: #FFFFFF;
    border-radius: 15rem;
    font-weight: 700;
    font-size: 20rem;
    line-height: 150%;
    text-align: center;
    color: #4F5159;
}

.soldout .soldout-label {
    display: flex;
}

.soldout-label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 13rem;
    bottom: 0;
    margin: auto;
    width: 32rem;
    height: 32rem;
    background: url(../../img/i_done_24px.svg) center / contain no-repeat;
}

.soldout-label.closed::before {
    background: url(../../img/close_modal_r.svg) center / 16rem no-repeat #80c2ff;
    border-radius: 32rem;
}

.swiper .swiper-wrapper {
    height: auto;
    padding: 0 0 10rem;
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: linear !important;
}

.swiper .swiper-arrow {
	position: absolute;
	top: 0;
    bottom: 0;
    margin: auto !important;
	width: 40rem;
    height: 40rem;
    padding: 0 !important;
    filter: drop-shadow(0rem 2rem 4rem rgba(0, 0, 0, 0.25));
}

.swiper .swiper-arrow svg {
    display: none;
}

.swiper .swiper-arrow:hover {
    filter: drop-shadow(0rem 2rem 4rem rgba(0, 0, 0, 0.30));
}

.swiper-slider-4 .swiper-button-prev,
.swiper-slider-3 .swiper-button-prev {
    left: 5rem;
    background: url(../../img/arrow-slider-left.png) center/contain no-repeat !important;
}

.swiper-slider-4 .swiper-button-next,
.swiper-slider-3 .swiper-button-next {
    right: 5rem;
    background: url(../../img/arrow-slider-right.png) center/contain no-repeat !important;
}

.autoplay-progress {
    position: absolute;
    right: 16rem;
    bottom: 16rem;
    z-index: 10;
    width: 48rem;
    height: 48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
}

.autoplay-progress.white {
    color: var(--white-color);
}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0rem;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4rem;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6rem * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.autoplay-progress.white svg {
    stroke: var(--white-color);
}

.select_simple, 
.select2-container--default .select2-selection--single {
    width: 100%;
    height: 40rem;
    background: #fff url(../../img/i_select.svg) right 15rem top 50% no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1rem solid #E5E5E5;
    border-radius: 7rem;
    padding: 0 20rem;
    padding-right: 40rem;
}

.select_simple:focus, 
.select2-container--default .select2-selection--single:focus {
    background-image: url(../../img/i_search_up.svg);
}

/* end main styles */

/*adaptive styles*/
@media (max-width: 1366px) {
    html {
        font-size: calc(100vw / 1366);
    }
}

@media (max-width: 1100px) {

}
/*end adaptive styles*/

/*mobile styles*/

@media (max-width: 480px) {
    html {
        font-size: calc(100vw / 480);
    }

    .section {
        padding: 35rem 0;
    }

    .title-wrapper {
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 20rem;
        text-align: left;
        gap: 10rem 0;
    }

    .section-services-page .title-wrapper {
        margin-bottom: 20rem;
    }

    .ch + label,
    .rd + label {
        font-size: 14rem;
        line-height: normal;
    }

    .pg_prev a,
    .pg_next a {
        font-size: 0;
        color: transparent;
    }

    .pg_prev a:before,
    .pg_next a:before {
        color: #8F8F8F;
        font-size: 14rem;
    }

    .pg_prev a:before {
        content: '←';
    }

    .pg_next a:before {
        content: '→';
    }

    .paginate li {
        display: inline-block;
        margin: auto;
    }

    .paginate li.pg_space {
        padding: 3rem 0;
        font-size: 13rem;
    }

    .paginate a {
        width: 28rem;
        height: 28rem;
        margin: 0;
        line-height: 28rem;
        font-size: 13rem;
    }

    .catalog-filters {
        margin: 0;
    }

    .filters-keywords {
        margin: 0 0 10rem;
    }

    .filters-list-selected {
        gap: 10rem 5rem;
    }

    .filter_selected_item {
        padding: 11rem 30rem 11rem 10rem;
        font-size: 12rem;
    }

    .dropdown-box,
    .dropdown-box-mobile,
    .dropdown-search-box {
        position: fixed;
        inset: 0;
        display: flex;
        flex-direction: column;
        max-width: 100% !important;
        width: 100%;
        height: 100dvh;
        margin: auto;
        background: var(--gray-bg-color);
        transition: all .3s ease;
        z-index: 1300;
        opacity: 0;
        transform: scale(.8);
        pointer-events: none;
    }

    .dropdown-box *,
    .dropdown-box-mobile *,
    .dropdown-search-box * {
        pointer-events: none;
    }
    
    .dropdown-box.active-mobile,
    .dropdown-box-mobile.active,
    .dropdown-search-box.active-mobile {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
    }

    .dropdown-box.active-mobile *,
    .dropdown-box-mobile.active *,
    .dropdown-search-box.active-mobile * {
        pointer-events: auto;
    }

    .dropdown-list,
    .dropdown-search-list {
        position: static;
        top: auto;
        max-height: calc(100dvh - 50rem);
        padding: 10rem 15rem;
        background: transparent;
        box-shadow: none;
        overflow-y: auto;
        opacity: 1;
        transform: scale(1);
    }

    .dropdown-box.active-mobile .dropdown-list,
    .dropdown-box-mobile.active .dropdown-list,
    .dropdown-search-box.active-mobile .dropdown-search-list {
        pointer-events: auto;
    }

    .dropdown-items + .dropdown-items {
        margin-top: 25rem;
    }

    .dropdown-items-title {
        padding-left: 10rem;
        padding-right: 10rem;
        margin-bottom: 10rem;
        font-weight: 500;
        font-size: 16rem;
        line-height: normal;
    }

    .dropdown-item {
        padding: 8rem 10rem;
    }

    .dropdown-box-mobile-close {
        position: absolute;
        display: block;
        top: 10rem;
        right: 15rem;
        width: 30rem;
        height: 30rem;
        background: url(../../img/close_modal_r.svg) center/10rem no-repeat var(--blue-color);
        border-radius: 30rem;
    }

    .dropdown-box-mobile-title {
        display: block;
        padding: 16rem 45rem 12rem;
        font-weight: 500;
        font-size: 16rem;
        line-height: normal;
        text-align: center;
    }

    .dropdown-box-mobile-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: auto;
        padding: 10rem 15rem;
        background: var(--white-color);
    }

    .dropdown-box-mobile-button button {
        width: 100%;
    }

    .catalog-filters-mob {
        display: flex;
        /* flex-wrap: wrap; */
        gap: 10rem 5rem;
        margin: 15rem 0 20rem;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .catalog-filters-mob::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .catalog-filters-search-link-mobile {
        position: relative;
        width: 34rem;
        min-width: 34rem;
        height: 34rem;
        background: url(../../img/i_search-blue.svg) center/18rem no-repeat var(--white-color);
        border-radius: 34rem;
    }

    .catalog-filters-link-mobile {
        position: relative;
        width: 34rem;
        min-width: 34rem;
        height: 34rem;
        background: url(../../img/filters-blue.svg) center/18rem no-repeat var(--white-color);
        border-radius: 34rem;
    }

    .catalog-filters-tag-link-mobile {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        padding: 5rem 10rem;
        background: var(--white-color);
        border-radius: 50rem;
        font-size: 12rem;
        line-height: 24rem;
        text-align: center;
        white-space: nowrap;
        color: var(--text-main-color);
    }

    .catalog-filters-tag-link-mobile.chosen {
        padding-right: 40rem;
        background: var(--blue-color);
        color: var(--text-white-color);
    }

    .catalog-filters-tag-link-mobile .catalog-filters-tag-link-mobile-text,
    .catalog-filters-tag-link-mobile.chosen .catalog-filter-tag-selected {
        display: block;
    }

    .catalog-filters-tag-link-mobile.chosen .catalog-filters-tag-link-mobile-text,
    .catalog-filters-tag-link-mobile .catalog-filter-tag-selected {
        display: none;
    }

    .catalog-filters-tags-selected {
        display: flex;
        gap: 0 5rem;
    }

    .catalog-filters-tag-selected {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        padding: 5rem 30rem 5rem 10rem;
        background: var(--white-color);
        border-radius: 50rem;
        font-size: 12rem;
        line-height: 24rem;
        text-align: center;
        white-space: nowrap;
        color: var(--text-main-color);
    }

    .catalog-filters-tag-selected-close {
        position: absolute;
        top: 0;
        right: 10rem;
        bottom: 0;
        margin: auto;
        width: 18rem;
        height: 18rem;
        background: url(../../img/new-site/icons/remove-search-white.svg) center/contain no-repeat;
        transform: scale(0);
    }

    .catalog-filters-tag-link-mobile.chosen .catalog-filters-tag-selected-close {
        transform: scale(1);
    }

    .dropdown-items {
        max-height: calc(100dvh - 50rem);
    }

    .input-search {
        font-size: 14rem;
    }

    .dropdown-link.chosen ~ .dropdown-remove-search {
        display: none;
    }

    .search-not-found {
        margin-top: 30rem;
        font-size: 20rem;
    }

    .fancybox-container .modal:not(.fade),
    .fancybox-container .modal.visible {
        padding: 20rem;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .modal_content {
        width: auto;
        left: 20rem;
        right: 20rem;
        padding: 30rem 20rem;
        margin: 0 auto;
        transform: translateX(0);
    }

    .fancybox-container .modal_content {
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translateX(0);
    }

    .modal_close {
        top: -15rem;
        right: -15rem;
        width: 40rem;
        height: 40rem;
    }

    .modal_title {
        margin-bottom: 20rem;
        font-size: 26rem;
    }

    .modal_subtitle {
        font-size: 14rem;
    }

    .modal_search {
        padding: 44rem 15rem;
    }

    .modal_search-form {
        flex-direction: column;
        align-items: center;
    }

    .modal_search-input {
        width: 100%;
    }

    .modal_search .button.modal_search-btn {
        margin: 0;
        margin-top: 20rem;
    }

    .modal-side_banner.fancybox-content {
        max-width: calc(100% - 30rem);
    }
    
    .modal-side_banner .fancybox-button {
        top: -20rem;
        right: -20rem;
        width: 40rem;
        height: 40rem;
    }
    
    .modal-side_banner-info {
        padding: 20rem 15rem;
    }

    body .index-slide img.mobile-visible {
        display: block;
    }

    body .index-slide img.desktop-visible {
        display: none;
    }

    .all-events-card-stickers {
        top: 25rem;
        gap: 5rem 0;
    }

    .need_auth-popup-info {
        padding: 30rem 15rem;
    }

    .reg-block .page-title,
    .reg-block .auth-title {
        font-size: 20rem;
    }

    .error-page-wrapper {
        flex-direction: column;
        gap: 20rem 0;
    }

    .error-page-error {
        order: -1;
        font-size: 170rem;
        line-height: 1.2;
    }

    .error-page-info {
        gap: 10rem 0;
    }

    .error-page-text {
        margin-bottom: 10rem;
        font-weight: 400;
        font-size: 16rem;
    }

    .error-page-socs-title {
        font-size: 20rem;
    }

    .index-slider-section {
        padding: 30rem 0 10rem;
    }

    .buttons {
        flex-direction: column;
    }

    .with_button {
        position: relative;
        padding-right: 60rem;
    }
    
    .with_button .button.see_all {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0;
        color: transparent;
        margin-right: 0;
    }

    .with_button .button.see_all:before {
        content: 'Все';
        font-size: 14rem;
        color: #fff;
    }

    .button-o.small2 {
        height: 30rem;
        padding: 5rem 8rem;
        font-size: 12rem;
        line-height: 20rem;
    }

    .tag {
        padding: 6rem 12rem;
        font-size: 13rem;
        line-height: 1;
    }

    .soldout-label {
        width: 270rem;
        height: 50rem;
        padding: 16rem 13rem 16rem 50rem;
        font-size: 16rem;
    }
}

@media (max-width: 402px) {
    html {
        font-size: calc(100vw / 402);
    }
}
/*end mobile styles*/

/* indentation */
.p0 {
    padding: 0;
}

.pt0 {
    padding-top: 0;
}

.pr0 {
    padding-right: 0;
}

.pb0 {
    padding-bottom: 0;
}

.pl0 {
    padding-left: 0;
}

.m0 {
    margin: 0;
}

.mt0 {
    margin-top: 0;
}

.mr0 {
    margin-right: 0;
}

.mb0 {
    margin-bottom: 0;
}

.ml0 {
    margin-left: 0;
}
/* end indentation */