/** Generated by FG **/
@font-face {
	font-family: "Bowlby One";
	src: url("fonts/BowlbyOne.eot");
	src: url("fonts/BowlbyOne.eot?#iefix") format("embedded-opentype"),
		url("fonts/BowlbyOne.woff2") format("woff2"),
		url("fonts/BowlbyOne.woff") format("woff"),
		url("fonts/BowlbyOne.ttf") format("truetype"),
		url("fonts/BowlbyOne.svg#BowlbyOne") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Bowlby One SC";
	src: url("fonts/BowlbyOneSC-Regular.eot");
	src: url("fonts/BowlbyOneSC-Regular.eot?#iefix") format("embedded-opentype"),
		url("fonts/BowlbyOneSC-Regular.woff2") format("woff2"),
		url("fonts/BowlbyOneSC-Regular.woff") format("woff"),
		url("fonts/BowlbyOneSC-Regular.ttf") format("truetype"),
		url("fonts/BowlbyOneSC-Regular.svg#BowlbyOneSC-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

input:required:invalid,
input:required:valid {
	outline: none;
	box-shadow: none;
}

html,
body {
	height: 100%;
	overflow-y: hidden;
	font-size: 0.75vw;
	font-family: 'Bowlby One SC', Impact, Charcoal, sans-serif;
	background-color: #000;
}

.container {
	height: 100%;
	perspective: 50px;
	perspective-origin: 0 0;
	overflow-x: hidden;
	overflow-y: auto;
	color: #6f6f6f;
	min-width: 650px;
}

body {
	min-height: 100%;
}

.hideText {
	font-size: 0;
}
.noEvents {
	pointer-events: none;
}

.front {
	position: relative;
	transform-style: preserve-3d;
	z-index: -1;
}
.front .bg_front {
	background-position: center top;
	background-image: url(../img/front/background01.jpg?1);
	background-color: #6e4371;
	background-size: cover;
	width: 100vw;
	height: 104%;

	transform: translateZ(-50px) scale(2) translateY(14.1vw) translateX(25vw);
}
.recaptcha-wrapper {
	background-color: rgba(0, 0, 0, 0.9);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}
.thx_sub {
	top: 40%;
	left: 30%;
	width: 40%;
	height: 20%;
	position: absolute;
	display: none;
	background-color: #eee;
	text-align: center;
	font-size: 2vw;
	align-items: center;
	border-radius: 7vw;
}
.thx_sub>div {
	width: 100%;
	text-align: center;
}
.thx_sub.on {
	display: flex;
}
.recaptcha-wrapper.on {
	display: block;
}
.g-recaptcha {
	top: 50%;
	left: 50%;
	margin-top: -39px;
	margin-left: -152px;
	position: absolute;
	display: none;
}
.g-recaptcha.on {
	display: block;
}
.front div {
	position: absolute;
}
.front {
	width: 100%;
	height: 100%;
	min-height: 45vw;
	max-height: 62vw;
}
.front .faces {
	width: 100%;
	height: 101%;
}
.front .faces .face {
	top: -10%;
	height: 110%;
	background-position: center top;
	background-repeat: no-repeat;
	width: 100vw;
	background-size: contain;
	position: absolute;
	display: none;
}
.front .faces .face.on {
	display: inherit;
}
.front .faces .face.left {
	left: -50vw;
}
.front .faces .face.right {
	right: -50vw;
}
.front .faces .face.yellow {
	background-image: url(../img/front/yellow.png?1);	
}
.front .faces .face.green {
	background-image: url(../img/front/green.png?1);	
}
.front .faces .face.blue {
	background-image: url(../img/front/blue.webp?1);	
}
.front .faces .face.red {
	background-image: url(../img/front/red.webp?1);	
}


.front .top_header {
	height: 10.5vw;
	width: 100%;
	color: #fff;
}
.front .top_header.bg {
	background-image: url(../img/front/top_header.png?1);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.front .menu {
	width: 100%;
	text-align: center;
}
.front .menu a {
	margin: 1em 1em;
	padding: .5em 2em;
	display: inline-block;
	font-size: 1.8em;
	text-decoration: none;
	color: #fff;
	transition: 0.2s ease all;
	text-shadow: 0em 0em #000, 0em 0em #fff;
}
.front .menu a:hover {
	color: #ffd634;
	text-shadow: 1px 1px #000, 0.1em 0.1em #fff;
}

.front .box_top {
	width: 30%;
	left: 35%;
	margin-top: -3.6%;
	height: 46%;
	top: 19%;
	text-align: center;
}

.front .box_top .logo {
	height: 100%;
}

.front .box_top .logo_text {
	position: relative;
	width: 58%;
	left: 56.5%;
	top: -14%;
	transform: rotateZ(-10deg);
	color: #fff;
	text-shadow: 0.1vw 0.25vw #000, 0 0 1vw #000;
	font-size: 1.2vw;
	text-align: center;
	display: block;
	letter-spacing: 0.03vw;
}

.front .stay_tuned {
	position: absolute;
	background-image: url(../img/front/stay_tuned.png?1);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 17%;
	height: 9vw;
	left: 30vw;
	top: 71%;
}
.front .stay_tuned .button {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 4vw;
	width: 4vw;
	display: block;
	position: absolute;
	top: 40%;
	transition: 0.1s all ease-out;
}
.front .stay_tuned .button.on,
.front .stay_tuned .button:hover {
	width: 5vw;
	height: 5vw;
	margin-left: -0.5vw;
	margin-top: -0.5vw;
}
.front .stay_tuned .button.twitter {
	left: -1.3vw;
	top: 3.5vw;
	background-image: url(../img/front/twitter.png?1);
}
.front .stay_tuned .button.twitter.on,
.front .stay_tuned .button.twitter:hover {
	background-image: url(../img/front/twitter_hover.png?1);
}
.front .stay_tuned .button.reddit {
	left: 0.6vw;
	top: 8.3vw;
	background-image: url(../img/front/reddit.png?1);
}
.front .stay_tuned .button.reddit.on,
.front .stay_tuned .button.reddit:hover {
	background-image: url(../img/front/reddit_hover.png?1);
}
.front .stay_tuned .button.discord {
	left: 5vw;
	top: 4vw;
	background-image: url(../img/front/discord.png?1);
}
.front .stay_tuned .button.discord:hover {
	background-image: url(../img/front/discord_hover.png?1);
}
.front .stay_tuned .button.youtube {
	left: 7vw;
	top: 9vw;
	background-image: url(../img/front/youtube.png?1);
}
.front .stay_tuned .button.youtube:hover {
	background-image: url(../img/front/youtube_hover.png?1);
}
.front .stay_tuned .button.email {
	left: 14vw;
	top: 9.2vw;
	background-image: url(../img/front/email.png?1);
}
.front .stay_tuned .button.email:hover {
	background-image: url(../img/front/email_hover.png?1);
}
.front .stay_tuned .button.steam {
	left: 11vw;
	top: 5vw;
	background-image: url(../img/front/steam.png?1);
}
.front .stay_tuned .button.steam:hover {
	background-image: url(../img/front/steam_hover.png?1);
}

/*Not used*/
.front .platforms {
	position: absolute;
	background-image: url(../img/front/platforms.png?1);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 15%;
	height: 6vw;
	left: 56vw;
	top: 71%;
}

#fullscreen_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000);
	background-color: rgba(0,0,0,0.9);
	z-index: -1;
	opacity: 0;
	transition: 0.5s opacity ease;
}
#fullscreen_overlay.on {
	z-index: 1;
	opacity: 1;
}
#fullscreen_overlay #close {
	color: #fff;
	font-size: 3vw;
	position: absolute;
	right: 0;
	text-align: center;
	cursor: pointer;
	width: 5%;
	height: 5%;
}
#fullscreen_overlay #fullscreen_content {
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	position: absolute;
}
#fullscreen_overlay #ytplayer {
	width: 100%;
	height: 100%;
}

.front .trailer_wrapper {
	position: absolute;
	width: 22%;
	height: 15vw;
	left: 55vw;
	top: 65%;
}
.front .trailer {
	background-image: url(../img/front/trailer3.png?1);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 100%;
	height: 100%;
	transform: rotateZ(3deg);
}
.front .trailer .actual_trailer {
	position: absolute;
	left: 5%;
	width: 90%;
	height: 74%;
	top: 16%;
	cursor: pointer;
}
.front .trailer .actual_trailer .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	transition: 0.1s opacity ease;
}
.front .trailer .actual_trailer:hover .overlay {
	opacity: 0.3;
}
.front .trailer .actual_trailer .play_icon {
	color: #000;
	font-size: 4vw;
	position: absolute;
	width: 4vw;
	height: 4vw;
	text-align: center;
	top: 50%;
	background-color: #fff;
	border-radius: 100%;
	border: 0.2vw solid #000;
	left: 50%;
	margin-left: -2vw;
	margin-top: -2vw;
	opacity: 0.5;
	transition: 0.1s opacity ease;
}
.front .trailer .actual_trailer:hover .play_icon {
	opacity: 1;
}

.front .scroll_down {
	position: absolute;
	top: 90%;
	left: 50%;
	width: 2vw;
	height: 2vw;
	margin-left: -0.7071vw;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotateZ(-45deg);
	animation: scroll_down 1.5s infinite;
	box-sizing: border-box;
	display: none;
}
.front .scroll_down.on {
	display: block;
}
@keyframes scroll_down {
	0% {
		transform: rotateZ(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotateZ(-45deg) translate(-100%, 100%);
		opacity: 0;
	}
}



.what_is_this {
	height: 40.5vw;
	background-position: center top;
	background-image: url(../img/whatisthis/background02.jpg?1);
	background-color: #65536b;
	background-size: cover;
	border-bottom: 0.5vw solid #000;
	position: relative;
	overflow: hidden;
}

.what_is_this .whaisthis_logo {
	position: absolute;
	left: 41vw;
	height: 28vw;
	top: 10.4vw;
}

.what_is_this .button,
.what_is_this .content,
.what_is_this .title {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
}

.what_is_this .title {
	background-image: url(../img/whatisthis/what.png?1);
	left: 57vw;
	height: 10vw;
	top: 3.4vw;
	width: 35vw;
}

.scaleTransition {
	transition: all 0.1s ease-in-out 0s;
	transform: scaleX(0);
}
.scaleTransition.on {
	transition: all 0.1s ease-in-out 0.1s;
	transform: scaleX(1);
}

.what_is_this .content {
	background-image: url(../img/whatisthis/textbox01.png?1);
	left: 17vw;
	top: 7.4vw;
	width: 28.5vw;
	height: 12.1vw;
	padding: 1.5vw 7vw 2vw 2vw;
	overflow: hidden;
	color: #6f6f6f;
	font-size: 1.4vw;
}

.what_is_this .button {
	cursor: pointer;
	position: absolute;
	transition: 0.1s all ease-out;
	margin-top: 0vw;
	margin-left: 0vw;
	width: 12vw;
	height: 4vw;
	background-position: center;
}
.what_is_this .button:hover,
.what_is_this .button.on {
	margin-top: -1vw;
	margin-left: -1vw;
	width: 14vw;
	height: 6vw;
}
.what_is_this #button_features.button {
	background-image: url(../img/whatisthis/features.png?1);
	left: 18vw;
	top: 25vw;
}
.what_is_this #button_features.button:hover {
	background-image: url(../img/whatisthis/features_hover.png?1);
}
.what_is_this #button_features.button.on {
	background-image: url(../img/whatisthis/features_pressed.png?1);
}
.what_is_this #button_plot.button {
	background-image: url(../img/whatisthis/plot.png?1);
	left: 28vw;
	top: 28.5vw;
}
.what_is_this #button_plot.button:hover {
	background-image: url(../img/whatisthis/plot_hover.png?1);
}
.what_is_this #button_plot.button.on {
	background-image: url(../img/whatisthis/plot_pressed.png?1);
}

.the_band {
	height: 49vw;
	background-position: center top;
	background-image: url(../img/theband/background03.jpg?1);
	background-color: #2b2042;
	background-size: cover;
	border-bottom: 0.5vw solid #000;
	position: relative;
	overflow: hidden;
}

.the_band .theband_logo {
	position: absolute;
	left: 14vw;
	height: 5vw;
	top: 5vw;
}

.the_band .button {
	top: 12vw;
	background-repeat: no-repeat;
	position: absolute;
	width: 8.5vw;
	background-size: contain;
	height: 10vw;
	cursor: pointer;
	transition: all 0.2s ease;
	background-position: center 0vw;
}
.the_band .button.on,
.the_band .button:hover {
	background-position: center 0.9vw;
}
.the_band .eyes img.eye {
	opacity: 1;
	position: absolute;
	z-index: 1;
	width: 14vw;
	height: 10vw;
	left: -100vw;
	transition: 0s opacity ease-out,
		0s margin-left ease-out 0s,
		0s width       ease-out 0s,
		0s margin-top  ease-out 0s,
		0s height      ease-out 0s;
}
.the_band .eyes img.glint {
	opacity: 1;
	position: absolute;
	z-index: 1;
	width: 1.25vw;
	height: 1.25vw;
	margin-left: 6.375vw;
	margin-top: 4.375vw;
	transition: 0s opacity ease-out;
}

.the_band .eyes img.eye.halo {
	opacity: 0.7;
}
.the_band .eyes img.eye.flare {
	opacity: 1;
}
.the_band .on+.eyes img.eye {
	opacity: 0;
}

.the_band .on+.eyes img.eye.halo {
	transition: 0.4s opacity ease-out 0.1s;
}
.the_band .on+.eyes img.eye.flare {
	transition: 0.16s opacity ease-out 0.2s,
		0.08s margin-left ease-out 0s,
		0.08s width       ease-out 0s,
		0.08s margin-top  ease-in 0s,
		0.08s height      ease-in 0s;
}
.the_band .on+.eyes img.eye.glint {
	transition: 0.5s opacity ease-out;
}


.the_band #button_red.on+.eyes img.eye {
	top: 11.6vw;
}
.the_band #button_red.on+.eyes img.left.eye {
	left: 14.6vw;
}
.the_band #button_red.on+.eyes img.right.eye {
	left: 16.95vw;
}

.the_band #button_blue.on+.eyes img.eye {
	top: 12.15vw;
}
.the_band #button_blue.on+.eyes img.left.eye {
	left: 21.8vw;
}
.the_band #button_blue.on+.eyes img.right.eye {
	left: 24.3vw;
}

.the_band #button_green.on+.eyes img.eye {
	top: 12.2vw;
}
.the_band #button_green.on+.eyes img.left.eye {
	left: 29.2vw;
}
.the_band #button_green.on+.eyes img.right.eye {
	left: 31.9vw;
}

.the_band #button_yellow.on+.eyes img.eye {
	top: 12.45vw;
}
.the_band #button_yellow.on+.eyes img.left.eye {
	left: 36.7vw;
}
.the_band #button_yellow.on+.eyes img.right.eye {
	left: 39.2vw;
}


.the_band .eyes img.eye.flare {
	height: 2vw;
	margin-top: 4vw;
	width: 0vw;
	margin-left: 7vw; 
}
.the_band .on+.eyes img.eye.flare {
	width: 14vw;
	margin-left: 0vw;
}
.the_band #button_red.button {
	background-image: url(../img/theband/button_red_off.png?1);
	left: 18.5vw;
}
.the_band #button_red.button.on {
	background-image: url(../img/theband/button_red.png?1);
}
.the_band #button_blue.button {
	background-image: url(../img/theband/button_blue_off.png?1);
	left: 26vw;
}
.the_band #button_blue.button.on {
	background-image: url(../img/theband/button_blue.png?1);
}
.the_band #button_green.button {
	background-image: url(../img/theband/button_green_off.png?1);
	left: 33.5vw;
}
.the_band #button_green.button.on {
	background-image: url(../img/theband/button_green.png?1);
}
.the_band #button_yellow.button {
	background-image: url(../img/theband/button_yellow_off.png?1);
	left: 41vw;
}
.the_band #button_yellow.button.on {
	background-image: url(../img/theband/button_yellow.png?1);
}

.the_band .name {
	top: 23vw;
	background-repeat: no-repeat;
	position: absolute;
	width: 36.5vw;
	background-size: contain;
	height: 5vw;
	cursor: pointer;
	left: 16vw;
}

.movementTransition {
	margin-left: -4vw;
	opacity: 0;
	transition: all 0.1s linear 0s;
}
.movementTransition.on {
	transition: all 0.1s linear 0.1s;
	margin-left: 0vw;
	opacity: 1;
}

.the_band .name.on {
	opacity: 1;
}

.the_band #band_name_red.name {
	background-image: url(../img/theband/red_text.png?1);
}
.the_band #band_name_blue.name {
	background-image: url(../img/theband/blue_text.png?1);
}
.the_band #band_name_green.name {
	background-image: url(../img/theband/green_text.png?1);
}
.the_band #band_name_yellow.name {
	background-image: url(../img/theband/yellow_text.png?1);
}

.the_band .bg {
	background-image: url(../img/theband/kids.png?1);
	position: absolute;
	width: 34vw;
	height: 37vw;
	background-size: contain;
	background-repeat: no-repeat;
	top: 8.1vw;
	left: 58vw;
}

.the_band .content {
	background-image: url(../img/theband/textbox02.png?1);
	position: absolute;
	width: 30vw;
	height: 15vw;
	background-size: contain;
	background-repeat: no-repeat;
	top: 29vw;
	left: 17vw;
	padding: 1.8vw 4vw 2vw 5vw;
	font-size: 1.35vw;
}


#gameplay {
	height: 117.5vw;
	background-position: center top;
	background-image: url(../img/gameplay/background04.jpg?1);
	background-color: #65536b;
	background-size: cover;
	border-bottom: 0.5vw solid #000;
	position: relative;
	overflow: hidden;
}
#gameplay .content {
	background-image: url(../img/gameplay/textbox03_05.png?1);
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1.4vw;
}
#gameplay .content._03,
#gameplay .content._05 {
	background-image: url(../img/gameplay/textbox03_05.png?1);
	width: 32vw;
	height: 15vw;
	padding: 2vw 2vw 3vw 2vw;
}
#gameplay .content._03 > div,
#gameplay .content._05 > div {
	transform: rotateZ(3deg);
}
#gameplay .content._04 > div {
	transform: rotateZ(-3deg);
}
#gameplay .content._03 {
	left: 52vw;
	top: 13vw;
}

#gameplay .gameplay_logo {
	position: absolute;
	width: 32vw;
	top: 0.65vw;
	left: 9vw;
}
#gameplay .gameplay_logo_gameplay {
	position: absolute;
	width: 30vw;
	top: 4vw;
	left: 58vw;
}
#gameplay .gethype_logo_gameplay {
	position: absolute;
	top: 37vw;
	left: 13vw;
}
#gameplay .gethype_logo_gameplay_img {
	width: 30vw;
}
#gameplay .content._04 {
	background-image: url(../img/gameplay/textbox04.png?1);
	width: 33vw;
	height: 16vw;
	padding: 2vw 1vw 3vw 3vw;
	left: 17vw;
	top: 53vw;
}
#gameplay .hype_logo {
	position: absolute;
	width: 39vw;
	top: 34vw;
	left: 52vw;
}
#gameplay .fanservice_logo_gameplay {
	position: absolute;
	top: 76vw;
	left: 44vw;
}
#gameplay .fanservice_logo_gameplay_img {
	width: 39vw;
}
#gameplay .content._05 {
	left: 52vw;
	top: 90vw;
}
#gameplay .fan_logo {
	position: absolute;
	width: 31vw;
	top: 73vw;
	left: 16vw;
}


.misc1 {
	background-attachment: fixed;
	background-position: center center;
	background-image: url(../img/faq/background.jpg?2);
	background-color: #050000;
	background-size: cover;
	padding-bottom: 1vw;
	width: 100%;
	display: table;
}
.misc1 .steamWidget {
	text-align: center;
}

.faq {
	background-position: center center;
	background-image: url(../img/faq/background.jpg?2);
	background-color: #050000;
	background-size: cover;
	width: 100%;
	padding: 0 0 4%;
	background-attachment: fixed;
	display: table;
}
.faq .desc {
	font-size: .2em;
	color: #aaa;
}
.misc1 .title,
.faq .title {
	padding: 1em 4em 1em;
	color: #eee;
	font-size: 4em;
	background: #000;
	margin: 0em 0em 1em;
	text-decoration: none;
	display: block;
}
.faq .item {
	margin: 0 2em 3em;
	display: inline-block;
}
.faq .column {
	width: 50%;
	display: inline-block;
	float: left;
}
.faq .question {
	margin-bottom: 0.4em;
	color: #ffd634;
	font-size: 1.5em;
	text-decoration: underline;
	letter-spacing: .05em;
}
.faq .response {
	color: #eee;
	font-size: 1.2em;
	font-family: Verdana;
	letter-spacing: .02em;
}
.faq a {
	color: #389dea;
}
.faq .patreon_link {
	color: #f96854;
}



.fanclub {
	height: 47.5vw;
	background-position: center top;
	background-image: url(../img/fanclub/fanclub.webp?1);
	background-color: #65536b;
	background-size: cover;
	border-bottom: 0.5vw solid #000;
	position: relative;
	overflow: hidden;
}
/* Mail list */
.fanclub .mail {
	position: absolute;
	background-image: url(../img/fanclub/newsletter.png?1);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 30%;
	height: 9vw;
	left: 26.5vw;
	top: 76%;
	color: #fff;
}
.fanclub .mail2 {
	position: absolute;
	width: 30%;
	height: 9vw;
	left: 26.5vw;
	top: 76%;
	text-shadow: 0.1vw 0.27vw #000;
	color: #fff;
}

.fanclub .email_text {
	font-family: 'Bowlby One', Impact, Charcoal, sans-serif;
	position: absolute;
	width: 21.9vw;
	top: 3.2vw;
	left: 5.1vw;
	transform: rotateZ(-2.5deg);
	height: 2.2vw;
	background-color: transparent;
	border: 0 none;
	border-radius: 0;
	font-size: 1.4vw;
	/*color: #ffe400;*/
	color: #eee;
	padding: 0;
}
.fanclub .email_text::-webkit-input-placeholder,
.fanclub .email_text::-moz-placeholder,
.fanclub .email_text::-ms-placeholder,
.fanclub .email_text:-ms-input-placeholder,
.fanclub .email_text::-ms-input-placeholder,
.fanclub .email_text::placeholder {
	color: #eee;
	opacity: 1;
}
.fanclub .email_send {
	background-image: url(../img/fanclub/ok_mail_off.png?1);
	position: absolute;
	border: 0 none !important;
	background-color: transparent;
	width: 7vw;
	background-size: contain;
	height: 4vw;
	cursor: pointer;
	left: 30vw;
	background-repeat: no-repeat;
	top: 1.5vw;
}
.fanclub .email_send.on:hover {
	background-image: url(../img/fanclub/ok_mail_pop_hover.png?1);
}
.fanclub .email_send.on {
	background-image: url(../img/fanclub/ok_mail_pop.png?1);
}
.fanclub .email_consent {
	font-family: Impact, Charcoal, sans-serif;
	position: absolute;
	top: 6.8vw;
	left: 2vw;
	color: #222;
	width: 120%;
}
.fanclub .email_consent .checkbox {
	width: 14px;
	height: 14px;
}
.fanclub .email_consent label {
	display: inline-block;
	padding-left: 5px;
	font-size: 1em;
}
.fanclub .email_consent input,
.fanclub .email_consent label {
	cursor: pointer;
}
#consentContainer.error {
	background-color: #880303;
	color: white;
	box-shadow: 0 0 1vw #f00;
	border: 1px solid #f00;
}




/* Standard syntax */
@keyframes awards-slideshow {
  from { left: 0vw; }
  to { left: -169.3vw; }
}

.awards {
	position: relative;
	width: 1200vw;
	background-color: #000;
	padding: 2vw 0;
	
	animation-name: awards-slideshow;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.awards img {
	display: inline-block;
	width: 18vw;
	margin-left: 10vw;
}



.footing {
	position: relative;
	width: 100vw;
	text-align: center;
	background-color: #000;
	font-size: 1vw;
	height: 3vw;
}

.footing a {
	color: #fff;
}

#preloaded-images {
	position: absolute;
	width: 1px;
	height: 1px;
	top: -10000000px;
}

/*KS START*/
.front .actual_trailer.ks,
.front.kickstarter .actual_trailer,
.front.kickstarter .box_top,
.front .logoks {
	display: block;
	transition: margin-top 0.15s;
}
.front .logoks.a:hover {
	margin-top: -4px;
}
.front .logoks.a:hover .b {
	margin-top: -8px;
}
.front.kickstarter .logoks.a {
	display: block;
	position: absolute;
	background-image: url(../img/front/kicksssss2.png?2);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	width: 50%;
	height: 48%;
	left: 25vw;
	top: 13%;
}
.front.kickstarter .logoks .b {
	display: block;
	background-image: url(../img/front/kicksssss.png?1);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	width: 100%;
	height: 100%;
}
.front.kickstarter .actual_trailer.ks {
	display: block;
}
.front.kickstarter .trailer {
	background-image: url(../img/front/trailerks.png?1);
}
.front.kickstarter .trailer .neww {
	position: absolute;
	top: 70%;
	width: 53%;
	left: 69%;
	transform: rotateZ(-27deg);
}
/*KS END*/