html {
scroll-behavior: smooth;
}
@charset "UTF-8";
/*шрифт Micra*/
@font-face {
font-family: "Micra";
src: url("../fonts/Micra/micra.ttf");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "Micra";
src: url("../fonts/Micra/micra-bold.ttf");
font-style: normal;
font-weight: bold;
font-display: swap;
}
/*шрифт Inter*/
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-Thin.otf");
font-style: normal;
font-weight: 100;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-ThinItalic.otf");
font-style: italic;
font-weight: 100;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-ExtraLight.otf");
font-style: normal;
font-weight: 200;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-ExtraLightItalic.otf");
font-style: italic;
font-weight: 200;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-Light.otf");
font-style: normal;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-LightItalic.otf");
font-style: italic;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-Regular.otf");
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-Italic.otf");
font-style: italic;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-Medium.otf");
font-style: normal;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-MediumItalic.otf");
font-style: italic;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-SemiBold.otf");
font-style: normal;
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-SemiBoldItalic.otf");
font-style: italic;
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-Bold.otf");
font-style: normal;
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-BoldItalic.otf");
font-style: italic;
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-ExtraBold.otf");
font-style: normal;
font-weight: 800;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-ExtraBoldItalic.otf");
font-style: italic;
font-weight: 800;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-Black.otf");
font-style: normal;
font-weight: 900;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-BlackItalic.otf");
font-style: italic;
font-weight: 900;
font-display: swap;
}
body {
margin: 0;
font-family: "Micra", arial;
letter-spacing: normal;
font-style: normal;
color: #000000;
background: #F2F6F8;
}

h2 {
color: #000000;
}

h3 {
-webkit-margin-before: 0em;
margin-block-start: 0em;
-webkit-margin-after: 0em;
margin-block-end: 0em;
}

ul {
-webkit-margin-before: 0em;
margin-block-start: 0em;
-webkit-margin-after: 0em;
margin-block-end: 0em;
-webkit-margin-start: 0px;
margin-inline-start: 0px;
-webkit-margin-end: 0px;
margin-inline-end: 0px;
-webkit-padding-start: 0px;
padding-inline-start: 0px;
list-style-type: none;
}

p {
-webkit-margin-before: 0em;
margin-block-start: 0em;
-webkit-margin-after: 0em;
margin-block-end: 0em;
-webkit-margin-start: 0px;
margin-inline-start: 0px;
-webkit-margin-end: 0px;
margin-inline-end: 0px;
}


ul.step_list {
position: absolute;
left: 0;
top: 10px;
width: 47px;
text-align: center;
}

ul.step_list li.step_icon{
margin-bottom: 5px;
}

ul.step_list li.step_icon img{
width: 30px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.3;
}



ul.step_list li.step_icon.active img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}

ul.step_list li.step_icon img:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}

.sr-only {
position: absolute;
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
white-space: nowrap;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
}

/*Хэдер*/
.head {
width: 100%;
height: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*background: #1D1D1D;*/
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: absolute;
top: 0px;
left: 0px;
}

.head__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
justify-content: space-between;
}

.header__logo {
display: flex;
justify-content: center;
width: 260px;
position: relative;
z-index: 2;
transition:0.3s;
}

.header__logo:hover {
transform: scale(0.9);
}

.header__logo-link {
width: 100%;
height: 80px;
}

.header__logo-img {
width: 100%;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
}
.header__logo-img path {
transition: all .3s;
}
.header__logo-img:hover path {
fill: #fff;
}

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

.head__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 70px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.head__menu-item {
margin-right: 50px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.head__menu-link {
color: #ffffff;
font-size: 16px;
position: relative;
transition: all .3s;
cursor: pointer;
text-decoration: none;
}
.head__menu-link:hover {
color: #7df11c;
}
.head__menu-link::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 0;
height: 1px;
color: inherit;
background-color: currentColor;
transition: width .3s;
}
.head__menu-link:hover::after {
width: 100%;
}
.head__menu-link:active {
opacity: .5;
}

.head__tel {
font-weight: 700;
font-size: 16px;
background: -webkit-gradient(linear, left top, right top, from(#7df11c), to(#FFE600));
background: -o-linear-gradient(left, #7df11c 0%, #FFE600 100%);
background: linear-gradient(90deg, #7df11c 0%, #FFE600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-right: 100px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
display: inline-block;
}

.head__tel:hover {
color: #7df11c;
}
.head__tel::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 0;
height: 1px;
color: inherit;
background: -webkit-gradient(linear, left top, right top, from(#7df11c), to(#FFE600));
background: -o-linear-gradient(left, #7df11c 0%, #FFE600 100%);
background: linear-gradient(90deg, #7df11c 0%, #FFE600 100%);
transition: width .3s;
}
.head__tel:hover::after {
width: 100%;
}
.head__tel:active {
opacity: .5;
}
.header__social {
display: flex;
-moz-column-gap: 10px;
column-gap: 10px;
}

.header__social-item,
.header__social-link {
height: 25px;
}
.header__social-img circle,
.header__social-img path {
transition: fill .2s;
}
.header__social-img:hover circle {
fill: #7df11c;
}

.header__social-img:hover path {
fill: #000;
}
.header__social-img:active {
opacity: .5;
}


/*Бургер*/
.head__burger {
display: none;
cursor: pointer;
border: 0px;
background: transparent;
position: absolute;
right: 0;
top: 10px;
z-index: 3;
}

.bar1, .bar2, .bar3 {
display: block;
width: 24px;
height: 4px;
border-radius: 2px;
background-color: #ffffff;
margin: 4px 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.bar2 {
width: 12px;
}

.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-5px, 5px);
-ms-transform: rotate(-45deg) translate(-5px, 5px);
transform: rotate(-45deg) translate(-5px, 5px);
top: 0px;
position: absolute;
}

.change .bar2 {
opacity: 0;
}

.change .bar3 {
-webkit-transform: rotate(45deg) translate(-6px, -6px);
-ms-transform: rotate(45deg) translate(-6px, -6px);
transform: rotate(45deg) translate(-6px, -6px);
margin-top: 8px;
}

.head__adaptive-menu {
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
background: #000000;
padding: 20px 20px 20px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: absolute;
left: 0px;
top: -999px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.head__adaptive-menu.open {
top: 0px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.adaptive-menu__logo {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 0;
    max-width: 100px;
    max-height: 50px;
}

.adaptive-menu__list {
margin-bottom: 20px;
width: 100%;
text-align: center;
}

.header__social {
width: fit-content!important;
left: 50% !important;
transform: translateX(-50%) !important;
}
.head-feedback__phone {
display: block;
margin: 0 auto 10px auto;
}
.adaptive-menu__item {
margin-bottom: 10px;
}

.adaptive-menu__item a {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
text-decoration: none;
color: #ffffff;
}

.head-feedback__phone {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #7df11c;
text-decoration: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 15px;
}

.head-feedback__phone:hover {
color: #ffffff;
text-decoration: underline;
}

.head__adaptive-menu .header__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
right: auto;
left: 0;
}

/*Конец бургера*/
/*Тело сайта*/
main {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.banner {
width: 100%;
background: url(../img/fon.png);
background-size: cover;
display: -webkit-box;
background-position: center;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
flex-direction: column;
}

.left-px{
margin-left: 20px;
}

.banner__animation-text {
font-size: 450px;
letter-spacing: 7px;
margin-right: 40px;
line-height: 450px;
font-weight: 900;
text-align: center;
background: url(/img/1.jpg);
color: #000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: 22s linear infinite animateText;
animation: 100s linear infinite animateText;
font-family: 'Inter';
}

@keyframes animateText {
0% {
background-position: 0 0;
}
25% {
background-position: 50% 25%;
}
50% {
background-position: 100% 50%;
}
75% {
background-position: 50% 25%;
}
100% {
background-position: 0 0;
}
}

.h1--title {
text-align: center;
width: 100%!important;
max-width: 100%!important;
}

.h1--title.main_h1{
position: absolute;
width: 100%;
margin: 0px;
bottom: 40px;
left: 0px;
}

.banner__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px 0px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}


.big_top {
font-size: 105px;
font-family: 'Micra';
color: #1d1d1d;
font-weight: 600;
border-radius: 20px;
font-weight: 700;
background: -webkit-gradient(linear, left top, right top, from(#7df11c), to(#FFE600));
background: -o-linear-gradient(left, #7df11c 0%, #FFE600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
-o-transition: all 0.3s;
}

.banner__text.vertical {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
letter-spacing: 1px;
font-size: 70px !important;
}

.banner__img {
width: auto;
height: auto;
margin-right: 70px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.banner__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* -webkit-box-orient: vertical; */
/* -webkit-box-direction: normal; */
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
/* justify-content: flex-start; */
/* -webkit-box-align: start; */
-ms-flex-align: start;
/* align-items: flex-start; */
/* font-size: 56px; */
/* line-height: 133%; */
/* margin-bottom: 30px; */
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
/* text-align: center; */
width: 100%;
height: auto;
text-align: center;
}

.banner__text.horizontal {
width: 100%;
/* max-width: 524px; */
font-size: 51px;
line-height: 130%;
/*margin-bottom: 30px;*/
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
/* text-align: center; */
}

.banner__text.inert {
font-size: 21.7px !important;
line-height: 43px;
text-align: center;
}

.banner__text.horizontal span {
font-size: 37px;
}

.banner__text.horizontal span.sp3 {
font-size: 54px;
color: #7df11c;
line-height: 55px;
}


.banner__text {
font-size: 44px !important;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.banner__button {
display: inline-block;
padding: 20px 30px;
width: 300px;
border-radius: 10rem;
color: #101010;
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
transition: 1s;
position: relative;
z-index: 1;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
cursor: pointer;
margin: 40px 0px 0px 1px;
right: 0px;
left: 155px;
border:3px solid #fff0;
}

.banner__button:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
transform: translate3d(0,-7px,0) scale(1.08);
filter: blur(15px);
height: 115%;
opacity: 1;
transition: 1s;
border-radius: inherit;
}

.banner__button:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
transition: 0.3s;
}

.banner__button:hover {
color: #000!important;
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
border:3px solid #fff;
transform: scale(1.1);
}

.banner__button:hover:before {
background: linear-gradient(0deg,#fbea2e 0,#7df11c 0px);
transition: 0.3s;
transform: translate3d(0,-7px,0) scale(0.8);
}

/*Звезды*/
.stars {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #ffffff;
}

.stars__body {
width: 100%;
max-width: 1650px;
padding: 50px 0px 70px 0px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.stars__filter {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 40px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.stars__filter-name {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #111111;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.stars__filter-list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.stars__filter-item {
padding: 10px 20px;
font-size: 16px;
line-height: 160%;
text-align: center;
text-transform: uppercase;
color: #999999;
border: 1px solid #999999;
border-radius: 60px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.stars__filter-item:hover {
background: #7df11c;
color: #000000;
border: 1px solid #000000;
}

.stars__filter-item.current {
background: #7df11c;
color: #ffffff;
border: 1px solid #7df11c;
}

.stars__filter-name {
margin-bottom: 20px;
}

.stars__filter-row {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.stars__search {
width: 370px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.stars__search-form {
width: 100%;
position: relative;
}

.stars__search-form input {
width: 100%;
height: 40px;
background: #F5F5F5;
border-radius: 45px;
padding-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: 0px;
outline: none;
}

.stars__filter.alphabet {
width: calc(100% - 400px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.stars__alphabet {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.stars__alphabet-item {
width: 35px;
height: 35px;
border: 1px solid #999999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
font-size: 14px;
text-transform: uppercase;
color: #999999;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.stars__alphabet-item:hover, .stars__alphabet-item.simbol_active {
border: 1px solid #7df11c;
background: #7df11c;
color: #ffffff;
}

.stars__block {
width: 100%;
height: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.stars__list {
width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
-ms-grid-rows: (1fr)[2];
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
position: relative;
left: 0;
top: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-bottom:20px;
}

.stars__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
cursor: pointer;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}

.stars__list-img {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.stars__name {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
color: #111111;
}
.star-button {
display: inline-block;
padding: .75rem 1.25rem;
border-radius: 10rem;
color: #101010;
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
transition: 1s;
position: relative;
z-index: 1;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
cursor: pointer;
border: 0px;
position: absolute;
left: 50%;
transform: translateX(-50%);
left: 50%;

bottom: -160px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.stars__list-item:hover .star-button {
bottom: 50px;
}
.star-button:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
transform: translate3d(0,-7px,0) scale(1.08);
filter: blur(15px);
height: 115%;
opacity: 1;
transition: 1s;
border-radius: inherit;
}

.star-button:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
transition: 1s;
}

.star-button:hover {
color: #000!important;
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
}

.star-button:hover:before {
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
transition: 1s;
}



.download-more {
display: inline-block;
padding: .75rem 1.25rem;
border-radius: 10rem;
color: #101010;
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
transition: 1s;
position: relative;
z-index: 1;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
cursor: pointer;
border: 0px;
margin-bottom: 30px;
}

.download-more:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
transform: translate3d(0,-7px,0) scale(1.08);
filter: blur(15px);
height: 115%;
opacity: 1;
transition: 1s;
border-radius: inherit;
}
.download-more:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
transition: 1s;
}
.download-more:hover {
color: #000!important;
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
}

.download-more:hover:before {
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
transition: 1s;
}

.stars__pagination a {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #999999;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin: 0px 5px;
text-decoration: none;
}

.stars__pagination a.active {
color: #000000;
}

#pagination li{
display: inline-block;
width: auto;
list-style-type: none;
margin: 0px 5px;
font-family: "Inter";
cursor: pointer;
transition:0.3s;
width: 10px;
text-align: center;
}
#pagination li.active{
font-weight: 600;
font-size: 20px;
text-decoration: underline;
}
#pagination li:hover{
font-weight: 600;
font-size: 20px;
text-decoration: underline;
}
/*Дополните свой праздник*/
.addition {
width: 100%;
background: #1D1D1D;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
background: 410px 60px / 63.4% no-repeat url("../img/pages/main/construction.png"), center / cover no-repeat url(../img/pages/main/bg.jpg);
/*background-size: 100% auto;*/
/*background-position: center center;*/
}

.addition__body {
width: 100%;
max-width: 1650px;
padding: 50px 0px 200px 0px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.addition__title {
width: 100%;
max-width: 550px;
font-weight: 700;
font-size: 40px;
line-height: 130%;
text-transform: uppercase;
color: #FFF72E;
margin-bottom: 70px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.addition__title span {
color: #ffffff;
}

.addition__list {
margin-bottom: 50px;
}

.addition__item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 260px;
height: 50px;
background: #424242;
border: 1px solid #424242;
border-radius: 60px;
font-family: "Inter";
font-weight: 700;
font-size: 18px;
line-height: 150%;
color: #999999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
padding-left: 15px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
z-index: 15;
}

.addition__item.active {
background: #000000;
border: 1px solid #FFF72E;
color: #ffffff;
}

.addition__item::before {
content: '';
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
margin-right: 20px;
background: #999999 url(../img/blocks/plus.png) center center;
background-size: 25px;
}

.addition__item.active::before {
    background: #FFF72E url(../img/blocks/minus.png) center center;
    background-size: 25px;
}

.addition__btn {
display: inline-block;
width: 260px;
padding: .75rem 1.25rem;
border-radius: 10rem;
color: #101010;
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
transition: 1s;
position: relative;
z-index: 1;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
cursor: pointer;
}

.addition__btn:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
transform: translate3d(0,-7px,0) scale(1.08);
filter: blur(15px);
height: 115%;
opacity: 1;
transition: 1s;
border-radius: inherit;
}

.addition__btn:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
transition: 1s;
}

.addition__btn:hover {
color: #000!important;
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
}

.addition__btn:before {
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
transition: 1s;
}

.addition__img {
position: absolute;
}

.tooltip {
    opacity: .1!important;
    transition: .3s!important;
    filter: grayscale(100%) !important;
}

.tooltip.active {
    opacity: 1!important;
    filter: grayscale(0%) !important;
}

.addition__img img {
/*pointer-events: none;*/
opacity: 0.1;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: relative;
z-index: 1;
}

.addition__img.visible img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
pointer-events: auto;
}

.addition__img .tooltip {
display: block;
position: absolute;
z-index: 5;
cursor: pointer;
}

.tooltip-block {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
color: red;
z-index: 16;
width: 215px;
height: 45px;
background: #FFFFFF;
border-radius: 5px;
font-family: "Inter";
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: #111111;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.addition__img .tooltip:hover + .tooltip-block {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.tooltip-block:hover {
transform: scale(1);
}

.addition__img.screen {
top: 186px;
right: 400px;
/*z-index: 0;*/
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.addition__img.screen img:nth-child(1) {
    width: 100%;
}

.addition__img.screen .tooltip {
left: 60px;
top: 65px;
}

.addition__img.screen .tooltip-block {
top: 115px;
left: -15px;
}

.addition__img.dj {
top: 426px;
left: 494px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.addition__img.dj .tooltip {
left: 114px;
bottom: 89px;
}
.addition__img.karaoke img {
    animation: none;
}
.addition__img.karaoke.visible img:nth-child(1) {
    animation: imgRotate 2s infinite linear;
}

.addition__img.light.visible .lightBlink {
    animation: lightBlink 1.5s infinite linear;
}

.lightBlink {
    animation: none;
}

body {
    overflow-x: hidden;
}

.addition__img.dj.visible img:nth-child(1) {
    animation: djScale 2.5s infinite linear;
}

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

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes  imgRotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes lightBlink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.addition__img.dj .tooltip-block {
bottom: 45px;
left: 0px;
}

.addition__img.artist {
top: 300px;
left: calc(50% - 100px);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.addition__img.artist img {
opacity: 1;
pointer-events: auto;
}

.addition__img.artist .tooltip {
left: 60px;
bottom: calc(50% - 44px);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

.addition__img.artist .tooltip-block {
bottom: calc(50% - 90px);
left: 0px;
}

.tooltip-block-star .choice__artist-name {
    color: black; !important
}

.tooltip-block-star .stars__list-item {
    padding: 25px 15px 0px 15px;
}

.tooltip-block-star h3 {
    margin: auto;
}

.tooltip-block-star {
    width: 200px;
    height: 270px;
}

.addition__img.sound {
    bottom: 208px;
    left: 327px;
}

.addition__img.sound img:nth-child(1) {
    width: 98%;
}

.addition__img.sound .tooltip {
    top: 87px;
    right: 0;
}

.addition__img.sound .tooltip-block {
top: 45px;
right: calc(12% - 105px);
}

.addition__img.light {
top: 0;
left: calc(50% - 256px);
}

.addition__img.light svg {
    position: absolute;
    top: 141px;
    z-index: 1;
    left: -303px;
    transform: scale(.975);
    opacity: .2;
    transition: .3s;
}

.addition__img.light.visible svg {
    opacity: 1;
}

.addition__img.light .tooltip {
    left: -178px;
    bottom: -295px;
}

.addition__img.light .tooltip-block {
    left: -178px;
    bottom: -236px;
}

.addition__img.scene .tooltip {
    top: 221px;
    left: -112px;
}

.addition__img.scene .tooltip-block {
    left: -70px;
    top: 217px;
}

.addition__img.scene .tooltip-block {

}

.addition__img.karaoke {
right: -60px;
top: 0;
}

.addition__img.scene {
    right: 321px;
    bottom: 19px;
z-index: 0;
}

.addition__img.scene img:nth-child(1) {
    width: 114%;
}

.addition__img.karaoke .tooltip {
    left: 41%;
    top: 220px;
}

.addition__img.karaoke .tooltip-block {
left: 30%;
top: 105px;
}

@media (max-width:1200px) {
.addition__img.scene img:nth-child(1) {
width: 900px;
}


}

@media (max-width:991px) {
.addition__img.scene img:nth-child(1) {
width: 100%;
}
}

@media (max-width:767px) {
.addition__img.scene {
bottom: 180px;
}
}



/*локации в Ульяновске*/
.location {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #FFFFFF;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
    padding: 0;
}

.location__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

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

.location__title {
font-weight: 700;
font-size: 40px;
line-height: 35px;
text-transform: uppercase;
color: #111111;
width: 100%;
max-width: 400px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
    margin-right: 25px;
}

.location__title span {
color: #7df11c;
}

.location__btn {
display: inline-block;
padding: .75rem 1.25rem;
border-radius: 10rem;
color: #101010;
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
transition: 1s;
position: relative;
z-index: 1;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
cursor: pointer;
border: 0px;
}

.location__btn:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
transform: translate3d(0,-7px,0) scale(1.08);
filter: blur(15px);
height: 115%;
opacity: 1;
transition: 1s;
border-radius: inherit;
}

.location__btn:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
transition: 1s;
}

.location__btn:hover {
color: #000!important;
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
}

.location__btn:hover:before {
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
transition: 1s;
}

.location__btn {
display: inline-block;
padding: .75rem 1.25rem;
border-radius: 10rem;
color: #101010;
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
transition: 1s;
position: relative;
z-index: 1;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
cursor: pointer;
    margin: auto;
}

.banner__button:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
transform: translate3d(0,-7px,0) scale(1.08);
filter: blur(15px);
height: 115%;
opacity: 1;
transition: 1s;
border-radius: inherit;
}

.banner__button:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
transition: 1s;
}

.banner__button:hover {
color: #000!important;
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
}

.banner__button:hover:before {
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
transition: 1s;
}

.location__list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
    margin-bottom: 30px;
}

.location__item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
position: relative;
cursor: pointer;
margin-bottom: 0px;
}

.location__item::before {
content: "";
display: block;
width: 96%;
height: 1px;
background-color: #999999;
position: absolute;
top: 0px;
left: 2%;
z-index: 2;
}

.location__item::after {
content: "";
display: block;
width: 96%;
height: 1px;
background-color: #999999;
position: absolute;
bottom: 0px;
left: 2%;
}

.location__item:hover::before,
.location__item:hover::after {
opacity: 0;
}

.location__item:hover .location__border {
opacity: 0;
}

.location__item:nth-child(n+5)::before {
background-color: transparent;
}

.location__image {
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.location__item-info {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: absolute;
left: 0;
top: 0;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0.8;
}

.location__item:hover .location__item-info {
opacity: 0;
}

.location__item:hover .location__image {
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
position: relative;
z-index: 2;
}

.location__icon {
margin-bottom: 20px;
}

.location__item-text {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #111111;
}

.location__border {
width: 1px;
height: 96%;
background-color: #999999;
display: block;
position: absolute;
right: 0px;
top: 2%;
}

/*Работаем по всей России*/
.all-russia {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 100px;
background-color: #FFFFFF;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
}

.all-russia__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.all-russia__row {
position: relative;
z-index: 2;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#contacts {
position: absolute;
left: 0;
top: 0;
}
.all-russia__title {
font-weight: 700;
font-size: 40px;
line-height: 130%;
text-transform: uppercase;
color: #111111;
width: 100%;
max-width: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.all-russia__title span {
color: #7df11c;
}
.all-russia__btn,
.all-russia__btn2 {
display: inline-block;
padding: .75rem 1.25rem;
border-radius: 10rem;
color: #101010;
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
transition: 1s;
position: relative;
z-index: 1;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
cursor: pointer;
border: 0px;
}

.all-russia__btn:before,
.all-russia__btn2:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
transform: translate3d(0,-7px,0) scale(1.08);
filter: blur(15px);
height: 115%;
opacity: 1;
transition: 1s;
border-radius: inherit;
}

.all-russia__btn:after,
.all-russia__btn2:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
transition: 1s;
}

.all-russia__btn:hover,
.all-russia__btn2:hover {
color: #000!important;
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
}

.all-russia__btn:hover:before,
.all-russia__btn2:hover:before {
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
transition: 1s;
}

.all-russia__btn2 {
display: none;
}
.contacts__list {
margin-top: 50px;
margin-bottom: 30px;
display: flex;
}
.contacts__item {
position: relative;
padding-left: 10px;
padding-bottom: 10px;
margin-right: 15px;
border-left: 1px solid #484848;
}
.contacts__field {
font-family: "Inter";
display: block;
font-weight: 500;
}
.contacts__link {
font-family: "Inter";
margin-top: 5px;
font-weight: 500;
color: #111111;
position: relative;
transition: all .3s;
text-decoration: none;
    font-size: 26px;
}
.contacts__link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
color: inherit;
background-color: currentColor;
transition: width .3s;
}
.contacts__link:hover {
color: #7df11c;
}
.contacts__link:hover::after {
width: 100%;
}
.contacts__link:active {
opacity: .5;
}

.contacts__map-text {
font-family: "Inter";
max-width: 435px;
font-weight: 500;
}

.main_block{
z-index: 9;
position: relative;
}

.all-russia__map {
position: relative;
width: 100%;
margin-top: -350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;

}

.wid-50{
width: auto;
position: relative;
z-index: 1;
}

.contacts__list.mapss {
display: inline-block;
/*opacity: 0.3;*/
transition:0.3s;
margin: 30px 0px;
position: relative;
}
.contacts__list.mapss:hover {
display: inline-block;
opacity: 1;
cursor: pointer;
}
.all-russia__map svg {
width: 80%;
cursor: pointer;
position: relative;

z-index: 2;
}

.all-russia__map svg path,
.all-russia__map svg polygon {
fill: rgba(0, 0, 0, 0.1);
}

#yakutia,
#kamchatka,
#PRI,
#KHM,
#SVE,
#ULY,
#SAM,
#TA,
#MO,
#NIZ {
fill: #7df11c;
}

.all-russia__map svg path:hover,
.all-russia__map svg polygon:hover,
#yakutia:hover,
#kamchatka:hover,
#PRI:hover,
#KHM:hover,
#SVE:hover,
#ULY:hover,
#TA:hover,
#MO:hover,
#NIZ:hover {
fill: #7df11c;
}

#mappopup {
position: absolute;
display: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 45px;
padding: 0px 20px;
background: #FFFFFF;
border: 1px solid #111111;
border-radius: 55px;
font-family: "Inter";
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: #111111;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
}

/*Галерея*/
.gallery {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 100px;
background-color: #FFFFFF;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.gallery__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.gallery__title {
font-weight: 700;
font-size: 40px;
line-height: 130%;
text-transform: uppercase;
color: #111111;
width: 100%;
max-width: 465px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.gallery__slider {
width: 100%;
position: relative;
overflow: hidden;
/* margin-bottom: -10%; */
transition: all 0.3s;
}

.gallery__body .swiper-button-prev,
.gallery__body .swiper-button-next {
position: absolute;
top: 55px;
color: #000000;
width: 50px;
height: 50px;
/*background: #FFFFFF;*/
border-radius: 25px;
border: 1px solid #111111;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.gallery__body .swiper-button-prev:hover,
.gallery__body .swiper-button-next:hover {
box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
}
.gallery__body .swiper-button-prev:active,
.gallery__body .swiper-button-next:active {
top: 65px;
}

.gallery__body .swiper-button-prev {
right: 70px;
left: auto;
background-image: none;
}

.gallery__body .swiper-button-next {
right: 0;
background-image: none;
}

.gallery__body .swiper-button-next:after,
.gallery__body .swiper-button-prev:after {
font-size: 22px;
}

.gallery__slider img {
width: 100%;
}
.gallery__slider .swiper-slide {
transition: all .3s;
cursor: pointer;
}
.gallery__slider .swiper-slide:hover {
transform: scale(1.1);
z-index: 2;
position: relative;
}


/*Портфолио*/
.portfolio {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 100px;
background-color: #FFFFFF;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.portfolio__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.portfolio__title {
font-weight: 700;
font-size: 40px;
line-height: 130%;
text-transform: uppercase;
color: #111111;
width: 100%;
max-width: 465px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.portfolio__main {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

.portfolio__slider,
.portfolio__slider-thumbs {
width: 29%;
height: 100%;
margin-left: 0;
margin-right: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.portfolio__slider .swiper-slide {
height: 680px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow: hidden;
}

.portfolio__slider img {
height: auto;
width: 100%;
margin: 0 auto;
}

.show-date {
font-family: "Inter";
font-size: 14px;
color: #999999;
margin: 15px 0px;
}

.show-name {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #111111;
margin-bottom: 15px;
position: absolute;
top: 25px;
width: 100%;
}
.services-list {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.services-item {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 25px;
padding: 0px 10px;
background: #FFFFFF;
border: 1px solid #7df11c;
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Inter";
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #7df11c;
margin-right: 10px;
}

.portfolio__slider {
position: relative;
/*overflow: hidden;*/
width: 70%;
}

.portfolio__slider-thumbs .portfolioslider {
position: relative;
width: 100%;
height: 680px;
}
.portfolio__body .swiper-scrollbar {
background: gray;
}
.portfolio__body .swiper-scrollbar .swiper-scrollbar-drag {
width: 8px;
}

.portfolio__slider-thumbs .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
transition: all 1s;
cursor: pointer;
position: relative;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
margin-bottom: 20px !important;
background: #fff;
height: 120px !important;
transition:0.3s;
}

.portfolio__slider-thumbs .swiper-slide:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);

background: #eee;
}



.portfolio__slider-thumbs .swiper-slide::after {
content: '';
width: 0%;
height: 2px;
background: #7df11c;
position: absolute;
bottom: 0px;
left: 0;
transition: all .3s;
}
.portfolio__slider-thumbs .swiper-slide:hover::after {
width: 100%;
height: 2px;
}


.portfolio__slider-thumbs .swiper-slide img {
height: 120px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
    max-width: 167px;
    object-fit: cover;
}

.portfolio__info-block {
width: calc(100% - 190px);
height: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: inherit;
padding-right: 10px;
}
.portfolio__info-block .show-date {
margin-top: 0px;
}

.portfolio__slider .swiper-button-prev, .portfolio__slider .swiper-button-next {
position: absolute;
bottom: 10px;
top: auto;
right: 0px;
left: auto;
color: #000000;
width: 50px;
height: 50px;
background: #FFFFFF;
border-radius: 25px;
border: 1px solid #111111;
transition: all 0.3s;
}
.portfolio__slider .swiper-button-prev:hover,
.portfolio__slider .swiper-button-next:hover {
box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
z-index: 999;
}
.portfolio__slider .swiper-button-prev:active,
.portfolio__slider .swiper-button-next:active {
bottom: -10px;
}

.portfolio__slider .swiper-button-prev {
right: 70px;
}

.portfolio__slider .swiper-button-next {
right: 10px;
}

.portfolio__slider .swiper-button-next:after,
.portfolio__slider .swiper-button-prev:after {
font-size: 22px;
}

/*Вопросы*/
.questions {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 100px;
padding-bottom: 70px;
background-color: #FFFFFF;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.questions__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.questions__list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.questions__item {
width: 48%;
padding: 20px 0px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.questions__item:nth-child(n+3) {
border-top: 0px;
}

.questions__quest {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 20px;
text-transform: uppercase;
color: #111111;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
transition: all .3s;
}
.questions__quest:hover {
color: #7df11c;
}

.questions__plus {
display: block;
width: 25px;
height: 25px;
position: relative;
cursor: pointer;
}

.questions__plus::before {
content: "";
position: absolute;
top: 11px;
left: 0;
display: block;
width: 100%;
height: 2px;
background-color: #000000;
}

.questions__plus::after {
content: "";
position: absolute;
top: 0;
left: 11px;
display: block;
width: 2px;
height: 100%;
background-color: #000000;
}

.questions__quest.open .questions__plus::after {
display: none;
}

.questions__answer {
width: 100%;
height: 0px;
position: relative;
overflow: hidden;
font-family: "Inter";
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #111111;
margin-top: 0px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.questions__quest.open + .questions__answer {
height: 100px;
margin-top: 30px;
}

/*Незабываемый юбилей вместе с аквилон шоу*/
.with-us {
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 100px;
padding-bottom: 100px;
background-color: #FFFFFF;
background: url(../img/pages/main/with-us/with-us-bg.jpg) no-repeat;
background-size: 100% auto;
background-position: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.with-us__body {
width: 100%;
max-width: 1650px;
min-height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.with-us__title {
font-weight: 700;
font-size: 40px;
line-height: 130%;
text-transform: uppercase;
color: #ffffff;
width: 100%;
max-width: 855px;
text-align: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.with-us__title span {
color: #7df11c;
}

.body.lock {
overflow:hidden!important;
}

.with-us__title.close {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: absolute;
}

.with-us__form {
width: 100%;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.with-us__form.close {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: absolute;
}

.with-us__form-item {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-bottom: 70px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.with-us__form-item-name {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
margin-bottom: 15px;
}

.custom-select {
position: relative;
}

.custom-select select {
display: none;
}

.select-selected {
width: 300px;
height: 50px;
background: #111111;
opacity: 0.7;
border: 1px solid #FFFFFF;
border-radius: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}

.select-selected:after {
position: absolute;
content: url("../img/pages/main/with-us/arr.png");
top: 14px;
right: 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.7;
}

.select-selected.select-arrow-active {
opacity: 1;
z-index: 3;
}

.select-selected.select-arrow-active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 1;
}

.select-items {
position: absolute;
background-color: #111111;
width: 300px;
top: 35px;
left: 150px;
right: 0;
z-index: 2;
padding: 65px 0px 0px 0px;
border-radius: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.select-items div,
.select-selected {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #ffffff;
cursor: pointer;
}

.select-items div {
margin-bottom: 15px;
padding: 10px 10px 10px 20px;
}

.select-hide {
display: none;
}

.select-items div:hover, .same-as-selected {
background-color: rgba(255, 255, 255, 0.2);
}

.with-us__select-btn {
width: 300px;
height: 50px;
background: #111111;
opacity: 0.7;
border: 1px solid #FFFFFF;
border-radius: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #ffffff;
cursor: pointer;
z-index: 3;
}

.with-us__select-btn:after {
position: absolute;
content: url("../img/pages/main/with-us/arr.png");
top: 14px;
right: 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.7;
}

.with-us__select-btn.select-arrow-active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 1;
}

#checkboxes {
display: none;
position: absolute;
background-color: #111111;
width: 300px;
top: 35px;
left: 0;
right: 0;
z-index: 2;
padding: 65px 0px 0px 0px;
border-radius: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

#checkboxes label {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #ffffff;
cursor: pointer;
margin-bottom: 15px;
padding: 10px 10px 10px 20px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#checkboxes label:hover {
background-color: rgba(255, 255, 255, 0.2);
}

#checkboxes input[type=checkbox] {
position: absolute;
left: -9999px;
}

#checkboxes input[type=checkbox]:checked + label {
background-color: rgba(255, 255, 255, 0.2);
}

/*input[type=date]::-webkit-datetime-edit-text {*/
/*  -webkit-appearance: none;*/
/*  display: none;*/
/*}*/
/*input[type=date]::-webkit-datetime-edit-month-field{*/
/*  -webkit-appearance: none;*/
/*  display: none;*/
/*}*/
/*input[type=date]::-webkit-datetime-edit-day-field {*/
/*  -webkit-appearance: none;*/
/*  display: none;*/
/*}*/
/*input[type=date]::-webkit-datetime-edit-year-field {*/
/*  -webkit-appearance: none;*/
/*  display: none;*/
/*}*/

.with-us__form-item input[type=date] {
width: 300px;
height: 50px;
background: #111111;
opacity: 0.7;
border: 1px solid #FFFFFF;
border-radius: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #ffffff;
cursor: pointer;
-webkit-appearance: textfield;
-moz-appearance: textfield;
position: relaive;
}

/*.with-us__form-item input[type=date]:before {*/
/*  font-family: "Font Awesome 5 Free";*/
/*  font-weight: 400;*/
/*  content: "\f274";*/
/*position: absolute;*/
/*top: 50%;*/
/*right: 20px;*/
/*-webkit-transform: translateY(-50%);*/
/*-ms-transform: translateY(-50%);*/
/*transform: translateY(-50%);*/
/*}*/

.with-us__form-item input[type=date]::-webkit-calendar-picker-indicator {
opacity: 0;
}

.with-us__form-item input[type=date]:active,
.with-us__form-item input[type=date]:hover,
.with-us__form-item input[type=date]:focus {
opacity: 1;
}

#starsInput {
width: 300px;
height: 50px;
background: #111111;
opacity: 1;
border: 1px solid #FFFFFF;
border-radius: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #ffffff;
cursor: pointer;
z-index: 1;
}

.with-us__stars {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
max-height: 220px;
position: relative;
overflow-y: auto;
background: #111111;
border-radius: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 35px;
left: 0px;
z-index: 0;
padding-top: 60px;
}

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

.with-us__stars::-webkit-scrollbar {
width: 0px;
}

.with-us__stars::-webkit-scrollbar-track {
background: transparent;
}

.with-us__stars::-webkit-scrollbar-thumb {
background: transparent;
}

.with-us__stars li {
width: 100%;
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
margin-bottom: 15px;
padding: 10px 10px 10px 20px;
cursor: pointer;
}

.with-us__stars li:hover {
background-color: rgba(255, 255, 255, 0.2);
}

.with-us__form-item input[type=text] {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #ffffff;
cursor: pointer;
width: 300px;
height: 50px;
background: #111111;
opacity: 0.7;
border: 1px solid #FFFFFF;
border-radius: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}

.with-us__form-item input[type=text]:hover,
.with-us__form-item input[type=text]:focus {
opacity: 1;
}

.with-us__form-item input[type=phone] {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #ffffff;
cursor: pointer;
width: 300px;
height: 50px;
background: #111111;
opacity: 0.7;
border: 1px solid #FFFFFF;
border-radius: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}

.with-us__form-item input[type=phone]:hover,
.with-us__form-item input[type=phone]:focus {
opacity: 1;
}

.with-us__btn {
width: 300px;
height: 50px;
padding: .75rem 1.25rem;
border-radius: 10rem;
color: #101010;
font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
transition: 1s;
position: relative;
z-index: 1;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
cursor: pointer;
}

.with-us__btn:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
transform: translate3d(0,-7px,0) scale(1.08);
filter: blur(15px);
height: 115%;
opacity: 1;
transition: 1s;
border-radius: inherit;
}

.with-us__btn:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
transition: 1s;
}

.with-us__btn:hover {
color: #000!important;
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
}

.with-us__btn:hover:before {
background: linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
transition: 1s;
}


.with-us__message {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 99%;
max-width: 800px;
font-weight: 700;
font-size: 40px;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: absolute;
}

.with-us__message.open {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}

/*Футер*/
.footer {
width: 100%;
height: 310px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #1D1D1D;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 70px;
}

.footer__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
padding-bottom: 45px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer__logo {
display: flex;
justify-content: center;
width: 260px;
}
.footer__logo-block {
cursor: pointer;
}

.footer__logo-link {
width: 100%;
height: 80px;
}

.footer__logo-img {
width: 100%;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
}
.footer__logo-img path {
transition: all .3s;
}
.footer__logo-img:hover path {
fill: #fff;
}

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

.footer__feedback-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-right: 100px;
}

.footer__feedback-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-right: 100px;
position: relative;
}

.footer__feedback-item:last-child {
margin-right: 0px;
}

.footer__feedback-item span {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #999999;
}

.footer__feedback-item a {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #FFFFFF;
text-decoration: none;
}

.footer__feedback-item a:hover {
color: #7df11c;
}
.footer__feedback-item::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 0;
height: 1px;
color: inherit;
background: #7df11c;
transition: width .3s;
}
.footer__feedback-item:hover::after {
width: 100%;
}
.footer__feedback-item:active {
opacity: .5;
}

.footer__social {
display: flex;
-moz-column-gap: 10px;
column-gap: 10px;
}

.footer__social-item,
.footer__social-link {
height: 25px;
}
.footer__social-img circle,
.footer__social-img path {
transition: fill .2s;
}
.footer__social-img:hover circle {
fill: #7df11c;
}

.footer__social-img:hover path {
fill: #000;
}
.footer__social-img:active {
opacity: .5;
}


.license__body {
width: 100%;
max-width: 1650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 25px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.license__name {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #999999;
margin-right: 20px;
}

.license__img {
width: auto;
height: auto;
}

.footer .license__img {
width: 100px;
height: auto;
}

/*Модальное окно*/
.box-modal {
position: relative;
width: 800px;
background: #252525;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 0px 50px 0px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.box-modal__logo {
display: flex;
justify-content: center;
width: 100%;
}

.box-modal__logo-link {
width: 100%;
height: 80px;
}

.box-modal__logo-img {
width: 100%;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
}
.box-modal__logo-img path {
transition: all .3s;
}
.box-modal__logo-img:hover path {
fill: #fff;
}
.box-modal__body {
width: 100%;
height: 500px;
max-width: 550px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.box-modal__title {
font-family: "Inter";
font-weight: 700;
font-size: 32px;
text-align: center;
text-transform: uppercase;
color: #7df11c;
margin-top: 50px;
margin-bottom: 50px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.box-modal__body form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.box-modal__title.close,
.box-modal__body form.close {
display: none;
}
.modal__close {
position: absolute;
top: 40px;
right: 40px;
font-size: 28px;
font-weight: 300;
color: #7df11c;
background-color: transparent;
border: none;
cursor: pointer;
z-index: 101;
transition: .3s;
}
.box-modal__body form input {
width: 450px;
height: 55px;
background-color: transparent;
border: 1px solid #484848;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: #FFFFFF;
margin-bottom: 30px;
padding-left: 20px;
outline: none;
}
.box-modal__body form input.err {
border: 1px solid red;
color: red;
}
.errorMessage {
opacity: 0;
font-family: "Inter";
font-size: 14px;
color: red;
margin-bottom: 10px;
transition: all .3s;
}
.box-modal__body form input[name=phone] {
margin-bottom: 3px;
}
.box-modal__body form input.err + .errorMessage {
opacity: 1;
}

.box-modal__body form input::-moz-placeholder {
color: #898989;
}

.box-modal__body form input:-ms-input-placeholder {
color: #898989;
}

.box-modal__body form input::placeholder {
color: #898989;
}

/*.box-modal__body form input[type=submit] {*/
/*  width: 470px;*/
/*  background: #252525!important;*/
/*  border: 1px solid #000;*/
/*  box-shadow: 0 0 12px 0 #000 inset;*/
/*  border-radius: 50px;*/
/*  font-weight: 700;*/
/*  -webkit-box-pack: center;*/
/*  -ms-flex-pack: center;*/
/*  justify-content: center;*/
/*  text-transform: uppercase;*/
/*  cursor: pointer;*/
/*}*/
/*.box-modal__body form input[type=submit] {*/
/*  color: gray;*/
/*}*/

input[type="date"]::-webkit-calendar-picker-indicator {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
color: transparent;
background: transparent;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button {
z-index: -10;
}

input[type="date"]::-webkit-input-placeholder {
z-index: 99;
}

input[type="date"]:placeholder {
z-index: 99;
}
input[type="date"]:not(.has-value):before {
content: attr(placeholder);
width: 100%;
}

input[type="date"] {
padding: 12px 20px;
}


input[type="date"]:not(.has-value):before {
content: attr(placeholder);
width: 100%;
}


.box-modal__message {
position: absolute;
overflow: hidden;
width: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
font-weight: 700;
font-size: 24px;
line-height: 160%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin: 40px 0px;
}

.box-modal__message.open {
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-slide .swiper-slide-portfolio-main_info {
position: absolute;
bottom: 0px;
background-color: #000000b8;
width: 100%;
color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
height: 74px;
}


.swiper-slide .swiper-slide-portfolio-main_info .show-date {
font-size: 21px;
margin: 10px;
color: #74ff00;
padding: 10px;
top: -50px;
position: absolute;
}

.swiper-slide .swiper-slide-portfolio-main_info .show-name {
font-size: 25px;
color: #fff;
margin: 0px 0px 0px 20px;
padding: 0px;
}


#js-prev3,
#js-next3 {
display: none;
}

@media (max-width: 1899px) {
.banner__animation-text {
font-size: 420px;
letter-spacing: 0px;
}

.banner__text {
font-size: 40px !important;
}
}

@media (max-width: 1500px) {
.banner__animation-text {
font-size: 370px;
letter-spacing: 0px;
}

.banner__text.vertical {
font-size: 55px !important;
}
.big_top {
font-size: 80px;
}

.banner__text.horizontal span.sp3 {
font-size: 40px;
line-height: 40px;
}

.banner__text.inert {
font-size: 16.7px !important;
line-height: 40px;
}

.banner__text {
font-size: 35px !important;
}

.head__menu {
margin-right: 0px;
}

.swiper-slide .swiper-slide-portfolio-main_info .show-name {
font-size: 15px;
color: #fff;
margin: 0px 0px 0px 20px;
padding: 0px 100px 0px 0px;
}

.portfolio__slider .swiper-slide, .portfolio__slider-thumbs .portfolioslider {
height: 509px !important;
}

}

@media (max-width: 1400px) {
.banner__animation-text {
font-size: calc(47px + (320 - 47) * ((100vw - 768px) / (1400 - 768)));
letter-spacing: 0px;
}

.banner__text {
font-size: 30px !important;
}

.banner__text.vertical {
font-size: 50px !important;
}
.big_top {
font-size: 75px;
}
.banner__text.inert {
font-size: 14.7px !important;
line-height: 40px;
}
.banner__text.horizontal span.sp3 {
font-size: 38px;
line-height: 40px;
}
.banner__button {
margin: 20px 0px 0px 1px;
left: 110px;
}
.head__menu-item, .head__menu, .head__tel {
margin-right: 50px;
}

.head__menu-link {
color: #ffffff;
font-size: 13px;
position: relative;
transition: all .3s;
cursor: pointer;
text-decoration: none;
}
.head__tel {
margin-right: 73px !important;
font-family: "Micra", arial;
font-weight: 100;
}

.swiper-slide .swiper-slide-portfolio-main_info .show-name {
width: 71%;
}

.portfolio__slider .swiper-slide, .portfolio__slider-thumbs .portfolioslider {
height: 479px !important;
}
}

#selectPhone.err, #selectName.err {
    border: 2px solid red;
    position: relative;
}

#selectPhone.err:before {
    position: absolute;
    content: 'Номер телефона обязателен для заполнения';
    bottom: 0;
    left: 0;
    color: red;

}



@media (max-width: 991px) {
.banner__animation-text {
font-size: 130px;
letter-spacing: -15px;
}
.banner__animation-text {
font-size: calc(102px + (150 - 102) * ((100vw - 768px) / (991 - 768)));
letter-spacing: 0px;
}
}

@media (max-width: 1799px) {
.addition__body {
max-width: 1600px;
}
.addition__img.karaoke {
right: -30px;
}
}
@media (max-width: 1699px) {
.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 1550px;
}
.addition {
background-size: 100% 100%;
}
.addition__body {
padding: 0px 0px 200px 0px;
}
.banner__text.horizontal {
font-size: 37px;
}
.addition__img.sound {
bottom: 93px;
}
.all-russia__map {
margin-top: -225px;
}
}
@media (max-width: 1599px) {
.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 1450px;
}
.banner__text {
font-size: 42px;
}
.banner__img {
width: 700px;
}
.banner__text.horizontal {
font-size: 36px;
}
.stars__alphabet-item {
width: 30px;
height: 30px;
}
.with-us {
padding-top: 80px;
padding-bottom: 80px;
}
.all-russia__map {
margin-top: -210px;
}
}
@media (max-width: 1499px) {
.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 1350px;
}
.banner__text {
font-size: 40px;
}
.banner__img {
width: 650px;
}
.banner__text.horizontal {
font-size: 34px;
}
.stars__filter-item {
padding: 10px 15px;
}
.portfolio__slider .swiper-slide,
.portfolio__slider-thumbs .portfolioslider {
height: 670px;
}
.portfolio__slider {
width: 55%;
}
.portfolio__slider-thumbs {
width: 44%;
}
.with-us {
padding-top: 50px;
padding-bottom: 50px;
}
.addition__img.dj {
left: 290px;
}
.addition__img.sound {
left: 235px;
}
.portfolio__slider-thumbs .portfolioslider::-webkit-scrollbar {
width: 8px;
}

.portfolio__slider-thumbs .portfolioslider::-webkit-scrollbar-track {
border-radius: 8px;
}

.portfolio__slider-thumbs .portfolioslider::-webkit-scrollbar-thumb {
border-radius: 8px;
}

.all-russia__map {
margin-top: -190px;
}
}
@media (max-width: 1399px) {
.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 1250px;
}
.head__menu-item,
.head__menu,
.head__tel {
margin-right: 30px;
}
.banner__text {
font-size: 38px;
}
.banner__img {
width: 600px;
}
.banner__text.horizontal {
font-size: 30px;
}
.stars__filter-item {
padding: 10px 10px;
font-size: 15px;
}
.stars__alphabet {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.stars__alphabet-item {
margin-right: 10px;
margin-bottom: 15px;
}
.addition__img.screen img:first-child {
width: 600px;
height: auto;
}
.addition__img.artist {
left: calc(50% - 50px);
}
.addition__img.artist img:first-child {
width: 350px;
height: auto;
}
.addition__img.dj {
left: 275px;
}
.addition__img.dj img:first-child {
width: 400px;
height: auto;
}
.addition__img.karaoke {
right: 0px;
bottom: 0px;
}
.addition__img.karaoke img:first-child {
width: 500px;
height: auto;
}
.questions__quest {
font-size: 18px;
}
.with-us {
padding-top: 30px;
padding-bottom: 30px;
}
.all-russia__map {
margin-top: -175px;
}
}
@media (max-width: 1299px) {
.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 1150px;
}
.banner__text {
font-size: 36px;
}
.banner__img {
width: 550px;
}
.banner__text.horizontal {
font-size: 28px;
}
.stars__filter-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.stars__filter-item {
margin-right: 15px;
margin-bottom: 15px;
}

.portfolio__slider-thumbs .swiper-slide img {
height: 130px;
}
.portfolio__info-block {
height: 130px;
width: calc(100% - 190px);
}


.with-us__title {
font-size: 38px;
}
.with-us__form-item {
margin-bottom: 55px;
}
.gallery__slider {
margin-bottom: -5%;
}
.stars__list {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
-ms-grid-rows: (1fr)[3];
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.all-russia__map {
margin-top: -160px;
}
}
@media (max-width: 1199px) {
.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 1000px;
}
.header__social {
position: absolute;
top: -35px;
right: 0px;
}
.head__tel {
position: absolute;
top: -30px;
right: 100px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.head__menu {
margin-right: 0px;
position: absolute;
right: 0px;
bottom: -35px;
}
.head__menu-item {
margin-right: 50px;
}
.head__menu-item:last-child {
margin-right: 0px;
}
.banner__img {
width: 500px;
margin-right: 30px;
}
.banner__text {
font-size: 30px;
}
.banner__text.horizontal {
font-size: 24px;
margin-bottom: 20px;
}

.stars__body {
padding: 50px 0px 50px 0px;
}
.stars__filter {
margin-bottom: 20px;
}
.addition__item {
font-size: 16px;
width: 230px;
}
.addition__btn,
.addition__btn::after {
width: 230px;
}
.addition__img.karaoke img:first-child {
width: 380px;
}
.addition__img.screen img:first-child {
width: 440px;
}
.addition__img.light img:first-child {
width: 750px;
}
.addition__img.artist img:first-child {
width: 300px;
}
.addition__img.artist {
left: 50%;
}
.addition__img.karaoke {
bottom: 40px;
}
.addition__img.dj {
left: 240px;
}
.addition__img.dj img:first-child {
width: 360px;
}
.location {
padding: 50px 0px;
}
.all-russia {
padding: 0px;
}
.gallery {
padding-top: 50px;
}
.portfolio__slider {
width: 50%;
}
.portfolio__slider-thumbs {
width: 49%;
}
.portfolio__slider .swiper-slide,
.portfolio__slider-thumbs .portfolioslider {
height: 560px;
}
.portfolio__slider-thumbs .swiper-slide img {
height: 110px;
}
.portfolio__info-block {
height: 110px;
width: calc(100% - 160px);
}
.services-item {
margin-right: 5px;
}
.questions {
padding-top: 50px;
padding-bottom: 50px;
}
.with-us {
background-size: auto;
}
.portfolio__slider-thumbs .portfolioslider::-webkit-scrollbar {
width: 6px;
}

.portfolio__slider-thumbs .portfolioslider::-webkit-scrollbar-track {
background: #F0F0F0;
border-radius: 6px;
}

.portfolio__slider-thumbs .portfolioslider::-webkit-scrollbar-thumb {
background: #111111;
border-radius: 6px;
}
.all-russia__map {
margin-top: -145px;
}
}
@media (max-width: 1024px) {
.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 950px;
}
.banner__text {
font-size: 28px;
}
.banner__text.horizontal {
font-size: 22px;
margin-bottom: 15px;
line-height: 120%;
}
.box-modal {
width: 600px;
}
.addition__title {
font-size: 36px;
max-width: 500px;
}
.addition__img.screen img:first-child {
width: 400px;
}
.addition__img.karaoke img:first-child {
width: 320px;
}
.addition__img.artist {
left: 55%;
}
.addition__img.artist img:first-child {
width: 250px;
}
.addition__img.light {
top: 0;
left: calc(50% - 290px);
}
.addition__img.light img:first-child {
width: 700px;
}
.addition__img.sound {
left: 340px;
}
.addition__img.dj {
left: 270px;
}
.addition__img.dj img:first-child {
width: 320px;
}
.location__title {
font-size: 36px;
}
.location__item-text {
font-size: 18px;
}
.location__border {
right: -7px;
}
.all-russia__title {
font-size: 36px;
}
.gallery__title {
font-size: 36px;
}
.gallery__body .swiper-button-prev,
.gallery__body .swiper-button-next {
width: 40px;
height: 40px;
}
.portfolio {
padding-top: 50px;
}
.portfolio__title {
font-size: 36px;
}
.portfolio__slider .swiper-slide,
.portfolio__slider-thumbs .portfolioslider {
height: 520px;
}
.portfolio__slider .swiper-button-prev,
.portfolio__slider .swiper-button-next {
width: 40px;
height: 40px;
}
.questions__quest {
height: 45px;
}
.with-us__title {
font-size: 36px;
}
.all-russia__map {
margin-top: -75px;
}

}
@media (max-width: 991px) {
.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 750px;
}
.head {
height: 100px;
}
.head__menu {
bottom: -25px;
}
.head__tel {
top: -25px;
}
.header__social {
top: -30px;
}
.banner__body {
padding: 40px 0px;
}
.banner__text {
font-size: 24px;
}
.banner__img {
width: 400px;
margin-right: 20px;
}
.banner__text.horizontal {
font-size: 17px;
}
.banner__button {
width: 250px;
font-size: 14px;
}
.banner__button::after {
width: 250px;
}
.stars__body {
padding: 20px 0px 20px 0px;
}
.stars__filter-item {
margin-right: 10px;
margin-bottom: 10px;
font-size: 14px;
}
.stars__filter-row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.stars__filter.alphabet {
width: 100%;
}
.stars__filter-name {
margin-bottom: 10px;
}
.stars__search {
margin-bottom: 20px;
}

.addition__body {
position: relative;
overflow: hidden;
}
.addition__title {
max-width: 480px;
}
.addition__img.screen img:first-child {
width: 370px;
}
.addition__img.dj {
left: 210px;
}
.addition__img.dj img:first-child {
width: 320px;
}
.addition__img.artist {
left: 65%;
}
.addition__img.sound {
left: 300px;
bottom: 160px;
}
.addition__img.sound img:first-child {
width: 180px;
}
.addition__img.light {
left: 188px;
}
.addition__img.light img:first-child {
width: 680px;
}
.addition__img.karaoke {
bottom: 85px;
}
.addition__item {
margin-bottom: 15px;
}
.addition__list {
margin-bottom: 30px;
}
.location__item {
width: 50%;
}
.location__item::before {
width: 98%;
left: 1%;
top: 0px;
}
.location__item::after {
width: 98%;
left: 1%;
bottom: 0px;
}
.location__border {
right: -2px;
z-index: 2;
}
.location__item:nth-child(2n) .location__border {
display: none;
}
.gallery {
padding-top: 80px;
}
.portfolio__slider-thumbs .swiper-slide img {
display: none;
}
.portfolio__slider {
width: 58%;
}
.portfolio__slider-thumbs {
width: 41%;
}
.portfolio__info-block {
height: 100px;
width: 100%;
border-left: 1px solid #999999;
padding-left: 5px;
}


.portfolio__slider .swiper-slide, .portfolio__slider-thumbs .portfolioslider {
height: 480px;
}
.questions__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.questions__item {
width: 96%;
margin-bottom: -1px;
}
.footer__logo {
width: 200px;
}
.footer__feedback-list {
margin-right: 50px;
}
.footer__feedback-item {
margin-right: 20px;
}
.footer {
height: 250px;
padding-top: 30px;
}
.footer__body {
padding-bottom: 30px;
}
.stars__list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: (1fr)[4];
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.all-russia__map {
margin-top: -55px;
}
}

@media (max-width: 767px) {

.banner__animation-text {
margin-right: 0;
}

.select-items {
width: 100%;
top: 35px;
left: 0;
right: 0;
}

.portfolio__slider-thumbs .swiper-slide::after {
display: none;
}

section {
box-sizing: border-box;
padding: 20px 10px!important;
}
.stars__name, .addition__title, .all-russia__title, .mt-30__wrapper, .all-russia__row, .location__title {
width: 100%;
text-align: center!important;
flex-wrap: wrap;
}

.location__title {
margin-top: 30px;
    margin-bottom: 10px;
}
.left-px {
margin-left: 0px;
}
.contacts__list {
display: flex!important;
justify-content: space-around;
max-width: 100% !important;
width: 100%;
}

.contacts__item {
border-left: none;
margin: 0!important;
padding: 0!important;
}

.all-russia__btn {
margin: auto;
width: 100%;
}
.banner {
background-image: url("/img/pages/main/with-us/with-us-bg.jpg");
background-position: center center;
background-repeat: no-repeat;
}


.banner__body {
flex-direction: column;
}

.banner__text.vertical {
transform: rotate(270deg);
position: absolute;
top: 30px;
}

.banner__text.horizontal {
text-align: center!important;
width: 100%!important;
max-width: 100%!important;
}

.banner {
height: 100vh;
position: relative;
top: 0px;
z-index: 0;
}

.big_top {
font-size: 60px;
}

.banner__text.horizontal span.sp3 {
font-size: 30px;
}


.banner__button {
left: 0px;
}




html body .h1--title {
margin: 0!important;
}

.banner__text.horizontal {
margin: 0!important;
}

.banner__button {
position: relative;
margin-top: 20px;
bottom: 0;
margin-bottom: 40px;
}

.choice.openFull, .choice.openFull {
top: 0!important;
}




.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
max-width: 550px;
}
.head {
height: 80px;
}
.head__body {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.head__menu,
.head__tel {
display: none;
}
.head__nav {
position: absolute;
right: 0px;
top: 0px;
}
.header__social {
top: 10px;
right: 10px;
}
.head__burger {
display: block;
}
.banner__body {
padding: 20px 0px;
}
.banner__img {
width: 500px;
margin-right: 0px;
}
.banner__block {
margin-top: 25px;
}
.banner__text {
font-size: 28px;
}
.banner__text.horizontal {
font-size: 20px;
max-width: 405px;
margin-left: 40px;
}
.banner__button {
margin-left: 40px;
width: 270px;
}
.box-modal {
width: 550px;
padding: 35px 0px;
}
.arcticmodal-container_i2 {
padding: 8px;
}
.box-modal__title {
margin-bottom: 30px;
}

.stars__search {
width: 350px;
}
.addition__title {
font-size: 32px;
max-width: 400px;
}
.addition__item {
padding-left: 10px;
width: 205px;
}
.addition__item::before {
width: 25px;
height: 25px;
margin-right: 10px;
}
.addition__btn,
.addition__btn::after {
width: 205px;
}
.addition__img {
width: 150px;
height: 150px;
border: 1px solid gray;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.addition__img.visible {
border: 1px solid #FFE600;
}
.addition__img .tooltip {
display: none;
}
.addition__img.screen img:first-child,
.addition__img.dj img:first-child {
width: 98%;
height: auto;
}
.addition__img.artist {
display: none;
}
.addition__img.sound img:first-child {
height: 90%;
width: auto;
}
.addition__img.light img:first-child {
height: 100%;
width: auto;
position: relative;
left: 20px;
top: 0px;
}
.addition__img.karaoke img:first-child {
height: 98%;
width: auto;
}
.addition__img.sound {
left: auto;
top: 220px;
right: 0;
bottom: auto;
}
.addition__img.light {
left: auto;
top: 220px;
right: 160px;
bottom: auto;
}
.addition__img.screen {
top: 380px;
right: 0px;
}
.addition__img.karaoke {
bottom: auto;
top: 380px;
right: 160px;
}
.addition__img.dj {
left: auto;
top: 540px;
right: 160px;
}
.location__title {
font-size: 32px;
}
.location__btn {
display: none;
}
.all-russia__title {
font-size: 32px;
}
.all-russia__btn {
display: none;
}
.all-russia__btn2 {
display: block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: 50px;
width: 460px;
}
.all-russia__btn2::after {
width: 460px;
}
.gallery__title {
font-size: 32px;
}
.gallery__body .swiper-button-prev {
right: 50px;
}
.portfolio__title {
font-size: 32px;
}
.portfolio__slider {
width: 100%;
margin-bottom: 50px;
}
.portfolio__slider .swiper-slide,
.portfolio__slider-thumbs .portfolioslider {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.portfolio__slider-thumbs {
display: none;
}
#js-prev2,
#js-next2 {
display: none;
}
#js-prev3,
#js-next3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: auto;
top: 50px;
left: auto;
color: #000000;
width: 40px;
height: 40px;
background: #FFFFFF;
border-radius: 25px;
border: 1px solid #111111;
transition: all .3s;
}
#js-prev3:hover,
#js-next3:hover {
box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
}
#js-prev3:active,
#js-next3:active {
top: 60px;
}
#js-prev3::after,
#js-next3::after {
font-size: 22px;
}
#js-prev3 {
right: 50px;
}
#js-next3 {
right: 0px;
}
.with-us__title {
font-size: 32px;
}
.with-us__form-item {
margin-bottom: 25px;
}
.with-us {
background-size: auto 100%;
}
.with-us__message {
font-size: 26px;
}
.with-us__form-item-name {
text-align: center;
height: 40px;
}
.with-us__form-item,
.select-selected,
.with-us__select-btn,
.with-us__form-item input[type=date],
#starsInput,
.with-us__form-item input[type=text] {
width: 250px;
margin-bottom: 20px;
}
.with-us__btn {
width: 250px;
}
.footer__logo {
width: 160px;
}
.footer__feedback-item a {
font-size: 14px;
}
.footer__feedback-list {
margin-right: 10px;
}
.modal__close {
top: 15px;
right: 15px;
}
.stars__list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: (1fr)[5];
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.all-russia__map {
margin-top: -20px;
}
}
@media (max-width: 576px) {

ul.step_list {
position: absolute;
/* left: 38%; */
top: 10px;
width: 100%;
text-align: center;
display: flex;
justify-content: flex-start;
padding-left: 10px;
}


.head__body,
.banner__body,
.stars__body,
.addition__body,
.location__body,
.all-russia__body,
.gallery__body,
.portfolio__body,
.questions__body,
.with-us__body,
.footer__body,
.license__body {
width: 98%;
max-width: 574px;
}
.banner__img {
width: 400px;
}
.banner__text {
font-size: 24px;
}
.banner__text.horizontal {
font-size: 18px;
}
.stars__filter-item {
font-size: 12px;
margin-right: 5px;
}
.addition__title {
font-size: 26px;
margin-bottom: 30px;
max-width: 375px;
}
.addition__img {
width: 100px;
height: 100px;
}
.addition__img.sound {
top: 120px;
}
.addition__img.light {
top: 120px;
right: 115px;
}
.addition__img.screen {
top: 235px;
}
.addition__img.karaoke {
top: 235px;
right: 115px;
}
.addition__img.dj {
top: 350px;
right: 115px;
}
.arcticmodal-container_i2 {
padding: 0px;
}
.box-modal {
width: 430px;
left: calc(50% - 215px);
}
.box-modal__title {
font-size: 26px;
}
.box-modal__body form input,
.box-modal__body form input[type=submit] {
width: 380px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.location__title {
font-size: 26px;
}
.location__item-text {
font-size: 14px;
}
.location__border {
right: 0px;
}
.all-russia__title {
font-size: 26px;
max-width: 420px;
}
.all-russia__map svg {
width: 100%;
}
.all-russia__btn2,
.all-russia__btn2::after {
width: 400px;
}
.all-russia__btn2 {
font-size: 12px;
}
.gallery__body .swiper-button-prev,
.gallery__body .swiper-button-next {
top: 35px;
}
.gallery__title {
font-size: 26px;
}
.portfolio__title {
font-size: 26px;
}
#js-prev3,
#js-next3 {
top: 35px;
}
.portfolio__slider {
margin-bottom: 0px;
}
.questions__quest {
position: relative;
}
.questions__plus {
position: absolute;
left: calc(100% - 25px);
}
.questions__plus::before {
top: 12px;
}
.questions__plus::after {
left: 12px;
}
.with-us__title {
font-size: 22px;
}
.with-us__form-item-name {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.with-us__form-item,
.select-selected,
.with-us__select-btn,
.with-us__form-item input[type=date],
#starsInput,
.with-us__form-item input[type=text] {
width: 100%;
}
.with-us__btn {
width: 270px;
}
.with-us__message {
font-size: 20px;
}
.footer {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.footer__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__logo {
width: 200px;
margin-bottom: 30px;
}
.footer__feedback {
width: 100%;
}
.footer__feedback-item a {
font-size: 16px;
}
.contacts__list {
display: block;
max-width: 260px;
}
.contacts__item {
margin-bottom: 20px;
}
.contacts__map-text {
margin-bottom: 10px;
width: 100%;
}
.all-russia__map {
margin-top: 0px;
}

}
@media (max-width: 449px) {

.adaptive-menu__logo {
width: 200px;
}
.header__social {
display: none;
}
.banner__img {
width: 350px;
}
.banner__text {
font-size: 20px;
}
.banner__text.horizontal {
font-size: 16px;
margin-left: 30px;
margin-bottom: 30px;
max-width: 360px;
}
.banner__button {
margin-left: 30px;
}
.stars__filter-item {
font-size: 16px;
}
.addition__body {
padding: 0px 0px 100px 0px;
}
.addition__img {
display: none;
}
.addition__title {
text-align: left;
}
.addition__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.addition__item {
font-size: 20px;
width: 250px;
}
.addition__btn,
.addition__btn::after {
width: 250px;
    left: 50%;
    transform: translateX(-50%);
}
.all-russia__btn2,
.all-russia__btn2::after {
width: 320px;
}
.all-russia__btn2 {
font-size: 16px;
padding: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.questions__quest {
font-size: 16px;
}
.box-modal {
width: 380px;
left: calc(50% - 190px);
}
.box-modal__body form input,
.box-modal__body form input[type=submit] {
width: 360px;
}
.star-button {
padding: 0px;
width: 180px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
left: calc(50% - 90px);
}

}
@media (max-width: 399px) {
.header__logo {
width: 230px;
}
.banner__block {
width: 100%;
}
.banner__img {
width: 280px;
}
.banner__text {
font-size: 17px;
}
.banner__text.horizontal {
margin-left: 0px;
max-width: 290px;
}
.banner__button {
margin-left: 0px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.stars__search {
width: 310px;
}

.location__item {
width: 100%;
}
.location__border {
display: none;
}
.all-russia__btn2 {
font-size: 14px;
}
.all-russia__btn2,
.all-russia__btn2::after {
width: 280px;
}
.gallery__body .swiper-button-prev,
.gallery__body .swiper-button-next {
width: 30px;
height: 30px;
top: 45px;
}
.portfolio__main {
padding-top: 30px;
}
#js-prev3,
#js-next3 {
width: 30px;
height: 30px;
top: 85px;
}
#js-prev3:active,
#js-next3:active {
top: 95px;
}
.questions__quest {
font-size: 16px;
width: 100%;
max-width: 270px;
}
.questions__plus {
left: 100%;
}
.footer__feedback {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer__feedback-list {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0px;
}
.footer__feedback-item {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.footer__feedback-item span,
.footer__feedback-item a {
font-size: 18px;
}
.box-modal {
width: 300px;
left: calc(50% - 150px);
padding: 20px 0px;
}
.box-modal__body form input, .box-modal__body form input[type=submit] {
width: 280px;
}
.box-modal__logo-img {
height: 60px;
}
.modal__close {
top: 5px;
right: 5px;
}
.box-modal__title {
margin-top: 30px;
}
.box-modal__body {
height: 450px;
}
.box-modal__message {
font-size: 16px;
}
.star-button {
padding: 0px;
width: 140px;
height: 40px;
font-size: 11px;
left: calc(50% - 70px);
}
.stars__list-item:hover .star-button {
bottom: 60px;
}
}

.choice {
position: fixed;
top: 0;
right: -400px;
background: rgba(0, 0, 0, 1);
width: 370px;
height: 100vh;
z-index: 22;
border: 1px solid transparent;
transition: 1s;
padding: 15px 15px 15px 60px;
}

.choice.open:before {
position: absolute;
width: 1px;
height: 100%;
content: '';
top: 0;
left: 47px;
background: rgba(255, 255, 255, 0.15);
}

.choice .choice__wrapper {
opacity: 0;
transition: .5s;
/* display: flex;
flex-direction: column;
justify-content: space-between;
height: inherit; */
}
.choice.open .choice__wrapper {
opacity: 1;
} 

.choice.open {
right: 0;
}

.choice.openFull {
width: 100%;
right: -77px;
background: black;
}

.choice.openFull .adaptive-menu__logo {
display: block;
margin: 0 auto 30px auto;
}

.choice.openFull .choice__wrapper {
width: 40%;
margin: auto;
opacity: 1;
}

.choice.openFull .choice__artist img {
margin: 0 0 20px 0;
}

.choice .all-russia__btn {
display: block;
margin: auto;
width: auto;
text-align: center;
font-family: 'Inter';
max-width: 200px;
}

.choice__arrow-img {
max-width: 50px;
height: auto;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: 1s;
cursor: pointer;
opacity: 1;
z-index: 5;
}

.choice__artist, .choice__obor, .choice__location {
/*margin-bottom: 50px;*/
font-size: 14px;
}

.choice__obor li {
color: white;
font-family: "Inter", sans-serif;
font-size: 16px;
}

.choice.open .choice__arrow-img,
.choice.openFull .choice__arrow-img {
transform: rotate(-180deg) translateY(-50%);
/* left: 0;*/
top: 44.5%;
}

.choice__head {
color: white;
text-align: center;
margin-bottom: 50px;
font-size: 24px;
}

.choice__artist-title {
color: #7df11c;
margin-bottom: 10px;
font-size: 12px;
}

.choice__artist img {
margin: 0 auto 20px auto;
display: block;
max-height: 175px;
width: auto;
}

.mt-30__wrapper{
display: flex;
justify-content: flex-start;
align-items: center;
}

.choice__artist-name, .choice__location-name {
color: white;
font-size: 16px;
text-align: left;
font-family: "Inter";
background: none;
border: none;

}
.choice__artist-name, .choice__location-name:focus {
    color: white;

    background: none;
    border: none;
    outline: none;
}
.choice__artist-name, .choice__location-name:-webkit-autofill{
    -webkit-text-fill-color: white;
    box-shadow:inset 0 0 0 1000px #000000;

  }
.red{
    border-color: red;
}
.choice .adaptive-menu__logo {
width: 260px;
margin-left: 60px;
margin-bottom: 20px;
}

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

.choice__flex-wrapper {
flex-basis: 45%;
margin-bottom: 15px;
}

#mySelect2 option{
font-family: "Inter";
}

.choice__flex-wrapper:nth-child(7) {
flex-basis: 100%;
margin-bottom: 15px;
}

.container.mt-30 {
margin-bottom: 25px;
font-family: "Inter";
font-size: 16px;
}

#locationPlace {
border: 2px solid #7df11c;
width: 400px;
padding: 9px 10px;
cursor: pointer;
font-family: "Inter";
border-radius: 30px;
font-size: 16px;
}

#locationPlace:focus-within {
border: 1px solid #7df11c;
outline:none;
}

#locationPlace::placeholder {
font-family: "Inter";
}

/* .mt-30__wrapper {
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 30px;
}

.mt-30__wrapper + .all-russia__btn {
display: block;
margin: auto;
} */

@media (max-width: 767px) {
.choice {
width: 100vw!important;
left: 0;
padding: 0 10px;
box-sizing: border-box;
top: calc(100vh - 50px);
z-index: 20000;
}

ul.step_list li.step_icon {
margin-bottom: 5px;
margin-right: 10px;
}

.footer__feedback-item {
display: flex;
align-items: center;
}

.footer__social {
margin: 0 auto;
}

.with-us__btn {
margin-bottom: 20px;
}

.portfolio__main {
flex-direction: column;
}

.portfolio__slider-thumbs {
display: none !important;
width: 100%;
max-width: 100%;
}

.portfolioslider {
height: 400px !important;
}

.portfolioslider .swiper-slide {
margin-bottom: 34px!important;
}

.portfolio__slider-thumbs .swiper-slide img {
display: block;
}

.choice.open,
.choice.openFull {
top: 0!important;
}

.choice__arrow-img {
max-width: 35px!important;
top: 25px!important;
transform: translateY(-50%) translateX(-50%) rotate(90deg)!important;
left: 92%!important;
}

.portfolio__slider .swiper-slide, .portfolio__slider-thumbs .portfolioslider {
height: -webkit-max-content;
height: -moz-max-content;
height: 288px;
}

.swiper-slide .swiper-slide-portfolio-main_info .show-date {
font-size: 16px;
margin: 10px 5px 0px 5px;
color: #74ff00;
padding: 4px;
top: -35px;
position: absolute;
}

.portfolio__title {
font-size: 24px;
margin-bottom: -15px;
}
#js-prev3, #js-next3 {
width: 35px;
height: 35px;
top: 39px;
}

.swiper-slide .swiper-slide-portfolio-main_info .show-name {
font-size: 16px;
color: #fff;
margin: 0px 0px 0px 10px;
padding: 0px;
width: 100%;
}

.choice .adaptive-menu__logo {
width: 120px!important;
margin-top: 5px;
opacity: 0;
}

.choice.open .choice__arrow-img,
.choice.openFull .choice__arrow-img{
transform: translateY(-50%) translateX(-50%) rotate(270deg)!important;
}

.choice.openFull .adaptive-menu__logo {
margin: 0 0 30px 0;
}

.choice.open:before {
display: none;
}

.choice__head {
margin-bottom: 20px;
font-size: 22px;
}
.choice.openFull .choice__artist img {
margin: 0 auto 20px auto;
}

.choice__artist {
margin-bottom: 0;
}

.choice.openFull .choice__wrapper {
width: 100%;
}

.choice__artist-title {
font-size: 12px;
}

.choice__location .choice__artist-title{
text-align: left;
}

.choice__obor li, .choice__artist-name {
font-size: 14px;
margin-bottom: 6px;
}

.choice__obor {
margin-bottom: 20px;
}

.choice__artist-name, .choice__location-name {
font-size: 14px;
text-align: center;
}

.choice__location-name {
font-size: 14px;
text-align: left;
}

.choice__artist img {
margin: 0 auto 20px auto;
border: 1px solid transparent;
border-radius: 20px;
max-height: 160px;
}

.choice__flex-wrapper {
flex-basis: 49%;
text-align: center;
}

.choice__wrapper {
justify-content: center;
}

.choice__artist, .choice__obor, .choice__location {
margin-bottom: 0;
}

.form-label {
margin-bottom: 10px;
display: block;
}

.container.mt-30 {
margin-bottom: 30px;
width: 100%;
}

#locationPlace {
margin-top: 10px;
width: 257px;
} 

#mapNext {
display: block;
width: 287px;
}
.banner__animation-text {
font-size: 180px;
letter-spacing: -6px;
line-height: 150px;
}

.main_h1 {
font-size: 18px !important;
bottom: 80px !important;
}

.banner__text.vertical {
font-size: 40px !important;
line-height: 42px;
}

.header__logo {
width: 180px;
/* margin: 4px; */
top: 8px;
left: 0px;
}

.bar1, .bar2, .bar3 {
display: block;
width: 45px;
height: 7px;
border-radius: 2px;
background-color: #ffffff;
margin: 6px 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.banner__text.horizontal {
margin-top: 30px !important;
}
.banner__block {
position: relative;
}
.banner__button {
/* margin-top: 30px; */
display: flex;
position: absolute;
left: 50%;
/* margin-left: -50%; */
transform: translateX(-50%);
top: 100%;
margin: 0;
justify-content: center;
align-items: center;
}

.bar2 {
width: 25px;
}

.head__body, .banner__body, .stars__body, .addition__body, .location__body, .all-russia__body, .gallery__body, .portfolio__body, .questions__body, .with-us__body, .footer__body, .license__body {
width: 98%;
max-width: 574px;
justify-content: flex-start;
}

.contacts__list.mapss {
display: inline-block;
opacity: 1;
transition: 0.3s;
margin: 30px 0px;
position: relative;
flex-wrap: wrap;
}

.contacts__map-text {
margin-bottom: 30px;
width: 100%;
}

.arcticmodal-container .popup__logo {
width: 100%!important;
}

.star-button {
padding: 0px;
width: 70px;
height: 25px;
font-size: 11px;
left: 50%;
bottom: 60px!important;
}


.kard_fos {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
overflow: auto;
max-height: 80vh;
/* padding: 20px; */
}

.closeFinalInfo{
width: 80%;
margin: 30px 5%;
padding: 10px;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
text-align: center;
border-radius:30px ;
color: #000;
}
.choice .adaptive-menu__logo {
width: 260px;
margin-left: 0px;
margin-bottom: 20px;
}

}

.choice__artist {
position: relative;
}

/*.choice__artist-name {*/
/*  position: absolute;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*  top: 125px;*/
/*  color: black;*/
/*  border: 1px solid transparent;*/
/*  background: white;*/
/*  border-radius: 10px;*/
/*  padding: 7px 10px;*/
/*  text-align: center;*/
/*}*/

.choice__flex-wrapper:nth-child(3),
.choice__flex-wrapper:nth-child(4),
.choice__flex-wrapper:nth-child(5),
.choice__flex-wrapper:nth-child(6),
.choice__flex-wrapper:nth-child(7),
.choice__flex-wrapper:nth-child(8)  {
flex-basis: 100%;
border-bottom: 1px solid #7df11c;
display: flex;
align-items: center;
}

.choice__flex-wrapper:nth-child(3) .choice__artist-title,
.choice__flex-wrapper:nth-child(4) .choice__artist-title,
.choice__flex-wrapper:nth-child(5) .choice__artist-title,
.choice__flex-wrapper:nth-child(6) .choice__artist-title,
.choice__flex-wrapper:nth-child(7) .choice__artist-title,
.choice__flex-wrapper:nth-child(8) .choice__artist-title {
margin-right: 10px;
margin-bottom: 0!important;
text-align: left;
}



.choice__flex-wrapper:nth-child(1) .choice__artist-title,
.choice__flex-wrapper:nth-child(2) .choice__artist-title{
text-align: center;
}


.choice__flex-wrapper:nth-child(1) .choice__artist-name{
text-align: center;
}

.choice__location {
/*margin-bottom: 0;
display: flex;*/
}

.choice__obor li {
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
padding: 7px 10px;
margin-bottom: 5px;
text-align: center;
color: black;
border: 1px solid transparent;
border-radius: 15px;
}


.debug {
position: fixed;
top: 0px;
left: 0px;
width: 30%;
height: 41vh;
padding: 20px;
background-color: #000;
color: #fff;
font-weight: 100;
z-index: 20000;
overflow: auto;
}


.kard_fos{
width: 100%;
display: flex;
justify-content: center;
}

.closeFinalInfo {
padding: 15px 40px;
background: #7df11c;
width: 150px;
margin-top: 30px;
text-align: center;
text-transform: uppercase;
color: #000;
border-radius: 50px;
cursor: pointer;
transition: 0.3s;
}

.closeFinalInfo:hover {
    rtransform: scalle(0.9);
    transform: scale(0.9);
}

.kard_fos .img {
width: auto;
padding: 20px;
}

.kard_fos .img img{
width: 300px;
}


.kard_fos .content{
width: auto;
color: #fff;
font-family: Inter;
}

.kard_fos .content h2 {
color: #fff;
font-family: "Micra", arial;
font-size: 28px;
letter-spacing: normal;
font-style: normal;
font-weight: 100;
}

.kard_fos .content h3 {
color: #fff;
font-size: 25px;
margin-top: 10px;
}



.kard_fos .content  span.dta{
color: #ff0;
}

.kard_fos .content .choice__arrow-img {
color: #000;
position: inherit;
transform: rotate(0deg);
padding: 15px;
margin: 20px 0px;
/* background: #f00; */
width: 182px;
max-width: 190px;
text-align: center;
border-radius: 30px;
text-transform: uppercase;
background: linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
}

.tabs__item {
    display: none;
}

.tabs__item.active {
    display: block;
}

.location-tabs__wrapper {
    display: flex;
    align-items: center;
}

.tabs__nav-btn {
    padding: 5px 20px;
    border: 2px solid transparent;
    border-radius: 10px;
    height: max-content;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    font-size: 24px;
    cursor: pointer;
    transition: .3s;
    margin-right: 10px;
}

.tabs__nav-btn:hover {
    background: #7df11c;
    border: 2px solid black;
    opacity: .75;
}

.tabs__nav-btn.active {
    border: 2px solid black;
    background: #7df11c;
}

.tabs__nav-btn.active:hover {
    opacity: 1;
}

.tooltip-block a {
    text-decoration: none;
    color: black;
}

.tooltip-block a:hover {
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width:1200px) {
    .location-tabs__wrapper {
        flex-direction: column;
    }

    .tabs__nav-btn {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

#equipment .banner__button {
    display: block;
    padding: 11px 16px;
    width: 258px;
    left: 0;
}

.form-label--fz {
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 449px) {
    #equipment .banner__button {
        transform: translateX(-50%);
        position: relative;
        top: 23px;
        left: 50%;
    }

    .contacts__link {
        font-size: 18px;
    }
}