@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lobster|Marvel:400,700|Roboto:100,300,400,700|Roboto+Condensed:300,400,700');

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i');

/*
    font-family: 'Lobster', cursive;
    font-family: 'Roboto', sans-serif;
    font-family: 'Marvel', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
*/

:root
{
	--w: #FFF;
	--r: #ef1c26;
	--b: #000;
}

input[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea
{
    resize: none;
}

*
{
	padding: 0px;
	border: none;
	margin: 0px;
	list-style: none;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	position: relative;
	font-weight: inherit;
}

body
{
	/*background-color: var(--w);*/
	background-image: url(../imx/BG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

/*.bb
{
	cursor: url(../imx/cursor2.png), auto;
}*/

/*body:after
{
	content: " ";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
}*/

@media only screen and (min-width: 1200px)
{
	
	.launcher
	{
		text-align: center;
		padding-top: 28vh; /*30vh*/
		z-index: 1;
	}
	
	.image
	{
		display: inline-block;
	}
	
	.image > img
	{
		height: 17.25rem; /*15.25rem*/
	}

	.image > .tfyrs
	{
		height: 6.6rem;
		/* height: 17rem; */
	}
	
	.image > .animY
	{
		height: 1.3rem;
		position: absolute;
		top: 14.8rem; /* 12.6rem; */ /*10.6rem*/
		left: 0rem;
		right: 0;
		margin: 0px auto;
		-webkit-animation: descend 0.5s 4s ease 1;
		-moz-animation: descend 0.5s 4s ease 1;
		-o-animation: descend 0.5s 4s ease 1;
		-ms-animation: descend 0.5s 4s ease 1;
		animation: descend 0.5s 4s ease 1;
		-webkit-animation-fill-mode: backwards, forwards;
		-moz-animation-fill-mode: backwards, forwards;
		-o-animation-fill-mode: backwards, forwards;
		-ms-animation-fill-mode: backwards, forwards;
		animation-fill-mode: backwards, forwards;
	}
	
	@-webkit-keyframes descend{
		0%{top: 16.8rem; opacity: 0}
		100%{top: 14.8rem; opacity: 1;}
	}
	
	@-moz-keyframes descend{
		0%{top: 16.8rem; opacity: 0}
		100%{top: 14.8rem; opacity: 1;}
	}
	
	@-o-keyframes descend{
		0%{top: 16.8rem; opacity: 0}
		100%{top: 14.8rem; opacity: 1;}
	}
	
	@-ms-keyframes descend{
		0%{top: 16.8rem; opacity: 0}
		100%{top: 14.8rem; opacity: 1;}
	}
	
	@keyframes descend{
		0%{top: 16.8rem; opacity: 0}
		100%{top: 14.8rem; opacity: 1;}
	}
	
	.image > .animX
	{
		position: absolute;
		top: 0rem;
		right: 39px;
		/* right: -10px; */
		-webkit-animation: UD 2.3s 0s ease-in-out 1, rtX 2.3s 0s ease-in-out 1, motor 2.3s 0s ease-in-out 1;
		-moz-animation: UD 2.3s 0s ease-in-out 1, rtX 2.3s 0s ease-in-out 1, motor 2.3s 0s ease-in-out 1;
		-o-animation: UD 2.3s 0s ease-in-out 1, rtX 2.3s 0s ease-in-out 1, motor 2.3s 0s ease-in-out 1;
		-ms-animation: UD 2.3s 0s ease-in-out 1, rtX 2.3s 0s ease-in-out 1, motor 2.3s 0s ease-in-out 1;
		animation: UD 4s 0s ease-in-out 1, rtX 4s -0.25s cubic-bezier(.3,0,.7,1) 1, motor 4s 0s ease-in-out 1;
		/* -webkit-animation: UD 2.8s 0s ease-in-out 1, rtX 2.8s 0s ease-in-out 1, motor 2.8s 0s ease-in-out 1;
		-moz-animation: UD 2.8s 0s ease-in-out 1, rtX 2.8s 0s ease-in-out 1, motor 2.8s 0s ease-in-out 1;
		-o-animation: UD 2.8s 0s ease-in-out 1, rtX 2.8s 0s ease-in-out 1, motor 2.8s 0s ease-in-out 1;
		-ms-animation: UD 2.8s 0s ease-in-out 1, rtX 2.8s 0s ease-in-out 1, motor 2.8s 0s ease-in-out 1;
		animation: UD 4s 0s ease-in-out 1, rtX 4s -0.25s cubic-bezier(.3,0,.7,1) 1, motor 4s 0s ease-in-out 1; */
	}

	.t7ist5
	{
		padding: 2rem 0 0;
	}
	
	
	.NS
	{
		padding: 4vh 0px;
		-webkit-animation: ascend 0.5s 5s ease 1;
		-moz-animation: ascend 0.5s 5s ease 1;
		-o-animation: ascend 0.5s 5s ease 1;
		-ms-animation: ascend 0.5s 5s ease 1;
		animation: ascend 0.5s 5s ease 1;
		-webkit-animation-fill-mode: backwards, forwards;
		-moz-animation-fill-mode: backwards, forwards;
		-o-animation-fill-mode: backwards, forwards;
		-ms-animation-fill-mode: backwards, forwards;
		animation-fill-mode: backwards, forwards;
		
	}
	
	.NS > li
	{
		display: inline-block;
	}
	
	.NS > li:not(:last-child)::after
	{
		content: " ";
		position: absolute;
		top: 25%;
		right: -0.25rem;
		width: 0.125rem;
		height: 50%;
		background-color: var(--r);
	}
	
	.NS > li > a
	{
		display: inherit;
		padding: 0.75rem;
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
		font-size: 0.95rem;
		color: var(--b);
		-webkit-transition: color 0.24s ease;
		-moz-transition: color 0.24s ease;
		-o-transition: color 0.24s ease;
		-ms-transition: color 0.24s ease;
		transition: color 0.24s ease;
	}
	
	.NS > li > a:hover
	{
		color: var(--r);
		-webkit-transition: color 0.24s ease;
		-moz-transition: color 0.24s ease;
		-o-transition: color 0.24s ease;
		-ms-transition: color 0.24s ease;
		transition: color 0.24s ease;
	}
	
	@-webkit-keyframes motor{
		/* 0%{right: calc(52vw + 50%);} */
		0%{right: calc(50vw + 50%);}
		100%{right: 39px;}
	}
	
	@-moz-keyframes motor{
		/* 0%{right: calc(52vw + 50%);} */
		0%{right: calc(50vw + 50%);}
		100%{right: 39px;}
	}
	
	@-o-keyframes motor{
		/* 0%{right: calc(52vw + 50%);} */
		0%{right: calc(50vw + 50%);}
		100%{right: 39px;}
	}
	
	@-ms-keyframes motor{
		/* 0%{right: calc(52vw + 50%);} */
		0%{right: calc(50vw + 50%);}
		100%{right: 39px;}
	}
	
	@keyframes motor{
		0%{right: calc(50vw + 50%);}
		100%{right: 39px;}
	}
	
	@-webkit-keyframes UD{
		0% {top: 0px;}
		10%{top: -10rem;} 65%{top: -14rem}
		35%{top: 3rem;}
		100% {top: 0rem;}
	}
	
	@-moz-keyframes UD{
		0% {top: 0px;}
		10%{top: -10rem;} 65%{top: -14rem}
		35%{top: 3vw;}
		100% {top: 0rem;}
	}
	
	@-o-keyframes UD{
		0% {top: 0px;}
		10%{top: -10rem;} 65%{top: -14rem}
		35%{top: 3rem;}
		100% {top: 0rem;}
	}
	
	@-ms-keyframes UD{
		0% {top: 0px;}
		10%{top: -10rem;} 65%{top: -14rem}
		35%{top: 3rem;}
		100% {top: 0rem;}
	}
	
	@keyframes UD{
		0% {top: 0px;}
		10%{top: -10rem;} 65%{top: -14rem}
		35%{top: 3rem;}
		100% {top: 0rem;}
	}
	
	/*@-webkit-keyframes UD{
		0%, 100%{top: 0px;}
		10%{top: -10rem;} 65%{top: -13rem}
		35%{top: 3rem;}
	}*/
	
/*
	keyframes UD{
		0%, 100%{top: 0px;}
		25%, 75%{top: -5vh}
		50%{top: 5vh}
	}
*/
	
	@-webkit-keyframes rtX{
		0%{transform: rotate(-270deg);}
		100%{transform: rotate(0deg);}
	}
	
	@-moz-keyframes rtX{
		0%{transform: rotate(-270deg);}
		100%{transform: rotate(0deg);}
	}
	
	@-o-keyframes rtX{
		0%{transform: rotate(-270deg);}
		100%{transform: rotate(0deg);}
	}
	
	@-ms-keyframes rtX{
		0%{transform: rotate(-270deg);}
		100%{transform: rotate(0deg);}
	}
	
	@keyframes rtX{
		0%{transform: rotate(-270deg);}
		100%{transform: rotate(0deg);}
	}
	
/*		
	@keyframes rtX{
		0%{transform: rotate(-180deg);}
		100%{transform: rotate(0deg);}
	}
*/
	
	@-webkit-keyframes ascend{
		0%{top: 2vh; opacity: 0}
		100%{top: 0vh; opacity: 1;}
	}
	
	@-moz-keyframes ascend{
		0%{top: 2vh; opacity: 0}
		100%{top: 0vh; opacity: 1;}
	}
	
	@-o-keyframes ascend{
		0%{top: 2vh; opacity: 0}
		100%{top: 0vh; opacity: 1;}
	}
	
	@-ms-keyframes ascend{
		0%{top: 2vh; opacity: 0}
		100%{top: 0vh; opacity: 1;}
	}
	
	@keyframes ascend{
		0%{top: 2vh; opacity: 0}
		100%{top: 0vh; opacity: 1;}
	}
	
	.re
	{
		height: auto;
		/* padding-bottom: 1.5rem; */
		width: 10rem;
		-webkit-animation: sgt 0.5s 4.5s ease 1;
		-moz-animation: sgt 0.5s 4.5s ease 1;
		-o-animation: sgt 0.5s 4.5s ease 1;
		-ms-animation: sgt 0.5s 4.5s ease 1;
		animation: sgt 0.5s 4.5s ease 1;
		-webkit-animation-fill-mode: backwards, forwards;
		-moz-animation-fill-mode: backwards, forwards;
		-o-animation-fill-mode: backwards, forwards;
		-ms-animation-fill-mode: backwards, forwards;
		animation-fill-mode: backwards, forwards;
	}
	
	@-webkit-keyframes sgt{
		0%{top: 2.1rem; opacity: 0}
		100%{top: 0rem; opacity: 1;}
	}
	
	@-moz-keyframes sgt{
		0%{top: 2.1rem; opacity: 0}
		100%{top: 0rem; opacity: 1;}
	}
	
	@-o-keyframes sgt{
		0%{top: 2.1rem; opacity: 0}
		100%{top: 0rem; opacity: 1;}
	}
	
	@-ms-keyframes sgt{
		0%{top: 2.1rem; opacity: 0}
		100%{top: 0rem; opacity: 1;}
	}
	
	@keyframes sgt{
		0%{top: 2.1rem; opacity: 0}
		100%{top: 0rem; opacity: 1;}
	}
	
	.pd
	{
		padding-top: 0rem!important;
		-webkit-animation: sgt 0.5s 5.5s ease 1;
		-moz-animation: sgt 0.5s 5.5s ease 1;
		-o-animation: sgt 0.5s 5.5s ease 1;
		-ms-animation: sgt 0.5s 5.5s ease 1;
		animation: sgt 0.5s 5.5s ease 1;
		-webkit-animation-fill-mode: backwards, forwards;
		-moz-animation-fill-mode: backwards, forwards;
		-o-animation-fill-mode: backwards, forwards;
		-ms-animation-fill-mode: backwards, forwards;
		animation-fill-mode: backwards, forwards;
	}
	
}

@media only screen and (max-width: 1199px)
{
	
	.image
	{
		width: 50%;
		min-width: 320px;
		margin: 4rem auto 2rem;
	}
	
	.image > img:not(.animX)
	{
		width: 100%;
	}
	
	.image > .animY
	{
		/* height: 7.6%;
		width: unset !important;
		position: absolute;
		top: 68%;
		left: -1%; */
		height: 12.6%;
		width: unset !important;
		position: absolute;
		top: calc(100% + 0.5rem);
		left: -2%;
		-webkit-animation: descend 0.5s 1.5s ease 1;
		-moz-animation: descend 0.5s 1.5s ease 1;
		-o-animation: descend 0.5s 1.5s ease 1;
		-ms-animation: descend 0.5s 1.5s ease 1;
		animation: descend 0.5s 1.5s ease 1;
		-webkit-animation-fill-mode: backwards, forwards;
		-moz-animation-fill-mode: backwards, forwards;
		-o-animation-fill-mode: backwards, forwards;
		-ms-animation-fill-mode: backwards, forwards;
		animation-fill-mode: backwards, forwards;
	}
	
	@-webkit-keyframes descend{
		0%{top: calc(100% + 1rem); opacity: 0}
		100%{top: calc(100% + 0.5rem); opacity: 1;}
	}
	
	@-moz-keyframes descend{
		0%{top: calc(100% + 1rem); opacity: 0}
		100%{top: calc(100% + 0.5rem); opacity: 1;}
	}
	
	@-o-keyframes descend{
		0%{top: calc(100% + 1rem); opacity: 0}
		100%{top: calc(100% + 0.5rem); opacity: 1;}
	}
	
	@-ms-keyframes descend{
		0%{top: calc(100% + 1rem); opacity: 0}
		100%{top: calc(100% + 0.5rem); opacity: 1;}
	}
	
	@keyframes descend{
		0%{top: calc(100% + 1rem); opacity: 0}
		100%{top: calc(100% + 0.5rem); opacity: 1;}
	}
	
	.image > img.animX
	{
		position: absolute;
		/* right: 0rem;
		top: 0rem;
		height: 96.48%; */
		right: 1.5rem;
		/* right: -5px; */
		top: 0rem;
		height: 37.48%;
		/* height: 95.48%; */
		-webkit-animation: whoosh 1.4s ease 0s 1;
		-moz-animation: whoosh 1.4s ease 0s 1;
		-o-animation: whoosh 1.4s ease 0s 1;
		-ms-animation: whoosh 1.4s ease 0s 1;
		animation: whoosh 1.4s ease 0s 1;
	}
	/*
	.NS
	{
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background-color: var(--r);
		padding: 0.25rem 0rem;
		color: var(--w);
		-webkit-animation: doosh 0.4s ease 1.5s 1;
		-moz-animation: doosh 0.4s ease 1.5s 1;
		-o-animation: doosh 0.4s ease 1.5s 1;
		-ms-animation: doosh 0.4s ease 1.5s 1;
		animation: doosh 0.4s ease 1.5s 1;
		-webkit-animation-fill-mode: backwards, forwards;
		-moz-animation-fill-mode: backwards, forwards;
		-o-animation-fill-mode: backwards, forwards;
		-ms-animation-fill-mode: backwards, forwards;
		animation-fill-mode: backwards, forwards;
	}
	*/
	
	.NS
	{
		text-align: center;
	}
	
	.NS > li
	{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 600;
		display: inline-block;
	}
	
	.NS > li:not(:last-child):after
	{
		content: "";
		position: absolute;
		top: 25%;
		left: 100%;
		margin-left: -0.0625rem;
		width: 0.125rem;
		height: 50%;
		background-color: var(--r);
	}
	
	.NS > li > a
	{
		display: inherit;
		padding: 0.25rem 0.5rem;
	}
	
	@-webkit-keyframes whoosh{
		0%{opacity: 0; -webkit-transform: scale(0.2) rotate(0deg); -moz-transform: scale(0.2) rotate(0deg); -o-transform: scale(0.2) rotate(0deg); -ms-transform: scale(0.2) rotate(0deg); transform: scale(0.2) rotate(0deg);}
		100%{opacity: 1; -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
	}
	
	@-moz-keyframes whoosh{
		0%{opacity: 0; -webkit-transform: scale(0.2) rotate(0deg); -moz-transform: scale(0.2) rotate(0deg); -o-transform: scale(0.2) rotate(0deg); -ms-transform: scale(0.2) rotate(0deg); transform: scale(0.2) rotate(0deg);}
		100%{opacity: 1; -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
	}
	
	@-o-keyframes whoosh{
		0%{opacity: 0; -webkit-transform: scale(0.2) rotate(0deg); -moz-transform: scale(0.2) rotate(0deg); -o-transform: scale(0.2) rotate(0deg); -ms-transform: scale(0.2) rotate(0deg); transform: scale(0.2) rotate(0deg);}
		100%{opacity: 1; -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
	}
	
	@-ms-keyframes whoosh{
		0%{opacity: 0; -webkit-transform: scale(0.2) rotate(0deg); -moz-transform: scale(0.2) rotate(0deg); -o-transform: scale(0.2) rotate(0deg); -ms-transform: scale(0.2) rotate(0deg); transform: scale(0.2) rotate(0deg);}
		100%{opacity: 1; -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
	}
	
	@keyframes whoosh{
		0%{opacity: 0; -webkit-transform: scale(0.2) rotate(0deg); -moz-transform: scale(0.2) rotate(0deg); -o-transform: scale(0.2) rotate(0deg); -ms-transform: scale(0.2) rotate(0deg); transform: scale(0.2) rotate(0deg);}
		100%{opacity: 1; -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg);}
	}
	
	@-webkit-keyframes doosh{
		0%{opacity: 0; bottom: -2rem;}
		100%{opacity: 1; bottom: 0rem;}
	}
	
	@-moz-keyframes doosh{
		0%{opacity: 0; bottom: -2rem;}
		100%{opacity: 1; bottom: 0rem;}
	}
	
	@-o-keyframes doosh{
		0%{opacity: 0; bottom: -2rem;}
		100%{opacity: 1; bottom: 0rem;}
	}
	
	@-ms-keyframes doosh{
		0%{opacity: 0; bottom: -2rem;}
		100%{opacity: 1; bottom: 0rem;}
	}
	
	@keyframes doosh{
		0%{opacity: 0; bottom: -2rem;}
		100%{opacity: 1; bottom: 0rem;}
	}
	
	
	
}
/* TabletUX Deprecated
@media only screen and (max-width: 1199px) and (orientation: landscape)
{
	
	.image
	{
		height: 40vh;
		margin: 30vh 0rem 30vh 2rem;
		display: inline-block;
	}
	
	.image > img:not(.animX)
	{
		width: auto;
		height: 100%;
	}
	/*
	.NS
	{
		width: 10rem;
		height: 100%;
		overflow-y: auto;
		bottom: unset;
		left: unset;
		right: 0px;
		top: 0px;
		-webkit-animation: dash 0.4s ease 1.4s 1;
		-moz-animation: dash 0.4s ease 1.4s 1;
		-o-animation: dash 0.4s ease 1.4s 1;
		-ms-animation: dash 0.4s ease 1.4s 1;
		animation: dash 0.4s ease 1.4s 1;
		-webkit-animation-fill-mode: backwards, forwards;
		-moz-animation-fill-mode: backwards, forwards;
		-o-animation-fill-mode: backwards, forwards;
		-ms-animation-fill-mode: backwards, forwards;
		animation-fill-mode: backwards, forwards;
	}
*/ /*
	@-webkit-keyframes dash{
		0%{opacity: 0; right: -2rem;}
		100%{opacity: 1; right: 0rem;}
	}
	
	@-moz-keyframes dash{
		0%{opacity: 0; right: -2rem;}
		100%{opacity: 1; right: 0rem;}
	}
	
	@-o-keyframes dash{
		0%{opacity: 0; right: -2rem;}
		100%{opacity: 1; right: 0rem;}
	}
	
	@-ms-keyframes dash{
		0%{opacity: 0; right: -2rem;}
		100%{opacity: 1; right: 0rem;}
	}
	
	@keyframes dash{
		0%{opacity: 0; right: -2rem;}
		100%{opacity: 1; right: 0rem;}
	}
	
}