/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Syncopate:wght@400;700&display=swap');

.HLP .key-color {color: #005b89;}
.HLG .key-color {color: #007161;}
.HLP .key-border {border-color: #005b89;}
.HLG .key-border {border-color: #007161;}
.HLP .key-color-lt {color: #007DC5 !important;}
.HLG .key-color-lt {color: #00ad7d !important;}
.HLP .key-bg {background-color: #e7f6fd;}
.HLG .key-bg {background-color: #eef6ea;}
.purple {color: #8D6BA7 !important;}
.brown {color: #9B6C68 !important;}
.jade {color: #5bc4bf !important;}
.orange {color: #e2984c !important;}
.white {color: #ffffff !important;}
.lt-green {color: #8db160 !important;}
.gray {color: #7b9cad !important;}
.white-bg {background-color: #ffffff !important;}

.ZH .menu-link {font-size: 1rem;}
.nowrap { white-space: nowrap; }

h1 {font-size: 2.8125rem; font-weight: 500; line-height: 1.05;}
.ZH h1 {letter-spacing: 8px !important;}
h2 { }
h3 { }
h4 { }
h5 {font-size: 1.25rem;}
h6 { }

.HLP .read-more {
    font-size: 1.0625rem;
    font-size: 1rem;
    font-weight: 600;
    color: #005b89;
    text-transform: uppercase;
    padding: 0.5rem 0;
    opacity: 1 !important;
    background-color: transparent !important;
    border: 0px;
}
.HLP button.read-more {
    font-size: 1.0625rem;
    font-size: 1rem;
    font-weight: 600;
    color: #005b89;
    text-transform: uppercase;
    padding: 0.5rem 0;
    opacity: 1 !important;
    background-color: transparent !important;
    border: 0px;
}
.HLP button.read-more:hover {color: #007dc5 !important;}
.HLG .read-more {
    font-size: 1.0625rem;
    font-size: 1rem;
    font-weight: 600;
    color: #007161;
    text-transform: uppercase;
    padding: 0.5rem 0;
    opacity: 1 !important;
    background-color: transparent !important;
    border: 0px;
}
.HLG button.read-more {
    font-size: 1.0625rem;
    font-size: 1rem;
    font-weight: 600;
    color: #007161;
    text-transform: uppercase;
    padding: 0.5rem 0;
    opacity: 1 !important;
    background-color: transparent !important;
    border: 0px;
}

.menu-link {
	display: block;
	line-height: 22px;
	padding: 14px 5px;
	color: #005b89;
	font-weight: 400;
	font-size: 0.8125rem;
	letter-spacing: 0.125px;
	text-transform: uppercase;
}

/* ----------------------------------------------------------------
	Homepage
-----------------------------------------------------------------*/
.HLP .menu-item:hover > .menu-link, .HLP .menu-item.current > .menu-link {color: #007dc5;}
.HLG .menu-item:hover > .menu-link, .HLG .menu-item.current > .menu-link {color: #5bc4bf;}

.heading-block h4 {font-size: 2rem; font-weight: 500; margin-bottom: 1.75rem;}
.ZH .heading-block h4 {letter-spacing: 0.3rem;}

.heading-block.jade::after {border-top: 3px solid #5bc4bf;}
.heading-block.orange::after {border-top: 3px solid #e2984c;}
.heading-block.blue::after {border-top: 3px solid #005b89;}
.heading-block.gray::after {border-top: 3px solid #7b9cad;}
.heading-block.green::after {border-top: 3px solid #8db160 !important;}

#content p {font-size: 1.0625rem; line-height: 1.6;	font-weight: 300;}
.ZH #content p {font-size: 1.25rem; font-weight: 300; line-height: 2;}

#section-review .heading-block h4, #section-sd .heading-block h4, 
#section-review p, #section-sd p {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

@media (max-width: 992px) {
	#section-review .heading-block h4 { color: #e2984c !important; text-shadow: none;}
	#section-sd .heading-block h4 { color: #8db160 !important; text-shadow: none;}
	#section-review p, #section-sd p {
		color: #333 !important; text-shadow: none;
	}
}
@media (min-width: 992px) {
.mt-lg-n6 {margin-top: -5% !important;}
.mb-lg-n6 {margin-bottom: -5% !important;}
}
#content p.small {
	line-height: inherit; 
	font-size: 1.125rem;
	font-weight: 400;
}
.ZH #content p.small {font-weight: 300;}

#section-value h4 {margin-bottom: 1rem;}

/* ----------------------------------------------------------------
	Heading
-----------------------------------------------------------------*/

.heading-block { /*margin-bottom: 2.25rem;*/ }

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
	margin-bottom: 0;
	font-weight: 700;
	/*text-transform: uppercase;*/
	letter-spacing: 0.5px;
	color: #333;
}

.heading-block h1 {font-size: 2.8125rem; font-weight: 500;}

@media (max-width: 992px) {
	.heading-block h4 { /*font-size: 2.75rem;*/ }
}
@media (max-width: 767.98px){
	h1 {font-size: 1.75rem;}

	.title-block h1 + span { font-size: 18px; }
	.title-block h2 + span { font-size: 17px; }
	.title-block h3 + span { font-size: 15px; }
	.title-block h4 + span { font-size: 13px; }
	.heading-block h1 { font-size: 1.75rem; }
	.heading-block h2 { font-size: 26px; }
	.heading-block h3 { font-size: 22px; }
	.heading-block h4 { font-size: 1.75rem; }
	.heading-block h1 + span { font-size: 20px; }
	.heading-block h2 + span { font-size: 18px; }
	.heading-block h3 + span,
	.heading-block h4 + span { font-size: 17px; }
	.emphasis-title h1,
	.emphasis-title h2 { font-size: 44px !important; }
}
@media (max-width: 576px){
	.testi-content br {display: none;}
}


/* ----------------------------------------------------------------
	Counter
-----------------------------------------------------------------*/

.highlights-block {
	background-color: #e7f6fd;
    transform: skewY(-15deg);
}
.HLG .highlights-block {
	background-color: #ebf5e5;
}
.highlights {
	min-height: 312px;
	transform: skewY(15deg);
	padding: 4.5rem 0;
}
.ZH .highlights {min-height: 280px;}
.counter {
	font-size: 42px;
	font-size: 1.75rem;
	font-weight: 500;
	line-height: 1.1;
	/*letter-spacing: 0.025rem;
	font-family: 'Poppins', sans-serif;*/
}
.counter span {
	font-size: 3.5rem;
	padding: 0; /*0.125rem;*/
}

/* ----------------------------------------------------------------
	General
-----------------------------------------------------------------*/

.heading-block .graghic {width: 3.75rem; height: auto;}
#section-chairman .graghic {width: 7.375rem; height: auto;}
#section-chairman .heading-block .graghic {width: 4rem;}
#section-highlights .graghic {width: 6rem; height: auto;}
#section-review .graghic {width: 6rem; height: auto;}
#section-financial .graghic {width: 10rem; height: auto;}
#section-sd .graghic {width: 12rem; height: auto; margin-left: 23%;}
#section-sd h1 {color: #ffffff;}
#section-chairman {
	padding: 4rem 0;
	margin-top: 0;
}
#section-highlights {
	padding: 0 0 4rem 0;
	margin-top: 0;
}
.chairman .heading-block {padding-bottom: 0;}
.vice { }
.review {/*background-color: #f99e49;*/}
.review-top {
	background-image: url('../images/review/review-top.png');
	background-size: 100%;
	background-position: bottom center;
	background-repeat: repeat;
	padding: 16vw 0;
}
.review-bottom {
	background-image: url('../images/review/review-bottom.png');
	background-size: 100%;
	background-position: top center;
	background-repeat: repeat;
}
#section-review .heading-block h4, #section-sd .heading-block h4, 
#section-review p, #section-sd p,
#section-sd button.read-more {
	color: #fff;
}
.sd {
	background-image: url('../images/sd/sd-parallax.jpg');
	background-size: cover;
	background-position: center;
	padding: 37rem 0 3rem;
}

.HLP #gotoTop:hover {background-color: #007dc5;}
.HLG #gotoTop:hover {background-color: #00ad7d;}

.md-value { display: none;}
.md-review { display: none;}

@media (min-width: 992px) {
	.chairman .heading-block {padding-bottom: 25%;}
}
@media (max-width: 992px) {
	#section-sd h1 {color: #39C2D7;}
	#section-sd .graghic {width: 7.375rem; margin: 0 auto;}
	#section-sd .col-mb-50 {margin-bottom: 1rem;}
	#section-chairman {padding: 2rem 0 4rem 0; margin-top: 0;}

	.boss {
		background-image: none;
		padding: 0;
		padding-bottom: 3rem;
	}
	.md-boss {
		background-image: url('../images/about/boss-mobile.jpg');
		background-size: cover;
		/* height: 50vh; */
		padding-top: 50vw;
	}
	.vice {
		background-image: none;
		padding: 0;
		padding-bottom: 3rem;
	}
	.md-vice {
		background-image: url('../images/about/vice-mobile.jpg');
		background-size: cover;
		/* height: 50vh; */
		padding-top: 50vw;
		margin-bottom: 2.5rem;
	}
	.lg-value { display: none; }
	.md-value { display: flex; }
	.md-review {
		background-image: url('../images/review/review-mobile.jpg');
		background-size: cover;
		/* height: 50vh; */
		padding-top: 50vw;
		display: block;
	}
	.review, .review-top {
		background-image: none;
	}
	.review-top {
		background-image: url('../images/review/review-bottom.png');
		padding-bottom: 1px;
		padding-top: 10vw;
	}
	#section-review .heading-block h4 { color: #e2984c !important; }
	#section-sd .heading-block h4 { color: #8db160 !important; }
	#section-review p, #section-sd p {
		color: #333 !important;
	}
	#section-sd button.read-more { color: #005b89; }
	.sd {
		padding: 0;
		background-image: none;
		background-color: transparent !important;
	}
	.md-sd {
		background-image: url('../images/sd/sd-mobile.jpg');
		background-size: cover;
		/* height: 50vh; */
		padding-top: 50vw;
		display: block;
	}

}
@media (max-width: 767.98px){
	#section-chairman .graghic {width: 5rem;}
	#section-chairman .heading-block .graghic {width: 2.5rem;}
	#section-highlights .graghic {width: 6rem; height: auto;}
	#section-financial .graghic {width: 7rem; height: auto;}
	#section-sd .graghic {width: 6rem; height: auto; margin-left: auto;}
}

/* ----------------------------------------------------------------
	Operations
-----------------------------------------------------------------*/
.slider-left {background-color: #f99e49;}
ul.slider-menu {list-style: none; font-size: 1.0625rem; line-height: 1.25; font-weight: 400; margin-bottom: 1rem;}
.slider-menu li {border-bottom: 1px solid #dd5928;}
.slider-menu li:last-child {border-bottom: none;}
.slider-menu li a {display: block; padding: 0.5rem 0 0.5rem 0; color: #231f20; width: 75%;}
.slider-menu li a:hover {color: #fff;}
.slides-wrap, .slides-wrap [class*=slide-] {height: 490px; min-height: 490px;}
.slides-wrap .slide-title {height: auto; min-height: auto; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}
.slides-wrap .slide {background-size: cover;}
.slides-wrap .slide a {display: block;}
.owl-carousel .owl-nav [class*=owl-] {opacity: 1; top: 8%;}
.owl-carousel .owl-nav {}
.owl-carousel .owl-nav .owl-next {
	right: 0;
	background-image: url('../images/slider-next.png') !important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.owl-carousel:hover .owl-nav .owl-next {right: 0;}
.owl-carousel .owl-nav .owl-next:hover {background-image: url('../images/slider-next-hover.png') !important;}
.owl-carousel .owl-nav button span {visibility: hidden;}
.slides-wrap .owl-carousel .owl-nav [class*=owl-]:hover {background-color: transparent !important;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {display: none;}
.slide-1 {background-image: url('../images/slider/slide-1.jpg'); background-position: left;}
.slide-2 {background-image: url('../images/slider/slide-2.jpg'); background-position: center;}
.slide-3 {background-image: url('../images/slider/slide-3.jpg'); background-position: center;}
.slide-4 {background-image: url('../images/slider/slide-4.jpg'); background-position: center;}
#section-review .slides-wrap .graghic {width: 2.5rem; height: auto;}
.slide-title {padding-right: 2rem;}
.slide-title h5 {color: #ffffff; margin-bottom: 0.25rem;}
.slide-title button.read-more:hover {color: #ffffff !important;}
.slides-wrap a:hover button.read-more {color: #ffffff !important;}

@media (max-width: 540px) {
	.slides-wrap, .slides-wrap [class*=slide-] {height: 60vw !important; min-height: 60vw !important;}
	.slider-menu li a {width: auto;}
	#section-review .slides-wrap .graghic {min-width: 2.5rem;}
	.slides-wrap .slide-title {text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}
	.slides-wrap a button.read-more {color: #ffffff !important;}
	ul.slider-menu {margin-bottom: 0;}
	.owl-carousel .owl-nav [class*=owl-] {top: 5%;}
	.slides-wrap .slide-title br {display: none;}

}

/* ----------------------------------------------------------------
	Download
-----------------------------------------------------------------*/
#Download .heading-block {margin-bottom: 0rem;}
#Download .heading-block::after {border-top: none;}
.HLP .dl-head { }
.HLG .dl-head { }
.HLP #section-download { }
.HLG #section-download { }
#Download .heading-block h4 {font-size: 1.5rem; width: fit-content;}
#Download.ZH .heading-block h4 {letter-spacing: 0.3rem; font-weight: 700;}
#Download .cover-image {margin-bottom: 0;}
#Download .cover-image img {width: 100%; height: auto; border: 1px solid #898989;}
button.download-full {
    font-size: 0.9rem;
    font-weight: 500;
    color: #005b89;
    padding: 0.5rem 0;
    opacity: 1 !important;
    background-color: transparent !important;
    background-image: url('../images/icon-download-HLP.png');
    background-repeat: no-repeat;
    background-position: left 0.75rem;
    padding-left: 1.25rem;
    border: 0px;
}
.HLP button.download-full {background-image: url('../images/icon-download-HLP.png');}
.HLG button.download-full {background-image: url('../images/icon-download-HLG.png');}


.HLP button.download-full,
.HLP .download-table .download-header h5,
.HLP .download-table .download-header h3,
.HLP .download-table p,
.HLP .download-table a
{color: #005b89;}

.HLG button.download-full,
.HLG .download-table .download-header h5,
.HLG .download-table .download-header h3,
.HLG .download-table p,
.HLG .download-table a
{color: #007161;}

button.download-full:hover {color: #5bc4bf !important;}

.HLP .download-shape.left {background-color: #e7f6fd;}
.HLG .download-shape.left {background-color: #f0f7ec;}
.download-shape.right {background-color: #f7f0e9;}
.download-shape {transform: skewY(-15deg); margin-top: 30%; padding-left: 2rem;}
.download-table {transform: skewY(15deg); padding: 24% 0;}
.download-table {display: table; width: 100%; margin-top: 0rem; flex: 1 1 auto;}
.download-table .download-header, .download-table .download-cell {display: table-row; display: block;}
.download-table .download-cell .download-item1, 
.download-table .download-cell .download-item2 {
    display: table-cell;
    /*border-bottom: 1px solid #ffffff;*/
    padding: 0 0.75rem;
}
.download-table .download-header .download-title, 
.download-table .download-cell .download-item1 {width: 100%;}
.download-table .download-header .download-size, 
.download-table .download-cell .download-item2 {width: 30%; text-align: right;}
.download-table .download-header .download-title, 
.download-table .download-header .download-size {
    display: table-cell;
    border-bottom: none;
    padding: 0 0.75rem;
    vertical-align: top;
    height: 3rem;
}
.download-table .download-header h5,
.download-table .download-header h3 {color: #005b89; font-size: 1.175rem; margin: 0;}
.ZH .download-table .download-header h5,
.ZH .download-table .download-header h3 {font-weight: 700;}
.download-table p {font-size: 1rem !important; color: #231f20 !important; font-weight: 300 !important; margin: 0.25rem 0 !important; width: 100%;}
.download-table p.dot {display: inline-grid; grid-template-columns: min-content auto;}
.download-table a {color: #005b89; display: contents;}
.HLP .download-table a:hover .download-cell {background}
.HLG .download-table a:hover .download-cell {background}
.HLP .download-table a:hover p {color: #005b89 !important;}
.HLG .download-table a:hover p {color: #00ad7d !important;}
.download-table .square-dot {
    width: 0.5rem;
    height: 0.6rem;
    display: inline-grid;
    background-color: #00a0d2;
    margin-right: 0.5rem;
    margin-top: 0.55rem;
    transform: skewY(-15deg);
}
.ZH .download-table .square-dot {margin-top: 0.7rem;}

.HLP .download-table .square-dot {background-color: #007dc5;}
.HLG .download-table .square-dot {background-color: #00ad7d;}
.HLP .download-table a:hover .square-dot {background-color: #005b89;}
.HLG .download-table a:hover .square-dot {background-color: #007161;}

@media (max-width: 768px) {
	#Download .dl-head { }
	#Download #section-download { }
}
@media (min-width: 768px) {
}
@media (max-width: 991.9px) {
	.download-shape.right {margin-top: 1.5rem;}
	.download-table {height: auto !important;}
}
@media (min-width: 992px) {
	.download-shape {transform: skewY(-15deg); margin-top: 30%; padding-left: 2rem;}
	#Download .dl-head { }
	#Download .cover-image {padding-right: 2rem;}
	.download-table .square-dot {margin-top: 0.5rem;}
	.ZH .download-table .square-dot {margin-top: 0.7rem;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1500px) {
}
@media (min-width: 1800px) {
}