/*
=================================================
AVAILABLE FONTS
font-family: 'Abril Fatface', cursive;
font-family: 'EB Garamond', serif;
font-family: 'Limelight', sans-serif;
font-family: 'Open Sans', sans-serif;
=================================================
COLOR PALETTE:
Almost Black: #1C333C
Dark green: #264653
Light green: #2A9D8F
Gold: #E9C46A
Light Orange: #F4A261
Dark Orange: #E76F51
=================================================
 */

body, html {
	padding: 0;
	margin: 0;
}

body, html, * {
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}

/*
=================================================
BOOTSTRAP OVERRIDES
=================================================
*/
.container {
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.container .row {

}

.container .row .col {

}

/*
=================================================
GENERIC LAYOUT FOR CORPORATE PAGES
=================================================
*/
.boring-page h2 {
	margin-bottom: 20px;
}
.boring-page p {
	margin-bottom: 20px;
}
.boring-page ul {
	margin-left: 20px;
	margin-bottom: 20px;
}


/*
=================================================
TYPOGRAPHY
=================================================
*/
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}
h4 {
	font-weight: normal;
}
h5 {
	font-weight: normal;
}
h6 {
	font-weight: normal;
}

/*
=================================================
COLUMNS
=================================================
*/
.col3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
}
@media screen and (max-width: 750px) {
	.col3 {
		display: block;
	}
}
/*
=================================================
VISUAL EXPLAINER
=================================================
*/
#preview .visual-explainer {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}

#preview .visual-explainer img {
	margin-bottom: 7px;
}
#preview .visual-explainer h3 {
	padding: 0 15px 0 0;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	margin-bottom: 10px;
}
#preview .visual-explainer p {
	padding: 0 15px 0 0;
	font-size: 18px;
	font-weight: normal;
}
@media screen and (max-width: 750px) {
	#preview .visual-explainer h3 {
		padding: 0 30px;
		font-size: 24px;
		line-height: 28px;
		text-align: center;
		margin: 0 auto 8px;
		max-width: 500px;
	}
	#preview .visual-explainer p {
		padding: 0 30px;
		text-align: center;
		margin: 0 auto 40px;
		max-width: 500px;
	}
}


/*
=================================================
GAME FACTS
=================================================
*/
.game-facts {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 700px) {
	.game-facts {
		display: block;
	}
}



/*
=================================================
PROMO BANNER
=================================================
*/
.promo {
	background: rgba(136, 0, 0, 0.86);
	color: #FFF;
	font-size: 14px;
	line-height: 18px;
	padding: 7px 10px 10px;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 2px solid #000;
}

/*
=================================================
NAV
=================================================
*/
#title-bar {
	background: rgba(0,0,0,0.97);
	width: 100%;
	text-align: center;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 3;
	height: 50px;
}
#title-bar a {
	font-family: 'Limelight', sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	line-height: 50px;
}
#top-nav {
	background: #111f24;
	width: 100%;
	text-align: center;
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 3;
	height: 53px;
	border-bottom: 8px solid #264653;
	opacity: 0.97;
}
#top-nav span {
	font-family: 'Limelight', sans-serif;
}
#top-nav nav-color-accent-1 {
	display: block;
	height: 59px;
	border-bottom: 6px solid #2A9D8F;
}
#top-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#top-nav ul li {
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	border-top: 3px solid rgba(0,0,0,0);
	position: relative;
}
#top-nav span.lang {
	font-size: 16px;
}
#top-nav ul li.active {
	border-top: 3px solid #EEE;
}

#top-nav ul li a, #top-nav ul li button {
	font-family: 'Limelight', sans-serif;
	font-size: 16px;
	color: #EEE;
	text-decoration: none;
	padding: 0 12px;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
	border: none;
	height: 40px;
	cursor: pointer;
}

#top-nav ul li button span.caret {
	font-size: 10px;
	position: relative;
	bottom: 3px;
}

#top-nav ul li.language-switcher {
	padding-bottom: 4px;
	line-height: 30px;
}
#top-nav ul li.language-switcher a {
	background: #E76F51;
	border-radius: 3px;
	color: #FFF;
	height: 28px;
}
@media screen and (max-width: 540px) {
	#top-nav ul li a, #top-nav ul li button {
		font-size: 11px;
		padding: 0 3px;
	}
	#top-nav ul li button span.caret {
		font-size: 9px;
		bottom: 1px;
	}
	#top-nav ul li.language-switcher a {
		padding: 0 5px;
	}
	#top-nav ul li.language-switcher a span {
		font-size: 12px;
	}
}
#top-nav ul li ul.submenu, #top-nav ul li div.submenu {
	display: none;
	position: absolute;
	top: 41px;
	left: -3px;
	text-align: left;
	z-index: 500;
	background: #FFF;
	border-radius: 5px;
	border: 3px solid #DDD;
	box-shadow: 0 0 7px rgba(0,0,0,0.7);
	cursor: pointer;
}
#top-nav ul li ul.submenu#more-submenu {
	width: 160px;
}
#top-nav ul li ul.submenu#locations-submenu {
	width: 350px;
}
#top-nav ul li ul.submenu#jeux-submenu {
	width: 270px;
}
#top-nav ul li ul.submenu#la-tour-submenu {
	width: 240px;
}
@media screen and (max-width: 540px) {
	#top-nav ul li ul.submenu, #top-nav ul li div.submenu {
		position: fixed;
		width: calc(100% - 20px) !important;
		text-align: center;
		left: 10px;
		top: 75px;
	}
}
#top-nav ul li.expanded ul.submenu, #top-nav ul li.expanded div.submenu {
	display: block;
}

#top-nav ul li ul.submenu li {
	display: block;
	width: auto;
	border-top: 1px solid #ddd;
}
#top-nav ul li ul.submenu li:first-child {
	border-top: none;
}
#top-nav ul li ul.submenu li a {
	color: #444;
	text-transform: none;
	display: block;
	font-family: 'Open Sans', sans-serif;
}
#top-nav ul li ul.submenu li a:hover {
	background: #eee;
}
#top-nav ul li ul.submenu li:first-child a:hover {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}
#top-nav ul li ul.submenu li:last-child a:hover {
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}

/*#top-nav {*/
/*	background: #111f24;*/
/*	width: 100%;*/
/*	text-align: center;*/
/*	position: fixed;*/
/*	top: 50px;*/
/*	left: 0;*/
/*	z-index: 3;*/
/*	height: 50px;*/
/*}*/
/*#top-nav ul {*/
/*	list-style: none;*/
/*	margin: 0;*/
/*	padding: 0;*/
/*}*/
/*#top-nav ul li {*/
/*	display: inline-block;*/
/*	font-size: 16px;*/
/*	line-height: 40px;*/
/*	border-top: 5px solid rgba(0,0,0,0);*/
/*	position: relative;*/
/*}*/
/*#top-nav ul li.active {*/
/*	border-top: 5px solid #EEE;*/
/*}*/
/*#top-nav ul li a, #top-nav ul li button {*/
/*	font-family: 'Open Sans', sans-serif;*/
/*	font-size: 16px;*/
/*	color: #EEE;*/
/*	text-decoration: none;*/
/*	padding: 0 20px;*/
/*	display: block;*/
/*	text-transform: uppercase;*/
/*	font-weight: bold;*/
/*	background: none;*/
/*	border: none;*/
/*	height: 40px;*/
/*}*/
/*#top-nav ul li button span.caret {*/
/*	font-size: 10px;*/
/*	position: relative;*/
/*	bottom: 3px;*/
/*}*/
/*#top-nav ul li ul.submenu, #top-nav ul li div.submenu {*/
/*	display: none;*/
/*	position: absolute;*/
/*	top: 47px;*/
/*	left: -3px;*/
/*	text-align: left;*/
/*	z-index: 500;*/
/*	background: #FFF;*/
/*	border-radius: 5px;*/
/*	border: 3px solid #DDD;*/
/*	box-shadow: 0 0 7px rgba(0,0,0,0.7);*/
/*}*/
#top-nav ul li ul.submenu#games-submenu {
	width: 380px;
}
#top-nav ul li ul.submenu#escape-rooms-submenu {
	width: 340px;
}
#top-nav ul li ul.submenu#more-submenu {
	width: 230px;
}
/*@media screen and (max-width: 768px) {*/
/*	#top-nav ul li ul.submenu, #top-nav ul li div.submenu {*/
/*		position: fixed;*/
/*		width: calc(100% - 40px) !important;*/
/*		text-align: center;*/
/*		left: 20px;*/
/*	}*/
/*}*/
/*#top-nav ul li.expanded ul.submenu, #top-nav ul li.expanded div.submenu {*/
/*	display: block;*/
/*}*/

/*#top-nav ul li ul.submenu li {*/
/*	display: block;*/
/*	width: auto;*/
/*	border-top: 1px solid #ddd;	*/
/*}*/
/*#top-nav ul li ul.submenu li:first-child {*/
/*	border-top: none;	*/
/*}*/
/*#top-nav ul li ul.submenu li a {*/
/*	color: #444;*/
/*	text-transform: none;*/
/*	display: block;*/
/*}*/
/*#top-nav ul li ul.submenu li a:hover {*/
/*	background: #eee;*/
/*}*/
/*#top-nav ul li ul.submenu li:first-child a:hover {*/
/*	border-top-left-radius: 5px !important;*/
/*	border-top-right-radius: 5px !important;*/
/*}*/
/*#top-nav ul li ul.submenu li:last-child a:hover {*/
/*	border-bottom-left-radius: 5px !important;*/
/*	border-bottom-right-radius: 5px !important;*/
/*}*/
#top-nav ul li.cart {
	padding-bottom: 4px;
	line-height: 30px;
}
#top-nav ul li.cart a {
	background: #EEE;
	border-radius: 3px;
	color: #000;
	height: 28px;
}

#top-nav .cart-menu {
	display: none;
	position: fixed !important;
	width: 100vw;
	text-align: center;
	top: 54px !important;
	z-index: 99999 ;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}

#top-nav .cart.expanded .cart-menu {
	display: block;
}

section.checkout {
	padding: 0 20px 10px;
}

ul.checkout-steps {
	list-style: none;
	text-align: center;
	margin-bottom: 10px;
}
ul.checkout-steps li {
	display: inline-block;
	padding: 5px;
	font-family: 'Abril Fatface', serif;
	color: #AAA;
}
ul.checkout-steps li.active {
	color: #000;
}
@media screen and (max-width: 460px) {
	ul.checkout-steps li {
		display: block;
		font-size: 16px;
		padding: 0;
	}
	ul.checkout-steps li.separator {
		display: none;
	}
}

ul.checkout-steps li a{
	padding: 5px 20px;
}
#country-notification {
	width: 700px;
	max-width: 100%;
	background: #CC0000;
	margin: 0 auto;
	color: #FFF;
	border: 3px solid #660000;
	border-radius: 3px;
	padding: 12px 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}
.cart-details-arrow {
	position: relative;
	font-size: 12px;
	top: 1px;
	left: 5px;
	color: #999;
}
.cart-table{
	position: relative;
	width: 700px;
	max-width: 100%;
	background: #FFF;
	margin: 0 auto;
	border: 3px solid #DDD;
	border-radius: 5px;
}
.cart-table select#country {
	float: right;
	font-family: inherit;
	font-size: 14px;
	padding: 2px;
}
.cart-table select#country.invalid {
	border: 3px solid #CC0000;
	border-radius: 3px;
}
.cart-table select * {
	font-family: "Courier New", monospace;
	font-size: 14px;
}
.cart-table table {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

.cart-table table td {
	padding: 10px 12px 7px;
	font-size: 16px;
	line-height: 22px;
	font-family: "Courier New", monospace;
/* 	font-family: 'Open Sans', sans-serif; */
	border-bottom: 1px solid #eee;
	vertical-align: bottom;
	position: relative;
	z-index: 9999;
}

.shipping-details {
	font-family: "Courier New", monospace;
	color: #999;
	font-size: 12px;
	line-height: 16px;
}
.shipping-details span.shipping-promo {
	font-family: "Courier New", monospace;
	color: darkgreen;
	font-size: 12px;
	line-height: 16px;
}
.cart-table table td.cart-item-name {
	text-align: left;
}
.cart-table table td.cart-item-name span {
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	font-family: "Courier New", monospace;
	/* 	font-family: 'Open Sans', sans-serif; */
	border-bottom: none;
	vertical-align: bottom;
	position: relative;
	color: #990000;
	z-index: 9999;
	display: block;
}
.cart-table table td.currency {
	text-align: right;
	font-family: "Courier New", monospace;
}
.cart-table table td.cart-total {
	text-align: left;
	text-transform: uppercase;
	font-family: "Courier New", monospace;
}
.cart-table table td.empty-cart {
	font-family: "Courier New", monospace;
	padding: 18px 15px 20px;
	font-weight: bold;
	color: #444;
	text-align: center;
}
.cart-table table td.total {
	font-weight: bold;
}
.discount {
	color: green;
}

.usd {
	/* 	font-family: 'Open Sans', sans-serif; */
	font-family: "Courier New", monospace;
	font-size: 13px;
	color: #888;
	position: relative;
	bottom: 1px;
	right: 2px;
}
	a.checkout-button, button.checkout-button {
		display: block;
		width: 100%;
		background: #03a303;
		border-color: #027602;
	}
button.continue-shopping {
	display: block;
	width: 100%;
	background: #03a303;
	border-color: #027602;
}
.cart-table .button {
	display: block;
	margin-bottom: 0px;
}
.cart-table .button:last-child {
	margin-bottom: 0;
}



.cart-badge {
	font-family: 'Open Sans', sans-serif !important;
	position: relative;
	bottom: 3px;
	left: 1px;
	font-size: 10px;
	background: #056c05;
	color: #FFF;
	border-radius: 5px;
	padding: 2px 5px 3px;
	min-width: 20px;
}

.cart-remove-x {
	padding: 0;
	background: transparent;
	font-weight: bold;
	display: inline;
	font-family: "Courier New", monospace;
	font-size: 12px;
	text-decoration: none;
	position: relative;
	bottom: 0px;
	text-transform: uppercase;
	color: #BBB;
}

.cart-remove-x:hover {
	color: #CC0000;
}

.shipping-breakdown {
	background: 0;
	border: none;
	padding: 0;
	position: absolute;
	bottom: 4px;
	right: 14px;
	font-size: 10px;
}

@media screen and (max-width: 768px) {

	#top-nav ul li a, #top-nav ul li button {
		padding: 0 10px;
	}
	.cart-badge {
		bottom: 2px;
	}

}

@media screen and (max-width: 500px) {

	#top-nav ul li a, #top-nav ul li button {
		padding: 0 10px;
		font-size: 14px;
	}
	.cart-badge {
		bottom: 2px;
	}

}

@media screen and (max-width: 440px) {

	#top-nav ul li a, #top-nav ul li button {
		padding: 0 8px;
		font-size: 12px;
	}
	.cart-badge {
		bottom: 1px;
	}

}

@media screen and (max-width: 355px) {

	#top-nav ul li a, #top-nav ul li button {
		padding: 0 6px;
		font-size: 11px;
	}
	.cart-badge {
		bottom: 0px;
	}


}

/*
=================================================
PRICING TABLE
=================================================
*/

.show-monthly-plan {
	padding: 10px;
	font-size: 16px;
}

.show-monthly-plan button {
	border: 3px solid #FFF;
	padding: 15px 20px;
	border-radius: 3px;
	font-weight: bold;

}

.show-monthly-plan button:hover {
	background: #4CAF50;
	color: #FFF;
}

.monthly-disclaimer-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.5);
}

.monthly-disclaimer {
	max-width: 600px;
	margin: 40px auto;
	padding: 40px;
	background: #FFF;
}
.hidden {
	display: none !important;
}

#pricing-table {
	background: #EEE;
	padding: 40px 30px 0px;
	text-align: center;
}


#pricing-table h1 {
	font-size: 60px;
	line-height: 60px;
	margin: 0 0 40px 0;
	padding: 0;
	font-family: 'Abril Fatface', serif;
}



#pricing-table h2 {
	margin: 0 0 25px;
	padding: 0 0 20px 0;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
}

#pricing-table p#questions{
	padding: 50px 0;
}

.info-square {
	font-size: 12px;
	padding: 1px 7px 1px;
	background: #56aad6;
	color: #FFF;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
}

.columns-container {
	max-width: 800px;
	margin: 0 auto;
}

.columns-container #monthly-option {
	display: none;
}

.columns-container.show-monthly-column {
	max-width: 1200px;
}

.columns-container.show-monthly-column #monthly-option {
	display: block;
}

.columns-container .savings-with-monthly {
	display: none;
}
.columns-container .savings-without-monthly {
	display: block;
}
.columns-container.show-monthly-column .savings-with-monthly {
	display: block;
}
.columns-container.show-monthly-column .savings-without-monthly {
	display: none;
}

@media screen and (max-width: 500px) {
	#pricing-table h1 {
		font-size: 40px;
		line-height: 40px;
	}

	#pricing-table h2 {
		font-size: 20px;
		line-height: 26px;
	}
}

/* Create three columns of equal width */
.columns {
	float: left;
	width: 50%;
	padding: 8px;
}

.columns-container.show-monthly-column .columns {
	width: 33.3%;
}

.price-column-savings {
	background: #dae4e7;
	padding: 7px 15px 6px;
	font-family: "Courier New", monospace;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	border-radius: 3px;
	border: 3px solid #000;
	display: inline-block;
	margin-top: 10px;
	/*     box-shadow: 0 0 5px rgba(255,255,255,0.5); */
}
.price small {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #444;
}

/* Style the list */
.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
  border: 3px solid #FFF;
  border-radius: 3px;
}

/* Add shadows on hover */
.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing header */
.price .header {
  background-color: #111;
  color: white;
  font-size: 25px;
  	font-family: 'Abril Fatface', serif;
}

/* List items */
.price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}

/* Grey list item */
.price .grey {
  background-color: #eee;
  font-size: 20px;
}

.price .amount {
	  line-height: 20px;
	  margin-top: 2px;
	padding: 30px;
	position: relative;
}
.price .amount b{
  font-size: 30px;
	font-family: 'Abril Fatface', sans-serif;
	font-weight: normal;
}

/* The "Sign Up" button */
.button {
  font-family: 'Open Sans', sans-serif;
  background-color: #4CAF50;
  border: none;
  border-bottom: 3px solid #249d28;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: bold;
    -webkit-transition: 0.3s;
  transition: 0.3s;
  text-shadow: 0 -1px 0 #249d28;
	cursor: pointer;
}
.button-block {
	display: block;
	width: 100%;
}
.button:hover {
  background-color: #58c15b;
  border-bottom: 3px solid #249d28;
  text-decoration: none;
  color: #FFF;
  padding: 10px 40px;
}



.button-white-outline {
	border: 3px solid #FFF;
	background: transparent;
	color: #FFF;
	text-shadow: none;
}

.button-white-outline:hover {
	border: 3px solid #249d28;
	background: #4CAF50;
	color: #FFF;
}
.button-light {
	background: #FCFCFC;
	border: 3px solid #F6F6F6;
	color: #666;
	text-shadow: none;
}
.button-light.continue-shopping {
	color: #AAA;
}
.button-light:hover {
	border: 3px solid #249d28;
}
.button-light.continue-shopping:hover {
	color: #FFF;
}
.button-sold-out:hover {
	border: 3px solid #AAA;
	background: #CCC;
	color: #FFF;
}

@media only screen and (max-width: 500px) {
	.responsive-button {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
}

/* Change the width of the three columns to 100%
(to stack horizontally on small screens) */
@media only screen and (max-width: 770px) {
  .columns {
    width: 100%;
  }
  .columns-container.show-monthly-column .columns {
	width: 100%;
	}
}

/*
=================================================
HEADINGS
=================================================
*/

#headings {
	background-color: #EEE;
	background-image: url(../jpg/treasure-6.jpg);
	background-position: center center;
	background-size: cover;
	padding: 200px 30px 60px;
	text-align: center;
}
.page-home #headings {
	display: flex;
	align-items: center;
	justify-content: center;
	/*text-align: center;*/
	padding: 0px 0px 0;
	min-height: 100vh;
	/*padding: 280px 20px 150px; */
	background-image: url(../jpg/bg-6.jpg);
}
#headings-content {
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
	padding: 60px 0 20px;
}
.page-home #headings-content {
	padding-top: 95px;
}



#headings h1 {
	font-size: 60px;
	line-height: 60px;
	margin: 0 0 25px 0;
	padding: 0;
	font-family: 'Limelight', serif;
	color: #FFF;
	text-shadow: 0 0 12px rgba(0,0,0,0.9);
}
#headings h1.reversed {
	font-family: 'Abril Fatface', serif;
	font-size: 24px;
	color: #FFF;
	font-weight: normal;
	margin: 0 0 5px 0;
	line-height: 28px;
	text-shadow: 0 0 12px rgba(0,0,0,0.9);
}
#headings h6{
	font-family: 'Abril Fatface', serif;
	font-size: 24px;
	color: #FFF;
	font-weight: normal;
	margin: 0 0 5px 0;
	line-height: 28px;
	text-shadow: 0 0 12px rgba(0,0,0,0.9);
}
#headings h6.reversed {
	font-size: 60px;
	line-height: 60px;
	margin: 0 0 18px 0;
	padding: 0;
	font-family: 'Limelight', sans-serif;
	color: #FFF;
	text-shadow: 0 0 12px rgba(0,0,0,0.9);
}

#headings small {
	font-family: 'Abril Fatface', serif;
	font-size: 36px;
}

#headings h2 {
	font-family: 'EB Garamond', serif;
	margin: 0 auto;
	padding: 0 0 35px 0;
	font-size: 30px;
	line-height: 34px;
	color: #FFF;
	font-weight: normal;
	text-shadow: 0 0 12px rgba(0,0,0,0.9);
	max-width: 500px;
}




#headings.mission-score h1 {
	margin-bottom: 70px;
}
#headings.mission-score h2 {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 80px;
	padding: 0;
	font-family: 'Abril Fatface', serif;
	color: #FFF;
}

#headings.mission-score h2.score {
	font-size: 100px;
	line-height: 100px;
	margin-bottom: 80px;
	padding: 0;
	font-family: 'Abril Fatface', serif;
	color: #FFF;
}

#headings.mission-score p a {
	padding: 20px 28px 16px;
	color: #FFF;
	border: 3px solid #FFF;
	border-radius: 3px;
	text-transform: uppercase;
	background: rgba(0,0,0,0.3);
}

#headings.mission-score p a:hover {
	text-decoration: none;
}

#headings button {
	border: 3px solid #000;
	border-radius: 5px;
	padding: 13px 20px;
	line-height: 20px;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

@media screen and (max-width: 600px) {

	#headings {
		padding: 100px 30px;
	}

}

@media screen and (max-width: 400px) {

	#headings {
		padding: 50px 10px;
	}
	#headings h1 {
		font-size: 40px;
		line-height: 40px;
	}

}


/*
=================================================
HEADINGS ABOUT PAGE
=================================================
*/

#headings-about-page {
	background-color: #EEE;
	background-image: url(../jpg/bg-curators-dark.jpg);
	background-position: center top;
	background-size: cover;
	padding: 190px 30px 100px;
	text-align: center;
}

#headings-about-page h6 {
    font-family: 'Abril Fatface', serif;
    font-size: 24px;
    color: #FFF;
}
#headings.checkout-headings {
	padding: 87px 20px 5px;
	background: #EEE;
}

@media screen and (max-width: 600px) {

	#headings-about-page {
		padding: 170px 30px 50px;
	}

}


@media screen and (max-width: 400px) {

	#headings.checkout-headings {
		padding: 60px 20px 15px !important;
	}

}

@media screen and (max-width: 400px) {

	#headings-about-page {
		padding: 170px 30px 50px;
	}

}

#headings-about-page h1 {
	font-size: 60px;
	line-height: 60px;
	margin: 0 0 30px 0;
	padding: 0;
	font-family: 'Abril Fatface', serif;
	color: #FFF;
}

#headings-about-page h2 {
	margin: 0;
	padding: 0 0 40px 0;
	font-size: 26px;
	line-height: 26px;
	color: #FFF;
}

#headings-about-page button {
	border: 3px solid #000;
	border-radius: 5px;
	padding: 13px 20px;
	line-height: 20px;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}


/*
=================================================
TEAM
=================================================
*/

#team {
	padding: 70px 30px 60px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 40px;
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 900px) {
	#team {
		display: block;
		width: 600px;
		max-width: 100%;
	}
}

#team img {
	width: 100%;
	border-radius: 3px;
	margin-bottom: 20px;
}

#team h3 {
	font-family: 'Abril Fatface', serif;
	margin-bottom: 20px;
}

#team p {
	margin-bottom: 15px;
}
#team p:last-child {
	margin-bottom: 0;
}

/*
=================================================
STORY
=================================================
*/

#story {
	padding: 60px 30px 85px;
	background: #EEE;
	background-image: url(../jpg/bg-sheets-quill-dark.jpg);
	background-size: cover;
}

#story h2, #story p {
	width: 540px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	color: #FFF;
}

#story h2 {
	font-family: 'Abril Fatface', serif;
	margin-bottom: 20px;
	font-size: 48px;
}

#story p {
	margin-bottom: 20px;
}
#story p:last-child {
	margin-bottom: 0;
}


/*
=================================================
PHILOSOPHY
=================================================
*/

#philosophy {
	padding: 70px 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 900px) {
	#philosophy {
		display: block;
		width: 600px;
	}
	.design {
		margin-bottom: 50px;
	}
}

#philosophy h3 {
	font-family: 'Abril Fatface', serif;
	margin-bottom: 20px;
	font-size: 36px;
	line-height: 42px;
}

#philosophy p {
	margin-bottom: 20px;
	text-align: justify;
}
#philosophy p:last-child {
	margin-bottom: 0;
}

/*
	TRACK RECORD
	*/
.track-record img{
	border: 3px solid #DDD;
	border-radius: 50%;
	height: 130px;
	width: 130px;
}


/*
=================================================
QUOTES
=================================================
*/
#buzz {
	max-width: 600px;
	margin: 0 auto;
	padding: 0px 0px 50px;
}

#buzz .quote-container {

	background: #FFF;
	border-radius: 3px;
	padding: 25px 30px 28px;
	margin-bottom: 15px;

}
#buzz .quote-container:last-child {
	margin-bottom: 0px;
}

#buzz .quote {

	font-family: 'EB Garamond', serif;
	font-size: 28px;
	line-height: 32px;
	font-style: italic;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}

#buzz .citation, #buzz .citation a {

	font-size: 14px;
	color: #AAA;
	text-decoration: underline;

}

/*
=====
EXIT INTENT
====
 */
.exit-intent-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(71, 67, 67, 0.9);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.exit-intent-content {
	width: 800px;
	max-width: 100%;
	/*height: 500px;*/
	background: #000 url(../jpg/bg-7.jpg) center center;
	background-size: cover;
	border: 5px solid #FFF;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	padding: 65px 20px 85px;
	text-align: center;
	margin: 0 20px;
	position: relative;
}
.exit-intent-content .close-popup {
	position: absolute;
	right: -5px;
	top: -35px;
	background: #FFF;
	padding: 9px 14px 8px;
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
	line-height: 16px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	font-family: 'Open Sans', sans-serif;
}
.exit-intent-content h1 {
	color: #FFF;
	font-size: 28px;
	font-family: 'Abril Fatface', serif;
	text-align: center;
	margin-bottom: 15px;
	text-shadow: 0 0 155px rgba(0,0,0,1);
}

.exit-intent-content p {
	color: #FFF;
	font-size: 22px;
	/*font-family: 'Abril Fatface', serif;*/
	text-align: center;
	width: 440px;
	max-width: 100%;
	margin: 0 auto 40px;
	text-shadow: 0 0 155px rgba(0,0,0,1);

}
.exit-intent-content form {
	text-align: center;
}
.exit-intent-content form label {
	color: #FFF;
	font-size: 22px;

}
.exit-intent-content form input {
	padding: 8px 12px;
	border: 3px solid #CCC;
	border-radius: 3px;
	width: 400px;
	max-width: 100%;
	margin-bottom: 5px;
	text-align: center;
	/*font-family: 'Open Sans', sans-serif;*/
	font-weigth: bold;
	font-size: 18px;
}
.exit-intent-content form button {
	width: 400px;
	max-width: 100%;
	display: inline-block;
}

/*
=================================================
GAMES
=================================================
*/
.games {
	display: block;
	padding: 0 40px;
	max-width: 1000px;
	margin: 0 auto;

}

.game {
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 40px;
}
.game-description {
	margin-bottom: 40px;
	padding-top: 9px;
	text-align: left;
}

@media screen and (max-width: 860px) {
	.game {
		display: block;
	}
}
@media screen and (max-width: 420px) {
	.games {
		padding: 0 20px;
	}
}
.game-description h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 32px;
	line-height: 34px;
	margin-bottom: 15px;
	color: #212529;
}
.game-description h3 a {
	font-family: 'Abril Fatface', serif;
	font-size: 32px;
	line-height: 34px;
	margin-bottom: 15px;
	color: #212529;
	text-decoration: none;
}
.game-description h5 {
	font-family: 'Abril Fatface', serif;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 5px;
	color: #333;
	font-weight: normal;
}
.game-description p {
	margin-bottom: 15px;
	color: #212529;
}
.game-description .actions {
	padding-top: 10px;
}
.game-description a, .game-description button {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	width: 100%;
}
.game-description .sub-game-details {
	/*background: #f6f6f6;*/
	border-radius: 3px;
	/*padding: 10px 13px;*/
	padding-top: 8px;

}
.game-description .sub-game-details p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	/*padding-left: 3px;*/
}
.game-description .sub-game-details p:last-child {
	margin-bottom: 0;
}

/*
=================================================
AS SEEN IN
=================================================
*/

#as-seen-in-home {
	background: rgba(255,255,255,1);
	border-radius: 4px;
	padding: 15px 20px;
	/*margin-top: 35px;*/
	text-align: center;
	width: 450px;
	max-width: 100%;
	margin: 35px auto 0;
}
#as-seen-in-home h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 18px;
	line-height: 18px;
	margin: 0 auto 15px;
	width: 200px;
	color: #333;
	padding: 0 0 15px;
	border-bottom: 1px solid #EEE;
}
#as-seen-in-home img {
	width: 180px;
	padding: 0px 10px;
	display: inline-block;
}
#as-seen-in-home img.nyt {
	position: relative;
	bottom: 10px;
	width: 205px;
}
#as-seen-in-home img.arstech {
	/*position: relative;*/
	/*bottom: 13px;*/
	width: 160px;
}

#as-seen-in {
	background: #F6F6F6;
	padding: 40px 20px;
	text-align: center;
}
#as-seen-in img {
	width: 250px;
	/*-webkit-filter: grayscale(100%);*/
	/*filter: grayscale(100%);*/
	/*opacity: 0.8;*/
	padding: 0px 10px;
	display: inline-block;
}
#as-seen-in img.nyt {
	position: relative;
	bottom: 20px;
	/*opacity: 0.7;*/
}
#as-seen-in h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 20px;
	color: #444;
	/*opacity: 0.7;*/
}
#as-seen-in .mini-sep div {
	border-bottom: 2px solid #DDD;
	opacity: 0.5;
}
@media screen and (max-width: 600px) {
	#as-seen-in img {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	#as-seen-in .mini-sep div {
		margin-bottom: 36px;
	}
}

/*
=================================================
FEATURES
=================================================
*/

#features {
	text-align: center;
	padding: 120px 30px;
}

#features h3, #features h3 a, #features h3 a:hover {
	font-family: 'Abril Fatface', serif;
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 8px;
	color: #212529;
	text-decoration: none;
}
#features h4 {
	font-family: 'Abril Fatface', serif;
	font-size: 40px;
	line-height: 30px;
	margin-bottom: 8px;
}
#features h4 small{
	font-size: 12px;
	text-transform: uppercase
}
#features #mc_embed_signup{
	margin-bottom: 30px;
}
#features .details {
	clear: both;
	padding-top: 30px;
	padding-bottom: 10px;
}
#features .details .container {
	max-width: 500px;
	border: 3px solid #000;
	padding: 10px 20px 30px;
	border-radius: 5px;
}

@media screen and (max-width: 575px) {
	#features .details .container {
		max-width: 200px;
	}
}

#features .images {
	padding: 20px 0px;
}

#features .images img {
	margin-bottom: 5px;
	border-radius: 3px;
	height: 400px;
	/*width: 400px;*/
	max-width: 100%;
	max-height: 400px;
}

@media screen and (max-width: 1330px) {

	#features .images img {
		/*width: 600px;*/
		height: auto;
	}

}

@media screen and (max-width: 1000px) {
	#features .images {
		width: 500px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#features .images img {
		width: 100%;
		height: auto;
		max-height: none;
	}

}

#features p {
	margin: 0 auto;
	max-width: 520px;
	font-family: 'EB Garamond', serif;
	font-size: 24px;
}

.game-contents-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
	width: 700px;
	max-width: 100%;
	margin: 0 auto 35px;
	padding: 20px 25px 20px 30px;
	border-radius: 3px;
	background: #f6f6f6;
}
.game-contents-list ul {
	margin-left: 20px;
}
@media screen and (max-width: 600px){
	.game-contents-list {
		display: block;
	}
}

/*
=================================================
PREVIEW
=================================================
*/

#preview {
	margin: 0 auto;
	padding: 140px 30px 120px;
	background: #eee;
}

#preview p.intro {
	text-align: center;
	margin: 0 auto;
	max-width: 520px;
	font-family: 'EB Garamond', serif;
	font-size: 24px;
}

#preview p a {
	font-family: 'EB Garamond', serif;
	text-decoration: none;
	border-bottom: 2px solid #a1e0de;
	box-shadow: inset 0 -5px 0 #a1e0de;
	font-size: 24px;
	color: #000
}
#preview p a:hover {
	text-decoration: none;
	border-bottom: 2px solid #2A9D8F;
	box-shadow: inset 0 -5px 0 #2A9D8F;
}
#preview p a:visitied {
	border-bottom: 2px solid #50009f;
}

#preview h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 15px;
}

#preview h3.intro {
	font-family: 'Abril Fatface', serif;
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 8px;
	text-align: center;
}

#preview img {
	border-radius: 3px;
	width: 100%;
	margin-bottom: 15px;
}

/*
=================================================
CALL TO ACTION BREAK 1
=================================================
*/

#call-to-action-break-1 {
	padding: 60px 30px 80px;
	text-align: center;
	background-image: url(../jpg/bg-sheets-dark.jpg);
	background-size: cover;
}

#call-to-action-break-1 h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #FFF;
}

#call-to-action-break-1 label {
	color: #FFF;
}
#call-to-action-break-1 #mc_embed_signup {
	color: #FFF;
	padding-bottom: 40px;
}

/*
#call-to-action-break-1 a {
	border: 3px solid #000;
	border-radius: 5px;
	padding: 12px 20px 14px;
	line-height: 20px;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	color: #000;
	display: inline-block;
}
*/

/*
=================================================
ESCAPE ROOMS
=================================================
*/
section#escape-rooms {
	max-width: 700px;
	margin: 40px auto;
	background: #FFF;
	padding: 30px;
}
escape-room room-hero {
	display: block;
	margin: 0;
	width: 100%;
	min-height: 300px;
	background: url(../jpg/hero-rooms.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 3px;
	position: relative;
}

room-hero-content {
	display: block;
	padding: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
}
room-hero-content h2 {
	font-family: Limelight, sans-serif;
	font-size: 28px;
	line-height: 36px;
	margin: 0;
	color: #FFF;
}

escape-room room-info {
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-column-gap: 30px;

}

escape-room room-info h2 {
	font-family: Limelight, sans-serif;
	font-size: 28px;
	line-height: 28px;
	margin: 0;
}

escape-room room-info h6, escape-room room-info h6 a {
	font-family: Limelight, sans-serif;
	font-size: 18px;
	margin: 0;
}

escape-room room-info p {
	font-family: 'EB Garamond', serif;
	font-size: 16px;
	line-height: 16px;
	margin: 0;
}

escape-room room-calendar {
	display: block;
}

/*
=================================================
AUTHORITY
=================================================
*/

#authority {
	padding: 60px 30px 70px 30px;
	text-align: center;
	background: #eee;
}

#authority h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;
	max-width: 520px;
	margin: 0 auto 20px;
}

#authority p{
	margin: 0 0 25px;
}

#authority img{
	border: 5px solid #FFF;
	border-radius: 50%;
	height: 150px;
	width: 150px;
}

#authority.reversed p, #authority.reversed h3 {
	color: #FFF;
}

#authority.reversed a {
	color: #86ceff !important;
}

/*
=================================================
TESTIMONIALS
=================================================
*/

#testimonials {
	padding: 100px 30px;
}

#testimonials blockquote {
	font-family: 'Abril Fatface', serif;
	font-size: 28px;
	margin: 0;
	padding: 0;
}

#testimonials blockquote a, #testimonials blockquote a:hover {
	text-decoration: none;
}

#testimonials blockquote small {
	font-size: 12px;
	color: #888;
	font-style: italic;
	position: relative;
	bottom: 3px;
}

#testimonials #testimonial-1, #testimonials #testimonial-3 {
	margin-bottom: 50px;
}
#testimonials #testimonial-1 > img, #testimonials #testimonial-3 > img {
	border-radius: 50%;
	border: 5px solid #DDD;
	float: left;
	margin-top: 7px;
	width: 130px;
	height: 130px;
	box-sizing: border-box;
}

#testimonials #testimonial-1 blockquote, #testimonials #testimonial-3 blockquote {
	padding: 0 30% 0 0;
	margin: 0 0 10px 160px;
}

#testimonials #testimonial-1 p.author, #testimonials #testimonial-3 p.author {
	margin: 0 0 0 160px;
	font-size: 18px;
	font-style: italic;
}

#testimonials #testimonial-2 {
	margin-bottom: 50px;
}
#testimonials #testimonial-2 > img {
	border-radius: 50%;
	border: 5px solid #DDD;
	float: right;
	margin-top: 7px;
	width: 130px;
	height: 130px;
	box-sizing: border-box;
}

#testimonials #testimonial-2 blockquote {
	padding: 0 0 0 30%;
	margin: 0 160px 15px 0;
	text-align: right;
}

#testimonials #testimonial-2 p.author {
	margin: 0 160px 0 0;
	font-size: 18px;
	font-style: italic;
	text-align: right;
}

@media screen and (max-width: 820px) {


	#testimonials #testimonial-1 blockquote, #testimonials #testimonial-3 blockquote {
		padding: 0;
		font-size: 24px;
	}

	#testimonials #testimonial-2 > img {
		float: left;
	}

	#testimonials #testimonial-2 blockquote {
		padding: 0;
		margin: 0 0 15px 160px;
		text-align: left;
		font-size: 24px;
	}

	#testimonials #testimonial-2 p.author {
		margin: 0 0 0 160px;
		font-size: 18px;
		font-style: italic;
		text-align: left;
	}

}

.show-on-small-screens {
	display: none;
}



@media screen and (max-width: 550px) {

	#testimonials #testimonial-1 > img, #testimonials #testimonial-2 > img, #testimonials #testimonial-3 > img {
		width: 70px;
		height: 70px;
	}

	#testimonials #testimonial-1 blockquote, #testimonials #testimonial-2 blockquote, #testimonials #testimonial-3 blockquote {
		font-size: 18px;
		margin: 0 0 15px 100px;
	}

	#testimonials #testimonial-1 p.author, #testimonials #testimonial-2 p.author, #testimonials #testimonial-3 p.author {
		margin: 0 0 0 100px;
	}

	.show-on-big-screens {
		display: none;
	}

	.show-on-small-screens {
		display: inline-block;
	}

}

/*
=================================================
CALL - ADD TO CART
=================================================
*/
#cta-add-to-cart {
	max-width: 100%;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #000;
	/*border-top: 3px solid #bbb;*/
	text-align: center;
}

/*
=================================================
CALL TO ACTION BREAK 2
=================================================
*/

#call-to-action-break-2 {
	padding: 60px 30px 80px;
	text-align: center;
	background: #EEE;
	background-image: url(../jpg/bg-sheets-quill-dark.jpg);
	background-size: cover;
}

#call-to-action-break-2 h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #fff;
}

#call-to-action-break-2 #mc_embed_signup {
	color: #FFF;
}

/*
#call-to-action-break-2 a {
	border: 3px solid #000;
	border-radius: 5px;
	padding: 12px 20px 14px;
	line-height: 20px;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	color: #000;
	display: inline-block;
}
*/

/*
=================================================
BENEFITS
=================================================
*/

#benefits {
	padding: 80px 30px 50px;
}

#benefits .container {
	margin-bottom: 30px;
}

#benefits h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;
}

/*
=================================================
privacy-terms
=================================================
*/

#privacy-terms .container {

	padding: 60px 20px;
	margin-bottom: 0px;
	max-width: 800px;


}

#privacy-terms h2 {

	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;

}

/*
=================================================
FAQ
=================================================
*/
.answer {
	height: 100px;
	padding: 40px 0;
	display: block;
}
#faq{
	padding: 50px 30px 50px;
	/*background: #eee;*/
	width: 680px;
	max-width: 100%;
	margin: 0 auto;
}

#faq h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 15px;
}

#faq ul {
	padding-left: 22px;
	margin-bottom: 30px;
}

#faq p {
	margin-bottom: 15px;
}

@media screen and (max-width: 575px) {
	#faq .container .row{
		margin-bottom: 0px;
	}
	#faq .container .row .col-sm {
		margin-bottom: 30px;
	}
}

/*
=================================================
FINAL CALL TO ACTION
=================================================
*/

#final-call-to-action {
	padding: 60px 30px 65px;
	text-align: center;
	background-image: url(../jpg/bg-sheets-dark.jpg);
	background-size: cover;
}

#final-call-to-action h3 {
	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #FFF;
}

#final-call-to-action #mc_embed_signup {
	color: #FFF;
}

#final-call-to-action a {
	padding: 20px 40px 20px;
	display: inline-block;
	margin-bottom: 5px;
/*
	border: 3px solid #000;
	border-radius: 5px;
	padding: 20px 40px 22px;
	line-height: 30px;
	font-size: 30px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	color: #000;
	display: inline-block;
*/
}

#final-call-to-action a:hover {
	padding: 20px 80px;
}

#final-call-to-action img {
	width: 200px;
	height: 200px;
	margin-top: 10px;
}



/*
=================================================
CONTACT
=================================================
*/

#contact {
	padding: 50px 20px 30px;
	background: #EEE;
	text-align: center
}

#contact h3 {
	font-size: 18px;
	font-weight: bold;
}

#contact p {
	font-size: 14px;
}


/*
=================================================
AFFILIATE PROGRAM
=================================================
*/
#affiliate {

	max-width: 600px;
	margin: 0 auto;
	padding: 80px 20px;

}

#affiliate h3 {

	font-family: 'Abril Fatface', serif;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 20px;

}

p.login-link {
	margin-top: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

p.login-link a {
	color: #FFF;
	text-decoration: underline;
}


/*
=================================================
LEADERBOARD
=================================================
*/
#leaderboard {
	padding: 80px 5px;
	background: #eee;
}

#leaderboard table {
	margin: 0 auto;
	max-width: 800px;
	background: #FFF;
	border: 3px solid #CCC;
	border-radius: 3px;
}

#leaderboard th, #leaderboard td {
	font-family: "Courier New", monospace;
	padding: 10px 17px 8px;
}

#leaderboard th.score, #leaderboard td.score {
	text-align: right;
}


/*
=================================================
FOOTER
=================================================
*/

footer {
	background: #EEE;
	padding: 20px 20px 20px;
	text-align: center;
	position: relative;
}

footer a.ester-egg {
	position: absolute;
	bottom: 5px;
	right: 10px;
	opacity: 0.2;
	text-decoration: none;
}

footer a.ester-egg:hover {
	opacity: 1.0;
}

footer ul {
	max-width: 600px;
	list-style: none;
	margin: 0 auto;
}

footer ul.links {
/* 	border-top: 2px solid #CCC; */
	padding: 5px 20px 5px;
}



footer ul li {
	display: inline-block;
	padding: 2px 5px;
	font-size: 12px;
}

footer ul li a, footer p {
	color: #AAA;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

footer ul.social-media {
	padding: 2px 20px 5px;
}

footer ul.social-media li {
	font-size: 12px;
	line-height: 16px;
}

footer ul.social-media li a.instagram:hover {
	color: #c32aa3;
}

/*
=================================================
MODALS
=================================================
*/

.modal p, .modal strong, .modal b, .modal i, .modal span, .modal a, .modal button {

	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 16px;
	margin-top: 0;

}

.modal h5.modal-title {

	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;

}

.modal h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 16px;
	font-weight: bold;
}


/*
=================================================
SHIPPING TABLE
=================================================
*/


.table-shipping td, .table-shipping th {
	padding: 7px 11px 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #ccc;

}


/*
=================================================
NEW CHECKOUT / CART STUFF / MYSTERIOUS MAP HEIST SALES PAGE
=================================================
*/
.row-product-boxes {
	max-width: 960px;
	margin: 0 auto 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
}
.product-box {
	width: 100%;
	position: relative;
	max-width: 100%;
	height: auto;
	padding: 80px 10px;
	margin: 0 auto 20px;
	background: #000 no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 3px;
	display: block;
	text-align: center;
}

.product-box-link, .product-box-link:hover {
	display: block;
	text-decoration: none;
}

.product-box-price {
	position: absolute;
	top: 10px;
	right: -10px;
	background: #dae4e7;
	padding: 7px 15px 6px;
	font-family: "Courier New", monospace;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border-radius: 3px;
    border: 3px solid #000;
/*     box-shadow: 0 0 5px rgba(255,255,255,0.5); */
}
.product-box-new {
	text-align: right;
	top: 48px;
	background: #cc0000;
	color: #FFF;
	border-color: #660000;
}
.product-box-struck {
	text-decoration: line-through;
	text-decoration-thickness: 2px;
	color: #888
}
.product-box h5 {
	font-family: 'Abril Fatface', serif;
	color: #FFF;
	font-weight: bold;
	font-size: 26px;
}

.product-box h5.mini-heading {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 18px;
	font-weight: normal;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.product-box h5.game-title {
	font-size: 38px;
	line-height: 32px;
	margin-bottom: 20px;
	font-weight: normal;
}

.product-box .button {
	background: #03a303;
	border-color: #027602;
	margin-bottom: 5px;
	display: inline-block;
}

.product-box .button:hover {
	background: #20c320;
	border-color: #089a08;
}

.product-box .badge-play {
	padding: 8px 14px 7px;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 10px;
	background: rgba(255,255,255,0.8);
	color: #444;
	border-radius: 3px;
}

@media screen and (max-width: 870px) {
	.row-product-boxes{
		display: block;
		width: 100%;
	}
	.col-product-pox {
		width: 100% !important;
		display: block !important;
		margin-bottom: 20px;
	}
	.product-box .button {
		display: inline-block;
	}
}

.credit, #features p.credit, #preview p.credit {
	border: 3px solid #1c653a; 
    font-family: 'Open Sans', sans-serif;
	font-size: 16px; 
	line-height: 24px;
	margin-bottom: 50px; 
	background: #d9f0dc; 
	border-radius: 5px; 
	padding: 17px 25px 19px; 
	max-width: 700px;
}
#preview p.credit {
	max-width: 500px;
	margin: 0 auto 40px;
	text-align: center;
	padding-bottom: 25px;
}
.credit strong {
    font-family: 'Limelight', sans-serif;
	font-size: 16px;
}

.credit a, #features p.credit a, #preview p.credit a {
    font-family: 'Open Sans', sans-serif;
	font-size: 16px; 
	line-height: 24px;
	text-decoration: underline;
	color: #000;
}
#preview p.credit a{
	text-decoration: none;
}
#preview p.credit strong {
	font-family: 'Limelight', sans-serif;
	font-size: 20px;
}



/* 
=================================================
ALERTS
=================================================
*/

#notification-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding: 20px;
	z-index: 99999;
	background: rgba(0,0,0,0.5);
}

#notification {
	background: #FFF;
	padding: 32px 40px 40px;
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 3px;
	border: 3px solid #000;
}
#notification.info {
	background: #FFF;
}

#notification-text {
	color: #000;
	padding: 0 0 25px;
	font-size: 20px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-weight: bold;
}

#notification-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	width: 800px;
	max-width: 100%;
	margin: 0 auto;

}
@media screen and (max-width: 699px) {
	#notification-actions {
		display: block;
	}
	#notification-actions .button:first-child {
		margin-bottom: 5px;
	}
}



#sub-cancel-anytime-container, #sub-satisfaction-guaranteed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding: 20px;
	z-index: 99999;
	background: rgba(0,0,0,0.5);
}

#info {
	background: #FFF;
	padding: 25px 35px 35px;
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 3px;
	border: 3px solid #000;
}

#info-text {
	color: #000;
	padding: 0 0 25px;
	font-size: 20px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	/*text-align: center;*/
	/*font-weight: bold;*/
}
#info-text p {
	margin-bottom: 15px;
}





.alert-container {
	position: fixed;
	top: 50px;
	left: 0px;
	width: 100%;
	text-align: center;
	padding: 0px;
	z-index: 2;
}

.alert {
	width: 700px;
	max-width: 100%;
	display: inline-block;
	padding: 15px 15px 12px;
	margin: 10px;
}

.alert button span{
	font-size: 60px;
	line-height: 30px;
	position: relative;
	left: 10px;
	bottom: 2px;
}
.alert button:active, .alert button:focus {
	outline: none;
}

/*
=================================================
SHIPPING
=================================================
*/
table.shipping-tracking-list  {
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 3px;
	border-collapse: collapse;
}
table.shipping-tracking-list td {
	border: 1px solid #CCC;
	padding: 10px 15px;
	vertical-align: top;
}
table.shipping-tracking-list ul {
	margin-bottom: 0;
}


/*
=================================================
NEW SHOP
=================================================
*/

.shop-container {
	width: 100%;
	display: block;
	background: #f6f6f6;
}
.shop {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 50px;
	padding: 50px 50px;
	width: 1400px;
	margin: 0 auto 0px;
	max-width: 100%;
}
.shop-ftf {
	width: 1100px;
	grid-template-columns: 1fr 1fr
}
.shop .game-card {
	display: block;
}
.shop .game-card .product-box {
	padding: 100px 10px !important;
	margin-bottom: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.shop .game-card .product-box h5.game-title {
	margin-bottom: 0 !important;
}
.shop .game-card .product-box h5.mini-heading {
	display: none !important;
}
.shop .game-card .product-box .badge {
	display: none !important;
}
.shop .game-card .game-description {
	background: #FFF;
	padding: 10px 25px 23px;
	margin-bottom: 0 !important;
}
.shop .game-card .game-description h3 a{
	font-size: 22px !important;
	line-height: 24px !important;
}
game-tags {
	display: block;
	margin-bottom: 0px;
}
game-tag {
	display: inline-block;
	/*background: #EEE;*/
	color: #999;
	font-size: 11px;
	line-height: 11px;
	/*font-weight: bold;*/
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
	padding: 4px 0px 4px;
	text-transform: uppercase;
}

.sold-out-explainer {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 20px;
	color: darkgreen !important;
	font-family: "Open Sans", sans-serif;
	text-align: center;
	padding: 8px 20px 0;

}
.sold-out-explainer a {
	font-family: "Open Sans", sans-serif !important;
	display: inline-block !important;
	margin: 0 !important;
	width: auto !important;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 20px;
	color: #004575 !important;


}

.sold-out-explainer-in-box {
	font-size: 14px !important;
	line-height: 20px !important;
	color: #EEE !important;
	font-family: "Open Sans", sans-serif !important;
	text-align: center !important;
	padding: 10px 20px 0 !important;
	max-width: 320px !important;
	font-weight: bold;

}
.sold-out-explainer-in-box a {
	color: #FFF !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-family: "Open Sans", sans-serif !important;
	display: inline-block !important;
	margin: 0 !important;
	width: auto !important;
}

@media screen and (max-width: 1220px) {
	.shop, .shop-ftf {
		grid-template-columns: 1fr 1fr;
		width: 1000px;
	}
}
@media screen and (max-width: 890px) {
	.shop, .shop-ftf {
		grid-template-columns: 1fr;
		width: 640px;
	}

}

@media screen and (max-width: 540px) {
	.shop {
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media screen and (max-width: 440px) {
	.shop {
		padding-right: 20px;
		padding-left: 20px;
	}
}