:root{
	--c1:rgba(255,255,255,1);
	--c2:rgba(0,0,0,1);
	--c3:rgba(60,60,60,1);
	--c4:rgba(33, 235, 100, 1);
	--c5:rgba(255,255,255,0);
	--c6:rgba(255, 89, 23, 1);
	--c6:rgba(255, 84, 76, 1);
	--c6:rgba(76, 104, 255, 1);
	--c7:rgba(255, 48, 48, 0.3);
	--c7:rgba(33, 235, 100, 0.3);
	--c8:rgba(15, 206, 81, 1);
	--c9:rgba(25, 128, 207, 1);
	--c10:rgba(30, 200, 30, 0.3);
	--c10:rgba(255, 89, 23, 0.3);
	--c10:rgba(255, 255, 255, 0.3);
	--c10:rgba(40, 209, 102, 0.3);
	--c11:rgba(255, 89, 23, 1);
	--c11:rgba(255, 255, 255, 0.7);
	--c11:rgba(40, 209, 102, 1);
	--c12:rgba(47, 65, 224, 1);
	--c13:rgba(20,20,20,1);
	--c14:rgba(20,20,20,1);
	--c15:rgba(20,20,20,1);
	--c16:rgba(40, 209, 102, 1);
	--c17:rgba(0, 123, 255, 1);
	--bg1:radial-gradient(circle, rgba(74,251,127,1) 0%, rgba(38,214,73,1) 100%);
	--bg2:linear-gradient(90deg, rgba(1,143,255,1) 0%, rgba(20,119,255,1) 100%);
	--bg3:linear-gradient(90deg, rgba(1,143,255,1) 0%, rgba(20,119,255,1) 100%);
	--bg4:linear-gradient(90deg, rgba(26,218,71,1) 0%, rgba(17,182,56,1) 100%);
}
*{
  
}
html{
	font-size:18px;
}
html{
	min-width:450px;
}
body{
	min-width:450px;
}
a{
	text-decoration:none;
}
.t1{
	transition:all 0.3s;
}
.s1{
	width:20rem;
}
.s2{
	width:100%;
	height:0;
	padding-bottom:100%;
}
.s3{
	width:100%;
	min-height:12rem;
}
.s4{
	height:100%;
}
.s5{
	height:100%;
	width:100%;
}
.s6{
	width:14rem;
	min-width:14rem;
}
.s7{
	height:calc(100vh + 4px);
	width:350px;
}
.p1{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.p2{
	z-index:100;
	position:absolute;
	top:0%;
	left:100%;
	transform:translate(-50%,-50%);
}
.p3{
	position:absolute;
	top:50%;
	right:0;
	transform:translate(0%,-50%);
}
.p4{
	position:absolute;
	top:0%;
	left:0%;
}
.p5{
	position:absolute;
	top:0%;
	right:0%;
}
.p6{
	position:absolute;
	top:50%;
	transform:translate(0%,-50%);
}
.p7{
	z-index:100;
	position:absolute;
	top:0.5rem;
	right:0.5rem;
}
.p8{
	z-index:7000;
	position:fixed;
	left:100%;
	top:-2px;
	transform:translate(0%,0%);
}
.p8_1{
	transform:translate(-100%,0%);
}
.b0{
	border:0;
}
.b1{
	border-left:1px rgba(0,0,0,0.2) solid;
}
.b2{
	border-radius:0.6rem;
}
.b3{
	border-radius:50%;
}
.b4{
	border-radius:0.6rem;
	/*border-radius:10rem 0.6rem 0.6rem 10rem;*/
}
.b5{
	border-radius:0.6rem;
}
.b6{
	border:1px dashed var(--c12);
	border:1px dashed var(--c3);
	/*transition:all 0.3s, border 0s;*/
}
.b6:hover{
	border:1px solid var(--c5);
}
.b7{
	border:1px dashed var(--c8);
	border:1px dashed var(--c3);
	/*transition:all 0.3s, border 0s;*/
}
.b7:hover{
	border:1px solid var(--c5);
}
.i1{
	width:12rem;
	height:auto;
}
.i2{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.i3{
	width:1.5rem;
	height:1.5rem;
}
.i4{
	width:5rem;
	height:5rem;
}
.i5{
	width:0.7rem;
	height:0.7rem;
}
.i6{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.i7{
	width:30rem;
	height:auto;
}
.i8{
	width:20rem;
	height:auto;
}
.i9{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.i10{
	width:100%;
	height:auto;
}
.i11{
	width:100%;
	height:100%;
}
.i12{
	width:4rem;
	height:4rem;
}
.i13{
	width:12rem;
	height:auto;
}
.i14{
	min-width:5rem;
	width:5rem;
}
.i15{
	width:8rem;
	height:auto;
}
.i16{
	width:1rem;
	height:1rem;
}
.bg0{
	background-color:var(--c5);
}
.bg1{
	background-color:var(--c3);
}
.bg1:hover{
	background-color:var(--c4);
}
.bg2{
	background-color:var(--c1);
}
.bg3{
	background:var(--bg1);
	background-position:center 100%;
	background-repeat:no-repeat;
	background-size:100% 200%;
}
.bg4{
	background-color:var(--c3);
}
.bg5{
	background-color:var(--c6);
}
.bg6{
	background-color:var(--c8);
}
.bg7{
	background-color:var(--c3);
}
.bg8{
	background:var(--bg2);
	background:var(--c15);
}
.bg8:hover{
	background:var(--c16);
}
.bg9{
	background-color:var(--c13);
}
.bg10{
	background:var(--bg4);
}
.bg11{
	background:var(--c5);
}
.bg11:hover{
	background:var(--c17);
}
.input1{
	padding:1rem 2rem;
	background-color:var(--c1);
	border-radius:0.5rem;
	outline:none !important;
	border:0;
}
.input1:hover{
	background-color:var(--c3);
	color:var(--c1);
}
.input1:focus{
	background-color:var(--c3);
	color:var(--c1);
}
.m1{
	padding-left:1.5rem;
	margin-left:1.5rem;
}
.m2{
	margin-right:1.5rem;
	margin-left:1.5rem;
}
.m3{
	padding-top:2rem;
	padding-bottom:2rem;
}
.m4{
	padding:0.6rem 1rem;
}
.m5{
	margin-right:1rem;
}
.m6{
	margin-top:5rem;
	margin-bottom:8rem;
}
.m7{
	margin-top:3rem;
	margin-bottom:3rem;
	padding-left:4rem;
}
.m8{
	margin-right:1rem;
	margin-left:1.5rem;
}
.m9{
	margin-top:1rem;
}
.m10{
	padding:1.5rem 5rem;
}
.m11{
	
}
.m12{
	padding:0.6rem;
	margin-right:1rem;
}
.m13{
	padding:0.6rem;
}
.m14{
	padding:0.7rem;
}
.m15{
	padding-top:10rem;
	padding-bottom:10rem;
}
.m16{
	margin-bottom:5rem;
}
.m17{
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.m18{
	padding:0.6rem;
}
.m19{
	margin-bottom:0.5rem;
}
.m20{
	padding:0.6rem;
	margin-top:2rem;
}
.m21{
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.m22{
	padding:1rem 2rem;
}
.m23{
	margin-top:1rem;
	margin-bottom:2rem;
}
.m24{
	margin-top:6rem;
}
.m25{
	padding:1.5rem;
}
.m26{
	margin-bottom:1rem;
}
.m27{
	margin-right:2rem;
}
.m28{
	margin-bottom:0.6rem;
}
.m29{
	margin-right:2rem;
}
.m30{
	padding:1.5rem;
}
.m31{
	padding:4rem;
}
.m32{
	margin-bottom:3rem;
}
.m33{
	padding:1.5rem;
}
.m34{
	margin-bottom:0.7rem;
}
.m35{
	margin-top:1rem;
	margin-bottom:1rem;
}
.m36{
	margin-top:2rem;
}
.m37{
	padding:1rem;
}
.m38{
	margin-top:0.5rem;
	margin-bottom:3rem;
}
.m39{
	padding:2rem;
}
.m40{
	margin-left:2rem;
	margin-right:2rem;
}
.m41{
	padding-top:3rem;
	padding-bottom:9rem;
}
.m42{
	margin-bottom:1rem;
}
.m43{
	margin-top:4rem;
}
.m44{
	margin-top:2rem;
	margin-bottom:0.5rem;
}
.m45{
	margin-top:3rem;
}
.m46{
	margin-top:4rem;
}
.m47{
	margin-bottom:0.7rem;
}
.m48{
	margin-left:2rem;
}
.m49{
	padding:3rem 2rem 5rem 2rem;
}
.m50{
	margin-right:0.7rem;
}
.m51{
	/*used*/
}
.m52{
	/*used*/
}
.m53{
	/*used*/
}
.m54{
	/*used*/
}
.m55{
	/*used*/
}
.m56{
	margin-left:2rem;
}
.m57{
	/*used*/
}
.e1{
	transform:scale(1,1);
}
.e1:hover{
	transform:scale(1.1,1.1);
}
.e2{
	overflow:hidden;
}
.e2::after{
	width:5rem;
	height:20rem;
	top:50%;
	content:'';
	position:absolute;
	-webkit-transform:rotate(45deg) translate(-50%, -50%);
	transform:rotate(45deg) translate(-50%, -50%);
	-webkit-animation:anim1 5s infinite ease-out;
	animation:a1 4s infinite ease-out;
	background-color:rgba(255,255,255,1);
}
.e3{
	transform-origin:0% 0%;
	animation:a2 infinite 18s linear;
}
.e4_1{
	position:absolute;
	z-index:100;
	top:50%;
	left:-0.2rem;
	width:2rem;
	height:2rem;
	background-color:var(--c1);
	border-radius:0 0.3rem 0.3rem 0;
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	background-image:url('../style/image/icon/arr-left.webp');
	background-repeat:no-repeat;
	background-position:center;
	background-size:40% 40%;
	-webkit-box-shadow:0 0 0px 0px var(--c4);
	box-shadow:0 0 0px 0px var(--c4);
}
.e4_1:hover{
	background-color:var(--c4);
	-webkit-box-shadow:0 0 11px -2px var(--c4);
	box-shadow:0 0 11px -2px var(--c4);
}
.e4_2{
	position:absolute;
	z-index:100;
	top:50%;
	right:-0.2rem;
	width:2rem;
	height:2rem;
	background-color:var(--c1);
	border-radius:0.3rem 0 0 0.3rem;
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	background-image:url('../style/image/icon/arr-right.webp');
	background-repeat:no-repeat;
	background-position:center;
	background-size:40% 40%;
	-webkit-box-shadow:0 0 0px 0px var(--c4);
	box-shadow:0 0 0px 0px var(--c4);
}
.e4_2:hover{
	background-color:var(--c4);
	-webkit-box-shadow:0 0 11px -2px var(--c4);
	box-shadow:0 0 11px -2px var(--c4);
}
.e5{
	transform:scale(1,1);
}
.e5:hover{
	transform:scale(1.6,1.6);
}
.e6{
	opacity:1;
}
.e6:hover{
	opacity:0.7;
}
.e7_1{
	position:absolute;
	z-index:100;
	background-color:var(--c9);
	background-color:var(--c3);
	color:white;
	transform:scale(1,1);
	padding:1rem;
	height:100%;
	width:100%;
	left:0;
	top:0;
	border-left:10px;
	overflow-y:auto;
}
.e7_2{
	top:-100%;
	opacity:1;
}
.e7 .e7_1{
	top:110%;
}
.e7 .e7_2{
	top:0%;
}
.e8{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 60px;
}
.e9_1::before{
	content:'';
	position:absolute;
	width:18rem;
	height:18rem;
	border-radius:40%;
	background-color:var(--c11);
	/*animation:a4 6s infinite ease-out;*/
	top:50%;
	left:0%;
	transform:translate(-50%, -50%);
	box-shadow:0 0 0 3rem var(--c10),0 0 0 6rem var(--c10);
	transition:all 0.5s;
}
.e9:hover .e9_1::before{
	width:21rem;
	height:21rem;
	box-shadow:0 0 0 4rem var(--c10),0 0 0 8rem var(--c10);
}
.e9 .e4{
	opacity:1;
}
.e9:hover .e4{
	opacity:1;
}
.e9 .e3{
	filter: brightness(1);
	transition:all 0.2s;
}
.e9:hover .e3{
	filter: brightness(0.2);
}
.e10{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.e11_1{
	color:black;
	color:white;
}
.e11_1:hover{
	color:white;
}
.e11 .e11_1{
	transform:scale(1,1);
}
.e11:hover .e11_1{
	transform:scale(0.9,0.9);
}
.e11:hover .e11_1:hover{
	transform:scale(1.1,1.1);
}
.e11_2{
	border-radius:50%;
	padding:1rem;
	overflow:hidden;
	background-color:rgba(255,255,255,0);
	background-color:rgba(255,255,255,1);
	width:6rem;
	min-width:6rem;
	height:6rem;
}
.e11_1:hover .e11_2{
	padding:1.2rem;
	background-color:rgba(255,255,255,1);
}
.e12{
	overflow:hidden;
}
.e13{
	overflow:hidden;
}
.e12::before{
	content:'';
	position:absolute;
	width:110%;
	height:110%;
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
	background:var(--bg3);
	opacity:0;
	opacity:1;
	/*animation:a6 11s infinite ease-out;*/
	animation:a7 7s infinite ease-out;
	animation:unset;
	transition:all 0.3s;
}
.e12:hover::before{
	opacity:1 !important;
}
.e13::before{
	content:'';
	position:absolute;
	width:110%;
	height:110%;
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
	background:var(--bg4);
	opacity:0;
	opacity:1;
	/*animation:a5 11s infinite ease-out;*/
	animation:a7 7s infinite ease-out;
	animation:unset;
	transition:all 0.3s;
}
.e13:hover::before{
	opacity:1 !important;
}
.e14{
	overflow:hidden;
	min-height:13rem;
}
.e14::after{
	width:4rem;
	height:40rem;
	top:50%;
	content:'';
	position:absolute;
	-webkit-transform:rotate(45deg) translate(-50%, -50%);
	transform:rotate(45deg) translate(-50%, -50%);
	-webkit-animation:anim1 5s infinite ease-out;
	animation:a8 7s infinite ease-out;
	background-color:rgba(255,255,255,1);
}
.e15{
	position:absolute;
	width:50%;
	height:50%;
	top:0;
	left:0;
	animation:a9 infinite ease-out 15s;
	opacity:0.8;
	opacity:1;
}
.e16{
	position:absolute;
	width:50%;
	height:50%;
	top:0;
	right:0;
	animation:a10 infinite ease-out 15s;
	opacity:0.8;
	opacity:1;
}
.e17{
	position:absolute;
	width:50%;
	height:50%;
	bottom:0;
	left:0;
	animation:a10 infinite ease-out 15s;
	opacity:0.8;
	opacity:1;
}
.e18{
	position:absolute;
	width:50%;
	height:50%;
	bottom:0;
	right:0;
	animation:a9 infinite ease-out 15s;
	opacity:0.8;
	opacity:1;
}
.e19{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 50px;
}
.e20{
	width:38px;
	height:38px;
	position:absolute;
	right:-0.3rem;
	bottom:-0.3rem;
	background-color:var(--c3);
	background-color:var(--c1);
	border-radius:10px;
	font-size:23px;
	color:black;
}
.e21{
	color:black;
}
.e21:hover{
	color:white;
}
.e22{
	border-radius:50%;
	padding:1rem;
	background-color:var(--c1);
}
.e23{
  display: grid;
  grid-template-columns: 60% auto;
  grid-gap: 50px;
	padding-top:50px;
}
.e24{
	width:50%;
	height:0;
	border-top:dotted 7px var(--c3);
}
.e25::before{
	content:'';
	min-width:20px;
	height:20px;
	margin-right:10px;
	background-image:url('image/icon/mark.webp');
	background-size:cover;
	background-position:center;
	display:flex;
}
.e26::before{
	content:'';
	min-width:20px;
	height:20px;
	margin-right:10px;
	background-image:url('image/icon/phone3.webp');
	background-size:cover;
	background-position:center;
	display:flex;
}
.e27{
	width:2.5rem;
}
.e27 div{
	height:3px;
	background-color:rgba(0,0,0,0.9);
	transition:all 0.2s;
}
.e27_1{
	width:50%;
}
.e27_2{
	margin-top:0.6rem;
	margin-bottom:0.6rem;
	width:90%;
}
.e27_3{
	width:30%;
}
.e27:hover div{
	width:100%;
}
.effect50::after{
	position:absolute;
	z-index:500;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:flex;
	content:'';
}

@keyframes a1{
	0%{
		left:-9rem;
	}
	30%{
		left:100%;
	}
	100%{
		left:100%;
	}
}

@keyframes a2{
	0%{
		transform:rotate(0deg) translate(-50%,-50%);
	}
	100%{
		transform:rotate(360deg) translate(-50%,-50%);
	}
}

@keyframes a3{
	0%{
		box-shadow:0 0 0 0.3rem var(--c7),0 0 0 0.6rem var(--c7);
	}
	40%{
		box-shadow:0 0 0 0.6rem var(--c7),0 0 0 1.2rem var(--c7);
	}
	80%{
		box-shadow:0 0 0 0.6rem var(--c7),0 0 0 1.2rem var(--c7);
	}
	100%{
		box-shadow:0 0 0 0.3rem var(--c7),0 0 0 0.6rem var(--c7);
	}
}

@keyframes a4{
	0%{
		box-shadow:0 0 0 3rem var(--c10),0 0 0 6rem var(--c10);
		width:17rem;
		height:17rem;
	}
	20%{
		box-shadow:0 0 0 4rem var(--c10),0 0 0 8rem var(--c10);
		width:20rem;
		height:20rem;
	}
	60%{
		box-shadow:0 0 0 4rem var(--c10),0 0 0 8rem var(--c10);
		width:20rem;
		height:20rem;
	}
	80%{
		box-shadow:0 0 0 3rem var(--c10),0 0 0 6rem var(--c10);
		width:17rem;
		height:17rem;
	}
	100%{
		box-shadow:0 0 0 3rem var(--c10),0 0 0 6rem var(--c10);
		width:17rem;
		height:17rem;
	}
}

@keyframes a5{
	0%{
		opacity:0;
	}
	50%{
		opacity:0.8;
	}
	100%{
		opacity:0;
	}
}

@keyframes a6{
	0%{
		opacity:0.8;
	}
	50%{
		opacity:0;
	}
	100%{
		opacity:0.8;
	}
}

@keyframes a7{
	0%{
		opacity:0;
	}
	65%{
		opacity:0;
	}
	85%{
		opacity:0.8;
	}
	100%{
		opacity:0;
	}
}

@keyframes a8{
	0%{
		left:-30rem;
	}
	80%{
		left:-30rem;
	}
	100%{
		left:100%;
	}
}

@keyframes a10{
	0%{
		background-color:var(--c14);
	}
	40%{
		background-color:var(--c14);
	}
	50%{
		background-color:var(--c15);
	}
	90%{
		background-color:var(--c15);
	}
	100%{
		background-color:var(--c14);
	}
}

@keyframes a9{
	0%{
		background-color:var(--c15);
	}
	40%{
		background-color:var(--c15);
	}
	50%{
		background-color:var(--c14);
	}
	90%{
		background-color:var(--c14);
	}
	100%{
		background-color:var(--c15);
	}
}

@media screen and (max-width:1700px){
	#header_nav{
		display:none !important;
	}
	#menu_burger{
		display:block !important;
	}
}

@media screen and (max-width:1500px){
	.m51{
		margin-top:6rem;
	}
	#main .i2{
		object-position:left center;
	}
	html{
		font-size:16px;
	}
	.e8{
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 50px;
	}
	.s6{
		width:11rem;
		min-width:11rem;
	}
	.m9{
		margin-top:1.5rem;
	}
}

@media screen and (max-width:1400px){
	.m8{
		margin-left:0.2rem;
	}
	.e11_2{
		min-width:5rem;
		height:5rem;
		width:5rem;
	}
	.m29{
		margin-right:1.5rem;
	}
	#main .p5{
		top:10%;
	}
}

@media screen and (max-width:1200px){
	.s6{
		width:9rem;
		min-width:9rem;
	}
	.e10{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}
	.e14:nth-child(1){
		order:1;
	}
	.e14:nth-child(2){
		order:2;
	}
	.e14:nth-child(3){
		order:4;
	}
	.e14:nth-child(4){
		order:3;
	}
	.e14:nth-child(5){
		order:5;
	}
	.e14:nth-child(6){
		order:6;
	}
	.e19{
		grid-template-columns:repeat(2,1fr);
	}
}

@media screen and (max-width:1000px){
	.e8{
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 40px;
	}
	.s6{
		width:13rem;
		min-width:13rem;
	}
	.m53{
		margin-top:3rem;
	}
	.m54{
		margin-top:3rem;
	}
	.m35{
		margin-top:1.5rem;
		margin-bottom:1.5rem;
	}
	.e23{
		grid-template-columns:repeat(1,1fr);
		flex-direction:row-reverse;
	}
	.e23 div:nth-child(1){
		order:2;
	}
	.e23 div:nth-child(2){
		order:1;
	}
}

@media screen and (max-width:850px){
	.m52{
		margin-top:1.5rem;
		margin-bottom:1.5rem;
	}
	.m7{
		padding-left:3rem;
		margin-top:4rem;
		margin-bottom:4rem;
	}
	.m12{
		padding:0.8rem;
	}
	.i5{
		width:0.8rem;
		height:0.8rem;
	}
	.m9{
		margin-top:1.5rem;
	}
	.e1:hover{
		transform:scale(1.04,1.04);
	}
	.i7{
		width:15rem;
	}
	.i8{
		width:13rem;
	}
	#main .p5{
		top:20%;
	}
	.e8{
		grid-gap: 30px;
	}
	.m15{
		padding-top:8rem;
		padding-bottom:8rem;
	}
	.m24{
		margin-top:4rem;
	}
	.s6{
		width:11rem;
		min-width:11rem;
	}
	.e9_1::before{
		width:15rem;
		height:15rem;
		box-shadow: 0 0 0 2rem var(--c10),0 0 0 4rem var(--c10);
	}
	.e9:hover .e9_1::before{
		box-shadow: 0 0 0 4rem var(--c10),0 0 0 8rem var(--c10);
	}
	.e14:nth-child(3){
		order:3;
	}
	.e14:nth-child(4){
		order:4;
	}
	.e10{
		grid-template-columns: repeat(1, 1fr);
	}
	.e11_2{
		width:8rem;
		min-width:8rem;
		height:8rem;
		padding:2rem;
	}
	.e11_1:hover .e11_2{
		padding:1.5rem;
	}
	.e11{
		transform:unset !important;
	}
	.e11 .e11_1{
		transform:scale(1,1);
	}
	.e11:hover .e11_1{
		transform:scale(1,1);
	}
	.e11 .e11_1:hover{
		transform:scale(1.1,1.1);
	}
	.e11:hover .e11_1:hover{
		transform:scale(1.1,1.1);
	}
	.m29{
		margin-right:3rem;
	}
}

@media screen and (max-width:650px){
	#main .i2{
		object-position:right center;
	}
	.m5{
		margin:0;
	}
	.i3{
		width:1.8rem;
		height:1.8rem;
	}
	.m4{
		padding:1rem;
	}
	.i1{
		width:15rem;
	}
	.m7{
		padding-left:0rem;
	}
	.e8{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 25px;
	}
	html{
		font-size:14px;
	}
	.m6{
		margin-bottom:5rem;
	}
	.m15{
		padding-top:5rem;
		padding-bottom:5rem;
	}
	.m24{
		margin-top:3rem;
	}
	.m16{
		margin-bottom:5rem;
	}
	.m25{
		padding:1.5rem 1.5rem 1.5rem 0.5rem;
	}
	.s6{
		width:10rem;
		min-width:10rem;
	}
	.m29{
		margin-right:2rem;
	}
	.e19{
		grid-template-columns:repeat(1,1fr);
	}
	.m21{
		margin-top:1rem;
		margin-bottom:1rem;
	}
	.m55{
		margin-top:1rem;
		margin-bottom:2rem;
	}
	.m45{
		margin-top:1rem;
	}
	.m57{
		margin-bottom:3rem;
	}
	.e5:hover{
		transform:scale(2,2);
	}
}

@media screen and (max-width:500px){
	.m6{
		margin-top:3rem;
	}
}

@media screen and (min-width:450px){
	.s7{
		max-height:calc(100vh + 4px);
	}
}