body,html{
	margin:0;
	padding:0;
	height:100%;
	font-size:100%;
	font-size:16px;
	background:#F2F2F2;
}
.pattern{
	position:relative;
	min-height:100%;
	background:#f2f2f2;
	overflow: hidden;
}
@font-face {
	font-family: 'DINEngschriftStd-1';
	src:url('http://www.goodworldgames.com/static/font/DINEngschriftStd-1.eot');
	src:url('http://www.goodworldgames.com/static/font/DINEngschriftStd-1-.eot#iefix') format('embedded-opentype'),
		url('http://www.goodworldgames.com/static/font/DINEngschriftStd-1.svg.html#DINEngschriftStd-1') format('svg'),
		url('http://www.goodworldgames.com/static/font/DINEngschriftStd-1.ttf') format('truetype');
	font-weight: normal!important;
	font-style: normal;
	/*-webkit-font-smoothing: antialiased;*/
}
@font-face {
    font-family: 'gwgregular';
    src: url('http://www.goodworldgames.com/static/font/gwg-webfont.eot');
    src: url('http://www.goodworldgames.com/static/font/gwg-webfont-.eot#iefix') format('embedded-opentype'),
         url('http://www.goodworldgames.com/static/font/gwg-webfont.woff') format('woff'),
         url('http://www.goodworldgames.com/static/font/gwg-webfont.ttf') format('truetype'),
         url('http://www.goodworldgames.com/static/font/gwg-webfont.svg.html#gwgregular') format('svg');
    font-weight: normal;
    font-style: normal;
    /*-webkit-font-smoothing: antialiased;*/
}
[data-icon]:before {
  font-family: 'gwgregular'; /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none; /* Not to be trusted, but hey. */
}
.screen-reader-text { /* Reusable, toolbox kind of class */
  position: absolute!important;
  top: -9999px!important;
  left: -9999px!important;
}
.support-note span {
    color: #AC375D;
    display: none;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}
#wrapper{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	min-height:100%;
	position:relative;
}
#wrapper header{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	background:#231f20;
}
.row_logo{
	margin:22px 0 0;
	padding:0;
	float:left;
	width:16.7%;
	max-width:160px;
	
}
a.logo{
}
a.menu-toggle{
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	text-decoration:none;
	font-size:1.5em;
	color:#fff;
	line-height: 100%;
}
a.menu-toggle:hover{
	color:#C8C7C7;
}
.row_logo object,.row_logo img{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	max-width:128px;
	max-height:107px;
}
.row_menu{
	float: right;
	width:83.3%;
	max-width:800px;
}
ul#social{
	margin:22px 0 0;
	padding:0;
	float:right;
	width:83.3%;
	max-width:800px;
	min-height:26px;
	list-style: none;
}
ul#social li{
	margin-left:10px;
	padding:0;
	float:right;
	width:26px;
	height:26px;
}
ul#social li a{
	float:left;
	font-size:1.2em;
	color:#fff;
	text-decoration: none;
}
ul#social li.twitter{
	background:url("http://www.goodworldgames.com/static/img/Twitter_button.png")no-repeat 0 0;
}
ul#social li.twitter a{
	margin-left:4px;
	font-size:1.2em;
	line-height: 130%;
}
ul#social li.facebook{
	background:url("http://www.goodworldgames.com/static/img/facebook_button.png")no-repeat 0 0;
}
ul#social li.facebook a{
	margin-left:1px;
	font-size: 1.4em;
    line-height: 110%;
}
ul#social li.inkedin{
	background:url("http://www.goodworldgames.com/static/img/linkedin_button.png")no-repeat 0 0;
}
ul#social li.inkedin a{
	line-height: 120%;
    margin-left: 3px;
}
ul#social li.you-tube{
	background:url("http://www.goodworldgames.com/static/img/youtube_button.png")no-repeat 0 0;
}
ul#social li.you-tube a{
	line-height: 120%;
    margin-left: 4px;
}
nav#nav-flyout{
	margin:66px 0 0;
	padding:0;
	position:relative;
	float:left;
	width:100%;
	font-family: 'DINEngschriftStd-1';
	font-weight:normal;
    /*-moz-box-shadow:inset 0px 2px 5px rgba(0,0,0,0.45);
    -webkit-box-shadow:inset 0px 2px 5px rgba(0,0,0,0.45);
    box-shadow:inset 0px 2px 5px rgba(0,0,0,0.45);  */
}
nav#nav-flyout ul{
	margin:0;
	padding:0;
	list-style: none;
}
nav#nav-flyout ul li{
	margin-right:18px;
	padding-bottom:24px;
	float:left;
}
nav#nav-flyout ul li:last-child{
	margin-right:0;
}
nav#nav-flyout ul li a{
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size:1.2em;
  /*text-shadow:0px 1px 1px rgba(1,1,1,0.5);*/
}
nav#nav-flyout ul li a:hover{
	color:#f8d608;
}
nav#nav-flyout ul li.current a{
	color:#f8d608;
}
.sub-header{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:10px;
	transition: height 0.2s ease-in-out;-moz-transition: height 0.2s ease-in-out; /* Firefox 4 */-webkit-transition: height 0.2s ease-in-out; /* Safari and Chrome */-o-transition: height 0.2s ease-in-out; /* Opera */
	background:#2e7639 url("http://www.goodworldgames.com/static/img/noise-nav.png")repeat 0 0;
    border-top:1px solid #171515;  
}
.sub-header.featured{
	background:#00a1cb url("http://www.goodworldgames.com/static/img/noise-nav.png")repeat 0 0;
}
.sub-header.charity{
	background:#d87f05 url("http://www.goodworldgames.com/static/img/noise-nav.png")repeat 0 0;
}
.index-cont{
	padding-left: 0!important;
    padding-right: 0!important;
	float: right!important;
    max-width: 800px;
    width: 83.3%;
    height:100%;
}
#index-bar{
	margin:0;
	padding:0;
	float:left;
	position:relative;
	height:100%;
	background:#f8d608;
}
#index-bar:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	opacity:0.14;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(1,1,1,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(1,1,1,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(1,1,1,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(1,1,1,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(1,1,1,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(1,1,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#010101',GradientType=0 );
}
#content{
	margin-bottom:20px;
	padding-top:28px;
	float:left;
	width:100%;
}
#content.about{
	margin-bottom:100px;
}
span.padme {
	display: block;
	margin: 0 0 15px 0;
}
.resize div#big-slide{
	margin:0;
}
#carousel-caption{
	margin:0;
	padding:0;
	float:left;
	background:#d0d105;
	background:rgba(208,209,5,0.85);
	color:#2b2b04;
	display:none;
}
#carousel-caption p{
	padding:0 12px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9em;
}
p.left-caption{
	margin:0;
	padding:0;
	position: absolute;
	overflow:hidden;
	top:50%;
	left:0;
	max-width:400px;
	background:#d0d105;
	background:rgba(208,209,5,0.85);
}
p.left-caption span{
	margin:12px 0;
	padding:0 40px;
	float:left;
	font-family: 'DINEngschriftStd-1';
	text-transform:uppercase;
	font-size:2em;
	color:#fff;
}
.bottom-caption{
	margin:0;
	position: absolute;
	overflow:hidden;
	bottom:0;
	left:0;
	width:100%;
	max-height:400px;
	background:#d0d105;
	background:rgba(208,209,5,0.85);
	color:#2b2b04;
}
.bottom-caption strong,.bottom-caption span{
	padding: 0 12px;
	display:block;
}
.bottom-caption span{
	margin:10px 0;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9em;
}
.bottom-caption strong{
	margin:10px 0 0;
	font-family: 'DINEngschriftStd-1';
	font-weight:normal;
	font-size:1.4em;
	text-transform: uppercase;
}
.bottom-slider{
	margin:0;
	padding:0;
	float:left;
	position:relative;
	width:100%;
	height:50px;
}
.bottom-slider img{
	margin:0;
	padding:0;
    float:left;
	width:100%;
	height:auto;
	display:none;
}
section.raised-block,section.join-block{
	margin:0;
	padding: 0 10px;
	float:left;
	width:100%;
	position:relative;
	background:#fff;
	display:block;
	text-align:center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
section.join-block.no-padding{
	padding:0;
}
@media only screen and (max-width: 900px) {
	section.raised-block a,section.join-block a.icon-mail{
		display:none;
	}
}
section.join-block div.right-join,section.join-block div.left-join{
	margin:0;
	padding:0 10px;
	width:100%;
	min-height:196px;
	float:right;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
section.join-block div.left-join{
	padding:0;
	float:left;
	width:100%;
}
section.join-block div.left-join p{
	margin:0 0 12px;
	padding:0 10px;
	width:100%;
	float:left;
	text-align: left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
div.left-join p span,div.left-join p a.join-link{
	margin:6px 0 0;
	float:left;
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:0.75em;
	font-weight:bold;
	line-height: normal;
}
div.left-join p a.join-link, .gfg-description a{
    margin: 0;
    padding: 0;
    position: inherit;
    color:#00a1cb;
    text-decoration: none;
}
div.left-join p a:hover{
	text-decoration: underline;
}
div.left-join strong{
	margin:10px 0 0;
	padding:0 0 6px;
	display:block;
	border-bottom:1px solid #C0C0C0;
    font-family: 'DINEngschriftStd-1';
    font-weight: normal;
    text-transform: uppercase;
	color:#31742c;
	font-size:1.1em;
}
div.left-join a{
	float:left;
    font-size:1em;
	position: inherit;
}
section.raised-block a{
	color: #60AE24;
    font-size: 1.9em;
    left: 13px;
    position: absolute;
    top: 72px;
}
section.raised-block h2{
	margin:8px 0 0;
	padding:0;
	display:inline-block;
	color:#60ae24;
	font-family: 'DINEngschriftStd-1';
	font-weight:normal;
	font-size:3em;
}
section.raised-block div{
	margin:0;
	padding:0 0 4px;
	float:left;
	width:100%;
	border-bottom:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
    font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
}
section.raised-block div h3{
	margin:6px 0 0;
	padding:0;
	color:#616161;
	font-weight:normal;
}
section.raised-block div h4{
	margin:3px 0 0;
	padding:0;
	color:#616161;
	color:rgba(97,97,97,0.5);
	font-weight:normal;
	font-size:0.8em;
}
section.raised-block p{
	margin:6px 0 0;
	padding:0 0 8px;
	display:inline-block;
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:0.76em;
	text-align: left;
}
a.how-div{
	text-decoration:none;
	margin:12px 0;
	padding:12px 0;
	float:left;
	width:100%;
	text-align:center;
	border-bottom:1px solid #CECFCF;
	border-top:1px solid #CECFCF;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-size:1.15em;
	color:#00a1cb;
}
a.how-div:hover{
	text-decoration:underline;
	color:#46bedd;
}
a.how-div:active{color:#00a1cb;}
a.how-div.hide{display:none;}
section.join-block a.icon-mail{
	color: #F18D07;
    font-size: 1.6em;
    left: 8px;
    line-height: 100%;
    position: absolute;
    top: 5px;
}
div.title-icon{
	display:block;
	text-align:center;
}
div.right-join a.icon-mail{
	margin: 0 2% 0 0;
    position: inherit;
    display:inline-block;
}
section.join-block h3{
	margin:11px 0 0;
	padding:0;
	color:#f18d07;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-weight:normal;
}
div.right-join h3{
    margin:10px 0 0;
    padding:0;
    display:inline-block;	
    font-size:1.1em;
}
.right-join input{
	padding:0 8px!important;
}
section.join-block form{
	margin:0 0 8px;
	padding:6px 0 0;
	float:left;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
}
section.join-block form p{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	position: relative;
}
p.input-space{
	margin:10px 0 36px 0!important;
}
:-moz-placeholder{
	color:#616161;
	color:rgba(97,97,97,0.7);
	font-size:0.75em;
}
::-webkit-input-placeholder{
	color:#616161;
	color:rgba(97,97,97,0.7);
	font-size:0.8em;
}
section.join-block form input{
	margin:0;
	padding:0 13px;
	float:left;
	width:100%;
	height:30px;
	border:1px solid #A7A5A6;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    -webkit-appearance: none; 
}
section.join-block form span{
	margin:6px 0 0;
	padding:0 0 8px;
	float:left;
	color:#616161;
	font-size:0.76em;
	text-align: left;
}
section.join-block button{
	margin:0 0 8px;
	padding: 1px 0 0;
	float:right;
	width:62px;
	height:25px;
	background:#f18d07;
	color:#fff;
	border:2px solid #fff;
	border:2px solid rgba(255,255,255,0.1);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-weight:normal;
	font-size:1.15em;
	cursor:pointer;
}
section.join-block button:hover{background:#f59b22;}
section.join-block button:active{background:#f18d07;}
.mobile-section .row_12col,.section-site .row_12col{margin:22px 0 0;}
.mobile-section .row_12col span,.section-site .row_12col span{
	margin:0 0 16px;
	padding:0;
	float:left;
	width:100%;
	height:1px;
	background:#BABBBC;
}
.mobile-section .row_7col{position: relative;}
.galaxy-shape,.iphone-shape{
	margin:0;
	padding:0;
	float:left;
	width:50%;
	max-width:280px;
}
.iphone-shape,.iphone-shape img.limit-shape{float:right;}
img.limit-shape{
	margin:0;
	padding:0;
	float:left;
	width:104%;
	max-width:280px;
}
img.mask-img{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	width:48.3%;
	max-width:280px;
	z-index: 10;
}
img.bkg-img{
	margin:0;
	padding:0;
	position: absolute;
	top:0;
	left:0;
	width:50%;
	max-width:280px;
	z-index: 5;
}
.galaxy-shape img.bkg-img{
	top:13.5%;
	left: 4.6%;
    max-width: 217px;
    height:auto;
   /* padding: 12.5% 0;*/
    width: 39%;
}
.iphone-shape img.mask-img{
	right:1.7%;
	bottom:3.5%;
	top:inherit;
	left:inherit;
}
.limit-video{
	margin: 37.5% 16.5% 0;
    padding: 0;
    width: 67%;
}
.video-js{background-color:#000000!important;}

.iphone-shape .video-js .vjs-tech,
.featured-video .video-js .vjs-tech,
.charity-video .video-js .vjs-tech,
.featured-video.not-land .video-js .vjs-tech{
  z-index: 4;
}
.iphone-shape .vjs-poster,
.featured-video .vjs-poster,
.charity-video .vjs-poster,
.featured-video.not-land .vjs-poster{
  z-index: 5;
}
.iphone-shape .vjs-poster{
	height: auto;
    position: absolute;
    width: 100%;
    max-width:188px;
}
.featured-video .vjs-poster,
.charity-video .vjs-poster,
.featured-video.not-land .vjs-poster{
	height: auto;
    position: absolute;
    left:0;
    width: 100%;
}
.iphone-shape .vjs-default-skin .vjs-big-play-button,
.featured-video .vjs-default-skin .vjs-big-play-button,
.charity-video .vjs-default-skin .vjs-big-play-button,
.featured-video.not-land .vjs-default-skin .vjs-big-play-button{
  	z-index: 12!important;
}
.vjs-default-skin .vjs-controls{
	bottom:2%!important;
}
.iphone-shape .vjs-default-skin .vjs-controls,
.iphone-shape .vjs-fade-out,
.featured-video .vjs-fade-out,
.featured-video .vjs-default-skin .vjs-controls,
.charity-video .vjs-fade-out,
.charity-video .vjs-default-skin .vjs-controls,
.featured-video.not-land .vjs-fade-out,
.featured-video.not-land .vjs-default-skin .vjs-controls{
	visibility:visible!important;
	opacity:1!important;
	z-index: 14;
}
.vjs-default-skin .vjs-controls{
  	background:none!important;
  	border:none!important;
}
.vjs-fullscreen-control,
.vjs-default-skin .vjs-time-controls,
.vjs-default-skin .vjs-progress-holder,
.vjs-default-skin div.vjs-progress-control,
.vjs-default-skin .vjs-volume-control,
.vjs-default-skin .vjs-mute-control{
  	display:none;
}

@media only screen and (max-width: 582px){
  .galaxy-shape img.bkg-img{
  	left: 4.4% !important;
    top: 13.5% !important;
    /*padding: 11.5% 0 !important;*/
  }
  .iphone-shape img.mask-img{bottom:3.5%!important;}
  .limit-video {
    margin: 37% 17% 0;
    padding: 0;
    width: 68%;
  }
}
@media only screen and (max-width: 340px){
  .limit-video {
    margin: 33% 17% 0;
    padding: 0;
    width: 70%;
  }
}
.app-section{
	margin:5px 0 0;
	padding:0;
	float:left;
	width:100%;
	text-align: center;
}
.app-section div.icon-app img{
	margin:0;
	max-width:84px;
	height:auto;
}
.app-section div.title-app img{
	max-width:183px;
	height:auto;
}
p.description-app{
	margin:12px 0 0;
	padding:0 0 22px;
	float:left;
	width:100%;
	border-top:1px solid #CECFCF; 
	border-bottom:1px solid #CECFCF; 
    font-family: 'Open Sans', sans-serif;
}
p.description-app span{
	margin:18px 0 0;
	padding:0;
	float:left;
	width:100%;
	color:#616161;
	font-size:0.7em;
}
p.description-app a{
	margin:36px 0 0;
	padding:0 5%;
	float:left;
    width:50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
p.description-app a.iphone-badge img{
	float:right;
	width:100%;
	max-width:135px;
	height:auto;
}
p.description-app a.android-badge img{
   float:left;
   width:100%;
   max-width:129px;
   height:auto;
}
p.social-app{
	margin:18px 0 0;
	padding:0;
	float:left;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.75em;
}
p.social-app a{
	color:#616161;
	text-decoration:none;
	text-align: left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
p.social-app a:hover{text-decoration: underline;}
footer{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	min-height:60px;
	background:#231F20;
}
footer.about{
	position: absolute;
	bottom:0;
}
.footer .row_4col ul{
	margin:22px 0;
	padding:0;
	float:left;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-weight:normal;
	list-style: none;
	font-size:1.05em;
}
.footer .row_4col ul li{
	margin:0 20px 0 0;
	padding:0;
	float:left;
}
.footer .row_4col ul li:last-child{
	margin:0;
}
.footer .row_4col ul li a{
	margin:0;
	padding:0;
	float:left;
	text-decoration: none;
	color:#616161;
}
.footer .row_4col ul li a:hover{color:#00a4a4;}
.footer .row_4col ul li a:active{color:#616161;}
.footer .row_8col p{
	margin:22px 0 0;
	padding:0;
	float:right;
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
}

@media only screen and (max-width: 350px) {
 
  p.social-app a{
    margin: 0 0 10px;
    padding: 0 !important;
    width: 100%;
    display:inline-block;
    text-align: inherit;
  }	
  p.social-app a span{
  	float:none!important;
  	display:inline-block;
  }
}
.social-app a.twitter{
	float:left;
	padding-left:16px;
}
.social-app a.twitter:hover span{background:#3dcdf7;}
.social-app a.twitter:active span{background:#00bbf2;}
.social-app a.facebook{
	float:right;
	padding-right:16px;
}
.social-app a.facebook:hover span{background:#4f73bd;}
.social-app a.facebook:active span{background:#3b5998;}
p.social-app a span{
	margin:0 10px 0 0;
	padding:0;
	float:left;
	width:26px;
	height:26px;
	border:2px solid #fff;
	border:2px solid rgba(255,255,255,0.1);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
p.social-app a.twitter span{
	background:#00bbf2;
	color: #FFFFFF;
    font-size: 1.5em;
    line-height: 100%;
    text-align: center;
}
p.social-app a.facebook span{
	background:#3b5998;
	color: #FFFFFF;
    font-size: 1.8em;
    line-height: 80%;
    text-align: center;
}
@media only screen and (max-width: 640px){
	
	.section-site .row_4col{
		width:50%;
		max-width:100%;
	}
	.section-site .row_4col:last-child{margin-top:20px;}

}
.section-site .row_4col section{
	padding:0 8px;
	float:left;
	position:relative;
	width:100%;
	background:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
.row_4col section a.img-block{
	margin:10px 0 0;
	padding:0;
	float:left;
	width:100%;
	max-height:158px;
	overflow:hidden;
}
.row_4col section a.img-block img{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:auto;
}
.row_4col section h2{
	margin:10px 0 0;
	padding:0 0 6px;
	float:left;
	width:100%;
	border-bottom:1px solid #C0C0C0;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-weight:normal;
	font-size:1.1em;
}
.row_4col section p{
	margin:6px 0 41px;
	padding:0;
	float:left;
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:0.75em;
}
.row_4col section.join-block p{
	font-size:inherit;
	min-height:0;
}
.row_4col section a.more-block,.gfg a.more-block,.blog a.more-block{
	margin:0;
	padding:0;
	position:absolute;
	bottom:8px;
	right:8px;
	width:28px;
	height:25px;
	line-height:108%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    border:2px solid #fff;
	border:2px solid rgba(255,255,255,0.1);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}
.featured-block a.more-block:hover,.gfg a.more-block:hover{background:#23b6dc;}
.featured-block a.more-block:active,.gfg a.more-block:active{background:#00a1cb;}
.blog-site a.more-block:hover,.blog a.more-block:hover{background:#408e3a;}
.blog-site a.more-block:active,.blog a.more-block:active{background:#32752d;}
.charity-site a.more-block:hover{background:#f59b22;}
.charity-site a.more-block:active{background:#f18d07;}


.featured-block h2{color:#00a1cb;}
.featured-block a.more-block,.gfg a.more-block{background:#00a1cb;}
.blog-site h2{color:#31742c;}
.blog-site a.more-block,.blog a.more-block{background:#32752d;}
.charity-site h2{color:#f18d07}
.charity-site a.more-block{background:#f18d07}

#small-carousel{
	margin:26px 0 0;
	padding:18px 0 15px;
    border-top:1px solid #BABBBC;
    border-bottom:1px solid #BABBBC;
    background:none;
}
#small-carousel .flex-control-nav{
	display:none;
}
#small-carousel li{text-align: center;}
#small-carousel img.carousel-img{
	margin:0;
	padding:0;
	float:left;
	width:138px;
	height:80px;
	border:1px solid #CDCECF;
}
#small-carousel h3{
	margin:4px 0 0;
	padding:0;
	float:left;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	color:#000000;
}
#small-carousel p{
	margin:4px 0 0;
	/*padding:0 0 14px;*/
	display:block;
	float:left;
	width:100%;
	min-height:90px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.7em;
	color:#616161;
}
#small-carousel a.carousel-more{
	margin:0;
	padding:0;
    display:inline-block;
    text-decoration:none;
	width:16px;
	height:16px;
	background:#f18d07;
	line-height:100%;
	font-size:10px;
	text-align:center;
	color:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    border:2px solid #fff;
	border:2px solid rgba(255,255,255,0.1);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}
#small-carousel a.carousel-more:hover{background:#f59b22;}
#small-carousel a.carousel-more:active{background:#f18d07;}

/*featured-list*/

.video-container{
	margin:0 0 15px!important;
	padding:0 10px;
	float:left;
	width:100%!important;
	height:auto!important;
	background:none!important;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
@media only screen and (max-width: 972px){
    .video-container{
    	float:none;
    	max-width:720px;
    	display:inline-block!important;
    }	
}
@media only screen and (max-width: 732px){
    .video-container{
    	max-width:484px;
    }	
}
@media only screen and (max-width: 492px){
    .video-container{
    	max-width:240px;
    }	
}
ul.list-video{
	list-style: none;
	display:block;
	width:100%;
	text-align:center;
	margin: 0;
    padding: 0;
}
ul.list-video li{
	margin:0 8px 15px 8px;
	display:inline-block;
	position:relative;
	width:220px;
	height:195px;
	background:#fff;
	overflow: hidden;
}
.img-featured{
	margin:0;
	padding:0;
	float:right;
	width:50%;
	height:100%;
}
.img-featured a{
	margin:0;
	padding:0;
	position: absolute;
	z-index: 200;
	top:0;
	right:0;
	width:50%;
	height:100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    border-top:0px solid rgba(255,255,255,0.3);
    border-bottom:0px solid rgba(255,255,255,0.3);
    border-right:0px solid rgba(255,255,255,0.3);
    transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;
}

.img-featured a:hover{
	border-top:4px solid rgba(255,255,255,0.3);
	border-bottom:4px solid rgba(255,255,255,0.3);
    border-right:4px solid rgba(255,255,255,0.3);
}
div.description-vid{
	margin:0;
	padding:0 5px;
	float:left;
	background:#fff;
	width:50%;
	height:100%;
	position:relative;
	text-align:center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
div.description-vid h2,div.description-vid a,div.description-vid h3{
	margin:5px 3px 0 3px;
	padding:0;
	width:96px;
	color:#616161;
	font-size:1.2em;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-weight:normal;
	text-decoration: none;
	display:block;
}
div.description-vid h3{
	padding:0;
	font-size:1em;
	border-bottom:none;
	color:rgb(97,97,97);
	color:rgba(97,97,97,0.5);
}
div.description-vid img{
	margin:6px 0 0;
	padding:0;
	max-width:60px;
	border: 1px solid #E0E0E0;
}
div.description-vid span{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:0.65em;
	font-weight:bold;
	display:block;
	line-height: 1em;
}
li div.description-vid strong{
	margin:0;
	padding:2px 0;
	float:left;
	position:absolute;
	bottom:-20px;
	left:0;
	width: 100%;
	background:#00A1CB;
	color:#fff;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-weight:normal;
	font-size:0.8em;
}
div.description-vid a:hover{color:#00a1cb;}
.video-container div.description-vid{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	display:block;
	text-align: center;
}
.video-container div.description-vid p{
	margin:0;
	padding:8px 10px;
	float:left;
	text-align:left;
	color:#fff;
	background:#00A1CB;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8em;
	min-height: 0;
	transition:all 0.5s ease 0.1s;-moz-transition:all 0.5s ease 0.1s;-webkit-transition:all 0.5s ease 0.1s;-o-transition:all 0.5s ease 0.1s;
}
.video-container div.description-vid h2{
	display:inline-block;
    margin:8px 0 5px 0;
    width:98%;
    max-width: 920px;
    /*border-bottom:1px solid #C0C0C0;*/
    padding: 0 0 4px;
    text-align: left;
    color:#00a1cb;
    width: 98%;
}
/*--Player--*/
.centre-box{
	display:block;
	text-align:center;
}
.centre-box .featured-video-container{
	/*margin:0 0 28px;*/
	padding:0;
	display:inline-block;
	width:514px;
	background:#fff;
}
.centre-box .featured-description {
	margin:0;
	padding:0;
	float:left;
	width:55.5%;
}
.centre-box .featured-description.big{
	width:100%;
}
.centre-box .featured-description.big h2{
  	width:96%;
  	max-width:493px;
  }
  .centre-box .featured-description.big div.share-bar{
  	width:100%;
  	max-width:242px;
  	float:none;
  	display:inline-block;
  }
.centre-box .featured-description p{
	margin:0;
	padding:10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
	float:left;
	color:#000;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8em;
}
.centre-box .featured-description h2{
	margin:0 10px;
	padding:8px 0 6px 0;
	float:left;
	text-align: left;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-weight:normal;
	font-size:1.1em;
	color:#00a1cb;
	width:93%;
	max-width:265px;
	border-bottom:1px solid #C0C0C0;
}
.centre-box .featured-description h3{
	margin:0;
	padding:6px 0;
	float:left;
	width:100%;
	font-family: 'DINEngschriftStd-1';
	text-transform: uppercase;
	font-weight:normal;
	font-size:0.8em;
	color:#616161;
	color:rgba(97,97,97,0.5)
}
.centre-box .featured-description img{
	margin:0 20%;
	max-width:138px;
	border:1px solid #E0E0E0;
}
.centre-box .featured-description span{
	float:left;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}
.centre-box .featured-description div.share-bar{
	margin:50px 0 10px;
	padding:0 12px;
	float:left;
	width:100%;
	background:none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}


@media only screen and (max-width: 548px){
  .centre-box .featured-video-container{
	  width:100%;
	  display:block;
	  float:left;
	  text-align: center;
  }
  .centre-box .featured-description{
  	width:100%;
  }
  .centre-box .featured-description h2{
  	width:96%;
  	max-width:477px;
  }
  .centre-box .featured-description div.share-bar{
  	width:100%;
  	max-width:242px;
  	float:none;
  	display:inline-block;
  }
  .centre-box div.featured-video.not-land{
  	width: 100%;
    display: inline-block;
    float: none;
    max-width:225px;
    margin-bottom:10px;
  }
  .featured-video.big{
  	margin-bottom:10px!important;
  }
 .about-block{
  	display:block!important;
  	text-align: center!important;
  	width:100%!important;
  }
  .left-details{
  	float:none!important;
  	display:inline-block!important;
  	width:100%!important;
  }
  .left-details img{
  	display:inline-block!important;
  }
  .left-details strong{
  	width:100%!important;
  	padding:8px 0!important;
  }
  .left-details p.about-details{
  	text-align:center!important;
  }
  .left-details a.twitter{
  	display:inline-block!important;
  }
  .about-block .featured-video{
  	float:none!important;
  	display:inline-block!important;
  	width:100%!important;
  	max-width:225px!important;
  	margin-bottom:10px;
  }
}
.centre-box .featured-video{
	margin:0;
	padding:0;
	float:right;
    width:44.5%;
   max-width:230px;
}
.featured-video{
	margin:0;
	padding:0;
	float:right;
    width:44%;
    max-width:225px;
}
.featured-video.big{
	margin:0;
	padding:0;
	float:right;
    width:100%;
    max-width:515px;
}
.featured-video-container .video-js{
	background:#000 !important;
}
/*--Charity--*/
.charity-video-container{
	width:100%;
	padding:0;
	background:#fff;
	float:left;
}
.charity-description{
	margin:0;
	padding:0 10px;
	float:left;
	display:block;
	text-align:center;
	width:51%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
.charity-description h2{
	margin:0;
	padding:8px 0 6px 0;
	float:left;
	text-align:left;
	width:100%;
	text-transform:uppercase;
	color:#00a1cb;
	font-family: 'DINEngschriftStd-1';
	font-size:1.2em;
	font-weight:normal;
	border-bottom:1px solid #C0C0C0;
}
.charity-description p{
	margin:6px 0 0;
	padding:0;
	float:left;
	text-align:left;
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8em;
}
.charity-description h3{
	margin:20px 0 0;
	padding:0;
	float:left;
	width:100%;
	text-transform:uppercase;
	color:#616161;
	color:rgba(97,97,97,0.5);
	font-family: 'DINEngschriftStd-1';
	font-size:0.85em;
	font-weight:normal;
}
.charity-description img{
	margin:8px 0 0;
	max-width:138px;
	border:1px solid #E0E0E0;
}
.charity-description span{
	width:100%;
	text-align:center;
	display:block;
	text-transform: uppercase;
	font-size:0.8em;
	font-family: 'Open Sans', sans-serif;
}
.charity-description div.share-bar{
	margin:50px 0 10px;
	width:100%;
	float:left;
}
.charity-description div.share-bar iframe.twitter-share-button.twitter-count-horizontal{
	width: 80px !important;
    float: left;
}
.charity-description div.share-bar div.fb-like.fb_edge_widget_with_comment.fb_iframe_widget{
    float:right;
}
.charity-video{
	margin:0;
	padding:0;
	float:right;
	width:49%;
}
@media only screen and (max-width: 978px){
  
  .charity-video-container{
  	display:block;
  	text-align: center;
	width:100%;
	padding:0 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
  }
  .charity-description{
    width:100%;
    padding:0;
  }
  .charity-description h2,.charity-description p{
  	text-align: inherit;
  }
  .charity-description div.share-bar{
  	display: inline-block;
    float: none;
    margin-bottom: 10px;
    width: 194px;
  }
  .charity-video{
    float:none;
    display:inline-block;
    width:225px;
  }
  .charity-tumbh ul{
  	display:block;
  	text-align:center;
  }
  .charity-tumbh ul li{
  	margin:0 10px 20px 10px!important;
  	float:none!important;
  	display:inline-block;
  }
  .charity-tumbh ul li:nth-child(3n+3){
	  margin:0 10px 20px 10px!important;
  }
}
@media only screen and (max-width: 560px){
  .charity-video{
  	margin-bottom:20px;
    width:100%;
    max-width:225px;
  }
}
.charity-tumbh{
    margin:20px 0 0;
    padding:0;
    float:left;
    width:100%;
}
.charity-tumbh ul{
    margin:0;
    padding:0;
    float:left;
    width:100%;
    list-style: none;
}
.charity-tumbh ul li{
    margin:0 20px 20px 0;
    padding:0;
    float:left;
    width:140px;
    height:105px;
    background:#375;
    overflow: hidden;
    position: relative;
}
.charity-tumbh ul li:nth-child(3n+3){
	margin:0 0 20px 0;
}
.charity-tumbh ul li a{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
    height:100%;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    border:0px solid rgba(255,255,255,0.3);
    transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;
}
.charity-tumbh ul li:hover a{
	border:4px solid rgba(255,255,255,0.3);
}
.charity-tumbh ul li img{
	height:100%;
	float:left;
}
/*---viewer--*/
.viewer li{
	-webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer .caption{
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
}
.viewer .current .caption{
	opacity: 100;
	visibility: visible;
}
.viewer img {
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}
.viewer .close{
	font-size:30px;
}
.charity-big-description{
	margin:0;
	padding:0 10px;
	float:left;
	width:100%;
	background:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
.charity-big-description h2,.charity-big-description h3{
	margin:0;
	padding:10px 0 6px 0;
	float:left;
	width:100%;
	border-bottom:1px solid #C0C0C0;
	font-family: 'DINEngschriftStd-1';
	font-size:2em;
	font-weight:normal;
	text-transform: uppercase;
	color:#f18d07;
}
.charity-big-description h3{
	font-size:1.2em;
	color:#616161;
}
.charity-big-description p{
	color: #616161;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 0.8em;
    margin: 6px 0 0;
    padding: 0 0 20px;
    text-align: left;
}

/*--Contact--*/
section.map-block{
	margin:14px 0;
	padding:0;
	float:left;
	padding:4px;
	background:#fff;
	width:100%;
	min-height: 376px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
section.map-block p{
	margin:0;
	padding:0 4px;
	float:left;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
section.map-block strong{
	margin:0;
	padding:10px 0;
	float:left;
	width:100%;
	text-align: left;
	text-transform: uppercase;
	color:#616161;
	font-family: 'DINEngschriftStd-1';
	font-size:1.2em;
	font-weight:normal;
	border-bottom:1px solid #C0C0C0;
}
section.map-block span{
	margin:10px 0;
	padding:0;
	float:left;
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:0.8em;
}
/*--About--*/
.our-vision,.meet-team{
	margin:0 0 20px;
	padding:10px;
	float:left;
	width:100%;
	background:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
.our-vision strong,.meet-team strong{
	margin:0;
	padding:4px 0;
	float:left;
	width:100%;
	font-family: 'DINEngschriftStd-1';
	font-size:1.8em;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #C0C0C0;
}
.our-vision p,.meet-team p{
	margin:6px 0;
	padding:0;
	float:left;
	width:100%;
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:0.78em;
}
.our-vision p a.charades,.meet-team p em{
	color:#31742c;
	font-style:normal;
}
.our-vision p a,.meet-team p a,.charity-big-description p a,.blog section p.gfg-description a{color:#f18d06;text-decoration:none;}
.our-vision p a:hover,.charity-big-description p a:hover,.blog section p.gfg-description a:hover{text-decoration: underline;}
.meet-team ul{
	margin:30px 0 0;
	padding:0;
	float:left;
	width:100%;
	display:block;
	text-align: center;
	list-style: none;
}
.meet-team ul li{
	margin:0 15px;
	padding:0 0 15px;
	display:inline-block;
	width:150px;
}
.meet-team ul li a{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#616161;
	font-family: 'DINEngschriftStd-1';
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
	transition:color 0.3s ease;-moz-transition:color 0.3s ease;-webkit-transition:color 0.3s ease;-o-transition:color 0.3s ease;
}
.meet-team ul li a:hover{
	color:#00a1cb;
}
.meet-team.advisory ul li a:hover{
	color:#f18d06;
}
.meet-team ul li a span{
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	width:150px;
	height:150px;
	border:0px solid rgba(255,255,255,0.3);
	overflow:hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
.meet-team ul li a:hover span{
	border:4px solid rgba(255,255,255,0.3);
}
.our-vision strong{color:#31742c;}
.meet-team strong{color:#00a1cb;}
.meet-team.advisory strong{color:#f18d06;}
/*--About-Details--*/
.fix-center{
	margin: 0;
	padding:0;
	float:left;
	width:100%;
	display:block;
	text-align:center;
}
.about-block{
	margin:0;
	padding:0;
	display:inline-block;
	width:514px;
	background:#fff;
}
.featured-video .vjs-default-skin .vjs-big-play-button,
.iphone-shape .vjs-default-skin .vjs-big-play-button,
.charity-video .vjs-default-skin .vjs-big-play-button{
	margin: -19px 0 0 -19px;
	width:38px;
	height:38px;
	background:url("http://www.goodworldgames.com/static/img/video-player.png")no-repeat center top;
	background-size:38px 76px;
	border:none;
	box-shadow:none;
	-moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none; 
    -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important;
}
.featured-video .vjs-default-skin .vjs-big-play-button:hover,
.iphone-shape .vjs-default-skin .vjs-big-play-button:hover,
.charity-video .vjs-default-skin .vjs-big-play-button:hover{
  box-shadow:none;
}
.featured-video .vjs-default-skin .vjs-big-play-button span,
.iphone-shape .vjs-default-skin .vjs-big-play-button span,
.charity-video .vjs-default-skin .vjs-big-play-button span{
	background: none;
}
.left-details{
	margin:0;
	padding:10px;
	float:left;
	width:56%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
.left-details img{display:block;}
.left-details strong{
	margin:0;
	padding:8px 20px 4px 5px;
	float:left;
	font-family: 'DINEngschriftStd-1';
	font-size:1.1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#00a1cb;
	border-bottom:1px solid #C0C0C0;
}
.left-details p{
	margin:0;
}
.left-details p.about-details{
	margin:8px 0;
	padding:0;
	float:left;
	text-align:left;
	width:100%;
	font-family: 'Open Sans',sans-serif;
	font-size:0.75em;
	color:#616161;
}
.left-details a.twitter{
	margin:4px 0 0;
	display:block;
	font-family: 'Open Sans',sans-serif;
    font-size: 0.8em;
    color: #616161;
    text-align: left;
    text-decoration: none;
}
.left-details a.twitter span{
	background: none repeat scroll 0 0 #00BBF2;
    color: #FFFFFF;
    font-size: 1.5em;
    line-height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    border: 2px solid rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
    float: left;
    height: 26px;
    margin: -2px 10px 0 0;
    padding: 0;
    width: 26px;
}
/*--Press-Room--*/
.taste-press h2,.gfg section h2,.blog section h2,.hiring-text section h2,.how-work section h2,.how-work section h3{
	margin:0;
	padding:0 0 12px 4px;
	color:#00a1cb;
	border-bottom:1px solid #BABBBC;
	font-family: 'DINEngschriftStd-1';
	font-size:2em;
	font-weight:normal;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}

.how-work section h1{
	margin:0;
	padding:20px 0px 12px 4px;
	color:#00a1cb;
	border-bottom:1px solid #BABBBC;
	font-family: 'DINEngschriftStd-1';
	font-size:1.9em;
	font-weight:normal;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
ul.taste-press{
	margin:20px 0 0;
	padding: 0;
	float:left;
	width:100%;
	list-style: none;
}
ul.taste-press li{
	margin:0 0 20px;
	padding:0 10px;
	float:left;
	width:16.6%;
	max-width:160px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}

ul.taste-press li a{
	float:left;
	width:100%;
    background:#231f20;
    overflow: hidden;
    border:1px solid #CDCECF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
ul.taste-press li a img{
	width:100%;
}
.gfg section,.blog section,.hiring-text section,.how-work section{
    margin:0 0 20px;
    padding:0 10px;
    float:left;
    position:relative;
    width:100%;
    min-height: 184px;
    background:#fff;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
.hiring-text section,.how-work section{
	margin:0 0 30px;
	min-height:0;
}
.how-work section{
	text-align:center;
}
.gfg section h2{
	padding:8px 0 4px 4px;
	border:none;
}
.blog section h2,.hiring-text section h2,.how-work section h2{padding:8px 0 4px 4px;}
.hiring-text section h2{color:#f18d07;}
.how-work section h2{color:#31742c;text-align: left;}
.how-work section h3{
	margin:35px 0 0;
	padding:4px 0 4px 4px;
	color:#31742c;
	text-align: left;
	font-size: 1.2em;
}
.hiring-text section strong{
	margin:40px 0;
	padding:0;
	float:left;
	width:100%;
	text-align: center;
	font-family: 'DINEngschriftStd-1';
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:normal;
	color:#616161;
}
.hiring-text section div{
	margin:16px 0 0;
	padding:0;
	float:left;
	color: #616161;
}
.hiring-text section div h3{
	color: #616161;
    float: left;
    font-family: 'DINEngschriftStd-1';
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 2px;
    padding: 0;
    text-transform: uppercase;
    display:block;
}
.hiring-text section div span{
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 0.75em;
    margin: 0 0 6px;
    padding: 0;
    width: 100%;
}
.hiring-text section p{
	margin:20px 0;
	font-family: 'Open Sans',sans-serif;
    font-size: 0.75em;
    padding: 0 60px;
    float:left;
    width:100%;
    text-align: center;
    color: #616161;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
.hiring-text section p a{
	text-decoration:none;
    color: #00A1CB;
}
.hiring-text section p a:hover{
	text-decoration:underline;
}
.gfg section p.data,.blog section p.data{
	margin:0;
	padding:3px 0;
	float:left;
	width:100%;
	background:#66C7E0;
	color:#fff;
	font-family: 'DINEngschriftStd-1';
	font-size:1.3em;
	font-weight:normal;
}
.gfg section p.data a,.blog section p.data a{
	margin:0 5px;
}
.gfg section h3,.blog section h3{
	margin:8px 0 0;
	padding:0;
	float:left;
	text-transform:uppercase;
	font-family: 'DINEngschriftStd-1';
	font-size:1.3em;
	font-weight:normal;
	color:#616161;
}
.blog section h4{
	margin:8px 0 0;
	padding:0;
	float:left;
	text-transform:uppercase;
	font-family: 'DINEngschriftStd-1';
	font-size:1em;
	font-weight:normal;
	color:#616161;
	clear: both;
}
.blog section ul, .blog section ol {
	clear: both;
	float: left;
	margin:4px 0;
	float:left;
	width:100%;
	font-family: 'Open Sans',sans-serif;
	font-size:0.75em;
	color:#616161;
}
.gfg section p.gfg-description,.blog section p.gfg-description,.hiring-text section p.gfg-description,.how-work section p.gfg-description{
	margin:4px 0;
	padding:0;
	float:left;
	width:100%;
	font-family: 'Open Sans',sans-serif;
	font-size:0.75em;
	color:#616161;
}
.how-work section p.gfg-description strong{
	font-family: 'DINEngschriftStd-1';
	font-size:1.4em;
	font-weight:normal;
}
.hiring-text section p.gfg-description{
	margin:4px 0 26px 0;
}
.how-work section p.gfg-description{
	text-align:left;
	margin:8px 0 26px 0;
}
.blog section h2{
	color:#31742c;
}
.blog section p.data{
	background:none;
	color:#616161;
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}
.blog section a.img-blog{
	margin:10px 0;
	float:left;
	overflow:hidden;
	position:relative;
	width:100%;
	max-height:160px;
}
.blog section a.img-blog.detail{
	max-height:516px;
}
.blog section img{
	float:left;
	width:100%;
}
.blog section p.gfg-description{
	margin:10px 0 40px 0;
}
.blog.policy section p.gfg-description{
	margin:10px 0 10px 0;
}
/*--We're Hiring--*/
.slide-centre{
	margin: 0 0 18px;
	width:100%;
	display:block;
	text-align: center;
	float:left;
}
.flexslider.hiring{
	margin:0!important;
	width:70.1%;
	display:inline-block;
	float:none;
}
.slide-centre #big-slide,.slide-centre #carousel-caption{
	margin:0;
}
.active-controls a.play-slide{
	background:url("http://www.goodworldgames.com/static/img/video-player-big.png")no-repeat center bottom!important;
	background-size:76px 153px!important;
	display:none;
}
.active-controls:hover a.play-slide{
	display:block;
}
#big-slide a.play-slide{
	margin-top:-38px;
	margin-left:-38px;
	position:absolute;
	left:50%;
	top:50%;
	width:76px;
	height:76px;
	background:url("http://www.goodworldgames.com/static/img/video-player-big.png")no-repeat center top;
	background-size:76px 153px;
	cursor:pointer;
}
#big-slide video{
	width:100%;
	height:auto;
	display:block;
}
.flexslider.hiring p.left-caption,.flexslider.hiring div.bottom-caption{
	text-align: left!important;
}
.slide-centre div.bottom-slider{
    margin:-5px 0 0 0;
	width:70.1%;
	display:inline-block;
	float:none;
}
@media only screen and (max-width: 600px) {
  .flexslider.hiring{
	width:100%;
  }
  .slide-centre div.bottom-slider{
	width:100%;
  }

}
@media only screen and (max-width: 470px){
  .slide-centre div.bottom-slider{
	margin:0;
  }
  .slide-centre #carousel-caption{
  	text-align:left;
  	margin:-5px 0 0 0;
  }
  
}
/*--How-Work--*/
.how-work section img{
	max-width:100%;
}
.how-work-img{
	margin:0 0 50px;
	padding:0;
	float:left;
	width:100%;
	display:block;
	text-align: center;
}
.how-work-img a{
	margin:0 2px;
	padding:0;
	float:none;
	position:relative;
	display:inline-block;
	width:43%;
	max-width:395px;
	max-height:240px;
}
@media only screen and (max-width: 470px){
  .how-work-img a{
	margin:10px 0;
	width:100%;
  }
}
.how-work-img span{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    border:0px solid rgba(255,255,255,0.3);
    transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;
}
.how-work-img a:hover span{
    border:4px solid rgba(255,255,255,0.3);
}
section.foot-work{
	display:block;
	text-align:center;
}
section.foot-work p{
	margin:40px 0;
	padding:0;
	display:inline-block;
	float:none;
	max-width:560px;
	font-family: 'Open Sans',sans-serif;
	font-size:0.75em;
	color:#616161;
}
section.foot-work p.description-app{
	border-top: medium none;
    margin: 0;
    padding: 0 0 25px;
    max-width:none;
}
section.foot-work p.description-app a{
	margin:0;
	padding:0 2%;
}
section.foot-work p.social-app{
	margin:16px 0;
	max-width:390px;
}

@media only screen and (min-width: 767px) and (max-width: 817px) {
	section.foot-work p.social-app a{
	  margin:0;	
	  padding:0;
	  width:auto;
	}
	section.foot-work p.social-app a.twitter{
	  padding-left:16px!important;
	}
	section.foot-work p.social-app a.facebook{
	  padding-right:16px!important;
	}
}
@media only screen and (max-width: 370px) {
 
  section.foot-work p.social-app a{
    margin: 0 0 10px;
    padding: 0 !important;
    width: 100%;
    display:inline-block;
    text-align: inherit;
  }	
  section.foot-work p.social-app a span{
  	float:none!important;
  	display:inline-block;
  }
}

@media only screen and (max-width: 680px){
    #content.about{
  	    margin-bottom:120px;
    }
	.general-resize{
		width:50%!important;
		max-width:480px!important;
	}
	.join-resize{
		margin-top:15px!important;
		width:100%!important;
		max-width:100%!important;
	}
	section.join-block form{
		width:100%!important;
	}
	div.title-icon {
      text-align: left;
    }
    section.join-block div.right-join, section.join-block div.left-join{
    	min-height: 126px;
    }
}
@media only screen and (max-width: 455px){
	.general-resize{
		width:100%!important;
		max-width:100%!important;
	}
	section.join-block div.right-join, section.join-block div.left-join{
    	min-height: auto;
    }
}

@media only screen and (max-width: 975px) {
 
  .row_logo{
  	width:100%;
  	max-width:100%;
  	text-align:center;
  }
  ul#social{
  	position:absolute;
  	right:10px;
  	width:auto;
  }
  .row_menu{
    width:100%;
	max-width:100%;
    text-align:center;
  }
  nav#nav-flyout{
  	margin:12px 0 0;
  	display:block;
  	text-align: center;
  }
  nav#nav-flyout li{
  	margin:0 9px!important;
  	float:none!important;
  	display:inline-block;
  }
  .sub-header{height:5px;}
  #index-bar{display:none;}
  .row_3col.resize section{
  	margin:12px 0 0;
    width:49.3%;
  }
  .row_3col.resize,.row_9col.resize{
    width:100%;
	max-width:100%;
  }
  .row_3col.resize section.join-block{float:right;}
  section.raised-block a,section.join-block a.icon-mail{display:block;}
  div.right-join a.icon-mail{display:inline-block;}
  a.how-div{display:none;}
  a.how-div.hide{
    display:block;
	width:100%;
  }
  .mobile-section .row_12col{display:none;}
}
@media only screen and (max-width: 820px) {
  .mobile-section .row_7col,.mobile-section .row_5col{
  	width:100%;
  	max-width:100%;
  }
  .galaxy-shape img.bkg-img {
  	top:15.5%;
    left: 30px;
    /*padding: 0;*/
  }
  .iphone-shape img.mask-img{bottom:0;}
}
@media only screen and (max-width: 767px) {
   
  p.left-caption span{font-size:1.5em;}
  .bottom-caption span{font-size:0.75em;}
  .bottom-caption strong{margin:5px 0 0;font-size:1.1em;} 
  ul.list-video li{margin:0 10px 15px 10px;}
  /*--press-room--*/
  ul.taste-press li{
    width:20%;
  }
}
@media only screen and (max-width: 480px) {
	  /*--press-room--*/
  ul.taste-press li{
    width:33.3%;
  }
  #content.about{
  	margin-bottom:130px;
  }
  .footer .row_4col ul{
  	margin:22px 0 0;
  	width:100%;
  	text-align: center;
  	display:block;
  }
  .footer .row_4col ul li{
  	float:none;
  	display:inline-block;
  }
  .footer .row_8col p{
  	margin-bottom:5px;
  	width:100%;
  	text-align: center;
  }
 
}
@media only screen and (max-width: 470px) {
  
  #wrapper{
  	margin-left:0;
  	-webkit-transition: margin-left 0.3s ease;-moz-transition: margin-left 0.3s ease;-ms-transition: margin-left 0.3s ease;-o-transition: margin-left 0.3s ease;transition: margin-left 0.3s ease;
  }
  #wrapper.active{margin-left:200px;}
  #wrapper.active a.menu-toggle{color:#C8C7C7;}
  a.menu-toggle{display:block;}
  ul#social{
  	margin:12px 0;
    position: inherit;
    width:100%;	
    display:block;
    text-align:center;
  }
  ul#social li{
  	margin:0 5px;
  	float:none;
    display:inline-block;
  }
  nav#nav-flyout{
  	margin:0;
  	width:200px;
  	height:100%;
  	background:#231F20;
    position:absolute;
    top:0;	
    left:-200px;
  }
  nav#nav-flyout ul{
  	margin:20px 0 0;
  	text-align: left;
  }
  nav#nav-flyout ul li{display:block;}
  .bottom-caption{display:none!important;}
  #carousel-caption{display:block;}
  .row_3col.resize section{width:100%;}
  .app-section{margin:16px 0 0;}
  .section-site .row_4col{
  	margin-top:20px;
	width:100%;
	max-width:100%;
  }
  .section-site .row_4col:first-child{margin-top:0;}
  
}

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

  /*--press-room--*/
  ul.taste-press li{
    width:50%;
  }
  #content.about{
  	margin-bottom:140px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5){ 
   ul#social li{
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em!important;
	-webkit-background-clip: padding-box!important;
	border:2px solid #fff!important;
	border:2px solid rgba(255,255,255,0.1)!important;
	-webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    -ms-box-sizing: border-box!important;
    -o-box-sizing: border-box!important;
    box-sizing: border-box!important; 
    text-align: center!important;
}
ul#social li.twitter{background:#00bbf2!important;}
ul#social li.twitter a{
	margin-left:2px!important;
	font-size:1.2em!important;
	line-height: 100%!important;
}
ul#social li.facebook{background:#3b5998!important;}
ul#social li.facebook a{
	font-size: 1.4em!important;
    line-height: 80%!important;
}
ul#social li.inkedin{background:#0073b2!important;}
ul#social li.inkedin a{
	line-height: 90%!important;
    margin-left: 2px!important;
}
ul#social li.you-tube{background:#c9222b!important;}
ul#social li.you-tube a{
	line-height: 100%!important;
    margin-left: 3px!important;
}
}