@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

@font-face {
	font-family: 'BancoLightTT';
	src: url('/local/templates/bitrixclear/fonts/BancoLightTT.ttf') format('truetype');
}

*,:after,:before {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
}

body,html {
	height: 100%;
}

ol,ul {
	list-style: none;
}

a {
	text-decoration: none;
}

body {
	font: 400 16px/1.5 Lato,sans-serif;
	background: #111;
	color: #fff;
}

.glitch-sw {
	display: block;
	position: fixed;
	z-index: 999999999999;
	right: 20px;
	bottom: 20px;
	width: 16px;
	height: 16px;
	background: 0 0;
	border: 2px solid #fff;
	border-radius: 50%;
	opacity: .15;
	transition: opacity .15s;
}

.glitch-sw:hover {
	opacity: 1;
}

.glitch-sw a.sw {
	display: block;
	width: 100%;
	height: 100%;
}

.glitch-sw:before {
	display: block;
	content: '';
	position: absolute;
	border-radius: 4px;
	width: 2px;
	height: 5px;
	background: #fff;
	top: 0;
	left: 5px;
}

.wrap {
	position: relative;
	z-index: 1;
	widht: 100%;
	height: 100%;
	overflow: hidden;
}

.figure {
	display: block;
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-top: 200px solid #fff;
	border-right: 100px solid transparent;
	border-left: 100px solid transparent;
	border-bottom: 0 solid transparent;
}

.figure:before {
	display: block;
	content: '';
	position: absolute;
	z-index: 99;
	width: 0;
	height: 0;
	top: -194px;
	left: -90px;
	margin: auto;
	border-top: 180px solid #111;
	border-right: 90px solid transparent;
	border-left: 90px solid transparent;
	border-bottom: 0 solid transparent;
}

.figure-mask {
	display: block;
	position: absolute;
	z-index: 99;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-top: 200px solid transparent;
	border-right: 100px solid #111;
	border-left: 100px solid #111;
	border-bottom: 0 solid transparent;
}

.clock {
	display: block;
	position: absolute;
	z-index: 9;
	width: 720px;
	height: 128px;
	text-align: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	cursor: default;
}

.clock span {
	display: block;
	position: relative;
	font-weight: 700;
	font-size: 128px;
	line-height: 1;
}

.clock.is-off {
	-webkit-animation: is-off 2s linear infinite!important;
	animation: is-off 2s linear infinite!important;
}

.glitch:before {
	position: absolute;
	z-index: 999999;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation: bg-move 2s ease-out infinite;
	animation: bg-move 2s ease-out infinite;
	background-size: 100% 8px;
	background-image: linear-gradient(0,rgba(255,255,255,.05) 10%,transparent 10%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 60%,transparent 60%,transparent);
}

.glitch .figure,.glitch .figure-mask {
	transform: skewX(0deg);
	transform: scaleY(1);
	-webkit-animation: tr-bag 4s linear infinite;
	animation: tr-bag 4s linear infinite;
}

.glitch .clock {
	transform: skewX(0deg);
	transform: scaleY(1);
	-webkit-animation: clock-bag 4s linear infinite;
	animation: clock-bag 4s linear infinite;
}

.glitch .clock span:after,.glitch .clock span:before {
	display: block;
	content: attr(data-time);
	position: absolute;
	top: 0;
	color: #fff;
	background: #111;
	overflow: hidden;
	width: 720px;
	height: 128px;
	clip: rect(0,900px,0,0);
}

.glitch .clock span:before {
	left: -2px;
	text-shadow: 2px 0 #00f;
	-webkit-animation: c2 1s infinite linear alternate-reverse;
	animation: c2 1s infinite linear alternate-reverse;
}

.glitch .clock span:after {
	left: 3px;
	text-shadow: -2px 0 red;
	-webkit-animation: c1 2s infinite linear alternate-reverse;
	animation: c1 2s infinite linear alternate-reverse;
}

.nowar {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 34%;
}

.nowar span {
    color: #a52a2aa3;
    font-size: 44px;
    font-weight: bolder;
    text-transform: uppercase;
}

@-moz-keyframes is-off {
	0%,50% {
		opacity: 1;
	}

	56%,57% {
		opacity: 0;
	}

	58% {
		opacity: 1;
	}

	71% {
		transform: scaleY(1) skewX(0deg);
	}

	72% {
		transform: scaleY(3) skewX(-60deg);
	}

	73% {
		transform: scaleY(1) skewX(0deg);
	}

	80% {
		opacity: 1;
	}

	81%,84% {
		opacity: 0;
	}

	85% {
		opacity: 1;
	}

	91% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
		color: #fff;
	}

	92% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
		color: green;
	}

	93% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
		color: #fff;
	}
}

@-webkit-keyframes is-off {
	0%,50% {
		opacity: 1;
	}

	56%,57% {
		opacity: 0;
	}

	58% {
		opacity: 1;
	}

	71% {
		transform: scaleY(1) skewX(0deg);
	}

	72% {
		transform: scaleY(3) skewX(-60deg);
	}

	73% {
		transform: scaleY(1) skewX(0deg);
	}

	80% {
		opacity: 1;
	}

	81%,84% {
		opacity: 0;
	}

	85% {
		opacity: 1;
	}

	91% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
		color: #fff;
	}

	92% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
		color: green;
	}

	93% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
		color: #fff;
	}
}

@-o-keyframes is-off {
	0%,50% {
		opacity: 1;
	}

	56%,57% {
		opacity: 0;
	}

	58% {
		opacity: 1;
	}

	71% {
		transform: scaleY(1) skewX(0deg);
	}

	72% {
		transform: scaleY(3) skewX(-60deg);
	}

	73% {
		transform: scaleY(1) skewX(0deg);
	}

	80% {
		opacity: 1;
	}

	81%,84% {
		opacity: 0;
	}

	85% {
		opacity: 1;
	}

	91% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
		color: #fff;
	}

	92% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
		color: green;
	}

	93% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
		color: #fff;
	}
}

@keyframes is-off {
	0%,50% {
		opacity: 1;
	}

	56%,57% {
		opacity: 0;
	}

	58% {
		opacity: 1;
	}

	71% {
		transform: scaleY(1) skewX(0deg);
	}

	72% {
		transform: scaleY(3) skewX(-60deg);
	}

	73% {
		transform: scaleY(1) skewX(0deg);
	}

	80% {
		opacity: 1;
	}

	81%,84% {
		opacity: 0;
	}

	85% {
		opacity: 1;
	}

	91% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
		color: #fff;
	}

	92% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
		color: green;
	}

	93% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
		color: #fff;
	}
}

@-moz-keyframes c1 {
	0% {
		clip: rect(28px,9999px,29px,0);
	}

	5% {
		clip: rect(71px,9999px,13px,0);
	}

	10% {
		clip: rect(6px,9999px,87px,0);
	}

	15% {
		clip: rect(66px,9999px,23px,0);
	}

	20% {
		clip: rect(34px,9999px,61px,0);
	}

	25% {
		clip: rect(9px,9999px,19px,0);
	}

	30% {
		clip: rect(19px,9999px,44px,0);
	}

	35% {
		clip: rect(3px,9999px,82px,0);
	}

	40% {
		clip: rect(91px,9999px,39px,0);
	}

	45% {
		clip: rect(99px,9999px,12px,0);
	}

	50% {
		clip: rect(87px,9999px,54px,0);
	}

	55% {
		clip: rect(17px,9999px,70px,0);
	}

	60% {
		clip: rect(69px,9999px,70px,0);
	}

	65% {
		clip: rect(25px,9999px,39px,0);
	}

	70% {
		clip: rect(98px,9999px,81px,0);
	}

	75% {
		clip: rect(5px,9999px,82px,0);
	}

	80% {
		clip: rect(27px,9999px,92px,0);
	}

	85% {
		clip: rect(94px,9999px,82px,0);
	}

	90% {
		clip: rect(4px,9999px,7px,0);
	}

	95% {
		clip: rect(91px,9999px,93px,0);
	}

	100% {
		clip: rect(80px,9999px,13px,0);
	}
}

@-webkit-keyframes c1 {
	0% {
		clip: rect(28px,9999px,29px,0);
	}

	5% {
		clip: rect(71px,9999px,13px,0);
	}

	10% {
		clip: rect(6px,9999px,87px,0);
	}

	15% {
		clip: rect(66px,9999px,23px,0);
	}

	20% {
		clip: rect(34px,9999px,61px,0);
	}

	25% {
		clip: rect(9px,9999px,19px,0);
	}

	30% {
		clip: rect(19px,9999px,44px,0);
	}

	35% {
		clip: rect(3px,9999px,82px,0);
	}

	40% {
		clip: rect(91px,9999px,39px,0);
	}

	45% {
		clip: rect(99px,9999px,12px,0);
	}

	50% {
		clip: rect(87px,9999px,54px,0);
	}

	55% {
		clip: rect(17px,9999px,70px,0);
	}

	60% {
		clip: rect(69px,9999px,70px,0);
	}

	65% {
		clip: rect(25px,9999px,39px,0);
	}

	70% {
		clip: rect(98px,9999px,81px,0);
	}

	75% {
		clip: rect(5px,9999px,82px,0);
	}

	80% {
		clip: rect(27px,9999px,92px,0);
	}

	85% {
		clip: rect(94px,9999px,82px,0);
	}

	90% {
		clip: rect(4px,9999px,7px,0);
	}

	95% {
		clip: rect(91px,9999px,93px,0);
	}

	100% {
		clip: rect(80px,9999px,13px,0);
	}
}

@-o-keyframes c1 {
	0% {
		clip: rect(28px,9999px,29px,0);
	}

	5% {
		clip: rect(71px,9999px,13px,0);
	}

	10% {
		clip: rect(6px,9999px,87px,0);
	}

	15% {
		clip: rect(66px,9999px,23px,0);
	}

	20% {
		clip: rect(34px,9999px,61px,0);
	}

	25% {
		clip: rect(9px,9999px,19px,0);
	}

	30% {
		clip: rect(19px,9999px,44px,0);
	}

	35% {
		clip: rect(3px,9999px,82px,0);
	}

	40% {
		clip: rect(91px,9999px,39px,0);
	}

	45% {
		clip: rect(99px,9999px,12px,0);
	}

	50% {
		clip: rect(87px,9999px,54px,0);
	}

	55% {
		clip: rect(17px,9999px,70px,0);
	}

	60% {
		clip: rect(69px,9999px,70px,0);
	}

	65% {
		clip: rect(25px,9999px,39px,0);
	}

	70% {
		clip: rect(98px,9999px,81px,0);
	}

	75% {
		clip: rect(5px,9999px,82px,0);
	}

	80% {
		clip: rect(27px,9999px,92px,0);
	}

	85% {
		clip: rect(94px,9999px,82px,0);
	}

	90% {
		clip: rect(4px,9999px,7px,0);
	}

	95% {
		clip: rect(91px,9999px,93px,0);
	}

	100% {
		clip: rect(80px,9999px,13px,0);
	}
}

@keyframes c1 {
	0% {
		clip: rect(28px,9999px,29px,0);
	}

	5% {
		clip: rect(71px,9999px,13px,0);
	}

	10% {
		clip: rect(6px,9999px,87px,0);
	}

	15% {
		clip: rect(66px,9999px,23px,0);
	}

	20% {
		clip: rect(34px,9999px,61px,0);
	}

	25% {
		clip: rect(9px,9999px,19px,0);
	}

	30% {
		clip: rect(19px,9999px,44px,0);
	}

	35% {
		clip: rect(3px,9999px,82px,0);
	}

	40% {
		clip: rect(91px,9999px,39px,0);
	}

	45% {
		clip: rect(99px,9999px,12px,0);
	}

	50% {
		clip: rect(87px,9999px,54px,0);
	}

	55% {
		clip: rect(17px,9999px,70px,0);
	}

	60% {
		clip: rect(69px,9999px,70px,0);
	}

	65% {
		clip: rect(25px,9999px,39px,0);
	}

	70% {
		clip: rect(98px,9999px,81px,0);
	}

	75% {
		clip: rect(5px,9999px,82px,0);
	}

	80% {
		clip: rect(27px,9999px,92px,0);
	}

	85% {
		clip: rect(94px,9999px,82px,0);
	}

	90% {
		clip: rect(4px,9999px,7px,0);
	}

	95% {
		clip: rect(91px,9999px,93px,0);
	}

	100% {
		clip: rect(80px,9999px,13px,0);
	}
}

@-moz-keyframes c2 {
	0% {
		clip: rect(12px,9999px,25px,0);
	}

	5% {
		clip: rect(40px,9999px,23px,0);
	}

	10% {
		clip: rect(28px,9999px,22px,0);
	}

	15% {
		clip: rect(16px,9999px,10px,0);
	}

	20% {
		clip: rect(1px,9999px,55px,0);
	}

	25% {
		clip: rect(19px,9999px,32px,0);
	}

	30% {
		clip: rect(50px,9999px,11px,0);
	}

	35% {
		clip: rect(59px,9999px,88px,0);
	}

	40% {
		clip: rect(75px,9999px,10px,0);
	}

	45% {
		clip: rect(1px,9999px,84px,0);
	}

	50% {
		clip: rect(80px,9999px,29px,0);
	}

	55% {
		clip: rect(82px,9999px,40px,0);
	}

	60% {
		clip: rect(9px,9999px,47px,0);
	}

	65% {
		clip: rect(81px,9999px,31px,0);
	}

	70% {
		clip: rect(63px,9999px,71px,0);
	}

	75% {
		clip: rect(69px,9999px,77px,0);
	}

	80% {
		clip: rect(28px,9999px,51px,0);
	}

	85% {
		clip: rect(10px,9999px,90px,0);
	}

	90% {
		clip: rect(14px,9999px,13px,0);
	}

	95% {
		clip: rect(20px,9999px,43px,0);
	}

	100% {
		clip: rect(31px,9999px,85px,0);
	}

	23% {
		transform: scaleX(0.8);
	}
}

@-webkit-keyframes c2 {
	0% {
		clip: rect(12px,9999px,25px,0);
	}

	5% {
		clip: rect(40px,9999px,23px,0);
	}

	10% {
		clip: rect(28px,9999px,22px,0);
	}

	15% {
		clip: rect(16px,9999px,10px,0);
	}

	20% {
		clip: rect(1px,9999px,55px,0);
	}

	25% {
		clip: rect(19px,9999px,32px,0);
	}

	30% {
		clip: rect(50px,9999px,11px,0);
	}

	35% {
		clip: rect(59px,9999px,88px,0);
	}

	40% {
		clip: rect(75px,9999px,10px,0);
	}

	45% {
		clip: rect(1px,9999px,84px,0);
	}

	50% {
		clip: rect(80px,9999px,29px,0);
	}

	55% {
		clip: rect(82px,9999px,40px,0);
	}

	60% {
		clip: rect(9px,9999px,47px,0);
	}

	65% {
		clip: rect(81px,9999px,31px,0);
	}

	70% {
		clip: rect(63px,9999px,71px,0);
	}

	75% {
		clip: rect(69px,9999px,77px,0);
	}

	80% {
		clip: rect(28px,9999px,51px,0);
	}

	85% {
		clip: rect(10px,9999px,90px,0);
	}

	90% {
		clip: rect(14px,9999px,13px,0);
	}

	95% {
		clip: rect(20px,9999px,43px,0);
	}

	100% {
		clip: rect(31px,9999px,85px,0);
	}

	23% {
		transform: scaleX(0.8);
	}
}

@-o-keyframes c2 {
	0% {
		clip: rect(12px,9999px,25px,0);
	}

	5% {
		clip: rect(40px,9999px,23px,0);
	}

	10% {
		clip: rect(28px,9999px,22px,0);
	}

	15% {
		clip: rect(16px,9999px,10px,0);
	}

	20% {
		clip: rect(1px,9999px,55px,0);
	}

	25% {
		clip: rect(19px,9999px,32px,0);
	}

	30% {
		clip: rect(50px,9999px,11px,0);
	}

	35% {
		clip: rect(59px,9999px,88px,0);
	}

	40% {
		clip: rect(75px,9999px,10px,0);
	}

	45% {
		clip: rect(1px,9999px,84px,0);
	}

	50% {
		clip: rect(80px,9999px,29px,0);
	}

	55% {
		clip: rect(82px,9999px,40px,0);
	}

	60% {
		clip: rect(9px,9999px,47px,0);
	}

	65% {
		clip: rect(81px,9999px,31px,0);
	}

	70% {
		clip: rect(63px,9999px,71px,0);
	}

	75% {
		clip: rect(69px,9999px,77px,0);
	}

	80% {
		clip: rect(28px,9999px,51px,0);
	}

	85% {
		clip: rect(10px,9999px,90px,0);
	}

	90% {
		clip: rect(14px,9999px,13px,0);
	}

	95% {
		clip: rect(20px,9999px,43px,0);
	}

	100% {
		clip: rect(31px,9999px,85px,0);
	}

	23% {
		transform: scaleX(0.8);
	}
}

@keyframes c2 {
	0% {
		clip: rect(12px,9999px,25px,0);
	}

	5% {
		clip: rect(40px,9999px,23px,0);
	}

	10% {
		clip: rect(28px,9999px,22px,0);
	}

	15% {
		clip: rect(16px,9999px,10px,0);
	}

	20% {
		clip: rect(1px,9999px,55px,0);
	}

	25% {
		clip: rect(19px,9999px,32px,0);
	}

	30% {
		clip: rect(50px,9999px,11px,0);
	}

	35% {
		clip: rect(59px,9999px,88px,0);
	}

	40% {
		clip: rect(75px,9999px,10px,0);
	}

	45% {
		clip: rect(1px,9999px,84px,0);
	}

	50% {
		clip: rect(80px,9999px,29px,0);
	}

	55% {
		clip: rect(82px,9999px,40px,0);
	}

	60% {
		clip: rect(9px,9999px,47px,0);
	}

	65% {
		clip: rect(81px,9999px,31px,0);
	}

	70% {
		clip: rect(63px,9999px,71px,0);
	}

	75% {
		clip: rect(69px,9999px,77px,0);
	}

	80% {
		clip: rect(28px,9999px,51px,0);
	}

	85% {
		clip: rect(10px,9999px,90px,0);
	}

	90% {
		clip: rect(14px,9999px,13px,0);
	}

	95% {
		clip: rect(20px,9999px,43px,0);
	}

	100% {
		clip: rect(31px,9999px,85px,0);
	}

	23% {
		transform: scaleX(0.8);
	}
}

@-moz-keyframes clock-bag {
	0% {
		transform: translate(5px,3px);
	}

	2% {
		transform: translate(1px,3px);
	}

	4% {
		transform: translate(5px,3px);
	}

	6% {
		transform: translate(3px,1px);
	}

	8% {
		transform: translate(2px,3px);
	}

	10% {
		transform: translate(5px,5px);
	}

	12% {
		transform: translate(1px,3px);
	}

	14% {
		transform: translate(4px,5px);
	}

	16% {
		transform: translate(5px,5px);
	}

	18% {
		transform: translate(2px,4px);
	}

	20% {
		transform: translate(5px,5px);
	}

	22% {
		transform: translate(5px,1px);
	}

	24% {
		transform: translate(5px,2px);
	}

	26% {
		transform: translate(2px,1px);
	}

	28% {
		transform: translate(2px,3px);
	}

	30% {
		transform: translate(3px,3px);
	}

	32% {
		transform: translate(4px,1px);
	}

	34% {
		transform: translate(5px,4px);
	}

	36% {
		transform: translate(2px,5px);
	}

	38%,40% {
		transform: translate(5px,1px);
	}

	42% {
		transform: translate(3px,2px);
	}

	44% {
		transform: translate(5px,2px);
	}

	46.000000000000014% {
		transform: translate(2px,5px);
	}

	48% {
		transform: translate(3px,1px);
	}

	50% {
		transform: translate(2px,5px);
	}

	52% {
		transform: translate(1px,4px);
	}

	54% {
		transform: translate(4px,2px);
	}

	56.000000000000014% {
		transform: translate(5px,3px);
	}

	58% {
		transform: translate(1px,4px);
	}

	60% {
		transform: translate(3px,4px);
	}

	62% {
		transform: translate(4px,2px);
	}

	64% {
		transform: translate(1px,3px);
	}

	66.00000000000001% {
		transform: translate(5px,4px);
	}

	68% {
		transform: translate(2px,2px);
	}

	70%,72% {
		transform: translate(5px,5px);
	}

	74% {
		transform: translate(1px,2px);
	}

	76% {
		transform: translate(4px,3px);
	}

	78% {
		transform: translate(5px,4px);
	}

	80% {
		transform: translate(1px,5px);
	}

	82% {
		transform: translate(4px,3px);
	}

	84% {
		transform: translate(2px,1px);
	}

	86% {
		transform: translate(3px,3px);
	}

	88% {
		transform: translate(3px,4px);
	}

	90% {
		transform: translate(5px,4px);
	}

	92.00000000000001% {
		transform: translate(1px,5px);
	}

	93.99999999999999% {
		transform: translate(5px,2px);
	}

	96% {
		transform: translate(2px,1px);
	}

	98% {
		transform: translate(2px,2px);
	}

	100% {
		transform: translate(4px,2px);
	}

	1% {
		transform: scaleY(1) skewX(0deg);
	}

	1.5% {
		transform: scaleY(3) skewX(-60deg);
	}

	2% {
		transform: scaleY(1) skewX(0deg);
	}

	51% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}

	52% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
	}

	53% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}
}

@-webkit-keyframes clock-bag {
	0% {
		transform: translate(5px,3px);
	}

	2% {
		transform: translate(1px,3px);
	}

	4% {
		transform: translate(5px,3px);
	}

	6% {
		transform: translate(3px,1px);
	}

	8% {
		transform: translate(2px,3px);
	}

	10% {
		transform: translate(5px,5px);
	}

	12% {
		transform: translate(1px,3px);
	}

	14% {
		transform: translate(4px,5px);
	}

	16% {
		transform: translate(5px,5px);
	}

	18% {
		transform: translate(2px,4px);
	}

	20% {
		transform: translate(5px,5px);
	}

	22% {
		transform: translate(5px,1px);
	}

	24% {
		transform: translate(5px,2px);
	}

	26% {
		transform: translate(2px,1px);
	}

	28% {
		transform: translate(2px,3px);
	}

	30% {
		transform: translate(3px,3px);
	}

	32% {
		transform: translate(4px,1px);
	}

	34% {
		transform: translate(5px,4px);
	}

	36% {
		transform: translate(2px,5px);
	}

	38%,40% {
		transform: translate(5px,1px);
	}

	42% {
		transform: translate(3px,2px);
	}

	44% {
		transform: translate(5px,2px);
	}

	46.000000000000014% {
		transform: translate(2px,5px);
	}

	48% {
		transform: translate(3px,1px);
	}

	50% {
		transform: translate(2px,5px);
	}

	52% {
		transform: translate(1px,4px);
	}

	54% {
		transform: translate(4px,2px);
	}

	56.000000000000014% {
		transform: translate(5px,3px);
	}

	58% {
		transform: translate(1px,4px);
	}

	60% {
		transform: translate(3px,4px);
	}

	62% {
		transform: translate(4px,2px);
	}

	64% {
		transform: translate(1px,3px);
	}

	66.00000000000001% {
		transform: translate(5px,4px);
	}

	68% {
		transform: translate(2px,2px);
	}

	70%,72% {
		transform: translate(5px,5px);
	}

	74% {
		transform: translate(1px,2px);
	}

	76% {
		transform: translate(4px,3px);
	}

	78% {
		transform: translate(5px,4px);
	}

	80% {
		transform: translate(1px,5px);
	}

	82% {
		transform: translate(4px,3px);
	}

	84% {
		transform: translate(2px,1px);
	}

	86% {
		transform: translate(3px,3px);
	}

	88% {
		transform: translate(3px,4px);
	}

	90% {
		transform: translate(5px,4px);
	}

	92.00000000000001% {
		transform: translate(1px,5px);
	}

	93.99999999999999% {
		transform: translate(5px,2px);
	}

	96% {
		transform: translate(2px,1px);
	}

	98% {
		transform: translate(2px,2px);
	}

	100% {
		transform: translate(4px,2px);
	}

	1% {
		transform: scaleY(1) skewX(0deg);
	}

	1.5% {
		transform: scaleY(3) skewX(-60deg);
	}

	2% {
		transform: scaleY(1) skewX(0deg);
	}

	51% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}

	52% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
	}

	53% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}
}

@-o-keyframes clock-bag {
	0% {
		transform: translate(5px,3px);
	}

	2% {
		transform: translate(1px,3px);
	}

	4% {
		transform: translate(5px,3px);
	}

	6% {
		transform: translate(3px,1px);
	}

	8% {
		transform: translate(2px,3px);
	}

	10% {
		transform: translate(5px,5px);
	}

	12% {
		transform: translate(1px,3px);
	}

	14% {
		transform: translate(4px,5px);
	}

	16% {
		transform: translate(5px,5px);
	}

	18% {
		transform: translate(2px,4px);
	}

	20% {
		transform: translate(5px,5px);
	}

	22% {
		transform: translate(5px,1px);
	}

	24% {
		transform: translate(5px,2px);
	}

	26% {
		transform: translate(2px,1px);
	}

	28% {
		transform: translate(2px,3px);
	}

	30% {
		transform: translate(3px,3px);
	}

	32% {
		transform: translate(4px,1px);
	}

	34% {
		transform: translate(5px,4px);
	}

	36% {
		transform: translate(2px,5px);
	}

	38%,40% {
		transform: translate(5px,1px);
	}

	42% {
		transform: translate(3px,2px);
	}

	44% {
		transform: translate(5px,2px);
	}

	46.000000000000014% {
		transform: translate(2px,5px);
	}

	48% {
		transform: translate(3px,1px);
	}

	50% {
		transform: translate(2px,5px);
	}

	52% {
		transform: translate(1px,4px);
	}

	54% {
		transform: translate(4px,2px);
	}

	56.000000000000014% {
		transform: translate(5px,3px);
	}

	58% {
		transform: translate(1px,4px);
	}

	60% {
		transform: translate(3px,4px);
	}

	62% {
		transform: translate(4px,2px);
	}

	64% {
		transform: translate(1px,3px);
	}

	66.00000000000001% {
		transform: translate(5px,4px);
	}

	68% {
		transform: translate(2px,2px);
	}

	70%,72% {
		transform: translate(5px,5px);
	}

	74% {
		transform: translate(1px,2px);
	}

	76% {
		transform: translate(4px,3px);
	}

	78% {
		transform: translate(5px,4px);
	}

	80% {
		transform: translate(1px,5px);
	}

	82% {
		transform: translate(4px,3px);
	}

	84% {
		transform: translate(2px,1px);
	}

	86% {
		transform: translate(3px,3px);
	}

	88% {
		transform: translate(3px,4px);
	}

	90% {
		transform: translate(5px,4px);
	}

	92.00000000000001% {
		transform: translate(1px,5px);
	}

	93.99999999999999% {
		transform: translate(5px,2px);
	}

	96% {
		transform: translate(2px,1px);
	}

	98% {
		transform: translate(2px,2px);
	}

	100% {
		transform: translate(4px,2px);
	}

	1% {
		transform: scaleY(1) skewX(0deg);
	}

	1.5% {
		transform: scaleY(3) skewX(-60deg);
	}

	2% {
		transform: scaleY(1) skewX(0deg);
	}

	51% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}

	52% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
	}

	53% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}
}

@keyframes clock-bag {
	0% {
		transform: translate(5px,3px);
	}

	2% {
		transform: translate(1px,3px);
	}

	4% {
		transform: translate(5px,3px);
	}

	6% {
		transform: translate(3px,1px);
	}

	8% {
		transform: translate(2px,3px);
	}

	10% {
		transform: translate(5px,5px);
	}

	12% {
		transform: translate(1px,3px);
	}

	14% {
		transform: translate(4px,5px);
	}

	16% {
		transform: translate(5px,5px);
	}

	18% {
		transform: translate(2px,4px);
	}

	20% {
		transform: translate(5px,5px);
	}

	22% {
		transform: translate(5px,1px);
	}

	24% {
		transform: translate(5px,2px);
	}

	26% {
		transform: translate(2px,1px);
	}

	28% {
		transform: translate(2px,3px);
	}

	30% {
		transform: translate(3px,3px);
	}

	32% {
		transform: translate(4px,1px);
	}

	34% {
		transform: translate(5px,4px);
	}

	36% {
		transform: translate(2px,5px);
	}

	38%,40% {
		transform: translate(5px,1px);
	}

	42% {
		transform: translate(3px,2px);
	}

	44% {
		transform: translate(5px,2px);
	}

	46.000000000000014% {
		transform: translate(2px,5px);
	}

	48% {
		transform: translate(3px,1px);
	}

	50% {
		transform: translate(2px,5px);
	}

	52% {
		transform: translate(1px,4px);
	}

	54% {
		transform: translate(4px,2px);
	}

	56.000000000000014% {
		transform: translate(5px,3px);
	}

	58% {
		transform: translate(1px,4px);
	}

	60% {
		transform: translate(3px,4px);
	}

	62% {
		transform: translate(4px,2px);
	}

	64% {
		transform: translate(1px,3px);
	}

	66.00000000000001% {
		transform: translate(5px,4px);
	}

	68% {
		transform: translate(2px,2px);
	}

	70%,72% {
		transform: translate(5px,5px);
	}

	74% {
		transform: translate(1px,2px);
	}

	76% {
		transform: translate(4px,3px);
	}

	78% {
		transform: translate(5px,4px);
	}

	80% {
		transform: translate(1px,5px);
	}

	82% {
		transform: translate(4px,3px);
	}

	84% {
		transform: translate(2px,1px);
	}

	86% {
		transform: translate(3px,3px);
	}

	88% {
		transform: translate(3px,4px);
	}

	90% {
		transform: translate(5px,4px);
	}

	92.00000000000001% {
		transform: translate(1px,5px);
	}

	93.99999999999999% {
		transform: translate(5px,2px);
	}

	96% {
		transform: translate(2px,1px);
	}

	98% {
		transform: translate(2px,2px);
	}

	100% {
		transform: translate(4px,2px);
	}

	1% {
		transform: scaleY(1) skewX(0deg);
	}

	1.5% {
		transform: scaleY(3) skewX(-60deg);
	}

	2% {
		transform: scaleY(1) skewX(0deg);
	}

	51% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}

	52% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
	}

	53% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}
}

@-moz-keyframes tr-bag {
	0% {
		transform: translate(4px,2px);
	}

	2% {
		transform: translate(3px,3px);
	}

	4% {
		transform: translate(2px,5px);
	}

	6% {
		transform: translate(1px,4px);
	}

	8% {
		transform: translate(4px,5px);
	}

	10% {
		transform: translate(2px,3px);
	}

	12% {
		transform: translate(5px,5px);
	}

	14% {
		transform: translate(4px,4px);
	}

	16% {
		transform: translate(2px,3px);
	}

	18% {
		transform: translate(4px,3px);
	}

	20%,22% {
		transform: translate(5px,1px);
	}

	24% {
		transform: translate(1px,5px);
	}

	26% {
		transform: translate(1px,2px);
	}

	28% {
		transform: translate(1px,3px);
	}

	30% {
		transform: translate(1px,1px);
	}

	32%,34% {
		transform: translate(4px,5px);
	}

	36% {
		transform: translate(4px,1px);
	}

	38% {
		transform: translate(2px,5px);
	}

	40% {
		transform: translate(1px,3px);
	}

	42% {
		transform: translate(2px,5px);
	}

	44% {
		transform: translate(1px,2px);
	}

	46.000000000000014% {
		transform: translate(3px,4px);
	}

	48% {
		transform: translate(4px,4px);
	}

	50% {
		transform: translate(2px,5px);
	}

	52% {
		transform: translate(1px,3px);
	}

	54% {
		transform: translate(3px,1px);
	}

	56.000000000000014% {
		transform: translate(1px,2px);
	}

	58% {
		transform: translate(5px,1px);
	}

	60% {
		transform: translate(4px,4px);
	}

	62% {
		transform: translate(2px,4px);
	}

	64% {
		transform: translate(4px,4px);
	}

	66.00000000000001%,68% {
		transform: translate(1px,2px);
	}

	70% {
		transform: translate(1px,3px);
	}

	72% {
		transform: translate(5px,1px);
	}

	74% {
		transform: translate(3px,4px);
	}

	76% {
		transform: translate(2px,1px);
	}

	78% {
		transform: translate(5px,2px);
	}

	80% {
		transform: translate(5px,1px);
	}

	82% {
		transform: translate(1px,3px);
	}

	84% {
		transform: translate(2px,2px);
	}

	86% {
		transform: translate(3px,1px);
	}

	88% {
		transform: translate(3px,4px);
	}

	90% {
		transform: translate(2px,3px);
	}

	92.00000000000001% {
		transform: translate(3px,4px);
	}

	93.99999999999999%,96%,98% {
		transform: translate(5px,3px);
	}

	100% {
		transform: translate(1px,2px);
	}

	1% {
		transform: scaleY(1) skewX(0deg);
	}

	1.5% {
		transform: scaleY(3) skewX(-60deg);
	}

	2% {
		transform: scaleY(1) skewX(0deg);
	}

	51% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}

	52% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
	}

	53% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}
}

@-webkit-keyframes tr-bag {
	0% {
		transform: translate(4px,2px);
	}

	2% {
		transform: translate(3px,3px);
	}

	4% {
		transform: translate(2px,5px);
	}

	6% {
		transform: translate(1px,4px);
	}

	8% {
		transform: translate(4px,5px);
	}

	10% {
		transform: translate(2px,3px);
	}

	12% {
		transform: translate(5px,5px);
	}

	14% {
		transform: translate(4px,4px);
	}

	16% {
		transform: translate(2px,3px);
	}

	18% {
		transform: translate(4px,3px);
	}

	20%,22% {
		transform: translate(5px,1px);
	}

	24% {
		transform: translate(1px,5px);
	}

	26% {
		transform: translate(1px,2px);
	}

	28% {
		transform: translate(1px,3px);
	}

	30% {
		transform: translate(1px,1px);
	}

	32%,34% {
		transform: translate(4px,5px);
	}

	36% {
		transform: translate(4px,1px);
	}

	38% {
		transform: translate(2px,5px);
	}

	40% {
		transform: translate(1px,3px);
	}

	42% {
		transform: translate(2px,5px);
	}

	44% {
		transform: translate(1px,2px);
	}

	46.000000000000014% {
		transform: translate(3px,4px);
	}

	48% {
		transform: translate(4px,4px);
	}

	50% {
		transform: translate(2px,5px);
	}

	52% {
		transform: translate(1px,3px);
	}

	54% {
		transform: translate(3px,1px);
	}

	56.000000000000014% {
		transform: translate(1px,2px);
	}

	58% {
		transform: translate(5px,1px);
	}

	60% {
		transform: translate(4px,4px);
	}

	62% {
		transform: translate(2px,4px);
	}

	64% {
		transform: translate(4px,4px);
	}

	66.00000000000001%,68% {
		transform: translate(1px,2px);
	}

	70% {
		transform: translate(1px,3px);
	}

	72% {
		transform: translate(5px,1px);
	}

	74% {
		transform: translate(3px,4px);
	}

	76% {
		transform: translate(2px,1px);
	}

	78% {
		transform: translate(5px,2px);
	}

	80% {
		transform: translate(5px,1px);
	}

	82% {
		transform: translate(1px,3px);
	}

	84% {
		transform: translate(2px,2px);
	}

	86% {
		transform: translate(3px,1px);
	}

	88% {
		transform: translate(3px,4px);
	}

	90% {
		transform: translate(2px,3px);
	}

	92.00000000000001% {
		transform: translate(3px,4px);
	}

	93.99999999999999%,96%,98% {
		transform: translate(5px,3px);
	}

	100% {
		transform: translate(1px,2px);
	}

	1% {
		transform: scaleY(1) skewX(0deg);
	}

	1.5% {
		transform: scaleY(3) skewX(-60deg);
	}

	2% {
		transform: scaleY(1) skewX(0deg);
	}

	51% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}

	52% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
	}

	53% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}
}

@-o-keyframes tr-bag {
	0% {
		transform: translate(4px,2px);
	}

	2% {
		transform: translate(3px,3px);
	}

	4% {
		transform: translate(2px,5px);
	}

	6% {
		transform: translate(1px,4px);
	}

	8% {
		transform: translate(4px,5px);
	}

	10% {
		transform: translate(2px,3px);
	}

	12% {
		transform: translate(5px,5px);
	}

	14% {
		transform: translate(4px,4px);
	}

	16% {
		transform: translate(2px,3px);
	}

	18% {
		transform: translate(4px,3px);
	}

	20%,22% {
		transform: translate(5px,1px);
	}

	24% {
		transform: translate(1px,5px);
	}

	26% {
		transform: translate(1px,2px);
	}

	28% {
		transform: translate(1px,3px);
	}

	30% {
		transform: translate(1px,1px);
	}

	32%,34% {
		transform: translate(4px,5px);
	}

	36% {
		transform: translate(4px,1px);
	}

	38% {
		transform: translate(2px,5px);
	}

	40% {
		transform: translate(1px,3px);
	}

	42% {
		transform: translate(2px,5px);
	}

	44% {
		transform: translate(1px,2px);
	}

	46.000000000000014% {
		transform: translate(3px,4px);
	}

	48% {
		transform: translate(4px,4px);
	}

	50% {
		transform: translate(2px,5px);
	}

	52% {
		transform: translate(1px,3px);
	}

	54% {
		transform: translate(3px,1px);
	}

	56.000000000000014% {
		transform: translate(1px,2px);
	}

	58% {
		transform: translate(5px,1px);
	}

	60% {
		transform: translate(4px,4px);
	}

	62% {
		transform: translate(2px,4px);
	}

	64% {
		transform: translate(4px,4px);
	}

	66.00000000000001%,68% {
		transform: translate(1px,2px);
	}

	70% {
		transform: translate(1px,3px);
	}

	72% {
		transform: translate(5px,1px);
	}

	74% {
		transform: translate(3px,4px);
	}

	76% {
		transform: translate(2px,1px);
	}

	78% {
		transform: translate(5px,2px);
	}

	80% {
		transform: translate(5px,1px);
	}

	82% {
		transform: translate(1px,3px);
	}

	84% {
		transform: translate(2px,2px);
	}

	86% {
		transform: translate(3px,1px);
	}

	88% {
		transform: translate(3px,4px);
	}

	90% {
		transform: translate(2px,3px);
	}

	92.00000000000001% {
		transform: translate(3px,4px);
	}

	93.99999999999999%,96%,98% {
		transform: translate(5px,3px);
	}

	100% {
		transform: translate(1px,2px);
	}

	1% {
		transform: scaleY(1) skewX(0deg);
	}

	1.5% {
		transform: scaleY(3) skewX(-60deg);
	}

	2% {
		transform: scaleY(1) skewX(0deg);
	}

	51% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}

	52% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
	}

	53% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}
}

@keyframes tr-bag {
	0% {
		transform: translate(4px,2px);
	}

	2% {
		transform: translate(3px,3px);
	}

	4% {
		transform: translate(2px,5px);
	}

	6% {
		transform: translate(1px,4px);
	}

	8% {
		transform: translate(4px,5px);
	}

	10% {
		transform: translate(2px,3px);
	}

	12% {
		transform: translate(5px,5px);
	}

	14% {
		transform: translate(4px,4px);
	}

	16% {
		transform: translate(2px,3px);
	}

	18% {
		transform: translate(4px,3px);
	}

	20%,22% {
		transform: translate(5px,1px);
	}

	24% {
		transform: translate(1px,5px);
	}

	26% {
		transform: translate(1px,2px);
	}

	28% {
		transform: translate(1px,3px);
	}

	30% {
		transform: translate(1px,1px);
	}

	32%,34% {
		transform: translate(4px,5px);
	}

	36% {
		transform: translate(4px,1px);
	}

	38% {
		transform: translate(2px,5px);
	}

	40% {
		transform: translate(1px,3px);
	}

	42% {
		transform: translate(2px,5px);
	}

	44% {
		transform: translate(1px,2px);
	}

	46.000000000000014% {
		transform: translate(3px,4px);
	}

	48% {
		transform: translate(4px,4px);
	}

	50% {
		transform: translate(2px,5px);
	}

	52% {
		transform: translate(1px,3px);
	}

	54% {
		transform: translate(3px,1px);
	}

	56.000000000000014% {
		transform: translate(1px,2px);
	}

	58% {
		transform: translate(5px,1px);
	}

	60% {
		transform: translate(4px,4px);
	}

	62% {
		transform: translate(2px,4px);
	}

	64% {
		transform: translate(4px,4px);
	}

	66.00000000000001%,68% {
		transform: translate(1px,2px);
	}

	70% {
		transform: translate(1px,3px);
	}

	72% {
		transform: translate(5px,1px);
	}

	74% {
		transform: translate(3px,4px);
	}

	76% {
		transform: translate(2px,1px);
	}

	78% {
		transform: translate(5px,2px);
	}

	80% {
		transform: translate(5px,1px);
	}

	82% {
		transform: translate(1px,3px);
	}

	84% {
		transform: translate(2px,2px);
	}

	86% {
		transform: translate(3px,1px);
	}

	88% {
		transform: translate(3px,4px);
	}

	90% {
		transform: translate(2px,3px);
	}

	92.00000000000001% {
		transform: translate(3px,4px);
	}

	93.99999999999999%,96%,98% {
		transform: translate(5px,3px);
	}

	100% {
		transform: translate(1px,2px);
	}

	1% {
		transform: scaleY(1) skewX(0deg);
	}

	1.5% {
		transform: scaleY(3) skewX(-60deg);
	}

	2% {
		transform: scaleY(1) skewX(0deg);
	}

	51% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}

	52% {
		transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
	}

	53% {
		transform: scaleX(1) scaleY(1) skewX(0deg);
	}
}

@-moz-keyframes bg-move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -32px;
	}
}

@-webkit-keyframes bg-move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -32px;
	}
}

@-o-keyframes bg-move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -32px;
	}
}

@keyframes bg-move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -32px;
	}
}

@keyframes noise-anim {
	0% {
		clip: rect(97px,9999px,76px,0);
	}

	5% {
		clip: rect(93px,9999px,87px,0);
	}

	10% {
		clip: rect(48px,9999px,19px,0);
	}

	15% {
		clip: rect(5px,9999px,77px,0);
	}

	20% {
		clip: rect(1px,9999px,46px,0);
	}

	25% {
		clip: rect(71px,9999px,17px,0);
	}

	30% {
		clip: rect(66px,9999px,19px,0);
	}

	35% {
		clip: rect(86px,9999px,60px,0);
	}

	40% {
		clip: rect(54px,9999px,31px,0);
	}

	45% {
		clip: rect(88px,9999px,16px,0);
	}

	50% {
		clip: rect(88px,9999px,92px,0);
	}

	55% {
		clip: rect(38px,9999px,93px,0);
	}

	60% {
		clip: rect(19px,9999px,98px,0);
	}

	65% {
		clip: rect(84px,9999px,16px,0);
	}

	70% {
		clip: rect(97px,9999px,12px,0);
	}

	75% {
		clip: rect(35px,9999px,54px,0);
	}

	80% {
		clip: rect(10px,9999px,13px,0);
	}

	85% {
		clip: rect(95px,9999px,14px,0);
	}

	90% {
		clip: rect(63px,9999px,2px,0);
	}

	95% {
		clip: rect(68px,9999px,68px,0);
	}

	100% {
		clip: rect(77px,9999px,80px,0);
	}
}

body {
	clip: rect(0,900px,0,0);
	animation: noise-anim 2s infinite linear alternate-reverse;
}

.fadein {
	display: none;
}


.fullscreen {
	position: fixed;
	z-index: 100000000;
	bottom: 18px;
	right: 15px;
	color: #fefefe;
	/*font-size: 20px;*/
	height: 16px;
	cursor: pointer;
	opacity: .2;
	transition: .5s;
}

.fullscreen:hover, .copy:hover, .btn-menu:hover, .donate:hover {
	opacity: 1;
	transition: .5s;
}

.btn-menu {
	position: fixed;
	z-index: 100000000;
	bottom: 8px;
	right: 48%;
	font-size: 24px;
	cursor: pointer;
	opacity: .2;
	transition: .5s;
	border: 0;
  	background: unset;
  	padding: 0;
  	margin: 0;
}
.modal-main .modal-header, .modal-main .modal-footer {
	border: none;
}
.modal-main .btn-close {
	display: flex;
    align-items: center;
    justify-content: center;
	color: #fefefe;
	font-size: 34px;
	--bs-btn-close-bg: none;
}

.donate {
	position: fixed;
	z-index: 100000000;
	bottom: 10px;
	cursor: pointer;
	opacity: .2;
	transition: .5s;
}

.copy {
    position: fixed;
    z-index: 100000000;
    bottom: 10px;
    left: 15px;
    font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    font-size: 12px;
    cursor: pointer;
    opacity: .2;
    transition: .5s;
}

.policy {
    max-width: 840px;
    margin: 0 auto;
    padding: 44px 16px;
}

.policy h1, .policy h3, .policy h4 {
	margin: 22px 0px 22px;
	text-transform: uppercase;
	font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
	font-weight: 500;
}

.policy p {
    margin: 8px 0px 22px;
    font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
	font-weight: 100;
}

.policy a {
    color: #ffffffde;
    text-decoration: underline;
}

.table th {
	padding: 6px;
	font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
}

.table, tr {
    border: 1px solid #ffffff63;
    border-collapse: collapse;
}

.table td {
    padding: 8px;
    border: 1px solid #ffffff63;
    font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
}

.gohome {
	position: sticky;
    color: #FF5722;
        font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    top: 2%;
    left: 1%;
}

/* ###################### */

.article {
	padding: 4px;
}

article {
	max-width: 840px;
	border: 1px solid #666;
    padding: 32px 16px;
    margin: 0 auto;
    margin-bottom: 16px;
}

article img {
	width: 100%;
}

.btn {
	display: inline-block;
	color: #fefefe;
    border: 1px solid #fefefe;
    padding: 4px 18px 8px 18px;
    text-decoration: none;
}

/* ###################### */

@media only screen and (max-width:768px){
	.clock {
		z-index: 100;
		width: 508px;
	}
	.clock span {
		font-size: 70px;
	}
	.glitch .clock span:after, .glitch .clock span:before {
		width: 508px;

	}
	.nowar {
		top: 30%;
	}
}

@media only screen and (max-width:480px){
	.clock {
	    z-index: 100;
	    width: 320px;
	}
	.clock span {
	    font-size: 56px;
	}
	.glitch .clock span:after, .glitch .clock span:before {
        width: 320px;

    }
	.btn-menu {
		right: 44%;
	}
}

/* ------ MENU ------- */
/* ------  Menu Button ------- */

.menu-toggle {
	position: absolute;
	width: 38px;
	height: 72px;
	top: 12px;
	left: 50%;
	margin-left: -20px;
}

.menu-link {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1010;
}

.menu-logo{
	width: inherit;
	height: inherit;
	margin-top: 20px;
	margin-left: 0;
	text-align: center;
	position: absolute;
	opacity: 1;
	transition: all 400ms ease;
	fill: #fefefe75;
}

.menu-open .menu-logo{
	fill: #fefefe;
}

.menu-icon {
	position: absolute;
	width: 20px;
	height: 14px;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 1px;
}

/* ------  Menu Line ------- */

.menu-line {
	background-color: #fefefe;
	height: 2px;
	width: 100%;
	border-radius: 0px;
	position: absolute;
	left: 0;
	opacity: 0;
	transition: all 200ms ease;
	z-index: 1000;
}

.menu-line-1 {
	top: -8px;
	margin: auto;
}
.menu-line-2 {
	top: 22px;
}
.menu-line-3 {
	top: 12px;
}

.menu-link:hover .menu-line-3 {
	opacity: 1;
	transform: translateY(-5px);
}

.menu-link:hover .menu-line-2 {
	opacity: 1;
	transform: translateY(-10px);
}

.menu-link:hover .menu-line-1 {
	opacity: 1;
	transform: translateY(10px);
}

.menu-link:hover .menu-logo {
	width: inherit;
	height: inherit;
	text-align: center;
	margin-top: 12px;
	opacity: 0;
	transform: scale(0.8);
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	transform: rotateY(60deg);
}

.menu-link:hover .menu-pulse, {
	border: none;
}

.menu-toggle.menu-open .menu-line-1 {
	transform: translateY(16px) translateY(-50%) rotate(-225deg);
}
.menu-toggle.menu-open .menu-line-2 {
	transform: translateY(-16px) translateY(50%) rotate(225deg);
}
.menu-toggle.menu-open .menu-line-3 {
	transform: translateY(-6px) translateY(50%) rotate(225deg);
}

/* ------ Menu Circle ------- */

.menu-circle {
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid rgba(0, 0, 0, 0);
	width: 100%;
	height: 100%;
	left: -1px;
	bottom: -2px;
	position: absolute;
	border-radius: 50%;
	z-index: 800;
	opacity: 0.2;
	transform: scale(1);
	transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-box-shadow: 0px 0px 32px 0px rgba(22,24,58,0.05);
	-moz-box-shadow: 0px 0px 32px 0px rgba(22,24,58,0.05);
	box-shadow: 0px 0px 32px 0px rgba(22,24,58,0.05);
}

.menu-pulse {
	border: 2px solid white;
	border-radius: 50%;
	position: absolute;
	display: block;
	width: inherit;
	height: inherit;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-sizing: content-box;
	opacity: 0;

&.is-learned {
	 visibility: hidden;
 }
}

.first-pulse {
	animation: pulse-border 2000ms ease-out infinite;
}
.second-pulse {
	animation: pulse-border 2000ms 400ms ease-out infinite;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	50% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
		opacity: 0;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
		opacity: 0;
		border-width: 1px;
	}
}

.menu-toggle:hover .menu-circle {
	background-color: white;
	border: 2px solid white;
	opacity: 1;
	transform: scale(0.8);
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);

	-webkit-box-shadow: 0px 0px 32px 0px rgba(22,24,58,0.1);
	-moz-box-shadow: 0px 0px 32px 0px rgba(22,24,58,0.1);
	box-shadow: 0px 0px 32px 0px rgba(22,24,58,0.1);
}

.menu-toggle.menu-open .menu-circle {
	transform: scale(25);
	transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1), opacity 800ms cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0;
}

/* ------ Menu Overlay ------- */
.menu-overlay {
	background-color: #111;
	color: #fefefe;
	height: 100%;
	width: 100%;
	position: fixed;
	text-align: center;
	transition: opacity 0.2s ease-in-out;
	z-index: 800;
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.menu-overlay.menu-open {
	opacity: 1;
	visibility: visible;
	left: 0px;
	top: 0;
}

.powered-by {
	display: flex;
	position: absolute;
	z-index: 100000000;
	bottom: 0;
	opacity: 0.3;
	width: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.powered-by svg:hover {
	opacity: 1;
}
.powered-by svg {
	z-index: 100000000;
}

/* CloudFlare */

cloudflare-app {
	display: none;
	position: absolute;
	bottom: 0;
	opacity: 0.3;
	width: 100%;
	text-align: center;
}
cloudflare-app:hover {
	opacity: 1;
}
cloudflare-app img {
	width: auto;
	height: 36px;
	z-index: 100000000;
}

/* YANDEX REKLAMA */

.block {
    padding: 15px 0;
}
.block-label {
    display: block;
    width: 100%;
    margin-top: 16px;
    text-align: right;
}
.label {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #999999;
}
.headline {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #373e44;
    padding-bottom: 20px;
    padding-top: 15px;
}
.grid {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    width: 100%;
    box-sizing: border-box;
}
.grid-row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    width: 100%;
    margin-top: 10px;
}
.grid-row:first-child {
    margin-top: 0;
}
.grid-item {
    position: relative;
    flex: 1 1 0px;
    margin-left: 10px;
}
.grid-item:first-child {
    margin-left: 0;
}
.unit-wrapper {
    position: relative;
    display: flex;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
        font-family: "Open Sans", Arial, sans-serif;
        width: 100%;
        height: 100%;
        box-shadow: inset 0 0 1px 0 #666;
        border-radius: 2px;
        background-color: #fff;
}
.unit {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-decoration: none;
    color: black;
    width: 100%;
    cursor: pointer;
}
.image {
    position: relative;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 10px;
}
.body {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}
ya-image {
    max-height: 100px;
}
.title {
    color: #000;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
.meta {
    color: #757575;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 10px;
}
.category {
    color: #093;
    padding-right: 20px;
}