html, body {
	margin: 0;
	overflow-x: clip;
	scroll-behavior: smooth;
	background-color: #fdfdfd;
}

.underconstruction {
	width: 100%;
	height: auto;
	position: fixed;
	top: 50%;
	/* left: 50%; */
	/* transform: translate(-50%,-50%); */
	z-index: 999;
}
.underconstruction img{width:100%; opacity:0.8;}

a, a:hover, a:visited, a:active {
  color: inherit !important;
  text-decoration: none !important;
 }
 

textarea, input, select{outline: none;   border: none;} 
textarea:focus, input:focus, select:focus{outline: none;   border: none;} 

.c {
	display: flex;
	justify-content: center;
	align-items: center;
}

.desktop {display: block !important;}
.mobile {display: none !important;}

h0{font-size: calc(100vw - 90vw)}

.s0{font-size: calc(100vw - 94vw)!important; }
.s1{font-size: calc(100vw - 96vw) !important;}
.s2{font-size: calc(100vw - 97vw) !important;}
.s2b{font-size: calc(100vw - 98.5vw) !important;}
.s3{font-size: calc(100vw - 98.8vw) !important;}
.s4{font-size: calc(100vw - 99.3vw) !important;}


.f1{font-family:century;}
.f2{font-family:centuryB;}
.f3{font-family:centuryI;}	
.f4{font-family:centuryBI;}	
.f5{font-family:impact;}	
.f6{font-family:gloss;}
.f7{font-family:signature;}

.changed::after {top: 10vh !important;}

hr.one {width:90%; display:block; margin:50px auto; border-top: 2px solid #999;}


div#slider { overflow: hidden; height: 100%; width: 70vw; float: right; }

div#slider figure {
	width: 500%;
	height: 100vh;	
	position: relative;
	margin: 0;
	left: 0;
	animation: 30s slidy infinite;
}

div#slider figure img {
	width: 20%;
	height: 100%;	
	float: left;
	object-fit: cover;
	object-position: center 25%;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


.slide1 { animation: slide1 1s ease backwards;animation-delay:500ms; }
.slide2 { animation: slide2 1s ease backwards;animation-delay:800ms; }
.slide3 { animation: slide3 1s ease backwards;animation-delay:1100ms; }
.slide4 { animation: slide4 1s ease backwards;animation-delay:1500ms; }
.slide5 { animation: slide5 1s ease backwards;animation-delay:1800ms; }

@keyframes slide1 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}

@keyframes slide2 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}

@keyframes slide3 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}

@keyframes slide4 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}

@keyframes slide5 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}





#header { width: 100vw; height: 10vh; position: relative; z-index: 999; box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.header_overlay { width: 100%; height: 30vh; position: absolute; background-image: url("../images/header_overlay.png");background-repeat: repeat-x; z-index: 900;}
.header_overlay2 { width: 100%; height: 30vh; position: absolute; background-image: url("../images/header_overlay.png"); background-repeat: repeat-x; z-index: -10;}
.headerA{ width:40%; height: 10vh; position:relative; float:left; }
.headerA img { width: max-content; height: 100%; margin: 0 0 0 5%; display: block; padding:unset; filter:none;}
.headerB { width: 45%; height: 10vh; position: relative; float: right; padding: 0; display: grid; grid-template-columns: auto auto auto auto auto auto; }
.header_btn { width: max-content; height: 10vh; position: relative; float: left; margin: 0; text-align: center; color: #999; transition: all ease 500ms; cursor: pointer; line-height: 10vh; }
.header_btn:hover {
	color:#FF6700;
}

.header_btn2 { width: max-content; height: auto; position: relative; float: left; margin: 0; text-align: center; color: #fff; transition: all ease 500ms; cursor: pointer; background-color: #F09819; padding: 0 10px; line-height: 10vh; }

.header_btn2:hover {
	background-color:#E04C0A;
}
#navbar {
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	top: -500px;
	width: 100%;
	display: block;
	transition: top 0.3s;
	z-index: 999;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.navbarA{width:40%; height:auto; position:relative; float:left;}
.navbarA img { width: 40%; padding: 5px; box-sizing: border-box; margin: 0 5%; filter: drop-shadow(0px 0px 4px rgba(255,255,255, 0.8));}
.navbarB { width: 45%; height: auto; position: relative; float: right; padding: 0; display: grid; grid-template-columns: auto auto auto auto auto auto; }

.nav_btn {
	width: max-content;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
	color: #fff;
	transition: all ease 500ms;
	cursor: pointer;
	margin-top: calc(100vh - 98vh);
	margin-right: calc(100vw - 98.1vw);
}
.nav_btn:hover{
	color:#666;
}

.nav_btn2 {
	width: max-content;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
	color: #fff;
	transition: all ease 500ms;
	cursor: pointer;
	margin-top: calc(100vh - 99vh);
	margin-right: calc(100vw - 97vw);
	background-color: #1EC41C;
	padding: 10px;
	border-radius: 12px;
}
.nav_btn2:hover{
	background-color:#0D830C;
}

.dropbtn {
	background-color: transparent;
	color: #999;
	border: none;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f4f4f4;
	min-width: 160px;
	text-align: left;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	transform: translateY(-10px);
	z-index: 300;
	top: 50px;
}

.dropdown-content a {
  color: #999;
  padding: 0 10px;
  text-decoration: none;
  display: block;
  width: 200px;
}
.dropdown:hover .dropdown-content {
display: block; transition: all .5s ease;
}
.dropdown-content a:hover {
	background-color: #999;
	color: #fff !important;
	transition: all 500ms ease-out;
}
.dropdown:hover .dropbtn {
background-color: transparent; 
}


.pop-out-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30vw;
	height: 90vh;	
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	display: none;
	z-index: 1000;
	box-shadow: 0 0 40px #242424;	
}

.pop-out-container div:nth-child(1) span{float: right; cursor: pointer;}
.pop-out-container div:nth-child(2) { width: 90%; height: auto; position: relative; text-align: center; color: #000; margin: 10vh auto 2vh auto; }
.index_submit { width: max-content; position: relative; padding: 10px 30px; box-sizing: border-box; background: green; color: #fff; margin: 0 auto; display: block; border-radius: 25px; cursor:pointer; transition:all ease 300ms;}
.index_submit:hover{transform: scale(1.1);}


.pop-out-button {
	background-color: #4CAF50;
	color: white;
	padding: 10px;
	border: none;
	cursor: pointer;
}

.input_registerA { width: 90%; position: relative; padding: 10px; box-sizing: border-box; display: block; margin: 10px auto; border-radius: 20px; background-color:#e3e3e3; color:#333; transition:all ease 300ms;}
.input_registerA:hover{background-color:#fff; color:#333;}
.input_registerB { width: calc(100vw - 87.2vw); position: relative; padding: 10px; box-sizing: border-box; display: block; margin: 0 0 10px 20px; border-radius: 20px; background-color: #e3e3e3; color: #333; transition: all ease 300ms; float: left; }
.input_registerB:hover{background-color:#fff; color:#333;}


.index_con_1{ width:100%; height:100vh; position:relative; float:left; }

.index_con_1a{ width:35%; height:100%; position:absolute; z-index: 900; 
    clip-path: ellipse(85% 85% at 15% 50%);
    /*clip-path: polygon(0% 0%, 90% 0, 90% 35%, 100% 51%, 90% 65%, 90% 100%, 0% 100%);*/
	background: #FF512F;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F09819, #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F09819, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/*.index_con_1a div:nth-child(1){width:100%; height:auto; position:relative; float:left;}
.index_con_1a div:nth-child(1) img { width: calc(100vw - 85vw); position: relative; margin: 10% 0 0 5%; display: block; filter: drop-shadow(5px 5px 4px #9b3300); }*/
.index_con_1a div:nth-child(1) { width: 67%; height: auto; position: relative; float: left; color: #f4f4f4; margin: calc(100vh - 80vh) 0 0 5%; text-align: right; }
.index_con_1a div:nth-child(2) { width: 67%; height: auto; position: relative; float: left; color: #f4f4f4; margin: 0 0 0 5%; text-align: right; }
.index_con_1a div:nth-child(3) { width: 67%; height: auto; position: relative; float: left; color: #f4f4f4; margin: 0 0 0 5%; text-align: right; }
.index_con_1a div:nth-child(4) { width: 67%; height: auto; position: relative; float: left; color: #f4f4f4; margin: 0% 0 0 5%; padding: 20px 0; box-sizing: border-box; text-align: right; }
/*.index_con_1a div:nth-child(5){width:100%; height:auto; position:relative; float:left; color: #f4f4f4; margin: 5% 0 0 5%;}*/
/*.index_con_1a div:nth-child(4) { width: max-content; height: auto; position: relative; float: right; color: #f4f4f4; margin: 5% 30% 0 0; padding: 20px 25px; box-sizing: border-box; border: 1px solid #f4f4f4; cursor: pointer; transition: all ease 500ms; }
.index_con_1a div:nth-child(4):hover{ background-color:#000; color:#fe6601; border:1px solid #000; }*/

.index_con_2{ width:100%; height:80vh; position:relative; float:left; gap: 1%; padding:2%; box-sizing: border-box; flex-direction: row; flex-wrap: wrap;
	background-color:#f4f4f4;
	/*background: rgb(240,152,25);
	background: -moz-linear-gradient(90deg, rgba(240,152,25,1) 0%, rgba(255,81,47,1) 40%);
	background: -webkit-linear-gradient(90deg, rgba(240,152,25,1) 0%, rgba(255,81,47,1) 40%);
	background: linear-gradient(90deg, rgba(240,152,25,1) 0%, rgba(255,81,47,1) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09819",endColorstr="#ff512f",GradientType=1); */
}
.index_con_2_box{ width:30%; height:auto; position:relative; float:left; }
.index_con_2_box img { width: 50%; margin: 0 auto; display: block; filter: invert(17%) sepia(6%) saturate(3%) hue-rotate(334deg) brightness(96%) contrast(90%); }
.index_con_2_box span { display: block; width: 90%; margin: 0 auto; text-align: center; color:#333; line-height: 22px;}
.index_con_2_btn {width: max-content; height:auto; position:relative; float:left; padding:10px 20px; box-sizing: border-box; margin: 10px 0; border:1px solid #333; transition:all ease 300ms; cursor:pointer; }
.index_con_2_btn:hover { background:#F09819; border:1px solid #F09819; color:#f4f4f4;}

.index_con_3_box{width:100%; height:auto; position:relative; padding: 1% 5%; float: left; box-sizing: border-box; margin: 5% 0 5% 0;}
.index_con_3_boxA {width:50%; height:auto;position:relative; float:left;}
.index_con_3_boxA img {width: 30%; height:100%;}
.index_con_3_boxA span {width: 100%; height:auto; position:relative; float:left;}
.index_con_3_boxB {width:50%; height:auto;position:relative; float:left; display:grid; grid-template-columns:auto auto auto;}
.id-box{ width:100%; height:auto;}
.id-box img { width: 100%; height: 170px; object-fit: contain; }
.id-box span { width: 60%; position: relative; float: left; left: 50%; transform: translate(-50%); }

.index_con_4_box{width:100%; height:auto; position:relative; padding: 1% 5%; float: left; box-sizing: border-box; display:grid; grid-template-columns: 40% 60%; background-color:#FF512F; color:#f4f4f4;}
.index_con_4_image{width:100%; height: auto; position: relative;}
.index_con_4_image img { width: 100%; height: 200px; object-fit: cover; }
.index_con_4_content {padding:0 10%;}

.index_con_intro{width:100%; height:auto; position:relative; float:left; padding: 5%; box-sizing:border-box;}


/*
.index_con_3 { width: 100%; height: 100vh; position: relative; float: left; background-image: url("../images/index_service_bg.jpg"); background-size: cover; background-repeat: no-repeat; }
.index_con_3_a { width:50%; height:100%; position:relative; float:left; }
.index_con_3_a div:nth-child(1) { width: 50%; height: 70%; position: relative; background: #000; z-index: 10; top: 20%; left: 0; }
.index_con_3_a div:nth-child(1) img { width: 100%; height: 100%; object-fit: cover; border: 4px solid #f4f4f4; transform: rotate(-12deg);}
.index_con_3_a div:nth-child(2) { width: 50%; height: 50%; position: relative; background: #000; top: -40%; left: 52%; z-index: 8; }
.index_con_3_a div:nth-child(2) img { width: 100%; height: 100%; object-fit: cover; border: 4px solid #f4f4f4; transform: rotate(15deg);}
.index_con_3_b { width: 50%; height: 100%; position: relative; float: left; padding: 25vh 5% 0 7vw; box-sizing: border-box; }
.index_con_3_b div:nth-child(1){ color:#333; line-height: calc(100vh - 92vh); margin-bottom: 5vh;}
.index_con_3_b div:nth-child(2){ color:#333;}
.index_con_3_b div:nth-child(3) { width: max-content; height: auto; position: relative; float: left; color: #333; margin: 5% 0; padding: 10px 15px; box-sizing: border-box; border: 1px solid #333; cursor:pointer; transition:all ease 500ms;}
.index_con_3_b div:nth-child(3):hover{ background-color:#333; color:#f4f4f4; border:1px solid #333; }
*/

/*
.index_con_4 {width: 100%; height: 100vh; position: relative; float: left; background-image: url("../images/index_worker_bg.jpg"); background-size: cover; background-repeat: no-repeat;}
.index_con_4_a { width:50%; height:100%; position:relative; float:left; }
.index_con_4_a img { width: max-content; height: 87%; position: absolute; display: block; margin: 0px calc(100vw - 90vw); bottom: 0; object-fit: cover; object-position: 0 10vh; -webkit-filter: drop-shadow(0px 11px 4px #999); filter: drop-shadow(0px 11px 4px #999); }
.index_con_4_b { width:50%; height:100%; position:relative; float:left; padding: 25vh calc(100vw - 98vw); box-sizing: border-box;}
.index_con_4_b div:nth-child(1){ color:#FF512F; line-height: calc(100vh - 92vh); margin-bottom: 5vh;}
.index_con_4_b div:nth-child(2){ color:#666;}
.index_con_4_b div:nth-child(3){ width:100%; position:relative; float:left;}
.index_con_4_b div:nth-child(3) img { width: calc(100vw - 85vw); display: block; margin: 5vh auto; transition: ease 300ms; cursor:pointer; filter: invert(40%) sepia(1%) saturate(1%) hue-rotate(352deg) brightness(97%) contrast(87%);}
.index_con_4_b div:nth-child(3) img:hover{ filter: invert(39%) sepia(76%) saturate(1195%) hue-rotate(337deg) brightness(98%) contrast(108%); transform: scale(1.2)}
*/


.index_con_5 {width: 100%; height: 60vh; position: relative; float: left; background-image: url("../images/index_event_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}
.index_con_5:before { content: ''; position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7);}
.index_con_5 div:nth-child(1) {width:100%; height:auto; position:relative; float:left; color:#F09819; margin:10vh 0 0 0; text-align:center;}
.index_con_5 div:nth-child(2) { width: 50%; height: auto; position: relative; color: #f4f4f4; margin: 10px auto; text-align: center; }
.index_con_5 div:nth-child(3) {width: 50%; height:auto; position:relative; margin: 0 auto; gap: 3%;}
.index_con_5 div:nth-child(3) img{width: calc(100vw - 95vw); transition: all ease 300ms; cursor:pointer;}
.index_con_5 div:nth-child(3) img:hover {transform: scale(1.2);}

.index_con_6 { width: 100%; height: 100vh; position: relative; float: left; background-image: url("../images/index_gallery_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: scroll; padding: 25vh 0 0 0; box-sizing: border-box; }
.index_con_6 div:nth-child(1) { width: 100vw; height: 40vh; position: relative; float: left; /*top: calc(100vh - 85vh);*/ padding: 0 5%; box-sizing: border-box; display: flex; gap: 5%; }
.index_con_6_img {width:25%; height:100%; position:relative; float:left; object-fit: cover; filter: drop-shadow(5px 5px 10px #666);}
.index_con_6 div:nth-child(2) { width: 100%; height: auto; position: relative; text-align: center; float: left; margin:3% auto 0 0; }
.index_con_6 div:nth-child(3) { width: max-content; height: auto; position: relative; float: left; color: #333; clear: both; margin: 1% 45vw; padding: 10px 15px; box-sizing: border-box; border: 1px solid #333; cursor: pointer; transition: all ease 500ms; }
.index_con_6 div:nth-child(3):hover{ background-color:#333; color:#f4f4f4; border:1px solid #333; }


.question_box{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	padding: 0 0 10vh 0;
}
.question_box div:nth-child(1) { 
	width:100%; 
	position:relative; 
	float:left; 
	color:#666; 
	text-align:center; 
	padding: 10vh 0; 
	box-sizing:border-box;
	}
	
.question_box-icon {
	width: 15%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(77vw,5vh);
}
.question_box-icon img {width:100%;}


.question_collapsible {
	width: 80vw;
	height: auto;
	position: relative;
	float: left;
	background-color: #666;
	color: #fff;
	text-align: left;
	padding: 10px 20px;
	left: 50%;
	margin: 10px 0 0 0;
	transform: translate(-50%);
	cursor: pointer;
	transition: all ease 500ms;
}
.question_collapsible:hover {
	background-color:#333;
}

.question_collapsible::before {
	content: "+";
	font-weight: bolder;
	display: block;
	width: 30px;
	position: relative;
	float: left;
	text-align: left;
	padding-left: 20px;
}
.active-question:before {
	content: "-";
	font-weight: bolder;
}

.content {
	width: 80vw;
	height: auto;
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #fff;
	color:#666;
	left: 50%;
	transform: translate(-50%);
	position: relative;
}

.content p {
	margin:10px 0;
}

.profile_container{width:100%; height:100vh; position:relative; padding: 15vh 5% 0 5%; box-sizing:border-box;}
.profile-title{width:100%; height:auto; position:relative;}
.profile-content{width:100%; height:auto; position:relative; color:#666;}
.profile-image{width:100%; height:auto; position:relative; float:left;}
.profile-image img{width:100%; height:100%; object-fit:cover;}


.service_con { width: 80%; height: auto; position: relative; margin: 20vh auto 0 auto; display: grid; grid-template-columns: 25% 25% 25% 25%; }
.service_con1 { width: 100vw; height: 70vh; position: relative; float: left; background-image: url("../images/service_1.jpg"); background-size: cover; background-repeat: no-repeat; background-position-y: -15vh;; }
.service_title { width: 100%; height: auto; position: absolute; text-align: center; color: #fff;/*color: #F09819;*/ bottom: 0; text-shadow: 5px 5px 10px rgb(0,0,0,0.7); }
.service_collapsible {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-bottom:10vh;
}
.service_collapsible img {width: 40%; margin:0 auto; display:block; transition: all ease 300ms; filter: invert(40%) sepia(5%) saturate(10%) hue-rotate(331deg) brightness(96%) contrast(94%);}
.service_collapsible img:hover {filter: invert(69%) sepia(99%) saturate(2009%) hue-rotate(349deg) brightness(97%) contrast(93%);}
.service_collapsible span{width:90%; display:block; margin:0 auto; text-align:center; color:#333;}

.titleContent {
	width: 90%;
	height: auto;
	position: relative;
	float: left;
	color: #333;
	margin:5vh 0;
	left: 50%;
	transform: translate(-50%);
}

.service_box {
	width: 80%;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 5vh;
	border: 1px solid #666;
	border-radius: 30px;
	padding: 10%;
	box-sizing: border-box;
}
.service_box img {width: 60%; margin:0 auto; display:block; transition: all ease 300ms; /*filter: invert(40%) sepia(5%) saturate(10%) hue-rotate(331deg) brightness(96%) contrast(94%);*/}
.service_box img:hover {filter: invert(69%) sepia(99%) saturate(2009%) hue-rotate(349deg) brightness(97%) contrast(93%);}
.service_box span{width:90%; display:block; margin:0 auto; text-align:center; color:#333;}


.search_con{ width:100%; height:auto; position:relative; float:left; margin-top: calc(100vh - 90vh); }
.search_conA{ width:20%; height:auto; position:relative; float:left; } 
.search_conB { width: 80%; height: auto; position: relative; float: left; display: grid; grid-template-columns: 25% 25% 25% 25%; gap: 0%; padding: 0 2% 5% 2%; box-sizing: border-box; }
.search_box { width: calc(100vw - 85vw); height: auto; position: relative; float: right; /*margin: 0 auto;*/ padding: 20px; background: #f4f4f4; border: 1px solid #dfdfdf; border-radius: 24px; }
.search-select{ width:100%; }
.search-btn{width:100%; height:auto; padding:2% 5%; color:#f4f4f4; background:#333; transition:ease all 300ms; cursor:pointer;}
.search-btn:hover{color:#333; background:#999;}

.service-page-con-1 { width: 100%; height: 70vh; position: relative; float:left; }
.service-page-con-1 img { width: 100%; height: 100%; object-fit:cover; }
.service-page-con-title {color:#F09819; margin:20px 0;}
.service-page-con-content {color:#333; margin:20px 0;}
.service-page-con-2 { width: 100%; height: auto; position: relative; float: left; padding: 2% 5% 5% 5%; }
.service-page-con-2-step { width: 100%; height: auto; position: relative; text-align: center; display: grid; grid-template-columns: 17.5% 5% 17.5% 5% 17.5% 5% 17.5%; left: 57%; transform: translate(-50%); }
.step-con{ width:100%; height:auto; border:2px solid #F09819; text-align: left; display:grid; grid-template-columns:20% 80%; padding: 5%; align-items: center;}
.service-page-bottom{width:90%; height:auto; position:relative; display:block; margin:5% auto;}


.employee_box {
	width: 90%;
	height: auto;
	position: relative;
	float: left;
	display: inline-table;    
	padding: 5%;
	box-sizing: border-box;
	background: #f4f4f4;
    margin-bottom: 25px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	transition: all ease 300ms;
}
.employee_box:hover{box-shadow: 0 0 10px rgba(240,152,25, 0.8);}

.em-label { width: 90%; height: 70%; position: absolute; z-index: 10; top: 0; right: 25px; }
.em-label img{ width: 40%; object-fit: cover; object-position: center; position: absolute; right: 0; top: 0; }
.em-photo {width:100%; height:50%; position:relative; float:left;}
.em-photo img { width: 80%; height: auto; margin: 0 auto; display: block; object-fit: cover; object-position: center; }
.em-id{width:100%; height:auto; position:relative; float:left; color:#333;}
.em-id::before{content:'ID: '}
.em-name{width:100%; height:auto; position:relative; float:left; color:#FF512F; margin-top:5%;}

.em-age:before{content:'Age :'; width:100%; position:relative; float:left; color:#999; font-size: 12px;}
.em-age{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666;}

.em-religion:before{content:'Religion :'; width:100%; position:relative; float:left; color:#999; font-size: 12px;}
.em-religion{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666; }

.em-height:before{content:'Height :'; width:100%; position:relative; float:left; color:#999; font-size: 12px;}
.em-height{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666;}

.em-weight:before{content:'Weight :'; width:100%; position:relative; float:left; color:#999; font-size: 12px;}
.em-weight{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666;}

.em-exp:before{content:'Level :'; width:100%; position:relative; float:left; color:#999; font-size: 12px;}
.em-exp{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666;}

.em-whatsapp {width:100%; height:auto; position:relative; float:left; padding:5%; box-sizing: border-box;}
.em-whatsapp img{width:100%; cursor: pointer;}

.employee_box_modal {
	width: 100%;
	height: 100%;
	position: relative;
	padding: calc(100vh - 99vh) calc(100vw - 99vw);
	box-sizing: border-box;
}

.em-photo-modal {width:50%; height:100%; position:relative; float:left; color:#666; padding: 0 5% 0 0;}
.em-photo-modal img{width:100%; height:100%; object-fit: cover; object-position:center;}
.em-title-modal { width: 50%; height: auto; position: relative; float: left; margin-top: 5vh; line-height: 10px; }
.em-name-modal {width:50%; height:auto; position:relative; float:left; color:#FF512F; margin-bottom: 5vh;}

.em-name-input { width: 50%; padding: 2% 2%; box-sizing: border-box; background: #f4f4f4; border-radius: 30px; }
.em-name-select { width: 50%; padding: 2% 2%; box-sizing: border-box; border-radius: 30px; }
.em-submit { width: 50%; padding: 2% 2%; box-sizing: border-box; border-radius: 30px; background:#666; color:#f4f4f4; transition:all ease 300ms;}
.em-submit:hover{background:#F09819; color:#f4f4f4;}



.user_container { width: 50%; height: auto; position: relative; float:left; left:50%; transform:translate(-50%); background: #f4f4f4; }
.user_container::before { width: 30px; height: 100%; background-image: url("../images/border.png"); background-repeat: repeat-y; position: absolute; left: -29px; content: ''; background-size: contain; -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.user_container::after { width: 30px; height: 100%; background-image: url("../images/border.png"); background-repeat: repeat-y; position: absolute; right: -29px; content: ''; background-size: contain; -moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1); top: 0; }

.user_photo { width: calc(100vw - 85vw); height: calc(100vh - 65vh); position: relative; margin: 10vh 0 5vh 0; background: #fff; float: left; left: 50%; transform: translate(-50%); }
.user_photo img {width:100%; height:100%; object-fit: cover; padding: 3px;}
.user_upload_photo { width: calc(100vw - 97vw); position: absolute; background: #333; border-radius: 50%; padding: 1%; box-sizing: border-box; cursor: pointer; top: -10%; right: -10%; }
.user_upload_photo img{ width:100%; height:100%; object-fit: contain; filter: invert(100%) sepia(4%) saturate(754%) hue-rotate(244deg) brightness(117%) contrast(91%);}

.user_info_box{width:100%; height:auto; position:relative; float:left; display: grid; grid-template-columns:30% 65%; grid-row-gap: 15px;}
.user_title{color:#999; position: relative; float:left;}
.user_name{color:#FF512F; position: relative; float:left;}
.user_info{color:#333; position: relative; float:left;}
.user_em{color:#D30000; position: relative; float:left;}
.user_edit{background:#fff; box-shadow:0 0 5px #ccc; padding: 5px 10px; color:#999;}

.user_button{width:100%; height:auto; position:relative; float:left; display:flex; justify-content: center;}
.user_btn{width: 50%; height:auto; padding:2% 5%; background:#F09819; text-align:center; border:1px solid #F09819; color:#f4f4f4; transition:all ease 300ms; margin:5vh 5%; cursor:pointer;}
.user_btn:hover{background:#999; border:1px solid #999; color:#333;}

.user_quote{margin-top:0px; height:300px;}


.login_con{width:100vw; height:100vh; position:relative; float:left; display:flex; justify-content: center; align-items: center;}
.login_box { width: calc(100vw - 60vw); height: auto; background: #f4f4f4; box-shadow: 0 0 10px rgb(0,0,0,0.5); padding: 3%; box-sizing: border-box;} 
.login_logo {width:100%; height:auto; position:relative;}
.login_logo img{width:60%; margin:0 auto; display:block; margin-bottom:5vh;}
.login_input { width: 100%; height: auto; position: relative; padding: 2% 5%; border-radius: 20px; background: #fff; box-shadow: 0 0 10px rgb(0,0,0,0.1); margin: 3% auto; }
.login_btn { width: 100%; height: auto; padding: 10px 20px; background: #28a745; border: 1px solid #28a745; color: #f4f4f4; transition: all ease 300ms; margin: 20px 0; cursor: pointer; text-align: center; border-radius: 20px; float: left; }
.login_btn:hover{background:#28a745; border:1px solid #999; color:#333;}
.back_btn { width: 100%; height: auto; padding: 10px 20px; background: #fd7e14; border: 1px solid #fd7e14; color: #f4f4f4; transition: all ease 300ms; margin: 0; cursor: pointer; position: relative; float: left; text-align: center; border-radius: 20px; }
.back_btn:hover{background:#fd7e14; border:1px solid #fd7e14; color:#333;}

.forgot { width: 100%; position: relative; color: #666; cursor: pointer; text-align: right; }
.forgot:hover{width:max-content; position:relative; color:#F09819; }


.gallery_container { width: 100%; height: auto; position: relative; float:left; padding: 0 5%; box-sizing: border-box; display: grid; grid-template-columns: auto auto auto auto auto; }
.gallery_box {
	width: calc(100vw - 85vw);
	height: calc(100vh - 59vh);
	position: relative;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	margin: 1vw;
}
		
.gallery_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
	padding: 10px;
}

.gallery_con1 { width: 100vw; height: 40vh; position: relative; float: left; background-image: url("../images/gallery_1.jpg"); background-size: cover; background-repeat: no-repeat; background-position-y: -10vh; }
.gallery_con1 div:nth-child(1) { width: max-content; color: #f4f4f4; position: absolute; top: 100%; left: 50%; line-height: calc(100vh - 90vh); transform: translate(-50%, -100%); text-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); }
.gallery_con1 div:nth-child(1) span { width: max-content; color: #f4f4f4; left: 10%; position: relative; display: block; }


.news_container{width:100%; height:auto; position:relative; float:left; padding:5%; margin-top:20vh;}
.news_A {width:50%; height:auto; position:relative; float:left;}
.news_A div:nth-child(1){width:100%; height:auto; position:relative; float:left; color:#FF512F;}
.news_A div:nth-child(2){width:100%; height:auto; position:relative; float:left; color:#666;}

.news_B {width:50%; height:auto; position:relative; float:left;}

.contact_container {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	display: grid;
	grid-template-columns: 50% 50%;
}

.contact_title{
width:100%;
height:auto;
position:relative;
float:left;
color:#333;
}

.contact_conA{
	position:relative;
	float:left;
	z-index:10;
	background-image: url("../images/contact_2.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	padding: 30vh 0 0 0;
}
.contact_conA img { width: 100%; height: 50vh; object-fit: cover; position: absolute; top: 30vh; left: 50%; transform: translate(-20%, 0vh); border: 3px solid white; }
.contact_conA div:nth-child(1) {width:100%; height:auto; position:relative; float:left; padding:2% 5%;}
.contact_conA div:nth-child(2) {width:100%; height:auto; position:relative; float:left; padding:1% 5%; color:#F09819;}
.contact_conA div:nth-child(3) {width:100%; height:auto; position:relative; float:left; padding:1% 5%; color:#f4f4f4;}
.contact_conA div:nth-child(4) {width:100%; height:auto; position:relative; float:left; padding:1% 5%; color:#f4f4f4;}
.contact_conA div:nth-child(5) {width:100%; height:auto; position:relative; float:left; padding:1% 5%; color:#f4f4f4;}




.contact_conB{
	position:relative;
	float:left;
	background-image: url("../images/contact_3.jpg");
	background-repeat: no-repeat;
	background-size:cover;	
}
.contact_conB_inner {
	width: 80%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	padding: 30vh 0;
	box-sizing: border-box;
}

.contact-input {
	width: 95%;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	padding: 10px 10px;
	color: #999;
	margin:10px 0;
}

.contact_send{
width:max-content;
padding:10px 20px;
position:relative;
float:left;
background:#333;
color:#f4f4f4;
transition:all ease 300ms;
}
.contact_send:hover {
background:#666;
color:#f4f4f4;
}

.register-container{
    width:100%;
    height:100vh;
    position:relative;
    float:left;
    background: linear-gradient(to right, #F09819, #FF512F);
}

.register-A {
	width: 50%;
	height: 100%;
	position: relative;
	float: left;
	background-image: url("../images/register-bg.jpg");
	background-size: cover;
	background-position-y: center;
}

.register-B {
	width: 50%;
	height: 100%;
	position: relative;
	float: left;
    padding: 2% 10%;
    box-sizing: border-box;
    box-shadow: 5px 0 30px #000;
}

.register-done {
	width: 50vw;
	height: auto;
	position: absolute;
	background: #f4f4f4;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 5%;
	box-sizing: content-box;
	text-align: left;
}

.register-done-btn-1 {
	width: 50%;
	height: auto;
	position: relative;
	float: left;
	text-align: left;
	margin-top: 5vh;
}

.register-done-btn-2 {
	width: 50%;
	height: auto;
	position: relative;
	float: right;
	text-align: right;
	margin-top: 5vh;
}

.container_flickity {
	width: 100%;
	height: 85vh;
	position: relative;
	z-index: 0;
}
.container_flickity::before {
	content: "";
	width: 80%;
	height: 100%;
	position: absolute;
 background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.882773092147015) 76%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.882773092147015) 76%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.882773092147015) 76%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	display: block;
	z-index: 10;
	right: 0;
}
.container_flickity_content {
	width: 40%;
	height: auto;
	position: absolute;
	right: 0;
	z-index: 20;
	text-align: right;
	top: 50%;
	transform: translate(0,-50%);
	padding: 0 5%;
}
.gallery-cell {
	width: 100vw;
	height: 100%;
	background: #000;
	display: block;
	object-fit: contain;
}
.gallery-cell img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 auto;
	position: relative;
	display: block;
	object-position: center;
}

.training-con-2{
    width:100%;
    height:30vh;
    position:relative;
    float:left;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#FF512F;
}
.training-con-2 img{
    width:20%;
    height:100%;
    position:relative;
    float:left;
    padding: 1%;
    object-fit:cover;
    object-position:center;
}
.training-con-2 div {
	width: max-content;
	height: auto;
	position: relative;
	float: left;
	color: #f4f4f4;
}
.training-con-2 div span {
	width: max-content;
	height: auto;
	position: absolute;
	display: block;
	right: 0;
	transition:all ease 500ms;
	cursor: pointer;
}

.training-con-2 div span:hover{color:#666;}



#footer {
	width: 100vw;
	height: auto;
	position: relative;
	float: left;	
	padding: 10vh 0 0 0;
	box-sizing: border-box;
	background: #333; 
}

.footerA {width:30%; height:auto; position:relative; float:left;}
	.footerA div:nth-child(1){ width:100%;}
	.footerA div:nth-child(1) img { width: 60%; margin: 0 auto; display: block; }
	.footerA div:nth-child(2) {width: 50%;color: #f8f4e3;margin: 0 auto;text-align: center; margin-top:3vh;}
	.footerA div:nth-child(3) {width: 65%;color: #f8f4e3;margin: 0 auto;text-align: center;}

.footerB {width:30%; height:auto; position:relative; float:left;}
	.footerB div:nth-child(1){ width: fit-content; color:#f8f4e3; letter-spacing: 10px; border-bottom: 1px solid #f8f4e3;}
	.footerB div:nth-child(2){ width:100%; color:#f4f4f4; }
	.footerB div:nth-child(2) li { margin:8px 0; transition:all ease .3s;}
	.footerB div:nth-child(2) li:hover { color:#f4f4f4;}

.footerC {width:40%; height:auto; position:relative; float:left; padding: 0 5% 0 0; box-sizing: border-box;}
	.footerC div:nth-child(1){width: fit-content; color:#f8f4e3; letter-spacing: 10px; border-bottom: 1px solid #f8f4e3;}
	.footerC div:nth-child(2){width:100%; height:auto; position:relative; float:left; color:#f4f4f4; padding:5px 10px; box-sizing: border-box;}
	.footerC div:nth-child(2) span{text-indent:40px; display:block;}
	.footerC div:nth-child(2)::before{content: "" ; width:20px; height:45px; position:relative; float:left; margin-right: 20px; background-image:url("../images/icon-04.png"); background-repeat: no-repeat; background-size: contain; filter: invert(80%) sepia(92%) saturate(11%) hue-rotate(297deg) brightness(111%) contrast(91%);}

	.footerC div:nth-child(3){width:100%; height:auto; position:relative; float:left; color:#f4f4f4; padding:5px 10px; box-sizing: border-box;}
	.footerC div:nth-child(3)::before{content: "" ; width:20px; height:20px; position:relative; float:left; margin-right: 20px; background-image:url("../images/icon-05.png"); background-repeat: no-repeat; background-size: contain; filter: invert(80%) sepia(92%) saturate(11%) hue-rotate(297deg) brightness(111%) contrast(91%);}	

	
	.footerC div:nth-child(4){width:100%; height:auto; position:relative; float:left; color:#f4f4f4; padding:5px 10px; box-sizing: border-box;}
	.footerC div:nth-child(4)::before{content: "" ; width:20px; height:20px; position:relative; float:left; margin-right: 20px; background-image:url("../images/icon-05.png"); background-repeat: no-repeat; background-size: contain; filter: invert(80%) sepia(92%) saturate(11%) hue-rotate(297deg) brightness(111%) contrast(91%);}	
	.footerC div:nth-child(5){width:100%; height:auto; position:relative; float:left; color:#f4f4f4; padding:5px 10px; box-sizing: border-box;}
	.footerC div:nth-child(5)::before{content: "" ; width:20px; height:20px; position:relative; float:left; margin-right: 20px; background-image:url("../images/icon-07.png"); background-repeat: no-repeat; background-size: contain; filter: invert(80%) sepia(92%) saturate(11%) hue-rotate(297deg) brightness(111%) contrast(91%);}
	.footerC div:nth-child(6){width:100%; height:auto; position:relative; float:left; color:#f4f4f4; padding:5px 10px; box-sizing: border-box;}
	.footerC div:nth-child(6)::before{content: "" ; width:20px; height:20px; position:relative; float:left; margin-right: 20px; background-image:url("../images/fb.png"); background-repeat: no-repeat; background-size: contain; filter: invert(80%) sepia(92%) saturate(11%) hue-rotate(297deg) brightness(111%) contrast(91%);}


::placeholder {
    font-size:12px;
    opacity: 1; 
}

select {
  font-size: 12px !important;
}

option {
  color: #333;
  font-size: 12px !important;
}










@media screen and (max-width: 800px) { 

html, body {
	margin: 0;
	overflow-x: clip;
	scroll-behavior: smooth;
	background-color: #fdfdfd;
}

a, a:hover, a:visited, a:active {
  color: inherit !important;
  text-decoration: none !important;
 }
 

textarea, input, select{outline: none;   border: none;} 
textarea:focus, input:focus, select:focus{outline: none;   border: none;} 

.c {
	display: flex;
	justify-content: center;
	align-items: center;
}

.desktop {display: none !important;}
.mobile {display: block !important;}

h0{font-size: calc(100vw - 90vw)}


.s0{font-size: calc(100vw - 86vw)!important;}
.s1{font-size: calc(100vw - 90vw) !important;}
.s1b{font-size: calc(100vw - 92vw) !important;}
.s2{font-size: calc(100vw - 93vw) !important;}
.s2b{font-size: calc(100vw - 94vw) !important;}
.s3{font-size: calc(100vw - 95vw) !important;}
.s4{font-size: calc(100vw - 96vw) !important;}
.s5{font-size:10px!important;}

.f1{font-family:century;}
.f2{font-family:centuryB;}
.f3{font-family:centuryI;}	
.f4{font-family:centuryBI;}	
.f5{font-family:impact;}	
.f6{font-family:gloss;}
.f7{font-family:signature;}

.changed::after {top: 10vh !important;}

.mobile_logo {
	width: calc(100vw - 30vw);
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-43%, 15%);
	z-index: 900;
	padding: 10px;
	box-sizing: border-box;
}
.mobile_logo img{width:100%; }

.hamburger {
	background: rgb(0,0,0,0.8);
	width: 10vw;
	color: #f4f4f4;
	text-align: center;
	padding: 15px;
	position: fixed;
	z-index: 999;
	font-size: calc(100vw - 90vw) !important;
	border-bottom-right-radius: 30px;
	box-sizing: content-box;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content,  .overlay-content-2{
  position: relative;
  top: 10%;
  width: 100%;
	height:100%;
  text-align: center;
  margin-top: 0;
}

.overlay-content-2{ text-align: left !important; padding: 10% 5% 0 5%; box-sizing: border-box;}	
	
.overlay a {
  padding: 0;
  text-decoration: none;
  font-size: 36px;
  color: #818181 !important;
  display: block;
  margin: 15px;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
	position: absolute;
	top: 0;
	right: 5%;
	transform: translate(85%,10%);
	z-index: 100;
}

.collapsible {
	color: #818181;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	margin: 10px 10px;
	background: unset;
}

.collapse-content {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	color:#818181;
}
.collapse-content div{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	color: #f4f4f4;
}

div#slider { overflow: hidden; height: 100%; width: 100%; float: right; }

div#slider figure {
	width: 500%;
	height: 100vh;	
	position: relative;
	margin: 0;
	left: 0;
	animation: 30s slidy infinite;
}

div#slider figure img {
	width: 20%;
	height: 100%;	
	float: left;
	object-fit: cover;
	object-position: center 25%;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


.slide1 { animation: slide1 1s ease backwards;animation-delay:500ms; }
.slide2 { animation: slide2 1s ease backwards;animation-delay:800ms; }
.slide3 { animation: slide3 1s ease backwards;animation-delay:1100ms; }
.slide4 { animation: slide4 1s ease backwards;animation-delay:1500ms; }
.slide5 { animation: slide5 1s ease backwards;animation-delay:1800ms; }

@keyframes slide1 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}

@keyframes slide2 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}

@keyframes slide3 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}

@keyframes slide4 { 
 	0%{ transform:translate(0, 50px); opacity: 0;} 
  100%{ transform:translate(0px, 0); opacity: 1;}
}

@keyframes slide5 { 
 	0%{ transform:translate(0, 0); opacity: 0;} 
  100%{ transform:translate(0, 0); opacity: 1;}
}





#header { width: 100vw; height: 10vh; position: absolute; z-index: 999;}
.header_overlay { width: 100%; height: 30vh; position: absolute; background-image: url("../images/header_overlay.png"); background-repeat: repeat-x; z-index: 900;}
.header_overlay2 { width: 100%; height: 30vh; position: absolute; background-image: url("../images/header_overlay.png"); background-repeat: repeat-x; z-index: -10;}
.headerA{ width:30%; height: 10vh; position:relative; float:left; }
.headerA img { width: 50%; margin: 0 auto; display: block; padding: 5%; filter: drop-shadow(0px 0px 10px rgb(255, 255, 255));}
.headerB{ width:70%; height: auto; position:relative; float:right; padding: 2% calc(100vw - 100vw); box-sizing: border-box;}
.header_btn {
	width: max-content;
	height: auto;
	position: relative;
	float: left;
	margin: 5% 2%;
	text-align: center;
	color: #fff;
	transition: all ease 500ms;
	cursor: pointer;
}
.header_btn:hover {
	color:#FF6700;
}

.header_btn2 {
	width: max-content;
	height: auto;
	position: relative;
	float: left;
	margin: 4% 1%;
	text-align: center;
	color: #fff;
	transition: all ease 500ms;
	cursor: pointer;
	background-color:#F09819;
	padding: 10px;
}
.header_btn2:hover {
	background-color:#E04C0A;
}

#navbar {
	background: rgba(255, 119, 0, 0.9);
	position: fixed;
	top: -500px;
	width: 100%;
	display: none;
	transition: top 0.3s;
	z-index: 999;
}
#navbar div:nth-child(1){width:40%; height:auto; position:relative; float:left;}
#navbar div:nth-child(1) img { width: 40%; padding: 5px; box-sizing: border-box; margin: 0 5%; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));}
.nav_btn {
	width: max-content;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
	color: #fff;
	transition: all ease 500ms;
	cursor: pointer;
	margin-top: calc(100vh - 97vh);
	margin-right: calc(100vw - 98.1vw);
}
.nav_btn:hover{
	color:#666;
}

.nav_btn2 {
	width: max-content;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
	color: #fff;
	transition: all ease 500ms;
	cursor: pointer;
	margin-top: calc(100vh - 99vh);
	margin-right: calc(100vw - 97vw);
	background-color: #1EC41C;
	padding: 10px;
	border-radius: 12px;
}
.nav_btn2:hover{
	background-color:#0D830C;
}

.dropbtn {
	background-color: transparent;
	color: #666;
	border: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #999;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);transform: translateY(0);
  z-index: 1; 
}
.dropdown-content a {
  color: #f4f4f4;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown:hover .dropdown-content {
display: block; transition: all .5s ease;
}
.dropdown-content a:hover {
background-color: #ddd; color:#666; transition: all 500ms ease-out;
}
.dropdown:hover .dropbtn {
background-color: transparent; 
}


.pop-out-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 88%;
	height: auto;	
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	display: none;
	z-index: 1000;
	box-shadow: 0 0 40px #242424;	
}

.pop-out-container div:nth-child(1) span{float: right; cursor: pointer;}
.pop-out-container div:nth-child(2) {width:90%; height:auto; position:relative; text-align: left; color:#F09819; margin: 10vh auto 2vh auto;}
.index_submit { width: max-content; position: relative; padding: 10px 30px; box-sizing: border-box; background: green; color: #fff; margin: 0 auto; display: block; border-radius: 25px; cursor:pointer; transition:all ease 300ms;}
.index_submit:hover{transform: scale(1.1);}


.pop-out-button {
	background-color: #4CAF50;
	color: white;
	padding: 10px;
	border: none;
	cursor: pointer;
}

.input_registerA { width: 90%; position: relative; padding: 10px; box-sizing: border-box; display: block; margin: 10px auto; border-radius: 20px; background-color:#e3e3e3; color:#333; transition:all ease 300ms;}
.input_registerA:hover{background-color:#fff; color:#F09819;}
.input_registerB { width: 90%; position: relative; padding: 10px; box-sizing: border-box; display: block; margin: 10px auto; border-radius: 20px; background-color: #e3e3e3; color: #333; transition: all ease 300ms; float: none; }
.input_registerB:hover{background-color:#fff; color:#F09819;}


.index_con_1_logo { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-70%, 70%); z-index:910;}
.index_con_1_logo img {width:60%; display: block; margin: 0 auto; filter: drop-shadow(0 5px 5px rgba(0,0,0,0.5));}

.index_con_1{ width:100%; height:100vh; position:relative; float:left; }

.index_con_1a { width: 100%; height: 20vh; position: absolute; z-index: 900; /* background: #FF512F;*/  background: unset; background: unset; clip-path: unset; bottom: 0; padding-top: 0; box-sizing: border-box; }
.index_con_1a div:nth-child(1) { width: 100%; height: auto; position: relative; float: left; color: #f4f4f4; margin: 10px 0 0 0; text-align: left; padding: 0 0 0 5%; }
.index_con_1a div:nth-child(1) img { width: calc(100vw - 77vw); position: relative; margin: 5% 0 0 10%; display: block; filter: drop-shadow(5px 5px 4px #9b3300);}
.index_con_1a div:nth-child(2) { width: 100%; height: auto; position: relative; float: left; color: #f4f4f4; margin: 0 0 0 0; text-align: left; padding: 0 0 0 5%; text-shadow: 0 3px 5px rgba(0,0,0,0.5);}
.index_con_1a div:nth-child(3) { width: 100%; height: auto; position: relative; float: left; color: #f4f4f4; margin: 0 0 0 0; text-align: left; padding: 0 0 0 5%; text-shadow: 0 3px 5px rgba(0,0,0,0.5);}
.index_con_1a div:nth-child(4) { width: max-content; height: auto; position: relative; float: left; color: #f4f4f4; margin: 0 0 0 0; text-align: center; padding: 10px 10px; box-sizing: border-box; left: 50%; transform: translate(-50%); }
.index_con_1a div:nth-child(5) { width: 100%; height: auto; position: relative; float: left; color: #f4f4f4; margin: 5% 0 0 0; text-align: center; }
.index_con_1a div:nth-child(6) { width: max-content; height: auto; position: relative; float: left; color: #f4f4f4; margin: 0 auto; padding: 10px 20px; box-sizing: border-box; border: 1px solid #f4f4f4; cursor: pointer; transition: all ease 500ms; /* left: 50%; */ /* transform: translate(-50%); */ margin-left: 12%; }
.index_con_1a div:nth-child(6):hover{ background-color:#000; color:#fe6601; border:1px solid #000; }


.index_con_2{ width:100%; height:auto; position:relative; float:left; gap: 1%; padding:10vh 2%; box-sizing: border-box; flex-direction: row; flex-wrap: wrap;
	background-color:#f4f4f4;
	/*background: rgb(240,152,25);
	background: -moz-linear-gradient(90deg, rgba(240,152,25,1) 0%, rgba(255,81,47,1) 40%);
	background: -webkit-linear-gradient(90deg, rgba(240,152,25,1) 0%, rgba(255,81,47,1) 40%);
	background: linear-gradient(90deg, rgba(240,152,25,1) 0%, rgba(255,81,47,1) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09819",endColorstr="#ff512f",GradientType=1); */
}
.index_con_2_box{ width:100%; height:auto; position:relative; float:left; margin: 2vh 0;}
.index_con_2_box img { width: 50%; margin: 0 auto; display: block; filter: invert(17%) sepia(6%) saturate(3%) hue-rotate(334deg) brightness(96%) contrast(90%); }
.index_con_2_box span { display: block; width: 90%; margin: 0 auto; text-align: center; color:#333;}
.index_con_2_btn {width: max-content; height:auto; position:relative; float:left; padding:10px 20px; box-sizing: border-box; border:1px solid #333; transition:all ease 300ms; cursor:pointer; left: 50%; transform: translate(-50%);}
.index_con_2_btn:hover { background:#F09819; border:1px solid #F09819; color:#f4f4f4;}

.index_con_3_box{width:100%; height:auto; position:relative; padding: 1% 5%; float: left; box-sizing: border-box; margin: 5% 0 5% 0;}
.index_con_3_boxA {width:100%; height:auto;position:relative; float:left;}
.index_con_3_boxA img {width: 60%; height:100%;}
.index_con_3_boxA span {width: 100%; height:auto; position:relative; float:left;}
.index_con_3_boxB { width: 100%; height: auto; position: relative; float: left; display: grid; grid-template-columns: 100%; }
.id-box{ width:100%; height:auto; margin: 0 0 10% 0;}
.id-box img { width: 100%; height: 25vh; object-fit: contain; }
.id-box span { width: 60%; position: relative; float: left; left: 50%; transform: translate(-50%); }

.index_con_4_box {
	width: 100%;
	height: auto;
	float: left;	
	position: relative;
	padding: 5%;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 100%;
	background-color: #FF512F;
	color: #f4f4f4;
}
.index_con_4_image{width:100%; height: auto; position: relative;}
.index_con_4_image img { width: 100%; height: 200px; object-fit: cover; }
.index_con_4_content {padding:0 10%;}

.index_con_3 { width: 100%; height: auto; position: relative; float: left; background-image: url("../images/index_service_bg.jpg"); background-size: cover; background-repeat: no-repeat; }
.index_con_3_a { width:100%; height:100%; position:relative; float:left; }
.index_con_3_a div:nth-child(1) { width: 80%; height: 70%; position: relative; background: unset; z-index: 10; top: 0; left: 0; padding: 5%; margin: 0 auto; }
.index_con_3_a div:nth-child(1) img { width: 100%; height: 100%; object-fit: cover; border: 4px solid #f4f4f4; transform: rotate(-12deg);}
.index_con_3_a div:nth-child(2) { width: 80%; height: 70%; position: relative; background: unset; top: 0; left: 0; z-index: 8; padding: 5%; margin: 0 auto; }
.index_con_3_a div:nth-child(2) img { width: 100%; height: 100%; object-fit: cover; border: 4px solid #f4f4f4; transform: rotate(15deg);}
.index_con_3_b { width: 100%; height: 100%; position: relative; float: left; padding: 3vh 5% 0 7vw; box-sizing: border-box; }
.index_con_3_b div:nth-child(1){ color:#333; line-height: calc(100vh - 95vh); margin-bottom: 5vh;}
.index_con_3_b div:nth-child(2){ color:#333; padding: 0 0 5vh 0;}
.index_con_3_b div:nth-child(3) { width: max-content; height: auto; position: relative; float: left; color: #333; margin: 5% 0; padding: 10px 15px; box-sizing: border-box; border: 1px solid #333; cursor:pointer; transition:all ease 500ms;}
.index_con_3_b div:nth-child(3):hover{ background-color:#333; color:#f4f4f4; border:1px solid #333; }

.index_con_4 {width: 100%; height: 100vh; position: relative; float: left; background-image: url("../images/index_worker_bg.jpg"); background-size: cover; background-repeat: no-repeat;}
.index_con_4_a { width:50%; height:100%; position:relative; float:left; }
.index_con_4_a img { width: max-content; height: 87%; position: absolute; display: block; margin: 0 50%; bottom: 0; object-fit: cover; object-position: 0 10vh; -webkit-filter: drop-shadow(0px 11px 4px #999); filter: drop-shadow(0px 11px 4px #999); }
.index_con_4_b { width:50%; height:100%; position:relative; float:left; padding: 15vh 5% 0 10vw; box-sizing: border-box;}
.index_con_4_b div:nth-child(1){ color:#FF512F; line-height: calc(100vh - 92vh); margin-bottom: 5vh;}
.index_con_4_b div:nth-child(2){ color:#666;}
.index_con_4_b div:nth-child(3){ width:100%; position:relative; float:left;}
.index_con_4_b div:nth-child(3) img { width: calc(100vw - 90vw); display: block; margin: 0 auto; transition: ease 300ms; cursor:pointer; filter: invert(40%) sepia(1%) saturate(1%) hue-rotate(352deg) brightness(97%) contrast(87%);}
.index_con_4_b div:nth-child(3) img:hover{ filter: invert(39%) sepia(76%) saturate(1195%) hue-rotate(337deg) brightness(98%) contrast(108%); transform: scale(1.2)}

.index_con_5 {width: 100%; height: auto; position: relative; float: left; background-image: url("../images/index_event_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}
.index_con_5:before { content: ''; position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7);}
.index_con_5 div:nth-child(1) {width:100%; height:auto; position:relative; float:left; color:#F09819; margin:10vh 0 0 0; text-align:center;}
.index_con_5 div:nth-child(2) { width: 90%; height: auto; position: relative; color: #f4f4f4; margin: 10px auto; text-align: center; }
.index_con_5 div:nth-child(3) {width: 50%; height:auto; position:relative; margin: 0 auto; gap: 3%;}
.index_con_5 div:nth-child(3) img{width: calc(100vw - 82vw); transition: all ease 300ms; cursor:pointer; padding: 0 0 5vh 0;}
.index_con_5 div:nth-child(3) img:hover {transform: scale(1.2);}

.index_con_6 { width: 100%; height: 100vh; position: relative; float: left; background-image: url("../images/index_gallery_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: scroll; padding: 25vh 0 0 0; box-sizing: border-box; }
.index_con_6 div:nth-child(1) { width: 100vw; height: 40vh; position: relative; float: left; /*top: calc(100vh - 85vh);*/ padding: 0 5%; box-sizing: border-box; display: flex; gap: 5%; }
.index_con_6_img {width:25%; height:100%; position:relative; float:left; object-fit: cover; filter: drop-shadow(5px 5px 10px #666);}
.index_con_6 div:nth-child(2) { width: 100%; height: auto; position: relative; text-align: center; float: left; margin:3% auto 0 0; }
.index_con_6 div:nth-child(3) { width: max-content; height: auto; position: relative; float: left; color: #333; clear: both; margin: 1% 45vw; padding: 10px 15px; box-sizing: border-box; border: 1px solid #333; cursor: pointer; transition: all ease 500ms; }
.index_con_6 div:nth-child(3):hover{ background-color:#333; color:#f4f4f4; border:1px solid #333; }


.question_box{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	padding: 0 0 10vh 0;
}
.question_box div:nth-child(1) { 
	width:100%; 
	position:relative; 
	float:left; 
	color:#666; 
	text-align:center; 
	padding: 10vh 0 2vh 0; 
	box-sizing:border-box;
	}
	
.question_box-icon {
	width: 15%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(77vw,5vh);
}
.question_box-icon img {width:100%;}	


.question_collapsible {
	width: 80vw;
	height: auto;
	position: relative;
	float: left;
	background-color: #666;
	color: #fff;
	text-align: left;
	padding: 10px 20px;
	left: 50%;
	margin: 10px 0 0 0;
	transform: translate(-50%);
	cursor: pointer;
	transition: all ease 500ms;
}
.question_collapsible:hover {
	background-color:#333;
}

.question_collapsible::before {
	content: "+";
	font-weight: bolder;
	display: block;
	width: 20px;
	position: relative;
	float: left;
	text-align: left;
	padding-left: 0px;
}
.active-question:before {
	content: "-";
	font-weight: bolder;
}

.content {
	width: 80vw;
	height: auto;
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #fff;
	color:#666;
	left: 50%;
	transform: translate(-50%);
	position: relative;
}

.content p {
	margin:10px 0;
}

.profile_con1 { width: 100vw; height: 50vh; position: relative; float: left; background-image: url("../images/profile_1.jpg"); background-size: cover; background-repeat: no-repeat; background-position-y: 0; }

.titleContent {
	width: 90%;
	height: auto;
	position: relative;
	float: left;
	color: #333;
	margin: 15vh 0 5vh 0;
	left: 50%;
	transform: translate(-50%);
}

.service_con { width: 100%; height: auto; position: relative; margin: unset; display: grid; grid-template-columns: 50% 50%; padding: 10vh 0 0 0; box-sizing: border-box; }
.service_con1 { width: 100vw; height: 50vh; position: relative; float: left; background-image: url("../images/service_1.jpg"); background-size: cover; background-repeat: no-repeat; background-position-y: 0vh; }
.service_title { width: 100%; height: auto; position: absolute; text-align: center; color: #fff; bottom: 0; text-shadow: 5px 5px 10px rgb(0,0,0,0.7); }
.service_collapsible {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-bottom:10vh;
}
.service_collapsible img {width: 60%; margin:0 auto; display:block; transition: all ease 300ms; filter: invert(40%) sepia(5%) saturate(10%) hue-rotate(331deg) brightness(96%) contrast(94%);}
.service_collapsible img:hover {filter: invert(69%) sepia(99%) saturate(2009%) hue-rotate(349deg) brightness(97%) contrast(93%);}
.service_collapsible span{width:90%; display:block; margin:0 auto; text-align:center; color:#333;}

.service-page-con-1 { width: 100%; height: 50vh; position: relative; float:left; display:none; }
.service-page-con-1 img { width: 100%; height: 100%; object-fit:cover; }

.search_con{ width:100%; height:auto; position:relative; float:left; margin-top: calc(100vh - 95vh); }
.search_conA{ width:20%; height:auto; position:relative; float:left; } 
.search_conB { width: 100%; height: auto; position: relative; float: left; display: grid; grid-template-columns: 48% 48%; gap: 5%; padding: 0 5%; margin: 0 0 5vh 0;}
.search_box { width: calc(100vw - 85vw); height: auto; position: relative; float: right; /*margin: 0 auto;*/ padding: 10px; background: #f4f4f4; border: 1px solid #dfdfdf; border-radius: 24px; }
.search-select{ width:100%; padding: 10px; border-radius: 20px;}
.search-btn{width:100%; height:auto; padding:2% 5%; color:#f4f4f4; background:#333; transition:ease all 300ms; cursor:pointer;}
.search-btn:hover{color:#333; background:#999;}

.service-page-con-1 { width: 100%; height: 70vh; position: relative; float:left; }
.service-page-con-1 img { width: 100%; height: 100%; object-fit:cover; }
.service-page-con-title { color: #F09819; margin: 5px 0; font-size: 30px !important; }
.service-page-con-content {color:#333; margin:20px 0;}
.service-page-con-2 { width: 100%; height: auto; position: relative; float: left; padding: 15vh 5% 5% 5%; }
.service-page-con-2-step { width: 100%; height: auto; position: relative; text-align: center; display: grid; grid-template-columns: 100%; left: 50%; transform: translate(-50%); }
.step-con{ width:100%; height:auto; border:2px solid #F09819; text-align: left; display:grid; grid-template-columns:20% 80%; padding: 5%; align-items: center; margin: 2vh 0;}
.service-page-bottom{width:90%; height:auto; position:relative; display:block; margin:5% auto;}

.employee_box {
	width: 100%;
	height: 40vh;
	position: relative;
	float: left;
	padding: 5%;
	box-sizing: border-box;
	background:#f4f4f4;
    margin-bottom: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	cursor:pointer;
	transition: all ease 300ms;
}
.employee_box:hover{box-shadow: 0 0 10px rgba(240,152,25, 0.8);}

.em-label {width:100%; height:70%; position:absolute;z-index: 10; top: 0; right: 0;}
.em-label img{ width: 40%; object-fit: cover; object-position: center; position: absolute; right: 0; top: 0; }
.em-photo {width:100%; height:40%; position:relative; float:left;}
.em-photo img{width:100%; height:100px; object-fit: cover; object-position:0 35%;}
.em-id{width:100%; height:auto; position:relative; float:left; color:#333;}
.em-id::before{content:'ID: '}
.em-name{width:100%; height:auto; position:relative; float:left; color:#FF512F; margin-top:5%;}

.em-age:before{content:'Age:'; width:80%; position:relative; float:left; color:#999; font-size: 10px;}
.em-age{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666; font-size: 11px !important;}

.em-religion:before{content:'Religion:'; width:50%; position:relative; float:left; color:#999; font-size: 10px;}
.em-religion{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666; font-size: 11px !important;}

.em-height:before{content:'Height:'; width:50%; position:relative; float:left; color:#999; font-size: 10px;}
.em-height{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666; font-size: 11px !important;}

.em-weight:before{content:'Weight:'; width:65%; position:relative; float:left; color:#999; font-size: 10px;}
.em-weight{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666; font-size: 11px !important;}

.em-exp:before{content:'Level :'; width:80%; position:relative; float:left; color:#999; font-size: 12px;}
.em-exp{width:50%; height:calc(100vh - 92vh); position:relative; float:left; color:#666; font-size: 11px !important;}

.em-whatsapp {width:100%; height:auto; position:relative; float:left; padding:5%; box-sizing: border-box;}
.em-whatsapp img{width:100%;}

.employee_box_modal {
	width: 100%;
	height: 100%;
	position: relative;
	padding: calc(100vh - 99vh) calc(100vw - 99vw);
	box-sizing: border-box;
}

.em-photo-modal { width: 100%; height: 40vh; position: relative; float: left; color: #666; padding: 0 0 0 0; }
.em-photo-modal img{width:100%; height:100%; object-fit: cover; object-position:center;}
.em-title-modal { width: 100%; height: auto; position: relative; float: left; margin-top: 5vh; line-height: 10px; }
.em-name-modal {width:100%; height:auto; position:relative; float:left; color:#FF512F; margin-bottom: 2vh;}

.em-name-input { width: 100%; padding: 5%; box-sizing: border-box; background: #f4f4f4; border-radius: 30px; }
.em-name-select { width: 100%; padding: 5%; box-sizing: border-box; border-radius: 30px; }
.em-submit { width: 100%; padding: 5%; box-sizing: border-box; border-radius: 30px; background:#666; color:#f4f4f4; transition:all ease 300ms;}
.em-submit:hover{background:#F09819; color:#f4f4f4;}



.user_container { width: 75%; height: auto; position: relative; float:left; left:50%; transform:translate(-50%); background: #f4f4f4; }
.user_container::before { width: 30px; height: 100%; background-image: url("../images/border.png"); background-repeat: repeat-y; position: absolute; left: -30px; content: ''; background-size: contain; -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.user_container::after { width: 30px; height: 100%; background-image: url("../images/border.png"); background-repeat: repeat-y; position: absolute; right: -29px; content: ''; background-size: contain; -moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1); top: 0; }

.user_photo { width: calc(100vw - 20vw); height: calc(100vh - 65vh); position: relative; margin: 10vh 0 5vh 0; background: #fff; float: left; left: 50%; transform: translate(-50%); }
.user_photo img {width:100%; height:100%; object-fit: cover; padding: 3px;}
.user_upload_photo { width: calc(100vw - 97vw); position: absolute; background: #333; border-radius: 50%; padding: 1%; box-sizing: border-box; cursor: pointer; top: 90%; right: 40%; }
.user_upload_photo img{ width:100%; height:100%; object-fit: contain; filter: invert(100%) sepia(4%) saturate(754%) hue-rotate(244deg) brightness(117%) contrast(91%);}

.user_info_box{width:100%; height:auto; position:relative; float:left; display: grid; grid-template-columns:100%; grid-row-gap: 15px;}
.user_title{color:#999; position: relative; float:left; font-size:calc(100vw - 96vw)!important;}
.user_name{color:#FF512F; position: relative; float:left;}
.user_info{color:#333; position: relative; float:left;}
.user_em{color:#D30000; position: relative; float:left;}
.user_edit{width: 98%; background:#fff; box-shadow:0 0 5px #ccc; padding: 5px 10px; color:#999; margin-top: -15px;}

.user_button{width:100%; height:auto; position:relative; float:left; display:flex; justify-content: center;}
.user_btn{width: 100%; height:auto; padding:2% 5%; background:#F09819; border:1px solid #F09819; color:#f4f4f4; transition:all ease 300ms; margin:5vh 5%; cursor:pointer;}
.user_btn:hover{background:#999; border:1px solid #999; color:#333;}

.user_quote{margin-top:-15px; height:100px;}


.login_con{width:100vw; height:100vh; position:relative; float:left; display:flex; justify-content: center; align-items: center;}
.login_box { width: 90%; height: auto; background: #f4f4f4; box-shadow: 0 0 10px rgb(0,0,0,0.5); padding: 10% 5%; box-sizing: border-box;} 
.login_logo {width:100%; height:auto; position:relative;}
.login_logo img{width:80%; margin:0 auto; display:block; margin-bottom:5vh;}
.login_input { width: 100%; height: auto; position: relative; padding: 5%; border-radius: 20px; background: #fff; box-shadow: 0 0 10px rgb(0,0,0,0.1); margin: 3% auto; }
.login_btn{width: 100%; height:auto; padding:10px 20px; background:#28a745; border:1px solid #28a745; color:#f4f4f4; transition:all ease 300ms; margin:5vh 0; cursor:pointer;}
.login_btn:hover{background:#28a745; border:1px solid #999; color:#333;}
.back_btn { width: 100%; height: auto; padding: 10px 20px; background: #fd7e14; border: 1px solid #fd7e14; color: #f4f4f4; transition: all ease 300ms; margin: 0; cursor: pointer; position: relative; float: left; text-align: center; border-radius: 20px; }
.back_btn:hover{background:#fd7e14; border:1px solid #fd7e14; color:#333;}
.forgot { width: 100%; position: relative; color: #666; cursor: pointer; text-align: center; padding:3px 0;}
.forgot:hover{width:100%; position:relative; color:#F09819; }


.gallery_container { width: 100%; height: auto; position: relative; float: left; padding: 0 5%; box-sizing: border-box; display: grid; grid-template-columns: auto auto; margin-top: 15vh; }
.gallery_box { width: calc(100vw - 60vw); height: calc(100vh - 75vh); position: relative; float: left; text-align: center; border: 1px solid #ccc; margin: 5%; }
		
.gallery_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
	padding: 10px;
}

.gallery_con1 { width: 100vw; height: 40vh; position: relative; float: left; background-image: url("../images/gallery_1.jpg"); background-size: cover; background-repeat: no-repeat; background-position-y: -10vh; }
.gallery_con1 div:nth-child(1) { width: max-content; color: #f4f4f4; position: absolute; top: 100%; left: 50%; line-height: calc(100vh - 90vh); transform: translate(-50%, -100%); text-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); }
.gallery_con1 div:nth-child(1) span { width: max-content; color: #f4f4f4; left: 10%; position: relative; display: block; }

.news_container{width:100%; height:auto; position:relative; float:left; padding:5%; margin-top:10vh; box-sizing: border-box;}
.news_A {width:100%; height:auto; position:relative; float:left;}
.news_A div:nth-child(1){width:100%; height:auto; position:relative; float:left; color:#FF512F;}
.news_A div:nth-child(2){width:100%; height:auto; position:relative; float:left; color:#666;}

.news_B {width:100%; height:auto; position:relative; float:left; margin-top:5vh;}

.contact_container {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	display: grid;
	grid-template-columns: 100%;
}

.contact_title{
width:100%;
height:auto;
position:relative;
float:left;
color:#333;
}

.contact_conA{
	position:relative;
	float:left;
	z-index:10;
	background-image: url("../images/contact_2.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	padding: 15vh 0 15vh 0;
}
.contact_conA img { width: 100%; height: 50vh; object-fit: cover; position: absolute; top: 30vh; left: 50%; transform: translate(-20%, 0vh); border: 3px solid white; }
.contact_conA div:nth-child(1) {width:100%; height:auto; position:relative; float:left; padding:2% 5%;}
.contact_conA div:nth-child(2) {width:100%; height:auto; position:relative; float:left; padding:1% 5%; color:#F09819;}
.contact_conA div:nth-child(3) {width:100%; height:auto; position:relative; float:left; padding:1% 5%; color:#f4f4f4;}
.contact_conA div:nth-child(4) {width:100%; height:auto; position:relative; float:left; padding:1% 5%; color:#f4f4f4;}
.contact_conA div:nth-child(5) {width:100%; height:auto; position:relative; float:left; padding:1% 5%; color:#f4f4f4;}




.contact_conB{
	position:relative;
	float:left;
	background-image: url("../images/contact_3.jpg");
	background-repeat: no-repeat;
	background-size:cover;	
}
.contact_conB_inner {
	width: 90%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	padding: 15vh 0;
	box-sizing: border-box;
}

.contact-input {
	width: 95%;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	padding: 10px 10px;
	color: #999;
	margin:10px 0;
}

.contact_send{
width:max-content;
padding:10px 20px;
position:relative;
float:left;
background:#333;
color:#f4f4f4;
transition:all ease 300ms;
}
.contact_send:hover {
background:#666;
color:#f4f4f4;
}

.register-container{
    width:100%;
    height:100vh;
    position:relative;
    float:left;
    background: linear-gradient(to right, #F09819, #FF512F);
}

.register-A {
	width: 100%;
	height: 100%;
	position: absolute;
	float: left;
	background-image: url("../images/register-bg.jpg");
	background-size: cover;
	background-position: center;
}

.register-A::after {
	content: "";
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.5);
	display: inline-block;
	position: absolute;
}

.register-B {
	width: 80%;
	height: auto;
	position: absolute;
	float: left;
	padding: 6% 6%;
	box-sizing: border-box;
	box-shadow: 5px 0 30px #000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fd7e14;
}

.register-done {
	width: 50vw;
	height: auto;
	position: absolute;
	background: #f4f4f4;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 5%;
	box-sizing: content-box;
	text-align: left;
}

.register-done-btn-1 {
	width: 50%;
	height: auto;
	position: relative;
	float: left;
	text-align: left;
	margin-top: 5vh;
}

.register-done-btn-2 {
	width: 50%;
	height: auto;
	position: relative;
	float: right;
	text-align: right;
	margin-top: 5vh;
}


.container_flickity {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
    padding: 15vh 0 5vh 0;
    box-sizing: border-box;	
}

.container_flickity::before {
	content: "";
	width: 80%;
	height: 100%;
	position: absolute;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.882773092147015) 76%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.882773092147015) 76%, rgba(255,255,255,1) 100%);
	background: unset;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	display: block;
	z-index: 10;
	right: 0;
}

.container_flickity_content {
	width: 100%;
	height: auto;
	position: relative;
	right: 0;
	z-index: 20;
	text-align: left;
	top: 0;
	transform: unset;
	padding: 0 5%;
}

.gallery-cell {
	width: 100vw;
	height: 100%;
	background: #000;
	display: block;
	object-fit: contain;
}
.gallery-cell img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 auto;
	position: relative;
	display: block;
	object-position: center;
}

.training-con-2{
    width:100%;
    height:30vh;
    position:relative;
    float:left;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#FF512F;
}
.training-con-2 img {
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
	padding: 3%;
	object-fit: cover;
	object-position: center;
}
.training-con-2 div {
	width: max-content;
	height: auto;
	position: relative;
	float: left;
	color: #f4f4f4;
}
.training-con-2 div span {
	width: max-content;
	height: auto;
	position: absolute;
	display: block;
	right: 0;
	transition:all ease 500ms;
	cursor: pointer;
	padding: 0 10%;
}

.training-con-2 div span:hover{color:#666;}

::placeholder {
    font-size:10px;
    opacity: 1; 
}

select {
  font-size: 10px !important;
}

option {
  color: #999;
  font-size: 10px !important;
  padding:9px 10px;
}

#footer {
	width: 100vw;
	height: auto;
	position: relative;
	float: left;	
	padding: 10vh 0 0 0;
	box-sizing: border-box;
	background: #DF7F03;
}

.footerA {width:100%; height:auto; position:relative; float:left;}
	.footerA div:nth-child(1){ width:100%;}
	.footerA div:nth-child(1) img { width: 60%; margin: 0 auto; display: block; }
	.footerA div:nth-child(2) {width: 80%;color: #f8f4e3;margin: 0 auto;text-align: center; margin-top:3vh;}
	.footerA div:nth-child(3) {width: 65%;color: #f8f4e3;margin: 0 auto;text-align: center;}

.footerB {width:100%; height:auto; position:relative; float:left; margin: 5vh 0;}
	.footerB div:nth-child(1){ width: fit-content; color:#f8f4e3; letter-spacing: 10px; margin: 0 auto; border-bottom: 1px solid #f8f4e3;}
	.footerB div:nth-child(2){ width:100%; color:#f4f4f4; }
	.footerB div:nth-child(2) li { margin:8px 0; transition:all ease .3s;}
	.footerB div:nth-child(2) li:hover { color:#f4f4f4;}

.footerC {width:100%; height:auto; position:relative; float:left; padding: 0 0 0 0; box-sizing: border-box;}
	.footerC div:nth-child(1){width: fit-content; color:#f8f4e3; letter-spacing: 10px; margin: 0 auto; border-bottom: 1px solid #f8f4e3;}
	.footerC div:nth-child(2){width:100%; height:auto; position:relative; float:left; color:#f4f4f4; padding:5px 10px; box-sizing: border-box;}
	.footerC div:nth-child(2) span{text-indent:40px; display:block;}
	.footerC div:nth-child(2)::before{content: "" ; width:20px; height:20px; position:relative; float:left; margin-right: 5px; background-image:url("../images/icon-04.png"); background-repeat: no-repeat; background-size: contain; filter: invert(80%) sepia(92%) saturate(11%) hue-rotate(297deg) brightness(111%) contrast(91%);}
	.footerC div:nth-child(3){width:100%; height:auto; position:relative; float:left; color:#f4f4f4; padding:5px 10px; box-sizing: border-box;}
	.footerC div:nth-child(3)::before{content: "" ; width:20px; height:20px; position:relative; float:left; margin-right: 5px; background-image:url("../images/icon-05.png"); background-repeat: no-repeat; background-size: contain; filter: invert(80%) sepia(92%) saturate(11%) hue-rotate(297deg) brightness(111%) contrast(91%);}	
	.footerC div:nth-child(4){width:100%; height:auto; position:relative; float:left; color:#f4f4f4; padding:5px 10px; box-sizing: border-box;}
	.footerC div:nth-child(4)::before{content: "" ; width:20px; height:20px; position:relative; float:left; margin-right: 5px; background-image:url("../images/icon-07.png"); background-repeat: no-repeat; background-size: contain; filter: invert(80%) sepia(92%) saturate(11%) hue-rotate(297deg) brightness(111%) contrast(91%);}

.footerC-mobile {width:100%; height:auto; position:relative; float:left; padding: 0 0 0 0; box-sizing: border-box;}
    .footerC-title{width: fit-content; color:#f8f4e3; letter-spacing: 10px; margin: 0 auto; border-bottom: 1px solid #f8f4e3;}
    .footerC-icon { width: 15%; height: auto; position: relative; float: left; border-radius: 10px; border: 1px solid #f4f4f4; padding: 5px; margin: 15px 2px 15px 9px; box-sizing: border-box; }
    .footerC-icon img{width:100%; height:auto; object-fit: cover; filter: invert(100%) sepia(10%) saturate(7424%) hue-rotate(182deg) brightness(110%) contrast(94%); }
}