/*
Theme Name: connected
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: connected
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

connected is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
	outline: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
	outline: 0;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
	outline: 0;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	outline: 0;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
	outline: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 0;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
	border: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #46455E;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
	overflow-x: hidden;
    width: 100%;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fafbfc;
	/* Fallback for when there is no custom background color defined. */
	overflow-x: hidden;
    width: 100%;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: 0;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/*.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}*/

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
    display: block;
    position: absolute;
    right: 10px;
    top: -10px;
    padding: 5px 12px !important;
    font-size: 20px;
}

@media screen and (min-width: 700px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* RESPONSIVE MENU */
body.nav-toggle {
    overflow: hidden;
}
body.nav-toggle header#masthead {
	left: -75vw;
}
.main-navigation.toggled ul {
    width: 75vw;
    height: 100vh;
    background: #46455E;
    border-left: 5px solid #22232E;
    position: absolute;
    top: 0px;
    left: 100vw;
    padding: 100px 20px 20px !important;
	display: none;
}
	header#masthead.sticky .main-navigation.toggled ul {
    	top: -15px;
	}
	body.nav-toggle .main-navigation.toggled ul {
		display: block;
	}
.main-navigation.toggled li {
    margin: 0 10px;
    display: block;
    width: 90%;
    font-size: 1em;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #22232E;
}
	.main-navigation.toggled li:first-child {
    	padding-top: 0px;
	}
	.main-navigation.toggled li:last-child {
    	padding-bottom: 0px;
		border: 0;
	}
.main-navigation.toggled a:link, .main-navigation.toggled a:visited {
    color: #FFF;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}








/*--------------------------------------------------------------
****************************************************************
	CUSTOM STYLES
****************************************************************
--------------------------------------------------------------*/

* {
	outline: 0;
}

a {
	color: #E45259;
	text-decoration: none;
}
a:link {
	color: #E45259;
	text-decoration: none;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
a:visited {
	color: #E45259;
	text-decoration: none;
}
a:hover {
	color: #46455E;
	text-decoration: none;
}
a:active {
	color: #46455E;
	text-decoration: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    position: relative;
}

#page, #primary {
	background: #fafbfc;
}
aside#secondary {
	display: none;
}

label {
	font-weight: 300;
}


/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/

body {
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6, h7, h8, strong {
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-weight: 500;
}
em, cite {
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-style: italic;
}
strong em {
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-style: italic;
}

h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 2em;
}


blockquote {
	color: #3A3950;
    font-weight: normal;
    display: inline-block;
    width: 250px;
    padding: 50px 0;
    text-align: center;
	position: relative;
	vertical-align: top;
	font-size: 22px;
	border: 0;
	overflow: visible;
}
	blockquote p {
		position: relative;
	}
	blockquote p:before, blockquote p:after {
		content: "\0022";
		font-size: 4em;
		font-family: 'Coustard', serif;
		font-weight: 900;
		position: absolute;
		color: rgba(70, 69, 94, 0.08);
		line-height: 1em;
	}
	blockquote p:before {
		left: -0.4em;
		top: -0.1em;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}
	blockquote p:after {
		right: -0.4em;
		bottom: -0.7em;
	}
	blockquote em {
		font-style: normal !important;
		/*font-size: 1.5em;*/
		color: #F4B680;
		font-weight: bold;
		text-transform: uppercase;
	}
	blockquote span {
		display: block;
		clear: both;
		padding-top: 10px;
		text-transform: uppercase;
		font-size: 0.5em;
		font-weight: bold;
	}
		blockquote span::before {
		  display: inline-block;
			content: '';
			-webkit-border-radius: 0.375rem;
			border-radius: 0.375rem;
			height: 0.25rem;
			width: 0.25rem;
			margin-right: 0.5rem;
			background-color: #3A3950;
			bottom: 2px;
			position: relative;
		}
		blockquote span::after {
		  display: inline-block;
			content: '';
			-webkit-border-radius: 0.375rem;
			border-radius: 0.375rem;
			height: 0.25rem;
			width: 0.25rem;
			margin-left: 0.5rem;
			background-color: #3A3950;
			bottom: 2px;
			position: relative;
		}


/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.button-box {
	position: relative;
}

a.button,
a.button:link,
a.button:visited,
button,
.navigation a:link,
.navigation a:visited,
div.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
span.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif !important;
	font-weight: 500;
    padding: 10px 40px !important;
    margin: 20px 5px !important;
    display: inline-block;
    clear: both;
    text-transform: uppercase;
	line-height: 1.5em;
    background: #46455E !important;
    color: #FFF !important;
	font-size: 16px;
    text-decoration: none;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    -webkit-transition: all 500ms ease-out !important;
    -moz-transition: all 500ms ease-out !important;
    -o-transition: all 500ms ease-out !important;
    transition: all 500ms ease-out !important;
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
a.button:hover,
a.button:active,
.navigation a:hover,
.navigation a:active,
div.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
span.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #E45259 !important;
    color: #FFF !important;
    text-decoration: none;
}
a.button.small,
span.button.small,
div.button.small {
    padding: 5px 10px 4px !important;
    font-size: 0.8em;
}
button {
	background: #E45259 !important;
}
	button:hover {
		background: #46455E !important;
	}

a.button.pink,
a.button.pink:link,
a.button.pink:visited, 
span.button.pink,
div.button.pink, 
.woocommerce .cart .button[name="apply_coupon"] {
	background: #E45259 !important;
}
	a.button.pink:hover,
	a.button.pink:active,
	div.button.pink:hover,
	.woocommerce .cart .button[name="apply_coupon"]:hover, span.button.pink:hover {
		background: #46455E !important;
	}

a.button.pink-dark,
a.button.pink-dark:link,
a.button.pink-dark:visited,
span.button.pink-dark {
	background: #E45259 !important;
}
	a.button.pink-dark:hover, a.button.pink-dark:active, span.button.pink-dark:hover {
		background: #1B1C24 !important;
	}

a.button.green,
a.button.green:link,
a.button.green:visited,
span.button.green {
	background: #8abc95 !important;
}
	a.button.green:hover, a.button.green:active, span.button.green:hover {
		background: #46455E !important;
	}

a.button.yellow,
a.button.yellow:link,
a.button.yellow:visited,
span.button.yellow {
	background: #F4B680 !important;
}
	a.button.yellow:hover, a.button.yellow:active, span.button.yellow:hover {
		background: #22232E !important;
	}

a.button.gray,
a.button.gray:link,
a.button.gray:visited,
span.button.gray {
	background: #CCCCCC !important;
}
	a.button.gray:hover, a.button.gray:active, span.button.gray:hover {
		background: #46455E !important;
	}

a.button.outline,
a.button.outline:link,
a.button.outline:visited,
span.button.outline {
	background: transparent !important;
	border: 2px solid #FFF !important;
}
	a.button.outline:hover, a.button.outline:active, span.button.outline:hover {
		background: rgba(70, 69, 94, 0.5) !important;
		border: 2px solid #FFF !important;
	}

a.button.outline.dark,
a.button.outline.dark:link,
a.button.outline.dark:visited,
span.button.dark {
	background: transparent !important;
	border: 2px solid #1B1C24 !important;
	color: #1B1C24 !important;
}
	a.button.outline.dark:hover, a.button.outline.dark:active, span.button.dark:hover {
		background: rgba(27, 28, 36, 0.1) !important;
		border: 2px solid #1B1C24 !important;
		color: #1B1C24 !important;
	}

a.button.outline.dark.to-solid:hover, a.button.outline.dark.to-solid:active {
	background: #1B1C24 !important;
	border: 2px solid #1B1C24 !important;
	color: #FFF !important;
}

a.button.to-purple:hover, a.button.to-purple:active {
	background: #46455E !important;
	color: #FFF !important;
}
a.button.to-pink:hover, a.button.to-pink:active {
	background: #E45259 !important;
	color: #FFF !important;
}
a.button.to-yellow:hover, a.button.to-yellow:active {
	background: #F4B680 !important;
	color: #FFF !important;
}

@keyframes bounceRight {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateX(0);
		-ms-transform:     translateX(0);
		transform:         translateX(0);
	}
	40% {
		-webkit-transform: translateX(15px);
		-ms-transform:     translateX(15px);
		transform:         translateX(15px);
	}
	60% {
		-webkit-transform: translateX(5px);
		-ms-transform:     translateX(5px);
		transform:         translateX(5px);
	}
}
@keyframes bounceLeft {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateX(0);
		-ms-transform:     translateX(0);
		transform:         translateX(0);
	}
	40% {
		-webkit-transform: translateX(-15px);
		-ms-transform:     translateX(-15px);
		transform:         translateX(-15px);
	}
	60% {
		-webkit-transform: translateX(-5px);
		-ms-transform:     translateX(-5px);
		transform:         translateX(-5px);
	}
}
@keyframes bounceUp {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0);
	}
	40% {
		-webkit-transform: translateY(-10px);
		-ms-transform:     translateY(-10px);
		transform:         translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(-3px);
		-ms-transform:     translateY(-3px);
		transform:         translateY(-3px);
	}
}
@keyframes bounceDown {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0);
	}
	40% {
		-webkit-transform: translateY(10px);
		-ms-transform:     translateY(10px);
		transform:         translateY(10px);
	}
	60% {
		-webkit-transform: translateY(3px);
		-ms-transform:     translateY(3px);
		transform:         translateY(3px);
	}
}
@keyframes bounceUpRight {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translate(0, 0);
		-ms-transform:     translate(0, 0);
		transform:         translate(0, 0);
	}
	40% {
		-webkit-transform: translate(-10px, 10px);
		-ms-transform:     translate(-10px, 10px);
		transform:         translate(-10px, 10px);
	}
	60% {
		-webkit-transform: translate(-3px, 3px);
		-ms-transform:     translate(-3px, 3px);
		transform:         translate(-3px, 3px);
	}
}

a.button svg {
	position: relative;
	display: inline-block;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
	a.button.bounceRight:hover svg, .nav-next a:hover svg {
		animation-name: bounceRight;
		-moz-animation-name: bounceRight;
	}
	a.button.bounceLeft:hover svg, .nav-previous a:hover svg {
		animation-name: bounceLeft;
		-moz-animation-name: bounceLeft;
	}
	a.button.bounceUp:hover svg {
		animation-name: bounceUp;
		-moz-animation-name: bounceUp;
	}
	a.button.bounceDown:hover svg {
		animation-name: bounceDown;
		-moz-animation-name: bounceDown;
	}
	a.button.bounceUpRight:hover svg {
		animation-name: bounceUpRight;
		-moz-animation-name: bounceUpRight;
	}

.woocommerce .cart .button, .woocommerce .cart input.button {
	font-size: 0.8em;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 0.9em;
    width: auto;
    display: inline-block;
}

a.button.disabled,
a.button.disabled:link,
a.button.disabled:visited,
button.disabled,
div.button.disabled,
a.button.disabled:link,
a.button.disabled:visited,
button[disabled] {
    cursor: default;
	background: #999 !important;
}
	a.button.disabled:hover, a.button.disabled:active {
    	cursor: default;
		background: #666 !important;
	}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

header#masthead {
    position: fixed;
    height: 150px;
	background: #46455E;
	top: 0;
	left: 0;
	width: 100%;
	/*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);*/
	z-index: 99999;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
	header#masthead.sticky {
		background: #46455E !important;
		height: 100px;
		/*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5) !important;
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5) !important;
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5) !important;*/
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
		border-bottom: 5px solid #22232E;
	}
		header#masthead.sticky .site-branding .custom-logo {
			max-width: 175px;
			-webkit-transition: all 200ms ease-out;
			-moz-transition: all 200ms ease-out;
			-o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
		}
		header#masthead.sticky nav#site-navigation {
			top: -65px;
			-webkit-transition: all 200ms ease-out;
			-moz-transition: all 200ms ease-out;
			-o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
		}
	header#masthead.pink {
		background: #e2525c;
	}
	header#masthead.home-page {
		background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
@media (max-width: 700px){
	header#masthead.sticky nav#site-navigation {
		top: 15px;
	}
	header#masthead nav#site-navigation button:hover, header#masthead nav#site-navigation button:active {
		background: #E5B684 !important;
	}
}

header#masthead .site-branding {
	position: relative;
	z-index: 99;
	width: 50%;
	padding: 10px 0;
}
	header#masthead .site-branding .custom-logo {
		max-width: 300px;
		margin: 10px 40px;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}

nav#site-navigation {
    position: relative;
    top: -80px;
    right: 40px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
ul#primary-menu {
    float: right;
}
	.main-navigation li {
		padding: 0 15px;
		text-transform: uppercase;
		font-size: 15px;
	}

nav#site-navigation .main-nav a:link {
	color: #F4B680;
	text-decoration: none;
	position: relative;
}
nav#site-navigation .main-nav a:visited {
	color: #F4B680;
	text-decoration: none;
}
nav#site-navigation .main-nav a:hover {
	color: #F4B680;
	text-decoration: none;
}
nav#site-navigation .main-nav a:active {
	color: #F4B680;
	text-decoration: none;
}

nav#site-navigation .main-nav a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #F4B680;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
	nav#site-navigation .main-nav a:hover:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 99999;
	width: 250px;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms linear;
}
	.main-navigation ul li:hover > ul/*,
	.main-navigation ul li.focus > ul*/ {
		visibility: visible;
		opacity: 1;
		transition-delay: 300ms;
	}

.main-navigation ul ul li {
	min-width: 20px;
	float: right;
    text-align: right;
	font-size: 12px;
}

.main-navigation ul ul ul {
	top: 0;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms linear;
}
	.main-navigation ul ul li:hover > ul/*,
	.main-navigation ul ul li.focus > ul*/ {
  		visibility: visible;
		opacity: 1;
		transition-delay: 300ms;
	}

.main-navigation li.user {
    color: #777593;
    font-size: 1.1em;
    position: relative;
    top: -5px;
    margin: 0 5px;
    padding: 0;
}
.main-navigation li.user.divider {
	padding-left: 15px;
	border-left: 1px solid #2a323f;
}

/* Circle Effect */
nav#site-navigation .main-nav li.circle-effect {
	position: relative;
	display: inline-block;
}

nav#site-navigation .main-nav li.circle-effect a,
nav#site-navigation .main-nav li.circle-effect a:link,
nav#site-navigation .main-nav li.circle-effect a:visited {
	color: rgba(119,117,145,1);
	position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
}
	nav#site-navigation .main-nav li.circle-effect a:hover {
		color: rgba(119,117,145,0.7);
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
	}
nav#site-navigation .main-nav li.circle-effect a::before,
nav#site-navigation .main-nav li.circle-effect a::after {
	background-color: transparent;
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(119,117,145,0.3);
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 300ms, opacity 300ms;
    -moz-transition: -moz-transform 300ms, opacity 300ms;
    transition: transform 300ms, opacity 300ms;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
    transform: translateX(-50%) translateY(-50%) scale(0.2);
}
nav#site-navigation .main-nav li.circle-effect a::after {
    width: 32px;
    height: 32px;
    border-width: 2px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8);
}
nav#site-navigation .main-nav li.circle-effect a:hover::before,
nav#site-navigation .main-nav li.circle-effect a:hover::after,
nav#site-navigation .main-nav li.circle-effect a:focus::before,
nav#site-navigation .main-nav li.circle-effect a:focus::after {
	opacity: 1;
    -webkit-transition: -webkit-transform 300ms, opacity 300ms;
    -moz-transition: -moz-transform 300ms, opacity 300ms;
    transition: transform 300ms, opacity 300ms;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer#colophon h1, footer#colophon h2, footer#colophon h3, footer#colophon h4 {
	margin: 20px 0;
	color: #FFF;
}

footer#colophon .footer-contact {
	background: #1B1C24;
	color: #FFF;
	padding: 20px;
	text-align: center;
}
	footer#colophon .footer-contact h2 {
		margin: 20px 0;
		color: #FFF;
	}
	footer#colophon .footer-contact p {
		width: 50%;
		margin: auto;
	}

footer#colophon .site-info {
	background: #1B1C24;
	color: #FFF;
	border-top: solid 1px #46455E;
	padding: 20px;
}
	footer#colophon span {
		font-size: 14px;
    	position: relative;
	}

footer#colophon .footer-menu ul {
	margin: 0;
    padding: 0;
}
	footer#colophon .footer-menu ul li {
		display: inline-block;
		list-style: none;
		padding: 0 5px;
	}
		footer#colophon .footer-menu ul li a:link {
			color: #F4B680;
			text-decoration: none;
		}
		footer#colophon .footer-menu ul li a:visited {
			color: #F4B680;
			text-decoration: none;
		}
		footer#colophon .footer-menu ul li a:hover {
			color: #E45259;
			text-decoration: none;
		}
		footer#colophon .footer-menu ul li a:active {
			color: #E45259;
			text-decoration: none;
		}
	footer#colophon .footer-menu ul li + li {
		border-left: 1px solid #46455E;
	}

footer#colophon .social-media {
	float: right;
    font-size: 30px;
    position: relative;
    top: -10px;
}
	footer#colophon .social-media a:link {
		color: #46455E;
		text-decoration: none;
		margin: 0 3px;
		-webkit-transition: color 500ms ease-out;
		-moz-transition: color 500ms ease-out;
		-o-transition: color 500ms ease-out;
		transition: color 500ms ease-out;
	}
	footer#colophon .social-media a:visited {
		color: #46455E;
		text-decoration: none;
	}
	footer#colophon .social-media a:hover {
		color: #f4b680;
		text-decoration: none;
	}
	footer#colophon .social-media a:active {
		color: #f4b680;
		text-decoration: none;
	}

.mailerlite-form .mailerlite-form-field {
    margin: 10px 20px;
    display: inline-block;
}
.mailerlite-form .mailerlite-form-field label {
    display: block;
    font-size: 0.7em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
}
footer#colophon .mailerlite-form .mailerlite-form-field label {
    color: rgba(255, 255, 255, 0.35);
}

footer#colophon .cert-logos {
    text-align: center;
    clear: both;
}
footer#colophon .cert-logos img {
    max-width: 120px;
    max-height: 100px;
    margin: 5px 10px;
}


/*--------------------------------------------------------------
## Page
--------------------------------------------------------------*/

div#content {
	background: #fafbfc;
}

.page-header {
	border: 0;
}
div.page-header {
	background-color: #46455e;
	background-image: url(inc/sunburst-purple.jpg);
	background-size: cover;
	background-position: top center;
    padding: 400px 20px 20px;
	text-align: center;
	position: relative;
	margin: 0px 0 20px;
}
	div.page-header:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(70, 69, 94, 0);
		border-top-color: #46455e;
		border-width: 40px;
		margin-left: -40px;
	}
div.page-header .icon {
    max-width: 6vw;
    opacity: 0.9;
    position: absolute;
    bottom: 10vw;
    left: calc(50% - 4vw);
}
div.page-header.pink {
	background-image: url(inc/sunburst-pink.jpg);
}
	div.page-header.pink:after {
		border-color: rgba(204, 102, 102, 0);
		border-top-color: #e2525c;
	}
	div.page-header h1 {
		color: #FFF;
		font-size: 5vw;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
	}
div.page-header.simple {
    background: #22232E;
    padding: 235px 50px 50px 50px;
	z-index: 20;
}
	div.page-header.simple:after {
		border-top-color: #22232E;
	}
	div.page-header.simple h1 {
		font-size: 3em;
    	line-height: 1em;
	}
div.page-header.simple.short {
    padding: 185px 50px 50px 50px;
}


main#main {
	text-align: center;
	padding: 50px 0px 0px;
	margin: auto;
}

main#main p.tagline {
    font-size: 3vw;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0 5%;
}

.generic-content {
	width: 80%;
	margin: auto;
	padding: 50px 0 30px;
}

.wrapper {
	width: 100%;
	text-align: center;
	padding: 50px 0;
}
.wrapper hr {
	width: 200px;
}
.wrapper.max-limit {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.wrapper-header {
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
}

.wrapper-buffer {
	padding-top: 0px;
}
	.wrapper-buffer::before {
		height: 50px;
		display: block;
		content: '';
	}

.wrapper.thin {
	padding: 20px 0 !important;
}

.wrapper.tight {
	margin: 0 !important;
}
.wrapper.extra-tight {
	margin: 0 !important;
	padding: 0 !important;
}

.wrapper.spaced {
	margin: 50px auto !important;
}
.wrapper.spaced-top {
	margin-top: 50px !important;
}
.wrapper.spaced-bottom {
	margin-bottom: 50px !important;
}

.wrapper.bg-img {
	background-position: center;
	background-size: cover;
	background-color: #22232E;
	color: #FFF;
}
.wrapper.bg-img h1, .wrapper.bg-img h2, .wrapper.bg-img h3, .wrapper.bg-img h4 {
	color: #FFF;
}
.wrapper.bg-img hr {
	width: 200px;
	background-color: #6b6a7d;
}
.wrapper.bg-img a:link, .wrapper.bg-img a:visited {
	color: #F4B680;
}
.wrapper.bg-img a:hover, .wrapper.bg-img a:active {
	color: #E45259;
}

.flex {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.header-buffer::before {
	height: 125px;
	display: block;
	content: '';
}

.inner-content {
	padding: 0 20%;
}

.item-wrapper {
	text-align: center;
}
.duo-item {
    width: 40%;
    min-width: 200px;
    margin: 1%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.tri-item {
    width: 30%;
    min-width: 200px;
    margin: 1%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.tri-item > img {
	max-width: 200px;
}
.quad-item {
    width: 20%;
    min-width: 200px;
    margin: 1%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.quint-item {
    width: 10%;
    min-width: 200px;
    margin: 1%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.duo-item svg,
.tri-item svg,
.quad-item svg,
.quint-item svg {
    font-size: 40px;
    color: #46455E;
}
.purple .duo-item svg,
.purple .tri-item svg,
.purple .quad-item svg,
.purple .quint-item svg,
.dark-purple .duo-item svg,
.dark-purple .tri-item svg,
.dark-purple .quad-item svg,
.dark-purple .quint-item svg,
.darker-purple .duo-item svg,
.darker-purple .tri-item svg,
.darker-purple .quad-item svg,
.darker-purple .quint-item svg {
    color: #FFFFFF;
}
.pink .duo-item svg, .pink .tri-item svg, .pink .quad-item svg, .pink .quint-item svg {
    color: #FFFFFF;
}

.tri-item.fees {
    border-left: 10px solid #22232E;
	padding-left: 10px;
	text-align: left;
	width: auto;
}
.tri-item.fees h3 {
    text-transform: uppercase;
	margin: 0;
	color: #22232E;
}
.tri-item.fees p {
    font-weight: bold;
	font-size: 5em;
	margin: 0;
	line-height: 1em;
	color: #22232E;
}

.duo-wrapper {
	display: table;
}
.duo-container {
	width: 50%;
	display: table-cell;
	padding: 50px;
}


div.numbered {
    display: inline-block;
    position: relative;
    width: 250px;
	min-height: 230px;
    margin: 20px 10px;
    margin-top: 75px;
    padding: 50px 20px 0px 20px;
    text-align: center;
    border: 1px solid #CCC;
    vertical-align: top;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
	.short div.numbered {
		min-height: 175px;
	}
div.numbered div.icon {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background-color: #46455E;
    position: absolute;
    left: calc(50% - 40px);
    top: -45px;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
	div.numbered div.icon:after {
		content: '';
		position: absolute;
		background: #3A3950;
		width: 80px;
		height: 40px;
		z-index: 1;
		border-top-left-radius: 100px;
		border-top-right-radius: 100px;
		bottom: 6px;
		left: 50%;
		margin-left: -26px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}
		div.numbered:hover div.icon {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
		}
div.numbered strong.icon {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(50% - 25px);
    top: -24px;
    z-index: 5;
    font-size: 40px;
    text-align: center;
    color: #FFF;
    line-height: 1em;
}
	.alternate div.numbered:nth-child(even) div.icon {
		background-color: #E45259;
	}
	.alternate div.numbered:nth-child(even) div.icon:after {
		background: #CE4B51;
	}

.faq-q {
	cursor: pointer;
}
.faq-a {
	display: none;
	padding-left: 40px;
}
	.faq-a p {
		margin: 0;
		padding: 0;
		padding-bottom: 15px;
	}

.wrapper input[type="text"],
.wrapper input[type="email"],
.wrapper input[type="url"],
.wrapper input[type="password"],
.wrapper input[type="search"],
.wrapper input[type="number"],
.wrapper input[type="tel"],
.wrapper input[type="range"],
.wrapper input[type="date"],
.wrapper input[type="month"],
.wrapper input[type="week"],
.wrapper input[type="time"],
.wrapper input[type="datetime"],
.wrapper input[type="datetime-local"],
.wrapper input[type="color"],
.wrapper textarea {
    font-size: 18px;
    border: 0;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
}

.wrapper button,
.wrapper button:active,
.wrapper button:focus,
.wrapper input[type="button"],
.wrapper input[type="button"]:active,
.wrapper input[type="button"]:focus,
.wrapper input[type="reset"],
.wrapper input[type="reset"]:active,
.wrapper input[type="reset"]:focus,
.wrapper input[type="submit"],
.wrapper input[type="submit"]:active,
.wrapper input[type="submit"]:focus {
    font-size: 18px;
    padding: 15px 40px;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    margin: 20px 0;
    display: inline-block;
    clear: both;
    text-transform: uppercase;
    background: #E45259;
    color: #FFF;
    text-decoration: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.right {
	text-align: right;
}
.left {
	text-align: left;
}

.half-section {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	text-align: center;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
}
.half-content, .half-image {
	width: 45%;
	min-width: 350px;
	margin: 1%;
	padding: 20px;
	order: 1;
	text-align: right;
}
.half-image + .half-content {
	order: 2;
	text-align: left;
}
.half-content + .half-image {
	order: 2;
	text-align: left;
}
	.half-image img {
		max-width: 100%;
		max-height: 350px;
	}
	.half-image.large img {
		max-width: 100%;
		max-height: 450px;
	}

.bold-section .half-content {
	color: rgba(255, 255, 255, 0.5);
}
.bold-section .half-content h2 {
	font-family: "brandon-grotesque";
}
.bold-section .half-content p {
	padding-top: 20px;
}

.half-section-fill {
    overflow: hidden;
    display: table;
    position: relative;
}
.half-section-fill .half-fill-content, .half-section-fill .half-fill-image {
    display: table-cell;
    margin: 0;
    /*background-color: #777593;*/
    background-color: #46455E;
    width: 50%;
}
.half-section-fill .half-fill-image {
    background-position: center;
    background-size: cover;
}
.half-section-fill .half-fill-content {
    color: #FFF;
    padding: 5% 10% 8%;
}
	.half-section-fill .half-fill-content h1,
	.half-section-fill .half-fill-content h2,
	.half-section-fill .half-fill-content h3,
	.half-section-fill .half-fill-content h4 {
    	color: #FFF;
	}
	.half-section-fill .half-fill-content hr {
		width: 200px;
		background-color: #9291a8;
	}

@media (max-width: 800px){
	.half-section-fill {
		display: block;
	}
	.half-section-fill .half-fill-content, .half-section-fill .half-fill-image {
		display: block;
		width: 100%;
	}
	.half-section-fill .half-fill-image {
		min-height: 300px;
	}
}

.purple {
	background-color: #46455E !important;
	color: #FFF !important;
}
	.purple h1, .purple h2, .purple h3, .purple h4 {
		color: #FFF;
	}
	.purple h1 hr {
		border-width: 200px;
		background-color: #6b6a7d;
	}
	.purple a:link, .purple a:visited {
		color: #F4B680;
	}
	.purple a:hover, .purple a:active {
		color: #E45259;
	}
	.purple a.button.pink:hover,
	.purple a.button.pink:active,
	.purple div.button.pink:hover,
	.purple .woocommerce .cart .button[name="apply_coupon"]:hover {
		background: #22232E !important;
	}
.dark-purple {
	background-color: #22232E !important;
	color: #FFF !important;
}
	.dark-purple h1, .dark-purple h2, .dark-purple h3, .dark-purple h4 {
		color: #FFF;
	}
	.dark-purple h1 hr {
		border-width: 200px;
		background-color: #6b6a7d;
	}
.darkest-purple {
	background-color: #1B1C24 !important;
	color: #FFF !important;
}
	.darkest-purple h1, .darkest-purple h2, .darkest-purple h3, .darkest-purple h4 {
		color: #FFF;
	}
	.darkest-purple h1 hr {
		border-width: 200px;
		background-color: #6b6a7d;
	}
.pink {
	background-color: #e45259;
	color: #FFF;
}
	.pink h1, .pink h2, .pink h3, .pink h4 {
		color: #FFF;
	}
.yellow {
	background-color: #F4B680;
	color: #FFF;
}
	.yellow h1, .yellow h2, .yellow h3, .yellow h4 {
		color: #FFF;
	}
.green {
	background-color: #8eb893 !important;
	color: #FFF !important;
}
	.yellow h1, .yellow h2, .yellow h3, .yellow h4 {
		color: #FFF !important;
	}

.gray {
	background-color: #f1f1f1;
}

.lefthand-timeline .half-image {
    position: relative;
    text-align: center;
}
.lefthand-timeline .half-image::after {
    content: '\21E3';
    position: absolute;
    bottom: -50px;
    left: calc(50% - 50px);
    font-size: 100px;
    color: #46455E;
    display: block;
    width: 100px;
    text-align: center;
    line-height: 1em;
}
.lefthand-timeline.end-timeline .half-image::after {
	display: none;
}

.large-header {
	overflow: hidden;
}
.large-header .half-section {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.large-header .half-content {
    padding: 10% 2%;
    text-align: left;
	color: rgba(21, 26, 35, 0.5);
}
	.large-header .half-content h2 {
		color: #151A23;
		font-size: 2.5em;
		font-family: "brandon-grotesque";
	}
	.large-header .half-content span.date {
		font-family: "brandon-grotesque";
	}
	.large-header .half-content p {
		margin-top: 20px;
	}
.large-header .half-image {
    position: relative;
    /* height: 100%; */
    overflow: visible;
    align-self: stretch;
    margin: 0;
}
.large-header .half-image img {
    position: absolute;
    bottom: 0;
    max-width: none;
    max-height: none;
    height: 90%;
}

.calendar-box {
	width: 100px;
	height: 80px;
	background: #FFF;
	position: relative;
	-webkit-box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
	.calendar-box::after {
		content: "";
		display: block;
		width: 100%;
		height: 50px;
		position: absolute;
		top: -50px;
		left: 0;
		background: url('inc/calendar-cap.png') center bottom no-repeat;
		background-size: contain;
		-webkit-filter: drop-shadow(0px 0px 2px #aaa);
    	filter: drop-shadow(0px 0px 2px #aaa);
	}
.calendar-box span {
	display: block;
	text-align: center;
	font-family: "brandon-grotesque";
	line-height: 1em;
}
	.calendar-box span.month {
		color: #E45259;
		text-transform: uppercase;
		padding-top: 10px;
	}
	.calendar-box span.date {
		color: #151A23;
		font-size: 2.2em;
	}

.calendar-box.inline-display {
	margin: auto;
	margin-top: 30px;
}
.purple .calendar-box::after {
	background: url('inc/calendar-cap-dark.png') center bottom no-repeat;
	background-size: contain;
	-webkit-filter: drop-shadow(0px 0px 2px #22232E);
	filter: drop-shadow(0px 0px 2px #22232E);
}


@media (max-width: 730px) {
	.half-content, .half-image {
		text-align: center !important;
		width: 90%;
		margin: auto;
	}
	.half-image {
		order: 1 !important;
	}
	.half-content {
		order: 2 !important;
	}
	
	.lefthand-timeline .half-image::after {
		display: none;
	}
	.lefthand-timeline .half-content {
		position: relative;
		padding-bottom: 100px;
	}
	.lefthand-timeline .half-content::after {
		content: '\21E3';
		position: absolute;
		bottom: -20px;
		left: calc(50% - 50px);
		font-size: 100px;
		color: #46455E;
		display: block;
		width: 100px;
		text-align: center;
		line-height: 1em;
	}
	
	.calendar-box {
		margin: auto;
		margin-top: 50px;
	}
	.large-header .half-image {
		height: 300px;
	}
	.large-header .half-image img {
		left: 20%;
	}
}


/*--------------------------------------------------------------
## GAME PAGES
--------------------------------------------------------------*/

/* Game Features ---------------------------------------------*/
div.game-features {
	width: 100%;
	background: #e45259;
	color: #FFF;
	padding: 20px 10%;
	margin: 7% 0;
	position: relative;
}
div.game-features-inner {
	max-width: 1000px;
	margin: auto;
	position: relative;
}
	div.game-features-inner h2 {
		color: #FFF;
	}
	div.game-features-inner p {
		font-size: 1.1em;
	}

div.game-features-img {
	position: absolute;
    bottom: -45%;
    height: 225%;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
}

div.game-details {
	width: 50%;
	position: relative;
	padding: 0 20px;
	text-align: left;
}
	div.game-details h2 {
		margin: 20px 0;
	}
	div.game-details p {
		width: 80%;
	}

div#gamefeatures-1 {
	background: #e45259;
	margin-top: 150px;
}
	div#gamefeatures-1 .game-details {
		left: 50%;
		text-align: right;
	}
	div#gamefeatures-1 .game-details p {
		position: relative;
		left: 20%;
	}
div#gamefeatures-2 {
	background: #3A3950;
}
	div#gamefeatures-2 .game-features-img {
		right: 0;
    	background-position: right bottom;
	}

/* Game Counts -----------------------------------------------*/
div.game-cnt {
	display: inline-block;
	width: 350px;
	margin: 20px;
	text-align: center;
	vertical-align: top;
}
div.game-cnt img {
    max-width: 100px;
}
div.game-cnt svg {
    font-size: 60px;
	color: #46455e;
}
div.game-cnt p {
	margin: 0;
	padding: 0;
	font-size: 30px;
}
div.game-cnt h2 {
	text-transform: uppercase;
	font-size: 45px;
	color: #46455e;
	margin-top: 0;
	padding-top: 0;
}

/* Game Stats ------------------------------------------------*/
div.game-stats {
	display: inline-block;
	width: 30%;
	margin: 1%;
	border: 1px solid #ccc;
	position: relative;
	min-width: 300px;
	vertical-align: top;
	padding: 0px 20px;
	background: transparent;
	color: #404040;
}
div.game-stats span {
    /* border-radius: 50%; */
    width: auto;
    height: auto;
    background: #fafbfc;
    /* border: 1px solid #ccc; */
    /* position: absolute; */
    position: relative;
    /* left: calc(50% - 50px); */
    left: 0;
    top: -55px;
    color: #46455e;
	font-weight: 700;
    padding: 0px 10px;
    font-size: 75px;
    text-align: center;
}
	div.game-stats.pink span {
		color: #e45259;
	}
	div.game-stats.green span {
		color: #8bbb96;
	}
div.game-stats h2 {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 25px;
    margin-top: 0;
    color: #46455e;
    position: relative;
    top: -50px;
}
	div.game-stats.pink h2 {
		color: #e45259;
	}
	div.game-stats.green h2 {
		color: #8bbb96;
	}
div.game-stats h3 {
	margin-top: 0;
	color: #46455e;
    position: relative;
    top: -50px;
}
	div.game-stats.pink h3 {
		color: #e45259;
	}
	div.game-stats.green h3 {
		color: #8bbb96;
	}
div.game-stats p {
    margin: 0;
    padding: 0 30px;
    position: relative;
    top: -40px;
}

.game-stats ul {
    padding: 0 50px;
    margin: 0;
    margin-top: 50px;
    margin-bottom: 0px;
    text-align: left;
    list-style-type: none;
}
	.game-stats ul li svg {
		color: #46455e;
	}
	.game-stats.pink ul li svg {
		color: #e45259;
	}
	.game-stats.green ul li svg {
		color: #8bbb96;
	}

/* Featured Testimonial ---------------------------------------*/
.purple-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*z-index: -1;*/
    background-position: center;
    background-size: cover;
    /*background-color: #46465D;*/
    background-blend-mode: multiply;
}
.purple-overlay + h2 {
	color: #FFF;
}
div.img-bg {
	color: #FFF;
	background-position: top center;
	background-size: cover;
	padding: 20px 20px 75px;
	overflow: hidden;
	position: relative;
}
	div.img-bg img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		z-index: -2;
	}
div.featured-testimonial blockquote {
	color: #FFF;
	font-size: 40px;
	width: 80%;
    max-width: 550px;
}
	div.featured-testimonial blockquote p:before, div.featured-testimonial blockquote p:after {
		color: rgba(255, 255, 255, 0.1);
	}
	div.featured-testimonial blockquote span::before, div.featured-testimonial blockquote span::after {
		background-color: #FFF;
		bottom: 10px;
	}

.top-testimonial {
	width: 100%;
}
	.top-testimonial blockquote {
		width: 90%;
		margin: auto;
		padding: 0;
		max-width: 800px;
    	font-size: 2em;
	}


@media(max-width: 600px) {
	.top-testimonial blockquote {
		width: 70%;
	}
}


/*--------------------------------------------------------------
## TESTIMONIALS
--------------------------------------------------------------*/

#organizations img {
    max-width: 200px;
    max-height: 100px;
    margin: 20px;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
	#organizations a:hover img {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		-moz-transition: all 500ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
.slick-initialized .slick-slide {
	display: inline-block;
    height: 100%;
    vertical-align: middle;
	float: none;
	text-align: center;
}
#orgs img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 100px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
	#orgs a:hover img {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		-moz-transition: all 500ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}



/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/

div#content.home-page {
	margin-top: 0px;
	background: #fafbfc;
	position: relative;
}

.video-box {
	width: 100vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.video-box h1 {
	color: #FFF;
}
.video-box .large-circle {
    position: absolute;
    float: left;
    left: 45%;
    top: 40%;
    width: auto;
    font-size: 10vw;
    color: #FFF;
    opacity: .5;
    z-index: 10;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
	.video-box .large-circle:hover {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		cursor: pointer;
	}

.video-box .about-profile {
	color: #FFF;
	background: none;
	padding: 5% 10%;
	width: 50%;
	position: relative;
}

@media(max-width: 800px) {
	.video-box .about-profile {
		width: 100%;
	}
	#video-icon {
		display: none;
	}
}


.modal-backdrop {
	z-index: 104000;
}
	.modal-backdrop.in {
		filter: alpha(opacity=60);
		opacity: .6;
	}
.modal {
    z-index: 100000000;
}

.modal-dialog {
	width: 80vw !important;
	margin: 30px auto;
}
.modal-body {
	position:relative;
	padding:0px;
}
button.close {
    -webkit-appearance: none;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    background: 0 0 !important;
    border: 0 !important;
    font-size: 2em;
    line-height: 1em;
    position: absolute;
    right: -30px;
    opacity: 1;
}

.fourth-item {
	width: 22%;
	min-width: 200px;
	margin: 1%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
	.fourth-item svg {
		font-size: 40px;
		color: #46455E;
	}
	.fourth-item h2 {
		padding-top: 0;
		margin-top: 0;
		color: #46455E;
		font-size: 1.5em;
	}


.sample-game {
	align-items: normal;
}
.sample-game .deck {
	position: relative;
}
.sample-game .deck img {
	width: 19vw;
	height: 19vw;
	max-width: 190px;
	max-height: 190px;
	position: absolute;
	top: 0;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
	.sample-game .deck img:nth-child(1) {
		left: calc(50% - 22vw);
	}
	.sample-game .deck img:nth-child(2) {
		left: calc(50% - 12vw);
		top: 20px;
	}
	.sample-game .deck img:nth-child(3) {
		left: calc(50% - 3vw);
	}
	.sample-game .deck img:nth-child(4) {
		left: calc(50% + 8vw);
		top: -5px;
	}
.sample-game .slots {
	padding-top: 20vw;
}
.sample-game .slots .placeholder {
	width: 19vw;
	height: 19vw;
	max-width: 190px;
	max-height: 190px;
	background: rgba(0, 0, 0, 0.5);
	display: inline-block;
	margin: 1%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 10%;
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.2);
}



/* Banner ----------------------------------------------------*/

div#home-banner {
	width: 100%;
	position: relative;
	/*height: 80vh;
	min-height: 650px;*/
	max-height: 900px;
    overflow: hidden;
	border-radius: 0 0 50% 50% / 50px;
}
div#home-banner .mobile-img {
	display: none;
}
div#home-banner video#bgvid {
	min-width: 100%;
	min-height: 100%;
	position: fixed;
	z-index: 0;
}
/*div#home-banner #banner-content {
    position: absolute;
    width: 55%;
    height: auto;
    right: 10%;
    top: 35%;
    color: #FFF;
    text-align: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	div#home-banner #banner-content h2 {
		font-size: 7vw;
		line-height: 0.8em;
		margin: 0;
		padding: 0;
		color: #FFF;
	}
	div#home-banner #banner-content p {
		font-size: 3vw;
		line-height: 1.2em;
		padding-top: 20px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	div#home-banner #banner-content p em {
		color: #CE4B51;
		font-style: normal;
		font-weight: 500;
	}*/
div#home-banner #banner-content {
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 200px;
    color: #FFF;
    text-align: left;
    padding: 3%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	div#home-banner #banner-content h2 {
		font-size: 5vw;
		line-height: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		color: #FFF;
		text-transform: uppercase;
	}
	div#home-banner #banner-content p {
		font-size: 3vw;
		line-height: 1.2em;
		padding-bottom: 0;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	div#home-banner #banner-content p em {
		color: #CE4B51;
		font-style: normal;
		font-weight: 500;
	}
svg#bottom-curve {
    width: 120%;
    height: auto;
    position: absolute;
    left: -10%;
    bottom: -2px;
}


/* Hotlinks --------------------------------------------------*/

div.hotlink-container {
    display: table;
	margin: auto;
    border-collapse: separate;
    border-spacing: 50px;
}

.hotlink {
	display: table-cell;
	position: relative;
	width: 400px;
	/*margin: 20px 40px;
	margin-top: 75px;*/
	padding: 20px 30px;
	text-align: center;
	border: 1px solid #CCC;
	vertical-align: top;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
	.hotlink:hover {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	.hotlink div.icon {
		border-radius: 50%;
		width: 100px;
		height: 100px;
		background-color: #46455E;
		position: absolute;
		left: 150px;
		top: -55px;
		-moz-transition: all 500ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
		.hotlink div.icon:after {
			content: '';
			position: absolute;
			background: #3A3950;
			width: 100px;
			height: 50px;
			z-index: 1;
			border-top-left-radius: 100px;
			border-top-right-radius: 100px;
			bottom: 8px;
			left: 50%;
			margin-left: -33px;
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.hotlink:hover div.icon {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
		}
	.hotlink img.icon {
		width: 50px;
		height: 50px;
		position: absolute;
		left: 175px;
		top: -30px;
		z-index: 5;
	}
	.hotlink .icon + svg {
		position: absolute;
		z-index: 9;
		font-size: 50px;
		color: #FFF;
		top: -30px;
		left: 175px;
	}
	a.hotlink:link h2, a.hotlink:visited h2, a.hotlink:hover h2, a.hotlink:active h2 {
		text-transform: uppercase;
		font-size: 24px;
		padding-top: 15px;
		text-decoration: none;
		margin: 20px 0;
	}
	a.hotlink:link p, a.hotlink:visited p, a.hotlink:hover p, a.hotlink:active p {
		text-decoration: none;
		color: #000;
	}

	.hotlink ul {
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
		text-align: left;
		list-style-type: none;
	}
	.hotlink#div-training ul li svg {
		color: #E45259;
	}
	.hotlink#div-education ul li svg {
		color: #7da380;
	}
	.hotlink#puzzle-lead ul li svg {
		color: #46455E;
	}
	.hotlink#puzzle-learn ul li svg {
		color: #E45259;
	}
	.hotlink#puzzle-transform ul li svg {
		color: #7da380;
	}

a#card-game div.icon {
	background-color: #46455E;
}
	a#card-game div.icon:after {
		background: #3A3950;
	}
	a#card-game h2 {
		color: #46455E;
	}
a#board-game div.icon {
	background-color: #E45259;
}
	a#board-game div.icon:after {
		background: #CE4B51;
	}
	a#board-game h2 {
		color: #E45259;
	}

#div-training div.icon {
	background-color: #E45259;
}
	#div-training div.icon:after {
		background: #CE4B51;
	}
	#div-training h2 {
		color: #E45259;
		line-height: 1.2em;
	}
#div-education div.icon {
	background-color: #8abc95;
}
	#div-education div.icon:after {
		background: #7da380;
	}
	#div-education h2 {
		color: #8abc95;
		line-height: 1.2em;
	}
#puzzle-lead div.icon {
	background-color: #46455E;
}
	#puzzle-lead div.icon:after {
		background: #3A3950;
	}
	#puzzle-lead h2 {
		color: #46455E;
		line-height: 1.2em;
	}
#puzzle-learn div.icon {
	background-color: #E45259;
}
	#puzzle-learn div.icon:after {
		background: #CE4B51;
	}
	#puzzle-learn h2 {
		color: #E45259;
		line-height: 1.2em;
	}
#puzzle-transform div.icon {
	background-color: #7da380;
}
	#puzzle-transform div.icon:after {
		background: #7da380;
	}
	#puzzle-transform h2 {
		color: #7da380;
		line-height: 1.2em;
	}

/* Meet ------------------------------------------------------*/

#meet-person {
    border: 1px solid #CCC;
    text-align: center;
    padding: 20px;
    width: 685px;
    max-width: 74%;
    margin: auto;
    margin-top: 50px;
}
	#meet-person h2 {
		position: relative;
		width: 50%;
		padding: 0;
		margin: auto;
		text-transform: uppercase;
		top: -38px;
		background: #fafbfc;
		line-height: 1em;
		color: #46455E;
	}
	#meet-person p {
		width: 600px;
		max-width: 80%;
		margin: auto;
	}

.boxed-content {
    border: 1px solid #CCC;
    text-align: center;
    padding: 20px;
	padding-bottom: 40px;
    width: 685px;
    max-width: 74%;
    margin: auto;
    margin-top: 50px;
}
	.boxed-content h2 {
		position: relative;
		width: 50%;
		padding: 0;
		margin: auto;
		text-transform: uppercase;
		top: -38px;
		background: #fafbfc;
		line-height: 1em;
		color: #46455E;
	}
	.boxed-content p {
		width: 600px;
		max-width: 80%;
		margin: auto;
	}
	.boxed-content p + p {
		padding-top: 20px;
	}


/* Feature ---------------------------------------------------*/

div.feature-home {
	background: #3A3950;
	color: #FFF;
	padding: 20px 10%;
	position: relative;
}

div.feature-inner {
	max-width: 1000px;
	margin: auto;
}

div.feature-home .feature-img {
	position: absolute;
    bottom: 0;
    height: 110%;
    background-size: contain;
    width: 80%;
	max-width: 1000px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

div.feature-home .feature-info {
	width: 50%;
	position: relative;
	padding: 0 20px;
}
	div.feature-home .feature-info h2 {
		margin: 20px 0;
		color: #FFF;
	}
	div.feature-home .feature-info p {
		width: 80%;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

div#feature-1 {
	background: #3A3950;
	margin-top: 75px;
}
	div#feature-1 .feature-info {
		left: 50%;
		text-align: right;
	}
	div#feature-1 .feature-info p {
		position: relative;
		left: 20%;
	}
div#feature-2 {
	background: #22232E;
}
	div#feature-2 .feature-img {
		right: 0;
    	background-position: right bottom;
	}


/*--------------------------------------------------------------
## ABOUT
--------------------------------------------------------------*/

h2#mission-header {
	font-size: 30px;
	margin-bottom: 0;
}

div#about-mission .mission-item {
	width: 30%;
	min-width: 200px;
	margin: 1%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
	div#about-mission .mission-item svg {
		font-size: 40px;
		color: #46455E;
	}
	div#about-mission .mission-item h2 {
		padding-top: 0;
		margin-top: 0;
		color: #46455E;
	}

#about-person {
    overflow: hidden;
    display: table;
	position: relative;
}
div#about-person > div {
	display: table-cell;
    margin: 0;
    width: 50%;
}
	div#about-person > div h1, div#about-person > div h2, div#about-person > div h3 {
		color: #FFF;
	}
div#about-img {
	background-position: center;
	background-size: cover;
}
div#about-bio {
	color: #FFF;
	padding: 5% 10% 8%;
    background-color: #777593;
}

#about-person .social-media a:link {
    font-size: 30px;
    margin: 10px;
}
#about-person .social-media a:hover {
	color: #F4B680 !important;
}

#about-games {
	padding-top: 0;
}
#about-games > h2 {
	margin-top: 0;
	padding-top: 0;
	text-transform: uppercase;
}

#about-story {
    padding: 50px;
    margin: auto;
    background: #46455E;
    color: #FFFFFF;
}
#about-story > h2 {
	margin-top: 0;
	padding-top: 0;
	text-transform: uppercase;
	color: #FFF;
}
#about-story > img {
	max-width: 200px;
	margin: auto;
}
#about-story h3 {
	color: #FFF;
}


/* Hotlinks --------------------------------------------------*/

div.timeline {
	display: inline-block;
	position: relative;
	width: 300px;
	margin: 20px 40px;
	margin-top: 75px;
	padding: 20px 30px;
	text-align: center;
	border: 1px solid #CCC;
	vertical-align: top;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
	div.timeline div.icon {
		border-radius: 50%;
		width: 100px;
		height: 100px;
		background-color: #46455E;
		position: absolute;
		left: 100px;
		top: -55px;
		-moz-transition: all 500ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
		div.timeline div.icon:after {
			content: '';
			position: absolute;
			background: #3A3950;
			width: 100px;
			height: 50px;
			z-index: 1;
			border-top-left-radius: 100px;
			border-top-right-radius: 100px;
			bottom: 8px;
			left: 50%;
			margin-left: -33px;
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		div.timeline:hover div.icon {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
		}
	div.timeline strong.icon {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		left: 125px;
		top: -30px;
		z-index: 5;
		font-size: 50px;
		text-align: center;
		color: #FFF;
		line-height: 1em;
	}
	div.timeline h2 {
		text-transform: uppercase;
		font-size: 24px;
		padding-top: 15px;
		text-decoration: none;
		margin: 20px 0;
	}
div.timeline.pink div.icon {
	background-color: #E45259;
}
	div.timeline.pink div.icon:after {
		background: #CE4B51;
	}
	div.timeline.pink h2 {
		color: #E45259;
	}


/*--------------------------------------------------------------
## OUR TEAM
--------------------------------------------------------------*/

main#main.team {
	padding-bottom: 50px;
}

main#main.team h2.header-title {
	border-bottom: 1px solid #CCC;
	text-align: center;
	font-size: 35px;
	text-transform: uppercase;
	width: 100%;
}
	main#main.team h2.header-title span {
		background: #fafbfc;
		display: inline-block;
		padding: 0 10px;
		position: relative;
		top: 25px;
	}

.person-box {
	position: relative;
	background: #FFFFFF;
	width: 250px;
	height: 250px;
	border: #46455E 15px solid;
	margin: 20px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('inc/user.jpg');
	vertical-align: top;
	-webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 10%;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
	.person-box.flip:hover {
		border: #FFFFFF 15px solid;
		background: #46455E !important;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}

.person-deets {
	color: #FFF;
	text-align: left;
	display: none;
}
	.person-deets img.thumbprint {
		width: 45px;
		margin: 15px 0 10px 15px;
	}
	.person-deets h2 {
		line-height: 1em;
		font-size: 20px;
		padding: 0 10px;
		margin: 0;
		cursor: default;
		color: #FFF;
	}
		.person-deets h2 span {
			font-size: 0.6em;
			text-transform: uppercase;
		}
	.person-deets h3 {
		font-size: 15px;
		text-transform: uppercase;
		padding: 0 10px;
		margin: 0;
		font-weight: normal;
		cursor: default;
		color: #FFF;
	}
	.person-box.flip:hover .person-deets {
		display: block;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	.person-box a.person-linkedin:link, .person-box a.person-linkedin:visited {
		font-size: 25px;
		position: absolute;
		top: 10px;
		right: 15px;
		color: #E45359;
	}
		.person-box a.person-linkedin:hover, .person-box a.person-linkedin:active {
			color: #1B1C24;
		}
	.person-box .button-container {
		text-align: center;
		position: absolute;
		width: 100%;
		bottom: 0;
	}

.board-container {
	text-align: left;
	padding: 20px 5%;
}
.board-box {
	width: 20%;
	min-width: 200px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	padding: 20px;
}
.board-box h3 {
	font-size: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
}
.board-box span {
	text-transform: uppercase;
	display: block;
	font-size: 0.8em;
}


/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


/*--------------------------------------------------------------
## APPROACH
--------------------------------------------------------------*/

/* Features ---------------------------------------------*/
div.step-box {
	background: #e45259;
	margin: 3% 0;
}
	div.step-box em {
		display: block;
		font-size: 2em;
		font-style: normal !important;
    	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif !important;
		padding-bottom: 5px;
    	line-height: 1.2em;
	}
	div.step-box div.game-details p {
		width: 100%;
		text-align: center;
	}
	div.step-box div.game-features-img {
		position: absolute;
		top: -60%;
		right: 0;
		max-height: 250%;
		max-width: 40%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right center;
	}

div.step-one {
	width: 70%;
}
	.step-one:after {
		content: '';
		position: absolute;
		display: block;
		right: -149px;
		top: 0;
		bottom: 0;
		width: 150px;
		height: 100%;
		background: inherit;
		-webkit-clip-path: polygon(0 0, 0% 100%, 50% 50%);
		clip-path: polygon(0 0, 0% 100%, 50% 50%);
	}
div.step-two {
	width: 85%;
}
	.step-two:after {
		content: '';
		position: absolute;
		display: block;
		right: -149px;
		top: 0;
		bottom: 0;
		width: 150px;
		height: 100%;
		background: inherit;
		-webkit-clip-path: polygon(0 0, 0% 100%, 50% 50%);
		clip-path: polygon(0 0, 0% 100%, 50% 50%);
	}
div.step-final {
	width: 100%;
}
	.step-final:after {
		content: '';
		position: absolute;
		display: block;
		left: 45%;
		/* top: 20px; */
		/* bottom: 20px; */
		width: 10%;
		height: 250px;
		background: inherit;
		-webkit-clip-path: polygon(25% 0, 50% 23%, 75% 0);
		clip-path: polygon(10% 0, 50% 20%, 90% 0);
		/*z-index: -1;*/
	}

.floating-content {
	width: 60%;
	max-width: 800px;
	min-width: 250px;
	margin: auto;
}


.jigsaw {
	width: 120px;
	height: 120px;
	margin: 0px;
	margin-bottom: 20px;
	position: relative;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	cursor: pointer;
	display: inline-block;
}
	div.jigsaw {
		cursor: default !important;
	}
.jigsaw, .jigsaw span {
	background-color: #46455E;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
	.jigsaw:hover, .jigsaw:hover span {
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}
	.jigsaw#piece1, .jigsaw#piece1 span {
		background-color: #46455E;
		z-index: 10;
	}
		.jigsaw#piece1:hover, .jigsaw#piece1:hover span {
			background-color: #3A3950;
		}
	.jigsaw#piece2, .jigsaw#piece2 span {
		background-color: #E45259;
		z-index: 9;
	}
		.jigsaw#piece2:hover, .jigsaw#piece2:hover span {
			background-color: #CE4B51;
		}
	.jigsaw#piece3, .jigsaw#piece3 span {
		background-color: #8abc95;
		z-index: 8;
	}
		.jigsaw#piece3:hover, .jigsaw#piece3:hover span {
			background-color: #7da380;
		}
.jigsaw .text {
	display: block;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    padding: 47px 0 0 33px;
    position: relative;
    background: transparent !important;
    text-transform: uppercase;
}
.jigsaw span.t, .jigsaw span.r, .jigsaw span.b, .jigsaw span.l {
	width: 40px;
	height: 40px;
	position: absolute;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
	border-radius: 4em;
}
	.jigsaw span.t {
		top: -30px;
		left: 40px;
	}
	.jigsaw span.r {
		top: 40px;
		left: 110px;
	}
	.jigsaw span.b {
		top: 90px;
		left: 40px;
		background-color: #fff !important;
	}
	.jigsaw span.l {
		top: 40px;
		left: -10px;
		background-color: #fff !important;
	}

.jigsaw.mini {
	width: 60px;
	height: 60px;
	margin: 0px;
	margin-top: 20px;
	position: relative;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	cursor: pointer;
	display: inline-block;
}
.jigsaw.mini, .jigsaw.mini span {
	background-color: #46455E;
}
.jigsaw.mini span.t, .jigsaw.mini span.r, .jigsaw.mini span.b, .jigsaw.mini span.l {
	width: 20px;
	height: 20px;
	position: absolute;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
	border-radius: 4em;
}
	.jigsaw.mini span.t {
		top: -15px;
		left: 20px;
	}
	.jigsaw.mini span.r {
		top: 20px;
		left: 55px;
	}
	.jigsaw.mini span.b {
		top: 45px;
		left: 20px;
		background-color: #fff !important;
	}
	.jigsaw.mini span.l {
		top: 20px;
		left: -5px;
		background-color: #fff !important;
	}
.jigsaw.mini .text {
    padding: 15px 0 0 15px;
	font-size: 3em;
}

div.page-quote p {
	margin-bottom: 0;
}
div.page-quote span {
	text-transform: uppercase;
	color: #999;
}

h2.puzzle-header {
	margin-bottom: 0;
}
h2.puzzle-header > span {
	margin-left: 20px;
	position: relative;
	top: -17px;
	text-transform: uppercase;
}

div.page-content {
	width: 80%;
	margin: auto;
}
h3.puzzle-header {
	font-size: 1.5em;
	margin-top: 0;
}
p.puzzle-desc {
	font-size: 1.3em;
}


/*--------------------------------------------------------------
## SERVICES
--------------------------------------------------------------*/

div.showbox {
	display: none;
}
	div.showbox.active {
		display: block;
	}

div.duo-boxes {
	text-align: center;
	max-width: 1200px;
	margin: auto;
}
div.duo-boxes .duo-img {
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	min-width: 350px;
}
div.duo-boxes .duo-text {
	width: 45%;
	padding: 20px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	min-width: 350px;
}

.list-box {
    width: 20%;
    min-width: 275px;
    max-width: 90%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    margin: 10px;
    background: #FFF;
    text-align: center;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background-color: #FFF;
    -webkit-box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
	-moz-box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
}
	a.list-box:hover {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
		-moz-transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
.list-box .list-box-content h2 {
	font-size: 1.1em;
}
.list-box img {
    max-width: 80%;
    display: block;
    margin: auto;
    max-height: 140px;
}
a.list-box:link p,
a.list-box:visited p,
a.list-box:hover p,
a.list-box:active p {
	color: #46455E;
	font-size: 0.9em;
}

.list-box.sticky-button {
	position: relative;
    padding-bottom: 60px;
}
.list-box.sticky-button .button-box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
}

.list-box.large {
	width: 40%;
}
	.list-box.large:hover {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
.list-box.large img {
    max-height: 250px;
}
.list-box.large .list-box-content h2 {
	font-size: 1.5em;
}

.list-box.large.sticky-button {
	position: relative;
    padding-bottom: 80px;
}
.list-box.large.sticky-button .button-box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
}

.list-box.flip {
	position: relative;
	overflow: hidden;
}
.list-box .flip-content {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFF;
	left: 100%;
	top: 0;
	padding: 20px;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
	.list-box .flip-content.show {
		left: 0;
		-moz-transition: all 500ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
.list-box div.game-cnt {
    width: 40%;
    margin: 10px;
}
.list-box.large div.game-cnt img {
    max-height: 50px;
}
.list-box div.game-cnt svg {
    font-size: 60px;
}
.list-box .purple div.game-cnt svg {
    color: #FFF;
}
.list-box div.game-cnt p {
	font-size: 20px;
	color: inherit;
}
.list-box div.game-cnt h2 {
    font-size: 28px;
	color: inherit;
}

@media (max-width: 500px) {
	.list-box, .list-box.large {
		width: 100%;
	}
	.list-box.large div.game-cnt img {
		max-height: 40px;
	}
	.list-box div.game-cnt svg {
		font-size: 40px;
	}
	.list-box div.game-cnt p {
		font-size: 18px;
	}
	.list-box div.game-cnt h2 {
		font-size: 25px;
	}
}

.title-box {
    width: 20%;
    margin: 1%;
    margin-top: 50px;
    min-width: 250px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ccc;
    border-top: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.title-box h3 {
    width: 100%;
    background: #1e222e;
    border: 1px solid #1e222e;
    color: #FFF;
    padding: 20px 10px;
    text-align: center;
    position: relative;
    margin-bottom: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 0;
}
	.title-box h3:after {
		content: '';
		border-top: 20px solid #1e222e;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		position: absolute;
		bottom: -20px;
		left: calc(50% - 20px);
	}
.title-box ul {
	padding: 10px;
    padding-top: 30px;
    margin: 0;
}
	.title-box ul li {
		list-style: none;
	}
	.title-box ul li svg.fa-check-circle {
		color: #80bf94;
	}


/*--------------------------------------------------------------
## CONTACT
--------------------------------------------------------------*/

div.contact-form {
	padding: 100px 0 50px;
}

.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container, .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container {
    text-align: center;
    width: 400px !important;
    margin: auto !important;
}

.frm_style_formidable-style.with_frm_style .form-field {
    position: relative;
    width: 100% !important;
    margin: 10px auto !important;
    display: block;
    clear: both;
}

.frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label {
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif !important;
	text-transform: uppercase;
    position: absolute;
    top: 6px;
    left: 6px;
	color: #FFF;
}

.frm_style_formidable-style.with_frm_style input[type=text], .frm_style_formidable-style.with_frm_style input[type=password], .frm_style_formidable-style.with_frm_style input[type=email], .frm_style_formidable-style.with_frm_style input[type=number], .frm_style_formidable-style.with_frm_style input[type=url], .frm_style_formidable-style.with_frm_style input[type=tel], .frm_style_formidable-style.with_frm_style input[type=file], .frm_style_formidable-style.with_frm_style input[type=search], .frm_style_formidable-style.with_frm_style textarea, .frm_style_formidable-style.with_frm_style select {
    background: transparent;
    border: 1px solid #FFF;
    color: #FFF !important;
	padding-left: 75px;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices {
    background-color: transparent !important;
    border-color: #E45259;
    box-shadow: none !important;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field select, .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single, .frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
    background-color: transparent !important;
}

.frm_style_formidable-style.with_frm_style .frm_message {
    margin: 5px 0 15px;
    font-size: 18px;
	text-align: center;
}
.frm_style_formidable-style.with_frm_style .frm_message, .frm_success_style {
    border: 1px solid #FFF !important;
    background-color: transparent !important;
    border-radius: 4px;
    padding: 20px 50px 30px !important;
    width: 600px;
    margin: auto;
    max-width: 80%;
}
.frm_style_formidable-style.with_frm_style .frm_message p {
    color: #FFF !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid #FFF;
	-webkit-text-fill-color: #FFF;
	-webkit-box-shadow: 0 0 0px 1000px #46465D inset;
	box-shadow: 0 0 0px 1000px #46465D inset;
	-webkit-transition: all 5000s ease-in-out 0s;
	-moz-transition: all 5000s ease-in-out 0s;
	-o-transition: all 5000s ease-in-out 0s;
	transition: all 5000s ease-in-out 0s;
}

.contact-social {
	text-align: center;
	padding: 20px;
}
.contact-social p {
    font-size: 2vw;
    width: 600px;
    max-width: 80%;
    margin: auto;
}
.contact-social a:link, .contact-social a:visited {
    font-size: 2em;
    color: #000;
    margin: 5px;
}
	.contact-social a:hover, .contact-social a:active {
		color: #E2525C;
	}

.contact-form div.wpforms-container-full {
    text-align: left;
    width: 50% !important;
    margin: auto !important;
    min-width: 350px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	text-align: left;
}
.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 18px !important;
    font-family: "brandon-grotesque";
    text-transform: uppercase !important;
}
.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
    font-size: 16px !important;
	padding-left: 15px !important;
}
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}
.contact-form div.wpforms-container-full .wpforms-form input[type=date],
.contact-form div.wpforms-container-full .wpforms-form input[type=datetime],
.contact-form div.wpforms-container-full .wpforms-form input[type=datetime-local],
.contact-form div.wpforms-container-full .wpforms-form input[type=email],
.contact-form div.wpforms-container-full .wpforms-form input[type=month],
.contact-form div.wpforms-container-full .wpforms-form input[type=number],
.contact-form div.wpforms-container-full .wpforms-form input[type=password],
.contact-form div.wpforms-container-full .wpforms-form input[type=range],
.contact-form div.wpforms-container-full .wpforms-form input[type=search],
.contact-form div.wpforms-container-full .wpforms-form input[type=tel],
.contact-form div.wpforms-container-full .wpforms-form input[type=text],
.contact-form div.wpforms-container-full .wpforms-form input[type=time],
.contact-form div.wpforms-container-full .wpforms-form input[type=url],
.contact-form div.wpforms-container-full .wpforms-form input[type=week],
.contact-form div.wpforms-container-full .wpforms-form select,
.contact-form div.wpforms-container-full .wpforms-form textarea {
	border: 0 !important;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    text-transform: uppercase !important;
    font-family: "brandon-grotesque" !important;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
    color: #F4B680 !important;
}
.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: transparent !important;
    border: 0 !important;
    color: #FFF !important;
    font-size: 2em !important;
    text-align: center !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
    min-width: auto !important;
}


/*--------------------------------------------------------------
## BLOG
--------------------------------------------------------------*/

article.post-container {
    padding: 20px;
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

article.featured-post {
	margin: 2% auto 5%;
}
article.featured-post header.entry-header {
	position: relative;
}
article.featured-post header.entry-header img {
	width: 100%;
}
article.featured-post header.entry-header .featured-post-header {
    position: absolute;
    width: 30%;
    top: -5%;
    right: 3%;
    background: rgba(27, 28, 40, 0.9);
    padding: 30px;
	color: #FFF;
	text-align: left;
}
	article.featured-post header.entry-header .featured-post-header.topleft {
		top: -5%;
		left: 3%;
		right: auto;
	}
	article.featured-post header.entry-header .featured-post-header.bottomleft {
		bottom: -5%;
		top: auto;
		left: 3%;
		right: auto;
	}
	article.featured-post header.entry-header .featured-post-header.bottomright {
		bottom: -5%;
		top: auto;
    	right: 3%;
	}
.featured-post-header a:link, .featured-post-header a:visited {
	color: #FFF;
}
.featured-post-header a:hover, .featured-post-header a:active {
	color: #FFF;
}
article.featured-post h2 {
	margin: 10px auto;
}
article.featured-post .entry-meta {
	font-size: 0.7em;
}
	article.featured-post .entry-meta a:link,
	article.featured-post .entry-meta a:visited {
		color: #FFF;
	}
	article.featured-post .entry-meta a:hover,
	article.featured-post .entry-meta a:active {
		color: #E45259;
	}

.thumb-posts-container {
	display: -ms-flex;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.thumb-posts {
	width: 23%;
	margin: 1%;
	display: inline-block;
    vertical-align: top;
}
.thumb-posts img {
	margin-bottom: 10px;
}
.thumb-posts h2 {
    font-size: 1.2em;
    text-align: left;
    margin-top: 10px;
}
.thumb-posts h2 a:link,
.thumb-posts h2 a:visited {
	color: #46455E;
}
.thumb-posts .entry-meta {
	font-size: 0.7em;
	text-align: left;
	color: #404040;
}
	.thumb-posts .entry-meta a:link,
	.thumb-posts .entry-meta a:visited {
		color: #404040;
	}
	.thumb-posts .entry-meta a:hover,
	.thumb-posts .entry-meta a:active {
		color: #E45259;
	}


article.type-post a[rel="category tag"]:link,
article.type-post a[rel="category tag"]:visited {
	color: #E45259;
	text-transform: uppercase;
    font-family: "brandon-grotesque";
	text-align: left;
	display: block;
	font-size: 0.65em;
}
article.type-post a[rel="category tag"]:hover,
article.type-post a[rel="category tag"]:active {
	color: #F4B680;
}

.post-box {
    border: 1px solid #CCC;
    text-align: center;
    padding: 10px;
    width: 45%;
    margin: 50px 2%;
    display: inline-block;
	vertical-align: top;
}
	.post-box h2 {
		position: relative;
		width: 95%;
		padding: 0;
		margin: auto;
		text-transform: uppercase;
		top: -30px;
		line-height: 1em;
		color: #46455E;
		text-align: center;
	}
		.post-box h2 span {
			background: #fafbfc;
			padding: 0 10px;
		}
	.post-box p {
		width: 600px;
		max-width: 80%;
		margin: auto;
		padding-bottom: 20px;
	}

article.post-single {
    padding: 20px;
    padding-top: 150px;
    text-align: left;
    width: 90%;
    max-width: 900px;
    margin: auto;
}
	article.post-single a[rel="category tag"]:link,
	article.post-single a[rel="category tag"]:visited {
		color: #E45259;
		text-transform: uppercase;
		font-family: "brandon-grotesque";
		text-align: left;
		display: block;
		font-size: 0.8em;
	}
	article.post-single a[rel="category tag"]:hover,
	article.post-single a[rel="category tag"]:active {
		color: #F4B680;
	}
	article.post-single h1 {
		text-align: left;
		font-size: 2em;
		padding-bottom: 0;
    	margin-bottom: 0;
		line-height: 1.2em;
		margin-top: 10px;
	}
	article.post-single p.metadata {
		padding-top: 10px;
		margin-top: 0;
		color: #808080;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.9em;
	}
		article.post-single p.metadata svg {
			margin-right: 10px;
		}
article.post-single .all-posts-link {
	text-transform: uppercase;
    font-size: 0.7em;
    color: #404040;
}
	article.post-single .all-posts-link:hover,
	article.post-single .all-posts-link:active {
		color: #E45259;
	}
article.post-single .entry-meta {
	color: #404040;
}
	article.post-single .entry-meta a:link,
	article.post-single .entry-meta a:visited {
		color: #404040;
	}
	article.post-single .entry-meta a:hover,
	article.post-single .entry-meta a:active {
		color: #E45259;
	}
article.post-single .attachment-blogpost-header {
	margin: 20px 0 50px;
}
article.post-single .special-content {
    margin: 40px 20px;
    padding: 20px 40px;
    background: rgba(70, 69, 92, 0.2);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
article.post-single blockquote {
    color: #3A3950;
    font-weight: 500;
    width: 50%;
    min-width: 300px;
    padding: 10px 0 50px;
    text-align: center;
    position: relative;
    overflow: visible;
    vertical-align: top;
    font-size: 2em;
    border: 0;
    margin: auto;
    display: block;
}
article.post-single blockquote.longer {
    width: 70%;
}

article.post-single.member p {
	margin: 10px 0;
}

article.post-single.with-header {
    padding-top: 20px;
}

/* COMMENTS */
ol.comment-list {
    margin: 50px 0;
    padding: 0;
}
ol.comment-list li {
    list-style: none;
	padding: 10px 0;
}
ol.comment-list > li {
    margin: 10px 0;
    /*border-left: 5px solid #22232E;*/
    padding-left: 10px;
	position: relative;
}
	ol.comment-list > li::before {
		content: "";
		position: absolute;
		width: 5px;
		height: calc(100% - 70px);
		border-left: 5px solid #ccc;
		left: 23px;
		top: 55px;
		z-index: 1;
	}
	ol.comment-list > li article {
		position: relative;
		z-index: 2;
	}
footer.comment-meta img {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-right: 5px;
}
footer.comment-meta .comment-metadata {
    font-size: 0.7em;
    padding-left: 40px;
    color: #aaa;
}
	footer.comment-meta .comment-metadata a {
		color: #aaa;
	}
li.comment .comment-content {
    padding-left: 40px;
    color: #777;
}
	li.comment .comment-content p {
		margin-bottom: 0;
	}
li.comment .reply {
    font-size: 0.7em;
    text-transform: uppercase;
    padding: 5px 0;
    padding-left: 40px;
}


.news-wrapper {
	display: flex;
	justify-content: center;
}
.news-wrapper > a {
	width: 30%;
	padding: 20px;
	transform: scale(1);
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
	.news-wrapper > a:hover {
		transform: scale(1.05);
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}
.news-wrapper article {
	margin-bottom: 0;
}
.news-wrapper article header {
	margin-bottom: 10px;
}
.news-wrapper article header span {
	display: block;
	font-size: 0.8em;
	color: rgba(0, 0, 0, 0.5);
}
.news-wrapper a:link article div.news-content,
.news-wrapper a:visited article div.news-content,
.news-wrapper a:hover article div.news-content,
.news-wrapper a:active article div.news-content {
	color: #404040;
}
.news-wrapper a article div.news-content p:last-child {
	margin-bottom: 10px;
}
.news-wrapper a article span.button.hiding {
	opacity: 0;
	margin: 0 !important;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
	.news-wrapper a:hover article span.button.hiding {
		opacity: 1;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}


@media (max-width: 875px) {
	article.featured-post header.entry-header .featured-post-header {
		position: relative;
		width: 100%;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
	}
	.thumb-posts {
		width: 48%;
		margin: 1%;
	}
	
	.news-wrapper article {
		width: 50%;
	}
}
@media (max-width: 500px) {
	.thumb-posts {
		width: 80%;
		margin: 20px auto;
	}
	
	article.post-single {
		padding: 20px;
		padding-top: 150px;
		width: 100%;
	}
	article.post-single .special-content {
		margin: 20px 0;
		padding: 20px;
	}
	article.post-single h1 {
		font-size: 2em;
	}
	article.post-single .entry-meta {
		font-size: 0.8em;
	}
	
	.news-wrapper article {
		width: 100%;
	}
}


/*--------------------------------------------------------------
## Scroll Animations
--------------------------------------------------------------*/

.animateScroll {
	transform: translateY(150px);
}

.come-in {
	transform: translateY(150px);
	animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
	animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
	to { transform: translateY(0); }
}

.already-visible {
	transform: translateY(0) !important;
	animation: none !important;
}



/*--------------------------------------------------------------
## Quotes Carousel
--------------------------------------------------------------*/

/* Slideshow container */
.quoteCar-container {
	position: relative;
	height: 320px;
}

/* Slides */
.quoteCar-container .mySlides {
	padding: 20px;
	text-align: center;
	position: absolute;
    width: 100%;
	opacity:0;
    animation: fadeout 600ms;
    -moz-animation: fadeout 600ms; /* Firefox */
    -webkit-animation: fadeout 600ms; /* Safari and Chrome */
    -o-animation: fadeout 600ms; /* Opera */
}
.quoteCar-container .mySlides.active {
	opacity:1;
    animation: fadein 600ms;
    -moz-animation: fadein 600ms; /* Firefox */
    -webkit-animation: fadein 600ms; /* Safari and Chrome */
    -o-animation: fadein 600ms; /* Opera */
}
.quoteCar-container .mySlides blockquote {
	width: 450px;
	max-width: 80%;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}

/* Next & previous buttons */
.quoteCar-container .prevQuote, .quoteCar-container .nextQuote {
	cursor: pointer;
	position: absolute;
	top: 130px;
	left: 10%;
	width: auto;
	margin-top: -30px;
	padding: 4px 14px;
	color: #888;
	font-weight: bold;
	font-size: 20px;
	border-radius: 20px;
	user-select: none;
	-webkit-transition: background-color 600ms ease-out;
	-moz-transition: background-color 600ms ease-out;
	-o-transition: background-color 600ms ease-out;
	transition: background-color 600ms ease-out;
}

/* Position the "next button" to the right */
.quoteCar-container .nextQuote {
	left: auto;
	right: 10%;
}

/* On hover, add a black background color with a little bit see-through */
.quoteCar-container .prevQuote:hover, .nextQuote:hover {
	background-color: #46455E;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: background-color 600ms ease-out;
	-moz-transition: background-color 600ms ease-out;
	-o-transition: background-color 600ms ease-out;
	transition: background-color 600ms ease-out;
}


/* The dot/bullet/indicator container */
.quoteDot-container {
	text-align: center;
	padding: 20px;
}

/* The dots/bullets/indicators */
.quoteDot-container .dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: background-color 600ms ease-out;
	-moz-transition: background-color 600ms ease-out;
	-o-transition: background-color 600ms ease-out;
	transition: background-color 600ms ease-out;
}

/* Add a background color to the active dot/circle */
.quoteDot-container .dot.active, .quoteDot-container .dot:hover {
	background-color: #717171;
	-webkit-transition: background-color 600ms ease-out;
	-moz-transition: background-color 600ms ease-out;
	-o-transition: background-color 600ms ease-out;
	transition: background-color 600ms ease-out;
}


/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/

div.woocommerce {
	padding-top: 30px;
}

div.woocommerce form/*,
div.woocommerce form h1,
div.woocommerce form h2, 
div.woocommerce form h3, 
div.woocommerce form h4*/ {
	font-family: 'Open Sans', sans-serif;
}

.woocommerce form .form-row input.input-text {
    width: 200px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 18px;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 150px;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    margin: 0 !important;
}
.woocommerce form .form-row label {
    line-height: 2;
    font-size: 15px;
    font-weight: normal;
    margin-top: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.woocommerce div.product form.cart div.quantity {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: none;
    display: inline-block;
}

.woocommerce-checkout-review-order {
	margin-bottom: 50px;
}

.woocommerce #primary {
    max-width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 0;
}
.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    max-width: 1200px;
    margin: auto;
    margin-top: 150px;
}
.woocommerce .products ul, .woocommerce ul.products {
    list-style: none outside;
    clear: both;
    padding: 20px;
    max-width: 1200px;
    margin: auto;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
	.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
		-webkit-transition: -webkit-transform 300ms ease;
		-moz-transition: -moz-transform 300ms ease;
		transition: transform 300ms ease;
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		transform: scale(1.05);
	}

.woocommerce-result-count {
	display: none;
}
.woocommerce .woocommerce-ordering {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	margin-top: 75px;
	text-align: right;
	float: none;
}

.woocommerce-menu {
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: relative;
    background: transparent;
    color: #777593;
    padding: 7px 20px;
    text-align: right;
    font-size: 0.7em;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
}
	.woocommerce-menu.home-menu {
		border: 0;
	}
.woocommerce-menu a {
    padding: 0 10px;
    line-height: 1.5em;
}
	.woocommerce-menu a:link, .woocommerce-menu a:visited {
		color: #777593;
	}
	.woocommerce-menu a:hover, .woocommerce-menu a:active {
		color: #E45259;
	}

.woocommerce-info {
    border-top-color: #1B1C24;
}
.woocommerce-info::before {
    color: #1B1C24;
}

.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:18px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #E45259;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 4px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    font-size: 0.8em;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    border: 1px solid #FFF;
    -webkit-text-fill-color: #666;
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
    box-shadow: 0 0 0px 1000px #FFF inset;
    -webkit-transition: all 5000s ease-in-out 0s;
    -moz-transition: all 5000s ease-in-out 0s;
    -o-transition: all 5000s ease-in-out 0s;
    transition: all 5000s ease-in-out 0s;
}

.woocommerce-MyAccount-navigation {
	text-align: left;
}
.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}
.woocommerce-MyAccount-navigation ul li {
	list-style: none;
	padding: 10px 20px;
	margin: 0;
	border-bottom: 1px solid #CCC;
}
	.woocommerce-MyAccount-navigation ul li.is-active, .woocommerce-MyAccount-navigation ul li:hover {
		list-style: none;
		background: #46455E;
	}
	.woocommerce-MyAccount-navigation ul li:last-child {
		border-bottom: none;
	}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
	position: relative;
	font-weight: bold;
}
	.woocommerce-MyAccount-navigation ul li a:after {
		content: "\003e";
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		color: #FFF;
	}
.woocommerce-MyAccount-navigation ul li a:link, .woocommerce-MyAccount-navigation ul li a:visited {
	color: #46455E;
}
.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:active, .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li:hover a {
	color: #FFF;
}

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

/*----- WEBINARS */
.woocommerce #primary.webinar-page {
    max-width: 100%;
    margin: auto;
    padding: 0;
}
.woocommerce .webinar-page div.product {
    padding: 20px;
	max-width: 1200px;
	margin: auto;
}
.woocommerce .fullwidth-thumb {
	position: relative;
    top: -20px;
    text-align: center;
    background: #46455E;
}
.woocommerce .fullwidth-thumb img {
	max-width: 1200px;
    width: 100%;
}
.woocommerce .webinar-page .product-header {
	text-align: center;
	width: 70%;
	margin: auto;
	min-width: 300px;
}
.woocommerce .webinar-page .product-header h3 {
	text-transform: uppercase;
}
.woocommerce .webinar-page div.product div.entry-details {
    float: right;
    width: 38%;
    clear: none;
	margin: 2.5em 0;
	min-width: 350px;
}
	.woocommerce .webinar-page div.product div.entry-details .entry-cost {
		display: block;
		text-align: center;
		font-size: 2.5em;
		font-weight: bold;
		font-family: "brandon-grotesque";
		color: #46455E;
	}
	.woocommerce .webinar-page div.product div.entry-details .entry-date {
		display: block;
		text-align: center;
		font-size: 1.5em;
	}
	.woocommerce .webinar-page div.product div.entry-details .entry-time {
		display: block;
		text-align: center;
		font-size: 1.2em;
	}
	.woocommerce .webinar-page div.product div.entry-details .detail-item {
		border-top: 1px solid #ccc;
		padding: 10px 0;
	}
		.woocommerce .webinar-page div.product div.entry-details .detail-item:first-of-type {
			border-top: 0;
		}
	.woocommerce .webinar-page div.product div.entry-details .detail-item > label {
		display: inline-block;
		width: 35%;
		vertical-align: top;
	}
		.woocommerce .webinar-page div.product div.entry-details .detail-item > label > svg {
			width: 35px;
		}
		.woocommerce .webinar-page div.product div.entry-details .detail-item > label + span {
			display: inline-block;
			width: 60%;
			vertical-align: top;
		}
	.woocommerce .webinar-page div.product div.entry-details .detail-item > p {
		display: block;
		width: 100%;
	}
		.woocommerce .webinar-page div.product div.entry-details .detail-item > p > svg {
			display: inline-block;
			width: 35px;
			vertical-align: top;
			position: relative;
			top: 3px;
		}
		.woocommerce .webinar-page div.product div.entry-details .detail-item > p > span {
			display: inline-block;
			width: 80%;
			vertical-align: top;
		}
.woocommerce #content .webinar-page div.product div.summary,
.woocommerce .webinar-page div.product div.summary,
.woocommerce-page #content .webinar-page div.product div.summary,
.woocommerce-page .webinar-page div.product div.summary {
    float: left;
    width: 58%;
    clear: none;
	min-width: 350px;
}
.woocommerce #content .webinar-page div.product div.summary ol,
.woocommerce .webinar-page div.product div.summary ol,
.woocommerce-page #content .webinar-page div.product div.summary ol,
.woocommerce-page .webinar-page div.product div.summary ol {
	margin: 0;
}

.woocommerce-page .webinar-page div.product div.summary ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	padding-top: 20px;
}
.woocommerce-page .webinar-page div.product div.summary ol li {
	counter-increment: my-awesome-counter;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 46%;
	min-width: 300px;
	margin: 0 2% 20px;
}
.woocommerce-page .webinar-page div.product div.summary ol li::before {
	content: "0" counter(my-awesome-counter);
	font-size: 2em;
	margin-right: 20px;
	font-family: "brandon-grotesque";
	line-height: 1;
	color: #46455E;
}

.woocommerce-page .webinar-page div.product div.summary ul {
	margin-left: 0;
}
	.woocommerce-page .webinar-page div.product div.summary ul li {
		list-style: none;
	}
.woocommerce-page .webinar-page div.product div.summary ul.columns {
    -webkit-columns: 3;
    -moz-columns: 3;
	columns: 3;
	padding: 0;
}
	.woocommerce-page .webinar-page div.product div.summary ul.columns li {
		padding: 5px 0;
	}

.woocommerce-page .webinar-page div.product div.summary div.pie-100 {
	width: 150px;
	display: inline-block;
	margin: 10px;
	text-align: center;
}
.woocommerce-page .webinar-page div.product div.summary div.pie-100 span {
	display: block;
	margin: auto;
}
.woocommerce-page .webinar-page div.product div.summary div.pie-100 span:first-child {
	font-size: 1.5em;
	width: 100px;
	height: 100px;
	border: 10px solid #46455E;
	border-radius: 100px;
	padding: 15px 0;
}

@media (max-width: 875px) {
	.woocommerce .webinar-page div.product div.entry-details {
		float: none;
		width: 90%;
		clear: both;
		margin: 20px auto;
	}
	.woocommerce #content .webinar-page div.product div.summary,
	.woocommerce .webinar-page div.product div.summary,
	.woocommerce-page #content .webinar-page div.product div.summary,
	.woocommerce-page .webinar-page div.product div.summary {
		float: none;
		width: 90%;
		clear: both;
		margin: auto;
	}
	
	.woocommerce-page .webinar-page div.product div.summary ul.columns {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
}

mark, ins {
    background: #c4c4cc;
    text-decoration: none;
}

.each-event {
	display: inline-block;
	width: 256px;
	margin: 10px;
	vertical-align: top;
    background-color: #FFF;
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.each-event:hover {
		-webkit-transition: -webkit-transform 300ms ease;
		-moz-transition: -moz-transform 300ms ease;
		transition: transform 300ms ease;
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		transform: scale(1.05);
	}
.each-event img {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.each-event-content {
	padding: 10px;
	padding-bottom: 20px;
}
.each-event-content h2 {
	font-size: 1.3em;
}
.each-event-content h3 {
	margin-top: 10px;
	color: #46455E;
}
.each-event-content h4 {
	text-transform: uppercase;
	color: #E5B684;
	font-size: 0.65em;
	margin-bottom: 0;
}
.each-event-content span.date,
a.each-event:link .each-event-content span.date,
a.each-event:visited .each-event-content span.date,
a.each-event:hover .each-event-content span.date,
a.each-event:active .each-event-content span.date {
	font-size: 0.65em;
	color: #999999;
	display: block;
}
.each-event.expired {
	opacity: 0.7;
}

.each-event.with-cal-tag {
	margin-left: 50px;
	margin-right: 50px;
}
.each-event .cal-tag {
	width: 80px;
	height: 80px;
	background: #FFF;
	position: absolute;
	top: 0;
	right: -80px;
    -webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
    -webkit-box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
}
.each-event .cal-tag span {
	display: block;
	text-align: center;
	font-weight: 700;
	line-height: 1em;
}
	.each-event .cal-tag span.month {
		color: #E45259;
		text-transform: uppercase;
		padding-top: 10px;
	}
	.each-event .cal-tag span.date {
		color: #151A23;
		font-size: 2.2em;
	}
.each-event .cal-tag + img {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
}

.each-event .length-tag {
    display: inline-block;
    padding: 5px 10px;
    position: absolute;
    top: 10px;
    right: -10px;
    color: #FFF;
    font-size: 0.6em;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    background: #1F222D;
    -webkit-box-shadow: rgba(9, 28, 46, 0.55) 0px 0.15rem 0.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.55) 0px 0.15rem 0.5rem 0px;
}
	.each-event .length-tag::after{
		content: '';
		position: absolute;
		right: 0;
		top: 100%;
		width: 0;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #151A23;
		clear: both;
	}

.mini-event {
	display: inline-block;
	width: 256px;
	margin: 10px;
	vertical-align: top;
    background-color: #FFF;
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.mini-event:hover {
		-webkit-transition: -webkit-transform 300ms ease;
		-moz-transition: -moz-transform 300ms ease;
		transition: transform 300ms ease;
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		transform: scale(1.05);
	}
.mini-event .cal-tag {
    width: 70px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
}
.mini-event .cal-tag span {
	display: block;
	text-align: center;
	font-family: "brandon-grotesque";
	line-height: 1em;
}
	.mini-event .cal-tag span.month {
		color: #E45259;
		text-transform: uppercase;
		padding-top: 10px;
	}
	.mini-event .cal-tag span.date {
		color: #151A23;
		font-size: 2.2em;
	}
.mini-event-content {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    padding: 20px 0;
}
.mini-event-content span.date,
a.mini-event:link .mini-event-content span.date,
a.mini-event:visited .mini-event-content span.date,
a.mini-event:hover .mini-event-content span.date,
a.mini-event:active .mini-event-content span.date {
	font-size: 0.7em;
	color: #999999;
	display: block;
}

.countdown-container {
    text-align: center;
    margin: 20px;
    padding: 0 1em;
    background-color: #FFF;
    -webkit-box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.15) 0px 0.25rem 2.5rem 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
}
.countdown-container li {
    display: inline-block;
    font-size: 1em;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
}
.countdown-container li span {
    display: block;
    font-size: 7.5rem;
    line-height: 1em;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: inline-block;
    padding: 5px 10px;
}

p.wc-auth-actions {
	margin: 0;
}
p.woocommerce-LostPassword {
    font-size: 0.7em;
    font-style: italic;
}

.woocommerce form.woocommerce-ResetPassword .form-row {
    float: none;
    margin: auto;
	margin-bottom: 10px;
}

.wrapper .wc-auth-login input[type="text"], .wrapper .wc-auth-login input[type="email"], .wrapper .wc-auth-login input[type="url"], .wrapper .wc-auth-login input[type="password"], .wrapper .wc-auth-login input[type="search"], .wrapper .wc-auth-login input[type="number"], .wrapper .wc-auth-login input[type="tel"], .wrapper .wc-auth-login input[type="range"], .wrapper .wc-auth-login input[type="date"], .wrapper .wc-auth-login input[type="month"], .wrapper .wc-auth-login input[type="week"], .wrapper .wc-auth-login input[type="time"], .wrapper .wc-auth-login input[type="datetime"], .wrapper .wc-auth-login input[type="datetime-local"], .wrapper .wc-auth-login input[type="color"], .wrapper .wc-auth-login textarea {
    font-size: 18px;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    border: 1px solid #ccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.wc-auth-login label {
	display: block;
}

.events-featured .each-event {
	margin-top: 50px;
	position: relative;
}
.events-featured .each-event .upcoming-title {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: -50px;
    text-transform: uppercase;
    font-size: 0.8em;
    color: #E5B684;
    padding: 0;
    margin: 0;
}
.events-featured .each-event img {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
}


/*--------------------------------------------------------------
## Countdown
--------------------------------------------------------------*/

#countdown {
	text-align: center;
	margin-bottom: 20px;
}
#countdown > span {
	font-size: 90px;
	line-height: 1em;
	font-weight: bold;
	display: inline-block;
	position: relative;
	color: #46455E;
	padding: 0 20px 20px 20px;
	min-width: 100px;
	font-family: "brandon-grotesque";
	border-right: 1px solid #CCC;
}
	#countdown > span:last-child {
		border: none;
		min-width: 150px;
	}
#countdown > span > span {
	text-align: center;
	display: block;
	text-transform: uppercase;
	color: rgba(119,117,147,0.5);
	position: absolute;
	width: 100%;
	font-size: 20px;
	font-weight: normal;
	left: 0;
	top: 50px;
}



/*--------------------------------------------------------------
## Book Services Page
--------------------------------------------------------------*/

.get-updates-header .mailerlite-form-title {
	display: none;
}

.get-updates-header .mailerlite-form .mailerlite-form-field input {
    border: 1px solid rgba(0, 0, 0, 0.4);
}



/*--------------------------------------------------------------
## Book Services Page
--------------------------------------------------------------*/

.numbered-section {
	width: 100%;
	max-width: 1200px;
	padding: 20px;
	margin: auto;
	position: relative;
}
.numbered-section ul.numbered-nav {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
    counter-reset: item;
    list-style-type: none;
	margin: 0;
	margin-top: 20px;
	text-align: center;
}
.numbered-section ul.numbered-nav li {
    list-style: none;
    display: block;
    width: 28px;
    height: 28px;
    margin: 50px 10px;
    background: transparent;
    color: #FFF;
	position: relative;
}
	.numbered-section ul.numbered-nav li:first-child {
		margin-top: 0;
	}
	.numbered-section ul.numbered-nav li:last-child {
		margin-bottom: 0;
	}
	.numbered-section ul.numbered-nav li div {
		cursor: default;
		width: 28px;
		height: 28px;
		border-radius: 100px;
		background: transparent;
		border: 2px solid transparent;
		position: relative;
		z-index: 5;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	.numbered-section ul.numbered-nav li div span {
		position: relative;
		display: block;
		width: 20px;
		height: 20px;
		margin: 2px;
		border-radius: 100px;
		background: #CCC;
		color: #FFF;
		font-size: 0.6em;
		padding: 1px;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
	}
		.numbered-section ul.numbered-nav li.active div, .numbered-section ul.numbered-nav li.visited div:hover {
			background: #fafbfc;
			border: 2px solid #46455E;
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			transition: all 300ms ease;
		}
		.numbered-section ul.numbered-nav li.active div span {
			background: #46455E;
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			transition: all 300ms ease;
		}
		.numbered-section ul.numbered-nav li.visited div {
			cursor: pointer;
			background: transparent;
			border: 2px solid transparent;
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			transition: all 300ms ease;
		}
		.numbered-section ul.numbered-nav li.visited div span {
			background: #46455E;
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			transition: all 300ms ease;
		}
	.numbered-section ul.numbered-nav li:before, .numbered-section ul.numbered-nav li:after {
		content: '';
		width: 0;
		height: 43px;
		position: absolute;
		border: 1px solid #CCC;
		background: #CCC;
		left: 13px;
		z-index: 1;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
	}
		.numbered-section ul.numbered-nav li:before {
			bottom: 10px;
		}
		.numbered-section ul.numbered-nav li:after {
			top: 10px;
		}
		.numbered-section ul.numbered-nav li.active:before, .numbered-section ul.numbered-nav li.active:after,
		.numbered-section ul.numbered-nav li.visited:before, .numbered-section ul.numbered-nav li.visited:after {
			border: 1px solid #46455E;
			background: #46455E;
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			transition: all 300ms ease;
		}
	.numbered-section ul.numbered-nav li:first-child:before {
		border: 0;
	}
	.numbered-section ul.numbered-nav li:last-child:after {
		border: 0;
	}
.numbered-section ul.numbered-nav li.disabled div {
	cursor: default;
}
.numbered-section ul.numbered-nav li.disabled div:hover {
    background: transparent;
    border: 2px solid transparent;
}

.numbered-content {
	display: block;
	text-align: left;
	margin-left: 100px;
}
.numbered-content > div {
	display: none;
}
	.numbered-content > div:first-child {
		display: block;
	}
.numbered-content > div p.err-msg {
	color: #E45259;
	font-style: italic;
	display: none;
}
.numbered-content h4 {
	text-transform: uppercase;
	color: #CCC;
}

.numbered-content div.duo-boxes .duo-img {
	vertical-align: top;
}

form.numbered-content label {
	min-width: 150px;
}
form.numbered-content input {
	min-width: 150px;
	border: 1px solid #CCC !important;
}
form.numbered-content textarea {
	width: 100%;
	min-height: 200px;
	min-width: 300px;
	border: 1px solid #CCC !important;
}

#services-section ul li {
	list-style: none;
}

#services-section .list-box {
	cursor: pointer;
	border: 1px solid #FFF;
	min-width: 150px;
	flex: 1 1;
	max-width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}
	#services-section .list-box:hover, #services-section .list-box.selected {
		border: 1px solid #46455E;
	}
	#services-section .list-box.selected {
		background: rgba(70, 69, 94, 0.3);
		/*border: 1px solid #F4B680;
		background: rgba(244, 182, 128, 0.3);*/
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	#services-section .list-box.long {
		min-width: 90%;
	}
#services-section .list-box h3 {
	font-size: 1em;
}
#services-section .list-box svg {
	font-size: 1.5em;
}

.flex-left {
	justify-content: left;
}

#services-section .list-box .service-items {
	display: none;
	font-size: 0.7em;
}
#services-section .list-box .service-items hr {
    background-color: #46455E;
    height: 1px;
}
#services-section .list-box .service-items ul {
	padding: 0;
	margin: 0;
}
#services-section .list-box .service-items ul li {
	display: inline-block;
	border-radius: 20px;
	padding: 5px 10px;
	margin: 3px 0px;
	border: 1px solid #46455E;
	color: #46455E;
	background: #FFF;
}
	#services-section .list-box .service-items ul li:hover,
	#services-section .list-box .service-items ul li.selected {
		color: #FFF;
		background: #46455E;
	}

a.button.submit-form.disabled {
	opacity: 0.6;
}
a.button.outline.dark.to-solid.submit-form.disabled:hover {
	background: transparent !important;
	color: #1B1C24 !important;
}
a.button.submit-form svg {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */ 
   /* transform: rotate(.03turn);  */
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.book-services-thankyou {
	display: none;
}

.custom-registration label {
	width: 150px;
	text-align: right;
	margin-right: 20px;
}
.custom-registration input {
	margin: 10px 0;
}

p.note {
	width: 50%;
	margin: auto;
	text-align: center;
	font-style: italic;
}




/*
CALENDAR
*/

.calendar-wrapper {
	width: 392px;
}

.calendar-container {
	display: none;
	width: 392px;
}
.calendar-container.active {
	display: block;
}


.calendar-box-container {
    margin: 0;
    border: 1px solid transparent;
    padding: 20px 40px;
    border-radius: 20px;
}
	/*.calendar-box-container:hover {
		border: 1px solid #F4B680;
		cursor: pointer;
	}*/
	.calendar-box-container.active {
		border: 1px solid #F4B680;
		background: rgba(244, 182, 128, 0.3);
	}
.calendar-box-container .calendar-box {
    margin-top: 40px;
    left: 8px;
}

.req-days {
	font-style: italic;
}
.req-days span {
	color: #E45259;
}
.req-days-left {
	font-style: italic;
	font-size: 0.8em;
	text-align: center;
}
.req-days-left span {
	color: #E45259;
}
.day-length-selector {
	height: 60px;
}
.day-length-selector input[type="radio"] {
	position: relative;
	display: none;
}
.day-length-selector input[type="radio"] + label {
    min-width: 45px;
    height: auto;
    margin: 10px 3px;
    padding: 5px 10px;
    border-radius: 25px;
    position: relative;
    background-color: rgba(70, 69, 94, 0.2);
    color: #46455E;
}
.day-length-selector input[type="radio"]:hover + label,
.day-length-selector input[type="radio"]:checked + label,
.day-length-selector input[type="radio"]:focus + label{
	cursor: pointer;
	background-color: #46455E;
	color: #FFFFFF;
}
.day-length-selector input[type="radio"]:disabled, .day-length-selector [type="radio"]:disabled:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000;
	cursor: default;
}



/*******************************Calendar Top Navigation*********************************/
div#calendar {
    margin: 0px auto;
    padding: 0px;
    width: auto;
    display: inline-block;
	position: relative;
}
div#calendar .message {
    position: absolute;
    width: 80%;
    height: auto;
    top: 25%;
    left: 10%;
    padding: 10px;
    background-color: rgba(70, 69, 94, 0.8);
    color: #FFF;
    border-radius: 10px;
	display: none;
}

div#calendar div.box {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    background-color: #46455E;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div#calendar div.header {
    line-height: 40px;
    vertical-align: middle;
    position: absolute;
    left: 5%;
    top: 0px;
    width: 90%;
    height: 40px;
    text-align: center;
}

div#calendar div.header a.prev, div#calendar div.header a.next {
    position: absolute;
    top: 0px;
    height: 17px;
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    font-size: 0.7em;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
div#calendar div.header a.prev{
	left:0px;
}
div#calendar div.header a.next{
	right:0px;
}
div#calendar div.header a.prev.disabled, div#calendar div.header a.next.disabled{
    color: rgba(255, 255, 255, 0.2);
	cursor: default;
}

div#calendar div.header span.title {
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}


/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content {
    border: 1px solid #46455E;
    border-top: none;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

div#calendar ul.label{
	float:left;
	margin: 0px;
	padding: 0px;
	margin-top:5px;
	margin-left: 5px;
}

div#calendar ul.label li {
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
    float: left;
    list-style-type: none;
    width: 50px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    color: #46455E;
    font-size: 15px;
    background-color: transparent;
    text-transform: uppercase;
}

div#calendar ul.dates{
	float:left;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
}

div#calendar ul.dates li {
	position: relative;
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
    margin-top: 5px;
    line-height: 47px;
    vertical-align: middle;
    float: left;
    width: 50px;
    height: 50px;
    font-size: 15px;
    background-color: rgba(70, 69, 94, 0.2);
	border: 2px solid transparent;
    color: #000;
    text-align: center;
    list-style: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
	overflow: hidden;
}
	div#calendar ul.dates li.taken {
    	background-color: rgba(70, 69, 94, 0.3);
	}
div#calendar ul.dates li.start {
	clear: left;
}
div#calendar ul.dates li.available {
	border: 2px solid #46455E;
    background-color: #FFF;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}
	div#calendar ul.dates li.available:hover, div#calendar ul.dates li.available.selected {
		border: 2px solid #46455E;
		background-color: #46455E;
		color: #FFF;
		cursor: pointer;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	div#calendar ul.dates li.full:hover {
		background-color: rgba(70, 69, 94, 0.5);
	}
	div#calendar ul.dates li.available.selected {
		background-color: #46455E !important;
	}

div#calendar ul.dates li.available.half-day:hover, div#calendar ul.dates li.available.half-day.selected {
	background-color: transparent !important;
}
div#calendar ul.dates li .half-day-option {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: transparent;
	z-index: 1;
}
div#calendar ul.dates li.half-day .half-day-option {
	display: block;
}
	div#calendar ul.dates li.half-day .half-day-option:hover {
		background-color: #46455E;
	}
div#calendar ul.dates li.half-day .half-day-option.morning {
	top: 0;
}
	div#calendar ul.dates li.half-day.selected.length-morning .half-day-option.morning {
		background-color: #46455E;
	}
div#calendar ul.dates li.half-day .half-day-option.afternoon {
	bottom: 0;
}
	div#calendar ul.dates li.half-day.selected.length-afternoon .half-day-option.afternoon {
		background-color: #46455E;
	}
div#calendar ul.dates li.half-day span {
	z-index: 5;
	position: relative;
	pointer-events:none;
}
	div#calendar ul.dates li.half-day:hover span, div#calendar ul.dates li.half-day.selected span {
		color: #AAA;
	}
div#calendar ul.dates li.half-day.full .half-day-option:hover {
    background-color: rgba(70, 69, 94, 0.5);
}
div#calendar ul.dates li.half-day .half-day-option.taken, div#calendar ul.dates li.half-day .half-day-option.taken:hover {
    background-color: rgba(70, 69, 94, 0.2);
	cursor: default;
}

/*div#calendar ul.dates li.available:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-top: 50px solid #46455E;
	border-right: 50px solid #FFF;
}*/

@media (max-width: 800px) {
	.numbered-section ul.numbered-nav {
		margin-top: 0;
	}
	.numbered-section ul.numbered-nav li {
		display: inline-block;
		margin: 10px 30px;
	}
	.numbered-section ul.numbered-nav li:before, .numbered-section ul.numbered-nav li:after {
		height: 0;
		width: 43px;
		top: 13px;
		left: -30px;
		z-index: 1;
	}
	.numbered-section ul.numbered-nav li:after {
		top: 13px;
		left: 20px;
	}
	
	.numbered-content {
		margin-left: 0px;
	}
	
	.calendar-wrapper {
		width: 100%;
	}
	.calendar-container {
		width: 301px;
		margin: auto;
	}
	
	div#calendar ul.label li {
		width: 37px;
		height: 30px;
    	line-height: 30px;
	}
	div#calendar ul.dates li {
		width: 37px;
		height: 37px;
		line-height: 37px;
	}
}

div.clear{
	clear: both;
}

.mep-events-wrapper {
	padding-top: 175px;
}



/*--------------------------------------------------------------
## One Pager
--------------------------------------------------------------*/

.one-pager header#masthead {
	height: 115px;
}
.one-pager header#masthead .site-branding {
    width: 100%;
}
.one-pager header#masthead .site-branding .custom-logo-link {
	display: block;
    margin: auto;
    text-align: center;
}
.one-pager header#masthead .site-branding .custom-logo {
	max-width: 200px;
}

.one-pager main#main {
    padding: 110px 0px 0px;
}

.one-pager h1 {
	color: #22232E;
}
.one-pager h2 {
	color: #22232E;
	font-size: 1.5em;
}
	.one-pager .wrapper.purple h2 {
		color: #FFFFFF;
	}
	.one-pager .wrapper.dark-purple h2 {
		color: #FFFFFF;
	}
	.one-pager .wrapper.darker-purple h2 {
		color: #FFFFFF;
	}
.one-pager h3 {
	color: #ff6666;
	font-size: 1em;
	margin-top: 50px;
}

.one-pager .mailerlite-form h3 {
    color: #FFF;
    font-size: 2em;
    padding: 0;
    padding-bottom: 20px;
    margin: 0;
    text-transform: uppercase;
}
.one-pager .mailerlite-form .mailerlite-form-field label {
    color: rgba(255, 255, 255, 0.35);
}
.one-pager .mailerlite-form input[type="text"],
.one-pager .mailerlite-form input[type="email"],
.one-pager .mailerlite-form input[type="url"], textarea {
    color: #FFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 3px;
}
.one-pager .mailerlite-form input[type="submit"] {
    background: #E45259 !important;
}
.one-pager .mailerlite-form input[type="submit"]:hover,
.one-pager .mailerlite-form input[type="submit"]:active {
    background: #F4B680 !important;
}

.one-pager div#register-now {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

h4.load-more {
	cursor: pointer;
}
h4.load-more + p {
	display: none;
}



/*--------------------------------------------------------------
## TEAM REGISTRATION
--------------------------------------------------------------*/

.team-registration .org-logo {
	max-width: 300px;
	margin: auto;
}

.team-registration .calendar-box-container .calendar-box {
	margin: auto;
	left: auto;
	margin-bottom: 15px;
}
.team-registration .calendar-box-container .slots-available {
	font-style: italic;
    font-size: 0.9em;
	color: rgba(70, 69, 92, 0.6);
}
.team-registration .calendar-box-container .description {
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 1.2em;
	margin-bottom: 0;
}
.team-registration .calendar-box-container.clickable-date {
	flex: 1;
}
.team-registration .calendar-box-container.clickable-date:hover,
.team-registration .calendar-box-container.clickable-date.selected {
    border: 1px solid rgba(70, 69, 92, 0.2);
    background: rgba(70, 69, 92, 0.2);
    cursor: pointer;
}
.team-registration .calendar-box-container.clickable-date.disabled {
	opacity: 0.5;
}
	.team-registration .calendar-box-container.clickable-date.disabled:hover {
    	border: 1px solid transparent;
    	background: transparent;
		cursor: default;
	}

.team-registration .cal-boxes .note.error {
	display: none;
	color: #E45259;
}

.input-container.flex {
	align-items: center;
}

.team-registration .custom-registration input.error {
	border: 1px solid #E45259;
}

.team-registration .custom-registration .note {
	padding-top: 40px;
}

.team-registration .thank-you {
	display: none;
}

.team-registration .wrapper.already-registered input[type="text"] {
	border: 1px solid #ccc;
	color: #CCC;
}

.already-registered .error-note {
	font-style: italic;
	color: #E45259;
	display: none;
}



/*--------------------------------------------------------------
## PRICING PAGE
--------------------------------------------------------------*/

.pricing {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 50px;
}
.price-item {
	text-align: left;
	margin: 10px;
	flex: 1;
	max-width: 300px;
}
.price-item .price-title {
	padding: 20px;
	margin: 0px;
}
	.price-item .price-title h3 {
		margin-top: 20px;
		font-size: 1.8em;
	}
.price-item .price-box {
	position: relative;
	background: #FFF;
	color: #404040;
	padding: 20px;
	margin: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
	-moz-box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
}
	.price-item.recommended .price-box::before {
		content: "Recommended";
		display: block;
		position: absolute;
		top: -34px;
		left: 0;
		background: #8eb893;
		padding: 5px 10px;
		height: 34px;
		text-transform: uppercase;
		font-size: 0.8em;
		font-weight: 700;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
.price-item .price-box .the-price {
	font-size: 3em;
	font-weight: bold;
}
	.price-item .the-price .dollar {
		font-size: 0.3em;
		font-weight: 300;
		position: relative;
    	top: -1.5em;
		margin-right: 0.5em;
	}
	.price-item .the-price .classifier {
		font-size: 0.4em;
		font-weight: 300;
	}
.price-item .price-box .the-price-secondary {
    position: relative;
    top: -10px;
    left: 1em;
}
.price-item .price-box .button-box {
	text-align: center;
}
.price-item .price-box .features ul {
	margin: 10px;
	padding: 0;
}
.price-item .price-box .features ul li {
    list-style: none;
    position: relative;
    margin-left: 25px;
    line-height: 1.1em;
    margin-bottom: 10px;
    font-size: 0.8em;
}
.price-item .price-box .features ul li:before{
	display: none;
	content: "\f058";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.price-item .price-box .features ul li svg {
    position: absolute;
    left: -18px;
    top: 2px;
    font-size: 0.8em;
}
.price-item .price-box .notes {
	font-size: 0.8em;
	opacity: 0.5;
	font-style: italic;
	margin-top: 30px;
	text-align: center;
}
.price-item .extra {
	position: relative;
	background: #46455E;
	color: #FFF;
	margin: 10px;
	padding: 20px;
	text-align: center;
	font-size: 0.9em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
	-moz-box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
    box-shadow: rgba(9, 28, 46, 0.08) 0px 0.25rem 2.5rem 0px;
}
.price-item .extra:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(70, 69, 94, 0);
	border-bottom-color: #46455E;
	border-width: 15px;
	margin-left: -15px;
}

@media (max-width: 500px) {
	.price-item .price-title {
		min-height: auto;
	}
}


/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/

@media (max-width: 1100px) {
	/* HOMEPAGE ------------------------- */
	div.feature-home .feature-img {
		height: 85%;
	}
}

@media (max-width: 950px) {
	div#gamefeatures-1 {
		margin-top: 150px;
		margin-bottom: 150px;
	}
	div.game-features-img {
		bottom: auto;
		top: -50%;
		height: 100%;
		width: 100%;
		background-position: center bottom !important;
	}
	div.game-details {
		width: 100%;
		padding: 0;
		padding-top: 20%;
	}
	div#gamefeatures-1 .game-details {
		left: 0;
	}
	
	#orgs img {
		max-width: 100px;
	}
}

@media (max-width: 800px) {
	div.page-header.simple h1 {
		font-size: 2em;
    	line-height: 1em;
	}
	
	/* HOMEPAGE ------------------------- */
	blockquote {
		padding: 25px 0;
	}
	div.feature-home {
		max-width: 100%;
		padding-bottom: 55vw;
	}
	div.feature-home .feature-img {
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	div.feature-home .feature-info {
		width: 100%;
		padding: 0;
	}
	div#feature-1 .feature-info {
		left: 0;
	}
	
	div.step-one, div.step-two, div.step-three {
		width: 100%;
	}
		.step-one:after, .step-two:after, .step-three:after {
			display: none;
		}
	
	div.step-box div.game-features-img {
		position: relative;
		top: 0;
		right: 0;
		max-height: 250%;
		max-width: 100%;
		height: 250px;
		background-repeat: no-repeat;
		background-position: center !important;
	}
	div.step-box {
		margin: 0;
	}
	
	div.step-final {
		margin-bottom: 40px;
	}
	.step-final:after {
		content: '';
		position: absolute;
		display: block;
		left: 40%;
		/* top: 20px; */
		/* bottom: 20px; */
		width: 20%;
		height: 30%;
		background: inherit;
		-webkit-clip-path: polygon(25% 0, 50% 23%, 75% 0);
		clip-path: polygon(5% 0, 50% 20%, 95% 0);
		z-index: -1;
	}
	
	div.game-details {
		padding-top: 20px;
	}
	
	.boxed-content h2 {
		width: 100%;
	}
	
	.hotlink {
		display: block;
		margin: 20px 0;
	}
	
	/* HOMEPAGE ------------------------- */
	div#home-banner {
		height: 100vh;
	}
	div#home-banner video#bgvid {
		display: none;
	}
	div#home-banner .mobile-img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
		background-position: center;
    	background-size: cover;
	}
	div#home-banner #banner-content {
		width: 100%;
		text-align: center;
		top: 150px;
	}
		div#home-banner #banner-content h2 {
			font-size: 10vw;
		}
		div#home-banner #banner-content p {
			font-size: 5vw;
		}
	
	/* GAME PAGES ------------------------- */
	div.page-header .icon {
		max-width: 20vw;
		bottom: 20vw;
		left: calc(50% - 10vw);
	}
	div.page-header h1 {
		font-size: 12vw;
	}
	main#main p.tagline {
		font-size: 8vw;
	}
	.wrapper {
		padding: 10px 0;
	}
	div.featured-testimonial blockquote {
		width: auto;
		margin: 0;
	}
	div.img-bg {
		padding: 20px 20px 45px;
	}
	div#game-stats {
		margin-top: 50px;
	}
	
	/* TESTIMONIALS ------------------------- */
	#organizations img {
		max-width: 150px;
		max-height: 150px;
	}
	
	/* ABOUT -------------------------------- */
	div#about-mission .mission-item {
		width: 80%;
	}
	div#about-person > div {
		display: block;
		position: relative;
		width: 100%;
		min-height: 300px;
	}
	div#about-person div h2 {
		position: absolute;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		left: 0;
		top: -75px;
	}
	div.timeline {
		margin-top: 0;
	}
	#about-games > h2 {
		margin-top: 50px;
		margin-bottom: 75px;
	}
	.column-reverse {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex !important;
		flex-direction: column-reverse !important;
	}
		.column-reverse > div {
			z-index: 5;
		}
		.column-reverse > div#about-img {
			z-index: 1;
		}
	
	/* CONTACT ------------------------------ */
	.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container, .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container {
		width: 300px !important;
	}
	.contact-social p {
		font-size: 6vw;
	}
	
	/* BLOG ------------------------- */
	.post-box {
		width: 95%;
		margin: 30px 2%;
	}
	.post-box h2 {
		top: -30px;
		line-height: 1.2em;
		font-size: 30px;
	}
}

@media (max-width: 700px) {
	header#masthead .site-branding .custom-logo {
		max-width: 200px;
	}
	
	/* NAVIGATION ------------------------- */
	nav#site-navigation {
		z-index: 9999;
		position: absolute;
		top: 0;
		right: 0;
	}
	.main-navigation.toggled li.user {
		padding-left: 0;
		border: 0;
		position: absolute !important;
		top: 15px;
		left: 25px;
		font-size: 2em;
	}
	.main-navigation.toggled li.user + .user {
		left: 75px;
	}
	/*nav#site-navigation button:hover {
		background: #E45259 !important;
	}
	
	ul#primary-menu {
		background: #E45259;
		top: 20px;
		margin-top: 15px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		max-width: 85%;
	}
	ul#primary-menu:after {
		bottom: 100%;
		right: 10px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(228, 82, 89, 0);
		border-bottom-color: #E45259;
		border-width: 10px;
		margin-left: -10px;
	}
	.main-navigation li {
		float: none;
	}
	.main-navigation ul ul {
		width: auto;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		display: block !important;
		top: 0 !important;
		right: auto !important;
	}
	.main-navigation ul ul li {
		float: none;
		text-align: left;
	}*/
	
	/* HOME ------------------------- */
	a.hotlink {
		display: inline-block;
		margin-top: 15px;
	}
	
	/* FOOTER ------------------------- */
	footer#colophon .social-media {
		float: none;
	}
	
	.board-box {
		width: 100%;
	}

	/* Next & previous buttons */
	.quoteCar-container .prevQuote {
		left: 0;
	}

	/* Position the "next button" to the right */
	.quoteCar-container .nextQuote {
		right: 0;
	}

	/* The dots/bullets/indicators */
	.quoteDot-container .dot {
		height: 8px;
		width: 8px;
	}
	
	.inner-content {
		padding: 0 10%;
	}
	.faq-a {
		padding-left: 0px;
	}
}


@media (max-width: 500px) {
	.tri-item {
		width: 80%;
	}
	
	.hotlink {
		width: 300px;
	}
	.hotlink div.icon {
		left: 100px;
	}
	.hotlink img.icon, .hotlink .icon + svg {
		left: 125px;
	}
	
	div.duo-boxes .duo-text {
		text-align: center;
		width: 100%;
	}
}