/* USER VARIABLES SECTION */

:root {
    --accent: orange;
    --text: #333;
    --regular-text: 16px;
    --lineheight: 1.65;
    --userfont: "Montserrat", sans-serif;
    --systemfont: -apple-system, Montserrat, Arial, sans-serif;
}

/* BOOTSTRAP SETTINGS SECTION */

/* gutter 20px (10px + 10px). Comment this code for default gutter start at 1.5rem (24px) wide. */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: .625rem;
}

.row,
.row > * {
    --bs-gutter-x: 1.25rem;
}

/* FONTS LOAD SECTION */

/*@font-face {*/
/*    src: url("../fonts/Montserrat-Regular.ttf") format("ttf");*/
/*    font-family: "Montserrat";*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*}*/


/* GENERAL CSS SETTINGS */

::placeholder {
    color: #666;
}

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

input,
textarea {
    outline: none;
}

input:focus:required:invalid,
textarea:focus:required:invalid {
    border-color: red;
}

input:required:valid,
textarea:required:valid {
    border-color: green;
}

body {
    font-family: var(--userfont);
    font-size: var(--regular-text);
    line-height: var(--lineheight);
    color: var(--text);
    /*min-width: 320px;*/
    position: relative;
    /*overflow-x: hidden;*/
    /*min-width: 375px;*/
}

/* USER STYLES */

.image {
    max-width: 100%;
    margin-bottom: var(--bs-gutter-x);
    border-radius: 4px;
}

.accent {
    color: var(--accent);
    font-weight: bold;
}

.header {
    background-color: #fff;
}

.header .nav-logo {
    text-decoration: none;
    text-transform: uppercase;
    white-space: break-spaces;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    color: #fff;
    padding: 8px;
    border-bottom: 4px solid transparent;
    transition: all 0.5s linear;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.header .nav-link.nav-mobile {
    display: none;
}

.header .nav-logo b {
    /* border-bottom: 4px solid #5AC5F9; */
    color: #5ac5f9;
}

.header .nav-link {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #000;
    padding: 17px 20px;
    border-bottom: 2px solid transparent;
    transition: all 0.5s linear;
    align-items: center;
    display: flex;

}

.header .top_nav {
    margin-top: 20px;
    justify-content: space-evenly;
    flex: 1 0 auto;
}

.header .top_nav__left {
    flex: 1 auto;
    margin-top: 15px;
    flex: 0 1 auto;
}

.header .top_nav__left .nav-link {
    background-color: #f5f7fb;
    width: 48px;
    height: 48px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid transparent;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    color: #036f96;
    text-transform: capitalize;
}

.header .top_nav__left .nav-link svg {
    fill: #7e84a3;
}

.header .top_nav__left .nav-item:nth-last-child(2) .nav-link {
    margin-right: 0;
}

.header .top_nav__left .nav-item:last-child .nav-link {
    margin-right: 0;
}

.header .top_nav__left .nav-link {
    margin-right: 30px;
    margin-bottom: 5px;
}

.header .top_nav__left .nav-link:hover {
    border: 1px solid #5ac5f9;
}

.header .nav-link:hover {
    border-bottom: 2px solid #5ac5f9;
}

.header .nav-link b {
    color: #5ac5f9;
}

.header__wrapper {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.banner__content {
    max-height: 464px;
    overflow: hidden;
    /*background: #1F0103 url('../images/banner.jpg') no-repeat 0 100% /cover;*/
}

.banner__content img {
    width: 100%;
    height: auto;
}


.banner__text {
    width: 50%;
    height: 100%;
    background: #1F0103;
    display: flex;
    padding-left: 121px;
    padding-right: 121px;
    flex-direction: column;
    justify-content: center;
    backdrop-filter: blur(14px);
}

.banner__title {
    font-weight: bold;
    font-size: 55px;
    text-align: left;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.banner__title b {
    color: #5AC5F9;
}

.banner__subtitle {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

.main__nav {
    /* padding-top: 23px; */
    /* padding-bottom: 21px; */
    background-color: #036f96;
}

.main__nav .nav-item {
    margin-right: 20px;
}

.main__nav .nav-link {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    transition: all 0.4s linear;
    background: transparent;
    border: none;
    outline: none;
    height: 100%;
}

.main__nav .nav-link svg {
    margin-right: 10px;
    fill: #fff;
}

.main__nav .nav-item:last-child {
    margin-left: auto;
    margin-right: 0;
}

.main__nav .nav-item:first-child .nav-link {
    padding-left: 0;
}

.main__nav .nav-link:hover {
    border-bottom: 2px solid #5ac5f9;
}

.main__nav .nav-link svg path {
    transition: all 0.4s linear;
}

.main__nav .nav-link:hover svg path {
    fill: #5ac5f9;
}

.page__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 48px;
    text-align: left;
    color: #036f96;
    margin-bottom: 0;
}
.place__calendar {
    position: relative;
    overflow: hidden;
}
.place__calendar-container {
    display: flex;
    padding-top: 30px;
    padding-bottom: 43px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.place__calendar-container {
    display: flex;
    padding-top: 30px;
    padding-bottom: 43px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.calendar {
}

.calendar__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

.calendar__item {
    margin-right: 21px;
}

.calendar__link {
    display: flex;
    flex-direction: column;
    padding: 8px 10px;
    cursor: pointer;
    text-decoration: none;
}

.calendar__item.active {
    border: 1px solid #036f96;
}

.calendar__item:last-child {
    margin-right: 0;
}

.calendar__number {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 5px;
}

.calendar__day {
    padding-top: 5px;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #000;
}

.calendar__button {
    display: flex;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #23272a;
    text-transform: uppercase;
}

.calendar__button .icon {
    margin-right: 10px;
}

/*
.latest__wrapper > * {
	padding: 0 10px ;
} */

.latest {
    padding-bottom: 60px;
}

.latest .page__title {
    padding-top: 40px;
    margin-bottom: 40px;
}

.filter .page__title {
    margin-bottom: 40px;

}

.latest__item {
    max-width: 20%;
    flex: 0 0 20%;
    /* margin-right: 20px; */
    margin-bottom: 60px;
    text-decoration: none;
}

.latest__item:last-child {
    margin-right: 0;
}

.latest__item:last-child {
    margin-right: 0;
}

.card {
    padding: 0;
    border: none;
    height: 100%;
}

.card-header {
    /*height    : 409px;*/
    padding: 0;
    border: none;
    background: white;
}

.card-header .card-image {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    min-height: 410px;
    width: 100%;
    overflow: hidden;
}

.card-header .card-image.sm {
    min-height: 200px;

}

.card-header .card-image img {
    width: 100%;
    height: auto;
}

.card-header .premiera {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
    position: absolute;
    top: 20px;
    right: -12px;
    background: #DA2717;
    padding: 5px 10px;
    border-radius: 5px 5px 0px 5px;
}

.card-header .premiera::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #DA2717;
    border-top: 6px solid #DA2717;
    position: absolute;
    top: 100%;
    right: 0;
}

.card-header .time {
    padding: 16px 7px;
    position: absolute;
    top: 0;
    left: 32px;
    background: rgba(35, 39, 42, .9);
    text-align: center;
    font-family: "Roboto";
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

.card-body .type {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #020403;
    padding-left: 15px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.card-body .type::before {
    content: '';
    display: block;
}

.card-body .name {
    /* font-weight: bold; */
    margin-bottom: 11px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #020403;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* margin-bottom: 11px; */
}

.card-body .place {
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #020403;
    /*margin-bottom: 10px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.card-body .place-wrap {
    white-space: normal !important;

}

.card-body .date_info {
    display: flex;
    /* justify-content: space-between; */
    margin-bottom: 10px;
}

.card-body .date {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    /*font-weight: bold;*/
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #020403;
}

.card-body .time {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #020403;
    margin-left: 60px;
}

.card-body .price {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #020403;
}

.card-body .icon-reddot {
    padding-left: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.5' height='7.5' viewBox='0 0 7.5 7.5'%3E%3Cpath id='Контур_8726' data-name='Контур 8726' d='M10-13.75a3.655,3.655,0,0,1,1.455.293,3.78,3.78,0,0,1,1.2.806,3.78,3.78,0,0,1,.806,1.2A3.655,3.655,0,0,1,13.75-10a3.644,3.644,0,0,1-.293,1.46,3.8,3.8,0,0,1-.806,1.191,3.78,3.78,0,0,1-1.2.806A3.655,3.655,0,0,1,10-6.25a3.644,3.644,0,0,1-1.46-.293,3.8,3.8,0,0,1-1.191-.806A3.8,3.8,0,0,1,6.543-8.54,3.644,3.644,0,0,1,6.25-10a3.655,3.655,0,0,1,.293-1.455,3.78,3.78,0,0,1,.806-1.2,3.8,3.8,0,0,1,1.191-.806A3.644,3.644,0,0,1,10-13.75Z' transform='translate(-6.25 13.75)' fill='%23d80000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 7px 50%;
}


.card-body .icon-place {
    padding-left: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.919' height='19' viewBox='0 0 15.919 19'%3E%3Cg id='free-icon-font-marker-3916880' transform='translate(-1.945 0.002)'%3E%3Cpath id='Контур_10186' data-name='Контур 10186' d='M11.166,6a3.166,3.166,0,1,0,3.166,3.166A3.166,3.166,0,0,0,11.166,6Zm0,4.75A1.583,1.583,0,1,1,12.75,9.166,1.583,1.583,0,0,1,11.166,10.75Z' transform='translate(-1.262 -1.251)' fill='%237e84a3'/%3E%3Cpath id='Контур_10187' data-name='Контур 10187' d='M9.9,19a4.173,4.173,0,0,1-3.413-1.742c-3.017-4.161-4.547-7.29-4.547-9.3a7.96,7.96,0,1,1,15.919,0c0,2.009-1.53,5.137-4.547,9.3A4.173,4.173,0,0,1,9.9,19Zm0-17.272A6.24,6.24,0,0,0,3.671,7.959c0,1.591,1.5,4.533,4.218,8.285a2.49,2.49,0,0,0,4.029,0c2.72-3.751,4.218-6.694,4.218-8.285A6.24,6.24,0,0,0,9.9,1.726Z' transform='translate(0 0)' fill='%237e84a3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.card-body .icon-date {
    padding-left: 26px;
    background-image: url("data:image/svg+xml,%3Csvg id='free-icon-font-calendar-3917244' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Контур_10182' data-name='Контур 10182' d='M14.25,1.5H13.5V.75a.75.75,0,1,0-1.5,0V1.5H6V.75a.75.75,0,1,0-1.5,0V1.5H3.75A3.755,3.755,0,0,0,0,5.25v9A3.755,3.755,0,0,0,3.75,18h10.5A3.755,3.755,0,0,0,18,14.25v-9A3.755,3.755,0,0,0,14.25,1.5ZM1.5,5.25A2.25,2.25,0,0,1,3.75,3h10.5A2.25,2.25,0,0,1,16.5,5.25V6H1.5ZM14.25,16.5H3.75A2.25,2.25,0,0,1,1.5,14.25V7.5h15v6.75A2.25,2.25,0,0,1,14.25,16.5Z' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3028' data-name='Эллипс 3028' cx='1.153' cy='1.153' r='1.153' transform='translate(7.847 10.089)' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3029' data-name='Эллипс 3029' cx='1.153' cy='1.153' r='1.153' transform='translate(4.11 10.089)' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3030' data-name='Эллипс 3030' cx='1.153' cy='1.153' r='1.153' transform='translate(11.584 10.089)' fill='%237e84a3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.card-body .icon-clock {
    padding-left: 26px;
    background-image: url("data:image/svg+xml,%3Csvg id='free-icon-font-clock-3917267' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Контур_10190' data-name='Контур 10190' d='M9,0a9,9,0,1,0,9,9A9,9,0,0,0,9,0ZM9,16.5A7.5,7.5,0,1,1,16.5,9,7.5,7.5,0,0,1,9,16.5Z' fill='%237e84a3'/%3E%3Cpath id='Контур_10191' data-name='Контур 10191' d='M10.789,6a.75.75,0,0,0-.75.75V9.994L7.511,11.578a.752.752,0,1,0,.8,1.275l2.88-1.8a.75.75,0,0,0,.352-.643V6.75A.75.75,0,0,0,10.789,6Z' transform='translate(-1.789 -1.5)' fill='%237e84a3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.card-body .icon-price {
    padding-left: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.667' height='14' viewBox='0 0 18.667 14'%3E%3Cg id='free-icon-font-ticket-3916614' transform='translate(0 17) rotate(-90)'%3E%3Cpath id='Контур_10188' data-name='Контур 10188' d='M13.111,0h-.1A1.571,1.571,0,0,0,11.5,1.192a1.556,1.556,0,0,1-3,0A1.571,1.571,0,0,0,6.99,0h-.1A3.894,3.894,0,0,0,3,3.889V16.333a2.333,2.333,0,0,0,2.333,2.333H6.99A1.571,1.571,0,0,0,8.5,17.475a1.556,1.556,0,0,1,3,0,1.571,1.571,0,0,0,1.51,1.192h1.657A2.333,2.333,0,0,0,17,16.333V3.889A3.894,3.894,0,0,0,13.111,0Zm1.556,17.111L13,17.062a3.111,3.111,0,0,0-6.01.049H5.333a.778.778,0,0,1-.778-.778V13.222H6.111a.778.778,0,1,0,0-1.556H4.556V3.889A2.333,2.333,0,0,1,6.889,1.556L7,1.6a3.119,3.119,0,0,0,3,2.284,3.166,3.166,0,0,0,3.028-2.333h.083a2.333,2.333,0,0,1,2.333,2.333v7.778H13.889a.778.778,0,1,0,0,1.556h1.556v3.111A.778.778,0,0,1,14.667,17.111Z' transform='translate(0)' fill='%237e84a3'/%3E%3Cpath id='Контур_10189' data-name='Контур 10189' d='M12.333,15H10.778a.778.778,0,0,0,0,1.556h1.556a.778.778,0,1,0,0-1.556Z' transform='translate(-1.556 -3.333)' fill='%237e84a3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.card-body {
    padding-left: 0;
    padding-right: 0;
    border: none;
}

.card-footer {
    background: none;
    padding: 0;
}

.card-footer .btn {
    padding: 14px;
    display: block;
    background: #036f96;
    color: #fff;
}

.card-footer .btn svg path {
    fill: #fff;
}

.filter {
}

.filter__header {
    padding-top: 41px;
    padding-bottom: 105px;
    background: #f4f7fc;
}

.filter__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 48px;
    text-align: left;
    color: #036f96;
    text-align: center;
    margin-bottom: 59px;
    position: relative;
    justify-content: space-between;
    align-items: center;
    display: flex;
    width: 100%;
}

.filter__title .text {
    flex: 1 0 auto;
    font: inherit;
    padding-left: 30px;
    padding-right: 30px;
}

.filter__title .line {
    border: 1px solid #036f96;
    flex: 0 1 100%;
}

.filter .form {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.filter .form-group {
    max-width: 300px;
    flex: 0 0 22%;
    position: relative;
}

.filter .form-group:nth-child(3) {
    max-width: 450px;
    flex: 1 0 auto;
}

.filter .form-group label {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #23272a;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.filter .form-control {
    height: 50px;
    padding-left: 50px;
    border-radius: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.filter .form-control.icon-calendar {
    background-image: url("data:image/svg+xml,%3Csvg id='free-icon-font-calendar-3917244' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Контур_10182' data-name='Контур 10182' d='M14.25,1.5H13.5V.75a.75.75,0,1,0-1.5,0V1.5H6V.75a.75.75,0,1,0-1.5,0V1.5H3.75A3.755,3.755,0,0,0,0,5.25v9A3.755,3.755,0,0,0,3.75,18h10.5A3.755,3.755,0,0,0,18,14.25v-9A3.755,3.755,0,0,0,14.25,1.5ZM1.5,5.25A2.25,2.25,0,0,1,3.75,3h10.5A2.25,2.25,0,0,1,16.5,5.25V6H1.5ZM14.25,16.5H3.75A2.25,2.25,0,0,1,1.5,14.25V7.5h15v6.75A2.25,2.25,0,0,1,14.25,16.5Z' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3028' data-name='Эллипс 3028' cx='1.153' cy='1.153' r='1.153' transform='translate(7.847 10.089)' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3029' data-name='Эллипс 3029' cx='1.153' cy='1.153' r='1.153' transform='translate(4.11 10.089)' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3030' data-name='Эллипс 3030' cx='1.153' cy='1.153' r='1.153' transform='translate(11.584 10.089)' fill='%237e84a3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 20px 50%;
}

.filter .form-control.icon-microphone {
    background-image: url("data:image/svg+xml,%3Csvg id='free-icon-font-apps-3917618' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Контур_10192' data-name='Контур 10192' d='M5.25,0H3A3,3,0,0,0,0,3V5.25a3,3,0,0,0,3,3H5.25a3,3,0,0,0,3-3V3A3,3,0,0,0,5.25,0Zm1.5,5.25a1.5,1.5,0,0,1-1.5,1.5H3a1.5,1.5,0,0,1-1.5-1.5V3A1.5,1.5,0,0,1,3,1.5H5.25A1.5,1.5,0,0,1,6.75,3Z' fill='%237e84a3'/%3E%3Cpath id='Контур_10193' data-name='Контур 10193' d='M18.25,0H16a3,3,0,0,0-3,3V5.25a3,3,0,0,0,3,3h2.25a3,3,0,0,0,3-3V3A3,3,0,0,0,18.25,0Zm1.5,5.25a1.5,1.5,0,0,1-1.5,1.5H16a1.5,1.5,0,0,1-1.5-1.5V3A1.5,1.5,0,0,1,16,1.5h2.25A1.5,1.5,0,0,1,19.75,3Z' transform='translate(-3.25)' fill='%237e84a3'/%3E%3Cpath id='Контур_10194' data-name='Контур 10194' d='M5.25,13H3a3,3,0,0,0-3,3v2.25a3,3,0,0,0,3,3H5.25a3,3,0,0,0,3-3V16A3,3,0,0,0,5.25,13Zm1.5,5.25a1.5,1.5,0,0,1-1.5,1.5H3a1.5,1.5,0,0,1-1.5-1.5V16A1.5,1.5,0,0,1,3,14.5H5.25A1.5,1.5,0,0,1,6.75,16Z' transform='translate(0 -3.25)' fill='%237e84a3'/%3E%3Cpath id='Контур_10195' data-name='Контур 10195' d='M18.25,13H16a3,3,0,0,0-3,3v2.25a3,3,0,0,0,3,3h2.25a3,3,0,0,0,3-3V16A3,3,0,0,0,18.25,13Zm1.5,5.25a1.5,1.5,0,0,1-1.5,1.5H16a1.5,1.5,0,0,1-1.5-1.5V16A1.5,1.5,0,0,1,16,14.5h2.25a1.5,1.5,0,0,1,1.5,1.5Z' transform='translate(-3.25 -3.25)' fill='%237e84a3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 20px 50%;
}

.filter .form-control.icon-place {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.919' height='19' viewBox='0 0 15.919 19'%3E%3Cg id='free-icon-font-marker-3916880' transform='translate(-1.945 0.002)'%3E%3Cpath id='Контур_10186' data-name='Контур 10186' d='M11.166,6a3.166,3.166,0,1,0,3.166,3.166A3.166,3.166,0,0,0,11.166,6Zm0,4.75A1.583,1.583,0,1,1,12.75,9.166,1.583,1.583,0,0,1,11.166,10.75Z' transform='translate(-1.262 -1.251)' fill='%237e84a3'/%3E%3Cpath id='Контур_10187' data-name='Контур 10187' d='M9.9,19a4.173,4.173,0,0,1-3.413-1.742c-3.017-4.161-4.547-7.29-4.547-9.3a7.96,7.96,0,1,1,15.919,0c0,2.009-1.53,5.137-4.547,9.3A4.173,4.173,0,0,1,9.9,19Zm0-17.272A6.24,6.24,0,0,0,3.671,7.959c0,1.591,1.5,4.533,4.218,8.285a2.49,2.49,0,0,0,4.029,0c2.72-3.751,4.218-6.694,4.218-8.285A6.24,6.24,0,0,0,9.9,1.726Z' transform='translate(0 0)' fill='%237e84a3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 20px 50%;
}

.filter .form-control::placeholder {
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    color: #2a5a76;
    opacity: 0.75;
}

.filter .form-group .btn {
    display: block;
    background: #036f96;
    border-radius: 0;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    color: #fff;
    width: 100%;
    padding: 15px;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.filter .form-group .btn:focus {
    box-shadow: none;
}

.filter .form-group .btn-reset {
    position: absolute;
    color: #7e84a3;
    background: transparent;
}

.filter .form-group .btn-reset svg {
    margin-right: 10px;
}

.filter__body {
    padding-top: 80px;
    padding-bottom: 60px;
}

.filter .pagination {
    margin-top: 52px;
}

.pagination {
}

.page-item {
}

.page-item.active .page-link {
    background: #036f96;
    color: #fff;
}

.page-link svg path {
    transition: all 0.3s linear;
}

.page-link {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    border-radius: 5px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #000;
    transition: all 0.3s linear;
}

.page-link:hover {
    background: #036f96;
    color: #fff;
}

.page-link:hover svg path {
    fill: #5ac5f9;
}

.news {
    padding-top: 72px;
    padding-bottom: 90px;
    background: #F1F2F3;
}


.section__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 48px;
    text-align: left;
    color: #036f96;
    text-align: center;
    margin-bottom: 59px;
    position: relative;
    justify-content: space-between;
    align-items: center;
    display: flex;
    width: 100%;
}

.section__title .text {
    flex: 1 0 auto;
    font: inherit;
    padding-left: 30px;
    padding-right: 30px;
}

.section__title .line {
    border: 1px solid #036f96;
    flex: 0 1 100%;
}

.news_wrapper .container {
    display: flex;
}

.news__main {
    width: 570px;
    height: 370px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    border-radius: 5px;
    flex: 0 0 auto;
    margin-right: 20px;
}

.news__main .news__info .date {
    padding-left: 34px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 21px;
    text-align: left;
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg id='free-icon-font-calendar-3917244' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Контур_10182' data-name='Контур 10182' d='M14.25,1.5H13.5V.75a.75.75,0,1,0-1.5,0V1.5H6V.75a.75.75,0,1,0-1.5,0V1.5H3.75A3.755,3.755,0,0,0,0,5.25v9A3.755,3.755,0,0,0,3.75,18h10.5A3.755,3.755,0,0,0,18,14.25v-9A3.755,3.755,0,0,0,14.25,1.5ZM1.5,5.25A2.25,2.25,0,0,1,3.75,3h10.5A2.25,2.25,0,0,1,16.5,5.25V6H1.5ZM14.25,16.5H3.75A2.25,2.25,0,0,1,1.5,14.25V7.5h15v6.75A2.25,2.25,0,0,1,14.25,16.5Z' fill='%23fff'/%3E%3Ccircle id='Эллипс_3028' data-name='Эллипс 3028' cx='1.153' cy='1.153' r='1.153' transform='translate(7.847 10.089)' fill='%23fff'/%3E%3Ccircle id='Эллипс_3029' data-name='Эллипс 3029' cx='1.153' cy='1.153' r='1.153' transform='translate(4.11 10.089)' fill='%23fff'/%3E%3Ccircle id='Эллипс_3030' data-name='Эллипс 3030' cx='1.153' cy='1.153' r='1.153' transform='translate(11.584 10.089)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 24px 20px;
}

.news__main .news__info .views {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 21px;
    text-align: left;
    color: #fff;
    padding-left: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.514' height='15.386' viewBox='0 0 20.514 15.386'%3E%3Cg id='_01_align_center' data-name='01 align center' transform='translate(0 -3)'%3E%3Cpath id='Контур_10196' data-name='Контур 10196' d='M20.361,9.993h0C19.611,8.352,16.668,3,10.257,3S.9,8.352.153,9.993a1.683,1.683,0,0,0,0,1.4c.75,1.639,3.693,6.991,10.1,6.991s9.354-5.352,10.1-6.993A1.682,1.682,0,0,0,20.361,9.993Zm-10.1,6.683c-5.391,0-7.907-4.587-8.548-5.974C2.351,9.3,4.866,4.71,10.257,4.71s7.895,4.567,8.548,5.983C18.152,12.109,15.635,16.676,10.257,16.676Z' fill='%23fff'/%3E%3Cpath id='Контур_10197' data-name='Контур 10197' d='M11.274,7a4.274,4.274,0,1,0,4.274,4.274A4.274,4.274,0,0,0,11.274,7Zm0,6.838a2.564,2.564,0,1,1,2.564-2.564A2.564,2.564,0,0,1,11.274,13.838Z' transform='translate(-1.017 -0.581)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 24px 22px;
}

.news__body {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 370px;
    background: rgba(3, 111, 150, 0.7);
}

.news__body .news__type {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 21px;
    text-align: center;
    color: #f8f8f8;
    padding: 5px 34px;
    background: #036f96;
    display: inline-block;
    border-radius: 0 5px 5px 5px;
}

.news__body .news__title {
    padding: 10px 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 21px;
    text-align: left;
    color: #f8f8f8;
    transition: all 0.3s linear;
    cursor: pointer;
}

.news__body .news__title:hover {
    text-decoration: underline;
}

.news__body .news__info {
    padding-left: 20px;
}

.news__info {
    display: flex;
    padding-right: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
}

.news__info .date {
    padding-left: 34px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 21px;
    text-align: left;
    color: #333333;
    background-image: url("data:image/svg+xml,%3Csvg id='free-icon-font-calendar-3917244' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Контур_10182' data-name='Контур 10182' d='M14.25,1.5H13.5V.75a.75.75,0,1,0-1.5,0V1.5H6V.75a.75.75,0,1,0-1.5,0V1.5H3.75A3.755,3.755,0,0,0,0,5.25v9A3.755,3.755,0,0,0,3.75,18h10.5A3.755,3.755,0,0,0,18,14.25v-9A3.755,3.755,0,0,0,14.25,1.5ZM1.5,5.25A2.25,2.25,0,0,1,3.75,3h10.5A2.25,2.25,0,0,1,16.5,5.25V6H1.5ZM14.25,16.5H3.75A2.25,2.25,0,0,1,1.5,14.25V7.5h15v6.75A2.25,2.25,0,0,1,14.25,16.5Z' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3028' data-name='Эллипс 3028' cx='1.153' cy='1.153' r='1.153' transform='translate(7.847 10.089)' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3029' data-name='Эллипс 3029' cx='1.153' cy='1.153' r='1.153' transform='translate(4.11 10.089)' fill='%237e84a3'/%3E%3Ccircle id='Эллипс_3030' data-name='Эллипс 3030' cx='1.153' cy='1.153' r='1.153' transform='translate(11.584 10.089)' fill='%237e84a3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 24px 20px;
}

.news__info .views {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 21px;
    text-align: left;
    color: #333333;
    padding-left: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.514' height='15.386' viewBox='0 0 20.514 15.386'%3E%3Cg id='_01_align_center' data-name='01 align center' transform='translate(0 -3)'%3E%3Cpath id='Контур_10196' data-name='Контур 10196' d='M20.361,9.993h0C19.611,8.352,16.668,3,10.257,3S.9,8.352.153,9.993a1.683,1.683,0,0,0,0,1.4c.75,1.639,3.693,6.991,10.1,6.991s9.354-5.352,10.1-6.993A1.682,1.682,0,0,0,20.361,9.993Zm-10.1,6.683c-5.391,0-7.907-4.587-8.548-5.974C2.351,9.3,4.866,4.71,10.257,4.71s7.895,4.567,8.548,5.983C18.152,12.109,15.635,16.676,10.257,16.676Z' fill='%237e84a3'/%3E%3Cpath id='Контур_10197' data-name='Контур 10197' d='M11.274,7a4.274,4.274,0,1,0,4.274,4.274A4.274,4.274,0,0,0,11.274,7Zm0,6.838a2.564,2.564,0,1,1,2.564-2.564A2.564,2.564,0,0,1,11.274,13.838Z' transform='translate(-1.017 -0.581)' fill='%237e84a3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 24px 22px;
}

.news__row {
    display: flex;
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

.news__item {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    padding-left: 10px;
    padding-right: 10px;
}

.news__item .news__image {
    height: 200px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
}

.news__item .news__type {
    display: inline-block;
    padding: 5px 31px;
    border-radius: 0;
    background-color: #036f96;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 21px;
    text-align: left;
    color: #f8f8f8;

    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.news__item .news__title {
    text-decoration: none;
    display: block;
    font-weight: normal;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 21px;
    text-align: left;
    color: #333;
    margin-bottom: 10px;
    transition: all 0.3s linear;
    height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.news__item .news__title:hover {
    text-decoration: underline;
}

.usefull__link {
    padding: 100px 0;
}

.usefull__card {
    display: flex;
    height: 265px;
    width: 100%;
    border-radius: 0;
    padding: 32px;
    position: relative;
    overflow: hidden;
    align-items: flex-end;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-bottom: 20px;
}

.usefull__card .body {
    width: 170px;
    position: relative;
    z-index: 2;
}

.usefull__card .body .link {
    display: inline-block;
    font-weight: bold;
    font-size: 19px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
    padding-right: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.566' height='17.133' viewBox='0 0 8.566 17.133'%3E%3Cpath id='Контур_8691' data-name='Контур 8691' d='M7.5-20.566,16.066-12,7.5-3.434ZM9-16.934v9.867L13.934-12Z' transform='translate(-7.5 20.566)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    margin-bottom: 7px;
}

.usefull__card .body .desc {
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    color: #fff;
}

.usefull__card.red::before {
    background-color: rgba(172, 28, 16, 0.69);
}

.usefull__card.yellow::before {
    background-color: rgba(255, 140, 0, 0.69);
}

.usefull__card.blue::before {
    background-color: rgba(13, 111, 150, 0.69);
}

.usefull__card::before {
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0 0;
    transform: rotate(29deg);
}

.catalog {
    padding: 90px 0 100px 0;
    background: #f1f2f3;
    margin-bottom: 100px;
}

.catalog__item {
    padding: 30px 34px 30px 30px;
    border-radius: 5px;
    /* background-image: url("data:image/svg+xml,%3Csvg id='videocam_black_24dp' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='110' height='110' viewBox='0 0 110 110'%3E%3Cdefs%3E%3Cfilter id='Контур_8698'%3E%3CfeOffset dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.161' result='color'/%3E%3CfeComposite operator='out' in='SourceGraphic' in2='blur'/%3E%3CfeComposite operator='in' in='color'/%3E%3CfeComposite operator='in' in2='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cpath id='Контур_8697' data-name='Контур 8697' d='M0,0H110V110H0Z' fill='none'/%3E%3Cg data-type='innerShadowGroup'%3E%3Cpath id='Контур_8698-2' data-name='Контур 8698' d='M67.167,26.625V10.583A4.6,4.6,0,0,0,62.583,6h-55A4.6,4.6,0,0,0,3,10.583V56.417A4.6,4.6,0,0,0,7.583,61h55a4.6,4.6,0,0,0,4.583-4.583V40.375L85.5,58.708V8.292Z' transform='translate(10.75 21.5)' fill='%23fff'/%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23Контур_8698)'%3E%3Cpath id='Контур_8698-3' data-name='Контур 8698' d='M67.167,26.625V10.583A4.6,4.6,0,0,0,62.583,6h-55A4.6,4.6,0,0,0,3,10.583V56.417A4.6,4.6,0,0,0,7.583,61h55a4.6,4.6,0,0,0,4.583-4.583V40.375L85.5,58.708V8.292Z' transform='translate(10.75 21.5)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); */
    background-position: calc(100% - 34px) 50%;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 20px;
}

.catalog__item .icon {
    position: absolute;
    top: 50%;
    right: 34px;
    transform: translateY(-50%);
}

.catalog__item .type {
    font-weight: 900;
    font-size: 20px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
    position: relative;
    bottom: -25px;
}

.catalog__item .number {
    font-weight: 900;
    font-size: 60px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
}

.catalog__item .link {
    display: inline-block;
    font-weight: bold;
    font-size: 19px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
    padding-right: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.566' height='17.133' viewBox='0 0 8.566 17.133'%3E%3Cpath id='Контур_8691' data-name='Контур 8691' d='M7.5-20.566,16.066-12,7.5-3.434ZM9-16.934v9.867L13.934-12Z' transform='translate(-7.5 20.566)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    margin-bottom: 7px;
    position: relative;
    top: -20px;
}


.footer {
    background: #38393d;
    display: block;
}

.footer__nav {
    /* border-bottom: 1px solid; */
    display: flex;
    align-items: center;
}

.footer .nav-logo {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    color: #fff;
    padding: 17px 20px;
    border-bottom: 4px solid transparent;
    transition: all 0.5s linear;
}

.footer .nav {
    margin-top: 20px;
}

.footer .nav-logo b {
    /* border-bottom: 4px solid #5AC5F9; */
    color: #5ac5f9;
}

.footer .nav-link {
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #fff;
    padding: 17px 20px;
    border-bottom: 4px solid transparent;
    transition: all 0.5s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .top_nav .nav-link:first-of-type {
    padding-left: 0;
}

.footer .nav-link:hover {
    border-bottom: 2px solid #5ac5f9;
}

.footer .nav-link b {
    color: #5ac5f9;
}

.footer__middle .nav-link {
    padding: 0;
    margin-right: 51px;
    border: none;
}

.footer__middle .form-control {
    height: 50px;
    padding-left: 51px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.8' height='13' viewBox='0 0 20.8 13'%3E%3Cpath id='Контур_8688' data-name='Контур 8688' d='M20.8-29.25v13H0v-13ZM1.452-27.95,10.4-23.471l8.948-4.479ZM19.5-17.55v-9.019l-9.1,4.54-9.1-4.54v9.019Z' transform='translate(0 29.25)' fill='%23666'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 20px 50%;
}

.footer__middle .form-control::placeholder {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #2a5a76;
    opacity: 0.75;
}

.footer__middle .nav-link:hover {
    border: none;
    transform: scale(1.2);
}

.footer__middle .row {
    padding: 60px 0;
}

.footer__middle label {
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.footer__middle label b {
    color: #2b88d8;
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    color: white;
    padding-bottom: 35px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #fff;
}


.afisha__item {
    height: 361px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}

.afisha__item .item__body {
    height: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* padding-left : 50px; */
    /* padding-right: 50px; */
    position: relative;
}

.afisha__item .item__body::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    opacity: 0.53;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, #020202 0%, rgba(84, 84, 84, 0) 100%);
}

.afisha__title--big {
    font-weight: bold;
    font-size: 55px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    transform: translateY(100%);
}

.afisha__title {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    padding-left: 40px;
    padding-right: 40px;
}

.afisha__desc {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    padding-left: 74px;
    padding-right: 74px;
    height: 40px;
    overflow: hidden;
}

.afisha__desc.big-desc {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 74px;
}

.afisha__item .item__body .btn {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 14px 70px;
    position: relative;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
}

.search {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #C1C1C1;
}

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

.search__input {
    height: 100%;
    padding-left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Контур_8679' data-name='Контур 8679' d='M18-.615a.664.664,0,0,1-.149.431A.5.5,0,0,1,17.438,0a.541.541,0,0,1-.4-.167l-6.9-6.891a6.318,6.318,0,0,1-1.85,1.063,6.064,6.064,0,0,1-2.1.369,6.112,6.112,0,0,1-1.644-.22,6.113,6.113,0,0,1-1.477-.624A6.267,6.267,0,0,1,1.815-7.44,6.267,6.267,0,0,1,.844-8.692,6.113,6.113,0,0,1,.22-10.169,6.112,6.112,0,0,1,0-11.812a6.112,6.112,0,0,1,.22-1.644,6.113,6.113,0,0,1,.624-1.477,6.267,6.267,0,0,1,.971-1.252,6.267,6.267,0,0,1,1.252-.971,6.113,6.113,0,0,1,1.477-.624A6.112,6.112,0,0,1,6.188-18a6.112,6.112,0,0,1,1.644.22,6.113,6.113,0,0,1,1.477.624,6.267,6.267,0,0,1,1.252.971,6.267,6.267,0,0,1,.971,1.252,6.113,6.113,0,0,1,.624,1.477,6.112,6.112,0,0,1,.22,1.644,6.064,6.064,0,0,1-.369,2.1,6.318,6.318,0,0,1-1.063,1.85l.505.5q.374.369.9.879t1.143,1.121q.62.611,1.248,1.239t1.217,1.226q.589.6,1.046,1.081t.729.8A1.224,1.224,0,0,1,18-.615ZM6.188-6.75a4.9,4.9,0,0,0,1.969-.4A5.14,5.14,0,0,0,9.765-8.235,5.14,5.14,0,0,0,10.85-9.844a4.9,4.9,0,0,0,.4-1.969,4.9,4.9,0,0,0-.4-1.969A5.14,5.14,0,0,0,9.765-15.39a5.14,5.14,0,0,0-1.608-1.085,4.9,4.9,0,0,0-1.969-.4,4.9,4.9,0,0,0-1.969.4A5.14,5.14,0,0,0,2.61-15.39a5.14,5.14,0,0,0-1.085,1.608,4.9,4.9,0,0,0-.4,1.969,4.9,4.9,0,0,0,.4,1.969A5.14,5.14,0,0,0,2.61-8.235,5.14,5.14,0,0,0,4.219-7.15,4.9,4.9,0,0,0,6.188-6.75Z' transform='translate(0 18)' fill='%23707070'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    border: 0;
}

.search__input::placeholder {
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    color: #707070;
}

.search__select {
    width: 150px;
    height: 100%;
    border: 0;
}

.search__select:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.main__nav.filter .nav-item:last-child {
    margin-left: initial;
}

.tag__nav {
    padding-top: 20px;
    padding-bottom: 50px;
}

.tag__nav .nav-link {
    padding: 14px 24px;
    border-radius: 5px;
    border: 1px solid #2B88D8;
    margin-right: 40px;
    transition: all 0.3s linear;
    color: #C1C1C1;
    margin-bottom: 20px;
}

.tag__nav .nav-link.active {
    background: #2B88D8;
    color: white;
}

.tag__nav .nav-link:hover {
    background: #2B88D8;
    color: white;
}

.event-info {
    padding-top: 80px;
    padding-bottom: 91px;
}

.event-card {
    display: flex;
}

.event-image {
    flex: 0 0 387px;
    height: 580px;
    border-radius: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.event-image img {
    width: 100%;
}

.event-body {
    padding-left: 40px;
}

.event-body .card-body {
    padding: 0;
}

.event-body .card-body .name {
    margin-bottom: 19px;
}

.event-body .card-body .place {
    margin-bottom: 16px;
}

.event-body .card-body .date_info {
    flex-direction: column;
    margin-bottom: 17px;
}

.event-body .card-body .date {
    margin-bottom: 17px;
    font-weight: normal;
}

.event-body .info {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 18px;
    /*line-height: 24px;*/
    color: #23272a;
    text-align: left;
    padding-left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.5' height='22.5' viewBox='0 0 22.5 22.5'%3E%3Cpath id='Контур_8759' data-name='Контур 8759' d='M11.25-1.5a11.144,11.144,0,0,1-2.994-.4A11.3,11.3,0,0,1,5.566-3.029,11.2,11.2,0,0,1,3.287-4.787,11.2,11.2,0,0,1,1.529-7.066,11.3,11.3,0,0,1,.4-9.756,11.144,11.144,0,0,1,0-12.75a11.144,11.144,0,0,1,.4-2.994,11.3,11.3,0,0,1,1.131-2.689,11.2,11.2,0,0,1,1.758-2.279,11.2,11.2,0,0,1,2.279-1.758A11.3,11.3,0,0,1,8.256-23.6,11.144,11.144,0,0,1,11.25-24a11.144,11.144,0,0,1,2.994.4,11.3,11.3,0,0,1,2.689,1.131,11.2,11.2,0,0,1,2.279,1.758,11.2,11.2,0,0,1,1.758,2.279A11.3,11.3,0,0,1,22.1-15.744a11.144,11.144,0,0,1,.4,2.994,11.144,11.144,0,0,1-.4,2.994,11.3,11.3,0,0,1-1.131,2.689,11.2,11.2,0,0,1-1.758,2.279,11.2,11.2,0,0,1-2.279,1.758A11.3,11.3,0,0,1,14.244-1.9,11.144,11.144,0,0,1,11.25-1.5Zm0-21a9.465,9.465,0,0,0-2.59.352,9.988,9.988,0,0,0-2.326.984,9.692,9.692,0,0,0-1.975,1.523,9.692,9.692,0,0,0-1.523,1.975,9.961,9.961,0,0,0-.984,2.332A9.484,9.484,0,0,0,1.5-12.75a9.484,9.484,0,0,0,.352,2.584,9.961,9.961,0,0,0,.984,2.332A9.692,9.692,0,0,0,4.359-5.859,9.692,9.692,0,0,0,6.334-4.336a9.988,9.988,0,0,0,2.326.984A9.465,9.465,0,0,0,11.25-3a9.484,9.484,0,0,0,2.584-.352,9.961,9.961,0,0,0,2.332-.984,9.692,9.692,0,0,0,1.975-1.523,9.692,9.692,0,0,0,1.523-1.975,9.988,9.988,0,0,0,.984-2.326A9.465,9.465,0,0,0,21-12.75a9.484,9.484,0,0,0-.352-2.584,9.961,9.961,0,0,0-.984-2.332,9.692,9.692,0,0,0-1.523-1.975,9.692,9.692,0,0,0-1.975-1.523,9.961,9.961,0,0,0-2.332-.984A9.484,9.484,0,0,0,11.25-22.5ZM10.5-15H12v7.5H10.5Zm0-3H12v1.5H10.5Z' transform='translate(0 24)' fill='%23ea4300'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 22px 22px;
    margin-bottom: 30px;
}

.event-body .card-body .price {
    margin-bottom: 17px;
}

.event-body .card-body .icon-clock {
    margin-left: 0;
}

.event-body .btn {
    padding: 13px 63px 13px 73px;
    font-family: "Roboto";
    font-weight: normal;
    font-style: italic;
    font-size: 18px;
    text-align: left;
    color: #fff;
    background: #D83B01 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.5' height='20' viewBox='0 0 12.5 20'%3E%3Cpath id='Контур_8780' data-name='Контур 8780' d='M16.25-20V0L10-3.154,3.75,0V-20ZM15-18.75H5V-2.031Q6.26-2.666,7.5-3.3T10-4.561q1.26.625,2.5,1.26T15-2.031Z' transform='translate(-3.75 20)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat 20px/ 47px 50%;
    border: 0;
    margin-bottom: 40px;
    transition: all 0.3s linear;
    box-shadow: 0 0 0 rgba(0 0 0 / 30%);

}

.event-body .btn:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);

}

.event-body__btn {
    padding: 5px 23px 5px 43px;
    font-family: "Roboto";
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    text-align: left;
    color: #fff;
    background: #D83B01 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.5' height='20' viewBox='0 0 12.5 20'%3E%3Cpath id='Контур_8780' data-name='Контур 8780' d='M16.25-20V0L10-3.154,3.75,0V-20ZM15-18.75H5V-2.031Q6.26-2.666,7.5-3.3T10-4.561q1.26.625,2.5,1.26T15-2.031Z' transform='translate(-3.75 20)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat 20px/ 10px 50%;
    border: 0;
    margin-bottom: 40px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s linear;
}

.event-body__btn:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    color: white;
}

.nav-social .nav-item {
    margin-right: 20px;
}

.nav-social .nav-item:last-child {
    margin-right: 0;
}

.nav-social .nav-link {
    padding-left: 0;
    padding-right: 0;
}

.nav-social .nav-link svg {
    transform: scale(1);
    transition: all 0.3s linear;
}

.nav-social .nav-link:hover svg {
    transform: scale(1.2);
}

.event-desc {
    padding-bottom: 67px;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #23272a;
}

.event-desc .title {
    margin-bottom: 42px;
    margin-bottom: 30px;
    /*font-weight: bold;*/
    /*font-size: 28px;*/
    text-align: left;
    color: #23272a;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 24px;

}

.link-prev {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #000;
    text-decoration: none;
    padding-left: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cpath id='Контур_8745' data-name='Контур 8745' d='M6-12,18-24V0Zm9,4.758v-9.516L10.242-12Z' transform='translate(-6 24)' fill='%23020403'/%3E%3C/svg%3E%0A");
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.link-prev:hover {
    color: inherit;
}

.event-aside {
    padding-left: 20px;
    border-left: 1px dashed #CACACA;
    height: 100%;
}

.aside__title {
    /*font-weight: bold;*/
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-align: left;
    color: #23272a;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.small-info {
    padding-top: 21px;
    padding-bottom: 21px;
    border-bottom: 1px dashed #CACACA;
}

.small-info .image {
    width: 327px;
    /*height: 230.32px;*/
    background-size: cover;
}

.small-info .image img {
    width: 100%;
    height: auto;
}

.small-info .type {

    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    color: #23272a;
    padding-left: 20px;
    position: relative;
}

.small-info .type::before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.5' height='7.5' viewBox='0 0 7.5 7.5'%3E%3Cpath id='Контур_8749' data-name='Контур 8749' d='M10-13.75a3.655,3.655,0,0,1,1.455.293,3.78,3.78,0,0,1,1.2.806,3.78,3.78,0,0,1,.806,1.2A3.655,3.655,0,0,1,13.75-10a3.644,3.644,0,0,1-.293,1.46,3.8,3.8,0,0,1-.806,1.191,3.78,3.78,0,0,1-1.2.806A3.655,3.655,0,0,1,10-6.25a3.644,3.644,0,0,1-1.46-.293,3.8,3.8,0,0,1-1.191-.806A3.8,3.8,0,0,1,6.543-8.54,3.644,3.644,0,0,1,6.25-10a3.655,3.655,0,0,1,.293-1.455,3.78,3.78,0,0,1,.806-1.2,3.8,3.8,0,0,1,1.191-.806A3.644,3.644,0,0,1,10-13.75Z' transform='translate(-6.25 13.75)' fill='%23020403'/%3E%3C/svg%3E%0A");
    background-position: 0 50%;
    background-size: cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.small-info .address {
    padding-left: 25px;
    margin-bottom: 7px;

    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #23272a;
    font-family: "Montserrat", sans-serif;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.25' height='18' viewBox='0 0 11.25 18'%3E%3Cpath id='Контур_8755' data-name='Контур 8755' d='M9-18a5.506,5.506,0,0,1,1.494.2,5.706,5.706,0,0,1,1.345.567,5.6,5.6,0,0,1,1.138.879,5.6,5.6,0,0,1,.879,1.138,5.706,5.706,0,0,1,.567,1.345,5.506,5.506,0,0,1,.2,1.494,4.51,4.51,0,0,1-.145,1.156,5.7,5.7,0,0,1-.417,1.094L9,0,3.938-10.125a5.7,5.7,0,0,1-.417-1.094,4.51,4.51,0,0,1-.145-1.156,5.506,5.506,0,0,1,.2-1.494,5.706,5.706,0,0,1,.567-1.345,5.6,5.6,0,0,1,.879-1.138,5.6,5.6,0,0,1,1.138-.879A5.706,5.706,0,0,1,7.506-17.8,5.506,5.506,0,0,1,9-18Zm4.184,7.436q0-.009,0-.009s0,0,0-.009a3.817,3.817,0,0,0,.334-.87,3.791,3.791,0,0,0,.114-.923,4.492,4.492,0,0,0-.365-1.8,4.709,4.709,0,0,0-1-1.477,4.709,4.709,0,0,0-1.477-1A4.492,4.492,0,0,0,9-17.016a4.492,4.492,0,0,0-1.8.365,4.709,4.709,0,0,0-1.477,1,4.709,4.709,0,0,0-1,1.477,4.492,4.492,0,0,0-.365,1.8,3.791,3.791,0,0,0,.114.923,3.817,3.817,0,0,0,.334.87q0,.009,0,.009s0,0,0,.009L9-2.2ZM9-15.68a3.22,3.22,0,0,1,1.288.259,3.335,3.335,0,0,1,1.05.708,3.335,3.335,0,0,1,.708,1.05,3.22,3.22,0,0,1,.259,1.288,3.22,3.22,0,0,1-.259,1.288,3.335,3.335,0,0,1-.708,1.05,3.335,3.335,0,0,1-1.05.708A3.22,3.22,0,0,1,9-9.07,3.22,3.22,0,0,1,7.712-9.33a3.335,3.335,0,0,1-1.05-.708,3.335,3.335,0,0,1-.708-1.05A3.22,3.22,0,0,1,5.7-12.375a3.22,3.22,0,0,1,.259-1.288,3.335,3.335,0,0,1,.708-1.05,3.335,3.335,0,0,1,1.05-.708A3.22,3.22,0,0,1,9-15.68Zm0,5.625a2.28,2.28,0,0,0,.905-.18,2.324,2.324,0,0,0,.738-.5,2.324,2.324,0,0,0,.5-.738,2.28,2.28,0,0,0,.18-.905,2.28,2.28,0,0,0-.18-.905,2.324,2.324,0,0,0-.5-.738,2.324,2.324,0,0,0-.738-.5A2.28,2.28,0,0,0,9-14.7a2.28,2.28,0,0,0-.905.18,2.324,2.324,0,0,0-.738.5,2.324,2.324,0,0,0-.5.738,2.28,2.28,0,0,0-.18.905,2.28,2.28,0,0,0,.18.905,2.324,2.324,0,0,0,.5.738,2.324,2.324,0,0,0,.738.5A2.28,2.28,0,0,0,9-10.055Z' transform='translate(-3.375 18)' fill='%23020403'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 8px;
}

.small-info .phones {
    list-style: none;
    padding-left: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.991' height='18' viewBox='0 0 17.991 18'%3E%3Cpath id='Контур_8767' data-name='Контур 8767' d='M14.124-7.339a1.95,1.95,0,0,1,.743.145,1.887,1.887,0,0,1,.628.417l1.934,1.934a1.887,1.887,0,0,1,.417.628,1.95,1.95,0,0,1,.145.743,1.95,1.95,0,0,1-.145.743,1.887,1.887,0,0,1-.417.628l-.123.123q-.475.475-.87.844a4.609,4.609,0,0,1-.826.62,3.659,3.659,0,0,1-.958.382A5.237,5.237,0,0,1,13.395,0a7.953,7.953,0,0,1-2.259-.343,12.532,12.532,0,0,1-2.307-.949,16.541,16.541,0,0,1-2.25-1.441A19.5,19.5,0,0,1,4.5-4.557,20.009,20.009,0,0,1,2.689-6.649,16.389,16.389,0,0,1,1.266-8.9a12.619,12.619,0,0,1-.932-2.29A7.879,7.879,0,0,1,0-13.4a5.3,5.3,0,0,1,.127-1.248A3.572,3.572,0,0,1,.505-15.6a4.588,4.588,0,0,1,.615-.822q.365-.391.839-.866l.141-.141a1.958,1.958,0,0,1,.624-.422A1.89,1.89,0,0,1,3.472-18a1.9,1.9,0,0,1,.743.149,1.945,1.945,0,0,1,.628.422L6.776-15.5a1.887,1.887,0,0,1,.417.628,1.95,1.95,0,0,1,.145.743,1.715,1.715,0,0,1-.132.69,2.493,2.493,0,0,1-.325.549,3.253,3.253,0,0,1-.426.448q-.233.2-.426.4a2.584,2.584,0,0,0-.325.391.754.754,0,0,0-.132.426.779.779,0,0,0,.237.571L10.652-5.81a.779.779,0,0,0,.571.237A.754.754,0,0,0,11.65-5.7a2.584,2.584,0,0,0,.391-.325q.193-.193.4-.426a3.253,3.253,0,0,1,.448-.426,2.493,2.493,0,0,1,.549-.325A1.715,1.715,0,0,1,14.124-7.339Zm-.729,6.214a4.015,4.015,0,0,0,1.059-.119,2.735,2.735,0,0,0,.769-.343,3.971,3.971,0,0,0,.668-.558q.325-.334.747-.756a.779.779,0,0,0,.237-.571.764.764,0,0,0-.127-.374,3.3,3.3,0,0,0-.33-.453q-.2-.237-.453-.488t-.492-.475l-.448-.413q-.207-.189-.321-.3a.789.789,0,0,0-.58-.237.734.734,0,0,0-.422.132,2.713,2.713,0,0,0-.387.325q-.193.193-.4.426a3.464,3.464,0,0,1-.453.426,2.493,2.493,0,0,1-.549.325,1.715,1.715,0,0,1-.69.132,1.95,1.95,0,0,1-.743-.145,1.887,1.887,0,0,1-.628-.417L5.01-9.853a1.887,1.887,0,0,1-.417-.628,1.95,1.95,0,0,1-.145-.743,1.715,1.715,0,0,1,.132-.69,2.493,2.493,0,0,1,.325-.549,3.464,3.464,0,0,1,.426-.453q.233-.207.426-.4a2.713,2.713,0,0,0,.325-.387.734.734,0,0,0,.132-.422.789.789,0,0,0-.237-.58q-.114-.114-.3-.321l-.413-.448q-.224-.242-.475-.492T4.3-16.418a3.3,3.3,0,0,0-.453-.33.764.764,0,0,0-.374-.127.779.779,0,0,0-.571.237q-.422.422-.751.747a4.479,4.479,0,0,0-.562.668,2.6,2.6,0,0,0-.352.769,3.975,3.975,0,0,0-.119,1.05,6.908,6.908,0,0,0,.321,2.03,11.42,11.42,0,0,0,.888,2.092A15.932,15.932,0,0,0,3.665-7.22,18.365,18.365,0,0,0,5.353-5.3,18.9,18.9,0,0,0,7.282-3.63,15.923,15.923,0,0,0,9.338-2.307a11.339,11.339,0,0,0,2.074.87A6.847,6.847,0,0,0,13.395-1.125Z' transform='translate(0 18)' fill='%23020403'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 8px;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #23272a;

}

.card-body .phones {
    list-style: none;
    padding-left: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.991' height='18' viewBox='0 0 17.991 18'%3E%3Cpath id='Контур_8767' data-name='Контур 8767' d='M14.124-7.339a1.95,1.95,0,0,1,.743.145,1.887,1.887,0,0,1,.628.417l1.934,1.934a1.887,1.887,0,0,1,.417.628,1.95,1.95,0,0,1,.145.743,1.95,1.95,0,0,1-.145.743,1.887,1.887,0,0,1-.417.628l-.123.123q-.475.475-.87.844a4.609,4.609,0,0,1-.826.62,3.659,3.659,0,0,1-.958.382A5.237,5.237,0,0,1,13.395,0a7.953,7.953,0,0,1-2.259-.343,12.532,12.532,0,0,1-2.307-.949,16.541,16.541,0,0,1-2.25-1.441A19.5,19.5,0,0,1,4.5-4.557,20.009,20.009,0,0,1,2.689-6.649,16.389,16.389,0,0,1,1.266-8.9a12.619,12.619,0,0,1-.932-2.29A7.879,7.879,0,0,1,0-13.4a5.3,5.3,0,0,1,.127-1.248A3.572,3.572,0,0,1,.505-15.6a4.588,4.588,0,0,1,.615-.822q.365-.391.839-.866l.141-.141a1.958,1.958,0,0,1,.624-.422A1.89,1.89,0,0,1,3.472-18a1.9,1.9,0,0,1,.743.149,1.945,1.945,0,0,1,.628.422L6.776-15.5a1.887,1.887,0,0,1,.417.628,1.95,1.95,0,0,1,.145.743,1.715,1.715,0,0,1-.132.69,2.493,2.493,0,0,1-.325.549,3.253,3.253,0,0,1-.426.448q-.233.2-.426.4a2.584,2.584,0,0,0-.325.391.754.754,0,0,0-.132.426.779.779,0,0,0,.237.571L10.652-5.81a.779.779,0,0,0,.571.237A.754.754,0,0,0,11.65-5.7a2.584,2.584,0,0,0,.391-.325q.193-.193.4-.426a3.253,3.253,0,0,1,.448-.426,2.493,2.493,0,0,1,.549-.325A1.715,1.715,0,0,1,14.124-7.339Zm-.729,6.214a4.015,4.015,0,0,0,1.059-.119,2.735,2.735,0,0,0,.769-.343,3.971,3.971,0,0,0,.668-.558q.325-.334.747-.756a.779.779,0,0,0,.237-.571.764.764,0,0,0-.127-.374,3.3,3.3,0,0,0-.33-.453q-.2-.237-.453-.488t-.492-.475l-.448-.413q-.207-.189-.321-.3a.789.789,0,0,0-.58-.237.734.734,0,0,0-.422.132,2.713,2.713,0,0,0-.387.325q-.193.193-.4.426a3.464,3.464,0,0,1-.453.426,2.493,2.493,0,0,1-.549.325,1.715,1.715,0,0,1-.69.132,1.95,1.95,0,0,1-.743-.145,1.887,1.887,0,0,1-.628-.417L5.01-9.853a1.887,1.887,0,0,1-.417-.628,1.95,1.95,0,0,1-.145-.743,1.715,1.715,0,0,1,.132-.69,2.493,2.493,0,0,1,.325-.549,3.464,3.464,0,0,1,.426-.453q.233-.207.426-.4a2.713,2.713,0,0,0,.325-.387.734.734,0,0,0,.132-.422.789.789,0,0,0-.237-.58q-.114-.114-.3-.321l-.413-.448q-.224-.242-.475-.492T4.3-16.418a3.3,3.3,0,0,0-.453-.33.764.764,0,0,0-.374-.127.779.779,0,0,0-.571.237q-.422.422-.751.747a4.479,4.479,0,0,0-.562.668,2.6,2.6,0,0,0-.352.769,3.975,3.975,0,0,0-.119,1.05,6.908,6.908,0,0,0,.321,2.03,11.42,11.42,0,0,0,.888,2.092A15.932,15.932,0,0,0,3.665-7.22,18.365,18.365,0,0,0,5.353-5.3,18.9,18.9,0,0,0,7.282-3.63,15.923,15.923,0,0,0,9.338-2.307a11.339,11.339,0,0,0,2.074.87A6.847,6.847,0,0,0,13.395-1.125Z' transform='translate(0 18)' fill='%23020403'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 8px;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #23272a;

}

.small-info .requirement {
    list-style: none;
    padding-left: 0;
}

.small-info .requirement li {
    position: relative;
    margin-bottom: 17px;
    padding-left: 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #23272a;
}

.small-info .requirement li::before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.5' height='7.5' viewBox='0 0 7.5 7.5'%3E%3Cpath id='Контур_8749' data-name='Контур 8749' d='M10-13.75a3.655,3.655,0,0,1,1.455.293,3.78,3.78,0,0,1,1.2.806,3.78,3.78,0,0,1,.806,1.2A3.655,3.655,0,0,1,13.75-10a3.644,3.644,0,0,1-.293,1.46,3.8,3.8,0,0,1-.806,1.191,3.78,3.78,0,0,1-1.2.806A3.655,3.655,0,0,1,10-6.25a3.644,3.644,0,0,1-1.46-.293,3.8,3.8,0,0,1-1.191-.806A3.8,3.8,0,0,1,6.543-8.54,3.644,3.644,0,0,1,6.25-10a3.655,3.655,0,0,1,.293-1.455,3.78,3.78,0,0,1,.806-1.2,3.8,3.8,0,0,1,1.191-.806A3.644,3.644,0,0,1,10-13.75Z' transform='translate(-6.25 13.75)' fill='%23020403'/%3E%3C/svg%3E%0A");
    background-position: 0 50%;
    background-size: cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: 0;
}

.aplication {
}

.aplication .label {
    display: flex;
    align-items: center;
    height: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.01em;

    line-height: 22px;
    text-align: left;
    color: #3c3c3c;

}

.aplication .form-control {
    height: 55px;
    border-radius: 0;
    border: 1px solid #D0D0D0;
    /*box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);*/
    padding-right: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: 1px solid #036f96;

}

.aplication .form-control.unchecked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath id='Fabric_Icons' data-name='Fabric Icons' d='M12.5-25a12.313,12.313,0,0,1,3.32.446A12.377,12.377,0,0,1,18.8-23.291a12.665,12.665,0,0,1,2.527,1.959A12.665,12.665,0,0,1,23.291-18.8a12.377,12.377,0,0,1,1.263,2.985A12.313,12.313,0,0,1,25-12.5a12.313,12.313,0,0,1-.446,3.32A12.377,12.377,0,0,1,23.291-6.2a12.665,12.665,0,0,1-1.959,2.527A12.665,12.665,0,0,1,18.8-1.709,12.377,12.377,0,0,1,15.82-.446,12.313,12.313,0,0,1,12.5,0,12.313,12.313,0,0,1,9.18-.446,12.377,12.377,0,0,1,6.2-1.709,12.665,12.665,0,0,1,3.668-3.668,12.665,12.665,0,0,1,1.709-6.2,12.377,12.377,0,0,1,.446-9.18,12.313,12.313,0,0,1,0-12.5a12.313,12.313,0,0,1,.446-3.32A12.377,12.377,0,0,1,1.709-18.8a12.665,12.665,0,0,1,1.959-2.527A12.665,12.665,0,0,1,6.2-23.291,12.377,12.377,0,0,1,9.18-24.554,12.313,12.313,0,0,1,12.5-25Zm7.361,8.362L18.2-18.3l-8.044,8.044L6.8-13.611l-1.66,1.66,5.017,5.017Z' transform='translate(0 25)' fill='%23d0d0d0'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) 50%;
}

.aplication .form-group {
    margin-bottom: 30px;
}

.aplication .form-control {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #666;
    border: 1px solid #036F96;
}

.aplication .form-control.checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath id='Fabric_Icons' data-name='Fabric Icons' d='M12.5-25a12.313,12.313,0,0,1,3.32.446A12.377,12.377,0,0,1,18.8-23.291a12.665,12.665,0,0,1,2.527,1.959A12.665,12.665,0,0,1,23.291-18.8a12.377,12.377,0,0,1,1.263,2.985A12.313,12.313,0,0,1,25-12.5a12.313,12.313,0,0,1-.446,3.32A12.377,12.377,0,0,1,23.291-6.2a12.665,12.665,0,0,1-1.959,2.527A12.665,12.665,0,0,1,18.8-1.709,12.377,12.377,0,0,1,15.82-.446,12.313,12.313,0,0,1,12.5,0,12.313,12.313,0,0,1,9.18-.446,12.377,12.377,0,0,1,6.2-1.709,12.665,12.665,0,0,1,3.668-3.668,12.665,12.665,0,0,1,1.709-6.2,12.377,12.377,0,0,1,.446-9.18,12.313,12.313,0,0,1,0-12.5a12.313,12.313,0,0,1,.446-3.32A12.377,12.377,0,0,1,1.709-18.8a12.665,12.665,0,0,1,1.959-2.527A12.665,12.665,0,0,1,6.2-23.291,12.377,12.377,0,0,1,9.18-24.554,12.313,12.313,0,0,1,12.5-25Zm7.361,8.362L18.2-18.3l-8.044,8.044L6.8-13.611l-1.66,1.66,5.017,5.017Z' transform='translate(0 25)' fill='%23107c10'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) 50%;
}

.aplication select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.536' height='13.367' viewBox='0 0 24.536 13.367'%3E%3Cpath id='Fabric_Icons' data-name='Fabric Icons' d='M23.669-19.3l1.1,1.1L12.5-5.933.232-18.2l1.1-1.1L12.5-8.13Z' transform='translate(-0.232 19.299)' fill='%230078d4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) 50%;
}

.aplication .form-check {
    margin-bottom: 23px;
    padding-left: 0;
}

.aplication .form-check:last-child {
    margin-bottom: 0;
}

.aplication .form-check input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.aplication .form-check input[type=radio]:checked + label::after {
    content: '';
}

.aplication .form-check-label {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #212121;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.aplication .form-check-label::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #0078D4;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.aplication .form-check-label::after {
    content: none;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0078D4;
    position: absolute;
    top: 6px;
    left: 4px;
}


.aplication .file input[type=file] {
    opacity: 0;
    position: absolute;
    z-index: -1;
    display: none;
}

.aplication .file > label {
    height: 55px;
    /*border-radius: 5px;*/
    /*border: 1px solid #D0D0D0;*/
    /*box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);*/
    border: 1px solid #036F96;
    padding-right: 50px;
    /*background: #fff url("data:image/svg+xml,%3Csvg id='attach_file_black_24dp' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Контур_8778' data-name='Контур 8778' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Контур_8779' data-name='Контур 8779' d='M16.5,6V17.5a4,4,0,0,1-8,0V5a2.5,2.5,0,0,1,5,0V15.5a1,1,0,0,1-2,0V6H10v9.5a2.5,2.5,0,0,0,5,0V5A4,4,0,0,0,7,5V17.5a5.5,5.5,0,0,0,11,0V6Z' fill='%23666'/%3E%3C/svg%3E%0A");*/
    background: #fff url("data:image/svg+xml,%3Csvgid='attach_file_black_24dp'xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Контур_8778' data-name='Контур 8778' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Контур_8779' data-name='Контур 8779' d='M16.5,6V17.5a4,4,0,0,1-8,0V5a2.5,2.5,0,0,1,5,0V15.5a1,1,0,0,1-2,0V6H10v9.5a2.5,2.5,0,0,0,5,0V5A4,4,0,0,0,7,5V17.5a5.5,5.5,0,0,0,11,0V6Z' fill='%23666'/%3E%3C/svg%3E%0A");

    background-repeat: no-repeat;
    background-position: calc(100% - 17px) 50%;
    padding-left: 20px;
    line-height: 55px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.aplication .btn {
    padding: 16px 49px 15px 49px;
    border-radius: 5px;
    color: white;
    background: #2B88D8;
    text-transform: uppercase;
}

.aplication .form {
    padding-bottom: 102px;
}

.error {
    color: #e56767;
}


.profile {
    padding-top: 40px;
    padding-bottom: 205px;
}

.profile .nav {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);

}

.profile .nav-link {
    padding: 13px 20px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
    border-bottom: 1px solid #E8E8E8;
    display: flex;
    justify-content: space-between;

}

.profile .nav-link.active {
    font-weight: 700;
}

.profile .nav .badge {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: #2B88D8;
    transition: all 0.3s linear;

}

.profile .nav-link:hover .badge {
    color: #2B88D8;
    background: white;
}

.profile .nav-link:hover {
    background: #2B88D8;
    border-radius: 5px;
    color: white;

}

.profile .card {
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
}

.profile .card-title {
    font-family: "Roboto";
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    color: #2b88d8;
    text-transform: uppercase;
}

.profile .card label {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
    margin-bottom: 10px;

}

.profile .card label.error {
    color: #e56767;
}

.profile .card .form-control {
    height: 55px;
    border-radius: 5px;
    background: #fff;
    border: 2px solid #d0d0d0;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .16);
    padding-left: 54px;
    background-repeat: no-repeat;
    background-position: 20px 50%;

    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #989898;

}

.profile .card .form-control::placeholder {

    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #989898;

}

.profile .card .form-control.icon-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.044' height='13.777' viewBox='0 0 22.044 13.777'%3E%3Cpath id='Контур_8788' data-name='Контур 8788' d='M22.044-13V.777H0V-13Zm-20.5,1.378,9.483,4.747L20.5-11.622ZM20.666-.6v-9.558L11.022-5.347,1.378-10.158V-.6Z' transform='translate(0 13)' fill='%23989898'/%3E%3C/svg%3E%0A");
}

.profile .card .form-control.icon-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.907' height='22.75' viewBox='0 0 19.907 22.75'%3E%3Cpath id='Контур_8792' data-name='Контур 8792' d='M14.478-4.636A9.516,9.516,0,0,1,17.2-3.176,9.648,9.648,0,0,1,19.271-1a9.9,9.9,0,0,1,1.305,2.7,10.239,10.239,0,0,1,.455,3.055H19.61a8.712,8.712,0,0,0-.65-3.383,8.178,8.178,0,0,0-4.5-4.5,8.712,8.712,0,0,0-3.383-.65,8.659,8.659,0,0,0-2.288.3,8.572,8.572,0,0,0-2.05.85A8.332,8.332,0,0,0,3.7.413a8.572,8.572,0,0,0-.85,2.05,8.659,8.659,0,0,0-.3,2.288H1.125A9.967,9.967,0,0,1,2.913-.993,9.762,9.762,0,0,1,4.985-3.148,10.081,10.081,0,0,1,7.7-4.625,6.985,6.985,0,0,1,6.146-5.758,7.059,7.059,0,0,1,4.974-7.241,7.282,7.282,0,0,1,4.23-8.985a7,7,0,0,1-.261-1.905,6.952,6.952,0,0,1,.555-2.772,7.152,7.152,0,0,1,1.522-2.261,7.152,7.152,0,0,1,2.261-1.522A6.952,6.952,0,0,1,11.078-18a6.952,6.952,0,0,1,2.772.555,7.152,7.152,0,0,1,2.261,1.522,7.152,7.152,0,0,1,1.522,2.261,6.952,6.952,0,0,1,.555,2.772,6.939,6.939,0,0,1-.261,1.9,7.2,7.2,0,0,1-.744,1.733,7.355,7.355,0,0,1-1.166,1.483A6.878,6.878,0,0,1,14.478-4.636ZM5.391-10.89a5.476,5.476,0,0,0,.45,2.211A5.8,5.8,0,0,0,7.063-6.875,5.8,5.8,0,0,0,8.868-5.653a5.476,5.476,0,0,0,2.211.45,5.476,5.476,0,0,0,2.211-.45,5.8,5.8,0,0,0,1.805-1.222A5.8,5.8,0,0,0,16.316-8.68a5.476,5.476,0,0,0,.45-2.211,5.476,5.476,0,0,0-.45-2.211,5.8,5.8,0,0,0-1.222-1.805,5.8,5.8,0,0,0-1.805-1.222,5.476,5.476,0,0,0-2.211-.45,5.476,5.476,0,0,0-2.211.45,5.8,5.8,0,0,0-1.805,1.222A5.8,5.8,0,0,0,5.841-13.1,5.476,5.476,0,0,0,5.391-10.89Z' transform='translate(-1.125 18)' fill='%23989898' opacity='0.995'/%3E%3C/svg%3E%0A");
}

.profile .card .form-control.icon-mobile {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.558' height='21.693' viewBox='0 0 13.558 21.693'%3E%3Cpath id='Контур_8793' data-name='Контур 8793' d='M15.578-18a1.314,1.314,0,0,1,.53.106,1.378,1.378,0,0,1,.429.291,1.378,1.378,0,0,1,.291.429,1.314,1.314,0,0,1,.106.53V2.338a1.314,1.314,0,0,1-.106.53,1.381,1.381,0,0,1-.72.72,1.314,1.314,0,0,1-.53.106H4.731a1.314,1.314,0,0,1-.53-.106,1.381,1.381,0,0,1-.72-.72,1.314,1.314,0,0,1-.106-.53V-16.644a1.314,1.314,0,0,1,.106-.53,1.378,1.378,0,0,1,.291-.429,1.378,1.378,0,0,1,.429-.291A1.314,1.314,0,0,1,4.731-18Zm0,1.356H4.731V2.338H15.578ZM8.8-.374H11.51V.982H8.8Z' transform='translate(-3.375 18)' fill='%23989898'/%3E%3C/svg%3E%0A");
}

.profile .card .form-control.icon-date {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21'%3E%3Ctext id='_' data-name='' transform='translate(0 20)' fill='%23989898' font-size='20' font-family='FabricExternalMDL2Assets, Fabric External MDL2 Assets'%3E%3Ctspan x='0' y='0'%3E%3C/tspan%3E%3C/text%3E%3C/svg%3E%0A");
}

.profile .card .form-control.icon-place {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.219' height='22.75' viewBox='0 0 14.219 22.75'%3E%3Cpath id='Контур_8720' data-name='Контур 8720' d='M10.485-18a6.959,6.959,0,0,1,1.888.255,7.211,7.211,0,0,1,1.7.717,7.078,7.078,0,0,1,1.439,1.111,7.078,7.078,0,0,1,1.111,1.439,7.211,7.211,0,0,1,.717,1.7,6.959,6.959,0,0,1,.255,1.888,5.7,5.7,0,0,1-.183,1.461,7.2,7.2,0,0,1-.528,1.383l-6.4,12.8-6.4-12.8A7.2,7.2,0,0,1,3.558-9.43a5.7,5.7,0,0,1-.183-1.461,6.959,6.959,0,0,1,.255-1.888,7.211,7.211,0,0,1,.717-1.7,7.078,7.078,0,0,1,1.111-1.439A7.078,7.078,0,0,1,6.9-17.028a7.211,7.211,0,0,1,1.7-.717A6.959,6.959,0,0,1,10.485-18Zm5.288,9.4q0-.011.006-.011s.006,0,.006-.011a4.824,4.824,0,0,0,.422-1.1,4.792,4.792,0,0,0,.144-1.166,5.677,5.677,0,0,0-.461-2.277,5.952,5.952,0,0,0-1.261-1.866,5.952,5.952,0,0,0-1.866-1.261,5.677,5.677,0,0,0-2.277-.461,5.677,5.677,0,0,0-2.277.461,5.952,5.952,0,0,0-1.866,1.261A5.952,5.952,0,0,0,5.08-13.168a5.677,5.677,0,0,0-.461,2.277,4.792,4.792,0,0,0,.144,1.166,4.824,4.824,0,0,0,.422,1.1q0,.011.006.011s.006,0,.006.011L10.485,1.973Zm-5.288-6.465a4.07,4.07,0,0,1,1.627.328,4.215,4.215,0,0,1,1.327.894,4.215,4.215,0,0,1,.894,1.327,4.07,4.07,0,0,1,.328,1.627,4.07,4.07,0,0,1-.328,1.627,4.215,4.215,0,0,1-.894,1.327,4.215,4.215,0,0,1-1.327.894,4.07,4.07,0,0,1-1.627.328,4.07,4.07,0,0,1-1.627-.328A4.215,4.215,0,0,1,7.53-7.936a4.215,4.215,0,0,1-.894-1.327,4.07,4.07,0,0,1-.328-1.627,4.07,4.07,0,0,1,.328-1.627,4.215,4.215,0,0,1,.894-1.327,4.215,4.215,0,0,1,1.327-.894A4.07,4.07,0,0,1,10.485-15.067Zm0,7.11a2.882,2.882,0,0,0,1.144-.228,2.937,2.937,0,0,0,.933-.628,2.937,2.937,0,0,0,.628-.933,2.882,2.882,0,0,0,.228-1.144,2.882,2.882,0,0,0-.228-1.144,2.937,2.937,0,0,0-.628-.933,2.937,2.937,0,0,0-.933-.628,2.882,2.882,0,0,0-1.144-.228A2.882,2.882,0,0,0,9.34-13.6a2.937,2.937,0,0,0-.933.628,2.937,2.937,0,0,0-.628.933,2.882,2.882,0,0,0-.228,1.144A2.882,2.882,0,0,0,7.78-9.746a2.937,2.937,0,0,0,.628.933,2.937,2.937,0,0,0,.933.628A2.882,2.882,0,0,0,10.485-7.958Z' transform='translate(-3.375 18)' fill='%23989898'/%3E%3C/svg%3E%0A");
}

.profile .card .form-control.icon-password {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.861' height='22.481' viewBox='0 0 16.861 22.481'%3E%3Cpath id='Контур_8790' data-name='Контур 8790' d='M18.861-6.164V6.481H2V-6.164H4.81V-10.27A5.81,5.81,0,0,1,5.238-12.5,5.682,5.682,0,0,1,6.424-14.32,5.59,5.59,0,0,1,8.208-15.55,5.474,5.474,0,0,1,10.431-16a5.474,5.474,0,0,1,2.223.45,5.59,5.59,0,0,1,1.784,1.229A5.682,5.682,0,0,1,15.623-12.5a5.81,5.81,0,0,1,.428,2.228v4.105Zm-12.646,0h8.431V-10.27a4.411,4.411,0,0,0-.318-1.674,4.337,4.337,0,0,0-.884-1.378,4.122,4.122,0,0,0-1.339-.933,4.112,4.112,0,0,0-1.674-.34,4.112,4.112,0,0,0-1.674.34,4.122,4.122,0,0,0-1.339.933,4.337,4.337,0,0,0-.884,1.378,4.411,4.411,0,0,0-.318,1.674ZM17.456-4.759H3.405V5.076H17.456Z' transform='translate(-2 16)' fill='%23989898'/%3E%3C/svg%3E%0A");
}

.profile .card .btn {
    padding: 16px 20px 15px 19px;
    line-height: 24px;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
    border-radius: 5px;
    background: #2B88D8;
    text-transform: uppercase;
    min-width: 250px;
    text-align: center;
}


.profile .table tr:first-child td {
    border-bottom: none;
}

.profile .table tr.event-name td {
    background: #2B88D8;
    color: white;
    padding: 16px 20px;
    border-radius: 5px;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .16);
}

.register-modal .modal-header {
    padding: 0;
}

.register-modal .modal-header .nav-link {
    padding: 28px 22px 22px 22px;
    background: #38393D;
    color: white;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #fff;

}


.register-modal .modal-header .nav-link.active {
    background: #2B88D8;
}

.register-modal .modal-body .social .nav {
    justify-content: center;
}

.register-modal .nav__link {
    padding: 28px 22px 22px 22px;
    background: #38393D;
    color: white;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.register-modal .nav__link.active {
    background: #2B88D8;
}

.register-modal .modal-body .social .nav-link img {
    transform: scale(1);
    transition: all 0.3s linear;
}

.register-modal .modal-body .social .nav-link:hover img {
    transform: scale(1.3);
}

.register-modal .modal-body .divider {
    display: flex;
    justify-content: center;
    align-items: center;

}

.register-modal .modal-body .divider span {
    flex: 0 1 auto;
    padding: 0 8px;
}

.register-modal .modal-body .divider::before {
    content: '';
    display: flex;
    height: 1px;
    flex: 1 0 auto;
    background: #C1C1C1;
    align-items: center;
}

.register-modal .modal-body .divider::after {
    content: '';
    display: flex;
    height: 1px;
    flex: 1 0 auto;
    background: #C1C1C1;
    align-items: center;
}

.register-modal .modal-body .social__title {
    margin-bottom: 15px;

    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #707070;

}

.register-modal .modal-body .social .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-modal .modal-body .form {
    margin-top: 14px;
}

.register-modal .modal-body .form .form-control {
    padding-left: 54px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #C1C1C1;
    background-repeat: no-repeat;
    background-position: 20px 50%;
}

.register-modal .modal-body .form .form-control.icon-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.044' height='13.777' viewBox='0 0 22.044 13.777'%3E%3Cpath id='Контур_8788' data-name='Контур 8788' d='M22.044-13V.777H0V-13Zm-20.5,1.378,9.483,4.747L20.5-11.622ZM20.666-.6v-9.558L11.022-5.347,1.378-10.158V-.6Z' transform='translate(0 13)' fill='%23989898'/%3E%3C/svg%3E%0A");
}

.register-modal .modal-body .form .form-control.icon-password {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.861' height='22.481' viewBox='0 0 16.861 22.481'%3E%3Cpath id='Контур_8790' data-name='Контур 8790' d='M18.861-6.164V6.481H2V-6.164H4.81V-10.27A5.81,5.81,0,0,1,5.238-12.5,5.682,5.682,0,0,1,6.424-14.32,5.59,5.59,0,0,1,8.208-15.55,5.474,5.474,0,0,1,10.431-16a5.474,5.474,0,0,1,2.223.45,5.59,5.59,0,0,1,1.784,1.229A5.682,5.682,0,0,1,15.623-12.5a5.81,5.81,0,0,1,.428,2.228v4.105Zm-12.646,0h8.431V-10.27a4.411,4.411,0,0,0-.318-1.674,4.337,4.337,0,0,0-.884-1.378,4.122,4.122,0,0,0-1.339-.933,4.112,4.112,0,0,0-1.674-.34,4.112,4.112,0,0,0-1.674.34,4.122,4.122,0,0,0-1.339.933,4.337,4.337,0,0,0-.884,1.378,4.411,4.411,0,0,0-.318,1.674ZM17.456-4.759H3.405V5.076H17.456Z' transform='translate(-2 16)' fill='%23989898'/%3E%3C/svg%3E%0A");
}


.register-modal .modal-body .form .form-control.icon-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.907' height='22.75' viewBox='0 0 19.907 22.75'%3E%3Cpath id='Контур_8792' data-name='Контур 8792' d='M14.478-4.636A9.516,9.516,0,0,1,17.2-3.176,9.648,9.648,0,0,1,19.271-1a9.9,9.9,0,0,1,1.305,2.7,10.239,10.239,0,0,1,.455,3.055H19.61a8.712,8.712,0,0,0-.65-3.383,8.178,8.178,0,0,0-4.5-4.5,8.712,8.712,0,0,0-3.383-.65,8.659,8.659,0,0,0-2.288.3,8.572,8.572,0,0,0-2.05.85A8.332,8.332,0,0,0,3.7.413a8.572,8.572,0,0,0-.85,2.05,8.659,8.659,0,0,0-.3,2.288H1.125A9.967,9.967,0,0,1,2.913-.993,9.762,9.762,0,0,1,4.985-3.148,10.081,10.081,0,0,1,7.7-4.625,6.985,6.985,0,0,1,6.146-5.758,7.059,7.059,0,0,1,4.974-7.241,7.282,7.282,0,0,1,4.23-8.985a7,7,0,0,1-.261-1.905,6.952,6.952,0,0,1,.555-2.772,7.152,7.152,0,0,1,1.522-2.261,7.152,7.152,0,0,1,2.261-1.522A6.952,6.952,0,0,1,11.078-18a6.952,6.952,0,0,1,2.772.555,7.152,7.152,0,0,1,2.261,1.522,7.152,7.152,0,0,1,1.522,2.261,6.952,6.952,0,0,1,.555,2.772,6.939,6.939,0,0,1-.261,1.9,7.2,7.2,0,0,1-.744,1.733,7.355,7.355,0,0,1-1.166,1.483A6.878,6.878,0,0,1,14.478-4.636ZM5.391-10.89a5.476,5.476,0,0,0,.45,2.211A5.8,5.8,0,0,0,7.063-6.875,5.8,5.8,0,0,0,8.868-5.653a5.476,5.476,0,0,0,2.211.45,5.476,5.476,0,0,0,2.211-.45,5.8,5.8,0,0,0,1.805-1.222A5.8,5.8,0,0,0,16.316-8.68a5.476,5.476,0,0,0,.45-2.211,5.476,5.476,0,0,0-.45-2.211,5.8,5.8,0,0,0-1.222-1.805,5.8,5.8,0,0,0-1.805-1.222,5.476,5.476,0,0,0-2.211-.45,5.476,5.476,0,0,0-2.211.45,5.8,5.8,0,0,0-1.805,1.222A5.8,5.8,0,0,0,5.841-13.1,5.476,5.476,0,0,0,5.391-10.89Z' transform='translate(-1.125 18)' fill='%23989898' opacity='0.995'/%3E%3C/svg%3E%0A");
}

.register-modal .modal-body .form .form-control.icon-mobile {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.558' height='21.693' viewBox='0 0 13.558 21.693'%3E%3Cpath id='Контур_8793' data-name='Контур 8793' d='M15.578-18a1.314,1.314,0,0,1,.53.106,1.378,1.378,0,0,1,.429.291,1.378,1.378,0,0,1,.291.429,1.314,1.314,0,0,1,.106.53V2.338a1.314,1.314,0,0,1-.106.53,1.381,1.381,0,0,1-.72.72,1.314,1.314,0,0,1-.53.106H4.731a1.314,1.314,0,0,1-.53-.106,1.381,1.381,0,0,1-.72-.72,1.314,1.314,0,0,1-.106-.53V-16.644a1.314,1.314,0,0,1,.106-.53,1.378,1.378,0,0,1,.291-.429,1.378,1.378,0,0,1,.429-.291A1.314,1.314,0,0,1,4.731-18Zm0,1.356H4.731V2.338H15.578ZM8.8-.374H11.51V.982H8.8Z' transform='translate(-3.375 18)' fill='%23989898'/%3E%3C/svg%3E%0A");
}

/*.register-modal .modal-body .form-check {*/
/*    padding-left: 0;*/
/*}*/

/*.register-modal .modal-body .form-check-input {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    opacity: 0;*/
/*}*/

/*.register-modal .modal-body .form-check-label {*/
/*    padding-left: 25px;*/
/*    position: relative;*/
/*    cursor: pointer;*/

/*    font-weight: normal;*/
/*    font-size: 18px;*/
/*    text-align: left;*/
/*    color: #989898;*/

/*}*/

/*.register-modal .modal-body .form-check-label::before {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    border: 1px solid #989898;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 0;*/
/*    transform: translateY(-50%);*/
/*}*/

/*.register-modal .modal-body .form-check-label::after {*/
/*    content: none;*/
/*    display: block;*/
/*    width: 15px;*/
/*    height: 5px;*/
/*    border-bottom: 1px solid #2B88D8;*/
/*    border-left: 1px solid #2B88D8;*/
/*    transform: rotate(-45deg);*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 3px;*/
/*}*/

/*.register-modal .modal-body .form-check-input:checked + .form-check-label::after {*/
/*    content: '';*/
/*}*/

/*.register-modal .modal-body .form-check-input:checked + .form-check-label::before {*/
/*    border-color: #2B88D8;*/
/*}*/

.register-modal .modal-body .forgot_link {
    text-decoration: none;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #989898;
}

.register-modal .modal-body .btn {
    display: block;
    text-align: center;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: #2B88D8;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #fff;

}

.register-modal .modal-body .btn:hover {
    background: #187fd8;
}

.modal-backdrop.show {
    opacity: 0.83;
}

.main__nav .nav-link {
    border-bottom: 2px solid transparent;
}

.main__nav .nav-item:last-of-type {
    margin-left: auto;
}

.main__nav .nav-item:last-of-type .nav-link svg path {
    fill: #fff !important;
    stroke: none;
}

.range__dropdown {
    min-width: 30rem;
    padding: 10px;
}

.range__dropdown .irs--big .irs-line {
    height: 6px;
    top: 15px;
}

.range__dropdown .irs--big .irs-bar {
    height: 6px;
    background: #2B88D8;
    top: 15px;
    border: transparent;
}

.irs--big.irs-with-grid {
    height: 55px;
}

.range__dropdown .irs--big .irs-handle {
    height: 16px;
    width: 16px;
    top: 28px;
    background: #2B88D8;
    box-shadow: none;
    border-color: #2B88D8;
    top: 10px;
}

.range__dropdown .irs-grid {
    bottom: 10px;
}

.range__dropdown .irs-grid-text {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #23272a;
}

.range__dropdown .irs-grid-pol {
    display: none;
}


.placeModal .nav-link {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 28px 22px 22px 22px;
    background: #38393d;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.placeModal .nav-link.active {
    background: #2b88d8;
}

.placeModal .modal-header .btn-close {
    width: 80px;
    height: 100%;
}

.placeModal .offcanvas-header {
    background: #2b88d8;
    color: white;
}

.cart__item {
    font-size: 13px;
}

.cart__table:hover .cart__delete {
    visibility: visible;
}

.cart__title {
    background: #23272a;
    color: white;
    padding: 1rem;
}

.cart__wrapper {
    flex: 1 0 auto;
    margin-bottom: 1rem;
    overflow-y: auto;
    height: calc(100% - 300px);
}

.cart__time {
    padding: 0.5rem 1rem;
}

.placeModal .offcanvas-body {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.cart__table {
    padding: 0.5rem 1.5rem;
    border-bottom: 1px solid #2b88d8;
    position: relative;
}

.cart__total {
    /* margin-top: auto; */
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.cart__total--promo {
    margin-bottom: 15px;
}

.cart__total--promo .btn-danger {
    background: #d83b20;
}

.cart__total--promo .form-control:focus {
    box-shadow: none;
}

.cart__total--table td:nth-child(2) {
    text-align: right;
}

.cart__total--footer {
    display: flex;
}

.cart__total--footer .btn-danger {
    flex: 1 0 auto;
}

.cart__delete {
    position: absolute;
    bottom: 20px;
    right: 20px;
    visibility: hidden;
    border: 0;
    background: none;
}


.cart_section {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.cart_section__header .nav {
    box-shadow: none;
}

.cart_section__header .nav-link {
    padding: 17px;
    justify-content: center;
    background: #38393d;
    border: none;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_section__header .nav-link:hover {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: #2b88d8;
}

.cart_section__header .nav-link.active {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: #2b88d8;
    color: #fff;
}

.cart_section__body {
    padding: 20px 40px;
}

.ticket {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    margin-bottom: 20px;
}

.ticket__delete {
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #c1c1c1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -10px;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16' %3E%3Cpath id='Контур_8809' data-name='Контур 8809' d='M8-16a7.88,7.88,0,0,1,2.125.285,7.922,7.922,0,0,1,1.91.809,8.105,8.105,0,0,1,1.617,1.254,8.105,8.105,0,0,1,1.254,1.617,7.922,7.922,0,0,1,.809,1.91A7.88,7.88,0,0,1,16-8a7.88,7.88,0,0,1-.285,2.125,7.922,7.922,0,0,1-.809,1.91,8.105,8.105,0,0,1-1.254,1.617,8.106,8.106,0,0,1-1.617,1.254,7.922,7.922,0,0,1-1.91.809A7.88,7.88,0,0,1,8,0,7.88,7.88,0,0,1,5.875-.285a7.922,7.922,0,0,1-1.91-.809A8.105,8.105,0,0,1,2.348-2.348,8.105,8.105,0,0,1,1.094-3.965a7.922,7.922,0,0,1-.809-1.91A7.88,7.88,0,0,1,0-8a7.88,7.88,0,0,1,.285-2.125,7.922,7.922,0,0,1,.809-1.91,8.106,8.106,0,0,1,1.254-1.617,8.105,8.105,0,0,1,1.617-1.254,7.922,7.922,0,0,1,1.91-.809A7.88,7.88,0,0,1,8-16ZM8-1a6.89,6.89,0,0,0,1.863-.25,7,7,0,0,0,1.672-.707,7.032,7.032,0,0,0,1.414-1.094,7.032,7.032,0,0,0,1.094-1.414,7,7,0,0,0,.707-1.672A6.89,6.89,0,0,0,15-8a6.89,6.89,0,0,0-.25-1.863,7,7,0,0,0-.707-1.672,7.032,7.032,0,0,0-1.094-1.414,7.032,7.032,0,0,0-1.414-1.094,7,7,0,0,0-1.672-.707A6.89,6.89,0,0,0,8-15a6.89,6.89,0,0,0-1.863.25,7,7,0,0,0-1.672.707,7.032,7.032,0,0,0-1.414,1.094,7.032,7.032,0,0,0-1.094,1.414A7,7,0,0,0,1.25-9.863,6.89,6.89,0,0,0,1-8a6.89,6.89,0,0,0,.25,1.863,7,7,0,0,0,.707,1.672A7.032,7.032,0,0,0,3.051-3.051,7.032,7.032,0,0,0,4.465-1.957a7,7,0,0,0,1.672.707A6.89,6.89,0,0,0,8-1Zm3.461-9.758L8.711-8l2.75,2.758-.7.7L8-7.289,5.242-4.539l-.7-.7L7.289-8l-2.75-2.758.7-.7L8-8.711l2.758-2.75Z' transform='translate(0 16)' fill='%23fff' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.ticket__delete:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.ticket__name {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
    margin-bottom: 10px;
}

.ticket__type {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #c1c1c1;
    margin-bottom: 10px;
}

.ticket__place {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
    margin-bottom: 38px;
}

.ticket__price {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
    margin-bottom: 10px;
}

.ticket__sector,
.ticket__place-number {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
    margin-bottom: 10px;
}

.ticket__body {
    padding: 20px 21px;
    position: relative;
}

.ticket__body::after {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    background: #2b88d8;
    position: absolute;
    bottom: 0;
    left: 0;
}

.ticket__footer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #2b88d8;
    padding: 5px 20px;
    position: relative;
    border-top: 2px dashed #fff;

    /* overflow: hidden; */
}

.ticket__footer::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: -18px;
    top: 50%;
    background: #fff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.ticket__footer::after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: -18px;
    top: 50%;
    background: #fff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

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

.ticket__date .number {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
}

.ticket__date .month {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

.ticket__date .year {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
    line-height: 1;
    margin-top: 3px;
}

.ticket__time {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 40px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #fff;
}

.cart_total {
    padding: 10px 21px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    margin-top: 50px;
    margin-bottom: 10px;
}

.cart_total__table {
    width: 100%;
    margin-bottom: 24px;
}

.cart_total__table td {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
}

.cart_total__table tr:last-child td {
    border-bottom: 0;
}

.cart_total__table td:first-child {
    text-align: right;
}

.cart_total .btn-promo {
    padding: 13px 3px;
    background: #2b88d8;
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_total .form-control {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_total .form-control:focus {
    box-shadow: none;
}

.cart_total .form-control::placeholder {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #c1c1c1;
}

.cart_total .btn-next {
    background: #d83b19;
    padding: 13px 15px;
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_total .btn-promo:hover {
    background: #2575bb;
}

.cart_total .btn-next:hover {
    background: #c93717;
}

.cart_total .btn-promo:focus,
.cart_total .btn-next:focus {
    box-shadow: none;
}

.ticket_timer__title {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.ticket_timer__title .timer {
    padding-left: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='%D0%9A%D0%BE%D0%BD%D1%82%D1%83%D1%80_8870' data-name='%D0%9A%D0%BE%D0%BD%D1%82%D1%83%D1%80 8870' d='M-8-12v4.289l2.852,2.859-.7.7L-9-7.289V-12Zm7.375.883A8.028,8.028,0,0,1,0-8,8.028,8.028,0,0,1-.625-4.883,7.993,7.993,0,0,1-2.344-2.344,7.993,7.993,0,0,1-4.883-.625,8.028,8.028,0,0,1-8,0a7.852,7.852,0,0,1-2.625-.445,7.956,7.956,0,0,1-2.258-1.219,8.1,8.1,0,0,1-1.742-1.859,7.744,7.744,0,0,1-.637-1.125A7.808,7.808,0,0,1-15.7-5.867l.961-.266a6.827,6.827,0,0,0,.965,2.078A7.1,7.1,0,0,0-12.234-2.43a7,7,0,0,0,1.977,1.055A6.868,6.868,0,0,0-8-1a6.861,6.861,0,0,0,1.855-.25,7,7,0,0,0,1.672-.707,7.053,7.053,0,0,0,1.418-1.1,7.053,7.053,0,0,0,1.1-1.418A7.017,7.017,0,0,0-1.25-6.141,6.848,6.848,0,0,0-1-8a6.861,6.861,0,0,0-.25-1.855,7,7,0,0,0-.707-1.672,7.053,7.053,0,0,0-1.1-1.418,7.053,7.053,0,0,0-1.418-1.1,7,7,0,0,0-1.672-.707A6.861,6.861,0,0,0-8-15a6.832,6.832,0,0,0-1.969.285,7.087,7.087,0,0,0-1.777.809,7.063,7.063,0,0,0-1.484,1.262A6.866,6.866,0,0,0-14.32-11H-12v1h-4v-4h1v2.141q.133-.25.289-.488t.328-.465A8,8,0,0,1-12.664-14.5a8.106,8.106,0,0,1,2.211-1.117A7.9,7.9,0,0,1-8-16a8.028,8.028,0,0,1,3.117.625,7.993,7.993,0,0,1,2.539,1.719A7.993,7.993,0,0,1-.625-11.117Z' transform='translate(16 16)' fill='%23707070'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0;
}

.button__cart-clear {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #23272a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16'%3E%3Cpath id='%D0%9A%D0%BE%D0%BD%D1%82%D1%83%D1%80_8869' data-name='%D0%9A%D0%BE%D0%BD%D1%82%D1%83%D1%80 8869' d='M-2-13H-3V-1.5a1.472,1.472,0,0,1-.117.586,1.5,1.5,0,0,1-.32.477,1.5,1.5,0,0,1-.477.32A1.472,1.472,0,0,1-4.5,0h-8a1.472,1.472,0,0,1-.586-.117,1.5,1.5,0,0,1-.477-.32,1.5,1.5,0,0,1-.32-.477A1.472,1.472,0,0,1-14-1.5V-13h-1v-1h4v-1a.969.969,0,0,1,.078-.391,1.016,1.016,0,0,1,.215-.316,1.016,1.016,0,0,1,.316-.215A.969.969,0,0,1-10-16h3a.969.969,0,0,1,.391.078,1.016,1.016,0,0,1,.316.215,1.016,1.016,0,0,1,.215.316A.969.969,0,0,1-6-15v1h4Zm-8-1h3v-1h-3Zm6,1h-9V-1.5a.481.481,0,0,0,.148.352A.481.481,0,0,0-12.5-1h8a.481.481,0,0,0,.352-.148A.481.481,0,0,0-4-1.5ZM-10-3h-1v-8h1Zm2,0H-9v-8h1Zm2,0H-7v-8h1Z' transform='translate(15 16)' fill='%23707070'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 25px;
    border: 0;

    margin-bottom: 10px;
}

.button__cart-clear:focus {
    box-shadow: none;
    border: none;
}

.ticket_timer__way {
    height: 4px;
    width: 100%;
    position: relative;
}

.ticket_timer__slider {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
}

.ticket_timer__slider svg {
    position: absolute;
    top: 0;
}

.delivery__card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 40px 20px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    flex-direction: column;
    height: 100%;
}

.delivery__card .title {
    text-align: center;
    margin-bottom: 18px;
    font-family: "Roboto";
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #23272a;
}

.delivery__card .icon {
    height: 100px;
}

.delivery__btn {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #fff;
    padding: 12px 60px;
    background-color: #2b88d8;
    border-radius: 0;
    margin-top: auto;
}

.delivery__input {
    height: 50px;
    border-radius: 0;
    border: 1px solid #2b88d8;
}

.delivery__input:focus {
    box-shadow: none;
}

.delivery__input::placeholder {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #989898;
}

.cart_section__content .form-check {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #23272a;
}

.lang-flag {
    background-size: cover !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
}

.karaoke {
}

.karaoke__filter .filter__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 48px;
    text-align: left;
    color: #036f96;
    margin-top: 40px;
}

.karaoke__filter {
    margin-bottom: 40px;
}

.karaoke__filter .letter {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
}

.karaoke__filter .letter + .letter {
    border-top: 1px solid #036f96;
}

.karaoke__filter .letter__btn {
    width: 44px;
    height: 44px;
    text-decoration: none;
    padding: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.01em;
    line-height: 22px;
    text-align: center;
    color: #3c3c3c;
    border: 1px solid transparent;
    transition: all 0.3s linear;
}

.karaoke__filter .letter__btn:hover {
    border: 1px solid #036f96;
}

.karaoke__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 36px;
    text-align: left;
    color: #036f96;
    margin-bottom: 28px;
}

.video-js {
    width: 100%;
}

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.karaoke__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.karaoke__actions .actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.karaoke__actions .views {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #212121;
}

.karaoke__actions .actions__btn {
    margin-right: 30px;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.01em;
    text-align: left;
    color: #212121;
}

.karaoke__actions .actions__btn .icon .path {
    fill: #ddd;
    stroke: #0d6f96;
}

.karaoke__actions .actions__btn.active path {
    fill: #0d6f96;
}

.karaoke__actions .actions__btn:hover path {
    fill: #0d6f96;
}

.karaoke__actions .actions__btn:last-child {
    margin-right: 0;
}

.karaoke__actions .actions__btn .icon {
    margin-right: 10px;
}

.karaoke__comment {
    margin-bottom: 80px;
}

.karaoke__comment .commnent__count {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #212121;
    margin-bottom: 20px;
}

.karaoke__comment .commnet_area {
    display: flex;
}

.commnet_area .rating {
    transform: scaleX(-1);
}

.commnet_area .rating span {
    display: inline-block;
    cursor: pointer;
    padding: 2px 3px;
    margin-left: -4px;


}

.commnet_area .rating span.active path {
    fill: #0d6f96;
}

.commnet_area .rating span:hover path, .commnet_area .rating span:hover ~ span path {
    fill: #0d6f96;
}
.commnet_area .rating span.unhoverable{
    pointer-events: none;
}
.commnet_area .rating span.unhoverable:hover path, .commnet_area .rating span.unhoverable:hover ~ span path {
    cursor: default;

}
.karaoke__comment .commnet_area .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}

.karaoke__comment .commnet_area .form {
    width: 100%;
}

.karaoke__comment .commnet_area .textarea {
    width: 100%;
    padding: 10px;
    height: 50px;
    border: none;
    border-bottom: 1px solid #0d6f96;
    resize: vertical;
}

.karaoke__comment .form__bottom {
    display: flex;
    align-items: center;
}

.karaoke__comment .form__bottom .actions {
    margin-left: auto;
}

.karaoke__comment .form__bottom .actions .btn {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #212121;
    padding: 17px 20px;
}

.karaoke__comment .form__bottom .actions .btn-light {
    background-color: #f4f7fc !important;
}

.karaoke__comment .form__bottom .actions .btn-light:hover {
    background-color: rgb(231, 234, 238) !important;
}



.karaoke_area .rating {
    transform: scaleX(-1);
}

.karaoke_area .rating span {
    display: inline-block;
    cursor: pointer;
    padding: 2px 3px;
    margin-left: -4px;


}

.karaoke_area .rating span.active path {
    fill: #0d6f96;
}

.karaoke_area .rating span:hover path, .karaoke_area .rating span:hover ~ span path {
    fill: #0d6f96;
}


.tracks {
    padding: 80px 0 160px 0;
    background-color: #f4f7fc;
}

.tracks__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 32px;
    text-align: center;
    color: #036f96;
    margin-bottom: 30px;
}

.track__item {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 10px;
}

.track__item .avatar {
    margin-right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.track__item .label {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    color: #23272a;
    text-transform: uppercase;
}

.track__item .label .singer {
    color: #0d6f96;
}

.track__item .actions {
    margin-left: auto;
    flex: 1 0 auto;
    text-align: right;
}

.track__item .actions .btn svg {
    transition: all 0.3s linear;
}

.track__item .actions .btn:hover svg {
    transform: scale(1.1);
}

.checkbox__el {
    display: inline-flex;
    width: 45px;
    height: 18px;
    background-color: rgb(13, 111, 150);
    border-radius: 25rem;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

.checkbox__el span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 18px;
    font-size: 16px;
    line-height: 1;
}

.checkbox__el.active::before {
    transform: translateX(25px);
}

.checkbox__el::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 1px;
    transition: all 0.15s linear;
}

.checkbox__button {
    width: 6em !important;
}

.search_dropdown {

}
.search_dropdown .dropdown-menu {
    min-width: 20rem;
    padding: 0;
}
.search_dropdown .dropdown-menu .form-control{
    border: none;
    height: 60px;
}
.search_dropdown .dropdown-menu .form-control:focus {
    box-shadow: none;
}


.payment_type {
    list-style: none;
    padding: 16px;
    margin: 0;
}
.payment_type__link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 20px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    min-height: 90px;
    text-decoration: none;
    color: #23272a;
    border: none;
    width: 100%;
}
.payment_type__link:hover,
.payment_type__link.active {
    color: #23272a;
    background-color: rgba(13, 111, 150, 0.1);
}

.payment_type__icon {
    flex: 0 0 76px;
    text-align: center;
}

.payment_type__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 10px;
}
.payment_type__title {
    font-size: 18px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;
}
.payment_type__subtitle {
    font-size: 14px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
}

.payment_btn--cancel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Сгруппировать_10953' data-name='Сгруппировать 10953' transform='translate(-284 -1278)'%3E%3Ccircle id='Эллипс_3075' data-name='Эллипс 3075' cx='10' cy='10' r='10' transform='translate(284 1278)' fill='%23c1c1c1'/%3E%3Cpath id='Контур_15667' data-name='Контур 15667' d='M8-16a7.88,7.88,0,0,1,2.125.285,7.922,7.922,0,0,1,1.91.809,8.105,8.105,0,0,1,1.617,1.254,8.105,8.105,0,0,1,1.254,1.617,7.922,7.922,0,0,1,.809,1.91A7.88,7.88,0,0,1,16-8a7.88,7.88,0,0,1-.285,2.125,7.922,7.922,0,0,1-.809,1.91,8.105,8.105,0,0,1-1.254,1.617,8.106,8.106,0,0,1-1.617,1.254,7.922,7.922,0,0,1-1.91.809A7.88,7.88,0,0,1,8,0,7.88,7.88,0,0,1,5.875-.285a7.922,7.922,0,0,1-1.91-.809A8.105,8.105,0,0,1,2.348-2.348,8.105,8.105,0,0,1,1.094-3.965a7.922,7.922,0,0,1-.809-1.91A7.88,7.88,0,0,1,0-8a7.88,7.88,0,0,1,.285-2.125,7.922,7.922,0,0,1,.809-1.91,8.106,8.106,0,0,1,1.254-1.617,8.105,8.105,0,0,1,1.617-1.254,7.922,7.922,0,0,1,1.91-.809A7.88,7.88,0,0,1,8-16ZM8-1a6.89,6.89,0,0,0,1.863-.25,7,7,0,0,0,1.672-.707,7.032,7.032,0,0,0,1.414-1.094,7.032,7.032,0,0,0,1.094-1.414,7,7,0,0,0,.707-1.672A6.89,6.89,0,0,0,15-8a6.89,6.89,0,0,0-.25-1.863,7,7,0,0,0-.707-1.672,7.032,7.032,0,0,0-1.094-1.414,7.032,7.032,0,0,0-1.414-1.094,7,7,0,0,0-1.672-.707A6.89,6.89,0,0,0,8-15a6.89,6.89,0,0,0-1.863.25,7,7,0,0,0-1.672.707,7.032,7.032,0,0,0-1.414,1.094,7.032,7.032,0,0,0-1.094,1.414A7,7,0,0,0,1.25-9.863,6.89,6.89,0,0,0,1-8a6.89,6.89,0,0,0,.25,1.863,7,7,0,0,0,.707,1.672A7.032,7.032,0,0,0,3.051-3.051,7.032,7.032,0,0,0,4.465-1.957a7,7,0,0,0,1.672.707A6.89,6.89,0,0,0,8-1Zm3.461-9.758L8.711-8l2.75,2.758-.7.7L8-7.289,5.242-4.539l-.7-.7L7.289-8l-2.75-2.758.7-.7L8-8.711l2.758-2.75Z' transform='translate(286 1296)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 40px;
}
.payment_btn {
    padding: 13px 50px;
}
.payment_btn--cancel:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.payment_btn--finish {
    background-color: #2b88d8;
    color: white;
    font-size: 18px;
    line-height: 22px;
}
.payment_btn--finish:hover {
    color: white;
    background-color: rgba(13, 111, 150, .85);
}



.profile .card .btn__download {
    padding: 5px 10px;
    font-size: 14px;
    text-transform: none;
}