:root {
	--inner: 1200px;
	--text-s:1px 1px 6px rgba(0,0,0,0.2);
	--box-s:2px 2px 8px rgba(0,0,0,0.3);
	--box-s2:2px 2px 15px rgba(0,0,0,0.2);
	--pd-s10:1rem;
	--pd-s16:1.6rem;
	--pd-s20:2rem;
	--pd-s30:3rem;
	--pd-s40:4rem;
	--pd-s50:5rem;
	--pd-s60:6rem;
	--pd-s70:7rem;
	--pd-s80:8rem;
	--pd-s100:10rem;
	--pd-s180:18rem;
	--fs-70:7.6rem;
	--fs-50:5.6rem;
	--fs-40:4.6rem;
	--fs-30:3.2rem;
	--fs-24:2.4rem;
	--fs-22:2.2rem;
	--fs-20:2rem;
	--fs-18:1.8rem;
	--fs-16:1.6rem;
	--fs-14:1.4rem;
	--fs-12:1.2rem;
	--color1:rgb(255,136,24,1);
	--bg-df:rgb(245,84,4);
	--bg-df2: rgb(173,11,42);
	--bg-gr:linear-gradient(266deg, rgba(245,84,4,1) 39%, rgba(255,136,24,1) 99%);
	--bg-gr2:linear-gradient(44deg, rgba(245,84,4,1) 39%, rgba(255,136,24,1) 99%);
/*	--bg-gr2:linear-gradient(266deg, rgba(173,11,42,1) 39%, rgba(251,12,81,1) 99%);*/
	--swiper-theme-color: rgb(256,256,256,0.2);
}

html {font-size:62.5%}
body {background:rgba(15,15,30,1)}
#wrap {position:relative;overflow: hidden;}
.page-inner {width:100%;max-width:var(--inner);margin:0 auto; padding:0 var(--pd-s40) }
.page-section {min-height: 100vh;position:relative; padding:var(--pd-s100) 0}
.main-video {background:url(img/main-video.jpg) no-repeat 50% 30%; height: 100%; background-size: 120%; animation: main-ani 20s linear infinite; position:fixed;top:0;left:0;right: 0;bottom:0}
.blur-bg {position: fixed; top:0;left:0;right: 0;bottom:0; background:rgba(15,15,30,0.5); backdrop-filter: blur(10px);animation: blur-ani 20s linear infinite;}
.main-slogan {position: absolute; top:0;left:0;right: 0;bottom:0;display:flex; justify-content:center;align-items: center;z-index:3}
.toplogo2 {display:block;background:#fff; border-radius:var(--pd-s10);padding:var(--pd-s16); width:340px;margin-bottom:var(--pd-s30)}
.main-slogan h2 {color:#fff; font-size:var(--fs-70); font-weight:200;text-shadow: var(--text-s); line-height:1.4; padding-bottom: var(--pd-s20); word-break: keep-all;}
.bg001 {background: rgba(15,15,30,0.9);
	background: #1a1a2e;
	background: linear-gradient(171deg, rgba(15,15,30,0.9) 12%, rgba(15,15,30,1) 85%);
/*backdrop-filter: blur(20px);*/
position:relative;
}
/*.bg001:before {position:absolute; content:'';display:block;top:0;left:0;right: 0;bottom:0;
background: #1a1a2e;
background: linear-gradient(171deg, rgba(55,56,150,0) 12%, rgba(15,15,30,1) 85%);
backdrop-filter: blur(20px);
z-index:1;
}*/
.logo {position:absolute; top:var(--pd-s60); left:var(--pd-s60); z-index:5}
.anglebox {position:fixed; top:0;left:0;right:0;bottom:0; z-index: 1; }
.angleline {position:absolute; border-top:4px solid #fff;border-left:4px solid #fff;width:7vh; height:7vh; display: block;}
.angle01 {top:var(--pd-s30);left:var(--pd-s30);}
.angle02 {top:var(--pd-s30);right:var(--pd-s30);transform:rotate(90deg);}
.angle03 {bottom:var(--pd-s30);left:var(--pd-s30);transform:rotate(-90deg);}
.angle04 {bottom:var(--pd-s30);right:var(--pd-s30);transform:rotate(180deg);}
.rec {position:absolute; bottom:var(--pd-s50);left:var(--pd-s60); color:#fff; font-size:var(--fs-30);font-weight:600}
.rec:before {display:inline-block; content:''; width:var(--fs-30);height: var(--fs-30);border-radius: 50%; background:rgba(221,18,18,0.9); vertical-align: -2px; margin-right: var(--pd-s20);box-shadow:0 0 10px rgba(256,256,256,0.5);animation:blink 1s infinite;}
.volumebox {position:absolute; bottom:var(--pd-s50);right:var(--pd-s60); color:#fff; font-size:var(--fs-20);font-weight:600; z-index:3}
.volumebox .volume {display:flex; text-align:right; justify-content:left; align-items:center;gap:6px}
.volumebox .volume i {display:inline-block; width:var(--pd-s20);height:var(--pd-s20); background:#fff; }
.volumebox .volume i:nth-child(3) {animation:volume 3s 0s ease infinite;transform:scale(0.2);}
.volumebox .volume i:nth-child(4) {animation:volume1 3s 0s ease infinite;transform:scale(0.2);}
.volumebox .volume i:nth-child(5) {animation:volume2 3s 0s ease infinite;transform:scale(0.2);}
.volumebox .volume i:nth-child(6) {transform:scale(0.2);}
.volumebox .volume:last-child i:nth-child(3) {animation:volume 4s 1.4s ease infinite;transform:scale(0.2);}
.volumebox .volume:last-child i:nth-child(4) {animation:volume1 4s 1.4s ease infinite;transform:scale(0.2);}
.volumebox .volume:last-child i:nth-child(5) {animation:volume2 4s 1.4s ease infinite;transform:scale(0.2);}
.rollingtext {display:inline-block;  vertical-align:0; height:var(--fs-70); line-height:1;position:relative;}
.svg-bg {width:100%; position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;display:block}
.svg-bg svg {max-width:100%; transform:scale(5) translate(1px,-10px);}
.roller {display:flex; justify-content:center; align-items:flex-start;animation:roller 6s infinite;line-height: 1;margin:0;padding:0;text-align:center; position:relative; z-index:5}

.btnarea {padding:var(--pd-s40) 0 var(--pd-s10)}
.ytbtn {transition:all 0.3s linear;display:inline-block;border-radius:var(--pd-s50); padding:var(--fs-18) var(--pd-s20) var(--fs-18) var(--pd-s30); font-size:var(--fs-20); cursor:pointer;color:#fff;
	background: var(--bg-df);
	background: var(--bg-gr);
	border:1px solid var(--bg-df);
	text-shadow:var(--text-s);
	box-shadow:var(--box-s);
}
.ytbtn i {margin-left: var(--pd-s40); width:var(--pd-s30);height:var(--pd-s30); display:inline-block;vertical-align:top; border-radius:50%; background:rgba(0,0,0,0.1);}
.ytbtn i span {font-size:var(--fs-20);line-height:var(--pd-s30);}
.ytbtn.w { border:1px solid #fff; background:rgba(256,256,256,0.1);}
.ytbtn.w i {background:rgba(256,256,256,0.1);}
.ytbtn:hover,
.ytbtn:active {
	background: var(--bg-df2);
	background: var(--bg-gr2);
	border:1px solid var(--bg-df2);
}
.ytbtn:hover i,
.ytbtn:active i {background:rgba(0,0,0,0.2); animation:hani 0.3s ease forwards;}


.fullbox {margin:0 var(--pd-s60); background:#111111; border-radius:var(--pd-s60);padding:var(--pd-s180) 0; overflow:hidden}

.fullscreen {min-height:100vh;}
.autoscreen {padding:var(--pd-s180) 0 0}
.flexarea.center {justify-content:center; align-items:center; }
.flexarea {display:flex}
.flexarea.f50 > div {flex:50%}
.flexarea.rv {flex-direction: row-reverse;}

.ps {position:relative; z-index:3}
.content h2 {color:#fff; font-size: var(--fs-40);font-weight:bold; position:relative; padding-top: var(--pd-s50); }
.half {width:50%}
.content h2:before,
.content h2:after {position:absolute; content:'';display:block; top:0;left:0; height:3px}
.content h2:before {background:rgba(256,256,256,0.1);width:100%}
.content h2:after {background:rgba(256,256,256,1); width:25%; animation:size 3s ease infinite}
.content h4 {color:var(--color1); font-size:var(--fs-18); font-weight:800; padding:var(--pd-s10) 0 var(--pd-s40)}
.content p {color:rgba(256,256,256,0.8);  font-size:var(--fs-18); line-height:1.4; letter-spacing: -0.03em}

#foot {background:rgba(1,1,1,0.7); border-radius:var(--pd-s50) var(--pd-s50) 0 0; margin:var(--pd-s10) var(--pd-s10) 0;padding:var(--pd-s70) 0;}
#foot p {color:rgba(256,256,256,0.7); text-align:center; font-size:var(--fs-12);line-height:2.4}
#foot p span {font-size:var(--fs-14);}

.overimg {position:absolute; top:0;left:var(--pd-s180); transform: translateY(-50%);}
.overimg span { display:inline-block; position:relative; }
.overimg span:after {position:absolute; content:'';display:block; width:400%; background:#0d7da3; height:100%; left:98%; top:0;bottom:0;}
.overimg img {max-width:10000px;border-radius:var(--pd-s30) 0 0 var(--pd-s30);display:block;overflow:hidden }
.overimg p {color:#fff; display:block; padding:var(--pd-s20) 0; font-size:var(--fs-16)}


.box-content {display:flex; padding-top:var(--pd-s40);border-radius:var(--pd-s10); overflow: hidden; position:relative}
.box-content > .bccon {flex:calc(25%/4);}
.box-content[role=a1] > .bc01 {flex:75%}
.box-content[role=a2] > .bc02 {flex:75%}
.box-content[role=a3] > .bc03 {flex:75%}
.box-content[role=a4] > .bc04 {flex:75%}
.box-content[role=a5] > .bc05 {flex:75%}
.bccon {background:rgba(256,256,256,0.2); width:100%;overflow: hidden; position:relative;transition:all 0.5s linear}
.bccon .img {height:420px;width:100%;display:block;position:relative;z-index:1}
.bccon .img img {}
.bccon.bc01 .img {background:url(img/ex01.jpg) no-repeat 0% 50%; background-size:cover;}
.bccon.bc02 .img {background:url(img/ex02.jpg) no-repeat 50% 50%; background-size:cover;}
.bccon.bc03 .img {background:url(img/ex03.jpg) no-repeat 50% 50%; background-size:cover;}
.bccon.bc04 .img {background:url(img/ex04.jpg) no-repeat 0% 50%; background-size:cover;}
.bccon.bc05 .img {background:url(img/ex05.jpg) no-repeat 0% 50%; background-size:cover;}
.bccon .img:after {content:'';position:absolute;top:0;left:0;right: 0;bottom:0;background:rgba(0,0,0,0.3); backdrop-filter: blur(4px);opacity:1;}
.bccon .text {position:absolute; margin:var(--pd-s20);top:0;left:0;z-index:3;color:#fff; background:rgba(0,0,0,0.6); font-size: var(--fs-18); display:inline-block; transform:scale(0);transition:all 0.5s linear}
.box-content[role=a1] > .bccon.bc01 .text {transform:scale(1);}
.box-content[role=a2] > .bccon.bc02 .text {transform:scale(1);}
.box-content[role=a3] > .bccon.bc03 .text {transform:scale(1);}
.box-content[role=a4] > .bccon.bc04 .text {transform:scale(1);}
.box-content[role=a5] > .bccon.bc05 .text {transform:scale(1);}
.box-content[role=a1] > .bccon.bc01 .img:after {opacity:0;}
.box-content[role=a2] > .bccon.bc02 .img:after {opacity:0;}
.box-content[role=a3] > .bccon.bc03 .img:after {opacity:0;}
.box-content[role=a4] > .bccon.bc04 .img:after {opacity:0;}
.box-content[role=a5] > .bccon.bc05 .img:after {opacity:0;}

.protfolio-content {}
.sd-container {position:relative}
.sd-container > .swiper {overflow:visible !important;}
.sd-container .vflex {}
.sd-container .vflex > div { border-radius:var(--pd-s10); overflow:hidden; margin-bottom:20px;}
.sd-container > div {}

.swiper-button-next, .swiper-button-prev {color:rgba(256,256,256,0.7) !important; top:68% !important}

.notibox {padding:var(--pd-s20) var(--pd-s40); border-radius:var(--pd-s10); background: rgba(0,0,0,0.4); box-shadow:var(--box-s2); margin-left:var(--pd-s100); color:rgba(256,256,256,0.7); line-height: 1.8;font-size:var(--fs-14);letter-spacing:-0.03em}
.pricebox-container {display:flex;gap:var(--pd-s30); padding-top:var(--pd-s40) }
.pricebox {background:rgba(40,40,80,0.3);border-radius:var(--pd-s10); width:100%; box-shadow:var(--box-s2); position:relative}
.pricebox-content {overflow:hidden;padding:var(--pd-s60) var(--pd-s40); position:relative;border-radius:var(--pd-s10);}
.star {display:block; background:url(img/star.png) no-repeat 50% 50%; width: 44px; height:44px; position:absolute; top:-20px; right:10px;}
.star.n2 {right:58px}
.price-title {position:absolute;top:0;left:0; background:var(--bg-df2);background:var(--bg-gr2); width:100%; text-align:center; font-size:var(--fs-20); color:#fff; padding:var(--pd-s100) 0 var(--pd-s30); font-weight:bold; transform:rotate(-45deg) translate(-20%, -80%);}
.price {padding:var(--pd-s50) 0 var(--pd-s50);display:block; color:#fff; font-size:var(--fs-30); text-align:right; font-weight:600}
.price span {font-size:var(--fs-18); position:relative}
.price span i {position:absolute; top:100%;right:0; font-size:12px; color:#fff; opacity:0.7; font-style: normal; transform: translateY(2px)}
.pricebox .con {padding-bottom: var(--pd-s30); display:flex; align-items:flex-end; justify-content:center}
.pricebox .con > * {flex:50%;}
.pricebox strong {font-size:var(--fs-30);color:#fff;position:relative; display:block; text-align:center}
.pricebox .txt01 {font-size:var(--fs-16);color:rgba(256,256,256,0.8); text-align:center}
.pricebox .txt02 {font-size:var(--fs-18);color:#fff;}
.pricebox .service {display:block; font-size:var(--fs-14); color:var(--color1);position:absolute; left:50%;bottom:0px;transform:translate(-50%,20px); white-space: nowrap;}

.formArea {background:rgba(40,40,80,0.3);border-radius:var(--pd-s10); width:100%; box-shadow:var(--box-s2); position:relative;padding:var(--pd-s50)}
.mdxyt {margin-left:var(--pd-s100)}

.label {display:block; color:#fff; font-size: var(--fs-16); padding-bottom:8px; text-align:left}
.label span {vertical-align:-4px; margin-right:4px;}
.f-div {padding-bottom: var(--pd-s20)}

.formArea input[type=text],
.formArea input[type=tel],
.formArea input[type=email] {
	width:100%; background: rgba(256,256,256,0.2); border-radius: var(--pd-s10); padding:var(--pd-s20) var(--pd-s20); border:1px solid rgba(0,0,10,0.7); font-size:var(--fs-22); outline: 0; color:#fff;
}
.formArea input[type=text]:focus,
.formArea input[type=tel]:focus,
.formArea input[type=email]:focus{
	background: rgba(256,256,256,0.3);border:1px solid rgba(0,0,10,0.1);
}
.formArea input[type=text]::placeholder,
.formArea input[type=tel]::placeholder,
.formArea input[type=email]::placeholder {color:rgba(256,256,256,0.6); font-weight:200}

.inqbtn {transition:all 0.3s linear;display:block;border-radius:var(--pd-s50); padding:var(--fs-18) var(--pd-s20) var(--fs-18) var(--pd-s20); font-size:var(--fs-24); font-weight: 400; cursor:pointer;color:#fff;
	background: var(--bg-df);
	background: var(--bg-gr);
	border:1px solid var(--bg-df);
	text-shadow:var(--text-s);
	box-shadow:var(--box-s);
	width:100%;
}


.agreeline {display:flex; align-items:center; justify-content:flex-start; color:#fff; font-size:var(--fs-16); text-align:left}
.agreeline a {color:#fff; margin-left: 4px;}
.switch {display:inline-block; position:relative}
.switch input[type=checkbox] {opacity:0; width:0;height: 0; overflow:hidden;border:0; position:absolute;z-index:0}
.switch input[type=checkbox]+label {background:rgba(256,256,256,0.1);border-radius: 50px; height:20px;width:38px;position:relative; cursor:pointer;display:block;box-shadow:var(--rbb-box-shadow1);position:relative; overflow:hidden; margin-right:8px}
.switch input[type=checkbox]+label:after {content:''; position: absolute; top:0px; left:0px; width: 20px; height: 20px; background:#fff; border-radius: 50%; transition: all 0.3s ease; transform:translateX(0%) scale(0.7)}
.switch input[type=checkbox]+label:before {content:'';display;block; background:rgba(256,256,256,0.4); position:absolute; top:0;right:0;bottom:0;left:0; opacity:0; transition:background 0.2s ease}
.switch input[type=checkbox]:checked+label {background:rgba(256,256,256,0.3);}
.switch input[type=checkbox]:checked+label:before {opacity:0.4;}
.switch input[type=checkbox]:checked+label:after {transform:translateX(18px) scale(0.7);}


@keyframes main-ani {
	0% {background-position: 50% 30%;transform: scale(1.0);}
	20% {background-position: 50% 40%;transform: scale(1.1);}
	40% {background-position: 50% 30%;transform: scale(1.0);}
	60% {background-position: 50% 55%;transform: scale(1.1);}
	70% {background-position: 40% 55%;transform: scale(1.0);}
	100% {background-position: 50% 30%;transform: scale(1.0);}
}
@keyframes blur-ani {
	0% {backdrop-filter: blur(10px);}
	20% {backdrop-filter: blur(3px);}
	40% {backdrop-filter: blur(5px);}
	60% {backdrop-filter: blur(10px);}
	70% {backdrop-filter: blur(7px);}
	100% {backdrop-filter: blur(10px);}
}
@keyframes blink {
	0% {opacity: 0}
	1% {opacity: 1}
	50% {opacity: 1}
	51% {opacity: 0}
	100% {opacity: 0}
}
@keyframes roller {
	0% {transform:translateY(0);}
	30% {transform:translateY(0);}
	50% {transform:translateY(-7.2rem);}
	80% {transform:translateY(-7.2rem);}
	100% {transform:translateY(-14.4rem);}
}
@keyframes hani {
	0% {transform:scale(1.0);}
	33% {transform:scale(0);}
	80% {transform:scale(1.3);}
	100% {transform:scale(1.0);}
}
@keyframes size {
	0% {width:25%}
	30% {width:28%}
	60% {width:20%}
	100% {width:25%}
}
@keyframes volume {
	0% {transform:scale(0.2);}
	20% {transform:scale(1);}
	90% {transform:scale(1);}
	100% {transform:scale(0.2);}
}
@keyframes volume1 {
	0% {transform:scale(0.2);}
	40% {transform:scale(1);}
	80% {transform:scale(1);}
	100% {transform:scale(0.2);}
}
@keyframes volume2 {
	0% {transform:scale(0.2);}
	60% {transform:scale(1);}
	70% {transform:scale(1);}
	80% {transform:scale(0.2);}
	100% {transform:scale(0.2);}
}

.wd12 {display:none;}
@media screen and (min-width:1279px){
	.wd12 {display:block}
}
@media screen and (min-width:1381px){
	.wd13-center {align-items:center}
}
@media screen and (max-width:1380px){
	.page-inner {max-width:980px;padding:0 var(--pd-s30)}
	.rec {transform:scale(0.5) translate(-50%,50%);}
	.flexarea.f50 {flex-direction: column}
	.flexarea.f50 > div {flex:100%}
	.flexarea.f50.mrv {flex-direction: column-reverse;}
	.angleline {width:40px; height:40px;border-width: 1px}
	.rec {transform:scale(0.3) translate(-200%,250%);}
	.fullbox {margin:var(--pd-s10)}
	.angle01 {top:var(--pd-s10);left:var(--pd-s10);}
	.angle02 {top:var(--pd-s10);right:var(--pd-s10);}
	.angle03 {bottom:var(--pd-s10);left:var(--pd-s10);}
	.angle04 {bottom:var(--pd-s10);right:var(--pd-s10);}
	.logo {top:var(--pd-s30); left:var(--pd-s30);}
	.volumebox {bottom:var(--pd-s10);right:var(--pd-s10);transform:scale(0.6) translate(10%,0%);}
	.flexarea.center {justify-content:flex-start;flex-wrap: wrap;}
	.overimgbox {padding:var(--pd-s80) 0 var(--pd-s60);}
	.overimg {position:relative; transform:translateY(0); top:auto;left:auto}
	.overimg img {max-width:600px}

	.mdxyt {margin:var(--pd-s60) auto}
	.notibox {margin:0 auto}

}
@media screen and (max-width:880px){
	:root {
		--pd-s10:0.8rem;
		--pd-s16:1.4rem;
		--pd-s20:1.8rem;
		--pd-s30:2.6rem;
		--pd-s40:3.6rem;
		--pd-s50:4.4rem;
		--pd-s60:6rem;
		--pd-s70:7rem;
		--pd-s100:10rem;
		--pd-s180:12rem;
		--fs-70:4.8rem;
		--fs-50:5.0rem;
		--fs-40:3.2rem;
		--fs-30:2.8rem;
		--fs-22:2.0rem;
		--fs-20:1.8rem;
		--fs-18:1.6rem;
		--fs-16:1.4rem;
		--fs-14:1.2rem;
		--fs-12:1.1rem;
	}

	.logo img {width:120px}
	.ytbtn {font-size:var(--fs-18);padding:var(--fs-14) var(--pd-s20) var(--fs-14) var(--pd-s30);}
	.page-inner {text-align: center}
	.toplogo2 {width:180px;margin:0 auto var(--pd-s20);}
	.main-video {background-size:auto 120%}
	.svg-bg svg { transform: scale(5) translate(1px, -5px);}
	.half {width:100%}
	.overimg img {max-width:100%}
	.content h2:before,
	.content h2:after {left:var(--pd-s40);right:var(--pd-s40);width:auto}
	.ytbtn i {vertical-align:-3px}
	.sd-container {width:100%}
	.bccon .img {height:280px}
	.box-content > .bccon {flex:calc(4%/4); opacity:0.3}
	.box-content[role=a1] > .bc01 {flex:96%;opacity:1}
	.box-content[role=a2] > .bc02 {flex:96%;opacity:1}
	.box-content[role=a3] > .bc03 {flex:96%;opacity:1}
	.box-content[role=a4] > .bc04 {flex:96%;opacity:1}
	.box-content[role=a5] > .bc05 {flex:96%;opacity:1}


	.mdxyt {padding:var(--pd-s60) var(--pd-s20)}
	.formArea {padding:var(--pd-s30) var(--pd-s20); max-width:480px; margin:0 auto}
	.formArea input[type=text],
	.formArea input[type=tel],
	.formArea input[type=email] {font-size:var(--fs-18)}
	.pricebox-container {flex-direction:column;}
	.price-title {transform:rotate(0) translate(0); position:relative; top:auto;left: auto; padding:var(--pd-s10)}
	.pricebox-content {padding:var(--pd-s20) var(--pd-s20) var(--pd-s40)}
	.price {padding:var(--pd-s20) var(--pd-s20) var(--pd-s30); text-align: center}
	.pricebox .con {padding-bottom:var(--pd-s10)}
	.star {width:30px; height:30px; background-size:100%; top:-16px}
	.star.n2 {right:42px}
}


.modal {position:fixed; top:0; right:0;left:0;bottom:0; padding:var(--pd-s10); background:rgba(0,0,0,0.7); backdrop-filter: blur(10px); z-index:9999; display:none; flex-wrap:wrap; align-items:center; justify-items: center;justify-content:center}
.modal.on { display:flex;}
.modal .in-con {background:#fff; border-radius: var(--pd-s10); box-shadow: var(--box-s2); padding:var(--pd-s30);width: 100%; max-width:640px; text-align:left}
.modal .in-con h3 {font-size:var(--fs-20);color:#222; font-weight:600}
.modal .in-con .small-text-box {margin:var(--pd-s10) 0; max-height: 200px; overflow-y: auto; white-space: pre-line; font-size:var(--fs-14); line-height: 1.6; background:#e9e9e9; padding:var(--pd-s20);color:#333; }
.small-text-box table {width:100%; border-collapse:collapse; border-spacing:0 ;border-top:1px solid #ddd; border-left:1px solid #ddd;}
.small-text-box table th,
.small-text-box table td {padding:5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: center}
.small-text-box table td {background:#fff;}
.modal .in-con h2 {font-size:var(--fs-30); font-weight:bold; text-align:center}
.modal .in-con p {font-size:var(--fs-18); padding:var(--pd-s20) 0; line-height:1.8; color:#333; text-align:center}
.modal .in-con .modalbtn,
.modal .in-con .modalbtn2 {transition:all 0.3s linear;display:block;border-radius:var(--pd-s50); padding:var(--fs-16) var(--pd-s20) var(--fs-16) var(--pd-s20); font-size:var(--fs-18); font-weight: 400; cursor:pointer;color:#fff;
	background: var(--bg-df);
	background: var(--bg-gr);
	border:1px solid var(--bg-df);
	text-shadow:var(--text-s);
	box-shadow:var(--box-s);
	outline:0;
	width:100%;}

#agreeSmall {display:none;}
#agreeSmall.on {display:block;}
.modal-bg {position:fixed;z-index:99999; top:0;right: 0;bottom:0;left:0; padding:var(--pd-s20);background:rgba(0,0,10,0.5); backdrop-filter:blur(30px)}
.ajaxLording.flexarea {justify-content:center; align-items: center; height: 100%; width: 100%}
.ajaxLording.flexarea  img {max-width:70px}