/*
	Theme Name: Ambiance Pro Theme
	Theme URI: http://my.studiopress.com/themes/ambiance/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 1.1.1

	Tags: black, white, one-column, two-columns, responsive-layout, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page

	Template: genesis
	Template Version: 2.1

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/


/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Galleries
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Classes
	- Common Classes
		- Avatar
		- Genesis
		- Search Form
		- Titles
		- WordPress
	- Widgets
	- Plugins
		- Genesis eNews Extended
		- Jetpack
	- Site Header
		- Title Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
	- Content Area
		- Welcome Message
		- Entries
		- Entry Meta
		- Content Boxes
		- After Entry
		- Pagination
		- Comments
	- Site Footer
	- Media Queries
		- Retina Display
		- Max-width: 1139px
		- Max-width: 1023px
		- Max-width: 768px

*/


@import url('https://fonts.googleapis.com/css?family=Exo:900');
@import url('https://fonts.googleapis.com/css?family=Biryani:200,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,700,900');


@font-face {
    font-family: 'diditbold';
    src: url('fonts/didit-bold.eot');
    src: url('fonts/didit-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/didit-bold.woff2') format('woff2'),
         url('fonts/didit-bold.woff') format('woff'),
         url('fonts/didit-bold.ttf') format('truetype'),
         url('fonts/didit-bold.svg#diditbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'makingitbold';
    src: url('fonts/makingit-bold.eot');
    src: url('fonts/makingit-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/makingit-bold.woff2') format('woff2'),
         url('fonts/makingit-bold.woff') format('woff'),
         url('fonts/makingit-bold.ttf') format('truetype'),
         url('fonts/makingit-bold.svg#makingitbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'makingitregular';
    src: url('fonts/makingit.eot');
    src: url('fonts/makingit.eot?#iefix') format('embedded-opentype'),
         url('fonts/makingit.woff2') format('woff2'),
         url('fonts/makingit.woff') format('woff'),
         url('fonts/makingit.ttf') format('truetype'),
         url('fonts/makingit.svg#makingitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v3.0.0 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#333;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
input:focus::input-placeholder { color:transparent; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 8 and older ;) */

img {
	backface-visibility: initial;
	-webkit-backface-visibility: initial;
	-moz-backface-visibility: initial;
	-ms-backface-visibility: initial;
}
	

/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.featured-content:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.featured-content:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

a, .site-title, .socialicons, .posterart, .videoarea, .home-section-2 .infoblock, .newsbg, .thebg, .careersbg, .careersblock h2, input[type="checkbox"] {   
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.gameblock h3, .gameblock p, .gameblock img, .gamebg, .careersbg:before, .careersbg:after, .banner div, .banner, .cards, .cards .videoWrapper, .cardbg, .newsblock h2, #careersnav.bottom {   
	-webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);

	}
	
.banner .logo, .cardinfo, .reviews, .site-footer div[role="form"] form{   
	-webkit-transition: all 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);

	}

	
.gameblock:before, .gameblock:after, .button:after, .newsbg:before, .newsbg:after, .gameinfo, .comment-reply:after {
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.button, input[type="button"],input[type="reset"],input[type="submit"], .comment-reply, .titleblocks.logo a img {
	-webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.site-header {
	-webkit-transition: padding 0.2s ease-in-out, background-color 0.4s ease-in-out;
	-moz-transition:    padding 0.2s ease-in-out, background-color 0.4s ease-in-out;
	-ms-transition:     padding 0.2s ease-in-out, background-color 0.4s ease-in-out;
	-o-transition:      padding 0.2s ease-in-out, background-color 0.4s ease-in-out;
	transition:         padding 0.2s ease-in-out, background-color 0.4s ease-in-out;
}

/* Typographical Elements
--------------------------------------------- */

body {
	background-color: #292929;
	color: #FFF;
	font-family: 'Hind', sans-serif;
	font-weight: normal;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 2;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

a,
button,
textarea:focus,
.ambiance-grid .entry,
.site-header .wrap,
#responsive-menu-icon::before {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #FFF;
	text-decoration: none;
}
	.entry-content a {text-decoration: underline;}

a:hover {
	color: #FFF;
	opacity:.6;
}

.single .entry-content a, .page .entry-content a, .category-careers.archive .entry-content a, .entry-comments a, #respond a {color:rgba(87, 208, 249, 1);text-decoration: underline;}
	.entry-comments a, #respond a {text-decoration: none;}
	.single .entry-content a:hover, .page .entry-content a:hover, .category-careers.archive .entry-content a:hover, .entry-comments a:hover {opacity:.5;}

.readmore {
	border-bottom: 2px solid #FFF;
    padding: 0 5% 1% 0;
    
    font-weight: 700;
    
}

.readmore a, .site-header a {text-decoration:none;}
.readmore a {display: inline-block;}

p {
	margin: 0 0 40px;
	padding: 0;
	text-transform: none;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

b,
strong {
	font-weight: 700;
}

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

blockquote {
	color: #999;
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -24px;
	position: relative;
	top: -6px;
}

.widget small {font-size: 18px;display: block;margin: -6% auto 7%;line-height: 1;z-index: 2;position: relative;}


/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
	
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 40px;
	font-size: 5vh;
}

h3 {
	font-size: 28px;
}

h4, h4.widget-title {
	font-size: 26px;
	margin-bottom: 1%;
}

h5 {
	font-size: 32px;
}

h6 {
	font-size: 20px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

img.post-image.entry-image {
	float: left;
	margin: 0;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
	margin-bottom: 28px;
}

.gallery-item {
	float: left;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery .gallery-item img {
	border: none;
	height: auto;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea, 
input:focus,
select:focus,
textarea:focus {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #fff;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	padding: 12px;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	outline: none;
	border-radius: 0;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border-color:#FFF;
    font-weight: 300;
    line-height: 1.5;
    text-transform: none;
}
	.entry-content input, .entry-content select, .entry-content textarea, .entry-content input:focus, .entry-content select:focus, .entry-content textarea:focus, 
	#respond input, #respond select, #respond textarea, #respond input:focus, #respond select:focus, #respond textarea:focus{
		border-color:#000;color:#000;
	}

input[type="checkbox"] {border:1px solid #FFF;border-radius:100%;width:20px !important;height:20px;display:inline-block;vertical-align: middle;}
	.entry-content input[type="checkbox"] {border:1px solid #000;}
input[type="checkbox"], input[type="checkbox"]:focus, input[type="checkbox"]:active {width:20px !important;height:20px;padding:0;}
	input[type="checkbox"]:checked {background-color:#FFF;}
		.entry-content input[type="checkbox"]:checked {background-color:#000;}
	
	.wpcf7-list-item{}
	.opt-in {display: block;margin:5% 0;}
	
label {display: block;}

select {background: url('/wp-content/uploads/icons-arrow-white.svg') no-repeat right center;background-size: auto 28%;}
	.entry-content select {background: url('/wp-content/uploads/icons-arrow-black-down.svg') no-repeat right center;}

option {color:#000;}

textarea, textarea:focus {height: 200px; border-left:2px solid #FFF;padding-top:0;}

	.nf-error input.ninja-forms-field {border:none; border-bottom:2px solid red;}
	.nf-form-fields-required {font-size:12px;}

input:focus,
textarea:focus {
	color:#FFF;
	border-bottom-color: #FFF;
	outline: none;
}

input[placeholder] {color:#FFF;}
	.entry-content input[placeholder] {color:#000;}
	
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #FFF;}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */color: #FFF;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */color: #FFF;}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */color: #FFF;}
	.entry-content input::-webkit-input-placeholder, .entry-content textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
	.entry-content input::-moz-placeholder, .entry-content textarea::-moz-placeholder { /* Firefox 19+ */color: #000;}
	.entry-content input:-ms-input-placeholder, .entry-content textarea:-ms-input-placeholder { /* IE 10+ */color: #000;}
	.entry-content input:-moz-placeholder, .entry-content textarea:-moz-placeholder { /* Firefox 18- */color: #000;}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
	font-weight: 300;
}

::-webkit-input-placeholder {
	color: #333;
	font-weight: 300;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
.button, .comment-reply {
	background-color: transparent;
	border: none;
	color: #fff;
	border:1px solid #FFF;
	cursor: pointer;
	
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	padding: 12px 40px 10px;
	overflow:hidden;
	position: relative;
	width: auto;
	transform-origin: center;
	transform: scale(1.001);
}
	.entry-content input[type="button"], .entry-content input[type="reset"], .entry-content input[type="submit"], .entry-content .button, .comment-reply {border:1px solid #000;color:#000;}

	div.button:after, .comment-reply:after {content:"";display:block;position:absolute;bottom:-30px;right:-30px;width:30px;height:30px;transform-origin: center;transform: rotate(45deg);background:#FFF;}
		.entry-content div.button:after, .comment-reply:after {background:#000;}
		div.button:hover:after, .comment-reply:hover:after {bottom:-15px;right:-15px;}



input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover, .comment-reply:hover {
	background-color: rgba(0,0,0,.5);
	color: #FFF;
	opacity: 1;
	transform: scale(1.1);
}

.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

.button a, .button:hover a, .comment-reply, .comment-reply a {text-decoration: none;opacity:1;}
	.entry-content .button a, .category-careers.archive .entry-content .button a, .comment-reply a {text-decoration: none;color:#000;}
	.entry-content .button:hover a, .category-careers.archive .entry-content .button:hover a, .comment-reply a:hover {color:#000;opacity: 1;}
	.entry-content .button:hover, .category-careers.archive .entry-content .button:hover, .comment-reply:hover, 
	#respond input:hover[type="button"],#respond input:hover[type="reset"],#respond input:hover[type="submit"] {background-color:transparent;}
	
	.comment-reply {display: inline-block;padding:1% 3%;}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

form span {margin-bottom: 2%;}
form div {margin-bottom:10%;}

.home-section-1 #mc_embed_signup, .reviewblock form {max-width: 400px;width:90%;text-align: center;margin:0 auto;}
	.entry-content form {margin: 2% auto 10%;}
	.entry-content #mc_embed_signup input, .home-section-1 #mc_embed_signup input {text-align:center;}
	.entry-content .reviewblock form, .entry-content .reviewblock input, .entry-content .reviewblock input[type="submit"]:hover  {color:#000;}
	.entry-content .reviewblock input {border-bottom-color:#000;}
	.entry-content .reviewblock input::-webkit-input-placeholder {color:#000;}
	.entry-content .reviewblock .button, .entry-content .reviewblock input[type="submit"] {border-color:#000;}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}

th {
	font-weight: 700;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.archive .author-box,
.archive-description,
.content,
.site-inner,
.wrap {
	margin: 0 auto;
}

.wrap {
	max-width: 1200px;
}

.site-inner {
	clear: both;
}
	.site-inner {background-color:#FFF;position: relative;}
	.single .entry-content h1,.single .entry-content h2,.single .entry-content h3,.single .entry-content h4,.single .entry-content h5,.single .entry-content h6, .single .entry-content,
	.page .entry-content h1,.page .entry-content h2,.page .entry-content h3,.page .entry-content h4,.page .entry-content h5,.page .entry-content h6, .page .entry-content, 
	.category-careers .entry-content h1,.category-careers .entry-content h2,.category-careers .entry-content h3,.category-careers .entry-content h4,.category-careers .entry-content h5,.category-careers .entry-content h6, .category-careers .entry-content, .single h1.entry-title, .page h1.entry-title, 
	.comment-respond, .entry-comments, .entry-pings, .entry-comments h1,.entry-comments h2,.entry-comments h3,.entry-comments h4,.entry-comments h5,.entry-comments h6
	{color:#000;}
	
	.entry-content img {max-width: none;width:100%;display:block;margin:0 auto 40px;}

.site-inner,
.page.no-featured-image .site-inner, 
.single.no-featured-image .site-inner {
	margin-top: 120px;
}
	.page.no-featured-image .site-inner, 
	.single.no-featured-image .site-inner {
	padding-bottom:10%;
	}
.page.no-featured-image, 
.single.no-featured-image {background-color:#FFF;}

.page .site-inner,
.ambiance-landing.no-featured-image .site-inner,
.ambiance-landing .site-inner {
	margin-top: 60px;
}

.single-post .site-inner {
	margin-top: 0;   
	padding-top: 5%;
	padding-bottom: 10%;
}
	.category-games.single .site-inner{padding-top: 0;padding-bottom: 0;}

.content,
.page.page-template-page_blog-php .content {
	width: 100%;
}

.archive .author-box,
.archive-description,
.page .content,
.single .content,
.welcome-message .wrap {
	width: 740px;
}

.fullwidth.single .content, .fullwidth.page .content {width:100%;}
.fullwidth article {margin-bottom:0;}


/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 30px;
}

.alignright .avatar {
	margin-left: 30px;
}

.comment .avatar {
	margin: 0 20px 30px 0;
}

.entry-comments .avatar {
	height: 60px;
	width: 60px;
}

.archive .avatar,
.author-box .avatar,
.entry-avatar .avatar {
	height: 120px;
	width: 120px;
}

.archive .avatar,
.entry-avatar .avatar {
	background-color: #fff;
	float: none;
	margin-bottom: 40px;
	margin-top: -65px;
	padding: 5px;
}

.archive .avatar {
	margin-bottom: 20px;
	margin-right: 0;
	margin-top: -20px;
}

/* Genesis
--------------------------------------------- */

.archive-description,
.author-box {
	clear: both;
	margin-bottom: 40px;
}

.single .author-box {
	border-top: 1px solid #ddd;
	margin-bottom: 100px;
	padding-top: 100px;
}

.archive .author-box,
.archive-description {
	margin-bottom: 60px;
	text-align: center;
}

.archive-title,
.author-box-title {
	font-size: 24px;
	margin-bottom: 10px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.entry-content .search-form {
	width: 50%;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Titles
--------------------------------------------- */

.entry-title {
	clear: both;
	font-size: 48px;
}

.entry-title a {
	color: #333;
}

.ambiance-grid .entry-title {
	font-size: 30px;
	margin-bottom: 0;
    padding: 0 15px;
}

.ambiance-grid .entry-title a,
.ambiance-grid .entry-title a:hover {
	color: #fff;
	display: block;
}

.entry-title a:hover {
	color: #e12727;
}

.widget .entry-title {
	clear: none;
}

.widget-title {
	font-size: 30px;
}

/* WordPress
--------------------------------------------- */

.alignleft {
	float: left;
	text-align: left;
}

a.alignnone {
    display: inline-block;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
    max-width: 100%;
}

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-weight: 700;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.gallery-caption {
	margin: 0 0 10px;
}

.sticky {
}


/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Genesis Featured Content Widgets
--------------------------------------------- */

.featured-content .entry-content {
	padding: 15px;
}

.featured-content .more-link {
	color: #fff;
}

.featured-content .more-link:hover {
	color: #333;
}

.ambiance-grid .featured-content .entry-header {
	position: static;
}

.ambiance-grid .featuredpage .entry {
	margin-right: 0;
	width: 100%;
}


/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget input {
	font-size: 16px;
	margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
	color: #fff;
	margin: 0;
	width: 100%;
}

.enews form + p,
.enews form + p:last-child {
	margin-top: 24px;
}

/* Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: rgba(100, 100, 100, .3);
	box-shadow: 0 2px 0px rgba(0,0,0,0);}
}

.site-header,
.single-post .site-header.shrink,
.site-header.shrink {
		
}

.site-header.shrink, .archive .site-header, .page.no-featured-image .site-header, .single.no-featured-image .site-header{
	background-color: rgba(100, 100, 100, .9);
	/*background-color: rgba(87, 208, 249, 1); background-color: rgba(0, 0, 0, 0.4);*/
	box-shadow: 0 2px 30px rgba(0,0,0,.2);}

.single-post .site-header  {
	
}

.admin-bar .site-header {
	top: 32px;
}

.site-header .wrap {
	padding: 60px 0;
}

.site-header .wrap,
.header-image .site-header.shrink .wrap,
.site-header.shrink .wrap, 
.archive .site-header .wrap, .page.no-featured-image .site-header .wrap, .single.no-featured-image .site-header .wrap, 
.header-image.archive .site-header .wrap, .header-image.page.no-featured-image .site-header .wrap, .header-image.single.no-featured-image .site-header .wrap {
	padding: 0 0;
}

.site-header:before {content:"";background:#333;width:100%;height:200%;position:fixed;z-index: 0;opacity:1;left:0;top:0;
	animation: darkload forwards 1s ease 1s;}
		@keyframes darkload {0%{opacity:1;}99%{opacity:0;visibility:visible;}100%{visibility:hidden;}}



/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	/*padding: 10px 0;*/
	width: 200px;
}

.site-title {
	font-size: 36px;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase
}

.shrink .site-title {
	font-size: 24px;
}

.site-title a,
.site-title a:hover {
	color: #fff;
}

.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

.header-image .site-title > a {
	float: left;
	min-height: 42px;
	width: 100%;
	background-size: contain !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-image: url('/wp-content/uploads/thatgamecompany-logo.svg') !important;
}

.header-image .site-header .wrap {

}

.header-image .shrink .site-title,
.header-image .shrink .title-area {
	padding: 0;
}

.home .site-title {
	opacity:0;
}

.home .shrink .site-title {
	opacity:1;
}

.shrink .site-title a {
}

.site-description {
	display: block;
	height: 0;
	margin-bottom: 0;
	text-indent: -9999px;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	line-height: 1;
	width: 100%;
	font-weight: 400;
	text-transform: capitalize;
}

.genesis-nav-menu li {
	float: none;
	list-style-type: none;
}

.genesis-nav-menu li li {
	margin-left: 0;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: center;
	position: relative;
}

.genesis-nav-menu .menu-item:hover {
	position: relative;
}

.genesis-nav-menu a {
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin: 0 15px;
	border-bottom: 2px solid rgba(255,255,255,0);
    padding-top: 2%;
}

.shrink .genesis-nav-menu a {
	font-size: 16px;
	
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #fff;
    border-bottom: 2px solid #FFF;
}
	.genesis-nav-menu > li:first-of-type > a:hover{border-bottom: 2px solid rgba(255,255,255,1);}
	.genesis-nav-menu > li:last-of-type > a {margin-right:0;}

.genesis-nav-menu > .menu-item > a {
	text-transform: capitalize;
	
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	padding-top:11px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.shrink .genesis-nav-menu .sub-menu, .archive .shrink .genesis-nav-menu .sub-menu, .page.no-featured-image .shrink .genesis-nav-menu .sub-menu, .single.no-featured-image .shrink .genesis-nav-menu .sub-menu {padding-top:11px;}
.archive .genesis-nav-menu .sub-menu, .page.no-featured-image .sub-menu, .single.no-featured-image .sub-menu {padding-top:11px;}


.genesis-nav-menu .sub-menu a {
	background-color: rgba(100, 100, 100, .3);
	/*background-color: transparent;*/
	font-size: 16px;
	padding: 21px;
	position: relative;
	width: 166px;
}
	.shrink .genesis-nav-menu .sub-menu a, .archive .genesis-nav-menu .sub-menu a, .page.no-featured-image .genesis-nav-menu .sub-menu a, .single.no-featured-image .genesis-nav-menu .sub-menu a {/*background-color:rgba(87, 208, 249, 1);*/background-color:rgba(100, 100, 100, .9);width:175px;}

.shrink .genesis-nav-menu .sub-menu a:hover, .archive .genesis-nav-menu .sub-menu a:hover, .page.no-featured-image .genesis-nav-menu .sub-menu a:hover, .single.no-featured-image .genesis-nav-menu .sub-menu a:hover {
	color: #FFF;
	opacity:1;
	/*background-color:#339abd;*/
	background-color:rgba(100, 100, 100, .5);
}
	.genesis-nav-menu .sub-menu li a{border-bottom:2px solid rgba(255,255,255,1);}
	.genesis-nav-menu .sub-menu li:last-of-type a:hover, .genesis-nav-menu .sub-menu li:last-of-type a{border-bottom:0;}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -55px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: 50%;
	margin-left: -100px;
	opacity: 1;
}

.genesis-nav-menu .menu-item:hover > .sub-menu > .menu-item:hover > .sub-menu {
	left: 199px;
	margin-left: 0px;
	opacity: 1;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	float: right;
	text-align: right;
}

.nav-primary .genesis-nav-menu {
	float: left;
	/*margin-top: 20px;*/
	margin-top: 11px;
	text-align: right;
	width: 720px;
}

.shrink .nav-primary .genesis-nav-menu {
	/*margin-top: 11px;*/
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	margin-bottom: 20px;
}

.nav-secondary .genesis-nav-menu a {
	color: #fff;
	margin: 0 30px;
	padding: 0;
}

.nav-secondary .genesis-nav-menu a:hover,
.nav-secondary .genesis-nav-menu .current-menu-item > a {
	color: #999;
}

/* Responsive Menu
--------------------------------------------- */

.responsive-menu {
	/*display: none;*/
}


#responsive-menu-icon {
	cursor: pointer;
	/*display: inline-block;*/
	display: none;
	margin-top: 12px;
}

#responsive-menu-icon::before {
	color: #fff;
	content: "";
	background-image:url("/wp-content/uploads/nav-icon.png");
	background-size:cover;
	display: inline-block;
}

#responsive-menu-icon::before {
	font: normal 36px/1 'dashicons';
	height:25px;
	width:40px;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Welcome Message
--------------------------------------------- */

.welcome-message {
	margin-bottom: 90px;
	text-align: center;
}

.welcome-message p {
	color: #999;
}

.welcome-message p:last-child {
	margin-bottom: 0;
}

/* Entries
--------------------------------------------- */

.entry {
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}

.ambiance-grid .entry {
	background-color: rgba(0, 0, 0, 0.5);
	float: left;
	margin: 0 4% 4% 0;
	min-height: 200px;
	position: relative;
	text-align: center;
	width: 48%;
}

.ambiance-grid .entry:nth-of-type(2n) {
	margin: 0 0 4% 0;
}

.ambiance-grid .entry:nth-of-type(2n+1) {
	margin: 0 4% 4% 0;
}

.ambiance-grid .entry:hover {
	opacity: 0.75;
}

.entry-background {
	display: block;
	height: 560px;
	width: 100%;
	z-index: -99 !important;
}

.no-featured-image .entry-background {
    background: rgba(0, 0, 0, 0.5);
    height: 180px;
}

.entry-content {
	clear: both;
}

p.intro {
	font-size: 24px;
}

p.intro:after {
	border-bottom: 1px solid #333;
	content: "";
	display: block;
	margin-bottom: 40px;
	padding-bottom: 30px;
	width: 25%;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 30px;
}

.entry-content ol {
	margin-left: 50px;
}

.entry-content ul {
	margin-left: 40px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	margin-bottom: 0;
}

.entry-header {
	text-align: center;
}

.ambiance-grid .entry-header {
	position: absolute;
	top: 40px;
	width: 100%;
}

.entry-header .entry-meta {
	margin-bottom: 5%;
	color:#000;
}

.ambiance-grid .entry-header .entry-meta {
	margin-bottom: 0;
}

.entry-header .entry-meta a {
	color: #333;
}

.entry-header .entry-meta a:hover {
	color: #e12727;
}

.entry-author::before,
.entry-categories::before,
.entry-comments-link::before,
.entry-tags::before,
.entry-time::before {
	display: inline-block;
	font: normal 20px/1 'dashicons';
	margin-right: 5px;
	margin-top: 2px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}

.ambiance-grid .entry-time::before {
	display: none;
}

.entry-author,
.entry-comments-link,
.entry-time {
	margin: 0 10px;
}

.ambiance-grid .entry-meta,
.ambiance-grid .entry-meta a {
	color: #fff;
	font-size: 18px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-author::before {
	content: "\f110";
}

.entry-categories::before {
	content: "\f318";
}

.entry-comments-link::before {
	content: "\f101";
}

.entry-tags::before {
	content: "\f323";
}

.entry-time::before {
	content: "\f469";
}


/* Content Boxes
--------------------------------------------- */
 
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
	margin-bottom: 30px;
	overflow: hidden;
	padding: 30px;
}
 
.content-box-blue {
	background-color: #d8ecf7;
	border: 1px solid #afcde3;
}
 
.content-box-gray {
	background-color: #e2e2e2;
	border: 1px solid #bdbdbd;
}
 
.content-box-green {
	background-color: #d9edc2;
	border: 1px solid #b2ce96;
}
 
.content-box-purple {
	background-color: #e2e2f9;
	border: 1px solid #bebde9;
}
 
.content-box-red {
	background-color: #f9dbdb;
	border: 1px solid #e9b3b3;
}
 
.content-box-yellow {
	background-color: #fef5c4;
	border: 1px solid #fadf98;
}

/* After Entry
--------------------------------------------- */

.after-entry {
	border-top: 1px solid #ddd;
	padding: 40px 0;
}

.widget {
	margin-bottom: 40px;
}

.widget p:last-child,
.widget:last-child {
	margin: 0 auto;
}

.after-entry li {
	list-style-type: none;
}

/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 60px;
}
.archive .pagination {margin:10% auto 15%}
.archive .pagination a {color:#FFF;font-size: 40px;font-weight: 300;}
	.archive .pagination div:hover {opacity:.5;}
	.pagination a {font-weight: 700;}
	.pagination p {margin-bottom: 0;}
	.pagination-next:after, .pagination-previous:before {content:'';background:url('/wp-content/uploads/icons-arrow-black.svg') no-repeat;background-size:contain;display:inline-block;width:10%;height:40px;vertical-align: middle;transform-origin: center;}
		
		.archive .pagination .next{float:left;}
		.archive .pagination .next{float:right;}
		
		.pagination-previous:before {content:'';background-position:right center;transform:rotate(-135deg);margin-right:10%;}
		.pagination-next:after {content:'';background-position:left center;transform:rotate(45deg);margin-left:10%;}
		

		.archive .pagination .next a:after, .archive .pagination .prev a:before {content:'';background:url('/wp-content/uploads/icons-arrow-white.svg') no-repeat;transform-origin: center;width:40px;height: 40px;display: inline-block;margin:0;background-size:90%;vertical-align: middle;}

		.archive .pagination .next a:after {content:'';transform:rotate(-90deg);background-position:right center;}
		.archive .pagination .prev a:before {content:'';transform:rotate(90deg);background-position:left center;}

.pagiblock {width:80%;display:inline-block;vertical-align: middle;}

.adjacent-entry-pagination {
	background: none;
	margin: 100px 0;
	padding: 0;
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.single .pagination-next,
.single .pagination-previous {
	font-size: 20px;
	padding: 60px 0;
	width: 50%;
	display: inline-block;
}

.adjacent-entry-pagination .pagination-previous {
	text-align: left;
	padding-right: 15px;
	float:left;
}

.adjacent-entry-pagination .pagination-next {
	text-align: right;
	padding-left: 15px;
	float: right;
}

.pagination a,
.archive-pagination li a {
	color: #000;
}

.adjacent-entry-pagination a:hover,
.archive-pagination li a:hover,
.archive-pagination .active a,
.pagination a:hover {
	
	opacity: 0.6;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	vertical-align: middle;
}

.archive-pagination .pagination-next a,
.archive-pagination .pagination-previous a {
	color: #999;
	font-size: 64px;
	font-weight: 300;
	line-height: 1;
	padding: 10px 0 20px;
}

.archive-pagination .pagination-next a:hover,
.archive-pagination .pagination-previous a:hover {
	color: #333;
}


/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	margin-bottom: 60px;
}

p.comment-meta,
.entry-comments .comment,
.entry-comments .comment-reply {
	margin-bottom: 40px;
}

.comment-header {
	font-size: 18px;
}

.entry-comments .comment {
	border-bottom: 1px solid #ddd;
}

.comment-content,
.entry-comments .comment {
	clear: both;
}

p.form-submit,
.entry-comments .children .comment,
.entry-comments .comment-author {
	margin: 0;
}

.entry-comments .children .comment {
	border: none;
}

.comment-respond label {
	display: block;
	font-weight: 700;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 100%;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
}

.entry-comments ul.children {
	margin-left: 40px;
}

.form-allowed-tags,
.ping-list .reply {
	display: none;
}

.bypostauthor {
}

.comment-edit-link {font-size:12px;}
.comment-time {font-size:14px;}
	p.comment-meta {margin-bottom:2%;line-height: 10px;}
.entry-comments a {text-decoration: none;}
.comment-author {font-weight: 300;}




/*
Home
---------------------------------------------------------------------------------------------------- */
.home .site-inner .wrap, .fullwidth .site-inner .wrap {max-width:none;}
.home .site-inner, .fullwidth .site-inner {margin-top:0;}

.logo {max-width:40vh;}
.home-odd, .home-even {background-size:cover;background-repeat:no-repeat;background-position: center;padding:10% 0%;position: relative;z-index: 2;text-align: center;}
.home-odd .wrap, .home-even .wrap {padding:0% 10%;}
.home-odd .widget, .home-even .widget {display: inline-block;vertical-align: bottom;width: 100%;}
.home-odd {}
.widget-area .subtitle h2 {margin-bottom:1%;}

.titleblocks {margin:0 auto 8%;max-width:650px;width:100%;position: relative;z-index: 2;text-align: center;}
	.titleblocks h2 {margin-bottom:10%;}
	.titleblocks h4 {font-size: 24px;line-height: 28px;margin-bottom:8%;text-shadow:0 1px 1px rgba(0,0,0,.4);}
	.titleblocks p {font-size: 30px;line-height: 40px;font-weight:200;}
	
	.titleblocks.logo {margin:-5% auto 8%;}
	.titleblocks.logo img {max-width: 400px;width: 80%;transform-origin: center;}
	.titleblocks.logo a img {cursor: pointer;}
	.titleblocks.logo a:hover img {transform:scale(1.2);}

#videobanner {position: fixed;top: 0;}
	.openertitle {z-index: 2;position: absolute;top:0;margin-top: 20%;width: 100%;max-width: 500px;margin-left: -250px;left: 50%;text-align: center;opacity:0;top:0;}
	.openertitle img {max-width: 350px;width:70%;}
	.openertitle h2 {font-size:30px;margin-top: -15px;margin-bottom: 0;font-weight: 300;}
	.openertitle {animation: openerin forwards 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) ;}
	/*.home .openertitle {animation: openerin forwards 3s cubic-bezier(0.165, 0.84, 0.44, 1) 3s ;}*/
		@keyframes openerin {0%{opacity:0;top:10%;}100%{opacity:1;top:0;}}
		.openertitle.fadeout {animation:openerout forwards .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
		@keyframes openerout {0%{opacity:1;top:0%;}100%{opacity:0;top:0%;}}
	
	
	/*.home-section-1 .signup:before*/
	.thevideo:after, .banner:after {content:"";z-index: 4;position: absolute;width: 40px;height: 40px;margin-left: -20px;left: 50%;text-align: center;background:url(/wp-content/uploads/icons-arrow-white.svg)no-repeat center;background-size: contain; opacity:0;  }
		.banner:after {bottom:10%;animation: scrollarrowbottom infinite 2s ease ;}
		.thevideo:after{bottom:10%;animation: scrollarrowbottom infinite 2s ease 4s ;}
		/*.home-section-1 .signup:before {top:0%;animation: scrollarrowtop infinite 2s ease ;}*/
		 
	
	@keyframes scrollarrowbottom {0%{}50%{opacity:1;}100%{opacity:0;bottom:5%;}}
	@keyframes scrollarrowtop {0%{}50%{opacity:1;}100%{opacity:0;top:5%;}}
	
	.thevideo:before {content:"";height:150px;width:100%;display:block;position:absolute;z-index:1;bottom:0;
		background: -moz-linear-gradient(bottom,  rgba(0,0,0,.3) 20%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(bottom,  rgba(0,0,0,.3) 20%,rgba(0,0,0,0) 100%);
		background: linear-gradient(bottom top,  rgba(0,0,0,.3) 20%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	}

	
	.thevideo {position: relative;z-index: 1;width: 100%;top:0;background-color:#57d0f9;overflow: hidden;}
		.thevideo .videoarea {margin: 0 !important;}
	#videoplayer {z-index: 2;position: relative;}
		#videoplayer.playing {z-index: 0;}

.home-section-1 {background-image:url('/wp-content/uploads/thatgamecompany-bg-sky_home.jpg');background-color:#10232b;background-position: center;}	
	.home-section-1:before {content:"";height:75px;width:100%;display:block;position:absolute;z-index:2;top: -75px;background:url('/wp-content/uploads/bg-edges-sky_home.png') no-repeat bottom;}
	.home-section-1:after {content:"";height:175px;width:100%;display:block;position:absolute;z-index:1;top:0;
		background: -moz-linear-gradient(top,  rgba(74,148,191,1) 20%, rgba(74,148,191,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(74,148,191,1) 20%,rgba(74,148,191,0) 100%);
		background: linear-gradient(to bottom,  rgba(74,148,191,1) 20%,rgba(74,148,191,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a94bf', endColorstr='#004a94bf',GradientType=0 );
	}
	.home-section-1 .titleblocks {color:#FFF;}
		.home-section-1 .titleblocks span {color:#000;}
		.home-section-1 .titleblocks p {color:#FFF;text-shadow: 1px 1px 2px #01274e;}
		
		.home-section-1 .titleblocks.white p {color:#FFF;}
		
	.home-section-1 .signup {position: relative;margin-top: 20%;}
		.home-section-1 .signup div[role="form"] {padding-top: 10%;}
		.signup label {display: block;width: 300px;margin:0 auto;}
		.signup input {text-align: center;/*border:2px solid #FFF;background-color:rgba(255,255,255,.7);*/color:#FFF;}
			.signup input:focus {background-color:rgba(255,255,255,.7);color:#000;}
		.signup input[type="submit"] {text-align: center;border:2px solid #FFF;background-color:rgba(0,0,0,.8);color:#FFF;margin: 2% auto 0;display:block;}
		
		.signup p {margin:0;}
		.signup .wpcf7-response-output {margin: 0;background: transparent;color: #FFF;border: none;font-weight: 700;}

.home-section-2 {z-index: 1;}
.home-section-2, .home-section-2 .wrap {padding:0 !important;background-color:#000;}		
.gamewrap {white-space:nowrap;font-size:0;line-height:0;vertical-align: middle;}
	.gamewrap a:hover {opacity:1;}

.gameblock {position:relative;display:inline-block;width:33.33%;white-space: normal;height: 700px;vertical-align: top;overflow: hidden;}
	.gameblock:before {content:"";display:block;height:100px;width:100px;background:#FFF;position:absolute;right:0;top:0;z-index: 2;transform-origin: center; transform: rotate(45deg);right: -100px;top: -100px;}
	.gameblock:after {content:"";display:block;height:50px;width:50px;background:url('/wp-content/uploads/icons-arrow-black.svg') no-repeat center;background-size:50%;position:absolute;  right: -50px;top: -50px;z-index: 2;}
.gamebg {position:absolute;width:100%;height: 100%;top:0;z-index: 0;background-position: bottom 40px center;background-size:cover;background-repeat: no-repeat;}
	.flow .gamebg {background-position:right 35% bottom;}
.gameinfo {position:relative;padding:30% 5%;z-index: 1;height: 100%;padding-top: 10%;}	
	.gameblock img {max-width:400px;width:100%;margin-bottom: -10%;margin-top: 30%;}
	.gameblock h3 {margin-bottom: 0;font-size: 30px;opacity:0;margin-top:-5%;}
	.gameblock p {width: 80%;margin: 0 auto;font-size: 22px;line-height: 30px;opacity:0;font-weight: 300;}
	
		.gamewrap a:hover img {margin-top:0;margin-bottom:0;}
			.gamewrap a:hover .gameinfo {padding-top:20%;}
		.gamewrap a:hover p, .gamewrap a:hover h3 {opacity:1;margin-bottom:0;}
		.gamewrap a:hover .gamebg {transform:scale(1.2);background-position:center center;}
.home-section-2 .gameblock {}
	
	.gamewrap a:hover .gameblock.journey img {margin-top:10%;margin-bottom:-10%;}
	.gameblock.journey p, .gameblock.journey h3 {color:#6a300c;}
			.gameblock.journey p {margin-top:-10%;}
	.gameblock.flower p, .gameblock.flower h3 {color:#272a27;}
	.gamewrap a:hover .flow .gamebg {background-position:center;}
	
	.gamewrap a:hover .gameblock:before {top:-50px;right:-50px;}
	.gamewrap a:hover .gameblock:after {top:-0px;right:-0px;}
	
	.consoles {position:absolute;bottom:16%;background-repeat:no-repeat;background-size:contain;background-position: center;left: 50%;width: 180px;margin-left: -90px;height:20px;}
	.consoles.ps3 {background-image:url('/wp-content/uploads/icons-ps3.svg');}
	.consoles.psvita {background-image:url('/wp-content/uploads/icons-psvita.svg');}
	.consoles.ps4 {background-image:url('/wp-content/uploads/icons-ps4.svg');}
	.consoles.pc {background-image:url('/wp-content/uploads/icons-pc.svg');}
	.consoles.ps4.pc {background:url('/wp-content/uploads/icons-ps4.svg') left center no-repeat, url('/wp-content/uploads/icons-pc.svg') right center no-repeat;background-size: contain;}
	.consoles.ps3.ps4 {background:url('/wp-content/uploads/icons-ps3.svg') left center no-repeat, url('/wp-content/uploads/icons-ps4.svg') right center no-repeat;background-size: contain;}
	.consoles.ps3.ps4 {background:url('/wp-content/uploads/icons-ps3.svg') left center no-repeat, url('/wp-content/uploads/icons-ps4.svg') right center no-repeat;background-size: contain;}
	.consoles.ps3.ps4.psvita {background:url('/wp-content/uploads/icons-ps3.svg') left center no-repeat, url('/wp-content/uploads/icons-ps4.svg') right center no-repeat, url('/wp-content/uploads/icons-psvita.svg') center center no-repeat;background-size: contain;background-size: contain;width: 280px;margin-left: -140px;}
	.consoles.ps3.ps4.psvita.pc {background:url('/wp-content/uploads/icons-ps3.svg') left center no-repeat, url('/wp-content/uploads/icons-ps4.svg') right 135px center no-repeat, url('/wp-content/uploads/icons-psvita.svg') right 35px center no-repeat, url('/wp-content/uploads/icons-pc.svg') right center no-repeat;background-size: contain;background-size: contain;width: 320px;margin-left: -160px;}
	.consoles.coming {font-size: 16px;display: block;margin:0;margin-left:-200px;width:400px;line-height: 1;z-index: 2;position: relative;}
	.consoles.coming:before {content:"Arriving first on iPhone, iPad, and Apple TV.";display:inline-block;}
	.consoles.ios:after {content:"Additional platforms to follow.";display:inline-block;}
	


.home-section-3 {background-image:url('/wp-content/uploads/thatgamecompany-bg-ourstory.jpg');background-position: bottom center;z-index: 5;color:#000;background-color:#FFF;background-size:100%;background-attachment: fixed;padding-bottom: 15%;}
	.home-section-3 h4, .home-section-5 h4 {color:#000;text-shadow:none;}
	
	.home-section-3 .button, .home-section-5 .button {border-color:#000;color:#000;}
		.home-section-3 .button a, .home-section-5 .button a {color:#000;}
		.home-section-3 div.button:after, .home-section-5 div.button:after {background:#000;}
		.home-section-3 .button:hover, .home-section-5 .button:hover {background-color: rgba(255,255,255,.5);}
	
	#image_list {width:100%;max-width:900px;margin:0 auto;}
	#image_list img {width:50%;max-width:200px;margin:0 5%;display:inline-block;vertical-align: middle; margin-bottom: 5%;}
	#image_list img:last-of-type {}


.home-section-4 {z-index: 2;}
.home-section-4, .category-news.archive .site-inner {background-color:#000;background-image:url('/wp-content/uploads/thatgamecompany-bg-news.jpg');background-attachment: fixed;z-index: 5;padding-top:2%;padding-bottom:15%;}
	.home-section-4:before {content:"";height:90px;width:100%;display:block;position:absolute;z-index:2;top: -90px;background:url('/wp-content/uploads/bg-edges-news.png') no-repeat bottom;}
	.home-section-4:after {content:"";height:190px;width:100%;display:block;position:absolute;z-index:1;top:0;background: -moz-linear-gradient(top,  rgba(19,19,19,1) 20%, rgba(19,19,19,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(19,19,19,1) 20%,rgba(19,19,19,0) 100%);
		background: linear-gradient(to bottom,  rgba(19,19,19,1) 20%,rgba(19,19,19,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#00131313',GradientType=0 );
	}
	
	.home-section-4 .widget:last-of-type {margin-top:5%;}
	
	/*.home-section-4 {padding-top:10%;}
	.home-section-4:before, .home-section-4:after {content:none;}*/
	
	a .newswrap {text-decoration: none;}
	.newswrap {z-index: 2;position: relative;margin-bottom: 10%;}
	.newswrap a {display: block;}
	.newswrap a:hover {opacity:1;}

	.newsblock {position:relative;display:block;width:100%;white-space: normal;vertical-align: top;text-align: left;}
		.newswrap a .newsblock {margin-bottom:10%;}
		.newswrap a:last-of-type .newsblock {margin-bottom: 0;}
		.newsbg:before {content:"";display:block;height:100px;width:100px;background:#FFF;position:absolute;right:0;top:0;z-index: 2;transform-origin: center; transform: rotate(45deg);right: -100px;top: -100px;}
		.newsbg:after {content:"";display:block;height:50px;width:50px;background:url('/wp-content/uploads/icons-arrow-black.svg') no-repeat center;background-size:50%;position:absolute;  right: -50px;top: -50px;z-index: 2;}
	.newsbg {position:relative;display:inline-block;height: 400px;top:0;z-index: 0;background-position: center;background-size:cover;background-repeat: no-repeat;overflow: hidden;width:60%;background-color:#000;}
		.thebg {height:100%;width:100%;top:0;left:0;top:0;background-position: center;background-size:cover;background-repeat: no-repeat;overflow: hidden;opacity:.4;}
	.newsinfo {position:relative;padding:0;z-index: 1;width: 60%;display: inline-block;}	
		.newsblock h2 {font-size: 40px;line-height:44px;display: inline-block;width:70%;text-shadow:0 2px 10px rgba(0,0,0,0);}
		.newsblock p {width:auto;margin: 0 auto;font-size: 25px;line-height: 30px;}
			.newsblock p span, .pagination p span, .banner p span{color:#57d0f9;}
			.pagination p {color:#000;}
			.pagination p, .newsblock p, .banner p {text-transform: lowercase;font-weight: 300;}
		
				
		.newswrap a:hover .newsbg:before {top:-50px;right:-50px;}
		.newswrap a:hover .newsbg:after {top:-0px;right:-0px;}
		.newswrap a:hover .newsblock h2 {text-shadow:0 2px 10px rgba(0,0,0,.6);}
		.newswrap a:hover .thebg {opacity:.7;}

	.newswrap a:first-of-type .newsblock {text-align: left;}
	.newswrap a:nth-of-type(2n) .newsblock {text-align: right;margin: 10% 0;}
	.newswrap a:last-of-type .newsblock {margin-bottom:0;}
	
	.newswrap a:first-of-type .newsinfo {}
	.newswrap a:nth-of-type(2n) .newsinfo {}

	
.home-section-5, .category-careers.archive .site-inner {background-image:url('/wp-content/uploads/thatgamecompany-bg-careers.jpg');background-position: bottom center;z-index: 5;color:#000;background-color:#FFF;background-size:100%;background-attachment: fixed;padding-top:2%;background-repeat: no-repeat;}
	
	.home-section-5:before {content:"";height:90px;width:100%;display:block;position:absolute;z-index:2;top: -90px;background:url('/wp-content/uploads/bg-edges-careers.png') no-repeat bottom;}
	.home-section-5:after {content:"";height:190px;width:100%;display:block;position:absolute;z-index:1;top:0;background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#00FFFFFF',GradientType=0 );
	}
	
	.home-section-5 h2 {color:#000;}
	a .careerswrap {text-decoration: none;}
	.careerswrap {z-index: 2;position: relative;width:80%;margin:0 auto 10%;}
	.careerswrap a:hover {opacity:1;}

	.careersblock {position:relative;display:block;width:auto;white-space: normal;vertical-align: top;margin-left:40%;}
	.category-careers.archive .careersblock {margin-left:0;}
		.careersbg:before {content:"";display:block;height:85px;width:85px;position:absolute;right:-5px;top:-5px;z-index: 2;transform-origin: center; background:url('/wp-content/uploads/icons-half-circle-black.svg') no-repeat center right; background-size: contain;}
		.careersbg:after {content:"";display:block;height:30px;width:30px;background:url('/wp-content/uploads/icons-arrow-white-right.svg') no-repeat right 12px center;background-size:50%;position:absolute; z-index: 2;top:23px;right:0;opacity:0;}
	.careersbg {position:relative;display:inline-block;height:75px;width:75px;top:0;z-index: 1;background-position: center;background-size:70%;background-repeat: no-repeat;opacity:1;margin:0 auto;border-radius:100%;background-color:#c3c3c3;}
	.careersinfo {position:relative;padding:0;z-index: 1;}	
		.careersblock h2 {color:#000;font-size:34px;text-shadow: 0 5px 20px #FFF}
		
		.careerswrap a:hover .careersbg {background-color:#57d0f9;} 
		.careerswrap a:hover .careersblock h2 {color:#57d0f9;}  
		
		.careerswrap a:nth-of-type(2n+1) .careersblock{margin-right:40%;margin-left: 0;}
		
		.careerswrap a:hover .careersbg:before, .careerswrap a:hover .careersbg:after {right:-50px;opacity:1;}
		
	.category-careers.archive .careersbg:after, .category-careers.archive .careersbg:before, .category-careers.single .careersbg:after, .category-careers.single .careersbg:before {content:none;} 
	.category-careers.archive .careersbg, .category-careers.single .careersbg {background-color:#57d0f9;z-index: 2;}
		.category-careers.single .careersbg {display: block;margin-bottom: 5%;}
	.category-careers.archive .careersblock h2{font-size: 50px;font-weight: 300;}
	
	.category-careers.archive .titleblocks {max-width:none;}
	
	.category-careers.single .site-inner {padding:0 0 10%;}
	.category-careers.single .site-inner:before, .category-careers.single .site-inner:after {content:none;}
	
	
	#careers-banner.entry-content{margin-bottom:0;text-align: center;}
		#careers-banner h4 {margin:0 0 5%;text-shadow: none;}
		#careers-banner h5:first-of-type {text-align: center;}
		#careers-banner .widget:last-of-type {margin:0 0 15%;}
		#careers-banner p {width: 100%;margin-left: auto;margin-right: auto;max-width: 800px;}
	.career-collage {margin:5% 0;text-align: center;display:inline-block;}
	.career-images img {display:inline-block;width:100%;white-space: normal;margin-bottom:10%;vertical-align: top;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
	}
	.career-images img:first-of-type {margin-bottom:0;}
	.career-images img:nth-of-type(2), .career-images img:nth-of-type(3) {width:50%;}
	
	.career-collage img {display: inline-block;white-space: normal;max-height: 200px; width:auto;vertical-align: top;margin-bottom: 0;}
	
	#careers-banner p:last-of-type {margin-bottom:5%;}
	
	#careersnav {background:#000;padding:1%;z-index: 10;width: 100%;text-align: center;}
		#careersnav a {margin:0 2%;font-weight: 700;display:inline-block;}
		#careersnav a:first-of-type {margin-left:0;}#careersnav a:last-of-type {margin-right:0;}
	#careersnav.bottom {position:fixed;bottom:-10%;background:#57d0fa;padding:1%;border-top:solid 5px rgba(0,0,0,0);font-size: 16px;}
		#careersnav.bottom.active {bottom:0;background:#000;border-top:solid 5px rgba(0,0,0,1);}
	#careersnav.inner {position:relative;background:transparent;padding-bottom: 5%;}
		#careersnav.inner a {margin:0 4%;color:#000;font-size: 26px;font-weight:normal;text-decoration: none;line-height: 45px;font-weight:200; }
			#careersnav.inner a span {content:"•";margin-left:2%;display: inline-block;}
			#careersnav.inner a:last-of-type span {display: none;}
		
		/*#careersnav a:first-of-type{margin-left: 0;}
		#careersnav a:last-of-type{margin-right: 0;}*/
	
	#careersnav span {}
	
	.team-collage {display: inline-block;text-align: center;}
	.team-collage img {display: inline-block;white-space: normal; width:33.33%;vertical-align: top;margin-bottom: 0;}
	
.metacritic {font-family: 'Exo', sans-serif;background:url('/wp-content/uploads/thatgamecompany-logo-metacritic-white.png') no-repeat left center;background-size: 75% auto;
    margin: 0 auto 8%;
    max-width: 286px;
    font-size: 30px;
    height: 61px;
    display: block;
    overflow: hidden;
    text-align: right;
	z-index: 2;
    position: relative;
}
	.metacriticinfo {font-family: 'Exo', sans-serif; font-size: 22px; margin:-6% auto 10%;width:80%;max-width:600px;text-align:center;}
/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #222;
	text-align: center;
	color:#fff;
	line-height: 20px;
	font-weight: normal;
}

.site-footer,
.site-footer a {
	color: #FFF;
}

.site-footer a:hover {
	color: #fff;
}

.site-footer p {

}

.footerinfo {max-width:300px;margin: 0 auto 4%;}

.footerinfo img {max-width:300px;}
.copyright {font-size:16px;text-align:center;margin-top: 0;}
	.copyrightgames {width:80%;max-width:500px;margin:0 auto;text-align:center;line-height: 28px;}
	.flower .copyrightgames {width:80%;max-width:700px;}


.site-footer .wrap {max-width:none;}
.site-footer input[type="submit"] {background-color:#000;border-color:#000;}

.footer-section {background-image:url('/wp-content/uploads/thatgamecompany-bg-connect.jpg');background-position: bottom center;z-index: 5;color:#FFF;background-size:100%;padding:10% 0;background-color:#57d0f9;}
	.footer-section:before {content:"";height:90px;width:100%;display:block;position:absolute;z-index:2;top: -90px;background:url('/wp-content/uploads/bg-edges-connect.png') no-repeat bottom;}
	.footer-section:after {content:"";height:190px;width:100%;display:block;position:absolute;z-index:1;top:0;
		background: -moz-linear-gradient(top,  rgba(94,212,248,1) 20%, rgba(94,212,248,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(94,212,248,1) 20%,rgba(94,212,248,0) 100%);
		background: linear-gradient(to bottom,  rgba(94,212,248,1) 20%,rgba(94,212,248,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57d0f9', endColorstr='#0057d0f9',GradientType=0 );
	}
	
	.footer-section a:hover {opacity:1;}
	.footer-section h4 {text-shadow: none;}

	.footer-section .widget-wrap {max-width:600px;width:100%;margin:0 auto;padding:0 8%;}
	.footer-section .widget {margin-bottom: 2%;}
	#footer section:last-of-type {margin-bottom: 0;}

.socialicons {background-size:auto 100%;background-repeat:no-repeat;background-position: center; height:40px;display: inline-block;width: 15%; vertical-align: bottom;margin:5% 0 2%;opacity:.5;}
	.socialicons:hover {opacity:1;}
.socialicons.facebook {background-image:url('/wp-content/uploads/icon-social-facebook.svg');}
.socialicons.twitter {background-image:url('/wp-content/uploads/icon-social-twitter.svg');}
.socialicons.instagram {background-image:url('/wp-content/uploads/icon-social-instagram.svg');}
.socialicons.youtube {background-image:url('/wp-content/uploads/icon-social-youtube.svg');}

	#footer section:first-of-type .socialicons {margin:0;}
	#footer .titleblocks {padding: 0 5%;margin-bottom:0;}
	
	#footer section:nth-of-type(2) .titleblocks {margin-bottom:2%;}

#formreveal {margin:5% auto;}
.site-footer div[role="form"] form {max-height:0;opacity:0;overflow: hidden;padding-bottom:5%;}
	.site-footer div[role="form"].reveal form {max-height:800px;opacity:1;}

.playtrailer {background:url('/wp-content/uploads/play-btn.png') no-repeat left center ;background-size: 90px auto;padding: 25px 0 25px 115px;cursor:pointer;}
.validation-form-field {color:red;text-align: left;display: block;}
	.site-footer div[role="form"] .validation-form-field {margin-top:2%;color:#af2121;}
.mce_inline_error {font-size: 16px;font-weight: 200;}

#job-application-form{
	-webkit-transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#job-application-form.hide{
	max-height:0px;
	opacity:0;
}
.contact-send-type-success{     padding: 5% 0 10%; margin: 0 auto; color: #FFF; text-align: center; font-size: 30px; line-height: 30px; font-weight: 200;}
.job-send-type-success {    display:none; padding: 5% 0 10%; margin: 0 auto; color: #000; text-align: center; font-size: 30px; line-height: 30px; font-weight: 200;}
.job-send-type-success.visible{display:block;}


/*
banners and parallax
---------------------------------------------------------------------------------------------------- */
.banner {overflow: hidden;opacity:0;min-height:500px;position: relative;text-align: center;background-color:#6d6d6d;}
	.banner:before {content:"";position:absolute;z-index:0;width:100%;height: 10%;top:0;left:0;background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
}

	.banner.mobile {display:none;}

.banner, .bgmid, .bgfront {background-repeat: no-repeat;}
.category-games .banner, .bgmid, .bgfront, .banner .logo {position:absolute;top:0;width:100%;}
	.category-games .site-inner:before, .category-games .site-inner:after {content:none !important;}
.banner {z-index: 0;background-position: top 10% center;background-size:cover;}
.bgfront {z-index: 2;height: 100%;background-position: center bottom;top:40%;opacity:0;}
.bgmid {z-index: 3;height: 100%;background-position: bottom center;background-size: contain;}
.banner .logo {z-index: 2;margin: 0 auto; display:block;max-width: none;bottom: 0;top: initial;margin-bottom: 20%;opacity:0;}
	.banner .logo img {width:80%;max-width: 500px;margin: -70px auto 0;display: block;}
	.banner .consoles {top:0;bottom:inherit;opacity:0;}
	
	.banner.ready {animation:bannerin forwards 5s;}
	.banner.ready .bgmid {animation:midin forwards 3.5s;}
	.banner.ready .bgfront {animation:frontin 3s forwards 2s;}
	.banner.ready .logo {animation:logoin forwards 5s;}
	.banner.ready .consoles {animation:consolein forwards 3s 4s;}

@keyframes bannerin{0%{background-position: top 60vh center;}100%{background-position: top 0vh center;}}
@keyframes midin{0%{background-position: bottom -300px center;}100%{background-position: bottom center;}}
@keyframes frontin{0%{top:40%;}40%{opacity:1;}100%{top:5%;opacity:1;}}
@keyframes logoin{0%{margin-bottom:-10%;}100%{margin-bottom:20%;opacity:1;}}
@keyframes consolein{0%{}100%{opacity:1;}}

.journey .banner {background-color:#fbd489;}
	.journey .bgfront {background-position: left 38% bottom;background-size: 33% auto;top: 40%;}
	.journey .banner .logo img {max-width:600px;margin: -80px auto 0;}
	
.flower .banner {background-color:#6fd2e2;}
	.flower .bgfront {background-position: left 70% bottom;}
	.flower .banner .logo img {margin-top:30px;margin-bottom:100px;}
	
.flow .banner {background-color:#083e64;}
	.flow .bgfront {background-position: right bottom -35%;top: 40%;}
	.flow .banner .logo img {margin-top:30px;margin-bottom:80px;}
		.flow .banner .logo{opacity:1;}
	
	.banner.ready div.pause{animation-play-state:paused;}
	
.sky .banner {background-color:#1e4c78;}
	.sky .banner .logo img {max-width: 475px;margin: 40px auto 150px;}
	.sky .bgfront {background-size:120% auto;}

.banner .thecontent {position:absolute;z-index: 2;width:75%;margin-left:-37.5%;left:50%;top:20%;}
.banner h1 {color:#FFF;font-size:60px;}
	.banner h2 {font-weight:200;margin-bottom:0;}
.banner .bg {position:fixed;top:0;background-position: center;background-size: cover;background-repeat:no-repeat;background-color:#6d6d6d;background-blend-mode: multiply;opacity:.4;}
.banner p {font-size:28px;}
	.banner p span {color:#57d0f9;}

/*
Cards Slider
---------------------------------------------------------------------------------------------------- */
.cardswrap {width:100%; text-align: center;position: relative;background-color:#000;z-index: 1;/*white-space: pre;*/}
	.cards {z-index:auto;position:relative; background-repeat: no-repeat;background-size: cover; background-position: top center;top:0%;opacity:1;padding: 10%;overflow:hidden;min-height: 500px;}
	.cards:nth-of-type(1) {z-index:5;background-color:#222;}
	.cards:nth-of-type(2) {z-index:4;background-color:#444;}
	.cards:nth-of-type(3) {z-index:3;background-color:#666;}
	.cards:nth-of-type(4) {z-index:2;background-color:#666;}
	.cards:nth-of-type(5) {z-index:1;background-color:#666;}
	
	.cards.past {top:-100%;}
	.cards.active, .cards.active .videoWrapper {top:0%;opacity:1;}
	.cards.image {text-align: left;}
	.cards.video {padding:0;min-height: 0;}
		.cards #videoplayer.videoarea {margin-bottom:0;}
		.cards .videoWrapper {}
			.cards #videoplayer.videoarea .videoWrapper {white-space: normal;}
	.cards h3 {font-size:50px;text-transform: capitalize;font-weight: 300;}
	.cards p {font-size:25px;line-height: 38px;font-weight: 300;}
	
.cardswrap.active {z-index:10;}

.cardbg {position: absolute;z-index: 0; top:0;left:0;width:100%;height: 100%;background-repeat: no-repeat;background-size: cover; background-position: top right;transform-origin: center;
	transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);
	filter:blur(1px);-webkit-filter:blur(1px);-moz-filter:blur(1px);
}
	.cards.active .cardbg {transform: scale(1.01);}
	
	.journey .cardbg {filter:blur(0);-webkit-filter:blur(0);-moz-filter:blur(0);}
	.sky .cardbg {background-position:center;}

.cardinfo {max-width: 600px;width: 70%;display: inline-block;position: absolute;color: #FFF;white-space: normal;margin-top:20%;margin-bottom:20%;z-index: 1;}
	.cards.active .cardinfo{margin:0;}
	.lefttop .cardinfo {top:20%;}
	.leftbottom .cardinfo {top:40%;}
		.lefttop .div, .leftop {text-align:left;}
	.rightbottom .cardinfo {top:40%;right:5%;}
	.righttop .cardinfo {top:20%;right:5%;}
	
	.cardinfo {}
		


/*
Specific Pages & Posts
---------------------------------------------------------------------------------------------------- */
.reviewblock {background-color:#172d3a;color:#FFF;padding:10% 0;background-repeat:no-repeat; background-position:bottom center;background-attachment: fixed;position: relative;background-size: 100% auto;z-index: 10;}	
	.reviewblock:before {content:"";height:75px;width:100%;display:block;position:absolute;z-index:2;top: -75px;background-repeat:  no-repeat; background-position:bottom;}
	.reviewblock:after {content:"";height:175px;width:100%;display:block;position:absolute;z-index:1;top:0;}
	
	.reviewblock .videoarea {max-width: 800px;width: 80%;margin: 0 auto 10%;}
	.reviewblock .titleblocks {margin-bottom:0;}
	.reviewblock > h6 {text-align:center;margin:0;}
	
.reviews {max-width:800px;width:80%;display:block;position: relative;margin:0 auto 8%;}
	.reviews h2 {font-size:40px;margin-bottom:2%;color:#FFF !important;font-weight: 300;}
	.reviews h6 {font-size:18px;font-weight: 700;color:#FFF !important;}
	
.revinfo {text-align:left;display:inline-block;width:80%;}
	.reviews {left:;opacity:1;}
	.reviews:nth-of-type(2n+2) {left:;}
	.reviews.reveal {left:0;opacity:1;}
	
	.reviews:nth-of-type(2n+2), .reviews:nth-of-type(2n+2) .revinfo{text-align:right;}

/*body.category-games::-webkit-scrollbar { display: none; }*/
.category-games.journey .reviewblock {background-color:#172d3a;background-image:url('/wp-content/uploads/thatgamecompany-bg-reviews_journey.jpg');}
	.journey .reviewblock:before {content:"";background-image:url('/wp-content/uploads/bg-edges-journey_review.png');}
	.journey .reviewblock:after {content:"";
		background: -moz-linear-gradient(top,  rgba(23,45,58,1) 20%, rgba(23,45,58,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(23,45,58,1) 20%,rgba(23,45,58,0) 100%);
		background: linear-gradient(to bottom,  rgba(23,45,58,1) 20%,rgba(23,45,58,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172d3a', endColorstr='#00172d3a',GradientType=0 );
	}
	
.category-games.flower .reviewblock {background-color:#0b0b15;background-image:url('/wp-content/uploads/thatgamecompany-bg-reviews_flower.jpg');}
	.flower .reviewblock:before {content:"";background-image:url('/wp-content/uploads/bg-edges-flower_review.png');}
	.flower .reviewblock:after {content:"";
		background: -moz-linear-gradient(top,  rgba(11,11,21,1) 20%, rgba(11,11,21,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(11,11,21,1) 20%,rgba(11,11,21,0) 100%);
		background: linear-gradient(to bottom,  rgba(11,11,21,1) 20%,rgba(11,11,21,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0b15', endColorstr='#000b0b15',GradientType=0 );
	}
	
.category-games.flow .reviewblock {background-color:#0f1214;background-image:url('/wp-content/uploads/thatgamecompany-bg-reviews_flow.jpg');}
	.flow .reviewblock:before {content:"";background-image:url('/wp-content/uploads/bg-edges-flow_review.png');}
	.flow .reviewblock:after {content:"";
		background: -moz-linear-gradient(top,  rgba(15,18,20,1) 20%, rgba(15,18,20,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(15,18,20,1) 20%,rgba(15,18,20,0) 100%);
		background: linear-gradient(to bottom,  rgba(15,18,20,1) 20%,rgba(15,18,20,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1214', endColorstr='#000f1214',GradientType=0 );
	}
	
.category-games.sky .reviewblock {background-color:#FFF;background-image:url('/wp-content/uploads/thatgamecompany-bg-qa_sky.jpg');color:#000;}
	.sky .reviewblock:before {content:"";background-image:url('/wp-content/uploads/bg-edges-blog.png');}
	.sky .reviewblock:after {content:"";
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#00FFFFFF',GradientType=0 );
	}
	.sky .reviewblock .copyrightgames:after {content:"";width:100%; position:absolute;height:200px;bottom:0;left:0;
		background: -moz-linear-gradient(bottom,  rgba(0,0,0,.2) 20%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(bottom,  rgba(0,0,0,.2) 20%,rgba(0,0,0,0) 100%);
		background: linear-gradient(bottom top,  rgba(0,0,0,.2) 20%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000',GradientType=0 );
		
	}

.category-news.archive .site-inner, .category-careers.archive .site-inner {margin-top:0;padding-top:15%;padding-bottom: 0;}
.category-careers.archive .entry-content {text-align: left;max-width: 900px; margin:0 auto 15%;}
.category-careers.archive .content {text-align:center;}
	
.reviewblock #image_list_container {padding:5% 0;}


.teamblock {position: relative;padding:10% 0 0;}
.teamswrap {text-decoration: none;text-align: center;}
	.teamswrap {z-index: 2;position: relative;width:80%;margin:0 auto;}

	.team {position:relative;display:inline-block;width:33.33%;white-space: normal;vertical-align: top;text-align: center;}
		.team h3 {font-size:22px;margin-bottom:0;}
		.team h5 {font-size:18px;color:#57d0f9 !important;}
		.team p {font-size:18px;line-height: 30px;margin-bottom:0;font-weight: 300;}
	.profile {position:relative;display:inline-block;height:325px;width:150px;top:0;z-index: 1;background-position: center;background-size:cover;background-repeat: no-repeat;opacity:1;margin:0 auto;border-radius:15px;background-color:#f1f1f1;}
	.teaminfo {position:relative;padding:2% 10%;z-index: 1;margin-bottom:100px;}	


.single .site-inner:before, .banneron .site-inner:before, .teamblock:before {content:"";height:90px;width:100%;display:block;position:absolute;z-index:2;left:0;top: -90px;background:url('/wp-content/uploads/bg-edges-blog.png') no-repeat bottom;}
	.single .site-inner:after, .banneron .site-inner:after, .teamblock:after {content:"";height:190px;width:100%;display:block;position:absolute;z-index:1;left:0;top:0;background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#00FFFFFF',GradientType=0 );
	}



.exhibitblock {margin-bottom:10%;overflow: hidden;}
	.exhibitblock:last-of-type {margin-bottom: 0;}
.exhibitblock h2 {font-weight: 200;}
.exhibitblock img {width: 80%;max-width: 180px;}


/*
Info Blocks (About Page)
---------------------------------------------------------------------------------------------------- */
.postwrapper {font-size:20px;}
.postwrapper h3 {}

.postwrapper.header,
.postwrapper.center {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	position:relative;

}
.postwrapper.center-right{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
		overflow: hidden;
}
.postwrapper.center-right .postinfo {float:right;min-height: 500px;}
.postwrapper.header .postinfo, 
.postwrapper.header.center .postinfo {
	height:auto;
	padding:15% 0 3%;
}
/*.page-id-31 .postwrapper.header .postinfo {
	padding:15% 0 6%;
	}*/
.postwrapper.header, 
.postwrapper.header.center {min-height: 600px;text-align: center;position: relative;}
	.postwrapper.header .theinfo, 
	.postwrapper.header .theinfo p {padding:0;}
	
	.postwrapper.header .theinfo p.quote span {display:inline-block;}
	
	.postwrapper.header .postinfo, 
	.postwrapper.header.center .postinfo {position: absolute;width: 100%;display: block;bottom: 0;max-width:none;}
		.postwrapper.header .theinfo, 
		.postwrapper.header.center .theinfo {max-width:700px;margin: 0 auto;}

.postwrapper.header .theinfo p {
			font-size: 30px;
			line-height: 35px;
			
			width: 80%;
			margin: 0 auto 10%;
			max-width: 420px;
}

.postwrapper .postimage, 
.postwrapper .postinfo {
	width: 50%;
	display:inline-block;
	vertical-align: middle;
	min-height: 600px;
	}
.postwrapper.center .postimage, 
.postwrapper.center .postinfo {
	width: 50%;
	display:inline-block;
	vertical-align: middle;
	min-height: 400px;
	}

.postwrapper h3, 
.related.products h2 {font-size: 50px;}
.related.products h2 {text-align: center;margin-bottom: 15px;}	
.postwrapper.header h3{font-size: 120px;margin: 10px; padding-top:5%;}
	
.postwrapper .postimage {background-size:75% auto;background-repeat:no-repeat;background-position:center;}

.postwrapper .postinfo {position:relative;}

.postwrapper .theinfo {
	margin: 0;
    width: 100%;
    padding: 15%;
    text-align: left;
    height: 100%;
    }
    	.postwrapper.left .theinfo {padding: 15% 0 15% 15%;}
    	.postwrapper.right .theinfo {padding: 15% 15% 15% 0}
    	
.postwrapper.center-right .theinfo{
	text-align: left;
	}    
.postwrapper .theinfo img.logo {
	width: 80%;
	max-width:300px;
	height:auto;
	margin-bottom:60px;
	}
.post-31 .postwrapper .theinfo img.logo {display: none;}	
.postwrapper.header .theinfo img.logo{
	margin:0 auto;
	}
.postwrapper .theinfo p {
	margin: 0 0 0;
	font-size: 25px;line-height: 38px;
	font-weight: 200;
	}
	.postwrapper.lead .theinfo p {margin: 0 0 10%;}
	
.postwrapper.center-right .theinfo p {
	font-size:40px;
	margin:0 0 1em;
	}
.postwrapper .button {
	color:#000;
	background-color:transparent;
	border:1px solid #000;
	}
		.postwrapper.white .button a {color:#000;}
		.postwrapper.white .button:hover a {color:#FFF;}
.postwrapper.center-right .button {
	background-color:#000;
	color:#fff;
	}	
.postwrapper .button:hover{
	background-color:#FFF;
	color:#000;
	}
.postwrapper.center-right .button:hover {
	background-color:#fff;
	color:#000;
	border:1px solid #000;
	}

.postwrapper.dark .postinfo, .postwrapper.dark {
    color: #FFF;
    background-color:#000;
 }
 .postwrapper.black .postinfo, .postwrapper.black {
    color: #FFF;
    background-color:#000000;
 }
 	.postwrapper.black h3 {color: #FFF;}
 	
 
 .postwrapper.grey .postinfo,  .postwrapper.grey {
    color: #f1e9de;
    background-color:#6b6b6b;
 }
 	.postwrapper.grey .button{color: #f1e9de;border-color:#f1e9de;}
		.postwrapper.grey .button:hover{color: #6b6b6b;background-color:#f1e9de;}
		

.postwrapper.white .postinfo,  .postwrapper.white {
    color: #000000;
    background-color:#FFFFFF;
 }
 	.postwrapper.white h3 {color: #000;}
 	.postwrapper.white .button{color: #000;border-color:#000;}
		.postwrapper.white .button:hover{color: #FFF;background-color:#000;}



.postwrapper.purple .postinfo{
	width: 30%;
    color: #8b3a7e;
    background-color:#fff;
	padding:5%;
    }
	.postwrapper.purple .postimage{width: 70%;}
	
.postwrapper.purple .button {color: #8b3a7e;border-color:#8b3a7e;}
	.postwrapper.purple .button:hover{color: #FFF;background-color:#8b3a7e;}

.postwrapper.center .postinfo {
	width:80%;max-width:700px;background-color:transparent; margin:0 auto; display:block; height:auto;padding:10% 0;
}	
.postwrapper.center.product-cta .postinfo {
	max-width:450px;
}
	.postwrapper.center .theinfo {padding:0;}



/*
Video
---------------------------------------------------------------------------------------------------- */

video {display: block;max-width: none;width: 100%;}
#videoplayer.videoarea {margin-bottom:40px;}
#videoplayer .videoWrapper video {opacity:0;}
.home .videoWrapper, #videoplayer .videoWrapper.playing video, #videoplayer .videoWrapper.paused video {opacity:1;}
.videoarea .playing video, .home .videoWrapper.playing {opacity:1;}
.videoarea .videoWrapper {background-size:cover;background-repeat:no-repeat;background-position:center;}
	.playme {width:300px; position:absolute; left:50%; margin-left:-150px; text-align:center;z-index: 2;margin-top: 30%; text-shadow:1px 1px 1px #000;color:#FFF;cursor:pointer;}
		.playme:hover {opacity:0.6;}
		.home .playme {display:none;}
	.playme p {letter-spacing: 0.1em; font-size:22px;}
	.playme img, .category-films .entry-content .playme img {max-width:100px;margin:0 auto;}
	p.buffer {position: absolute;margin-top: 20%;left: 47%;}
	.videowrapper {height: auto !important;}
	
	.entry-content .videoWrapper {margin-bottom:5%;}
	
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 0;
		height: 0;
	}
		.youtube.videoWrapper {overflow: hidden;}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform:scale(1.01);
	}
	
	.wide.videoWrapper {
		position: relative;
		padding-bottom: 42.15%;
		padding-top: 0;
		height: 0;
		overflow:hidden;
	}
	.wide video {margin-top: -6.85%}

	


.comment-respond {display:none;}
li.comment:last-of-type {border-bottom: none;}

.badges {text-align:center;margin:0 auto 10%;z-index: 2;position: relative;}
	.badges img {margin:0 2%;width: 200px;display: inline-block;}
		.badges a:first-of-type img {margin-left:0;}
		.badges a:last-of-type img {margin-right:0;}
	
.logo .badges {margin: 40px auto -20px;width: 125px;height: 50px;background-size:100% auto;background-repeat:no-repeat;background-position: center;display:none;}
.gameblock .badges {margin: 0 auto;width: 125px;height: 50px;background-size:100% auto;background-repeat:no-repeat;background-position: center;position: absolute;bottom: 150px;margin-left: -75px;left: 50%;display: none;}
	.logo .badges.apple, .gameblock .badges.apple{background-image:url('/wp-content/uploads/Download_on_the_App_Store_Badge_US-UK_135x40.svg');}
	.logo .badges.google, .gameblock .badges.google{background-image:url('/wp-content/uploads/google-play-badge.svg');}
	.logo .badges.apple, .gameblock .badges.apple, .logo .badges.google, .gameblock .badges.google .logo .badges.both {display: block;}



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

@media only screen and (max-width: 1230px) {
	
	.home .site-inner .wrap {max-width: none;}
	
	.wrap {
		max-width: 960px;
	}


	.site-header .wrap {
		
	}

	.shrink .site-title,
	.site-title {
		font-size: 30px;
	}

	.nav-primary .genesis-nav-menu {
		width: 520px;
	}

	.genesis-nav-menu a,
	.nav-secondary .genesis-nav-menu a,
	.shrink .genesis-nav-menu a {
		
	}

	.shrink #responsive-menu-icon::before,
	#responsive-menu-icon::before {
		font: normal 30px/1 'dashicons';
	}

	.site-inner,
	.page.no-featured-image .site-inner, 
	.single.no-featured-image .site-inner {
		
	}
	
	.newsblock h2 {font-size: 3.5vw;line-height: 4.5vw;width:85%;}
	
	.sky .bgfront {background-size:auto;}

}

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

	.site-header {
		/*background-color: rgba(0, 0, 0, 0.5);*/
		position: relative;
		padding: 0 2%;
	}
	.header-image .site-header .wrap {padding:0;}
	
	.home .site-header {background-color:transparent;}
	.home .site-title {opacity: 0;}
	.home .site-inner {padding:0;margin-top: -100px;}
	
	.title-area {margin-top:3px;}
	
	
	.banneron .site-header, .page .site-header {/*background-color: #57d0f9;*/background-color: rgba(0, 0, 0, 0.1);}
	.openertitle {text-shadow:0 0 9px #57d0f9;}
	
	.titleblocks.logo {margin:-5% auto 20%;}
	
	.archive .author-box,
	.archive-description,
	.ambiance-grid .entry,
	.nav-primary .genesis-nav-menu,
	.page .content,
	.single .content,
	.welcome-message .wrap,
	.wrap {
		width: 100%;
	}
	
	.header-image .site-title > a {
		background-size: contain !important;
	}
	


	.nav-primary .genesis-nav-menu {
		padding: 70px 0 40px;
		margin:0;
	    position: absolute;
	    width: 100%;
	    top: 0;
	    left:0;
		/*background-color: #57d0f9;*/background-color: #6e6e6e;
		z-index: 0;
	}
	.genesis-nav-menu a, .genesis-nav-menu > li:last-of-type > a  {margin:0 2%;}
		.genesis-nav-menu .menu-item {display: block;text-align: right;}
			.genesis-nav-menu > .menu-item:nth-of-type(1) > a, .genesis-nav-menu .sub-menu li:last-of-type a {border-bottom:2px solid rgba(255,255,255,1);}
				.genesis-nav-menu > .menu-item:nth-of-type(1) > a {padding-bottom:2%;}
			.genesis-nav-menu > .menu-item:last-of-type > a {border-bottom:2px solid rgba(255,255,255,0)}
		.genesis-nav-menu a, .shrink .genesis-nav-menu a {font-size: 32px;padding: 1% 0;}
		.genesis-nav-menu .sub-menu, .genesis-nav-menu .menu-item:hover > .sub-menu {display: block;left: inherit;opacity: 1;position: relative;width: 100%;padding: 0 2%;margin-bottom:10px;}
			.genesis-nav-menu .sub-menu a {width:auto;font-size: 26px;padding: 1.5% 0;}
			.genesis-nav-menu .sub-menu li a {border-bottom:2px solid rgba(255,255,255,0);margin: 0;}
				.genesis-nav-menu .current-menu-item > a {border-bottom:2px solid rgba(255,255,255,0);opacity:.4;}
				.genesis-nav-menu .sub-menu li:hover a, .genesis-nav-menu .sub-menu li:last-of-type:hover a, .genesis-nav-menu .current-menu-item > a:hover {border-bottom:2px solid rgba(255,255,255,1);}
		
			.genesis-nav-menu .menu-item:hover > .sub-menu {margin-left: 0;}
			
			.shrink .genesis-nav-menu .sub-menu a, .archive .genesis-nav-menu .sub-menu a, .page.no-featured-image .genesis-nav-menu .sub-menu a, .single.no-featured-image .genesis-nav-menu .sub-menu a {width:auto;}
			.archive .genesis-nav-menu .sub-menu, .page.no-featured-image .sub-menu, .single.no-featured-image .sub-menu {padding-top:0;}
			

	.ambiance-grid .entry,
	.nav-primary,
	.nav-primary .genesis-nav-menu {
		float: none;
	}

	.nav-secondary .genesis-nav-menu {
		line-height: 1.5;
	}

	#responsive-menu-icon {
		display: block;
		float: right;
		
	}
		#responsive-menu-icon, .title-area {position: relative;z-index: 1;}
	
	.nav-primary .genesis-nav-menu {display: none;}

	.site-inner,
	.page .site-inner,
	.page.no-featured-image .site-inner, 
	.single.no-featured-image .site-inner {
		margin-top: 0;
	}

	
	.site-inner {
		padding: 30px 80px;
	}
	
	.fullwidth .site-inner {padding:0;}
	
	
	

	.welcome-message {
		margin-bottom: 40px;
	}

	.entry-title, .widget-title {
		font-size: 36px;
	}

	.site-footer {
	}

	.archive .entry,
	.home .entry {
		margin-left: 0;
		margin-right: 0;
	}
	
	.thevideo {max-height: 600px;background:url('/wp-content/uploads/thatgamecompany-mobile-bg-home.jpg') no-repeat top center;background-size: cover;    background-attachment: fixed;}
		.thevideo #videobanner {display: none;}
	body.home {background:#57d0f9;}
		.home .site-inner {background:transparent;}
	
	.gameblock {height: 65vw;}
		.gameblock .consoles {bottom: 12vw;}
		.gameblock p {font-size: 2.5vw;line-height: 3.5vw;}
		
	.banner {}
	.banner h1 {font-size:8vw;}
	.category-games.single-post .site-inner {}
	.flow .bgfront {background-position: right -300px bottom -35%;}
	
	
	.cards {padding:5%;max-height: 700px;}
		.cards:before {content:"";left:0;height:100%;width:100%;display:block;position:absolute;z-index:1;top:0;background: -moz-linear-gradient(top,  rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
	}
		.cards.video:before {content:none;}
	.cardinfo {width:90%;max-width:none;top: 25%;bottom: initial;color:#FFF !important;}
	.cardinfo h3 {color:#FFF !important;}
		.active .cardinfo {top:15%;}
	
	.reviews:nth-of-type(2n+2), .reviews:nth-of-type(2n+2) .revinfo {text-align: left;}
	.reviews h2 {font-size: 6vw;line-height: 7vw;}
	.revinfo {width:100%;}
	
	.postwrapper .postimage {width: 100%;min-height: 0;height: 400px;margin: 0 auto;display: block;background-size:auto 90%;}
		.postwrapper.left .postimage {padding-bottom:10%;background-position:top center;}
		.postwrapper.right .postimage {padding-top:10%;background-position:bottom center;}
	.postwrapper .postinfo {width:70%;display: block;margin: 0 auto;min-height: initial;}
	.postwrapper .theinfo, .postwrapper.left .theinfo, .postwrapper.right .theinfo {text-align: center;padding: 10% 5%;}
	
	.teamswrap {width:90%;}
	.teaminfo {padding:5%;}
	.team p {font-size: 18px;line-height: 26px;}
	
	.category-careers.single .site-inner {padding:5%;}
	.career-collage img {width:50%;height: auto;max-height: none;}
	
	.newswrap {text-align: center;}
	.newsblock, .newsbg {width:90%;margin:0 auto;    text-align: center !important;}
	.newsbg {height:300px;}
		.newswrap a:nth-of-type(2n) .newsblock {margin-left:auto;margin-right:auto;}
		.newsinfo {text-align: center;padding:0 !important;margin:0;}

	#image_list img {width:40%;margin:0 5% 5%;}
	
	
	h2 {
		font-size: 40px;
    	line-height: 45px;
	}
	
	.banner h2 {
		font-size: 7vw;
		line-height: 8vw;
	}

}

@media only screen and (max-width: 768px) {
	
	body {font-size:16px;}
	h1 {
	font-size: 6vh;
	}
	
	
	
	h3 {
		font-size: 3.5vh;
	}
	.home .site-inner {padding:0;}

	.site-inner {
		padding: 5%;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
	
	.category-games .banner {display:none;}
	.category-games .banner.mobile {display:block;}
	 .banner .logo {bottom: inherit;top: 25%;}
	.journey .banner .logo {top: 40%;}
		.journey .banner .logo img{margin:-10% auto 0;}
	

	
	.gameblock {width:100%;height: 100vw;max-height: 600px;display:block;}
	.gamebg, .gamewrap a:hover .gamebg {background-position:center;transform: scale(1);}
		.gamewrap a:hover .gamebg {background-position: center;}
	.gameinfo {padding:10%;}
		.gamewrap a:hover .gameinfo {padding-top:10%;}
	.gameblock img {margin:5% 0 0;max-width: none;width:75%;}
		.gamewrap a:hover img {margin:5% 0 0;}
		.gamewrap a:hover .gameblock.journey img, .gamewrap a .journey img {margin-top: 10%;margin-bottom: -13%;}
	.gameblock .consoles {bottom:8%;}
	.gameblock p {font-size: 3.5vw;line-height: 4.5vw;max-width:300px;margin:0;opacity:1;}
	
	.home-section-4 {padding-top:15%;}
	.home-section-4 .titleblocks h4 {margin-bottom: 15%;}
	.home-section-4:before,.home-section-4:after {content:none;}
	
	.newsblock, .newsbg {width:100%;}
		.newsinfo {text-align: center;padding:0 !important;}
		.newsblock h2 {font-size: 6vw;line-height:7vw;width:90%;}
	
	
	.titleblocks {width: 100%;}
	.titleblocks p {font-size: 5vw;line-height: 7vw;}
	
	
	.teamblock {padding:10% 2%;}
	.postwrapper .postinfo, .teamswrap {width:100%;}
	.team {width:50%;}
	
	.careerswrap {width:100%;}
	.category-careers.archive .careersblock h2 {font-size: 8vw;line-height: 9vw;}
	h4, h4.widget-title {font-size: 2.5vh;}
	
	#careersnav.inner a {display: block;}
	
	.playme {margin-top:20%;}
	
	/*.exhibitblock {text-align: center;}
	.exhibitblock p {text-align: left;}*/
	
	.socialicons {height:30px;}
	.home-odd .wrap, .home-even .wrap {padding:0 5%;}
	.single .pagination-next, .single .pagination-previous {width:100%;}
	.gameblock .badges {bottom:100px;}

}

@media only screen and (min-device-width: 300px) and (max-device-width: 1200px) and (orientation: landscape) {
	h3 {font-size: 3vw;}
	h2 {font-size: 8vw;} 
	.banner {min-height:350px;}
	.category-games.single-post .banner {min-height:500px;}
	.category-games.single-post .site-inner {margin-top:445px !important;}
	.banner h1 {font-size:9vh;}
	.banner h2 {font-size: 8vh;line-height: 9vh;margin-bottom: 0;}
}

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

	.openertitle {max-width: none;margin-left: 0;left: 0;}
		.openertitle h2 {font-size: 5vw;}
	
	.home .playme {display:block;}
	.playtrailer {display:none;}
	
	.career-collage img {width:100%;height: auto;}
	
	.cards p, .postwrapper .theinfo p {font-size: 5vw;line-height: 8vw;}
	.cards h3, .postwrapper h3 {font-size: 9vw;}
	
	.team-collage img {width:100%;}
	
	.gameblock p {font-size: 4.5vw;line-height: 5.5vw;}
	.consoles.coming {margin-left:-40%;width:80%;}

}

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

	.home .site-inner {padding:0;}

	.site-inner {
		padding: 30px 20px;
	}

	.ambiance-grid .entry-title {
		font-size: 20px;
	}

}