.login #header {
    display: none;
}
.main-logo {
    padding: 20px; 
}
.site-login {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.site-login .custom-control-label {
    line-height: 24px;
}
* {
	outline: none;
}
button,
button:focus,
a {
	outline: 0;
	cursor: pointer;
}
img {
	max-width: 100%;
}
._clear {
	clear: both;
}
._center {
	text-align: center;
}
._left {
	text-align: left;
}
._right {
	text-align: right;
}
._uppercase {
	text-transform: uppercase;
}
._bottom-0 {
	margin-bottom: 0;
}
._font-11 {
	font-size: 11px;
}
._italic {
	font-style: italic;
	font-size: 16px;
}
._line {
	background: #b983af;
	height: 4px;
	width: 118px;
	border-radius: 3px;
}
._margin-bottom-0 {
	margin-bottom: 0;
}
._margin-top-0 {
	margin-top: 0;
}
._space-padding {
	margin: 50px 0;
}
a:hover {
	text-decoration: none;
	color: #8c447d;
}
._pt-40 {
	padding-top: 40px;
}
._pt-100 {
	padding-top: 100px;
}
._pt-150 {
	padding-top: 150px;
}
._pt-50 {
	padding-top: 50px;
}
._pt-25 {
	padding-top: 25px;
}
._pb-25 {
	padding-bottom: 25px;
}
._pb-50 {
	padding-bottom: 50px;
}
._pb-100 {
	padding-bottom: 100px;
}
._pb-150 {
	padding-bottom: 150px;
}
._pb-200 {
	padding-bottom: 200px;
}
._pb-250 {
	padding-bottom: 250px;
}
._pb-300 {
	padding-bottom: 300px !important;
}

@media (max-width: 767px) {
	._pt-100 {
		padding-top: 50px;
	}
	._pb-50 {
		padding-bottom: 25px;
	}
}
:root {
	--primary: #333333;
	--red: #da2928;
	--redHover: #e72e2d;
	--white: #fff;
	--darkGrey: #231f20;
	--grey: #3d3d3d;
	--lightGrey: #828282;
	--green: #008239;
	--orange: #f69d1c;
	--orangeHover: #ffbc5e;
	--blue: #5d62b6;
	--lightBlue: #64beea;
	--black: #000000;
	--cap: uppercase;
	--latoregular: 'latoregular', sans-serif;
	--latolight: 'latolight', sans-serif;
	--latobold: 'latobold', sans-serif;
	--latosemibold: 'latosemibold';
	--latomedium: 'latomedium' sans-serif;
	--letterSpace: 6px;
	--fontSize12: 12px;
	--fontSize14: 14px;
	--fontSize15: 15px;
	--fontSize16: 16px;
	--fontSize18: 18px;
	--fontSize19: 19px;
	--fontSize20: 20px;
	--fontSize21: 21px;
	--fontSize22: 22px;
	--fontSize24: 24px;
	--fontSize26: 26px;
	--fontSize28: 28px;
	--fontSize30: 30px;
	--fontSize32: 32px;
	--fontSize34: 34px;
	--fontSize36: 36px;
	--fontSize38: 38px;
	--fontSize40: 40px;
	--fontSize42: 42px;
	--fontSize44: 44px;
	--fontSize46: 46px;
	--fontSize48: 48px;
	--fontSize50: 50px;
	--fontSize52: 52px;
	--fontSize54: 54px;
	--fontSize60: 60px;
	--fontSize62: 62px;
	--fontSize72: 72px;
	--fontSize76: 76px;
	--fontSize80: 80px;
	--fontSize120: 120px;
	--font100: 100;
	--font200: 200;
	--font300: 300;
	--font400: 400;
	--font500: 500;
	--font600: 600;
	--font700: 700;
	--font800: 800;
	--font900: 900;
}
html,
body {
	height: 100%;
	font-family: 'latoregular', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 18px;
	width: 100%;
	font-weight: var(--font400);
	color: var(--primary);
}
body {
	overflow-x: hidden;
}
strong {
	font-weight: var(--font600);
	font-family: var(--latobold);
}
a {
	color: var(--orange);
}
a:hover {
	color: var(--orangeHover);
}
.header-container {
	width: 100%;
	background: var(--white);
	padding: 27px 20px;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative;
	z-index: 1;
}
.header-container.header-fixed {
	position: fixed;
	z-index: 1000;
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.body-shrink .content {
	padding-top: 70px;
}
.header-inner {
	max-width: 1400px;
	margin: 0 auto;
}
.hamburger {
	position: relative;
	width: 40px;
	height: 30px;
	cursor: pointer;
	border: 5px solid transparent;
	float: right;
	display: none;
}
.hamburger span {
	width: 100%;
	height: 2px;
	background: #08509e;
	display: block;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.hamburger span.h-top {
	top: 0;
}
.hamburger span.h-bottom {
	bottom: 0;
	width: 27px;
}
.hamburger span.h-middle {
	top: 50%;
	margin-top: -1px;
	width: 25px;
}
.hamburger.h-active span {
	width: 100%;
}
.hamburger.h-active span.h-top {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	margin-top: -1px;
}
.hamburger.h-active span.h-middle {
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
.hamburger.h-active span.h-bottom {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 50%;
	margin-bottom: -1px;
}
.bottombar {
	background-color: #08509e;
}
.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main-nav {
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-nav ul li a.active {
	color: var(--red);
}
.logo {
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.language-content {
	margin: 20px 0;
}
.language-content a {
	border: 1px solid #c4c4c4;
	padding: 5px 25px;
	border-radius: 50px;
	color: var(--red);
	/* font-family: 'Kaiti SC', sans-serif; */
}
#cn .language-content a {
	font-family: var(--latoregular);
}
.language-content a:hover {
	background: var(--red);
	border: 1px solid var(--red);
	color: var(--white);
}
.main-nav > ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.main-nav > ul > li {
	display: inline-block;
	position: relative;
	margin-left: -4px;
	padding-right: 15px;
}
.main-nav > ul > li + li {
	padding: 0 15px;
}
.main-nav > ul > li > a {
	display: block;
	text-decoration: none;
	color: var(--primary);
	line-height: 45px;
	font-size: 16px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.main-nav > ul > li:hover > a {
	color: var(--red);
}
.submenu {
	position: absolute;
	left: 0;
	top: auto;
	right: 0;
	min-width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 15px;
	background: var(--white);
	border: 1px solid #f7f7f7;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	-webkit-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.submenu > li {
	display: block;
	margin: 0 -15px;
}
.submenu > li a {
	display: block;
	padding: 10px 15px;
	color: #666;
	line-height: 1;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.submenu > li a:hover {
	background: #f7f7f7;
	color: var(--red);
}
.main-nav .fl {
	width: 30px;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-style: normal;
	position: absolute;
	right: 5px;
	top: 0;
	z-index: 999;
	display: none;
}
.main-nav .fl:before {
	font-size: 14px;
	text-align: center;
	line-height: 35px;
}
.main-nav > ul > li + li .submenu {
	left: 15px;
}
.main-nav > ul > li:hover .submenu {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.content-block {
	padding: 70px 0;
	position: relative;
}
.slideInUp {
	visibility: hidden;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transform: translate3d(0, 30px, 0);
	-moz-transform: translate3d(0, 30px, 0);
	-ms-transform: translate3d(0, 30px, 0);
	-o-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.is-active .slideInUp {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slideInUp2 {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/* Banner Home */
.caption,
.slick-slide::before,
.slick-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.slick-slide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.main-slider {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 8vw;
	opacity: 0;
	visibility: hidden;
	transition: all 1.2s ease;
}
.main-slider.slick-initialized {
	opacity: 1;
	visibility: visible;
}
.slick-slide {
	position: relative;
	height: 100%;
}
.slick-slide video {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
}
.slick-slide iframe {
	position: relative;
	pointer-events: none;
}
.slick-slide figure {
	position: relative;
	height: 100%;
	margin: 0;
}
.slick-slide .slide-image {
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.8s ease;
}
.slick-slide .slide-image.show {
	opacity: 1;
}
.slick-slide .image-entity {
	width: 100%;
	opacity: 0;
	visibility: hidden;
}
.slick-slide .loading {
	position: absolute;
	top: 44%;
	left: 0;
	width: 100%;
}
.slick-slide .slide-media {
	-webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
	animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {
	z-index: 1;
}
.slick-slide.slick-active .slide-media {
	-webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
	animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active .caption {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}
.caption {
	position: absolute;
	top: 17%;
	left: 15%;
	padding: 20px;
	color: #fff;
	margin: 0;
	opacity: 0;
	z-index: 1;
	transition: all 0.3s ease;
	transform: translateY(100px);
}
.caption .title-one {
	font-family: var(--latosemibold);
	color: var(--lightBlue);
	font-size: var(--fontSize72);
	line-height: 70px;
}
.caption .title-two {
	font-family: var(--latobold);
	color: var(--blue);
	font-size: var(--fontSize72);
	line-height: 82px;
}
.caption .typed-cursor {
	display: none;
}
.banner-logo {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}
.banner-logo img {
	max-width: 850px;
}
.slick-dots {
	text-align: center;
	padding-top: 15px;
}
.slick-dots li {
	display: inline-block;
	vertical-align: top;
	margin: 0 8px;
}
.slick-dots li button {
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 0 0 0 transparent;
	vertical-align: middle;
	color: #fff;
	background-color: #fff;
	transition: all 0.3s ease;
	opacity: 0.4;
}
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover {
	opacity: 1;
}
.slick-dots li.slick-active button {
	border-color: #2d3042;
	box-shadow: 0 0 0 2px #fff;
	opacity: 1;
}
@-webkit-keyframes slideIn {
	from {
		filter: blur(-o-transition-delay);
	}
	to {
		filter: blur(0);
	}
}

@keyframes slideIn {
	from {
		filter: blur(15opx);
	}
	to {
		filter: blur(0);
	}
}
@-webkit-keyframes slideOut {
	from {
		filter: blur(0);
	}
	to {
		filter: blur(-o-transition);
	}
}
@keyframes slideOut {
	from {
		filter: blur(0);
	}
	to {
		filter: blur(0);
	}
}

.home-subpage-section h1 {
	color: var(--red);
	font-family: var(--latolight);
	font-size: var(--fontSize48);
}
.home-subpage-section h1.title-blue {
	color: var(--blue);
	font-family: var(--latolight);
	font-size: var(--fontSize46);
	letter-spacing: 5px;
}
.home .home-subpage-section h1.title-blue {
	letter-spacing: 0;
}
.home-subpage-section h1 span {
	font-family: var(--latobold);
}
.bottom-divider {
	margin: 0 auto;
	max-width: 112px;
}
.home-line {
	border-top: 2px solid var(--lightGrey);
	width: 110px;
	margin: 20px 0;
	text-align: center;
}
p.first-text {
	font-size: var(--fontSize30);
	font-family: var(--latobold);
}
p.first-text span {
	font-size: var(--fontSize20);
	font-family: var(--latolight);
	display: block;
}

.butn:link,
.butn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize20);
	text-transform: var(--cap);
	text-decoration: none;
	background-color: var(--red);
	background-image: linear-gradient(90deg, #da2928, #e22f2e);
	padding: 8px 20px;
	margin-right: 13px;
	border-radius: 4px;
	border: none;
	color: #fff;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	margin-top: 30px;
}
.butn__new::before {
	left: -50%;
}
.butn__new::after {
	left: -100%;
}
.butn:hover,
.butn:active {
	transform: translateY(-3px);
	color: #fff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.butn__new:hover::before {
	left: 120%;
	opacity: 0.5s;
}
.butn__new:hover::after {
	left: 200%;
	opacity: 0.6;
}
.butn span {
	z-index: 20;
}
.home-portfolio-section {
	background: var(--darkGrey);
}
.portfolio-list {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: -57px;
}

.portfolio-list li:nth-child(1) {
	padding: 0;
	background: transparent;
}
/* .portfolio-list li:nth-child(1) {
	padding: 20px;
	background: rgb(243, 146, 29);
	background: linear-gradient(274deg, rgba(243, 146, 29, 1) 0%, rgba(221, 49, 39, 1) 100%);
} */
.portfolio-list li:nth-child(1) h1 {
	font-size: var(--fontSize48);
	font-family: var(--latobold);
	color: var(--white);
}
.portfolio-list li:nth-child(1) h1 span {
	font-family: var(--latolight);
	display: block;
}

.portfolio-list li {
	width: 50%;
	float: left;
}
.property-home .images {
	position: relative;
	height: auto;
}
.property-home .images .title {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: .5s ease;
	left: 0;
	top: 0;
}
.property-home .images a .title h1 {
	font-size: 22px;
	font-family: var(--latosemibold);
	color: var(--white);
}
.property-home .images a .title span {
	font-size: var(--fontSize16);
	font-family: var(--latolight);
	color: var(--white);
}
.property-home .images .title .inner {
	position: absolute;
	bottom: 0;
	padding: 15px;
}
.property-home .images:hover .title {
	background: rgba(0, 0, 0, 0.6);
	color: var(--white);
}
.property-home .images img {
	max-height: 410px;
}
.property-home .images:hover {
	transform: scale(1.05);
	transition: .5s ease;
}
.property-home .slick-prev {
	top: 108%;
	left: 0;
}
.property-home .slick-prev {
	left: 0;
	border: 1px solid var(--blue);
	border-radius: 100%;
	text-align: center;
	width: 40px;
	height: 40px;
}
.property-home .slick-next {
	left: 55px;
	right: 0;
	top: 108%;
	border: 1px solid var(--blue);
	border-radius: 100%;
	text-align: center;
	width: 40px;
	height: 40px;
}
.property-home .slick-prev::before {
	content: "\f104";
}
.property-home .slick-next::before {
	content: "\f105";
}
.property-home .slick-arrow {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
}
.property-home .slick-prev:before {
	width: 36px !important;
}
.property-home .slick-prev:before,
.property-home .slick-next:before {
	font: normal normal normal 14px/1 FontAwesome;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 26px;
	color: var(--blue);
	opacity: 1;
}
.property-home .slick-prev:hover:before,
.property-home .slick-next:hover:before {
	color: var(--white);
}
.property-home .slick-arrow:hover {
	background: var(--blue);
	transition: 0.5s;
	color: var(--white);
}
.home-subpage-section.home-ir {
	background: url('../images/bg-home-ir.png') no-repeat 0 bottom;
}
.home-ar-content {
	width: 100%;
}
.home-ar-content .left {
	float: left;
	width: 60%;
}
.home-ar-content .right {
	float: left;
	width: 40%;
	margin: 170px 0 0 -20px;
}
.home-ar-content .right h2 {
	font-size: var(--fontSize30);
	font-weight: var(--latobold);
}
.home-ar-content .right h2 span {
	color: var(--red);
}
.content-ar {
	display: flex;
	align-items: center;
	align-self: center;
	padding-top: 15px;
	float: left;
}
.content-ar {
	font-size: var(--fontSize20);
}
.content-ar a {
	color: var(--orange);
	font-family: var(--latomedium);
}
.content-ar .left-in {
	display: flex;
	padding-right: 10px;
}
.content-ar .right-in {
	display: flex;
}
.content-ar .right-in .size {
	display: block;
}
.content-ar .ar img {
	height: 48px;
}
.home-news-content h2 {
	font-family: var(--latolight);
	font-size: var(--fontSize36);
	text-transform: var(--cap);
	color: var(--orange);
}
.home-news-content h2 span {
	font-family: var(--latobold);
	font-size: var(--fontSize36);
}
.home-news {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}
.home-news li {
	padding-bottom: 25px;
}
.home-news li .date {
	font-size: var(--fontSize16);
	color: #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 0 0 8px 0;
}
.home-news li .detail a {
	font-size: var(--fontSize18);
	color: #333333;
	margin-top: 5px;
	display: inline-block;
}
.subscribe {
	background: url('../images/bg-subscribe.png') no-repeat;
}
.home-email .form-group {
	margin: 10px auto;
	max-width: 630px;
}
.home-email input {
	border-radius: 0;
	border: 0;
	background: var(--white);
	padding: 10px;
	height: 38px;
	width: 70%;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
.home-email button {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	border: 0;
	background: var(--red);
	width: 30%;
	height: 38px;
	line-height: 22px;
	padding: 0;
	color: var(--white);
}
.home-email .field-email-recaptcha label {
	float: left;
}
.form-group.field-email-recaptcha {
	padding: 5px 0;
	margin: 5px 0;
}
.form-group {
	position: relative;
	margin-top: 35px;
	margin-bottom: 20px;
}
.home-email .invalid-feedback {
	text-align: left;
}
.home-email .home-email-input {
	width: 70%;
	float: left;
}
.home-email .home-email-button {
	width: 30%;
	float: left;
}
.home-email .home-email-button button {
	border-radius: 0;
	border: 0;
	background: #b6862d;
	width: 100%;
	height: 38px;
	line-height: 20px;
}
.home-email .home-email-button button:hover {
	transition: 0.5s;
	background: #eeb140;
}
.home-email .btn-primary:not(:disabled):not(.disabled):active,
.home-email .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #b6862d;
	border-color: #ca9635;
}
.home-email .btn-primary:not(:disabled):not(.disabled):active:focus,
.home-email .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(212, 188, 143, 0.5);
}
.home-email .form-control:focus {
	color: #d4bc8f;
	background-color: #fff;
	border-color: #d4bc8f;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(212, 188, 143, 0.5);
}
.btn-submit {
	background: var(--red);
	padding: 10px 30px;
	border: 0;
	color: var(--white);
	border-radius: 4px;
}
.btn-submit:hover {
	background: var(--redHover);
	color: var(--white);
}
.footer-copyright {
	background: var(--black);
	color: var(--white);
	font-size: var(--fontSize10);
	padding: 15px 0;
	font-family: var(--latolight);
}

/* About Us */
.sub-banner {
	max-height: 100%;
	position: relative;
}
.sub-banner .banner-img img {
	max-height: 550px;
	max-width: 100%;
}
.banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sub-banner.about-us,
.sub-banner.bod,
.sub-banner.key-management,
.sub-banner.milestones,
.sub-banner.sustainability {
	background: url('../images/banner-who-we-are.jpg') no-repeat bottom center;
}
.sub-banner.whistle-blowing-policy {
	background: url('../images/banner-who-we-are.jpg') no-repeat bottom center;
}

.sub-banner.portfolio,
.sub-banner.future-international,
.sub-banner.ying-li-international-financial-centre,
.sub-banner.ying-li-international-plaza,
.sub-banner.san-ya-wan-phase-2,
.sub-banner.beijing-new-everbright-centre,
.sub-banner.minsheng-mansion,
.sub-banner.bashu-cambridge,
.sub-banner.zou-rong-plaza,
.sub-banner.southland-garden,
.sub-banner.ying-li-international-hardware-and-electrical-centre,
.sub-banner.san-yan-wan-phase-1-and-1a {
	background: url('../images/banner-property-portfolio.jpg') no-repeat center center;
}
.sub-banner.ir {
	background: url('../images/banner-ir-home.jpg') no-repeat bottom center;
}
.sub-banner.news {
	background: url('../images/banner-newsroom.jpg') no-repeat bottom center;
}
h2.news-date {
	font-size: var(--fontSize18);
	color: var(--red);
}
h3.news-title {
	font-size: var(--fontSize18);
	color: var(--grey);
}
.btn-newsroom {
	position: absolute;
	right: 15px;
}
/* .sub-banner .title {
	display: flex;
	align-items: center;
	height: 100vh;
	max-height: 320px;
	margin-top: 124px;
}

.page-header {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
}
.page-header.layout-centered {
	flex-direction: column;
} */
.page-header {
	margin-top: 224px;
}
/* .body-shrink .page-header {
	margin-top: 224px;
} */
.sub-banner h1 {
	font-size: var(--fontSize50);
	font-weight: var(--font600);
	color: var(--white);
	text-shadow: 2px 2px var(--black);
	text-align: center;
	/* border: 2px solid rgba(255, 255, 255, 0.7);
	box-shadow: inset 0 0 0 1px red; */
	padding: 10px;
	/* background: rgba(255, 255, 255, 0.6); */
}
.ir.sub-banner h1,
.news.sub-banner h1 {
	color: var(--white);
}
.about {
	background: url("../images/about-marble-bg.jpg") no-repeat;
	background-size: cover;
}
.vission {
	background: url("../images/about-vision-mission-bg.jpg") no-repeat;
	background-size: cover;
}
.vission h1 {
	font-family: var(--latosemibold);
	font-size: var(--fontSize36);
	font-weight: var(--font900);
	color: var(--white);
}
.vission h1 .line-left {
	width: 70px;
	height: 1px;
	background: #4a5f8e;
	background: -moz-linear-gradient(left, #4a5f8e 0%, #9ba6c2 50%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #4a5f8e 0%, #9ba6c2 50%, #ffffff 100%);
	background: linear-gradient(to right, #4a5f8e 0%, #9ba6c2 50%, #ffffff 100%);
	display: inline-block;
	position: relative;
	vertical-align: middle;
	top: 0px;
	margin-right: 10px;
}
.vission h1 .line-right {
	width: 70px;
	height: 1px;
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #9ba6c2 50%, #4a5f8e 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #9ba6c2 50%, #4a5f8e 100%);
	background: linear-gradient(to right, #ffffff 0%, #9ba6c2 50%, #4a5f8e 100%);
	display: inline-block;
	position: relative;
	vertical-align: middle;
	top: 0px;
	margin-left: 10px;
}
.vission .title {
	font-size: var(--fontSize26);
	color: var(--white);
}
.vission .space-content {
	padding: 20px 0;
}
.about h1,
.strategy h1 {
	color: var(--red);
	font-family: var(--latolight);
	font-size: var(--fontSize26);
}
.about h1 span,
.strategy h1 span {
	font-family: var(--latobold);
}
.english-content .first-column h1,
.english-content .second-column h1 {
	font-size: var(--fontSize28);
	font-family: var(--latobold);
}
.english-content .first-column h2,
.english-content .second-column h2 {
	color: var(--white);
	font-family: var(--latolight);
	font-size: var(--fontSize26);
}
.english-content .carousel-item h1 {
	letter-spacing: normal;
	font-size: var(--fontSize36);
	color: var(--blue);
	margin-bottom: 15px;
	font-family: var(--latobold);
}

.culture .one.col-lg-6 {
	padding-right: 0;
}
.culture .two.col-lg-6 {
	padding-left: 0;
}
.culture .culture-inner {
	color: var(--white);
	padding: 1rem;
}
.culture .row {
	background: url('../images/img-banner-top-1-min.jpg') no-repeat;
	max-width: 1110px;
	margin: 0 auto -8px;
	min-height: 289px;
}
.carousel-inner {
	height: 289px;
	background: url('../images/img-banner-bottom.jpg') no-repeat;
	max-width: 1080px;
}
.carousel-item {
	padding: 5rem 0;
}
.carousel-item h1 {
	letter-spacing: 16px;
	font-size: var(--fontSize42);
	color: var(--blue);
	margin-bottom: 15px;
}
.carousel-item h2 {
	font-size: var(--fontSize32);
	color: var(--lightBlue);
	font-weight: var(--font200);
}
.carousel-control-next,
.carousel-control-prev {
	top: 45%;
	width: 40px;
	height: 40px;
	opacity: 1;
	background: var(--black);
	outline: 0;
	border: 0;
}
.carousel-indicators li {
	background-color: var(--blue);
}

.first-column {
	color: white;
	font-size: 2rem;
	border-width: 2px;
	border-color: #000;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	align-items: center;
	padding: 5rem 1rem;
}
.second-column {
	padding: 5rem 1.5rem;
}
.english-content .second-column {
	padding: 3.5rem 1.5rem;
}
.english-content .first-column {
	padding: 3.5rem 1.5rem;
}
.english-content .my-line {
	padding: 3.5rem 0;
}
.my-line {
	padding: 5rem 0;
}
.divider-line {
	border-left: 1px solid #ccc;
	height: 100px;
	margin: 0 auto;
	width: 1px;
}
.first-column h1,
.second-column h1 {
	color: var(--white);
	font-family: var(--latolight);
	font-size: var(--fontSize46);
}
.first-column h2,
.second-column h2 {
	color: var(--white);
	font-family: var(--latolight);
	font-size: var(--fontSize36);
}

/* Management */

.box-content-details .name {
	font-size: var(--fontSize26);
	font-weight: var(--latoblack);
	color: #182e83;
	font-weight: bold;
}
.box-content-details .desc {
	color: #6d6e71;
	font-size: var(--fontSize22);
}

/* Portfolio */
.portfolio-first {
	font-size: var(--fontSize20);
	letter-spacing: 5px;
}
.portfolio-tabs {
	padding: 20px 0;
}
.portfolio-tabs button {
	font-size: var(--fontSize20);
	color: var(--black);
	background: transparent;
	border: 1px solid #dee4e8;
	margin-bottom: 4px;
	padding: 5px 30px;
}
.btn-property.active {
	background: var(--red);
	color: var(--white);
	border: 1px solid transparent;
}
.container-property {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 5px;
	padding: 0;
}
.container-property li {
	width: 33.3333%;
	padding: 15px;
	text-align: center;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.container-property li .details .name {
	font-family: var(--latosemibold);
	font-size: var(--fontSize22);
}
.container-property li .details .view-portfolio {
	font-family: var(--latolight);
	font-size: var(--fontSize16);
}
.box8 {
	overflow: hidden;
}
.box8 .details {
	padding: 5px 7px;
	text-align: left;
	bottom: 20px;
	left: 20px;
	position: absolute;
	transition: all 0.9s ease 0s;
}
.box8 .icon li a,
.box8 .details {
	font-size: 20px;
	color: #fff;
}
.container-property .box8 .icon li a {
	background: var(--orange);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: inline-block;
}
.container-property .box8 .icon li a i {
	margin-top: 16px;
}
.box8:hover .details {
	bottom: -100vh;
}
.portfolio-bg {
	background: url('../images/portfolio-bg.png') repeat-y top center;
	padding: 100px 0 0 0;
}
.property-details {
	padding-left: 100px;
}
.property-details h1 {
	font-size: var(--fontSize48);
	color: var(--blue);
	font-family: var(--latoblack);
	font-weight: bold;
}
.property-details strong {
	font-size: var(--fontSize18);
	color: var(--black);
	font-family: var(--latoblack);
}
.property-details strong span {
	font-size: var(--fontSize16);
	font-style: italic;
}
.property-details p {
	font-size: var(--fontSize15);
}
.property-content {
	max-width: 710px;
}
#carousel.slider {
	padding-left: 60px;
}
#carousel.slider .slick-dots {
	bottom: 45%;
	width: 10px;
	text-align: left;
	left: 10px;
	color: var(--black);
	font-family: var(--latobold);
	font-size: var(--fontSize24);
}
#carousel.slider .slick-dots .slick-active {
	color: var(--orange);
}
.bottom-white {
	background: var(--white);
	height: 280px;
	margin-top: -185px;
}
.bottom-project {
	width: 100%;
}
.project-list {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	align-content: center;
}
.project-list li {
	list-style: none;
	align-items: center;
	align-content: center;
	display: flex;
	width: 33.3333%;
	min-height: 204px;
}
.project-list li a {
	color: #fff;
	font-size: var(--fontSize26);
	font-weight: bold;
	display: block;
	padding: 60px 0;
	width: 100%;
}
.project-list li.prev .name {
	padding-left: 54px;
}
.project-list li.prev {
	background-size: cover;
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../images/bottom-prev.jpg);
}
.project-list li:hover.prev {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.9)), url(../images/bottom-prev.jpg);
}
.project-list li.prev strong {
	font-size: var(--fontSize30);
	font-family: var(--latobold);
}
.project-list li.middle {
	background: var(--orange);
	font-size: var(--fontSize26);
	font-family: var(--latobold);
}
.project-list li.middle a {
	padding: 80px 0;
}
.project-list li.middle ._center {
	margin: 0 auto;
}
.project-list li:hover.middle {
	background: #ff7f36;
}
.project-list li.next {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../images/bottom-next.jpg);
	text-align: right;
	background-size: cover;
}
.project-list li:hover.next {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.9)), url(../images/bottom-next.jpg);
	text-align: right;
	background-size: cover;
}
.project-list li.next strong {
	padding-right: 7px;
}
.project-list li.next .name {
	padding-right: 55px;
}
.project-list li .line {
	width: 50px;
	height: 1px;
	background: var(--white);
	display: inline-block;
	position: relative;
	vertical-align: middle;
	top: 0;
}
.project-list li.next .line.mobile {
	display: none;
}
.project-list li.next .line.desktop {
	display: inline-block;
}
.box8,
.box8 .icon li a {
	text-align: center;
}
.box8 .icon li {
	display: inline-block;
}
.box8 .icon {
	margin: 0;
	position: absolute;
}
.box8 {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	position: relative;
}
.box8 img {
	width: 100%;
	height: auto;
}
.box8 .box-content {
	width: 100%;
	height: 100%;
	/* background: rgba(0, 0, 0, 0.6); */
	background: rgb(35, 57, 113);
	background: linear-gradient(
		90deg,
		rgba(35, 57, 113, 1) 0%,
		rgba(89, 106, 148, 0.5998774509803921) 50%,
		rgba(164, 173, 194, 0.31976540616246496) 100%
	);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transform: perspective(400px) rotateX(-90deg);
	transform-origin: center top 0;
	transition: all 0.5s ease 0s;
}
.box8 .icon li a,
.box8 .title {
	font-size: 20px;
	color: #fff;
}
.box8:hover .box-content {
	opacity: 1;
	transform: perspective(400px) rotateX(0);
}
.box8 .title {
	padding: 5px 7px;
	border-radius: 5px;
	font-weight: 600;
	bottom: 20px;
	left: 20px;
	transition: all 0.9s ease 0s;
}
.box8 .icon li a {
	transition: all 0.35s ease 0s;
}
.box8 .icon {
	list-style: none;
	padding: 0;
	top: 42%;
	left: 0;
	right: 0;
}
.box8 .icon li a {
	display: block;
	line-height: 40px;
	margin-right: 7px;
}
.view {
	border: 1px solid var(--orange);
	border-radius: 50%;
	width: 45px;
	height: 45px;
	display: inline-block;
	margin-left: 10px;
	font-size: var(--fontSize30);
	font-family: var(--latosemibold);
}
.view svg {
	margin-top: -6px;
}

/* Port folio carousel */
#carousel.slider {
	padding-left: 60px;
}
#carousel.slider .slick-dots {
	bottom: 45%;
	width: 10px;
	text-align: left;
	left: 10px;
	color: var(--black);
	font-family: var(--latoblack);
	font-size: var(--fontSize24);
}
#carousel.slider .slick-dots .slick-active {
	color: var(--orange);
}

/* IR Home */
.home-ir {
	background: url('../images/bg-ir.jpg') no-repeat;
	padding: 100px 0;
	background-size: cover;
}
.home-ir .ar {
	padding-top: 30px;
}
.home-ir h1.title {
	color: var(--red);
	font-family: var(--latolight);
	font-size: var(--fontSize48);
}
.home-ir h1.title span {
	font-family: var(--latobold);
}
.ir-home-news {
	margin: 0;
	padding: 25px 0 0 0;
}
.ir-home-news li {
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid var(--primary);
	margin: 5px 0;
	padding: 15px 0;
}
.ir-home-news li .left {
	width: 90px;
	float: left;
	color: var(--primary);
	font-size: var(--fontSize14);
}
.ir-home-news li .left span {
	font-size: var(--fontSize36);
	display: block;
}
.ir-home-news li .left span {
	font-size: var(--fontSize36);
	display: block;
}
.ir-home-news li .right {
	float: left;
	width: calc(100% - 90px);
	padding-left: 4%;
}
.ir-home-news li .right a {
	color: var(--primary);
}
.slides-content img {
	height: 100px;
}
.slides-content .title {
	font-size: var(--fontSize18);
}
.slides-content h2 {
	font-family: var(--latobold);
	font-size: var(--fontSize22);
	color: var(--red);
	font-weight: var(--font600);
}
.slides-content h2 span {
	font-family: var(--latolight);
	font-weight: var(--font300);
}
.slides-content .pdf a {
	background: var(--red);
	padding: 10px 20px;
	color: var(--white);
	font-weight: var(--font400);
}
.slides-content .pdf a:hover {
	background: var(--redHover);
}
a.expand-all,
a.collapse-all {
	color: var(--red);
}
.financials-grouping {
	margin-bottom: 20px;
}
.financials-title {
	width: 100%;
	background: #f7f7f7;
	cursor: pointer;
	padding: 20px;
	margin-bottom: 2px;
	color: var(--black);
}
.financials-title::before {
	color: var(--black);
	font-size: 1rem;
	content: "\F107";
	font-family: fontAwesome;
	float: right;
}
.financials-title.active::before {
	color: var(--lightGrey);
	font-size: 1rem;
	content: "\F106";
	font-family: fontAwesome;
}
.financials-content {
	width: 100%;
	background: #fff;
	padding: 20px;
}
.financials-content ul {
	margin: 0;
	padding: 0;
}
.financials-content ul li {
	list-style: none;
}
.financials-h1 {
	color: var(--red);
	font-family: var(--latolight);
	font-size: var(--fontSize24);
	margin-top: 50px;
}
.financials-h1 span {
	font-family: var(--latobold);
}
.file-pdf a {
	color: var(--red);
}
.file-pdf a::before {
	content: "\f1c1";
	font-family: fontawesome;
	font-size: 16px;
	line-height: 1;
	vertical-align: baseline;
	color: var(--red);
	padding-right: 5px;
}

.investor {
	background: url(../images/about-marble-bg.jpg) no-repeat;
	background-size: cover;
}

/* AR & Sustainability */
.sustainability-content .inner p.title,
.sustainability-content table {
	margin-top: 25px;
}
#nav-list li .circulars-list {
	margin: 0;
	padding: 0 0 0 15px;
}
#nav-list li .circulars-list li {
	list-style-type: decimal;
	display: list-item;
}
.table-circulars tr th {
	width: 100px;
}
#nav-list {
	width: 100%;
	position: relative;
	border: none;
	padding: 0;
}
#nav-list li {
	list-style: none;
	display: inline;
}
#nav-list li > a {
	padding: 10px 15px;
	text-decoration: none;
	display: inline-block;
	font-family: var(--latoblack);
	font-size: var(--fontSize16);
	color: var(--black);
	background: transparent;
	border: 1px solid #dee4e8;
	font-weight: var(--font800);
}
#nav-list li > a:hover,
#nav-list li > a.active {
	background: var(--orange);
	border: 1px solid transparent;
	color: var(--white);
}
#nav-list section {
	display: none; /* I NEED TO FIX THIS */
	float: left;
	overflow: hidden;
	padding: 0;
	/* position: absolute; */
	top: 42px;
	left: 0;
	width: 100%;
}
.no-js #nav-list section {
	display: block; /* I NEED TO FIX THIS */
}
#nav-list li ul li > a {
	padding: 10px 25px;
	border-bottom: 1px dotted #ccc;
}
#nav-list .corp-profile {
	padding-right: 0;
}
#nav-list .inner .title {
	font-size: var(--fontSize20);
	font-family: var(--latosemibold);
}
.corp-profile .second {
	color: var(--orange);
	font-size: var(--fontSize22);
}

.logo-everbright {
	height: 80px;
}
table {
	width: 100%;
}
table tbody:nth-child(even) {
	background-color: var(--white);
}
table tbody:nth-child(even) tr:nth-child(even) {
	background-color: #f9f9f9;
}
table tr th {
	border-bottom: 1px solid #b6bdd3;
}
table tr th,
table tr td {
	padding: 8px;
}
table tr td .fa {
	color: var(--orange);
}
.ar-h1 {
	color: var(--red);
	font-family: var(--latobold);
	font-size: var(--fontSize24);
	margin-top: 25px;
}

/* Shareholders */
.table-shareholding {
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}
.table-shareholding caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}
.table-shareholding tr:nth-child(odd) {
	background-color: #f8f8f8;
	padding: .35em;
}
.table-shareholding tr.first {
	border-bottom: 1px solid #b6bdd3;
	background-color: transparent;
}
.table-shareholding tr th:nth-child(1) {
	width: 40%;
}
.table-shareholding tr th:nth-child(2) {
	width: 15%;
}
.table-shareholding tr th:nth-child(3) {
	width: 15%;
}
.table-shareholding tr th:nth-child(4) {
	width: 15%;
}
.table-shareholding tr th:nth-child(5) {
	width: 15%;
}
.table-shareholding tr.last {
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
}
.table-shareholding tr.last td:first-child {
	border-top: 1px solid transparent;
	border-bottom: 2px solid transparent;
}
.table-shareholding th,
.table-shareholding td {
	padding: .625em;
}
.table-shareholding th {
	font-size: var(--fontSize16);
}
.table-shareholding td sup {
	font-size: 10px;
}
.shareholders-list {
	margin: 0;
	padding: 0 0 0 15px;
}
.shareholders-list li {
	padding: 0 0 20px 0;
	font-size: var(--fontSize14);
	margin-left: 25px;
}
.table-shareholding.twenty tr th:nth-child(1) {
	width: 2%;
}
.shareholders-h1 {
	color: var(--red);
	font-family: var(--latobold);
	font-size: var(--fontSize24);
	margin: 55px 0 25px 0;
}
.shareholders-h1-note {
	color: var(--red);
	font-family: var(--latobold);
	font-size: var(--fontSize14);
	margin: 55px 0 25px 0;
}

/* Email  */
.email-content {
	max-width: 1000px;
	margin: 0 auto;
	font-size: var(--fontSize22);
}
.email-content form {
	max-width: 450px;
	margin: 0 auto;
}
.email-content .form-group {
	position: relative;
	margin: 20px 0;
}
.email-content h3 {
	font-size: var(--fontSize24);
}
.email-content h3 strong {
	font-weight: var(--font600);
	font-family: var(--latobold);
}

/* Contact Us */
.tab-contact {
	padding: 0;
}
.tab-contact li {
	display: inline-block;
	font-family: var(--latoblack);
	font-size: var(--fontSize20);
	color: var(--black);
	background: transparent;
	border: 1px solid #dee4e8;
	margin-bottom: 4px;
}
.tab-contact li a {
	padding: 10px 15px;
	display: inline-block;
	color: var(--black);
}
.tab-contact .active {
	background: var(--red);
	border: 1px solid transparent;
	color: var(--white);
}
.tabs {
	width: 100%;
}
.tabs .fa {
	color: var(--primary);
}
.tabs > div {
	display: none;
}
.tabs .active {
	display: block;
}
.tabs h3 {
	font-size: var(--fontSize22);
	font-family: var(--latobold);
	color: var(--red);
}
#mapChina,
#mapSG {
	width: 100%;
	min-height: 500px;
}

/* Newsroom */
.newsroom-inner {
	margin-top: 40px;
}
.newsroom {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.newsroom .date {
	margin-bottom: 0;
	padding-top: 0;
	color: var(--primary);
	font-family: var(--latolight);
}
.newsroom a {
	color: var(--primary);
}
.newsroom a:hover {
	color: var(--darkGrey);
}

.news-h1 {
	color: var(--red);
	font-family: var(--latolight);
	font-size: var(--fontSize24);
	margin-top: 50px;
}
.news-h1 span {
	font-family: var(--latobold);
}
.dropbtn {
	max-width: 100%;
	border: none;
	float: left;
	background: transparent;
}
.dropbtn div {
	padding: 10px 0;
}
.dropbtn div span {
	margin-top: -3px;
	display: block;
	float: right;
	padding-left: 10px;
}
.dropdown-year {
	margin: 0;
	padding: 0;
	float: left;
}
.dropdown-year li {
	list-style: none;
	float: left;
	border-right: 1px solid #000;
	padding: 0 5px;
	font-size: var(--fontSize14);
}
.dropdown-year li:first-child {
	padding-left: 0;
}
.dropdown-year li:nth-child(1),
.dropdown-year li:last-child {
	border-right: 1px solid transparent;
}
.dropdown-year li a {
	color: var(--red);
	padding: 0 5px;
	display: block;
}
.dropdown-year li:hover a {
	color: var(--black);
}
#retail.retail,
#office.office,
#others.others {
	color: red;
}

/* BOD */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 80em;
}
.directors-nav-box {
	width: 100%;
	padding: 30px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #182e83;
}
.directors-nav-box h3 {
	position: absolute;
	font-size: 28px;
	line-height: 40px;
	color: #182e83;
	font-weight: normal;
	top: -20px;
	left: 0;
	width: 100%;
	text-align: center;
}
.directors-nav-box h3 span {
	display: inline-block;
	padding: 0 15px;
	background: #fff;
}
.directors-nav {
	overflow: hidden;
	background: url(../images/directors-bg.jpg);
	color: #fff;
	position: relative;
	padding: 15px;
}
.directors-nav .container {
	max-width: 1300px;
}
a.director-url {
	color: var(--white);
}
.directors-nav h1 {
	font-size: var(--fontSize18);
	margin-bottom: 25px;
}
.directors-nav p {
	font-size: var(--fontSize16);
}
.directors b {
	width: 7px;
	height: 7px;
	background: #182e83;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: -3px;
}
.directors .line3 {
	/* height: 30px;
	width: 1px;
	left: 50%;
	top: 0; */
}
.directors .line {
	display: inline-block;
	position: absolute;
	background: #182e83;
}
#container {
	float: left;
	padding: 2%;
	width: 95%;
}
ol.static-org-chart,
ol.static-org-chart ol,
ol.static-org-chart li,
ol.static-org-chart li > div {
	position: relative;
}
ol.static-org-chart,
ol.static-org-chart ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol.static-org-chart {
	text-align: center;
}
ol.static-org-chart ol {
	padding-top: 1em;
}
ol.static-org-chart ol:before,
ol.static-org-chart ol:after,
ol.static-org-chart li:before,
ol.static-org-chart li:after,
ol.static-org-chart > li > div:before,
ol.static-org-chart > li > div:after {
	background-color: #182e83;
	content: '';
	position: absolute;
}
.management ol.static-org-chart ol:before,
.management ol.static-org-chart ol:after,
.management ol.static-org-chart li:before,
.management ol.static-org-chart li:after,
.management ol.static-org-chart > li > div:before,
.management ol.static-org-chart > li > div:after {
	background-color: transparent;
	content: '';
	position: absolute;
}
ol.static-org-chart ol > li {
	padding: 1em 0 0 1em;
}
ol.static-org-chart > li ol:before {
	height: 1em;
	left: 50%;
	top: 0;
	width: 1px;
}
ol.static-org-chart > li ol:after {
	height: 1px;
	left: 3px;
	top: 1em;
	width: 50%;
}
ol.static-org-chart > li ol > li:not(:last-of-type):before {
	height: 1px;
	left: 0;
	top: 2em;
	width: 1em;
}
ol.static-org-chart > li ol > li:not(:last-of-type):after {
	height: 105%;
	left: 0;
	top: 0;
	width: 1px;
}
ol.static-org-chart > li ol > li:last-of-type:before {
	height: 1px;
	left: 0;
	top: 2em;
	width: 1em;
}
ol.static-org-chart > li ol > li:last-of-type:after {
	height: 2em;
	left: 0;
	top: 0;
	width: 1px;
}
/*** PRIMARY ***/
ol.static-org-chart > li > div {
	margin-left: 1em;
}
ol.static-org-chart > li > div:before {
	bottom: 2em;
	height: 1px;
	left: -1em;
	width: 1em;
}
ol.static-org-chart > li > div:first-of-type:after {
	bottom: 0;
	height: 2em;
	left: -1em;
	width: 1px;
}
ol.static-org-chart > li > div + div {
	margin-top: 1em;
}
ol.static-org-chart > li > div + div:after {
	height: calc(100% + 1em);
	right: -1em;
	top: -1em;
	width: 1px;
}
#first p {
	color: #182e83;
	font-size: var(--fontSize14);
}
.name-content {
	padding-top: 10px;
}
.name-content p:last-child {
	margin-bottom: 7px;
}
/*** SECONDARY ***/
ol.static-org-chart > li > ol:before {
	left: 0;
	right: inherit;
}
ol.static-org-chart > li > ol:after {
	left: 0;
	width: 100%;
}
ol.static-org-chart > li #first:after {
	width: 0%;
}
ol.static-org-chart #second:after {
	width: 0%;
}
ol.static-org-chart #second:before {
	height: 6em !important;
	left: 0 !important;
	top: -5em !important;
}
ol.static-org-chart #first > li > div {
	height: 80px;
	width: 250px;
	color: #fff;
}
ol.static-org-chart #first > li > div > div {
	/* position: relative;
	top: 50%;
	transform: translateY(-50%); */
	color: #182e83;
}

/*** MEDIA QUERIES ***/
@media only screen and (min-width: 75em) {
	ol.static-org-chart #second:before {
		height: 7em !important;
		left: 50% !important;
		top: -6em !important;
		width: 1px !important;
	}
	ol.static-org-chart {
		margin-left: -1em;
		margin-right: -1em;
	}
	/* PRIMARY */
	ol.static-org-chart > li > div {
		display: inline-block;
		float: none;
		margin: 0;
		vertical-align: bottom;
	}
	ol.static-org-chart > li > div:first-of-type:nth-last-of-type(2),
	ol.static-org-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
		width: calc((100% / 2) - 2em - 4px);
	}
	ol.static-org-chart > li > div:first-of-type:nth-last-of-type(3),
	ol.static-org-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
		width: calc((100% / 3) - 2em - 4px);
	}
	ol.static-org-chart > li > div:first-of-type:nth-last-of-type(4),
	ol.static-org-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
		width: calc((100% / 4) - 2em - 4px);
	}
	ol.static-org-chart > li > div:first-of-type:nth-last-of-type(5),
	ol.static-org-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
		width: calc((100% / 5) - 2em - 4px);
	}
	ol.static-org-chart > li > div:before,
	ol.static-org-chart > li > div:after {
		bottom: -1em !important;
		top: inherit !important;
	}
	ol.static-org-chart > li > div:before {
		height: 1em !important;
		left: 50% !important;
		width: 1px !important;
	}
	.management ol.static-org-chart > li > div:before {
		display: none;
	}
	ol.static-org-chart > li > div:only-of-type:after {
		display: none;
	}
	ol.static-org-chart > li > div:first-of-type:not(:only-of-type):after,
	ol.static-org-chart > li > div:last-of-type:not(:only-of-type):after {
		bottom: -1em;
		height: 1px;
		width: calc(50% + 1em + 3px);
	}
	ol.static-org-chart > li > div:first-of-type:not(:only-of-type):after {
		left: calc(50% + 3px);
	}
	ol.static-org-chart > li > div:last-of-type:not(:only-of-type):after {
		left: calc(-1em - 3px);
	}
	ol.static-org-chart > li > div + div:not(:last-of-type):after {
		height: 1px;
		left: -2em;
		width: calc(100% + 4em);
	}
	/* SECONDARY */
	ol.static-org-chart > li > ol {
		display: flex;
		flex-wrap: nowrap;
	}
	ol.static-org-chart > li > ol:before,
	ol.static-org-chart > li > ol > li:before {
		height: 1em !important;
		left: 50% !important;
		top: 0 !important;
		width: 1px !important;
	}
	ol.static-org-chart > li > ol:after {
		display: none;
	}
	ol.static-org-chart > li > ol > li {
		flex-grow: 1;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 1em;
	}
	ol.static-org-chart > li > ol > li:only-of-type {
		padding-top: 0;
	}
	ol.static-org-chart > li > ol > li:only-of-type:before,
	ol.static-org-chart > li > ol > li:only-of-type:after {
		display: none;
	}
	ol.static-org-chart > li > ol > li:first-of-type:not(:only-of-type):after,
	ol.static-org-chart > li > ol > li:last-of-type:not(:only-of-type):after {
		height: 1px;
		top: 0;
		width: 50%;
	}
	ol.static-org-chart > li > ol > li:first-of-type:not(:only-of-type):after {
		left: 50%;
	}
	ol.static-org-chart > li > ol > li:last-of-type:not(:only-of-type):after {
		left: 0;
	}
	ol.static-org-chart > li > ol > li + li:not(:last-of-type):after {
		height: 1px;
		left: 0;
		top: 0;
		width: 100%;
	}
	ol.static-org-chart #first > li > div {
		height: 80px;
		width: 100%;
		color: #182e83;
	}
	ol.static-org-chart #first > li > div > div {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
}
ol.static-org-chart .staff_card {
	width: 250px !important;
	min-width: 250px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.24);
}
ol.static-org-chart .staff_title {
	height: auto;
	text-align: center;
	background-color: #000053;
	color: #fff;
	padding: 10px;
	font-weight: bold;
}
ol.static-org-chart .staff_info {
	height: 80px;
	padding: 5px;
	display: flex;
}
ol.static-org-chart .staff_info.bg-white {
	background: var(--white);
	box-shadow: 0 1px 3px rgb(0 0 0 / 6%), 0 1px 2px rgb(0 0 0 / 24%);
}
ol.static-org-chart .staff_image img {
	border-radius: 100px;
	width: 70px;
}
ol.static-org-chart .staff_image {
	float: left;
	width: 30%;
}
ol.static-org-chart .staff_name_container {
	float: right;
	width: 60%;
	align-items: center;
	align-content: center;
	display: flex;
	margin-left: 20px;
}
ol.static-org-chart .staff_name_label {
	color: #000053;
	font-size: 16px;
	text-align: left;
}
ol.static-org-chart .staff_name {
	font-size: 14px;
	text-align: left;
	color: var(--primary);
}
ol.static-org-chart #second > li > div:not(:first-child) {
	height: 60px;
	width: 250px;
	background-color: #ececec;
	color: #000053;
	font-size: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.24);
	margin-bottom: 0.2rem;
}
ol.static-org-chart #second > li > div:not(:first-child) > div {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
ol.static-org-chart #second > li > div:not(:first-child):hover {
	background-color: #b3ff66;
	box-shadow: none;
}
ol.static-org-chart .staff_card + div {
	margin-top: 10px;
}

.directors-list {
	width: 100%;
	overflow: inherit;
	margin: 0;
	padding: 0;
}
.directors-list li {
	list-style: none;
	width: 100%;
	padding: 40px 50px;
	margin-bottom: 30px;
	background: #ffffff;
	box-shadow: 0 2px 20px 0 rgb(0 0 0 / 7%);
	box-sizing: border-box;
}
.directors-list h3 {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.directors-list h4 {
	background-image: url('../images/bg_title_small@2x.png');
	background-size: auto 100%;
}
.directors-list h4 {
	float: left;
	position: relative;
	padding: 0 32px 0 10px;
	font-size: 18px;
	line-height: 30px;
	color: #4478bf;
	background-color: #deeafa;
	background-image: url('../images/bg_title_small.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	clear: right;
	margin-bottom: 10px;
}
.directors-list p {
	font-size: 14px;
	line-height: 24px;
	color: #565656;
	clear: both;
	padding: 20px 0 0 !important;
	margin: 0;
	text-align: justify;
}
/* Milestones */
.milestones-content {
	margin-top: 50px;
}
.set {
	position: relative;
	width: 100%;
	height: auto;
}
.set > a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: var(--blue);
	font-weight: 600;
	font-family: var(--latoblack);
	font-size: var(--fontSize30);
	border-bottom: 1px solid #dedede;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.set > a i {
	float: right;
	margin-top: 12px;
}
.set > a.active {
	background-color: #3399cc;
	color: var(--orange);
}
.milestones-inner {
	background-color: #fff;
	display: none;
}
.milestones-inner .list {
	list-style: none;
	border: 1px solid #dedede;
	margin: 20px 0 0 0;
	padding: 0;
}
.milestones-inner .list li {
	padding: 15px 25px;
	border-top: 1px solid #dedede;
}
.milestones-inner .list li:first-child {
	border-top: 1px solid #fff;
}
.milestones-inner .list li:nth-child(even) {
	background: #fafafa;
}

/* Email Alert */
h1.email-head {
	color: var(--red);
	font-family: var(--latolight);
	font-size: var(--fontSize48);
}
h1.email-head span {
	font-family: var(--latobold);
}
.successfully {
	font-size: var(--fontSize80);
	color: var(--green);
}
.successfully-p {
	font-size: var(--fontSize22);
}
.copyright {
	font-size: var(--fontSize14);
}
/* Newsroom */
p.attachment {
	padding-top: 25px;
	margin-bottom: 0;
}
.news-content .attachment::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.news-content .attachment::before {
	vertical-align: -10%;
	font-size: 28px;
	display: inline-block;
	width: 1.07142857em;
	text-align: center;
	margin-right: 5px;
	font-weight: 900;
	content: "\f1c1";
	color: var(--grey);
}
.ir_table,
.ir_tableBorder,
.restbl {
	width: 100%;
}
.ir_table,
.ir_table td,
.ir_table th,
.ir_tableBorder {
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
.ir_table td,
.ir_table th {
	padding: 8px;
}
.ir_tableBorder {
	border: 1px solid #cccccc;
}
table.ir_hover tr:hover td {
	background: #c3b777;
}
table.ir_hover tr.row1:hover td,
table.ir_hover tr.row1:hover th {
	background: #efefef;
}
table.ir_hover tr.row2:hover td,
table.ir_hover tr.row2:hover th {
	background: #ffffff;
}
table.ir_hover tr.rowHighlight:hover td {
	background: #c3b777;
}
table.ir_hover tr.rowTSHighlight:hover td {
	background: #c3b777;
}
table.ir_table tr.ir_tableTopRow td,
table.ir_table tr.ir_tableTopRow th {
	background: #203265;
	color: #fff;
	font-weight: normal;
}
table.ir_table tr.row1 td,
table.ir_table tr.row1 th {
	background: #e7e7e7;
}
table.ir_table tr.row2 td,
table.ir_table tr.row2 th {
	background: #f4f4f4;
}
table.ir_table tr.rowHeader th {
	background: #414141;
	color: #fff;
}
table.ir_table tr.rowHighlight td,
table.ir_table tr.rowHighlight th {
	background: #414141;
	color: #fff;
}
table.ir_table tr.rowTSHighlight td {
	background: #ccd0e1;
	border-bottom: 1px solid #aaa;
}
table.ir_table tr th.cellHeader {
	background: #414141;
	color: #fff;
}
table.ir_table tr td.cellHighlight {
	background: #414141;
	color: #fff;
}
table.ir_table tr td.cellTSHighlight {
	background: #ccd0e1;
	border-bottom: 1px solid #aaa;
}
table.ir_table tr td.cellTotal {
	border-top: 1px solid #414141;
	border-bottom: 1px solid #414141;
}
table.ir_table tr td.cellSubTotal {
	border-top: 1px solid #414141;
}
table.ir_table tr td.cellRed {
	background: #ebddd8;
}
table.ir_table tr td.cellGreen {
	background: #d8ebdc;
}
table.reset tr td,
table.reset tr td:first-child {
	border: none;
}
/* Site Error */
.site-error {
	margin: 0 auto;
	max-width: 1200px;
}
.leaflet-control-attribution svg {
	display: none !important;
}
#map-sg,
#map-china {
	position: relative;
	z-index: 0;
}

/* Asset Management */
.asset-slider {
	max-width: 750px;
	margin: 0 auto;
	padding: 5px;
	background: var(--orange);
}
.asset-slider .slick-dots a {
	width: 25px;
	height: 25px;
	margin: 0 5px;
	line-height: 24px;
	display: flex;
	justify-content: center;
	text-decoration: none;
	background: var(--red);
	color: var(--white);
	border-radius: 50%;
}
.asset-slider .slick-dots .slick-active a {
	background: var(--orange);
	color: var(--white);
}
.asset-slider .slick-dots a:hover {
	background: var(--orange);
	color: var(--white);
}
.slick-dots {
	bottom: -40px;
}

/* keys new */
.keys-new {
	margin: 0;
	padding: 0;
}
.keys-new li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	padding: 30px 0;
}
.keys-new li a {
	color: var(--primary);
}
.bottom-content-inner {
	background: var(--white);
	padding: 20px;
	border-radius: 20px;
	font-size: var(--fontSize12);
}
.new-year .inner > p {
	text-indent: 38px;
}

@media (max-width: 1600px) {
}
@media (max-width: 1440px) {
	.banner-logo img {
		max-width: 650px;
	}
	.caption {
		left: 5%;
	}
	.caption .title-one {
		font-size: var(--fontSize62);
		line-height: 50px;
	}
	.caption .title-two {
		font-family: var(--latobold);
		color: var(--blue);
		font-size: var(--fontSize62);
		line-height: 72px;
	}
}

@media (max-width: 1199px) {
	.property-details {
		padding-left: 0;
	}
	ol.static-org-chart ol {
		top: -1px;
		left: 1px;
	}
	.directors b {
		top: 15px;
		left: -125px;
		margin-left: 0;
	}
	ol.static-org-chart #first > li > div {
		height: auto;
	}
	ol.static-org-chart #first > li > div > div {
		text-align: left;
		padding-left: 25px;
	}
}

@media (max-width: 1024px) {
	.hamburger {
		display: block !important;
	}
	.main-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 80%;
		padding: 20px;
		z-index: 99999;
		height: 100%;
		overflow: auto;
		background: #000;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: -webkit-transform 0.3s ease-in;
		-moz-transition: -moz-transform 0.3s ease-in;
		-o-transition: -o-transform 0.3s ease-in;
		transition: transform 0.3s ease-in;
	}
	.main-nav.slidenav {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	.main-nav > ul {
		float: none;
		width: 80%;
	}
	.main-nav > ul > li {
		display: block;
		padding: 0 !important;
		margin-left: 0;
	}
	.main-nav > ul > li > a {
		font-size: 14px;
		color: #fff;
		line-height: 35px;
	}
	.main-nav .fl {
		display: block;
		line-height: 35px;
	}
	.submenu {
		position: static;
		min-width: 200px;
		background: transparent;
		border: none;
		padding: 5px 15px 5px 25px;
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
		visibility: visible;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		display: none;
	}
	.submenu > li a {
		display: block;
		padding: 10px 0;
		color: #666;
		line-height: 0.8;
		font-size: 14px;
		color: #ccc;
		text-decoration: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.submenu > li a:hover {
		background: transparent;
		color: #08509e;
	}
	.slideInUp {
		visibility: visible;
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	.banner-logo {
		z-index: 0;
	}
	.banner-logo img {
		max-width: 500px;
	}
	#carousel.slider {
		padding-left: 0;
	}
	#carousel.slider .slick-dots {
		bottom: -10%;
		left: 0;
		width: 100%;
		text-align: center;
		color: var(--black);
		font-family: var(--latobold);
		font-size: var(--fontSize24);
	}
	#carousel.slider .slick-dots li {
		padding: 0 7px;
		width: auto;
	}
}

@media (max-width: 991px) {
	.home-ar-content .left {
		width: 100%;
		float: none;
	}
	.home-ar-content .right {
		float: none;
		width: 100%;
		margin: 0;
	}
	.container-property li {
		width: 50%;
	}
	.portfolio-bg {
		background: url(../images/portfolio-bg1.png) repeat-y top center;
		padding: 100px 0 0 0;
	}
	.banner-text {
		width: 100%;
	}
	.sub-banner .banner-img img {
		height: 100px;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.logo {
		width: 50%;
	}
	.caption {
		position: initial;
		background: rgba(35, 31, 32, 1.0);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	.banner-logo {
		top: 0;
	}
	.banner-logo img {
		display: none;
	}
	.caption {
		padding: 20px;
	}
	.caption .title-one {
		font-size: var(--fontSize62);
		line-height: 60px;
	}
	.caption .title-two {
		font-size: var(--fontSize62);
		line-height: 72px;
	}
	.portfolio-list li:nth-child(1) h1 {
		font-size: var(--fontSize38);
	}
	.container-property li {
		width: 100%;
	}
	.project-list {
		display: block;
		width: 100%;
	}
	.project-list li {
		width: 100%;
	}
	.project-list li a {
		padding: 10px 0;
	}
	#nav-list {
		border: 1px solid #999;
		width: 100%;
	}
	#nav-list {
		padding: 0;
	}
	#nav-list li {
		display: block;
		border-bottom: 1px solid var(--white);
	}
	#nav-list li:last-child {
		display: block;
		border-bottom: 1px solid var(--orangeHover);
	}
	#nav-list li > a {
		display: block;
		background: var(--orangeHover);
		border: none;
	}
	#nav-list section {
		float: none;
		padding: 1% 1% 0 1%;
		position: static;
	}
	.ar-h1 {
		display: none;
	}
	.table-shareholding {
		border: 0;
	}
	.table-shareholding caption {
		font-size: 1.3em;
	}
	.table-shareholding thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.table-shareholding tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}
	.table-shareholding td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	.table-shareholding td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	.table-shareholding td:last-child {
		border-bottom: 0;
	}
	.directors-list li {
		padding: 20px;
	}
	.portfolio-bg {
		background: #f4f7f7;
		padding: 100px 0 0 0;
	}
	.sub-banner h1 {
		font-size: var(--fontSize40);
		line-height: 50px;
	}
	.my-line {
		display: none;
	}
	.first-column {
		padding: 1rem;
		text-align: left !important;
	}
	.second-column {
		padding: 0.5rem 1rem;
	}
	.carousel-item {
		padding: 3rem 0;
	}
	.carousel-indicators li {
		background-color: var(--white);
	}
	.first-column h1,
	.second-column h1 {
		font-size: var(--fontSize36);
	}
	.first-column h2,
	.second-column h2 {
		font-size: var(--fontSize26);
	}
	.first-column.text-left .float-right {
		float: left !important;
	}
	.asset-slider .slick-dots li button:before {
		top: -1px;
		left: -2px;
	}
	.slick-dots {
		bottom: -66px;
	}
}
@media (max-width: 550px) {
	.portfolio-list li {
		width: 100%;
	}
	.portfolio-list li:nth-child(1) h1 span {
		display: inline-block;
	}
	.caption {
		padding: 10px;
	}
	.caption .title-one {
		font-size: var(--fontSize42);
		line-height: 40px;
	}
	.caption .title-two {
		font-size: var(--fontSize42);
		line-height: 52px;
	}
	#carousel.slider .slick-dots {
		bottom: -20%;
	}
}

@media (max-width: 425px) {
	.caption .title-one {
		font-size: var(--fontSize22);
		line-height: 28px;
	}
	.caption .title-two {
		font-size: var(--fontSize22);
		line-height: 32px;
	}
	.portfolio-tabs button {
		width: 100%;
	}
	.sub-banner h1 {
		font-size: var(--fontSize30);
		line-height: 40px;
	}
}

@media (max-width: 400px) {
	.home-email input {
		width: 60%;
	}
	.home-email button {
		width: 40%;
	}
	table tr th,
	table tr td {
		font-size: var(--fontSize16);
	}
}

@media (max-width: 375px) {
	.tab-contact li a {
		padding: 5px;
		font-size: var(--fontSize16);
	}
}