html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 18px;
	color: #888888;
	line-height: 1.25;
	background: #272727;
	min-width: 320px;
}
body{
	overflow-y: scroll;
}
html, body, A, input, select, textarea{
	font-family: 'Teko', Arial, Tahoma, Geneva, Kalimati, sans-serif;
}
A{
	text-decoration: none;
	color: #888888;
	transition: all 0.25s ease 0s;
	outline: none;
}
A:hover{
	text-decoration: underline;
}
p{ margin: 0 0 20px 0; padding: 0; }
p:last-child{ margin: 0; }
*{ -webkit-tap-highlight-color: transparent; }
img, object, iframe, svg{ border: 0; vertical-align: top; }
svg path, svg circle, svg line{ transition: all 0.25s ease 0s; }
header, nav, menu, main, aside, address, section, article, footer, figure, figcaption{ display: block; }
form, figure, menu{ margin: 0; padding: 0; }
fieldset{ margin: 0; padding: 0; border: 0; position: relative; }
button{ border: 0; background: none; cursor: pointer; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], select, textarea{
	height: 50px;
	margin: 0;
	padding: 0 20px;
	font-size: 18px;
	color: #000000;
	border: 1px solid #9b80fc;
	background: #ffffff;
	box-sizing: border-box;
	outline: none;
}
select{
	padding: 0 8px;
}
textarea{
	height: 160px;
	padding: 10px 15px;
	resize: vertical;
}
::-webkit-input-placeholder{
	color: #b4b6bb;
	opacity: 1;
}
::-moz-placeholder{
	color: #b4b6bb;
	opacity: 1;
}
:-ms-input-placeholder{
	color: #b4b6bb;
	opacity: 1;
}
:-moz-placeholder{
	color: #b4b6bb;
	opacity: 1;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"]{
	-moz-appearance: textfield;
}
input[type="submit"], input[type="reset"], input[type="button"]{ border: 0; }
input[type="image"], input[type="button"], input[type="submit"], label{ cursor: pointer; }
table{ width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }
input[type="checkbox"], input[type="radio"]{ height: auto; margin: 0 5px 0 0; padding: 0; position: relative; top: 2px; }
.clear, .hr{ clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after{ content: "."; display: block; height: 0; visibility: hidden; }
.clearfix:after{ clear: both; }
.nice_check, .nice_radio{
	display: none;
}
label{
	position: relative;
}
label:before{
	position: absolute;
	content: "";
}
.niceCheck + label{
	padding: 0 0 0 36px;
}
.niceCheck + label:before{
	top: -1px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url("../images/checkbox.png") left top no-repeat;
}
.niceRadio + label{
	padding: 0 0 0 26px;
}
.niceRadio + label:before{
	top: 0;
	left: 0;
	width: 21px;
	height: 21px;
	background: url("../images/radio.png") left top no-repeat;
}
.niceCheck:checked + label:before, .niceRadio:checked + label:before{
	background-position: left bottom !important;
}

/* ----- all ----- */
.all{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	min-height: 100%;
	position: relative;
	z-index: 1;
}
.scanlines{
	position: relative;
	overflow: hidden;
}
.scanlines:before, .scanlines:after{
	position: absolute;
	content: '';
}
.scanlines:before{
	width: 100%;
	height: 2px;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0.75;
	-webkit-animation: scanline 6s linear infinite;
	animation: scanline 6s linear infinite;
	z-index: 3;
}
.scanlines:after{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.3) 51%);
	background-size: 100% 4px;
	-webkit-animation: scanlines 1s steps(60) infinite;
	animation: scanlines 1s steps(60) infinite;
	z-index: 4;
}
@-webkit-keyframes scanline{
	0%{
		-webkit-transform: translate3d(0, 200000%, 0);
		transform: translate3d(0, 200000%, 0);
	}
}
@keyframes scanline{
	0%{
		-webkit-transform: translate3d(0, 200000%, 0);
		transform: translate3d(0, 200000%, 0);
	}
}
@-webkit-keyframes scanlines{
	0%{
		background-position: 0 50%;
	}
}
@keyframes scanlines{
	0%{
		background-position: 0 50%;
	}
}
.flicker{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0 0 140px rgba(0,0,0,1);
	animation: flicker 10s infinite;
	z-index: 2;
}
@keyframes flicker{
	0%{
		opacity: 0.85;
	}
	10%{
		opacity: 0.5;
	}
	15%{
		opacity: 0.85;
	}
	20%{
		opacity: 0.5;
	}
	25%{
		opacity: 0.85;
	}
	30%{
		opacity: 0.3;
	}
	35%{
		opacity: 0.85;
	}
	50%{
		opacity: 0.85;
	}
	90%{
		opacity: 0.7;
	}
	95%{
		opacity: 0.85;
	}
	100%{
		opacity: .3;
	}
}
.glitch{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.cyber{
	--gap-horizontal: 10px;
	--gap-vertical: 5px;
	--time-anim: 15s;
	--delay-anim: 15s;
	--blend-mode-1: none;
	--blend-mode-2: none;
	--blend-mode-3: none;
	--blend-mode-4: none;
	--blend-mode-5: overlay;
	--blend-color-1: transparent;
	--blend-color-2: transparent;
	--blend-color-3: transparent;
	--blend-color-4: transparent;
	--blend-color-5: #000000;
}
.glitch_img{
	position: absolute;
	top: calc(-1 * var(--gap-vertical));
	left: calc(-1 * var(--gap-horizontal));
	width: calc(100% + var(--gap-horizontal) * 2);
	height: calc(100% + var(--gap-vertical) * 2);
	background-color: var(--blend-color-1);
	background-size: cover !important;
	transform: translate3d(0,0,0);
	background-blend-mode: var(--blend-mode-1);
}
.bg_1 .glitch_img{
	background: url("../images/bg.webp") center center no-repeat;
}
.glitch_img:nth-child(n+2){
	opacity: 0;
}
.imgloaded .glitch_img:nth-child(n+2){
	animation-duration: var(--time-anim);
	animation-delay: var(--delay-anim);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.imgloaded .glitch_img:nth-child(2){
	background-color: var(--blend-color-2);
	background-blend-mode: var(--blend-mode-2);
	animation-name: glitch-anim-1;
}
.imgloaded .glitch_img:nth-child(3){
	background-color: var(--blend-color-3);
	background-blend-mode: var(--blend-mode-3);
	animation-name: glitch-anim-2;
}
.imgloaded .glitch_img:nth-child(4){
	background-color: var(--blend-color-4);
	background-blend-mode: var(--blend-mode-4);
	animation-name: glitch-anim-3;
}
.imgloaded .glitch_img:nth-child(5){
	background-color: var(--blend-color-5);
	background-blend-mode: var(--blend-mode-5);
	animation-name: glitch-anim-flash;
}
@keyframes glitch-anim-1{
	0% {
		opacity: 1;
		transform: translate3d(var(--gap-horizontal),0,0);
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	2% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	4% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	8% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	10% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	12% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	14% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	16% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	18% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(var(--gap-horizontal),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-2{
	0% {
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	3% {
		-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	5% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	7% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	9% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	11% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	13% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	15% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	17% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	19% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	20% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-3{
	0% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	1.5% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	2% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	2.5% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	3% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	5.5% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	7% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	8% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	9% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	10.5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	11% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	13% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	14% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	14.5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	15% {
		-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	16% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	18% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-flash{
	0%, 5% {
		opacity: 0.2;
		transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
	}
	5.5%, 100% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}
}

/* ----- content ----- */
.content{
	width: 100%;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}
.logo{
	display: block;
	width: 89px;
	margin: 0 auto 15px auto;
}
.logo svg{
	width: 100%;
	height: auto;
	filter: drop-shadow(1px 1px 0 #000000);
}
h1{
	margin: 0 auto;
	font-size: 60px;
	color: #000000;
	font-weight: normal;
	text-transform: uppercase;
}
@media screen and (max-width: 480px){
	h1{
		font-size: 50px;
	}
}
.glitch_txt{
	position: relative;
}
.glitch_txt:after{
	position: absolute;
	top: 0;
	left: 2px;
	right: 0;
	content: attr(data-text);
	color: white;
	text-shadow: -1px 0 red;
	clip: rect(0, 900px, 0, 0);
	animation: noise-anim 10s infinite linear alternate-reverse;
	overflow: hidden;
}
@keyframes noise-anim{
	0% {
		clip: rect(17px, 9999px, 32px, 0);
	}
	5% {
		clip: rect(1px, 9999px, 14px, 0);
	}
	10% {
		clip: rect(45px, 9999px, 91px, 0);
	}
	15% {
		clip: rect(73px, 9999px, 42px, 0);
	}
	20% {
		clip: rect(89px, 9999px, 63px, 0);
	}
	25% {
		clip: rect(47px, 9999px, 64px, 0);
	}
	30% {
		clip: rect(85px, 9999px, 19px, 0);
	}
	35% {
		clip: rect(13px, 9999px, 4px, 0);
	}
	40% {
		clip: rect(68px, 9999px, 67px, 0);
	}
	45% {
		clip: rect(46px, 9999px, 70px, 0);
	}
	50% {
		clip: rect(10px, 9999px, 36px, 0);
	}
	55% {
		clip: rect(90px, 9999px, 28px, 0);
	}
	60% {
		clip: rect(96px, 9999px, 90px, 0);
	}
	65% {
		clip: rect(99px, 9999px, 46px, 0);
	}
	70% {
		clip: rect(43px, 9999px, 78px, 0);
	}
	75% {
		clip: rect(94px, 9999px, 61px, 0);
	}
	80% {
		clip: rect(15px, 9999px, 22px, 0);
	}
	85% {
		clip: rect(26px, 9999px, 41px, 0);
	}
	90% {
		clip: rect(82px, 9999px, 2px, 0);
	}
	95% {
		clip: rect(10px, 9999px, 7px, 0);
	}
	100% {
		clip: rect(9px, 9999px, 64px, 0);
	}
}
.glitch_txt:before{
	position: absolute;
	top: 0;
	left: -2px;
	right: 0;
	content: attr(data-text);
	color: white;
	text-shadow: 1px 0 blue;
	clip: rect(0, 900px, 0, 0);
	animation: noise-anim-2 11s infinite linear alternate-reverse;
	overflow: hidden;
}
@keyframes noise-anim-2{
	0% {
		clip: rect(39px, 9999px, 16px, 0);
	}
	5% {
		clip: rect(72px, 9999px, 96px, 0);
	}
	10% {
		clip: rect(21px, 9999px, 47px, 0);
	}
	15% {
		clip: rect(68px, 9999px, 5px, 0);
	}
	20% {
		clip: rect(98px, 9999px, 6px, 0);
	}
	25% {
		clip: rect(4px, 9999px, 91px, 0);
	}
	30% {
		clip: rect(76px, 9999px, 45px, 0);
	}
	35% {
		clip: rect(27px, 9999px, 35px, 0);
	}
	40% {
		clip: rect(87px, 9999px, 1px, 0);
	}
	45% {
		clip: rect(10px, 9999px, 82px, 0);
	}
	50% {
		clip: rect(73px, 9999px, 46px, 0);
	}
	55% {
		clip: rect(79px, 9999px, 94px, 0);
	}
	60% {
		clip: rect(1px, 9999px, 31px, 0);
	}
	65% {
		clip: rect(79px, 9999px, 62px, 0);
	}
	70% {
		clip: rect(6px, 9999px, 94px, 0);
	}
	75% {
		clip: rect(78px, 9999px, 100px, 0);
	}
	80% {
		clip: rect(100px, 9999px, 4px, 0);
	}
	85% {
		clip: rect(43px, 9999px, 95px, 0);
	}
	90% {
		clip: rect(91px, 9999px, 41px, 0);
	}
	95% {
		clip: rect(63px, 9999px, 72px, 0);
	}
	100% {
		clip: rect(61px, 9999px, 46px, 0);
	}
}
#typed_1_1, #typed_1_2, #typed_2{
	white-space: pre;
}
#typed_1_1 u{
	text-decoration: none;
}
#typed_2 u{
	text-decoration: none;
}