#mobiView{display:none;}


body {

  background: White;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.MailChimp_List {

  font-family: Arial;
  font-size: 22pt;
  font-weight: bold;
  Margin: 24px;
  color: #969696;
}

.MailChimp_Address {

  clear:left;
  font-weight: bold;
  font-size: 18px;
  font-family: Arial;
  color: #646464;
}

.logo_image {
	
	position: relative;
	top: 8px;
	left: 4px;
  	width: 180px;
  	height: 40px;
}

-webkit-keyframes titlebackground-slide {

    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@-webkit-keyframes MOVE-titlebackground {

   from {
     -webkit-transform: translateX(0);
   }
   to { 
     -webkit-transform: translateX(-187%);
   }
}

#content {

  height: 300px;
  text-align: center;
  font-size: 26px;
  color: #000;
  position:relative;
}

.topbar {

	display: inline-block;
	position: fixed;
	background-color: black;
	opacity: 1.0;
	width: 100%;
	height: 64px;
        z-index: 100;
}

.topbar_frame {

	display: block;
        Margin-top: 0px;
	position: relative;
	text-align: center;
	white-space: nowrap;
}

.topbar_text {

	display: inline-block;
	position: relative;
	text-align: center;
	top: -2px;
	left: 0px;
	height: 32px;
}

A:link {
	
	display: inline;
	position: relative;
	text-decoration: none; 
	font-family: arial; 
	font-weight: bold; 
	color: #646464;
	margin-bottom: 12px;
}

A:visited {

	text-decoration: none;
	font-family: arial;
	font-weight: bold; color: #646464;
}

A:hover {

	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	color: rgb(50,180,250);
}

A:active {
	
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	color: #646464;
}

.topbar_buttons {

	position: relative;
	border: none;
	text-decoration: none;
	background-color: black;
	top: 12px;
	right: 4px;
	margin-right: 8px;
	width: 40px;
	height: 40px;
}

.titlebackground {

	position: relative;
	display: block;
	text-align: center;
  	margin-top: 44px;
  	height: 576px;
	width: 100%;
	background: url("../images/Title_01_Background.png");
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: rgb(10,90,150);
	z-index: -100;
	
}

.trailerbackground {

	display: block;
	left: 50%;
	right: 50%;
	margin-left: -112px;
	text-align: center;
	position: fixed;
	top: 360px;
	width: 224px;
	height: 128px;
	background: url("../images/Button_Trailer_BG.gif");
	border-radius: 8px;
	z-index: 50;
}

.trailerbutton {

	display: block;
	margin: auto;
	position: relative;
	top: 40px;
	width: 48px;
	height: 48px;
	background: url("../images/Button_Trailer.png");
	z-index: 50;
}

.trailerbutton:hover {
	
	background: url("../images/Button_Trailer_Over.png");
	
}

.button_steam {
	border: none;
	width: 176px;
	height: 56px; 
	background: url("../images/Button_Steam.png");
	display: block;
	position: fixed;
	text-align: center;
	top: 512px;
	left: 50%;
	right: 50%;
	margin-left: -88px;
}

.button_steam:hover {
	
	background: url("../images/Button_Steam_Over.png");
	
}

a.kickstarter {
	display:block; position:fixed; top:510px; left:calc(50% - 150px);
}

a.mobikickstarter{display:block; position:absolute; top:60px; left:calc(50% - 100px);}

.backdrop {
	width: 100%;
	height: 2048px;
	background-color: white;
	z-index: 20;
}



#mc_embed_signup 
input.email {

	font-family: Arial;
	font-size: 16px;
 	border: 0px solid #ABB0B2;
        -webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 8px;
 	color: #343434;
	border-top: 2px solid;
	border-color: rgb(150,150,150);
 	background-color: #d2d2d2;
 	box-sizing:border-box;
 	display: inline-block;
	float: left;
 	margin: 0;
	height:48px; padding: 0px 0.4em;
 	width:256px;
 	vertical-align:top;
}

#mc_embed_signup 
.button {

	border: none;
	height:48px; 
	width:144px;
	background-color:#fff;
	background: url("../images/MailingList_Button.png");
	display: inline-block;
	float: right; 
}

#mc_embed_signup
.button:hover {
	
	background: url("../images/MailingList_Button_Over.png");
	
}
	
.dragon {

	display: inline-block;
	float: left;
	height: 408px;
	position: relative;
	margin-right: 48px;
	margin-left: 16px;
	-webkit-transform: scaleX(-1);
 	transform: scaleX(-1);
}

.about_frame {

  	display: block;
  	width: 1008px;
  	height: 384;
  	opacity: 1.0;
  	color: #aa6efb;
  	margin: auto;
	z-index: 20;
	position: relative;
	background-color: rgb(255,255,255);
}

.about_container {

  	margin-top: 0px;
}

.about {

  	font-family: Trebuchet MS;
  	font-weight: bolder;
  	font-size: 24pt;
  	text-align: left;
  	color: #646464;
  	position: relative;
}

.about_text {

  	font-family: arial;
  	font-size: 18px;
  	color: #646464;
  	width: 384px:
  	text-align: left;
  	position: relative;
	white-space: nowrap;
}

.features_frame {

  	display: block;
  	width: 976px;
  	height: 658px;
  	margin: auto;
  	border: dotted;
  	border-color: #ffffff;
}

.featureshot_frame {

  	display: inline;
  	float: left;
  	margin-right: 16px;
}

.featureshot_top {

  	display: block;
  	text-align: left;
  	margin-left: 0px;
  	position: relative;
	width: 352px;
	cursor: pointer;
	border-radius: 16px 0px 0px 16px;
}

.featureshot_top:hover {

	-webkit-filter: brightness(150%);

}

.featureshot {

  	display: block;
  	text-align: left;
  	margin-left: 0px;
  	margin-top: 16px;
  	position: relative;
	width: 352px;
	cursor: pointer;
	border-radius: 16px 0px 0px 16px;
}

.featureshot:hover {

	-webkit-filter: brightness(150%);

}

.featurestitle_top {

  	text-align: left;
  	font-family: Trebuchet MS;
  	font-weight: bold;
  	font-size: 24pt;
  	color: #b4b4b4;
  	margin-left: 48px;
  	position: relative;
}

.featurestitle {

  	text-align: left;
  	font-family: Trebuchet MS;
  	font-weight: bold;
  	font-size: 19pt;
  	color: rgb(250,150,0);
  	margin-left: 48px;
  	position: relative;
}

.features {

  	width: 512px;
  	margin-left: 40%;
  	z-index: 0;
  	position: relative;
}

.features_list {

	
  	margin-left: 80px;
}

.features_items {
	
	
  	list-style-type: disk;
  	padding-left: 0;
  
}

.features_bg {

  	display: inline-block;
  	padding: 0;
  	background-color: rgb(80,80,80);
  	opacity: 1.0;
  	margin-left: 0px;
  	width: 608px;
  	Height: 626px;
  	border-radius: 0px 16px 16px 0px;
}

.features_text {

	display:list-item;
  	font-family: Arial;
  	font-size: 18px;
  	color: #b4b4b4;
  	text-align: left;
	list-style-type: disc;
}

.images_frame {

  	display: inline-block;
  	width: 100%;
  	border-width: 0px;
  	opacity: 1.0;
  	margin: auto;
  	height: 128px;
}

.images_row {

  	display: block;
  	position: relative;
  	height: 144px;
  	margin: auto;
  	width: 984px;
  	border: solid;
  	border-width: 0px;
}

.images_item {

  	display: inline-block;
  	margin-right: 4px;
  	margin-left: 4px;
  	margin-Bottom: 4px;
  	cursor: pointer;
  	transition: 0.1s;
  	width: 235px;
  	border-radius: 8px;
  	align-self: center;
}

.images_item:hover {

  	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19);
  	-webkit-filter: brightness(150%);
}

.team_title {

  	display: block;
  	text-align: center;
  	position: relative;
  	height: 128px;
  	margin: auto;
  	width: 984px;
  	border: solid;
  	border-width: 0px;
}

.team {

  	display: block;
  	width: 100%;
  	height: 960px;
}

.team_profileblock {

  	display: block;
  	text-align: center;
	margin: auto;
  	width: 976px;
  	height: 216px;
	background-color: rgb(255,255,255);
	z-index: 1000;
	border-radius: 16px;
}

.team_profile_left {

  	display: inline-block;
        position: absolute;
  	margin-left: -468px;
	margin-right: 32px;
	margin-top: 16px;
  	text-align: left;
  	width: 488px;
  	height: 256px;

}

.team_profile_right {

  	display: inline-block;
        position: absolute;
        margin-left: 16px;
  	text-align: left;
	margin-top: 16px;
  	width: 488px;
  	height: 256px;
}

.team_profile_title {

	display: inline-block;
	font-weight: 600;
        position: relative;
	font-family: Trebuchet MS;
  	font-size: 26px;
	color: rgb(60,170,220);
	top: -76px;
	left: 16px;
}

.team_profile_positions {

	display: inline-block;
	font-weight: bolder;
        position: absolute;
	font-family: arial;
	margin-left: 300px;
	margin-top: 116px;
  	font-size: 18px;
	color: rgb(100,100,100);
	top: -84px;
	left: -200px;
	list-style-type: disc;
}

.team_text {

	display: inline;
	float: left;
	text-align: left;
        position: relative;
	font-family: arial;
  	font-size: 18px;
	color: rgb(100,100,100);
	top: 8px;
	width: 424px;
}

.team_picture {

	display: inline-block;
	text-align: left;
	margin-top: 0px;
        position: relative;
	font-family: arial;
  	font-size: 18px;
	text-color: rgb(100,100,100);
}

.Rights_Container {

  	display: block;
  	width: 100%;
  	opacity: 1.0;
  	height: 72px;
  	background-color: #323232;
  	z-index: 100;
	clear:both;
 /* 	bottom: 0px;
  	white-space: nowrap; */
}

.Rights {

  	position: relative;
  	font-family: Arial;
  	font-size: 18px;
  	text-align: center;
  	color: #646464;
  	top: 26px;
  	white-space: nowrap;
}

/* Loader */
.loader.is-loaded {
  transition: left .3s linear;
  left: 100% !important;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
/* /Loader 



/* MOBILE */

#mobicontent {
  height: 300px;
  text-align: center;
  font-size: 26px;
  color: #000;
  position:relative;
}

.mobitopbar_buttons {

	position: relative;
	border: none;
	text-decoration: none;
	background-color: black;
	top: 12px;
	right: 0px;
	margin-right: 4px;
	margin-left: 4px;
	width: 40px;
	height: 40px;
}

.mobititlebackground {

	position: relative;
	display: block;
	text-align: center;
  	margin-top: 44px;
  	height: 576px;
	width: 100%;
	background: url("../images/Title_01_Background_Mobile.png");
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: rgb(10,90,150);
	z-index: -100;
	
}

.mobitrailerbackground {

	display: block;
	left: 50%;
	right: 50%;
	margin-left: -112px;
	text-align: center;
	position: absolute;
	top: 480px;
	width: 224px;
	height: 128px;
	background: url("../images/Button_Trailer_BG.gif");
	border-radius: 8px;
	z-index: 50;
}

.mobitrailerbutton {

	display: block;
	margin: auto;
	position: relative;
	top: 40px;
	width: 48px;
	height: 48px;
	background: url("../images/Button_Trailer.png");
	z-index: 60;
}

.mobitrailerbutton:hover {
	
	background: url("../images/Button_Trailer_Over.png");
	
}
.mobibutton_steam {

	border: none;
	width: 176px;
	height: 56px; 
	background: url("../images/Button_Steam.png");
	display: block;
	position: absolute;
	text-align: center;
	top: 80px;
	left: 50%;
	right: 50%;
	margin-left: -88px;
}

.mobibutton_steam:hover {
	
	background: url("../images/Button_Steam_Over.png");
	
}

.mobibackdrop {

	width: 100%;
	background-color: white;
	z-index: 20;
}
	
.mobidragon {

	display: inline-block;
	height: 312px;
	position: relative;
	margin:0 auto;
	Right: 40px;
	-webkit-transform: scaleX(-1);
 	transform: scaleX(-1);
}

.mobiabout_container {

	display: inline-block;
	width: 512px;
	Right: 260px;
	position: relative;
	margin-right: 50%;
	margin-left: 50%;
	text-align: left;
	top: -20px;
  	
}

.mobifeatures_frame {

	padding-bottom:8px;
  	display: inline-block;
  	width: 976px;
	position: relative;
	Right: 308px;
  	margin-left: 50%;
	margin-right: 50%;
  	border: dotted;
  	border-color: #ffffff;
}

.mobifeatures_bg {

  	display: inline-block;
  	padding: 0;
  	background-color: rgb(80,80,80);
  	opacity: 1.0;
  	margin-left: 0px;
  	width: 608px;
  	Height: 626px;
	padding-right:10px;
  	border-radius: 16px 16px 16px 16px;
}


.mobiimages_frame {

  	display: inline-block;
  	width: 100%;
  	border-width: 0px;
  	opacity: 1.0;
  	margin: auto;
	position: relative;
}

.mobiimages_row {

  	display: inline-block;
	text-align: center;
  	position: relative;
	Right: -1px;
  	height: 144px;
  	margin-left: 0px;
	margin-top: 4px;
  	width: 100%;
  	border: solid;
  	border-width: 0px;
}

.mobiimages_item {

  	display: inline-block;
	border: 0px;
  	margin-right: 4px;
  	margin-left: 4px;
  	margin-Bottom: 4px;
  	cursor: pointer;
  	transition: 0.1s;
  	width: 265px;
  	border-radius: 8px;
  	align-self: center;
}


.mobiteam_title {

  	display: block;
  	text-align: center;
  	position: relative;
  	margin: auto;
  	width: 480px;
  	border: solid;
  	border-width: 0px;
	left: -2px;
}

.mobiteam {

  	display: block;
  	width: 100%;
	position: relative;
}

.mobiteam_profileblock {

  	display: block;
	position: relative;
  	text-align: center;
	margin: auto;
  	width: 550px;
  	height: 240px;
	background-color: rgb(255,255,255);
	z-index: 100;
	border-radius: 16px;
	left: -1px;
}

.mobiteam_profile {

	position:relative;
  	display: inline-block;
  	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
  	text-align: left;
  	width: 550px;
	padding:0 20px 0 20px;

}

.mobiteam_profile_positions {

	display: inline-block;
	font-weight: bolder;
        position: absolute;
	font-family: arial;
	margin-left: 300px;
	margin-top: 116px;
  	font-size: 18px;
	color: rgb(100,100,100);
	top: -64px;
	left: -180px;
	list-style-type: disc;
}

.mobiteam_text {

	display: inline;
	float: left;
	text-align: left;
        position: relative;
	font-family: arial;
  	font-size: 18px;
	color: rgb(100,100,100);
	padding-top:10px;
	padding-bottom:20px;
	width: 520px;
}

.mobiteam_picture {

	display: inline-block;
	text-align: left;
	margin-top: 20px;
        position: relative;
	font-family: arial;
  	font-size: 18px;
	text-color: rgb(100,100,100);
}

#mobimc_embed_signup 
input.email {

	font-family: Arial;
	font-size: 16px;
 	border: 0px solid #ABB0B2;
        -webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 8px;
 	color: #343434;
	border-top: 2px solid;
	border-color: rgb(150,150,150);
 	background-color: #d2d2d2;
 	box-sizing:border-box;
 	display: inline-block;
	float: left;
 	margin: 0;
	height:48px; padding: 0px 0.4em;
 	width:256px;
 	vertical-align:top;
}

#mobimc_embed_signup 
.button {

	border: none;
	height:48px; 
	width:144px;
	
	
	background: url("../images/MailingList_Button.png");
	display: inline-block;
	float: right; 
}

#mobimc_embed_signup
.button:hover {
	
	background: url("../images/MailingList_Button_Over.png");
	
}

@media screen and (max-width: 1000px) {
	#mobiView{display:block;}
	#fullView{display:none;}
}