@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&family=Roboto+Condensed:wght@300;400;700;900&family=Work+Sans:wght@400;500;600;700&display=swap');


body {
	margin:0;
	padding:0;
	overflow:hidden;
	background:linear-gradient(#E3EDF7,#F5FAFF,#E3EDF7);
}

h1,h2,h3,h4,h5,h6,strong,input,p,a,button {
	font-family: 'Poppins', sans-serif;
	margin-block-start: 0 !important;
    margin-block-end: 0 !important;
	color:rgba(50,50,50,1);
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 .001px;
    text-rendering: optimizeLegibility;
}

a {
	text-decoration: none;
}

strong {
	font-weight:400;
}

img {
	width:100%;
	height: 100%;
	object-fit: cover;
}

.buf {
		position:fixed;
		font-size:0;
		text-align: center;
		background:linear-gradient(rgba(255,255,255,0) 20%, rgba(255,255,255,1) 80%);
		animation: do .5s .25s ease-in forwards;
		-o-animation: do .5s .25s ease-in forwards;
		-moz-animation: do .5s .25s ease-in forwards;
		-webkit-animation: do .5s .25s ease-in forwards;
		opacity:0;
	}

	.buf > .box:nth-child(1) {
		background-image: url("../images/pb.png");
		background-repeat:no-repeat;
		background-position:center center;
		background-size:100% 100%;
		animation: lle .5s .875s ease-in forwards;
		-o-animation: lle .5s .875s ease-in forwards;
		-moz-animation: lle .5s .875s ease-in forwards;
		-webkit-animation: lle .5s .875s ease-in forwards;
		opacity:0;
	}

	.buf > .box:nth-child(2) {
		animation: lri .5s .875s ease-in forwards;
		-o-animation: lri .5s .875s ease-in forwards;
		-moz-animation: lri .5s .875s ease-in forwards;
		-webkit-animation: lri .5s .875s ease-in forwards;
		opacity:0;
	}

	.buf > .box:nth-child(2) > h5 {
		text-align:left;
		font-family:'Poppins';
		font-weight:300;
		color:black;
	}

	.buf > .box:nth-child(2) > a {
		font-size:0;
	}

	.buf > .box:nth-child(2) > a > h5 {
		text-align:left;
		font-family:'Poppins';
		font-weight:400;
		position: relative;
	}

	.buf > .box:nth-child(2) > a > h5::before {
		content:' ';
	    /* background-image:url("play.svg"); */
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    position: absolute;
	}

.prm {
		text-align:center;
	}

	.prm > a > .box {
		font-size:0;
		position: relative;
	}

	.prm > a > .box > h4 {
		font-weight:400;
		font-family:'Poppins';
		color:white;
		background:linear-gradient(135deg, rgba(255,230,0,1), rgba(255,80,255,1), rgba(107,71,255,1), rgba(0,210,255,1));
		animation:lle .25s 1.5s ease-in forwards;
		-o-animation:lle .25s 1.5s ease-in forwards;
		-moz-animation:lle .25s 1.5s ease-in forwards;
		-webkit-animation:lle .25s 1.5s ease-in forwards;
		opacity:0;
	}

	.prm > a > .box > .box > h5 {
		font-weight:400;
		color:rgba(75,80,85,1);
		font-family:'Poppins';
		animation:lri .25s 1.5s ease-in forwards;
		-o-animation:lri .25s 1.5s ease-in forwards;
		-moz-animation:lri .25s 1.5s ease-in forwards;
		-webkit-animation:lri .25s 1.5s ease-in forwards;
		opacity:0;
	}

	.prm > a > .box > .box > h6 {
		font-weight:300;
		font-family:'Poppins';
		animation:lri .25s 1.75s ease-in forwards;
		-o-animation:lri .25s 1.75s ease-in forwards;
		-moz-animation:lri .25s 1.75s ease-in forwards;
		-webkit-animation:lri .25s 1.75s ease-in forwards;
		opacity:0;
	}

.prc {
		position:fixed;
		font-size:0;
		text-align: center;
		animation: lup .5s .5s ease-out forwards;
		-o-animation: lup .5s .5s ease-out forwards;
		-moz-animation: lup .5s .5s ease-out forwards;
		-webkit-animation: lup .5s .5s ease-out forwards;
		opacity:0;
	}

	.prc > .box > a > .box::after {
		content:' ';
	    background-image:url("../images/ps.png");
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    display: block;
	    position: absolute;
		animation: fade .25s 1.5s ease-in forwards;
		-o-animation: fade .25s 1.5s ease-in forwards;
		-moz-animation: fade .25s 1.5s ease-in forwards;
		-webkit-animation: fade .25s 1.5s ease-in forwards;
		opacity:0;
	}

	.prc > .box > a > .box > .box {
		background-position:center center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		position: relative;
		text-align:center;
	}

	.prc > .box > a > .box > .box > h5 {
		color:rgba(0,0,0,.5);
		font-family:'Poppins';
		font-weight:400;
	}

	.prc > .box > a > .box > .box > h6:nth-child(3) {
		font-family:'Poppins';
		font-weight:400;
		display: block;
		color:rgba(0,0,0,.5);
	}

	.prc > .box > a > .box > .box > h6 {
		font-family:'Poppins';
		font-weight:400;
		display: inline-block;
		vertical-align: middle;
		color:black;
	}

	.prc > .box > a > .box > .box > h4 {
		color:rgba(0,0,0,.75);
		font-family:'Poppins';
		font-weight:600;
	}

	.prc > .box > a > .box > .box > h4 > sup {
		font-weight:300;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h4 > sup {
		font-weight:300;
	}

	.prc > .box > a:nth-child(1) > .box > .box {
		background-image: url('../images/ptf.svg');
		animation:prco .25s 1s ease-out forwards;
		-o-animation:prco .25s 1s ease-out forwards;
		-moz-animation:prco .25s 1s ease-out forwards;
		-webkit-animation:prco .25s 1s ease-out forwards;
	}

	.prc > .box > a:nth-child(2) > .box > .box {
		background-image: url('../images/ptr.svg');
		transform:scale(.75);
		-o-transform:scale(.75);
		-moz-transform:scale(.75);
		-webkit-transform:scale(.75);
		animation:prct .25s 1s ease-out forwards;
		-o-animation:prct .25s 1s ease-out forwards;
		-moz-animation:prct .25s 1s ease-out forwards;
		-webkit-animation:prct .25s 1s ease-out forwards;
	}

	.prc > .box > a:nth-child(3) > .box > .box {
		background-image: url('../images/ptt.svg');
		animation:prcr .25s 1s ease-out forwards;
		-o-animation:prcr .25s 1s ease-out forwards;
		-moz-animation:prcr .25s 1s ease-out forwards;
		-webkit-animation:prcr .25s 1s ease-out forwards;
	}

	.prc > .box > a:nth-child(4) > .box > .box {
		background-image: url('../images/pto.svg');
		animation:prcr .25s 1s ease-out forwards;
		-o-animation:prcr .25s 1s ease-out forwards;
		-moz-animation:prcr .25s 1s ease-out forwards;
		-webkit-animation:prcr .25s 1s ease-out forwards;
	}

.bfo {
	    position: fixed;
	    font-size:0;
	    text-align: center;
	}

	.bfo > .box {
		display: inline-block;
		vertical-align: middle;
	}

	.bfo > .box > h3 {
		font-family:'Poppins';
		font-weight:400;
		color:rgba(75,80,85,1);
		animation: up .25s .5s ease-in forwards;
		-o-animation: up .25s .5s ease-in forwards;
		-moz-animation: up .25s .5s ease-in forwards;
		-webkit-animation: up .25s .5s ease-in forwards;
		opacity:0;
		position: relative;
	}

	.bfo > .box > h3::before {
		content:' ';
	    background-image:url("../images/ps.png");
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    display: block;
	    position: absolute;
	}

	.bfo > .box > h5 {
		font-family:'Poppins';
		animation: do .25s .75s ease-in forwards;
		-o-animation: do .25s .75s ease-in forwards;
		-moz-animation: do .25s .75s ease-in forwards;
		-webkit-animation: do .25s .75s ease-in forwards;
		opacity:0;
	}

.mli {
		left:0;
		font-size:0;
		position:fixed;
	}

	.mli > .box {
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}

	.mli > .box:nth-child(1) > h3 {
		position:relative;
		animation: up .5s 1s ease-out forwards;
		-o-animation: up .5s 1s ease-out forwards;
		-moz-animation: up .5s 1s ease-out forwards;
		-webkit-animation: up .5s 1s ease-out forwards;
		opacity:0;
	}

	.mli > .box:nth-child(1) > h3::before {
		content:' ';
	    background-image: url('../images/ps.png');
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    background-position: center center;
	    display: block;
	    position: absolute;
	    animation: up .25s 1.5s ease-out forwards;
		-o-animation: up .25s 1.5s ease-out forwards;
		-moz-animation: up .25s 1.5s ease-out forwards;
		-webkit-animation: up .25s 1.5s ease-out forwards;
		opacity:0;
	}

	.mli > .box > h3 {
		color:black;
		font-weight:400;
		font-family:'Poppins';
	}

	.mli > .box > a > h6 {
		color:rgba(75,80,85,1);
		font-weight:300;
		font-family:'Poppins';
		text-decoration:none;
		opacity:0;
	}

	.mlima {
		color:black !important;
		font-weight:bold !important;
		/* background-color: aqua; */
	}

	.mli > .box > a:nth-child(2) > h6 {
		animation: le .25s .5s ease-out forwards;
		-o-animation: le .25s .5s ease-out forwards;
		-moz-animation: le .25s .5s ease-out forwards;
		-webkit-animation: le .25s .5s ease-out forwards;
	}

	.mli > .box > a:nth-child(3) > h6 {
		animation: le .25s .625s ease-out forwards;
		-o-animation: le .25s .625s ease-out forwards;
		-moz-animation: le .25s .625s ease-out forwards;
		-webkit-animation: le .25s .625s ease-out forwards;
	}

	.mli > .box > a:nth-child(4) > h6 {
		animation: le .25s .75s ease-out forwards;
		-o-animation: le .25s .75s ease-out forwards;
		-moz-animation: le .25s .75s ease-out forwards;
		-webkit-animation: le .25s .75s ease-out forwards;
	}

	.mli > .box > a:nth-child(5) > h6 {
		animation: le .25s .875s ease-out forwards;
		-o-animation: le .25s .875s ease-out forwards;
		-moz-animation: le .25s .875s ease-out forwards;
		-webkit-animation: le .25s .875s ease-out forwards;
	}

	.mli > .box > a:nth-child(6) > h6 {
		animation: le .25s 1s ease-out forwards;
		-o-animation: le .25s 1s ease-out forwards;
		-moz-animation: le .25s 1s ease-out forwards;
		-webkit-animation: le .25s 1s ease-out forwards;
	}

	.mli > .box > a:nth-child(7) > h6 {
		animation: le .25s 1.125s ease-out forwards;
		-o-animation: le .25s 1.125s ease-out forwards;
		-moz-animation: le .25s 1.125s ease-out forwards;
		-webkit-animation: le .25s 1.125s ease-out forwards;
	}

	.mli > .box > a:nth-child(8) > h6 {
		animation: le .25s 1.25s ease-out forwards;
		-o-animation: le .25s 1.25s ease-out forwards;
		-moz-animation: le .25s 1.25s ease-out forwards;
		-webkit-animation: le .25s 1.25s ease-out forwards;
	}

	.mli > .box > a:nth-child(9) > h6 {
		animation: le .25s 1.375s ease-out forwards;
		-o-animation: le .25s 1.375s ease-out forwards;
		-moz-animation: le .25s 1.375s ease-out forwards;
		-webkit-animation: le .25s 1.375s ease-out forwards;
	}

	.mli > .box:nth-child(2) {
		overflow:hidden;
		animation:fade .5s .5s ease-out forwards;
		-o-animation:fade .5s .5s ease-out forwards;
		-moz-animation:fade .5s .5s ease-out forwards;
		-webkit-animation:fade .5s .5s ease-out forwards;
		opacity:0;
	}

	.mli > .box:nth-child(3) {
		background:linear-gradient(-135deg, rgba(255,230,0,1), rgba(255,80,255,1), rgba(107,71,255,1), rgba(0,210,255,1));
		animation:lle .5s 1s ease-out forwards;
		-o-animation:lle .5s 1s ease-out forwards;
		-moz-animation:lle .5s 1s ease-out forwards;
		-webkit-animation:lle .5s 1s ease-out forwards;
		opacity:0;
		position:relative;
	}

	.mli > .box:nth-child(3)::before {
	    content: ' ';
	    position: absolute;
	    background: rgba(245,250,255,1);
	    z-index: -1;
	}

	.mli > .box:nth-child(3) > h4 {
		font-family:'Poppins';
		font-weight:400;
	}

	.mli > .box:nth-child(3) > h5 {
		font-family:'Poppins';
		font-weight:300;
	}

.ftvt > h5 {
		writing-mode: vertical-lr;
		font-family:'Poppins';
		font-weight:400;
		color:rgba(0,0,0,.66);
		display:inline-block;
	}

.ftvt > h3 > strong {
		writing-mode: vertical-lr;
		font-family:'Poppins';
		font-weight:300;
		color:rgba(0,0,0,.66);
	}

.ftvt > h3 {
		writing-mode: vertical-lr;
		font-family:'Poppins';
		font-weight:100;
		color:rgba(0,0,0,.66);
		display:inline-block;
	}

.ftvt {
		position: fixed;
		font-size:0;
		animation:ftvt .25s 1s ease-out forwards;
		-o-animation:ftvt .25s 1s ease-out forwards;
		-moz-animation:ftvt .25s 1s ease-out forwards;
		-webkit-animation:ftvt .25s 1s ease-out forwards;
		opacity:0;
	}

.ftm > .box > .box > h4 {
		font-family:'Poppins';
		font-weight:300;
		color:rgba(50,55,60,1);
	}

.ftm > .box > .box > h2 {
		font-family:'Poppins';
		font-weight:600;
		color:rgba(70,75,80,1);
	}

.ftm > .box > .box:nth-child(1) > h2:nth-child(2) {
		background:-webkit-linear-gradient(-140deg, rgba(213,149,40,1), rgba(255,223,81,1), rgba(213,149,40,1), rgba(255,223,81,1), rgba(219,160,46,1), rgba(249,212,75,1));
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		animation:lri .5s 1s ease-out forwards;
		-o-animation:lri .5s 1s ease-out forwards;
		-moz-animation:lri .5s 1s ease-out forwards;
		-webkit-animation:lri .5s 1s ease-out forwards;
		opacity:0;
	}

.ftm > .box > .box:nth-child(1) > h2:nth-child(1)::before {
		content:' ';
	    /* background-image:url("ps.png"); */
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    display: block;
	    position: absolute;
	    display:none;
	}

.ftm > .box > .box:nth-child(1) > h2:nth-child(1) {
		position: relative;
	}

.ftm > .box > .box:nth-child(1) {
		text-align:right;
	}

.ftm > .box:nth-child(1) > .box:nth-child(1) {
		animation:lri .5s .5s ease-out forwards;
		-o-animation:lri .5s .5s ease-out forwards;
		-moz-animation:lri .5s .5s ease-out forwards;
		-webkit-animation:lri .5s .5s ease-out forwards;
		opacity:0;
	}

	.ftm > .box:nth-child(1) > .box:nth-child(2) {
		animation:lle .5s .5s ease-out forwards;
		-o-animation:lle .5s .5s ease-out forwards;
		-moz-animation:lle .5s .5s ease-out forwards;
		-webkit-animation:lle .5s .5s ease-out forwards;
		opacity:0;
	}

	.ftm > .box > .box {
		display: inline-block;
		vertical-align: top;
	}

.ftm {
		position:fixed;
		font-size:0;
	}

.ftse > a:nth-child(4) > .box > h5::after {
		content:' ';
		position: absolute;
		background:linear-gradient(60deg, rgba(0,210,255,1), rgba(0,100,255,1) 66%);
		animation:shl 6s 2s ease-in-out infinite;
		-o-animation:shl 6s 2s ease-in-out infinite;
		-moz-animation:shl 6s 2s ease-in-out infinite;
		-webkit-animation:shl 6s 2s ease-in-out infinite;
	}

.ftse > a:nth-child(4) > .box > h5::before {
		content:' ';
		position: absolute;
		background:linear-gradient(145deg, rgba(0,100,255,1) 33%, rgba(0,210,255,1));
		animation:svd 6s 2s ease-in-out infinite;
		-o-animation:svd 6s 2s ease-in-out infinite;
		-moz-animation:svd 6s 2s ease-in-out infinite;
		-webkit-animation:svd 6s 2s ease-in-out infinite;
	}

.ftse > a:nth-child(4) > .box > h5 {
		font-family:'Poppins';
		font-weight:400;
		position: absolute;
	}

.ftse > a:nth-child(4) > .box {
		background:radial-gradient(circle farthest-side at 25% 75%, rgba(255,255,255,1) 40%, rgba(227,237,247,0) 105%);
		animation:up .5s 1.75s ease-out forwards;
		-o-animation:up .5s 1.75s ease-out forwards;
		-moz-animation:up .5s 1.75s ease-out forwards;
		-webkit-animation:up .5s 1.75s ease-out forwards;
		opacity:0;
	}

.ftse > a:nth-child(3) > .box > h5::after {
		content:' ';
		position: absolute;
		background:linear-gradient(-140deg,rgba(213,149,40,1), rgba(255,223,81,1), rgba(219,160,46,1), rgba(249,212,75,1));
		animation:shr 6s 2s ease-in-out infinite;
		-o-animation:shr 6s 2s ease-in-out infinite;
		-moz-animation:shr 6s 2s ease-in-out infinite;
		-webkit-animation:shr 6s 2s ease-in-out infinite;
	}

.ftse > a:nth-child(3) > .box > h5::before {
		content:' ';
		position: absolute;
		background:linear-gradient(30deg, rgba(248,228,138,1), rgba(255,223,81,1), rgba(213,149,40,1));
		animation:svd 6s 2s ease-in-out infinite;
		-o-animation:svd 6s 2s ease-in-out infinite;
		-moz-animation:svd 6s 2s ease-in-out infinite;
		-webkit-animation:svd 6s 2s ease-in-out infinite;
	}

.ftse > a:nth-child(3) > .box > h5 {
		font-family:'Poppins';
		font-weight:400;
		position: absolute;
	}

.ftse > a:nth-child(3) > .box::before {
		content:' ';
	    /* background-image:url("sh.svg"); */
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    display: block;
	    position: absolute;
	    animation: lsvt 10s 2s linear infinite;
	    -o-animation: lsvt 10s 2s linear infinite;
	    -moz-animation: lsvt 10s 2s linear infinite;
	    -webkit-animation: lsvt 10s 2s linear infinite;
	}

.ftse > a:nth-child(3) > .box::after {
		content:' ';
	    /* background-image:url("ps.png"); */
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    display: block;
	    position: absolute;
		animation: lsvt 10s 2s linear infinite;
	    -o-animation: lsvt 10s 2s linear infinite;
	    -moz-animation: lsvt 10s 2s linear infinite;
	    -webkit-animation: lsvt 10s 2s linear infinite;
	}

.ftse > a:nth-child(3) > .box {
		background:radial-gradient(circle farthest-side at 30% 80%, rgba(255,255,255,1) 25%, rgba(227,237,247,1) 80%);
		position:relative;
		animation:le .75s 1.25s ease-out forwards;
		-o-animation:le .75s 1.25s ease-out forwards;
		-moz-animation:le .75s 1.25s ease-out forwards;
		-webkit-animation:le .75s 1.25s ease-out forwards;
		opacity:0;
	}

.ftse > a:nth-child(2) > .box > h5::after {
		content:' ';
		position: absolute;
		background:linear-gradient(60deg, rgba(0,100,255,1), rgba(0,210,255,1) 66%);
		animation:shl 6s 2s ease-in-out infinite;
		-o-animation:shl 6s 2s ease-in-out infinite;
		-moz-animation:shl 6s 2s ease-in-out infinite;
		-webkit-animation:shl 6s 2s ease-in-out infinite;
	}

.ftse > a:nth-child(2) > .box > h5::before {
		content:' ';
		position: absolute;
		background:linear-gradient(145deg, rgba(0,100,255,1), rgba(0,210,255,1) 66%);
		animation:svt 6s 2s ease-in-out infinite;
		-o-animation:svt 6s 2s ease-in-out infinite;
		-moz-animation:svt 6s 2s ease-in-out infinite;
		-webkit-animation:svt 6s 2s ease-in-out infinite;
	}

.ftse > a:nth-child(2) > .box > h5 {
		font-family:'Poppins';
		font-weight:400;
		position: absolute;
	}

.ftse > a:nth-child(2) > .box {
		animation:do .5s 1.5s ease-out forwards;
		-o-animation:do .5s 1.5s ease-out forwards;
		-moz-animation:do .5s 1.5s ease-out forwards;
		-webkit-animation:do .5s 1.5s ease-out forwards;
		opacity:0;
	}

.ftse > a:nth-child(1) > .box > h5::after {
		content:' ';
		position: absolute;
		background:rgba(0,210,255,1);
		animation:shr 6s 2s ease-in-out infinite;
		-o-animation:shr 6s 2s ease-in-out infinite;
		-moz-animation:shr 6s 2s ease-in-out infinite;
		-webkit-animation:shr 6s 2s ease-in-out infinite;
	}

.ftse > a:nth-child(1) > .box > h5::before {
		content:' ';
		position: absolute;
		background:linear-gradient(rgba(0,100,255,1), rgba(0,210,255,1) 66%);
		animation:svt 6s 2s ease-in-out infinite;
		-o-animation:svt 6s 2s ease-in-out infinite;
		-moz-animation:svt 6s 2s ease-in-out infinite;
		-webkit-animation:svt 6s 2s ease-in-out infinite;
	}

.ftse > a:nth-child(1) > .box > h5 {
		font-family:'Poppins';
		color:white;
		font-weight:400;
		position: absolute;
	}

.ftse > a:nth-child(1) > .box::before {
		content:' ';
	    background:linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,.33));
	    display: block;
	}

.ftse > a:nth-child(1) > .box {
		/* background-image: url("../images/fto.jpg"); */
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		overflow:hidden;
	}

.ftse > a:nth-child(1) > .box {
		/* background-image: url("../images/fto.jpg"); */
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		overflow:hidden;
	}

.ftse > a > .box {
		display: inline-block;
		vertical-align: bottom;
		position: relative;
	}

.ftse {
		position: fixed;
		font-size:0;
		animation:le .25s 1s ease-out forwards;
		-o-animation:le .25s 1s ease-out forwards;
		-moz-animation:le .25s 1s ease-out forwards;
		-webkit-animation:le .25s 1s ease-out forwards;
		opacity:0;
	}

.qi > h5::after {
		content:' ';
	    /* background-image:url('check.svg'); */
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    display: block;
	    position: absolute;
	}

@keyframes qir {
		0%,5% {
			opacity: 0;
		}

		10%,90% {
			opacity: 1;
		}

		95%,100% {
			opacity: 0;
		}
	}

	.qi > h5:nth-child(4) {
		animation: qif 8s 6s linear infinite;
		-o-animation: qif 8s 6s linear infinite;
		-moz-animation: qif 8s 6s linear infinite;
		-webkit-animation: qif 8s 6s linear infinite;
		opacity:0;
	}

	@keyframes qif {
		0%,7.5% {
			opacity: 0;
		}

		12.5%,92.5% {
			opacity: 1;
		}

		97.5%,100% {
			opacity: 0;
		}
	}


	.qi > h5 > strong {
		font-weight:400;
	}

.hm > .qi > h5:nth-child(3) {
		animation: qir 8s 6s linear infinite;
		-o-animation: qir 8s 6s linear infinite;
		-moz-animation: qir 8s 6s linear infinite;
		-webkit-animation: qir 8s 6s linear infinite;
		opacity:0;
	}

@keyframes qit {
		0%,2.5% {
			opacity: 0;
		}

		7.5%,87.5% {
			opacity: 1;
		}

		92.5%,100% {
			opacity: 0;
		}
	}

.hm > .qi > h5:nth-child(2) {
		animation: qit 8s 6s linear infinite;
		-o-animation: qit 8s 6s linear infinite;
		-moz-animation: qit 8s 6s linear infinite;
		-webkit-animation: qit 8s 6s linear infinite;
		opacity:0;
	}

@keyframes qio {
		0% {
			opacity: 0;
		}

		5%,85% {
			opacity: 1;
		}

		90%,100% {
			opacity: 0;
		}
	}

.hm > .qi > h5:nth-child(1) {
		animation: qio 8s 6s linear infinite;
		-o-animation: qio 8s 6s linear infinite;
		-moz-animation: qio 8s 6s linear infinite;
		-webkit-animation: qio 8s 6s linear infinite;
		opacity:0;
	}

.qi > h5 {
		font-family:'Poppins';
		font-weight:300;
		width:fit-content;
		position: relative;
	}

.qu > h3 > strong {
		font-weight:400;
		color:white;
	}

	.qi {
		position: fixed;
	}

.hm > .qu > h3 {
		animation: fade .25s 5s ease-in forwards;
		-o-animation: fade .25s 5s ease-in forwards;
		-moz-animation: fade .25s 5s ease-in forwards;
		-webkit-animation: fade .25s 5s ease-in forwards;
	}

.qu > h3 {
		font-family:'Poppins';
		font-weight:300;
		color:white;
		opacity:0;
	}

.hm > .qu {
		background-image: url("../images/q.svg");
		animation: fade .25s 5.5s ease-in forwards;
		-o-animation: fade .25s 5.5s ease-in forwards;
		-moz-animation: fade .25s 5.5s ease-in forwards;
		-webkit-animation: fade .25s 5.5s ease-in forwards;
	}

.qu {
		background-size:100% 100%;
		background-repeat: no-repeat;
		position:fixed;
		opacity:0;
	}

@keyframes sfr {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:0;
		}

		20% {
			opacity:0;
		}

		30%,75% {
			opacity:1;
		}

		90% {
			opacity:0;
		}

		100% {
			transform: translateX(5vh);
			-o-transform: translateX(5vh);
			-moz-transform: translateX(5vh);
			-webkit-transform: translateX(5vh);
			opacity:0;
		}
	}

.sf > h1 {
		display: inline-block;
		vertical-align:middle;
		font-family:'Poppins';
		font-weight:400;
		color:black;
		animation: sfr 12s 5s linear infinite;
		-o-animation: sfr 12s 5s linear infinite;
		-moz-animation: sfr 12s 5s linear infinite;
		-webkit-animation: sfr 12s 5s linear infinite;
		opacity:0;
	}

@keyframes sft {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:0;
		}

		15% {
			opacity:0;
		}

		20%,65% {
			opacity:1;
		}

		70% {
			opacity:0;
		}

		100% {
			transform: translateX(5vh);
			-o-transform: translateX(5vh);
			-moz-transform: translateX(5vh);
			-webkit-transform: translateX(5vh);
			opacity:0;
		}
	}

.sf > h2 {
		display: inline-block;
		vertical-align:middle;
		font-family:'Poppins';
		font-weight:100;
		color:black;
		text-align:right;
		animation: sft 12s 5s linear infinite;
		-o-animation: sft 12s 5s linear infinite;
		-moz-animation: sft 12s 5s linear infinite;
		-webkit-animation: sft 12s 5s linear infinite;
		opacity:0;
	}

@keyframes sfo {
		0% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
			opacity:0;
		}

		10% {
			opacity:0;
		}

		15%,70% {
			opacity:1;
		}

		75% {
			opacity:0;
		}

		100% {
			transform: translate3d(5vh,-2vh,0);
			-o-transform: translate3d(5vh,-2vh,0);
			-moz-transform: translate3d(5vh,-2vh,0);
			-webkit-transform: translate3d(5vh,-2vh,0);
			opacity:0;
		}
	}

.sf > h5 {
		display: inline-block;
		vertical-align:text-bottom;
		font-family:'Poppins';
		font-weight:100;
		color:rgba(50,55,65,1);
		animation: sfo 12s 5s linear infinite;
		-o-animation: sfo 12s 5s linear infinite;
		-moz-animation: sfo 12s 5s linear infinite;
		-webkit-animation: sfo 12s 5s linear infinite;
		opacity:0;
	}

.sf {
		position: fixed;
		font-size:0;
		animation: fade .5s 5s ease-in forwards;
		-o-animation: fade .5s 5s ease-in forwards;
		-moz-animation: fade .5s 5s ease-in forwards;
		-webkit-animation: fade .5s 5s ease-in forwards;
		opacity:0;
	}

@keyframes srt {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:0;
		}

		35% {
			opacity:0;
		}

		45%,85% {
			opacity:1;
		}

		95% {
			opacity:0;
		}

		100% {
			transform: translateX(-3vh);
			-o-transform: translateX(-3vh);
			-moz-transform: translateX(-3vh);
			-webkit-transform: translateX(-3vh);
			opacity:0;
		}
	}

.sr > h1 {
		display: inline-block;
		vertical-align:middle;
		font-family:'Poppins';
		font-weight:400;
		color:black;
		animation: srt 10s 3.5s linear infinite;
		-o-animation: srt 10s 3.5s linear infinite;
		-moz-animation: srt 10s 3.5s linear infinite;
		-webkit-animation: srt 10s 3.5s linear infinite;
		opacity:0;
	}

@keyframes sro {
		0%,25% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
			opacity:0;
		}

		30%,70% {
			opacity:1;
		}

		85% {
			opacity:0;
		}

		100% {
			transform: translate3d(-3vh,-2vh,0);
			-o-transform: translate3d(-3vh,-2vh,0);
			-moz-transform: translate3d(-3vh,-2vh,0);
			-webkit-transform: translate3d(-3vh,-2vh,0);
			opacity:0;
		}
	}

.sr > h5 {
		display: inline-block;
		vertical-align:middle;
		font-family:'Poppins';
		font-weight:100;
		color:rgba(50,55,65,1);
		animation: sro 10s 4.5s linear infinite;
		-o-animation: sro 10s 4.5s linear infinite;
		-moz-animation: sro 10s 4.5s linear infinite;
		-webkit-animation: sro 10s 4.5s linear infinite;
		opacity:0;
	}

.sr {
		position: fixed;
		font-size:0;
		animation: fade .5s 4.5s ease-in forwards;
		-o-animation: fade .5s 4.5s ease-in forwards;
		-moz-animation: fade .5s 4.5s ease-in forwards;
		-webkit-animation: fade .5s 4.5s ease-in forwards;
		opacity:0;
	}

@keyframes stt {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:0;
		}

		10% {
			opacity:0;
		}

		20%,90% {
			opacity:1;
		}

		95%,100% {
			transform: translateX(3vh);
			-o-transform: translateX(3vh);
			-moz-transform: translateX(3vh);
			-webkit-transform: translateX(3vh);
			opacity:0;
		}
	}

.st > h1 {
		font-family:'Poppins';
		font-weight:400;
		color:black;
		animation: stt 10s 4s linear infinite;
		-o-animation: stt 10s 4s linear infinite;
		-moz-animation: stt 10s 4s linear infinite;
		-webkit-animation: stt 10s 4s linear infinite;
		opacity:0;
	}

@keyframes sto {
		0% {
			transform: translate3d(0);
			-o-transform: translate3d(0);
			-moz-transform: translate3d(0);
			-webkit-transform: translate3d(0);
			opacity:0;
		}

		10%,80% {
			opacity:1;
		}

		95%,100% {
			transform: translate3d(-2vh);
			-o-transform: translate3d(-2vh);
			-moz-transform: translate3d(-2vh);
			-webkit-transform: translate3d(-2vh);
			opacity:0;
		}
	}

.st > h5 {
		font-family:'Poppins';
		font-weight:100;
		color:rgba(50,55,65,1);
		animation: sto 10s 4s linear infinite;
		-o-animation: sto 10s 4s linear infinite;
		-moz-animation: sto 10s 4s linear infinite;
		-webkit-animation: sto 10s 4s linear infinite;
		opacity:0;
	}

.st {
		position: fixed;
		font-size:0;
		animation: fade .5s 4s ease-in forwards;
		-o-animation: fade .5s 4s ease-in forwards;
		-moz-animation: fade .5s 4s ease-in forwards;
		-webkit-animation: fade .5s 4s ease-in forwards;
		opacity:0;
	}

@keyframes sor {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:0;
		}

		20% {
			opacity:0;
		}

		30%,90% {
			opacity:1;
		}

		95%,100% {
			transform: translateX(-3vh);
			-o-transform: translateX(-3vh);
			-moz-transform: translateX(-3vh);
			-webkit-transform: translateX(-3vh);
			opacity:0;
		}
	}

.so > h5:nth-child(3) {
		display:block;
		font-family:'Poppins';
		font-weight:100;
		color:rgba(50,55,65,1);
		text-align: right;
		animation: sor 10s 3.5s linear infinite;
		-o-animation: sor 10s 3.5s linear infinite;
		-moz-animation: sor 10s 3.5s linear infinite;
		-webkit-animation: sor 10s 3.5s linear infinite;
		opacity:0;
	}

@keyframes sot {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:0;
		}

		10% {
			opacity:0;
		}

		20%,75% {
			opacity:1;
		}

		95%,100% {
			transform: translateX(4vh);
			-o-transform: translateX(4vh);
			-moz-transform: translateX(4vh);
			-webkit-transform: translateX(4vh);
			opacity:0;
		}
	}

.so > h1:nth-child(2) {
		display:inline-block;
		vertical-align:bottom;
		font-family:'Poppins';
		font-weight:400;
		color:black;
		animation: sot 10s 3.5s linear infinite;
		-o-animation: sot 10s 3.5s linear infinite;
		-moz-animation: sot 10s 3.5s linear infinite;
		-webkit-animation: sot 10s 3.5s linear infinite;
		opacity:0;
	}

@keyframes soo {
		0% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
			opacity:0;
		}

		10%,80% {
			opacity:1;
		}

		95%,100% {
			transform: translate3d(4vh,-2vh,0);
			-o-transform: translate3d(4vh,-2vh,0);
			-moz-transform: translate3d(4vh,-2vh,0);
			-webkit-transform: translate3d(4vh,-2vh,0);
			opacity:0;
		}
	}

.so > h5:nth-child(1) {
		display:inline-block;
		vertical-align:bottom;
		font-family:'Poppins';
		font-weight:100;
		color:rgba(50,55,65,1);
		animation: soo 10s 3.5s linear infinite;
		-o-animation: soo 10s 3.5s linear infinite;
		-moz-animation: soo 10s 3.5s linear infinite;
		-webkit-animation: soo 10s 3.5s linear infinite;
		opacity:0;
	}

.so {
		position: fixed;
		font-size:0;
		animation: fade .5s 3.5s ease-in forwards;
		-o-animation: fade .5s 3.5s ease-in forwards;
		-moz-animation: fade .5s 3.5s ease-in forwards;
		-webkit-animation: fade .5s 3.5s ease-in forwards;
		opacity:0;
	}

.sg > .box:nth-child(4) {
	    animation: sgf 40s 0s linear infinite;
		-o-animation: sgf 40s 0s linear infinite;
		-moz-animation: sgf 40s 0s linear infinite;
		-webkit-animation: sgf 40s 0s linear infinite;
		opacity:0;
	}

	@keyframes sgf {
		0%,17.5% {
			opacity:0;
		}

		20%,25% {
			opacity:1;
		}

		27.5%,32.5% {
			opacity:0;
		}

		35%,85% {
			opacity:1;
		}

		90%,100% {
			opacity:0;
		}
	}

	.sg > .box:nth-child(4) > img {
		animation: sgvls 30s 0s linear infinite;
		-o-animation: sgvls 30s 0s linear infinite;
		-moz-animation: sgvls 30s 0s linear infinite;
		-webkit-animation: sgvls 30s 0s linear infinite;
	}

.sg > .box:nth-child(3) > img {
		animation: sgvlsr 15s 0s linear infinite;
		-o-animation: sgvlsr 15s 0s linear infinite;
		-moz-animation: sgvlsr 15s 0s linear infinite;
		-webkit-animation: sgvlsr 15s 0s linear infinite;
	}

@keyframes sgr {
		0%,15% {
			opacity:0;
		}

		20%,35% {
			opacity:1;
		}

		37.5%,45% {
			opacity:0;
		}

		47.5%,75% {
			opacity:1;
		}

		77.5%,100% {
			opacity:0;
		}
	}

.sg > .box:nth-child(3) {
		animation: sgr 24s 5s linear infinite;
		-o-animation: sgr 24s 5s linear infinite;
		-moz-animation: sgr 24s 5s linear infinite;
		-webkit-animation: sgr 24s 5s linear infinite;
		opacity:0;
	}

.sg > .box:nth-child(2) > img {
		animation: sghl 15s 0s linear infinite;
		-o-animation: sghl 15s 0s linear infinite;
		-moz-animation: sghl 15s 0s linear infinite;
		-webkit-animation: sghl 15s 0s linear infinite;
	}

@keyframes sgt {
		0%,12.5% {
			opacity:0;
		}

		13.75%,16.5% {
			opacity:1;
		}

		17.75%,50% {
			opacity:0;
		}

		52.5%,77.5% {
			opacity:1;
		}

		80%,100% {
			opacity:0;
		}
	}

.sg > .box:nth-child(2) {
		animation: sgt 60s 4.5s ease-in-out infinite;
		-o-animation: sgt 60s 4.5s ease-in-out infinite;
		-moz-animation: sgt 60s 4.5s ease-in-out infinite;
		-webkit-animation: sgt 60s 4.5s ease-in-out infinite;
		opacity:0;
	}

.sg > .box:nth-child(1) > img {
		animation: sgvrs 30s 0s linear infinite;
		-o-animation: sgvrs 30s 0s linear infinite;
		-moz-animation: sgvrs 30s 0s linear infinite;
		-webkit-animation: sgvrs 30s 0s linear infinite;
	}

@keyframes sgo {
		0%,12.5% {
			opacity:0;
		}

		15%,22.5% {
			opacity:1;
		}

		25%,55% {
			opacity:0;
		}

		57.5%,82.5% {
			opacity:1;
		}

		85%,100% {
			opacity:0;
		}
	}

.sg > .box:nth-child(1) {
		animation: sgo 32s 9s ease-out infinite;
		-o-animation: sgo 32s 9s ease-out infinite;
		-moz-animation: sgo 32s 9s ease-out infinite;
		-webkit-animation: sgo 32s 9s ease-out infinite;
		opacity:0;
	}

.sg > .box {
		position: fixed;
	}

.llid {
		background:linear-gradient(45deg, rgba(0,40,255,1), rgba(0,200,255,1));
		position:fixed;
		animation: llid 1s 2s ease-out forwards;
		-o-animation: llid 1s 2s ease-out forwards;
		-moz-animation: llid 1s 2s ease-out forwards;
		-webkit-animation: llid 1s 2s ease-out forwards;
	}

.llid > h5 {
		text-align: right;
		font-weight:400;
		color:white;
		font-family:'Poppins';
	}

.hmt {
		position: fixed;
		text-align:center;
		width:100vw;
	}

.hmt > h1 {
		font-family:'Poppins';
		color:black;
		font-weight:100 !important;
		animation: fade .5s 5.5s ease-out forwards;
		-o-animation: fade .5s 5.5s ease-out forwards;
		-moz-animation: fade .5s 5.5s ease-out forwards;
		-webkit-animation: fade .5s 5.5s ease-out forwards;
		opacity:0;
	}

.hmt > h1 > strong {
		font-weight:400 !important;
		color:black;
		animation: fade .5s 6s ease-out forwards;
		-o-animation: fade .5s 6s ease-out forwards;
		-moz-animation: fade .5s 6s ease-out forwards;
		-webkit-animation: fade .5s 6s ease-out forwards;
		opacity:0;
	}

.wrs > .box:nth-child(1) {
		animation:wrso 12s 2s ease-in-out infinite;
		-o-animation:wrso 12s 2s ease-in-out infinite;
		-moz-animation:wrso 12s 2s ease-in-out infinite;
		-webkit-animation:wrso 12s 2s ease-in-out infinite;
	}

.hm > .wrs > .box:nth-child(1) {
		animation:wrso 12s 4s ease-in-out infinite;
		-o-animation:wrso 12s 4s ease-in-out infinite;
		-moz-animation:wrso 12s 4s ease-in-out infinite;
		-webkit-animation:wrso 12s 4s ease-in-out infinite;
	}

.wrs > .box {
		background: radial-gradient(rgba(255,255,255,.8),rgba(255,255,255,0) 50%);
		opacity:0;
		position: absolute;
	}

.ps {
		position: fixed;
		background: linear-gradient(rgba(255,255,255,0) 33%, rgba(255,255,255,1));
		animation: ps 2s 2s linear forwards;
		-o-animation: ps 2s 2s linear forwards;
		-moz-animation: ps 2s 2s linear forwards;
		-webkit-animation: ps 2s 2s linear forwards;
		opacity:0;
	}

.hm > .ps {
		animation: ps 2s 3s linear forwards;
		-o-animation: ps 2s 3s linear forwards;
		-moz-animation: ps 2s 3s linear forwards;
		-webkit-animation: ps 2s 3s linear forwards;
	}

.h {
	width:auto;
	height:100%;
	object-fit: cover;
}

.w {
	width:100%;
	height:auto;
	object-fit: cover;
}

.bc-intro {
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	animation: bcintro 4s 0s linear forwards;
	-o-animation: bcintro 4s 0s linear forwards;
	-moz-animation: bcintro 4s 0s linear forwards;
	-webkit-animation: bcintro 4s 0s linear forwards;
}

@keyframes bcintro {
	0%,70%{
		background:rgba(13,5,46,1);
	}

	80%,100%{
		background:rgba(13,5,46,0);
	}
}

.intro-logo {
	animation: gone .1s 6s linear forwards;
	-o-animation: gone .1s 6s linear forwards;
	-moz-animation: gone .1s 6s linear forwards;
	-webkit-animation: gone .1s 6s linear forwards;
}

.intro-logo > .box:nth-child(1) {
	animation: logos 5s .5s ease-in-out forwards;
	-o-animation: logos 5s .5s ease-in-out forwards;
	-moz-animation: logos 5s .5s ease-in-out forwards;
	-webkit-animation: logos 5s .5s ease-in-out forwards;
	opacity:0;
}

@keyframes logos {
	0%,10% {
		opacity:0;
	}

	25% {
		opacity:1;
	}

	60%,90% {
		opacity:.5;
	}

	100% {
		opacity:0;
	}
}

.intro-logo > .box:nth-child(2) {
	animation: logod 5s .5s ease-in-out forwards;
	-o-animation: logod 5s .5s ease-in-out forwards;
	-moz-animation: logod 5s .5s ease-in-out forwards;
	-webkit-animation: logod 5s .5s ease-in-out forwards;
	opacity:0;
}

@keyframes logod {
	0%,5% {
		opacity:0;
	}

	10%,45% {
		opacity:1;
	}

	55%,100% {
		opacity:0;
	}
}

.intro-logo > .box:nth-child(3) {
	animation: logow 5s .5s ease-in-out forwards;
	-o-animation: logow 5s .5s ease-in-out forwards;
	-moz-animation: logow 5s .5s ease-in-out forwards;
	-webkit-animation: logow 5s .5s ease-in-out forwards;
	opacity:0;
}

@keyframes logow {
	0%,45% {
		opacity:0;
	}

	55%,90% {
		opacity:1;
	}

	100% {
		opacity:0;
	}
}

.intro-logo > .box:nth-child(4) {
	animation: logor 5s .5s ease-in-out forwards;
	-o-animation: logor 5s .5s ease-in-out forwards;
	-moz-animation: logor 5s .5s ease-in-out forwards;
	-webkit-animation: logor 5s .5s ease-in-out forwards;
	opacity:0;
}

@keyframes logor {
	0% {
		transform: translateX(-10px);
		-moz-transform: translateX(-10px);
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		opacity:0;
	}

	5%,95% {
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity:1;
	}

	100%{
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity:0;
	}
}

.intro-logo > .box:nth-child(5) {
	animation: logol 5s .5s ease-in-out forwards;
	-o-animation: logol 5s .5s ease-in-out forwards;
	-moz-animation: logol 5s .5s ease-in-out forwards;
	-webkit-animation: logol 5s .5s ease-in-out forwards;
	opacity:0;
}

@keyframes logol {
	0% {
		transform: translateX(10px);
		-moz-transform: translateX(10px);
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		opacity:0;
	}

	5%,95% {
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity:1;
	}

	100%{
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity:0;
	}
}

.hm > #particle-canvas {
	animation: fade 1.5s 3.5s linear forwards;
	-o-animation: fade 1.5s 3.5s linear forwards;
	-moz-animation: fade 1.5s 3.5s linear forwards;
	-webkit-animation: fade 1.5s 3.5s linear forwards;
}

#particle-canvas {
	animation: fade 1.5s 1.5s linear forwards;
	-o-animation: fade 1.5s 1.5s linear forwards;
	-moz-animation: fade 1.5s 1.5s linear forwards;
	-webkit-animation: fade 1.5s 1.5s linear forwards;
	opacity:0;
}

.hm > .apbatech {
	animation: up .5s 4s ease-out forwards;
	-o-animation: up .5s 4s ease-out forwards;
	-moz-animation: up .5s 4s ease-out forwards;
	-webkit-animation: up .5s 4s ease-out forwards;
	opacity:0;
}

.apbatech {
	animation: up .5s 1s ease-out forwards;
	-o-animation: up .5s 1s ease-out forwards;
	-moz-animation: up .5s 1s ease-out forwards;
	-webkit-animation: up .5s 1s ease-out forwards;
	opacity:0;
}

.apbatech > .box:nth-child(1) {
	animation: slogos 10s 0s linear infinite;
	-o-animation: slogos 10s 0s linear infinite;
	-moz-animation: slogos 10s 0s linear infinite;
	-webkit-animation: slogos 10s 0s linear infinite;
}

@keyframes slogos {
	0%,25%{
		opacity:1;
	}

	30%,70%{
		opacity:0;
	}

	75%,100%{
		opacity:1;
	}
}

.apbatech > .box:nth-child(3) {
	animation: slogor 10s 0s linear infinite;
	-o-animation: slogor 10s 0s linear infinite;
	-moz-animation: slogor 10s 0s linear infinite;
	-webkit-animation: slogor 10s 0s linear infinite;
}

@keyframes slogor {
	0%,40%{
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
	}

	50%{
		transform: translateX(6px);
		-moz-transform: translateX(6px);
		-webkit-transform: translateX(6px);
		-ms-transform: translateX(6px);
	}

	60%,100%{
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
	}
}

.apbatech > .box:nth-child(4) {
	animation: slogol 10s 0s linear infinite;
	-o-animation: slogol 10s 0s linear infinite;
	-moz-animation: slogol 10s 0s linear infinite;
	-webkit-animation: slogol 10s 0s linear infinite;
}

@keyframes slogol {
	0%,40%{
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
	}

	50%{
		transform: translateX(-6px);
		-moz-transform: translateX(-6px);
		-webkit-transform: translateX(-6px);
		-ms-transform: translateX(-6px);
	}

	60%,100%{
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
	}
}

@keyframes fade {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

@media (max-aspect-ratio: 1/1) {
	/*scroll bar*/
	body::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 0.25vw rgba(0, 0, 0, 0);
		border-radius:0.25vw;
		background-color:rgba(0,0,0,0);
	}

	body::-webkit-scrollbar {
		width:0.5vw;
		border-radius:0.25vw;
		background-color:rgba(0,0,0,0);
	}

	body::-webkit-scrollbar-thumb {
		border-radius:0.25vw;
		-webkit-box-shadow: inset 0 0 0.25vw rgba(0, 0, 0, 0.3);
		background:linear-gradient(rgba(0,225,255,1), rgba(0,175,255,1));
	}

	.prc > .box::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 1vw rgba(0, 0, 0, 0);
		border-radius:1vw;
		background-color:rgba(0,0,0,0);
	}

	.prc > .box::-webkit-scrollbar {
		width:1vw;
		border-radius:1vw;
		background-color:rgba(0,0,0,0);
	}

	.prc > .box::-webkit-scrollbar-thumb {
		border-radius:1vw;
		-webkit-box-shadow: inset 0 0 1vw rgba(0, 0, 0, 0.3);
		background:linear-gradient(rgba(0,225,255,1), rgba(0,175,255,1));
	}

	.buf::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 1vw rgba(0, 0, 0, 0);
		border-radius:1vw;
		background-color:rgba(0,0,0,0);
	}

	.buf::-webkit-scrollbar {
		width:1vw;
		border-radius:1vw;
		background-color:rgba(0,0,0,0);
	}

	.buf::-webkit-scrollbar-thumb {
		border-radius:1vw;
		-webkit-box-shadow: inset 0 0 1vw rgba(0, 0, 0, 0.3);
		background:linear-gradient(rgba(0,225,255,1), rgba(0,175,255,1));
	}

	.sc {
		display:none;
	}

	.ms {
		display:none;
	}

	.md {
		display:none;
	}

	.ev {
		display:none;
	}

	@keyframes gone {
		0%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		100%{
			transform: translateY(-100vw);
			-o-transform: translateY(-100vw);
			-moz-transform: translateY(-100vw);
			-webkit-transform: translateY(-100vw);
		}
	}

	@keyframes up {
		0%{
			transform: translateY(.5vw);
			-o-transform: translateY(.5vw);
			-moz-transform: translateY(.5vw);
			-webkit-transform: translateY(.5vw);
			opacity:0;
		}

		100%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}

	@keyframes lup {
		0%{
			transform: translateY(2.5vw);
			-o-transform: translateY(2.5vw);
			-moz-transform: translateY(2.5vw);
			-webkit-transform: translateY(2.5vw);
			opacity:0;
		}

		100%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}

	@keyframes ri {
		0%{
			transform: translateX(.5vw);
			-o-transform: translateX(.5vw);
			-moz-transform: translateX(.5vw);
			-webkit-transform: translateX(.5vw);
			opacity:0;
		}

		100%{
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}

	@keyframes do {
		0%{
			transform: translateY(-.5vw);
			-o-transform: translateY(-.5vw);
			-moz-transform: translateY(-.5vw);
			-webkit-transform: translateY(-.5vw);
			opacity:0;
		}

		100%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}

	@keyframes le {
		0%{
			transform: translateX(-.5vw);
			-o-transform: translateX(-.5vw);
			-moz-transform: translateX(-.5vw);
			-webkit-transform: translateX(-.5vw);
			opacity:0;
		}

		100%{
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}

	@keyframes lle {
		0% {
			transform: translateX(-2.5vw);
			-o-transform: translateX(-2.5vw);
			-moz-transform: translateX(-2.5vw);
			-webkit-transform: translateX(-2.5vw);
			opacity:0;
		}

		100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}

	@keyframes lri {
		0% {
			transform: translateX(2.5vw);
			-o-transform: translateX(2.5vw);
			-moz-transform: translateX(2.5vw);
			-webkit-transform: translateX(2.5vw);
			opacity:0;
		}

		100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}

	@keyframes svt {
		0%,30% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		50%,55% {
			transform: translateY(-1.5vw);
			-o-transform: translateY(-1.5vw);
			-moz-transform: translateY(-1.5vw);
			-webkit-transform: translateY(-1.5vw);
		}

		60%,100% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}
	}

	@keyframes lsvt {
		0% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		30% {
			transform: translateY(-4.5vw);
			-o-transform: translateY(-4.5vw);
			-moz-transform: translateY(-4.5vw);
			-webkit-transform: translateY(-4.5vw);
		}

		60% {
			transform: translateY(1vw);
			-o-transform: translateY(1vw);
			-moz-transform: translateY(1vw);
			-webkit-transform: translateY(1vw);
		}

		70%,100% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}
	}

	@keyframes shr {
		0%,30% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		50%,55% {
			transform: translateX(1.5vw);
			-o-transform: translateX(1.5vw);
			-moz-transform: translateX(1.5vw);
			-webkit-transform: translateX(1.5vw);
		}

		60%,100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}
	}

	@keyframes svd {
		0%,30% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		50%,55% {
			transform: translateY(1.5vw);
			-o-transform: translateY(1.5vw);
			-moz-transform: translateY(1.5vw);
			-webkit-transform: translateY(1.5vw);
		}

		60%,100% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}
	}

	@keyframes shl {
		0%,30% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		50%,55% {
			transform: translateX(-1.5vw);
			-o-transform: translateX(-1.5vw);
			-moz-transform: translateX(-1.5vw);
			-webkit-transform: translateX(-1.5vw);
		}

		60%,100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}
	}

	@keyframes tophud {
		0%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		100%{
			transform: translateY(10vh);
			-o-transform: translateY(10vh);
			-moz-transform: translateY(10vh);
			-webkit-transform: translateY(10vh);
		}
	}

	@keyframes bottomhud {
		0%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		100%{
			transform: translateY(-10vh);
			-o-transform: translateY(-10vh);
			-moz-transform: translateY(-10vh);
			-webkit-transform: translateY(-10vh);
		}
	}

	.ps {
		width:10vw;
		height:10vw;
		padding:10vw 1.5vw 1.5vw 1.5vw;
		border-radius:0 0 10vw 10vw;
		top:10vw;
		right:5vw;
	}

	.ps > .box {
		width:10vw;
		height:10vw;
		border-radius:5vw;
		box-shadow:0 1.5vw 2vw rgba(0,0,0,.25);
		animation:do .25s 4.75s ease-out forwards;
		-o-animation:do .25s 4.75s ease-out forwards;
		-moz-animation:do .25s 4.75s ease-out forwards;
		-webkit-animation:do .25s 4.75s ease-out forwards;
		opacity:0;
	}

	.ft > .ps > .box {
		animation:do .25s 3.75s ease-out forwards;
		-o-animation:do .25s 3.75s ease-out forwards;
		-moz-animation:do .25s 3.75s ease-out forwards;
		-webkit-animation:do .25s 3.75s ease-out forwards;
		opacity:0;
	}

	@keyframes ps {
		0% {
			transform: translateY(-5vw);
			-o-transform: translateY(-5vw);
			-moz-transform: translateY(-5vw);
			-webkit-transform: translateY(-5vw);
			opacity:0;
			box-shadow:0 0 0 rgba(0,0,0,0);
		}

		75% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
			box-shadow:0 0 0 rgba(0,0,0,0);
		}

		100% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
			box-shadow:0 2.75vw 2vw rgba(0,0,0,.1);
		}
	}

	.intro-logo {
		position: fixed;
	}

	.intro-logo > .box {
		position:absolute;
		top:0;
		left:0;
	}

	.apbatech {
		width:12vw;
		height:12vw;
		position:fixed;
		left:2.5vw;
		bottom:3.75vw;
	}

	.apbatech > .box {
		width:12vw;
		height:12vw;
		position:absolute;
		top:0;
		left:0;
	}

	#particle-canvas {
		width:100vw;
		height:100vw;
		position:fixed;
		top:25vh;
	}

	.wrs {
		width:100vw;
		height:60vw;
		position:fixed;
		left:0;
		top:calc(50vh - 30vw);
	}

	.wrs > .box:nth-child(1) {
		width:5vw;
		height:50vw;
	}

	@keyframes wrso {
		0% {
			transform: translate3d(13vh,2vh,0) rotate(60deg);
			-o-transform: translate3d(13vh,2vh,0) rotate(60deg);
			-moz-transform: translate3d(13vh,2vh,0) rotate(60deg);
			-webkit-transform: translate3d(13vh,2vh,0) rotate(60deg);
			opacity:0;
		}

		5%,45% {
			opacity:1;
		}

		50%,65% {
			opacity:0;
		}

		70%,95% {
			opacity:1;
		}

		100% {
			transform: translate3d(22vh,-4vh,0) rotate(60deg);
			-o-transform: translate3d(22vh,-4vh,0) rotate(60deg);
			-moz-transform: translate3d(22vh,-4vh,0) rotate(60deg);
			-webkit-transform: translate3d(22vh,-4vh,0) rotate(60deg);
			opacity:0;
		}
	}

	.hm > .wrs > .box:nth-child(2) {
		animation:wrst 24s 3.5s ease-in-out infinite;
		-o-animation:wrst 24s 3.5s ease-in-out infinite;
		-moz-animation:wrst 24s 3.5s ease-in-out infinite;
		-webkit-animation:wrst 24s 3.5s ease-in-out infinite;
	}

	.wrs > .box:nth-child(2) {
		width:10vw;
		height:100vw;
		animation:wrst 24s 1.5s ease-in-out infinite;
		-o-animation:wrst 24s 1.5s ease-in-out infinite;
		-moz-animation:wrst 24s 1.5s ease-in-out infinite;
		-webkit-animation:wrst 24s 1.5s ease-in-out infinite;
	}

	@keyframes wrst {
		0% {
			transform: translate3d(8vh,4vh,0) rotate(60deg);
			-o-transform: translate3d(8vh,4vh,0) rotate(60deg);
			-moz-transform: translate3d(8vh,4vh,0) rotate(60deg);
			-webkit-transform: translate3d(8vh,4vh,0) rotate(60deg);
			opacity:0;
		}

		5%,25% {
			opacity:1;
		}

		30%,45% {
			opacity:0;
		}

		50%,95% {
			opacity:1;
		}

		100% {
			transform: translate3d(44vh,-12vh,0) rotate(60deg);
			-o-transform: translate3d(44vh,-12vh,0) rotate(60deg);
			-moz-transform: translate3d(44vh,-12vh,0) rotate(60deg);
			-webkit-transform: translate3d(44vh,-12vh,0) rotate(60deg);
			opacity:0;
		}
	}

	.hm > .wrs > .box:nth-child(3) {
		width:7.5vh;
		height:75vh;
		animation:wrsr 16s 4.5s ease-in-out infinite;
		-o-animation:wrsr 16s 4.5s ease-in-out infinite;
		-moz-animation:wrsr 16s 4.5s ease-in-out infinite;
		-webkit-animation:wrsr 16s 4.5s ease-in-out infinite;
	}

	.wrs > .box:nth-child(3) {
		width:7.5vh;
		height:75vh;
		animation:wrsr 16s 2.5s ease-in-out infinite;
		-o-animation:wrsr 16s 2.5s ease-in-out infinite;
		-moz-animation:wrsr 16s 2.5s ease-in-out infinite;
		-webkit-animation:wrsr 16s 2.5s ease-in-out infinite;
	}

	@keyframes wrsr {
		0% {
			transform: translate3d(35vh,-14vh,0) rotate(60deg);
			-o-transform: translate3d(35vh,-14vh,0) rotate(60deg);
			-moz-transform: translate3d(35vh,-14vh,0) rotate(60deg);
			-webkit-transform: translate3d(35vh,-14vh,0) rotate(60deg);
			opacity:0;
		}

		5%,35% {
			opacity:1;
		}

		40%,65% {
			opacity:0;
		}

		70%,85% {
			opacity:1;
		}

		90% {
			opacity:0;
		}


		100% {
			transform: translate3d(71vh,-32vh,0) rotate(60deg);
			-o-transform: translate3d(71vh,-32vh,0) rotate(60deg);
			-moz-transform: translate3d(71vh,-32vh,0) rotate(60deg);
			-webkit-transform: translate3d(71vh,-32vh,0) rotate(60deg);
			opacity:0;
		}
	}

	.tophud {
		width:100vh;
		height:10vh;
		position:fixed;
		top:-10vh;
		left:calc(50vw - 50vh);
		animation: tophud 1s 1s ease-out forwards;
		-o-animation: tophud 1s 1s ease-out forwards;
		-moz-animation: tophud 1s 1s ease-out forwards;
		-webkit-animation: tophud 1s 1s ease-out forwards;
		z-index:999;
	}

	.hm > .tophud {
		animation: tophud 1s 3s ease-out forwards;
		-o-animation: tophud 1s 3s ease-out forwards;
		-moz-animation: tophud 1s 3s ease-out forwards;
		-webkit-animation: tophud 1s 3s ease-out forwards;
	}

	.tophud > .box {
		width:100vh;
		height:10vh;
		position: absolute;
		top:0;
		left:0;
	}

	.tophud > .box:nth-child(2) {
		animation: fade .5s 2.25s ease-out forwards;
		-o-animation: fade .5s 2.25s ease-out forwards;
		-moz-animation: fade .5s 2.25s ease-out forwards;
		-webkit-animation: fade .5s 2.25s ease-out forwards;
		opacity:0;
	}

	.hm > .tophud > .box:nth-child(2) {
		animation: fade .5s 4.25s ease-out forwards;
		-o-animation: fade .5s 4.25s ease-out forwards;
		-moz-animation: fade .5s 4.25s ease-out forwards;
		-webkit-animation: fade .5s 4.25s ease-out forwards;
	}

	.bottomhud {
		width:100vh;
		height:10vh;
		position:fixed;
		bottom:-10vh;
		left:calc(50vw - 50vh);
		animation: bottomhud 1s 1s ease-out forwards;
		-o-animation: bottomhud 1s 1s ease-out forwards;
		-moz-animation: bottomhud 1s 1s ease-out forwards;
		-webkit-animation: bottomhud 1s 1s ease-out forwards;
		z-index:999;
	}

	.hm > .bottomhud {
		animation: bottomhud 1s 3s ease-out forwards;
		-o-animation: bottomhud 1s 3s ease-out forwards;
		-moz-animation: bottomhud 1s 3s ease-out forwards;
		-webkit-animation: bottomhud 1s 3s ease-out forwards;
	}

	.bottomhud > .box {
		width:100vh;
		height:10vh;
		position: absolute;
		top:0;
		left:0;
	}

	.bottomhud > .box:nth-child(2) {
		animation: fade .5s 2.5s ease-out forwards;
		-o-animation: fade .5s 2.5s ease-out forwards;
		-moz-animation: fade .5s 2.5s ease-out forwards;
		-webkit-animation: fade .5s 2.5s ease-out forwards;
		opacity:0;
	}

	.hm > .bottomhud > .box:nth-child(2) {
		animation: fade .5s 4.5s ease-out forwards;
		-o-animation: fade .5s 4.5s ease-out forwards;
		-moz-animation: fade .5s 4.5s ease-out forwards;
		-webkit-animation: fade .5s 4.5s ease-out forwards;
		opacity:0;
	}

	.hmt {
		top:calc(50vh - 10vw);
	}

	.hmt > h1 {
		font-size:20vw;
		line-height:20vw;
	}

	.hmt > h1 > strong {
		font-size:18.5vw;
	}

	.llid {
		padding:1vw 2vw 1vw 4.5vw;
		border-radius:0 1.25vw 1.25vw 0;
		box-shadow:inset 0 0 1.5vw rgba(0,0,0,.66);
		left:-20vw;
		bottom:30vw;
	}

	@keyframes llid {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		100% {
			transform: translateX(17.5vw);
			-o-transform: translateX(17.5vw);
			-moz-transform: translateX(17.5vw);
			-webkit-transform: translateX(17.5vw);
		}
	}

	.llid > h5 {
		font-size:2vw;
		line-height:2.5vw;
	}

	.sg > .box:nth-child(1) {
		width:15vh;
		height:15vh;
		bottom:32.5vh;
		right:6vh;
	}

	@keyframes sgvrs {
		0% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}

		66% {
			transform: translate3d(-3vw,-5vw,0);
			-o-transform: translate3d(-3vw,-5vw,0);
			-moz-transform: translate3d(-3vw,-5vw,0);
			-webkit-transform: translate3d(-3vw,-5vw,0);
		}

		100% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}
	}

	.sg > .box:nth-child(2) {
		width:20vh;
		height:20vh;
		bottom:35vh;
		right:-2.5vh;
	}

	@keyframes sghl {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		66% {
			transform: translateX(5vw);
			-o-transform: translateX(5vw);
			-moz-transform: translateX(5vw);
			-webkit-transform: translateX(5vw);
		}

		100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}
	}

	.sg > .box:nth-child(3) {
		width:10vh;
		height:10vh;
		bottom:52vh;
		right:5vh;
	}

	@keyframes sgvlsr {
		0% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}

		33% {
			transform: translate3d(4.5vw,-7.5vw,0);
			-o-transform: translate3d(4.5vw,-7.5vw,0);
			-moz-transform: translate3d(4.5vw,-7.5vw,0);
			-webkit-transform: translate3d(4.5vw,-7.5vw,0);
		}

		100% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}
	}

	.sg > .box:nth-child(4) {
		width: 5vh;
	    height: 5vh;
	    bottom: 50vh;
	    right: 15vh;
	}

	@keyframes sgvls {
		0% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}

		66% {
			transform: translate3d(4.5vw,-7.5vw,0);
			-o-transform: translate3d(4.5vw,-7.5vw,0);
			-moz-transform: translate3d(4.5vw,-7.5vw,0);
			-webkit-transform: translate3d(4.5vw,-7.5vw,0);
		}

		100% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}
	}

	.so {
		top:10vh;
		left:5vw;
	}

	.so > h5:nth-child(1) {
		font-size:4.5vw;
		line-height:3.75vw;
		margin-right:.66vw;
	}

	.so > h1:nth-child(2) {
		font-size:6.6vw;
		line-height:5.2vw;
	}

	.so > h5:nth-child(3) {
		font-size:4vw;
		line-height:4.6vw;
	}

	.st {
		top:15vh;
		left:45vw;
	}

	.st > h5 {
		font-size:4.5vw;
		line-height:4.5vw;
		margin-right:5vw;
	}

	.st > h1 {
		font-size:7.5vw;
		line-height:2.25vw;
		margin-left:3vw;
	}

	.sr {
		top:20vh;
		left:7.5vw;
	}

	.sr > h5 {
		font-size:4.5vw;
		line-height:4.5vw;
		margin-right:1.5vw;
	}

	.sr > h1 {
		font-size:7.5vw;
		line-height:7.5vw;
	}

	.sf {
		top:25vh;
		left:10vw;
	}

	.sf > h5 {
		font-size:4.5vw;
		line-height:4.5vw;
		margin-right:1.5vw;
	}

	.sf > h2 {
		font-size:7.5vw;
		line-height:7.5vw;
	}

	.sf > h1 {
		font-size:12vw;
		line-height:12vw;
		margin-left:1.5vw;
	}

	.hm > .qu {
		width: 30vw;
	    height: 15vw;
	    bottom: 45vw;
	    left: 10vw;
	}

	.hm > .qu > h3 {
		font-size: 3.5vw;
    	line-height: 4.25vw;
    	padding: 1.5vw 2.5vw;
	}

	.hm > .qi {
		bottom: 38vw;
    	left: 42.5vw;
	}

	.hm > .qi > h5 {
		font-size: 3.5vw;
	    line-height: 3.5vw;
	    padding-bottom: 1.5vw;
	}

	.qi > h5::after {
	    width:2vw;
	    height:2vw;
	    right:-4vw;
	    top: 0;
	}

	.intro-logo {
			top:calc(50vh - 15vw);
			left:35vw;
		}

		.intro-logo > .box {
			width:30vw;
			height:30vw;
		}

	.ftse {
		top: calc(10vh + 55vw);
    	left: 11.25vw;
    	width: 77.5vw;
	}

	.ftse > a:nth-child(1) > .box {
		width: 50vw;
	    height: 25vw;
	    border-radius: 1.5vw 1.5vw 1.5vw 0;
	}

	.ftse > a:nth-child(1) > .box::before {
	    width:28vh;
	    height:14vh;
	}

	.ftse > a:nth-child(1) > .box > h5 {
		font-size: 3.5vw;
	    line-height: 3.5vw;
	    padding: 3vw;
	    bottom: 0;
	    width: 44vw;
	}

	.ftse > a:nth-child(1) > .box > h5::before {
		bottom:0;
		left:0;
		width:.5vh;
		height:3vh;
		box-shadow:0 0 1vh rgba(0,225,255,1);
		border-radius:.75vh .75vh 0 0;
	}

	.ftse > a:nth-child(1) > .box > h5::after {
		bottom:0;
		left:0;
		width:3vh;
		height:.5vh;
		box-shadow:0 0 1vh rgba(0,225,255,1);
		border-radius:0 .75vh .75vh 0;
	}

	.ftse > a:nth-child(2) > .box {
		width: 25vw;
	    height: 25vw;
	    margin: 0 0 0 2.5vw;
	}

	.ftse > a:nth-child(2) > .box > h5 {
		font-size:3.5vw;
		line-height:3.5vw;
		padding:3vw;
		bottom:0;
		width:19vw;
	}

	.ftse > a:nth-child(2) > .box > h5::before {
		bottom:0;
		right:0;
		width:.5vh;
		height:3vh;
		box-shadow:0 0 1vh rgba(0,225,255,1);
		border-radius:.75vh .75vh 0 0;
	}

	.ftse > a:nth-child(2) > .box > h5::after {
		bottom:0;
		right:0;
		width:3vh;
		height:.5vh;
		border-radius:.75vh 0 0 .75vh;
	}

	.ftse > a:nth-child(3) > .box {
		width: 25vw;
	    height: 50vw;
	    margin:15vw 2.5vw 0 25vw;
		border-radius:0 1.5vw 1.5vw 1.5vw;
		box-shadow:0 1.5vw 2.25vw rgba(0,0,0,.2);
	}

	.ftse > a:nth-child(3) > .box::after {
	    width: 8vw;
	    height: 8vw;
	    border-radius: 4vw;
	    box-shadow: 0 1.5vw 2.25vw rgb(0 0 0 / 20%);
	    top: -7vw;
	    right: -2vw;
	}

	.ftse > a:nth-child(3) > .box::before {
	    width: 15vw;
	    height: 36vw;
	    top: -5vw;
	    right: 0;
	}

	.ftse > a:nth-child(3) > .box > h5 {
		font-size:3.5vw;
		line-height:3.5vw;
		padding:3vw;
		bottom:0;
		width:19vw;
	}

	.ftse > a:nth-child(3) > .box > h5::before {
		top:-18vh;
		left:0;
		width:.5vh;
		height:3vh;
		box-shadow:0 0 1vh rgba(255,223,81,1);
		border-radius:0 0 .75vh .75vh;
	}

	.ftse > a:nth-child(3) > .box > h5::after {
		top:-18vh;
		left:0;
		width:3vh;
		height:.5vh;
		box-shadow:0 0 1vh rgba(255,223,81,1);
		border-radius:0 .75vh .75vh 0;
	}

	.ftse > a:nth-child(4) > .box {
		vertical-align: top;
		width:25vw;
		height:25vw;
		margin:20vw 0 0 0;
		border-radius:0 0 0 1vh;
	}

	.ftse > a:nth-child(4) > .box > h5 {
		font-size:3.5vw;
		line-height:3.5vw;
		padding:3vw;
		bottom:0;
		width:19vw;
	}

	.ftse > a:nth-child(4) > .box > h5::before {
		top:-6vh;
		right:0;
		width:.5vh;
		height:3vh;
		box-shadow:0 0 1vh rgba(0,225,255,1);
		border-radius:0 0 .75vh .75vh;
	}

	.ftse > a:nth-child(4) > .box > h5::after {
		top:-6vh;
		right:0;
		width:3vh;
		height:.5vh;
		border-radius:.75vh 0 0 .75vh;
	}

	.ftm {
		top: calc(10vh + 25vw);
	    left: 0;
	    width: 100vw;
	}

	.ftm > .box > .box:nth-child(1) {
		width: 49vw;
    	padding-right: 1vw;
	}

	.ftm > .box:nth-child(1) > .box:nth-child(1) > h2:nth-child(1)::before {
	    top:-4vh;
	    left:-4vh;
	}

	.ftm > .box > .box:nth-child(1) > h2:nth-child(1)::before {
	    width:8vh;
	    height:8vh;
	    border-radius:4vh;
		box-shadow:0 1vh 1.5vh rgba(0,0,0,.2);
	}

	.ftm > .box > .box:nth-child(2) {
		padding-left: 1vw;
    	width: 49vw;
	}

	.ftm > .box > .box > h2 {
		font-size:7vw;
		line-height:7vw;
	}

	.ftm > .box > .box > h4 {
		font-size: 3.25vw;
	    line-height: 3.75vw;
	    padding-top: 0.75vw;
	    width: 48vw;
	}

	.ftvt {
		bottom:15vh;
		left:calc(50vw - 7.5vh);
		display:none;
	}

	@keyframes ftvt {
		0%{
			transform: translateX(.5vh) rotate(180deg);
			-o-transform: translateX(.5vh) rotate(180deg);
			-moz-transform: translateX(.5vh) rotate(180deg);
			-webkit-transform: translateX(.5vh) rotate(180deg);
			opacity:0;
		}

		100%{
			transform: translateX(0) rotate(180deg);
			-o-transform: translateX(0) rotate(180deg);
			-moz-transform: translateX(0) rotate(180deg);
			-webkit-transform: translateX(0) rotate(180deg);
			opacity:1;
		}
	}

	.ftvt > h3 {
		font-size:4vh;
		line-height:4vh;
	}

	.ftvt > h3 > strong {
		font-size:4vh;
		line-height:4vh;
	}

	.ftvt > h5 {
		font-size:2.5vh;
		line-height:1.5vh;
		margin-bottom:6.75vh;
	}

	/* .mlima {
		background:linear-gradient(rgba(255,255,255,0) 33%, rgba(255,255,255,33));
		box-shadow: 0 2vw 1.5vw rgba(0,0,0,0.05);
	} */

	.mli {
		width:80vw;
		left:10vw;
		top:calc(10vh + 5vw);
	}

	.mli > .box:nth-child(1) {
		font-size:0;
	}

	.mli > .box:nth-child(1) > h3 {
		padding-bottom:2vh;
	}

	.mli > .box:nth-child(1) > h3::before {
	    width:6vw;
	    height:6vw;
	    top:-3vw;
	    left:-3vw;
	    border-radius:3vw;
		box-shadow:0 1vw 1.5vw rgba(0,0,0,.2);
	}

	.mli > .box > h3 {
		font-size:8vw;
		line-height:8vw;
	}

	.mli > .box > a > h6 {
		font-size:3.5vw;
		line-height:3.5vw;
		padding-bottom:1.5vw;
		display:inline-block;
		vertical-align:middle;
		padding:1.5vw 2vw;
		border-radius:1vw;
		margin:.5vw 1.5vw .5vw 0 !important;
	}

	.mli > .box:nth-child(2) {
		width: 80vw;
	    height: 45vw;
	    margin-top: 5vw;
	    border-radius: 2vw;
		box-shadow:0 2.5vh 3.75vh rgba(0,0,0,.2);
	}

	.mli > .box:nth-child(3) {
		width: 60vw;
	    padding: 7.5vw 5vw 5vw 5vw;
	    border-radius: 4vw;
	    margin-left: 5vw;
	    margin-top: -10vw;
		box-shadow:0 3.75vw 5vw rgba(0,0,0,.2);
	}

	.mli > .box:nth-child(3)::before {
		width: calc(100% - 2vh);
	    height: calc(100% - 2vh);
	    box-shadow:0 .5vh 1vh rgba(0,0,0,.2);
	    top: 1vh;
	    left: 1vh;
	    border-radius: 1.5vh;
	}

	.mli > .box:nth-child(3) > h4 {
		font-size: 5vw;
	    line-height: 5vw;
	    padding-bottom: 2.5vw;
	}

	.mli > .box:nth-child(3) > h5 {
		font-size:3vw;
		line-height:3.75vw;
	}

	.bfo {
		width:60vw;
		top: calc(10vh + 10vw);
	    left: 20vw;
	}

	.bfo > .box {
		width:60vw;
	}

	.bfo > .box:nth-child(2) {
		margin:7.5vw 0;
	}

	.bfo > .box > h3 {
		font-size:5.5vw;
		line-height:6.5vw;
		padding-bottom:5vw;
	}

	.bfo > .box > h3::before {
	    width:8vw;
	    height:8vw;
	    top:-4vw;
	    right:0;
	    border-radius:4vw;
		box-shadow:0 1.5vw 2vw rgba(0,0,0,.2);
		display:none;
	}

	.bfo > .box > h5 {
		font-size:3.5vw;
		line-height:4.5vw;
	}

	.bf > .qu {
		display:none;
	}

	.bf > .qi {
		display:none;
	}

	.prc {
		width:100vw;
		top:0;
		left:0;
	}

	.prc > .box > .prm {
		display:block;
	}

	.prc > .box > a > .box {
		display: block;
		position:relative;
	}

	.prc > .box {
		overflow-y: scroll;
	    overflow-x: hidden;
	    width: 80vw;
	    height: 75vh;
	    padding: 15vh 10vw 20vh 10vw;
	    text-align: center;
	}

	.prc > .box > a > .box {
		margin:5vw 0;
	}

	.prc > .box > a > .box::after {
	    width: 12vw;
	    height: 12vw;
	    border-radius: 6vw;
	    box-shadow: 0 2vw 3vw rgb(0 0 0 / 20%);
	}

	.prc > .box > a:nth-child(1) > .box::after {
	    top: -8vw;
    	left: 15vw;
	}

	.prc > .box > a:nth-child(2) > .box::after {
	    top: -4vw;
	    left: 0vw;
	    width: 16vw;
	    height: 16vw;
	    border-radius: 8vw;
	}

	.prc > .box > a:nth-child(3) > .box::after {
	    top: 2vw;
    	left: 14vw;
	}

	.prc > .box > a:nth-child(4) > .box::after {
	    top: 2vw;
    	left: 10vw;
	}

	.prc > .box > a > .box > .box {
		width: 50vw;
	    height: 35vw;
	    padding: 7.5vw 0;
	    margin: 0 15vw;
	}

	.prc > .box > a > .box > .box > h5 {
		font-size: 4vw;
	    line-height: 4vw;
	    padding-bottom: 0.5vw;
	}

	.prc > .box > a > .box > .box > h6:nth-child(3) {
		font-size: 4vw;
	    line-height: 4vw;
	    padding-top: 1.5vw;
	}

	.prc > .box > a > .box > .box > h6 {
		font-size: 5vw;
	    line-height: 5vw;
	    padding-top: 2vw;
	    min-width: 25%;
	    margin: 0.5vw 5% !important;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h5 {
		font-size: 5vw;
    	line-height: 5vw;
	}

	.prc > .box > a > .box > .box > h4 {
		font-size: 7vw;
    	line-height: 7vw;
	}

	.prc > .box > a > .box > .box > h4 > sup {
		font-size:4vw;
		line-height:4vw;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h6 {
		font-size: 4.5vw;
    	line-height: 4.5vw;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h6:nth-child(3) {
		font-size: 5vw;
    	line-height: 5vw
	}

	.prc > .box > a:nth-child(2) > .box > .box > h4 {
		font-size: 10vw;
    	line-height: 10vw;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h4 > sup {
		font-size:3vh;
		line-height:3vh;
	}

	.prc > .box > a > .box > .box:nth-child(2) {
		margin-left: 2.5vh;
	}

	@keyframes prco {
		100% {
			transform: translateY(0vh);
			-o-transform: translateY(0vh);
			-moz-transform: translateY(0vh);
			-webkit-transform: translateY(0vh);
		}

		100% {
			transform: translateY(-2.5vh);
			-o-transform: translateY(-2.5vh);
			-moz-transform: translateY(-2.5vh);
			-webkit-transform: translateY(-2.5vh);
		}
	}

	.prc > .box > a:nth-child(2) > .box > .box {
		width: 70vw;
	    height: 55vw;
	    margin: 0 5vw;
	}

	@keyframes prct {
		0% {
			transform: scale(.75);
			-o-transform: scale(.75);
			-moz-transform: scale(.75);
			-webkit-transform: scale(.75);
		}

		100% {
			transform: scale(1);
			-o-transform: scale(1);
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
		}
	}

	@keyframes prcr {
		100% {
			transform: translateY(0vh);
			-o-transform: translateY(0vh);
			-moz-transform: translateY(0vh);
			-webkit-transform: translateY(0vh);
		}

		100% {
			transform: translateY(2.5vh);
			-o-transform: translateY(2.5vh);
			-moz-transform: translateY(2.5vh);
			-webkit-transform: translateY(2.5vh);
		}
	}

	.prc > .box > a:nth-child(4) > .box {
		padding-bottom:10vh;
	}

	.pr > .prm {
		display:none;
	}

	.prm > a > .box {
		width:65vw;
		margin:10vw 7.5vw;
	}

	.prm > a > .box > h4 {
		text-align: left;
	    font-size: 3.75vw;
	    line-height: 4vw;
	    padding: 1.75vw 2.5vw;
	    border-radius: 2vw;
	    box-shadow: 0 2vw 2.5vw rgb(0 0 0 / 20%);
	    width: fit-content;
	    margin-bottom: 5vw !important;
	}

	.prm > a > .box > .vrs {
		display:none;
	}

	.prm > a > .box > .box {
		width:70vw;
	}

	.prm > a > .box > .box > h5 {
		text-align:left;
		font-size:3.75vw;
		line-height:3.75vw;
		padding-bottom:1.5vw;
	}

	.prm > a > .box > .box > h6 {
		text-align:left;
		font-size:3vw;
		line-height:3.75vw;
	}

	.buf {
		width: 80vw;
	    padding: 10vh 10vw 10vh 10vw;
	    border-radius: 0 0 2vw 2vw;
	    height: 80vh;
	    top: 0;
	    overflow-y: scroll;
	    left: 0;
	    overflow-x: hidden;
	}

	.buf > .box:nth-child(1) {
		width: 30vw;
	    height: 30vw;
	    margin: 10vw 25vw;
	    border-radius: 15vw;
	    box-shadow: 0 5vw 7.5vw rgb(0 0 0 / 20%);
	}

	.buf > .box:nth-child(2) {
		width: 65vw;
    	padding: 0 7.5vw 10vw 7.5vw;
	}

	.buf > .box:nth-child(2) > h5 {
		font-size:3.75vw;
		line-height:5vw;
	}

	.buf > .box:nth-child(2) > a {
		font-size:0;
	}

	.buf > .box:nth-child(2) > a > h5 {
		font-size:2vh;
		line-height:2vh;
		margin:5vh 0 0 4vh !important;
	}

	.buf > .box:nth-child(2) > a > h5::before {
	    width:3vh;
	    height:3vh;
	    margin-right:1.5vh;
	    top: -0.5vh;
	    left: -4vh;
	}

	.bc-mm {
		position:fixed;
		top:3vh;
		right:2vh;
		z-index:2;
	}

	.bc-mm > h5 {
		font-size: 2.5vh;
    	line-height: 2.5vh;
		font-weight: 400;
	    border-radius: 1vh;
	    font-family: 'Poppins';
	    box-shadow: -1vh -1vh 1.5vh white, 1vh 1vh 1.5vh #d1d9e6;
	    color: rgba(0,0,0,.66);
	    text-decoration: none;
	    padding: 1.25vh 5vh 1.25vh 2vh;
	    background: #eef1f4;
	}

	.navigation__list > li:nth-child(7) {
		margin-top: 12.5vw !important;
	}
	.navi__title {
		opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.2s forwards;
	    -webkit-animation: up 0.1s 0.2s forwards;
	    -ms-animation: up 0.1s 0.2s forwards;
	    animation: up 0.1s 0.2s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navi__title > h6 {
		font-size: 2.25vh;
    	line-height: 2.25vh;
    	font-family: 'Poppins';
    	padding: 1.5vh 2vh 1.5vh 2vh;
    	background: linear-gradient(135deg, rgba(255,210,0,1), rgba(200,100,0,1));
    	width: fit-content;
    	border-radius:1vh;
    	box-shadow:0 1vh 1.5vh rgba(0,0,0,.2);
    	color:white;
    	text-decoration: none;
    	margin-left: 3vh !important;
	}
	.navigation__checkbox {
	    display: none;
	}
	.navigation__button {
	    height: 4vh;
	    width: 4vh;
	    position: fixed;
	    bottom: 0;
	    left: 44.5vw;
	    z-index: 2000;
	    text-align: center;
	    cursor: pointer;
	    animation: fade .25s 2.25s ease-in forwards;
		-o-animation: fade .25s 2.25s ease-in forwards;
		-moz-animation: fade .25s 2.25s ease-in forwards;
		-webkit-animation: fade .25s 2.25s ease-in forwards;
	    opacity:0;
	}

	.hm > .navigation__button {
		animation: fade .25s 4s ease-in forwards;
		-o-animation: fade .25s 4s ease-in forwards;
		-moz-animation: fade .25s 4s ease-in forwards;
		-webkit-animation: fade .25s 4s ease-in forwards;
	}
	.navigation__button-dropdown {
	    height: 2vh;
	    width: 20vh;
	    position: absolute;
	    z-index: 2000;
	    text-align: center;
	    cursor: pointer;
	}
	.navigation__background {
	    width: 100vw;
	    position: fixed;
	    top: 50%;
	    right: 50%;
	    background:#eef1f4;
	    opacity: 0;
	    z-index: 1;
	    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	}
	.navigation__nav {
	    height: 100vh;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 1500;
	    display: none;
	    opacity: 0;
	}
	.navigation__list {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    list-style: none;
	    width: 100%;
	}
	.navigation__item {
	    margin: 3vh;
	}
	.navigation__item:nth-child(1) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.2s forwards;
	    -webkit-animation: up 0.1s 0.2s forwards;
	    -ms-animation: up 0.1s 0.2s forwards;
	    animation:up 0.1s 0.2s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(2) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.25s forwards;
	    -webkit-animation: up 0.1s 0.25s forwards;
	    -ms-animation: up 0.1s 0.25s forwards;
	    animation:up 0.1s 0.25s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(3) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.3s forwards;
	    -webkit-animation: up 0.1s 0.3s forwards;
	    -ms-animation: up 0.1s 0.3s forwards;
	    animation:up 0.1s 0.3s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(4) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.35s forwards;
	    -webkit-animation: up 0.1s 0.35s forwards;
	    -ms-animation: up 0.1s 0.35s forwards;
	    animation:up 0.1s 0.35s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(5) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.4s forwards;
	    -webkit-animation: up 0.1s 0.4s forwards;
	    -ms-animation: up 0.1s 0.4s forwards;
	    animation:up 0.1s 0.4s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(6) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.45s forwards;
	    -webkit-animation: up 0.1s 0.45s forwards;
	    -ms-animation: up 0.1s 0.45s forwards;
	    animation:up 0.1s 0.45s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(7) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.5s forwards;
	    -webkit-animation: up 0.1s 0.5s forwards;
	    -ms-animation: up 0.1s 0.5s forwards;
	    animation:up 0.1s 0.5s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(8) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.55s forwards;
	    -webkit-animation: up 0.1s 0.55s forwards;
	    -ms-animation: up 0.1s 0.55s forwards;
	    animation:up 0.1s 0.55s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(9) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.6s forwards;
	    -webkit-animation: up 0.1s 0.6s forwards;
	    -ms-animation: up 0.1s 0.6s forwards;
	    animation:up 0.1s 0.6s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__item:nth-child(10) {
	    opacity: 0;
	    transition-timing-function: ease-in-out;
	    -moz-animation: up 0.1s 0.65s forwards;
	    -webkit-animation: up 0.1s 0.65s forwards;
	    -ms-animation: up 0.1s 0.65s forwards;
	    animation: up 0.1s 0.65s forwards;
	    -moz-backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.navigation__link > .menu-left-full-item {
	    margin-left: -5.5vh;
	    margin-top: -0.75vh;
	    margin-right: 1vh;
	}
	.navigation__link:link,
	.navigation__link:visited {
	    font-size: 5vw;
	    font-weight: 300;
	    padding: 1.5vw 0;
	    color: rgba(30, 30, 30, 1);
	    text-decoration: none;
	    transition: all 0.4s;
	    font-family: "Poppins";
	}
	.navigation__checkbox:checked ~ .navigation__background {
	    transform: scale(250);
	    opacity: 1;
	    -webkit-transition: opacity 0.25s ease-in-out;
	    -moz-transition: opacity 0.25s ease-in-out;
	    -o-transition: opacity 0.25s ease-in-out;
	}
	.navigation__checkbox:checked ~ .navigation__nav {
	    opacity: 1;
	    width: 100%;
	    display: block;
	    -webkit-transition: opacity 0.25s ease-in-out;
	    -moz-transition: opacity 0.25s ease-in-out;
	    -o-transition: opacity 0.25s ease-in-out;
	}
	.navigation__icon {
	    position: relative;
	    font-size: 4.5vw;
	    line-height: 4.5vw;
	    font-family: 'Poppins';
	    font-weight: 400;
	    color: rgba(75,80,85,1);
	}

	.navigation__icon-dropdown {
	    position: absolute;
	    margin-top: 1vh;
	    width: auto;
	    height: 2vh;
	}

	.socmed > h6 {
		font-size:4vw;
		line-height:4vw;
		font-family:'Poppins';
		color:black;
		font-weight:300;
		position:relative;
		margin-left: 5vw;
	}

	.socmed > h6::before {
		content:' ';
		width:4vw;
		height:4vw;
		position: absolute;
		top:0;
		left:-5vw;
		background-position: center center;
		background-repeat:no-repeat;
		background-size: 100% 100%;
	}

	.navigation__list > li:nth-child(7) > a > .socmed > h6::before {
		background-image: url('../images/mess.png')
	}

	.navigation__list > li:nth-child(8) > a > .socmed > h6::before {
		background-image: url('../images/ch.svg')
	}

	/* .navigation__list > li:nth-child(9) > a > .socmed > h6::before {
		background-image: url('../images/insta.svg')
	}

	.navigation__list > li:nth-child(10) > a > .socmed > h6::before {
		background-image: url('../images/play.svg')
	} */
}

@media (min-aspect-ratio: 1/1) {
	@keyframes gone {
		0%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		100%{
			transform: translateY(-100vh);
			-o-transform: translateY(-100vh);
			-moz-transform: translateY(-100vh);
			-webkit-transform: translateY(-100vh);
		}
	}

	@keyframes up {
		0%{
			transform: translateY(.5vh);
			-o-transform: translateY(.5vh);
			-moz-transform: translateY(.5vh);
			-webkit-transform: translateY(.5vh);
			opacity:0;
		}

		100%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}

	@keyframes lup {
		0%{
			transform: translateY(2.5vh);
			-o-transform: translateY(2.5vh);
			-moz-transform: translateY(2.5vh);
			-webkit-transform: translateY(2.5vh);
			opacity:0;
		}

		100%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}

	@keyframes ri {
		0%{
			transform: translateX(.5vh);
			-o-transform: translateX(.5vh);
			-moz-transform: translateX(.5vh);
			-webkit-transform: translateX(.5vh);
			opacity:0;
		}

		100%{
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}

	@keyframes do {
		0%{
			transform: translateY(-.5vh);
			-o-transform: translateY(-.5vh);
			-moz-transform: translateY(-.5vh);
			-webkit-transform: translateY(-.5vh);
			opacity:0;
		}

		100%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}

	@keyframes le {
		0%{
			transform: translateX(-.5vh);
			-o-transform: translateX(-.5vh);
			-moz-transform: translateX(-.5vh);
			-webkit-transform: translateX(-.5vh);
			opacity:0;
		}

		100%{
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}

	@keyframes lle {
		0% {
			transform: translateX(-2.5vh);
			-o-transform: translateX(-2.5vh);
			-moz-transform: translateX(-2.5vh);
			-webkit-transform: translateX(-2.5vh);
			opacity:0;
		}

		100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}

	@keyframes lri {
		0% {
			transform: translateX(2.5vh);
			-o-transform: translateX(2.5vh);
			-moz-transform: translateX(2.5vh);
			-webkit-transform: translateX(2.5vh);
			opacity:0;
		}

		100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}

	@keyframes svt {
		0%,30% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		50%,55% {
			transform: translateY(-1.5vh);
			-o-transform: translateY(-1.5vh);
			-moz-transform: translateY(-1.5vh);
			-webkit-transform: translateY(-1.5vh);
		}

		60%,100% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}
	}

	@keyframes lsvt {
		0% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		30% {
			transform: translateY(-4.5vh);
			-o-transform: translateY(-4.5vh);
			-moz-transform: translateY(-4.5vh);
			-webkit-transform: translateY(-4.5vh);
		}

		60% {
			transform: translateY(1vh);
			-o-transform: translateY(1vh);
			-moz-transform: translateY(1vh);
			-webkit-transform: translateY(1vh);
		}

		70%,100% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}
	}

	@keyframes shr {
		0%,30% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		50%,55% {
			transform: translateX(1.5vh);
			-o-transform: translateX(1.5vh);
			-moz-transform: translateX(1.5vh);
			-webkit-transform: translateX(1.5vh);
		}

		60%,100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}
	}

	@keyframes svd {
		0%,30% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		50%,55% {
			transform: translateY(1.5vh);
			-o-transform: translateY(1.5vh);
			-moz-transform: translateY(1.5vh);
			-webkit-transform: translateY(1.5vh);
		}

		60%,100% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}
	}

	@keyframes shl {
		0%,30% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		50%,55% {
			transform: translateX(-1.5vh);
			-o-transform: translateX(-1.5vh);
			-moz-transform: translateX(-1.5vh);
			-webkit-transform: translateX(-1.5vh);
		}

		60%,100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}
	}

	@keyframes tophud {
		0%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		100%{
			transform: translateY(10vh);
			-o-transform: translateY(10vh);
			-moz-transform: translateY(10vh);
			-webkit-transform: translateY(10vh);
		}
	}

	@keyframes bottomhud {
		0%{
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		100%{
			transform: translateY(-10vh);
			-o-transform: translateY(-10vh);
			-moz-transform: translateY(-10vh);
			-webkit-transform: translateY(-10vh);
		}
	}

	.pr > .prm {
		display:block;
	}

	.intro-logo {
		position: fixed;
		top:35vh;
		left:calc(50vw - 15vh);
	}

	.intro-logo > .box {
		width:30vh;
		height:30vh;
		position:absolute;
		top:0;
		left:0;
	}

	.apbatech {
		width:12vh;
		height:12vh;
		position:fixed;
		left:2.5vh;
		bottom:3.75vh;
	}

	.apbatech > .box {
		width:12vh;
		height:12vh;
		position:absolute;
		top:0;
		left:0;
	}

	#particle-canvas {
		width:100vw;
		height:100vh;
	}

	/*scroll bar*/
	body::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 0.25vh rgba(0, 0, 0, 0);
		border-radius:0.25vh;
		background-color:rgba(0,0,0,0);
	}

	body::-webkit-scrollbar {
		width:0.5vh;
		border-radius:0.25vh;
		background-color:rgba(0,0,0,0);
	}

	body::-webkit-scrollbar-thumb {
		border-radius:0.25vh;
		-webkit-box-shadow: inset 0 0 0.25vh rgba(0, 0, 0, 0.3);
		background:linear-gradient(rgba(0,225,255,1), rgba(0,175,255,1));
	}
	/*hud*/
	.tophud {
		width:100vh;
		height:10vh;
		position:fixed;
		top:-10vh;
		left:calc(50vw - 50vh);
		animation: tophud 1s 1s ease-out forwards;
		-o-animation: tophud 1s 1s ease-out forwards;
		-moz-animation: tophud 1s 1s ease-out forwards;
		-webkit-animation: tophud 1s 1s ease-out forwards;
	}

	.hm > .tophud {
		animation: tophud 1s 3s ease-out forwards;
		-o-animation: tophud 1s 3s ease-out forwards;
		-moz-animation: tophud 1s 3s ease-out forwards;
		-webkit-animation: tophud 1s 3s ease-out forwards;
	}

	.tophud > .box {
		width:100vh;
		height:10vh;
		position: absolute;
		top:0;
		left:0;
	}

	.tophud > .box:nth-child(2) {
		animation: fade .5s 2.25s ease-out forwards;
		-o-animation: fade .5s 2.25s ease-out forwards;
		-moz-animation: fade .5s 2.25s ease-out forwards;
		-webkit-animation: fade .5s 2.25s ease-out forwards;
		opacity:0;
	}

	.hm > .tophud > .box:nth-child(2) {
		animation: fade .5s 4.25s ease-out forwards;
		-o-animation: fade .5s 4.25s ease-out forwards;
		-moz-animation: fade .5s 4.25s ease-out forwards;
		-webkit-animation: fade .5s 4.25s ease-out forwards;
	}

	.bottomhud {
		width:100vh;
		height:10vh;
		position:fixed;
		bottom:-10vh;
		left:calc(50vw - 50vh);
		animation: bottomhud 1s 1s ease-out forwards;
		-o-animation: bottomhud 1s 1s ease-out forwards;
		-moz-animation: bottomhud 1s 1s ease-out forwards;
		-webkit-animation: bottomhud 1s 1s ease-out forwards;
	}

	.hm > .bottomhud {
		animation: bottomhud 1s 3s ease-out forwards;
		-o-animation: bottomhud 1s 3s ease-out forwards;
		-moz-animation: bottomhud 1s 3s ease-out forwards;
		-webkit-animation: bottomhud 1s 3s ease-out forwards;
	}

	.bottomhud > .box {
		width:100vh;
		height:10vh;
		position: absolute;
		top:0;
		left:0;
	}

	.hm > .bottomhud > .box:nth-child(1) {
		animation: md 4s 4s ease-out forwards;
		-o-animation: md 4s 4s ease-out forwards;
		-moz-animation: md 4s 4s ease-out forwards;
		-webkit-animation: md 4s 4s ease-out forwards;
		left:.5vh;
	}

	.ft > .bottomhud > .box:nth-child(1) {
		animation: ftmd 4s 2s ease-out forwards;
		-o-animation: ftmd 4s 2s ease-out forwards;
		-moz-animation: ftmd 4s 2s ease-out forwards;
		-webkit-animation: ftmd 4s 2s ease-out forwards;
	}

	.ml > .bottomhud > .box:nth-child(1) {
		animation: mlmd 4s 2s ease-out forwards;
		-o-animation: mlmd 4s 2s ease-out forwards;
		-moz-animation: mlmd 4s 2s ease-out forwards;
		-webkit-animation: mlmd 4s 2s ease-out forwards;
	}

	.bf > .bottomhud > .box:nth-child(1) {
		animation: bfmd 4s 2s ease-out forwards;
		-o-animation: bfmd 4s 2s ease-out forwards;
		-moz-animation: bfmd 4s 2s ease-out forwards;
		-webkit-animation: bfmd 4s 2s ease-out forwards;
	}

	.pr > .bottomhud > .box:nth-child(1) {
		animation: prmd 4s 2s ease-out forwards;
		-o-animation: prmd 4s 2s ease-out forwards;
		-moz-animation: prmd 4s 2s ease-out forwards;
		-webkit-animation: prmd 4s 2s ease-out forwards;
		left:-.25vh;
	}

	.bu > .bottomhud > .box:nth-child(1) {
		animation: bumd 4s 2s ease-out forwards;
		-o-animation: bumd 4s 2s ease-out forwards;
		-moz-animation: bumd 4s 2s ease-out forwards;
		-webkit-animation: bumd 4s 2s ease-out forwards;
		left:-.25vh;
	}

	.hm > .bottomhud > .box:nth-child(2) {
		animation: fade .5s 7.5s ease-out forwards;
		-o-animation: fade .5s 7.5s ease-out forwards;
		-moz-animation: fade .5s 7.5s ease-out forwards;
		-webkit-animation: fade .5s 7.5s ease-out forwards;
		opacity:0;
		left:-35.5vh;
	}

	.ft > .bottomhud > .box:nth-child(2) {
		animation: fade .5s 4.5s ease-out forwards;
		-o-animation: fade .5s 4.5s ease-out forwards;
		-moz-animation: fade .5s 4.5s ease-out forwards;
		-webkit-animation: fade .5s 4.5s ease-out forwards;
		opacity:0;
		left:-22vh;
	}

	.ml > .bottomhud > .box:nth-child(2) {
		animation: fade .5s 3.25s ease-out forwards;
		-o-animation: fade .5s 3.25s ease-out forwards;
		-moz-animation: fade .5s 3.25s ease-out forwards;
		-webkit-animation: fade .5s 3.25s ease-out forwards;
		opacity:0;
		left:-8vh;
	}

	.bf > .bottomhud > .box:nth-child(2) {
		animation: fade .5s 3s ease-out forwards;
		-o-animation: fade .5s 3s ease-out forwards;
		-moz-animation: fade .5s 3s ease-out forwards;
		-webkit-animation: fade .5s 3s ease-out forwards;
		opacity:0;
		left:5.5vh;
	}

	.pr > .bottomhud > .box:nth-child(2) {
		animation: fade .5s 3.75s ease-out forwards;
		-o-animation: fade .5s 3.75s ease-out forwards;
		-moz-animation: fade .5s 3.75s ease-out forwards;
		-webkit-animation: fade .5s 3.75s ease-out forwards;
		opacity:0;
		left:19.25vh;
	}

	.bu > .bottomhud > .box:nth-child(2) {
		animation: fade .5s 5.75s ease-out forwards;
		-o-animation: fade .5s 5.75s ease-out forwards;
		-moz-animation: fade .5s 5.75s ease-out forwards;
		-webkit-animation: fade .5s 5.75s ease-out forwards;
		opacity:0;
		left:34.25vh;
	}

	.bottomhud > .box:nth-child(2)::after {
		content:' ';
	    width:2vh;
	    height:1vh;
	    border-radius:2vh;
	    box-shadow: -.5vh -.5vh .75vh #ffffff, .5vh .5vh .75vh #d1d9e6;
	    /* background-image:url('lg.svg'); */
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    display: block;
	    left:49vh;
	    top:2.5vh;
	    position: absolute;
	    animation: fade .25s 8.5s ease-out forwards;
	    -o-animation: fade .25s 8.5s ease-out forwards;
	    -moz-animation: fade .25s 8.5s ease-out forwards;
	    -webkit-animation: fade .25s 8.5s ease-out forwards;
	    opacity:0;
	}

	.ft > .bottomhud > .box:nth-child(2)::after {
	    animation: fade .25s 5.5s ease-out forwards;
	    -o-animation: fade .25s 5.5s ease-out forwards;
	    -moz-animation: fade .25s 5.5s ease-out forwards;
	    -webkit-animation: fade .25s 5.5s ease-out forwards;
	}

	.ml > .bottomhud > .box:nth-child(2)::after {
	    animation: fade .25s 4.25s ease-out forwards;
	    -o-animation: fade .25s 4.25s ease-out forwards;
	    -moz-animation: fade .25s 4.25s ease-out forwards;
	    -webkit-animation: fade .25s 4.25s ease-out forwards;
	}

	.bf > .bottomhud > .box:nth-child(2)::after {
	    animation: fade .25s 4s ease-out forwards;
	    -o-animation: fade .25s 4s ease-out forwards;
	    -moz-animation: fade .25s 4s ease-out forwards;
	    -webkit-animation: fade .25s 4s ease-out forwards;
	}

	.pr > .bottomhud > .box:nth-child(2)::after {
	    animation: fade .25s 4.25s ease-out forwards;
	    -o-animation: fade .25s 4.25s ease-out forwards;
	    -moz-animation: fade .25s 4.25s ease-out forwards;
	    -webkit-animation: fade .25s 4.25s ease-out forwards;
	}

	.bu > .bottomhud > .box:nth-child(2)::after {
	    animation: fade .25s 6.5s ease-out forwards;
	    -o-animation: fade .25s 6.5s ease-out forwards;
	    -moz-animation: fade .25s 6.5s ease-out forwards;
	    -webkit-animation: fade .25s 6.5s ease-out forwards;
	}

	.md {
		position: fixed;
		bottom:2vh;
		left:calc(50vw - 6vh);
		animation: md 4s 4s ease-out forwards;
		-o-animation: md 4s 4s ease-out forwards;
		-moz-animation: md 4s 4s ease-out forwards;
		-webkit-animation: md 4s 4s ease-out forwards;
		font-size:0;
		display:block;
	}

	@keyframes md {
		0% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		7.5%,15% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		22.5%,30% {
			transform:translateX(-7vh);
			-o-transform:translateX(-7vh);
			-moz-transform:translateX(-7vh);
			-webkit-transform:translateX(-7vh);
			opacity:1;
		}

		37.5%,45% {
			transform:translateX(-14vh);
			-o-transform:translateX(-14vh);
			-moz-transform:translateX(-14vh);
			-webkit-transform:translateX(-14vh);
			opacity:1;
		}

		52.5%,60% {
			transform:translateX(-21vh);
			-o-transform:translateX(-21vh);
			-moz-transform:translateX(-21vh);
			-webkit-transform:translateX(-21vh);
			opacity:1;
		}

		67.5%,75% {
			transform:translateX(-28vh);
			-o-transform:translateX(-28vh);
			-moz-transform:translateX(-28vh);
			-webkit-transform:translateX(-28vh);
			opacity:1;
		}

		82.5%,100% {
			transform:translateX(-36vh);
			-o-transform:translateX(-36vh);
			-moz-transform:translateX(-36vh);
			-webkit-transform:translateX(-36vh);
			opacity:1;
		}
	}

	.ft > .md {
		left:calc(50vw - 20vh);
		animation: ftmd 4s 2s ease-out forwards;
		-o-animation: ftmd 4s 2s ease-out forwards;
		-moz-animation: ftmd 4s 2s ease-out forwards;
		-webkit-animation: ftmd 4s 2s ease-out forwards;
	}

	@keyframes ftmd {
		0% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		7.5%,15% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		22.5%,30% {
			transform:translateX(-7vh);
			-o-transform:translateX(-7vh);
			-moz-transform:translateX(-7vh);
			-webkit-transform:translateX(-7vh);
			opacity:1;
		}

		37.5%,45% {
			transform:translateX(-14vh);
			-o-transform:translateX(-14vh);
			-moz-transform:translateX(-14vh);
			-webkit-transform:translateX(-14vh);
			opacity:1;
		}

		52.5%,100% {
			transform:translateX(-22vh);
			-o-transform:translateX(-22vh);
			-moz-transform:translateX(-22vh);
			-webkit-transform:translateX(-22vh);
			opacity:1;
		}
	}

	.ml > .md {
		left:calc(50vw - 34vh);
		animation: mlmd 4s 2s ease-out forwards;
		-o-animation: mlmd 4s 2s ease-out forwards;
		-moz-animation: mlmd 4s 2s ease-out forwards;
		-webkit-animation: mlmd 4s 2s ease-out forwards;
	}

	@keyframes mlmd {
		0% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		7.5%,15% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		22.5%,100% {
			transform:translateX(-8vh);
			-o-transform:translateX(-8vh);
			-moz-transform:translateX(-8vh);
			-webkit-transform:translateX(-8vh);
			opacity:1;
		}
	}

	.bf > .md {
		left:calc(50vw - 47.5vh);
		animation: bfmd 4s 2s ease-out forwards;
		-o-animation: bfmd 4s 2s ease-out forwards;
		-moz-animation: bfmd 4s 2s ease-out forwards;
		-webkit-animation: bfmd 4s 2s ease-out forwards;
	}

	@keyframes bfmd {
		0% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		7.5%,15% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		22.5%,100% {
			transform:translateX(5.5vh);
			-o-transform:translateX(5.5vh);
			-moz-transform:translateX(5.5vh);
			-webkit-transform:translateX(5.5vh);
			opacity:1;
		}
	}

	.pr > .md {
		left:calc(50vw - 61.5vh);
		animation: prmd 4s 2s ease-out forwards;
		-o-animation: prmd 4s 2s ease-out forwards;
		-moz-animation: prmd 4s 2s ease-out forwards;
		-webkit-animation: prmd 4s 2s ease-out forwards;
	}

	@keyframes prmd {
		0% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		7.5%,15% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		22.5%,30% {
			transform:translateX(9vh);
			-o-transform:translateX(9vh);
			-moz-transform:translateX(9vh);
			-webkit-transform:translateX(9vh);
			opacity:1;
		}

		37.5%,100% {
			transform:translateX(19.5vh);
			-o-transform:translateX(19.5vh);
			-moz-transform:translateX(19.5vh);
			-webkit-transform:translateX(19.5vh);
			opacity:1;
		}
	}

	.bu > .md {
		left:calc(50vw - 76.5vh);
		animation: bumd 4s 2s ease-out forwards;
		-o-animation: bumd 4s 2s ease-out forwards;
		-moz-animation: bumd 4s 2s ease-out forwards;
		-webkit-animation: bumd 4s 2s ease-out forwards;
	}

	@keyframes bumd {
		0% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		7.5%,15% {
			transform:translateX(0);
			-o-transform:translateX(0);
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			opacity:1;
		}

		22.5%,30% {
			transform:translateX(7vh);
			-o-transform:translateX(7vh);
			-moz-transform:translateX(7vh);
			-webkit-transform:translateX(7vh);
			opacity:1;
		}

		37.5%,45% {
			transform:translateX(14vh);
			-o-transform:translateX(14vh);
			-moz-transform:translateX(14vh);
			-webkit-transform:translateX(14vh);
			opacity:1;
		}

		52.5%,60% {
			transform:translateX(22vh);
			-o-transform:translateX(22vh);
			-moz-transform:translateX(22vh);
			-webkit-transform:translateX(22vh);
			opacity:1;
		}

		67.5%,75% {
			transform:translateX(27vh);
			-o-transform:translateX(27vh);
			-moz-transform:translateX(27vh);
			-webkit-transform:translateX(27vh);
			opacity:1;
		}

		82.5%,100% {
			transform:translateX(34.5vh);
			-o-transform:translateX(34.5vh);
			-moz-transform:translateX(34.5vh);
			-webkit-transform:translateX(34.5vh);
			opacity:1;
		}
	}

	.md > a > h5 {
		display: inline-block;
		vertical-align: middle;
		margin:0 3.5vh;
		font-size:2.25vh;
		line-height:2.25vh;
	}

	.md > .act > h5::before {
		content:' ';
	    width:4vh;
	    height:4vh;
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    display: block;
	    top:-8vh;
	    position: absolute;
	    opacity:0;
	}

	.hm > .md > .act > h5::before {
	    /* background-image:url('h.svg'); */
	    left:4.5vh;
	    animation: up .25s 8s ease-out forwards;
	    -o-animation: up .25s 8s ease-out forwards;
	    -moz-animation: up .25s 8s ease-out forwards;
	    -webkit-animation: up .25s 8s ease-out forwards;
	}

	.ft > .md > .act > h5::before {
	    /* background-image:url('f.svg'); */
	    left:18vh;
	    animation: up .25s 5s ease-out forwards;
	    -o-animation: up .25s 5s ease-out forwards;
	    -moz-animation: up .25s 5s ease-out forwards;
	    -webkit-animation: up .25s 5s ease-out forwards;
	}

	.ml > .md > .act > h5::before {
	    /* background-image:url('o.svg'); */
	    left:32vh;
	    animation: up .25s 3.75s ease-out forwards;
	    -o-animation: up .25s 3.75s ease-out forwards;
	    -moz-animation: up .25s 3.75s ease-out forwards;
	    -webkit-animation: up .25s 3.75s ease-out forwards;
	}

	.bf > .md > .act > h5::before {
	    /* background-image:url('o.svg'); */
	    left:45.5vh;
	    animation: up .25s 3.5s ease-out forwards;
	    -o-animation: up .25s 3.5s ease-out forwards;
	    -moz-animation: up .25s 3.5s ease-out forwards;
	    -webkit-animation: up .25s 3.5s ease-out forwards;
	}

	.pr > .md > .act > h5::before {
	    /* background-image:url('o.svg'); */
	    left:59.25vh;
	    animation: up .25s 4s ease-out forwards;
	    -o-animation: up .25s 4s ease-out forwards;
	    -moz-animation: up .25s 4s ease-out forwards;
	    -webkit-animation: up .25s 4s ease-out forwards;
	}

	.bu > .md > .act > h5::before {
	    /* background-image:url('o.svg'); */
	    left:74.25vh;
	    animation: up .25s 6.25s ease-out forwards;
	    -o-animation: up .25s 6.25s ease-out forwards;
	    -moz-animation: up .25s 6.25s ease-out forwards;
	    -webkit-animation: up .25s 6.25s ease-out forwards;
	}

	.md > a:nth-child(1) {
		animation: fade .3s 4s ease-out forwards;
		-o-animation: fade .3s 4s ease-out forwards;
		-moz-animation: fade .3s 4s ease-out forwards;
		-webkit-animation: fade .3s 4s ease-out forwards;
		opacity:0;
	}

	.ft > .md > a:nth-child(1) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.ml > .md > a:nth-child(1) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.bf > .md > a:nth-child(1) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.pr > .md > a:nth-child(1) {
		animation: fade .3s 3.2s ease-out forwards;
		-o-animation: fade .3s 3.2s ease-out forwards;
		-moz-animation: fade .3s 3.2s ease-out forwards;
		-webkit-animation: fade .3s 3.2s ease-out forwards;
		opacity:0;
	}

	.bu > .md > a:nth-child(1) {
		animation: fade .3s 5s ease-out forwards;
		-o-animation: fade .3s 5s ease-out forwards;
		-moz-animation: fade .3s 5s ease-out forwards;
		-webkit-animation: fade .3s 5s ease-out forwards;
		opacity:0;
	}

	.md > a:nth-child(2) {
		animation: fade .3s 4.6s ease-out forwards;
		-o-animation: fade .3s 4.6s ease-out forwards;
		-moz-animation: fade .3s 4.6s ease-out forwards;
		-webkit-animation: fade .3s 4.6s ease-out forwards;
		opacity:0;
	}

	.ft > .md > a:nth-child(2) {
		animation: fade .3s 2s ease-out forwards;
		-o-animation: fade .3s 2s ease-out forwards;
		-moz-animation: fade .3s 2s ease-out forwards;
		-webkit-animation: fade .3s 2s ease-out forwards;
		opacity:0;
	}

	.ml > .md > a:nth-child(2) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.bf > .md > a:nth-child(2) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.pr > .md > a:nth-child(2) {
		animation: fade .3s 3.2s ease-out forwards;
		-o-animation: fade .3s 3.2s ease-out forwards;
		-moz-animation: fade .3s 3.2s ease-out forwards;
		-webkit-animation: fade .3s 3.2s ease-out forwards;
		opacity:0;
	}

	.bu > .md > a:nth-child(2) {
		animation: fade .3s 4.4s ease-out forwards;
		-o-animation: fade .3s 4.4s ease-out forwards;
		-moz-animation: fade .3s 4.4s ease-out forwards;
		-webkit-animation: fade .3s 4.4s ease-out forwards;
		opacity:0;
	}

	.md > a:nth-child(3) {
		animation: fade .3s 5.2s ease-out forwards;
		-o-animation: fade .3s 5.2s ease-out forwards;
		-moz-animation: fade .3s 5.2s ease-out forwards;
		-webkit-animation: fade .3s 5.2s ease-out forwards;
		opacity:0;
	}

	.ft > .md > a:nth-child(3) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.ml > .md > a:nth-child(3) {
		animation: fade .3s 2s ease-out forwards;
		-o-animation: fade .3s 2s ease-out forwards;
		-moz-animation: fade .3s 2s ease-out forwards;
		-webkit-animation: fade .3s 2s ease-out forwards;
		opacity:0;
	}

	.bf > .md > a:nth-child(3) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.pr > .md > a:nth-child(3) {
		animation: fade .3s 3.2s ease-out forwards;
		-o-animation: fade .3s 3.2s ease-out forwards;
		-moz-animation: fade .3s 3.2s ease-out forwards;
		-webkit-animation: fade .3s 3.2s ease-out forwards;
		opacity:0;
	}

	.bu > .md > a:nth-child(3) {
		animation: fade .3s 3.8s ease-out forwards;
		-o-animation: fade .3s 3.8s ease-out forwards;
		-moz-animation: fade .3s 3.8s ease-out forwards;
		-webkit-animation: fade .3s 3.8s ease-out forwards;
		opacity:0;
	}

	.md > a:nth-child(4) {
		animation: fade .3s 5.8s ease-out forwards;
		-o-animation: fade .3s 5.8s ease-out forwards;
		-moz-animation: fade .3s 5.8s ease-out forwards;
		-webkit-animation: fade .3s 5.8s ease-out forwards;
		opacity:0;
	}

	.ft > .md > a:nth-child(4) {
		animation: fade .3s 3.2s ease-out forwards;
		-o-animation: fade .3s 3.2s ease-out forwards;
		-moz-animation: fade .3s 3.2s ease-out forwards;
		-webkit-animation: fade .3s 3.2s ease-out forwards;
		opacity:0;
	}

	.ml > .md > a:nth-child(4) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.bf > .md > a:nth-child(4) {
		animation: fade .3s 2s ease-out forwards;
		-o-animation: fade .3s 2s ease-out forwards;
		-moz-animation: fade .3s 2s ease-out forwards;
		-webkit-animation: fade .3s 2s ease-out forwards;
		opacity:0;
	}

	.pr > .md > a:nth-child(4) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.bu > .md > a:nth-child(4) {
		animation: fade .3s 3.2s ease-out forwards;
		-o-animation: fade .3s 3.2s ease-out forwards;
		-moz-animation: fade .3s 3.2s ease-out forwards;
		-webkit-animation: fade .3s 3.2s ease-out forwards;
		opacity:0;
	}

	.md > a:nth-child(5) {
		animation: fade .3s 6.4s ease-out forwards;
		-o-animation: fade .3s 6.4s ease-out forwards;
		-moz-animation: fade .3s 6.4s ease-out forwards;
		-webkit-animation: fade .3s 6.4s ease-out forwards;
		opacity:0;
	}

	.ft > .md > a:nth-child(5) {
		animation: fade .3s 3.8s ease-out forwards;
		-o-animation: fade .3s 3.8s ease-out forwards;
		-moz-animation: fade .3s 3.8s ease-out forwards;
		-webkit-animation: fade .3s 3.8s ease-out forwards;
		opacity:0;
	}

	.ml > .md > a:nth-child(5) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.bf > .md > a:nth-child(5) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.pr > .md > a:nth-child(5) {
		animation: fade .3s 2s ease-out forwards;
		-o-animation: fade .3s 2s ease-out forwards;
		-moz-animation: fade .3s 2s ease-out forwards;
		-webkit-animation: fade .3s 2s ease-out forwards;
		opacity:0;
	}

	.bu > .md > a:nth-child(5) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.md > a:nth-child(6) {
		animation: fade .3s 7s ease-out forwards;
		-o-animation: fade .3s 7s ease-out forwards;
		-moz-animation: fade .3s 7s ease-out forwards;
		-webkit-animation: fade .3s 7s ease-out forwards;
		opacity:0;
	}

	.ft > .md > a:nth-child(6) {
		animation: fade .3s 4.4s ease-out forwards;
		-o-animation: fade .3s 4.4s ease-out forwards;
		-moz-animation: fade .3s 4.4s ease-out forwards;
		-webkit-animation: fade .3s 4.4s ease-out forwards;
		opacity:0;
	}

	.ml > .md > a:nth-child(6) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.bf > .md > a:nth-child(6) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.pr > .md > a:nth-child(6) {
		animation: fade .3s 2.6s ease-out forwards;
		-o-animation: fade .3s 2.6s ease-out forwards;
		-moz-animation: fade .3s 2.6s ease-out forwards;
		-webkit-animation: fade .3s 2.6s ease-out forwards;
		opacity:0;
	}

	.bu > .md > a:nth-child(6) {
		animation: fade .3s 2s ease-out forwards;
		-o-animation: fade .3s 2s ease-out forwards;
		-moz-animation: fade .3s 2s ease-out forwards;
		-webkit-animation: fade .3s 2s ease-out forwards;
		opacity:0;
	}

	.hmt {
		top:32.5vh;
	}

	.hmt > h1 {
		font-size:30vh;
		line-height:35vh;
	}

	.hmt > h1 > strong {
		font-size:28.5vh;
	}

	.llid {
		padding:1vh 2vh 1vh 4.5vh;
		border-radius:0 1.25vh 1.25vh 0;
		box-shadow:inset 0 0 1.5vh rgba(0,0,0,.66);
		left:-17vh;
		top:47vh;
	}

	@keyframes llid {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		100% {
			transform: translateX(15vh);
			-o-transform: translateX(15vh);
			-moz-transform: translateX(15vh);
			-webkit-transform: translateX(15vh);
		}
	}

	.llid > h5 {
		font-size:1.5vh;
		line-height:2vh;
	}

	.sg > .box:nth-child(1) {
		width:45vh;
		height:45vh;
		bottom:7.5vh;
		right:31vh;
	}

	@keyframes sgvrs {
		0% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}

		66% {
			transform: translate3d(-3vh,-5vh,0);
			-o-transform: translate3d(-3vh,-5vh,0);
			-moz-transform: translate3d(-3vh,-5vh,0);
			-webkit-transform: translate3d(-3vh,-5vh,0);
		}

		100% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}
	}

	.sg > .box:nth-child(2) {
		width:60vh;
		height:60vh;
		bottom:12.5vh;
		right:7vh;
	}

	@keyframes sghl {
		0% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}

		66% {
			transform: translateX(5vh);
			-o-transform: translateX(5vh);
			-moz-transform: translateX(5vh);
			-webkit-transform: translateX(5vh);
		}

		100% {
			transform: translateX(0);
			-o-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
		}
	}

	.sg > .box:nth-child(3) {
		width:30vh;
		height:30vh;
		bottom:61.5vh;
		right:34.5vh;
	}

	@keyframes sgvlsr {
		0% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}

		33% {
			transform: translate3d(4.5vh,-7.5vh,0);
			-o-transform: translate3d(4.5vh,-7.5vh,0);
			-moz-transform: translate3d(4.5vh,-7.5vh,0);
			-webkit-transform: translate3d(4.5vh,-7.5vh,0);
		}

		100% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}
	}

	.sg > .box:nth-child(4) {
		width: 15vh;
	    height: 15vh;
	    bottom: 59vh;
	    right: 59vh;
	}

	@keyframes sgvls {
		0% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}

		66% {
			transform: translate3d(4.5vh,-7.5vh,0);
			-o-transform: translate3d(4.5vh,-7.5vh,0);
			-moz-transform: translate3d(4.5vh,-7.5vh,0);
			-webkit-transform: translate3d(4.5vh,-7.5vh,0);
		}

		100% {
			transform: translate3d(0,0,0);
			-o-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0);
		}
	}

	.so {
		top:25vh;
		left:37.5vh;
	}

	.so > h5:nth-child(1) {
		font-size:3vh;
		line-height:2.5vh;
		margin-right: .5vh;
	}

	.so > h1:nth-child(2) {
		font-size:5vh;
		line-height:4vh;
	}

	.so > h5:nth-child(3) {
		font-size:3vh;
		line-height:3.5vh;
	}

	.st {
		top:32.5vh;
		left:calc(50vw + 2.5vh);
	}

	.st > h5 {
		font-size:3vh;
		line-height:3vh;
		margin-right:3.75vh;
	}

	.st > h1 {
		font-size:5vh;
		line-height:1.5vh;
		margin-left:2vh;
	}

	.sr {
		bottom:47.5vh;
		left:calc(50vw + 42.5vh);
	}

	.sr > h5 {
		font-size:3vh;
		line-height:3vh;
		margin-right:1vh;
	}

	.sr > h1 {
		font-size:5vh;
		line-height:5vh;
	}

	.sf {
		bottom:22.5vh;
		left:calc(50vw + 12.5vh);
	}

	.sf > h5 {
		font-size:3vh;
		line-height:3vh;
		margin-right:1vh;
	}

	.sf > h2 {
		font-size:5vh;
		line-height:5vh;
	}

	.sf > h1 {
		font-size:12vh;
		line-height:12vh;
		margin-left:1vh;
	}

	.hm > .qu {
		width:20vh;
		height:10vh;
		bottom:30vh;
		left:16vh;
	}

	.bf > .qu {
		width:19vh;
		height:12.3vh;
		background-image: url("../images/qs.svg");
		bottom:17.5vh;
		left:16vh;
		animation: fade .25s 1.5s ease-in forwards;
		-o-animation: fade .25s 1.5s ease-in forwards;
		-moz-animation: fade .25s 1.5s ease-in forwards;
		-webkit-animation: fade .25s 1.5s ease-in forwards;
	}

	.qu > h3 {
		font-size: 2.25vh;
	    line-height: 2.5vh;
	    padding: 1.25vh 1.75vh;
	}

	.hm > .qu > h3 {
		font-size: 2.25vh;
	    line-height: 2.5vh;
	}

	.bf > .qu > h3 {
		animation: fade .25s 2s ease-in forwards;
		-o-animation: fade .25s 2s ease-in forwards;
		-moz-animation: fade .25s 2s ease-in forwards;
		-webkit-animation: fade .25s 2s ease-in forwards;
		line-height:2.75vh;
	}

	.hm > .qi {
		bottom:20vh;
		left:17.5vh;
	}

	.bf > .qi {
		bottom:19vh;
		left:37.5vh;
	}

	.hm > .qi > h5 {
		font-size:1.5vh;
		line-height:1.5vh;
		padding-bottom:.75vh;
	}

	.bf > .qi > h5 {
		font-size:2vh;
		line-height:2vh;
		padding-bottom:.75vh;
	}

	.bf > .qi > h5:nth-child(1) {
		animation: qio 8s 2.5s linear infinite;
		-o-animation: qio 8s 2.5s linear infinite;
		-moz-animation: qio 8s 2.5s linear infinite;
		-webkit-animation: qio 8s 2.5s linear infinite;
		opacity:0;
	}

	.bf > .qi > h5:nth-child(2) {
		animation: qit 8s 2.5s linear infinite;
		-o-animation: qit 8s 2.5s linear infinite;
		-moz-animation: qit 8s 2.5s linear infinite;
		-webkit-animation: qit 8s 2.5s linear infinite;
		opacity:0;
	}

	.bf > .qi > h5:nth-child(3) {
		animation: qir 8s 2.5s linear infinite;
		-o-animation: qir 8s 2.5s linear infinite;
		-moz-animation: qir 8s 2.5s linear infinite;
		-webkit-animation: qir 8s 2.5s linear infinite;
		opacity:0;
	}

	.qi > h5::after {
	    width:2vh;
	    height:2vh;
	    right:-3vh;
	    top: 0;
	}

	.ps {
		width:10vh;
		height:10vh;
		padding:10vh 1.5vh 1.5vh 1.5vh;
		border-radius:0 0 10vh 10vh;
		top:5vh;
		right:15vh;
	}

	@keyframes ps {
		0% {
			transform: translateY(-5vh);
			-o-transform: translateY(-5vh);
			-moz-transform: translateY(-5vh);
			-webkit-transform: translateY(-5vh);
			opacity:0;
			box-shadow:0 0vh 0vh rgba(0,0,0,0);
		}

		75% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
			box-shadow:0 0vh 0vh rgba(0,0,0,0);
		}

		100% {
			transform: translateY(0);
			-o-transform: translateY(0);
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			opacity:1;
			box-shadow:0 2.75vh 2vh rgba(0,0,0,.1);
		}
	}

	.ps > .box {
		width:10vh;
		height:10vh;
		border-radius:5vh;
		box-shadow:0 1.5vh 2vh rgba(0,0,0,.25);
		animation:do .25s 4.75s ease-out forwards;
		-o-animation:do .25s 4.75s ease-out forwards;
		-moz-animation:do .25s 4.75s ease-out forwards;
		-webkit-animation:do .25s 4.75s ease-out forwards;
		opacity:0;
	}

	.ft > .ps > .box {
		animation:do .25s 3.75s ease-out forwards;
		-o-animation:do .25s 3.75s ease-out forwards;
		-moz-animation:do .25s 3.75s ease-out forwards;
		-webkit-animation:do .25s 3.75s ease-out forwards;
		opacity:0;
	}

	.ftm {
		bottom:35vh;
		left:0;
		width:100vw;
	}

	.ftm > .box > .box:nth-child(1) {
		width:calc(50vw - 2.5vh);
		padding-right:2.5vh;
	}

	.ftm > .box:nth-child(1) > .box:nth-child(1) > h2:nth-child(1)::before {
	    top:-4vh;
	    left:-4vh;
	}

	.ftm > .box > .box:nth-child(1) > h2:nth-child(1)::before {
	    width:8vh;
	    height:8vh;
	    border-radius:4vh;
		box-shadow:0 1vh 1.5vh rgba(0,0,0,.2);
	}

	.ftm > .box > .box:nth-child(2) {
		padding-left:2.5vh;
	}

	.ftm > .box > .box > h2 {
		font-size:10vh;
		line-height:10vh;
	}

	.ftm > .box > .box > h4 {
		font-size:2.75vh;
		line-height:3.5vh;
		padding-top:.75vh;
		width:45vh;
	}

	.ftvt {
		bottom:15vh;
		left:calc(50vw - 7.5vh);
	}

	@keyframes ftvt {
		0%{
			transform: translateX(.5vh) rotate(180deg);
			-o-transform: translateX(.5vh) rotate(180deg);
			-moz-transform: translateX(.5vh) rotate(180deg);
			-webkit-transform: translateX(.5vh) rotate(180deg);
			opacity:0;
		}

		100%{
			transform: translateX(0) rotate(180deg);
			-o-transform: translateX(0) rotate(180deg);
			-moz-transform: translateX(0) rotate(180deg);
			-webkit-transform: translateX(0) rotate(180deg);
			opacity:1;
		}
	}

	.ftvt > h3 {
		font-size:4vh;
		line-height:4vh;
	}

	.ftvt > h3 > strong {
		font-size:4vh;
		line-height:4vh;
	}

	.ftvt > h5 {
		font-size:2.5vh;
		line-height:1.5vh;
		margin-bottom:6.75vh;
	}

	.vrs {
		overflow:hidden;
		opacity:0;
	}

	.ft > .vrs {
		width:2.5vh;
		height:60vh;
		left:calc(50vw - 2.5vh);
		top:30vh;
		position:fixed;
		animation:fade .5s 0s ease-out forwards;
		-o-animation:fade .5s 0s ease-out forwards;
		-moz-animation:fade .5s 0s ease-out forwards;
		-webkit-animation:fade .5s 0s ease-out forwards;
	}

	.prm > a > .box > .vrs {
		width:1vh;
		height:15vh;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		animation:fade .5s 1s ease-out forwards;
		-o-animation:fade .5s 1s ease-out forwards;
		-moz-animation:fade .5s 1s ease-out forwards;
		-webkit-animation:fade .5s 1s ease-out forwards;
	}

	.vrs > .box {
		background:radial-gradient(rgba(0,0,0,.1), rgba(0,0,0,0) 66%);
		position:absolute;
		left:0;
		top:0;
	}

	.ft > .vrs > .box {
		width:7.5vh;
		height:60vh;
	}

	.prm > a > .box > .vrs > .box {
		width:3vh;
		height:15vh;
	}

	.ftse {
		bottom:15vh;
		left: calc(50vw + 2.5vh);
	}

	.ftse > a:nth-child(1) > .box {
		width:28vh;
		height:14vh;
		border-radius:1vh 1vh 1vh 0;
	}

	.ftse > a:nth-child(1) > .box::before {
	    width:28vh;
	    height:14vh;
	}

	.ftse > a:nth-child(1) > .box > h5 {
		font-size:2vh;
		line-height:2vh;
		padding:2vh 1.5vh;
		bottom:0;
		width:25vh;
	}

	.ftse > a:nth-child(1) > .box > h5::before {
		bottom:0;
		left:0;
		width:.5vh;
		height:3vh;
		box-shadow:0 0 1vh rgba(0,225,255,1);
		border-radius:.75vh .75vh 0 0;
	}

	.ftse > a:nth-child(1) > .box > h5::after {
		bottom:0;
		left:0;
		width:3vh;
		height:.5vh;
		box-shadow:0 0 1vh rgba(0,225,255,1);
		border-radius:0 .75vh .75vh 0;
	}

	.ftse > a:nth-child(2) > .box {
		width:14vh;
		height:14vh;
		margin:0 2.5vh;
	}

	.ftse > a:nth-child(2) > .box > h5 {
		font-size:2vh;
		line-height:2vh;
		padding:2vh 1.5vh;
		bottom:0;
		width:11vh;
	}

	.ftse > a:nth-child(2) > .box > h5::before {
		bottom:0;
		right:0;
		width:.5vh;
		height:3vh;
		box-shadow:0 0 1vh rgba(0,225,255,1);
		border-radius:.75vh .75vh 0 0;
	}

	.ftse > a:nth-child(2) > .box > h5::after {
		bottom:0;
		right:0;
		width:3vh;
		height:.5vh;
		border-radius:.75vh 0 0 .75vh;
	}

	.ftse > a:nth-child(3) > .box {
		width:14vh;
		height:28vh;
		margin-right:2.5vh;
		border-radius:0 1vh 1vh 1vh;
		box-shadow:0 1vh 1.5vh rgba(0,0,0,.2);
	}

	.ftse > a:nth-child(3) > .box::after {
	    width:5vh;
	    height:5vh;
	    border-radius:4vh;
		box-shadow:0 1vh 1.5vh rgba(0,0,0,.2);
		top:-7vh;
		right:-1vh;
	}

	.ftse > a:nth-child(3) > .box::before {
	    width:10vh;
	    height:24vh;
	    top:-5vh;
	    right:0;
	}

	.ftse > a:nth-child(3) > .box > h5 {
		font-size:2vh;
		line-height:2vh;
		padding:2vh 1.5vh;
		bottom:0;
		width:11vh;
	}

	.ftse > a:nth-child(3) > .box > h5::before {
		top:-18vh;
		left:0;
		width:.5vh;
		height:3vh;
		box-shadow:0 0 1vh rgba(255,223,81,1);
		border-radius:0 0 .75vh .75vh;
	}

	.ftse > a:nth-child(3) > .box > h5::after {
		top:-18vh;
		left:0;
		width:3vh;
		height:.5vh;
		box-shadow:0 0 1vh rgba(255,223,81,1);
		border-radius:0 .75vh .75vh 0;
	}

	.ftse > a:nth-child(4) > .box {
		vertical-align: top;
		width:14vh;
		height:14vh;
		margin:0 2.5vh;
		border-radius:0 0 0 1vh;
	}

	.ftse > a:nth-child(4) > .box > h5 {
		font-size:2vh;
		line-height:2vh;
		padding:2vh 1.5vh;
		bottom:0;
		width:11vh;
	}

	.ftse > a:nth-child(4) > .box > h5::before {
		top:-6vh;
		right:0;
		width:.5vh;
		height:3vh;
		box-shadow:0 0 1vh rgba(0,225,255,1);
		border-radius:0 0 .75vh .75vh;
	}

	.ftse > a:nth-child(4) > .box > h5::after {
		top:-6vh;
		right:0;
		width:3vh;
		height:.5vh;
		border-radius:.75vh 0 0 .75vh;
	}

	.wrs {
		width:100vh;
		height:60vh;
		position:fixed;
		left:calc(50vw - 50vh);
		top:20vh;
	}

	.wrs > .box:nth-child(1) {
		width:5vh;
		height:50vh;
	}

	@keyframes wrso {
		0% {
			transform: translate3d(13vh,2vh,0) rotate(60deg);
			-o-transform: translate3d(13vh,2vh,0) rotate(60deg);
			-moz-transform: translate3d(13vh,2vh,0) rotate(60deg);
			-webkit-transform: translate3d(13vh,2vh,0) rotate(60deg);
			opacity:0;
		}

		5%,45% {
			opacity:1;
		}

		50%,65% {
			opacity:0;
		}

		70%,95% {
			opacity:1;
		}

		100% {
			transform: translate3d(22vh,-4vh,0) rotate(60deg);
			-o-transform: translate3d(22vh,-4vh,0) rotate(60deg);
			-moz-transform: translate3d(22vh,-4vh,0) rotate(60deg);
			-webkit-transform: translate3d(22vh,-4vh,0) rotate(60deg);
			opacity:0;
		}
	}

	.hm > .wrs > .box:nth-child(2) {
		animation:wrst 24s 3.5s ease-in-out infinite;
		-o-animation:wrst 24s 3.5s ease-in-out infinite;
		-moz-animation:wrst 24s 3.5s ease-in-out infinite;
		-webkit-animation:wrst 24s 3.5s ease-in-out infinite;
	}

	.wrs > .box:nth-child(2) {
		width:10vh;
		height:100vh;
		animation:wrst 24s 1.5s ease-in-out infinite;
		-o-animation:wrst 24s 1.5s ease-in-out infinite;
		-moz-animation:wrst 24s 1.5s ease-in-out infinite;
		-webkit-animation:wrst 24s 1.5s ease-in-out infinite;
	}

	@keyframes wrst {
		0% {
			transform: translate3d(18vh,-4vh,0) rotate(60deg);
			-o-transform: translate3d(18vh,-4vh,0) rotate(60deg);
			-moz-transform: translate3d(18vh,-4vh,0) rotate(60deg);
			-webkit-transform: translate3d(18vh,-4vh,0) rotate(60deg);
			opacity:0;
		}

		5%,25% {
			opacity:1;
		}

		30%,45% {
			opacity:0;
		}

		50%,95% {
			opacity:1;
		}

		100% {
			transform: translate3d(54vh,-22vh,0) rotate(60deg);
			-o-transform: translate3d(54vh,-22vh,0) rotate(60deg);
			-moz-transform: translate3d(54vh,-22vh,0) rotate(60deg);
			-webkit-transform: translate3d(54vh,-22vh,0) rotate(60deg);
			opacity:0;
		}
	}

	.hm > .wrs > .box:nth-child(3) {
		width:7.5vh;
		height:75vh;
		animation:wrsr 16s 4.5s ease-in-out infinite;
		-o-animation:wrsr 16s 4.5s ease-in-out infinite;
		-moz-animation:wrsr 16s 4.5s ease-in-out infinite;
		-webkit-animation:wrsr 16s 4.5s ease-in-out infinite;
	}

	.wrs > .box:nth-child(3) {
		width:7.5vh;
		height:75vh;
		animation:wrsr 16s 2.5s ease-in-out infinite;
		-o-animation:wrsr 16s 2.5s ease-in-out infinite;
		-moz-animation:wrsr 16s 2.5s ease-in-out infinite;
		-webkit-animation:wrsr 16s 2.5s ease-in-out infinite;
	}

	@keyframes wrsr {
		0% {
			transform: translate3d(75vh,-9vh,0) rotate(60deg);
			-o-transform: translate3d(75vh,-9vh,0) rotate(60deg);
			-moz-transform: translate3d(75vh,-9vh,0) rotate(60deg);
			-webkit-transform: translate3d(75vh,-9vh,0) rotate(60deg);
			opacity:0;
		}

		5%,35% {
			opacity:1;
		}

		40%,65% {
			opacity:0;
		}

		70%,85% {
			opacity:1;
		}

		90% {
			opacity:0;
		}


		100% {
			transform: translate3d(111vh,-27vh,0) rotate(60deg);
			-o-transform: translate3d(111vh,-27vh,0) rotate(60deg);
			-moz-transform: translate3d(111vh,-27vh,0) rotate(60deg);
			-webkit-transform: translate3d(111vh,-27vh,0) rotate(60deg);
			opacity:0;
		}
	}

	.mli {
		width:100vw;
		height:60vh;
		top:17.5vh;
	}

	.mli > .box:nth-child(1) {
		margin-top:5vh;
		margin-left:10vh;
	}

	.mli > .box:nth-child(1) > h3 {
		padding-bottom:2vh;
	}

	.mli > .box:nth-child(1) > h3::before {
	    width:4vh;
	    height:4vh;
	    top:-2vh;
	    left:-2vh;
	    border-radius:2vh;
		box-shadow:0 .5vh .75vh rgba(0,0,0,.2);
	}

	.mli > .box > h3 {
		font-size:5vh;
		line-height:5vh;
	}

	.mli > .box > a > h6 {
		font-size:2.5vh;
		line-height:2.5vh;
		padding-bottom:1vh;
	}

	.mli > .box > a:nth-child(3) > h6 {
		margin-left:2vh;
	}

	.mli > .box > a:nth-child(4) > h6 {
		margin-left:4vh;
	}

	.mli > .box > a:nth-child(5) > h6 {
		margin-left:6vh;
	}

	.mli > .box > a:nth-child(6) > h6 {
		margin-left:8vh;
	}

	.mli > .box > a:nth-child(7) > h6 {
		margin-left:10vh;
	}

	.mli > .box > a:nth-child(8) > h6 {
		margin-left:12vh;
	}

	.mli > .box > a:nth-child(9) > h6 {
		margin-left:14vh;
	}

	.mli > .box:nth-child(2) {
		width:106.666vh;
		height:60vh;
		margin-left:10vh;
		border-radius:2vh;
		box-shadow:0 2.5vh 3.75vh rgba(0,0,0,.2);
	}

	.mli > .box:nth-child(3) {
		width:30vh;
		padding:3.75vh 4.75vh 5vh 3.5vh;
		border-radius:2vh;
		margin-left:-12.5vh;
		margin-top:5vh;
		box-shadow:0 2.5vh 3.75vh rgba(0,0,0,.2);
	}

	.mli > .box:nth-child(3)::before {
		width: calc(100% - 2vh);
	    height: calc(100% - 2vh);
	    box-shadow:0 .5vh 1vh rgba(0,0,0,.2);
	    top: 1vh;
	    left: 1vh;
	    border-radius: 1.5vh;
	}

	.mli > .box:nth-child(3) > h4 {
		font-size:3.5vh;
		line-height:4vh;
		padding-bottom:2vh;
	}

	.mli > .box:nth-child(3) > h5 {
		font-size:2vh;
		line-height:2.5vh;
	}

	.prc {
		width:100vw;
		height:40vh;
		top:25vh;
		left:0;
	}

	.prc > .box > .prm {
		display:none;
	}

	.prc > .box > a > .box {
		margin:0 2.5vh;
	}

	.prc > .box > a > .box::after {
	    width:8vh;
	    height:8vh;
	    border-radius:4vh;
		box-shadow:0 1vh 1.5vh rgba(0,0,0,.2);
	}

	.prc > .box > a:nth-child(1) > .box::after {
	    top:-4vh;
	    left:-2vh;
	}

	.prc > .box > a:nth-child(2) > .box::after {
	    top:-6vh;
	    left:-4vh;
	    width:12vh;
	    height:12vh;
	    border-radius:6vh;
	}

	.prc > .box > a:nth-child(3) > .box::after {
	    top:-4vh;
	    left:2vh;
	}

	.prc > .box > a:nth-child(4) > .box::after {
	    top:-4vh;
	    left:0vh;
	}

	.prc > .box > a > .box > .box {
		width:30vh;
		height:20vh;
		padding:5vh 0;
	}

	.prc > .box > a > .box > .box > h5 {
		font-size:2.5vh;
		line-height:2.5vh;
		padding-bottom:.5vh;
	}

	.prc > .box > a > .box > .box > h6:nth-child(3) {
		font-size:2vh;
		line-height:2vh;
		padding-top:1.5vh;
	}

	.prc > .box > a > .box > .box > h6 {
		font-size:2.25vh;
		line-height:2.25vh;
		padding-top:1vh;
		min-width:25%;
		margin:.25vh 5% !important;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h5 {
		font-size:3.5vh;
		line-height:3.5vh;
	}

	.prc > .box > a > .box > .box > h4 {
		font-size:4.5vh;
		line-height:4.5vh;
	}

	.prc > .box > a > .box > .box > h4 > sup {
		font-size:2.5vh;
		line-height:2.5vh;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h6 {
		font-size:2.5vh;
		line-height:2.5vh;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h6:nth-child(3) {
		font-size:2.5vh;
		line-height:2.5vh;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h4 {
		font-size:5.5vh;
		line-height:5.5vh;
	}

	.prc > .box > a:nth-child(2) > .box > .box > h4 > sup {
		font-size:3vh;
		line-height:3vh;
	}

	.prc > .box > a > .box > .box:nth-child(2) {
		margin-left: 2.5vh;
	}

	@keyframes prco {
		100% {
			transform: translateX(0vh);
			-o-transform: translateX(0vh);
			-moz-transform: translateX(0vh);
			-webkit-transform: translateX(0vh);
		}

		100% {
			transform: translateX(-2.5vh);
			-o-transform: translateX(-2.5vh);
			-moz-transform: translateX(-2.5vh);
			-webkit-transform: translateX(-2.5vh);
		}
	}

	.prc > .box > a:nth-child(2) > .box > .box {
		width:40vh;
		height:30vh;
	}

	@keyframes prct {
		0% {
			transform: scale(.75);
			-o-transform: scale(.75);
			-moz-transform: scale(.75);
			-webkit-transform: scale(.75);
		}

		100% {
			transform: scale(1);
			-o-transform: scale(1);
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
		}
	}

	@keyframes prcr {
		100% {
			transform: translateX(0vh);
			-o-transform: translateX(0vh);
			-moz-transform: translateX(0vh);
			-webkit-transform: translateX(0vh);
		}

		100% {
			transform: translateX(2.5vh);
			-o-transform: translateX(2.5vh);
			-moz-transform: translateX(2.5vh);
			-webkit-transform: translateX(2.5vh);
		}
	}

	.prc > .box > a > .box {
		display: inline-block;
		vertical-align: middle;
		position:relative;
	}

	.ev {
		font-size:0;
		height:3vh;
		position:fixed;
		bottom:2vh;
		left:17.5vh;
	}

	.ev > .box {
		display: inline-block;
		vertical-align: middle;
		position:relative;
		margin-right:1.5vh;
		width:3vh;
		height:3vh;
		/* background-image:url('eo.svg'); */
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-position:center center;
		animation:evo 10s 1s linear infinite;
		-o-animation:evo 10s 1s linear infinite;
		-moz-animation:evo 10s 1s linear infinite;
		-webkit-animation:evo 10s 1s linear infinite;
		opacity:0;
	}

	.hm > .ev > .box {
		animation:evo 10s 3s linear infinite;
		-o-animation:evo 10s 3s linear infinite;
		-moz-animation:evo 10s 3s linear infinite;
		-webkit-animation:evo 10s 3s linear infinite;
	}

	@keyframes evo {
		0% {
			opacity:0;
		}

		2.5%,97.5% {
			opacity:1;
		}

		100% {
			opacity:0;
		}
	}

	.ev > .box > .box:nth-child(1) {
		width:2.4vh;
		height:2vh;
		position: absolute;
		bottom:.1vh;
		left:.3vh;
		background:linear-gradient(-45deg, rgba(220,220,220,1), rgba(255,255,255,1));
		border-radius:.25vh;
		animation:evl 10s 1s linear infinite;
		-o-animation:evl 10s 1s linear infinite;
		-moz-animation:evl 10s 1s linear infinite;
		-webkit-animation:evl 10s 1s linear infinite;
		opacity:0;
	}

	.hm > .ev > .box > .box:nth-child(1) {
		animation:evl 10s 4s linear infinite;
		-o-animation:evl 10s 4s linear infinite;
		-moz-animation:evl 10s 4s linear infinite;
		-webkit-animation:evl 10s 4s linear infinite;
	}

	@keyframes evl {
		0%,15% {
			transform:translateY(0);
			-o-transform:translateY(0);
			-moz-transform:translateY(0);
			-webkit-transform:translateY(0);
			opacity:0;
		}

		17.5% {
			opacity:1;
		}

		20%,65% {
			transform:translateY(-1vh);
			-o-transform:translateY(-1vh);
			-moz-transform:translateY(-1vh);
			-webkit-transform:translateY(-1vh);
			opacity:1;
		}

		70%,87.5% {
			transform:translateY(0);
			-o-transform:translateY(0);
			-moz-transform:translateY(0);
			-webkit-transform:translateY(0);
			opacity:1;
		}

		90% {
			opacity:0;
		}

		100% {
			transform:translateY(0);
			-o-transform:translateY(0);
			-moz-transform:translateY(0);
			-webkit-transform:translateY(0);
			opacity:0;
		}
	}

	.ev > .box > .box:nth-child(1)::before {
		content: ' ';
		position: absolute;
		width:1.6vh;
		height:.2vh;
		border-radius:.1vh;
		background:rgba(0,0,0,.5);
		top:.5vh;
		left:.4vh;
		animation:evlo 10s 1s linear infinite;
		-o-animation:evlo 10s 1s linear infinite;
		-moz-animation:evlo 10s 1s linear infinite;
		-webkit-animation:evlo 10s 1s linear infinite;
		opacity:0;
	}

	.hm > .ev > .box > .box:nth-child(1)::before {
		animation:evlo 10s 4s linear infinite;
		-o-animation:evlo 10s 4s linear infinite;
		-moz-animation:evlo 10s 4s linear infinite;
		-webkit-animation:evlo 10s 4s linear infinite;
	}

	@keyframes evlo {
		0%,25% {
			transform: translateX(-.6vh) scaleX(.25);
			-o-transform: translateX(-.6vh) scaleX(.25);
			-moz-transform: translateX(-.6vh) scaleX(.25);
			-webkit-transform: translateX(-.6vh) scaleX(.25);
			opacity:0;
		}

		27.5%,75% {
			transform: translateX(0vh) scaleX(1);
			-o-transform: translateX(0vh) scaleX(1);
			-moz-transform: translateX(0vh) scaleX(1);
			-webkit-transform: translateX(0vh) scaleX(1);
			opacity:1;
		}

		80%,100% {
			transform: translateX(-.6vh) scaleX(.25);
			-o-transform: translateX(-.6vh) scaleX(.25);
			-moz-transform: translateX(-.6vh) scaleX(.25);
			-webkit-transform: translateX(-.6vh) scaleX(.25);
			opacity:0;
		}
	}

	.ev > .box > .box:nth-child(1)::after {
		content: ' ';
		position: absolute;
		width:1.2vh;
		height:.2vh;
		border-radius:.1vh;
		background:rgba(0,0,0,.25);
		top:1.1vh;
		left:.4vh;
		animation:evlt 10s 1s linear infinite;
		-o-animation:evlt 10s 1s linear infinite;
		-moz-animation:evlt 10s 1s linear infinite;
		-webkit-animation:evlt 10s 1s linear infinite;
		opacity:0;
	}

	.hm > .ev > .box > .box:nth-child(1)::after {
		animation:evlt 10s 4s linear infinite;
		-o-animation:evlt 10s 4s linear infinite;
		-moz-animation:evlt 10s 4s linear infinite;
		-webkit-animation:evlt 10s 4s linear infinite;
	}

	@keyframes evlt {
		0%,30% {
			transform: translateX(-.4vh) scaleX(.25);
			-o-transform: translateX(-.4vh) scaleX(.25);
			-moz-transform: translateX(-.4vh) scaleX(.25);
			-webkit-transform: translateX(-.4vh) scaleX(.25);
			opacity:0;
		}

		32.5%,75% {
			transform: translateX(0vh) scaleX(1);
			-o-transform: translateX(0vh) scaleX(1);
			-moz-transform: translateX(0vh) scaleX(1);
			-webkit-transform: translateX(0vh) scaleX(1);
			opacity:1;
		}

		80%,100% {
			transform: translateX(-.4vh) scaleX(.25);
			-o-transform: translateX(-.4vh) scaleX(.25);
			-moz-transform: translateX(-.4vh) scaleX(.25);
			-webkit-transform: translateX(-.4vh) scaleX(.25);
			opacity:0;
		}
	}

	.ev > .box > .box:nth-child(2) {
		position: absolute;
		bottom:0;
		left:0;
		width:3vh;
		height:3vh;
		/* background-image:url('et.svg'); */
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-position:center center;
		animation:evt 10s 1s linear infinite;
		-o-animation:evt 10s 1s linear infinite;
		-moz-animation:evt 10s 1s linear infinite;
		-webkit-animation:evt 10s 1s linear infinite;
		opacity:0;
	}

	.hm > .ev > .box > .box:nth-child(2) {
		animation:evt 10s 4s linear infinite;
		-o-animation:evt 10s 4s linear infinite;
		-moz-animation:evt 10s 4s linear infinite;
		-webkit-animation:evt 10s 4s linear infinite;
	}

	@keyframes evt {
		0%,2.5% {
			opacity:0;
		}

		5%,95% {
			opacity:1;
		}

		97.5%,100% {
			opacity:0;
		}
	}

	.ev > .box > .box:nth-child(3) {
		position: absolute;
		bottom:0;
		left:0;
		width:3vh;
		height:3vh;
		/* background-image:url('er.svg'); */
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-position:center center;
		animation:evr 10s 1s linear infinite;
		-o-animation:evr 10s 1s linear infinite;
		-moz-animation:evr 10s 1s linear infinite;
		-webkit-animation:evr 10s 1s linear infinite;
		opacity:0;
	}

	.hm > .ev > .box > .box:nth-child(3) {
		animation:evr 10s 4s linear infinite;
		-o-animation:evr 10s 4s linear infinite;
		-moz-animation:evr 10s 4s linear infinite;
		-webkit-animation:evr 10s 4s linear infinite;
	}

	@keyframes evr {
		0%,5% {
			opacity:0;
		}

		7.5%,92.5% {
			opacity:1;
		}

		95%,100% {
			opacity:0;
		}
	}

	.ev > h5 {
		font-size:2vh;
		line-height:2vh;
		font-family:'Poppins';
		font-weight:300;
		display: inline-block;
		vertical-align: middle;
		animation: evf 10s 1s linear infinite;
		-o-animation: evf 10s 1s linear infinite;
		-moz-animation: evf 10s 1s linear infinite;
		-webkit-animation: evf 10s 1s linear infinite;
		opacity:0;
	}

	.hm > .ev > h5 {
		animation: evf 10s 4s linear infinite;
		-o-animation: evf 10s 4s linear infinite;
		-moz-animation: evf 10s 4s linear infinite;
		-webkit-animation: evf 10s 4s linear infinite;
	}

	@keyframes evf {
		0%,25% {
			opacity:0;
		}

		27.5%,77.5% {
			opacity:1;
		}

		80%,100% {
			opacity:0;
		}
	}

	.buf {
		width:calc(100vw - 65vh);
		padding:12.5vh 0 10vh 0;
		border-radius:0 0 2vh 2vh;
		top:22.5vh;
		left:32.5vh;
		box-shadow:0 7.5vh 10vh rgba(0,0,0,.1);
	}

	.buf > .box {
		display:inline-block;
		vertical-align:middle;
	}

	.buf > .box:nth-child(1) {
		width:30vh;
		height:30vh;
		margin-right:10vh;
		border-radius:15vh;
		box-shadow: 0 3.75vh 5vh rgba(0,0,0,.2);
	}

	.buf > .box:nth-child(2) {
		width:calc(100vw - 115vh);
	}

	.buf > .box:nth-child(2) > h5 {
		font-size:2.25vh;
		line-height:3vh;
	}

	.buf > .box:nth-child(2) > a {
		font-size:0;
	}

	.buf > .box:nth-child(2) > a > h5 {
		font-size:2vh;
		line-height:2vh;
		margin:5vh 0 0 4vh !important;
	}

	.buf > .box:nth-child(2) > a > h5::before {
	    width:3vh;
	    height:3vh;
	    margin-right:1.5vh;
	    top: -0.5vh;
	    left: -4vh;
	}

	.ms {
		height:3vh;
		font-size:0;
		position:fixed;
		bottom:2vh;
		right:15vh;
	}

	.ms > .box {
		width:3vh;
		height:3vh;
		margin-right:1vh;
		position:relative;
		background-image: url("../images/chat.svg");
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 100% 100%;
		display: inline-block;
		vertical-align: middle;
		animation: msf 10s 1s linear infinite;
		-o-animation: msf 10s 1s linear infinite;
		-moz-animation: msf 10s 1s linear infinite;
		-webkit-animation: msf 10s 1s linear infinite;
		opacity:0;
	}

	.hm > a > .ms > .box {
		animation: msf 10s 3s linear infinite;
		-o-animation: msf 10s 3s linear infinite;
		-moz-animation: msf 10s 3s linear infinite;
		-webkit-animation: msf 10s 3s linear infinite;
	}

	@keyframes msf {
		0%,10% {
			opacity:0;
		}

		12.5%,87.5% {
			opacity:1;
		}

		90%,100% {
			opacity:0;
		}
	}

	.ms > .box::before {
		content:' ';
		position: absolute;
		top:1.5vh;
		right:.875vh;
		width:1.4vh;
		height:.2vh;
		background:rgba(121,175,24,1);
		border-radius:.1vh;
		animation: mslr 10s 1s linear infinite;
		-o-animation: mslr 10s 1s linear infinite;
		-moz-animation: mslr 10s 1s linear infinite;
		-webkit-animation: mslr 10s 1s linear infinite;
		opacity:0;
	}

	.hm > a > .ms > .box::before {
		animation: mslr 10s 3s linear infinite;
		-o-animation: mslr 10s 3s linear infinite;
		-moz-animation: mslr 10s 3s linear infinite;
		-webkit-animation: mslr 10s 3s linear infinite;
	}

	@keyframes mslr {
		0%,20% {
			transform: translateX(.4vh) scaleX(.25);
			-o-transform: translateX(.4vh) scaleX(.25);
			-moz-transform: translateX(.4vh) scaleX(.25);
			-webkit-transform: translateX(.4vh) scaleX(.25);
			opacity:0;
		}

		22.5%,77.5% {
			transform: translateX(0vh) scaleX(1);
			-o-transform: translateX(0vh) scaleX(1);
			-moz-transform: translateX(0vh) scaleX(1);
			-webkit-transform: translateX(0vh) scaleX(1);
			opacity:1;
		}

		80%,100% {
			transform: translateX(.4vh) scaleX(.25);
			-o-transform: translateX(.4vh) scaleX(.25);
			-moz-transform: translateX(.4vh) scaleX(.25);
			-webkit-transform: translateX(.4vh) scaleX(.25);
			opacity:0;
		}
	}

	.ms > .box::after {
		content:' ';
		position: absolute;
		top:1vh;
		right:1vh;
		width:1vh;
		height:.2vh;
		background:rgba(147,194,40,1);
		border-radius:.1vh;
		animation: mslrt 10s 1s linear infinite;
		-o-animation: mslrt 10s 1s linear infinite;
		-moz-animation: mslrt 10s 1s linear infinite;
		-webkit-animation: mslrt 10s 1s linear infinite;
		opacity:0;
	}

	.hm > a > .ms > .box::after {
		animation: mslrt 10s 3s linear infinite;
		-o-animation: mslrt 10s 3s linear infinite;
		-moz-animation: mslrt 10s 3s linear infinite;
		-webkit-animation: mslrt 10s 3s linear infinite;
	}

	@keyframes mslrt {
		0%,25% {
			transform: translateX(.5vh) scaleX(.25);
			-o-transform: translateX(.5vh) scaleX(.25);
			-moz-transform: translateX(.5vh) scaleX(.25);
			-webkit-transform: translateX(.5vh) scaleX(.25);
			opacity:0;
		}

		27.5%,67.5% {
			transform: translateX(0vh) scaleX(1);
			-o-transform: translateX(0vh) scaleX(1);
			-moz-transform: translateX(0vh) scaleX(1);
			-webkit-transform: translateX(0vh) scaleX(1);
			opacity:1;
		}

		70%,100% {
			transform: translateX(.5vh) scaleX(.25);
			-o-transform: translateX(.5vh) scaleX(.25);
			-moz-transform: translateX(.5vh) scaleX(.25);
			-webkit-transform: translateX(.5vh) scaleX(.25);
			opacity:0;
		}
	}

	.ms > h5 {
		font-size: 2vh;
	    line-height: 2vh;
	    font-family: 'Poppins';
	    font-weight: 300;
	    display: inline-block;
	    vertical-align: middle;
		animation: mst 10s 1s linear infinite;
		-o-animation: mst 10s 1s linear infinite;
		-moz-animation: mst 10s 1s linear infinite;
		-webkit-animation: mst 10s 1s linear infinite;
		opacity:0;
	}

	.hm > a > .ms > h5 {
		animation: mst 10s 3s linear infinite;
		-o-animation: mst 10s 3s linear infinite;
		-moz-animation: mst 10s 3s linear infinite;
		-webkit-animation: mst 10s 3s linear infinite;
	}

	@keyframes mst {
		0%,30% {
			opacity:0;
		}

		35%,75% {
			opacity:1;
		}

		80%,100% {
			opacity:0;
		}
	}

	.bfo {
		width:100vw;
		top: 35vh;
	    left: 0;
	}

	.bfo > .box {
		width:45vh;
	}

	.bfo > .box:nth-child(2) {
		margin:0 7.5vh;
	}

	.bfo > .box > h3 {
		font-size:3.75vh;
		line-height:4.25vh;
		padding-bottom:2vh;
	}

	.bfo > .box > h3::before {
	    width:6vh;
	    height:6vh;
	    top:-4vh;
	    right:0;
	    border-radius:3vh;
		box-shadow:0 1vh 1.5vh rgba(0,0,0,.2);
	}

	.bfo > .box > h5 {
		font-size:2.5vh;
		line-height:3.25vh;
	}

	.prm {
		width:100vw;
		position: fixed;
		bottom:15vh;
		font-size:0;
	}

	.prm > a > .box {
		display:inline-block;
		vertical-align: top;
		margin:0 2.5vh;
	}

	.prm > a > .box > h4 {
		text-align:right;
		font-size:2.5vh;
		line-height:2.5vh;
		display: inline-block;
		vertical-align:middle;
		padding:1.2vh 1.75vh;
		border-radius:1vh;
		box-shadow:0 1vh 1.5vh rgba(0,0,0,.2);

	}

	.prm > a > .box > .vrs {
		display: inline-block;
		vertical-align:middle;
		margin-right:1.5vh;
	}

	.prm > a > .box > .box {
		display: inline-block;
		vertical-align:middle;
		width:60vh;
	}

	.prm > a > .box > .box > h5 {
		text-align:left;
		font-size:2.25vh;
		line-height:2.25vh;
		padding-bottom:.75vh;
	}

	.prm > a > .box > .box > h6 {
		text-align:left;
		font-size:1.75vh;
		line-height:2vh;
	}

	.sc {
		position: fixed;
		left:1.5vh;
		top:57.5vh;
	}

	.sc > a {
		position: relative;
		height:4vh;
		display:block;
	}

	.sc > a:nth-child(1) {
		margin-bottom:1.5vh !important;
	}

	.sc > a:nth-child(2) {
		margin-bottom:1.5vh !important;
	}

	.sc > a:nth-child(3) {
		margin-bottom:1.5vh !important;
	}

	.sc > a::before {
		width:2vh;
		height:2vh;
		content:' ';
		position: absolute;
		animation: fade .25s 1s linear forwards;
		-o-animation: fade .25s 1s linear forwards;
		-moz-animation: fade .25s 1s linear forwards;
		-webkit-animation: fade .25s 1s linear forwards;
		opacity:0;
	}

	.hm > .sc > a::before {
		animation: fade .25s 3s linear forwards;
		-o-animation: fade .25s 3s linear forwards;
		-moz-animation: fade .25s 3s linear forwards;
		-webkit-animation: fade .25s 3s linear forwards;
	}

	.sc > a::after {
		position: absolute;
		font-size:1.5vh;
		line-height:1.5vh;
		font-weight:400;
		left:2.5vh;
		top:.25vh;
		animation: fade .25s 1.5s linear forwards;
		-o-animation: fade .25s 1.5s linear forwards;
		-moz-animation: fade .25s 1.5s linear forwards;
		-webkit-animation: fade .25s 1.5s linear forwards;
		opacity:0;
	}

	.hm > .sc > a::after {
		animation: fade .25s 3.5s linear forwards;
		-o-animation: fade .25s 3.5s linear forwards;
		-moz-animation: fade .25s 3.5s linear forwards;
		-webkit-animation: fade .25s 3.5s linear forwards;
	}

	.sc > a:nth-child(1)::before {
		left:0;
		top:0;
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		/* background-image:url("insta.svg"); */
	}

	.sc > a:nth-child(1)::after {
		/* content:'Instagram'; */
	}

	.sc > a:nth-child(2)::before {
		left:0;
		top:0;
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		/* background-image:url("play.svg"); */
	}

	.sc > a:nth-child(2)::after {
		/* content:'YouTube'; */
	}

	.sc > a:nth-child(3)::before {
		left:0;
		top:0;
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		/* background-image:url("facebook.svg"); */
	}

	.sc > a:nth-child(3)::after {
		/* content:'Facebook'; */
	}

	.sc > a:nth-child(4)::before {
		left:0;
		top:0;
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		/* background-image:url("linkedin.svg"); */
	}

	.sc > a:nth-child(4)::after {
		/* content:'LinkedIn'; */
	}

	.bc-mm {
		display: none;
	}

	.navigation__checkbox {
		display: none;
	}

	.navigation__button {
		display: none;
	}

	.navigation__background {
		display: none;
	}

	.navigation__nav {
		display: none;
	}

	@media (min-aspect-ratio: 16/8.5) {
		.hm > .qu {
			width:26vh;
			height:13vh;
			left:17.5vh;
			bottom:27.5vh;
		}

		.hm > .qu > h3 {
			font-size:2.75vh;
			line-height:3.5vh;
			padding:1.75vh 2vh;
		}

		.hm > .qi {
			left:19.5vh;
			bottom:13.5vh;
		}

		.hm > .qi > h5 {
			font-size:2vh;
			line-height:2vh;
			padding-bottom:1.25vh;
		}
	}

	@media (max-aspect-ratio: 16/9) {

		.ftse > a:nth-child(2) > .box {
			margin:0 1vh 0 0;
		}

		.ftse > a:nth-child(3) > .box {
			margin-right:1vh;
		}

		.ftse > a:nth-child(4) > .box {
			margin: 0 0 0 1vh;
		}

		.mli > .box:nth-child(2) {
			width:80vh;
			height:45vh;
			margin:7.5vh 0 0 5vh;
		}

		.mli > .box:nth-child(3) {
			margin: 12.5vh 0 0 -12.5vh;
		}

		.bfo {
			top:25vh;
		}

		.bfo > .box {
			width:35vh;
		}

		.prc > .box > a > .box > .box {
			width:25vh;
			height:15vh;
		}

		.prc > .box > a:nth-child(2) > .box > .box {
			width: 35vh;
			height:25vh;
		}

		.prc > .box > a > .box > .box > h5 {
			font-size: 2.25vh;
    		line-height: 2.25vh;
		}

		.prc > .box > a > .box > .box > h4 {
			font-size:3.5vh;
			line-height:3.5vh;
		}

		.prc > .box > a > .box > .box > h6:nth-child(3) {
			padding-top:1vh;
		}

		.prc > .box > a > .box > .box > h6 {
			padding-top:1vh;
		}

		.prc > .box > a:nth-child(2) > .box > .box > h5 {
			font-size: 2.5vh;
    		line-height: 2.5vh;
		}

		.prc > .box > a:nth-child(2) > .box > .box > h4 {
		    font-size: 4.5vh;
		    line-height: 4.5vh;
		}

		.prc > .box > a:nth-child(2) > .box > .box > h6:nth-child(3) {
		    font-size: 2vh;
		    line-height: 2vh;
		}

		.prc > .box > a:nth-child(2) > .box > .box > h6 {
		    font-size: 2.25vh;
		    line-height: 2.25vh;
		}

		.prm > a > .box > .box {
		    width: 50vh;
		}

		.prm > a > .box {
			margin:0;
		}

		.prm > a:nth-child(1) > .box {
			margin-right:2.5vh !important;
		}

		.prm > a > .box > .box > h5 {
			font-size:2vh;
			line-height:2vh;
		}

		.prm > a > .box > .box > h6 {
			font-size:1.5vh;
			line-height:1.75vh;
		}

		.prm > a > .box > h4 {
			font-size:2vh;
			line-height:2vh;
		}

		.buf {
		    width: calc(100vw - 30vh);
		    padding: 7.5vh 0 5vh 0;
		    top: 22.5vh;
		    left: 15vh;
		}

		.buf > .box:nth-child(1) {
		    width: 25vh;
		    height: 25vh;
		    margin-right:7.5vh;
		}

		.buf > .box:nth-child(2) {
			width: calc(100vw - 75vh);
		}
	}

	@media (max-aspect-ratio: 16/10) {
		.hm > .qu {
			left:12.5vh;
		}

		.hm > .qi {
			left:14.5vh;
		}

		.hm > .so {
			left:17.5vh;
		}

		.hm > .sf {
			left:50vw;
		}
	}
}