:root{
	--c1:rgba(255,255,255,1);
	--c2:rgba(0,0,0,1);
	--c3:rgba(60,60,60,1);
	--c4:rgba(227, 45, 45, 1);
	--c4:rgba(34, 255, 90, 1);
	--c4:rgb(255, 34, 158);
	--c4:rgb(255, 34, 75);
	--c4:rgb(163, 0, 255);
	--c4:rgb(255, 227, 0);
	--c4:rgb(255, 191, 0);
	--c4:rgb(255, 34, 34);
	--c4:rgb(72, 255, 6);
	--c5:rgba(255,255,255,0);
	--c6:rgba(41,170,20,1);
	--c6:rgba(58, 80, 100, 1);
	--c7:rgba(255,255,255,0.1);
	--c8:rgba(21, 214, 121, 1);
	--c8:rgb(255, 34, 158);
	--c8:rgb(255, 34, 75);
	--c8:rgb(163, 0, 255);
	--c8:rgb(255, 227, 0);
	--c8:rgb(255, 191, 0);
	--c8:rgb(240, 38, 38);
	--c8:rgb(72, 255, 6);
	--c9:rgba(255,255,255,0.6);
	--c10:rgba(255,255,255,0.3);
	--c11:rgba(30, 30, 30, 1);
	--c12:rgba(73, 187, 23, 1);
	--c12:rgba(59, 204, 117, 1);
	--c12:rgb(53, 53, 53);
	--c13:rgba(230, 230, 230, 1);
	--c14:rgba(73, 187, 23, 0.6);
	--c15:rgb(34, 190, 255);
	--bg1:linear-gradient(90deg, rgba(41,74,111,1) 0%, rgba(59,85,126,1) 100%);
}
*{
	
}
html{
	font-size:18px;
}
html{
	min-width:400px;
}
body{
	min-width:400px;
	background-color:black;
}
a{
	text-decoration:none;
}
.f-upper{
	text-transform:uppercase;
}
.t1{
	transition:all 0.3s;
}
.t2{
	transition:all 0.5s;
}
.t3{
	transition:all 1.3s;
}
.s1{
	min-width:2rem;
	width:2rem;
	height:2rem;
	min-height:2rem;
}
.s2{
	width:20rem;
}
.s3{
	width:4rem;
	height:4rem;
}
.s4{
	min-height:12rem;
}
.s5{
	min-height:42rem;
}
.s6{
	min-height:28rem;
}
.s7{
	width:20rem;
}
.s8{
	min-height:13rem;
}
.s9{
	height:23rem;
}
.s10{
	width:22rem;
}
.s11{
	width:13rem;
}
.s12{
	height:60rem;
}
.s13{
	height:calc(100% - 8rem);
}
.s14{
	width:100%;
}
.p1{
	position:absolute;
	left:0;
	top:0;
	transform:translate(-50%,0);
}
.p2{
	left:0;
	top:0;
	position:absolute;
}
.p3{
	right:0%;
	bottom:0%;
	position:absolute;
}
.p4{
	left:0;
	top:0;
	position:absolute;
}
.p5{
	left:5rem;
}
.p6{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
.p7{
	z-index:-1;
	top:0;
}
.p8{
	position:absolute;
	left:0;
	top:0;
	transform:translate(-50%,-50%);
}
.p9{
	position:absolute;
	right:1rem;
	bottom:1rem;
}
.p10{
	position:absolute;
	top:50%;
	transform:translate(0%,-50%);
}
.p11{
	right:10%;
	bottom:8rem;
	position:absolute;
}
.p12{
	position:absolute;
	right:0;
	top:50%;
	transform:translate(0%,-50%);
}
.p13{
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:8000;
}
.p14{
	position:absolute;
	top:1.5rem;
	right:1.5rem;
	z-index:100;
}
.bg0{
	background-color:var(--c5);
}
.bg1{
	background-color:var(--c2);
}
.bg2{
	background-color:var(--c1);
}
.bg3{
	background-color:var(--c5);
}
.bg3:hover{
	background-color:var(--c1);
}
.bg4{
	background-color:var(--c5);
}
.bg4:hover{
	background-color:var(--c4);
}
.bg5{
	background-color:var(--c1);
}
.bg5:hover{
	background-color:var(--c4);
}
.bg5:focus{
	background-color:var(--c4);
}
.bg6{
	background-color:var(--c4);
}
.bg7{
	background-color:var(--c4) !important;
	background-color:var(--c11) !important;
}
.bg7:hover{
	background-color:var(--c4);
}
.bg8{
	background-color:var(--c11);
}
.bg9{
	background-color:var(--c4);
}
.bg10{
	background-color:var(--c8);
}
.b0{
	border:0 solid var(--c5);
	outline:none;
}
.b1{
	/*border-bottom:1px solid var(--c7);
	border-left:1px solid var(--c7);*/
}
.b2{
	border-radius:50%;
}
.b3{
	border:1px solid var(--c1);
}
.b4{
	border-left:2px solid var(--c1);
}
.b5{
	border-radius:3rem;
}
.b6{
	border-left:2px solid var(--c1);
}
.b7{
	border:2px solid var(--c4);
}
.b8{
	border-radius:2rem;
}
.i1{
	width:10rem;
	min-width:10rem;
	height:auto;
	filter: invert(1);
}
.i2{
	width:2rem;
	height:2rem;
}
.i3{
	width:50%;
	height:50%;
}
.i4{
	width:2rem;
	height:2rem;
}
.i5{
	width:4rem;
	height:4rem;
}
.i6{
	width:2rem;
	height:auto;
}
.i7{
	width:50%;
	height:50%;
}
.i8{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center bottom;
}
.i9{
	width:1.5rem;
	height:auto;
}
.i10{
	width:50%;
	height:auto;
}
.i11{
	width:3rem;
	height:3rem;
}
.i12{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.i13{
	width:1rem;
	height:1rem;
}
.i14{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.i15{
	width:23%;
	height:auto;
	object-fit:cover;
	object-position:0 0;
}
.i16{
	width:100%;
	aspect-ratio:5/4;
	object-fit:cover;
	object-position:center;
}
.i17{
	width:25% !important;
	min-width:25% !important;
	aspect-ratio:1/1;
	position:absolute;
	top:0;
	left:0;
}
.i18{
	object-position:right top;
	opacity:1;
	transition:all 3s;
}
.i18:hover{
	opacity:0.3;
}
.e1{
	transform:scale(1,1);
}
.e1:hover{
	transform:scale(1.1,1.1);
}
.e2{
	overflow:hidden;
}
.e2::after{
	width:3rem;
	height:20rem;
	top:50%;
	content:'';
	position:absolute;
	-webkit-transform:rotate(30deg) translate(-50%, -50%);
	transform:rotate(30deg) translate(-50%, -50%);
	-webkit-animation:anim1 5s infinite ease-out;
	animation:a1 5s infinite ease-out;
	background-color:rgba(255,255,255,1);
	background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%); 
}
.e3 img{
	transition:all 0.5s cubic-bezier(.23,1,.32,1);
	transform:rotate(0deg) scale(1,1);
}
.e3:hover img{
	transform:rotate(-90deg) scale(1.3,1.3);
}
.e3_1:hover img{
	transform:rotate(0deg) scale(1.3,1.3);
}
.e4 div{
	width:3rem;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
}
.e4 div::before{
	content:'';
	display:flex;
	width:100%;
	height:0.3rem;
	background-color:var(--c1);
	margin-bottom:0.7rem;
}
.e4 div::after{
	content:'';
	display:flex;
	width:60%;
	height:0.3rem;
	background-color:var(--c1);
	transition:all 0.4s;
}
.e4:hover div::after{
	width:100%;
}
.e5{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
}
.e6{
	animation:a2 linear infinite 2s;
}
.e6::before{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	left:0;
	top:0;
	border-radius:50%;
	animation:a3 linear infinite 2s;
}
.e7 .p1{
	transform:scale(1,1) translate(-50%, 0);
	transform-origin:0% 50%;
}
.e7:hover .p1{
	transform:scale(1.3,1.3) translate(-50%, 0);
}
.e8{
	transform:rotate(180deg);
}
.e9{
	/*position:absolute;
	left:2rem;
	top:45%;*/
	padding:1rem;
	width:15rem;
	margin-bottom:0rem;
	background-color:rgba(140,140,140,0.7) !important;
	border-radius:1rem;
}
.e10{
	background-color:rgba(60,60,60,0.4);
	backdrop-filter:blur(4px);
	border:1px solid rgba(255,255,255,0.3);
}
.e11{
	background-color:rgba(72, 255, 6, 0.1);
	backdrop-filter:blur(4px);
	border:2px solid rgba(72, 255, 6, 0.8);
}
/*.e11_1{
	background-color:rgba(48, 11, 11, 0.4);
	backdrop-filter:blur(4px);
	border:2px solid rgba(230,45,45,0.8);
}*/
.e11_1{
	background-color:rgba(72, 255, 6, 0.1);
	backdrop-filter:blur(4px);
	border:2px solid rgba(72, 255, 6, 0.8);
}
.e12{
	background-color:rgba(0,0,0,0.9);
	backdrop-filter:blur(4px);
}
.e13{
	animation:a4 linear infinite 3s;
}
.e13::before{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	left:0;
	top:0;
	border-radius:inherit;
	animation:a5 linear infinite 3s;
}
.e14::after{
	content:'';
	z-index:500;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0);
	top:0;
	left:0;
}
.e15::before{
	content:'';
	position:absolute;
	top:0;
	left:-1rem;
	width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	background:var(--c8);
	animation:a6 infinite ease-out 2s;
}
.e16::before{
	content:'';
	display:flex;
	width:4rem;
	min-width:4rem;
	height:2px;
	background-color:var(--c4);
}
.e16::after{
	content:'';
	display:flex;
	width:0.5rem;
	min-width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	background-color:var(--c4);
}
.e17{
	width:2rem;
	min-width:2rem;
	height:2rem;
	border-radius:50%;
	background-color:var(--c12);
	margin-right:1rem;
}
.e17 img{
	width:40%;
	height:40%;
}
.e18::after{
	content:'';
	display:flex;
	width:3rem;
	min-width:3rem;
	height:2px;
	background-color:var(--c4);
}
.e18::before{
	content:'';
	display:flex;
	width:0.5rem;
	min-width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	background-color:var(--c4);
}
.e19{
	display:none !important;
	position:absolute;
	top:40rem;
	left:-34rem;
	font-size:6rem;
	background:radial-gradient(circle, rgba(255,0,0,0.2) 0%, rgba(255,0,0,0.3) 100%); 
  -webkit-background-clip:text;
  background-clip:text;
	background-size:100% 100%;
  color:transparent;
	transform:rotate(90deg);
	opacity:0.5;
}
.e20::before{
	content:'';
	position:absolute;
	bottom:100%;
	left:-2rem;
	width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	background:var(--c4);
	animation:a6 infinite ease-out 2s;
}
.e21{
	color:var(--c1);
	width:2rem;
	min-width:2rem;
	height:2rem;
	border-radius:50%;
	background-color:var(--c8);
	top:-0.3rem;
	margin-right:1rem;
}
.e22{
	position:absolute;
	bottom:100%;
	left:50%;
	transform:translate(-50%,0%);
	animation:a7 linear infinite 3s;
}
.e22::after{
	content:'';
	display:flex;
	width:2px;
	min-width:2px;
	height:1.5rem;
	background-color:var(--c4);
}
.e22::before{
	content:'';
	display:flex;
	width:4rem;
	min-width:4rem;
	height:4rem;
	border-radius:50%;
	background-color:var(--c4);
	background-size:60% 60%;
	background-repeat:no-repeat;
	background-position:center;
}
.e22_1::before{
	background-image:url('../style/media/icon/about1.webp');
}
.e22_2::before{
	background-image:url('../style/media/icon/about2.webp');
}
.e22_3::before{
	background-image:url('../style/media/icon/about3.webp');
}
.e23{
	position:absolute;
	top:50%;
	right:100%;
	transform:translate(0%,-50%);
	animation:a7 linear infinite 3s;
}
.e23::after{
	content:'';
	display:flex;
	width:1.5rem;
	min-width:1.5rem;
	height:2px;
	background-color:var(--c4);
}
.e23 div{
	width:4rem;
	min-width:4rem;
	height:4rem;
	border-radius:50%;
	background-color:var(--c4);
}
.e23 div img{
	width:60%;
	height:60%;
}
.e24{
	position:absolute;
	top:100%;
	left:50%;
	transform:translate(-50%,0%);
	animation:a7 linear infinite 3s;
	flex-direction:column;
}
.e24::before{
	content:'';
	display:flex;
	width:2px;
	min-width:2px;
	height:1.5rem;
	background-color:var(--c4);
}
.e24 div{
	width:4rem;
	min-width:4rem;
	height:4rem;
	border-radius:50%;
	background-color:var(--c4);
}
.e24 div img{
	width:60%;
	height:60%;
}
.e25{
	transition:all 0.4s;
	background-color:rgba(255,255,255,1);
	border-radius:1rem;
	box-shadow:inset 0 0 2rem 0 rgba(0,0,0,0.2);
	cursor:pointer;
	color:black;
	font-size:1rem;
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	padding:1.5rem;
	margin-top:2rem;
}
.e25:hover{
	background-color:var(--c4);
	color:white;
}
.e25 img{
	width:2rem;
	min-width:2rem;
	height:2rem;
	margin-right:1.5rem;
}
.e25:hover img{
	filter:brightness(0) invert(1);
}
.e26 img{
	width:2rem;
	height:2rem;
	filter:brightness(0) invert(1);
}
.e26 #menu_burger2{
	margin:0;
}
.e27{
	width:100%;
	flex-wrap:nowrap;
	display:flex;
}
.e27{
	width:100%;
	flex-wrap:nowrap;
	display:flex;
	margin-top:0.8rem;
}
.e27_1{
	margin-top:2rem;
}
.e27::before{
	width:0.5rem;
	min-width:0.5rem;
	min-height:0.5rem;
	height:0.5rem;
	content:'';
	top:0.35rem;
	border-radius:50%;
	background-color:var(--c8);
	margin-right:0.6rem;
	position:relative;
	animation:a6 infinite ease-out 2s;
}
.e28::before{
	content:'';
	height:100%;
	width:100%;
	position:absolute;
	border-radius:inherit;
	z-index:51;
	box-shadow:0 0 6rem 0rem var(--c4) inset;
}
.e29{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:3rem;
}
.e30{
	border-radius:2rem;
	padding:2rem;
	background-color:rgba(56, 60, 220, 0.1);
	backdrop-filter:blur(4px);
	border:2px solid rgba(0,76,255,0.8);
	color:white;
	flex-wrap:nowrap !important;
}
.e30:hover{
	background-color:rgba(255, 255, 255, 1);
	color:black;
}
.e30 img{
	border-radius:0.5rem;
	width:40%;
	min-width:40%;
	aspect-ratio:1/1;
	object-fit:cover;
	object-position:center;
	margin-right:2rem;
}
.e30 p{
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.e31{
	transform:scale(1,1);
}
.e31:hover{
	transform:scale(0.95,0.95);
}
.e32{
	overflow:hidden;
}
.e32::before{
	content:'';
	position:absolute;
	z-index:-1;
	height:200%;
	width:200%;
	background:radial-gradient(circle, rgba(0,48,255,0.8) 0%, rgba(255,255,255,0) 60%);
	transform:translate(-50%,-50%);
	animation:a8 infinite linear 14s;
	opacity:0;
	transition:all 0.5s;
}
.e32::after{
	content:'';
	position:absolute;
	z-index:-1;
	height:200%;
	width:200%;
	background:radial-gradient(circle, rgba(0,255,68,0.8) 0%, rgba(255,255,255,0) 60%);
	transform:translate(-50%,-50%);
	animation:a9 infinite linear 7s;
	opacity:0;
	transition:all 0.5s;
}
.e32:hover::before{
	opacity:1;
}
.e32:hover::after{
	opacity:1;
}
.e33.element-animation{
	transform:translate(0,-1rem);
}
.e34{
	margin-left:2rem;
	display:flex;
	flex-direction:column;
	border-radius:1rem;
	font-size:0.8rem;
	grid-gap:0.6rem;
	padding:0.4rem;
	text-shadow:0 0 5px #404040;
	color:white;
	border:1px solid white;
	min-width:max-content;
}
.e34 a{
	color:var(--c4);
}
.e34 p{
	z-index:100;
}
.e34 p::before{
	content:'';
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	border-radius:50%;
	z-index:-1;
	background:var(--c4);
}
.e35{
	background:linear-gradient(90deg, rgba(255,255,255,0.5578432056416316) 0%, rgba(255,255,255,0.08445384989933469) 8%, rgba(255,255,255,0.47100847174807425) 54%, rgba(255,255,255,0) 81%); 
	background-size:200% 100%;
	background-clip:text;
	color: transparent;
	-webkit-text-stroke-width:2px;
  -webkit-text-stroke-color:white;
	animation:a10 infinite 30s ease-out;
	/*word-spacing:-1rem;*/
	letter-spacing:0.2rem;
}
.e36{
	left:-1rem;
}
.e37{
	text-shadow:2px 2px 5px rgba(0,0,0,0.6);
	text-shadow:unset;
}
.e38{
	width:0.7rem !important;
	height:auto !important;
	margin:auto;
	filter:brightness(0) invert(1) !important;
	cursor:pointer;
	transition:0.3s;
	transform:rotate(0deg);
}
.e38_1{
	transform:rotate(180deg);
}
.e39{
	position:absolute;
	left:50%;
	transform:translate(-50%,0) scale(1,1);
	transition:all 0.3s;
	opacity:1;
	color:white !important;
	border-radius:0.6rem 0;
	border-radius:50%;
	min-width:32px;
	text-align:center;
	background:var(--c4);
	background:white;
	background:rgba(0,0,0,0.5);
	border:1px solid white;
	aspect-ratio:1/1;
	align-content:center;
	align-items:center;
	justify-content:center;
	padding:auto;
	display:flex;
}
.e39:hover{
	background:var(--c4);
	border:1px solid var(--c4);
}
.e39_1{
	opacity:0;
	transform:translate(-50%,0) scale(0,0);
}
.element-animation{
	opacity:0;
	transform:translate(0,-3rem);
}
.element-animation2{
	opacity:0;
	transform:translate(-3rem,0);
}
.element-animation3{
	opacity:0;
	transform:translate(0,3rem);
}
.m1{
	padding-top:14rem;
	padding-bottom:0rem;
}
.m2{
	margin-right:1rem;
}
.m3{
	padding:1.3rem 4rem;
}
.m4{
	/*margin-right:1rem;
	margin-left:2rem;*/
}
.m5{
	margin-top:0.4rem;
	margin-bottom:0.3rem;
}
.m6{
	padding:1.5rem;
}
.m7{
	padding:0.3rem;
}
.m8{
	padding:1.5rem 4rem;
}
.m9{
	padding-top:3rem;
	padding-left:0rem;
	padding-bottom:3rem;
}
.m10{
	margin-left:3rem;
	margin-right:1rem;
}
.m11{
	margin-left:2rem;
}
.m12{
	padding-top:1.6rem;
	padding-left:5rem;
}
.m13{
	padding-top:8rem;
	padding-bottom:8rem;
}
.m14{
	margin-bottom:4rem;
}
.m15{
	margin-left:1rem;
}
.m16{
	padding:2.5rem;
}
.m17{
	padding:0.3rem 1rem;
	margin-top:0.3rem;
	margin-bottom:0.3rem;
}
.m18{
	margin-right:1rem;
}
.m19{
	margin-bottom:1rem;
}
.m20{
	margin-top:3rem;
	margin-bottom:9rem;
}
.m21{
	padding:2rem;
}
.m22{
	padding:1.5rem;
}
.m23{
	margin-top:2rem;
	margin-bottom:2rem;
}
.m24{
	padding:1.5rem;
}
.m25{
	margin-bottom:1.5rem;
}
.m26{
	padding:0.85rem 1rem 1rem 5rem;
}
.m27{
	/*margin-top:1rem;
	margin-bottom:1rem;*/
}
.m28{
	margin-right:1rem;
}
.m29{
	padding:1rem;
}
.m30{
	padding:1rem;
}
.m31{
	margin-right:2rem;
}
.m32{
	margin-right:1.5rem;
}
.m33{
	margin-top:2.7rem;
	margin-bottom:3rem;
}
.m34{
	margin-left:2rem;
}
.m35{
	margin-left:3rem;
	margin-right:3rem;
}
.m36{
	padding-bottom:6rem;
}
.m37{
	margin-top:1.5rem;
}
.m38{
	margin-top:6rem;
}
.m39{
	margin-bottom:4rem;
	padding-right:9rem;
}
.m40{
	padding:2rem;
}
.m41{
	margin-bottom:1rem;
}
.m42{
	margin-top:1rem;
}
.m43{
	margin-top:1rem;
	margin-bottom:1rem;
}
.m44{
	/*used*/;
}
.m45{
	/*used*/;
}
.m46{
	padding-left:1.5rem;
}
.m47{
	/*used*/;
}
.m48{
	/*used*/;
}
.m49{
	margin-bottom:3rem;
}
.m50{
	/*used*/;
}
.m51{
	margin-left:1rem;
	margin-right:1rem;
}
.m52{
	padding:1rem;
}
.m53{
	margin-top:5rem;
}
.m54{
	padding-top:4rem;
}

@keyframes a1{
	0%{
		left:-13rem;
	}
	40%{
		left:100%;
	}
	100%{
		left:100%;
	}
}

@keyframes a2{
	0%{
		box-shadow:0 0 0 0rem var(--c12);
	}
	100%{
		box-shadow:0 0 0 1rem var(--c5);
	}
}

@keyframes a3{
	0%{
		box-shadow:0 0 0 0.5rem var(--c14);
	}
	49.9999%{
		box-shadow:0 0 0 1rem var(--c5);
	}
	50%{
		box-shadow:0 0 0 0rem var(--c12);
	}
	100%{
		box-shadow:0 0 0 0.5rem var(--c14);
	}
}


@keyframes a4{
	0%{
		box-shadow:0 0 0 0rem var(--c9);
	}
	100%{
		box-shadow:0 0 0 2rem var(--c5);
	}
}

@keyframes a5{
	0%{
		box-shadow:0 0 0 1rem var(--c10);
	}
	49.9999%{
		box-shadow:0 0 0 2rem var(--c5);
	}
	50%{
		box-shadow:0 0 0 0rem var(--c9);
	}
	100%{
		box-shadow:0 0 0 1rem var(--c10);
	}
}

@keyframes a6{
	0%{
		opacity:1;
	}
	50%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

@keyframes a7{
	0%{
		opacity:1;
	}
	50%{
		opacity:0.6;
	}
	100%{
		opacity:1;
	}
}

@keyframes a8{
	0%{
		left:0%;
		top:0%;
	}
	25%{
		left:100%;
		top:0%;
	}
	50%{
		left:100%;
		top:100%;
	}
	75%{
		left:0%;
		top:100%;
	}
	100%{
		left:0%;
		top:0%;
	}
}

@keyframes a9{
	0%{
		left:100%;
		top:100%;
	}
	25%{
		left:0%;
		top:100%;
	}
	50%{
		left:0%;
		top:0%;
	}
	75%{
		left:100%;
		top:0%;
	}
	100%{
		left:100%;
		top:100%;
	}
}

@keyframes a10{
	0%{
		background-position:-100% 0%;
	}
	50%{
		background-position:200% 0%;
	}
	100%{
		background-position:-100% 0%;
	}
}

@media screen and (max-width:1500px){
	.m44{
		margin-top:3rem;
	}
	.i15{
		width:26%;
	}
	.p5{
		left:0rem;
	}
	.e29{
		grid-gap:2rem;
	}
	.m3{
		padding:0.7rem 2rem;
	}
	.i1{
		width:8rem;
		min-width:8rem;
	}
}

@media screen and (max-width:1200px){
	#nav{
		display:none !important;
	}
	#header_element_container{
		justify-content:end !important;
	}
	.s10{
		width:unset;
	}
}

@media screen and (max-width:1200px){
	.i15{
		opacity:0.5;
	}
	#h2_sticky_container{
		padding-bottom:3rem;
	}
	#adv_container{
		padding-top:3rem;
	}
	.m38{
		margin-top:3rem;
	}
	.s14{
		width:calc(100% - 6rem);
	}
	.m48{
		margin-top:7rem;
	}
	.e29{
		grid-template-columns:repeat(1, 1fr);
		grid-gap:1.3rem;
	}
}

@media screen and (max-width:1000px){
	#bullet_container{
		justify-content:space-between !important;
		padding:0 0 0 2rem;
	}
	.s11{
		width:30%;
	}
	.m35{
		margin:0;
	}
	.e1:hover{
		transform:scale(1.05,1.05);
	}
	.s5{
		min-height:36rem;
	}
	#quiz_sidebar_content_container{
		align-content:flex-end !important;
	}
	.e10{
		margin-top:2rem;
	}
	.i10{
		width:30%;
	}
	.m47{
		margin-top:6rem;
	}
	.s9{
		height:28rem;
	}
}


@media screen and (max-width:850px){
	.m45{
		margin-top:1rem;
		margin-bottom:1rem;
	}
	.m8{
		padding:1rem;
	}
	.m34{
		margin-left:1rem;
	}
	.e18::after{
		width:2rem;
		min-width:2rem;
	}
	.m50{
		margin-top:4rem;
	}
	.m26{
		padding:1.5rem;
	}
	.s9{
		height:13rem;
	}
}

@media screen and (max-width:800px){
	.m44{
		margin-top:3rem;
	}
	.m1{
		padding-top:11rem;
	}
	.s14{
		width:calc(100% - 4rem);
	}
	.s12{
		height:62rem;
	}
	.e28::before{
		box-shadow:0 0 4rem 0rem var(--c4) inset;
	}
}

@media screen and (max-width:700px){
	.s11{
		width:100%;
	}
	.e20{
		margin-top:1.5rem;
	}
	.i15{
		width:50%;
		opacity:1;
	}
	.p11{
		bottom:3rem;
		right:-5%;
	}
	.s14{
		width:calc(100% - 3.7rem);
	}
	.e23::after {
		width:0.7rem;
		min-width:0.7rem;
	}
	.e23 div{
		width:3.7rem;
		min-width:3.7rem;
		height:3.7rem;
	}
	#h2_sticky_container{
		padding-bottom:2rem;
	}
	#adv_container{
		padding-top:2rem;
	}
	.m54{
		padding-top:3rem;
	}
	.e35{
		-webkit-text-stroke-width:1px;
	}
}

@media screen and (max-width:650px){
	.i10{
		width:40%;
	}
	.e10{
		margin-top:7rem;
	}
	.m11{
		margin-left:1rem;
	}
	.m28{
		margin-right:0.6rem;
	}
	.i6{
		width:1.6rem;
	}
	.m39{
		margin-bottom:6rem;
		padding-right:0;
	}
	.p12{
		top:calc(100% + 1.3rem);
		left:0;
		transform:unset;
	}
	.e30{
		padding:1rem;
	}
	.m1{
		padding-top:9rem;
	}
	.e34{
		margin:auto;
		margin-left:1rem;
		margin-right:1rem;
		font-size:0.7rem;
	}
	.e26{
		background:rgba(20,20,20,0.9);
	}
}

@media screen and (max-width:550px){
	.i15{
		width:50%;
	}
	.e10{
		margin-top:15rem;
		width:100%;
	}
	.i10{
		width:50%;
	}
	#main-btn-line{
		display:none !important;
	}
	#main-btn-descriptor{
		display:none !important;
	}
	#main-btn{
		width:100%;
		text-align:center;
	}
	#main-btn p{
		text-transform:uppercase;
		width:100%;
	}
	.m8{
		padding:1.5rem;
	}
	.e30 img{
		display:none;
	}
	.e29{
		grid-gap:2.5rem;
	}
}

@media screen and (max-width:500px){
	.i15{
		width:70%;
	}
	.p11{
		bottom:17rem;
		right:0;
	}
	.m44{
		margin-top:2rem;
	}
	.i10{
		width:70%;
	}
	.m3{
		padding:0.7rem 0.6rem;
	}
	.i1{
		width:7rem;
		min-width:7rem;
	}
}