/*
	Theme Name: Picnic
	Theme URI: http://picnicgamelabs.com
	Author: Adam Epp / Norman Studio
	Author URI: aemediainc.com / normanstudio.ca
	Description: 
	Version: 1.0
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/

/* COLOR 
navy #031d41
red #ff575c
blue #00c0d4
grey #a8a8a7
tan #e0e0d6
*/

@media screen {
div#preloader {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
div#preloader img {
	display: block;
}
}

@media print {
div#preloader, div#preloader img {
	visibility: hidden;
	display: none;
}
}
/* FONTS */
.DecimaMonoProLt {
	font-family: DecimaMonoProLt;
	font-weight: normal;
	font-style: normal;
}
.DecimaMonoPro {
	font-family: DecimaMonoPro;
	font-weight: normal;
	font-style: normal;
}
.DecimaMonoPro-Bold {
	font-family: DecimaMonoPro-Bold;
	font-weight: normal;
	font-style: normal;
}
/* GLOBAL */

body, html {
	font-family: 'DecimaMonoProLt', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: #e0e0d6;
	color: #031d41;
	margin: 0;
	padding: 0
}
body.page .container {
	padding-top: 100px
}
a {
	transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important;
	color: #031d41
}
a:hover {
	color: #333
}
.container a {
	color: #031d41;
	text-decoration: none;
}
a.noline {
	text-decoration: none !important
}
.clearboth {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
}
#wrapper {
}
#header {
	height: 90px;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000
}
#header a.picnic-logo {
	display: block;
	height: 60px;
	line-height: 60px;
	width: 140px;
	background: url(images/button_headerlogo.svg) center center no-repeat;
	background-size: contain;
	text-indent: -9999px;
	left: 50%;
	margin-left: -70px;
	position: fixed
}
.wp-post-image {
	margin-bottom: 40px
}
hr.img-sep {
	border: 0;
	clear: both;
	color: #e1e1e1;
	background-color: #e1e1e1;
	height: 2px;
	width: 100%;
	margin: 15px 0;
	padding: 0
}
hr.zero {
	border: 0;
	clear: both;
	color: #fff;
	background-color: #fff;
	height: 2px;
	width: 100%;
	margin: 15px 0;
	padding: 0;
	visibility: hidden
}
.container #single-nav-next h3 {
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: capitalize
}
.container #single-nav-next {
	text-align: center
}
.container #single-nav-next a {
	text-decoration: none !important;
	line-height: 18px !important;
	display: inline-block;
	margin: 0 auto;
	-moz-opacity: 0.99;
	-webkit-opacity: 0.99;
	opacity: 0.99;
	filter: alpha(opacity=99);
}
.container #single-nav-next i {
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	display: block;
	width: 50px;
	margin: 0 auto
}
.container #single-nav-next a:hover {
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

img.about-image {width:100%; height:auto !important}
.wpb_single_image, .wpb_single_image img {
	line-height: 0;
	padding: 0;
	margin: 0
}
img.aligncenter, .aligncenter, .aligncenter img {
	text-align: center !important;
	margin: 0 auto !important;
	display: inline-block
}
.app-store a {padding:10px}

H1, h2, H3, H4, H5 {
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 45px;
}
h2 {
	margin-bottom: 40px
}
th, dt, strong, form .casual_label {
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal; 
}
.text-center {
	text-align: center
}
p.editor {
	font-size: 10px;
	text-align: center;
	margin: 40px
}
.starter-template {
	padding: 40px 15px;
	text-align: center;
}
body, p, ol, ul, li, td, th, dt {
	font-size: 18px;
	line-height: 30px;
	font-family: 'DecimaMonoProLt', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.container img {
	max-width: 100%
}
body.page-template-archive-games, .page-template-archive-games .container {
	margin: 0 !important;
	padding: 0 !important
}
.page-template-archive-games .container ul, .page-template-archive-games .container ul li {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none
}
.page-template-archive-games .container ul li {
	position: relative;
	text-align: center;
	line-height: 0 !important
}
.page-template-archive-games .container ul li img {
	width: 100%;
	height: auto;
	margin: 0 !important;
	line-height: 0 !important
}
a.button-3D.single-game {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -70px;
	z-index: 10
}
.vc_row {
	margin-bottom: 0 !important;
	max-width: 100%
}
.vc_row.text-white {
	width: 100%;
	max-width: 900px !important;
	margin: 0 auto !important;
	background: #FFFFFF;
}
.vc_row .wpb_column {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: 0
}
.vc_row .wpb_text_column {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}
.vc_row.text-white .vc_col-sm-12 {
	padding: 20px 60px;
}
.container p, .container li, .container ol {
	font-size: 16px;
	line-height: 32px;
}
.container p {
	margin-bottom: 32px
}
#parallax-block, div.vc_parallax {
	width: 100%;
	padding-bottom: 44%;
	position: relative;
}
.footer_wrapper {
	background: #e0e0d6;
	text-align: center;
	padding: 0 40px;
}
.footer_content {
	padding: 60px 0 20px 0;
	margin: 0 auto;
	max-width: 900px;
}
/* MENU NAV */

#header a.burger, #menu .burger-x {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	height: 40px;
	width: 40px;
	text-indent: -9999px;
	border: 0;
	position: fixed
}
#header a.burger {
	background: url(images/button_menuopen.svg) center center
}
#menu .burger-x {
	background: url(images/button_menuclose.svg) center center
}
#menu {
	height: 100%;
	overflow: hidden
}
.menu-grid {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 700px;
	margin: 0 auto;
	/*padding-bottom: 100%;*/
	
}

.menu-grid table {height:95% !important}



@media only screen and (max-width: 1000px) {
/*.menu-grid {
	margin-top: 10.5%
}*/
}

@media only screen and (max-width: 768px) {
/*.menu-grid {
	margin-top: 17.5%
}*/
.vc_row.text-white .vc_col-sm-12 {
	padding: 20px 40px !important;
}
}

@media only screen and (max-width: 500px) {
/*.menu-grid {
	margin-top: 22.5%
}*/
.vc_row.text-white .vc_col-sm-12 {
	padding: 10px !important; 
} 
}
.menu-pad {
	padding: 0 40px; height:100%
}
.menu-pad table {
	width: 100%
}
.button-pad {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.button-pad a {
	height: 0 !important;
	width: 100%;
	padding-bottom: 100%;
	display: block;
	background-size: contain;
	text-indent: -9999px;
	transition: all 0s linear !important;
	-moz-transition: all 0s linear !important;
	-webkit-transition: all 0s linear !important;
	-o-transition: all 0s linear !important;
	background: #C84447
}
a.push-about {
	background: url(images/pushbutton_up_about.svg) 0 0 no-repeat;
	background-size: contain;
}
a.push-games {
	background: url(images/pushbutton_up_games.svg) 0 0 no-repeat;
	background-size: contain;
}
a.push-jobs {
	background: url(images/pushbutton_up_jobs.svg) 0 0 no-repeat;
	background-size: contain;
}
a.push-reach {
	background: url(images/pushbutton_up_reach.svg) 0 0 no-repeat;
	background-size: contain;
}
a.push-about:hover, a.push-about:active, a.push-about.current_page_item {
	background: url(images/pushbutton_down_about.svg) right bottom no-repeat;
	background-size: contain;
}
a.push-games:hover, a.push-games:active, a.push-games.current_page_item {
	background: url(images/pushbutton_down_games.svg) left bottom no-repeat;
	background-size: contain;
}
a.push-jobs:hover, a.push-jobs.current_page_item {
	background: url(images/pushbutton_down_jobs.svg) right top no-repeat;
	background-size: contain;
}
a.push-reach:hover, a.push-reach.current_page_item {
	background: url(images/pushbutton_down_reach.svg) left top no-repeat;
	background-size: contain;
}
.copyright {
	text-align: center;
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding:60px 0 0 0
}
.copyright a {
	text-decoration: underline
}
a#vc_load-inline-editor {
	display: none
}
ul.team, ul.team li {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* TWITTER PANEL */

#tweets {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50%;
	z-index: 1000;
	background: #00c0d4;
}
.single-tweet {
	height: 100%;
	position: relative;
}
.tweet {
	/*height: 180px;
	top: 50%;
	margin-top: -90px;
	width: 100%;
	position: absolute;*/
	display:block; position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	font-size: 30px;
	line-height: 45px
}
.tweet a {text-decoration:none}
.tweet a.tweet-follow {
	width:140px; height:50px; display:block; text-indent:-9999px; margin:18px auto 0 auto; background:url(images/3Dbutton_Follow-up.svg) 0 0 no-repeat;
	text-decoration: none;
	transition: all 0s linear !important;
	-moz-transition: all 0s linear !important;
	-webkit-transition: all 0s linear !important;
	-o-transition: all 0s linear !important;

}
.tweet a.tweet-follow:hover {
	background:url(images/3Dbutton_Follow-down.svg) 0 0 no-repeat;
	text-decoration: none
}
.single-tweet h3 {
	width: 80%;
	max-width: 800px;
	font-size: 30px;
	margin: 0 auto;
	line-height: 48px
}
#tweets {
	bottom: -50%
}
a.readtweets, a.closetweets {
	display: block;
	width: 110px;
	height: 100px;
	position: absolute;
	margin-top: -90px;
	text-indent: -9999px;
}
a.readtweets {
	left: 0px;
	background: url(images/button_tweettweet.svg) top right no-repeat;
	background-size: 80px 70px
}
a.closetweets {
	left: -110px;
	background: url(images/button_closetweet.svg) top right no-repeat;
	background-size: 80px 70px
}
/* SLIDER */
.royalSlider {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: auto;
	width: auto;
	height: 100%;
	z-index: 1
}
.royalSlider {
	opacity: 0;
	transition: all 1s linear !important;
	-moz-transition: all 1s linear !important;
	-webkit-transition: all 1s linear !important;
	-o-transition: all 1s linear !important;
}
.royalSlider div {
}
.slide {
	width: 100%;
	height: 100%;
	position: relative;
	transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important;
}
.inner-slide {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.caption {
	display: inline-block;
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #031d41;
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	text-align: center
}
.rsContent, .rsContent h3 {
	color: #031d41;
}
.rsContent {
	width: 100%;
}

.rsLink {
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    display:block;  
    z-index: 20;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    -webkit-backface-visibility: hidden;
	text-indent:-9999px
}

@media only screen and (max-width: 978px) {
.rsContent {
	width: 70%;
	margin: 0 auto;
}
}
.press-quote h3 {
	margin-bottom: 20px !important
}
.press-slider {
	padding: 60px 0
}

@media only screen and (max-width: 600px) {
.slide.centered {
	background-size: 90% auto !important
}
#header a.burger, #menu .burger-x {
	top: 15px;
	right: 15px;
	height: 30px;
	width: 30px;
}
.tweet {
	/*height: 180px;
	top: 50%;
	margin-top: -90px;
	width: 100%;
	position: absolute;*/
	font-size: 18px;
	line-height: 30px
}
.tweet a {text-decoration:underline}
.tweet a.tweet-follow {display:none}

.single-tweet h3 {
	width: 80%;
	max-width: 800px;
	font-size: 18px;
	margin: 0 auto;
	line-height: 30px
}

.rsContent {
	width: 90%;
	margin: 0 auto;
}
}
.cell {
	text-align: center;
	background: #CDC8C8;
	width: 100%;
	height: 100%;
	display: table
}
.cell img {
	width: 100%;
	max-width: 600px;
	max-height: 80%
}
.valign {
	vertical-align: middle;
	display: table-cell;
}
.page-id-6 .content, .page-id-6 .content p {
	font-size: 18px;
	text-align: center !important
}
.map {
	width: 100%;
	padding: 150px;
	text-align: center;
	background: url(images/map.svg) center center no-repeat;
	background-size: contain;
	margin: 80px 0;
	font-size: 18px
}

@media only screen and (max-width: 600px) {
.map {
	width: 100%;
	padding: 80px 20px;
	text-align: center;
	background: none;
	margin: 0;
	font-size: 18px
}
.caption {display:none}
}
/* MAGNIFIC POPUP */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #e0e0d6 !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-content {
	position: absolute !important;
	top: 0;
	display: block !important;
	height: 100%;
	vertical-align: auto !important;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-close {
	display: none !important
}
.mfp-fade.mfp-bg {
	opacity: 0;
	background: #00;
	transition: all .3s;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: .9;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all .3s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/* ====== Zoom effect ======  */

.mfp-zoom-in {
/* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
	opacity: 0;
	transition: all 0.2s ease-in-out;
	transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
	transform: scale(0.8);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	transform: scale(1);

}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	opacity: 0;
}
/* GRAVITY FORMS */
.gform_wrapper {position:relative}
form.jobs_form .gfield_label {
	display: none !important;
}
form.jobs_form {/*border:1px solid blue;*/
	text-align: center !important;
}
form.jobs_form ul {/*border:1px solid green;*/
	margin: 0;
	padding: 0
}
form.jobs_form li {
	display: inline-block;
	font-size: 30px;
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 0.09em; line-height:45px
}
form.jobs_form li select {
	padding: 5px 35px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #a9a9a9;
	text-align: center !important;
	background: #fff url(images/select-down.png) center right no-repeat;
	margin: 0
}
form.jobs_form li select:focus {
    color:#031d41 !important;
}


form.jobs_form li input, form.jobs_form li textarea { 
	color: #031d41
}
form.jobs_form li input, form.jobs_form li select {
	border: none !important;
	border-radius: 0 !important;
	border-bottom: 2px dotted #ddd !important;
	text-align: center;
	font-size: 30px;
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 0.09em;
}

form.jobs_form li.clear_both, .gform_footer {
	width: 100% !important;
	clear: both !important;
	min-height: 50px
}

form.jobs_form li.clear_both30 {
	width: 100% !important;
	clear: both !important;
	min-height: 30px; background:#B19FA0
}

form.jobs_form li.clear_line {
	clear: left !important;/*border:1px solid yellow;*/
}
form.jobs_form .gform_footer {
	margin-top: 40px
}
form.general textarea {
	width: 95% !important;
	border: 4px solid #E0E0D6;
	padding: 15px;
	height: 300px;
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 30px
}
form.general textarea:focus, form.general textarea:active {
	background: none
}
* {
	outline: none
}

::-webkit-input-placeholder {
 color: #a9a9a8;
font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
:-moz-placeholder {
 color: #a9a9a8;
font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 opacity:  1;
}
::-moz-placeholder {
 color: #a9a9a8;
font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 opacity:  1;
}
:-ms-input-placeholder {
 color: #a9a9a8;
font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 form.general textarea::-webkit-input-placeholder {
line-height:300px;
text-align:center;
font-size:30px
}
form.general textarea:-moz-placeholder {
line-height:300px;
text-align:center;
font-size:30px;
}
form.general textarea::-moz-placeholder {
line-height:300px;
text-align:center;
font-size:30px;
}
form.general textarea:-ms-input-placeholder {
line-height:300px;
text-align:center;
font-size:30px;
}
.file-wrapper {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;  margin:0 !important; padding:0 !important; 
}
.file-wrapper input {
	cursor: pointer;
	font-size: 30px;
	height: 100%;
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
	position: absolute;
	right: 0;
	top: 0;

}
form.jobs_form .file-wrapper .gfield_label {
	border-bottom: 2px dotted #ddd !important;
	cursor: pointer;
	display: inline-block !important;
	padding: 5px 32px;
	font-size: 30px;
	color: #a9a9a9;
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal !important; position:relative; 
	background-image: url(images/file-plus.png);
	background-position: center right;
	background-repeat: no-repeat; 
}


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

li.floating {float:left; width:49%}
li.casual_label.floating {text-align:right; display:inline-block;width:47%}
}



/* Gravity forms error handling - February 5, 2014 */
/* ############################################### */
 
/* Make the error stand out */
.gfield_error{
	background-color: white;
	color:#b94a48;
}
/* Prepend the error message to the missing but required field */
.gfield_error:before {
		content: "";
	
}
/* Hide the error message since we're displaying it above */
.validation_error, .validation_message {
	display:none;
}

/* BUTTONS */

a.button-3D {
	font-family: 'DecimaMonoPro-Bold', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 0 !important;
	width: 140px !important;
	height: 50px !important;
	border: none;
	display: block;
	text-decoration: none;
	transition: all 0s linear !important;
	-moz-transition: all 0s linear !important;
	-webkit-transition: all 0s linear !important;
	-o-transition: all 0s linear !important;
	background: url(images/3Dbutton_140up.svg) top right no-repeat !important;
	overflow: hidden;
	margin: 30px auto 10px auto;
	border-radius: 0 !important;
}
.gform_ajax_frame_2 {
	width: 100%;
	clear: both;
	height: 10px;
	display: block !important
}
a.button-3D:hover {
	text-decoration: none;
	background: url(images/3Dbutton_140down.svg) top right no-repeat !important
}
a.button-3D span {
	margin: 4px 4px 0 0;
	display: block;
	width: 124px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	float: right
}
a.button-3D:hover span {
	margin: 12px 12px 0 0;
}
.light a.button-3D {
	color: #fff !important;
	background: url(images/3Dbutton_140up_light.svg) top right no-repeat !important;
}
.light a.button-3D:hover {
	background: url(images/3Dbutton_140down_light.svg) top right no-repeat !important;
}
.gform_button { margin-top:30px;
	padding: 20px 48px 30px 54px;
	background: url(images/3Dbutton_140up.svg) 0 0 no-repeat !important;
	font-family: 'DecimaMonoPro-Bold', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	border: 0;
	line-height: 0 !important;
	border-radius: 0 !important;
}
.gform_button:hover {
	padding: 28px 56px 22px 46px;
	background: url(images/3Dbutton_140down.svg) 0 0 no-repeat !important;
	cursor: pointer
}
.gform_footer {
	text-align: center;  width:100%; clear:both}
.gform_wrapper .gform_ajax_spinner{clear:both !important; margin-top:18px !important; float:none !important; width:100%; overflow:hidden !important; height:48px !important; background: url(images/spinning-circles-2.svg) center center no-repeat !important}


li.gf_hide {
	display: none !important
}



@media only screen and (max-width: 768px) {
form.jobs_form li, form.jobs_form .file-wrapper .gfield_label {
	font-size: 18px
}
form.jobs_form li input, form.jobs_form li textarea, form.jobs_form li select, form.jobs_form .file-wrapper .gfield_label {
	font-size: 18px;
}
::-webkit-input-placeholder {
font-size:18px
}
:-moz-placeholder {
font-size:18px;
}
::-moz-placeholder {
font-size:18px;
}
:-ms-input-placeholder {
font-size:18px;
}
form.general textarea::-webkit-input-placeholder {
padding-top:80px;
line-height:18px;
text-align:center;
font-size:18px
}
form.general textarea:-moz-placeholder {
padding-top:80px;
line-height:18px;
text-align:center;
font-size:18px;
}
form.general textarea::-moz-placeholder {
padding-top:80px;
line-height:18px;
text-align:center;
font-size:18px;
}
form.general textarea:-ms-input-placeholder {
padding-top:80px;
line-height:18px;
text-align:center;
font-size:18px;
}
form.general textarea {
	width: 80% !important;
	border: 4px solid #E0E0D6;
	padding: 15px;
	height: 200px;
	font-family: 'DecimaMonoPro', 'Inconsolata', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 30px
}
}

@media only screen and (max-width: 500px) {
#wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important
}
.container {
	overflow: hidden
}
.vc_row .wpb_text_column {
	width: auto;
	padding-left: 20px;
	padding-right: 20px
}
.rsDefault .rsArrow, .rsDefault .rsArrowIcn {
	display: none
}
.rsContent {
	padding: 0
}
.rsContent h3 {
	font-size: 18px;
	line-height: 30px
}
.tweet {
	font-size: 12px !important;
	line-height: 20px !important
}
.tweet h3, H1, h2, H3, H4, H5 {
	font-size: 18px !important;
	line-height: 32px !important;
}
body, p, ol, ul, li, td, th, dt {
	font-size: 12px;
	line-height: 20px;
}
.grid-padding {
	width: 75%;
	max-width: 800px;
	height: 60%;
	margin: 20% auto 0 auto;
}
.button-grid {
	font-size: 60px;
	height: 46%;
	width: 46%;
	margin: 2%;
	background: blue;
	float: left;
}
ul.team, ul.team li {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
ul.team li strong {
	display: inline-block;
	width: 100%;
	clear: both;
	margin-top: 16px;
	line-height: 100%
}
a.readtweets {
	background: url(images/button_tweettweet.svg) 20px 10px no-repeat;
	background-size: 80px 70px
	/*width:60px;
	background-size: 40px 35px*/
}
a.closetweets {
	background: url(images/button_closetweet.svg) 20px 10px no-repeat;
	background-size: 80px 70px
	/*width:60px;
	background-size: 40px 35px*/
}

form.jobs_form li.casual_label {
	padding:0 !important;
	width: 100% !important;
	clear: both !important;
}

a.button-3D.single-game, a.button-3D.single-game:hover {
	background:url(images/3Dbutton_plus-up.svg) 0 0 no-repeat !important;
	width:31px; height:30px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -25px;
	z-index: 10
}

.light a.button-3D.single-game, .light a.button-3D.single-game:hover {
	background:url(images/3Dbutton_plus-up_light.svg) 0 0 no-repeat !important;
}
a.button-3D.single-game span {display:none}

.app-store a {padding:10px 0}
}


/*@media (max-height: 480px) and (min-width: 480px) and (max-width: 600px) { 
    #menu { background:#57A88C; height:400px}
	.menu-grid {
	 height:400px
	
}

.menu-grid table {height:95% !important}

}*/