@charset "UTF-8";
/*Required Variables*/
/*Viewport Width Base*/
/*Z-index Scale*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  padding: 0;
  margin: 0;
  float: none;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  box-sizing: border-box;
}

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

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
  border: none;
}

button {
  background: none;
  outline: none;
  border: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.email-body {
  font-family: Arial, sans-serif;
  font-weight: normal;
  background: #dddddd;
  font-size: 16px;
  line-height: 26px;
  display: block;
  box-sizing: content-box;
}
body.email-body .header {
  position: static;
  width: 100%;
  display: block;
  padding: 0;
  text-align: center;
  background: none !important;
}
body.email-body .header .container {
  padding: 0;
  background: #222;
  border-bottom: 5px solid #f12d96;
}
body.email-body .header .bg {
  padding: 0 40px;
  height: 200px;
}
body.email-body .header img {
  display: inline-block;
  margin-top: 38px !important;
  width: 337px;
  height: 124px;
}
body.email-body .social-icons {
  float: right;
  width: 50%;
  text-align: right;
  margin: 18px 0 0;
}
body.email-body .social-links {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 0 0 4px;
}
body.email-body .social-links img {
  width: 100%;
  height: auto;
}
body.email-body .container-side {
  max-width: 600px;
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
  display: block;
  background: #ffffff;
}
body.email-body .container {
  max-width: 680px;
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
  display: block;
  background: #ffffff;
}
body.email-body .row::after {
  content: "";
  display: table;
  clear: both;
}
body.email-body .content {
  padding: 45px 0px 20px;
  text-align: left;
  border-bottom: 2px solid #30abe2;
}
body.email-body .content h1 {
  color: #222222;
  font-family: Arial, sans-serif;
  font-size: 32px;
  line-height: 32px;
  padding: 0 0 32px;
  text-align: left;
  text-transform: none;
  font-weight: 700;
  background: none;
  -webkit-text-fill-color: none;
}
body.email-body .content p {
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #555555;
  font-size: 16px;
  line-height: 24px;
  padding: 0 0 23px;
}
body.email-body table {
  border: 0;
  width: 100%;
  border-collapse: collapse;
}
body.email-body table tr {
  border: 0;
}
body.email-body table td {
  border: 0;
  padding: 0;
}
body.email-body .footer-middle {
  text-align: center;
}
body.email-body .footer-middle .container {
  padding: 29px 20px 20px;
  background: #dddddd;
  overflow: hidden;
}
body.email-body .footer-middle p {
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #555555;
  font-size: 13px;
  line-height: 18px;
  width: 100%;
  margin: 7px 0 0;
}
body.email-body .footer-middle p a {
  text-decoration: underline;
  color: #222222;
}
body.email-body .email-table {
  margin: 0 0 40px;
}
body.email-body .email-table th {
  background: #eeeeee;
  border-bottom: 2px solid #cccccc;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding: 19px 24px 17px;
}
body.email-body .email-table td {
  background: #fff;
  color: #555555;
  border-bottom: 1px solid #dddddd;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 19px 24px 17px;
}
body.email-body .email-table td a {
  color: #555555;
}
body.email-body .email-table--type-2 td {
  border-bottom: 2px solid #cccccc;
}

/**** Freight Sans ****/
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-blackitalic-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-blackitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-blackitalic-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-blackitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-blackitalic-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-black-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-black-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-black-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-black-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-black-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-bolditalic-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-bolditalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-bolditalic-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-bolditalic-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-bolditalic-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-bold-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-bold-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-bold-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-bold-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-bold-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-mediumitalic-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-mediumitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-mediumitalic-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-mediumitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-mediumitalic-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-medium-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-medium-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-medium-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-medium-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-medium-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-bookitalic-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-bookitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-bookitalic-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-bookitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-bookitalic-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-book-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-book-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-book-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-book-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-book-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-lightitalic-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-lightitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-lightitalic-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-lightitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-lightitalic-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "freight-sans-web";
  src: url("/fonts/freight-sans/freightsans-light-webfont.eot?v=2");
  src: url("/fonts/freight-sans/freightsans-light-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/freight-sans/freightsans-light-webfont.woff?v=2") format("woff"), url("/fonts/freight-sans/freightsans-light-webfont.ttf?v=2") format("truetype"), url("/fonts/freight-sans/freightsans-light-webfont.svg#freight-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 300;
}
.freight-sans {
  font-family: "freight-sans-web", Arial, Helvetica, sans-serif;
}

/**** Patua One ****/
@font-face {
  font-family: "patua-one-web";
  src: url("/fonts/patua-one/patuaone-regular-webfont.eot?v=2");
  src: url("/fonts/patua-one/patuaone-regular-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/patua-one/patuaone-regular-webfont.woff?v=2") format("woff"), url("/fonts/patua-one/patuaone-regular-webfont.ttf?v=2") format("truetype"), url("/fonts/patua-one/patuaone-regular-webfont.svg#patua-one-web?v=2") format("svg");
  font-style: normal;
  font-weight: 400;
}
.patua-one, .sk8hire__button {
  font-family: "patua-one-web", Georgia, Times, Times New Roman, serif;
}

/**** Mexcellent ****/
@font-face {
  font-family: "mexcellent-web";
  src: url("/fonts/mexcellent/mexcellent_3d-webfont.eot?v=2");
  src: url("/fonts/mexcellent/mexcellent_3d-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/mexcellent/mexcellent_3d-webfont.woff?v=2") format("woff"), url("/fonts/mexcellent/mexcellent_3d-webfont.ttf?v=2") format("truetype"), url("/fonts/mexcellent/mexcellent_3d-webfont.svg#mexcellent-web?v=2") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "mexcellent-web";
  src: url("/fonts/mexcellent/mexcellent_rg-webfont.eot?v=2");
  src: url("/fonts/mexcellent/mexcellent_rg-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/mexcellent/mexcellent_rg-webfont.woff?v=2") format("woff"), url("/fonts/mexcellent/mexcellent_rg-webfont.ttf?v=2") format("truetype"), url("/fonts/mexcellent/mexcellent_rg-webfont.svg#mexcellent-web?v=2") format("svg");
  font-style: normal;
  font-weight: 400;
}
.mexcellent, .modal__booking h4, .modal__header h3, h5, h4, h3, h2, h1 {
  font-family: "mexcellent-web", Arial, Helvetica, sans-serif;
}

/**** Monserrat ****/
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-black-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-black-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-black-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-black-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-black-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-blackitalic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-blackitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-blackitalic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-blackitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-blackitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-extrabold-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-extrabold-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-extrabold-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-extrabold-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-extrabold-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-extrabolditalic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-extrabolditalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-extrabolditalic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-extrabolditalic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-extrabolditalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-bold-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-bold-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-bold-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-bold-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-bold-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-bolditalic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-bolditalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-bolditalic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-bolditalic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-bolditalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-semibold-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-semibold-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-semibold-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-semibold-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-semibold-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-semibolditalic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-semibolditalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-semibolditalic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-semibolditalic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-semibolditalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-medium-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-medium-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-medium-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-medium-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-medium-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-mediumitalic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-mediumitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-mediumitalic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-mediumitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-mediumitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-regular-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-regular-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-regular-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-regular-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-regular-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-italic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-italic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-italic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-italic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-italic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-light-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-light-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-light-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-light-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-light-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-lightitalic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-lightitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-lightitalic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-lightitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-lightitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-extralight-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-extralight-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-extralight-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-extralight-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-extralight-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-extralightitalic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-extralightitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-extralightitalic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-extralightitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-extralightitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-thin-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-thin-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-thin-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-thin-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-thin-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "monserrat-web";
  src: url("/fonts/monserrat/montserrat-thinitalic-webfont.eot?v=2");
  src: url("/fonts/monserrat/montserrat-thinitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/monserrat/montserrat-thinitalic-webfont.woff?v=2") format("woff"), url("/fonts/monserrat/montserrat-thinitalic-webfont.ttf?v=2") format("truetype"), url("/fonts/monserrat/montserrat-thinitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 100;
}
.monserrat, .select-dummy__text, .play-btn__text, .modal__contact--cancellations table tr th, .modal__contact--cancellations table tr td, .modal__success h6, .modal__success h5, .modal__success h3, .modal__success h4, .modal__back, .modal__price-text, .modal__booking-form .form__input, .modal__about h6, .modal__about h5, .modal__address a, .modal__date, .modal__footer-numbers a, .modal__footer-email, .location-card__online, .form__submit, .form__input, .form__label, .footer__text p, .btn, p, h6 {
  font-family: "monserrat-web", Arial, Helvetica, sans-serif;
}

/**** Open Sans ****/
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-ExtraBold-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-ExtraBold-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-ExtraBold-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-BoldItalic-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-BoldItalic-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-BoldItalic-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-Bold-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-Bold-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-Bold-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-Bold-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-Semibold-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-Semibold-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-Semibold-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-Semibold-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-Italic-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-Italic-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-Italic-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-Italic-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-Regular-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-Regular-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-Regular-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-Regular-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-LightItalic-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-LightItalic-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-LightItalic-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-LightItalic-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "open-sans-web";
  src: url("/fonts/open-sans/OpenSans-Light-webfont.eot?v=2");
  src: url("/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix2") format("embedded-opentype"), url("/fonts/open-sans/OpenSans-Light-webfont.woff?v=2") format("woff"), url("/fonts/open-sans/OpenSans-Light-webfont.ttf?v=2") format("truetype"), url("/fonts/open-sans/OpenSans-Light-webfont.svg#open-sans-web?v=2") format("svg");
  font-style: normal;
  font-weight: 300;
}
.open-sans, .form__error-message, .form__error {
  font-family: "open-sans-web", Arial, Helvetica, sans-serif;
}

h1 {
  font-weight: 700;
  overflow: visible;
  color: transparent;
  display: inline-block;
  font-size: 74px;
  font-size: 4.625rem;
  line-height: 74px;
  line-height: 4.625rem;
  background: linear-gradient(to right, rgb(86, 249, 239) 0%, rgb(96, 234, 240) 11%, rgb(115, 206, 242) 24%, rgb(151, 153, 245) 44%, rgb(222, 49, 252) 78%, rgb(243, 18, 254) 91%, rgb(253, 3, 255) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 0 10px;
  padding: 0 0 0.625rem;
}
@media (min-width: 37.5em) {
  h1 {
    font-size: 88px;
    font-size: 5.5rem;
    line-height: 88px;
    line-height: 5.5rem;
  }
}
@media (min-width: 47.5em) {
  h1 {
    font-size: 108px;
    font-size: 6.75rem;
    line-height: 108px;
    line-height: 6.75rem;
  }
}
@media (min-width: 60em) {
  h1 {
    font-size: 138px;
    font-size: 8.625rem;
    line-height: 138px;
    line-height: 8.625rem;
  }
}
@media (min-width: 75em) {
  h1 {
    font-size: 168px;
    font-size: 10.5rem;
    line-height: 168px;
    line-height: 10.5rem;
  }
}
@media (min-width: 87.5em) {
  h1 {
    font-size: 208px;
    font-size: 13rem;
    line-height: 208px;
    line-height: 13rem;
  }
}
@media (min-width: 120em) {
  h1 {
    font-size: 10.8333333333vw;
    line-height: 10.8333333333vw;
    padding: 0vw 0vw 0.5208333333vw;
  }
}

h2 {
  font-weight: 700;
  overflow: visible;
  color: transparent;
  display: inline-block;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 56px;
  line-height: 3.5rem;
  background: linear-gradient(to right, rgb(116, 207, 238) 0%, rgb(117, 206, 238) 3%, rgb(125, 192, 237) 14%, rgb(127, 191, 239) 14%, rgb(132, 183, 236) 19%, rgb(134, 181, 237) 22%, rgb(136, 178, 236) 23%, rgb(141, 172, 237) 27%, rgb(139, 173, 237) 27%, rgb(141, 170, 236) 28%, rgb(150, 159, 238) 35%, rgb(152, 153, 236) 37%, rgb(171, 128, 236) 51%, rgb(179, 115, 235) 56%, rgb(178, 117, 238) 56%, rgb(182, 114, 237) 57%, rgb(181, 111, 235) 58%, rgb(187, 106, 237) 61%, rgb(190, 100, 234) 63%, rgb(196, 93, 236) 67%, rgb(197, 87, 234) 69%, rgb(200, 88, 235) 70%, rgb(204, 79, 235) 74%, rgb(207, 79, 236) 74%, rgb(206, 76, 234) 75%, rgb(210, 74, 236) 76%, rgb(211, 70, 234) 78%, rgb(212, 71, 237) 78%, rgb(213, 66, 234) 80%, rgb(214, 67, 236) 81%, rgb(216, 62, 234) 83%, rgb(218, 61, 236) 83%, rgb(218, 60, 233) 84%, rgb(221, 58, 235) 85%, rgb(220, 55, 233) 87%, rgb(225, 49, 235) 92%, rgb(228, 48, 235) 92%, rgb(231, 40, 232) 99%, rgb(232, 40, 235) 99%, rgb(233, 39, 234) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 0 14px;
  padding: 0 0 0.875rem;
}
@media (min-width: 37.5em) {
  h2 {
    font-size: 88px;
    font-size: 5.5rem;
    line-height: 88px;
    line-height: 5.5rem;
    padding: 0 0 16px;
    padding: 0 0 1rem;
  }
}
@media (min-width: 87.5em) {
  h2 {
    font-size: 116px;
    font-size: 7.25rem;
    line-height: 116px;
    line-height: 7.25rem;
    padding: 0 0 20px;
    padding: 0 0 1.25rem;
  }
}
@media (min-width: 120em) {
  h2 {
    font-size: 6.0416666667vw;
    line-height: 6.0416666667vw;
    padding: 0vw 0vw 1.8229166667vw;
  }
}

h3 {
  font-weight: 400;
  overflow: visible;
  color: transparent;
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  background: linear-gradient(to right, rgb(119, 218, 242) 0%, rgb(124, 214, 242) 7%, rgb(144, 196, 244) 25%, rgb(176, 166, 246) 47%, rgb(227, 119, 250) 78%, rgb(244, 104, 251) 91%, rgb(252, 96, 252) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
}
@media (min-width: 37.5em) {
  h3 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
@media (min-width: 60em) {
  h3 {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
@media (min-width: 87.5em) {
  h3 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
@media (min-width: 120em) {
  h3 {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }
}

h4 {
  font-weight: 700;
  color: #fff;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 38px;
  line-height: 2.375rem;
  text-align: center;
  padding: 0 0 13px;
  padding: 0 0 0.8125rem;
}
@media (min-width: 37.5em) {
  h4 {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 54px;
    line-height: 3.375rem;
  }
}
@media (min-width: 60em) {
  h4 {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 60px;
    line-height: 3.75rem;
  }
}
@media (min-width: 73.75em) {
  h4 {
    font-size: 66px;
    font-size: 4.125rem;
    line-height: 68px;
    line-height: 4.25rem;
  }
}
@media (min-width: 120em) {
  h4 {
    font-size: 3.4375vw;
    line-height: 3.5416666667vw;
    padding: 0vw 0vw 0.6770833333vw;
  }
}

h5 {
  font-weight: 700;
  color: #fff;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 42px;
  line-height: 2.625rem;
  text-align: center;
  padding: 0 0 13px;
  padding: 0 0 0.8125rem;
}
@media (min-width: 37.5em) {
  h5 {
    font-size: 64px;
    font-size: 4rem;
    line-height: 64px;
    line-height: 4rem;
  }
}
@media (min-width: 60em) {
  h5 {
    font-size: 76px;
    font-size: 4.75rem;
    line-height: 76px;
    line-height: 4.75rem;
  }
}
@media (min-width: 87.5em) {
  h5 {
    font-size: 96px;
    font-size: 6rem;
    line-height: 96px;
    line-height: 6rem;
  }
}
@media (min-width: 120em) {
  h5 {
    font-size: 5vw;
    line-height: 5vw;
    padding: 0vw 0vw 0.6770833333vw;
  }
}

h6 {
  font-weight: 500;
  font-size: 31px;
  font-size: 1.9375rem;
  line-height: 31px;
  line-height: 1.9375rem;
  color: #ff00ff;
  text-align: center;
}
@media (min-width: 73.75em) {
  h6 {
    font-size: 41px;
    font-size: 2.5625rem;
    line-height: 41px;
    line-height: 2.5625rem;
  }
}
@media (min-width: 120em) {
  h6 {
    font-size: 2.1354166667vw;
    line-height: 2.1354166667vw;
  }
}

p {
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
@media (min-width: 37.5em) {
  p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
@media (min-width: 87.5em) {
  p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 120em) {
  p {
    font-size: 0.9375vw;
    line-height: 1.25vw;
  }
}

.about {
  position: relative;
  z-index: 1;
  padding: 135px 30px 270px;
  padding: 8.4375rem 1.875rem 16.875rem;
  margin: -315px 0 -270px;
  margin: -19.6875rem 0 -16.875rem;
}
@media (min-width: 37.5em) {
  .about {
    margin: -310px 0 -300px;
    margin: -19.375rem 0 -18.75rem;
  }
}
@media (min-width: 47.5em) {
  .about {
    padding: 120px 50px;
    padding: 7.5rem 3.125rem;
    margin: -350px 0;
    margin: -21.875rem 0;
  }
}
@media (min-width: 60em) {
  .about {
    padding: 405px 50px;
    padding: 25.3125rem 3.125rem;
    margin: -771px 0 -756px;
    margin: -48.1875rem 0 -47.25rem;
  }
}
@media (min-width: 120em) {
  .about {
    padding: 21.09375vw 2.6041666667vw;
    margin: -40.15625vw 0vw -39.375vw;
  }
}
.about__container {
  display: block;
  max-width: 1320px;
  max-width: 82.5rem;
  margin: 0 auto;
  padding: 160px 0 170px;
  padding: 10rem 0 10.625rem;
}
@media (min-width: 37.5em) {
  .about__container {
    padding: 210px 0 230px;
    padding: 13.125rem 0 14.375rem;
  }
}
@media (min-width: 47.5em) {
  .about__container {
    padding: 230px 0 250px;
    padding: 14.375rem 0 15.625rem;
  }
}
@media (min-width: 60em) {
  .about__container {
    padding: 290px 0 20px;
    padding: 18.125rem 0 1.25rem;
  }
}
@media (min-width: 75em) {
  .about__container {
    padding: 363px 0 65px;
    padding: 22.6875rem 0 4.0625rem;
  }
}
@media (min-width: 120em) {
  .about__container {
    padding: 18.90625vw 0vw 3.3854166667vw;
    max-width: 68.75vw;
  }
}
.about__text-container {
  text-align: center;
}
@media (min-width: 47.5em) {
  .about__text-container {
    width: 70%;
    text-align: left;
  }
}
@media (min-width: 60em) {
  .about__text-container {
    width: 50%;
  }
}
.about__text-container p {
  color: #858585;
}
@media (min-width: 60em) {
  .about__text-container p {
    padding: 0 50px 20px 5px;
    padding: 0 3.125rem 1.25rem 0.3125rem;
  }
}
@media (min-width: 120em) {
  .about__text-container p {
    padding: 0vw 2.6041666667vw 1.0416666667vw 0.2604166667vw;
  }
}
.about__woman {
  top: auto;
  top: auto;
  right: auto;
  right: auto;
  bottom: 130px;
  bottom: 8.125rem;
  left: 50%;
  left: 50%;
  position: absolute;
  width: 210px;
  width: 13.125rem;
  height: 280px;
  height: 17.5rem;
  transform: translateX(-50%);
  z-index: 2;
}
@media (min-width: 47.5em) {
  .about__woman {
    top: 340px;
    top: 21.25rem;
    right: auto;
    right: auto;
    bottom: auto;
    bottom: auto;
    left: 50%;
    left: 50%;
    position: absolute;
    width: 300px;
    width: 18.75rem;
    height: 401px;
    height: 25.0625rem;
    margin-left: 166px;
    margin-left: 10.375rem;
    transform: none;
  }
}
@media (min-width: 60em) {
  .about__woman {
    top: 440px;
    top: 27.5rem;
    right: auto;
    right: auto;
    bottom: auto;
    bottom: auto;
    left: 50%;
    left: 50%;
    position: absolute;
    width: 420px;
    width: 26.25rem;
    height: 561px;
    height: 35.0625rem;
    margin-left: 16px;
    margin-left: 1rem;
  }
}
@media (min-width: 75em) {
  .about__woman {
    top: 315px;
    top: 19.6875rem;
    right: auto;
    right: auto;
    bottom: auto;
    bottom: auto;
    left: 50%;
    left: 50%;
    position: absolute;
    width: 573px;
    width: 35.8125rem;
    height: 765px;
    height: 47.8125rem;
    margin-left: 146px;
    margin-left: 9.125rem;
  }
}
@media (min-width: 120em) {
  .about__woman {
    width: 29.84375vw;
    height: 39.84375vw;
    top: 16.40625vw;
    margin-left: 7.6041666667vw;
  }
}
.about__woman svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.about__rainbow-lines {
  top: -15px;
  top: -0.9375rem;
  right: 0;
  right: 0;
  bottom: auto;
  bottom: auto;
  left: auto;
  left: auto;
  position: absolute;
  width: 200px;
  width: 12.5rem;
  height: 275px;
  height: 17.1875rem;
  z-index: 1;
}
@media (min-width: 37.5em) {
  .about__rainbow-lines {
    top: -175px;
    top: -10.9375rem;
    right: 0;
    right: 0;
    bottom: auto;
    bottom: auto;
    left: auto;
    left: auto;
    position: absolute;
    width: 350px;
    width: 21.875rem;
    height: 481px;
    height: 30.0625rem;
  }
}
@media (min-width: 47.5em) {
  .about__rainbow-lines {
    width: 400px;
    width: 25rem;
    height: 549px;
    height: 34.3125rem;
  }
}
@media (min-width: 60em) {
  .about__rainbow-lines {
    top: -25px;
    top: -1.5625rem;
    right: 0;
    right: 0;
    bottom: auto;
    bottom: auto;
    left: auto;
    left: auto;
    position: absolute;
    width: 500px;
    width: 31.25rem;
    height: 687px;
    height: 42.9375rem;
  }
}
@media (min-width: 75em) {
  .about__rainbow-lines {
    top: -282px;
    top: -17.625rem;
    right: 0;
    right: 0;
    bottom: auto;
    bottom: auto;
    left: auto;
    left: auto;
    position: absolute;
    width: 677px;
    width: 42.3125rem;
    height: 930px;
    height: 58.125rem;
  }
}
@media (min-width: 120em) {
  .about__rainbow-lines {
    top: -14.6875vw;
    width: 35.2604166667vw;
    height: 48.4375vw;
  }
}
.about__rainbow-lines svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.about__bg-cutoff {
  top: 0;
  top: 0;
  right: 0;
  right: 0;
  bottom: 0;
  bottom: 0;
  left: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
}
.about__bg-cutoff-2 {
  top: 0;
  top: 0;
  right: 0;
  right: 0;
  bottom: 0;
  bottom: 0;
  left: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}
.about__bg-container {
  top: 170px;
  top: 10.625rem;
  right: auto;
  right: auto;
  bottom: 170px;
  bottom: 10.625rem;
  left: -50%;
  left: -50%;
  position: absolute;
  width: 200%;
  transform-origin: center center;
  overflow: hidden;
  z-index: -1;
  transform: rotate(-21.7deg);
}
@media (min-width: 37.5em) {
  .about__bg-container {
    width: 180%;
    left: -40%;
  }
}
@media (min-width: 60em) {
  .about__bg-container {
    top: 405px;
    top: 25.3125rem;
    bottom: 405px;
    bottom: 25.3125rem;
  }
}
@media (min-width: 120em) {
  .about__bg-container {
    top: 21.09375vw;
    bottom: 21.09375vw;
  }
}
.about__bg {
  top: -70%;
  top: -70%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 240%;
  transform-origin: center center;
  background: #fff;
  transform: rotate(21.7deg);
}

.btn {
  display: block;
  width: 160px;
  width: 10rem;
  height: 38px;
  height: 2.375rem;
  background: #fff;
  color: #ff00ff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 38px;
  line-height: 2.375rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.25);
  margin: 20px auto 0;
  margin: 1.25rem auto 0;
  transition: 0.3s linear;
}
@media (min-width: 60em) {
  .btn {
    width: 200px;
    width: 12.5rem;
    height: 44px;
    height: 2.75rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
@media (min-width: 120em) {
  .btn {
    width: 10.4166666667vw;
    height: 2.2916666667vw;
    font-size: 0.9375vw;
    line-height: 2.2916666667vw;
    box-shadow: 0vw 0vw 0.5208333333vw 0.1041666667vw rgba(255, 255, 255, 0.25);
    margin: 1.0416666667vw auto 0vw;
  }
}
.btn:hover, .btn:focus {
  color: #fff;
  background: #ff00ff;
}
.btn::before {
  content: "";
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s linear;
  background: url("/images/svg/loading-icon.svg") no-repeat center center/contain;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
}
.btn--loading {
  cursor: wait;
  color: #ff00ff;
  background: #ff00ff;
}
.btn--loading .modal__paypal svg {
  fill: transparent;
}
.btn--loading::before {
  opacity: 1;
}
.btn--loading:hover, .btn--loading.btn:focus {
  color: #ff00ff;
  background: #ff00ff;
}

.cancellation-top-bar {
  width: 100%;
  background: #961100;
  z-index: 100;
  text-align: center;
  padding: 20px 25px;
  padding: 1.25rem 1.5625rem;
}
@media (min-width: 60em) {
  .cancellation-top-bar {
    top: 0;
    top: 0;
    right: auto;
    right: auto;
    bottom: auto;
    bottom: auto;
    left: 0;
    left: 0;
    position: fixed;
    padding: 20px 45px;
    padding: 1.25rem 2.8125rem;
  }
}
body.has-toolbar .cancellation-top-bar {
  top: 60px;
  top: 3.75rem;
}
@media (min-width: 120em) {
  .cancellation-top-bar {
    padding: 1.0416666667vw 2.34375vw;
  }
}
.cancellation-top-bar p {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  line-height: 1.375rem;
  padding: 0;
}
@media (min-width: 60em) {
  .cancellation-top-bar p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
@media (min-width: 80em) {
  .cancellation-top-bar p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 120em) {
  .cancellation-top-bar p {
    font-size: 0.7291666667vw;
    line-height: 1.1458333333vw;
  }
}
.cancellation-top-bar p a {
  color: #fff;
}

@media (min-width: 60em) {
  body.has-cancellations {
    margin-top: 60px;
    margin-top: 3.75rem;
  }
}
@media (min-width: 120em) {
  body.has-cancellations {
    margin-top: 3.125vw;
  }
}
@media (min-width: 60em) {
  body.has-cancellations.has-toolbar {
    margin-top: 120px;
    margin-top: 7.5rem;
  }
}
@media (min-width: 120em) {
  body.has-cancellations.has-toolbar {
    margin-top: calc(3.125vw + 60px);
  }
}

.contact {
  position: relative;
  overflow: hidden;
  padding: 250px 30px 90px;
  padding: 15.625rem 1.875rem 5.625rem;
  z-index: 2;
  background: #a54afd url("/images/jpeg/contact-bg--600.jpg?v=1.22") no-repeat center center/cover;
}
@media (min-width: 37.5em) {
  .contact {
    padding: 320px 30px 90px;
    padding: 20rem 1.875rem 5.625rem;
    background: #a54afd url("/images/jpeg/contact-bg--960.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 47.5em) {
  .contact {
    padding: 400px 30px 90px;
    padding: 25rem 1.875rem 5.625rem;
  }
}
@media (min-width: 60em) {
  .contact {
    background: #a54afd url("/images/jpeg/contact-bg--1200.jpg?v=1.22") no-repeat center center/cover;
    padding: 633px 50px 94px;
    padding: 39.5625rem 3.125rem 5.875rem;
  }
}
@media (min-width: 75em) {
  .contact {
    background: #a54afd url("/images/jpeg/contact-bg--1400.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 87.5em) {
  .contact {
    background: #a54afd url("/images/jpeg/contact-bg--1920.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 120em) {
  .contact {
    padding: 32.96875vw 2.6041666667vw 4.8958333333vw;
  }
}
.contact p {
  color: #fff;
  text-align: center;
  padding: 0 0 35px;
  padding: 0 0 2.1875rem;
}
@media (min-width: 87.5em) {
  .contact p {
    max-width: 740px;
    max-width: 46.25rem;
    margin: 0 auto;
    padding: 0 0 60px;
    padding: 0 0 3.75rem;
  }
}
@media (min-width: 120em) {
  .contact p {
    max-width: 38.5416666667vw;
    margin: 0 auto;
    padding: 0vw 0vw 3.125vw;
  }
}
.contact__container {
  position: relative;
  z-index: 1;
  max-width: 1315px;
  max-width: 82.1875rem;
  margin: 0 auto;
}
@media (min-width: 120em) {
  .contact__container {
    max-width: 68.4895833333vw;
  }
}
.contact__people-left {
  top: auto;
  top: auto;
  right: 50%;
  right: 50%;
  bottom: -2px;
  bottom: -0.125rem;
  left: auto;
  left: auto;
  position: absolute;
  margin-right: 100px;
  margin-right: 6.25rem;
  width: 292px;
  width: 18.25rem;
  height: 145px;
  height: 9.0625rem;
}
@media (min-width: 47.5em) {
  .contact__people-left {
    margin-left: 120px;
    margin-left: 7.5rem;
  }
}
@media (min-width: 60em) {
  .contact__people-left {
    right: auto;
    margin: 0;
    left: 10px;
    left: 0.625rem;
  }
}
@media (min-width: 81.25em) {
  .contact__people-left {
    width: 433px;
    width: 27.0625rem;
    height: 213px;
    height: 13.3125rem;
  }
}
@media (min-width: 120em) {
  .contact__people-left {
    width: 22.5520833333vw;
    height: 11.09375vw;
    bottom: -0.1041666667vw;
    left: 0.5208333333vw;
  }
}
.contact__people-left svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  fill: #1d142d;
}
.contact__people-right {
  top: auto;
  top: auto;
  right: auto;
  right: auto;
  bottom: -2px;
  bottom: -0.125rem;
  left: 50%;
  left: 50%;
  position: absolute;
  margin-left: 100px;
  margin-left: 6.25rem;
  width: 332px;
  width: 20.75rem;
  height: 145px;
  height: 9.0625rem;
}
@media (min-width: 47.5em) {
  .contact__people-right {
    margin-left: 120px;
    margin-left: 7.5rem;
  }
}
@media (min-width: 60em) {
  .contact__people-right {
    left: auto;
    margin: 0;
    right: 10px;
    right: 0.625rem;
  }
}
@media (min-width: 81.25em) {
  .contact__people-right {
    width: 472px;
    width: 29.5rem;
    height: 213px;
    height: 13.3125rem;
  }
}
@media (min-width: 120em) {
  .contact__people-right {
    width: 24.5833333333vw;
    height: 11.09375vw;
    bottom: -0.1041666667vw;
    right: 0.5208333333vw;
  }
}
.contact__people-right svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  fill: #1d142d;
}

.email-body .header {
  padding: 10px 0;
  padding: 0.625rem 0;
  background: #15183f !important;
}
.email-body .header .container {
  text-align: center;
}
.email-body .header .container img {
  margin: 0 auto;
}
.email-body h3 {
  background: none;
  -webkit-text-fill-color: #e728e8;
  color: #e728e8;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  padding: 0 0 8px;
}
.email-body p {
  color: #2A2C2E;
  font-size: 14px;
  line-height: 22px;
}
.email-body table {
  border: 1px solid #eee;
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0 0;
  margin: 1.25rem 0 0;
}
.email-body table tr td {
  padding: 7px 15px;
  font-size: 14px;
  line-height: 22px;
  border: 1px solid #eee;
}
.email-body table tr td strong {
  color: #2A2C2E;
}
.email-body table tr td:nth-child(1) {
  background: #e6e6e6;
  width: 180px;
}
.email-body .footer-middle p {
  color: #747474;
  font-size: 12px;
  line-height: 18px;
}
.email-body .footer-bottom p {
  color: #747474;
  font-size: 10px;
  line-height: 14px;
}

.footer {
  display: block;
  padding: 32px 30px 28px;
  padding: 2rem 1.875rem 1.75rem;
  text-align: center;
  background: #141221 url("/images/jpeg/footer-bg--600.jpg?v=1.22") no-repeat top center/cover;
}
@media (min-width: 37.5em) {
  .footer {
    background: #141221 url("/images/jpeg/footer-bg-alt--960.jpg?v=1.22") no-repeat top center/cover;
  }
}
@media (min-width: 60em) {
  .footer {
    background: #141221 url("/images/jpeg/footer-bg--1600.jpg?v=1.22") no-repeat top center/cover;
  }
}
@media (min-width: 100em) {
  .footer {
    background: #141221 url("/images/jpeg/footer-bg--1920.jpg?v=1.22") no-repeat top center/cover;
  }
}
@media (min-width: 120em) {
  .footer {
    padding: 1.6666666667vw 1.5625vw 1.4583333333vw;
    background: #141221 url("/images/jpeg/footer-bg--2400.jpg?v=1.22") no-repeat top center/cover;
  }
}
.footer__container {
  max-width: 1315px;
  max-width: 82.1875rem;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  .footer__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 120em) {
  .footer__container {
    max-width: 68.4895833333vw;
  }
}
.footer__logo {
  display: block;
  margin: 0 auto 20px;
  margin: 0 auto 1.25rem;
  position: relative;
  width: 219px;
  width: 13.6875rem;
  height: 80px;
  height: 5rem;
}
@media (min-width: 37.5em) {
  .footer__logo {
    margin: 0;
  }
}
@media (min-width: 120em) {
  .footer__logo {
    width: 11.40625vw;
    height: 4.1666666667vw;
  }
}
.footer__logo svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (min-width: 37.5em) {
  .footer__text {
    text-align: right;
  }
}
.footer__text p {
  font-weight: 300;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 28px;
  line-height: 1.75rem;
}
@media (min-width: 37.5em) {
  .footer__text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}
@media (min-width: 120em) {
  .footer__text p {
    font-size: 0.8333333333vw;
    line-height: 2.0833333333vw;
  }
}
.footer__text p a {
  color: #fff;
  text-decoration: none;
}
.footer__text p.footer__text-opaque {
  opacity: 0.5;
  line-height: 14px;
  line-height: 0.875rem;
}
@media (min-width: 37.5em) {
  .footer__text p.footer__text-opaque {
    line-height: 16px;
    line-height: 1rem;
  }
}
@media (min-width: 120em) {
  .footer__text p.footer__text-opaque {
    line-height: 0.8333333333vw;
  }
}

.form {
  display: block;
}
@media (min-width: 60em) {
  .form__column-container {
    display: flex;
    flex-flow: row;
  }
}
@media (min-width: 60em) {
  .form__column {
    width: 50%;
    margin-left: 27px;
    margin-left: 1.6875rem;
  }
  .form__column:nth-child(1) {
    margin-left: 0;
  }
}
@media (min-width: 120em) {
  .form__column {
    margin-left: 1.40625vw;
  }
  .form__column:nth-child(1) {
    margin-left: 0;
  }
}
.form__row {
  position: relative;
  margin: 0 0 33px;
  margin: 0 0 2.0625rem;
}
@media (min-width: 37.5em) {
  .form__row {
    margin: 0 0 33px;
    margin: 0 0 2.0625rem;
  }
}
@media (min-width: 120em) {
  .form__row {
    margin: 0vw 0vw 1.71875vw;
  }
}
.form__row--error .form__label {
  color: #8affff;
}
.form__row--error .form__input {
  border-color: #8affff;
}
.form__row--error .form__input:focus {
  border-color: #8affff;
}
.form__row--error .form__error {
  display: block;
}
.form__row--modal-error .form__input {
  border-color: #ff00ff !important;
}
.form__row--modal-error .form__input:focus {
  border-color: #ff00ff;
}
.form__row--modal-error .form__error-message {
  display: block;
}
.form__label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #fff;
  text-transform: uppercase;
}
@media (min-width: 120em) {
  .form__label {
    font-size: 0.7291666667vw;
    line-height: 1.25vw;
  }
}
.form__label--modal {
  color: #858585;
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  padding: 0 0 4px;
  padding: 0 0 0.25rem;
}
@media (min-width: 120em) {
  .form__label--modal {
    font-size: 0.8333333333vw;
    line-height: 1.1458333333vw;
    padding: 0vw 0vw 0.2083333333vw;
  }
}
.form__label--small {
  color: #858585;
  font-weight: 300;
  text-transform: none;
  padding: 0 0 8px;
  padding: 0 0 0.5rem;
}
.form__numeric-holder {
  display: flex;
  max-width: 195px;
  max-width: 12.1875rem;
  margin: 0 0 8px;
  margin: 0 0 0.5rem;
  justify-content: center;
  align-items: center;
}
@media (min-width: 60em) {
  .form__numeric-holder {
    margin: 0;
  }
}
@media (min-width: 120em) {
  .form__numeric-holder {
    max-width: 10.15625vw;
  }
}
.form__numeric {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  border-radius: 50%;
  background: #ebebeb;
  padding: 0;
  flex: 0 0 auto;
  margin-right: 10px;
  margin-right: 0.625rem;
  position: relative;
}
@media (min-width: 60em) {
  .form__numeric {
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    margin-right: 19px;
    margin-right: 1.1875rem;
  }
}
.form__numeric::before {
  content: "";
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  background: #a1a1a1;
  border-radius: 50px;
  width: 20px;
  width: 1.25rem;
  height: 2px;
  height: 0.125rem;
}
@media (min-width: 60em) {
  .form__numeric::before {
    width: 14px;
    width: 0.875rem;
  }
}
.form__numeric--plus {
  margin-right: 0;
  margin-left: 10px;
  margin-left: 0.625rem;
}
@media (min-width: 60em) {
  .form__numeric--plus {
    margin-left: 19px;
    margin-left: 1.1875rem;
  }
}
.form__numeric--plus::after {
  content: "";
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  background: #a1a1a1;
  border-radius: 50px;
  width: 2px;
  width: 0.125rem;
  height: 20px;
  height: 1.25rem;
}
@media (min-width: 60em) {
  .form__numeric--plus::after {
    height: 14px;
    height: 0.875rem;
  }
}
.form__input-wrap {
  display: block;
}
.form__input {
  font-weight: 300;
  width: 100%;
  background: none;
  height: 51px;
  height: 3.1875rem;
  border: 2px solid rgba(255, 255, 255, 0.6);
  color: #fff;
  padding: 0 15px;
  padding: 0 0.9375rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  box-shadow: 0px 0px 13px 3px rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.2);
}
@media (min-width: 37.5em) {
  .form__input {
    height: 61px;
    height: 3.8125rem;
    padding: 0 25px;
    padding: 0 1.5625rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.form__input:focus {
  border-color: #fff;
  background: none;
}
@media (min-width: 120em) {
  .form__input {
    height: 3.1770833333vw;
    border: 0.1041666667vw solid rgba(255, 255, 255, 0.6);
    padding: 0vw 1.3020833333vw;
    font-size: 1.0416666667vw;
    line-height: 1.25vw;
  }
}
.form__input--text-area {
  height: 180px;
  height: 11.25rem;
  padding: 15px;
  padding: 0.9375rem;
}
@media (min-width: 37.5em) {
  .form__input--text-area {
    height: 240px;
    height: 15rem;
    padding: 25px;
    padding: 1.5625rem;
  }
}
@media (min-width: 60em) {
  .form__input--text-area {
    height: 297px;
    height: 18.5625rem;
  }
}
@media (min-width: 120em) {
  .form__input--text-area {
    height: 15.46875vw;
    padding: 1.3020833333vw;
  }
}
.form__input--select {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #000;
}
.form__error {
  display: none;
  font-weight: 500;
  font-style: italic;
  top: 100%;
  top: 100%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  color: #8affff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  padding: 8px 0 0 23px;
  padding: 0.5rem 0 0 1.4375rem;
}
@media (min-width: 120em) {
  .form__error {
    font-size: 0.7291666667vw;
    line-height: 0.7291666667vw;
    padding: 0.4166666667vw 0vw 0vw 1.1979166667vw;
  }
}
.form__error::before {
  content: "";
  width: 15px;
  width: 0.9375rem;
  height: 14px;
  height: 0.875rem;
  top: 7px;
  top: 0.4375rem;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  background: url("/images/svg/attention-icon.svg") no-repeat center center/contain;
}
@media (min-width: 120em) {
  .form__error::before {
    width: 0.78125vw;
    height: 0.7291666667vw;
    top: 0.3645833333vw;
  }
}
.form__error-message {
  display: none;
  font-weight: 400;
  font-style: italic;
  top: 100%;
  top: 100%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  color: #ff00ff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  padding: 6px 0 0 0;
  padding: 0.375rem 0 0 0;
}
@media (min-width: 120em) {
  .form__error-message {
    font-size: 0.7291666667vw;
    line-height: 0.7291666667vw;
    padding: 0.3125vw 0vw 0vw 0vw;
  }
}
.form__error-message--relative {
  top: auto;
  top: auto;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: auto;
  left: auto;
  position: relative;
  padding: 8px 0 12px;
  padding: 0.5rem 0 0.75rem;
}
@media (min-width: 120em) {
  .form__error-message--relative {
    padding: 0.4166666667vw 0vw 0.625vw;
  }
}
.form__error-message--shown {
  display: block;
}
.form__submit {
  display: block;
  width: 200px;
  width: 12.5rem;
  height: 44px;
  height: 2.75rem;
  background: #fff;
  color: #ff00ff;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 46px;
  line-height: 2.875rem;
  font-weight: 500;
  margin: 0 auto;
  margin-top: 14px;
  margin-top: 0.875rem;
}
@media (min-width: 120em) {
  .form__submit {
    width: 10.4166666667vw;
    height: 2.2916666667vw;
    background: #fff;
    margin-top: 0.7291666667vw;
  }
}
.form__submit--paypal {
  width: 100%;
  background: #ff00ff;
  text-align: center;
  height: 50px;
  height: 3.125rem;
  color: #fff;
  line-height: 20px;
  line-height: 1.25rem;
  vertical-align: middle;
  padding: 5px 0 0;
  padding: 0.3125rem 0 0;
  box-shadow: 0px 0px 10px 2px rgba(255, 0, 255, 0.25);
}
@media (min-width: 47.5em) {
  .form__submit--paypal {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 3px 0 0;
    padding: 0.1875rem 0 0;
  }
}
@media (min-width: 120em) {
  .form__submit--paypal {
    box-shadow: 0vw 0vw 0.5208333333vw 0.1041666667vw rgba(255, 0, 255, 0.25);
  }
}
.form__submit--paypal {
  position: relative;
}
.form__submit--loading {
  cursor: wait;
  color: #ff00ff;
  background: #ff00ff;
}
.form__submit--loading::before {
  content: "";
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s linear;
  background: url("/images/svg/loading-icon.svg") no-repeat center center/contain;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
}
.form__submit--loading .modal__paypal svg {
  fill: transparent;
}
.form__submit--loading::before {
  opacity: 1;
}
.form__submit--loading:hover, .form__submit--loading.btn:focus {
  color: #ff00ff;
  background: #ff00ff;
}
.form__submit--disabled {
  background: #868686;
  box-shadow: 0px 0px 10px 2px rgba(134, 134, 134, 0.25);
  cursor: not-allowed;
}
@media (min-width: 120em) {
  .form__submit--disabled {
    box-shadow: 0vw 0vw 0.5208333333vw 0.1041666667vw rgba(134, 134, 134, 0.25);
  }
}

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

.location-card {
  margin: 0 0 30px;
  margin: 0 0 1.875rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 100px 60px 70px;
  padding: 6.25rem 3.75rem 4.375rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 47.5em) {
  .location-card {
    width: 48.5%;
    margin-right: 20px;
    margin-right: 1.25rem;
    flex: 0 1 auto;
  }
  .location-card:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 60em) {
  .location-card {
    width: 48.2%;
    padding: 55px 40px 48px;
    padding: 3.4375rem 2.5rem 3rem;
    min-height: 372px;
    min-height: 23.25rem;
    margin-right: 30px;
    margin-right: 1.875rem;
  }
  .location-card:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 120em) {
  .location-card {
    padding: 2.8645833333vw 2.0833333333vw 2.5vw;
    min-height: 19.375vw;
    margin-right: 1.5625vw;
  }
  .location-card:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 60em) {
  .location-card--loughborough {
    padding-top: 115px;
    padding-top: 7.1875rem;
  }
}
@media (min-width: 120em) {
  .location-card--loughborough {
    padding-top: 5.9895833333vw;
  }
}
@media (min-width: 60em) {
  .location-card h4 {
    max-width: 460px;
    max-width: 28.75rem;
  }
}
@media (min-width: 120em) {
  .location-card h4 {
    max-width: 23.9583333333vw;
  }
}
.location-card__online {
  font-weight: 500;
  background: #FFF;
  box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.25);
  top: auto;
  top: auto;
  right: -58px;
  right: -3.625rem;
  bottom: 27px;
  bottom: 1.6875rem;
  left: auto;
  left: auto;
  position: absolute;
  text-transform: uppercase;
  color: #FF00FF;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 36px;
  line-height: 2.25rem;
  text-align: center;
  width: 200px;
  width: 12.5rem;
  height: 34px;
  height: 2.125rem;
  transform-origin: center center;
  transform: rotate(-45deg);
  padding: 0 11px 0 7px;
  padding: 0 0.6875rem 0 0.4375rem;
}
@media (min-width: 73.75em) {
  .location-card__online {
    right: -57px;
    right: -3.5625rem;
    bottom: 45px;
    bottom: 2.8125rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 46px;
    line-height: 2.875rem;
    width: 239px;
    width: 14.9375rem;
    height: 44px;
    height: 2.75rem;
  }
}
@media (min-width: 120em) {
  .location-card__online {
    box-shadow: 0vw 0vw 0.5208333333vw 0.1041666667vw rgba(255, 255, 255, 0.25);
    font-size: 1.0416666667vw;
    line-height: 2.1875vw;
    width: 12.4479166667vw;
    height: 2.3958333333vw;
    padding: 0vw 0.5729166667vw 0vw 0.3645833333vw;
    right: -2.96875vw;
    bottom: 2.34375vw;
  }
}
.location-card p {
  color: #FFF;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 73.75em) {
  .location-card p {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 120em) {
  .location-card p {
    font-size: 1.1458333333vw;
    line-height: 1.4583333333vw;
  }
}
.location-card__price {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 130px;
  width: 8.125rem;
  height: 111px;
  height: 6.9375rem;
  background: url("/images/svg/location-card-polygon.svg") no-repeat top left/contain;
  z-index: 10;
}
@media (min-width: 73.75em) {
  .location-card__price {
    width: 172px;
    width: 10.75rem;
    height: 147px;
    height: 9.1875rem;
  }
}
@media (min-width: 120em) {
  .location-card__price {
    width: 8.9583333333vw;
    height: 7.65625vw;
  }
}
.location-card__price h6 {
  top: 20px;
  top: 1.25rem;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 3px;
  left: 0.1875rem;
  position: absolute;
  transform-origin: center center;
  transform: rotate(-32deg);
}
@media (min-width: 73.75em) {
  .location-card__price h6 {
    top: 27px;
    top: 1.6875rem;
    left: 6px;
    left: 0.375rem;
  }
}
@media (min-width: 120em) {
  .location-card__price h6 {
    top: 1.40625vw;
    left: 0.3125vw;
  }
}
.location-card__price p {
  width: 100%;
  display: block;
  text-align: center;
  color: #858585;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  text-transform: none;
  top: 46px;
  top: 2.875rem;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: -7px;
  left: -0.4375rem;
  position: absolute;
  transform-origin: center center;
  transform: rotate(-32deg);
}
@media (min-width: 73.75em) {
  .location-card__price p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem;
    top: 61px;
    top: 3.8125rem;
  }
}
@media (min-width: 120em) {
  .location-card__price p {
    font-size: 0.8333333333vw;
    line-height: 0.8333333333vw;
    top: 3.1770833333vw;
    left: -0.3645833333vw;
  }
}
.location-card--purple {
  background: #6F11AA url("/images/jpeg/location-card--purple--mobile.jpg?v=1.22") no-repeat left center/cover;
}
@media (min-width: 47.5em) {
  .location-card--purple {
    background: #6F11AA url("/images/jpeg/location-card--purple--tablet.jpg?v=1.22") no-repeat left center/cover;
  }
}
@media (min-width: 60em) {
  .location-card--purple {
    background: #6F11AA url("/images/jpeg/location-card--purple--desktop.jpg?v=1.22") no-repeat left center/cover;
  }
}
.location-card--light-blue {
  background: #0D6D97 url("/images/jpeg/location-card--light-blue--mobile.jpg?v=1.22") no-repeat left center/cover;
}
@media (min-width: 47.5em) {
  .location-card--light-blue {
    background: #0D6D97 url("/images/jpeg/location-card--light-blue--tablet.jpg?v=1.22") no-repeat left center/cover;
  }
}
@media (min-width: 60em) {
  .location-card--light-blue {
    background: #0D6D97 url("/images/jpeg/location-card--light-blue--desktop.jpg?v=1.22") no-repeat left center/cover;
  }
}
.location-card--gold {
  background: #D38303 url("/images/jpeg/location-card--gold--mobile.jpg?v=1.22") no-repeat right center/cover;
}
@media (min-width: 47.5em) {
  .location-card--gold {
    background: #D38303 url("/images/jpeg/location-card--gold--tablet.jpg?v=1.22") no-repeat right center/cover;
  }
}
@media (min-width: 60em) {
  .location-card--gold {
    background: #D38303 url("/images/jpeg/location-card--gold--desktop.jpg?v=1.22") no-repeat right center/cover;
  }
}
.location-card--pink {
  background: #E3057E url("/images/jpeg/location-card--pink--mobile.jpg?v=1.22") no-repeat right center/cover;
}
@media (min-width: 47.5em) {
  .location-card--pink {
    background: #E3057E url("/images/jpeg/location-card--pink--tablet.jpg?v=1.22") no-repeat right center/cover;
  }
}
@media (min-width: 60em) {
  .location-card--pink {
    background: #E3057E url("/images/jpeg/location-card--pink--desktop.jpg?v=1.22") no-repeat right center/cover;
  }
}
.location-card--green {
  background: #009F47 url("/images/jpeg/location-card--green--mobile.jpg?v=1.22") no-repeat left center/cover;
}
@media (min-width: 47.5em) {
  .location-card--green {
    background: #009F47 url("/images/jpeg/location-card--green--tablet.jpg?v=1.22") no-repeat left center/cover;
  }
}
@media (min-width: 60em) {
  .location-card--green {
    background: #009F47 url("/images/jpeg/location-card--green--desktop.jpg?v=1.22") no-repeat left center/cover;
  }
}
.location-card--blue {
  background: #393CB7 url("/images/jpeg/location-card--blue--mobile.jpg?v=1.22") no-repeat left center/cover;
}
@media (min-width: 47.5em) {
  .location-card--blue {
    background: #393CB7 url("/images/jpeg/location-card--blue--tablet.jpg?v=1.22") no-repeat left center/cover;
  }
}
@media (min-width: 60em) {
  .location-card--blue {
    background: #393CB7 url("/images/jpeg/location-card--blue--desktop.jpg?v=1.22") no-repeat left center/cover;
  }
}

.locations {
  padding: 210px 20px 130px;
  padding: 13.125rem 1.25rem 8.125rem;
  background: #3801ef url("/images/jpeg/locations-bg--600.jpg?v=1.22") no-repeat center center/cover;
}
@media (min-width: 37.5em) {
  .locations {
    padding: 100px 20px 130px;
    padding: 6.25rem 1.25rem 8.125rem;
    background: #3801ef url("/images/jpeg/locations-bg--960.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 47.5em) {
  .locations {
    padding: 60px 20px 180px;
    padding: 3.75rem 1.25rem 11.25rem;
  }
}
@media (min-width: 60em) {
  .locations {
    background: #3801ef url("/images/jpeg/locations-bg--1200.jpg?v=1.22") no-repeat center center/cover;
    padding: 470px 20px 370px;
    padding: 29.375rem 1.25rem 23.125rem;
  }
}
@media (min-width: 75em) {
  .locations {
    background: #3801ef url("/images/jpeg/locations-bg--1400.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 87.5em) {
  .locations {
    background: #3801ef url("/images/jpeg/locations-bg--1920.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 120em) {
  .locations {
    padding: 24.4791666667vw 1.0416666667vw 19.2708333333vw;
  }
}
.locations__container {
  max-width: 1320px;
  max-width: 82.5rem;
  margin: 0 auto;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media (min-width: 47.5em) {
  .locations__container {
    display: flex;
    flex-flow: row wrap;
  }
}
@media (min-width: 120em) {
  .locations__container {
    max-width: 68.75vw;
  }
}

.logo {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  display: block;
  margin: 40px auto 0;
  margin: 2.5rem auto 0;
  width: 200px;
  width: 12.5rem;
  height: 74px;
  height: 4.625rem;
}
@media (min-width: 60em) {
  .logo {
    width: 337px;
    width: 21.0625rem;
    height: 124px;
    height: 7.75rem;
    margin: 53px auto 0;
    margin: 3.3125rem auto 0;
  }
}
@media (min-width: 120em) {
  .logo {
    width: 17.5520833333vw;
    height: 6.4583333333vw;
    margin: 2.7604166667vw auto 0vw;
  }
}
.logo svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

body.modal-active {
  overflow: hidden;
}
body.modal-active::before {
  content: "";
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
}

.modal {
  display: none;
  position: relative;
  z-index: 200;
  background: #FFFFFF;
  margin: 20px 20px;
  margin: 1.25rem 1.25rem;
  max-width: 1320px;
  max-width: 82.5rem;
  width: calc(100% - 40px);
}
@media (min-width: 47.5em) {
  .modal {
    margin: 30px;
    margin: 1.875rem;
    width: calc(100% - 60px);
  }
}
@media (min-width: 60em) {
  .modal {
    margin: 40px;
    margin: 2.5rem;
    width: calc(100% - 80px);
  }
}
@media (min-width: 75em) {
  .modal {
    margin: 50px auto;
    margin: 3.125rem auto;
    width: 100%;
  }
}
@media (min-width: 120em) {
  .modal {
    margin: 2.6041666667vw auto;
    max-width: 68.75vw;
  }
}
.modal__header {
  display: block;
  width: 100%;
  position: relative;
  background: #A341E1;
  padding: 3px 45px 1px 15px;
  padding: 0.1875rem 2.8125rem 0.0625rem 0.9375rem;
}
@media (min-width: 37.5em) {
  .modal__header {
    padding: 13px 30px 12px;
    padding: 0.8125rem 1.875rem 0.75rem;
  }
}
@media (min-width: 75em) {
  .modal__header {
    padding: 32px 60px 25px;
    padding: 2rem 3.75rem 1.5625rem;
  }
}
@media (min-width: 120em) {
  .modal__header {
    padding: 1.6666666667vw 3.125vw 1.3020833333vw;
  }
}
.modal__header h3 {
  color: #FFF;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 68px;
  line-height: 4.25rem;
  margin: 0;
  padding: 0;
  background: none;
  font-weight: 700;
  -webkit-text-fill-color: #FFF;
}
@media (min-width: 37.5em) {
  .modal__header h3 {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 78px;
    line-height: 4.875rem;
  }
}
@media (min-width: 75em) {
  .modal__header h3 {
    font-size: 86px;
    font-size: 5.375rem;
    line-height: 106px;
    line-height: 6.625rem;
  }
}
@media (min-width: 120em) {
  .modal__header h3 {
    font-size: 4.4791666667vw;
    line-height: 4.4791666667vw;
  }
}
.modal__header--small {
  padding: 17px 45px 16px 15px;
  padding: 1.0625rem 2.8125rem 1rem 0.9375rem;
}
@media (min-width: 37.5em) {
  .modal__header--small {
    padding: 21px 30px;
    padding: 1.3125rem 1.875rem;
  }
}
@media (min-width: 75em) {
  .modal__header--small {
    padding: 32px 60px 25px;
    padding: 2rem 3.75rem 1.5625rem;
  }
}
@media (min-width: 120em) {
  .modal__header--small {
    padding: 1.6666666667vw 3.125vw 1.3020833333vw;
  }
}
.modal__header--small h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 32px;
  line-height: 2rem;
}
@media (min-width: 37.5em) {
  .modal__header--small h3 {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 58px;
    line-height: 3.625rem;
  }
}
@media (min-width: 75em) {
  .modal__header--small h3 {
    font-size: 86px;
    font-size: 5.375rem;
    line-height: 106px;
    line-height: 6.625rem;
  }
}
@media (min-width: 120em) {
  .modal__header--small h3 {
    font-size: 4.4791666667vw;
    line-height: 4.4791666667vw;
  }
}
.modal__header--contact {
  padding: 17px 45px 16px 15px;
  padding: 1.0625rem 2.8125rem 1rem 0.9375rem;
}
@media (min-width: 37.5em) {
  .modal__header--contact {
    padding: 21px 30px;
    padding: 1.3125rem 1.875rem;
  }
}
@media (min-width: 75em) {
  .modal__header--contact {
    padding: 32px 40px 25px;
    padding: 2rem 2.5rem 1.5625rem;
  }
}
@media (min-width: 120em) {
  .modal__header--contact {
    padding: 1.6666666667vw 2.0833333333vw 1.3020833333vw;
  }
}
.modal__header--contact h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 32px;
  line-height: 2rem;
}
@media (min-width: 37.5em) {
  .modal__header--contact h3 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
@media (min-width: 75em) {
  .modal__header--contact h3 {
    font-size: 66px;
    font-size: 4.125rem;
    line-height: 66px;
    line-height: 4.125rem;
  }
}
@media (min-width: 120em) {
  .modal__header--contact h3 {
    font-size: 3.4375vw;
    line-height: 3.4375vw;
  }
}
.modal__footer {
  background: #BF5BFE;
  z-index: 2;
  position: relative;
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
}
@media (min-width: 47.5em) {
  .modal__footer {
    padding: 33px 30px 30px;
    padding: 2.0625rem 1.875rem 1.875rem;
  }
}
@media (min-width: 75em) {
  .modal__footer {
    padding: 67px 60px 66px;
    padding: 4.1875rem 3.75rem 4.125rem;
  }
}
@media (min-width: 120em) {
  .modal__footer {
    padding: 69px 60px 64px;
    padding: 4.3125rem 3.75rem 4rem;
  }
}
.modal__footer--fake {
  padding: 45px 15px 20px;
  padding: 2.8125rem 0.9375rem 1.25rem;
}
@media (min-width: 47.5em) {
  .modal__footer--fake {
    padding: 60px 30px 30px;
    padding: 3.75rem 1.875rem 1.875rem;
  }
}
@media (min-width: 75em) {
  .modal__footer--fake {
    padding: 57px 60px 66px;
    padding: 3.5625rem 3.75rem 4.125rem;
  }
}
@media (min-width: 120em) {
  .modal__footer--fake {
    padding: 2.96875vw 3.125vw 3.4375vw;
  }
}
.modal__footer-email {
  display: block;
  padding: 0 0 14px 32px;
  padding: 0 0 0.875rem 2rem;
  font-weight: 500;
  color: #FFF;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-decoration: none;
  position: relative;
}
@media (min-width: 47.5em) {
  .modal__footer-email {
    display: inline-block;
    padding: 0 40px 0 32px;
    padding: 0 2.5rem 0 2rem;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 75em) {
  .modal__footer-email {
    padding: 0 60px 0 45px;
    padding: 0 3.75rem 0 2.8125rem;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
@media (min-width: 120em) {
  .modal__footer-email {
    padding: 0vw 3.125vw 0vw 2.34375vw;
    font-size: 1.5625vw;
    line-height: 1.5625vw;
  }
}
.modal__footer-email::before {
  content: "";
  top: 4px;
  top: 0.25rem;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 20px;
  width: 1.25rem;
  height: 14px;
  height: 0.875rem;
  background: url("/images/svg/footer-mail.svg") no-repeat center center/contain;
}
@media (min-width: 37.5em) {
  .modal__footer-email::before {
    top: 2px;
    top: 0.125rem;
    width: 24px;
    width: 1.5rem;
    height: 17px;
    height: 1.0625rem;
  }
}
@media (min-width: 75em) {
  .modal__footer-email::before {
    width: 31px;
    width: 1.9375rem;
    height: 22px;
    height: 1.375rem;
  }
}
@media (min-width: 120em) {
  .modal__footer-email::before {
    top: 0.1041666667vw;
    width: 1.6145833333vw;
    height: 1.1458333333vw;
  }
}
.modal__footer-email--contact {
  text-align: left;
  margin: 0 auto;
  color: #FF00FF;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin: 0 auto 5px;
  margin: 0 auto 0.3125rem;
  padding: 0 0 0 30px;
  padding: 0 0 0 1.875rem;
}
@media (min-width: 37.5em) {
  .modal__footer-email--contact {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 0 auto 10px;
    margin: 0 auto 0.625rem;
  }
}
.modal__footer-email--contact::before {
  top: 3px;
  top: 0.1875rem;
  background: url("/images/svg/footer-mail--pink.svg") no-repeat center center/contain;
  width: 20px;
  width: 1.25rem;
  height: 14px;
  height: 0.875rem;
}
@media (min-width: 37.5em) {
  .modal__footer-email--contact::before {
    top: 5px;
    top: 0.3125rem;
  }
}
.modal__footer-numbers {
  display: block;
  position: relative;
  padding: 0 0 0 32px;
  padding: 0 0 0 2rem;
}
@media (min-width: 47.5em) {
  .modal__footer-numbers {
    display: inline-block;
    padding: 0 0 0 34px;
    padding: 0 0 0 2.125rem;
  }
}
@media (min-width: 75em) {
  .modal__footer-numbers {
    padding: 0 0 0 42px;
    padding: 0 0 0 2.625rem;
  }
}
@media (min-width: 120em) {
  .modal__footer-numbers {
    padding: 0vw 0vw 0vw 2.1875vw;
  }
}
.modal__footer-numbers a {
  font-weight: 500;
  color: #FFF;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 0;
  padding: 0;
  margin: 0;
  display: block;
  text-decoration: none;
}
@media (min-width: 37.5em) {
  .modal__footer-numbers a {
    display: inline-block;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
  .modal__footer-numbers a:nth-child(1)::after {
    content: " / ";
  }
}
@media (min-width: 75em) {
  .modal__footer-numbers a {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
@media (min-width: 120em) {
  .modal__footer-numbers a {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
  }
}
.modal__footer-numbers::before {
  content: "";
  top: 4px;
  top: 0.25rem;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  background: url("/images/svg/footer-phone.svg") no-repeat center center/contain;
}
@media (min-width: 37.5em) {
  .modal__footer-numbers::before {
    top: 2px;
    top: 0.125rem;
  }
}
@media (min-width: 75em) {
  .modal__footer-numbers::before {
    width: 27px;
    width: 1.6875rem;
    height: 27px;
    height: 1.6875rem;
  }
}
@media (min-width: 120em) {
  .modal__footer-numbers::before {
    top: 0.1041666667vw;
    width: 1.40625vw;
    height: 1.40625vw;
  }
}
.modal__footer-numbers--contact {
  padding: 0 0 0 30px;
  padding: 0 0 0 1.875rem;
  text-align: left;
}
.modal__footer-numbers--contact a {
  margin: 0 auto;
  color: #FF00FF;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20px;
  line-height: 1.25rem;
}
@media (min-width: 37.5em) {
  .modal__footer-numbers--contact a {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.modal__footer-numbers--contact::before {
  background: url("/images/svg/footer-phone--pink.svg") no-repeat center center/contain;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
}
.modal__close, .modal__close-btn {
  top: 0;
  top: 0;
  right: 0;
  right: 0;
  bottom: auto;
  bottom: auto;
  left: auto;
  left: auto;
  position: absolute;
  display: block;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
}
@media (min-width: 37.5em) {
  .modal__close, .modal__close-btn {
    top: 8px;
    top: 0.5rem;
    right: 8px;
    right: 0.5rem;
  }
}
@media (min-width: 75em) {
  .modal__close, .modal__close-btn {
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    top: 24px;
    top: 1.5rem;
    right: 24px;
    right: 1.5rem;
  }
}
@media (min-width: 120em) {
  .modal__close, .modal__close-btn {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    top: 1.25vw;
    right: 1.25vw;
  }
}
.modal__close::before, .modal__close-btn::before, .modal__close::after, .modal__close-btn::after {
  content: "";
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 50%;
  left: 50%;
  position: absolute;
  width: 23px;
  width: 1.4375rem;
  height: 1px;
  height: 0.0625rem;
  background: #FFF;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-radius: 300px;
}
@media (min-width: 75em) {
  .modal__close::before, .modal__close-btn::before, .modal__close::after, .modal__close-btn::after {
    width: 40px;
    width: 2.5rem;
    height: 2px;
    height: 0.125rem;
  }
}
@media (min-width: 120em) {
  .modal__close::before, .modal__close-btn::before, .modal__close::after, .modal__close-btn::after {
    width: 2.0833333333vw;
    height: 0.1041666667vw;
  }
}
.modal__close::after, .modal__close-btn::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (min-width: 60em) {
  .modal__main-content--booking {
    display: flex;
  }
}
.modal__date {
  font-weight: 300;
  border: 4px solid #FC88FC;
  text-align: center;
  background: #FF00FF;
  color: #FFF;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 4px 15px;
  padding: 0.25rem 0.9375rem;
  text-transform: uppercase;
}
@media (min-width: 37.5em) {
  .modal__date {
    display: none;
    border: none;
    background: url("/images/svg/modal-date-polygon.svg") no-repeat center center/contain;
    top: 43px;
    top: 2.6875rem;
    right: 44px;
    right: 2.75rem;
    bottom: auto;
    bottom: auto;
    left: auto;
    left: auto;
    position: absolute;
    width: 213px;
    width: 13.3125rem;
    height: 212px;
    height: 13.25rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-size: 1.375rem;
    transform: rotate(15deg);
    padding: 0 20px;
    padding: 0 1.25rem;
  }
}
@media (min-width: 60em) {
  .modal__date {
    top: -77px;
    top: -4.8125rem;
    right: 14px;
    right: 0.875rem;
    padding: 0 30px;
    padding: 0 1.875rem;
  }
}
@media (min-width: 75em) {
  .modal__date {
    top: -116px;
    top: -7.25rem;
    width: 251px;
    width: 15.6875rem;
    height: 250px;
    height: 15.625rem;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
@media (min-width: 87.5em) {
  .modal__date {
    top: -116px;
    top: -7.25rem;
    right: 30px;
    right: 1.875rem;
    width: 279px;
    width: 17.4375rem;
    height: 275px;
    height: 17.1875rem;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
@media (min-width: 120em) {
  .modal__date {
    top: -6.0416666667vw;
    right: 1.5625vw;
    width: 14.53125vw;
    height: 14.3229166667vw;
    font-size: 1.5625vw;
    line-height: 1.875vw;
    padding: 0vw 1.5625vw;
  }
}
@media (min-width: 60em) {
  .modal__main-content--booking .modal__date {
    top: -67px;
    top: -4.1875rem;
    right: -76px;
    right: -4.75rem;
  }
}
@media (min-width: 75em) {
  .modal__main-content--booking .modal__date {
    top: -117px;
    top: -7.3125rem;
    right: -96px;
    right: -6rem;
  }
}
@media (min-width: 120em) {
  .modal__main-content--booking .modal__date {
    top: -6.09375vw;
    right: -5vw;
  }
}
.modal__date strong {
  font-weight: 500;
  display: block;
}
.modal__flex {
  padding: 20px;
  padding: 1.25rem;
}
@media (min-width: 37.5em) {
  .modal__flex {
    padding: 40px 30px;
    padding: 2.5rem 1.875rem;
  }
}
@media (min-width: 60em) {
  .modal__flex {
    display: flex;
    position: relative;
    padding-right: 190px;
    padding-right: 11.875rem;
  }
}
@media (min-width: 75em) {
  .modal__flex {
    padding: 50px 250px 35px 60px;
    padding: 3.125rem 15.625rem 2.1875rem 3.75rem;
  }
}
@media (min-width: 87.5em) {
  .modal__flex {
    padding-right: 370px;
    padding-right: 23.125rem;
  }
}
@media (min-width: 120em) {
  .modal__flex {
    padding: 2.6041666667vw 19.2708333333vw 1.8229166667vw 3.125vw;
  }
}
@media (min-width: 60em) {
  .modal__main-content--booking .modal__flex {
    display: block;
    padding-right: 60px;
    padding-right: 3.75rem;
  }
}
@media (min-width: 75em) {
  .modal__main-content--booking .modal__flex {
    padding: 50px 60px 35px 60px;
    padding: 3.125rem 3.75rem 2.1875rem 3.75rem;
  }
}
@media (min-width: 87.5em) {
  .modal__main-content--booking .modal__flex {
    display: flex;
    padding-right: 125px;
    padding-right: 7.8125rem;
  }
}
@media (min-width: 120em) {
  .modal__main-content--booking .modal__flex {
    padding: 2.6041666667vw 6.5104166667vw 1.8229166667vw 3.125vw;
  }
}
@media (min-width: 60em) {
  .modal__column--first {
    flex: 0 0 auto;
    width: 300px;
    width: 18.75rem;
  }
  .modal__main-content--booking .modal__column--first {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .modal__column--first {
    width: 360px;
    width: 22.5rem;
    margin-right: 40px;
    margin-right: 2.5rem;
  }
  .modal__main-content--booking .modal__column--first {
    width: 360px;
    width: 22.5rem;
    margin-right: 25px;
    margin-right: 1.5625rem;
  }
}
@media (min-width: 87.5em) {
  .modal__column--first {
    width: 380px;
    width: 23.75rem;
    margin-right: 100px;
    margin-right: 6.25rem;
  }
  .modal__main-content--booking .modal__column--first {
    width: 380px;
    width: 23.75rem;
    margin-right: 30px;
    margin-right: 1.875rem;
  }
}
@media (min-width: 120em) {
  .modal__column--first {
    width: 19.53125vw;
    margin-right: 4.9479166667vw;
  }
  .modal__main-content--booking .modal__column--first {
    margin-right: 1.5625vw;
  }
}
.modal__address {
  position: relative;
  padding: 0 20px 30px 35px;
  padding: 0 1.25rem 1.875rem 2.1875rem;
  margin: 20px 0 0;
  margin: 1.25rem 0 0;
}
@media (min-width: 37.5em) {
  .modal__address {
    margin: 0;
    padding: 0 30px 40px 50px;
    padding: 0 1.875rem 2.5rem 3.125rem;
    max-width: 305px;
    max-width: 19.0625rem;
  }
}
@media (min-width: 47.5em) {
  .modal__address {
    max-width: 375px;
    max-width: 23.4375rem;
  }
}
.modal__address p {
  font-weight: 300;
  color: #858585;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  padding: 0 0 10px;
  padding: 0 0 0.625rem;
}
@media (min-width: 37.5em) {
  .modal__address p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    padding: 0 0 15px;
    padding: 0 0 0.9375rem;
  }
}
@media (min-width: 75em) {
  .modal__address p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 0 0 18px;
    padding: 0 0 1.125rem;
  }
}
@media (min-width: 120em) {
  .modal__address p {
    font-size: 0.9375vw;
    line-height: 1.25vw;
    padding: 0vw 0vw 0.9375vw;
  }
}
.modal__address a {
  color: #BE59FE;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
@media (min-width: 37.5em) {
  .modal__address a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 75em) {
  .modal__address a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 120em) {
  .modal__address a {
    font-size: 0.9375vw;
    line-height: 1.25vw;
  }
}
.modal__address-icon {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 21px;
  width: 1.3125rem;
  height: 27px;
  height: 1.6875rem;
}
@media (min-width: 37.5em) {
  .modal__address-icon {
    width: 30px;
    width: 1.875rem;
    height: 38px;
    height: 2.375rem;
  }
}
@media (min-width: 120em) {
  .modal__address-icon {
    width: 1.5625vw;
    height: 1.9791666667vw;
  }
}
.modal__address-icon svg {
  fill: #BE59FE;
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal__price {
  position: relative;
  padding: 0 10px 30px 35px;
  padding: 0 0.625rem 1.875rem 2.1875rem;
}
@media (min-width: 37.5em) {
  .modal__price {
    padding: 0 30px 40px 50px;
    padding: 0 1.875rem 2.5rem 3.125rem;
    max-width: 375px;
    max-width: 23.4375rem;
  }
}
@media (min-width: 60em) {
  .modal__price {
    max-width: none;
    padding: 0 30px 15px 50px;
    padding: 0 1.875rem 0.9375rem 3.125rem;
  }
}
@media (min-width: 120em) {
  .modal__price {
    padding: 0vw 1.5625vw 0.78125vw 2.6041666667vw;
  }
}
.modal__price p {
  color: #858585;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  padding: 0 0 10px;
  padding: 0 0 0.625rem;
}
@media (min-width: 37.5em) {
  .modal__price p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 0 0 15px;
    padding: 0 0 0.9375rem;
  }
}
@media (min-width: 75em) {
  .modal__price p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 0 0 18px;
    padding: 0 0 1.125rem;
  }
}
@media (min-width: 120em) {
  .modal__price p {
    font-size: 0.8333333333vw;
    line-height: 1.25vw;
    padding: 0vw 0vw 0.9375vw;
  }
}
.modal__price p strong {
  display: block;
  color: #C264FE;
  font-weight: 500;
}
@media (min-width: 75em) {
  .modal__price p strong {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 120em) {
  .modal__price p strong {
    font-size: 0.9375vw;
  }
}
.modal__price .note {
  text-transform: uppercase;
  color: #A6A6A6;
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  padding: 0;
  padding: 0;
}
@media (min-width: 37.5em) {
  .modal__price .note {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
@media (min-width: 75em) {
  .modal__price .note {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
@media (min-width: 120em) {
  .modal__price .note {
    font-size: 0.7291666667vw;
    line-height: 1.0416666667vw;
  }
}
@media (min-width: 37.5em) {
  .modal__price .note br {
    display: none;
  }
}
.modal__price .note strong {
  color: #A6A6A6;
  font-weight: 500;
}
@media (min-width: 75em) {
  .modal__price .note strong {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 120em) {
  .modal__price .note strong {
    font-size: 0.7291666667vw;
  }
}
.modal__price-icon {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 25px;
  width: 1.5625rem;
  height: 27px;
  height: 1.6875rem;
}
@media (min-width: 37.5em) {
  .modal__price-icon {
    width: 31px;
    width: 1.9375rem;
    height: 34px;
    height: 2.125rem;
  }
}
@media (min-width: 120em) {
  .modal__price-icon {
    width: 1.6145833333vw;
    height: 1.7708333333vw;
  }
}
.modal__price-icon svg {
  fill: #BE59FE;
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal__about h5 {
  text-transform: uppercase;
  text-align: left;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 600;
  color: #BF5DFE;
  padding: 0 0 6px;
  padding: 0 0 0.375rem;
}
@media (min-width: 60em) {
  .modal__about h5 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
.modal__about h6 {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: 500;
  color: #858585;
  padding: 0 0 11px;
  padding: 0 0 0.6875rem;
}
@media (min-width: 60em) {
  .modal__about h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    padding: 0 0 16px;
    padding: 0 0 1rem;
  }
}
.modal__about p {
  color: #858585;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  padding: 0 0 26px;
  padding: 0 0 1.625rem;
}
@media (min-width: 60em) {
  .modal__about p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    padding: 0 0 26px;
    padding: 0 0 1.625rem;
  }
}
.modal__details .modal__icon-text {
  padding: 0 0 0 20px;
  padding: 0 0 0 1.25rem;
  margin: 0 0 10px;
  margin: 0 0 0.625rem;
  display: block;
  position: relative;
}
@media (min-width: 60em) {
  .modal__details .modal__icon-text {
    padding: 0 0 0 26px;
    padding: 0 0 0 1.625rem;
    margin: 0 0 12px;
    margin: 0 0 0.75rem;
  }
}
@media (min-width: 120em) {
  .modal__details .modal__icon-text {
    padding: 0vw 0vw 0vw 1.3541666667vw;
    margin: 0vw 0vw 0.625vw;
  }
}
.modal__icon {
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  transform: translateY(-50%);
  width: 13px;
  width: 0.8125rem;
  height: 13px;
  height: 0.8125rem;
  color: #858585;
}
@media (min-width: 60em) {
  .modal__icon {
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
  }
}
.modal__icon svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal__loading {
  height: 300px;
  height: 18.75rem;
}
@media (min-width: 120em) {
  .modal__loading {
    height: 15.625vw;
  }
}
.modal__error {
  display: none;
  color: #8D0B09;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 7px 10px;
  padding: 0.4375rem 0.625rem;
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
}
.modal__error--shown {
  display: block;
}
.modal__booking {
  background: rgba(190, 89, 254, 0.15);
  padding: 25px 15px;
  padding: 1.5625rem 0.9375rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.modal__booking form {
  width: 100%;
}
@media (min-width: 60em) {
  .modal__booking {
    flex: 0 0 auto;
    padding: 100px 40px 20px;
    padding: 6.25rem 2.5rem 1.25rem;
    width: 365px;
    width: 22.8125rem;
  }
}
@media (min-width: 120em) {
  .modal__booking {
    padding: 5.2083333333vw 2.0833333333vw 1.0416666667vw;
    width: 19.0104166667vw;
  }
}
.modal__booking h4 {
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 48px;
  line-height: 3rem;
  padding: 0 0 10px;
  padding: 0 0 0.625rem;
  color: #000;
}
@media (min-width: 60em) {
  .modal__booking h4 {
    font-size: 54px;
    font-size: 3.375rem;
    line-height: 55px;
    line-height: 3.4375rem;
    padding: 0 0 18px;
    padding: 0 0 1.125rem;
  }
}
@media (min-width: 120em) {
  .modal__booking h4 {
    font-size: 2.8125vw;
    line-height: 2.8645833333vw;
    padding: 0vw 0vw 0.9375vw;
  }
}
.modal__booking-form {
  padding: 15px 15px 30px;
  padding: 0.9375rem 0.9375rem 1.875rem;
}
@media (min-width: 47.5em) {
  .modal__booking-form {
    padding: 20px 30px 35px;
    padding: 1.25rem 1.875rem 2.1875rem;
  }
}
@media (min-width: 75em) {
  .modal__booking-form {
    padding: 20px 60px 40px;
    padding: 1.25rem 3.75rem 2.5rem;
  }
}
@media (min-width: 120em) {
  .modal__booking-form {
    padding: 1.0416666667vw 3.125vw 2.0833333333vw;
  }
}
.modal__booking-form {
  position: relative;
}
.modal__booking-form::before {
  content: "";
  display: none;
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}
.modal__booking-form::after {
  content: "";
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  z-index: 11;
  display: none;
  background: url("/images/svg/ripple.svg") no-repeat center center/contain;
}
.modal__booking-form--loading::before, .modal__booking-form--loading::after {
  display: block;
}
.modal__booking-form .form__row {
  margin: 0 0 25px;
  margin: 0 0 1.5625rem;
}
@media (min-width: 120em) {
  .modal__booking-form .form__row {
    margin: 0vw 0vw 1.3020833333vw;
  }
}
.modal__booking-form .form__row--flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px;
  margin: 0 0 0.625rem;
}
@media (min-width: 120em) {
  .modal__booking-form .form__row--flex {
    margin: 0vw 0vw 0.5208333333vw;
  }
}
.modal__booking-form .form__row--flex .form__label {
  width: 87px;
  width: 5.4375rem;
  flex: 0 0 auto;
  padding: 0;
}
@media (min-width: 120em) {
  .modal__booking-form .form__row--flex .form__label {
    width: 4.53125vw;
  }
}
@media (min-width: 60em) {
  .modal__booking-form .form__row--flex-large {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 18px;
    margin: 0 0 1.125rem;
  }
}
.modal__booking-form .form__row--flex-large .form__label {
  width: 150px;
  width: 9.375rem;
  flex: 0 0 auto;
  padding: 0;
}
@media (min-width: 120em) {
  .modal__booking-form .form__row--flex-large .form__label {
    width: 7.8125vw;
  }
}
.modal__booking-form .form__input {
  border: 2px solid #EBEBEB;
  height: 40px;
  height: 2.5rem;
  font-weight: 400;
  color: #858585;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 38px;
  line-height: 2.375rem;
  padding: 0 15px;
  padding: 0 0.9375rem;
}
.modal__booking-form .form__input--numeric {
  text-align: center;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 300;
  color: #FF00FF;
  padding-top: 3px;
  padding-top: 0.1875rem;
}
.modal__booking-flex {
  padding: 25px 0 0;
  padding: 1.5625rem 0 0;
}
@media (min-width: 47.5em) {
  .modal__booking-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
  }
}
@media (min-width: 75em) {
  .modal__booking-flex {
    flex-flow: row;
  }
}
@media (min-width: 120em) {
  .modal__booking-flex {
    padding: 1.3020833333vw 0vw 0vw;
  }
}
.modal__skates-sizes {
  background: #FAFAFA;
  padding: 10px;
  padding: 0.625rem;
  margin: 6px 0 30px;
  margin: 0.375rem 0 1.875rem;
}
@media (min-width: 47.5em) {
  .modal__skates-sizes {
    top: 20px;
    top: 1.25rem;
    right: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    left: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    padding: 0;
  }
}
@media (min-width: 47.5em) {
  .modal__skates-sizes--browser-scroll {
    overflow-y: scroll;
  }
}
.modal__price-text {
  display: block;
  text-align: right;
  font-weight: 300;
  color: #858585;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 38px;
  line-height: 2.375rem;
  vertical-align: bottom;
}
@media (min-width: 120em) {
  .modal__price-text {
    font-size: 0.9375vw;
    line-height: 1.9791666667vw;
  }
}
.modal__price-text strong {
  color: #FF00FF;
  font-weight: 500;
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 38px;
  line-height: 2.375rem;
}
@media (min-width: 120em) {
  .modal__price-text strong {
    font-size: 1.9791666667vw;
    line-height: 1.9791666667vw;
  }
}
.modal__booking-column {
  flex: 1 1 auto;
}
@media (min-width: 47.5em) {
  .modal__booking-column {
    width: calc(50% - 10px);
    flex: 0 0 auto;
  }
}
.modal__booking-column--first {
  flex: 0 0 auto;
}
@media (min-width: 47.5em) {
  .modal__booking-column--first {
    margin-right: 20px;
    margin-right: 1.25rem;
  }
}
@media (min-width: 75em) {
  .modal__booking-column--first {
    width: 335px;
    width: 20.9375rem;
    margin-right: 45px;
    margin-right: 2.8125rem;
  }
}
@media (min-width: 87.5em) {
  .modal__booking-column--first {
    margin-right: 115px;
    margin-right: 7.1875rem;
  }
}
@media (min-width: 120em) {
  .modal__booking-column--first {
    width: 17.4479166667vw;
    margin-right: 5.9895833333vw;
  }
}
.modal__booking-column--skates {
  flex: 0 0 auto;
}
@media (min-width: 47.5em) {
  .modal__booking-column--skates {
    position: relative;
  }
}
@media (min-width: 75em) {
  .modal__booking-column--skates {
    width: 300px;
    width: 18.75rem;
    margin-right: 45px;
    margin-right: 2.8125rem;
  }
}
@media (min-width: 87.5em) {
  .modal__booking-column--skates {
    margin-right: 115px;
    margin-right: 7.1875rem;
  }
}
@media (min-width: 120em) {
  .modal__booking-column--skates {
    width: 15.625vw;
    margin-right: 5.9895833333vw;
  }
}
@media (min-width: 60em) {
  .modal__booking-column--last {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
}
@media (min-width: 75em) {
  .modal__booking-column--last {
    width: auto;
    flex: 1 1 auto;
  }
}
.modal__paypal {
  display: inline-block;
  position: relative;
  width: 72px;
  width: 4.5rem;
  height: 20px;
  height: 1.25rem;
  margin: 0 0 0 4px;
  margin: 0 0 0 0.25rem;
  vertical-align: text-bottom;
}
@media (min-width: 120em) {
  .modal__paypal {
    width: 3.75vw;
    height: 1.0416666667vw;
  }
}
.modal__paypal svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  fill: #FFF;
}
.modal__back {
  font-weight: 500;
  display: block;
  position: relative;
  color: #B1B1B1;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  line-height: 1.3125rem;
  padding: 1px 0 0 17px;
  padding: 0.0625rem 0 0 1.0625rem;
}
@media (min-width: 120em) {
  .modal__back {
    font-size: 0.7291666667vw;
    line-height: 1.09375vw;
    padding: 0.0520833333vw 0vw 0vw 0.8854166667vw;
  }
}
.modal__back::before {
  content: "";
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 7px;
  width: 0.4375rem;
  height: 11px;
  height: 0.6875rem;
  background: url("/images/svg/back-arrow.svg") no-repeat center center/contain;
  transform: translateY(-50%);
}
@media (min-width: 120em) {
  .modal__back::before {
    width: 0.3645833333vw;
    height: 0.5729166667vw;
  }
}
.modal__success {
  padding: 30px 20px 15px;
  padding: 1.875rem 1.25rem 0.9375rem;
  text-align: center;
}
@media (min-width: 37.5em) {
  .modal__success {
    padding: 40px 40px 30px;
    padding: 2.5rem 2.5rem 1.875rem;
  }
}
@media (min-width: 60em) {
  .modal__success {
    padding: 75px 50px 60px;
    padding: 4.6875rem 3.125rem 3.75rem;
  }
}
@media (min-width: 120em) {
  .modal__success {
    padding: 75px 50px 60px;
    padding: 4.6875rem 3.125rem 3.75rem;
  }
}
.modal__success h4 {
  color: #BE59FE;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  line-height: 1.375rem;
  text-transform: uppercase;
}
@media (min-width: 37.5em) {
  .modal__success h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
    padding: 0 0 17px;
    padding: 0 0 1.0625rem;
  }
}
@media (min-width: 120em) {
  .modal__success h4 {
    font-size: 1.1458333333vw;
    line-height: 1.4583333333vw;
    padding: 0vw 0vw 0.8854166667vw;
  }
}
.modal__success h3 {
  color: #656565;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  -webkit-text-fill-color: #656565;
  background: none;
  display: block;
  text-align: center;
  padding: 0 0 5px;
  padding: 0 0 0.3125rem;
}
@media (min-width: 37.5em) {
  .modal__success h3 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
    padding: 0 0 14px;
    padding: 0 0 0.875rem;
  }
}
@media (min-width: 120em) {
  .modal__success h3 {
    font-size: 1.875vw;
    line-height: 2.1875vw;
    padding: 0vw 0vw 0.7291666667vw;
  }
}
.modal__success h5 {
  font-weight: 500;
  color: #656565;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  text-transform: uppercase;
  padding: 20px 0 8px;
  padding: 1.25rem 0 0.5rem;
}
@media (min-width: 37.5em) {
  .modal__success h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    padding: 20px 0 12px;
    padding: 1.25rem 0 0.75rem;
  }
}
@media (min-width: 120em) {
  .modal__success h5 {
    font-size: 0.8333333333vw;
    line-height: 1.1458333333vw;
    padding: 1.0416666667vw 0vw 0.625vw;
  }
}
.modal__success h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #858585;
}
@media (min-width: 37.5em) {
  .modal__success h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 17px;
    line-height: 1.0625rem;
  }
}
@media (min-width: 120em) {
  .modal__success h6 {
    font-size: 0.8333333333vw;
    line-height: 0.8854166667vw;
  }
}
.modal__success p {
  font-weight: 300;
  color: #858585;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  padding: 0 0 10px;
  padding: 0 0 0.625rem;
}
@media (min-width: 37.5em) {
  .modal__success p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    padding: 0 0 12px;
    padding: 0 0 0.75rem;
  }
}
.modal__contact {
  text-align: center;
  padding: 20px 30px 30px;
  padding: 1.25rem 1.875rem 1.875rem;
}
@media (min-width: 37.5em) {
  .modal__contact {
    padding: 30px 30px 40px;
    padding: 1.875rem 1.875rem 2.5rem;
  }
}
@media (min-width: 120em) {
  .modal__contact {
    padding: 1.5625vw 1.5625vw 2.0833333333vw;
  }
}
.modal__contact p {
  color: #858585;
  font-weight: 300;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  padding: 10px 0;
  padding: 0.625rem 0;
}
@media (min-width: 47.5em) {
  .modal__contact p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 10px 0 14px;
    padding: 0.625rem 0 0.875rem;
  }
}
@media (min-width: 120em) {
  .modal__contact p {
    font-size: 0.9375vw;
    line-height: 1.25vw;
    padding: 0.5208333333vw 0vw 0.7291666667vw;
  }
}
.modal__contact--cancellations {
  text-align: left;
}
.modal__contact--cancellations p {
  text-align: left;
}
.modal__contact--cancellations table {
  width: 100%;
  border: 1px solid #555;
  border-collapse: collapse;
  text-align: left;
}
.modal__contact--cancellations table tr {
  background: #ececec;
}
.modal__contact--cancellations table tr:nth-child(even) {
  background: #f5f5f5;
}
.modal__contact--cancellations table tr td {
  text-align: left;
  border: 1px solid #555;
  padding: 12px 10px;
  color: #555;
  font-weight: 300;
}
.modal__contact--cancellations table tr th {
  text-align: left;
  font-weight: 700;
  color: #fff;
  padding: 12px 10px;
  border: 1px solid #555;
  background: #3c3c3c;
  letter-spacing: 0.05rem;
}
.modal__container {
  top: 50%;
  top: 50%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 1002;
  background: transparent;
  width: 100%;
  height: 100%;
  min-height: 300px;
  min-height: 18.75rem;
  max-height: 500px;
  max-height: 31.25rem;
  max-width: 1180px;
  max-width: 73.75rem;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
@media (max-height: 38.75em) {
  .modal__container {
    top: 60px;
    top: 3.75rem;
    right: auto;
    right: auto;
    bottom: 20px;
    bottom: 1.25rem;
    left: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    max-height: 480px;
    max-height: 30rem;
  }
}
@media (min-width: 47.5em) {
  .modal__container {
    max-height: 664px;
    max-height: 41.5rem;
  }
}
.modal__container--video {
  height: auto;
}
.modal__container--video::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
@media (min-width: 73.75em) {
  .modal__container--video {
    width: 1180px;
    width: 73.75rem;
    height: 664px;
    height: 41.5rem;
    padding-top: 0;
  }
  .modal__container--video::before {
    display: none;
    padding: 0;
  }
}
.modal__container iframe {
  top: 0;
  top: 0;
  right: 0;
  right: 0;
  bottom: 0;
  bottom: 0;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal {
  /** Color Variants */
}
.modal--purple .modal__header {
  background: #AB4BE8 url("/images/jpeg/modal-header--purple.jpg?v=1.22") no-repeat center center/cover;
}
.modal--purple .modal__footer {
  background: #AB4BE8 url("/images/jpeg/modal-footer--purple.jpg?v=1.22") no-repeat center center/cover;
}
.modal--purple .modal__person {
  z-index: -1;
  top: auto;
  top: auto;
  right: 0;
  right: 0;
  bottom: -161px;
  bottom: -10.0625rem;
  left: auto;
  left: auto;
  position: absolute;
  width: 189px;
  width: 11.8125rem;
  height: 395px;
  height: 24.6875rem;
  background: url("/images/svg/person-silhouette--purple.svg") no-repeat center center/contain;
}
.modal--purple .modal__address a,
.modal--purple .modal__price p strong,
.modal--purple .modal__about h5,
.modal--purple .modal__success h4 {
  color: #BF5DFE;
}
.modal--purple .modal__booking {
  background: rgba(191, 93, 254, 0.15);
}
.modal--purple .modal__booking .select-dummy__container {
  border-color: rgba(191, 93, 254, 0.15);
}
.modal--purple .modal__booking h4 {
  color: #A244DE;
}
.modal--purple .modal__address-icon svg,
.modal--purple .modal__price-icon svg,
.modal--purple .modal__icon svg,
.modal--purple .select-dummy__arrow svg {
  fill: #BF5DFE;
}
.modal--light-blue .modal__header {
  background: #0C6A95 url("/images/jpeg/modal-header--light-blue.jpg?v=1.22") no-repeat center center/cover;
}
.modal--light-blue .modal__footer {
  background: #0C6A95 url("/images/jpeg/modal-footer--light-blue.jpg?v=1.22") no-repeat center center/cover;
}
.modal--light-blue .modal__person {
  z-index: -1;
  top: auto;
  top: auto;
  right: 3px;
  right: 0.1875rem;
  bottom: -111px;
  bottom: -6.9375rem;
  left: auto;
  left: auto;
  position: absolute;
  width: 184px;
  width: 11.5rem;
  height: 335px;
  height: 20.9375rem;
  background: url("/images/svg/person-silhouette--light-blue.svg") no-repeat center center/contain;
}
.modal--light-blue .modal__address a,
.modal--light-blue .modal__price p strong,
.modal--light-blue .modal__about h5,
.modal--light-blue .modal__success h4 {
  color: #58C8FB;
}
.modal--light-blue .modal__booking {
  background: rgba(88, 200, 251, 0.15);
}
.modal--light-blue .modal__booking .select-dummy__container {
  border-color: rgba(88, 200, 251, 0.15);
}
.modal--light-blue .modal__booking h4 {
  color: #58C8FB;
}
.modal--light-blue .modal__address-icon svg,
.modal--light-blue .modal__price-icon svg,
.modal--light-blue .modal__icon svg,
.modal--light-blue .select-dummy__arrow svg {
  fill: #58C8FB;
}
.modal--gold .modal__header {
  background: #F6A101 url("/images/jpeg/modal-header--gold.jpg?v=1.22") no-repeat center center/cover;
}
.modal--gold .modal__footer {
  background: #F6A101 url("/images/jpeg/modal-footer--gold.jpg?v=1.22") no-repeat center center/cover;
}
.modal--gold .modal__person {
  z-index: -1;
  top: auto;
  top: auto;
  right: 29px;
  right: 1.8125rem;
  bottom: -105px;
  bottom: -6.5625rem;
  left: auto;
  left: auto;
  position: absolute;
  width: 221px;
  width: 13.8125rem;
  height: 361px;
  height: 22.5625rem;
  background: url("/images/svg/person-silhouette--gold.svg") no-repeat center center/contain;
}
.modal--gold .modal__address a,
.modal--gold .modal__price p strong,
.modal--gold .modal__about h5,
.modal--gold .modal__success h4 {
  color: #F6A301;
}
.modal--gold .modal__booking {
  background: rgba(246, 163, 1, 0.15);
}
.modal--gold .modal__booking .select-dummy__container {
  border-color: rgba(246, 163, 1, 0.15);
}
.modal--gold .modal__booking h4 {
  color: #F6A301;
}
.modal--gold .modal__address-icon svg,
.modal--gold .modal__price-icon svg,
.modal--gold .modal__icon svg,
.modal--gold .select-dummy__arrow svg {
  fill: #F6A301;
}
.modal--pink .modal__header {
  background: #EA0C85 url("/images/jpeg/modal-header--pink.jpg?v=1.22") no-repeat center center/cover;
}
.modal--pink .modal__footer {
  background: #EA0C85 url("/images/jpeg/modal-footer--pink.jpg?v=1.22") no-repeat center center/cover;
}
.modal--pink .modal__person {
  z-index: -1;
  top: auto;
  top: auto;
  right: 15px;
  right: 0.9375rem;
  bottom: -162px;
  bottom: -10.125rem;
  left: auto;
  left: auto;
  position: absolute;
  width: 186px;
  width: 11.625rem;
  height: 398px;
  height: 24.875rem;
  background: url("/images/svg/person-silhouette--pink.svg") no-repeat center center/contain;
}
.modal--pink .modal__address a,
.modal--pink .modal__price p strong,
.modal--pink .modal__about h5,
.modal--pink .modal__success h4 {
  color: #F22795;
}
.modal--pink .modal__booking {
  background: rgba(242, 39, 149, 0.15);
}
.modal--pink .modal__booking .select-dummy__container {
  border-color: rgba(242, 39, 149, 0.15);
}
.modal--pink .modal__booking h4 {
  color: #F22795;
}
.modal--pink .modal__address-icon svg,
.modal--pink .modal__price-icon svg,
.modal--pink .modal__icon svg,
.modal--pink .select-dummy__arrow svg {
  fill: #F22795;
}
.modal--green .modal__header {
  background: #04B553 url("/images/jpeg/modal-header--green.jpg?v=1.22") no-repeat center center/cover;
}
.modal--green .modal__footer {
  background: #04B553 url("/images/jpeg/modal-footer--green.jpg?v=1.22") no-repeat center center/cover;
}
.modal--green .modal__person {
  z-index: -1;
  top: auto;
  top: auto;
  right: 17px;
  right: 1.0625rem;
  bottom: -162px;
  bottom: -10.125rem;
  left: auto;
  left: auto;
  position: absolute;
  width: 181px;
  width: 11.3125rem;
  height: 417px;
  height: 26.0625rem;
  background: url("/images/svg/person-silhouette--green.svg") no-repeat center center/contain;
}
.modal--green .modal__address a,
.modal--green .modal__price p strong,
.modal--green .modal__about h5,
.modal--green .modal__success h4 {
  color: #06C75C;
}
.modal--green .modal__booking {
  background: rgba(6, 199, 92, 0.15);
}
.modal--green .modal__booking .select-dummy__container {
  border-color: rgba(6, 199, 92, 0.15);
}
.modal--green .modal__booking h4 {
  color: #06C75C;
}
.modal--green .modal__address-icon svg,
.modal--green .modal__price-icon svg,
.modal--green .modal__icon svg,
.modal--green .select-dummy__arrow svg {
  fill: #06C75C;
}
.modal--blue .modal__header {
  background: #393CB7 url("/images/jpeg/modal-header--blue.jpg?v=1.22") no-repeat center center/cover;
}
.modal--blue .modal__footer {
  background: #393CB7 url("/images/jpeg/modal-footer--blue.jpg?v=1.22") no-repeat center center/cover;
}
.modal--blue .modal__person {
  z-index: -1;
  top: auto;
  top: auto;
  right: 19px;
  right: 1.1875rem;
  bottom: -144px;
  bottom: -9rem;
  left: auto;
  left: auto;
  position: absolute;
  width: 144px;
  width: 9rem;
  height: 386px;
  height: 24.125rem;
  background: url("/images/svg/person-silhouette--blue.svg") no-repeat center center/contain;
}
.modal--blue .modal__address a,
.modal--blue .modal__price p strong,
.modal--blue .modal__about h5,
.modal--blue .modal__success h4 {
  color: #5C5FD9;
}
.modal--blue .modal__booking {
  background: rgba(92, 95, 217, 0.15);
}
.modal--blue .modal__booking .select-dummy__container {
  border-color: rgba(92, 95, 217, 0.15);
}
.modal--blue .modal__booking h4 {
  color: #5C5FD9;
}
.modal--blue .modal__address-icon svg,
.modal--blue .modal__price-icon svg,
.modal--blue .modal__icon svg,
.modal--blue .select-dummy__arrow svg {
  fill: #5C5FD9;
}
.modal .modal__policy-link {
  margin-top: 20px;
}
.modal .modal__policy-link a {
  font-family: "monserrat-web", Arial, Helvetica, sans-serif;
  display: inline-flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #5D63D6;
  text-decoration: underline;
}
.modal .modal__policy-link a::after {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background: url("/images/svg/external-link-icon.svg") no-repeat center center/contain;
}
.modal--contact .modal__header {
  background: #AB4BE8 url("/images/jpeg/modal-header--contact.jpg?v=1.22") no-repeat center center/cover;
  padding: 17px 45px 16px 15px;
  padding: 1.0625rem 2.8125rem 1rem 0.9375rem;
}
@media (min-width: 37.5em) {
  .modal--contact .modal__header {
    padding: 21px 30px;
    padding: 1.3125rem 1.875rem;
  }
}
@media (min-width: 75em) {
  .modal--contact .modal__header {
    padding: 32px 40px 25px;
    padding: 2rem 2.5rem 1.5625rem;
  }
}
@media (min-width: 120em) {
  .modal--contact .modal__header {
    padding: 1.6666666667vw 2.0833333333vw 1.3020833333vw;
  }
}
.modal--contact .modal__header h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 32px;
  line-height: 2rem;
}
@media (min-width: 37.5em) {
  .modal--contact .modal__header h3 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
@media (min-width: 75em) {
  .modal--contact .modal__header h3 {
    font-size: 66px;
    font-size: 4.125rem;
    line-height: 66px;
    line-height: 4.125rem;
  }
}
@media (min-width: 120em) {
  .modal--contact .modal__header h3 {
    font-size: 3.4375vw;
    line-height: 3.4375vw;
  }
}
.modal--contact .modal__footer {
  background: #AB4BE8 url("/images/jpeg/modal-footer--contact.jpg?v=1.22") no-repeat center center/cover;
  padding: 45px 15px 20px;
  padding: 2.8125rem 0.9375rem 1.25rem;
}
@media (min-width: 47.5em) {
  .modal--contact .modal__footer {
    padding: 60px 30px 30px;
    padding: 3.75rem 1.875rem 1.875rem;
  }
}
@media (min-width: 75em) {
  .modal--contact .modal__footer {
    padding: 57px 60px 66px;
    padding: 3.5625rem 3.75rem 4.125rem;
  }
}
@media (min-width: 120em) {
  .modal--contact .modal__footer {
    padding: 2.96875vw 3.125vw 3.4375vw;
  }
}
.modal--contact .modal__footer > * {
  display: none;
}
.modal--video {
  top: 0;
  top: 0;
  right: 0;
  right: 0;
  bottom: 0;
  bottom: 0;
  left: 0;
  left: 0;
  position: fixed;
  width: 100%;
  background: none;
}
.modal--contact {
  max-width: 950px;
  max-width: 59.375rem;
}
@media (min-width: 120em) {
  .modal--contact {
    max-width: 49.4791666667vw;
  }
}
.modal--shown, .modal--active {
  display: block;
}
.modal--active .modal__container {
  opacity: 1;
  pointer-events: all;
}

body.show-modal {
  overflow: hidden;
}

.admin-modal-wrap {
  padding: 0;
}

.play-btn {
  display: block;
  text-decoration: none;
  top: auto;
  top: auto;
  right: auto;
  right: auto;
  bottom: 240px;
  bottom: 15rem;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 200px;
  width: 12.5rem;
  z-index: 50;
}
@media (min-width: 30.9375em) {
  .play-btn {
    bottom: 220px;
    bottom: 13.75rem;
  }
}
@media (min-width: 37.5em) {
  .play-btn {
    bottom: 250px;
    bottom: 15.625rem;
  }
}
@media (min-width: 47.5em) {
  .play-btn {
    bottom: 290px;
    bottom: 18.125rem;
  }
}
@media (min-width: 60em) {
  .play-btn {
    bottom: 470px;
    bottom: 29.375rem;
  }
  .play-btn:hover .play-btn__icon, .play-btn.btn:focus .play-btn__icon {
    transform: scale(1.2);
  }
}
@media (min-width: 73.75em) {
  .play-btn {
    bottom: 510px;
    bottom: 31.875rem;
  }
}
.play-btn__icon {
  display: block;
  position: relative;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  margin: 0 auto 5px;
  margin: 0 auto 0.3125rem;
  transition: transform 300ms ease;
}
@media (min-width: 47.5em) {
  .play-btn__icon {
    width: 50px;
    width: 3.125rem;
    height: 50px;
    height: 3.125rem;
    margin: 0 auto 10px;
    margin: 0 auto 0.625rem;
  }
}
@media (min-width: 60em) {
  .play-btn__icon {
    width: 80px;
    width: 5rem;
    height: 80px;
    height: 5rem;
    margin: 0 auto 15px;
    margin: 0 auto 0.9375rem;
  }
}
.play-btn__icon svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  fill: rgba(255, 255, 255, 0.6);
}
.play-btn__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #fff;
  font-weight: 300;
}
@media (min-width: 87.5em) {
  .play-btn__text {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.select-dummy__container {
  display: block;
  position: relative;
  border: 2px solid #ebebeb;
  width: 100%;
  height: 40px;
  height: 2.5rem;
}
.select-dummy__container input {
  font-size: 16px;
  font-size: 1rem;
}
.select-dummy__text {
  font-weight: 400;
  color: #858585;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 38px;
  line-height: 2.375rem;
  padding: 0 15px;
  padding: 0 0.9375rem;
}
.select-dummy__arrow {
  top: 50%;
  top: 50%;
  right: 9px;
  right: 0.5625rem;
  bottom: auto;
  bottom: auto;
  left: auto;
  left: auto;
  position: absolute;
  transform: translateY(-50%);
  width: 16px;
  width: 1rem;
  height: 9px;
  height: 0.5625rem;
}
.select-dummy__arrow svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  fill: #000;
}
.select-dummy .form__input {
  border: none;
  height: 38px;
  height: 2.375rem;
}

[data-simplebar] {
  overflow: hidden;
  -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}

[data-simplebar=init] {
  display: flex;
}

.simplebar-scroll-content {
  overflow-x: hidden;
  overflow-y: scroll;
  min-width: 100%;
  box-sizing: content-box;
}

.simplebar-content {
  overflow-x: scroll;
  overflow-y: hidden;
  box-sizing: border-box;
  min-height: 100%;
  padding: 10px 25px;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 11px;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  border-radius: 7px;
  min-height: 10px;
  width: 7px;
  opacity: 0;
  transition: opacity 0.2s linear;
  background: black;
  background-clip: padding-box;
}

.simplebar-track:hover .simplebar-scrollbar, .simplebar-track.btn:focus .simplebar-scrollbar {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0 linear;
}

.simplebar-track .simplebar-scrollbar.visible {
  opacity: 0.5;
}

.simplebar-track.horizontal {
  left: 0;
  width: auto;
  height: 11px;
}

.simplebar-track.vertical {
  top: 0;
}

.horizontal.simplebar-track .simplebar-scrollbar {
  right: auto;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

.sk8hire {
  position: relative;
  overflow: hidden;
  z-index: 4;
  padding: 120px 30px;
  padding: 7.5rem 1.875rem;
  margin: -300px 0 -270px;
  margin: -18.75rem 0 -16.875rem;
}
@media (min-width: 37.5em) {
  .sk8hire {
    margin: -310px 0 -300px;
    margin: -19.375rem 0 -18.75rem;
  }
}
@media (min-width: 47.5em) {
  .sk8hire {
    margin: -350px 0;
    margin: -21.875rem 0;
  }
}
@media (min-width: 60em) {
  .sk8hire {
    padding: 405px 0;
    padding: 25.3125rem 0;
    margin: -770px 0 -756px;
    margin: -48.125rem 0 -47.25rem;
  }
}
@media (min-width: 120em) {
  .sk8hire {
    padding: 21.09375vw 0vw;
    margin: -40.1041666667vw 0vw -39.4270833333vw;
  }
}
.sk8hire__container {
  max-width: 530px;
  max-width: 33.125rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 140px 0 250px;
  padding: 8.75rem 0 15.625rem;
}
@media (min-width: 37.5em) {
  .sk8hire__container {
    padding: 180px 0 320px;
    padding: 11.25rem 0 20rem;
  }
}
@media (min-width: 47.5em) {
  .sk8hire__container {
    padding: 180px 0 150px;
    padding: 11.25rem 0 9.375rem;
  }
}
@media (min-width: 60em) {
  .sk8hire__container {
    padding: 223px 0 203px;
    padding: 13.9375rem 0 12.6875rem;
  }
}
@media (min-width: 120em) {
  .sk8hire__container {
    padding: 11.6145833333vw 0vw 10.5729166667vw;
    max-width: 27.6041666667vw;
  }
}
.sk8hire__skates {
  background: url("/images/png/skates--small.png?v=1.22") no-repeat center center/contain;
  width: 300px;
  width: 18.75rem;
  height: 266px;
  height: 16.625rem;
  top: auto;
  top: auto;
  right: auto;
  right: auto;
  bottom: 50px;
  bottom: 3.125rem;
  left: 50%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media (min-width: 37.5em) {
  .sk8hire__skates {
    background: url("/images/png/skates--large.png?v=1.22") no-repeat center center/contain;
    width: 400px;
    width: 25rem;
    height: 355px;
    height: 22.1875rem;
  }
}
@media (min-width: 47.5em) {
  .sk8hire__skates {
    top: 360px;
    top: 22.5rem;
    right: auto;
    right: auto;
    bottom: auto;
    bottom: auto;
    left: 50%;
    left: 50%;
    position: absolute;
    margin-left: 186px;
    margin-left: 11.625rem;
    transform: none;
  }
}
@media (min-width: 60em) {
  .sk8hire__skates {
    width: 699px;
    width: 43.6875rem;
    height: 620px;
    height: 38.75rem;
    top: 600px;
    top: 37.5rem;
    right: auto;
    right: auto;
    bottom: auto;
    bottom: auto;
    left: 50%;
    left: 50%;
    position: absolute;
    margin-left: 206px;
    margin-left: 12.875rem;
  }
}
@media (min-width: 120em) {
  .sk8hire__skates {
    width: 36.40625vw;
    height: 32.2916666667vw;
    top: 31.25vw;
    margin-left: 10.7291666667vw;
  }
}
.sk8hire__logo {
  display: block;
  width: 255px;
  width: 15.9375rem;
  height: 80px;
  height: 5rem;
  margin: 0 auto 27px;
  margin: 0 auto 1.6875rem;
  position: relative;
}
@media (min-width: 120em) {
  .sk8hire__logo {
    width: 13.28125vw;
    height: 4.1666666667vw;
    margin: 0vw auto 1.40625vw;
  }
}
.sk8hire__logo svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.sk8hire p {
  font-family: "freight-sans-web", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #777777;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  padding: 0 0 26px;
  padding: 0 0 1.625rem;
}
@media (min-width: 37.5em) {
  .sk8hire p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 87.5em) {
  .sk8hire p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 120em) {
  .sk8hire p {
    font-size: 1.0416666667vw;
    line-height: 1.4583333333vw;
    padding: 0vw 0vw 1.3541666667vw;
  }
}
.sk8hire__button {
  width: 200px;
  width: 12.5rem;
  height: 52px;
  height: 3.25rem;
  margin: 0 auto;
  color: #fff;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  line-height: 52px;
  line-height: 3.25rem;
  padding: 0 0 0 35px;
  padding: 0 0 0 2.1875rem;
  overflow: hidden;
  position: relative;
}
.sk8hire__button::after {
  content: "";
  top: 0;
  top: 0;
  right: 0;
  right: 0;
  bottom: auto;
  bottom: auto;
  left: auto;
  left: auto;
  position: absolute;
  width: 150%;
  height: 150%;
  background: #009ef3;
  transform-origin: top right;
  transform: rotate(4.5deg);
  z-index: -1;
  transition: background 0.3s linear;
}
@media (min-width: 120em) {
  .sk8hire__button {
    width: 200px;
    width: 12.5rem;
    height: 52px;
    height: 3.25rem;
  }
}
.sk8hire__button:hover::after, .sk8hire__button.btn:focus::after {
  background: #333;
}
.sk8hire__button-icon {
  width: 7px;
  width: 0.4375rem;
  height: 12px;
  height: 0.75rem;
  top: 50%;
  top: 50%;
  right: 35px;
  right: 2.1875rem;
  bottom: auto;
  bottom: auto;
  left: auto;
  left: auto;
  position: absolute;
  transform: translateY(-50%);
}
@media (min-width: 120em) {
  .sk8hire__button-icon {
    width: 0.3645833333vw;
    height: 0.625vw;
    right: 1.8229166667vw;
  }
}
.sk8hire__button-icon svg {
  top: 0;
  top: 0;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  fill: #fff;
}
.sk8hire__bg-container {
  top: 170px;
  top: 10.625rem;
  right: auto;
  right: auto;
  bottom: 170px;
  bottom: 10.625rem;
  left: -40%;
  left: -40%;
  position: absolute;
  width: 180%;
  transform-origin: center center;
  overflow: hidden;
  z-index: -1;
  transform: rotate(-21.7deg);
}
@media (min-width: 60em) {
  .sk8hire__bg-container {
    top: 405px;
    top: 25.3125rem;
    bottom: 405px;
    bottom: 25.3125rem;
  }
}
@media (min-width: 120em) {
  .sk8hire__bg-container {
    top: 21.09375vw;
    bottom: 21.09375vw;
  }
}
.sk8hire__bg {
  top: -70%;
  top: -70%;
  right: auto;
  right: auto;
  bottom: auto;
  bottom: auto;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 240%;
  transform-origin: center center;
  transform: rotate(21.7deg);
  background: #f7f7f7 url("/images/jpeg/sk8hire-bg--600.jpg?v=1.22") no-repeat center center/cover;
}
@media (min-width: 37.5em) {
  .sk8hire__bg {
    background: #f7f7f7 url("/images/jpeg/sk8hire-bg--960.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 60em) {
  .sk8hire__bg {
    background: #f7f7f7 url("/images/jpeg/sk8hire-bg--1200.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 75em) {
  .sk8hire__bg {
    background: #f7f7f7 url("/images/jpeg/sk8hire-bg--1400.jpg?v=1.22") no-repeat center center/cover;
  }
}
@media (min-width: 87.5em) {
  .sk8hire__bg {
    background: #f7f7f7 url("/images/jpeg/sk8hire-bg--1920.jpg?v=1.22") no-repeat center center/cover;
  }
}

.sk8house-header {
  text-align: center;
  background: #15183f url("/images/jpeg/header-bg--600.jpg?v=1.22") no-repeat center center/cover;
  position: relative;
  padding: 190px 30px 350px;
  padding: 11.875rem 1.875rem 21.875rem;
}
@media (min-width: 37.5em) {
  .sk8house-header {
    background: #15183f url("/images/jpeg/header-bg--960.jpg?v=1.22") no-repeat center center/cover;
    padding: 230px 40px 420px;
    padding: 14.375rem 2.5rem 26.25rem;
  }
}
@media (min-width: 47.5em) {
  .sk8house-header {
    padding: 270px 40px 520px;
    padding: 16.875rem 2.5rem 32.5rem;
  }
}
@media (min-width: 60em) {
  .sk8house-header {
    background: #15183f url("/images/jpeg/header-bg--1200.jpg?v=1.22") no-repeat center center/cover;
    padding: 320px 40px 670px;
    padding: 20rem 2.5rem 41.875rem;
  }
}
@media (min-width: 75em) {
  .sk8house-header {
    background: #15183f url("/images/jpeg/header-bg--1400.jpg?v=1.22") no-repeat center center/cover;
    padding: 440px 40px 910px;
    padding: 27.5rem 2.5rem 56.875rem;
  }
}
@media (min-width: 87.5em) {
  .sk8house-header {
    background: #15183f url("/images/jpeg/header-bg--1920.jpg?v=1.22") no-repeat center center/cover;
    padding: 420px 30px 810px;
    padding: 26.25rem 1.875rem 50.625rem;
  }
}
@media (min-width: 120em) {
  .sk8house-header {
    padding: 21.875vw 1.5625vw 42.1875vw;
  }
}

@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-black-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-black-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-black-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-black-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-black-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-blackitalic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-blackitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-blackitalic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-blackitalic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-blackitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-extrabold-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-extrabold-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-extrabold-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-extrabold-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-extrabold-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-extrabolditalic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-extrabolditalic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-extrabolditalic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-extrabolditalic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-extrabolditalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-bold-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-bold-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-bold-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-bold-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-bold-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-bolditalic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-bolditalic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-bolditalic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-bolditalic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-bolditalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-semibold-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-semibold-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-semibold-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-semibold-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-semibold-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-semibolditalic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-semibolditalic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-semibolditalic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-semibolditalic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-semibolditalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-medium-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-medium-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-medium-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-medium-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-medium-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-mediumitalic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-mediumitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-mediumitalic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-mediumitalic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-mediumitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-regular-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-regular-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-regular-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-regular-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-regular-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-italic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-italic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-italic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-italic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-italic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-light-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-light-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-light-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-light-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-light-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-lightitalic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-lightitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-lightitalic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-lightitalic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-lightitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-extralight-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-extralight-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-extralight-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-extralight-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-extralight-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-extralightitalic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-extralightitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-extralightitalic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-extralightitalic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-extralightitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-thin-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-thin-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-thin-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-thin-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-thin-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "monserrat-web";
  src: url("../fonts/monserrat/montserrat-thinitalic-webfont.eot?v=2");
  src: url("../fonts/monserrat/montserrat-thinitalic-webfont.eot?#iefix2") format("embedded-opentype"), url("../fonts/monserrat/montserrat-thinitalic-webfont.woff?v=2") format("woff"), url("../fonts/monserrat/montserrat-thinitalic-webfont.ttf?v=2") format("truetype"), url("../fonts/monserrat/montserrat-thinitalic-webfont.svg#monserrat-web?v=2") format("svg");
  font-style: italic;
  font-weight: 100;
}
.ticket {
  width: 210mm;
  height: 297mm;
  position: relative;
}
.ticket__header {
  height: 56.636mm;
  border-bottom: 1.926mm solid #e6388c;
  background-color: #180f24;
  background-image: url("../images/png/ticket-header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  box-sizing: content-box;
}
.ticket__logo {
  position: absolute;
  top: 10.881mm;
  left: 58.517mm;
  width: 92.674mm;
  height: 34.205mm;
  display: block;
  background-image: url("../images/png/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
}
.ticket__contents {
  padding: 8.996mm 16.257mm 8.996mm 17.557mm;
}
.ticket__contents-header {
  width: 100%;
  height: 16.4mm;
  border-bottom: 0.22mm solid #cdcccc;
}
.ticket__contents-header h5 {
  color: #2b283b;
  text-transform: uppercase;
  text-align: left;
  font-weight: 500 !important;
  font-size: 39px;
  line-height: 45px;
}
.ticket__footer {
  top: auto;
  top: auto;
  right: auto;
  right: auto;
  bottom: 0;
  bottom: 0;
  left: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 14.949mm;
  border-top: 1.881mm solid #e6388c;
  background-color: #180f24;
  background-image: url("../images/png/ticket-footer.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  box-sizing: content-box;
}
.ticket__footer a {
  color: #fff;
  text-decoration: none;
}
.ticket__email-link {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  left: 17.154mm;
  top: 6mm;
  padding-left: 6.384mm;
}
.ticket__email-link::before {
  content: "";
  width: 4.557mm;
  height: 3.255mm;
  background-image: url("../images/png/ticket-email-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  top: -0.4mm;
  left: 0;
}
.ticket__tel-link {
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  left: 70.291mm;
  top: 6mm;
  padding-left: 6.019mm;
}
.ticket__tel-link::before {
  content: "";
  width: 4.008mm;
  height: 4.009mm;
  background-image: url("../images/png/ticket-tel-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  top: -0.4mm;
  left: 0;
}
.ticket__tel-link span {
  opacity: 0.5;
}
.ticket__people-left {
  position: absolute;
  bottom: 14.31mm;
  left: 2.205mm;
  width: 68.735mm;
  height: 48.403mm;
  background-image: url("../images/png/people-left.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.ticket__people-right {
  position: absolute;
  bottom: 10.341mm;
  right: 3.329mm;
  width: 76.682mm;
  height: 53.235mm;
  background-image: url("../images/png/people-right.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.ticket__info {
  padding: 6.9mm 0 0;
  position: relative;
}
.ticket__info-section {
  padding: 0 0 6mm;
}
.ticket__info-section h5 {
  background: none;
  color: #878888;
  font-weight: 500;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  text-align: left;
  padding: 0 0 1.428mm;
}
.ticket__info-section p {
  background: none;
  color: #424242;
  font-weight: 300;
  font-size: 15px;
  line-height: 15px;
}
.ticket__booking-ref {
  box-sizing: content-box;
  position: absolute;
  top: 6.5mm;
  right: 0;
  background: #e6388c;
  width: 73.8mm;
  height: 17.943mm;
  border: 0.66mm solid #ea9ec5;
}
.ticket__booking-ref .title {
  font-weight: 500;
  width: 100%;
  position: absolute;
  top: 4.1mm;
  color: #f5c4dc;
  background: none;
  font-size: 11px;
  line-height: 11px;
  -webkit-text-fill-color: unset;
  text-align: center;
  text-transform: uppercase;
  -webkit-background-clip: border-box;
}
.ticket__booking-ref .ref {
  font-weight: 500;
  width: 100%;
  position: absolute;
  top: 8.7mm;
  color: #fff;
  background: none;
  font-size: 22px;
  line-height: 24px;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: border-box;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.ticket__table {
  width: 100%;
  margin: 0.6mm 0 0;
}
.ticket__table th {
  background: #eeeeee;
  padding: 3.6mm 7.2mm 1.5mm;
  text-align: left;
  border-bottom: 0.422mm solid #cdcccc;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #333333;
  width: 48mm;
}
.ticket__table td {
  border-bottom: 0.422mm solid #cdcccc;
  color: #424242;
  font-size: 14px;
  line-height: 21px;
  font-weight: 300;
  padding: 2.6mm 7mm 2.9mm;
}
.ticket__small-print {
  color: #878888;
  font-weight: 300;
  font-size: 9px;
  line-height: 36px;
}

.monserrat, h6, p, .btn, .footer__text p, .form__label, .form__input, .form__submit, .location-card__online, .modal__footer-email, .modal__footer-numbers a, .modal__date, .modal__address a, .modal__about h5, .modal__about h6, .modal__booking-form .form__input, .modal__price-text, .modal__back, .modal__success h4, .modal__success h3, .modal__success h5, .modal__success h6, .modal__contact--cancellations table tr td, .modal__contact--cancellations table tr th, .play-btn__text, .select-dummy__text, .ticket__contents-header h5, .ticket__email-link, .ticket__tel-link, .ticket__info-section h5, .ticket__info-section p, .ticket__booking-ref .title, .ticket__booking-ref .ref, .ticket__table th, .ticket__table td, .ticket__small-print {
  font-family: "monserrat-web", Arial, Helvetica, sans-serif;
}

@media (min-width: 60em) {
  body.has-js .a__i {
    animation-play-state: paused;
    pointer-events: none;
    animation-fill-mode: forwards;
  }
  body.has-js .a__i[data-done] {
    pointer-events: auto;
  }
  body.has-js .a__i::before, body.has-js .a__i::after {
    animation-play-state: paused;
    animation-fill-mode: forwards;
  }
  body.has-js .a__i--dur-100 {
    animation-duration: 100ms;
  }
  body.has-js .a__i--delay-100 {
    animation-delay: 100ms;
  }
  body.has-js .a__i--dur-200 {
    animation-duration: 200ms;
  }
  body.has-js .a__i--delay-200 {
    animation-delay: 200ms;
  }
  body.has-js .a__i--dur-300 {
    animation-duration: 300ms;
  }
  body.has-js .a__i--delay-300 {
    animation-delay: 300ms;
  }
  body.has-js .a__i--dur-400 {
    animation-duration: 400ms;
  }
  body.has-js .a__i--delay-400 {
    animation-delay: 400ms;
  }
  body.has-js .a__i--dur-500 {
    animation-duration: 500ms;
  }
  body.has-js .a__i--delay-500 {
    animation-delay: 500ms;
  }
  body.has-js .a__i--dur-600 {
    animation-duration: 600ms;
  }
  body.has-js .a__i--delay-600 {
    animation-delay: 600ms;
  }
  body.has-js .a__i--dur-700 {
    animation-duration: 700ms;
  }
  body.has-js .a__i--delay-700 {
    animation-delay: 700ms;
  }
  body.has-js .a__i--dur-800 {
    animation-duration: 800ms;
  }
  body.has-js .a__i--delay-800 {
    animation-delay: 800ms;
  }
  body.has-js .a__i--dur-900 {
    animation-duration: 900ms;
  }
  body.has-js .a__i--delay-900 {
    animation-delay: 900ms;
  }
  body.has-js .a__i--dur-1000 {
    animation-duration: 1000ms;
  }
  body.has-js .a__i--delay-1000 {
    animation-delay: 1000ms;
  }
  body.has-js .a__i--dur-1100 {
    animation-duration: 1100ms;
  }
  body.has-js .a__i--delay-1100 {
    animation-delay: 1100ms;
  }
  body.has-js .a__i--dur-1200 {
    animation-duration: 1200ms;
  }
  body.has-js .a__i--delay-1200 {
    animation-delay: 1200ms;
  }
  body.has-js .a__i--dur-1300 {
    animation-duration: 1300ms;
  }
  body.has-js .a__i--delay-1300 {
    animation-delay: 1300ms;
  }
  body.has-js .a__i--dur-1400 {
    animation-duration: 1400ms;
  }
  body.has-js .a__i--delay-1400 {
    animation-delay: 1400ms;
  }
  body.has-js .a__i--dur-1500 {
    animation-duration: 1500ms;
  }
  body.has-js .a__i--delay-1500 {
    animation-delay: 1500ms;
  }
  body.has-js .a__i--dur-1600 {
    animation-duration: 1600ms;
  }
  body.has-js .a__i--delay-1600 {
    animation-delay: 1600ms;
  }
  body.has-js .a__i--dur-1700 {
    animation-duration: 1700ms;
  }
  body.has-js .a__i--delay-1700 {
    animation-delay: 1700ms;
  }
  body.has-js .a__i--dur-1800 {
    animation-duration: 1800ms;
  }
  body.has-js .a__i--delay-1800 {
    animation-delay: 1800ms;
  }
  body.has-js .a__i--dur-1900 {
    animation-duration: 1900ms;
  }
  body.has-js .a__i--delay-1900 {
    animation-delay: 1900ms;
  }
  body.has-js .a__i--dur-2000 {
    animation-duration: 2000ms;
  }
  body.has-js .a__i--delay-2000 {
    animation-delay: 2000ms;
  }
  body.has-js .a__i--dur-2100 {
    animation-duration: 2100ms;
  }
  body.has-js .a__i--delay-2100 {
    animation-delay: 2100ms;
  }
  body.has-js .a__i--dur-2200 {
    animation-duration: 2200ms;
  }
  body.has-js .a__i--delay-2200 {
    animation-delay: 2200ms;
  }
  body.has-js .a__i--dur-2300 {
    animation-duration: 2300ms;
  }
  body.has-js .a__i--delay-2300 {
    animation-delay: 2300ms;
  }
  body.has-js .a__i--dur-2400 {
    animation-duration: 2400ms;
  }
  body.has-js .a__i--delay-2400 {
    animation-delay: 2400ms;
  }
  body.has-js .a__i--dur-2500 {
    animation-duration: 2500ms;
  }
  body.has-js .a__i--delay-2500 {
    animation-delay: 2500ms;
  }
  body.has-js .a__i--dur-2600 {
    animation-duration: 2600ms;
  }
  body.has-js .a__i--delay-2600 {
    animation-delay: 2600ms;
  }
  body.has-js .a__i--dur-2700 {
    animation-duration: 2700ms;
  }
  body.has-js .a__i--delay-2700 {
    animation-delay: 2700ms;
  }
  body.has-js .a__i--dur-2800 {
    animation-duration: 2800ms;
  }
  body.has-js .a__i--delay-2800 {
    animation-delay: 2800ms;
  }
  body.has-js .a__i--dur-2900 {
    animation-duration: 2900ms;
  }
  body.has-js .a__i--delay-2900 {
    animation-delay: 2900ms;
  }
  body.has-js .a__i--dur-3000 {
    animation-duration: 3000ms;
  }
  body.has-js .a__i--delay-3000 {
    animation-delay: 3000ms;
  }
  body.has-js .a__i--dur-3100 {
    animation-duration: 3100ms;
  }
  body.has-js .a__i--delay-3100 {
    animation-delay: 3100ms;
  }
  body.has-js .a__i--dur-3200 {
    animation-duration: 3200ms;
  }
  body.has-js .a__i--delay-3200 {
    animation-delay: 3200ms;
  }
  body.has-js .a__i--dur-3300 {
    animation-duration: 3300ms;
  }
  body.has-js .a__i--delay-3300 {
    animation-delay: 3300ms;
  }
  body.has-js .a__i--dur-3400 {
    animation-duration: 3400ms;
  }
  body.has-js .a__i--delay-3400 {
    animation-delay: 3400ms;
  }
  body.has-js .a__i--dur-3500 {
    animation-duration: 3500ms;
  }
  body.has-js .a__i--delay-3500 {
    animation-delay: 3500ms;
  }
  body.has-js .a__i--dur-3600 {
    animation-duration: 3600ms;
  }
  body.has-js .a__i--delay-3600 {
    animation-delay: 3600ms;
  }
  body.has-js .a__i--dur-3700 {
    animation-duration: 3700ms;
  }
  body.has-js .a__i--delay-3700 {
    animation-delay: 3700ms;
  }
  body.has-js .a__i--dur-3800 {
    animation-duration: 3800ms;
  }
  body.has-js .a__i--delay-3800 {
    animation-delay: 3800ms;
  }
  body.has-js .a__i--dur-3900 {
    animation-duration: 3900ms;
  }
  body.has-js .a__i--delay-3900 {
    animation-delay: 3900ms;
  }
  body.has-js .a__i--dur-4000 {
    animation-duration: 4000ms;
  }
  body.has-js .a__i--delay-4000 {
    animation-delay: 4000ms;
  }
  body.has-js .a__i--dur-4100 {
    animation-duration: 4100ms;
  }
  body.has-js .a__i--delay-4100 {
    animation-delay: 4100ms;
  }
  body.has-js .a__i--dur-4200 {
    animation-duration: 4200ms;
  }
  body.has-js .a__i--delay-4200 {
    animation-delay: 4200ms;
  }
  body.has-js .a__i--dur-4300 {
    animation-duration: 4300ms;
  }
  body.has-js .a__i--delay-4300 {
    animation-delay: 4300ms;
  }
  body.has-js .a__i--dur-4400 {
    animation-duration: 4400ms;
  }
  body.has-js .a__i--delay-4400 {
    animation-delay: 4400ms;
  }
  body.has-js .a__i--dur-4500 {
    animation-duration: 4500ms;
  }
  body.has-js .a__i--delay-4500 {
    animation-delay: 4500ms;
  }
  body.has-js .a__i--dur-4600 {
    animation-duration: 4600ms;
  }
  body.has-js .a__i--delay-4600 {
    animation-delay: 4600ms;
  }
  body.has-js .a__i--dur-4700 {
    animation-duration: 4700ms;
  }
  body.has-js .a__i--delay-4700 {
    animation-delay: 4700ms;
  }
  body.has-js .a__i--dur-4800 {
    animation-duration: 4800ms;
  }
  body.has-js .a__i--delay-4800 {
    animation-delay: 4800ms;
  }
  body.has-js .a__i--dur-4900 {
    animation-duration: 4900ms;
  }
  body.has-js .a__i--delay-4900 {
    animation-delay: 4900ms;
  }
  body.has-js .a__i--dur-5000 {
    animation-duration: 5000ms;
  }
  body.has-js .a__i--delay-5000 {
    animation-delay: 5000ms;
  }
  body.has-js .a__i--dur-5100 {
    animation-duration: 5100ms;
  }
  body.has-js .a__i--delay-5100 {
    animation-delay: 5100ms;
  }
  body.has-js .a__i--dur-5200 {
    animation-duration: 5200ms;
  }
  body.has-js .a__i--delay-5200 {
    animation-delay: 5200ms;
  }
  body.has-js .a__i--dur-5300 {
    animation-duration: 5300ms;
  }
  body.has-js .a__i--delay-5300 {
    animation-delay: 5300ms;
  }
  body.has-js .a__i--dur-5400 {
    animation-duration: 5400ms;
  }
  body.has-js .a__i--delay-5400 {
    animation-delay: 5400ms;
  }
  body.has-js .a__i--dur-5500 {
    animation-duration: 5500ms;
  }
  body.has-js .a__i--delay-5500 {
    animation-delay: 5500ms;
  }
  body.has-js .a__i--dur-5600 {
    animation-duration: 5600ms;
  }
  body.has-js .a__i--delay-5600 {
    animation-delay: 5600ms;
  }
  body.has-js .a__i--dur-5700 {
    animation-duration: 5700ms;
  }
  body.has-js .a__i--delay-5700 {
    animation-delay: 5700ms;
  }
  body.has-js .a__i--dur-5800 {
    animation-duration: 5800ms;
  }
  body.has-js .a__i--delay-5800 {
    animation-delay: 5800ms;
  }
  body.has-js .a__i--dur-5900 {
    animation-duration: 5900ms;
  }
  body.has-js .a__i--delay-5900 {
    animation-delay: 5900ms;
  }
  body.has-js .a__i--dur-6000 {
    animation-duration: 6000ms;
  }
  body.has-js .a__i--delay-6000 {
    animation-delay: 6000ms;
  }
  body.has-js .a__i--dur-6100 {
    animation-duration: 6100ms;
  }
  body.has-js .a__i--delay-6100 {
    animation-delay: 6100ms;
  }
  body.has-js .a__i--dur-6200 {
    animation-duration: 6200ms;
  }
  body.has-js .a__i--delay-6200 {
    animation-delay: 6200ms;
  }
  body.has-js .a__i--dur-6300 {
    animation-duration: 6300ms;
  }
  body.has-js .a__i--delay-6300 {
    animation-delay: 6300ms;
  }
  body.has-js .a__i--dur-6400 {
    animation-duration: 6400ms;
  }
  body.has-js .a__i--delay-6400 {
    animation-delay: 6400ms;
  }
  body.has-js .a__i--dur-6500 {
    animation-duration: 6500ms;
  }
  body.has-js .a__i--delay-6500 {
    animation-delay: 6500ms;
  }
  body.has-js .a__i--dur-6600 {
    animation-duration: 6600ms;
  }
  body.has-js .a__i--delay-6600 {
    animation-delay: 6600ms;
  }
  body.has-js .a__i--dur-6700 {
    animation-duration: 6700ms;
  }
  body.has-js .a__i--delay-6700 {
    animation-delay: 6700ms;
  }
  body.has-js .a__i--dur-6800 {
    animation-duration: 6800ms;
  }
  body.has-js .a__i--delay-6800 {
    animation-delay: 6800ms;
  }
  body.has-js .a__i--dur-6900 {
    animation-duration: 6900ms;
  }
  body.has-js .a__i--delay-6900 {
    animation-delay: 6900ms;
  }
  body.has-js .a__i--dur-7000 {
    animation-duration: 7000ms;
  }
  body.has-js .a__i--delay-7000 {
    animation-delay: 7000ms;
  }
  body.has-js .a__i--dur-7100 {
    animation-duration: 7100ms;
  }
  body.has-js .a__i--delay-7100 {
    animation-delay: 7100ms;
  }
  body.has-js .a__i--dur-7200 {
    animation-duration: 7200ms;
  }
  body.has-js .a__i--delay-7200 {
    animation-delay: 7200ms;
  }
  body.has-js .a__i--dur-7300 {
    animation-duration: 7300ms;
  }
  body.has-js .a__i--delay-7300 {
    animation-delay: 7300ms;
  }
  body.has-js .a__i--dur-7400 {
    animation-duration: 7400ms;
  }
  body.has-js .a__i--delay-7400 {
    animation-delay: 7400ms;
  }
  body.has-js .a__i--dur-7500 {
    animation-duration: 7500ms;
  }
  body.has-js .a__i--delay-7500 {
    animation-delay: 7500ms;
  }
  body.has-js .a__i--dur-7600 {
    animation-duration: 7600ms;
  }
  body.has-js .a__i--delay-7600 {
    animation-delay: 7600ms;
  }
  body.has-js .a__i--dur-7700 {
    animation-duration: 7700ms;
  }
  body.has-js .a__i--delay-7700 {
    animation-delay: 7700ms;
  }
  body.has-js .a__i--dur-7800 {
    animation-duration: 7800ms;
  }
  body.has-js .a__i--delay-7800 {
    animation-delay: 7800ms;
  }
  body.has-js .a__i--dur-7900 {
    animation-duration: 7900ms;
  }
  body.has-js .a__i--delay-7900 {
    animation-delay: 7900ms;
  }
  body.has-js .a__i--dur-8000 {
    animation-duration: 8000ms;
  }
  body.has-js .a__i--delay-8000 {
    animation-delay: 8000ms;
  }
  body.has-js .a__i--dur-8100 {
    animation-duration: 8100ms;
  }
  body.has-js .a__i--delay-8100 {
    animation-delay: 8100ms;
  }
  body.has-js .a__i--dur-8200 {
    animation-duration: 8200ms;
  }
  body.has-js .a__i--delay-8200 {
    animation-delay: 8200ms;
  }
  body.has-js .a__i--dur-8300 {
    animation-duration: 8300ms;
  }
  body.has-js .a__i--delay-8300 {
    animation-delay: 8300ms;
  }
  body.has-js .a__i--dur-8400 {
    animation-duration: 8400ms;
  }
  body.has-js .a__i--delay-8400 {
    animation-delay: 8400ms;
  }
  body.has-js .a__i--dur-8500 {
    animation-duration: 8500ms;
  }
  body.has-js .a__i--delay-8500 {
    animation-delay: 8500ms;
  }
  body.has-js .a__i--dur-8600 {
    animation-duration: 8600ms;
  }
  body.has-js .a__i--delay-8600 {
    animation-delay: 8600ms;
  }
  body.has-js .a__i--dur-8700 {
    animation-duration: 8700ms;
  }
  body.has-js .a__i--delay-8700 {
    animation-delay: 8700ms;
  }
  body.has-js .a__i--dur-8800 {
    animation-duration: 8800ms;
  }
  body.has-js .a__i--delay-8800 {
    animation-delay: 8800ms;
  }
  body.has-js .a__i--dur-8900 {
    animation-duration: 8900ms;
  }
  body.has-js .a__i--delay-8900 {
    animation-delay: 8900ms;
  }
  body.has-js .a__i--dur-9000 {
    animation-duration: 9000ms;
  }
  body.has-js .a__i--delay-9000 {
    animation-delay: 9000ms;
  }
  body.has-js .a__i--dur-9100 {
    animation-duration: 9100ms;
  }
  body.has-js .a__i--delay-9100 {
    animation-delay: 9100ms;
  }
  body.has-js .a__i--dur-9200 {
    animation-duration: 9200ms;
  }
  body.has-js .a__i--delay-9200 {
    animation-delay: 9200ms;
  }
  body.has-js .a__i--dur-9300 {
    animation-duration: 9300ms;
  }
  body.has-js .a__i--delay-9300 {
    animation-delay: 9300ms;
  }
  body.has-js .a__i--dur-9400 {
    animation-duration: 9400ms;
  }
  body.has-js .a__i--delay-9400 {
    animation-delay: 9400ms;
  }
  body.has-js .a__i--dur-9500 {
    animation-duration: 9500ms;
  }
  body.has-js .a__i--delay-9500 {
    animation-delay: 9500ms;
  }
  body.has-js .a__i--dur-9600 {
    animation-duration: 9600ms;
  }
  body.has-js .a__i--delay-9600 {
    animation-delay: 9600ms;
  }
  body.has-js .a__i--dur-9700 {
    animation-duration: 9700ms;
  }
  body.has-js .a__i--delay-9700 {
    animation-delay: 9700ms;
  }
  body.has-js .a__i--dur-9800 {
    animation-duration: 9800ms;
  }
  body.has-js .a__i--delay-9800 {
    animation-delay: 9800ms;
  }
  body.has-js .a__i--dur-9900 {
    animation-duration: 9900ms;
  }
  body.has-js .a__i--delay-9900 {
    animation-delay: 9900ms;
  }
  body.has-js .a__i--dur-10000 {
    animation-duration: 10000ms;
  }
  body.has-js .a__i--delay-10000 {
    animation-delay: 10000ms;
  }
  body.has-js .a--play .a__i {
    animation-play-state: running;
  }
  body.has-js .a--play .a__i::before, body.has-js .a--play .a__i::after {
    animation-play-state: running;
  }
}

@media (min-width: 60em) {
  body.has-js .a__i {
    animation-play-state: paused;
    pointer-events: none;
  }
  body.has-js .a__i--pulse {
    opacity: 0;
    transform: scale3d(1, 1, 1);
    animation-name: pulse;
  }
  body.has-js .a__i--fade-in {
    opacity: 0;
    animation-name: fade-in;
  }
  body.has-js .a__i--fade-in-up {
    opacity: 0;
    transform: translate(0, 100px);
    animation-name: fade-in-up;
  }
  body.has-js .a__i--fade-in-up-center {
    opacity: 0;
    transform: translateX(-50%) translateY(100px);
    animation-name: fade-in-up-center;
  }
  body.has-js .a__i--rot-around {
    transform: rotate(-150deg);
    animation-name: rot-around;
  }
  body.has-js .a__i--rot-around-alt {
    transform: rotate(-180deg);
    animation-name: rot-around-alt;
  }
  body.has-js .a__i--slide-left {
    transform: translateX(-150%);
    animation-name: slide-left;
  }
  body.has-js .a__i--slide-right {
    transform: translateX(150%);
    animation-name: slide-right;
  }
  body.has-js .a__i--pop-in {
    transform: translate(-50%, -50%) scale(0);
    animation-name: pop-in;
  }
  body.has-js .a__i--process-pop {
    transform: translateX(-50%) scale(0);
    animation-name: process-pop;
  }
  body.has-js .a__i--pop {
    transform: scale(0);
    animation-name: pop;
  }
  body.has-js .a__i--scale-horizontal {
    transform: scaleX(0);
    animation-name: scale-horizontal;
  }
  body.has-js .a__i--aos-ease {
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  body.has-js .a__i--btn-anim::before {
    animation-name: scale-horizontal;
    animation-duration: 300ms;
    animation-delay: 1200ms;
    animation-timing-function: ease-in-out;
    transform: scaleX(0);
    z-index: 1;
  }
  body.has-js .a__i--btn-anim::after {
    animation-name: scale-horizontal;
    animation-duration: 400ms;
    animation-delay: 1400ms;
    animation-timing-function: ease-in-out;
    transform: scaleX(0);
    z-index: 2;
  }
  body.has-js .a__i--btn-anim-2::before {
    animation-duration: 300ms;
    animation-delay: 1700ms;
  }
  body.has-js .a__i--btn-anim-2::after {
    animation-duration: 400ms;
    animation-delay: 1900ms;
  }
}

@media (min-width: 60em) {
  .anim-holder {
    top: 0;
    top: 0;
    right: auto;
    right: auto;
    bottom: auto;
    bottom: auto;
    left: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
/*** KEYFRAMES ***/
@keyframes pulse {
  from {
    opacity: 0;
    transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 1;
    transform: scale3d(1.06, 1.06, 1.06);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse-alt {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale3d(1.06, 1.06, 1.06);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scale-horizontal {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes pop-in {
  from {
    transform: translate(-50%, -50%) scale(0);
  }
  95% {
    transform: translate(-50%, -50%) scale(1.05);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes process-pop {
  from {
    transform: translateX(-50%) scale(0);
  }
  95% {
    transform: translateX(-50%) scale(1.05);
  }
  to {
    transform: translateX(-50%) scale(1);
  }
}
@keyframes pop {
  from {
    transform: scale(0);
  }
  95% {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translate(0, 100px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fade-in-up-center {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%);
  }
}
@keyframes rot-around {
  from {
    transform: rotate(-150deg);
  }
  to {
    transform: rotate(30deg);
  }
}
@keyframes rot-around-alt {
  from {
    transform: rotate(-180deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes slide-left {
  from {
    transform: translateX(-150%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-right {
  from {
    transform: translateX(150%);
  }
  to {
    transform: translateX(0);
  }
}
.content-skip-button {
  display: block;
  background: #000;
  text-align: center;
  max-height: 0;
  color: #ffffff;
  font-family: sans-serif;
  font-weight: 300;
  text-decoration: none;
  line-height: 14px;
  line-height: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  overflow: hidden;
}
.content-skip-button:focus {
  max-height: 200px;
  max-height: 12.5rem;
  padding: 10px;
  padding: 0.625rem;
}

.notfound-body {
  padding: 40px 0;
  padding: 2.5rem 0;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

/** ie fixes */
html[data-useragent*="rv:11.0"] .sk8house-header h1 {
  background: none;
  color: #e927ea;
}
html[data-useragent*="rv:11.0"] .sk8house-header h3 {
  background: none;
  color: #e927ea;
}
html[data-useragent*="rv:11.0"] .about h2 {
  background: none;
  color: #e927ea;
}
html[data-useragent*="rv:11.0"] .modal__date {
  padding: 0 40px;
}

html[data-useragent*="MSIE 10.0"] .sk8house-header h1 {
  background: none;
  color: #e927ea;
}
html[data-useragent*="MSIE 10.0"] .sk8house-header h3 {
  background: none;
  color: #e927ea;
}
html[data-useragent*="MSIE 10.0"] .about h2 {
  background: none;
  color: #e927ea;
}
html[data-useragent*="MSIE 10.0"] .modal__date {
  padding: 0 40px;
}
html[data-useragent*="MSIE 10.0"] .modal__container,
html[data-useragent*="MSIE 10.0"] .modal__about {
  flex: 0 0 auto;
}
html[data-useragent*="MSIE 10.0"] .modal__about {
  width: 350px;
}
/*# sourceMappingURL=styles.css.map */