.blog-hdr {
	background: -webkit-linear-gradient(45deg, hsla(110, 46%, 9%, 1) 0%, hsla(110, 46%, 9%, 0) 70%), -webkit-linear-gradient(315deg, hsla(193, 100%, 30%, 1) 10%, hsla(193, 100%, 30%, 0) 80%), -webkit-linear-gradient(225deg, hsla(296, 9%, 17%, 1) 10%, hsla(296, 9%, 17%, 0) 80%), -webkit-linear-gradient(135deg, hsla(113, 26%, 33%, 1) 100%, hsla(113, 26%, 33%, 0) 70%);
	background: linear-gradient(45deg, hsla(110, 46%, 9%, 1) 0%, hsla(110, 46%, 9%, 0) 70%), linear-gradient(135deg, hsla(193, 100%, 30%, 1) 10%, hsla(193, 100%, 30%, 0) 80%), linear-gradient(225deg, hsla(296, 9%, 17%, 1) 10%, hsla(296, 9%, 17%, 0) 80%), linear-gradient(315deg, hsla(113, 26%, 33%, 1) 100%, hsla(113, 26%, 33%, 0) 70%);
}
h1, h2, h3, h4, h5 {
	hyphens: none !important;
}
@font-face {
	font-family: 'montserratlight';
	src: url('Montserrat-Light-webfont.eot');
	src: url('Montserrat-Light-webfont.svg#montserratlight') format('svg'), url('Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Montserrat-Light-webfont.woff2') format('woff2'), url('Montserrat-Light-webfont.woff') format('woff'), url('Montserrat-Light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.caption-mockup {
/* font-family: 'montserratlight', sans-serif; */
}
section.city {
	background: #3a3644;
	z-index: 100;
	position: relative;
}
section.city h2 {
	color: rgba(255,255,255,.35);
	font-family: 'Montserrat', sans-serif;
	line-height: 1.34;
	text-rendering: auto;
	position: absolute;
	top: -181px;
	font-size: 6em !important;
	left: -17px;
	letter-spacing: -0.04em;
	text-transform: uppercase;
}
article figure {
	margin-bottom: 10px;
	    border-radius: 20%;
    overflow: hidden;
    border: 4px solid #ccc;
}
article.staff {
	width: 100%;
	display: block;
}
.staff-item {
	min-height: 450px;
}
article .staff-img {
	    float: left;
    max-width: 25%;
    border-radius: 20%;
    overflow: hidden;
    border: 4px solid #ccc;
}
article p {
	line-height: 20px;
	font-size: 15px;
}
article h2 {
	font-size: 1.2em;
	color: #57585b;
	letter-spacing: -0.03em;
	font-weight: 300;
	margin-top: 0px;
	margin-bottom: 0px;
}
article h3 {
	margin: 0px;
	color: #999;
	font-size: 0.9em;
	font-weight: 300;
}
	
.buttony {
	text-decoration: none;
    border: 3px #6b818a solid;
    border-radius: 30px;
    padding: 10px 20px;
    color: #6b818a;
    font-weight: bold;
	font-size: 10pt;
}
	
.buttony:hover{
    border-color: #89b1c1;
}

/* RESPONSIVE SETTINGS WIDE */
.networklogo {
	margin: auto;
	max-width:500px;
}
.section1-container {
	text-align:center;
	position:relative;
	top:175px;
}
.section1-copycontainer {
	max-width:450px;
	padding:20px 0 0 0;
	margin:auto;
}
.section1-copy {
	color:#eff0ff;
	font-size:42%;
	text-transform:none;
	text-align:left;
}
.sectioncopy {
    float:none;
    margin:auto;
    max-width:500px;
    padding-top:150px;
}
.sectioncopy-left {
	float:left;
	margin:auto;
	max-width:500px;
	padding-top:125px;
}
.sectioncopy-right {
	float:right;
	margin:auto;
	max-width:500px;
	padding-top:125px;
}
.sectioncopy-wide {
	float:none;
	margin:auto;
	max-width:800px;
	padding-top:100px;
}
.title-content{
    float:left;
    margin-right:5px;
	color:#fff;
	font-size:200%;
	font-weight: bold;
}
.title-beast{
    float:left;
    margin-right:5px;
	color:#fff;
	font-size:200%;
	font-weight: bold;
}
.section-content{
    color:#fff;
	font-size:110%;
	text-align:left;
}
.section-img-container{
	display:none;
}
.section-img{
	margin: auto;
	max-width:300px;
}
#intro-wrap.section1{
	background: URL(images/sections/section1.jpg) no-repeat center center #000;
	background-attachment: fixed;
	background-size: cover;
	height: 43em;
	overflow: hidden; /* Hide scrollbars */
	}
.s2bg {
	background: URL(images/sections/section2.jpg) no-repeat center center #000;
    background-attachment: fixed;
    background-size: cover;
    height: 38em;
	overflow: hidden; /* Hide scrollbars */
}
.s3bg {
	background: URL(images/sections/section3.jpg) no-repeat center center #000;
    background-attachment: fixed;
    background-size: cover;
    height: 38em;
	overflow: hidden; /* Hide scrollbars */
}
.s4bg {
	background: URL(images/sections/section4.jpg) no-repeat center center #000;
    background-attachment: fixed;
    background-size: cover;
    height: 38em;
	overflow: hidden; /* Hide scrollbars */
}
.s5bg { 
	background: URL(images/sections/section5.jpg) no-repeat center center #000;
    background-attachment: fixed;
    background-size: cover;
    height: 30em;
	overflow: hidden; /* Hide scrollbars */
}

/* RESPONSIVE SETTINGS TABLET */
@media handheld, only screen and (max-width:1366px) {

.sectioncopy {
    float:none;
    margin:auto;
    max-width:500px;
    padding-top:150px;
    margin-left:350px;
}
#intro-wrap.section1{
	background: URL(images/sections/section1.jpg) no-repeat center center #000;
	background-attachment: scroll;
	background-size: cover;
	height: 43em;
	overflow: hidden; /* Hide scrollbars */
	}
.s2bg {
	background: URL(images/sections/section2.jpg) no-repeat center center #000;
    background-attachment: scroll;
    background-size: cover;
    height: 38em;
	overflow: hidden; /* Hide scrollbars */
}
.s3bg {
	background: URL(images/sections/section3.jpg) no-repeat center center #000;
    background-attachment: scroll;
    background-size: cover;
    height: 38em;
	overflow: hidden; /* Hide scrollbars */
}
.s4bg {
	background: URL(images/sections/section4.jpg) no-repeat center center #000;
    background-attachment: scroll;
    background-size: cover;
    height: 38em;
	overflow: hidden; /* Hide scrollbars */
}
.s5bg { 
	background: URL(images/sections/section5.jpg) no-repeat center center #000;
    background-attachment: scroll;
    background-size: cover;
    height: 30em;
	overflow: hidden; /* Hide scrollbars */
}

/* RESPONSIVE SETTINGS NARROW */
@media handheld, only screen and (max-width:1024px) and (min-width: 320px) {
.networklogo {
	margin: auto;
	max-width:325px;
}
.section1-container {
	text-align:center;
	position:relative;
	top:50px;
}
.section1-copycontainer {
	max-width:450px;
	padding:20px 20px 0 20px;
	margin:auto;
}
.section1-copy {
	color:#eff0ff;
	font-size:44%;
	text-transform:none;
	text-align:left;
}
.sectioncopy {
	float:none;
	margin:auto;
	max-width:500px;
	padding-top:25px;
}
.sectioncopy-left {
	float:left;
	margin:auto;
	max-width:500px;
	padding-top:30px;
}
.sectioncopy-right {
	float:right;
	margin:auto;
	max-width:500px;
	padding-top:30px;
}
.sectioncopy-wide {
	float:none;
	margin:auto;
	max-width:800px;
	padding-top:100px;
}
.title-content{
    float:left;
    margin-right:5px;
	color:#fff;
	font-size:150%;
	font-weight: bold;
}
.title-beast{
    float:left;
    margin-right:5px;
	color:#fff;
	font-size:135%;
	font-weight: bold;
}
.section-content{
    color:#fff;
	font-size:110%;
	text-align:left;
}
.section-img-container{
	display:contents;
}
.section-img{
	margin: auto;
	max-width:265px;
	padding-top: 25px;
}
#intro-wrap.section1{
	background: URL(images/sections/section1m.jpg) no-repeat center center #000;
	background-attachment: scroll;
	background-size: cover;
	height: 35em;
	overflow: hidden; /* Hide scrollbars */
	}
.s2bg {
	background: URL(images/sections/section2m.jpg) no-repeat center center #000;
    background-attachment: scroll;
    background-size: cover;
    height: 50em;
	overflow: hidden; /* Hide scrollbars */
}
.s3bg {
	background: URL(images/sections/section3m.jpg) no-repeat center center #000;
    background-attachment: scroll;
    background-size: cover;
    height: 40em;
	overflow: hidden; /* Hide scrollbars */
}
.s4bg {
	background: URL(images/sections/section4m.jpg) no-repeat center center #000;
    background-attachment: scroll;
    background-size: cover;
    height: 40em;
	overflow: hidden; /* Hide scrollbars */
}
.s5bg { 
	background: URL(images/sections/section5.jpg) no-repeat center center #000;
    background-attachment: scroll;
    background-size: cover;
    height: 36em;
	overflow: hidden; /* Hide scrollbars */
}
#intro .intro-mockup-wrapper {
	padding-top: 55px
}
.buttony {
	font-size: 8pt;
}
article.bio-item {
	width: 85%;
	margin: auto;
	display: block !important;
}
#top-footer .widget {
	margin-bottom: 0;
	font-size: 1.2em;
	line-height: 1.62em;
}
#intro .intro-mockup-wrapper.kizatl, #intro .intro-mockup-wrapper.kizchar {
	padding-top: 36px;
}
.button {
	margin: auto;
}
#intro .caption p, #intro .caption-mockup p {
	margin: 15px 0px 0px;
}
o-wrap {
	height: 15em;
}
#intro-wrap.aboutpg, #intro-wrap.teampg, #intro-wrap.contactpg, #intro-wrap.partnerbg {
	height: 10em;
}
#intro .caption h2 {
	bottom: -112px;
	font-size: 4.4em;
}
section.city h2 {
	top: -144px;
}
.mainlogo {
	position: relative;
	top: 0px;	
}
}

#intro [data-info="hq"] {
	display: none;
}
footer fieldset {
	margin: 0px;
	outline: none;
	padding: 0px;
}
footer fieldset input[type="email"] {
	width: 100%;
	margin-top: 10px;
	border: 0px solid white;
	padding-left: 10px;
	background: rgba(255,255,255,0.77);
}
footer fieldset input[type="email"]:focus {
	background: #fff;
}
button.ftr-email {
	cursor: pointer;
	border: 0px solid white;
	padding: 5px 10px;
	font-size: 15px;
	background: rgba(0,0,0,0.66);
	color: #eee;
	border-radius: 25px;
}
button.ftr-email:hover {
	background: rgba(255,255,255,0.65);
	color: #222;
}
button.ftr-email:active, button.ftr-email:focus {
	outline: none;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.hide {
	display: none;
}
label {
}
label:active {
	box-shadow: 0px 1px 2px grey;
}
input[type=checkbox] {
	position: absolute;
	top: -9999px;
	left: -9999px;/* For mobile, it's typically better to position checkbox on top of clickable
  area and turn opacity to 0 instead. */
}
/* Toggled State */
input[type=checkbox]:checked ~ .hide {
	display: block;
}
.hist-logo {
	float: left;
	display: block;
	width: 145px;
	height: 145px;
	position: absolute;
	left: -10em;
}
section.history .column {
	margin-left: 10em;
}
.modal {
	width: 100%;
	min-height: 300px;
	display: none;
	position: fixed;
	float: none;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(40, 40, 40, 0.65);
	height: 100%;
	z-index: 100;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
.modal-inner {
	padding: 20px;
	width: 80%;
	max-width: 400px;
	background: #fff;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
	margin: 10% auto;
	position: relative;
	font-size: 15px;
	line-height: 20px;
	z-index: 120;
}
.close {
	position: absolute;
	top: -30px;
	right: 0px;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	font-weight: 200;
	cursor: pointer;
}
.ppop-btn {
	font-size: 12px;
	color: #999;
	display: block;
	margin-bottom: 20px;
	text-decoration: none;
	text-transform: lowercase;
	
}
.column.three, .column.fourth {
	width: 21%;
}
.row-content.buffer, .row-content.buffer-bottom {
	padding-bottom: 8%;
}
.row-content.buffer.even, .row-content.buffer-top.even {
	padding-top: 2%;
}

article h3 {
	-webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;	
}

header.transparent.light nav > ul > li > a:hover {
	border-bottom: 2px solid #222 !important;	
}

#intro .intro-mockup .game-icons li a img {
	width: 75%;	
}

.mainlogo {
 position: relative;
 top: 35px;	
}

.hpone {
background: #cecece;
background: -moz-linear-gradient(left, #cecece 0%, #ffffff 20%, #ffffff 80%, #cecece 100%);
background: -webkit-linear-gradient(left, #cecece 0%,#ffffff 20%,#ffffff 80%,#cecece 100%);
background: linear-gradient(to right, #cecece 0%,#ffffff 20%,#ffffff 80%,#cecece 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#cecece',GradientType=1 );
	
}

#top-footer ul li {
padding: 4px 0px;	
}

	h1.hphdr {
	font-size: 1.4em;
	text-transform: none;
	color: #57585b;
	text-align: center;	
	}