* {
  box-sizing: border-box;
  transition: all 0.3s linear;
}

a {
  text-decoration: none;
  color: inherit;
}

.overflow {
  overflow: hidden;
}

html {
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
}

body {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

header {
  flex-shrink: 0;
  flex-grow: 0;
}

main {
  flex: 1;
}

footer {
  flex-shrink: 0;
  flex-grow: 0;
}

body {
  margin: 0;
}

#result-reserve-window {
  display: none;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

h1,
.h1 {
  font-family: Montserrat;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.inline {
  display: inline-block !important;
}

h2,
.h2 {
  font-family: Montserrat;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 50px;
}

h3,
.h3 {
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 40px;
}

h4 {
  margin: 0;
}

.h4,
h4 {
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.Roboto {
  font-family: Roboto;
}

.Montserrat {
  font-family: Montserrat;
}

.load-button.load-button-diff {
  padding: 15px 30px;
  border-radius: 20px;
  border: 2px solid #e5124b;
  max-width: 350px;
}

.load-button.load-button-diff.max-width {
  max-width: 450px;
}

.btn.max-width540 {
  max-width: 540px;
}

.btn.max-width400 {
  max-width: 400px;
}

#politicsAdd {
  color: #000;
  padding: 30px 30px;
}

#politicsAdd .popup {
  max-width: 800px;
}

.agreem label a,
.agreem p a {
  text-decoration: underline;
}

.agreement-cookies-status-wrap {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px 20px;
  box-sizing: border-box;
  color: #000;
  z-index: 9990;
  text-align: left;
  opacity: 1;
  visibility: visible;
  display: none;
  justify-content: space-between;
  align-items: center;
  -webkit-transition: opacity 0.5s, visibility;
  -moz-transition: opacity 0.5s, visibility;
  -o-transition: opacity 0.5s, visibility;
  transition: opacity 0.5s, visibility;
  border-top: 2px solid #d2394c;
  gap: 15px;
}

.agreement-cookies-status-text p {
  margin: 0;
  font-size: calc((100vw - 320px) / (1170 - 320) * (13 - 10) + 10px);
}

.agreement-cookies-status-text p a {
  text-decoration: underline;
  color: #e5682f;
}

.agreement-cookie-ok {
  background: #000;
  display: block;
  padding: 15px 25px;
  border-radius: 10px;
  color: #fff;
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 14px;
}

.btn.margin0 {
  margin: 15px 0;
}

.load-button.load-button-diff > div > div:first-child span:first-child {
  color: #e5124b;
  font-weight: 700;
}

.load-button.load-button-diff .ico-load {
  width: 36px;
  background: transparent;
  padding: 3px;
}

.load-button.load-button-diff .ico-load::after {
  background-image: url("../img/icons/DownloadDiff.png");
}

.load-button {
  max-width: 400px;
  font-family: Montserrat;
  display: inline-block;
  width: auto;
  padding: 30px 20px;
  background: #fff;
  border-radius: 30px;
}

.load-button > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.load-button > div > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.load-button > div > div:first-child span:first-child {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  display: block;
}

.load-button > div > div:first-child span:last-child {
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.3;
}

.ico-load {
  width: 45px;
  height: auto;
  aspect-ratio: 1/1;
  padding: 10px;
  border-radius: 150px;
  background: #e5124b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ico-load::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkRvd25sYW9kIj4KPHBhdGggaWQ9IlN0cm9rZSAxIiBkPSJNMTAuMTIyMyAxMy40MzU1TDEwLjEyMjMgMS4zOTQ1MyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iU3Ryb2tlIDMiIGQ9Ik0xMy4wMzgzIDEwLjUwNzhMMTAuMTIyMyAxMy40MzU4TDcuMjA2MzMgMTAuNTA3OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iU3Ryb2tlIDQiIGQ9Ik0xNC43NTUxIDYuMTI4OTFIMTUuNjg4MUMxNy43MjMxIDYuMTI4OTEgMTkuMzcyMSA3Ljc3NzkxIDE5LjM3MjEgOS44MTM5MVYxNC42OTc5QzE5LjM3MjEgMTYuNzI3OSAxNy43MjcxIDE4LjM3MjkgMTUuNjk3MSAxOC4zNzI5TDQuNTU3MDcgMTguMzcyOUMyLjUyMjA3IDE4LjM3MjkgMC44NzIwNyAxNi43MjI5IDAuODcyMDcgMTQuNjg3OVY5LjgwMjkxQzAuODcyMDcgNy43NzM5MSAyLjUxODA3IDYuMTI4OTEgNC41NDcwNyA2LjEyODkxSDUuNDg5MDciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K);
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}

.blur {
  filter: blur(3px);
}

#popup-res-calculator.active {
  display: flex;
  opacity: 1;
}

#popup-res-calculator {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  opacity: 0;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background-image: url("../images/img/backResCalculator.png");
  background-repeat: no-repeat;
  background-size: cover;
}

#popup-res-calculator .close-btn {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 8px;
}

#popup-res-calculator .close-btn::after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNsb3NlIFNxdWFyZSI+CjxwYXRoIGlkPSJTdHJva2UgMSIgZD0iTTE1Ljk5NDQgOS45OTQxNEwxMC4wMDQ0IDE1Ljk4NDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IlN0cm9rZSAyIiBkPSJNMTUuOTk2NSAxNS45ODY1TDEwLjAwMTUgOS45OTAyMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iU3Ryb2tlIDMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNDE4MiAxLjQzNzVINy41ODE5OEMzLjgwNTczIDEuNDM3NSAxLjQzODIzIDQuMTExMjUgMS40MzgyMyA3Ljg5NVYxOC4xMDVDMS40MzgyMyAyMS44ODg3IDMuNzk0NDggMjQuNTYyNSA3LjU4MTk4IDI0LjU2MjVIMTguNDE3QzIyLjIwNTcgMjQuNTYyNSAyNC41NjMyIDIxLjg4ODcgMjQuNTYzMiAxOC4xMDVWNy44OTVDMjQuNTYzMiA0LjExMTI1IDIyLjIwNTcgMS40Mzc1IDE4LjQxODIgMS40Mzc1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
  background-size: 100%;
  background-repeat: no-repeat;
}

.form-calculator {
  width: calc(100% - 20px);
  max-width: 540px;
  text-align: center;
  border-radius: 20px;
  background: #e5124b;
  box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.4);
  padding: 50px 45px;
  position: relative;
}

.form-calculator .h2 {
  margin-bottom: 20px;
}

.form-calculator p:last-child {
  color: #fff;
  text-align: center;
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.no-hidden {
  overflow: visible;
}

.color-transp {
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

.darkOrangeBackground {
  background: #ec5024;
  margin-top: -1px;
}

.orangeBackground {
  background: #ec4e25;
  margin-top: -1px;
}

.order-page .hall > input {
  width: 200px;
  border: 1px solid #ffffff85;
  border-radius: 10px;
  color: #fff;
}

.order-page .hall > input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff;
  opacity: 0.5;
}
.order-page .hall > input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 0.5;
}
.order-page .hall > input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 0.5;
}
.order-page .hall > input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  opacity: 0.5;
}
.order-page .hall > input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
  opacity: 0.5;
}
.order-page .hall > input::placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  opacity: 0.5;
}

.orangeToRedBackground {
  background: linear-gradient(#ec4e25, #d0374e);
  margin-top: -1px;
}

.lightOrangeToRedBackground {
  background: linear-gradient(#ec7030, #d0374e);
  margin-top: -1px;
}

.redToLightOrangeBackground {
  background: linear-gradient(#d0374e, #ec7030);
  margin-top: -1px;
}

.redBackground {
  background: #d0374e;
  margin-top: -1px;
}

.redToOrangeBackground {
  background: linear-gradient(#d0374e, #ec4e25);
  margin-top: -1px;
}

.center {
  text-align: center;
}

.center.btn {
  margin-left: auto;
  margin-right: auto;
}

.short-width {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}

.child-circle {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.child-circle .img-wrap {
  width: 400px;
  height: auto;
}

.child-circle .short-width {
  border-radius: 500px;
  background: rgba(255, 255, 255, 0.2);
  padding: 65px 50px;
  margin: 0 20px;
  box-sizing: content-box;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #ec5124 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 100vw #e5682f;
  border: 20px solid transparent;
  width: 790px;
  max-width: none;
}

.slick-track,
.slick-list {
  height: 100%;
}

.flex-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.flex-items.center {
  justify-content: center;
}

.flex-items.start {
  justify-content: flex-start;
}

.minus-top {
  padding-top: 480px !important;
  margin-top: -680px !important;
}

.slick-slider .slick-dots {
  z-index: 98;
  bottom: 20px;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.slick-slider .slick-dots li {
  width: 15px;
  height: 15px;
  border-radius: 600px;
  overflow: hidden;
}

.slick-slider .slick-dots li button {
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  border-radius: 600px;
}

.slick-slider .slick-dots li.slick-active button {
  background: #fff;
}

.slick-slider .slick-dots li.slick-active button:before,
.slick-slider .slick-dots li button:before {
  display: none;
}

.custom-arrow.slick-arrow {
  position: absolute;
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 150px;
  background: #f99508;
  z-index: 98;
  padding: 5px;
  cursor: pointer;
}

.custom-arrow.slick-arrow svg {
  width: 100%;
  height: 100%;
}

.child-slider .custom-arrow.slick-arrow.prev-arrow {
  left: 0;
  top: calc(40% - 25px);
}

.child-slider .custom-arrow.slick-arrow.next-arrow {
  right: 10px;
  top: calc(40% - 25px);
}

.child-slider .slick-slider .slick-dots {
  bottom: -20px;
}

.custom-arrow.slick-arrow.prev-arrow {
  left: 130px;
}

.custom-arrow.slick-arrow.next-arrow {
  right: 130px;
}

.btn {
  padding: 15px 20px;
  display: block;
  color: #e5124b;
  text-align: center;
  border-radius: 20px;
  min-width: 260px;
  margin: 15px auto;
  border: 3px solid #e5124b;
  background: #fff;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}

.btn:hover {
  opacity: 0.7;
}

.no-wrap {
  white-space: nowrap;
}

.btn.btn-diff {
  border: 3px solid #fff;
  background: #f99508;
  color: #fff;
}

.btn.btn-diff-2 {
  color: #fff;
  background: #e5124b;
  border: 3px solid #fff;
}

.btn.btn-diff-3 {
  color: #e5124b;
  background: #fff;
  border: none;
}

.btn.btn-diff-4 {
  color: #e5124b;
  background: transparent;
  border: 3px solid #e5124b;
}

.btn.btn-diff-5 {
  color: #fff;
  background: #e5124b;
  border: 3px solid #e5124b;
}

.btn.btn-diff-6 {
  color: #fff;
  background: transparent;
  border: 3px solid #fff;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #232323;
  opacity: 0.5;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #232323;
  opacity: 0.5;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #232323;
  opacity: 0.5;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #232323;
  opacity: 0.5;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #232323;
  opacity: 0.5;
}
::placeholder {
  /* Most modern browsers support this now. */
  color: #232323;
  opacity: 0.5;
}

input {
  color: #232323;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px;
  border: none;
  border-bottom: 1px solid #232323;
  margin: 0;
  width: 100%;
  background: transparent;
}

.form-in-page {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 40px 40px 30px 40px;
  border-radius: 70px;
  border: 2px solid #e5124b;
  background: rgba(255, 255, 255, 0.2);
}

.form-in-page input,
.form-in-page .form-hour p,
.form-in-page label,
.form-in-page .agreem p {
  color: #fff;
}

.form-in-page input {
  border-bottom: 1px solid #fff;
}

.form-in-page .date-input-wrap::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNhbGVuZGFyIj4KPHBhdGggaWQ9IkxpbmVfMjAwIiBkPSJNMS4wOTI3NyA4LjQwNDQ1SDE4LjkxNjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IkxpbmVfMjAxIiBkPSJNMTQuNDQyIDEyLjMwODhIMTQuNDUxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iTGluZV8yMDIiIGQ9Ik0xMC4wMDQ1IDEyLjMwODhIMTAuMDEzNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iTGluZV8yMDMiIGQ9Ik01LjU1NzY5IDEyLjMwODhINS41NjY5NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iTGluZV8yMDQiIGQ9Ik0xNC40NDIgMTYuMTk1NUgxNC40NTEyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJMaW5lXzIwNSIgZD0iTTEwLjAwNDUgMTYuMTk1NUgxMC4wMTM3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJMaW5lXzIwNiIgZD0iTTUuNTU3NjkgMTYuMTk1NUg1LjU2Njk1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJMaW5lXzIwNyIgZD0iTTE0LjA0MzggMVY0LjI5MDc4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJMaW5lXzIwOCIgZD0iTTUuOTY1NjQgMVY0LjI5MDc4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjIzODMgMi41ODAwOEg1Ljc3MDk2QzIuODM0MjcgMi41ODAwOCAxIDQuMjE2MDEgMSA3LjIyMzFWMTYuMjcyN0MxIDE5LjMyNzEgMi44MzQyNyAyMS4wMDA5IDUuNzcwOTYgMjEuMDAwOUgxNC4yMjlDMTcuMTc1IDIxLjAwMDkgMTkgMTkuMzU1NSAxOSAxNi4zNDg0VjcuMjIzMUMxOS4wMDkyIDQuMjE2MDEgMTcuMTg0MiAyLjU4MDA4IDE0LjIzODMgMi41ODAwOFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
}

.form-in-page .sendForm {
  border: 1px solid #fff;
}

.form-in-page .custom-checkbox input[type="checkbox"]:after {
  background-color: #f05a59;
}

.form-in-page ::-webkit-input-placeholder,
.calculator ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff;
  opacity: 0.5;
}
.form-in-page :-moz-placeholder,
.calculator :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 0.5;
}
.form-in-page ::-moz-placeholder,
.calculator ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 0.5;
}
.form-in-page :-ms-input-placeholder,
.calculator :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  opacity: 0.5;
}
.form-in-page ::-ms-input-placeholder,
.calculator ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
  opacity: 0.5;
}
.form-in-page ::placeholder,
.calculator ::placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  opacity: 0.5;
}

.date-input-wrap {
  position: relative;
  width: 100%;
}

.date-input-wrap input {
  padding-right: 34px;
}

.date-input-wrap::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNhbGVuZGFyIj4KPHBhdGggaWQ9IkxpbmVfMjAwIiBkPSJNMS4wOTI3NyA4LjQwNDQ1SDE4LjkxNjciIHN0cm9rZT0iIzIzMjMyMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iTGluZV8yMDEiIGQ9Ik0xNC40NDIgMTIuMzA5N0gxNC40NTEyIiBzdHJva2U9IiMyMzIzMjMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IkxpbmVfMjAyIiBkPSJNMTAuMDA0NSAxMi4zMDk3SDEwLjAxMzciIHN0cm9rZT0iIzIzMjMyMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iTGluZV8yMDMiIGQ9Ik01LjU1NzY5IDEyLjMwOTdINS41NjY5NSIgc3Ryb2tlPSIjMjMyMzIzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJMaW5lXzIwNCIgZD0iTTE0LjQ0MiAxNi4xOTY0SDE0LjQ1MTIiIHN0cm9rZT0iIzIzMjMyMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iTGluZV8yMDUiIGQ9Ik0xMC4wMDQ1IDE2LjE5NjRIMTAuMDEzNyIgc3Ryb2tlPSIjMjMyMzIzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJMaW5lXzIwNiIgZD0iTTUuNTU3NjkgMTYuMTk2NEg1LjU2Njk1IiBzdHJva2U9IiMyMzIzMjMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IkxpbmVfMjA3IiBkPSJNMTQuMDQzOCAxVjQuMjkwNzgiIHN0cm9rZT0iIzIzMjMyMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iTGluZV8yMDgiIGQ9Ik01Ljk2NTY0IDFWNC4yOTA3OCIgc3Ryb2tlPSIjMjMyMzIzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjIzODMgMi41NzkxSDUuNzcwOTZDMi44MzQyNyAyLjU3OTEgMSA0LjIxNTA0IDEgNy4yMjIxM1YxNi4yNzE4QzEgMTkuMzI2MSAyLjgzNDI3IDIwLjk5OTkgNS43NzA5NiAyMC45OTk5SDE0LjIyOUMxNy4xNzUgMjAuOTk5OSAxOSAxOS4zNTQ1IDE5IDE2LjM0NzRWNy4yMjIxM0MxOS4wMDkyIDQuMjE1MDQgMTcuMTg0MiAyLjU3OTEgMTQuMjM4MyAyLjU3OTFaIiBzdHJva2U9IiMyMzIzMjMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
}

.form-fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.wrap-form-fields {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
}

.form-hour p {
  color: #232323;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 10px;
}

.hour-inputs {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hour-inputs input {
  width: 100%;
  max-width: 220px;
  min-width: 130px;
}

.btn-form {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 15px 30px;
  text-align: center;
  border-radius: 20px;
  background: #e5124b;
  color: #fff;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.agreem p {
  color: #232323;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 15px 0 5px;
}

.custom-checkbox {
  position: relative;
}

.custom-checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 3px;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

label {
  color: #232323;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.custom-checkbox label {
  margin-left: 30px;
  text-align: left;
  width: auto;
  display: block;
}

.custom-checkbox input[type="checkbox"]:after {
  width: 24px;
  height: 24px;
  top: -2px;
  left: -2px;
  position: relative;
  background-color: #fff;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb25seS9MaWdodC9UaWNrIFNxdWFyZSI+CjxnIGlkPSJUaWNrIFNxdWFyZSI+CjxwYXRoIGlkPSJTdHJva2UgMSIgZD0iTTcuNjY1NDkgMi43NUgxNi4zMzQ1QzE5LjM2NDUgMi43NSAyMS4yNTA1IDQuODg5IDIxLjI1MDUgNy45MTZWMTYuMDg0QzIxLjI1MDUgMTkuMTExIDE5LjM2NDUgMjEuMjUgMTYuMzMzNSAyMS4yNUg3LjY2NTQ5QzQuNjM1NDkgMjEuMjUgMi43NTA0OSAxOS4xMTEgMi43NTA0OSAxNi4wODRWNy45MTZDMi43NTA0OSA0Ljg4OSA0LjY0NDQ5IDIuNzUgNy42NjU0OSAyLjc1WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xOSIgc3Ryb2tlPSIjRTUxMjRCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-checkbox input[type="checkbox"]:checked:after {
  width: 24px;
  height: 24px;
  top: -2px;
  left: -2px;
  position: relative;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb25seS9MaWdodC9UaWNrIFNxdWFyZSI+CjxnIGlkPSJUaWNrIFNxdWFyZSI+CjxwYXRoIGlkPSJTdHJva2UgMSIgZD0iTTcuNjY1NDkgMi43NUgxNi4zMzQ1QzE5LjM2NDUgMi43NSAyMS4yNTA1IDQuODg5IDIxLjI1MDUgNy45MTZWMTYuMDg0QzIxLjI1MDUgMTkuMTExIDE5LjM2NDUgMjEuMjUgMTYuMzMzNSAyMS4yNUg3LjY2NTQ5QzQuNjM1NDkgMjEuMjUgMi43NTA0OSAxOS4xMTEgMi43NTA0OSAxNi4wODRWNy45MTZDMi43NTA0OSA0Ljg4OSA0LjY0NDQ5IDIuNzUgNy42NjU0OSAyLjc1WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xOSIgc3Ryb2tlPSIjRTUxMjRCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJTdHJva2UgMyIgZD0iTTguNDM5OTQgMTJMMTAuODEzOSAxNC4zNzNMMTUuNTU5OSA5LjYyNjk1IiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-radio {
  position: relative;
}

.custom-radio input[type="radio"] {
  position: absolute;
  left: 0;
  top: 8px;
  cursor: pointer;
  width: 28px;
  height: 28px;
}

.custom-radio label,
.custom-radio p {
  text-align: left;
  margin: 0 0 0 45px;
  width: auto;
  display: block;
}

.custom-checkbox.radio-style input[type="checkbox"]:after {
  width: 30px;
  height: 30px;
  top: -2px;
  left: -2px;
  position: relative;
  background-color: transparent;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-checkbox.radio-style input[type="checkbox"]:checked:after {
  width: 30px;
  height: 30px;
  top: -2px;
  left: -2px;
  position: relative;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxMCIgZmlsbD0iI0U1MTI0QiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-radio input[type="radio"]:after {
  width: 30px;
  height: 30px;
  top: -2px;
  left: -2px;
  position: relative;
  background-color: transparent;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-radio input[type="radio"]:checked:after {
  width: 30px;
  height: 30px;
  top: -2px;
  left: -2px;
  position: relative;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxMCIgZmlsbD0iI0U1MTI0QiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-input-diff input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 20px;
}

.custom-input-diff > label {
  cursor: pointer;
  display: block;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-input-diff > label > span,
.custom-input-diff > span {
  display: inline-flex;
  align-items: center;
  user-select: none;
  gap: 8px;
  width: 100%;
}

.type-hall .custom-input-diff span > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-input-diff input[type="radio"]:checked + span::before {
  width: 30px;
  height: 30px;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxMCIgZmlsbD0iI0U1MTI0QiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

.custom-input-diff input[type="radio"] + span::before {
  width: 30px;
  height: 30px;
  background-color: transparent;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

.custom-input-diff input[type="checkbox"]:checked + span::before {
  width: 30px;
  height: 30px;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxMCIgZmlsbD0iI0U1MTI0QiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

#step-1 > .flex-items.center {
  align-items: stretch;
}

.custom-input-diff input[type="checkbox"] + span::before {
  width: 30px;
  height: 30px;
  background-color: transparent;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

.custom-input-diff.style-checkbox input + span::before {
  width: 24px;
  height: 24px;
  background-color: transparent;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb25seS9MaWdodC9UaWNrIFNxdWFyZSI+CjxnIGlkPSJUaWNrIFNxdWFyZSI+CjxwYXRoIGlkPSJTdHJva2UgMSIgZD0iTTcuNjY1NDkgMi43NUgxNi4zMzQ1QzE5LjM2NDUgMi43NSAyMS4yNTA1IDQuODg5IDIxLjI1MDUgNy45MTZWMTYuMDg0QzIxLjI1MDUgMTkuMTExIDE5LjM2NDUgMjEuMjUgMTYuMzMzNSAyMS4yNUg3LjY2NTQ5QzQuNjM1NDkgMjEuMjUgMi43NTA0OSAxOS4xMTEgMi43NTA0OSAxNi4wODRWNy45MTZDMi43NTA0OSA0Ljg4OSA0LjY0NDQ5IDIuNzUgNy42NjU0OSAyLjc1WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xOSIgc3Ryb2tlPSIjRTUxMjRCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

.custom-input-diff.style-checkbox input:checked + span::before {
  width: 24px;
  height: 24px;
  content: "";
  display: inline-block;
  visibility: visible;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb25seS9MaWdodC9UaWNrIFNxdWFyZSI+CjxnIGlkPSJUaWNrIFNxdWFyZSI+CjxwYXRoIGlkPSJTdHJva2UgMSIgZD0iTTcuNjY1NDkgMi43NUgxNi4zMzQ1QzE5LjM2NDUgMi43NSAyMS4yNTA1IDQuODg5IDIxLjI1MDUgNy45MTZWMTYuMDg0QzIxLjI1MDUgMTkuMTExIDE5LjM2NDUgMjEuMjUgMTYuMzMzNSAyMS4yNUg3LjY2NTQ5QzQuNjM1NDkgMjEuMjUgMi43NTA0OSAxOS4xMTEgMi43NTA0OSAxNi4wODRWNy45MTZDMi43NTA0OSA0Ljg4OSA0LjY0NDQ5IDIuNzUgNy42NjU0OSAyLjc1WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xOSIgc3Ryb2tlPSIjRTUxMjRCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJTdHJva2UgMyIgZD0iTTguNDM5OTQgMTJMMTAuODEzOSAxNC4zNzNMMTUuNTU5OSA5LjYyNjk1IiBzdHJva2U9IiNFNTEyNEIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: contain;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

.custom-input-diff > label > span > div {
  text-align: left;
}

select {
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 2px;
  -moz-padding-start: 2px;
  background-color: #ffff;
  background-image: none;
  background-position: center right;
  background-repeat: no-repeat;
  border: none;
  border-bottom: 1px solid #232323;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 44px;
  color: #232323;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

select option {
  font-size: 12px;
}

.fancybox-slide--html .fancybox-close-small {
  width: 30px !important;
  height: 30px !important;
  background: transparent !important;
  padding: 0 !important;
  right: 15px !important;
  top: 15px !important;
}

.fancybox-button::after {
  content: "";
  display: block;
  background-image: url("../img/icons/Close Square.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}

.fancybox-button svg {
  display: none !important;
}

.fancybox-inner .fancybox-content {
  display: inline-flex;
  padding: 50px 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  border-radius: 40px;
  border: 2px solid #e5124b;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.uppercase {
  text-transform: uppercase;
}

.container {
  padding-left: 130px;
  padding-right: 130px;
  overflow: hidden;
}

.container-left.left-image {
  padding-left: 270px;
}

.container-left.left-image .wrapper-text {
  width: 540px;
}

.container-left {
  padding-left: 130px;
  overflow: hidden;
}

.container-right {
  padding-right: 130px;
  overflow: hidden;
}

.container.min-container {
  padding-left: 30px;
  padding-right: 30px;
}

.section {
  padding-top: 60px;
  padding-bottom: 90px;
  overflow: hidden;
}

.popup-window[style*="block"] {
  display: none !important;
}

#popup-window {
  display: none;
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 999999999999;
  width: 200px;
  padding: 15px 20px;
  border: 1px solid #fff;
  border-radius: 8px;
  font-size: 12px;
  background-color: #048410;
  color: #1d1d1b;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  opacity: 0.8;
}

#popup-window.error {
  background-color: red;
}

#popup-window.view {
  display: block;
}

.popup {
  width: 100%;
  max-width: 460px;
  min-width: 200px;
  height: auto;
  padding: 0;
}

/* .popup .form-fields {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    margin: 30px 0;
  }
  
  .popup .title-popup {
    color: #1d1d1b;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  
  .popup .primary-button {
    width: 100%;
  } */

.wrapper-logo {
  pointer-events: none;
  position: relative;
  height: 710px;
  width: 100%;
}

.wrapper-logo .container-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: 540px;
  position: absolute;
  bottom: 30px;
}

.wrapper-logo .container-flex .headerImg:first-child {
  background-image: url("../images/img/headPng1.png");
}

.wrapper-logo .container-flex .headerImg:last-child {
  background-image: url("../images/img/headPng2.png");
}

.headerImg {
  width: 600px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-header {
  background-image: url("../images/headers/mainHeader1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 910px;
}

.child-header {
  background-image: url("../images/headers/childHeader1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 940px;
}

.child-page > div:nth-child(2) {
  padding-top: 550px;
  margin-top: -750px;
}

.bowling-header {
  background-image: url("../images/headers/bowlingHeader1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 905px;
}

.song-header {
  background-image: url("../images/headers/songHeader1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 961px;
}

.song-page > div:nth-child(2) {
  margin-top: -250px;
  padding-top: 100px;
}

.vip-header {
  background-image: url("../images/headers/vipHeader1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 910px;
}

.vip-page > div:nth-child(2) {
  padding-top: 550px;
  margin-top: -750px;
}

.vip-page .banner.banner-medium .h1 {
  font-size: 60px;
  text-shadow: 0px 0px 20px rgb(255 255 255 / 65%);
}

.no-space {
  white-space: nowrap;
}

.headerLogo {
  width: 560px;
  height: 100%;
  background-image: url("../img/logo560.png");
  z-index: 9;
  background-size: contain;
  background-repeat: no-repeat;
}

.footer-one {
  background: #1d1d1d;
  padding-top: 70px;
}

.top-footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: stretch;
  padding-bottom: 20px;
}

.top-footer .left-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.top-footer .left-item .logo-footer {
  max-width: 400px;
  width: 100%;
}

.logo-footer img {
  width: 100%;
  height: auto;
}

footer p {
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 20px;
}

footer ul {
  margin: 20px 0 0;
  list-style-type: none;
  padding: 0;
}

footer li {
  padding: 0;
  margin-bottom: 10px;
}

.underline {
  text-decoration: underline;
}

.icon {
  display: inline-flex;
  align-items: flex-start;
  gap: 5px;
}

.icon::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.icon.number-phone::before {
  background-image: url("../img/icons/Call.png");
}

.icon.address::before {
  background-image: url("../img/icons/Location.png");
}

.bottom-footer {
  padding: 20px 0;
  border-top: 1px solid #ffffffa2;
  display: flex;
  justify-content: space-between;
}

.left-item,
.right-item,
.bottom-footer a:first-child {
  width: 400px;
}

.right-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.right-item > div {
  max-width: 220px;
}

.right-item > div div:last-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}

.bottom-footer span {
  width: 310px;
}

.footer-two {
  background: #131313;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #fff;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.21px;
}

.footer-two span {
  font-weight: 300;
}

.icon-soc span {
  width: 50px;
  aspect-ratio: 1/1;
  height: auto;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.icon-soc.ico-vk span {
  background-image: url("../img/icons/vk.png");
}

.icon-soc.ico-tg span {
  background-image: url("../img/icons/teleg.png");
}

/* main.main-home {
    margin-top: -250px;
    padding-top: 250px;
    background-color: #ec5124;
  } */

main {
  background-color: #ec5124;
}

main > div:last-child {
  padding-bottom: 150px;
}

.push20 {
  padding: 20px;
}

.push30 {
  padding: 30px;
}

.push40 {
  padding: 40px;
}

.push50 {
  padding: 50px;
}

.push60 {
  padding: 60px;
}

.push70 {
  padding: 70px;
}

.push80 {
  padding: 80px;
}

.push90 {
  padding: 90px;
}

.push100 {
  padding: 100px;
}

.nav-main {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  background: #f99508;
}

header {
  position: relative;
}

.menu-main {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

.menu-main,
.menu-main ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

.menu-main li {
  text-align: center;
  color: #fff;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: calc(100% / 6);
  max-width: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.menu-main li a::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}

.menu-mobile li a::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  display: block;
  margin: 0;
}

ul li.bouling a::before {
  background-image: url("../img/icons/bowling.png");
}

.redIcons ul li.bouling a::before {
  background-image: url("../img/icons/bowlingRed.png");
}

ul li.song a::before {
  background-image: url("../img/icons/song.png");
}

.redIcons ul li.song a::before {
  background-image: url("../img/icons/songRed.png");
}

ul li.main a::before {
  /*background-image: url('../img/icons/menuLogo.png');*/
  background-image: url("../img/logo560.png");
  width: 100%;
  height: 100%;
  background-position-y: 50%;
}

ul li.main a {
  display: block;
  width: 100%;
  height: 100%;
}

ul li.vip a::before {
  background-image: url("../img/icons/VIP.png");
}

.redIcons ul li.vip a::before {
  background-image: url("../img/icons/VIPRed.png");
}

ul li.child a::before {
  background-image: url("../img/icons/Child.png");
}

.redIcons ul li.child a::before {
  background-image: url("../img/icons/ChildRed.png");
}

ul li.corporats a::before {
  background-image: url("../img/icons/corporats.png");
}

.redIcons ul li.corporats a::before {
  background-image: url("../img/icons/corporatsRed.png");
}

ul li.contacts a::before {
  background-image: url("../img/icons/contacts.png");
}

.redIcons ul li.contacts a::before {
  background-image: url("../img/icons/contactsRed.png");
}

/*.menu-main li.active {
    color: #048410;
    border-bottom: 1px solid #048410;
  }*/

.menu-main li {
  position: relative;
  cursor: pointer;
}

/*.menu-main li:hover {
    color: #048410;
  }
  
  .menu-main li:hover {
    color: #1d1d1b;
  }
  
  .menu-main li:hover ul {
    display: block;
  }
  
  .menu-main li > div > ul > li {
    margin-bottom: 10px;
  }
  
  .menu-main li > div > ul > li:last-child {
    margin-bottom: 0;
  }*/

.mobile-btn,
.mobile-menu {
  display: none;
}

.mobile-btn {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMi4yOTE2MyIgeT0iMTEuNDU5IiB3aWR0aD0iNTAuNDE2NyIgaGVpZ2h0PSI0LjU4MzMzIiByeD0iMi4yOTE2NyIgZmlsbD0iI0U1MTI0QiIvPgo8cmVjdCB4PSIyLjI5MTYzIiB5PSIyNS4yMDkiIHdpZHRoPSI1MC40MTY3IiBoZWlnaHQ9IjQuNTgzMzMiIHJ4PSIyLjI5MTY3IiBmaWxsPSIjRTUxMjRCIi8+CjxyZWN0IHg9IjIuMjkxNjMiIHk9IjM4Ljk1OSIgd2lkdGg9IjUwLjQxNjciIGhlaWdodD0iNC41ODMzMyIgcng9IjIuMjkxNjciIGZpbGw9IiNFNTEyNEIiLz4KPC9zdmc+Cg==");
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 9999;
  max-width: 460px;
  width: 100%;
  padding: 20px 10px;
  height: 100vh;
  background-color: #f99508;
  overflow: scroll;
}

.mobile-menu.open {
  left: 0;
}

.top-mobile-menu {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}

.top-mobile-menu img {
  width: 280px;
  height: auto;
}

#formOrderVip .hour-inputs > div{
  width: 150px;
}

#formOrderVip select{
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  box-shadow: none;
  color: #fff;
}

#formOrderVip option{
  color: #000;
}

.menu-mobile {
  width: 100%;
  list-style-type: none;
  max-width: 280px;
  margin: 0 0 100px;
  padding: 0;
  text-align: left;
}
.menu-mobile li {
  width: 100%;
  border-bottom: 1px solid rgba(245, 246, 250, 0.4);
  margin-bottom: 5px;
}

.menu-mobile li a {
  padding: 10px 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.menu-mobile a {
  display: block;
  width: 100%;
  padding: 10px;
  color: #fff;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.close-mobile {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDExMTQiPgo8cmVjdCBpZD0iUmVjdGFuZ2xlIDIyOCIgeD0iMTEuMjk1NCIgeT0iNy44NDY2OCIgd2lkdGg9IjUwLjQxNjciIGhlaWdodD0iNC41ODMzMyIgcng9IjIuMjkxNjciIHRyYW5zZm9ybT0icm90YXRlKDQ1IDExLjI5NTQgNy44NDY2OCkiIGZpbGw9IiNFNTEyNEIiLz4KPHJlY3QgaWQ9IlJlY3RhbmdsZSAyMzAiIHg9IjguMDU0NTciIHk9IjQzLjQ5NjEiIHdpZHRoPSI1MC40MTY3IiBoZWlnaHQ9IjQuNTgzMzMiIHJ4PSIyLjI5MTY3IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgOC4wNTQ1NyA0My40OTYxKSIgZmlsbD0iI0U1MTI0QiIvPgo8L2c+Cjwvc3ZnPgo=");
}

.bottom-mobile-menu {
  display: block;
  max-width: 210px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.bottom-mobile-menu a {
  color: #fff;
}

.bottom-mobile-menu .secondary-button {
  color: #fff;
  border: 1px solid #fff;
  margin-top: 15px;
}

.right-side {
  position: sticky;
  top: 200px;
  width: 100%;
  max-width: 200px;
  margin-left: calc(100% - 201px);
  z-index: 99;
  opacity: 0.7;
}

.calculator .right-side .btn-side:last-child {
  display: none;
}

.right-side .btn-side {
  width: 100%;
  height: 120px;
  margin: 20px 0;
  padding: 10px 10px 10px 20px;
  border-radius: 140px 0px 0px 140px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-side img {
  width: auto;
  height: 100%;
}

.advantages {
  max-width: 1380px;
  margin: 0 auto;
}

.advantages .item {
  width: calc(20% - 100px);
  max-width: 200px;
}

.advantages .item img {
  width: 100%;
  max-width: 180px;
  max-height: 180px;
  aspect-ratio: 1/1;
}

.advantages .item p {
  margin: 0;
  text-align: center;
}

.btns-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 40px;
  gap: 20px;
}

.btns-section .btn {
  margin: 0;
}

.flex-items.balls {
  width: 100%;
  height: 300px;
  padding: 0 220px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

.flex-items.balls .item {
  width: calc(25% - 60px);
  max-width: 300px;
  aspect-ratio: 1/1;
  max-height: 300px;
  background-image: url("../images/img/ball.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  color: #fff;
  font-family: Montserrat;
  font-size: 36.923px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.borderSection {
  position: relative;
  border-radius: 0px 0 310px 310px;
  padding: 20px 0 0;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #eb7133 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 100vw #ec4e25;
  background-color: #0000;
  border: 50px solid transparent;
  border-top: none;
  width: calc(100% + 100px);
  height: auto;
  margin-left: -50px;
}

.borderSection .borderSection-top {
  width: 100%;
  height: 350px;
  background-image: url("../images/img/borderSection.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}

.borderSection .borderSection-bottom {
  width: 100%;
  height: 350px;
  background-image: url("../images/img/borderSection2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}

.borderSection .slick-slider {
  height: 950px;
  width: 100%;
}

.banner.two-border-wrapper {
  margin-bottom: 10px !important;
}

.banner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 45px;
  border-radius: 70px;
  border: 2px solid #e5124b;
  position: relative;
  gap: 50px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.19);
}

/* .borderBanner {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 100%;
    height: 100%;
    border-radius: 70px;
    border: 2px solid #f99508;
  } */

.banner.banner-big {
  width: calc(100% - 5px);
  height: 440px;
  overflow: initial;
  margin-top: 100px;
}

.banner.banner-big .image {
  width: 690px;
  height: calc(100% + 80px);
  margin-top: -79px;
}

.banner.banner-medium .image {
  min-width: 400px;
  height: calc(100% + 60px);
  margin-top: -60px;
  justify-content: flex-start;
}

.banner.banner-medium .btn.btn-diff-3 {
  border: 3px solid #e5124b;
}

.banner .image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 5px 0;
}

.banner .image img {
  height: 100%;
  width: auto;
}

.banner .text-banner {
  display: flex;
  padding: 40px 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  gap: 15px;
}

.banner.banner-big .text-banner {
  max-width: 500px;
}

.banner .text-banner p {
  margin: 0;
}

span.color-red {
  color: #e5124b;
}

.color-red {
  color: #e5124b;
}

.show-more-banner .flex-items {
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.show-more-banner .flex-items .btn {
  width: 100%;
  max-width: 300px;
  padding: 15px 20px;
}

.three-photo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.two-photo {
  max-width: 550px;
  width: 100%;
}

.two-photo .photo:first-child {
  height: 320px;
  position: relative;
}

.two-photo .photo:first-child > img {
  width: 60%;
  max-width: 320px;
  position: absolute;
  right: 30px;
  top: 30px;
}

.two-photo .photo:last-child {
  height: 260px;
  position: relative;
}

.two-photo .photo:last-child > img {
  max-width: 260px;
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 30px;
}

.three-photo .photo > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.4);
}

.three-photo .center-text {
  max-width: 540px;
  width: 100%;
  text-align: center;
}

.three-photo .center-text .h2 {
  margin: 0 0 20px;
}

.vip-spaces {
  justify-content: flex-end;
  gap: 40px;
}

.vip-spaces .btns {
  max-width: 400px;
  margin: 60px 0 0;
}

.vip-spaces .left-item {
  width: 40%;
  max-width: 650px;
}

.vip-spaces .right-item {
  width: 60%;
  max-width: 820px;
  height: 520px;
  border-radius: 80px;
  overflow: hidden;
  display: block;
}

.vip-spaces .right-item img {
  border-radius: 80px;
  width: 100%;
  height: 100%;
}

.vip-spaces .right-item > div div:last-child {
  display: block;
}

.vip-spaces .right-item .slick-slider.with-dots {
  max-width: none;
  width: 100%;
  height: 100%;
}

.borderCssSection {
  border-radius: 200px 0px;
  padding: 60px 0;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #eb7133 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 100vw #ec5124;
  border: 50px solid transparent;
  width: calc(100% + 100px);
  height: auto;
  margin-left: -50px;
  overflow: hidden;
}

.text-banner .btns {
  width: 100%;
  max-width: 820px;
}

.text-banner .btns .btn {
  flex-grow: 1;
}

.banner.banner-medium {
  height: 360px;
  justify-content: space-between;
  overflow: visible;
  width: calc(100% - 5px);
}

.banner.banner-medium .two-border {
  justify-content: space-between;
  overflow: visible;
}

.banner .two-border {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 45px;
  border-radius: 70px;
  position: relative;
  gap: 50px;
  overflow: hidden;
}

.banner.banner-big .two-border {
  overflow: visible;
  padding: 0 0 4px 5px;
}

.banner.banner-medium .two-border {
  justify-content: space-between;
  overflow: visible;
}

.requests {
  gap: 20px;
  margin-bottom: 30px;
}

.request {
  border-radius: 40px;
  padding: 20px 30px;
  border: 2px solid #e5124b;
  background: rgba(255, 255, 255, 0.19);
  position: relative;
  display: flex;
  flex-grow: 1;
  max-width: 540px;
  width: calc(33% - 40px);
  min-height: 411px;
  flex-direction: column;
  justify-content: space-between;
}

.two-border-wrapper > *:not(.two-border) {
  opacity: 0;
}

.two-border-wrapper .two-border {
  border: 2px solid #f99508;
  position: absolute;
  z-index: 97;
  top: 10px;
  left: 5px;
  width: 100%;
  height: 100%;
}

.request .two-border {
  border-radius: 40px;
  padding: 15px 40px 25px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.request .btn {
  width: 100%;
}

.flex-items.stretch {
  align-items: stretch;
}

.request .title-request {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding: 0 0 15px;
  text-align: center;
  margin: 0 0 10px;
  border-bottom: 1px solid rgba(35, 35, 35, 0.4);
}

.request li,
.request span {
  text-align: left;
  font-weight: 400;
}

.request p {
  text-align: left;
  font-weight: 600;
}

.request p:last-child {
  line-height: 1.5;
}

.banner-menu {
  width: 100%;
  max-width: 1380px;
  max-height: 400px;
  margin: 0 auto;
  padding: 0 40px;
  border-radius: 70px;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #ec5124 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 100vw #e5682f;
  border: 30px solid transparent;
  margin-top: 160px;
}

.banner-menu .left-item {
  height: 100%;
  width: 100%;
  max-width: 620px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.banner-menu .image {
  width: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 500px;
  margin-top: -190px;
}

.banner-menu p {
  margin: 0;
}

.banner.banner-small {
  max-width: 820px;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 30px;
  overflow: visible;
  gap: 40px;
}

.banner.banner-small .two-border {
  justify-content: flex-start;
  align-items: center;
  padding: 20px 35px 40px 25px;
  flex-direction: column;
  gap: 40px;
}

.banner.banner-small .h2 {
  margin: 0;
}

.banner.banner-small .btn {
  max-width: 400px;
  width: 100%;
}

/*
  РЎС‚СЂР°РЅРёС†Р° Р±РѕСѓР»РёРЅРіР°
  */

.bowling-header .nav-main {
  position: relative;
}

.bowling-header .wrapper-logo-bowling {
  width: 100%;
  height: 730px;
  margin-top: 40px;
  position: relative;
}

.song-page .bowling-header .wrapper-logo-bowling {
  height: 760px;
}

.header-price-list {
  width: 60%;
  max-width: 540px;
  position: absolute;
  margin-top: 40px;
  z-index: 3;
}

.header-price-list .btn {
  min-width: 260px;
}

.bowling-header .headerImg {
  width: 1400px;
  height: 99%;
  position: absolute;
  right: 0;
  bottom: 5px;
  z-index: 0;
}

.vip-page .bowling-header .headerImg {
  width: 100%;
  height: 100%;
  bottom: 0;
  background-image: url("../images/img/headerVip.png");
  background-size: 100% 100%;
}

.child-page.vip-page .bowling-header .headerImg {
  background-image: url("../images/img/headerChild.png");
}

.vip-page .bowling-header .wrapper-logo-bowling::before {
  display: none;
}

.header-price-list h2 {
  margin: 0 0 30px;
}

.header-price-list p {
  margin: 0;
}

.header-price-list .price {
  font-size: 45px;
}

.header-price-list .item-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  border-radius: 20px;
  border: 3px solid #c72456;
  margin: 20px 0;
}

.header-price-list .prices {
  display: flex;
  gap: 30px;
}

.time-price p {
  margin: 0;
  font-family: Roboto;
}

.time-price p:first-child:not(".price") {
  color: rgba(255, 255, 255, 0.5);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.price {
  color: #fff;
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

.text-and-slider.left-image::after {
  content: "";
  width: 270px;
  height: auto;
  aspect-ratio: 1/2;
  background-image: url(../images/img/slider-bowling-1/кегля.png);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
}

.text-and-slider {
  position: relative;
  align-items: center;
}

.text-and-slider .wrapper-text {
  width: 680px;
  margin-bottom: 100px;
  flex-shrink: 0;
}

.text-and-slider .wrapper-text .h3 {
  margin-bottom: 20px;
}

.text-and-slider .wrapper-slider {
  width: 1240px;
}

.container-right.text-and-slider .wrapper-slider {
  margin-left: -150px;
}

.container-right .wrap-slider-navigation {
  justify-content: flex-end;
}

.text-and-slider .wrapper-slider .item-slider {
  height: 400px;
  width: 400px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.order-bowling-dop-items {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
}

.order-bowling-dop-items .item.two-border-wrapper {
  width: 100%;
  max-width: 400px;
  border-radius: 70px;
  border: 2px solid #fff;
  background: #f99508;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

.order-bowling-dop-items .item.two-border-wrapper .two-border {
  border-radius: 70px;
}

.order-bowling-dop-items .item.two-border-wrapper .two-border p {
  padding: 30px 20px 50px 12px;
}

.order-bowling-dop-items .item.two-border-wrapper p {
  display: block;
  padding: 40px 25px;
  margin: 0;
}

.wrap-slider-navigation {
  margin: 50px 0 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.wrap-slider-navigation .btn-slide {
  width: 53px;
  height: auto;
  aspect-ratio: 1/1;
  background: transparent;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-slide.slide-prev div {
  background: #fff;
  width: 30px;
  height: 9px;
  clip-path: path(
    "M0.646444 4.35355C0.451183 4.15829 0.451183 3.84171 0.646444 3.64645L3.82842 0.464466C4.02369 0.269204 4.34027 0.269204 4.53553 0.464466C4.73079 0.659728 4.73079 0.976311 4.53553 1.17157L1.70711 4L4.53553 6.82843C4.73079 7.02369 4.73079 7.34027 4.53553 7.53553C4.34027 7.7308 4.02369 7.7308 3.82842 7.53553L0.646444 4.35355ZM31 4.5H0.999998V3.5H31V4.5Z"
  );
}

.btn-slide.slide-next div {
  background: #fff;
  width: 30px;
  height: 9px;
  clip-path: path(
    "M30.3536 4.35355C30.5488 4.15829 30.5488 3.84171 30.3536 3.64645L27.1716 0.464466C26.9763 0.269204 26.6597 0.269204 26.4645 0.464466C26.2692 0.659728 26.2692 0.976311 26.4645 1.17157L29.2929 4L26.4645 6.82843C26.2692 7.02369 26.2692 7.34027 26.4645 7.53553C26.6597 7.7308 26.9763 7.7308 27.1716 7.53553L30.3536 4.35355ZM0 4.5H30V3.5H0V4.5Z"
  );
}

.slick-slider-with-line .slick-track {
  padding: 10px 0px 10px 8px;
}

.slider-progress-box {
  width: 140px;
  position: relative;
}

svg.all-progress {
  width: 140px;
  display: block;
}

svg.progress {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  stroke-dasharray: 140px;
  stroke-dashoffset: 140;
  animation: progress 11s;
}

@keyframes progress {
  from {
    stroke-dashoffset: 140;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.item-schedule {
  max-width: 260px;
  padding: 10px 30px;
  border-radius: 20px;
  border: 1px solid #fff;
  text-align: left;
}

.item-schedule .time-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

/**
  * РЎС‚СЂР°РЅРёС†Р° РљР°СЂР°РѕРєРµ
  */

.wrapper-logo-bowling.song .header-price-list {
  /*Container*/
  right: 130px;
}

.btn-side-song span {
  position: absolute;
  top: 130px;
  left: 40px;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  z-index: 2;
}

.art-group .image-wrapper {
  max-width: 820px;
  width: 100%;
  border-radius: 60px;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #ec5124 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 100vw #e5682f;
  border: 30px solid transparent;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}

.art-group .image-wrapper img {
  width: 100%;
  height: auto;
}

.art-group .text-wrapper {
  width: 100%;
  max-width: 760px;
  text-align: left;
}

.art-group .text-wrapper p {
  margin: 0;
  padding: 0;
}

.hr {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #fff;
  margin: 40px 0;
}

.hr200 {
  width: 200px;
}

.just-photos {
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.just-photos .item {
  width: calc(25% - 60px);
  min-width: 450px;
  height: 395px;
}

.just-photos.child-atmo {
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}

.just-photos.child-atmo .item {
  height: auto;
  aspect-ratio: 1/1;
  min-width: auto;
}

.child-atmo-rows {
  max-width: 1650px;
  width: 100%;
  margin: 0 auto;
}

.child-atmo-rows640 {
  display: none;
}

.just-photos.child-atmo.row4 .item:nth-child(1) {
  width: 380px;
}

.just-photos.child-atmo.row4 .item:nth-child(2) {
  width: 180px;
}

.just-photos.child-atmo.row5 {
  margin: 20px 0 20px;
}

.just-photos.child-atmo.row5 .item:nth-child(1) {
  width: 290px;
}

.just-photos.child-atmo.row5 .item:nth-child(2) {
  width: 250px;
  margin-top: -220px;
}

.just-photos.child-atmo.row6 .item:nth-child(1) {
  width: 240px;
}

.just-photos.child-atmo.row6 .item:nth-child(2) {
  width: 300px;
  margin-top: -200px;
}

.just-photos.child-atmo.row1 .item:nth-child(1) {
  width: 540px;
}

.just-photos.child-atmo.row1 .item:nth-child(2) {
  width: 400px;
}

.just-photos.child-atmo.row1 .item:nth-child(3) {
  width: 400px;
  margin-top: -100px;
}

.just-photos.child-atmo.row2 {
  margin-left: 400px;
  margin-top: -100px;
}

.just-photos.child-atmo.row2 .item:nth-child(1) {
  width: 340px;
}

.just-photos.child-atmo.row2 .item:nth-child(2) {
  width: 480px;
}

.just-photos.child-atmo.row2 .item:nth-child(3) {
  width: 380px;
  margin-top: -250px;
}

.just-photos.child-atmo .item img {
  border-radius: 1000px;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #ec5124 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 1000vw #e5682f;
  border: 20px solid transparent;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}

.main-hall-desc > div {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.special-min-info {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
}

.special-min-info .item {
  width: 260px;
  height: auto;
  border-radius: 30px;
  border: 1px solid #fff;
  background: linear-gradient(135deg, #ec5124 0%, #c72456 100%);
  box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.25);
  color: #fff;
  text-align: center;
  padding: 10px;
}

.special-min-info .item span:first-child {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}

.special-min-info .item span:last-child {
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.slick-slider-center-opacity .item-slider {
  width: 720px;
  height: 500px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.slick-slider-center-opacity .item-slider img {
  height: 440px;
  border-radius: 40px;
  opacity: 0.5;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
  object-fit: fill;
}

.slick-slider-center-opacity .slick-slide.slick-center {
  width: 820px;
}

.slick-slider-center-opacity .slick-slide.slick-center img {
  height: 500px;
  opacity: 1;
}

.advantages-short .flex-items {
  max-width: 1380px;
  margin: 80px auto 0;
  align-items: flex-start;
}

.advantages-short .item {
  width: 260px;
}

.advantages-short .item .special-rect {
  width: 120px;
  height: 120px;
  margin: 0 auto 10px;
  border-radius: 30px;
  border: 1px solid #fff;
  background: linear-gradient(135deg, #ec5124 0%, #c72456 100%);
  box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.advantages-short .item .special-rect > div:first-child {
  width: 65px;
  height: 65px;
  background-size: cover;
  background-repeat: no-repeat;
}

.advantages-short .item p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  font-family: "Montserrat";
}

.events-items .wrap-items {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.events-items .item {
  width: calc(100% - 60px);
  height: 540px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px;
  border: 2px solid #e5124b;
  background-size: cover;
  background-position-x: 35%;
  background-repeat: no-repeat;
}

.events-items .item .title-item {
  width: 100%;
  display: block;
  padding: 15px 15px;
  margin: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  color: #e5124b;
}

.events-items .item .btn {
  width: calc(100% - 40px);
}

.wrapper-logo-bowling.vip {
  background-color: #ec5124;
  height: 920px;
}

.vip-page .wrapper-logo-bowling .headerBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 330px;
  background-image: url("../images/img/headerVipBottom.png");
  background-size: 100% 100%;
}

.vip-page .wrapper-logo-bowling .headerBottom img {
  width: 100%;
  height: auto;
}

.text-and-slider.slider-is-photo .wrapper-photo {
  width: 900px;
  overflow: hidden;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #eb7133 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 1000vw #ec5124;
  height: 620px;
  border: 30px solid transparent;
}

.text-and-slider.slider-is-photo .wrapper-photo img {
  height: 620px;
}

.text-and-slider.slider-is-photo.container-left .wrapper-photo {
  margin-right: -10px;
  border-radius: 340px 0 0 340px;
  border-right: none;
}

.text-and-slider.slider-is-photo.container-right .wrapper-photo {
  margin-left: -10px;
  border-radius: 0px 340px 340px 0px;
  border-left: none;
}

.text-and-slider.slider-is-photo.container-left .wrapper-photo img {
  margin-right: 10px;
}

.text-and-slider.slider-is-photo.container-right .wrapper-photo img {
  margin-left: 10px;
}

.show-more-banner .flex-items .btn {
  margin: 0;
  flex-grow: 1;
  max-width: 305px;
}

.color-orange {
  color: #f99508;
}

.display-block {
  display: block;
}

.size55 {
  font-size: 55px;
  font-weight: 500;
}

.size50 {
  font-size: 50px;
  font-weight: 500;
}

.simple-slider .item-slider {
  padding-right: 20px;
}

.simple-slider .item-slider .image {
  width: 400px;
  height: 400px;
}

.simple-slider .item-slider p {
  font-size: 24px;
  font-weight: 600;
  width: 400px;
  text-align: center;
}

.child-slider > div {
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #ec5124 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 1000vw #ec5124;
  border: 30px solid transparent;
  border-left: none;
  border-right: none;
  padding: 60px 0 60px 130px;
}

.banner.banner-medium.child-banner {
  margin-top: 60px;
}

.banner.banner-medium.child-banner .btn {
  margin: 10px 0;
}

.banner.banner-medium.child-banner .image {
  max-width: 500px;
  height: calc(100% + 80px);
  margin-top: -80px;
  justify-content: flex-end;
}

.child-big-banner {
  width: 100%;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #eb7133 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 100vw #ec5124;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
}

.child-big-banner > div {
  background-image: url("../images/img/childBanner.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.child-big-banner .flex-items {
  align-items: flex-end;
  padding-top: 100px;
  padding-bottom: 20px;
  background: linear-gradient(
      348deg,
      rgba(0, 0, 0, 0.15) 21.69%,
      rgba(0, 0, 0, 0) 59.43%
    ),
    linear-gradient(90deg, rgba(0, 0, 0, 0.4) 32.6%, rgba(0, 0, 0, 0) 54.53%);
}

.child-big-banner .wrapper-text {
  max-width: 540px;
  margin-bottom: 100px;
}

.child-big-banner .wrapper-text .btn {
  width: 100%;
  max-width: 320px;
}

.child-big-banner .wrapper-title p {
  margin: 0;
  text-align: right;
  font-family: Montserrat;
  font-size: 80px;
  font-weight: 700;
}

.slick-slide img.backgroundSection960 {
  display: none;
}

.wrapper-map {
  margin: 0 auto;
  border-radius: 0 0 70px 70px;
  background-image: linear-gradient(
    90deg,
    #ec5124 5%,
    #c82253 25%,
    #ec5124 60%,
    #c82253 95%
  );
  background-origin: border-box;
  box-shadow: inset 0 100vw #e5682f;
  border: 30px solid transparent;
  border-top: none;
  overflow: hidden;
  max-width: 1720px;
}

.wrapper-contacts {
  padding: 30px;
  display: flex;
  flex-direction: column;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  gap: 40px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.2);
}

.wrapper-contacts p {
  margin: 0;
}

.wrapper-contacts .flex-items {
  align-items: flex-start;
}

.wrapper-contacts .flex-items .wrap-left,
.wrapper-contacts .flex-items .wrap-right {
  width: 50%;
}

.wrapper-contacts .flex-items .wrap-left > div,
.wrapper-contacts .flex-items .wrap-right > div {
  margin-bottom: 30px;
}

.wrapper-contacts .flex-items .wrap-left > div > span:first-child,
.wrapper-contacts .flex-items .wrap-right > div > span:first-child {
  color: #fff;
  /* font-family: Roboto; */
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 15px;
}

.wrapper-contacts .flex-items .wrap-left > div span:last-child,
.wrapper-contacts .flex-items .wrap-right > div span:last-child {
  color: #fff;
  /* font-family: Roboto; */
  font-size: 20px;
  font-weight: 600;
}

.wrapper-contacts .flex-items .wrap-left > div span:last-child p,
.wrapper-contacts .flex-items .wrap-right > div span:last-child p {
  margin-bottom: 6px;
}

.minus-top-min {
  margin-top: -250px;
}

.slick-prev,
.slick-next {
  width: 30px !important;
  height: 30px !important;
  z-index: 999;
}

.slick-prev {
  left: 10px !important;
}

.slick-next {
  right: 10px !important;
}

.slick-prev:before,
.slick-next:before {
  font-size: 30px !important;
  color: #f99508 !important;
}

input[type="date"] {
  width: 100%;
  max-width: 260px;
  background: transparent;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #fff;
  color: #fff;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}

.btns-orderBowling {
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.btns-halls {
  display: flex;
  gap: 20px;
}

.btns-halls .btn {
  margin: 0;
}

.btns-halls .btn.selected {
  color: #fff;
  background: #e5124b;
  border: none;
}

.roads-and-hours > div {
  width: 100%;
  overflow-x: scroll;
}

.roads-and-hours table {
  width: 100%;
  border-spacing: 10px;
  border-collapse: separate;
}

#formOrderRoad .result-sum {
  color: #000;
  font-size: 24px;
  text-align: left;
  padding: 0;
  margin: 20px 0 20px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
}

.order-body .fancybox-bg {
  opacity: 0.1;
}

#formOrderRoad .result-sum .reservation-block-total {
  color: #e5124b;
}

.roads-and-hours th,
.roads-and-hours tbody tr td:first-child {
  color: #fff;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  text-wrap: nowrap;
}

#changeDaySelect{
 background: transparent;
 border: none;
 border-bottom: 1px solid #000;
 box-shadow: none;
 cursor: pointer;
 max-width: 200px;
 width: 100%;
}

#changeDaySelect option{
  background: #d0374e;
  font-size: 15px;
  border: 1px solid #000;
  border-radius: 0;
  box-shadow: none;
}

.roads-and-hours th {
  width: 66px;
  text-align: center;
}

.roads-and-hours td,
.roads-and-hours th {
  height: 45px;
  width: 66px;
}

.roads-and-hours tr td:not(:first-child) {
  border-radius: 15px;
  border: 1px solid #e5124b;
  background: #fff;
  color: #e5124b;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  padding: 5px 10px;
  min-width: 60px;
}

.roads-and-hours tr td.disable:not(:first-child) {
  cursor: default;
}

#smsinfo {
  color: #000;
  font-size: 12px;
}

#smsbutton {
  font-size: 14px;
  width: auto;
  padding: 10px 15px;
  border: none;
}

#reservedate {
  width: 100%;
  max-width: none;
  color: #000;
}

#formOrderRoad .wrap-sms {
  width: 100%;
}

#errorheader {
  color: #232323;
  font-size: 19px;
  text-align: center;
  font-weight: 400;
}

#errorheader .title-window{
  font-size: 22px;
  font-family: Montserrat;
  margin: 0 0 20px;
  font-weight: 600;
}

#errorheader p:nth-child(2n) .color-red{
  display: block;
}

#errorheader p:nth-child(2n){
  margin: 0 0 25px;
  padding: 0 0 25px;
  border-bottom: 1px solid rgba(35,35,35,30%);
}


.roads-and-hours tr td:not(:first-child):not(.disable):hover {
  background: #e5124b;
  color: #fff;
}

.roads-and-hours tr td.on:not(:first-child):not(.disable) {
  background: #e5124b;
  color: #fff;
}

.roads-and-hours tr td.disable {
  border-radius: 100px;
  border: 1px solid #e5124b;
  background: rgba(255, 255, 255, 0.2);
}

.content-items .hall {
  display: none;
}

.content-items .hall.active {
  display: block;
}

.partners {
  background: linear-gradient(#ec5124, #c82555);
  align-items: stretch;
}

.partners > div:first-child {
  width: 100%;
  max-width: 750px;
  padding-top: 120px;
  padding-bottom: 146px;
  flex: 1;
}

.partners > div:first-child h1 {
  margin-top: 0;
}

.partners > div:first-child .btns {
  width: 100%;
  max-width: 495px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}

.partners > div:first-child .btns .load-button,
.partners > div:first-child .btns .btn {
  max-width: none;
  margin: 0;
}

.partners
  > div:first-child
  .btns
  .load-button
  > div
  > div:first-child
  span:first-child {
  color: #e5124b;
}

.partners > div:last-child {
  width: 100%;
  max-width: 950px;
  flex: 1.1;
}

main > div.partners:last-child {
  padding-bottom: 0;
}

.calculator .minus-top-min {
  margin-top: -205px;
}

.calculator .minus-top-min {
  padding-top: 100px;
}

.btns-step {
  width: 100%;
  margin: 0 auto;
  display: flex;
  max-width: 800px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 50px auto;
}

.btn-step {
  width: 75px;
  height: 75px;
  aspect-ratio: 1/1;
  border-radius: 580px;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-size: 48px;
  font-family: "Montserrat";
  font-weight: 700;
  cursor: pointer;
}

.btn-step.active {
  background-color: #fff;
  color: #e5124b;
}

.btn-step-dot {
  flex: 1 0 0;
  height: 1px;
  background: #fff;
}

.type-holiday {
  width: 100%;
  max-width: 680px;
  border-radius: 70px;
  border: 5px solid #e5124b;
  background: rgba(255, 255, 255, 0.19);
  padding: 40px 50px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.type-holiday > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.type-holiday > div:first-child label {
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.label-price {
  border-radius: 10px;
  background: #fff;
  color: #e5124b;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  padding: 5px 10px;
  line-height: normal;
}

.type-holiday > div:last-child {
  padding-left: 45px;
}

.type-holiday .load-button {
  padding: 20px;
}

.hidden {
  display: none;
}

.date-time-number {
  width: 100%;
  max-width: 610px;
  border-radius: 70px;
  border: 5px solid #e5124b;
  background: rgba(255, 255, 255, 0.19);
  padding: 38px 40px;
  display: flex;
  gap: 10px;
  align-items: stretch;
  margin: 20px auto 0;
}

.calculator input:not([type="checkbox"]):not([type="radio"]),
.calculator select {
  border-radius: 10px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  font-size: 20px;
  max-width: 260px;
  min-width: 170px;
}

.calculator select option {
  background: #d43a48;
}

.main-result {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 40px;
  gap: 20px;
}

.result-calculator {
  width: 100%;
  max-width: 680px;
  padding: 30px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 15px;
}

.result-info {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.result-info p {
  margin: 0;
  color: #fff;
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.result-info > div > p:first-child {
  margin: 0 0 5px;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.result-sum {
  padding: 15px 20px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 20px;
  border: 1px solid #fff;
}

.btns-navigation {
  padding: 30px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
}

.btns-navigation .btn {
  margin: 0;
  min-width: auto;
  cursor: pointer;
  width: 100%;
}

.calculator .step {
  display: none;
}

.calculator .step.active {
  display: block;
}

.type-hall-items {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 40px;
}

.type-hall {
  width: calc(33% - 60px);
  max-width: 400px;
  min-width: 200px;
}

.type-hall label {
  display: block;
}

.type-hall .custom-radio input[type="radio"] {
  top: 0;
}

.type-hall .custom-input-diff span {
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #fff;
}

.type-hall img {
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden;
  height: auto;
}

.hall-days-items {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.hall-day {
  padding: 30px 40px;
  border-radius: 50px;
  border: 5px solid #e5124b;
  background: rgba(255, 255, 255, 0.19);
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 400px;
}

.hall-day label {
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.calculator .time-price p:first-child {
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.calculator .time-price p:last-child {
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 5px;
}

.inputs-hall-days {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.wrap-need-animations {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  flex-wrap: wrap;
  margin: 0 0 40px;
}

.need-animations {
  border-radius: 70px;
  border: 5px solid #e5124b;
  background: rgba(255, 255, 255, 0.19);
  padding: 20px;
  width: 275px;
}

.need-animations label {
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.animations-dop-info .custom-radio {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.animations-dop-info .custom-radio p:last-child {
  text-align: right;
}

#wrapper-animations-dop-info .flex-items .custom-input-diff label {
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  margin-left: 35px;
}

#wrapper-animations-dop-info
  .flex-items
  .custom-checkbox
  input[type="checkbox"] {
  left: 3px;
  top: 0;
}

#wrapper-animations-dop-info
  .flex-items
  .custom-checkbox.radio-style
  input[type="checkbox"]:after,
#wrapper-animations-dop-info
  .flex-items
  .custom-checkbox
  input[type="checkbox"]:after {
  left: -5px;
}

.opacity5 {
  opacity: 0.5;
}

.dop-parameters-items {
  max-width: 840px;
  margin: 0 auto 40px;
  gap: 30px;
}

.calculator .step .h2 {
  margin-bottom: 25px;
}

.calculator .step .h3 {
  margin-bottom: 15px;
}

.calculator .step .wrapper-img {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
}

.dop-parameters-items input,
.dop-parameters-items select {
  background: rgba(255, 255, 255, 0.19) !important;
}

.step .last-form {
  width: 100%;
  max-width: 540px;
  margin: 0 auto 60px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: flex-start;
  align-items: center;
}

.step .last-form > div {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mobile-footer {
  display: none;
}

.mobile-footer .footer-one {
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: 0;
  align-items: flex-start;
}

.mobile-footer .first-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  width: 70%;
  flex-shrink: 0;
  padding-right: 40px;
}

.mobile-footer .first-item .logo-footer {
  width: 400px;
  height: 210px;
}

.mobile-footer .second-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  width: 30%;
  padding-left: 20px;
  margin-bottom: 40px;
  border-left: 1px solid #fff;
}

.mobile-footer .third-item {
  position: absolute;
  top: 350px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  padding-top: 20px;
  padding-right: 40px;
  margin: 0;
  border-top: 1px solid #fff;
  width: calc(70% - 125px);
}

.mobile-footer .contacts-site > div:first-child {
  margin-bottom: 40px;
}

.mobile-footer .contacts-site > div:last-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.screen-footer {
  display: block;
}

.banner.banner-medium.child-banner,
.banner.banner-medium.child-banner .two-border {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
}

.slider-header-wrapper {
  display: none;
}

.vip-spaces .right-item .slick-slider.with-dots .custom-arrow {
  display: none;
}

.wrapper-404 {
  padding-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.wrapper-404 img {
  width: 95%;
  height: auto;
  max-width: 820px;
}

.wrapper-404 h1 {
  text-align: center;
}

.wrapper-404 p {
  text-align: center;
  max-width: 540px;
  margin: 20px auto 40px;
}

.wrapper-404 .btn {
  max-width: 260px;
}

#formOrderVip input[type="date"] {
  max-width: none;
}

@media (max-width: 1700px) {
  .just-photos.child-atmo.row1 .item:nth-child(1) {
    width: 380px;
  }

  .just-photos.child-atmo.row1 .item:nth-child(2) {
    width: 280px;
  }

  .just-photos.child-atmo.row1 .item:nth-child(3) {
    width: 270px;
  }

  .just-photos.child-atmo.row2 {
    margin-left: 280px;
  }

  .just-photos.child-atmo.row2 .item:nth-child(1) {
    width: 250px;
  }

  .just-photos.child-atmo.row2 .item:nth-child(2) {
    width: 340px;
  }

  .just-photos.child-atmo.row2 .item:nth-child(3) {
    width: 270px;
  }
  .child-atmo-rows {
    max-width: 1300px;
  }
}

@media screen and (max-width: 1366px) {
  .right-side {
    max-width: 120px;
    margin-left: calc(100% - 121px);
  }

  .right-side .btn-side {
    height: 90px;
  }

  .vip-page .banner.banner-medium .h1 {
    font-size: 50px;
  }

  .btns-halls {
    flex-wrap: wrap;
  }

  .custom-arrow.slick-arrow.prev-arrow {
    left: 50px;
  }

  .custom-arrow.slick-arrow.next-arrow {
    right: 50px;
  }
  h2,
  .h2 {
    font-size: 40px;
  }

  h1,
  .h1 {
    font-size: 60px;
  }

  h3,
  .h3 {
    font-size: 35px;
  }

  .menu-main li a::before {
    width: 85px;
    height: 85px;
  }

  .menu-main li {
    font-size: 20px;
  }

  .container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-left {
    padding-left: 50px;
  }

  .container-right {
    padding-right: 50px;
  }

  .main-header {
    background-image: url("../images/headers/mainHeader2.png");
    height: 702px;
  }

  .child-header {
    background-image: url("../images/headers/childHeader2.png");
    height: 640px;
  }

  .child-page > div:nth-child(2) {
    padding-top: 550px;
    margin-top: -750px;
  }

  .vip-header {
    background-image: url("../images/headers/vipHeader2.png");
    height: 825px;
  }

  .vip-page > div:nth-child(2) {
    padding-top: 600px;
  }

  .bowling-header {
    background-image: url("../images/headers/bowlingHeader2.png");
    height: 831px;
  }

  .song-header {
    background-image: url("../images/headers/songHeader2.png");
    height: 831px;
  }

  .time-price p {
    font-size: 18px;
  }

  .header-price-list .price {
    font-size: 40px;
  }

  .wrapper-logo {
    height: 474px;
  }

  .wrapper-logo::before {
    height: 474px;
  }

  .wrapper-logo .container-flex {
    height: 350px;
  }

  .headerImg {
    width: 403px;
  }

  .headerLogo {
    width: 380px;
  }

  .wrapper-logo .container-flex .headerImg:first-child {
    background-image: url(../images/img/headPng2_1.png);
  }

  .wrapper-logo .container-flex .headerImg:last-child {
    background-image: url(../images/img/headPng2_2.png);
  }

  .borderSection .borderSection-top {
    height: 320px;
    background-image: url(../images/img/borderSection2.png);
    top: -20px;
    /*background-size: contain;*/
  }

  .flex-items.balls {
    padding: 0 50px;
    top: -10px;
  }

  .borderSection .slick-slider {
    height: 710px;
  }

  .flex-items.balls .item {
    max-width: 280px;
    width: calc(25% - 15px);
    max-height: 280px;
    font-size: 30px;
  }

  .borderSection {
    border-radius: 0px 0 105px 105px;
    border: 25px solid transparent;
    border-top: none;
    width: calc(100% + 50px);
    margin-left: -25px;
  }

  .banner.banner-big .image {
    width: 605px;
  }

  .child-big-banner > div {
    background-position-x: 60%;
  }

  .child-big-banner .wrapper-text {
    max-width: 480px;
    margin-bottom: 100px;
  }

  .child-big-banner .wrapper-title p {
    font-size: 75px;
  }

  .vip-spaces .left-item {
    width: 100%;
    max-width: 480px;
  }

  .vip-spaces .right-item {
    width: 100%;
    max-width: 680px;
    height: 440px;
    border-radius: 80px;
  }

  .banner.banner-medium .image {
    width: 300px;
    min-width: auto;
  }

  .banner {
    gap: 20px;
  }

  .banner .two-border {
    gap: 20px;
  }

  .request {
    width: calc(100% - 40px);
    max-width: 380px;
    padding: 20px;
  }

  .request .two-border {
    padding: 15px 30px 25px 10px;
  }

  .banner-menu .left-item {
    max-width: 570px;
  }

  .banner-menu .image {
    height: 375px;
    margin-top: -75px;
  }

  .bowling-header .wrapper-logo-bowling::before {
    background-image: url("../images/img/bowlingHeader2.png");
  }

  .header-price-list {
    top: -50px;
  }

  .bowling-header .headerImg {
    width: 870px;
  }

  .bowling-header .wrapper-logo-bowling {
    height: 560px;
  }

  .short-width {
    max-width: 580px;
  }

  .text-and-slider.left-image:not(.slider-is-photo)::after {
    width: 250px;
    left: -10px;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-text {
    width: 480px;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-slider {
    width: 780px;
  }

  .container-left .wrap-slider-navigation {
    margin-left: -130px;
  }

  .container-right .wrap-slider-navigation {
    margin-right: -130px;
  }

  .load-button.load-button-diff {
    max-width: 430px;
  }

  .song-page .bowling-header .wrapper-logo-bowling::before {
    background-image: url(../images/img/songHeader2.png);
  }

  .song-page .bowling-header .headerImg {
    width: 820px;
    transform: rotateY(180deg);
    height: 93%;
  }

  .wrapper-logo-bowling.song .header-price-list {
    right: 50px;
    top: 150px;
    width: 450px;
  }

  .slick-slider-center-opacity .item-slider {
    height: 470px;
  }

  .slick-slider-center-opacity .slick-slide.slick-center img {
    height: 470px;
  }

  .slick-slider-center-opacity .item-slider img {
    height: 420px;
  }

  .just-photos {
    padding: 0 10px;
  }

  .just-photos .item {
    width: 300px;
    min-width: auto;
    height: 270px;
  }

  .section {
    padding-top: 30px;
    padding-bottom: 50px;
  }

  .vip-page .wrapper-logo-bowling .headerBottom {
    bottom: -30px;
    height: 245px;
  }

  .slider-is-photo .wrapper-text {
    width: 580px;
  }

  .text-and-slider.slider-is-photo .wrapper-photo,
  .text-and-slider.slider-is-photo .wrapper-photo img {
    height: 500px;
  }
}

@media (max-width: 1230px) {
  .btns-section {
    flex-wrap: wrap;
  }

  .btns-section .btn {
    border: 3px solid #f99508;
    max-width: 380px;
    font-size: 20px;
    width: 100%;
  }

  .btns-section .btn.btn-diff {
    border: 3px solid #c72456;
  }

  .just-photos.child-atmo.row2 {
    margin: 0 0 0 50px;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 960px) {
  .agreement-cookie-ok {
    padding: 8px 12px;
    font-size: 13px;
  }

  .borderSection > div:last-child > div {
    display: none;
    height: 100%;
  }

  .borderSection > div:last-child > div:first-child {
    display: block;
  }

  .borderSection
    > div:last-child
    > div:first-child
    img:not(.backgroundSection960) {
    display: none;
  }

  .right-side {
    margin-top: -150px;
  }

  .btns-orderBowling {
    flex-direction: column;
    align-items: flex-start;
  }

  .date-time-number input:not([type="checkbox"]):not([type="radio"]),
  .date-time-number select {
    width: calc(33% - 20px);
    min-width: auto;
  }
  .type-hall-items {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .type-hall {
    width: 300px;
  }

  .main-result {
    flex-wrap: wrap;
  }

  .result-calculator {
    max-width: none;
  }

  .btns-navigation {
    flex-direction: row;
    width: auto;
    max-width: 100%;
  }

  .btns-navigation .btn {
    width: 340px;
  }

  .custom-arrow.slick-arrow {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
  }
  .custom-arrow.slick-arrow.prev-arrow {
    left: 30px;
  }

  .custom-arrow.slick-arrow.next-arrow {
    right: 30px;
  }
  .minus-top-min {
    margin-top: -100px;
  }
  .minus-top {
    padding-top: 350px !important;
    margin-top: -350px !important;
  }

  .vip-page .banner.banner-medium .h1 {
    font-size: 40px;
  }

  h2,
  .h2 {
    font-size: 35px;
  }

  h1,
  .h1 {
    font-size: 42px;
  }

  .top-footer {
    flex-wrap: wrap;
  }
  .top-footer .left-item {
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
  }
  .top-footer .center-item {
    border-left: 1px solid #fff;
    padding-left: 60px;
  }
  .top-footer .right-item {
    align-items: flex-end;
    width: 100%;
  }

  .top-footer .right-item > div {
    border-left: 1px solid #fff;
    padding-left: 45px;
    max-width: none;
  }

  h3,
  .h3 {
    font-size: 35px;
  }

  .menu-main li a::before {
    width: 60px;
    height: 60px;
  }

  .menu-main li {
    font-size: 16px;
  }

  .container {
    padding-left: 90px;
    padding-right: 90px;
  }

  .request .two-border {
    left: 5px;
    top: 10px;
    padding: 10px 25px 30px 15px;
  }

  .container-left:not(.slider-is-photo),
  .container-right:not(.slider-is-photo) {
    padding-left: 90px;
    padding-right: 0;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-logo::before {
    height: 980px;
    background-image: url(../images/img/gradLine3_1.png);
    background-size: contain;
  }

  .wrapper-logo {
    height: 980px;
  }

  .main-header {
    background-image: url("../images/headers/mainHeader3.png");
    height: 1095px;
  }

  .child-header {
    background-image: url("../images/headers/childHeader3.png");
    height: 480px;
  }

  .child-page > div:nth-child(2) {
    padding-top: 400px;
    margin-top: -450px;
  }

  .vip-header {
    background-image: url("../images/headers/vipHeader3.png");
    height: 700px;
  }

  .vip-page > div:nth-child(2) {
    padding-top: 750px;
  }

  .song-header {
    background-image: url("../images/headers/songHeader3.png");
    height: 1257px;
  }

  .song-page > div:nth-child(2) {
    margin-top: -140px;
    padding-top: 250px;
  }

  .header-price-list .btn {
    min-width: auto;
    width: auto;
  }

  .wrapper-logo-bowling.song .header-price-list {
    right: 100px;
    top: 150px;
    width: 580px;
  }

  .bowling-header {
    background-image: url("../images/headers/bowlingHeader3.png");
    height: 1250px;
  }

  .time-price p {
    font-size: 18px;
  }

  .header-price-list .price {
    font-size: 40px;
  }

  .wrapper-logo .container-flex {
    flex-direction: column;
    height: 100%;
    gap: 0;
    top: 100px;
    justify-content: flex-start;
  }

  .wrapper-logo .container-flex .headerImg:first-child {
    display: none;
  }

  .headerLogo {
    width: 530px;
    height: 400px;
  }

  .wrapper-logo .container-flex .headerImg:last-child {
    width: 100%;
    height: 725px;
    background-image: url("../images/img/headPng3_1.png");
    border-radius: 0 0 30px 30px;
  }

  .advantages {
    flex-wrap: wrap;
    justify-content: center;
  }

  .advantages .item {
    width: 200px;
  }

  .advantages .item img {
    width: 100%;
    max-width: none;
    max-height: none;
  }

  .borderSection .slick-slider img:first-child {
    display: none;
  }

  .slick-slide img.backgroundSection960 {
    display: block;
  }

  .borderSection {
    border-top: 25px solid transparent;
    padding: 0;
    overflow: visible;
    margin-top: 110px;
  }

  .flex-items.balls .item {
    min-width: 300px;
  }

  .flex-items.balls {
    position: relative;
    width: auto;
    height: 350px;
  }

  .borderSection .wrapper-balls {
    width: 100%;
    position: absolute;
    top: -150px;
    max-width: 100%;
    overflow-x: scroll;
    height: 350px;
  }

  .borderSection .borderSection-top {
    display: none;
  }

  .banner.banner-big .two-border {
    padding: 0 20px 5px 5px;
  }

  .banner.banner-big .image {
    margin-top: -55px;
    margin-left: -3px;
    height: calc(100% + 20px);
    width: 50%;
    overflow: hidden;
    justify-content: flex-end;
  }

  .banner.banner-big .text-banner {
    width: 50%;
  }

  .child-big-banner .flex-items {
    padding-top: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #00000078;
  }

  .child-big-banner .wrapper-text {
    margin-bottom: 40px;
  }

  .child-big-banner .wrapper-title {
    width: 100%;
  }

  .borderCssSection {
    padding: 40px 0 0;
    box-shadow: inset 0 1000vw #ec5124;
  }

  .vip-spaces {
    flex-direction: column;
    text-align: center;
    /* height: 960px; */
  }

  .vip-spaces .left-item {
    max-width: none;
  }

  .banner.banner-medium,
  .banner.banner-medium .two-border {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 45px;
    height: auto;
  }

  .flex-items.center {
    flex-wrap: wrap;
    justify-content: center;
  }

  .banner-menu {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    max-height: none;
    align-items: flex-start;
    margin-left: -30px;
    width: calc(100% + 60px);
    padding: 30px 90px 0;
  }

  .banner-menu .left-item {
    max-width: none;
  }

  .banner-menu .text .h2:first-child {
    font-size: 40px;
  }

  .banner-menu .text .h2:last-child {
    font-size: 48px;
  }

  .banner-menu .image {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: -170px;
    margin-left: 130px;
    height: 400px;
    overflow: hidden;
  }

  .banner-menu .image img {
    height: 490px;
    width: auto;
  }

  /*   .right-side {
      max-width: 180px;
      margin-left: calc(100% - 180px);
    }
  
    .right-side .btn-side {
      height: 90px;
    }
  
    .btn-side img {
      width: 100%;
      height: auto;
    } */

  .bowling-header .headerImg {
    display: none;
  }

  .bowling-page .minus-top {
    padding-top: 200px !important;
    margin-top: -350px !important;
  }

  .text-and-slider:not(.slider-is-photo) {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-text {
    margin: 0;
    max-width: none;
    width: 100%;
    padding-right: 90px;
  }

  .container-right.text-and-slider:not(.slider-is-photo) {
    flex-direction: column-reverse;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-slider {
    width: 1200px;
  }

  .container-right.text-and-slider:not(.slider-is-photo) .wrapper-slider {
    margin-left: 0;
  }

  .text-and-slider.left-image:not(.slider-is-photo)::after {
    display: none;
  }

  .container-left .wrap-slider-navigation,
  .container-right .wrap-slider-navigation {
    justify-content: flex-start;
    margin-left: 250px;
  }

  .art-group .text-wrapper {
    max-width: none;
  }

  .special-min-info .item span:first-child {
    font-size: 32px;
  }

  .slick-slider-center-opacity .item-slider {
    height: 354px;
  }

  .slick-slider-center-opacity .slick-slide.slick-center img {
    height: 354px;
  }

  .slick-slider-center-opacity .item-slider img {
    height: 324px;
  }

  .events-items .wrap-items {
    flex-wrap: wrap;
    justify-content: center;
  }

  .events-items .item {
    width: 370px;
    height: 500px;
  }

  .vip-page .wrapper-logo-bowling.vip {
    height: 700px;
  }

  .vip-page .bowling-header .headerImg {
    display: block;
  }

  .vip-page .wrapper-logo-bowling .headerBottom {
    bottom: -6px;
    height: 274px;
  }

  .vip-page .minus-top {
    padding-top: 450px !important;
  }

  .slider-is-photo .wrapper-text {
    width: 350px;
  }

  .text-and-slider.slider-is-photo .wrapper-photo,
  .text-and-slider.slider-is-photo .wrapper-photo img {
    height: 400px;
  }

  .child-page.vip-page .wrapper-logo-bowling.vip {
    height: 460px;
  }

  .child-page.vip-page .wrapper-logo-bowling .headerBottom {
    bottom: -15px;
    height: 200px;
  }

  .child-circle .img-wrap {
    display: none;
  }

  .child-circle .short-width {
    margin: 0;
    width: 100%;
  }

  .child-slider > div {
    padding: 50px 0 50px 90px;
  }

  .banner.banner-medium.child-banner .text-banner {
    padding-bottom: 0;
    width: 50%;
  }

  .banner.banner-medium.child-banner .image {
    width: 300px;
    height: auto;
    bottom: 0;
  }

  .partners.container-left {
    flex-direction: column-reverse;
    padding: 0 !important;
    gap: 0;
  }

  .partners > div:first-child {
    max-width: 930px;
    padding: 60px 90px 160px;
  }
  .partners > div:last-child {
    max-width: none;
    height: 600px;
  }
  .banner.banner-medium .image {
    width: calc(100% - 410px);
    height: 350px;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 10px;
    overflow: hidden;
  }

  .banner.banner-medium .image img {
    height: 500px;
  }

  .text-banner .btns .btn {
    margin: 0;
    width: 100%;
  }

  .text-banner .btns {
    flex-direction: column;
    width: 400px;
    gap: 20px;
    margin: 70px 0 100px;
  }

  .request .btn {
    margin: 0;
  }

  .mobile-footer {
    display: block;
  }

  .screen-footer {
    display: none;
  }

  .just-photos.child-atmo.row1 {
    justify-content: center;
  }

  .just-photos.child-atmo.row2 {
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-left: 0;
    margin-top: -50px;
    margin-bottom: 400px;
  }

  .just-photos.child-atmo.row1 .item:nth-child(3) {
    position: absolute;
    bottom: -500px;
    right: 90px;
  }

  .just-photos.child-atmo .item img {
    border: 15px solid transparent;
  }

  .just-photos.child-atmo.row2 .item:nth-child(1) {
    width: 240px;
  }

  .just-photos.child-atmo.row2 .item:nth-child(2) {
    width: 230px;
  }

  .just-photos.child-atmo.row2 .item:nth-child(3) {
    position: absolute;
    right: 65%;
    bottom: -150px;
    width: 290px;
  }

  .roads-and-hours th {
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.19);
  }
}

@media (max-width: 640px) {
  .order-bowling-dop-items {
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }

  .btns-section .btn {
    max-width: 300px;
  }

  .borderSection > div:last-child {
    height: 570px;
  }

  .roads-and-hours tbody tr td:first-child,
  .roads-and-hours thead tr th:first-child {
    position: sticky;
    left: 0;
    top: 0;
    background: #de4239;
    padding: 0 15px 0 10px;
  }

  .custom-radio input[type="radio"] {
    top: -1px;
  }
  .type-holiday > div:first-child label {
    font-size: 20px;
  }
  .btns-navigation .btn {
    width: 250px;
  }
  .mobile-btn,
  .mobile-menu {
    display: block;
  }
  .menu-main {
    display: none;
  }
  .nav-main {
    justify-content: flex-start;
  }

  .top-footer .left-item {
    width: 280px;
  }

  .top-footer .right-item > div {
    padding-left: 82px;
  }

  .mobile-footer p {
    font-size: 20px;
  }

  .mobile-footer {
    font-size: 18px;
  }

  .mobile-footer .map-site li {
    font-size: 16px;
  }

  .mobile-footer .first-item .logo-footer {
    max-width: 280px;
    max-height: 152px;
    width: 100%;
    height: auto;
  }

  .mobile-footer .first-item > div:last-child {
    max-width: 280px;
    width: 100%;
    text-align: center;
  }

  .mobile-footer .first-item {
    width: 62%;
    padding-right: 25px;
  }

  .mobile-footer .second-item {
    margin-bottom: 20px;
  }

  .mobile-footer .third-item {
    width: calc(62% - 35px);
    align-items: flex-start;
    padding-top: 40px;
    top: 300px;
  }

  .footer-one {
    padding-top: 40px;
  }

  .vip-page .banner.banner-medium .h1 {
    font-size: 35px;
  }

  h2,
  .h2 {
    font-size: 32px;
    margin: 0 0 20px;
  }

  h1,
  .h1 {
    font-size: 36px;
  }

  h3,
  .h3 {
    font-size: 30px;
  }

  html {
    font-size: 16px;
  }

  .btns-section .btn {
    font-size: 18px;
  }

  .btn {
    font-size: 17px;
  }

  .wrapper-logo::before {
    background-image: url(../images/img/gradLine4_1.png);
    height: 360px;
    background-size: cover;
    top: 0;
  }

  .menu-main li a::before {
    width: 85px;
    height: 85px;
  }

  .menu-main li {
    font-size: 20px;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-left:not(.slider-is-photo),
  .container-right:not(.slider-is-photo) {
    padding-left: 30px;
    padding-right: 0;
  }

  .headerLogo {
    width: calc(100% - 30px);
    height: 304px;
    max-width: 580px;
  }

  .wrapper-logo .container-flex {
    top: 10px;
  }

  .main-header {
    background-image: url("../images/headers/mainHeader3.png");
    height: 991px;
  }

  .child-header {
    background-image: url("../images/headers/childHeader4.png");
    height: 615px;
  }

  .child-page > div:nth-child(2) {
    padding-top: 450px;
    margin-top: -550px;
  }

  .vip-header {
    background-image: url("../images/headers/vipHeader4.png");
    height: 700px;
  }

  .vip-page > div:nth-child(2) {
    padding-top: 750px;
  }

  .song-header {
    background-image: url("../images/headers/songHeader4.png");
    height: 1057px;
  }

  .wrapper-logo-bowling.song .header-price-list {
    right: 30px;
    top: 60px;
  }

  .header-price-list h2 {
    font-size: 36px;
  }

  .header-price-list .btn {
    width: 280px;
  }

  .bowling-header {
    height: 1050px;
  }

  .header-price-list {
    width: 100%;
    max-width: 430px;
  }

  .time-price p {
    font-size: 16px;
  }

  .header-price-list .price {
    font-size: 32px;
  }

  .banner.banner-big .two-border {
    height: 100%;
  }

  .wrapper-logo .container-flex .headerImg:last-child {
    height: 500px;
  }

  .advantages .item {
    width: calc(33% - 40px);
  }

  .banner.banner-big .image {
    width: 240px;
    margin: 0;
    margin-top: -30px;
    height: 300px;
  }

  .child-big-banner .wrapper-title p {
    font-size: 60px;
  }

  .vip-spaces .right-item {
    max-width: none;
    width: calc(100% + 60px);
    border-radius: 0;
  }

  .btn-side img {
    width: 100%;
    height: auto;
  }

  .banner .btn {
    font-size: 18px;
    margin: 10px 0 0;
    width: 100%;
  }

  .child-big-banner .wrapper-text .btn {
    width: 100%;
    max-width: none;
  }

  .btns-section {
    flex-wrap: wrap;
    gap: 15px;
  }

  .flex-items.balls .item {
    min-width: 250px;
  }

  .borderSection {
    border-radius: 0;
  }

  .borderSection .slick-slider {
    height: 510px;
  }

  .banner.banner-big {
    overflow: hidden;
    height: auto;
  }

  .btn {
    min-width: auto;
    font-size: 16px;
    padding: 10px 15px;
  }

  .banner,
  .banner .two-border {
    padding: 0 15px;
    border-radius: 40px;
  }

  .banner .text-banner {
    padding: 20px 0 10px;
  }

  .banner .two-border .text-banner {
    padding: 10px 0 20px 5px;
  }

  .borderCssSection {
    padding: 20px 0;
    border: 25px solid transparent;
    width: calc(100% + 50px);
    margin-left: -25px;
    border-radius: 100px 0px;
    height: 825px;
  }

  .borderCssSection .flex-items {
    padding: 0;
  }

  .borderCssSection .flex-items .left-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .vip-spaces .right-item {
    width: calc(100% + 20px);
    border-radius: 0;
  }

  .banner.banner-medium,
  .banner.banner-medium .two-border {
    padding: 10px 15px;
  }

  .banner.banner-medium .image {
    width: 60%;
    height: 190px;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 13px;
  }

  .banner.banner-medium .image img {
    height: 250px;
  }

  .banner .text-banner {
    width: 100%;
  }

  .text-banner .btns {
    width: 45%;
    margin: 20px 0 0;
  }

  .text-banner .btns .btn {
    width: 100%;
  }

  .banner-menu .left-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .banner-menu {
    padding: 30px 30px 0;
    box-shadow: inset 0 1000vw #e5682f;
    justify-content: center;
    align-items: center;
    gap: 0;
    overflow: hidden;
  }

  .banner-menu .text .h2:first-child {
    font-size: 32px;
  }

  .banner-menu .text .h2:last-child {
    font-size: 40px;
  }

  .banner-menu .image {
    margin: 0;
    width: 350px;
    height: auto;
    display: block;
    margin-top: -100px;
    margin-right: -350px;
  }

  .banner-menu .image img {
    height: auto;
    width: 100%;
  }

  .type-holiday .load-button {
    padding: 15px;
  }

  .type-holiday {
    padding: 15px 25px;
    border-radius: 50px;
  }

  .load-button > div {
    gap: 10px;
    border-radius: 30px;
  }

  .load-button > div > div:first-child span:first-child {
    font-size: 17px;
  }

  .load-button {
    padding: 15px;
    border-radius: 20px;
  }

  .type-hall img {
    height: 280px;
  }

  .hall-day label {
    font-size: 24px;
  }

  .hall-days-items {
    width: 100%;
  }

  .hall-day {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .hall-day .flex-items {
    width: auto;
  }

  .hall-day .custom-radio {
    width: 200px;
  }

  .need-animations label {
    font-size: 24px;
  }

  .date-time-number {
    padding: 20px 30px;
    justify-content: center;
  }

  .type-hall {
    width: 100%;
    max-width: none;
  }

  .btns-navigation {
    padding: 20px 30px;
    flex-direction: row-reverse;
  }

  #wrapper-animations-dop-info .flex-items.center {
    flex-direction: column;
  }

  .dop-parameters-items,
  .inputs-hall-days {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .step .last-form {
    max-width: 430px;
  }

  .banner.banner-small {
    padding: 30px 90px;
    border-radius: 70px;
    gap: 30px;
  }

  .banner.banner-small .btn {
    font-size: 24px;
  }

  .banner.banner-small.two-border-wrapper .two-border {
    padding: 20px 95px 40px 85px;
    border-radius: 70px;
    gap: 30px;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-slider .item-slider {
    height: 350px;
    width: 350px;
  }

  .container-left .wrap-slider-navigation,
  .container-right .wrap-slider-navigation {
    margin-left: 170px;
  }

  .btn-side-song span {
    font-size: 16px;
    top: 80px;
    left: 10px;
  }

  .slick-slider-center-opacity {
    width: calc(100% + 60px);
    margin-left: -30px;
  }

  .advantages-short .flex-items {
    flex-wrap: wrap;
    justify-content: center;
  }

  .special-min-info .item span:first-child {
    font-size: 28px;
  }

  .special-min-info .item span:last-child {
    font-size: 18px;
  }

  .vip-page .bowling-header .headerImg {
    background-image: url("../images/img/headerVip3.png");
  }

  .vip-page .wrapper-logo-bowling .headerBottom {
    background-image: url("../images/img/headerVipBottom3.png");
  }

  .slider-is-photo {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    gap: 20px;
  }

  .slider-is-photo.container-right {
    flex-direction: column-reverse;
  }

  .slider-is-photo .wrapper-text {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 0;
  }

  .text-and-slider.slider-is-photo.container-left .wrapper-photo img {
    border-radius: 0;
  }

  .child-page.vip-page .bowling-header .headerImg {
    background-image: url(../images/img/headerChild2.png);
  }

  .child-page.vip-page .wrapper-logo-bowling.vip {
    height: 600px;
  }

  .child-page.vip-page .wrapper-logo-bowling .headerBottom {
    height: 215px;
  }

  .size50 {
    font-size: 38px;
  }

  .size55 {
    font-size: 45px;
  }

  .child-slider > div {
    padding: 40px 0 40px 30px;
  }

  .banner.banner-medium.child-banner {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .banner.banner-medium.child-banner .two-border {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .banner.banner-medium.child-banner .image {
    width: 200px;
    height: auto;
  }

  .banner.banner-medium.child-banner .text-banner {
    width: 400px;
  }

  .partners > div:first-child {
    padding: 50px 30px 120px;
  }
  .partners > div:first-child .btns {
    max-width: 417px;
  }
  .btn {
    font-size: 18px;
  }
  .load-button > div > div:first-child span:first-child {
    font-size: 20px;
  }

  .simple-slider .item-slider p {
    font-size: 20px;
  }

  .child-atmo-rows {
    display: none;
  }

  .child-atmo-rows640 {
    display: block;
  }
}

@media (max-width: 500px) {
  .mobile-footer .footer-one {
    display: block;
  }

  .mobile-footer .first-item {
    gap: 15px;
    width: 100%;
    padding: 0;
  }

  .mobile-footer .first-item .logo-footer {
    max-width: none;
    max-height: none;
    width: 300px;
    height: 160px;
  }

  .mobile-footer .first-item > div:last-child {
    max-width: none;
  }

  .mobile-footer .second-item {
    border: none;
    flex-direction: column-reverse;
    padding: 0;
    margin-top: 30px;
    width: 100%;
    gap: 30px;
  }

  .mobile-footer .contacts-site > div:first-child {
    margin-bottom: 10px;
  }

  .mobile-footer .third-item {
    position: relative;
    top: auto;
    padding-top: 20px;
    width: 100%;
    margin-bottom: 20px;
    gap: 10px;
  }
  .result-info p {
    font-size: 18px;
  }

  .result-sum {
    font-size: 24px;
  }
}

@media (max-width: 460px) {
  .child-slider .slick-initialized .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .wrapper-404 .btn {
    max-width: 300px;
  }

  .order-bowling-dop-items .item.two-border-wrapper p {
    padding: 10px 25px;
  }

  .btns-orderBowling {
    flex-direction: column-reverse;
  }

  .banner.banner-medium .two-border {
    display: block !important;
    height: 100%;
    overflow: hidden;
  }

  .banner.banner-medium.two-border-wrapper > *:not(.two-border) {
    opacity: 0;
  }

  .banner.banner-medium .image {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: -60px;
    transform: rotate(346deg);
    height: 80%;
  }

  .banner.banner-medium .image img {
    height: 500px;
  }

  .banner.banner-medium .text-banner .h1 {
    margin-bottom: 50px;
    font-size: 32px;
    width: 200px;
  }

  .banner.banner-medium .text-banner .h3 {
    font-size: 24px;
    width: 220px;
  }

  .banner.banner-medium.child-banner .image {
    width: auto;
    height: auto;
    transform: none;
    right: 0;
    bottom: 0;
    margin: 0;
  }

  .banner.banner-medium.child-banner .image img {
    height: 200px;
  }

  .banner.banner-medium.child-banner .two-border {
    height: 100%;
  }

  .banner.banner-medium.child-banner .text-banner {
    width: 100%;
  }

  .wrapper-map {
    height: 350px;
    width: calc(100% + 40px);
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: none;
  }

  .wrapper-contacts .flex-items {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .wrapper-contacts .flex-items .wrap-left,
  .wrapper-contacts .flex-items .wrap-right {
    width: 100%;
  }

  .btns-navigation .btn {
    width: 100%;
  }

  .btns-halls {
    flex-direction: column;
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
  }

  .btn-step {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }

  .form-calculator p:last-child {
    font-size: 18px;
  }

  .type-holiday {
    border-radius: 20px;
    padding: 15px 20px;
  }

  .date-time-number {
    border-radius: 20px;
    padding: 15px 20px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .date-time-number input:not([type="checkbox"]):not([type="radio"]),
  .date-time-number select {
    width: 100%;
  }

  .result-calculator {
    border-radius: 20px;
    padding: 15px 20px;
  }

  .btns-navigation {
    padding: 15px 10px;
    border-radius: 20px;
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
  }

  .type-hall .custom-radio p {
    font-size: 19px;
  }

  .custom-radio label,
  .custom-radio p {
    margin-left: 30px;
  }

  .btns-step {
    gap: 5px;
  }

  .animations-dop-info .custom-radio p:last-child {
    white-space: nowrap;
  }

  .need-animations label {
    font-size: 18px;
  }

  .hall-day {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 20px;
    border-radius: 20px;
  }

  .result-info {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .type-holiday > div:first-child {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
  }

  .label-price {
    margin-left: 40px;
  }

  .just-photos.child-atmo {
    display: block;
  }

  .just-photos.child-atmo.row4 .item:nth-child(1) {
    width: 218px;
  }
  .just-photos.child-atmo.row4 .item:nth-child(2) {
    width: 220px;
    margin: 0 0 0 auto;
  }

  .just-photos.child-atmo.row5 {
    margin: 0;
  }

  .just-photos.child-atmo.row5 .item:nth-child(1) {
    width: 218px;
  }

  .just-photos.child-atmo.row5 .item:nth-child(2) {
    width: 220px;
    margin: 0 0 0 auto;
  }

  .just-photos.child-atmo.row6 {
    display: none;
  }

  .custom-arrow.slick-arrow.prev-arrow {
    left: 10px;
  }

  .custom-arrow.slick-arrow.next-arrow {
    right: 10px;
  }
  .top-mobile-menu img {
    width: 150px;
  }
  .top-footer {
    flex-direction: column;
    padding: 0 10px 20px;
  }
  .top-footer .left-item {
    width: 100%;
    align-items: center;
    border: none;
    padding: 0;
  }
  .top-footer .center-item {
    border: none;
    padding: 0;
  }
  .top-footer .right-item {
    align-items: flex-start;
  }
  .top-footer .right-item > div {
    border: none;
    padding: 0;
  }
  .bottom-footer {
    flex-direction: column;
    gap: 10px;
  }
  .footer-two {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .vip-page .banner.banner-medium .h1 {
    font-size: 28px;
  }

  h2,
  .h2 {
    font-size: 25px;
    margin: 0 0 20px;
  }

  h1,
  .h1 {
    font-size: 28px;
  }

  h3,
  .h3 {
    font-size: 22px;
  }

  html {
    font-size: 15px;
  }

  .btn {
    font-size: 18px;
  }

  .container,
  .container.min-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-left:not(.slider-is-photo),
  .container-right:not(.slider-is-photo) {
    padding-left: 10px;
    padding-right: 10px;
  }

  .advantages .item {
    width: calc(50% - 20px);
  }

  .right-side {
    max-width: 60px;
    margin-left: calc(100% - 61px);
  }

  .right-side .btn-side {
    border-radius: 40px 0 0 40px;
    height: 50px;
    padding: 5px 0 5px 5px;
  }

  .headerLogo {
    width: 280px;
    height: 146px;
  }

  .wrapper-logo .container-flex {
    top: 60px;
  }

  .main-header .wrapper-logo .container-flex {
    top: 0;
  }

  .borderCssSection .flex-items .left-item {
    padding: 30px 10px;
  }

  .main-header .wrapper-logo {
    height: 530px;
  }

  .main-header .wrapper-logo .container-flex {
    background-image: url("../images/headers/backHeadMobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 300px;
    position: absolute;
    top: 0;
    z-index: 1;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-slider.with-line.first {
    position: relative;
  }

  .text-and-slider:not(.slider-is-photo)
    .wrapper-slider.with-line.first
    .slick-slider {
    margin-left: 150px;
    width: 100%;
  }

  .text-and-slider.left-image .wrapper-slider.with-line.first::after {
    content: "";
    height: 300px;
    width: auto;
    aspect-ratio: 1/2;
    background-image: url(../images/img/slider-bowling-1/кегля.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    position: absolute;
    left: 0;
    top: calc(50% - 200px);
  }

  .bowling-header .header-price-list {
    position: relative;
  }

  .bowling-header .wrapper-logo-bowling .container {
    background-image: url(../images/headers/headerBowlingTop.png);
    position: absolute;
    background-size: 100% 100%;
    width: 100%;
    top: 0;
    z-index: 1;
  }

  .bowling-header .slider-header-wrapper {
    top: 450px;
  }

  .slider-header-wrapper {
    display: block;
    margin-top: -90px;
    pointer-events: all;
    position: absolute;
    top: 290px;
    max-width: 100%;
    border-radius: 0 0 30px 30px;
    overflow: hidden;
  }

  .slider-header-wrapper .slider-header .slider-item {
    height: 350px;
    width: 100%;
  }

  .main-header {
    background-image: none;
    height: 630px;
  }

  .child-header {
    background-image: url("../images/headers/childHeader5.png");
    height: 290px;
  }

  .child-circle .short-width .size50 {
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.25),
      0px 0px 2px rgba(255, 255, 255, 0.25),
      0px 0px 8px rgba(255, 255, 255, 0.4);
    font-size: 28px;
  }

  .child-page > div:nth-child(2) {
    padding-top: 300px;
    margin-top: -300px;
  }

  .child-circle .short-width {
    width: 100%;
    border-radius: 0;
    box-shadow: inset 0 1000vw #e5682f;
    padding: 30px 10px;
    border-left: none;
    border-right: 0;
  }

  .simple-slider .item-slider p {
    font-size: 18px;
  }

  .container.child-circle,
  .container.art-group {
    padding-left: 0;
    padding-right: 0;
  }

  .container.art-group {
    position: relative;
    padding-top: 60px;
  }

  .push100 {
    padding: 50px;
  }

  .art-group .image-wrapper {
    border-radius: 0;
    border: 20px solid transparent;
    width: 100%;
    border-left: none;
    border-right: none;
    height: 280px;
    margin: 0;
  }

  .art-group .image-wrapper img {
    width: 100%;
    height: 100%;
  }

  .art-group .text-wrapper {
    padding: 0 10px 20px;
  }

  .art-group .text-wrapper .h2 {
    position: absolute;
    top: 0;
  }

  .hr {
    margin: 20px 0;
  }

  .simple-slider .item-slider .image {
    width: 280px;
    height: 280px;
  }

  .slick-slider-center-opacity .slick-prev {
    left: 30px !important;
  }

  .slick-slider-center-opacity .slick-next {
    right: 30px !important;
  }

  .events-items .item {
    max-width: 420px;
    min-width: 270px;
    width: 100%;
  }

  .events-items .item .btn {
    padding: 15px 20px;
  }

  .events-items .wrap-items-wrapper {
    overflow-x: scroll;
    width: 100%;
  }

  .events-items .wrap-items-wrapper .wrap-items {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: calc(100% * 3 - 60px);
  }

  .slider-is-photo {
    position: relative;
  }

  .slider-is-photo.container-right {
    flex-direction: column;
  }

  .container-left.slider-is-photo {
    flex-direction: column-reverse;
  }

  .text-and-slider.slider-is-photo .wrapper-text .h3 {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: calc(100%);
  }

  .text-and-slider.slider-is-photo.container-right .wrapper-photo,
  .text-and-slider.slider-is-photo.container-left .wrapper-photo {
    margin-top: 60px;
    margin-bottom: 0;
    width: calc(100% + 10px);
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }

  .just-photos-wrapper {
    overflow-x: scroll;
    width: 100%;
    height: auto;
  }

  .just-photos-wrapper .just-photos {
    width: 1200px;
    justify-content: flex-start;
  }

  .advantages-short .item {
    width: 140px;
  }

  .just-photos-wrapper .just-photos .item {
    width: 280px;
    min-width: 280px;
    height: 280px;
  }

  .simple-slider .item-slider p {
    width: 280px;
  }

  .vip-header {
    background-image: url("../images/headers/vipHeader5.png");
    height: 530px;
  }

  .vip-page > div:nth-child(2) {
    padding-top: 750px;
  }

  .song-header {
    background-image: url("../images/headers/songHeader5.png");
    height: 870px;
  }

  .bowling-header {
    background-image: url("../images/headers/bowlingHeader5.png");
    height: 822px;
  }

  .header-price-list {
    width: 300px;
  }

  .time-price p {
    font-size: 14px;
  }

  .header-price-list .price {
    font-size: 20px;
  }

  /*   .right-side .btn-side {
      height: 65px;
      padding: 8px 15px;
    } */

  .banner.banner-big {
    overflow: hidden;
    flex-direction: column-reverse;
    height: auto;
    align-items: center;
  }

  .btn {
    min-width: auto;
    font-size: 18px;
    padding: 10px 15px;
  }

  .banner,
  .banner .two-border {
    padding: 0 15px;
    border-radius: 30px;
  }

  .banner.banner-big .image {
    margin-left: 0;
    height: 370px;
    width: 100%;
  }

  .banner.banner-big .text-banner {
    width: 100%;
  }

  .banner .text-banner {
    padding: 20px 0 10px;
  }

  .banner .two-border .text-banner {
    padding: 10px 0 20px 5px;
  }

  .child-big-banner {
    background-image: none;
    box-shadow: none;
    border-top: none;
    border-bottom: none;
  }

  .child-big-banner > div {
    background-image: none;
  }

  .child-big-banner .wrapper-text {
    margin-bottom: 20px;
  }

  .child-big-banner .wrapper-title {
    width: calc(100% + 20px);
    margin-left: -10px;
    background-image: linear-gradient(
      90deg,
      #ec5124 5%,
      #c82253 25%,
      #eb7133 60%,
      #c82253 95%
    );
    background-origin: border-box;
    box-shadow: inset 0 100vw #ec5124;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }

  .child-big-banner .wrapper-title p {
    background-image: url(../images/img/childBanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 32px;
    height: 380px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 10px;
    background-position-x: 65%;
    text-shadow: 0px 0px 10px rgb(255 255 255 / 79%);
  }

  .vip-spaces .right-item img {
    border-radius: 0;
  }

  .vip-spaces .right-item .slick-slider.with-dots .custom-arrow {
    display: block;
  }

  .child-big-banner .flex-items {
    background: none;
  }

  .borderCssSection {
    padding: 0;
    border: 25px solid transparent;
    width: calc(100% + 50px);
    margin-left: -25px;
    border-radius: 50px 0px;
    height: auto;
  }

  .vip-spaces .right-item {
    width: 100%;
    border-radius: 0;
  }

  .banner.banner-medium {
    padding: 25px 15px;
  }

  .wrapper-requests {
    overflow-x: scroll;
    height: 430px;
  }

  .requests .request {
    min-width: 290px;
    width: 290px;
  }

  .requests.flex-items.center {
    justify-content: flex-start;
    flex-wrap: nowrap;
  }

  .requests .request.two-border-wrapper .two-border {
    display: flex !important;
  }

  .banner-menu .text .h2:last-child {
    font-size: 23px;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5),
      0px 0px 10px rgba(255, 255, 255, 0.5),
      0px 0px 5px rgba(255, 255, 255, 0.2);
  }

  .requests .request.two-border-wrapper > *:not(.two-border) {
    opacity: 0;
  }

  .banner .text-banner {
    width: 100%;
  }

  .banner {
    overflow: hidden;
  }

  .banner .two-border {
    border: none;
    display: none;
    left: 0;
    top: 0;
  }

  .two-border-wrapper > *:not(.two-border) {
    opacity: 1;
  }

  .two-border-wrapper .two-border {
    display: none !important;
  }

  .text-banner .btns {
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }

  .text-banner .btns .btn {
    width: 100%;
  }

  .banner-menu {
    border-radius: 60px 0;
    width: calc(100% + 60px);
    margin-left: -30px;
    padding: 10px 20px;
    border: 30px solid transparent;
  }

  .banner-menu .image {
    margin: 0;
    width: auto;
    height: auto;
    display: block;
    transform: rotate(345deg);
    margin-bottom: -50px;
  }

  .banner-menu .image img {
    height: auto;
    width: 100%;
  }

  .load-button > div > div:first-child span:first-child {
    font-size: 17px;
  }

  .load-button {
    padding: 15px;
    border-radius: 20px;
  }

  .banner.banner-small {
    padding: 20px 10px;
    border-radius: 30px;
    gap: 10px;
  }

  .banner.banner-small .btn {
    max-width: 260px;
    font-size: 16px;
  }

  .header-price-list .item-price {
    padding: 10px 15px;
    border-radius: 10px;
  }

  .header-price-list .prices {
    gap: 15px;
  }

  .header-price-list .h2,
  .header-price-list .price {
    font-size: 18px;
  }

  .header-price-list p {
    font-size: 12px;
  }

  .header-price-list .btn {
    min-width: auto;
    width: auto;
  }

  .bowling-header .wrapper-logo-bowling::before {
    background-image: url("../images/img/bowlingHeader4.png");
  }

  .bowling-header .wrapper-logo-bowling {
    height: 750px;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-text {
    padding-right: 10px;
  }

  .container-left .wrap-slider-navigation,
  .container-right .wrap-slider-navigation {
    margin-left: 0px;
    justify-content: center;
    width: 100%;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-slider {
    width: 100%;
    margin: 0 auto !important;
  }

  .text-and-slider:not(.slider-is-photo) .wrapper-slider .item-slider {
    height: auto;
    width: 100%;
    margin-right: 15px;
    aspect-ratio: 1/1;
  }

  .wrapper-logo-bowling.song .header-price-list {
    left: 10px;
    top: 50px;
    width: calc(100% - 20px);
  }

  .wrapper-logo-bowling.song .header-price-list .h2,
  .header-price-list .price {
    font-size: 20px;
  }

  .wrapper-logo-bowling.song .header-price-list .item-price {
    margin: 15px 0;
    border-radius: 20px;
  }

  .wrapper-logo-bowling.song .header-price-list h2 {
    margin: 0 0 30px;
    font-size: 24px;
  }

  .wrapper-logo-bowling.song .header-price-list .btn {
    font-size: 16px;
    padding: 15px 20px;
    position: absolute;
    right: 0;
  }

  .art-group .image-wrapper img {
    border-radius: 0;
  }

  .special-min-info .item span:first-child {
    font-size: 18px;
  }

  .special-min-info .item span:last-child {
    font-size: 14px;
  }

  .slick-slider-center-opacity .item-slider {
    height: 200px;
    margin-right: 0;
  }

  .slick-slider-center-opacity .item-slider img {
    height: 200px;
  }

  .slick-slider-center-opacity .slick-slide.slick-center img {
    height: 200px;
    border-radius: 0;
  }

  .vip-page .wrapper-logo-bowling.vip {
    height: 500px;
  }

  .vip-page .bowling-header .headerImg {
    background-image: url(../images/img/headerVip4.png);
  }

  .vip-page .wrapper-logo-bowling .headerBottom {
    display: none;
  }

  .minus-top-min {
    margin-top: -50px;
  }

  .minus-top-min > .content-text:first-child {
    padding-top: 50px;
  }

  .partners > div:last-child {
    height: 300px;
  }

  .partners > div:first-child {
    padding: 40px 10px 120px;
  }
}

.menu-main li:hover {
  scale: 0.9;
}

input {
  outline: none;
}

.roads-and-hours tr td:not(:first-child) {
  border-radius: 10px;
  padding: 5px 5px;
  min-width: 50px;
}

.roads-and-hours tr td.disable {
  border-radius: 10px;
}

.art-group .image-wrapper {
  margin-top: 10px;
}

#popup-window {
  left: calc(50% - 100px);
  top: 150px;
  color: #fff;
  opacity: 1;
}

.banner-menu .image {
  height: 480px;
}

select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #000;
  box-shadow: none;
  cursor: pointer;
  width: 100%;
  outline: none;
}

option {
  background: #d0374e;
  border: 1px solid #000;
  border-radius: 0;
  box-shadow: none;
}

input.icon-date, select.icon-date {
  padding-right: 25px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICANCiAgICA8dGl0bGU+Y2FsZW5kYXIgWyMxMTk2XTwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+DQoNCjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IkRyaWJiYmxlLUxpZ2h0LVByZXZpZXciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDAuMDAwMDAwLCAtMjc5OS4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4NCiAgICAgICAgICAgIDxnIGlkPSJpY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYuMDAwMDAwLCAxNjAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2MiwyNjU2IEMyNjIsMjY1Ni41NTIgMjYxLjU1MiwyNjU3IDI2MSwyNjU3IEwyNDcsMjY1NyBDMjQ2LjQ0OCwyNjU3IDI0NiwyNjU2LjU1MiAyNDYsMjY1NiBMMjQ2LDI2NDYgQzI0NiwyNjQ1LjQ0OCAyNDYuNDQ4LDI2NDUgMjQ3LDI2NDUgTDI2MSwyNjQ1IEMyNjEuNTUyLDI2NDUgMjYyLDI2NDUuNDQ4IDI2MiwyNjQ2IEwyNjIsMjY1NiBaIE0yNjIsMjY0MSBMMjYyLDI2NDAgQzI2MiwyNjM5LjQ0OCAyNjEuNTUyLDI2MzkgMjYxLDI2MzkgQzI2MC40NDgsMjYzOSAyNjAsMjYzOS40NDggMjYwLDI2NDAgTDI2MCwyNjQxIEwyNTUsMjY0MSBMMjU1LDI2NDAgQzI1NSwyNjM5LjQ0OCAyNTQuNTUyLDI2MzkgMjU0LDI2MzkgQzI1My40NDgsMjYzOSAyNTMsMjYzOS40NDggMjUzLDI2NDAgTDI1MywyNjQxIEwyNDgsMjY0MSBMMjQ4LDI2NDAgQzI0OCwyNjM5LjQ0OCAyNDcuNTUyLDI2MzkgMjQ3LDI2MzkgQzI0Ni40NDgsMjYzOSAyNDYsMjYzOS40NDggMjQ2LDI2NDAgTDI0NiwyNjQxIEMyNDQuODk1LDI2NDEgMjQ0LDI2NDEuODk1IDI0NCwyNjQzIEwyNDQsMjY1NyBDMjQ0LDI2NTguMTA0IDI0NC44OTUsMjY1OSAyNDYsMjY1OSBMMjYyLDI2NTkgQzI2My4xMDUsMjY1OSAyNjQsMjY1OC4xMDQgMjY0LDI2NTcgTDI2NCwyNjQzIEMyNjQsMjY0MS44OTUgMjYzLjEwNSwyNjQxIDI2MiwyNjQxIEwyNjIsMjY0MSBaIiBpZD0iY2FsZW5kYXItWyMxMTk2XSI+DQoNCjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 20px 20px;
}

#popupWindow.popup__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s all;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

body.popup-open{
  overflow: hidden;
}

#popupWindow .popup {
    width: calc(100% - 40px);
    max-width: 500px;
    padding: 0;
    transition: 0.5s all;
    background: #fff;
    border-radius: 40px;
    border: 2px solid #e5124b;
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

#popupWindow .popup .popup-content {
    position: relative;
    padding: 50px;
    height: auto;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .3s ease-out;
    overflow: hidden;
}

#popupWindow .close-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    opacity: 0.8;
}

#popupWindow .close-popup:hover{
  opacity: 1;
}

#popupWindow .close-popup span {
         background-image: url('https://bowling-park.ru/local/templates/bowling/assets/images/icons/Close Square.png');
         background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    border-radius: 100%;
}

#popupWindow.popup__bg.active {
    opacity: 1;
    pointer-events: all;
    transition: 0.5s all;
}

#popupWindow.active .popup .popup-content{
  grid-template-rows: 1fr;
}

.time-wait{
  font-size: 17px;
  font-style: oblique;
}