@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
	font-family: 'avantgarde_bk_btbook';
	src: url('../fonts/avgardn-webfont.woff2') format('woff2'), url('../fonts/avgardn-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvantageSmall';
	src: url('../fonts/AvantageSmall Normal.eot');
	src: url('../fonts/AvantageSmall Normal.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvantageSmall Normal.woff2') format('woff2'),
		url('../fonts/AvantageSmall Normal.woff') format('woff'),
		url('../fonts/AvantageSmall Normal.svg#AvantageSmall Normal') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FC;
}
@font-face {
	font-family: 'avantgarde_bk_btbook_oblique';
	src: url('../fonts/avgardni-webfont.woff2') format('woff2'), url('../fonts/avgardni-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
* {
	outline: none;
}
html,
body {
	height: 100%;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
	width: 100%;
	font-weight: 300;
}
body {
	overflow-x: hidden;
}
strong {
	font-weight: bold;
}
.header {
	width: 100%;
	min-height: 128px;
	position: fixed;
	top: 0;
	transition: 0.9s;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.5);
}
.header.fixed-header {
	min-height: auto;
	animation: smoothScroll 1s forwards;
	background: rgba(255, 255, 255, 0.9);
}
.header.fixed-header .nav-links ul li {
	padding: 2.2rem 2rem;
}
.header.fixed-header .dropdown ul li.dropdown-link {
	padding: 10px 25px;
}
.header.fixed-header .dropdown {
	top: 91px;
}
.header.fixed-header .logo img {
	height: 60px;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.home .header {
	background: rgba(255, 255, 255, 0.9);
}
.nav-links {
	max-width: 1380px;
	margin: 0 auto;
}
.nav-links ul {
	margin: auto;
	padding: 0;
	list-style: none;
	text-align: right;
}
.nav-links ul li {
	float: none;
	display: inline-block;
	position: relative;
	padding: 3.3rem 2rem;
}
.nav-links ul li:nth-child(1) {
	float: left;
}
.nav-links ul li:nth-child(2) {
	float: left;
}
.nav-links ul li:nth-child(3) {
	float: left;
}
.nav-links ul li a {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #533d15;
}
.nav-links ul li a.active {
	color: #6e2b62;
}
.logo {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 48%;
	top: 10px;
	transform: translate(-50%, 0);
	content: '';
	transition: 1s;
	margin-right: 6%;
}
.logo:hover {
	transition: 1s;
}
.nav-li {
	position: relative;
}
.nav-li > a > i {
	margin-left: .2rem;
}
.dropdown {
	position: absolute;
	top: 128px;
	left: 0;
	width: 260px;
	transform: translateY(10px);
	opacity: 0;
	pointer-events: none;
	transition: .5s;
}
.dropdown ul {
	position: relative;
	background: #d9a34a;
	border-top: 2px solid #926f2f;
	padding: 0;
}
.dropdown ul li.dropdown-link {
	float: none;
	text-align: left;
	width: 100%;
	padding: 10px 25px;
}
.dropdown ul li.dropdown-link .fa {
	float: right;
}
.dropdown ul li.dropdown-link.selected {
	/* background: #9a3287; */
	color: #fff;
}
.dropdown ul li.dropdown-link:hover {
	background: #9a3287;
	color: #fff;
}
.dropdown ul li.selected a.active {
	color: #fff;
}
.dropdown ul li.dropdown-link a {
	text-transform: capitalize;
	color: #533d15;
}
.nav-li:hover > .dropdown,
.dropdown-link:hover > .dropdown {
	transform: translate(0, 0);
	opacity: 1;
	pointer-events: auto;
}
.nav-links ul > li:hover > a {
	color: #6e2b62;
}
.dropdown.second {
	top: -2px;
	left: 100%;
	padding-left: 0;
	cursor: pointer;
	transform: translateX(10px);
}
.dropdown.second ul {
	background: #f4e4be;
	border-top: 0;
}
.hamburger-menu-container {
	flex: 1;
	display: none;
	align-items: center;
	justify-content: flex-end;
	padding-right: 1.5rem;
}
.hamburger-menu {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-radius: 50%;
	border: 2px solid #6e2b62;
	right: 2.5rem;
}
.hamburger-menu div {
	width: 1.6rem;
	height: 2px;
	border-radius: 3px;
	background-color: #6e2b62;
	position: relative;
	z-index: 1001;
	transition: .5s;
	margin: 0 auto;
}
.hamburger-menu div:before,
.hamburger-menu div:after {
	content: '';
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: #6e2b62;
	border-radius: 3px;
	transition: .5s;
}
.hamburger-menu div:before {
	transform: translateY(-7px);
}
.hamburger-menu div:after {
	transform: translateY(7px);
}
#check {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.5rem;
	z-index: 90000;
	cursor: pointer;
	opacity: 0;
	display: none;
}
#check:checked ~ .hamburger-menu-container .hamburger-menu div {
	background-color: transparent;
}
#check:checked ~ .hamburger-menu-container .hamburger-menu div:before {
	transform: translateY(0) rotate(-45deg);
}
#check:checked ~ .hamburger-menu-container .hamburger-menu div:after {
	transform: translateY(0) rotate(45deg);
}
/* Top Menu for home page & Top Menu scroll top */
.home .nav-links ul > li:hover > a,
.home .nav-links ul li a:hover {
	color: #926f2f;
}
.dropdown ul li.dropdown-link a:hover,
.dropdown ul > li:hover > a,
.fixed-header .dropdown ul li.dropdown-link a:hover,
.fixed-header .dropdown ul > li:hover > a,
.home .dropdown ul li.dropdown-link a:hover,
.home .dropdown ul > li:hover > a {
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.dropdown ul li.dropdown-link:hover,
.fixed-header .dropdown ul li.dropdown-link:hover,
.home .dropdown ul li.dropdown-link:hover {
	/* background: #6e2b62; */
}

/* Content */
.container {
	max-width: 1380px;
}

body.contact-info .banner,
body.testimonials .banner,
body.body-email-alerts .banner,
body.our-distribution-network .banner,
body.operation-company-websites .banner,
body.mission-statement .banner,
body.disclaimer .banner,
body.privacy-policy .banner,
body.contact-us .banner,
body.body-whistle .banner {
	height: 100vh;
}
body.overview .banner .bottom-banner {
	height: 250px;
}
body.milestones .banner .bottom-banner {
	height: 280px;
}
body.brand-orchid .banner .bottom-banner {
	height: 100px;
}
body.director .banner .bottom-banner {
	height: 50px;
}
body.contact-info .banner h1 span {
	display: block;
}
.banner {
	position: relative;
	/* background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%); */
	color: white;
	height: 100%;
	width: 100%;
	padding-bottom: 150px;
}
.banner .inner {
	max-width: 1380px;
	margin: 0 auto;
	padding-top: 168px;
}
.banner .inner h1 {
	font-size: 95px;
	color: #ffcf06;
	line-height: 95px;
	font-weight: 400;
	font-family: 'avantgarde_bk_btbook';
}
.banner .inner h1 span {
	font-weight: 100;
	font-family: 'AvantageSmall';
	line-height: 85px;
	font-size: 85px;
}
.banner .inner .first {
	font-size: 24px;
	padding-bottom: 20px;
}
.banner .inner .first span {
	font-size: 16px;
	font-style: italic;
}
.banner .inner .first.tuan-seng {
	padding-bottom: 0;
}
.corporate-profile {
	background: url('../images/bg-subpage.jpg') no-repeat center center;
	background-size: cover;
}
.main-content {
	position: absolute;
	top: 0;
	right: 0;
}
.content-banner {
	position: relative;
}
.content-banner .box {
	position: absolute;
}
.content-banner .box-1 {
	top: 160px;
	right: 303px;
}
.content-banner .box-2 {
	top: 131px;
	right: 0;
}
.content-banner .box-3 {
	top: 496px;
	right: 150px;
}
.content-banner .box-4 {
	top: 650px;
	right: 306px;
}
.content-banner .box-5 {
	top: 553px;
	right: 0;
}
.content-banner .box-6 {
	top: 89px;
	right: 248px;
}
.content-banner .box-2 img.desktop,
.content-banner .box-5 img.desktop {
	display: block;
}
.content-banner .box-2 img.mobile,
.content-banner .box-5 img.mobile {
	display: none;
}

/* Responsive Slider */
.operating-bg {
	background: url('../images/bg-brands.jpg') no-repeat;
	position: relative;
	z-index: 0;
	height: 100%;
	background-size: cover;
}
.operating-bg .inner {
	padding: 50px 15px;
}
body.milestones .operating-bg .inner,
body.contact-info .operating-bg .inner {
	padding: 50px 15px 100px 15px;
}
.operating-bg .inner .inner {
	border-radius: 5px;
	background: #f5f1e8;
	padding: 50px 11px;
	margin: 0 10px;
}

/* Our Subsidiaries */
.section-subsidiaries {
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	height: 100%;
	padding: 150px 0 0 0;
}
.section-subsidiaries h1 {
	padding-bottom: 50px;
}
.section-subsidiaries .inner .inner {
	border-radius: 5px;
	background: #f5f1e8;
	padding: 25px 11px;
	margin: 0 10px;
}
.section-subsidiaries .slider {
	padding: 20px 30px;
}
.section-subsidiaries .slider p {
	line-height: 18px;
	margin: 25px 0;
}
.section-subsidiaries .slider .logo-brands {
	padding: 0 0 40px 0;
	display: inline-block;
}
.section-subsidiaries .slider .logo-brands img {
	max-width: 100%;
}
.section-subsidiaries .slider h2 {
	font-size: 18px;
	line-height: 22px;
	color: #333333;
}
.section-subsidiaries .manufacturing {
	min-height: 40px;
}
.section-subsidiaries .slick-prev {
	left: 1%;
	top: 40%;
}
.section-subsidiaries .slick-next {
	right: 1%;
	top: 40%;
}
.section-subsidiaries .slick-prev,
.section-subsidiaries .slick-next {
	font-size: 50px;
	color: #b6862d;
}
.section-subsidiaries .total {
	font-size: 30px;
	padding: 0 0 20px 0;
}

/* Director */
.section-director {
	background: linear-gradient(180deg, rgba(235, 196, 13, 1) 0%, rgba(191, 143, 41, 1) 100%);
	height: 100%;
	padding: 150px 0 0 0;
}
.section-director h2 {
	font-size: 36px;
}
.section-director p {
	font-size: 24px;
}
.section-director img {
	max-width: 100%;
}
.section-director .read-more a {
	border-radius: 10px;
	border: 1px solid #fff;
	display: inline-block;
	font-size: 14px;
	padding: 10px 15px;
	color: #fff;
}
.section-director .bod {
	padding-top: 60px;
}

/* Home Banner */
.home-main-banner {
	position: relative;
}
.home-banner .inner {
	max-width: 1440px;
	margin: 0 auto;
}
.home-banner .fa {
	font-size: 70px;
}
.home-banner .slick-prev {
	top: 45%;
	left: 1%;
	color: #fff;
	cursor: pointer;
}
.home-banner .slick-next {
	top: 45%;
	right: 1%;
	color: #fff;
	cursor: pointer;
}
.home-banner .slick-dots {
	top: 32%;
	list-style: none;
	position: absolute;
	width: 43%;
	left: 12%;
	text-align: center;
	z-index: 2;
}
.main-slider img {
	max-width: 100%;
}
.main-slider {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
.main-slider.slick-initialized {
	opacity: 1;
	visibility: visible;
}
.slick-slide::before {
	background-color: #000;
	opacity: 0.3;
	z-index: 1;
}
.slick-slide figure {
	position: relative;
}
.slick-slide .slide-image {
	/* opacity: 0; */
	height: 100vh;
	background-size: cover;
	background-position: center;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.slick-slide .slide-image.show {
	opacity: 1;
}
.slick-slide .image-entity {
	width: 100%;
	opacity: 0;
	visibility: hidden;
}
.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;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
	transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}
.caption {
	width: 65%;
	position: absolute;
	top: 18%;
	/* top: 21%; */
	left: 12%;
	text-align: left;
	color: #fff;
	margin: 0;
	font-size: 40px;
	letter-spacing: 0.02em;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

.home-banner .slick-dots li {
	float: left;
}
.home-banner .slick-dots li {
	filter: grayscale(100%);
}
.home-banner .main.slick-dots li {
	filter: grayscale(0);
}
.home-banner .slick-dots li.slick-active {
	filter: grayscale(0%);
}
/* .home-banner #main li {
	filter: grayscale(0);
}
.home-banner #main.slick-dots li {
	filter: grayscale(100%);
} */

/* .home-banner ul li {
  filter: grayscale(100%);
  border: 1px solid red;
} */
/* .home-banner .slick-dots li .num2 {
  filter: grayscale(100%);
  border: 1px solid red;
} */
/* 
body.home .home-banner .slick-dots li:first-child > body.home .home-banner .slick-dots li .num2 img,
body.home .home-banner .slick-dots li:first-child > body.home .home-banner .slick-dots li .num3 img,
body.home .home-banner .slick-dots li:first-child > body.home .home-banner .slick-dots li .num4 img,
body.home .home-banner .slick-dots li:first-child + body.home .home-banner .slick-dots li .num5 img,
body.home .home-banner .slick-dots li:first-child + body.home .home-banner .slick-dots li .num6 img,
body.home .home-banner .slick-dots li:first-child + body.home .home-banner .slick-dots li .num7 img {
  filter: grayscale(100%);
  border: 1px solid yellow;
} */

/* .home-banner .slick-dots li:nth-child(4n + 1),
.home-banner .slick-dots li:nth-child(7n + 1) {
	clear: both;
} */
.caption h1 {
	font-family: 'avantgarde_bk_btbook';
	font-size: 75px;
	color: #6e2b62;
	line-height: 75px;
}
.caption .text {
	font-family: 'AvantageSmall';
	font-size: 70px;
	font-weight: 200;
	line-height: 70px;
	color: #6e2b62;
}
.home-banner .slick-dots {
	text-align: left;
	padding: 20px 0 0 0;
	margin: 0;
}
.home-banner .slick-dots li {
	text-align: center;
	vertical-align: top;
	margin: 30px 8px;
	width: 173px;
	height: 100px;
}
.home-banner .slick-dots li div.text {
	text-align: center;
	color: #504334;
	margin: 10px 0 0 0;
	display: block;
	font-size: 18px;
	font-weight: 400;
}
.home-banner .slick-dots li:first-child {
	display: none;
}
.home-banner .product {
	position: absolute;
}
.home-banner .product-golden {
	bottom: 0;
	right: 0;
}
.home-banner .slick-dots li img {
	height: auto;
	width: 130px;
}
.home-banner .slick-dots li.slick-active div.text {
	color: #6e2b62;
}

/* 
.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 {
		-webkit-filter: blur(15px);
		filter: blur(15px);
	}
	to {
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

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

.about-bottom img {
	max-width: 100%;
}
.btn-more a {
	border-radius: 10px;
	border: 1px solid #b6862d;
	display: inline-block;
	font-size: 14px;
	padding: 10px 15px;
	color: #b6862d;
}
.btn-more a:hover {
	background: #6e2b62;
	border: 1px solid #6e2b62;
	color: #fff;
	transition: 0.5s;
}
.slider-for .caption-content .btn-more a:hover {
	color: #fff;
}
._pt-50 {
	padding-top: 50px;
}

/* Home Page */
.home-about {
	width: 100%;
	height: 100%;
	background-image: url('../images/bg-about-ots.jpg');
	background-size: cover;
	padding: 100px 0;
	position: relative;
}
.container-about {
	font-size: 0; /*remove white space*/
}
.container-about .section {
	font-size: 16px; /*reset font size*/
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.container-about .section.one {
	width: 50%;
	padding: 0 3% 2% 0;
}
.container-about .section.two {
	width: 26%;
	padding: 2%;
}
.container-about .section.three {
	width: 50%;
	padding: 0 0 2% 3%;
}
.container-about .section.three img {
	max-width: 100%;
}
.container-about .section.one .first {
	font-size: 24px;
	font-weight: 200;
	line-height: 30px;
	margin-bottom: 25px;
	margin-bottom: 25px;
}
.container-about .section.one .last {
	font-size: 18px;
	margin-bottom: 25px;
}
.about-bottom {
	padding: 25px 0 0 0;
	display: flex;
}
.about-bottom h2 {
	font-size: 20px;
	font-weight: bold;
}
.about-bottom .col-md-3 {
	padding-right: 0;
	display: flex;
	align-items: center;
}
.container-about .section.two {
	background: url('../images/img-our-brands-banner.png') no-repeat;
	min-height: 620px;
	position: relative;
	width: 333px;
}
.container-about .section.two .inner {
	/* position: absolute;
  bottom: 25%;
  width: 100%;
  left: 0;
  padding: 0 30px; */
	color: #fff;
}
.container-about .section.two .inner h2 {
	font-size: 48px;
	line-height: 48px;
	font-weight: bold;
}
.container-about .section.two .inner p {
	font-size: 16px;
}
.container-about .section.two .main-brands {
	position: absolute;
	bottom: -3%;
	padding: 0 30px;
	left: 0;
}
.container-about .section.two .main-brands-inner {
	position: relative;
}
.middle-mouse {
	/* position: absolute;
  bottom: -63%;
  left: 50%;
  transform: translate(-50%, -50%); */
	padding-top: 70px;
	width: 30px;
	margin: 0 auto;
}
.middle-mouse .mouse {
	width: 30px;
	height: 44px;
	border: 2px solid #b6862d;
	border-radius: 60px;
	position: relative;
}
.middle-mouse .mouse::before {
	content: '';
	width: 2px;
	height: 9px;
	position: absolute;
	top: 12px;
	background: #b6862d;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 30%;
	opacity: 1;
	animation: mouse 2s infinite;
}
.middle-mouse .scroll {
	margin: 50px 0 0 -16px;
	font-size: 16px;
}
.middle-mouse a {
	display: block;
	border: 1px solid transparent;
}
.middle-mouse .line {
	height: 79px;
	width: 1px;
	background: linear-gradient(100deg, rgba(255, 255, 255, 1) 0%, rgba(182, 134, 45, 1) 100%);
	margin: -80px 0 10px 15px;
}
@keyframes mouse {
	from {
		opacity: 1;
		top: 12px;
	}
	to {
		opacity: 0;
		top: 25px;
	}
}
h2 {
	font-size: 36px;
	font-weight: 200;
	margin-bottom: 25px;
}
h2 span {
	font-weight: 600;
}
/* Home IR */
.container-about .section.three .home-news ul {
	margin: 0;
	padding: 0;
}
.container-about .section.three .home-news ul li {
	list-style: none;
	display: flex;
	align-items: center;
}
.container-about .section.three .home-news ul li .date {
	height: 90px;
	width: 90px;
	float: left;
	border: 1px solid #b6862d;
	padding: 15px 0;
	font-size: 12px;
	font-weight: 200;
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
}
.container-about .section.three .home-news ul li .date span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.container-about .section.three .home-news ul li .news {
	float: left;
	width: calc(100% - 80px);
	padding-left: 4%;
}
.container-about .section.three .home-news,
.container-about .section.three .home-ipo,
.container-about .section.three .home-quick-links {
	padding: 0 0 50px 0;
}
.container-about .section.three .home-ipo ul {
	margin: 0;
	padding: 0;
}
.container-about .section.three .home-ipo ul li {
	list-style: none;
	display: flex;
	align-items: center;
}
.container-about .section.three .home-ipo ul li .thumb {
	min-width: 138px;
	float: left;
	padding: 15px 0;
	font-size: 14px;
	font-weight: 200;
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
}
.container-about .section.three .home-ipo ul li .thumb span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.container-about .section.three .home-ipo ul li .ipo {
	float: left;
	float: left;
	width: calc(100% - 138px);
	padding-left: 6%;
}
.container-about .section.three .home-ipo ul li .ipo .download {
	margin: 10px 0 5px 0;
}
.container-about .section.three .home-quick-links {
	position: relative;
}
.container-about .section.three .home-quick-links ul {
	margin: 0;
	padding: 35px 15px 25px 15px;
	border: 1px solid #b6862d;
	border-top: 1px solid transparent;
	border-radius: 15px;
	display: flex;
	position: relative;
	background: url('../images/quick-links-top.png') no-repeat 0 0;
}
.container-about .section.three .home-quick-links ul li {
	list-style: none;
	text-align: center;
	width: 33.33333%;
}
.container-about .section.three .home-quick-links ul li div {
	line-height: 20px;
	font-size: 16px;
	margin-top: 10px;
}
.container-about .section.three .home-quick-links ul li:first-child {
	position: absolute;
	top: -20px;
	left: 20px;
	padding: 5px;
	width: auto;
	font-weight: 200;
	font-size: 20px;
}
.container-about .section.three .home-quick-links ul li:first-child span {
	padding-left: 8px;
	font-weight: bold;
}
/* Home Page Our Brands */
.home-our-brands-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}
.home-our-brands-wrapper .inner {
	background: url('../images/bg-our-brands.jpg') no-repeat;
	padding: 0 5% 0 4%;
}

.slider-main-bottom {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	min-height: 950px;
}
.slider-main-bottom .slider-nav li:last-child {
	margin-top: -10px;
}
.slider-for .slick-slide .slide-image {
	background-position: top;
}

.slider-nav {
	padding: 0;
	margin: 0;
}
.slider-nav .slick-slide {
	width: 100%;
}
.slider-nav li {
	display: block;
	float: none;
	padding: 25px 0;
}
.fungmei .slider-nav li {
	display: block;
	float: none;
	padding: 15px 0;
}
.slider-nav li:hover,
.slider-nav li:focus {
	outline: none;
	cursor: pointer;
}
.slider-nav .slick-active {
	filter: grayscale(100%);
}
.slider-nav .slick-active.slick-current {
	filter: grayscale(0%);
}
.slider-nav .slick-slide img {
	width: 80px;
}
.slider-for .slick-slide {
	height: 950px;
}
.slider-pagination {
	position: absolute;
	top: 10%;
	right: 1%;
	color: #fff;
	height: 100%;
	width: 80px;
}
.slider-pagination h1 {
	border-bottom: 1px solid #959597;
	font-size: 26px;
	font-weight: 600;
	padding: 20px;
}
.slider-for .slick-next:before,
.slider-for .slick-prev:before {
	display: none;
}
.slider-for .slick-slide .slide-image {
	background-size: cover;
}
.slider-for .slick-slide.slick-active .caption-content {
	opacity: 1;
	/* -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; */
}
.slider-for .caption-content {
	position: absolute;
	display: flex;
	width: calc(100% - 100px);
	top: 0;
	right: 100px;
	letter-spacing: 0.02em;
	opacity: 0;
	z-index: 1;
	font-size: 16px;
	color: #ccc;
	font-weight: 400;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}
.slider-for .caption-content .btn-more a {
	color: #ffce07;
}
.slider-for .bottom-banner {
	width: 100%;
	height: 100%;
	position: relative;
}
.slider-for .bottom-banner:after {
	content: "";
	display: table;
	clear: both;
}
.slider-for .section {
	float: left;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.slider-for .section.box1 {
	width: 60%;
}
.slider-for .section.box2 {
	width: 40%;
	padding: 0 4% 20px 2%;
}
.slider-for .section.box2 img {
	display: inline-block;
	padding: 20px 0;
}
.slider-for .section.box2 h1 {
	font-weight: 200;
	font-size: 60px;
}
.slider-for .section.box2 h2 {
	font-size: 36px;
}
.slider-for .section.box2 p {
	font-size: 18px;
	padding: 18px 0;
	font-weight: 300;
}
.bottom-brand .inner {
	position: absolute;
	top: 0;
	left: 0;
}
.brand {
	position: absolute;
}
.brand-1 {
	top: 0;
	left: 103px;
	z-index: 10;
}
.brand-2 {
	top: 85px;
	left: 323px;
}
.brand-3 {
	top: 408px;
	left: 600px;
}
.brand-4 {
	top: 262px;
	left: 0;
	z-index: 10;
}
.brand-5 {
	top: 420px;
	left: 77px;
}
.brand-6 {
	top: 616px;
	left: 415px;
}
/* only 3 images */
.brand-01 {
	top: 0;
	left: 0;
	z-index: 10;
}
.brand-02 {
	top: 85px;
	left: 406px;
	z-index: 10;
}
.brand-03 {
	top: 317px;
	left: 40px;
}
/* only 4 images */
.brand-001 {
	top: 0;
	left: 0;
	z-index: 10;
}
.brand-002 {
	top: 85px;
	left: 406px;
	z-index: 10;
}
.brand-003 {
	top: 317px;
	left: 40px;
}
.brand-004 {
	top: 377px;
	left: 500px;
}
.slider-ul li.next,
.slider-ul li.prev {
	display: none !important;
}

/* Home Email */
#home-email-main.home-email .home-email-button button {
	width: 30%;
}
#home-email-main.home-email input {
	width: 100%;
}
.home-email form {
	position: relative;
	margin-top: 40px;
}
.home-email button {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	border: 0;
	background: #b6862d;
	width: 30%;
	height: 38px;
	line-height: 22px;
	padding: 0;
}
.home-email button:hover {
	transition: 0.5s;
	background: #eeb140;
}
.home-email {
	width: 100%;
	background: url('../images/bg-email-alert.jpg') no-repeat;
	padding: 100px 0;
}
.home-email h3 {
	font-size: 36px;
}
.home-email .form-group {
	margin: 0 auto;
	max-width: 630px;
}
.home-email input {
	border-radius: 0;
	border: 0;
	background: #fff;
	padding: 10px;
	height: 38px;
	width: 70%;
}
.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);
}
#refresh {
	float: left;
	width: auto;
}
#refresh input {
	width: 100%;
	margin-left: 10px;
	background: #b6862d;
	color: var(--white);
}

.input-answer {
	float: left;
}
.input-answer input {
	width: 100%;
	margin-left: 5px;
}
.math span {
	float: left;
	line-height: 40px;
}
.math {
	padding: 15px 0;
	float: left;
	width: 100%;
}

@keyframes animation {
	from {
		opacity: 0;
		transform: translateY(15px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

/* Animation */
.parallax > use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
}
.parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
}
.parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
}
.parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
}
@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0);
	}
	100% {
		transform: translate3d(85px, 0, 0);
	}
}

.wrapper-cookies {
	width: 100%;
	background-color: #f89912;
}
.wrapper-cookies .cookiealert {
	color: #fff;
	padding: 7px;
	max-width: 1366px;
	margin: 0 auto;
}
.wrapper-cookies .cookiealert a.closecookiewarning {
	float: right;
	width: 6%;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #6e2b62;
	padding: 10px;
	margin-top: 10px;
	border-radius: 10px;
}
.wrapper-cookies .cookiealert a.closecookiewarning:hover {
	background: #a54293;
}
.wrapper-cookiesp {
	float: left;
	width: 98%;
	display: block;
}

/* Footer */
footer {
	background: #fff;
	width: 100%;
	padding: 25px 0;
	color: #8b8578;
	font-size: 14px;
	position: relative;
	z-index: 1;
}
footer .inner ul {
	padding: 0;
}
footer .inner ul li {
	list-style: none;
	display: inline-block;
	padding: 10px 5px 0 5px;
}
footer .inner ul li a {
	color: #6e2b62;
}

/* Content */
.content {
	width: 100%;
	padding: 0;
}
.all-site {
	max-width: 1200px;
	margin: 0 auto;
}
h1.title {
	margin-bottom: 20px;
}
h2.news {
	font-size: 18px;
}
h2.date {
	font-size: 16px;
	color: #ccc;
	margin-bottom: 10px;
}

/* Newsroom */
.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;
	font-weight: bold;
}
.dropdown-year li:nth-child(1),
.dropdown-year li:last-child {
	border-right: 1px solid transparent;
}

.dropdown-year li a {
	color: var(--black);
	padding: 0 5px;
	display: block;
}
.dropdown-year li:hover a {
	color: var(--black);
}
.investor.newsroom .container.inner {
	padding: 25px 15px 35px 15px;
}
.newsroom.view h2 {
	font-size: 16px;
	margin-bottom: 0;
}
.newroom-pagination .pagination {
	margin: 25px 0 0 0;
	/* border: 1px solid #b6862d; */
}
.newroom-pagination .pagination li {
	padding: 10px;
}
.newroom-pagination .pagination li:hover,
.newroom-pagination .pagination li.active {
	background: #dee2e6;
	color: #fff;
}
.newroom-pagination .pagination li a {
	color: #6e2b62;
}
.newroom-pagination .pagination li a:hover,
.newroom-pagination .pagination li.active a {
	background: #dee2e6;
	color: #b6862d;
}

.newsroom.view h3.news-title {
	margin-top: 15px;
}
.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;
	vertical-align: -10%;
	font-size: 28px;
	display: inline-block;
	width: 1.07142857em;
	text-align: center;
	margin-right: 5px;
	font-weight: 900;
	content: "\f1c1";
	color: #6e2b62;
}
.news-content .attachment a {
	color: #6e2b62;
}
.news-year,
.news-year li .sub-year {
	margin: 0;
	padding: 0;
}
.news-year li {
	list-style: none;
}
.news-year li.first {
	width: 150px;
	background: #ccc;
	border-radius: 3px;
	display: block;
	cursor: pointer;
	position: relative;
}
.news-year li.first div {
	padding: 10px;
}
.news-year li.first div i {
	float: right;
}
.news-year li .sub-year li {
	border-top: 1px solid #fff;
	padding: 10px;
}
.news-year li .sub-year {
	display: none;
	position: absolute;
	background: #ccc;
	width: 100%;
	z-index: 100;
}
.news-year li .sub-year li:hover {
	background: #333;
}
.news-year li .sub-year li:hover a {
	color: #fff;
}
.news-list {
	margin: 0;
	padding: 0;
}
.news-list li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	padding: 15px 0;
}
.table.news {
	border: 1px solid #dee2e6;
	margin-top: 25px;
}
.table.news tr td {
	border-left: 1px solid #dee2e6;
	padding: 5px 8px;
}
.table.news tr:nth-child(even) td {
	background: #fff;
}
.table.news tr:nth-child(odd) td {
	background: #ebebeb;
}
.attachments {
	margin: 0 0 0 15px;
	padding: 0;
}
.attachments li span {
	font-size: 13px;
}

.select2-container .select2-selection--single {
	height: auto;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
}

.header-menu .nav-list li:hover > ul {
	display: block;
}

.financials-grouping {
	margin-bottom: 20px;
}
.financials-title {
	width: 100%;
	background: #f7f7f7;
	cursor: pointer;
	padding: 20px;
	margin-bottom: 2px;
	font-size: 20px;
}
.financials-title::before {
	color: #628aae;
	font-size: 1rem;
	content: "\F107";
	font-family: fontAwesome;
	float: right;
}
.financials-title.active::before {
	color: #b6b6b6;
	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;
}

.file-pdf a::before {
	content: "\f1c1";
	font-family: fontawesome;
	font-size: 26px;
	line-height: 35px;
	vertical-align: baseline;
	color: #6e2b62;
	padding-right: 5px;
}
.file-pdf a {
	color: #6e2b62;
}
.financial-archive {
	padding: 10px 0;
	display: block;
}
.financial-left {
	width: 50%;
	float: left;
}
.financial-right {
	width: 50%;
	float: left;
}
.financial-right .fa {
	font-size: 26px;
	color: #6e2b62;
}
.financial-right a {
	font-size: 16px;
	color: #6e2b62;
}
.fiancials-archive h1 {
	font-size: 18px;
}
.title-archive {
	padding: 20px;
}
.expand-all,
.collapse-all {
	color: #6e2b62;
}

.financial-result {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
}
.body-results h2 {
	margin: 0;
	padding: 15px 0;
	font-weight: 400;
	font-size: 26px;
}
.divider-results {
	border-top: 1px solid grey;
	margin: 40px 0;
	clear: both;
}
.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: .85em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.table-shareholding td sup {
	font-size: 10px;
}
.shareholders-list {
	margin: 0;
	padding: 0 0 0 15px;
}
.shareholders-list li {
	padding: 0 0 20px 0;
}
.table-shareholding.twenty tr th:nth-child(1) {
	width: 2%;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 30px;
}
.dropdown-link i {
	transform: rotate(-90deg);
}

/* Directors */
.banner.director {
	padding-bottom: 480px;
}
.director.year2025 .bod img {
	max-width: 100%;
	border: 5px solid #b6862d;
	border-radius: 50%;
}
.banner-bod {
	display: flex;
}
.banner-bod .section {
	flex: 1; /*grow*/
	margin: 5px 10px;
}
.banner-bod .section .name {
	font-size: 18px;
	font-weight: 500;
	padding-top: 5px;
}
.banner-bod .section .name span {
	font-size: 16px;
	font-weight: 200;
	display: block;
}
.banner-bod .section img {
	max-width: 100%;
}
.bod-content-bg {
	background: url('../images/bg-bod.jpg') no-repeat top center;
	background-size: cover;
}
.bod-content-bg .bod {
	padding-top: 50px;
}
.bod-content-bg .bod .row > div {
	padding-bottom: 15px;
}
.bod .bod-details {
	background: #fff9ed;
	border-radius: 5px;
	padding: 25px;
	text-align: left;
	font-size: 18px;
}
.bod img {
	max-width: 100%;
	border: 5px solid #6e2b61;
	border-radius: 20px;
}
.bod .bod-details .line {
	height: 1px;
	background: #d6d3cd;
	margin: 10px 0 25px 0;
	width: 100%;
}
.ir-left {
	float: left;
	margin: 0 10px 10px 0;
}
.bod .bod-details h3 {
	font-size: 24px;
	padding: 15px 0 0 0;
}
.bod .bod-details .design {
	font-size: 16px;
	padding-bottom: 20px;
}

/* Key Management */
.management-content-bg {
	background: url('../images/bg-key-management.jpg') no-repeat;
	background-size: cover;
}
.management-details {
	background: #ffcd38;
	border-radius: 5px;
	padding: 20px;
}
.management-details h3 {
	font-size: 22px;
}
.management-details .line {
	height: 1px;
	background: #b6862d;
	margin: 20px 0 10px 0;
}
.management-details .management {
	margin: 0;
	padding: 0;
}
.management-details .management li {
	list-style: none;
	clear: both;
	padding: 10px 0;
	color: #414042;
}
.management-details .management li .left {
	width: 40px;
	float: left;
}
.management-details .management li .right {
	float: left;
	width: calc(100% - 40px);
	font-weight: 500;
}
.management-content-bg .management .col-md-4 {
	margin: 0 0 30px 0;
}
.management-details.light-yellow {
	background: #fff9ed;
	box-shadow: 0 0 10px #f2f0ec;
}

/* Milestones */
.corporate-milestones {
	background: url(../images/bg-milestones.jpg) no-repeat;
	position: relative;
	z-index: 0;
	height: 100%;
}
.corporate-milestones .slick-next {
	right: 50px;
	top: 30%;
}
.corporate-milestones .slick-prev {
	top: 30%;
	left: 0px;
}
.corporate-milestones .inner {
	padding: 50px 0;
	max-width: 100%;
}
.milestones .text {
	font-size: 22px;
}
.milestones .text span {
	color: #f4a8e6;
	font-size: 36px;
}
.timeline-carousel {
	margin: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	padding: 86px 6.9444% 90px 6.9444%;
	position: relative;
	overflow: hidden;
}
.timeline-carousel:after,
.timeline-carousel:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	height: 100%;
	width: 6.9444%;
	z-index: 3;
	width: 6.9444%;
}
.timeline-carousel:after {
	left: 0;
}
.timeline-carousel:before {
	right: 0;
	opacity: 0;
}
.timeline-carousel .slick-list {
	overflow: visible;
}
.timeline-carousel .slick-dots {
	bottom: -73px;
}
.timeline-carousel h1 {
	color: white;
	font-weight: 700;
}
.timeline-carousel p {
	color: white;
	font-weight: 300;
}
.timeline-carousel__image {
	padding-right: 50px;
}
.timeline-carousel__item {
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.timeline-carousel__item .media-wrapper {
	opacity: 0.4;
	padding-bottom: 71.4%;
	-webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.timeline-carousel__item:last-child .timeline-carousel__item-inner:after {
	width: calc(100% - 30px);
}
.timeline-carousel__item-inner {
	position: relative;
	padding-top: 45px;
}
.timeline-carousel__item-inner:after {
	position: absolute;
	width: 100%;
	top: 45px;
	left: 0;
	content: "";
	border-bottom: 1px solid rgba(194, 172, 190, 0.9);
}
.timeline-carousel__item-inner .year {
	font-size: 36px;
	line-height: 36px;
	display: table;
	letter-spacing: -1px;
	padding-right: 10px;
	background-color: #ffc107;
	z-index: 1;
	position: relative;
	margin: -17px 0 20px 0;
	font-weight: 700;
	border-radius: 5px;
	padding-left: 5px;
}
.timeline-carousel__item-inner .year:after {
	content: "";
	position: absolute;
	display: block;
	left: -10px;
	top: 0;
	height: 100%;
	width: 10px;
	z-index: 3;
}
.timeline-carousel__item-inner .month {
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
}
.timeline-carousel__item-inner p {
	font-size: 18px;
	line-height: 24px;
	width: 90%;
	font-weight: 300;
	margin-bottom: 15px;
	color: #333;
}
.timeline-carousel__item-inner .read-more {
	font-size: 12px;
	color: #ffc107;
	display: table;
	margin-bottom: 10px;
	font-weight: 900;
	text-decoration: none;
	position: relative;
}
.timeline-carousel__item-inner .read-more:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	border-bottom: 2px solid #ffc107;
	-webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.timeline-carousel__item-inner .read-more:hover:after {
	width: 100%;
}
.timeline-carousel__item-inner .pointer {
	height: 29px;
	position: relative;
	z-index: 1;
	margin: -4px 0 16px;
}
.timeline-carousel__item-inner .pointer:after,
.timeline-carousel__item-inner .pointer:before {
	position: absolute;
	content: "";
}
.timeline-carousel__item-inner .pointer:after {
	width: 9px;
	height: 9px;
	border-radius: 100%;
	top: 0;
	left: 0;
	background-color: #c2aebe;
}
.timeline-carousel__item-inner .pointer:before {
	width: 1px;
	height: 100%;
	top: 0;
	left: 4px;
	background-color: #c2aebe;
}
.timeline-carousel .slick-active .media-wrapper {
	opacity: 1 !important;
}

.slick-dots {
	bottom: 160px;
	list-style: none;
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 2;
}
.slick-dots li {
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	display: inline-block;
	margin: 0 6px;
	position: relative;
	width: 10px;
	height: 10px;
}
.slick-dots li:last-child {
	margin-right: 0;
}
.slick-dots li.slick-active button {
	background: #ffc107;
	border-color: #ffc107;
}
.slick-dots li button {
	display: block;
	font-size: 0;
	width: 10px;
	height: 10px;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.6);
	border-color: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	-webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.slick-dots li button:hover {
	background: #ffc107;
	border-color: #ffc107;
}

.link {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	z-index: 9999;
}
.link a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #fff;
}
.link .fa {
	font-size: 28px;
	margin-right: 8px;
	color: #fff;
}

.slick-prev svg,
.slick-next svg {
	height: auto;
	width: 18px;
	padding-bottom: 2px;
}
.slick-prev .btn,
.slick-next .btn {
	border-radius: 0;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}
.slick-prev,
.slick-next {
	position: absolute;
	top: 0;
	z-index: 9999;
	border-radius: 0;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 30px;
}

/* Tell A Story */
.tell-a-story {
	background: #e3e5e7 url('../images/bg-tell-a-story.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.story-nav-tab-wrapper {
	float: right;
}
.story-nav-tab-wrapper ul {
	margin: 0;
	padding: 0;
	background: #d8d2c4;
	border-radius: 5px;
}
.story-nav-tab-wrapper ul li {
	list-style: none;
	float: left;
	padding: 5px 20px;
	cursor: pointer;
}
.story-nav-tab-wrapper ul li:first-child.tab-active {
	background: #6e2b62;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #fff;
}
.story-nav-tab-wrapper ul li:last-child.tab-active {
	background: #6e2b62;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #fff;
}
.tab-content {
	display: none;
	margin-top: 34px;
	font-size: 18px;
	line-height: 28px;
}
.tab-content h1 {
	padding: 130px 0 15px 0;
}
.tab-content img {
	float: left;
	max-width: 100%;
}
.tab-content.active {
	display: block;
}
.story-more,
.story-more-cn {
	cursor: pointer;
	color: #b6862d;
}

/* Mission */
.mission-bg .mission-content .line {
	height: 1px;
	width: 70px;
	background: #6e2b62;
	margin: 0 auto;
}
.mission-bg .mission-content {
	padding: 0 50px;
}
.mission-bg .develop {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 25px;
}
.operating-bg.mission {
	background: url('../images/vision-mission-bg.jpg') no-repeat 0 top;
	position: relative;
	z-index: 0;
	height: 100%;
	background-size: cover;
	height: 100vh;
}

.mission-content {
	padding: 20px;
}
.mission-content h2 {
	font-size: 40px;
	padding-top: 15px;
	margin-bottom: 10px;
}
.mission-content p {
	font-size: 24px;
}
.section-value {
	background: linear-gradient(180deg, rgba(235, 196, 13, 1) 0%, rgba(191, 143, 41, 1) 100%);
	height: 100%;
	padding: 100px 0;
	position: relative;
}
.section-value img {
	margin-top: 30px;
	max-width: 100%;
}
.responsive-img {
	display: none;
}
.mobile-img {
	display: none;
}

/* Testimonials */
.section-testimonials {
	background: linear-gradient(180deg, rgba(232, 218, 250, 1) 0%, rgba(242, 234, 252, 1) 100%);
	height: 100%;
	padding: 150px 0 0 0;
}
.divider {
	height: 1px;
	background: #eeeeee;
	margin: 20px 0 10px 0;
	margin: 25px 0;
}
.testimonials-content.card {
	background: transparent;
	border: 1px solid #fff;
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	padding: 10px;
}
.testimonials-inner {
	border-radius: 10px;
	padding: 35px;
	margin-bottom: 100px;
}
.testimonials-inner p {
	font-size: 18px;
}
.testimonials-inner .name {
	font-size: 16px;
}

.testimonials-content a {
	color: #212529;
}
.testimonials-content a:hover {
	color: #6e2b62;
}

/* Contact Info */
.contact-bg .inner {
	padding: 100px 15px;
}
#login-form {
	max-width: 660px;
	margin: 0 auto;
}
#login-form .form-control:focus {
	background: transparent;
	box-shadow: none;
}
.btn-submit button {
	background: #722a63;
	color: #fff;
	padding: 10px 20px;
	border: 0;
}
#login-form #remain {
	text-align: right;
	font-size: 11px;
	padding-top: 5px;
}

/* Operating company websites */
.operating {
	padding-top: 50px;
}
.operation-bg {
	background: url('../images/bg-operating-company-websites.jpg') no-repeat;
}
.operating .company-logo img {
	padding: 0 0 20px 0;
	height: 70px;
	max-width: 100%;
}
.operating ul li a {
	color: #414042;
}
.operating ul li {
	text-align: left;
	font-size: 18px;
}
.operation-bg .operating .col-md-4,
.operation-bg .operating .col-lg-4 {
	margin: 0 0 30px 0;
}
.operation-bg .operating {
	color: #414042;
}
.operation-bg .management-details .management li .right {
	float: left;
	width: calc(100% - 40px);
	font-weight: 100;
}

/* Map */
.banner.global .inner {
	padding-top: 129px;
}
.banner.global {
	background: url("../images/bg-subpage-no-texture.jpg") no-repeat center center;
	background-size: cover;
}
.main.map {
	max-width: 1380px;
	margin: 0 auto;
	padding: 0 15px;
}
.main.map .global h1 {
	padding: 2rem 0;
	font-size: 95px;
	color: #fff;
	line-height: 95px;
	font-weight: 400;
	font-family: 'avantgarde_bk_btbook';
}
.main.map .global img {
	max-width: 100%;
}

/* Manufacuring */
.manufacturing-bg {
	background: url('../images/bg-brands.jpg') no-repeat;
	position: relative;
	z-index: 0;
	height: 100%;
	background-size: cover;
}
.manufacturing-bg .inner {
	padding: 50px 15px;
}
.manufacturing .one {
	color: #a43990;
	font-size: 42px;
	display: block;
}
.manufacturing .two {
	color: #fff;
	font-size: 70px;
	display: block;
}
.manufacturing .three {
	color: #dcab51;
	font-size: 42px;
	padding-left: 200px;
	vertical-align: top;
}
.manufacturing .four {
	color: #dcab51;
	font-size: 84px;
}
.blockquote-madam {
	width: 100%;
}
.blockquote-madam .left {
	float: left;
	width: 30%;
}
.blockquote-madam .left img {
	max-width: 130px;
}
.blockquote-madam .right {
	float: left;
	width: 70%;
}
blockquote {
	font-size: 20px;
	max-width: 100%;
	line-height: 1.4;
	position: relative;
	margin: 0;
	padding: .5rem;
}
blockquote:before,
blockquote:after {
	position: absolute;
	color: #f1efe6;
	width: 4rem;
	height: 4rem;
}
blockquote:before {
	content: url(../images/icon-quote.png);
	left: -2rem;
	top: 0;
}
blockquote:after {
	content: url(../images/icon-quote-bottom.png);
	right: -4rem;
	bottom: -10px;
}
.madam {
	font-size: 16px;
	margin-top: 20px;
	padding-bottom: 25px;
}
.manufacturing-content {
	padding: 0 20px;
}
.manufacturing-content h2 {
	font-size: 22px;
	line-height: 22px;
	padding-top: 20px;
}

/* Contact Us */
.contact-us h2 {
	font-size: 24px;
	margin: 20px 0 0 0;
}
.contact-us p {
	margin: 8px 0;
	font-size: 18px;
}

/* ANEW */
#slideshow {
	position: relative;
}
#slideshow > div {
	position: absolute;
	height: 100%;
}
/* current */
.test2 .slick-dots li:nth-child(8) {
	display: none;
}
.test2.home-banner .slick-dots {
	top: 40% !important;
}
.test2 .caption {
	top: 21%;
}

/* Brand */
.brands .brand-logo img {
	max-width: 130px;
}
.brands h1 span.halal {
	font-size: 36px;
	display: inline-block;
}
.ellaziq .first {
	font-size: 24px;
}
.ellaziq .inner {
	font-size: 18px;
}
.ellaziq .inner img,
.golden-bridge img {
	max-width: 100%;
}
.golden-bridge {
	display: flex;
}
.golden-bridge div {
	display: flex;
	float: left;
}
.golden-bridge div.last {
	margin-top: 20%;
	padding-left: 1%;
}
.brands-read-more a {
	border-radius: 10px;
	border: 1px solid #ffcf06;
	display: inline-block;
	font-size: 14px;
	padding: 10px 15px;
	color: #ffcf06;
}
.brands-read-more a:hover {
	border: 1px solid #ffcf06;
	color: #fff;
	background: #ffcf06;
	transition: 0.3s;
}

/* Privacy Policy */
.policy {
	background: #fff;
}
.policy li ul {
	padding: 0px 0 25px 0;
	font-weight: 200;
}
.policy li ul li {
	margin: 0;
	padding: 0;
	list-style: disc;
}

/* Investor Relations */
.investor .container.inner {
	padding: 100px 15px;
}
.investor .inner h1 {
	font-size: 32px;
}
.investor .inner h1 span {
	float: right;
	font-size: 14px;
}
.investor .news .date {
	font-size: 14px;
	margin-top: 40px;
	font-size: 18px;
}
.investor .news .date img {
	padding-right: 10px;
}
.investor .news a {
	color: #333;
}
.investor .news .inner-content {
	border-bottom: 1px solid #333;
}

.investor-ipo {
	padding-left: 20px;
}
.download-btn {
	background: #6e2b62;
	color: #fff;
	transition: 0.5s;
	border-radius: 3px;
	padding: 5px 10px;
}
.download-btn:hover {
	color: #fff;
	background: #b6862d;
}
.investor-ipo ul {
	margin: 0;
	padding: 0;
}
.investor-ipo ul li {
	list-style: none;
	display: flex;
	align-items: center;
}
.investor-ipo ul li .thumb {
	min-width: 138px;
	float: left;
	padding: 15px 0;
	font-size: 14px;
	font-weight: 200;
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
}
.investor-ipo ul li .thumb span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.investor-ipo .ipo {
	float: left;
	width: calc(100% - 138px);
	padding-left: 6%;
}
.investor-ipo ul li .ipo .download {
	margin: 10px 0 5px 0;
}
.financial-content {
	background: url('../images/bg-financials.jpg') no-repeat;
	width: 100%;
	height: 100%;
}
.financial-content a {
	color: #fff;
}
.financial-content .inner-bg {
	float: right;
	background: rgba(112, 53, 103, 0.7);
	padding: 15px;
	margin: 5% 5%;
}
.financial-content .inner-bg h3 {
	font-size: 30px;
	margin-bottom: 0;
}
.financial-content .inner-bg p {
	font-size: 14px;
}
.financial-content .inner-bg ul {
	margin-top: 15px;
}
.financial-content .inner-bg li a:hover {
	color: #fff;
}
.invest-quicklinks p {
	font-size: 20px;
}
.invest-quicklinks a {
	color: #fff;
}

.invest-quicklinks img {
	transition: transform 1s;
}
.invest-quicklinks img:hover {
	transform: scale(1.05);
}
.investor-quick {
	padding-bottom: 100px;
}
.body-results .financial .inner img {
	max-width: 100%;
}
h2.title1 {
	font-size: 22px;
	line-height: 22px;
	font-weight: 700;
}
.ipo-img {
	max-width: 900px;
	margin: 0 auto;
}

/* Newsroom */
.newsroom h3 {
	font-size: 20px;
}
.search-content {
	width: 50%;
}

#search-form #searchform-title {
	border-radius: 0;
	border: 0;
	background: #fff;
	padding: 10px;
	height: 44px;
	width: 70%;
	float: left;
}
#search-form button {
	width: 30%;
	float: left;
}
#search-form label {
	display: none;
}
#search-form .form-group {
	margin-top: 0;
}
.search-content input {
	border-radius: 0;
	border: 0;
	background: #fff;
	padding: 10px;
	height: 38px;
}
.search-content .home-email-input {
	width: 70%;
	float: left;
}
.search-content .home-email-button {
	width: 30%;
	float: left;
}
.search-content .home-email-button button {
	border-radius: 0;
	border: 0;
	background: #6e2b62;
	width: 100%;
	height: 38px;
}
.search-content .btn-primary:not(:disabled):not(.disabled):active,
.search-content .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #6e2b62;
	border-color: #6e2b62;
}
.search-content .btn-primary:not(:disabled):not(.disabled):active:focus,
.search-content.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);
}
.newsroom .news {
	margin-top: 30px;
}
.newsroom .news .col-md-4 {
	padding-bottom: 20px;
}
.news-back-content {
	float: right;
}
.news-back-content a {
	background: #6e2b62;
	border-radius: 4px;
	padding: 3px 10px;
	font-size: 12px;
	color: #fff;
}
.news-back-content a:hover {
	background: #a54293;
}

/* Email Alerts */
.form-control:focus {
	background: transparent;
}

.btn-submit {
	background: #6e2b62;
	padding: 10px 30px;
	border: 0;
}
.btn-submit:hover {
	background: #a54293;
	color: #fff;
}
.email h3 {
	font-size: 26px;
	line-height: 32px;
}
.email .inner form {
	max-width: 650px;
	margin: 0 auto;
}
.email strong {
	font-weight: 600;
}
.email a {
	color: #6e2b62;
}

.manufacturing-bg iframe {
	min-height: 500px;
}
.manufacturing-bg .video {
	margin-top: 30px;
}
.manufacturing-bg .video img {
	max-width: 100%;
	min-height: 507px;
}
.manufacturing-bg .video .one {
	padding-bottom: 30px;
}

/* Back to Top */
#button-back-to-top {
	display: inline-block;
	background-color: #ffce07;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 100%;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	cursor: pointer;
}
#button-back-to-top:hover {
	color: #fff;
	background: #fed01a;
}
#button-back-to-top svg {
	padding-top: 6px;
}
#button-back-to-top.show {
	opacity: 1;
	visibility: visible;
}

/* Page Error */
body.error .content {
	background: url(../images/bg-brands.jpg) no-repeat;
	position: relative;
	z-index: 0;
	background-size: cover;
	margin-top: 128px;
}
body.error .content .site-error {
	max-width: 1380px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
body.error .header .nav-links ul li a {
	color: #533d15;
}
body.error .header .dropdown ul li.dropdown-link a:hover,
body.error .header .dropdown ul > li:hover > a {
	color: #fff;
}

/* QUALITY ASSURANCE */
.ava-certificate {
	padding: 10px 0 0 0;
}
.carousel-cert {
	position: relative;
	margin-top: -40px;
}
.carousel-cert .slick-slider .slick-arrow,
.slick-lightbox .slick-slider .slick-arrow {
	position: absolute;
	top: 50%;
	border: 0;
	border-radius: 100%;
	padding: 0;
	height: 50px;
	width: 50px;
	display: block;
	background: #ffffff;
	color: transparent;
	font-size: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	z-index: 1;
	cursor: pointer;
}
.carousel-cert .slick-slider .slick-arrow:before,
.slick-lightbox .slick-slider .slick-arrow:before {
	content: "";
	font-size: 20px;
	line-height: 1;
	color: #000000;
	font-family: 'fontAwesome';
	font-weight: 900;
}
.carousel-cert .slick-slider .slick-arrow.slick-prev,
.slick-lightbox .slick-slider .slick-arrow.slick-prev {
	left: 20px;
}
.carousel-cert .slick-slider .slick-arrow.slick-prev:before,
.slick-lightbox .slick-slider .slick-arrow.slick-prev:before {
	content: "\f053";
}
.carousel-cert .slick-slider .slick-arrow.slick-next,
.slick-lightbox .slick-slider .slick-arrow.slick-next {
	right: 20px;
}
.carousel-cert .slick-slider .slick-arrow.slick-next:before,
.slick-lightbox .slick-slider .slick-arrow.slick-next:before {
	content: "\f054";
}
.slick-lightbox .close {
	position: absolute;
	top: 10px;
	right: 15px;
	width: auto;
	color: #ffffff;
	opacity: 1;
}
.slick-lightbox .close:not(.disabled):hover {
	opacity: 1;
}
.carousel-cert .slick-track {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}
.carousel-cert .slick-slide {
	margin: 90px 15px;
	line-height: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.carousel-cert img {
	width: 100%;
	height: 100%;
	/* -o-object-fit: cover;
     object-fit: cover; */
	padding: 10px;
}
.carousel-cert .card {
	border: 0;
	height: 450px;
	line-height: 2;
	overflow: hidden;
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.carousel-cert .card:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.3);
	opacity: 1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.carousel-cert .card a,
.carousel-cert .card a:after {
	pointer-events: none;
}
.carousel-cert .card .open-lightbox {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	color: #ffffff;
	line-height: 1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	outline: none;
	z-index: 2;
	text-decoration: none;
}
.carousel-cert .card .open-lightbox:before {
	content: "\f065";
	font-size: 1.33333em;
	font-weight: 900;
	font-family: "fontAwesome";
	color: #ffcf06;
	background: #fff;
	border: 1px solid;
	border-radius: 50%;
	padding: 8px;
}
.carousel-cert .slick-slide.slick-center {
	margin: 15px 15px;
}
.carousel-cert .slick-slide.slick-center.card {
	height: 495px;
}
.carousel-cert .slick-slide.slick-center.card:before {
	opacity: 0;
}
.carousel-cert .slick-slide.slick-center.card a,
.carousel-cert .slick-slide.slick-center.card a:after {
	pointer-events: auto;
}
.carousel-cert .slick-slide.slick-center.card .open-lightbox {
	opacity: 1;
}
.slick-lightbox-slick-caption {
	display: block;
}
.section-cert {
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	height: 100%;
	padding: 50px 0;
}
.section-cert img {
	max-width: 100%;
}
.section-cert .col-lg-4 {
	padding-bottom: 15px;
}
.cert-content-outside {
	margin: 0 auto;
	text-align: center;
	max-width: 804px;
}
.cert-content {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 5px;
	padding: 0;
}
.cert-content li {
	width: 33.333333%;
	margin: 20px 0;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.profile-content {
	padding: 15px 0 0 0;
}
.profile-content.last {
	padding-bottom: 45px;
}
.profile-content h2 {
	font-size: 22px;
	line-height: 22px;
	margin: 25px 0;
}
.profile-content .col-md-6 {
	padding: 0 40px;
}
.profile a {
	border-radius: 10px;
	border: 1px solid #8f700f;
	display: inline-block;
	font-size: 14px;
	padding: 5px 15px;
	color: #212529;
	background: #fad14b;
}
.profile a:hover {
	border: 1px solid #b6862d;
	color: #fff;
	background: #b6862d;
	transition: 0.3s;
}

/* IPO */
.ipo .ipo-content h1 {
	padding: 10px 0 3px 0;
	margin-bottom: 0;
	font-weight: 600;
}
.ipo .ipo-content .invitation {
	margin-top: 40px;
}
.ipo .ipo-content {
	text-align: right;
	padding-bottom: 30px;
}
.ipo .ipo-content img {
	max-width: 100%;
}

.ipo .title {
	font-weight: 600;
	font-size: 20px;
	margin-top: 50px;
}
.btn-ipo {
	background: #b6862d;
	padding: 5px;
	border-radius: 4px;
	margin: 180px auto;
	max-width: 320px;
}
.btn-ipo .ipo-inner {
	border: 1px solid #fff;
	padding: 15px;
}
.btn-ipo:hover {
	background: #6e2b62;
}
.btn-ipo a {
	color: #fff;
	font-weight: 500;
}

/* Highchart */
.highcharts-figure,
.highcharts-data-table table {
	min-width: 310px;
	max-width: 800px;
	margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #ebebeb;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
	padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}
.highcharts-data-table tr:hover {
	background: #f1f7ff;
}

#button-bar {
	min-width: 310px;
	max-width: 800px;
	margin: 0 auto;
}
/* Whistle Blowing Policy */
.body-whistle h3.title {
	padding-top: 40px;
	font-size: 32px;
}

/* Responsive */
@media (max-width: 1800px) {
	.home-banner .product {
		width: 70%;
		text-align: right;
	}
	.home-banner .slick-slide img {
		display: inline-block;
	}
}
@media (max-width: 1750px) {
	.home-banner .product {
		width: 60%;
	}
	.home-banner .caption,
	.home-banner .slick-dots {
		left: 4%;
	}
}
@media (max-width: 1700px) {
	.main-content {
		transform: scale(0.9);
	}
	.home-banner .product {
		width: 55%;
	}
	.caption h1,
	.caption .text {
		font-size: 54px;
		line-height: 54px;
	}
}

@media (max-width: 1440px) {
	.logo {
		left: 46%;
	}
	.main-content {
		transform: scale(0.75);
	}
	.home-our-brands-wrapper .inner {
		padding: 0 1%;
	}
	.slider-for .section.box1 {
		transform: scale(0.72);
		margin-left: -70px;
	}
	.slider-for .section.box2 {
		float: right;
	}
	.home-banner .product {
		width: 60%;
	}
	.home-top-banner-waves .waves {
		height: 5vh;
	}
	.home-banner .slick-dots li {
		margin: 12px 28px 12px 28px;
		width: auto;
		height: 120px;
	}
	.home-banner .slick-dots img {
		height: 90px;
	}
	.container-about .section.two {
		background: url('../images/img-our-brands-banner-responsive.png') no-repeat;
		min-height: 794px;
		position: relative;
	}
	.container-about .section.two .main-brands {
		bottom: -6%;
	}
	body.overview .banner .bottom-banner {
		height: 100px;
	}
	.main-slider img {
		max-width: 90%;
	}
	.main-slider .anew img {
		max-width: 100%;
	}
	.banner.director {
		padding-bottom: 250px;
	}
	.nav-links .dropdown.last {
		right: 0;
		left: inherit;
	}
	.caption {
		top: 19%;
	}
}

@media (max-width: 1420px) {
	.home-banner .slick-dots li {
		width: 120px;
	}
	.home-banner .slick-dots li div.text {
		white-space: nowrap;
	}
	.home-banner .slick-dots {
		width: 42%;
	}
	.slider-for .bottom-banner {
		margin-top: -7%;
	}
	.slider-pagination {
		top: 0;
	}
	.slider-for .section.box2 h1 {
		font-size: 42px;
	}
	.slider-for .section.box2 p {
		padding: 0;
	}
	.banner .inner h1,
	.main.map .global h1 {
		font-size: 75px;
		line-height: 75px;
	}
	.slider-nav li {
		padding: 20px 0;
	}
	.main-slider .product.product-golden img {
		max-width: 80%;
	}
	.main-slider .product.product-golden.anew img {
		max-width: 100%;
	}
}

@media (max-width: 1279px) {
	.header.fixed-header {
		min-height: auto;
		animation: 1s forwards;
	}
	.home-banner .inner {
		text-align: center;
	}
	.home-banner .slick-dots {
		width: 100%;
		text-align: center;
	}
	.home-banner .caption,
	.home-banner .slick-dots {
		left: 0;
	}
	.home-banner .product {
		width: 100%;
		text-align: center;
	}
	.home-banner .slick-slide img {
		width: 35%;
	}
	.home-banner .caption {
		top: 17%;
	}
	.home-banner .slick-dots {
		top: 21%;
	}
	/* .home-banner .slick-slide .slide-image {
    height: auto;
 	 } */

	.caption {
		width: 100%;
	}
	.caption h1,
	.caption .text {
		font-size: 48px;
		line-height: 48px;
	}
	.content-banner {
		left: -5%;
		margin-top: -15%;
	}
	.content-banner .box-2 img.desktop,
	.content-banner .box-5 img.desktop {
		display: none;
	}
	.content-banner .box-2 img.mobile,
	.content-banner .box-5 img.mobile {
		display: block;
	}
	.content-banner .box-2 {
		top: 141px;
		right: -112px;
	}
	.content-banner .box-5 {
		top: 553px;
		right: -98px;
	}
	.banner .full {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.main-content {
		position: inherit;
		min-height: 650px;
		margin: 0 auto;
		max-width: 1000px;
	}
	.banner {
		height: 100%;
	}
	.logo img {
		max-width: 100%;
	}
	.logo {
		transform: translate(-50%, 15%);
	}

	.hamburger-menu-container {
		display: flex;
		height: 128px;
		background: #e2ddd4;
	}
	#check {
		display: block;
	}
	.nav-btn {
		position: fixed;
		height: 100%;
		top: 128px;
		left: 0;
		width: 100%;
		background-color: rgba(215, 210, 197, 0.9);
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		overflow-x: hidden;
		overflow-y: auto;
		transform: translateX(100%);
		transition: .65s;
	}
	/* .dropdown-link i{
    transform: rotate(-90deg);
  } */
	#check:checked ~ .nav-btn {
		transform: translateX(0);
	}
	#check:checked ~ .nav-btn .nav-li,
	#check:checked ~ .nav-btn .log-sign {
		animation: animation .5s ease forwards var(--i);
	}
	.nav-links {
		flex: initial;
		width: 100%;
	}
	.nav-links > ul {
		flex-direction: column;
		padding: 0 8px;
	}
	.nav-li {
		width: 100%;
		opacity: 0;
		transform: translateY(15px);
	}
	.nav-li > a {
		line-height: 1;
		padding: 1.6rem 2rem;
	}
	.nav-li:hover > a {
		background-color: transparent;
	}
	.dropdown,
	.dropdown.second {
		position: initial;
		top: initial;
		left: initial;
		transform: initial;
		opacity: 1;
		pointer-events: auto;
		width: 100%;
		padding: 0;
		background-color: transparent;
		display: none;
	}
	.nav-li:hover > .dropdown,
	.dropdown-link:hover > .dropdown {
		display: block;
	}
	.nav-li:hover > a > i,
	.dropdown-link:hover > a > i {
		transform: rotate(360deg);
	}
	.dropdown-link > a {
		background-color: transparent;
		color: #fff;
		padding: 1.2rem 2rem;
		line-height: 1;
	}
	.dropdown.second .dropdown-link > a {
		padding: 1.2rem 2rem 1.2rem 3rem;
	}
	.dropdown.second .dropdown.second .dropdown-link > a {
		padding: 1.2rem 2rem 1.2rem 4rem;
	}

	.dropdown-link:not(:nth-last-child(2)) {
		border-bottom: none;
	}
	.nav-li:hover .arrow {
		background-color: #50a9d6;
	}
	.dropdown .dropdown .arrow {
		display: none;
	}
	/*   
  .dropdown-link:hover > a{
      background-color: #3a91bd;
  }
  */
	.dropdown-link:first-child:hover ~ .arrow {
		background-color: #50a9d6;
	}
	.nav-li > a > i {
		font-size: 1.1rem;
		transform: rotate(-90deg);
		transition: .7s;
	}
	.nav-links ul li {
		padding: 0;
		border-bottom: 1px solid #fff;
	}
	.nav-links ul li a {
		text-align: left;
		color: #722a63;
		font-size: 24px;
	}
	.nav-links ul li a .fa {
		float: right;
	}
	.dropdown ul {
		background: transparent;
		border: 0;
	}
	.dropdown ul li.dropdown-link {
		padding: 0;
		border: 0;
	}

	.dropdown ul li:last-child.dropdown-link {
		padding-bottom: 25px;
	}
	.dropdown-link > a {
		padding: 0.5rem 2rem 0.5rem 3rem;
	}
	.dropdown.second ul {
		background: transparent;
		border: 0;
	}
	.dropdown.second .dropdown-link > a {
		padding: 1rem 2rem 0rem 4rem;
	}
	.nav-links ul li ul li a {
		color: #6b4b0d;
		font-size: 18px;
		text-transform: capitalize;
	}
	.dropdown ul li.selected a.active,
	.dropdown ul li.dropdown-link.selected,
	.dropdown ul li.dropdown-link:hover,
	.fixed-header .dropdown ul li.dropdown-link:hover,
	.home .dropdown ul li.dropdown-link:hover {
		background: transparent;
		color: #fff;
	}
	.nav-links ul li a.active {
		color: #fff;
	}
	.header.fixed-header .nav-links ul li,
	.header.fixed-header .dropdown ul li.dropdown-link {
		padding: 0;
	}
	.header.fixed-header .logo img {
		height: auto;
	}

	.slider-for .section.box1 {
		transform: scale(0.7);
	}
	.home-banner .slick-dots li {
		float: none;
	}
	.operating-bg.testimonials img {
		max-width: 100%;
	}
	body.director .banner {
		height: auto;
	}
}

@media only screen and (max-width: 999px) {
	.manufacturing-bg .inner,
	.operating-bg .inner {
		padding: 50px 15px;
	}
	.main-content {
		transform: scale(0.6);
	}
	.section-director {
		padding-top: 50px;
	}
	.banner .inner h1,
	.main.map .global h1 {
		font-size: 45px;
		line-height: 45px;
	}
	.nav-mobile {
		display: block;
	}
	nav {
		width: 100%;
		padding: 70px 0 15px;
	}
	nav ul {
		display: none;
	}
	nav ul li {
		float: none;
	}
	nav ul li a {
		padding: 15px;
		line-height: 20px;
	}
	nav ul li ul li a {
		padding-left: 30px;
	}
	.nav-dropdown {
		position: static;
	}
	.container-about .section.one {
		width: 100%;
		padding-bottom: 50px;
	}
	.container-about .section.two {
		Width: 50%;
	}
	.container-about .section.three {
		Width: 100%;
		padding: 0;
	}
	.slider-for .section.box1 {
		display: none;
	}
	.slider-for .section.box2 {
		width: 100%;
	}
	.content-banner {
		left: 10%;
		margin-top: -20%;
	}
	.tab-content img {
		float: none;
	}
	.tab-content .img-story {
		text-align: center;
	}
	.tab-content h1 {
		padding-top: 50px;
	}

	.desktop-img {
		display: none;
	}
	.responsive-img {
		display: block;
	}
	.mobile-img {
		display: none;
	}
	.home-banner .slick-dots li {
		width: auto;
	}
	.home-banner .slick-dots li img {
		height: 75px;
		width: auto;
	}
	.home-banner .slick-dots li div.text {
		font-size: 14px;
	}
	.home-banner .slick-slide img {
		width: 76%;
	}
	.banner .inner h1 span {
		line-height: 35px;
		font-size: 35px;
	}
	.mission-bg .mission-content {
		padding: 0;
	}
	.cert-content li {
		width: 33.333333%;
	}
	.container-about .section.two .main-brands {
		bottom: -1%;
	}
	.btn-ipo {
		margin: 50px auto;
	}
	.banner.director {
		padding-bottom: 150px;
	}
}

@media screen and (min-width: 1000px) {
	.nav-list {
		display: block !important;
	}
}

@media only screen and (max-width: 767px) {
	.main-content {
		transform: scale(0.5);
	}
	.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 {
		/*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	.table-shareholding td:last-child {
		border-bottom: 0;
	}
	.container-about .section.two {
		Width: 100%;
	}
	.slider-for .caption-content {
		Width: 100%;
		right: 0;
	}
	.container-about .section.three {
		Width: 100%;
		padding-top: 0;
	}
	.slider-nav {
		display: none;
	}
	.slider-ul li {
		list-style: none;
		cursor: pointer;
		font-size: 45px;
	}
	.slider-for .section.box2 {
		padding: 0 5%;
	}
	.slider-ul {
		margin: 0;
		padding: 0;
	}
	.slider-ul li.next {
		position: absolute;
		top: 20%;
		right: 0;
		display: block !important;
	}
	.slider-ul li.prev {
		position: absolute;
		top: 20%;
		left: 0;
		display: block !important;
	}
	.slider-pagination {
		width: 100%;
		right: 0;
	}
	.bod .col-md-4 {
		padding: 20px 0;
	}
	.desktop-img {
		display: none;
	}
	.responsive-img {
		display: none;
	}
	.mobile-img {
		display: block;
	}
	.home-banner .slick-dots li {
		margin: 10px 8px;
		height: auto;
	}
	.search-content {
		width: 100%;
	}
	.manufacturing-bg .video img {
		min-height: auto;
	}
	.testimonials .two {
		font-size: 60px;
	}
	.testimonials .four {
		font-size: 74px;
	}
	.testimonials .three {
		padding-left: 10%;
	}
	.card-body {
		text-align: center;
	}
	.carousel-cert .slick-slider .slick-arrow,
	.slick-lightbox .slick-slider .slick-arrow {
		width: 30px;
		height: 30px;
	}
	.carousel-cert .slick-slider .slick-arrow:before,
	.slick-lightbox .slick-slider .slick-arrow:before {
		font-size: 16px;
	}
	.operating-bg.mission {
		height: 100vh;
	}
	.mission-content p {
		color: #fff;
	}
	.cert-content li {
		width: 50%;
	}
	.main-slider {
		height: auto;
	}
	.profile-content .col-md-6 {
		padding: 0 20px;
	}
	.slider-main-bottom .slider-pagination {
		height: 200px;
		top: 156px;
	}
	.ipo .ipo-content {
		text-align: center;
	}
}

@media only screen and (max-width: 580px) {
	.main-content {
		transform: scale(0.4);
	}
	.content-banner {
		left: 50%;
		margin-top: -30%;
	}
	.blockquote-madam .left {
		width: 100%;
		text-align: center;
	}
	.blockquote-madam .right {
		width: 100%;
	}
	blockquote:before {
		left: 0rem;
	}
	blockquote {
		padding-left: 40px;
	}
}

@media only screen and (max-width: 490px) {
	.slider-for .section.box2 h1 {
		font-size: 50px;
	}
	.caption h1,
	.caption .text {
		font-size: 26px;
		line-height: 26px;
	}
}

@media only screen and (max-width: 440px) {
	.home-banner .slick-slide img {
		width: 100%;
	}
	.main-content {
		transform: scale(0.4);
		min-height: 550px;
	}
	.content-banner {
		left: 55%;
		margin-top: -40%;
	}
	.manufacturing .two {
		font-size: 60px;
	}
	.manufacturing .three {
		font-size: 42px;
		padding-left: 70px;
	}
	.manufacturing .four {
		font-size: 60px;
	}
}

@media only screen and (max-width: 425px) {
	.main-content {
		transform: scale(0.35);
		min-height: 500px;
	}
	.content-banner {
		left: 70%;
		margin-top: -45%;
	}
	.operating-bg .slider {
		padding: 8% 20px;
	}
	.slider-for .section.box2 h1 {
		font-size: 38px;
	}
	.slider-for .section.box2 h2 {
		font-size: 30px;
	}
	.banner-bod {
		flex-direction: column;
	}
	.banner .inner h1,
	.main.map .global h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.investor .inner h1 {
		font-size: 25px;
	}
	/* .operating-bg {
    background-attachment: fixed;
    background-position: center top;
  } */
	.banner .inner h1 span {
		line-height: 30px;
		font-size: 30px;
	}
	.brands h1 span.halal {
		font-size: 20px;
	}
	.testimonials .two {
		font-size: 50px;
	}
	.testimonials .four {
		font-size: 64px;
	}
	.cert-content li {
		width: 100%;
	}
}

@media only screen and (max-width: 380px) {
	.manufacturing .two {
		font-size: 48px;
	}
	.manufacturing .three {
		padding-left: 0px;
	}
	.manufacturing .four {
		font-size: 48px;
	}
}

@media only screen and (max-width: 330px) {
	.home-banner .slick-dots {
		top: 27%;
	}
	.container-about .section.two .main-brands {
		bottom: -7%;
	}
}

.waves {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 15vh;
	/* margin-bottom: -7px;  */
	min-height: 50px;
	max-height: 100px;
}

/* Animation */

.parallax > use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
}
.parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
}
.parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
}
.parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
}
@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0);
	}
	100% {
		transform: translate3d(85px, 0, 0);
	}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
	.waves {
		height: 40px;
		min-height: 40px;
	}
}