* { margin:0; padding:0; box-sizing: border-box; }
button { cursor: pointer; border:0; }

.cursor-pointer { cursor: pointer; }
.fs-4 *, .fs-4 { font-size:4px; }.fs-5 *, .fs-5 { font-size:5px; }.fs-6 *, .fs-6 { font-size:6px; }.fs-7 *, .fs-7 { font-size:7px; }.fs-8 *, .fs-8 { font-size:8px; }.fs-9 *, .fs-9 { font-size:9px; }.fs-10 *, .fs-10 { font-size:10px; }.fs-11 *, .fs-11 { font-size:11px; }.fs-12 *, .fs-12 { font-size:12px; }.fs-13 *, .fs-13 { font-size:13px; }.fs-14 *, .fs-14 { font-size:14px; }.fs-15 *, .fs-15 { font-size:15px; }.fs-16 *, .fs-16 { font-size:16px; }.fs-17 *, .fs-17 { font-size:17px; }.fs-18 *, .fs-18 { font-size:18px; }.fs-19 *, .fs-19 { font-size:19px; }.fs-20 *, .fs-20 { font-size:20px; }.fs-21 *, .fs-21 { font-size:21px; }.fs-22 *, .fs-22 { font-size:22px; }.fs-23 *, .fs-23 { font-size:23px; }.fs-24 *, .fs-24 { font-size:24px; }.fs-25 *, .fs-25 { font-size:25px; }.fs-26 *, .fs-26 { font-size:26px; }.fs-27 *, .fs-27 { font-size:27px; }.fs-28 *, .fs-28 { font-size:28px; }.fs-29 *, .fs-29 { font-size:29px; }.fs-30 *, .fs-30 { font-size:30px; }.fs-31 *, .fs-31 { font-size:31px; }.fs-32 *, .fs-32 { font-size:32px; }.fs-33 *, .fs-33 { font-size:33px; }.fs-34 *, .fs-34 { font-size:34px; }.fs-35 *, .fs-35 { font-size:35px; }.fs-36 *, .fs-36 { font-size:36px; }.fs-37 *, .fs-37 { font-size:37px; }.fs-38 *, .fs-38 { font-size:38px; }.fs-39 *, .fs-39 { font-size:39px; }.fs-40 *, .fs-40 { font-size:40px; }.fs-41 *, .fs-41 { font-size:41px; }.fs-42 *, .fs-42 { font-size:42px; }.fs-43 *, .fs-43 { font-size:43px; }.fs-44 *, .fs-44 { font-size:44px; }.fs-45 *, .fs-45 { font-size:45px; }.fs-46 *, .fs-46 { font-size:46px; }.fs-47 *, .fs-47 { font-size:47px; }.fs-48 *, .fs-48 { font-size:48px; }.fs-49 *, .fs-49 { font-size:49px; }.fs-50 *, .fs-50 { font-size:50px; }.fs-51 *, .fs-51 { font-size:51px; }.fs-52 *, .fs-52 { font-size:52px; }.fs-53 *, .fs-53 { font-size:53px; }.fs-54 *, .fs-54 { font-size:54px; }.fs-55 *, .fs-55 { font-size:55px; }.fs-56 *, .fs-56 { font-size:56px; }.fs-57 *, .fs-57 { font-size:57px; }.fs-58 *, .fs-58 { font-size:58px; }.fs-59 *, .fs-59 { font-size:59px; }.fs-60 *, .fs-60 { font-size:60px; }.fs-61 *, .fs-61 { font-size:61px; }.fs-62 *, .fs-62 { font-size:62px; }.fs-63 *, .fs-63 { font-size:63px; }.fs-64 *, .fs-64 { font-size:64px; }.fs-65 *, .fs-65 { font-size:65px; }.fs-66 *, .fs-66 { font-size:66px; }.fs-67 *, .fs-67 { font-size:67px; }.fs-68 *, .fs-68 { font-size:68px; }.fs-69 *, .fs-69 { font-size:69px; }.fs-70 *, .fs-70 { font-size:70px; }.fs-71 *, .fs-71 { font-size:71px; }.fs-72 *, .fs-72 { font-size:72px; }.fs-73 *, .fs-73 { font-size:73px; }.fs-74 *, .fs-74 { font-size:74px; }.fs-75 *, .fs-75 { font-size:75px; }.fs-76 *, .fs-76 { font-size:76px; }.fs-77 *, .fs-77 { font-size:77px; }.fs-78 *, .fs-78 { font-size:78px; }.fs-79 *, .fs-79 { font-size:79px; }.fs-80 *, .fs-80 { font-size:80px; }.fs-81 *, .fs-81 { font-size:81px; }.fs-82 *, .fs-82 { font-size:82px; }.fs-83 *, .fs-83 { font-size:83px; }.fs-84 *, .fs-84 { font-size:84px; }.fs-85 *, .fs-85 { font-size:85px; }.fs-86 *, .fs-86 { font-size:86px; }.fs-87 *, .fs-87 { font-size:87px; }.fs-88 *, .fs-88 { font-size:88px; }.fs-89 *, .fs-89 { font-size:89px; }.fs-90 *, .fs-90 { font-size:90px; }.fs-91 *, .fs-91 { font-size:91px; }.fs-92 *, .fs-92 { font-size:92px; }.fs-93 *, .fs-93 { font-size:93px; }.fs-94 *, .fs-94 { font-size:94px; }.fs-95 *, .fs-95 { font-size:95px; }.fs-96 *, .fs-96 { font-size:96px; }.fs-97 *, .fs-97 { font-size:97px; }.fs-98 *, .fs-98 { font-size:98px; }.fs-99 *, .fs-99 { font-size:99px; }.fs-100 *, .fs-100 { font-size:100px; }.fs-101 *, .fs-101 { font-size:101px; }.fs-102 *, .fs-102 { font-size:102px; }.fs-103 *, .fs-103 { font-size:103px; }.fs-104 *, .fs-104 { font-size:104px; }.fs-105 *, .fs-105 { font-size:105px; }.fs-106 *, .fs-106 { font-size:106px; }.fs-107 *, .fs-107 { font-size:107px; }.fs-108 *, .fs-108 { font-size:108px; }.fs-109 *, .fs-109 { font-size:109px; }.fs-110 *, .fs-110 { font-size:110px; }.fs-111 *, .fs-111 { font-size:111px; }

body,html { width:100%; height:100%; }
body { overflow-y:auto; }

* {
	scroll-behavior: smooth;
}

a {
	text-decoration: none !important;
}

ul, li { 
    list-style: none;
}

#wrapper {
	display:inline-block;
	width:100%;
	height:100%;
	position:relative;
}

#header {
	position:fixed;
	left:0; 
	top:0;
	z-index:2;
	float:left;
	width:calc(100%);
	background:url('../images/banner/banner-1.png') no-repeat 100% 100%;
	background-position:top;
}

#main-menu > ul > li:nth-child(1) {
	border-left:0;
}

#main-menu > ul > li {
	border-left:1px solid #fff;

}

#main-banner {
	position:relative;
	width:100%;
	height:100vh;
	overflow: hidden;
}

#main-banner .banner-item .banner-image {
	position:absolute;
	left:0;
	top:0;
	height:100vh;
	background:url('../images/banner/banner-1.png') no-repeat 100% 100%;
	background-position:top;
}

#main-banner .banner-item .banner-info {
	position:relative;
	z-index:1;
}

#main-banner .banner-item .banner-info .consul-btn {
	width:500px;
	border-radius:30px;
	border:4px solid #fff;
	font-weight:bold;
	background-color:rgba(255, 255, 255, 0.15);
	transition:all 0.3s;
	position:relative;
}

#main-banner .banner-item .banner-info .consul-btn:hover {
	background-color:rgba(255, 255, 255, 0.35);
}

#main-banner .banner-item .banner-info .consul-btn img {
	width:17px;
}

#main-banner .banner-item .banner-info .consul-btn .btn-left-area {
	position:absolute;
	left:10%;
}

#main-banner .banner-item .banner-info .consul-btn .btn-right-area {
	position:absolute;
	right:10%;
}

#section > .section {
	width:100%;
	height:100%;
	position:relative;
}

/*SECTION1*/
#section1 .section-bg {
	height:519px;
	background:url('../images/sec1/back-image.png') no-repeat;
	background-size:100% 100%;
}

#section1 .sec-text p {
	color:white;
	line-height:50px;
}

#section1 .sec-text p span {
	color:#fff000;
	font-weight:bold;
}

#section1 .sec-info .line {
	display:inline-block;
	width:25%;
	height:2px;
	background-color:white;
}

/*SECTION2*/
#section2 {
	padding:300px 0 150px;
}

#section2 .row {
	position:relative;
	margin-bottom:200px;
}

#section2 .sec-info .sec-top {
	margin-bottom:25px;
}

#section2 .sec-info .sec-center {
	margin-bottom:25px;
}

#section2 .sec-info .sec-top h3 {
	font-size:36px;
	font-weight:bold;
	letter-spacing: 3.5px;
}

#section2 .sec-info .sec-top p {
	font-weight:bold;
	font-size:20px;
}

#section2 .sec-info .sec-center p {
	font-weight:bold;
	font-size:20px;
}

#section2 .sec-info .sec-end p {
	color:#444;
	font-size:14px;
}

#section2 .sec-decoration {
	position:absolute;
	transform:translateY(-50%);
	top:50%;
	z-index:-1;
}

#section2 .sec-right-decoration {
	right:0;
}

#section2 .sec-left-decoration {
	left:0;
}

#section2 .top-decoration {
	position:absolute;
	left:0;
	top:0;
}

#section2 .bot-decoration {
	position:absolute;
	left:0;
	bottom:0;
}

/*SECTION3*/
#section3 .section-bg {
	background-color:#385399;
}

#section3 .item-text p {
	line-height:36px;
}

#section3 .row .line {
	display:inline-block;
	width:100%;
	height:2px;
	background-color:white;
}

/*SECTION4*/
#section4 .section-bg {
	background-image:url('../images/sec4/back-image.png');
	background-size:cover;
}


@media (min-width: 1200px) {
	.container { max-width:1100px !important; }
}

@media(max-width: 1199px) {
	#section1 .section-bg {
		height:519px;
		background:#385399;
		background-size:cover;
	}

	#section2 .sec-right-decoration {
		display:none;
	}

	#section2 .sec-left-decoration {
		display:none;
	}

	#section2 {
		padding:70px 0;
	}

	#main-banner {
		height:100vh;
	}

	#main-banner .banner-item .banner-info > .row div:nth-child(2) {
		align-self:flex-end;
	}

	#main-banner .banner-item .banner-info > .row > div:nth-child(1) {
		align-self:center !important;
	}
}

@media(max-width: 991px) {
	#main-banner .banner-item .banner-info > .row {
		align-content:flex-end !important;
	}
	#main-banner .banner-item .banner-info > .row > div:nth-child(1) {
		align-self:flex-end !important;
		margin-bottom:50px;
	}
}

@media (max-width: 767px) {
	#main-menu > ul > li > a {
		font-size:18px;
	}
	#main-banner .banner-item .banner-info > .row > div:nth-child(1) {
		/*align-self:center !important;*/
		/*margin-bottom:vw;*/
	}

	#main-banner .banner-item .banner-info .consul-btn *,
	#main-banner .banner-item .banner-info .consul-btn {
		font-size:28px !important;
	}

	#main-banner .banner-item .banner-info .consul-btn img {
		width:13px;
	}

	#main-banner .banner-item .banner-info .social-btn img {
		width:40px;
	}
}



@media (max-width:1199px) and (max-height:900px) {
	#main-banner .banner-item .banner-info > .row > div:nth-child(1) {
		/*align-self:center !important;*/
	}

	#main-banner .banner-item .banner-info > .row > div:nth-child(2) {
		/*display:none;*/
	}
}