@charset "UTF-8";
@font-face {
  font-family: "Stencil";
  src: url("/fonts/Stencil Regular.ttf") format("truetype");
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Jura", sans-serif;
  background-color: #000;
  color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 1700px) {
  body {
    font-size: 90%;
  }
}
@media screen and (max-width: 1570px) {
  body {
    font-size: 80%;
  }
}
@media screen and (max-width: 1300px) {
  body {
    font-size: 70%;
  }
}
@media screen and (max-width: 992px) {
  body {
    font-size: 50%;
  }
}
@media screen and (min-width: 2500px) {
  body {
    font-size: 120%;
  }
}

img {
  display: block;
  width: 100%;
  height: auto;
}

section {
  width: 100%;
  min-height: 100vh;
  outline: none;
}
@media screen and (max-width: 1200px) {
  section {
    min-height: auto;
  }
}
@media screen and (max-width: 560px) {
  section {
    overflow-x: hidden;
  }
}

.wrapper {
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 1280px) {
  .wrapper {
    max-width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .wrapper {
    max-width: 1560px;
  }
}

.row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 560px) {
  .row {
    flex-direction: row;
  }
}

.col-12 {
  width: 100%;
  display: grid;
}
@media screen and (min-width: 560px) {
  .col-md-6 {
    width: 50%;
  }
}
@media screen and (min-width: 560px) {
  .col-md-12 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-6 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-4 {
    width: 30%;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-3 {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-5 {
    width: 40%;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-6 {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-7 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-4 {
    width: 33.33%;
  }
}

.offset-md-4 {
  width: 0;
}
@media screen and (min-width: 768px) {
  .offset-md-4 {
    width: 30%;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-4 {
    width: 35%;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-6 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .text-right {
    text-align: right;
  }
}
.text-center {
  text-align: center;
}

.d-none {
  display: none !important;
}

@media (max-width: 768px) {
  .d-sm-none {
    display: none;
  }
}

.title__wrapper {
  color: #fff;
  font-size: 11em;
  position: absolute;
  font-weight: 400;
  opacity: 0.07;
  padding-left: 0.5em;
  margin: 0;
  top: 16vh;
}
@media screen and (max-width: 560px) {
  .title__wrapper {
    font-size: 5em;
  }
}
.title__article {
  padding-left: 12vw;
  font-size: 10em;
  font-family: "Jura Demi-Bold", sans-serif;
  font-weight: 300;
  -webkit-text-stroke: 2px rgb(144, 250, 255);
  color: rgb(13, 40, 250);
  margin: 0;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 45px rgba(10, 49, 252, 0.34), 0 0 26px rgba(10, 49, 252, 0.52), 0 0 34px rgba(10, 49, 252, 0.3), 0 0 50px rgba(10, 49, 252, 0.4), 0 0 75px rgba(10, 49, 252, 0.2);
  padding-top: 25vh;
}
@media screen and (max-width: 1024px) {
  .title__article {
    text-shadow: none;
  }
}
@media screen and (max-width: 560px) {
  .title__article {
    font-size: 7em;
    -webkit-text-stroke-width: 1px;
    padding-left: 7vw;
  }
}
.title__quest {
  font-weight: 500;
  padding: 5vh 0;
  color: rgb(224, 253, 255);
  font-size: 5em;
  text-align: center;
  -webkit-text-stroke: 2px rgba(10, 49, 252, 0.92);
  text-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92), 0 0 9.5rem rgba(40, 55, 115, 0.9);
}
@media screen and (max-width: 560px) {
  .title__quest {
    font-size: 3.5em;
    -webkit-text-stroke-width: 1px;
  }
}
.title__quest:after {
  content: "<<";
}
.title__quest:before {
  content: ">>";
}
.title__banner_block {
  padding: 0;
  font-size: 7em;
  text-shadow: 0 0 20px rgba(202, 228, 225, 0.92), 0 0 20px rgba(10, 49, 252, 0.34), 0 0 90px rgba(10, 49, 252, 0.52), 0 0 50px rgba(10, 49, 252, 0.92), 0 0 75px rgba(10, 49, 252, 0.78), 0 0 80px rgba(10, 49, 252, 0.92), 0 0 9.5rem rgba(40, 55, 115, 0.9);
}
@media screen and (max-width: 560px) {
  .title__banner_block {
    font-size: 4em;
  }
}
@media screen and (max-width: 1024px) {
  .title__banner_block {
    text-shadow: none;
  }
}
.title__banner_block:after, .title__banner_block:before {
  display: none;
}
.title__room {
  margin-bottom: 0.25em;
  margin-top: 0.25em;
  line-height: 1em;
  padding-left: 12vw;
  padding-top: 38vh;
  color: #ffffff;
  font-size: 7em;
  font-weight: 400;
  letter-spacing: 3px;
}
@media screen and (max-width: 560px) {
  .title__room {
    padding-top: 5vh;
    font-size: 3em;
    padding-left: 7vw;
  }
}
.title__neon-highlight {
  color: rgb(224, 253, 255);
  text-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92), 0 0 9.5rem rgba(40, 55, 115, 0.9);
}

.footer {
  width: 100%;
  min-height: 70vh;
  position: relative;
}
@media screen and (min-width: 560px) and (max-width: 1200px) {
  .footer {
    min-height: auto;
    box-shadow: inset 0px 6vh 6vh 0px rgba(0, 0, 0, 0.75), inset 0px 5vh 5vh 0px rgba(0, 0, 0, 0.9);
  }
}
.footer:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.6;
  background-image: url("../img/bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 80vh;
  background-position: left bottom;
}
@media screen and (min-width: 560px) and (max-width: 1200px) {
  .footer:after {
    box-shadow: inset 0px 6vh 6vh 0px rgba(0, 0, 0, 0.75), inset 0px 5vh 5vh 0px rgba(0, 0, 0, 0.9);
  }
}
@media screen and (max-width: 560px) {
  .footer:after {
    background-size: 100% 62vh;
  }
}
.footer > * {
  z-index: 2;
  position: relative;
}
.footer__wrapper {
  width: 86%;
  padding: 22vh 0 2rem;
  margin: 0 auto;
}
@media screen and (max-width: 560px) {
  .footer__wrapper {
    padding: 2em 0;
  }
}
@media screen and (min-width: 560px) and (max-width: 1200px) {
  .footer__wrapper {
    padding: 3em 0 4.5em;
  }
}
.footer__conteiner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  font-family: "Jura Demi-Bold", sans-serif;
}
@media screen and (max-width: 560px) {
  .footer__conteiner {
    grid-template-columns: 1fr;
  }
  .footer__conteiner > * {
    margin-top: 1.5em;
  }
}
.footer__logo {
  grid-column-start: 8;
  grid-column-end: 12;
  grid-row-start: 1;
  grid-row-end: 1;
}
@media screen and (max-width: 560px) {
  .footer__logo {
    grid-column-start: 1;
    grid-column-end: 12;
  }
}
.footer__text {
  margin-bottom: 2em;
  font-size: 1.75em;
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 2;
  grid-row-end: 2;
}
@media screen and (max-width: 560px) {
  .footer__text {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 3;
    grid-row-end: 3;
  }
}
.footer__nav {
  display: flex;
  grid-column-start: 8;
  grid-column-end: 12;
  grid-row-start: 2;
  grid-row-end: 2;
}
@media screen and (max-width: 560px) {
  .footer__nav {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 2;
  }
}
.footer__nav ul {
  width: 50%;
  list-style-type: none;
}
@media screen and (max-width: 560px) {
  .footer__nav ul {
    padding-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .footer__nav ul {
    margin-top: 0;
  }
}
.footer__nav li:hover a {
  -webkit-text-stroke: 0.5px #ff0f0f;
}
.footer__nav a {
  color: #fff;
  text-decoration: none;
  font-size: 1.75em;
  transition: all 0.3s ease-in-out;
}
.footer__contact {
  grid-column-start: 1;
  grid-column-end: 12;
  grid-row-start: 3;
  grid-row-end: 3;
  font-size: 1.75em;
  display: flex;
}
@media screen and (max-width: 560px) {
  .footer__contact {
    grid-row-start: 4;
    grid-row-end: 4;
    flex-direction: column;
  }
}
.footer__contact a {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin: 0 1.5em 0 0;
}
@media screen and (max-width: 560px) {
  .footer__contact a {
    margin: 0.75em 0;
  }
}
.footer__contact img {
  width: 2rem;
  margin: 0 0.5rem;
}

.modal {
  position: fixed;
  width: 100%;
  overflow-y: auto;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .modal {
    align-items: center;
  }
}
.modal__wrapper {
  position: relative;
  margin: 3em 1em;
  filter: drop-shadow(0 0 2.75rem rgba(13, 52, 132, 0.7));
}
.modal__close {
  position: absolute;
  right: 0.25em;
  top: 0.25em;
}
.modal__close button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  width: 3rem;
}
@media screen and (max-width: 1200px) {
  .modal__close button {
    width: 4em;
  }
}
.modal__close button:hover svg path {
  fill: #90faff;
}
.modal__close svg {
  width: 2.5em;
  height: 2.5em;
}
.modal__close svg path {
  transition: all 0.5s;
}
.modal__conteiner {
  width: 30vw;
  min-height: 35vh;
  box-shadow: inset 4px 3px 3.5rem 5px rgba(0, 0, 0, 0.75), 0 0 74px 7px rgba(13, 52, 132, 0.24);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #04345e;
  -webkit-clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%);
  clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  padding: 1.25em;
  text-align: center;
  font-size: 1.5em;
}
@media screen and (max-width: 1024px) {
  .modal__conteiner {
    font-size: 3.5em;
    width: 75vw;
  }
}
@media screen and (max-width: 768px) {
  .modal__conteiner {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 600px) {
  .modal__conteiner {
    font-size: 1.75em;
    display: block;
  }
}
.modal__details {
  max-width: 85%;
  padding-left: 3em;
  padding-right: 3em;
  color: #ffffff;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .modal__details {
    padding-left: 2em;
    padding-right: 2em;
  }
}
.modal__details--container {
  background-color: #0c589e;
  box-shadow: 5px 5px 64px 9px rgba(0, 0, 0, 0.75), inset 4px 3px 52px 5px rgba(0, 0, 0, 0.75);
  padding: 4em 2em;
  height: calc(100vh - 10em);
  overflow-y: auto;
}
.modal__details--container::-webkit-scrollbar-track {
  background-color: transparent;
}
.modal__details--container::-webkit-scrollbar {
  background-color: transparent;
  width: 3px;
}
.modal__details--container::-webkit-scrollbar-thumb {
  background-color: white;
}
.modal__details--row p, .modal__details--row ul {
  font-size: 1.75em;
  font-weight: 400;
  letter-spacing: 0.84px;
  margin: 7px 0;
}
.modal__details--row .col-12 {
  margin: 1em;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.modal__details--title {
  font-size: 3em;
  margin: 0.5em;
}
@media screen and (min-width: 1300px) {
  .modal__details--title {
    font-size: 2.75em;
  }
}
@media screen and (min-width: 1950px) {
  .modal__details--title {
    font-size: 3em;
  }
}
@media screen and (min-width: 2500px) {
  .modal__details--title {
    font-size: 3.5em;
  }
}
.modal .quest {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .modal .quest {
    justify-content: flex-start;
    margin-top: 5.75em;
  }
}
@media screen and (max-width: 1200px) {
  .modal .quest__title {
    text-align: center;
    font-size: 3.75em;
  }
}
.modal .quest__content {
  -webkit-clip-path: polygon(95% 0, 100% 5%, 100% 95%, 95% 100%, 0 100%, 0 0);
  clip-path: polygon(95% 0, 100% 5%, 100% 95%, 95% 100%, 0 100%, 0 0);
  background-color: #06365f;
  box-shadow: inset 4px 3px 52px 5px rgba(0, 0, 0, 0.75);
}
@media screen and (min-width: 992px) {
  .modal .quest__content {
    padding: 1.25em 1.75em 2.25em 3.75em;
  }
}
@media screen and (max-width: 1300px) {
  .modal .quest__content {
    clip-path: none;
    border-radius: 0;
    border: none;
  }
}
.modal .quest__row {
  width: 88%;
}
@media screen and (max-width: 1200px) {
  .modal .quest__row {
    width: 94%;
  }
}
.modal .quest__row > * {
  flex-basis: auto;
}
@media screen and (min-width: 1200px) {
  .modal .quest__row > *:first-child {
    width: 40%;
    z-index: 9;
  }
}
@media screen and (max-width: 768px) {
  .modal .quest__row > *:first-child {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .modal .quest__row > *:last-child {
    width: 60%;
  }
}
.modal .quest__text {
  font-family: "Jura Demi-Bold", sans-serif;
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .modal .quest__text {
    justify-content: center;
    font-size: 2em;
  }
}
@media screen and (max-width: 1200px) {
  .modal .quest__text.variable_parametres {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .modal .quest__text.variable_parametres .quest__count {
    flex-direction: row;
    margin-left: 0;
    margin-top: 1.5em;
  }
}
.modal .quest__text > * {
  margin: 0 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .modal .quest__text > * {
    margin: 0 0.5em;
    flex-direction: column;
    text-align: center;
  }
}
.modal .quest__text > *:first-child {
  margin-left: 0;
}
.modal .quest__text > *:last-child {
  margin-right: 0;
}
.modal .quest__text > * > svg {
  margin-right: 0.35em;
}
@media (max-width: 1024px) {
  .modal .quest__text > * > svg {
    margin-right: 0;
  }
}
.modal .quest__text svg {
  width: 1.5em;
  height: 1.5em;
}
.modal .quest__count {
  border: 1px solid #fff;
  display: flex;
  margin-left: 1em;
}
.modal .quest__count button,
.modal .quest__count #count {
  border: none;
  background-color: transparent;
  width: 2em;
  height: 2em;
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  line-height: 2em;
}
@media screen and (max-width: 768px) {
  .modal .quest__count button,
.modal .quest__count #count {
    font-size: 1.25em;
  }
}
.modal .quest__count #count {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  text-align: center;
  font-family: "Jura Demi-Bold", sans-serif;
  color: #fff;
}
.modal .quest__count button {
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  outline: none;
}
.modal .quest__price {
  font-family: "Jura Demi-Bold", sans-serif;
  font-size: 1.75em;
  text-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92);
}
@media (max-width: 1024px) {
  .modal .quest__price {
    text-shadow: none;
  }
}
.modal .quest__form {
  display: flex;
}
@media screen and (max-width: 768px) {
  .modal .quest__form {
    flex-direction: column;
    margin: 1em 0;
  }
}
.modal .quest__form .quest__qroup {
  width: 100%;
  padding: 0.75em 1em;
}
@media screen and (max-width: 768px) {
  .modal .quest__form .quest__qroup {
    padding: 0.25em 0;
    margin-top: 0;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .modal .quest__form .quest__qroup {
    font-size: 2.25em;
  }
  .modal .quest__form .quest__qroup span {
    font-size: 0.75em;
  }
}
.modal .quest__form .quest__qroup:first-child {
  padding-left: 0;
}
.modal .quest__form .quest__qroup:last-child {
  padding-right: 0;
}
.modal .quest__form .quest__qroup > * {
  margin: 0.75em 0;
}
.modal .quest__form .quest__qroup > *:first-child {
  margin-top: 0;
}
.modal .quest__form .quest__qroup > *:last-child {
  margin-bottom: 0;
}
.modal .quest__form .quest__qroup input,
.modal .quest__form .quest__qroup textarea {
  box-sizing: border-box;
  width: 100%;
  font-family: "Jura Demi-Bold";
  font-size: 1em;
  padding: 0.25em 0.1em;
  border: 2px solid #90faff;
  box-shadow: 0 0 5px rgba(202, 228, 225, 0.92), 0 0 12px rgba(10, 49, 252, 0.34), 0 0 9px rgba(10, 49, 252, 0.52), 0 0 7px rgba(10, 49, 252, 0.92), 0 0 10px rgba(10, 49, 252, 0.78), 0 0 20px rgba(10, 49, 252, 0.92);
}
@media (max-width: 1024px) {
  .modal .quest__form .quest__qroup input,
.modal .quest__form .quest__qroup textarea {
    box-shadow: none;
  }
}
.modal .quest__form .quest__qroup input::placeholder,
.modal .quest__form .quest__qroup textarea::placeholder {
  font-family: "Jura Demi-Bold";
  font-size: 1em;
}
.modal .quest__form .quest__qroup textarea {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .modal .quest__form .quest__qroup textarea {
    min-height: 2rem;
  }
}
.modal .quest__img {
  display: none;
}
@media screen and (max-width: 1200px) {
  .modal .quest__down_content {
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-size: 1.5em;
  }
}
@media screen and (max-width: 1300px) {
  .modal .quest__btn {
    padding: 0.5em;
    font-size: 2em;
  }
}
.modal .packets_group {
  flex-direction: column !important;
  justify-content: flex-start !important;
}
.modal .packets_group #comment {
  height: 4em !important;
}

.triangle {
  position: absolute;
  display: none;
  z-index: 1;
  will-change: transform;
}
@media screen and (min-width: 992px) {
  .triangle {
    display: block;
  }
}
.triangle--big {
  width: 27vw;
  right: 0vw;
  top: 7vh;
}
.triangle--smallUp {
  width: 10vw;
  right: 9vw;
  top: auto;
  bottom: 23vh;
  transform: rotate(-25deg);
}
.triangle--smallDown {
  width: 10vw;
  right: 2.5vw;
  bottom: 7vh;
  transform: rotate(-52deg);
}

.loader {
  position: fixed;
  background-color: #000;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

.banter-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
}
.banter-loader__box {
  float: left;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.banter-loader__box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.banter-loader__box:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 6px;
}
.banter-loader__box:nth-child(1):before, .banter-loader__box:nth-child(4):before {
  margin-left: 26px;
}
.banter-loader__box:nth-child(3):before {
  margin-top: 52px;
}
.banter-loader__box:last-child {
  margin-bottom: 0;
}

@keyframes moveBox-1 {
  9.0909090909% {
    transform: translate(-26px, 0);
  }
  18.1818181818% {
    transform: translate(0px, 0);
  }
  27.2727272727% {
    transform: translate(0px, 0);
  }
  36.3636363636% {
    transform: translate(26px, 0);
  }
  45.4545454545% {
    transform: translate(26px, 26px);
  }
  54.5454545455% {
    transform: translate(26px, 26px);
  }
  63.6363636364% {
    transform: translate(26px, 26px);
  }
  72.7272727273% {
    transform: translate(26px, 0px);
  }
  81.8181818182% {
    transform: translate(0px, 0px);
  }
  90.9090909091% {
    transform: translate(-26px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.banter-loader__box:nth-child(1) {
  animation: moveBox-1 4s infinite;
}

@keyframes moveBox-2 {
  9.0909090909% {
    transform: translate(0, 0);
  }
  18.1818181818% {
    transform: translate(26px, 0);
  }
  27.2727272727% {
    transform: translate(0px, 0);
  }
  36.3636363636% {
    transform: translate(26px, 0);
  }
  45.4545454545% {
    transform: translate(26px, 26px);
  }
  54.5454545455% {
    transform: translate(26px, 26px);
  }
  63.6363636364% {
    transform: translate(26px, 26px);
  }
  72.7272727273% {
    transform: translate(26px, 26px);
  }
  81.8181818182% {
    transform: translate(0px, 26px);
  }
  90.9090909091% {
    transform: translate(0px, 26px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.banter-loader__box:nth-child(2) {
  animation: moveBox-2 4s infinite;
}

@keyframes moveBox-3 {
  9.0909090909% {
    transform: translate(-26px, 0);
  }
  18.1818181818% {
    transform: translate(-26px, 0);
  }
  27.2727272727% {
    transform: translate(0px, 0);
  }
  36.3636363636% {
    transform: translate(-26px, 0);
  }
  45.4545454545% {
    transform: translate(-26px, 0);
  }
  54.5454545455% {
    transform: translate(-26px, 0);
  }
  63.6363636364% {
    transform: translate(-26px, 0);
  }
  72.7272727273% {
    transform: translate(-26px, 0);
  }
  81.8181818182% {
    transform: translate(-26px, -26px);
  }
  90.9090909091% {
    transform: translate(0px, -26px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.banter-loader__box:nth-child(3) {
  animation: moveBox-3 4s infinite;
}

@keyframes moveBox-4 {
  9.0909090909% {
    transform: translate(-26px, 0);
  }
  18.1818181818% {
    transform: translate(-26px, 0);
  }
  27.2727272727% {
    transform: translate(-26px, -26px);
  }
  36.3636363636% {
    transform: translate(0px, -26px);
  }
  45.4545454545% {
    transform: translate(0px, 0px);
  }
  54.5454545455% {
    transform: translate(0px, -26px);
  }
  63.6363636364% {
    transform: translate(0px, -26px);
  }
  72.7272727273% {
    transform: translate(0px, -26px);
  }
  81.8181818182% {
    transform: translate(-26px, -26px);
  }
  90.9090909091% {
    transform: translate(-26px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.banter-loader__box:nth-child(4) {
  animation: moveBox-4 4s infinite;
}

@keyframes moveBox-5 {
  9.0909090909% {
    transform: translate(0, 0);
  }
  18.1818181818% {
    transform: translate(0, 0);
  }
  27.2727272727% {
    transform: translate(0, 0);
  }
  36.3636363636% {
    transform: translate(26px, 0);
  }
  45.4545454545% {
    transform: translate(26px, 0);
  }
  54.5454545455% {
    transform: translate(26px, 0);
  }
  63.6363636364% {
    transform: translate(26px, 0);
  }
  72.7272727273% {
    transform: translate(26px, 0);
  }
  81.8181818182% {
    transform: translate(26px, -26px);
  }
  90.9090909091% {
    transform: translate(0px, -26px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.banter-loader__box:nth-child(5) {
  animation: moveBox-5 4s infinite;
}

@keyframes moveBox-6 {
  9.0909090909% {
    transform: translate(0, 0);
  }
  18.1818181818% {
    transform: translate(-26px, 0);
  }
  27.2727272727% {
    transform: translate(-26px, 0);
  }
  36.3636363636% {
    transform: translate(0px, 0);
  }
  45.4545454545% {
    transform: translate(0px, 0);
  }
  54.5454545455% {
    transform: translate(0px, 0);
  }
  63.6363636364% {
    transform: translate(0px, 0);
  }
  72.7272727273% {
    transform: translate(0px, 26px);
  }
  81.8181818182% {
    transform: translate(-26px, 26px);
  }
  90.9090909091% {
    transform: translate(-26px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.banter-loader__box:nth-child(6) {
  animation: moveBox-6 4s infinite;
}

@keyframes moveBox-7 {
  9.0909090909% {
    transform: translate(26px, 0);
  }
  18.1818181818% {
    transform: translate(26px, 0);
  }
  27.2727272727% {
    transform: translate(26px, 0);
  }
  36.3636363636% {
    transform: translate(0px, 0);
  }
  45.4545454545% {
    transform: translate(0px, -26px);
  }
  54.5454545455% {
    transform: translate(26px, -26px);
  }
  63.6363636364% {
    transform: translate(0px, -26px);
  }
  72.7272727273% {
    transform: translate(0px, -26px);
  }
  81.8181818182% {
    transform: translate(0px, 0px);
  }
  90.9090909091% {
    transform: translate(26px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.banter-loader__box:nth-child(7) {
  animation: moveBox-7 4s infinite;
}

@keyframes moveBox-8 {
  9.0909090909% {
    transform: translate(0, 0);
  }
  18.1818181818% {
    transform: translate(-26px, 0);
  }
  27.2727272727% {
    transform: translate(-26px, -26px);
  }
  36.3636363636% {
    transform: translate(0px, -26px);
  }
  45.4545454545% {
    transform: translate(0px, -26px);
  }
  54.5454545455% {
    transform: translate(0px, -26px);
  }
  63.6363636364% {
    transform: translate(0px, -26px);
  }
  72.7272727273% {
    transform: translate(0px, -26px);
  }
  81.8181818182% {
    transform: translate(26px, -26px);
  }
  90.9090909091% {
    transform: translate(26px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.banter-loader__box:nth-child(8) {
  animation: moveBox-8 4s infinite;
}

@keyframes moveBox-9 {
  9.0909090909% {
    transform: translate(-26px, 0);
  }
  18.1818181818% {
    transform: translate(-26px, 0);
  }
  27.2727272727% {
    transform: translate(0px, 0);
  }
  36.3636363636% {
    transform: translate(-26px, 0);
  }
  45.4545454545% {
    transform: translate(0px, 0);
  }
  54.5454545455% {
    transform: translate(0px, 0);
  }
  63.6363636364% {
    transform: translate(-26px, 0);
  }
  72.7272727273% {
    transform: translate(-26px, 0);
  }
  81.8181818182% {
    transform: translate(-52px, 0);
  }
  90.9090909091% {
    transform: translate(-26px, 0);
  }
  100% {
    transform: translate(0px, 0);
  }
}
.banter-loader__box:nth-child(9) {
  animation: moveBox-9 4s infinite;
}

.in_game {
  position: relative;
  background-image: url("../img/bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 95vh;
  background-position: left bottom;
  box-shadow: inset 0px -30vh 40vh 0px rgba(0, 0, 0, 0.75), inset 0px -20vh 20vh 0px rgba(0, 0, 0, 0.9);
  position: relative;
}
@media screen and (max-width: 767px) {
  .in_game {
    min-height: 75vh;
    background-size: 100% 60vh;
    box-shadow: inset 0px -6vh 6vh 0px rgba(0, 0, 0, 0.75), inset 0px -3vh 5vh 0px rgba(0, 0, 0, 0.9);
  }
  .in_game .title__article {
    padding-top: 20vh;
  }
  .in_game .title__wrapper {
    top: 17vh;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .in_game {
    min-height: 60vh;
    background-size: 100% 45vh;
    box-shadow: inset 0px -6vh 6vh 0px rgba(0, 0, 0, 0.75), inset 0px -3vh 5vh 0px rgba(0, 0, 0, 0.9);
  }
  .in_game .title__article {
    padding-top: 20vh;
  }
  .in_game .title__wrapper {
    top: 17vh;
  }
}
.in_game__text {
  color: #fff;
  padding-left: 12vw;
  font-size: 3.25em;
  font-family: "Jura Demi-Bold";
}
.in_game__text.pt {
  padding-top: 25vh;
}
@media screen and (max-width: 1200px) {
  .in_game__text.pt {
    padding-top: 16vh;
  }
}
@media screen and (max-width: 560px) {
  .in_game__text {
    font-size: 3em;
    padding-left: 7vw;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }
}
.in_game__btn {
  padding-left: 12vw;
}
@media screen and (max-width: 560px) {
  .in_game__btn {
    padding-left: 7vw;
  }
}
.in_game__btn a {
  display: inline-block;
  text-decoration: none;
  margin: 1.25em 0.75em;
  cursor: pointer;
  font-size: 2.25em;
  color: #fff;
  border: 3px solid #fff;
  background-color: transparent;
  border-radius: 2.5em;
  padding: 0.25em 0.75em;
  transition: all 0.5s ease-in-out;
  outline: none;
}
@media screen and (max-width: 560px) {
  .in_game__btn a {
    font-size: 2.5em;
    margin: 0.75em;
    margin-left: 0;
  }
}
.in_game__btn a:hover {
  background-color: rgb(240, 15, 15);
  box-shadow: 0 0 6px 0 rgba(240, 15, 15, 0.9);
}
.in_game__btn a:first-child {
  margin-left: 0;
}
.in_game__description_sides{
  display: block;
  margin: 20px auto 50px auto;
  width: 80%;
  font-size: 2em;
}
.in_game__description_sides__title{
  text-align: center;
}

.faq-container {
  margin: 0 auto;
  padding: 4rem;
  width: 90%;
}
.faq-title{
  font-size: 2em;
}
.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid #0c589e;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #fff;;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #0c589e;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #0c589e;
  border: 1px solid #0c589e;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded='true'] {
  color: #0c589e;
}
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: max-content;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
}

.banner_block {
  min-height: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .banner_block > img {
    display: none;
  }
}
.banner_block__wrapper {
  width: 90%;
  margin: 0 auto;
  top: 3vh;
  left: 5%;
  z-index: 2;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .banner_block__wrapper {
    top: 12vh;
    left: 12vw;
    width: auto;
  }
}
@media screen and (min-width: 992px) {
  .banner_block__wrapper {
    top: 7vh;
  }
}
@media screen and (min-width: 1025px) {
  .banner_block__wrapper {
    top: 28vh;
  }
}
@media screen and (max-width: 768px) {
  .banner_block__wrapper {
    display: grid;
    grid-template-rows: 4fr;
    position: static;
    width: 100%;
  }
  .banner_block__wrapper > p,
.banner_block__wrapper > h2 {
    width: 90%;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .banner_block__wrapper .title__banner_block {
    grid-row: 1;
    margin-bottom: 0.6em;
  }
}
.banner_block__wrapper > img {
  display: none;
}
@media screen and (max-width: 768px) {
  .banner_block__wrapper > img {
    display: block;
    grid-row: 3;
  }
}
.banner_block__text {
  color: #ffffff;
  font-family: "Jura Demi-Bold";
  font-size: 2em;
  font-weight: 400;
  line-height: 1.25em;
  margin: 0;
}
.banner_block__text:first-child {
  margin-bottom: 10vh;
}
@media screen and (max-width: 1024px) {
  .banner_block__text:first-child {
    margin-bottom: 5vh;
  }
}
@media screen and (max-width: 768px) {
  .banner_block__text:first-child {
    margin-bottom: 1vh;
  }
}
@media screen and (max-width: 768px) {
  .banner_block__text {
    margin-bottom: 1vh;
    font-size: 2.5em;
    text-align: center;
  }
}
.banner_block__text--right {
  font-size: 2.75em;
  text-align: right;
}

.in_room {
  background-image: url(../img/ico_1@2x.png), url(../img/ico_2.png), url(../img/door.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 23% 32%, 100% 100%, 50% 90%;
  background-size: 13%, 15%, contain;
}
@media screen and (max-width: 992px) {
  .in_room {
    background-image: none;
    margin-top: 5vh;
  }
}
.in_room__container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  min-height: 100vh;
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .in_room__container {
    min-height: 65vh;
  }
}
.in_room__text {
  color: #ffffff;
  font-family: "Jura Demi-Bold";
  font-weight: 400;
  font-size: 2em;
  position: relative;
  line-height: 1.25em;
}
@media screen and (min-width: 1300px) {
  .in_room__text {
    font-size: 1.75em;
  }
}
@media screen and (min-width: 1950px) {
  .in_room__text {
    font-size: 2em;
  }
}
@media screen and (min-width: 2500px) {
  .in_room__text {
    font-size: 2.5em;
  }
}
@media (max-width: 992px) {
  .in_room__text {
    padding: 5px 10px;
    text-align: center;
    width: 100%;
    font-size: 4em;
  }
}
@media (max-width: 768px) {
  .in_room__text {
    font-size: 2em;
  }
}
.in_room__img {
  display: none;
}
@media (max-width: 992px) {
  .in_room__img {
    display: block;
    width: 50vw;
  }
}
@media (max-width: 768px) {
  .in_room__img {
    width: 25vw;
  }
}
@media screen and (max-width: 992px) {
  .in_room .col-12 {
    display: flex;
    align-items: center;
    margin: 0.5em 0;
  }
  .in_room .col-12:nth-child(3n) {
    flex-direction: row-reverse;
  }
}

.quest {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: inset -30vw 0 0 40vw rgba(0, 0, 0, 0.35);
}
@media screen and (min-width: 560px) and (max-width: 1200px) {
  .quest {
    margin: 3.5rem auto;
  }
}
@media screen and (max-width: 560px) {
  .quest {
    margin: 1.5rem auto;
  }
}
.quest__discont {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 5vw;
}
.quest__discont--img {
  width: 15vw;
  z-index: -1;
}
@media screen and (max-width: 560px) {
  .quest__discont--img {
    width: 40vw;
  }
}
@media screen and (min-width: 560px) and (max-width: 992px) {
  .quest__discont--img {
    width: 20vw;
  }
}
.quest__discont--text {
  margin-left: 3vw;
  font-size: 3.5em;
  -webkit-text-stroke: 1px rgb(253, 80, 85);
  text-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(253, 80, 85, 0.34), 0 0 16px rgba(253, 80, 85, 0.52), 0 0 14px rgba(253, 80, 85, 0.92), 0 0 20px rgba(253, 80, 85, 0.78), 0 0 40px rgba(253, 80, 85, 0.92);
}
.quest__legion {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right 27vh;
}
.quest__legion--one .triangle--big {
  width: 13vw;
  right: auto;
  top: 8vh;
  left: 0;
  transform: rotate(180deg);
  z-index: 100;
}
.quest__legion--one .quest__conteiner {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}
@media screen and (max-width: 1200px) {
  .quest__legion--one .quest__conteiner {
    background-image: none !important;
  }
}
@media screen and (max-width: 1200px) {
  .quest__legion--one .quest__row > .col-12:nth-child(1) {
    display: none;
  }
}
.quest__legion--one .quest__content {
  border-radius: 0 5em 0 0;
}
.quest__legion--one .quest__img--small {
  position: absolute;
  width: 14vw;
  top: -5.1vw;
  right: -3.7vw;
}
@media screen and (max-width: 1200px) {
  .quest__legion--one .quest__img--small {
    right: -1vw;
  }
}
@media screen and (max-width: 1024px) {
  .quest__legion--one .quest__img--small {
    display: none;
  }
}
.quest__legion--two {
  background-image: url("../img/bg/bg1.jpg"), url("../img/bg/bg2.jpg");
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: right -73vh, left 70vh;
}
.quest__legion--two .triangle--smallDown {
  left: 2vw;
  top: 10vh;
  bottom: auto;
  transform: rotate(3deg);
}
.quest__legion--two .quest__conteiner {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
}
@media (max-width: 1200px) {
  .quest__legion--two .quest__conteiner {
    background-image: none !important;
  }
}
.quest__legion--two .quest__content {
  align-items: flex-end;
  padding: 1.25em 3.75em 1.25em 1.75em;
  border-radius: 0 0 0 5.6em;
}
@media screen and (max-width: 768px) {
  .quest__legion--two .quest__content {
    padding: 1.25em 4.75em;
    border-radius: 0 0 0 4.3em;
  }
}
@media screen and (max-width: 560px) {
  .quest__legion--two .quest__content {
    border-radius: 0;
    padding: 1.25em 1.75em;
    align-items: baseline;
  }
}
@media screen and (max-width: 1200px) {
  .quest__legion--two .quest__row > .col-12:last-child {
    display: none;
  }
}
.quest__legion--two .quest__img--small {
  position: absolute;
  width: 15vw;
  bottom: -5.6vw;
  left: -4.5vw;
}
@media screen and (max-width: 1200px) {
  .quest__legion--two .quest__img--small {
    left: -0.5vw;
  }
}
@media screen and (max-width: 1024px) {
  .quest__legion--two .quest__img--small {
    left: -4vw;
  }
}
@media screen and (max-width: 768px) {
  .quest__legion--two .quest__img--small {
    left: -4.8vw;
    width: 17vw;
    bottom: -5vh;
  }
}
@media screen and (max-width: 767px) {
  .quest__legion--two .quest__img--small {
    left: -5.8vw;
    width: 20vw;
    bottom: -5vh;
  }
}
@media screen and (max-width: 560px) {
  .quest__legion--two .quest__img--small {
    display: none;
  }
}
.quest__legion--two .quest__text {
  text-align: right;
}
@media screen and (max-width: 560px) {
  .quest__legion--two .quest__text {
    text-align: left;
  }
}
.quest__legion--two .quest__down_content {
  flex-direction: row-reverse;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .quest__legion--two .quest__down_content {
    flex-direction: row;
  }
}
@media screen and (max-width: 560px) {
  .quest__legion--two .quest__down_content {
    flex-direction: column;
  }
}
.quest__legion--two .quest__qroup:first-child, .quest__legion--two .quest__qroup:last-child {
  width: 100%;
}
.quest__legion--two .quest__qroup > p {
  text-align: left;
}
.quest__legion--three {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left -30vh;
}
.quest__legion--three .quest__img--small {
  width: 10vw;
  top: -5.9vh;
  right: -4.2vw;
}
@media screen and (max-width: 1280px) {
  .quest__legion--three .quest__img--small {
    top: -12.9vh;
  }
}
@media screen and (max-width: 1024px) {
  .quest__legion--three .quest__img--small {
    top: -3vh;
  }
}
@media screen and (max-width: 768px) {
  .quest__legion--three .quest__img--small {
    top: -1.9vh;
  }
}
@media screen and (max-width: 560px) {
  .quest__legion--three .quest__img--small {
    top: -4.3vh;
    width: 20vw;
    right: -8.3vw;
  }
}
.quest__legion--three .quest__content {
  border-radius: 0 2.5em 0 0;
}
@media screen and (max-width: 560px) {
  .quest__legion--three .quest__content {
    border-radius: 0 1em 0 0;
  }
}
.quest__legion--three .triangle--smallDown {
  right: 34vw;
  top: 6vh;
  transform: rotate(21deg);
  bottom: auto;
}
.quest__row {
  width: 90%;
  display: flex;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .quest__row {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 560px) and (max-width: 992px) {
  .quest__row {
    font-size: 95%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .quest__row {
    width: 95%;
  }
}
.quest__img {
  z-index: 99;
  border: 2px solid rgb(144, 250, 255);
  box-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92), 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 16px rgba(10, 49, 252, 0.52) inset, 0 0 14px rgba(10, 49, 252, 0.92) inset, 0 0 20px rgba(10, 49, 252, 0.78) inset, 0 0 40px rgba(10, 49, 252, 0.92) inset;
}
.quest__content {
  margin: 1em 0;
  background-color: rgba(49, 134, 253, 0.3);
  position: relative;
  padding: 1.25em 3.75em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media screen and (max-width: 1300px) {
  .quest__content {
    padding: 1.5em 15px;
    border: 2px solid #90faff;
  }
}
@media screen and (max-width: 1024px) {
  .quest__content {
    border: none;
    background-color: transparent;
    padding: 1.5em 0;
  }
}
.quest__content .quest__img {
  display: none;
  border: none;
  box-shadow: none;
}
@media screen and (max-width: 1200px) {
  .quest__content .quest__img {
    display: block;
  }
}
.quest__title {
  font-size: 3em;
  font-weight: 400;
  margin: 0 0 0.5em;
}
@media screen and (max-width: 1024px) {
  .quest__title {
    font-weight: 600;
    font-size: 3.255em;
    -webkit-text-stroke: 1px rgba(10, 49, 252, 0.92);
    text-align: center;
    width: 100%;
  }
}
.quest__text {
  margin: 0;
  width: 90%;
  font-size: 1.5em;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  .quest__text {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .quest__text {
    font-size: 2.5em;
    margin-top: 1.75em;
    margin-bottom: 0.75em;
  }
}
.quest__down_content {
  display: flex;
  z-index: 99;
}
@media screen and (max-width: 360px) {
  .quest__down_content {
    flex-direction: column;
  }
}
.quest__qroup {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .quest__qroup {
    flex-direction: column;
  }
}
.quest__qroup:last-child {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .quest__qroup:last-child {
    margin-top: 2em;
  }
}
.quest__qroup > p {
  margin: 0.25em 0;
  padding: 0;
}
.quest__location {
  background-color: #084a83;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
  margin: 12px 0;
}
.quest__location__item {
  width: 50%;
  margin: 5px 0;
  font-weight: bold;
  color: rgb(143, 249, 255);
}
@media (max-width: 560px) {
  .quest__location__item {
    width: 100%;
  }
}
.quest__btn {
  text-decoration: none;
  background-color: transparent;
  color: rgb(144, 250, 255);
  border: 2px solid rgb(144, 250, 255);
  font-family: "Jura", sans-serif;
  font-size: 2em;
  padding: 0.75em 1em;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  z-index: 99;
  box-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92), 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 16px rgba(10, 49, 252, 0.52) inset, 0 0 14px rgba(10, 49, 252, 0.92) inset, 0 0 20px rgba(10, 49, 252, 0.78) inset, 0 0 40px rgba(10, 49, 252, 0.92) inset;
  text-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92);
}
@media screen and (max-width: 1200px) {
  .quest__btn {
    width: 75%;
    text-align: center;
    font-size: 2.5em;
    margin: 1em auto;
  }
}
.quest__btn:hover {
  background-color: rgba(10, 49, 252, 0.52);
}
.quest__soon-discovery {
  font-size: 2.25em;
  color: #90faff;
  text-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92);
}
@media (max-width: 1024px) {
  .quest__soon-discovery {
    font-size: 4em;
  }
}

.contacts {
  position: relative;
  background-image: url("../img/iphone.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 90% 65%;
}
@media screen and (max-width: 560px) {
  .contacts {
    background-image: none;
  }
}
.contacts .title__wrapper {
  top: 13vh;
}
@media screen and (max-width: 768px) {
  .contacts .title__wrapper {
    top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .contacts .title__wrapper {
    top: 6vh;
    font-size: 9em;
  }
}
.contacts .title__article {
  padding-top: 22vh;
}
@media screen and (max-width: 768px) {
  .contacts .title__article {
    padding-top: 5vh;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .contacts .title__article {
    padding-top: 10vh;
  }
}
.contacts .title__quest {
  padding: 0;
  text-align: left;
  font-size: 3em;
  padding-right: 1.25rem;
  -webkit-text-stroke: 1px rgba(10, 49, 252, 0.92);
}
.contacts .title__quest:after, .contacts .title__quest:before {
  display: none;
}
.contacts .triangle--smallUp {
  width: 14vw;
  left: 9vw;
  bottom: 6vh;
  top: auto;
  transform: rotate(17deg);
  z-index: -1;
}
.contacts .triangle--smallDown {
  width: 10vw;
  right: 3vw;
  bottom: auto;
  top: 7vh;
  transform: rotate(35deg);
  z-index: -1;
}
.contacts__container {
  display: flex;
}
.contacts__container .col-lg-6:first-child {
  padding-left: 12vw;
  flex-direction: column;
  font-family: "Jura Demi-Bold", sans-serif;
  font-size: 1.5em;
  line-height: 1.75em;
}
@media screen and (max-width: 560px) {
  .contacts__container .col-lg-6:first-child {
    padding-left: 7vw;
    padding-right: 7vw;
    width: 100%;
  }
}
.contacts__container .col-lg-6:first-child p {
  margin: 0.75rem 0;
}
.contacts__container .col-lg-6:first-child p:first-child {
  display: flex;
}
@media screen and (max-width: 768px) {
  .contacts__container .col-lg-6:last-child {
    display: none;
  }
}
.contacts__container .col-12 {
  flex-basis: auto;
}

.contactsMap {
  background-image: none;
}
.contactsMap__wrapper {
  max-width: 90%;
  margin: 5em auto;
  position: relative;
}
@media screen and (min-width: 560px) {
  .contactsMap__wrapper {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .contactsMap__wrapper {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .contactsMap__wrapper {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .contactsMap__wrapper {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1600px) {
  .contactsMap__wrapper {
    max-width: 1500px;
  }
}
.contactsMap__container {
  width: 49%;
  height: 36.5%;
  position: absolute;
  top: 0;
  right: 0;
  /* background-color: #fff; */
}
@media screen and (max-width: 560px) {
  .contactsMap__container {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
  }
}
@media screen and (min-width: 560px) {
  .contactsMap__container {
    top: auto;
    bottom: 0;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .contactsMap__container {
    bottom: auto;
    top: 0;
  }
}
.contactsMap__info {
  position: absolute;
  z-index: 99;
  right: 1em;
  top: 3em;
}
@media screen and (max-width: 560px) {
  .contactsMap__info {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 560px) {
  .contactsMap__info {
    position: relative;
    top: auto;
    right: 0;
    width: 105%;
  }
}
@media screen and (min-width: 768px) {
  .contactsMap__info {
    top: 5em;
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  .contactsMap__info {
    top: 3em;
  }
}
.contactsMap__info--text {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.contactsMap__info--text h5 {
  text-align: center;
  font-size: 2em;
  margin: 0;
  padding: 0 0 0.5em;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);
}
.contactsMap__info--text p {
  font-family: "Jura Demi-Bold", sans-serif;
  font-size: 1.5em;
  margin: 0.25rem 1.25rem;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);
}
.contactsMap__info--text p a {
  color: #fff;
}
.contactsMap__info--text p a:hover {
  color: #fff;
}

.booking {
  background-image: url("../img/bg/bg3.jpg"), url("../img/bg/bg4.jpg");
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: left 8vh, right 8vh;
  box-shadow: inset -30vw 0 0 40vw rgba(0, 0, 0, 0.35);
  padding-bottom: 3em;
}
.booking__tabs {
  width: 90%;
  margin: 2em auto;
}
.booking__tabs--nav {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  top: 2px;
}
@media screen and (max-width: 560px) {
  .booking__tabs--nav {
    flex-direction: column-reverse;
    align-items: center;
    top: -13px;
  }
}
.booking__tabs--tables .tabs__table {
  display: none;
  background-color: #000;
  background-image: url("../img/bg-global.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  border: 2px solid #fff;
  box-shadow: 0 0 5rem 0 rgba(26, 60, 170, 0.6), 0 0 3rem 0 rgba(26, 60, 170, 0.3), 0 0 9rem 0 rgba(26, 60, 170, 0.96), 0 0 7rem 0 rgba(26, 60, 170, 0.65), 0 0 1rem 5px rgb(140, 170, 255) inset, 0 0 1rem 5px rgba(10, 50, 255, 0.6);
}
@media screen and (max-width: 992px) {
  .booking__tabs--tables .tabs__table {
    overflow-x: auto;
    max-height: 80vh;
  }
}
@media screen and (min-width: 1200px) {
  .booking__tabs--tables .tabs__table {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .booking__tabs--tables .tabs__table {
    box-shadow: none;
  }
}
@media screen and (max-width: 992px) {
  .booking__tabs--tables .tabs__table tbody {
    position: relative;
  }
}
.booking__tabs--tables .tabs__table tr {
  display: flex;
}
.booking__tabs--tables .tabs__table tr:first-child {
  font-size: 1.25em;
  text-align: center;
  min-height: 10vh;
}
@media screen and (min-width: 1800px) {
  .booking__tabs--tables .tabs__table tr:first-child {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 1024px) {
  .booking__tabs--tables .tabs__table tr:first-child {
    position: sticky;
    top: 0;
    background-color: #000;
    z-index: 999;
    font-size: 1.1em;
  }
}
@media (max-width: 400px) {
  .booking__tabs--tables .tabs__table tr:first-child td {
    padding: 0.15em;
  }
}
.booking__tabs--tables .tabs__table td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  width: 12.5%;
  min-height: 8vh;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(140, 170, 255);
  box-shadow: 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 16px rgba(10, 49, 252, 0.52) inset, 0 0 7px rgba(10, 49, 252, 0.92) inset, 0 0 10px rgba(10, 49, 252, 0.78) inset, 0 0 15px rgba(10, 49, 252, 0.92) inset;
  font-size: 1.35em;
}
@media screen and (max-width: 1024px) {
  .booking__tabs--tables .tabs__table td {
    box-shadow: none;
  }
}
@media screen and (max-width: 992px) {
  .booking__tabs--tables .tabs__table td {
    width: auto;
    min-width: 24vw;
    min-height: 10vh;
  }
}
@media screen and (max-width: 410px) {
  .booking__tabs--tables .tabs__table td {
    min-width: 23vw;
  }
}
.booking__tabs--tables .tabs__table td:first-child {
  font-size: 2.25em;
}
@media screen and (max-width: 992px) {
  .booking__tabs--tables .tabs__table td:first-child {
    position: sticky;
    left: 0;
    width: 23vw;
    z-index: 998;
    background: #000;
  }
}
.booking__off {
  color: #fff;
  position: relative;
  width: 1.5em;
  height: 1.5em;
}
.booking__off:before, .booking__off:after {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 2px;
  background-color: currentColor;
  box-shadow: 0 0 10px 2px rgb(10, 49, 252);
}
@media screen and (max-width: 1024px) {
  .booking__off:before, .booking__off:after {
    box-shadow: none;
  }
}
.booking__off:before {
  transform: rotate(-45deg);
}
.booking__off:after {
  transform: rotate(45deg);
}
.booking__sold-out, .booking__free {
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .booking__sold-out, .booking__free {
    box-shadow: none;
    font-weight: 800;
  }
}
.booking__sold-out {
  cursor: context-menu;
  text-shadow: #FFF 0 0 5px, #ff0f0f 0 0 10px, #ff0f0f 0 0 15px, #ff0f0f 0 0 20px, #ff0f0f 0 0 30px, #ff0f0f 0 0 55px;
}
@media screen and (max-width: 1024px) {
  .booking__sold-out {
    text-shadow: none;
    color: #ff0f0f;
  }
}
.booking__free {
  cursor: pointer;
  position: relative;
  transition: text-shadows 2s ease-in-out;
}
@media (max-width: 1024px) {
  .booking__free {
    font-size: 1.75em !important;
  }
}
.booking__free:hover {
  background-image: url("../img/maxresdefault.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #000;
  box-shadow: 0 0 5rem 0.5rem rgba(10, 50, 250, 0.4), 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 16px rgba(10, 49, 252, 0.52) inset, 0 0 14px rgba(10, 49, 252, 0.92) inset, 0 0 20px rgba(10, 49, 252, 0.78) inset, 0 0 40px rgba(10, 49, 252, 0.92) inset !important;
}
@media screen and (max-width: 1024px) {
  .booking__free:hover {
    box-shadow: none;
  }
}
.booking__free:hover:before {
  content: attr(data-price);
  text-shadow: #FFF 0px 0px 5px, rgb(10, 50, 252) 0px 0px 10px, rgb(10, 50, 252) 0px 0px 15px, rgb(10, 50, 252) 0px 0px 20px, rgb(10, 50, 252) 0px 0px 30px, rgb(10, 50, 252) 0px 0px 55px;
}
@media screen and (max-width: 1024px) {
  .booking__free:hover:before {
    text-shadow: none;
  }
}
.booking__free:hover:after {
  opacity: 0.3;
}
.booking__free:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgb(5, 60, 120);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.booking__free:before {
  transition: all 0.5s ease-in-out;
  content: "Вільно";
  text-shadow: #FFF 0 0 5px, rgb(25, 150, 50) 0 0 10px, rgb(25, 150, 50) 0 0 15px, rgb(25, 150, 50) 0 0 20px, rgb(25, 150, 50) 0 0 30px, rgb(25, 150, 50) 0 0 55px;
  z-index: 99;
}
@media screen and (max-width: 1024px) {
  .booking__free:before {
    text-shadow: none;
    color: rgb(25, 150, 50);
  }
}

.tab--link {
  width: 16%;
  cursor: pointer;
  color: #fff;
  font-size: 1.5em;
  line-height: 3em;
  font-family: "Jura", sans-serif;
  text-transform: uppercase;
  outline: none;
  background-color: transparent;
  border: 2px solid rgb(215, 235, 255);
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 12px rgba(10, 49, 252, 0.52) inset, 0 0 15px rgba(10, 49, 252, 0.92) inset, 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 12px rgba(10, 49, 252, 0.52), 0 0 15px rgba(10, 49, 252, 0.92);
}
@media screen and (max-width: 1200px) {
  .tab--link {
    display: none;
    font-size: 1.3em;
  }
}
@media screen and (max-width: 560px) {
  .tab--link {
    font-size: 1.2em;
  }
}

.openTab {
  line-height: 4rem;
  background-color: #000;
}
@media screen and (min-width: 1560px) {
  .openTab {
    line-height: 5rem;
  }
}
@media screen and (max-width: 560px) {
  .openTab {
    line-height: 3rem;
    background-color: rgba(10, 49, 252, 0.52);
  }
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  min-width: 22vh;
  font-size: 1.5em;
  font-family: "Jura Demi-Bold";
  font-weight: 500;
  min-height: 3em;
  right: 0.25em;
  position: absolute;
  cursor: pointer;
  display: inline-block;
  color: #fff;
}
.select__default {
  right: auto;
  width: 15em;
}
@media screen and (min-width: 1200px) {
  .select__default {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .select {
    position: relative;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .select {
    font-size: 2.25em;
  }
}

@media (max-width: 1200px) {
  .select__week {
    display: none;
  }
}

.select-styled {
  height: 3em;
  background-color: transparent;
  padding: 14px;
  padding-right: 30px;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 20px;
  right: 10px;
}
.select-styled:active:after, .select-styled.active:after {
  top: 14px;
  border-color: transparent transparent #fff transparent;
}
.select-styled.active {
  background-color: #000;
  border-radius: 10px 10px 0 0;
  border: 2px solid #d7ebff;
  border-bottom: none;
  box-shadow: 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 12px rgba(10, 49, 252, 0.52) inset, 0 0 15px rgba(10, 49, 252, 0.92) inset, 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 12px rgba(10, 49, 252, 0.52), 0 0 15px rgba(10, 49, 252, 0.92);
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #000;
  border-radius: 0 0 10px 10px;
  border: 2px solid #d7ebff;
  border-top: none;
  box-shadow: 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 12px rgba(10, 49, 252, 0.52) inset, 0 0 15px rgba(10, 49, 252, 0.92) inset, 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 12px rgba(10, 49, 252, 0.52), 0 0 15px rgba(10, 49, 252, 0.92);
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
}
.select-options li:hover {
  background-color: rgb(49, 134, 253);
}

.glow {
  animation: glow 3s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 15px #0a31fc, 0 0 20px #0a31fc, 0 0 25px #0a31fc, 0 0 30px #0a31fc, 0 0 35px #0a31fc;
  }
  to {
    text-shadow: 0 0 30px #0520cf, 0 0 40px #0520cf, 0 0 50px #0520cf, 0 0 60px #0520cf, 0 0 70px #0520cf, 0 0 80px #0520cf;
  }
}
.room__wrap {
  box-shadow: inset 0 0 10vh 5em rgba(0, 0, 0, 0.75);
  position: relative;
}
.room__wrap:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../img/room/1 (2).jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
@media (max-width: 560px) {
  .room__wrap.bachground__filter {
    background-color: rgba(40, 55, 115, 0.7);
  }
}
@media (max-width: 560px) {
  .room__wrap.bachground__filter .title__room {
    text-align: center;
    font-weight: 700;
    margin-bottom: 1.5em;
  }
}
.room__wrap--text {
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.9px;
  padding-left: 12vw;
  padding-right: 12vw;
  font-size: 2em;
}
@media screen and (max-width: 560px) {
  .room__wrap--text {
    padding-left: 7vw;
    padding-right: 7vw;
    text-align: center;
  }
}
.room__wrap--btn {
  margin-left: 12vw;
  margin-top: 5vh;
  display: inline-block;
}
.room__article {
  min-height: auto;
  margin-bottom: 5vh;
}
.room__article--title {
  text-align: center;
  color: #ffffff;
  font-size: 3.25em;
  font-weight: 500;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 560px) {
  .room__article--title {
    font-size: 1.75em;
  }
}
.room__article--title:before, .room__article--title:after {
  margin: 0 0.5em;
  font-size: 1.75em;
  letter-spacing: -20px;
  vertical-align: sub;
  -webkit-text-stroke: 2px rgba(10, 49, 252, 0.92);
  text-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92), 0 0 9.5rem rgba(40, 55, 115, 0.9);
}
.room__article--title:before {
  content: ">>";
}
.room__article--title:after {
  content: "<<";
}
@media screen and (min-width: 768px) {
  .room__article--wrapper {
    display: flex;
  }
}
.room__article--container{
  display: block;
  width: 80%;
  margin: auto;
}
.room__article--container > p {
  font-size: 1.75em;
}
.arcticle-list-item {
  font-size: 1.75em;
}
.room__article--second--title{
  font-size: 2em;
}
.room__article--col {
  padding: 0 1em;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 1.75em;
  font-weight: 400;
  /* Text style for "В, ипробув" */
  letter-spacing: 0.84px;
}
@media screen and (max-width: 768px) {
  .room__article--col > .img-not-for-tablet{
    display: none;
  }
}
.room__article--col-4 {
  display: none;
}
@media screen and (min-width: 768px) {
  .room__article--col-4 {
    width: 40%;
    display: flex;
  }
}
.room__article--col-6 {
  width: 100%;
  background-image: url("../img/bg/room_descript.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (min-width: 768px) {
  .room__article--col-6 {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .room__article--col-6 > .borderLineShadow {
    height: 350px;
    margin: 0;
    margin-bottom: -0.5em;
  }
}
.room__article--col div {
  margin: 0.5em 0;
}
.room__article--col div P {
  margin: 0;
}
.room__article--col p {
  margin: 0.25em 0;
}
.room__description {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.room__description--container {
  display: flex;
}
.room__description--column {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.room__description--column:first-child {
  width: 25%;
}
.room__description--row {
  display: flex;
  align-items: center;
}
.room__info--text {
  margin: 2em auto;
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  padding: 1em 2em;
  border: 2px solid rgb(255, 255, 255);
  box-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92), 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 16px rgba(10, 49, 252, 0.52) inset, 0 0 14px rgba(10, 49, 252, 0.92) inset, 0 0 20px rgba(10, 49, 252, 0.78) inset, 0 0 40px rgba(10, 49, 252, 0.92) inset;
}
@media screen and (max-width: 1024px) {
  .room__info--text {
    border: none;
    box-shadow: none;
    flex-wrap: wrap;
    width: 100%;
  }
}
.room__info--text svg {
  width: 2.5em;
  height: 2.5em;
}
.room__info--item {
  text-align: center;
  color: #ffffff;
  font-size: 1em;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .room__info--item {
    width: 50%;
  }
}
.room__info--item p {
  margin: 0;
}
.room__info--item p:nth-child(1) {
  font-size: 2em;
}
.room__info--item p:nth-child(2) {
  margin-bottom: 0.5em;
}
.room__info > .room__article--col {
  padding: 0;
}
.room__quest .room__article--wrapper {
  margin: 5vh auto;
}
.room__quest .room__article--wrapper img {
  border: 2px solid rgb(144, 250, 255);
  box-shadow: rgba(202, 228, 225, 0.92) 0px 0px 10px, rgba(10, 49, 252, 0.34) 0px 0px 25px, rgba(10, 49, 252, 0.52) 0px 0px 16px, rgba(10, 49, 252, 0.92) 0px 0px 14px, rgba(10, 49, 252, 0.78) 0px 0px 20px, rgba(10, 49, 252, 0.92) 0px 0px 40px;
}
@media screen and (max-width: 1024px) {
  .room__quest .room__article--wrapper img {
    box-shadow: none;
  }
}
@media screen and (max-width: 768px) {
  .room__quest .room__article--wrapper:nth-child(2), .room__quest .room__article--wrapper:nth-child(4) {
    display: flex;
    flex-direction: column-reverse;
  }
  .room__quest .room__article--wrapper .room__article--col {
    margin: 1em auto;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .room__quest .room__article--wrapper {
    margin: 10vh auto;
  }
}

.blueShadowText {
  font-weight: bold;
  text-shadow: 0 0 5px rgba(202, 228, 225, 0.92), 0 0 21px rgba(10, 49, 252, 0.34), 0 0 10px rgba(10, 49, 252, 0.52), 0 0 12px rgba(10, 49, 252, 0.3), 0 0 15px rgba(10, 49, 252, 0.4), 0 0 18px rgba(10, 49, 252, 0.2);
}

.borderLineShadow {
  height: 100%;
  display: flex;
}
.borderLineShadow > * {
  margin: 0 !important;
}
.borderLineShadow .white {
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.4) 90%, rgba(0, 0, 0, 0) 100%);
  width: 3px;
  height: 100%;
  box-shadow: rgba(202, 228, 225, 0.92) 0 0 10px, rgba(10, 49, 252, 0.34) 0 0 25px, rgba(10, 49, 252, 0.52) 0 0 16px, rgba(10, 49, 252, 0.92) 0 0 14px, rgba(10, 49, 252, 0.78) 0 0 20px, rgba(10, 49, 252, 0.92) 0 0 40px;
}
.borderLineShadow .blue {
  background: linear-gradient(to top, #7bacff 0%, rgba(123, 172, 255, 0.2) 90%, rgba(0, 0, 0, 0) 100%);
  width: 2px;
  height: 100%;
}

.column__line {
  width: 100%;
  height: 7px;
  display: block;
}
.column__line .blue {
  height: 2px;
  width: 100%;
}
.column__line .white {
  background-color: #fff;
  height: 2px;
  width: 100%;
}
.column__name {
  width: 30%;
  font-size: 1.25em;
  margin: 0;
  padding: 0.75em;
  border: 3px solid #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  box-shadow: 0 0 10px rgba(202, 228, 225, 0.92), 0 0 25px rgba(10, 49, 252, 0.34), 0 0 16px rgba(10, 49, 252, 0.52), 0 0 14px rgba(10, 49, 252, 0.92), 0 0 20px rgba(10, 49, 252, 0.78), 0 0 40px rgba(10, 49, 252, 0.92), 0 0 10px rgba(202, 228, 225, 0.92) inset, 0 0 25px rgba(10, 49, 252, 0.34) inset, 0 0 16px rgba(10, 49, 252, 0.52) inset, 0 0 14px rgba(10, 49, 252, 0.92) inset, 0 0 20px rgba(10, 49, 252, 0.78) inset, 0 0 40px rgba(10, 49, 252, 0.92) inset;
}
@media screen and (max-width: 767px) {
  .column__name {
    width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .column__name {
    box-shadow: none;
  }
}
.column__descript {
  font-size: 0.75em;
  width: 70%;
  padding-left: 1.5em;
}
@media screen and (max-width: 767px) {
  .column__descript {
    width: 100%;
  }
}

.slider {
  background-image: url("../img/frame2.jpg"), url(../img/frame3.jpg);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: center left, center right;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .slider {
    background-image: none;
  }
}
@media screen and (min-width: 1024px) {
  .slider {
    margin-top: 5vh;
  }
}
.slider__wrapper {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .slider__wrapper {
    width: 90%;
  }
}
.slider__nav {
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .slider__nav {
    display: none;
  }
}
.slider__nav button {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.slider__nav button:active {
  transform: scale(0.8);
}
.slider__nav button:hover {
  transform: scale(1.05);
}
.slider__nav button.next {
  transform: rotate(180deg);
}
.slider__nav button.next:active {
  transform: rotate(180deg) scale(0.8);
}
.slider__nav button.next:hover {
  transform: rotate(180deg) scale(1.05);
}

.slide {
  border: 2px solid #fff;
}

.escape__title:after {
  display: none;
}
.escape__container {
  position: relative;
  top: 4%;
  left: 5%;
  width: 90%;
  height: auto;
}
@media screen and (min-width: 992px) {
  .escape__container {
    position: absolute;
    top: 58%;
    left: 9%;
    width: 36%;
  }
}
.escape__container .contactsMap__info--text {
  max-width: 80%;
}
.escape__container .contactsMap__info--text p:first-child {
  margin-bottom: 1.2em;
}
@media screen and (max-width: 991px) {
  .escape__container .contactsMap__info--text p {
    font-size: 3.5em;
  }
}
@media screen and (max-width: 767px) {
  .escape__container .contactsMap__info--text p {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 560px) {
  .escape__container .contactsMap__info--text p {
    font-size: 1.75em;
  }
}
@media screen and (max-width: 360px) {
  .escape__container .contactsMap__info--text p {
    font-size: 1.45em;
  }
}
.escape__bg > img {
  position: absolute;
}
@media screen and (min-width: 992px) {
  .escape__bg > img {
    position: static;
  }
}
.escape__info {
  margin-top: 10vh;
  background-image: url("/img/escape-line.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: auto;
  box-shadow: inset 0 0 3em 1em rgba(0, 0, 0, 0.75);
}
.escape__info .room__info--text {
  margin: 1em;
  border: none;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .escape__info .room__info--text > * {
    width: 50%;
  }
}
@media screen and (max-width: 992px) {
  .escape__info .room__info--text {
    flex-wrap: wrap;
  }
  .escape__info .room__info--text > * {
    font-size: 0.75em;
    margin: 1.5em 0;
  }
}
.escape__info .room__info--text svg {
  width: 4em;
  height: 4em;
}
.escape__info .room__info--item p {
  margin: 0;
}
.escape__info .room__info--item p:nth-child(2) {
  font-family: "Stencil";
  font-size: 3.5em;
}
.escape__info .room__info--item p:nth-child(3) {
  font-size: 2em;
}

/*# sourceMappingURL=style.css.map */