body {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	background: #E4DEE7;
	color: #54595f;
}

.wrapper {
	width: 90%;
	margin: 0px auto;
	max-width: 1300px;
	position: relative;
	xoverflow-y: hidden;
}
.clear {
	clear: both;
}
strong {
	font-weight: bold;
}
a {
	color: #924A8C;
}
@font-face {
	font-family: 'abandon_ship_font';
	src: url('/fonts/abandon_ship/berpatroliselamanya402-d9m9e-webfont.woff2') format('woff2'),
		 url('/fonts/abandon_ship/berpatroliselamanya402-d9m9e-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.abandon_ship {
	font-family: 'abandon_ship_font' !important;
}

@font-face {
	font-family: 'going_up_font';
	src: url('/fonts/going_up/goingup.woff2') format('woff2'),
		 url('/fonts/going_up/goingup.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.going_up {
	font-family: 'going_up_font' !important;
}

/* Desktop Navigation */
	.nav {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		padding: 30px 0px;
		transition: all 0.3s ease;
		z-index: 100;
	}
	.scrolled .nav {
		background: rgba(6, 8, 13, 0.9);
		padding: 15px 0px;
	}
	
	.nav .logo {
		width: 300px;
		transition: width 0.3s ease;
	}
	.scrolled .nav .logo {
		width: 120px;
	}
	
	.nav ul {
		float: right;
		padding: 30px 0px;
		font-family: 'Hanken Grotesk', sans-serif;
		font-weight: bold;
		fonxt-size: 14px;
	}
	.scrolled .nav ul {
		padding: 16px 0px;
	}
	.nav ul li {
		float: left;
	}
	.nav a {
		color: white;
		text-decoration: none;
		padding: 15px 25px;
		margin-left: 15px;
		border-radius: 50px;
	}
	.nav a.cta, .nav a:hover {
		cursor: pointer;
		background: #924A8C;
		background: #EBAB1A;
		color: black;
	}
	.nav a.cta:hover {
		background: #C88A00;
	}
	.sth.logo {
		cursor: pointer;
	}
	
/* Mobile Navigation */
	#mobileToggle {
		display: block;
		position: fixed;
		top: 57px;
		right: 30px;
		z-index: 110;
		-webkit-user-select: none;
		user-select: none;
		display: none;
		transition: top 0.3s ease;
	}
	.scrolled #mobileToggle {
		top: 30px;
	}
	
	#mobileToggle a {
		color: white;
		text-decoration: none;
	}
	
	#mobileToggle input {
	  display: block;
	  width: 40px;
	  height: 32px;
	  position: absolute;
	  top: -7px;
	  right: -5px;
	  cursor: pointer;
	  opacity: 0; /* hide this */
	  z-index: 999; /* and place it over the hamburger */
	  -webkit-touch-callout: none;
	}
	
	#mobileToggle span {
	  display: block;
	  width: 28px;
	  height: 3px;
	  margin-bottom: 6px;
	  position: relative;
	  background: white;
	  border-radius: 2px;
	  z-index: 888;
	  transform-origin: -4px 0px;
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				  opacity 0.55s ease;
	}
	.static-page #mobileToggle span {
	  background:#ffffff;
	}
	#mobileToggle span:first-child {
	  transform-origin: 0% 0%;
	}
	
	#mobileToggle span:nth-last-child(2) {
	  transform-origin: 0% 100%;
	}
	
	#mobileToggle input:checked ~ span {
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -4px);
	  background: white !important;
	}
	
	#mobileToggle input:checked ~ span:nth-last-child(3) {
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}
	#mobileToggle input:checked ~ span:nth-last-child(2) {
	  transform: rotate(-45deg) translate(0, -1px);
	}
	
	#mobile {
		position: fixed;
		top: 0px;
		width: 190px;
		height: 92vh;
		margin: 0px 0 0 -210px;
		padding: 50px;
		padding-top: 55px;
		background:#924A8C;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;  
		transform-origin: 0% 0%;
		transform: translate(100%, 0);
		
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}
	#mobile .button {
		margin-top:50px;
	}
	
	#mobile li {
	  padding: 10px 0;
	  font-size: 24px;
	}
	#mobile li.menu-contact_details {
	  xposition: fixed;
	  xbottom: calc(65px + env(safe-area-inset-bottom));
	  padding-top: 50px;
	}
	#mobile li.menu-contact_details ul {
	  list-style-type: none;
	}
	
	#mobile li.menu-contact_details ul li {
	  font-size:18px;
	  color:#ffffff;
	}
	
	#mobileToggle input:checked ~ ul {
	  transform: none;
	}
	
	.menu-contact_details .fas {
		width: 30px;
		text-align: left;
	}
	.menu-contact_details svg {
		height: 20px;
		margin-right: 10px;
		width: 20px;
		margin-bottom: -2px;
	}


/* HEADER */
	.header {
		height: 100vh;
		height: 100dvh;
		background-color: #25272C;
		background-image:url('/images/home_header_pimms.jpg');
		background-size: cover;
		background-position: right center;
		font-family: 'Hanken Grotesk', sans-serif;
		color: white;
		position: relative;
	}
	.header.half {
		height: 35vh;
		background-image:url('/images/home_header.jpg');
	}
	.header .wrapper {
		position: absolute;
		bottom: 15vh;
		left: 0px;
		right: 0px;
	}
	.header.half .wrapper {
		bottom: 20px;
	}
	.header h1 {
		font-size: 80px;
		font-weight: bold;
		line-height: 100px;
		letter-spacing: 1px;
	}
	.header.half h1 {
		position: absolute;
		bottom: 10px;
		font-size: 60px;
		left: 0px;
		right: 0px;
		text-align: center;
	}
	.header h1 span.wrap {
		color: #EBAB1A;
	}
	.header .cta {
		color: white;
		cursor: pointer;
		background: #924A8C;
		padding: 15px 25px;
		border-radius: 50px;
		text-decoration: none;
		margin-top: 50px;
		display: inline-block;
		font-size: 20px;
	}
	.header .cta:hover {
		background: #A65CA0;
	}
	
/* Terms */
	.terms {
		padding: 50px 0px 50px;
	}
	.terms h2 {
		font-family: 'Hanken Grotesk', sans-serif;
		font-size: 30px;
		font-weight: bold;
		color: #924A8C;
		margin: 0px 0px 20px;
	}
	.terms p {
		margin: 15px;
		font-size: 14px;
		line-height: 18px;
	}
	.terms .updated {
		margin: 0px 0px 20px;
	}
	.terms h3 {
		color: #924A8C;
		font-family: 'Hanken Grotesk', sans-serif;
		font-size: 20px;
		font-weight: bold;
		margin: 0px 0px 20px;
	}
	.terms ol {
		list-style: decimal;
		margin: 15px 15px 15px 50px;
		font-size: 14px;
		line-height: 18px;
	}
	.terms ol li {
		padding-left: 10px;
	}

/* Games */
	.games {
		padding: 150px 0px 50px;
	}
	.game .image {
		width: 40%;
		box-shadow: 0px 16px 50px 0px rgba(0,0,0,0.2);
		border-radius: 15px;
		float: left;
	}
	.game.right .image {
		float: right;
	}
	.game .image img {
		width: 100%;
		border-radius: 15px;
	}
	.game .description {
		width: 50%;
		float: left;
		margin: 2% 5%;
		padding: 25px;
		box-sizing: border-box;
	}
	.game.right .description {
		text-align: right;
	}
	.game .description h2 {
		font-family: 'Hanken Grotesk', sans-serif;
		font-weight: bold;
		font-size: 60px;
		text-transform: uppercase;
		color: #111111;
		color: #16232A;
	}
	.game .description .tags {
		padding: 20px 0px;
	}
	.game .description .tags span {
		background: #50326A;
		background: #9F3D39;
		border-radius: 3px;
		color: white;
		padding: 8px;
		font-size: 12px;
		display: inline-block;
		margin: 0px 4px 4px 0px;
		float: left;
	}
	.game.right .description .tags span {
		float: right;
	}
	.game .description p {
		clear: both;
		font-size: 14px;
		line-height: 24px;
	}
	
	.game .icons {
		margin-top: 20px;
	}
	.game .icons li {
		float: left;
		margin-right: 20px;
		font-size: 13px;
		color: #16232A;
	}
	.game.right .icons li {
		float: right;
	}
	.game .icons i, .game .icons span {
		background: #16232A;
		color: white;
		width: 25px;
		height: 25px;
		display: inline-block;
		line-height: 25px;
		text-align: center;
		border-radius: 100%;
		margin-right: 5px;
	}
	.game .icons span svg {
		width: 49%;
		margin-top: 5px;
	}
	.book-room {
		color: white;
		cursor: pointer;
		background: #924A8C;
		padding: 15px 25px;
		border-radius: 50px;
		text-decoration: none;
		margin-top: 25px;
		display: block;
		font-size: 20px;
		text-align: center;
	}
	.book-room:hover {
		background: #A65CA0;
	}
	
	
/* Reviews */
	.testimonials, .pricing, .contact {
		background: #AAA1B9;
		margin-top: 100px;
		clear: both;
		padding-bottom: 70px;
	}
	
	.testimonials h3, .pricing h3, .contact h3 {
		color: black;
		font-family: 'Hanken Grotesk', sans-serif;
		font-size: 100px;
		top: -84px;
		font-weight: bold;
		position: relative;
		display: inline-block;
		color: #AAA1B9;
		margin-bottom: -20px;
	}
	
	.review_overview {
		background: white;
		border-radius: 5px;
		padding: 25px;
		width: 250px;
		box-shadow: 0px 33px 50px 0px rgba(0,0,0,0.1);
		box-sizing: border-box;
	}
	.review_overview h4 {
		font-size: 20px;
		font-weight: bold;
		color: black;
	}
	.testimonials .stars {
		padding: 35px 0px;
	}
	.testimonials .stars span {
		background: #633874;
		color: white;
		display: inline-block;
		margin-right: 4px;
		border-radius: 4px;
		padding: 5px;
		font-size: 14px;
		float: left;
		display: block;
	}
	.review_overview p {
		font-size: 14px;
		line-height: 20px;
	}
	
	.review_overview .tripadvisor {
		width: 100px;
		margin-top: 25px;
	}
	
	.reviews {
		position: absolute;
		left: 270px;
		top: 110px;
		bottom: 20px;
	}
	.reviews .review {
		width: 50%;
		position: relative;
		box-sizing: border-box;
		height: 100%;
		display: inline-block;
		float: left;
		padding: 0px 50px;
	}
	.testimonials .review .stars {
		float: left;
		padding: 0px;
	}
	.testimonials .review .stars span {
		font-size: 10px;
		padding: 3px;
		margin-right: 2px;
	}
	.testimonials .review .when {
		float: right;
	}
	.testimonials .review h4 {
		font-size: 18px;
		font-weight: bold;
		color: black;
		padding: 22px 0px 15px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.testimonials .review p {
		font-size: 15px;
		line-height: 28px;
		display: block;
		
	}
	.testimonials .review .author {
		font-weight: bold;
		font-size: 15px;
		position: absolute;
		bottom: 0px;
		right: 50px;
	}
	
/* Gift Card Banner*/
	.gift_cards {
		background: #633874;
		color: white;
		padding: 100px 0px 100px;
	}
	.gift_cards h3 {
		font-size: 40px;
		font-weight: bold;
		font-family: 'Hanken Grotesk', sans-serif;
		display: block;
		width: 30%;
		float: left;
	}
	.gift_cards p {
		display: block;
		width: 40%;
		float: left;
		line-height: 30px;
		font-weight: lighter;
		margin-top: -10px;
	}
	.gift_cards .cta {
		float: left;
		width: 30%;
		text-align: right;
	}
	.gift_cards .cta a {
		color: white;
		text-decoration: none;
		cursor: pointer;
		background: #924A8C;
		padding: 15px 25px;
		border-radius: 50px;
		display: inline-block;
		font-size: 20px;
	}
	.gift_cards .cta a:hover {
		background: #A65CA0;
	}
	
/* Events */
	.events {
		padding: 100px 0px 50px;
	}
	.events .description {
		width: 40%;
		float: left;
	}
	.events h3 {
		font-size: 40px;
		line-height: 50px;
		font-family: 'Hanken Grotesk', sans-serif;
		font-weight: 700;
		color: #16232A;
	}
	.events p {
		width: 80%;
		font-size: 16px;
		line-height: 26px;
		padding: 50px 0px;
	}
	.events .cta {
		color: white;
		cursor: pointer;
		background: #924A8C;
		padding: 15px 25px;
		border-radius: 50px;
		text-decoration: none;
		display: inline-block;
		font-size: 20px;
	}
	.events .cta:hover {
		background: #A65CA0;
	}
	
	.events .images {
		width: 60%;
		float: right;
		position: relative;
	}
	.events .images img {
		width: 30%;
		border-radius: 20px;
		position: absolute;
		top: 0px;
		left: 0px;
		transform: rotate(-2deg);
	}
	.events .images img:nth-child(4) {
		top: 190px;
		left: 15%;
		z-index: 4;
		transform: rotate(6deg);
	}
	.events .images img:nth-child(3) {
		left: 35%;
		z-index: 3;
		transform: rotate(5deg);
	}
	.events .images img:nth-child(2) {
		top: 190px;
		left: 55%;
		z-index: 4;
		transform: rotate(-8deg);
	}
	.events .images img:nth-child(5) {
		left: auto;
		right: 0%;
		z-index: 5;
	}
	.events .images img:nth-child(6) {
		left: 35%;
		z-index: 2;
		transform: rotate(10deg);
		top: 360px;
	}
	

/* Pricing */
	.pricing .pricelist {
		background: white;
		border-radius: 5px;
		padding: 10px 25px;
		width: 40%;
		box-sizing: border-box;
		box-shadow: 0px 33px 50px 0px rgba(0,0,0,0.1);
		float: left;
	}
	.pricing h4 {
		font-size: 23px;
		font-weight: bold;
		color: black;
		font-family: 'Hanken Grotesk', sans-serif;
		padding-bottom: 10px;
	}
	.pricelist table {
		width: 100%;
		font-size: 18px;
	}
	.pricelist table td {
		padding: 15px 0px;
		vertical-align: middle;
	}
	.pricelist table td {
		border-top: 1px solid #AAA1B9;	
	}
	.pricelist table tr:nth-child(1) td {
		border-top: none;
	}
	.pricelist table span {
		display: block;
		font-size: 12px;
		padding-top: 5px;
	}
	.pricelist table em {
		font-size: 11px;
		font-weight: bold;
		padding-left: 3px;
	}
	
	.pricing .how {
		float: right;
		width: 50%;
	}
	
	.pricing .how span {
		display: block;
		background: #633874;
		font-size: 20px;
		color: white;
		font-family: 'Hanken Grotesk', sans-serif;
		font-weight: bold;
		height: 40px;
		width: 40px;
		text-align: center;
		line-height: 40px;
		border-radius: 100%;
		float: left;
		clear: left;
		margin-right: 30px;
	}
	.pricing .how table td {
		padding: 15px 0px;
		vertical-align: middle;
		color: rgb(60, 60, 60);
		line-height: 20px;
	}

/* Article Page */
	.article {
		padding-bottom: 25px;
	}
	.article h2 {
		font-size: 40px;
		line-height: 50px;
		font-family: 'Hanken Grotesk', sans-serif;
		font-weight: 700;
		color: #924A8C;
		margin: 50px 0px 10px;
	}
	.article p {
		line-height: 22px;
		margin-bottom: 50px;
	}
	.article .cta {
		max-width: 200px;
	}
	.article .img {
		width: 100%;
		max-width: 350px;
		float: right;
		border-radius: 15px;
		margin: 25px 0px 25px 25px;
	}
	.article .img.left {
		float: left;
		margin: 0px 25px 25px 0px
	}
	
/* FAQs */
	.faqs {
		padding: 100px 0px 50px;
	}
	.faqs h3 {
		text-align: center;
		font-size: 40px;
		line-height: 50px;
		font-family: 'Hanken Grotesk', sans-serif;
		font-weight: 700;
		color: #16232A;
	}
	
	.faqs .container {
		width: 80%;
		max-width: 800px;
		margin: 50px auto;
	}
	.faqs .container ul p {
		height: 0px;
		transition: all 0.3s ease;
		overflow: hidden;
		line-height: 22px;
	}
	.faqs .container ul li.active p {
		height: auto;
		padding: 25px 0px 10px;
	}
	.faqs .container ul li {
		position: relative;
		padding: 20px;
		border-bottom: 1px solid #AAA1B9;
	}
	.faqs .container ul li:hover {
		cursor: pointer;
		background: #AAA1B9;
		color: #633874;
	}
	.faqs .container ul li:last-of-type {
		border-bottom: 0px;
	}
	.faqs .container ul li i {
		position: absolute;
		right: 20px;
		transition: all 0.3s ease;
	}
	.faqs .container ul li.active i {
		transform: rotate(90deg);
	}
	

/* Contact Map */
	.contact .map {
		background: white;
		border-radius: 5px;
		padding: 0px;
		overflow: hidden;
		width: 50%;
		box-sizing: border-box;
		box-shadow: 0px 33px 50px 0px rgba(0,0,0,0.1);
		float: left;
	}
	.contact .hours {
		width: 45%;
		float: left;
		margin-left: 5%; 
	}
	.contact .hours table {
		width: 100%;
	}
	.contact .hours table td {
		padding: 15px 0px;
		white-space: nowrap;
	}
	.contact .hours table td.hour {
		text-align: right;
	}
	.contact .hours h4 {
		font-size: 30px;
		font-family: 'Hanken Grotesk', sans-serif;
		font-weight: 700;
		color: #16232A;
		margin-bottom: 20px;
	}
	.contact .hours .line {
		width: 50%;
	}
	.contact .hours table hr {
		border: none;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		margin: 0px 30px 5px;
	}
	
/* Footer */
	.footer a {
		color: white;
	}
	.footer {
		padding-bottom: 150px;
	}
	
	.footer .socials {
		display: block;
		font-size: 30px;
	}
	.footer .socials i {
		margin: 10px 20px 0px 0px;
		color: white;
		text-decoration: none;
	}
	.footer .socials svg {
		width: 38px;
		margin-top: 10px;
		margin-right: 10px;
	}
/* Work for us */
	.workforus {
		padding: 50px 0px 50px;
	}
	.workforus h2 {
		font-family: 'Hanken Grotesk', sans-serif;
		font-size: 30px;
		font-weight: bold;
		color: #924A8C;
		margin: 0px 0px 20px;
	}
	.workforus p {
		margin: 15px;
		font-size: 14px;
		line-height: 18px;
	}
	.workforus h3 {
		color: #924A8C;
		font-family: 'Hanken Grotesk', sans-serif;
		font-size: 20px;
		font-weight: bold;
		margin: 0px 0px 20px;
	}
	.workforus ol {
		list-style: decimal;
		margin: 15px 15px 15px 50px;
		font-size: 14px;
		line-height: 18px;
	}
	.workforus ol li {
		padding-left: 10px;
	}
	.workforus .img {
		float: right;
		width: 100%;
		max-width: 400px;
		margin: 0px 50px 50px;
		border-radius: 10px;
	}
	.workforus .img.left {
		float: left;
		margin: 0px 50px 50px 0px;
	}