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

a, a:hover, a:visited, a:active {
	color: inherit !important;
	text-decoration: none !important;
}
 
 button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
textarea:focus, input:focus{
    outline: none;
}

 ul li { margin-bottom: 10px; }

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

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

.s0 {font-size: calc(100vw - 94.3vw) !important;line-height: 1 !important;}
.s1{font-size: calc(100vw - 96vw) !important;}
.s2{font-size: calc(100vw - 97vw) !important;}
.s2b{font-size: calc(100vw - 98vw) !important;}
.s2c{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:poppinRegular !important;}
.f2{font-family:poppinLight !important;}	
.f3{font-family:poppinBold !important;}
.f4{font-family:poppinBlack !important;}
.f5{font-family:special !important;}




div#slider { width: 100%; height: 80vh; float: right; overflow: hidden;}
div#slider figure { width: 300%; height: 100vh; position: relative; margin: 0; left: 0; animation: 30s slidy infinite; }
div#slider figure img { width: 33.33%; height: 100%; float: left; object-fit: cover; object-position: 0 -10vh; }

@keyframes slidy {
0% { left: 0%; }
35% { left: 0%; }
40% { left: -100%; }
70% { left: -100%; }
75% { left: -200%; }
95% { left: -200%; }
100% { left: 0%;}
}

.section-title{
	width:95%;
	height:auto;
	position:relative;
	line-height:1.5;
	color:#1b75bb;
	display: block;
 	margin: 10px auto;
	text-align: center;	
}
.section-content{
	width:95%;
	height:auto;
	position:relative;
	line-height:1.2;
	color:#333;
	display: block;
 	margin: 0 auto;
	text-align: center;		
}


/*  START PAGE  */
.index-con1 {
	width: 100%;
	height: 100vh;
	position: relative;
	float: left;
	padding-top:20vh;
	box-sizing: border-box;
	background-image: url("../images/index-bg.jpg");
	background-size: cover;
	background-position-y: bottom;
}
.index-con1-box-a {
	width: 55%;
	height: auto;
	position: absolute;
	float: left;
	/* padding: 0 0 0 5%; */
	/* box-sizing: border-box; */
	/* bottom: 5vh; */
	z-index: 1;
	left: 0;
	top: 50%;
	transform: translate(10%,-40%);
}
.index-con1-box-logo{
	width:100%;
	height:auto;
	position:relative;
	float:left;
}
.index-con1-box-logo img{width:30%;}

/* Initial hidden state and animation setup */
.index-con1-box-b {
	width: 45%;
	height: 80vh;
	position: absolute;
	z-index: 0;
	right: -100%; /* Start off-screen to the right */
	top: 50%;
	transform: translate(0%, -50%);
	float: right;
	animation: slideIn 3s ease-out 100ms forwards; /* Delay 3s, duration 1s */
	opacity: 0; /* Optional: fade in */
}

/* Image styling remains mostly unchanged */
.index-con1-box-b img {
	width: 150%;
	height: 90vh;
	object-fit: cover;
	object-position: 5vw -5vh;
	position: absolute;
	right: -10%;
}

/* Keyframes for sliding in */
@keyframes slideIn {
	from {
		right: -100%;
		opacity: 0;
	}
	to {
		right: 0;
		opacity: 1;
	}
}

.index-title-1{ width:100%; height:auto; position:relative; float:left; margin: 0; padding: 0; line-height:1; color:#1a75bb; }
.index-title-2{ width:100%; height:auto; position:relative; float:left; margin:0 0 10px 0; padding:0; line-height:.8; color:#000; }
.index-title-3{ width:100%; height:auto; position:relative; float:left; margin:5px 0 0 0; padding:0; line-height:1.2; color:#333; }
.index-title-btn{width:fit-content; height:auto; position:relative; float:left; background-color:#1b75bb; color:#fff; transition:all ease 300ms; padding: 5px 20px; margin:20px 0 0 0;}
.index-title-btn:hover{background-color:#f15a24; color:#fff;}


.index-con2 {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	/*background: #d2d2d2;*/
	padding: 3% 0 0 0;
	box-sizing: border-box;
background: #8e9eab;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #eef2f3, #8e9eab);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.index-con2 img { width:50%; height:100%; position:relative; float:left; }
.index-con2 div{ width:50%; height:auto; position:relative; float:left; padding:0 3% 0 0; box-sizing: border-box; line-height: 1.2;}
.index-con2-title {color:#1b75bb; line-height:.8;}
.index-con2-subtitle {color:#333;justify-content: unset !important; margin:0 0 10px 0;} 
.index-con2-subtitle-line {
	border: none;
	height: 3px;
	background: #3498db;
	margin: 14px 0;
	width: 15%;
	position: relative;
	float: left;
}


.index-con3 {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding: 5% 3%;
	box-sizing: border-box;
	/*background-image: url("../images/index2-bg.jpg");
	background-attachment: fixed;
	background-size: 85%;
	background-position: 50% 88%;
	background-repeat: no-repeat;*/
}
.index-con3-box{
	width:50%;
	height:auto;
	position:relative;
	float:left;
}
.index-con3-box-inner1, .index-con3-box-inner2 {
	width: 70%;
	height: auto;
	position: relative;
	border: 2px solid #1b75bb;
	border-radius: 30px;
	display: block;
	margin: 100px 10px auto auto;
	padding: 3%;
	box-sizing: border-box;
	background: rgba(255,255,255,.5);
}
.index-con3-box-inner2{margin: 100px auto 0 10px !important;}
.index-con3-box-img {
	width: 55%;
	height: auto;
	position: relative;
	margin: -18% auto;
	display: block;
}
.index-con3-box-img img {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 auto;
}
.index-con3-box-inner-title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	color: #1b75bb;
	margin: calc(100vh - 85vh) 0 25px 0;
	float: left;
}
.index-con3-box-inner-content{
	width:100%;
	height:auto;
	position:relative;
	color:#333;
	line-height:1.2;
	margin:0 0 20px 0;
}
.index-con3-btn {
	width: fit-content;
	height: auto;
	position: relative;
	background-color: #e82e50;
	color: #fff;
	border-radius: 20px;
	padding: 10px 20px;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	transition:all ease 300ms;
}
.index-con3-btn:hover{background-color:#a22038; transform: scale(1.2);}


.index-con4 {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding: 5% 3%;
	box-sizing: border-box;
	background-color:#f4f4f4;
}

.index-con4-box {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	margin: 5% 0 0 0;
}
.index-con4-box-child, .index-con4-box-childb {
	width: 100%;
	height: auto;
	position: relative;
	border-right: 2px solid #1A2D8A;
	padding: 3%;
	box-sizing: border-box;
}
.index-con4-box-child-b {border-right: unset !important;}

.index-con4-box-child img, .index-con4-box-child-b img {
	width: 65%;
	display: block;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}
.index-con4-box-child-title{ color:#1b75bb; text-align:center; line-height:.9;}
.index-con4-box-child-content{ color:#333; text-align:center; line-height:1.2;}

.exp1-con1, .exp2-con1, .exp3-con1, .exp4-con1, .exp5-con1, .exp6-con1{ width:100%; height:auto; position:relative; float:left; }

.exp1-con1-quote, .exp2-con1-quote, .exp3-con1-quote, .exp4-con1-quote, .exp5-con1-quote, .exp6-con1-quote {
	width: 50%;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(10%,0%);
	z-index: 10;
	line-height: .7;
	color: #fff;
	text-shadow: 5px 0 10px rgba(0,0,0,.3);
}
.exp1-con2, .exp2-con2, .exp3-con2, .exp4-con2, .exp5-con2, .exp6-con2{ width:100%; height:20vh; position:relative; float:left; }

.exp1-con3{ width:100%; height:auto; position:relative; float:left; padding:5% 3%; box-sizing:border-box;}
.exp1-con3-box{ width:100%; height:auto; position:relative; float:left;}
.exp1-con3a{ width:60%; height:auto; position:relative; float:left; margin:0 0 10% 0;}
.exp1-con3b{ width:40%; height:auto; position:relative; float:left; margin:0 0 10% 0;}

.exp1-con3-titlebox{width:100%; height:auto; position:relative; float:left; padding:0 3%;}
.exp1-con3-titlebox-a {
	width:fit-content; 
	height:auto; 
	position:relative;
	float:left;
	color:#999;
	line-height: 0.8;
	font-size:12em;
}
.exp1-con3-titlebox-b {
	width:fit-content; 
	height:auto; 
	position:relative;
	float:left;
	color:#1b75bb;
	line-height: 1;
	margin: 20px 0 0 0;
}
.exp1-con3-titlebox-c {
	width:fit-content; 
	height:auto; 
	position:relative;
	float:left;
	color:#333;
}

.exp1-con3-titlebox-line {
	border: none;
	height: 15px;
	background: #e82e50;
	margin: 10px 25px;
	width: 30%;
	position: relative;
	float: left;
}

.exp1-con3-titlebox-text {
	width:100%; 
	height:auto; 
	position:relative;
	float:left;
	color:#333;
	line-height:1.3;
	padding:0 3%;
}

.exp-btn {
	width: fit-content;
	height: auto;
	position: relative;
	background-color: #e82e50;
	color: #fff;
	border-radius: 20px;
	padding: 10px 20px;
	box-sizing: border-box;
	margin: 3% 0 0 3%;
	transition: all ease 300ms;
}
.exp-btn:hover{background-color:#a22038; transform: scale(1.2);}

.exp-1img{ width:100%; height:350px; position:relative; float:left;}
.exp-1img img{ width:100%; height:100%; position:relative; float:left; object-fit:cover;}


.con-image{width: 100%; height: 80vh; float: left; overflow: hidden;}
.con-image img {width: 150%;height: 100%;object-fit: cover;}
.con-image::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	float: left;	
	background-color: rgba(0, 0, 0, 0.7);
	display: block;
	top: 0;
}

.exp2-con3 {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 3%;
	box-sizing: border-box;
}
.exp2-con3-box{
	width:100%;
	height:auto;
	position:relative;
}
.exp2-con3-box img{width:100%;height:200px; position:relative; float:left;}
.exp2-con3-box div { width: 100%; height: auto; position: relative; float: left; color: #333; line-height: 1.2; padding: 5% 0; }


.exp3-con3 {
	width: 80%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	padding: 3%;
	box-sizing: border-box;
	margin: 0 auto 5% auto;
}
.exp3-con3-box{
	width:100%;
	height:auto;
	position:relative;
}
.exp3-con3-box img{width:100%;height:200px; position:relative; float:left;}
.exp3-con3-box div { width: 100%; height: auto; position: relative; float: left; color: #333; line-height: 1.2; padding: 5% 0; }

.exp3-con4 {
	width: 100%;
	height: auto;
	position: relative;
	float:left;
	padding: 3%;
	box-sizing: border-box;
	margin:0 0 5% 0;
}

.exp3-con5, .exp6-con3 {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}
.exp3-con5-box, .exp6-con3-box {
	width: 50%;
	height: 400px;
	position: relative;
	float:left;
	line-height:1;
}
.exp3-con5-box img, .exp6-con3-box img { width: 100%; height: 100%; object-fit: cover; }
.exp3-con5-box div, .exp6-con3-box div{ width:100%; height:auto; color:#1b75bb; padding:5%; box-sizing: border-box;}
.exp3-con5-box span, .exp6-con3-box span{ width:100%; height:100%; color:#333;display:block;}


.exp4-con3 {
	width: 80%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 3%;
	box-sizing: border-box;
	margin: 0 auto 5% auto;
}
.exp4-con3-box{
	width:100%;
	height:auto;
	position:relative;
}
.exp4-con3-box img{width:100%;height:200px; position:relative; float:left;}
.exp4-con3-box div { width: 100%; height: auto; position: relative; float: left; color: #333; line-height: 1.2; padding: 5% 0; }

.exp4-con3-box li {
  margin-bottom: 15px; /* vertical gap */
}
.exp4-con3-box li:last-child {
  margin-bottom: 0; /* remove extra space at end */
}

.exp5-con3 {
	width: 80%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 3%;
	box-sizing: border-box;
	margin: 0 auto 5% auto;
}
.exp5-con3-box{
	width:100%;
	height:auto;
	position:relative;
}
.exp5-con3-box img{width:100%;height:200px; position:relative; float:left; object-fit: cover;}
.exp5-con3-box div { width: 100%; height: auto; position: relative; float: left; color: #333; line-height: 1.2; padding: 5% 0; }


.imp1-con2{
	width:85%;
	height:auto;
	position:relative;
	display:grid;
	grid-template-columns: 70% 30%;
	gap: 20px;
	margin: 0 auto;
}
.imp1-con2 div {color:#333;}
.imp1-con2 div img {
	width: 100%;
	max-height: 350px;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}
.imp1-con3{
	width:85%;
	height:auto;
	position:relative;
	margin: 0 auto;
	color:#333;
	margin-top:100px;
}

.imp1-con4{
	width:80%;
	height:auto;
	position:relative;
	margin: 50px auto;
}
.imp1-con4 div {
	width: calc(100vw - 81vw);
	height: auto;
	position: relative;
	border-radius: 30px;
	border: 2px #333 solid;
	padding: 1%;
	box-sizing: border-box;
	text-align: center;
	margin: 0 10px;
	line-height: 1;
	cursor: pointer;
	background: #f4f4f4;
	transition: all ease 300ms;
}
.imp1-con4 div img{
	width:70%; 
	display: block;
	margin: 0 auto;
	padding:10px;
	box-sizing: border-box;
	transition: all ease 300ms;
	}
.imp1-con4 div:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.imp1-con4 div:hover img {
	filter: invert(31%) sepia(82%) saturate(1298%) hue-rotate(183deg) brightness(95%) contrast(83%);
}

.brand-image{width: 100%; height: 80vh; float: left; overflow: hidden;}
.brand-image img {width: 100%;height: 100%;object-fit: cover; object-position: 0 30%;}
.brand-image::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	float: left;	
	background-color: rgba(0, 0, 0, 0.7);
	display: block;
	top: 0;
}

.brand-quote {
	width: 85%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,80%);
	z-index: 10;
	line-height: 1;
	color: #fff;
	text-shadow: 5px 0 10px rgba(0,0,0,.3);
	text-align: center;
}

.brand-con{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	padding:5%;
	box-sizing: border-box;
	margin:50px 0;
}

.inquiry-con {
	width: 100%;
	height: 100vh;
	position: relative;
	background-image: url("../images/inquiry-bg.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-color: white;
	float: left;
	padding: 5px 0;
	box-sizing: border-box;
}

.inquiry-box {
	width: 55%;
	height: auto;
	position: relative;
	background-color: rgba(255,255,255,.8);
	right: 0;
	top: 50%;
	transform: translate(65%, -50%);
	padding: 1%;
	border-radius: 30px;
	box-shadow: 0px 0px 10px #f4f4f4;
	float: left;
}

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

.contact-map{
	width:50%;
	height:auto;
	position:relative;
	float:left;
}

.contact-info{
	width:50%;
	height:auto;
	position:relative;
	float:left;
	padding:0 5%;
	box-sizing:border-box;
}
.contact-logo{
	width:100%;
	height:auto; 
	position:relative;
	float:left;
}
.contact-logo img {width:100%; filter: invert(37%) sepia(10%) saturate(21%) hue-rotate(342deg) brightness(105%) contrast(101%);}
.contact-add{width:100%; height:auto; position:relative; float:left; color:#666; margin:50px 0 0 30px;}
.contact-add::before {
	content: "";
	display: block;
	width: 50px;
	height: 70px;
	position: relative;
	float: left;
	background-image: url("../images/icon-17.png");
	background-size: 60%;
	background-repeat: no-repeat;
	filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
	padding: 2px 0px;
}

.contact-email{width:100%; height:auto; position:relative; float:left; color:#666; margin:10px 0 0 30px;}
.contact-email::before {
	content: "";
	display: block;
	width: 50px;
	height: 30px;
	position: relative;
	float: left;
	background-image: url("../images/icon-19.png");
	background-size: 60%;
	background-repeat: no-repeat;
	filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
	padding: 2px 0px;
}

.contact-tel{width:100%; height:auto; position:relative; float:left; color:#666; margin:10px 0 0 30px;}
.contact-tel::before {
	content: "";
	display: block;
	width: 50px;
	height: 30px;
	position: relative;
	float: left;
	background-image: url("../images/icon-18.png");
	background-size: 60%;
	background-repeat: no-repeat;
	filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
	padding: 2px 0px;
}

#footer {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000;
	padding: 10vh 0 1vh 0;
	box-sizing: border-box;
	float: left;
	background-image: url("../images/footer-bg.jpg");
	background-size: cover;
	background-position: center top;
}
.footer-social { width: 100%; height: auto; position: relative; margin: 0 0 3% 0; }
.footer-social img {width:4%; margin:0 15px;}


.footerA {width:25%; height:auto; position:relative; float:left;}
	.footerA div:nth-child(1){ width:100%;}
	.footerA div:nth-child(1) img { width:150px; height:150px; margin:10% auto 0 auto; display:block; object-fit:cover; object-position:left; }
	.footerA div:nth-child(2) {width:65%; color:#999; margin:10px auto;line-height:.9; text-align: center; }


.footerB {width:25%; height:auto; position:relative; float:left; padding:5% 0 0 0;}
	.footerB-title { width: fit-content; color:#1b75bb;}
    .footerB-content { width: fit-content; color:#999; margin:10px 0 0 0;}
  

.footerC {width:25%; height:auto; position:relative; float:left; padding:5% 0 0 0;}
	.footerC-title { width: fit-content; color:#1b75bb;}
    .footerC-content { width: fit-content; color:#fff;}
	.footerC-add{width:80%; color:#999; margin-top:5px; position: relative; float:left;}
	.footerC-add::before {
		content: "";
		display: block;
		width: 40px;
		height: 70px;
		position: relative;
		float: left;
		background-image: url("../images/icon-17.png");
		background-size: 50%;
		background-repeat: no-repeat;
		filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
		padding: 2px 0px;
}	

.footerD {width:25%; height:auto; position:relative; float:left; padding:5% 0 0 0;}
	.footerD div:nth-child(1){width: fit-content; color:#1b75bb;}

	.footerD div:nth-child(2){width:100%; color:#999; margin-top:5px; position: relative; float:left;}
	.footerD div:nth-child(2)::before {
		content: "";
		display: block;
		width: 40px;
		height: 25px;
		position: relative;
		float: left;
		background-image: url("../images/icon-19.png");
		background-size: 50%;
		background-repeat: no-repeat;
		filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
		padding: 2px 0px;
}

	.footerD div:nth-child(3){width:100%; color:#999; margin-top:5px; position: relative; float:left;}
	.footerD div:nth-child(3)::before {
		content: "";
		display: block;
		width: 40px;
		height: 25px;
		position: relative;
		float: left;
		background-image: url("../images/icon-18.png");
		background-size: 50%;
		background-repeat: no-repeat;
		filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
		padding: 2px 0px;
}












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

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

a, a:hover, a:visited, a:active {
	color: inherit !important;
	text-decoration: none !important;
}
 
.hamburger img {
	width: 100%;
} 
 
 button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
textarea:focus, input:focus{
    outline: none;
}

ul li { margin-bottom: 5px; }
ul {padding: 5% !important;}
.c {display: flex;justify-content: center;align-items: center;}

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

.s0 { font-size: calc(100vw - 87vw) !important; line-height: 1 !important; }
.s1 { font-size: calc(100vw - 90vw) !important; line-height: 1.2 !important; }
.s2{font-size: calc(100vw - 93vw) !important;}
.s2b { font-size: calc(100vw - 94.5vw) !important; line-height: .9 !important; }
.s2c{font-size: calc(100vw - 95vw) !important;}
.s3 { font-size: calc(100vw - 96.2vw) !important; line-height: 1.3 !important; }
.s4{font-size: calc(100vw - 96.5vw) !important;}

.f1{font-family:poppinRegular !important;}
.f2{font-family:poppinLight !important;}	
.f3{font-family:poppinBold !important;}
.f4{font-family:poppinBlack !important;}
.f5{font-family:special !important;}




div#slider { width: 100%; height: 60vh; float: right; overflow: hidden;}
div#slider figure { width: 300%; height: 100vh; position: relative; margin: 0; left: 0; animation: 30s slidy infinite; }
div#slider figure img { width: 33.33%; height: 100%; float: left; object-fit: cover; object-position: 0 -10vh; }

@keyframes slidy {
0% { left: 0%; }
35% { left: 0%; }
40% { left: -100%; }
70% { left: -100%; }
75% { left: -200%; }
95% { left: -200%; }
100% { left: 0%;}
}

.section-title{
	width:100%;
	height:auto;
	position:relative;
	line-height:1.5;
	color:#1b75bb;
	display: block;
 	margin: 10px auto;
	text-align: center;	
}
.section-content{
	width:100%;
	height:auto;
	position:relative;
	line-height:1.2;
	color:#333;
	display: block;
 	margin: 0 auto;
	text-align: center;		
}


/*  START PAGE  */
.index-con1 {
	width: 100vw;
	height: 100vh;
	position: relative;
	float: left;
	padding-top: 0;
	box-sizing: border-box;
	background-image: url("../images/index-bg.jpg");
	background-size: cover;
	background-position-y: center;
}
.index-con1-box-a {
	width: 90%;
	height: auto;
	position: absolute;
	float: left;
	/* padding: 0 0 0 5%; */
	/* box-sizing: border-box; */
	/* bottom: 5vh; */
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-25%);
}
.index-con1-box-logo{
	width:100%;
	height:auto;
	position:relative;
	float:left;
}
.index-con1-box-logo img{width:30%;}

/* Initial hidden state and animation setup */
.index-con1-box-b {
	width: 100%;
	height: 50vh;
	position: absolute;
	z-index: 0;
	right: -100%;
	top: 30%;
	transform: translate(0%, -50%);
	float: right;
	animation: slideIn 3s ease-out 100ms forwards;
	opacity: 0;
}

/* Image styling remains mostly unchanged */
.index-con1-box-b img {
	width: 121%;
	height: auto;
	object-fit: cover;
	object-position: -5vw -5vh;
	position: absolute;
	right: -10%;
}
/* Keyframes for sliding in */
@keyframes slideIn {
	from {
		right: -100%;
		opacity: 0;
	}
	to {
		right: 0;
		opacity: 1;
	}
}

.index-title-1{ width:100%; height:auto; position:relative; float:left; margin: 0; padding: 0; line-height:1; color:#1a75bb; }
.index-title-2{ width:100%; height:auto; position:relative; float:left; margin:0 0 10px 0; padding:0; line-height:.8; color:#000; }
.index-title-3{ width:100%; height:auto; position:relative; float:left; margin:5px 0 0 0; padding:0; line-height:1.2; color:#333; }
.index-title-btn{width:fit-content; height:auto; position:relative; float:left; background-color:#1b75bb; color:#fff; transition:all ease 300ms; padding: 5px 20px; margin:20px 0 0 0;}
.index-title-btn:hover{background-color:#f15a24; color:#fff;}


.index-con2 { width: 100%; height: auto; position: relative; float: left; /* background: #d2d2d2; */ padding:15% 5%; box-sizing: border-box; background: #8e9eab; background: -webkit-linear-gradient(to left, #eef2f3, #8e9eab); background: linear-gradient(to left, #eef2f3, #8e9eab); }
.index-con2 img { width: 100%; height: auto; position: relative; float: left; }
.index-con2 div { width: 100%; height: auto; position: relative; float: unset; padding: 0; box-sizing: border-box; line-height: 1.2; display: block; margin: 0 auto; }
.index-con2-title {color:#1b75bb; line-height:.8;}
.index-con2-subtitle {color:#333;justify-content: unset !important; margin:0 0 10px 0;} 
.index-con2-subtitle-line {
	border: none;
	height: 3px;
	background: #3498db;
	margin: 14px 0;
	width: 15%;
	position: relative;
	float: left;
}


.index-con3 {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding:5%;
	box-sizing: border-box;
	/*background-image: url("../images/index2-bg.jpg");
	background-attachment: fixed;
	background-size: 85%;
	background-position: 50% 88%;
	background-repeat: no-repeat;*/
}
.index-con3-box{
	width:100%;
	height:auto;
	position:relative;
	float:left;
}
.index-con3-box-inner1, .index-con3-box-inner2 {
	width: 100%;
	height: auto;
	position: relative;
	border: 2px solid #1b75bb;
	border-radius: 30px;
	display: block;
	margin: 100px 10px auto auto;
	padding: 3%;
	box-sizing: border-box;
	background: rgba(255,255,255,.5);
}
.index-con3-box-inner2{margin: 100px auto 0 10px !important;}
.index-con3-box-img {
	width:60%;
	height: auto;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -40%);
	top: 0;
}
.index-con3-box-img img {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 auto;
}
.index-con3-box-inner-title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	color: #1b75bb;
	margin: calc(100vh - 80vh) 0 25px 0;
	float: left;
}
.index-con3-box-inner-content{
	width:100%;
	height:auto;
	position:relative;
	color:#333;
	line-height:1.2;
	margin:0 0 20px 0;
}
.index-con3-btn {
	width: fit-content;
	height: auto;
	position: relative;
	background-color: #e82e50;
	color: #fff;
	border-radius: 20px;
	padding: 10px 20px;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	transition:all ease 300ms;
}
.index-con3-btn:hover{background-color:#a22038; transform: scale(1.2);}


.index-con4 {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding: 15% 5%;
	box-sizing: border-box;
	background-color:#f4f4f4;
}

.index-con4-box {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	display: grid;
	grid-template-columns: 100%;
	margin: 5% 0 0 0;
}
.index-con4-box-child, .index-con4-box-childb {
	width: 100%;
	height: auto;
	position: relative;
	border-right: unset;
	padding: 10% 0;
	box-sizing: border-box;
	border-bottom: 2px solid #1A2D8A;
}
.index-con4-box-child-b {border-right: unset !important; padding: 20px 0;}

.index-con4-box-child img, .index-con4-box-child-b img {
	width: 20%;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	box-sizing: border-box;
}
.index-con4-box-child-title{ color:#1b75bb; text-align:center; line-height:.9;}
.index-con4-box-child-content{ color:#333; text-align:center; line-height:1.2;}

.exp1-con1, .exp2-con1, .exp3-con1, .exp4-con1, .exp5-con1, .exp6-con1 { width: 100%; height: 60vh; position: relative; float: left; }

.exp1-con1-quote, .exp2-con1-quote, .exp3-con1-quote, .exp4-con1-quote, .exp5-con1-quote, .exp6-con1-quote {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(3%,30%);
	z-index: 10;
	line-height: .7;
	color: #fff;
	text-shadow: 5px 0 10px rgba(0,0,0,.3);
}
.exp1-con2, .exp2-con2, .exp3-con2, .exp4-con2, .exp5-con2, .exp6-con2 { width: 100%; height: 40vh; position: relative; float: left; padding: 0 5%; box-sizing: border-box; }

.exp1-con3{ width:100%; height:auto; position:relative; float:left; padding:5% 3%; box-sizing:border-box;}
.exp1-con3-box{ width:100%; height:auto; position:relative; float:left;}
.exp1-con3a{ width:100%; height:auto; position:relative; float:left; margin:0 0 10% 0;}
.exp1-con3b{ width:40%; height:auto; position:relative; float:left; margin:0 0 10% 0;}

.exp1-con3-titlebox{width:100%; height:auto; position:relative; float:left; padding:0 3%;}
.exp1-con3-titlebox-a {
	width:fit-content; 
	height:auto; 
	position:relative;
	float:left;
	color:#999;
	line-height: 0.8;
	font-size:12em;
}
.exp1-con3-titlebox-b {
	width:70%; 
	height:auto; 
	position:relative;
	float:left;
	color:#1b75bb;
	line-height: 1;
	margin: 20px 0 0 0;
}
.exp1-con3-titlebox-c {
	width:fit-content; 
	height:auto; 
	position:relative;
	float:left;
	color:#333;
}

.exp1-con3-titlebox-line {
	border: none;
	height: 15px;
	background: #e82e50;
	margin: 10px 25px;
	width: 30%;
	position: relative;
	float: left;
}

.exp1-con3-titlebox-text {
	width:100%; 
	height:auto; 
	position:relative;
	float:left;
	color:#333;
	line-height:1.3;
	padding:0 3%;
}

.exp-btn {
	width: fit-content;
	height: auto;
	position: relative;
	background-color: #e82e50;
	color: #fff;
	border-radius: 20px;
	padding: 10px 20px;
	box-sizing: border-box;
	margin: 3% 0 0 3%;
	transition: all ease 300ms;
}
.exp-btn:hover{background-color:#a22038; transform: scale(1.2);}

.exp-1img{ width:100%; height:350px; position:relative; float:left;}
.exp-1img img{ width:100%; height:100%; position:relative; float:left; object-fit:cover;}


.con-image{width: 100%; height: 60vh; float: left; overflow: hidden;}
.con-image img {width: 150%;height: 100%;object-fit: cover;}
.con-image::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	float: left;	
	background-color: rgba(0, 0, 0, 0.7);
	display: block;
	top: 0;
}

.exp2-con3 {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 3%;
	box-sizing: border-box;
}
.exp2-con3-box{
	width:100%;
	height:auto;
	position:relative;
}
.exp2-con3-box img { width: 100%; height: 100px; position: relative; float: left; object-fit: cover; }
.exp2-con3-box div { width: 100%; height: auto; position: relative; float: left; color: #333; line-height: 1.2; padding: 5% 0; }


.exp3-con3 {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
	padding: 5%;
	box-sizing: border-box;
	margin: 0 auto 5% auto;
}
.exp3-con3-box{
	width:100%;
	height:auto;
	position:relative;
}
.exp3-con3-box img{width:100%;height:200px; position:relative; float:left;}
.exp3-con3-box div { width: 100%; height: auto; position: relative; float: left; color: #333; line-height: 1.2; padding: 5% 0; }

.exp3-con4 {
	width: 100%;
	height: auto;
	position: relative;
	float:left;
	padding: 3%;
	box-sizing: border-box;
	margin:0 0 5% 0;
}

.exp3-con5, .exp6-con3 {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}
.exp3-con5-box, .exp6-con3-box {
	width: 100%;
	height: 150px;
	position: relative;
	float: left;
	line-height: 1;
}
.exp3-con5-box img, .exp6-con3-box img { width: 100%; height: 100%; object-fit: cover; }
.exp3-con5-box div, .exp6-con3-box div{ width:100%; height:auto; color:#1b75bb; padding:5%; box-sizing: border-box;}
.exp3-con5-box span, .exp6-con3-box span{ width:100%; height:100%; color:#333;display:block;}

.exp4-con3 {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 5%;
	box-sizing: border-box;
	margin: 0 auto 5% auto;
}
.exp4-con3-box{
	width:100%;
	height:auto;
	position:relative;
}
.exp4-con3-box img { width: 100%; height: auto; position: relative; float: left; object-fit: contain; }
.exp4-con3-box div { width: 100%; height: auto; position: relative; float: left; color: #333; line-height: 1.2; padding: 5% 0; }

.exp4-con3-box li {
  margin-bottom: 15px; /* vertical gap */
}
.exp4-con3-box li:last-child {
  margin-bottom: 0; /* remove extra space at end */
}

.exp5-con3 {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: 100%;
	gap: 20px;
	padding: 6%;
	box-sizing: border-box;
	margin: 0 auto 5% auto;
}
.exp5-con3-box{
	width:100%;
	height:auto;
	position:relative;
}
.exp5-con3-box img{width:100%;height:200px; position:relative; float:left; object-fit: cover;}
.exp5-con3-box div { width: 100%; height: auto; position: relative; float: left; color: #333; line-height: 1.2; padding: 3% 0; }


.imp1-con2{
	width:85%;
	height:auto;
	position:relative;
	display:grid;
	grid-template-columns: 100%;
	gap: 20px;
	margin: 0 auto;
}
.imp1-con2 div {color:#333;}
.imp1-con2 div img {
	width: 100%;
	max-height: 350px;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}
.imp1-con3{
	width:85%;
	height:auto;
	position:relative;
	margin: 0 auto;
	color:#333;
	margin-top:100px;
}

.imp1-con4{
	width:80%;
	height:auto;
	position:relative;
	margin: 30px auto;
}
.imp1-con4 div {
	width: 90%;
	height: auto;
	position: relative;
	border-radius: 20px;
	border: 2px #333 solid;
	padding: 1%;
	box-sizing: border-box;
	text-align: center;
	margin: 0 auto;
	line-height: 1;
	cursor: pointer;
	background: #f4f4f4;
	transition: all ease 300ms;
}
.imp1-con4 div img{
	width:70%; 
	display: block;
	margin: 0 auto;
	padding:10px;
	box-sizing: border-box;
	transition: all ease 300ms;
	}
.imp1-con4 div:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.imp1-con4 div:hover img {
	filter: invert(31%) sepia(82%) saturate(1298%) hue-rotate(183deg) brightness(95%) contrast(83%);
}

.brand-image{width: 100%; height: 50vh; float: left; overflow: hidden;}
.brand-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 55%;
}
.brand-image::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	float: left;	
	background-color: rgba(0, 0, 0, 0.7);
	display: block;
	top: 0;
}

.brand-quote {
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,20%);
	z-index: 10;
	color: #fff;
	text-shadow: 5px 0 10px rgba(0,0,0,.3);
	text-align: center;
}

.brand-con{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	padding:5%;
	box-sizing: border-box;
	margin:50px 0;
}

.inquiry-con {
	width: 100%;
	height: auto;
	position: relative;
	background-image: url("../images/inquiry-bg.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-color: white;
	float: left;
	padding: 5px 3%;
	box-sizing: border-box;
}

.inquiry-box {
	width: 95%;
	height: auto;
	position: relative;
	background-color: rgba(255,255,255,.8);
	right: unset;
	top: unset;
	transform: unset;
	padding: 3%;
	border-radius: 30px;
	box-shadow: 0px 0px 10px #f4f4f4;
	float: left;
}

/*.inquiry-box {
	width: 55%;
	height: auto;
	position: relative;
	background-color: rgba(255,255,255,.8);
	right: 0;
	top: 50%;
	transform: translate(65%, -50%);
	padding: 1%;
	border-radius: 30px;
	box-shadow: 0px 0px 10px #f4f4f4;
	float: left;
}*/

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

.contact-map{
	width:100%;
	height:auto;
	position:relative;
	float:left;
}

.contact-info{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	padding:15% 5% 3% 5%;
	box-sizing:border-box;
}
.contact-logo{
	width:100%;
	height:auto; 
	position:relative;
	float:left;
}
.contact-logo img {width:100%; filter: invert(37%) sepia(10%) saturate(21%) hue-rotate(342deg) brightness(105%) contrast(101%);}
.contact-add{width:100%; height:auto; position:relative; float:left; color:#666; margin:20px 0 0 0;}
.contact-add::before {
	content: "";
	display: block;
	width: 30px;
	height: 70px;
	position: relative;
	float: left;
	background-image: url("../images/icon-17.png");
	background-size: 60%;
	background-repeat: no-repeat;
	filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
	padding: 2px 0px;
}

.contact-email{width:100%; height:auto; position:relative; float:left; color:#666; margin:0 0 0 0;}
.contact-email::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	float: left;
	background-image: url("../images/icon-19.png");
	background-size: 60%;
	background-repeat: no-repeat;
	filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
	padding: 2px 0px;
}

.contact-tel{width:100%; height:auto; position:relative; float:left; color:#666; margin:0 0 0 0;}
.contact-tel::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	float: left;
	background-image: url("../images/icon-18.png");
	background-size: 60%;
	background-repeat: no-repeat;
	filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
	padding: 2px 0px;
}

.contact-btn-con {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin: 10% 0;
}

.contact-btn {
	width: 100%;
	height: auto;
	/* border: 1px solid #333; */
	padding: 20%;
	border-radius: 15px;
	/* background-color: #fff; */
	box-shadow: 0 0 10px #bfbfbf;
	box-sizing: border-box;
}
.contact-btn img{width:100%; }

#footer {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000;
	padding: 10vh 0 1vh 0;
	box-sizing: border-box;
	float: left;
	background-image: url("../images/footer-bg.jpg");
	background-size: cover;
	background-position: 80% bottom;
	background-repeat: no-repeat;
}
.footer-social { width: 100%; height: auto; position: relative; margin: 0 0 3% 0; }
.footer-social img {width:4%; margin:0 15px;}


.footerA {width:100%; height:auto; position:relative; float:left;}
	.footerA div:nth-child(1){ width:100%;}
	.footerA div:nth-child(1) img { width:150px; height:150px; margin:10% auto 0 auto; display:block; object-fit:cover; object-position:left; }
	.footerA div:nth-child(2) {width:65%; color:#999; margin:10px auto;line-height:.9; text-align: center; }


.footerB {width:100%; height:auto; position:relative; float:left; padding:5%;}
	.footerB-title { width: fit-content; color:#1b75bb; display: block; margin: 0 auto;}
    .footerB-content { width: fit-content; height:auto; color: #999; display: block; margin: 0 auto;  }
  

.footerC {width:100%; height:auto; position:relative; float:left; padding:5%;}
	.footerC-title { width: fit-content; color:#1b75bb;}
    .footerC-content { width: fit-content; color: #fff; display: block; margin: 0 auto; }
	.footerC-add { width: 80%; color: #999; position: relative; float: none; display: block; margin: 5px auto; text-align: center; }
    .footerC-add::before {
    	content: "";
    	display: block;
    	width: 30px;
    	height: 70px;
    	position: absolute;
    	float: left;
    	background-image: url("../images/icon-17.png");
    	background-size: 50%;
    	background-repeat: no-repeat;
    	filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
    	padding: 2px 0px;
    	left: -3%;
}	

.footerD {width:100%; height:auto; position:relative; float:left; padding:5%;}
	.footerD div:nth-child(1){width: fit-content; color:#1b75bb; display: block; margin: 0 auto;}

	.footerD div:nth-child(2) { width: 70%; color: #999; position: relative; float: unset; display: block; margin: 5px auto; text-align: center;}
    .footerD div:nth-child(2)::before {
    	content: "";
    	display: block;
    	width: 30px;
    	height: 40px;
    	position: absolute;
    	float: left;
    	background-image: url("../images/icon-19.png");
    	background-size: 50%;
    	background-repeat: no-repeat;
    	filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
    	padding: 2px 0px;
    	left: 15%;
}

	.footerD div:nth-child(3) { width: 70%; color: #999; position: relative; float: unset; text-align: center; display: block; margin: 5px auto; }
	.footerD div:nth-child(3)::before {
		content: "";
		display: block;
		width: 30px;
		height: 40px;
		position: absolute;
		float: left;
		background-image: url("../images/icon-18.png");
		background-size: 50%;
		background-repeat: no-repeat;
		filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(137deg) brightness(97%) contrast(86%);
		padding: 2px 0px;
		left: 15%;
}
	
}