/* Webfonts */

@import url("https://use.typekit.net/mhg2vma.css");



/* Global */

html {
	background-color: #000;
	font-size: 13px;
	scroll-behavior: smooth;
}

body {
	animation: fade-in 1s forwards;
	color: #9F9F9F;
	font-family: "brother-1816",sans-serif;
	font-weight: 300;
	line-height: 1.5;	
}

@keyframes fade-in {
  0% {opacity: 0;}
  20% {opacity: 0;} 
  100% {opacity: 1;}
}

body.menu-open, body.booking-menu-open {
	overflow: hidden;
}

body.modal-open {
	padding-right: 0!important;
}

.body-overlay {
	background-color: #000;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s ease-out;
	z-index: 1027;
}

body.menu-open .body-overlay {
	opacity: 0.4;
	pointer-events: auto;
}

/* only if not iOS */
@supports not (-webkit-touch-callout: none) {
  .bg-fixed {
    background-attachment: fixed;
  }
}

.bg-cover {
	background-size: cover;
	background-position: center;
}

.section.bg-75-opacity {
	background-color: rgba(0,0,0,0.75);
}

.cover {
	top: 0; right:0; bottom:0; left:0
}

.cover-extra-vertical {
	top: -1px; right: 0; bottom: -1px; left: 0;
}

.object-fit-cover {
    object-fit: cover;
}

.cursor-pointer {
	cursor: pointer;
}

.anchor {
	top: 0;
}

.mw-1920 {
	max-width: 1920px!important;
}

.no-wrap-flex {
	flex-shrink: 0;
}

.no-wrap {
	white-space: nowrap;
}

.reverse-skew {
	transform: skew(19deg);
}

.me-2rem {
	margin-right: 2rem;
}

.me-25rem {
	margin-right: 2.5rem;
}

.mb-2rem {
	margin-bottom: 2rem;
}

.line-clamp-2 {
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.line-clamp-3 {
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.skew {
	transform: skew(-19deg)!important;
}

.unskew {
	transform: skew(19deg)!important;
}

.unskew-and-scale {
	transform: scale(1.4) skew(19deg)!important;
}

.w-80 {
	width: 80%!important;
}

.z-index-1 {
	z-index: 1;
}

.pointer-events-none {
	pointer-events: none;
}

.hidden {
	opacity: 0;
	pointer-events: none;
}

a.hover-underline:hover {
	text-decoration: underline;
}

.offset-honeycomb {
	opacity: 0.5;
}


/* Typography */

a, a:hover {
	color: #9F9F9F;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	color: #fff;
	font-family: "teko",sans-serif;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
}

h1,h2,h1.title-xl, h2.title-xl {
	font-size: 63px;
}

h1.title-xxl, h2.title-xxl {
	font-size: 57px!important;
	font-style: italic;
}

h3, .hero h1 {
	font-size: 44px;
}

h1.inner-page-title {
	font-size: 25px;
}

h4 {
	font-size: 36px;
}

.hero h1 {
	line-height: 1.1;
}


h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,
p:last-child,
ol:last-child,
ul:last-child {
	margin-bottom: 0;
}

hr {
	border-color: #fff;
	opacity: 1;
}

.text-sm {
	font-size: 10px;
}

.text-7 {
	font-size: 7px;
}

.text-8 {
	font-size: 8px;
}

.text-9 {
	font-size: 9px;
}

.text-11 {
	font-size: 11px;
}

.text-12 {
	font-size: 12px;
}

.text-28 {
	font-size: 28px;
}

.text-lg {
	font-size: 15px;
}

.text-xl {
	font-size: 16px;
}

.text-xxl {
	font-size: 16px;
}

.text-black {
	color: #000;
}

.fw-300 {
	font-weight: 300!important;
}

.fw-400 {
	font-weight: 400!important;
}

.fw-500 {
	font-weight: 500!important;
}

.fw-600 {
	font-weight: 600!important;
}

.fw-700 {
	font-weight: 700!important;
}

.letter-spacing {
	letter-spacing: 0.2em;
}

.text-pink {
	color: #EF98FF;
}

.text-grey {
	color: #9F9F9F;
}

.lh-sm {
	line-height: 0.85!important;
}

.lh-xs {
	line-height: 0.75!important;
}

.lh-xl {
	line-height: 1.75!important;
}

.video-wrap-text {
	color: #fff;
	font-family: "teko",sans-serif;
	font-size: 27px;
	font-weight: 300;
	line-height: 1;
}

.video-wrap-text.top {
	transform: skew(-19deg) translateY(10%);
	max-width: 240px;
	min-height: 81px;
}

.video-wrap-text.bottom {
	transform: skew(-19deg) translateY(-15%);
	max-width: 200px;
	min-height: 54px;
}



/* Bootstrap Grid */

.container, .container-fluid, .awsm-job-container {
	padding-left: 20px;
	padding-right: 20px;
}

.container-fluid {
	max-width: 1920px;
}


/* Layout */

.section {
	background-color: #000;
	overflow: hidden;
	padding-top: 108px;
	padding-bottom: 108px;
	position: relative;
}

.section+.section {
	padding-top: 0;
}


/* Colours */

.bg-black {
	background-color: #000!important;
}

.text-dark {
	color: #7e7e7e!important;
}



/* Buttons */

.btn, .awsm-application-submit-btn {
	border: 2px solid #fff;
	border-radius: 0;
	color: #fff!important;
	font-family: "teko",sans-serif;
	font-size: 25px;
	line-height: 1;
	overflow: hidden;
	padding: 1.1rem 2rem 0.9rem;
	text-transform: uppercase;
	transform: skew(-19deg);
	transition: 0.25s ease;
}

.btn:hover, .btn.selected, .awsm-application-submit-btn:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000!important;
}

.awsm-application-submit-btn {
	background-color: transparent;
}

.btn-white {
	background-color: #fff;
	color: #000!important;
}

.btn-white:hover {
	background-color: #000;
	color: #fff!important;
}

.btn.btn-inverse {
	border: 2px solid #000;
	color: #000!important;
}

.btn.btn-inverse:hover {
	background-color: #000;
	color: #fff!important;
}

.btn.btn-black {
	background-color: #000;
	border: 2px solid #000;
	color: #fff!important;
}

.btn.btn-black:hover {
	background-color: #fff;
	border: 2px solid #000;
	color: #000!important;
}

.btn span {
	display: inline-block;
	position: relative;
	transform: skew(19deg);
	z-index: 1;
}

.btn-caret {
	position: absolute;
	top: 49%; right: 15px;
	transform: translateY(-50%) skew(19deg);
	z-index: 1;
}

.btn .btn-caret path {
	transition: 0.25s ease;
}

.btn:hover .btn-caret path {
	fill: #000;
}

.btn-white .btn-caret path {
	fill: #000;
}

.btn-white:hover .btn-caret path {
	fill: #fff;
}

.btn-book-wrapper {
	padding-right: 44px;
	top: 0;
	right: 15px;
	z-index: 9999;
	transition: 0.25s ease;
}

.btn-book-wrapper.unpad {
	padding-right: 0;
}

body.scrolled .btn-book-wrapper {
	top: 0;
}


.btn-book-wrapper:before {
	background-color: #000;
	content: '';
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: -3%; right: -7px; bottom: -3%; left: 0;
	transform: skew(-19deg);
	transition: 0.25s ease;
}

.btn-book-wrapper.bg:before {
	opacity: 1;
}


.btn-book {
	transition: 0.25s ease;
	z-index: 1031;
}

.btn-book svg {
	width: 70px;
}

.book-animation {
	width: 100px;
}

/*.btn-book:hover {
	background-color: #000;
	border-color: #fff;
	color: #fff;
} */

.btn-book span {
	transform: skew(20deg) translateY(16px);
}

.btn-book svg path {
	transition: 0.25s ease;
}

.booking-menu-open .btn-book {
	opacity: 0;
	pointer-events: none;
}

.btn.btn-lg {font-size: 48px;}

/* Forms */

.form-control, .form-select, .awsm-job-form-control {
	background-color: transparent!important;
	border: none;
	border-radius: 0;
	box-shadow: none!important;
	font-family: "teko",sans-serif;
	color: #000;
	font-size: 21px;
	font-weight: 600;
	height: auto;
	padding: 0.9rem 2rem 0.45rem;
	position: relative;
	text-transform: uppercase;
}

.awsm-job-form-control {
	background-color: #fff!important;	
}

.awsm-resume-file-control.awsm-job-form-control {
	padding: 0.9rem 2rem 0.9rem;
}

.form-select {
	background-image: none;
}

.form-control:focus,
.form-control::placeholder {
	color: #000;
}

.input-wrapper:before {
	background-color: #fff;
	content: '';
	position: absolute;
	top: 0; right: 0; left: 0; bottom: 0;
	transform: skew(-19deg);
}

.input-wrapper.outline:before {
	background-color: transparent;
	border: 2px solid #fff;
}

.input-wrapper.outline .form-control,
.input-wrapper.outline .form-control::placeholder {
	color: #fff;
	font-weight: 400;
}

.form-check-input {
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 0!important;
	height: 16px;
	margin-left: -30px!important;
	transform: skew(-19deg);
	width: 16px;
}

.form-check-input:focus {
	border-color: #fff;
	box-shadow: none;
}

.form-check-input:active {
  filter: brightness(100%);
}

.form-check-input:checked {
	background-color: transparent;
	border-color: #fff;
}

form label {
	font-size: 25px;
}

.icon-select, .icon-proceed {
	pointer-events: none;
	position: absolute;
	top: 50%; right: 20px;
	transform: translateY(-50%);
	width: 12px;
}

.icon-proceed {
	width: 7px;
}

/*.booking-input-wrapper .input-wrapper {
	padding: 0 30px;
}*/


.icon-form-calendar {
	pointer-events: none;
	top: 50%; right: 2.4rem;
	transform: translateY(-50%);
	width: 20px;
}


.booking-input-text {
	font-size: 30px;
	transform: translateY(7px);
	z-index: 1;
}

.custom-number-input label {
	opacity: 0;
}

.numberstyle-qty {
	align-items: center;
	display: flex;
	height: 54px;
}

.numberstyle-qty input {
	border-radius: 0;
	height: 48px;
  width: 40px;
  border: none;
  font-size: 30px;
	font-weight: 600;
	text-align: center;
  z-index: 1;
}

.numberstyle-qty input,
.numberstyle-qty input:focus,
.numberstyle-qty .qty-btn {
  outline: 0;
  box-shadow: none;
}
  
.numberstyle-qty .qty-btn {
	border: none;
	height: 40px;
  width: 40px;
  cursor: pointer;
  z-index: 2;
  user-select: none;
  transition: 0.25s ease;
  position: relative;
  z-index: 2;
}  

.numberstyle-qty .qty-btn:after {
	background-size: 30px;
	height: 30px;
	width: 30px;
	content: '';
	position: absolute;
	top: 50%; right: 0; bottom: 0; left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.numberstyle-qty .qty-rem:after {
	background-image: url('../img/svg/icon-number-minus.svg');
}

.numberstyle-qty .qty-add:after {
	background-image: url('../img/svg/icon-number-plus.svg');
}

.numberstyle-qty .qty-btn.disabled {
  cursor: default;
}
 
.numberstyle-qty input[type=number]::-webkit-inner-spin-button,
.numberstyle-qty input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
    
.numberstyle-qty input[type=number] {
  -moz-appearance: textfield;
}

.input-wrapper .form-control.date {
	height: 54px;
}

input[type="date" i]::-webkit-calendar-picker-indicator,
input[type="time" i]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	height: auto;
	width: auto;
	opacity: 0!important;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2;
}

input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-hour-field:focus,
input::-webkit-datetime-edit-minute-field:focus {
  background-color: transparent;
  color: #000;
}


/* Navbar */

.navbar {
	height: 55px;
	padding: 0 15px;
}

body.scrolled .navbar {
	pointer-events: none;
}

/*.navbar-logo-hover {
	opacity: 0;
	top: 0; left: 0;
	transition: 0.15s ease;
}*/

.faqs-open .navbar-logo-wrapper,
.booking-menu-open .navbar-logo-wrapper {
	opacity: 0;
	pointer-events: none;
}

.navbar-logo-wrapper {
	transition: 0.2s ease;
}

body.scrolled .navbar-logo-wrapper {
	opacity: 0;
	pointer-events: none;
}

.navbar-logo-wrapper img {
	width: 120px;
}

/*.navbar-logo-wrapper:hover .navbar-logo-hover {
	opacity: 1;
	left: -1px;
}*/

.navbar-close {
	opacity: 0;
	pointer-events: none;
	top: 45px; left: 30px;
	transition: 0.25s ease;
	z-index: 1032;
}

body.faqs-open .navbar-close, body.booking-menu-open .navbar-close {
	opacity: 1;
	pointer-events: auto;
}


/* Hamburger */

.hamburger {
  cursor: pointer;
  width: 38px;
  height: 17px;
  transform: translateY(-1px);
  transition: 0.25s ease-out;
  z-index: 1032;
  right: 6px;
}

.hamburger.hide {
	opacity: 0;
}

/*body.scrolled .hamburger {
	display: none;
}*/

body.booking-menu-open .hamburger {
	opacity: 0;
	pointer-events: none;
}

.hamburger span {
  position: absolute;
  height: 5px;
  width: 100%;
  background-color: #fff;
  transition: 0.2s ease-out;
  transform: rotate(0deg) skew(-25deg);
  width: 32px;
}

.hamburger.hide span {
	opacity: 0;
}

.hamburger span:nth-child(1) {
  top: 0px; right: 0;
}

.hamburger span:nth-child(2) {
  top: 12px; left: 0;
}

.menu-open .hamburger span:nth-child(1) {
  top: 6px; right: 3px;
  transform: rotate(135deg) skew(0deg);
}

.menu-open .hamburger span:nth-child(2) {
  top: 6px; left: 3px;
  transform: rotate(-135deg) skew(0deg);
}


/* Menu */

.menu {
	height: 2160px;
	padding: 100px 500px 25px 50px;
	top: 0; right: -170px; ;
	transform: skew(-19deg);
}

.menu h2 {
	font-size: 36px;
	white-space: nowrap;
}

.menu h2:not(:last-child), .faqs h2:not(:last-child) {
	margin-bottom: 15px;
}

.menu .menu-inner h2,
.menu .menu-dropdown-menu a {
	transform: skew(19deg);
}

.menu, .faqs, .booking-menu {
	opacity: 0;
	overflow-y: auto;
	pointer-events: none;
	transition: 0.25s ease;
	z-index: 1028;
}

.faqs, .booking-menu {
	padding: 140px 30px 175px;
}

.faqs {
	background-size: auto;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	z-index: 1029;
}

body.menu-open .menu, body.faqs-open .faqs, body.booking-menu-open .booking-menu {
	opacity: 1;
	pointer-events: auto;
}

.menu a, .menu span {
	color: #fff;
}

.faqs h2:not(:last-child) {
	margin-bottom: 27px;
}

.menu-dropdown img {
	transition: 0.15s ease;
}

.menu-dropdown.open img {
	transform: rotate(180deg);
}

.menu-dropdown-menu {
	font-size: 12px;
	letter-spacing: 0.1em;
	max-height: 0;
	opacity: 0;
	transition: 0.25s ease;
}

.menu-dropdown-menu.open {
	max-height: 999px;
	opacity: 1;
}

.menu-dropdown-menu > div {
	margin-bottom: 35px;
}

.menu-dropdown-menu a:not(:last-child) {
	margin-bottom: 1.5rem;
}

.menu-dropdown-title {
	transition: 0.25s ease;
}

.menu h2.menu-dropdown-title.open {
	margin-bottom: 17px;
}


/* FAQs */

.accordion-item {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.accordion-item h4, .accordion-inner-item > div:first-child {
	cursor: pointer;
}

.accordion-item h4 img {
	margin-bottom: 0.4rem;
	transform: rotate(90deg);
	transition: 0.15s ease;
}

.accordion-item h4.collapsed img {
	transform: rotate(0deg);
}

.child-accordion {
	padding: 20px 0;
}

.accordion-inner-item:last-child {
	margin-bottom: -20px;
}

.accordion-inner-item-inner > div {
	padding-bottom: 20px;
}

.accordion-inner-item:last-child .accordion-inner-item-inner > div {
	padding-bottom: 15px;
}


/* Footer */

.section.footer {
	overflow: visible;
}

.section.footer > .container-fluid {
	margin: 0 auto;
	max-width: 768px;
}

.row-footer-links a, .row-footer-links span {
	color: #fff;
	margin-bottom: 2rem;
}

.row-footer-links a:last-child, .row-footer-links span:last-child {
	margin-bottom: 0;
}

.footer-legal {
	font-size: 10px;
}

.footer-legal a:not(:last-child) {
	margin-bottom: 1.5rem;
}

.footer-bottom {
	background-color: #000;
	background-image: url('../img/svg/outline-tiled-extended.svg');
	background-position: center bottom;
	background-size: 750%;
	height: 150px;
}

.footer-bottom-gradient {
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}

.footer-social img {
	height: 25px;
}


/* Videos */

.hide-landscape, .hide-portrait {
	display: none;
}

@media (orientation: landscape) {
  .hide-portrait {display: block;}
}

@media (orientation: portrait) {
  .hide-landscape {display: block;}
}




/* Shapes */

.shape-hero-top-left {
	background-color: #000;
	clip-path: polygon(0 0, 0 100%, 100% 0);
	top: -1px; left: 0;
	height: 325px; width: 119px;
}

.shape-hero-top-right {
	height: 108px;
	top: 0; right: 0;
	width: calc(100% - 118px);
}

.shape-hero-top-right div:first-child {
	background-color: #000;
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 95% 100%);
	transform: translateX(1px);
	width: 30px;
}

.shape-hero-top-right div:last-child {
	background-color: #000;
	clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
	height: 100%;
	width: calc(100% - 30px);

}

.shape-hero-bottom-left {
	background-color: #000;
	clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
	bottom: -1px; left: 40px;
	height: 104px; width: 260px;
}

.shape-hero-bottom-left.attached-top {
	top: 0; bottom: auto;
	transform: translateY(-100%);
}

.shape-hero-bottom-right {
	background-color: #000;
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	bottom: -1px; right: 0;
	height: 325px; width: 119px;
}

.shape-hero-bottom-right.pull-right {
	right: -25px;
}

.shape-link-lg {
	font-size: 44px;
	text-transform: uppercase;
}

.shape-link-lg img {
	transform: translateY(-3px);
}

.shape-hero-left-lg {
	background-color: #000;
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%);
	right: 0; top: -1px; bottom: -1px;
	width: 384px;
}

.shape-hero-left-lg > div {
	bottom: 0; right: 0;
	width: 260px;
}


/* Graphics, Overlays */

.outline-overlay {
	right: -190px; bottom: 0;
	width: 595px;
}

.section.with-outline-overlay {
	padding-bottom: 190px;
}

.trim-section-top {
	background-image: url('../img/svg/trim-section-top.svg');
	background-size: auto 38px;
	height: 38px;
	z-index: 1;
}

.trim-section-top.venue-page-trim.below-hero {
	background-size: auto 20px;
	height: 20px;
	margin-top: -20px;
}

/* Pin Animation */

.pin-animation-pin {
	z-index: 1;
}

.pin-animation-l, .pin-animation-7 {
	top: 12%;
	height: 88%;
}

.pin-animation-l {
	left: -120%;
	filter: drop-shadow(0.5rem 0 0.5rem rgba(0,0,0,0.25));
	z-index: 2;
}

.pin-animation-7 {
	right: -125%;
}

.pin-animation h2 {
	font-size: 124px;
	line-height: 0.9;
	margin: 24% 0 0;
	opacity: 0;
	top: 50%; left: 50%; right: 0;
	transform: translateY(-50%) translateX(-50%);
	width: 640px;
}


/* Hero/Banner */

.homepage-hero {
	transition: 0.2s ease-out;
}

.homepage-hero.hide {
	opacity: 0;
}

.below-hero {
	margin-top: -38px;
}

.hero-scroll-down {
	bottom: 15px; left: 50%;
	transform: translateX(-50%);
}

.hero-scroll-down img {
	width: 27px;
}

.hero-overlay {
	height: calc(100% - 80px);
	mix-blend-mode: overlay;
	opacity: 1;
	pointer-events: none;
	top: 20px; right: 0; bottom: 0; left: 0;
	transition: 0.5s ease-in;
}

.hero-overlay.hide {
	opacity: 0;
	transform: scale(10);
}

.hero-play-video {
	bottom: 80px; right: 65px;
	cursor: pointer;
	transition: 0.25s ease;
}

.hero-play-video.hide {
	opacity: 0;
	pointer-events: none;
}

.hero-play-video img {
	transform: translateY(-6px);
	transition: 0.25s ease;
}

.hero-play-video.hide img {
	transform: scale(1.5) translateY(-6px);
}

.hero-gradient {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);
	pointer-events: none;
}

.booking-hero-content {
	margin-bottom: 75px;
	padding: 0 24px;
}

.hero-title {
	height: 60px;
	margin-bottom: 35px;
	top: 45%; left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
}

.hero-booking-options-title span:first-child {
	font-size: 28px;
	margin: 0 15px 15px 0;
}

.hero-booking-options-title span:last-child {
	font-size: 32px;
}

.booking-options-title span:first-child {
	font-size: 64px;
	margin-right: 50px;
}

.booking-options-title span:last-child {
	font-size: 48px;
}

.booking-hero .input-wrapper {
	margin-left: 35px;
	margin-bottom: 25px;
}

.hero-banner {
	opacity: 0.5;
}

.hero-venue-logo {
	max-width: 240px;
	position: relative;
}

.venue-video-banner,.venue-hero-spacer {
	height: 65%;
}

.section.section-venue-intro {
	padding-top: 54px;
  padding-bottom: 54px;
}

/* Booking CTA */

.booking-cta-panel {
	width: 400px;
}

.booking-cta-title {
	margin-bottom: 25px;
	transform: translateX(42%);
	width: 230px;
}

.booking-cta-panel p {
	font-size: 15px;
	max-width: 250px;
	transform: translateX(30%);
}

.booking-cta-btns {
	transform: translateX(-60px);
	width: 85%;
}

.booking-cta-btns .btn {
	position: relative;
}

.booking-cta-btns .btn:not(:last-child) {
	margin-bottom: 2rem;
}

.booking-cta-btns .btn:first-child {
	transform: translateX(33px) skew(-19deg);
}

.booking-cta-btns .btn:nth-child(3) {
	transform: translateX(-33px) skew(-19deg);
}

.booking-cta-btns .btn:nth-child(4) {
	transform: translateX(-66px) skew(-19deg);
}

@media (max-width: 991px) { 
	.venue-single-cta-btns .booking-cta-btns .btn {
		transform: translateX(0) skew(-19deg)!important;
	}
}


/* Events Slider & Game Panels) */

.row-game-panels {
	margin-bottom: -36px;
	margin-left:  -18px;
	margin-right: -18px;
}

.col-game-panel {
	margin-bottom: 36px;
	padding-left: 18px;
	padding-right: 18px;
}

.section-game-panels {
	background-color: transparent;
	margin-top: -50px;
}

.section-game-panels-bg {
	background-color: #000;
	height: calc(100% - 100px);
	opacity: 0.75;
	position: absolute;
	top: 200px; left: 0; bottom: 0; right: 0;
}

.section-game-panels-bg > div {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	height: 200px;
	position: absolute;
	top: -200px; right: 0; left: 0;
}

.slider .carousel-cell {
	margin-right: 30px;	
	padding-bottom: 1px;
	width: 300px;
}

.game-panel {
	margin-right: 45px;	
	padding-bottom: 1px;
	width: 400px;
}

.game-panel-info-icon {
	width: 30px;
}

.game-panel-info-icon-alt {
	padding: 10px;
	top: 0; right: 35px;
}

.game-panel-info-icon-alt img {
	width: 45px;
}

.game-panel-overlay {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0.1) 100%);
	opacity: 0;
	padding: 60px;
	pointer-events: none;
	transition: 0.25s ease-out;
}

.game-panel-overlay.show {
	opacity: 1;
	pointer-events: auto;
}

.game-panel.featured .game-panel-overlay .inner h3 {
	font-size: 103px;
}

.game-panel.featured .game-panel-overlay p.blurb {
	font-size: 25px;
	max-width: 625px;
}

.game-panel.featured .game-panel-overlay .package-itinerary p:not(:last-child) {
	margin-bottom: 0.75rem;
}

.game-panel-overlay-price {
	bottom: 45px; right: 55px;
}

.slider-spacer {
	width: 280px;
}

.slider .carousel-cell > div {
	border: 2px solid #fff;
	transform: skew(-19deg) translateX(40px);
}

.game-panel > div {
	border: 2px solid #fff;
	transform: skew(-19deg) translateX(150px);
}

.slider.slider-alt .carousel-cell > div,
.slider.slider-alt-2 .carousel-cell > div {
	border: none;
}

.game-panel > div {
	background-color: #000;
	border: 2px solid #fff;
	transform: skew(-19deg);
}

.slide-bg {
	height: 190px;
	margin: 0 -50px;
	transform: skew(19deg);
}

.game-panel-bg {
	height: 250px;
	margin: 0 -50px;
	transform: skew(19deg);
}

.game-panel-bg {
	height: 300px;
}

.game-panel-video {
	height: 200px;
}

.game-panel-video video {
	top: 0; bottom: 0; left: -33px;
	width: 115%;
}

.slide-content, .game-panel-content {
	transform: skew(19deg);
}

.slide-content {
	padding: 25px 0;
}

.game-panel-content {
	/*padding: 35px 25px 25px;*/
	padding: 35px 20px 25px 40px;
}

.featured .game-panel-content {
	padding: 25px 30px;
}

body.home .package-panel {
	background-color: #000!important;
}

.package-panel-overlay .slide-content {
	padding: 0 0 12px 25px;
}

.package-panel-overlay .slide-content p {
	font-size: 16px;
}

.package-panel-overlay {
	opacity: 0;
	transition: 0.25s ease-out;
}

.package-panel:hover .package-panel-overlay {
	opacity: 1;
}


.package-panel-overlay > div {
	padding: 1rem 1rem;
}

.package-panel-overlay h3 {
	margin-bottom: 1rem;
}

.package-hover-info p {
	margin-bottom: 0.5rem;
}

.package-panel .btn-wrapper {
	position: absolute;
	bottom: 25px; right: 25px;
}

.package-panel:hover {
	background-color: transparent!important;
}

.package-panel:hover > .slide-bg,
.package-panel:hover > .slide-content {
	opacity: 0;
}

.package-panel, .slide-bg, .slide-content {
	transition: opacity 0.25s ease-out;
}


.slider h3, .game-panel h3 {
	line-height: 0.9;
}

.slider h3 {
	font-size: 64px;
	margin: 10px 10px 15px 45px; 
  transform: skew(-19deg); line-height: 0.75;
}

.game-panel h3 {
	font-size: 36px;
}

.slider .btn span {
	font-style: italic;
	font-weight: 600;
	padding: 0.6rem 1.25rem 0.25rem 0.75rem;
}


.slider p, .game-panel p {
	font-size: 18px;
	line-height: 1.2;
	margin-left: 15px;
}

.game-panel p {
	font-size: 14px;
	margin: 0;
}

.slider p span, .game-panel p span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.slider .btn {
	font-size: 36px;
	margin-right: 45px;
}

.game-panel .btn {
	min-width: 120px;
}

.carousel-controls-alt > div {
	border: 2px solid #fff;
	padding: 4px 6px;
}

.flickity-button:focus {
	box-shadow: none;
}

.slider .flickity-button,
.slider-alt .flickity-button,
.slider-alt-2 .flickity-button {
	background-color: #000!important;
	border: 2px solid #fff;
	border-radius: 0;
	height: 36px;
	opacity: 1!important;
	top: 0;
	transform: skew(-19deg);
	width: 30px;
}

.slider .flickity-prev-next-button.previous,
.slider-alt .flickity-prev-next-button.previous, 
.slider-alt-2 .flickity-prev-next-button.previous {
	left: 20px;
}

.slider .flickity-prev-next-button.next,
.slider-alt .flickity-prev-next-button.next,
.slider-alt-2 .flickity-prev-next-button.next {
	right: auto; left: 60px;
}

.slider .flickity-button:after,
.slider-alt .flickity-button:after,
.slider-alt-2 .flickity-button:after {
	background-size: 8px 15px;
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 100%;
	width: 100%;	
	transform: skew(19deg);
}

.slider .flickity-prev-next-button.previous:after,
.slider-alt .flickity-prev-next-button.previous:after,
.slider-alt-2 .flickity-prev-next-button.previous:after {
	background-image: url('../img/svg/slider-prev.svg');
}

.slider .flickity-prev-next-button.next:after,
.slider-alt .flickity-prev-next-button.next:after,
.slider-alt-2 .flickity-prev-next-button.next:after {
	background-image: url('../img/svg/slider-next.svg');
}

@supports not (-webkit-touch-callout: none) {
	.slider .flickity-button .flickity-button-icon,
	.time-slider .flickity-button .flickity-button-icon,
	.slider-alt .flickity-button .flickity-button-icon,
	.slider-alt-2 .flickity-button .flickity-button-icon {
		display: none;
	}
}

.flickity-button-icon {
    fill: #fff;
}

.slider-title {
	margin: 0 20px 25px 20px;
}

.time-slider-wrapper {
	margin-bottom: 3rem;
	transform: translateX(0);
	width: calc(100% - 40px);
}

.time-slider {
	font-size: 22px;
	line-height: 1.2;
}

.time-slider .carousel-cell {
	padding: 0 21px;
	width: 100%;
}

.time-slider .carousel-cell.selected > div {
	background-color: #fff;
	color: #000!important;
}

.time-slider .carousel-cell > div {
	border: 1px solid #fff;
	padding: 20px 15px;
	cursor: pointer;
	transform: skew(-19deg);
	line-height: 1.19;
}

.time-slider .carousel-cell > div > div {
	transform: skew(19deg);
}

.time-slider .flickity-prev-next-button.previous {
	left: -40px;
}

.time-slider .flickity-prev-next-button.next {
	right: -40px;
}

.time-slider .flickity-button {
	background-color: transparent!important;
	border-radius: 0;
	height: 24px;
	opacity: 1!important;
	width: 24px;
}

.time-slider .flickity-button:disabled {
	opacity: 0.6!important;
}

.time-slider .flickity-button:after {
	background-size: 12px 20px;
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 100%;
	width: 100%;	
}

.time-slider .flickity-prev-next-button.previous:after {
	background-image: url('../img/svg/icon-caret-left.svg');
}

.time-slider .flickity-prev-next-button.next:after {
	background-image: url('../img/svg/icon-caret-right.svg');
}

.time-slider-wrapper h4 {
	margin: 0 0 1rem 3.5rem;
}

.booking-time-btn {
	min-width: 111px;
}

.slider-alt .carousel-cell,
.slider-alt-2 .carousel-cell {
	height: 125vw;
	width: 67.5vw;
}

.slider-alt .carousel-cell,
.slider-alt-2 .carousel-cell {
	margin: 0 5vw;
}

.slider-alt .carousel-cell > .slider-panel-wrapper,
.slider-alt-2 .carousel-cell > .slider-panel-wrapper {
	transform: skew(-19deg);
}

.slider-panel-bg-inner {
  top: 0; right: -32%; bottom: 0; left: -32%;
  z-index: -1;
}

.slider-panel-bg-top {
	background-color: #000;
	height: 20.875vw;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%);
	position: absolute;
	top: -1px; right: -1px; left: 0;
}

.slider-panel-bg-bottom {
	background-color: #000;
	height: 20.875vw;
	clip-path: polygon(0 0, 83% 0, 100% 100%, 0 100%);
	position: absolute;
	bottom: -1px; right: 0px; left: -1px;
}


.slider-panel-title {
	font-size: 9vw;
	margin-top: 10.4375vw;
	position: absolute;
	top: 0; right: 0; left: 0;
	transform: translateY(-50%) skew(19deg);
}

.slider-panel-description {
	font-size: 3.25vw;
	position: absolute;
	right: 25%; bottom: 0; left: 5%;
	transform: skew(19deg);
}

.slider-alt .slider-spacer,
.slider-alt-2 .slider-spacer {
	width: 100px;
}





/* Carousels */

.carousel-fade .carousel-item {
  display: block;
  opacity: 0;
  transition: opacity ease-in-out 1s;
  width: 100%;
  z-index: 0;
}

.carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1;
}

.carousel-venues {
	width: calc(100% - 230px);
}

.carousel-venues .carousel-indicators-wrapper {
	background-color: #000;
	padding-left: 50px;
	top: 0; right: -22vw; bottom: 0;
	transform: skew(-19deg);
	z-index: 2;
	width: 60vw;
}

@media (orientation: portrait) {
	.carousel-venues .carousel-indicators-wrapper {
		right: -45vw;
		width: 100vw;
	}
}

.carousel-venues-title {
	padding-right: 250px;	
}

.carousel-venues .carousel-indicators {
	direction: rtl;
	height: 350px;
	padding-right: 225px;
	padding-left: 25px;
	overflow-x: hidden;
	overflow-y: scroll;
	top: auto; right: auto; bottom: auto; left: auto;
}

.carousel-venues .carousel-indicators [data-bs-target] {
  background-color: transparent;
  border-top: none;
  border-bottom: none;	
	color: #fff;
	display: block;
	direction: ltr;
	font-family: "teko",sans-serif;
	font-size: 30px;
  height: auto;
  margin-right: auto;
  margin-left: 0;
  opacity: 1;
  position: relative;
  text-align: left;
  text-indent: 0;
  text-transform: uppercase;
  transform: skew(19deg);
  transition: opacity .6s ease;
  width: auto;
}


.carousel-venues .carousel-indicators {
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary) var(--color-secondary);
}

.carousel-venues .carousel-indicators::-webkit-scrollbar {
  width: 10px;
}

.carousel-venues .carousel-indicators::-webkit-scrollbar-track {
  background: #fff;
  padding: 4px;
}

.carousel-venues .carousel-indicators::-webkit-scrollbar-thumb {
  background: #9F9F9F;
  border-radius: 0;
  border: none;
}

.carousel-indicator-link {
	position: absolute;
	top: 0; right: 0; left: 0;
	transition-delay: 0.1s;
}

.carousel-indicator-wrapper:hover .carousel-indicator-link {
	bottom: 0;
}

.carousel-venue-gallery .carousel-inner {
	margin: 0 auto;
	width: 84%;
}

.carousel-venue-gallery img {
	height: auto;
	max-width: 124%;
	transform: translateX(-8%);
}


/* Newsletter Signup */

.section.section-newsletter {
	padding: 54px 0;
}

.newsletter-signup-strip .carousel-cell,
.newsletter-signup-strip .carousel-cell img {
	width: 84px;
}

.newsletter-signup-strip .carousel-cell.title {
	width: 550px;
}

.newsletter-signup-strip .flickity-slider {
	display: flex;
	align-items: center;
}


.newsletter-signup-title {
	font-size: 48px;
	padding: 1rem 6.5rem 0 4.5rem;
	transition: 0.25s ease;
}

/* Modals */

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

.modal-dialog-wrapper {
	overflow-y: auto;
}

.modal-dialog {
	max-width: 400px;
}

.modal-vid .modal-dialog {
	margin: 25px auto;
	max-width: calc(100% - 50px);
	width: 1140px;
}

.modal-content {
	background-color: transparent;
	border: none;
	border-radius: 0;
}

.modal-close {
	cursor: pointer;
	position: absolute;
	top: -65px; right: -170px;
	transform: scale(0.4);
}

.modal-vid .modal-close {
	top: 0px; right: 0px;
	z-index: 1;
}

.modal-bg {
	top: 50%; left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 800px;
}

.modal-newsletter {
	opacity: 0;
	pointer-events: none;
}

.modal-newsletter-title {
	transform: translateX(70px);
}

.modal-newsletter p {
	transform: translateX(20px);
}

.modal-newsletter .form-check:first-child {
	margin-left: -30px;
}

.modal-newsletter .form-check:last-child {
	margin-left: -40px;
}

.modal-newsletter .btn {
	transform: translateX(-50px) skew(-19deg);
}

.modal-game .modal-dialog {
	max-width: 75%;
}

.modal-game .modal-content {
	border: 2px solid #fff;
	font-size: 16px;
}

.modal-game.modal-game-booking .modal-content {
	border: none;
}

.modal-game-img {
  top: 0;
  right: -14%;
  bottom: 0;
  left: -14%;
}

.modal-game .modal-content p:first-child {
	letter-spacing: 0.1em;
}

.modal-game .col-modal-game-img {
	height: 140px;
}

.modal-game.modal-game-booking .col-modal-game-img {
	height: auto;
}


/* Booking Page */

.booking-input-wrapper {
	max-width: 1920px;
	padding: 0 40px;
}

.w-100.booking-input-wrapper .booking-input-inner {
	width: 100%;
}

.booking-input-wrapper .input-wrapper {
	max-width: 500px;
}

.booking-input-wrapper .btn {
	float: right;
}

.w-100.booking-input-wrapper .btn {
 	transform: skew(-19deg);
 	bottom: 0; right: 0;
}

.booking-summary {
	font-size: 14px;
}

.booking-summary .row:not(:last-child) {
	margin-bottom: 1.5rem;
}

.booking-anchor {
	position: absolute;
	top: -100px;
}


/* Carousels */

.carousel-fade .carousel-item {
  display: block;
  opacity: 0;
  transition: opacity ease-in-out 1s;
  width: 100%;
  z-index: 0;
}

.carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1;
}

.carousel-hero {
	opacity: 0.6;
}


/* Mobile Booking Menu */

.booking-menu {
	z-index: 1031;
}

.booking-menu.screen-main-active {
	z-index: 1028;
}

.booking-menu .screen {
	opacity: 0;
	padding: 108px 24px 150px;
	pointer-events: none;
	position: absolute;
	transform: translateY(-100%);
	transition: opacity 0.25s ease, transform 0s 0.25s;
	top: 0; left: 0; right: 0;
	z-index: 1031;
}

.booking-menu .screen.screen-games,
.booking-menu .screen.screen-packages {
	padding-top: 68px;
}

.booking-menu-open .booking-menu .screen.active {
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.booking-menu h2, .booking-menu h3, .row-form-group-menu label {
	font-size: 25px;
}

.booking-menu h2.larger {
	font-size: 34px;
	transform: translateY(-30px);
}

.booking-menu-fixed-bottom {
	bottom: 0; right: 0; left: 0;
	height: 72px;
	z-index: 1031;
}

.booking-menu-screen-button {
	border-top: 1px solid #707070;
	height: 79px;
	right: 0; bottom: 72px; left: 0;
	z-index: 1;
}

.booking-menu-screen-button .btn {
	margin: 0 34px;
}

.row-form-group-menu {
	border-bottom: 1px solid #707070;
	margin-bottom: 11px;
	padding: 0 10px 7px;
}

.row-form-group-menu.games-packages {
	margin-bottom: 24px;
}

.booking-menu .form-control, .booking-menu .form-select {
	font-family: "brother-1816",sans-serif;
	font-size: 14px;
}

.booking-menu .form-select option {
	color: #000;
}

.booking-menu .icon-select, .booking-menu .icon-proceed {
	right: 0;
}

.booking-menu .numberstyle-qty {
	height: 21px;
}

.booking-menu .numberstyle-qty input {
	font-size: 12px;
	width: 24px;
}

.booking-menu .numberstyle-qty .qty-btn {
	height: 17px;
	width: 17px;
}

.booking-menu .numberstyle-qty .qty-btn:after {
	background-size: 17px;
}

.booking-menu .numberstyle-qty .qty-rem:after {
  background-image: url(../img/svg/icon-number-minus-alt.svg);
}

.booking-menu .numberstyle-qty .qty-add:after {
  background-image: url(../img/svg/icon-number-plus-alt.svg);
}

.booking-menu-game-panel {
	border: 1px solid #707070;
	transform: skew(-19deg);
	margin-bottom: 20px;
	margin-left: 19px;
	margin-right: 19px;
}

.booking-menu-game-panel.package.added {
	border: 1px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(to top, #4732E6, #EF98FF);
	border-width: 1px;
}

.booking-menu-game-panel.package.added .text-gradient {
	 background: linear-gradient(to top, #4732E6, #EF98FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.booking-menu-game-panel-desc {
 	height: 30px;
}

.package .booking-menu-game-panel-desc {
 	height: 45px;
}

.booking-menu-game-panel-img {
	top: 0; right: -25px; bottom: 0; left: -25px;
}

.booking-menu-banner {
	height: 250px;
	top: 0;
	right: 0;
	left: 0;
}

.screen-slots .booking-menu-banner {
	height: 400px;
}

.booking-menu-banner-gradient {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.booking-details-summary {
	border-bottom: 1px solid #707070;
	padding-bottom: 1.5rem;
}

.booking-details-summary > div {
	border-top: 1px solid #707070;
	margin-top: 0.75rem;
	padding-top:1rem;
}

.mobile-time-slider-outer {
	margin-left: -24px;
	margin-right: -24px;
}

.mobile-time-slider .carousel-cell {
	color: #000;
	line-height: 1.1;
	margin: 0 4px;
	width: 140px;
}

.mobile-time-slider .carousel-cell > div {
	border: 1px solid #707070;
	cursor: pointer;
	padding: 1.25rem 0;
	transform: skew(-19deg);
	transition: 0.2s ease;
}

.mobile-time-slider .carousel-cell.active > div {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.mobile-time-slider .carousel-cell > div > div {
	transform: skew(19deg);
}

.mobile-time-slider .flickity-prev-next-button {
	background-color: transparent;
	box-shadow: none!important;
	outline: none!important;
	z-index: 2;
}

.mobile-time-slider .flickity-prev-next-button path {
	fill: #a2a2a2;
}

.mobile-time-slider .flickity-prev-next-button.previous {
	left: 0;
}

.mobile-time-slider .flickity-prev-next-button.next {
	right: 0;
}

.mobile-time-slider-outer .gradient-left,
.mobile-time-slider-outer .gradient-right {
	pointer-events: none;
	position: absolute;
	top: 0; bottom: 0;
	width: 64px;
}

.mobile-time-slider-outer .gradient-left {
	background: linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
	left: 0;
}

.mobile-time-slider-outer .gradient-right {
	background: linear-gradient(-90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
	right: 0;
}

.mobile-time-slider-wrapper:not(:last-child) {
	margin-bottom: 1.5rem;
}

.mobile-time-slider-outer-bottom {
    background-image: url(../img/svg/trim-section-top.svg);
    background-size: auto 20px;
    right: 0; bottom: -1px; left: 0;
    height: 20px;
    z-index: 1;
}

.mobile-time-slider-outer-top {
    background-image: url(../img/svg/trim-section-top-white.svg);
    background-size: auto 20px;
    top: -19px; right: 0; left: 0;
    height: 20px;
    z-index: 1;
}

.mobile-menu-details-form .form-control {
	font-weight: 400;
	padding: 0.75rem 1.5rem;
	text-transform: none;
}


/* Venue Panels */

.section.venue-panels, .section.packages-index-section {
	padding-top: 0;
}

.venue-panel {
	border: 2px solid #fff;
	margin: 0 auto;
	height: 240px;
	width: 360px;
}

.venue-panel video {
	height: 100%;
	width: 124%;
	left: -12%;
}

.venue-panel.coming-soon .stretched-link,
.venue-panel.coming-soon .shape-hero-bottom-right img,
.carousel-indicator-wrapper.coming-soon .carousel-indicator-link {
	display: none;
}

.venue-panel.coming-soon:after {
	align-items: center;
	color: #fff;
	content: 'Coming soon';
	display: flex;
	font-family: "teko",sans-serif;
	font-size: 40px;
  font-weight: 400;
  line-height: 1;
	justify-content: center;
	position: absolute;
	text-transform: uppercase;
	top: 0; right: 0; bottom: 0; left: 0;
	transform: skew(19deg);
}

.carousel-indicator-wrapper.coming-soon button {
	cursor: default;
}

.venue-panel .shape-hero-top-left,
.venue-panel .shape-hero-bottom-right {
	height: 60%;
	width: 16%;
}

.venue-panel .shape-hero-bottom-right img {
	right: 35%; bottom: 27px;
}

.venue-panel-label {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	bottom: 0; left: 0;
	/*opacity: 0;*/
	padding: 1.25rem;
	/*transition: 0.2s ease-out;
	transform: translateX(-50%) translateY(100%);*/
}

/*.venue-panel:hover .venue-panel-label,
.venue-panel.coming-soon .venue-panel-label {
	opacity: 1;
	transform: translateX(0) translateY(0);
}*/

.venue-panel-label h2 {
	font-size: 28px;
	transform: skew(-19deg);
}

h1.title-xxl.venue-welcome {
	font-size: 12vw!important; white-space: nowrap;
}


/* Shape Panels */

@media (max-width: 575px) { 
	.col-package-panel {max-width: 430px; width: 430px;}
	.container.container-venue-packages {padding-left: 0; padding-right: 0;}
}

.l7-panel-inner {
	top: 21%; right: 22%; bottom: 21%; left: 22%;
	transform: skew(-20deg);
}

.l7-panel-inner .btn {
	transform: skew(0deg)!important;
}

.l7-panel-inner .btn.btn-book-mobile span,
.l7-panel-inner .btn.btn-black span,
.l7-panel-inner .btn.btn-white span {
	transform: scale(1.4) skew(19deg);
}

.l7-panel-inner h2 {
	font-size: 60px;
}

.l7-panel-inner p {
	font-size: 14px;
}

.l7-panel-inner .small-print {
	font-size: 11px;
}

.l7-panel-inner .btn {
  padding: 0.7rem 0 0.5rem;
}

.l7-panel-inner .package-itinerary p:before, 
.package-panel .package-itinerary p:before,
.game-panel-overlay .package-itinerary p:before {
	background-image: url('../img/svg/icon-ticket.svg');
	background-size: 100%;
	content: '';
	display: inline-block;
	height: 20px;
	width: 16px;
	margin-right: 1.5rem;
	transform: translateY(5px);
}

.l7-panel-inner .package-itinerary.white p:before, 
.package-panel .package-itinerary p:before,
.game-panel-overlay .package-itinerary p:before {
	background-image: url('../img/svg/icon-ticket-white.svg');
}



/* Gradients */

.gradient-black-top {
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	height: 108px;
	position: absolute;
	top: 0; right: 0; left: 0;
}


.gradient-black-bottom {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	height: 108px;
	position: absolute;
	right: 0; bottom: 0; left: 0;
}

.gradient-black-bottom.lg {
	height: 100%;
}


/* Venue Gallery */

.section.section-venue-gallery {
	padding-top: 125px;
	padding-bottom: 125px;
}

.section-venue-gallery h3 {
	font-size: 36px;
}

.venue-gallery-outline-1 {
	pointer-events: none;
	top: -115%; left: -50%;
	width: 450px;
}

.venue-gallery-outline-2 {
	pointer-events: none;
	right: -63%; bottom: -165%;
	width: 450px;
}



/* Venue Contact Info */

.venue-contact-info-inner {
	max-width: calc(100% - 40px);
}

@media (max-width: 575px) { 
	.venue-contact-info-inner {padding-bottom: 0;}
}

.venue-contact-img-wrapper {
	width: 120%;
}

.venue-contact-img {
	right: 0%; left: -11vw;
}

.venue-contact-info-logo {
	width: 80%;
}


/* Package Page */

.package-banner-info h2 {
	font-size: 32px;
}

.package-banner-info h4 {
	font-size: 24px;
}

.package-content-img {
	opacity: 0.5;
}

.package-content-panel-inner {
	top: 20%; right: 25%; bottom: 20%; left: 25%;
}

.package-content-panel-inner h2 {
	font-size: 9vw;
}

.package-share a {
	position: relative;
	width: 84px;
}

.package-share a img:last-child {
	position: absolute;
	top: 50%; left: 50%;
	transform: translateY(-50%) translateX(-50%);
	height: 27px;
	width: auto;
}

.section-package-gallery-gradient {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,1) 100%);
	top: -10%; bottom: -10%;
}

.section-package-gallery-gradient.darker {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,1) 100%);
}

.slider.package-gallery .carousel-cell {
	height: 158px; width: 280px;
}

.slider.package-gallery .carousel-cell > div {
	border: none;
	transform: skew(-19deg) translateX(75px);
}

.slider.package-gallery .carousel-cell > div > div {
	top: 0; right: -10%; bottom: 0; left: -10%;
}

.when-btn {
	font-size: 9px;
	text-transform:none; 
	line-height:1.2;
}


/* Text Reveal */

h2.text-reveal {
	font-size: 36px;
}

.text-reveal.visible span {
	animation: fade-in 1.2s forwards;
	opacity: 0;
}

.text-reveal span:nth-child(1) {
	animation-delay: 0.2s;
}

.text-reveal span:nth-child(2) {
	animation-delay: 0.4s;
}

.text-reveal span:nth-child(3) {
	animation-delay: 0.6s;
}

.text-reveal span:nth-child(4) {
	animation-delay: 0.8s;
}

.text-reveal span:nth-child(5) {
	animation-delay: 1s;
}

.text-reveal span:nth-child(6) {
	animation-delay: 1.2s;
}

.text-reveal span:nth-child(7) {
	animation-delay: 1.4s;
}

.text-reveal span:nth-child(8) {
	animation-delay: 1.6s;
}

.text-reveal span:nth-child(9) {
	animation-delay: 1.8s;
}

.text-reveal span:nth-child(10) {
	animation-delay: 2s;
}

.text-reveal-2.visible span {
	animation: fade-in 1.2s forwards 1.8s;
	opacity: 0;
}

.text-reveal-2 span:nth-child(1) {
	animation-delay: 2s;
}

.text-reveal-2 span:nth-child(2) {
	animation-delay: 2.2s;
}

.text-reveal-2 span:nth-child(3) {
	animation-delay: 2.4s;
}

.text-reveal-2 span:nth-child(4) {
	animation-delay: 2.6s;
}

.text-reveal-2 span:nth-child(5) {
	animation-delay: 2.8s;
}

.text-reveal-2 span:nth-child(6) {
	animation-delay: 3s;
}


/* New Homepage Venue Panel */

.homepage-venue-panel {
	height: 520px;
}

.homepage-venue-panel > div {
	border: 2px solid #fff;
}

.homepage-venue-panel > div > div {
	top: 0; right: 0; bottom: 0;
}

.homepage-venue-panel-text {
	bottom: 0; right: 0;
}


/* Gift Vouchers */

.gift-vouchers-panel {
	border: 2px solid #fff;
}

.gift-vouchers-panel {
	padding: 25px 35px 25px 25px;
}

.gift-vouchers-panel h3 {
	font-size: 36px;
	transform: translateX(55px);
}

.gift-vouchers-panel .input-wrapper.first {
	transform: translateX(35px);
}

.gift-vouchers-panel .input-wrapper.last {
	transform: translateX(10px);
}

	
.gift-vouchers-small-print {
	font-size: 11px; 
	transform: translateX(-30px);
}

.gift-vouchers-panel .btn {
	margin-right: 55px;
}

.modal-dialog.modal-dialog-voucher-terms {
	max-width: 720px;
}

.modal-voucher-terms-inner {
	width: 55%;
}

.modal-dialog-voucher-terms .modal-close {
	top: 20vw; right: 4vw;
	width: 36px;
}


/* New Booking Bits */

.booking-gradient-bottom {
	background: linear-gradient(0deg, rgba(0,0,0,0.75) 10%, rgba(0,0,0,0) 100%);
	height: 350px;
	position: absolute;
	right: 0; bottom: 0; left: 0;
}

.package-label {
	position: absolute;
	top: -2px; right: -2px;
}


/* Big Booking Page */

.pdf-downloads .btn svg {
	height: 24px;
	width: 24px;
}


/* Venue Packages */

.venue-package-panel:nth-child(odd) h2,
.venue-package-panel:nth-child(odd) p,
.venue-package-panel:nth-child(odd) .text-black {
	color: #fff!important;
}

.venue-package-panel:nth-child(odd) .venue-package-outline img:first-child {
	display: none!important;
}

.venue-package-panel:nth-child(odd) .venue-package-outline img:last-child {
	display: block!important;
}

.venue-package-panel:nth-child(odd) .package-itinerary p:before {
	background-image: url(../img/svg/icon-ticket-white.svg);
}

.venue-package-panel:nth-child(odd) .btn-black {
	background-color: #fff;
	border-color: #fff;
	color: #000!important;
}

.venue-package-panel:nth-child(odd) .btn-black:hover {
	background-color: #000;
	color: #fff!important;
}

.venue-package-panel:nth-child(odd) .btn-inverse {
	border-color: #fff;
	color: #fff!important;
}

.venue-package-panel:nth-child(odd) .btn-inverse:hover {
	background-color: #fff;
	color: #000!important;
}

/*
Additional for booking page
*/

.carousel-cell.disabled
{
	pointer-events:none;
	cursor: not-allowed;
}
.carousel-cell.disabled > div
{
	border: 1px solid #565353;
    color: #565353;
    cursor: not-allowed;
	pointer-events:none;
}

.time-slider .carousel-cell > div > div > div:last-child {
	font-size: 80%;
}


/* Venue Terms and Conditions Modal */

.modal-terms-and-conditions {
	max-width: 960px!important;
}

.modal-terms-and-conditions-section {
	border-bottom:;
}


/* Media Queries */

/* 576px */
@media (min-width: 576px) { 
	.footer-bottom {background-size: 600%;}
	.booking-input-wrapper {border: 2px solid #fff; padding: 35px 100px 100px; transform: skew(-19deg); width: 100%;}
	.booking-input-wrapper.booking-input-wrapper-time {border: none;}
	.booking-input-inner {transform: skew(19deg);}
	.booking-input-wrapper .btn {position: absolute;bottom: 32px;right: 32px;transform: skew(0); float: none;}
	.w-100.booking-input-wrapper {padding: 50px 50px 35px;}
	.w-100.booking-input-wrapper .booking-input-inner {width: 40%;}
	.time-slider-wrapper {margin-bottom: 4rem;transform: translateX(-50px);width: calc(100% + 100px);}
	.booking-summary {font-size: 16px;}
	/*.booking-input-wrapper .input-wrapper {padding: 0 60px;}*/
	.hero-venue-logo {max-width: 360px;}
	.l7-panel-inner h2 {font-size: 72px;}
	.l7-panel-inner p {font-size: 16px;}
	.l7-panel-inner .btn {padding: 1.2rem 0 1rem;}
	.section-venue-gallery h3 {font-size: 36px;}
	.venue-gallery-outline-1 {top: -115%; left: -57%; width: 400px;}
	.venue-gallery-outline-2 {right: -40%; bottom: -175%; width: 400px;}
	.section.section-venue-gallery {padding-top: 125px;padding-bottom: 125px;}
	.container-venue-packages {padding-left: 20px;padding-right: 20px;width: 100%;margin-left: auto;}
	.l7-panel-inner .small-print {font-size: 12px;}
	.l7-panel-inner .package-itinerary p:before, .game-panel-overlay .package-itinerary p:before {transform: translateY(4px);}
	h1.title-xxl, h2.title-xxl {font-size: 80px!important;}
	.package-content-panel-inner h2 {font-size: 48px;}
	.slider.package-gallery .carousel-cell {height: 270px; width: 480px;}
	.when-btn {font-size: 12px;}
	.video-wrap-text {font-size: 40px;}
	.video-wrap-text.top {transform: skew(-19deg) translateY(10%);max-width: 400px;min-height: 120px;}
	.video-wrap-text.bottom {transform: skew(-19deg) translateY(0);max-width: 280px;min-height: 80px;}
	.slider-alt .carousel-cell,.slider-alt-2 .carousel-cell {height: 100vw;width: 54vw;}
	.slider-alt .carousel-cell,.slider-alt-2 .carousel-cell {margin: 0 4vw;}
	.slider-panel-bg-top,.slider-panel-bg-bottom {height: 16.7vw;}
	.slider-panel-title {font-size: 7.2vw;margin-top: 8.35vw;}
	.slider-panel-description {font-size: 2.6vw;}
	.modal-game .modal-dialog {max-width: 360px;}
	.modal-game .modal-content {font-size: 18px;}
	.modal-game .col-modal-game-img {height: 240px;}
	h2.text-reveal {font-size: 48px;}
	.homepage-venue-panel {height: 640px;}
	.shape-hero-bottom-left {left: 60px;}
	.modal-voucher-terms-inner {font-size: 17px;}
	.modal-dialog-voucher-terms .modal-close {top: 20vw; right: 4vw;}
	.game-panel-video {height: 300px;}
	.game-panel-video video {left: -52px; width: 122%;}
	.venue-panel {height: 320px; width: 100%;}
}

/* 768px */
@media (min-width: 768px) { 
	.container, .container-fluid, .awsm-job-container {padding-left: 40px; padding-right: 40px;}
	.navbar {height: 90px; padding: 0 25px;}
	.navbar-logo, .navbar-logo-hover {width: 295px;}
	.navbar-close {top: 58px; left: 103px;}
	.faqs {padding: 162px 56px 175px 103px;}
	.menu {padding: 163px 500px 25px 75px;}
	.btn-book {background-color: transparent;border: none;border-bottom: none;bottom: 40px; left: 65px;height: auto;transform: none;width: auto;}
	.btn-book:hover {background-color: transparent;}
	.btn-book span {transform: skew(-20deg) translateY(0) translateX(-100%); top: -26px; right: -100px; bottom: -40px; left: -100px; transition: 0.25s ease;}
	.btn-book:hover span, body.menu-open .btn-book span {transform: skew(-20deg) translateY(0) translateX(0%);}
	.footer-bottom {background-size: 500%;}
	.footer-legal {font-size: 18px; letter-spacing: 0;}
	.footer-legal a:not(:last-child) {margin-bottom: 2rem;}
	.footer-social-hash {font-size: 18px; margin-bottom: 2rem;}
	.footer-social {margin-bottom: 2.1rem;}
	.faqs .menu-inner {width: 592px;}
	.modal-newsletter {opacity: 1; pointer-events: auto;}
	.game-panel-bg.featured {height: 500px;}
	.row-game-panels {margin-bottom: -35px;}
	.col-game-panel {margin-bottom: 35px;}
	.game-panel p {font-size: 16px;}
	.game-panel.featured p {max-width: 450px;}
	.game-panel.featured h3 {font-size: 44px;}
	.booking-input-wrapper {width: 700px;}
	.time-slider .carousel-cell {width: 50%;}
	.w-100.booking-input-wrapper .booking-input-inner {width: 352px;}
	.w-100.booking-input-wrapper {padding: 50px 100px 35px;}
	.booking-summary {font-size: 18px;}
	.btn-book-wrapper {top: 0; right: 22px; padding-right: 52px;}
	body.scrolled .btn-book-wrapper {right: 22px;}
	.btn-book svg {width: 120px;}
	.book-animation {width: 160px;}
	.navbar-logo-wrapper img {width: 180px;}
	.menu h2 {font-size: 63px;}
	.menu h2:not(:last-child) {margin-bottom: 27px;}
	.menu-dropdown-menu {font-size: 16px;}
	.text-xxl {font-size: 21px;}
	.text-xl {font-size: 18px;}
	.hero-venue-logo {max-width: 480px;}
	.slider .flickity-button, .slider-alt .flickity-button,  .slider-alt-2 .flickity-button {height: 48px; width: 40px;}
	.slider .flickity-prev-next-button.previous, .slider-alt .flickity-prev-next-button.previous, .slider-alt-2 .flickity-prev-next-button.previous {left: 90px;}
	.slider .flickity-prev-next-button.next,.slider-alt .flickity-prev-next-button.next,.slider-alt-2 .flickity-prev-next-button.next {left: 145px;}
	.slider .flickity-button:after,.slider-alt .flickity-button:after,.slider-alt-2 .flickity-button:after {background-size: 14px 22px;}
	.l7-panel-inner h2 {font-size: 90px;}
	.l7-panel-inner p {font-size: 18px;}
	.l7-panel-inner .small-print {font-size: 14px;}
	.l7-panel-inner .package-itinerary p:before, .game-panel-overlay .package-itinerary p:before {transform: translateY(3px);}
	.venue-contact-info-inner {max-width: 500px;}
	h1.title-xxl, h2.title-xxl, h1.title-xxl.venue-welcome {font-size: 85px!important;}
	.package-banner-info h2 {font-size: 48px;}
	.package-banner-info h4 {font-size: 36px;}
	.package-content-panel-inner h2 {font-size: 63px;}
	.slider.package-gallery .carousel-cell {height: 293px; width: 520px;}
	.slider.package-gallery .carousel-cell > div {transform: skew(-19deg) translateX(150px);}
	.when-btn {font-size: 14px;}
	.slider .carousel-cell > div {transform: skew(-19deg) translateX(150px);}
	.slider .carousel-cell {margin-right: 45px;	width: 400px;}
	.slide-bg {height: 250px; margin: 0 -50px;}
	.slider h3 {font-size: 80px; margin: 10px 10px 0 45px;}
	.slider-title {margin: 0 0 50px 175px;}
	.video-wrap-text {font-size: 48px;}
	.video-wrap-text.top {transform: skew(-19deg) translateY(10%);max-width: 500px;min-height: 144px;}
	.video-wrap-text.bottom {transform: skew(-19deg) translateY(0);max-width: 360px;min-height: 96px;}
	.l7-panel-inner .btn {padding: 1.5rem 0 1.1rem;font-size: 32px;}
	.slider-alt .carousel-cell, .slider-alt-2 .carousel-cell {height: 75vw;width: 40.5vw;}
	.slider-alt .carousel-cell,.slider-alt-2 .carousel-cell {margin: 0 3vw;}
	.slider-panel-bg-top,.slider-panel-bg-bottom {height: 12.525vw;}
	.slider-panel-title {font-size: 5.4vw;margin-top: 6.2625vw;}
	.slider-panel-description {font-size: 1.95vw;}
	.modal-game .modal-dialog {max-width: 480px;}
	.modal-game .modal-content {font-size: 24px;}
	.modal-game .col-modal-game-img {height: 300px;}
	.package-panel-overlay > div {padding: 1.5rem 2rem;}
	.package-panel-overlay h3 {margin-bottom: 1rem;}
	.package-hover-info p {margin-bottom: 1rem;}
	.package-panel-overlay .slide-content {padding: 0 0 5px 25px;}
	h2.text-reveal {font-size: 64px;}
	.homepage-venue-panel, .homepage-venue-panel > div {height: 100%;}
	.homepage-venue-panel > div > div {padding: 35px;}
	.gift-vouchers-panel {padding: 40px 50px 40px 60px;}
	.gift-vouchers-small-print {font-size: 14px; transform: translateX(-45px);}
	.gift-vouchers-panel .btn {margin-right: 28px;}
	.gift-vouchers-panel h3 {font-size: 48px; transform: none;}
	.gift-vouchers-panel .input-wrapper.first, .gift-vouchers-panel .input-wrapper.last {transform: none;}
	.modal-dialog-voucher-terms .modal-close {top: 17%; right: 5%;}
	.trim-section-top.venue-page-trim.below-hero {background-size: auto 38px;height: 38px;margin-top: -38px;}
	.venue-video-banner,.venue-hero-spacer {height: 100%;}
	.section.section-venue-intro {padding-top: 108px;padding-bottom: 108px;}
	.hamburger {right: 14px; transform: translateY(1px);}
	.game-panel-info-icon-alt {right: 0;}
	.game-panel-video {height: 200px;}
	.game-panel-video video {left: -36px; width: 124%;}
	.row-booking-cta {transform: translateX(-50px);}
	.venue-panel {height: 240px;}
}

/* 992px */
@media (min-width: 992px) { 
	.footer-bottom {background-size: 400%;}
	.booking-input-wrapper {width: 900px;}
	.time-slider .carousel-cell {width: 33.333%;}
	.w-100.booking-input-wrapper .booking-input-inner {width: 500px;}
	.section-venue-gallery h3 {font-size: 48px;}
	.venue-gallery-outline-1 {top: -125%; left: -75%; width: 640px;}
	.venue-gallery-outline-2 {right: -65%; bottom: -200%; width: 640px;}
	.section.section-venue-gallery {padding-top: 190px;padding-bottom: 190px;}
	h1.title-xxl, h2.title-xxl, h1.title-xxl.venue-welcome {font-size: 110px!important;}
	.slider.package-gallery .carousel-cell {height: 405px; width: 720px;}
	.modal-game .modal-dialog {max-width: 850px;}
	.modal-game .modal-content {font-size: 21px;}
	.modal-game .col-modal-game-img {height: auto;}
	.modal-game.modal-game-booking .modal-dialog {max-width:800px;}
	.modal-game.modal-game-booking .modal-content {min-height: 380px;}
	.carousel-venues .carousel-indicators-wrapper {right: -23vw; width: 55vw;}
	@media (orientation: portrait) {.carousel-venues .carousel-indicators-wrapper {right: -40vw; width: 90vw;}}
	.gift-vouchers-small-print {font-size: 15px;}
	.game-panel-bg {height: 426px;margin: 0 -73px;}
	.game-panel-video {height: 300px;}
	.game-panel-video video {left: -56px; width: 126%;}
	.row-booking-cta {transform: translateX(0);}
	.venue-panel {height: 320px;}
}

/* 1200px */
@media (min-width: 1200px) { 
	.footer-bottom {background-size: 250%;}
	.shape-hero-left-lg {clip-path: polygon(68% 0, 100% 0, 100% 100%, 0 100%); width: 590px;}
	.shape-hero-left-lg > div {width: 360px;}
	.shape-link-lg {font-size: 68px;}
	.shape-link-lg img {width: 16px;}
	.section.section-newsletter {padding: 108px 0;}
	.modal-dialog {max-width: 300px;}
	.modal-close {top: -50px; right: -140px; transform: scale(0.4);}
	.modal-bg {width: 600px;}
	.modal-newsletter-title {transform: translateX(70px); width: 240px; margin-bottom: 1.5rem!important;}
	.modal-newsletter p {transform: translateX(20px); font-size: 14px; margin-bottom: 1.5rem!important;}
	.modal-newsletter .form-check:first-child {margin-left: -30px;}
	.modal-newsletter .form-check:last-child {margin-left: -40px;}
	.modal-newsletter .btn {transform: translateX(-50px) skew(-19deg);}
	.time-slider .carousel-cell {width: 25%;}
	.w-100.booking-input-wrapper .booking-input-inner {width: 696px;}
	.newsletter-signup-title {font-size: 72px;}
	.newsletter-signup-strip .carousel-cell,.newsletter-signup-strip .carousel-cell img {width: 112px;}
	.newsletter-signup-strip .carousel-cell.title {width: 760px;}
	.l7-panel-inner .small-print {font-size: 11px;}
	.venue-contact-info-inner {max-width: 400px;}
	h1.title-xxl, h2.title-xxl, h1.title-xxl.venue-welcome {font-size: 140px!important;}
	.package-banner-info h2 {font-size: 63px;}
	.package-content-panel-inner h2 {font-size: 48px;}
	.slider.package-gallery .carousel-cell {height: 540px; width: 960px;}
	.when-btn {font-size: 12px;}
	.video-wrap-text {font-size: 64px;}
	.video-wrap-text.top {transform: skew(-19deg) translateY(10%);max-width: 600px;min-height: 192px;}
	.video-wrap-text.bottom {transform: skew(-19deg) translateY(-15%);max-width: 500px;min-height: 128px;}
	.l7-panel-inner h2 {font-size: 74px;}
	.col-package-panel:nth-child(odd) {transform: translateX(55px);}
	.col-package-panel:nth-child(even) {transform: translateX(-55px);}
	.l7-panel-inner .btn {padding: 1.5rem 0 1.1rem;font-size: 32px;}
	.l7-panel-inner p {font-size: 14px;}
	.slider-alt .carousel-cell, .slider-alt-2 .carousel-cell {height: 50vw;width: 27vw;}
	.slider-alt .carousel-cell,.slider-alt-2 .carousel-cell {margin: 0 2vw;}
	.slider-panel-bg-top,.slider-panel-bg-bottom {height: 8.35vw;}
	.slider-panel-title {font-size: 3.6vw;margin-top: 4.175vw;}
	.slider-panel-description {font-size: 1.3vw;}
	.modal-game .modal-dialog {max-width: 1000px;}
	.modal-game .modal-content {font-size: 27px;}
	.modal-game.modal-game-booking .modal-dialog {max-width:800px;}
	.modal-game.modal-game-booking .modal-content {min-height: 380px;}
	h2.text-reveal {font-size: 76px;}
	.homepage-venue-panel > div > div {padding: 50px;}
	.venue-panel {height: 360px;}
	.venue-contact-info-logo {width: 100%;}
}

/* 1400px */
@media (min-width: 1399px) { 
	.section.footer > .container-fluid {max-width: 1368px;}
	.row-game-panels {transform: translateX(30px);}
	.game-panel-bg {height: 426px;margin: 0 -73px;}
	.game-panel.featured {transform: translateX(10px);}
	.game-panel.featured .game-panel-bg {height: 450px;}
	.package-content-panel-inner h2 {font-size: 63px;}
	.when-btn {font-size: 14px;}
	.l7-panel-inner h2 {font-size: 70px;}
	.l7-panel-inner p {font-size: 18px;}
	h2.text-reveal {font-size: 92px;}
	.carousel-venues .carousel-indicators-wrapper {right: -23vw; width: 50vw;}
	.venue-panel {height: 400px;}
}

/* 1700px */
@media (min-width: 1700px) { 
	.navbar {height: 118px;padding: 0 40px;}
	.booking-cta-panel {width: 874px;}
	.booking-cta-title {margin-bottom: 100px;transform: translateX(39%); width: 535px;}
	.booking-cta-panel p {max-width: 450px;transform: translateX(42%); font-size: 25px;}
	.slider .carousel-cell {margin-right: 60px;	width: 610px;}
	.slider-spacer {width: 360px;}
	.slider .carousel-cell > div {transform: skew(-19deg);}
	.slide-bg {height: 356px;margin: 0 -73px;}
	.slide-content {padding: 25px 0;}
	.slider h3 {font-size: 112px;margin: 15px 10px 1rem 60px;min-height: 123px;}
	.slider p {font-size: 22px;margin-left: 15px;}
	.slider .btn {font-size: 48px; margin-right: 60px;}
	.slider .btn span {padding: 1rem 2rem 0.5rem 1.25rem;}
	.slider .flickity-prev-next-button.previous {left: 157px;}
	.slider .flickity-prev-next-button.next {right: auto; left: 196px;}
	.btn {font-size: 36px; padding: 1.45rem 3rem 1.1rem;}
	.row-booking-cta {justify-content: end!important;}
	.slider-title {margin: 0 0 50px 250px;}
	.section.section-newsletter {padding: 216px 0;}
	.modal-dialog {max-width: 400px;}
	.modal-close {top: -65px; right: -170px; transform: scale(0.65);}
	.modal-bg {width: 800px;}
	.modal-newsletter-title {transform: translateX(70px); width: auto; margin-bottom: 3rem!important;}
	.modal-newsletter p {transform: translateX(20px); font-size: 18px; margin-bottom: 3rem!important;}
	.modal-newsletter .form-check:first-child {margin-left: -30px;}
	.modal-newsletter .form-check:last-child {margin-left: -40px;}
	.modal-newsletter .btn {transform: translateX(-50px) skew(-19deg);}
	.booking-hero-content {margin-bottom: 150px;}
	.hero-title.mobile {display: none!important;}
	.hero-title {height: 120px; margin: 0 auto 50px; transform: none; text-align: center; display: block!important;}
	.hero-booking-options-title span:first-child {font-size: 64px; margin: 0 50px 25px 0;}
	.hero-booking-options-title span:last-child {font-size: 68px;}
	.booking-hero .input-wrapper {margin-left: 70px; margin-bottom: 50px;}
	.form-control, .form-select, .awsm-job-form-control {font-size: 36px; padding: 0.9rem 2rem 0.4rem;}
	.icon-select {top: 50%; right: 30px; width: 20px;}
	.section-game-panels {margin-top: -100px;}
	.game-panel p {font-size: 22px;}
	.game-panel.featured p {max-width: 650px;}
	.game-panel.featured h3 {font-size: 60px;}
	/*.game-panel h3 {font-size: 52px;}*/
	.booking-input-text {transform: translateY(11px); font-size: 36px;}
	/*input[type="date" i]::-webkit-calendar-picker-indicator,*/ input[type="time" i]::-webkit-calendar-picker-indicator {transform: translateY(-3px);}
	.numberstyle-qty {height: 71px;}
	.numberstyle-qty input {width: 64px;font-size: 36px;}
	.text-xl {font-size: 21px;}
	.text-xxl {font-size: 25px;}
	.time-slider-wrapper h4 {position: absolute; top: 50%; left: -200px;transform: translateY(-50%); margin: 0.15rem 0 0 0; max-width: 160px; font-size: 27px;}
	.input-wrapper .form-control.date {height: auto;}
	.booking-summary {font-size: 21px;}
	.hamburger {right: 22px;}
	.btn-book-wrapper {top: 0; right: 40px; padding-right: 62px;}
	.btn-book svg {width: 160px;}
	.navbar-logo-wrapper img {width: 296px;}
	.book-animation {width: 210px;}
	.newsletter-signup-strip .carousel-cell,.newsletter-signup-strip .carousel-cell img {width: 136px;}
	.newsletter-signup-strip .carousel-cell.title {width: 970px;}
	.newsletter-signup-title {font-size: 96px;}
	.footer-animation {margin-bottom: 2.5rem;}
	.carousel-venues {width: 100%;}
	.carousel-venues .carousel-indicators-wrapper {padding-left: 75px;}
	.carousel-venues-title {padding-right: 250px;}
	.carousel-venues .carousel-indicators {height: 470px; padding-right: 250px; padding-left: 25px;}
	.carousel-venues .carousel-indicators [data-bs-target] {font-size: 40px;}
	.hero-venue-logo {max-width: 640px;}
	h1.title-xl, h2.title-xl {font-size: 124px;}
	.my-xxxl-5 {margin-top: 3rem!important; margin-bottom: 2.5rem!important;}
	.l7-panel-inner p {font-size: 21px;}
	.section-venue-gallery h3 {font-size: 63px;}
	.venue-gallery-outline-1 {top: -150%; left: -85%; width: 960px;}
	.venue-gallery-outline-2 {right: -75%; bottom: -225%; width: 960px;}
	.section.section-venue-gallery {padding-top: 300px;padding-bottom: 300px;}
	.l7-panel-inner .small-print {font-size: 16px;}
	.l7-panel-inner h2 {font-size: 106px;}
	.l7-panel-inner .package-itinerary p:before {transform: translateY(2px);}
	.venue-contact-info-inner {max-width: 600px;}
	h1.title-xxl, h2.title-xxl, h1.title-xxl.venue-welcome {font-size: 192px!important;}
	.slider.package-gallery .carousel-cell {height: 720px; width: 1280px;}
	.slider.package-gallery .carousel-cell > div {transform: skew(-19deg) translateX(250px);}
	.video-wrap-text {font-size: 80px;}
	.video-wrap-text.top {transform: skew(-19deg) translateY(10%);max-width: 700px;min-height: 240px;}
	.video-wrap-text.bottom {transform: skew(-19deg) translateY(-15%);max-width: 600px;min-height: 160px;}
	.container.container-venue-packages {max-width: 1516px;}
	.modal-game .modal-dialog {max-width: 1350px;}
	.modal-game.modal-game-booking .modal-dialog {max-width:900px;}
	.modal-game .modal-content {font-size: 36px; min-height: 660px;}
	.modal-game.modal-game-booking .modal-content {min-height: 440px;}
	.package-panel-overlay .top p {font-size: 27px;}
	.package-panel-overlay > div {padding: 2rem 3rem;}
	.package-panel-overlay h3 {margin-bottom: 1.5rem;}
	.package-hover-info p {margin-bottom: 1.5rem;}
	.package-panel-overlay .slide-content p {font-size: 22px;}
	.slider-spacer-start {width: 200px;}
	h2.text-reveal {font-size: 92px;}
	.homepage-venue-panel > div > div {padding: 75px;}
	.gift-vouchers-small-print {font-size: 17px;}
	.gift-vouchers-panel .btn {margin-right: 34px;}
	.game-panel-content {padding: 50px; }
	.featured .game-panel-content {padding: 45px 55px;}
	.game-panel-video {height: 428px;}
	.game-panel-video video {left: -73px; width: 130%;}
	.section.venue-panels, .section.packages-index-section {padding-top: 72px;}
	.venue-contact-info-logo {width: 80%;}
}

/* Min 1920 */
@media (min-width: 1921px) { 
	.slider-alt .carousel-cell, .slider-alt-2 .carousel-cell {height: 928px;width: 520px;}
	.slider-alt .carousel-cell,.slider-alt-2 .carousel-cell {margin: 0 40px;}
	.slider-panel-bg-top {height:160px;}
	.slider-panel-bg-bottom {height:160px;}
	.slider-panel-title {font-size: 68px;margin-top: 80px;}
	.slider-panel-description {font-size: 25px;}
	.carousel-venues .carousel-indicators-wrapper {right: -23vw; width: 48vw;}
}

/* Min 2560 */
@media (min-width: 2561px) { 
	.carousel-venues .carousel-indicators-wrapper {right: -23vw; width: 43vw;}
}

/* max 1700px */
@media (max-width: 1699px) { 
	.game-panel-overlay-price {bottom: 25px; right: 30px;}
	.game-panel-overlay {padding: 60px 40px 40px;}
	.game-panel.featured .game-panel-overlay p.blurb {font-size: 22px;}
}


/* max 992px */
@media (max-width: 991px) { 
	.game-panel.featured .game-panel-overlay .inner h3 {font-size: 56px;}
	.game-panel.featured .game-panel-overlay p.blurb {font-size: 18px;}
	.game-panel-overlay-price {right: 27px;}
}


/* max 768px */
@media (max-width: 767px) { 
	.section.section-events-slider, .section-package-gallery {padding-bottom: 0;}
	.packages-index-section {padding-top: 0;}
	.hero-play-video {bottom: 20px;right: 20px;}
	.hero-overlay {height: auto; top: 50%; width: 90%; transform: translateY(-50%);}
	.booking-options-title span:last-child {font-size: 30px;}
	.booking-options-title span:first-child {font-size: 48px;margin-right: 25px;}
	.game-panel-overlay {padding: 40px 40px 30px;}
	.game-panel-overlay-price {bottom: 25px; right: 28px;}
	.game-panel.featured .game-panel-overlay p.blurb {font-size: 16px;}
	.booking-cta-btns {transform: translateX(0);}
	.booking-cta-btns .btn:first-child {transform: translateX(0) skew(-19deg);}
	.booking-cta-btns .btn:last-child {transform: translateX(0) skew(-19deg);}
	.booking-times-container .booking-input-inner {width:100%!important;}
	/*.time-slider-wrapper .flickity-viewport {overflow: visible;}*/
	.time-slider .carousel-cell {width: 100%;}
	.below-hero {margin-top: -24px;}
	.trim-section-top {background-size: auto 24px; height: 24px;}
	
	.gift-vouchers-panel.skew{transform:none!important;}
}


/* max 576px */
@media (max-width: 575px) {
	.venue-gallery-title {position: absolute; top: 35%; left: 5%; z-index: 3;}
	.offset-honeycomb {background-size: 300%;}
	.booking-input-wrapper-summary {background-color: transparent!important;}
	.booking-input-wrapper-summary .text-black {color: #fff!important;}
	.booking-input-wrapper-summary .btn-confirm {border-color: #fff; color: #fff!important; width: 100%;}
	.booking-input-wrapper-summary .btn-confirm:hover {background-color: #fff; color: #000!important;}
	.section.section-bookings {padding-bottom: 75px;}
	.section.section-bookings.last {padding-bottom: 0;}
	.game-panel.featured .game-panel-overlay p.blurb {font-size: 14px;}
	.game-panel.featured .game-panel-overlay .inner h3 {font-size: 36px;}
	.game-panel-overlay-terms {font-size: 12px;}
	.game-panel-info-trigger {font-size: 12px;}
	.game-panel-info-trigger img {width: 22px;}
	.package-label {right: auto; left: -2px;}
	.booking-cta-panel {width: 330px;}
	.booking-cta-outline {width: 100%;}
	.booking-cta-title {width: 190px;}
	.booking-cta-panel p {max-width: 210px;}
	.section {padding-top: 80px;padding-bottom: 80px;}
	.package-hover-info .package-itinerary p {margin-left:0;}
	.container.booking-times-container {padding-left: 0; padding-right: 0;}
	h4#over-18s-notice {font-size: 30px;}
	.time-slider-wrapper h4 {margin: 0 0 1rem 0;}
	h1.title-xxl.single-package-title {font-size:74px!important;}
}



/* max 1700px */
@media (max-width: 1699px) { 
	.section.section-newsletter-signup {padding: 0;}
}


/* Loading */

.loading-overlay.loading-theme-light {
  background-color: #000!important;
  color: #fff!important;
}

.loading-overlay {
  opacity: 0.85!important;
}

input#emailAddress {
	width: 100%;
	display: block;
	position: relative;
	max-width: 96%;
	border: none;
	margin: 0 auto;
	outline: 0;
	font-size: 21px;
	padding: 20px 20px;
}


/* Vacancies */

.careers-panel {
	border: 2px solid #fff;
	font-family: "teko",sans-serif;
	padding: 60px;
}

.awsm-job-wrap {
	display: flex;
	flex-wrap: wrap;
}

.awsm-filter-toggle {
	display: none!important;
}

.awsm-filter-wrap .awsm-filter-items {
	display: flex!important;
	flex-wrap: wrap;
}

.awsm-filter-wrap {
	flex: 0 0 auto;
	margin: 0 0 45px;
  width: 100%;
}

.awsm-filter-wrap .awsm-filter-item {
 	flex: 0 0 auto;
 	padding: 0 15px;
  width: 50%;
}

.awsm-row {
	flex: 0 0 auto;
	margin: 0;
  width: 100%;
  padding: 0 30px;
}

.awsm-grid-item {
  float: none;
  padding: 0!important;
	flex: 0 0 auto;
  width: 100%!important;
}

.awsm-job-item {
	transform: skew(-19deg);
}

.awsm-selectric {
	font-weight: 600;
	height: auto;
	padding: 0.9rem 2rem 0.45rem;
	position: relative;
	text-transform: uppercase;
	transform: skew(-19deg);
}

.awsm-selectric-items {
	margin-top: 5px;
	transform: translateX(-12px);
}

.awsm-selectric-items .awsm-selectric-scroll {
	overflow: hidden;
}

.awsm-selectric-items li {
	background-color: transparent!important;
	font-size: 21px;
	font-weight: 600;
	padding: 0.9rem 2rem 0.45rem!important;
	text-transform: uppercase;
}

.awsm-selectric .label {
  margin: 0 48px 0 10px;
  font-size: 21px;
  line-height: 46px;
  color: #000;
  height: 46px;
  transform: skew(19deg);
}

.awsm-job-item h2.awsm-job-post-title {
	color: #000;
	font-size: 35px;
	font-weight: 600;
	transform: skew(19deg);
}

.awsm-job-item {
	padding: 2rem;
}

.awsm-grid-right-col {
	color: #000;
	display: flex;
	align-items: center;
	font-size: 21px;
	font-weight: 600;
	justify-content: space-between;
	transform: skew(19deg);
	text-transform: uppercase;
}

a.awsm-job-item .awsm-job-specification-item {
    color: #000;
}

@media (max-width: 991px) { 
	.careers-panel {border: none; padding: 0;}
	.awsm-filter-wrap .awsm-filter-item {width: 100%;}
	.awsm-filter-wrap .awsm-filter-item:not(:last-child) {margin-bottom: 15px;}
	.awsm-job-item h2.awsm-job-post-title {font-size: 24px;}
}


/* Vacancy Single */

.awsm-job-main {
	background-color: #000;
	color: #fff;
	font-size: 21px;
	padding-top: 128px;
}

.awsm-job-form-inner {
  background: #000;
  border: 2px solid #fff;
  padding: 60px;
}

.awsm-job-form-group:not(.awsm-job-inline-group) label {
	font-family: "teko",sans-serif;
	font-size: 36px;
	text-transform: uppercase;
}

.awsm-job-form-group.awsm-job-inline-group label {
	font-size: 21px;
}


@media (max-width: 767px) { 
	.awsm-job-main {padding-top: 64px; font-size: 18px;}
	.awsm-job-form-inner {padding: 30px;}
}

.extra-price-info ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	list-style: none;
}
.extra-price-info ul li {
	text-align: center;
	margin: 0 26px;
	font-size: 37px;
	font-family: "teko",sans-serif;
	line-height: 1;
	color: #000;
	position: relative;
	font-weight: 500;
}
.venue-package-panel:nth-child(odd) .extra-price-info ul li {
	color: #fff;
}
.extra-price-info ul li:last-child:after {
	display: none;
}
.extra-price-info ul li:after {
	content: ' ';
	position: absolute;
	right: -29px;
	top: -2px;
	bottom: -2px;
	width: 3px;
	background-color: #000;
}
.venue-package-panel:nth-child(odd) .extra-price-info ul li:after {
	background-color: #fff;
}
.extra-price-info ul li span {
	display: block;
}
.extra-price-info ul li span:last-child {
	font-size: 19px;
}

@media (min-width: 1200px) {
	.christmas-package .l7-panel-inner h2 {
		font-size: 42px;
	}
	.extra-price-info ul li {
		font-size: 30px;
	}
}