@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://db.onlinewebfonts.com/c/ff43e14bdcc67883fbd7a6f6223920cc?family=Microsoft+Tai+Le');
:root {
	--primary: #333333;
	--purple: #660066;
	--lightPurple: #c123c1;
	--white: #fff;
	--grey: #3d3d3d;
	--lightGrey: #e5e5e5;
	--green: #008239;
	--orange: #ee7700;
	--orangeHover: #ffbc5e;
	--blue: #3857a7;
	--lightBlue: #5cc9e8;
	--black: #000000;
	--cap: uppercase;
	--letterSpace: 6px;
	--fontSize12: 12px;
	--fontSize14: 14px;
	--fontSize15: 15px;
	--fontSize16: 16px;
	--fontSize17: 17px;
	--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;
	--fontSize44: 44px;
	--fontSize48: 48px;
	--fontSize50: 50px;
	--fontSize54: 54px;
	--fontSize60: 60px;
	--fontSize76: 76px;
	--fontSize80: 80px;
	--fontSize120: 120px;
	--font100: 100;
	--font200: 200;
	--font300: 300;
	--font400: 400;
	--font500: 500;
	--font600: 600;
	--font700: 700;
	--font800: 800;
	--font900: 900;
	--color-one: #34d1d1;
	--color-two: #2f2235;
	--color-three: #3f3244;
	--color-four: #f2f2f2;
	--color-five: #d1d2d3;
	--color-six: #666666;
	--color-seven: #000000;
	--color-eight: #ffffff;
}
html,
body {
	height: 100%;
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 18px;
	width: 100%;
	font-weight: var(--font400);
	color: var(--primary);
}
body,
.container.address {
	overflow-x: hidden;
}
#cn {
	font-family: "Microsoft Tai Le";
}
#preloader {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1005;
	position: fixed;
	overflow: visible;
	background: #ffffff url("../images/preloader.svg") no-repeat center center;
}
strong {
	font-weight: var(--font600);
}
strong.cn {
	font-weight: var(--font400);
	font-family: 'Noto Sans SC', sans-serif;
}
.acc_content ul li {
	font-size: var(--fontSize15);
	margin-bottom: 2px;
}
.btn-view {
	color: #0083df;
}
.st0 {
	clip-path: url(#SVGID_00000120549508601729800490000015545518353648837553_);
	fill: url(#SVGID_00000034804464980774232560000011642335820812011696_);
}
.st1 {
	clip-path: url(#SVGID_00000011028038575974780800000009933975013985643657_);
	fill: url(#SVGID_00000087370474817412879890000005520828760730110120_);
}
.st2 {
	clip-path: url(#SVGID_00000083780044271458611090000017756162033949387681_);
	fill: url(#SVGID_00000121978478243625849920000017054429186242190473_);
}
.st3 {
	fill: #7e388a;
}
.st4 {
	fill: url(#SVGID_00000018209396263195945990000001103908248270029975_);
}
.st5 {
	fill: url(#SVGID_00000077295650683464361510000000290901906119678389_);
}
.st6 {
	fill: url(#SVGID_00000160163203210848068920000004094221942587892117_);
}
.st7 {
	fill: url(#SVGID_00000046304781968179058940000007924843834822547127_);
}
.st8 {
	fill: url(#SVGID_00000171704835939297734670000004343464657874912678_);
}
.st9 {
	fill: url(#SVGID_00000112598589964355274740000005650301660456733335_);
}
.st10 {
	fill: url(#SVGID_00000154411446608732377030000012595388823724640647_);
}
.st11 {
	fill: url(#SVGID_00000046314509586654091500000016849113542664258749_);
}
.overlay {
	/* content: "";
	background: var(--orange);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	opacity: 0;
	right: 0;
	bottom: 0;
	transition: opacity 1s ease-in-out;
	height: 0; */
}
.overlay.hover {
	/* opacity: 1;
	height: 100vh;
	padding-top: 100px; */
}
a {
	color: var(--orange);
	font-size: var(--fontSize16);
}
a:hover {
	color: var(--orangeHover);
}
.btn-submit {
	background: var(--orange);
	padding: 10px 25px;
	border: 0;
	color: var(--white);
}
.btn-submit:hover {
	background: var(--orangeHover);
}
button {
	background: var(--orange);
	color: var(--white);
	border: 0;
	padding: 8px 30px;
	font-size: var(--fontSize18);
}
header {
	font-family: var(--robotoLight);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	background: rgba(255, 255, 255, 0.8);
}
.header-top {
	background: linear-gradient(to right, #a77bb8, #bc94d0, #f9def3, #fed6a5, #fbc386);
	height: 3px;
}

header.header-fixed {
	animation: smoothScroll 1s forwards;
	background: rgba(255, 255, 255, 1);
	background: rgb(255, 255, 255);
	box-shadow: rgb(5 0 0 / 14%) 0px 4px 16px 0px;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
.navbar {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}
.navbar .logo {
	float: left;
	width: 300px;
}
#hamburger {
	width: 30px;
	position: absolute;
	top: 28px;
	right: 25px;
	margin: auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
#hamburger span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #333;
	border-radius: 9px;
	opacity: 1;
	left: 7px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#hamburger span:nth-child(1) {
	top: 0px;
}
#hamburger span:nth-child(2) {
	top: 11px;
}
#hamburger span:nth-child(3) {
	top: 22px;
}
#hamburger.open span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#hamburger.open span:nth-child(2) {
	opacity: 0;
	left: -30px;
}
#hamburger.open span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.sitenavigation ul {
	margin: 0;
	padding: 0;
	float: right;
}
.sitenavigation li {
	list-style: none;
	padding: 0;
	margin: 0 12px;
	display: inline-block;
	line-height: 20px;
	position: relative;
}
.sitenavigation li:last-child {
	margin-right: 0;
}
.sitenavigation li span {
	border: 1px solid var(--purple);
	border-radius: 50px;
	padding: 3px 10px 5px 10px;
}
.sitenavigation li.nav-first span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 3px;
	background: var(--white);
	transition: all 0.6s;
}
.sitenavigation li.nav-first:hover span,
.sitenavigation li.nav-first.selected span,
.sitenavigation li.nav-dropdown:hover > a,
.sitenavigation .nav-dropdown:hover > a,
.sitenavigation .nav-dropdown.clicked > a {
	width: 100%;
	color: red;
}
.sitenavigation li a {
	color: var(--black);
	text-decoration: none;
	display: block;
	padding: 40px 15px;
	-webkit-tap-highlight-color: transparent;
	font-size: var(--fontSize17);
	text-transform: var(--cap);
}
#cn .sitenavigation li a {
	font-size: var(--fontSize19);
}

.header-fixed .sitenavigation li a {
	color: var(--black);
	padding: 25px 15px;
}
.header-fixed .sitenavigation li ul a {
	padding: 10px 17px;
}
.sitenavigation li a.nav-path-selected,
.sitenavigation li a.linkclicked {
	color: white;
	background-color: #ececec;
}
.sitenavigation li a.nav-selected {
	background-color: #777;
	color: var(--primary);
}
.sitenavigation li a:hover,
.sitenavigation li a.active,
.sitenavigation li a.selected,
.sitenavigation li.nav-dropdown:hover > a {
	color: var(--purple) !important;
}
/* .sitenavigation li a:hover {
	background: rgba(102, 0, 102, 0.4);
	color: var(--white);
} */
.sitenavigation ul > li:hover > a {
	/* background: rgba(102, 0, 102, 0.4); */
	color: var(--purple);
}

.sitenavigation li.clicked > ul {
	display: block;
}
.sitenavigation li ul {
	display: none;
	position: absolute;
	min-width: 270px;
	max-width: 300px;
	padding: 20px 0;
	margin: 0;
	background: linear-gradient(to right, #eee4f4, #f2eef4);
}
.header-fixed .sitenavigation li ul {
	background: linear-gradient(to right, #eee4f4, #f2eef4);
}
.sitenavigation li ul a {
	padding: 10px 17px;
	text-transform: capitalize;
}
.sitenavigation li ul li {
	float: none;
	display: block;
	margin: 0;
}
.sitenavigation li ul ul {
	left: 100%;
	margin-top: -40px;
}
.sitenavigation li ul ul a {
	background-color: lightgray;
}
.sitenavigation ul li.language a {
	display: inline-block;
}
.sitenavigation ul li.language .slack a {
	display: inline-block;
	color: var(--white);
}
.sitenavigation ul li.language a.selected {
	color: var(--orange);

	display: inline-block;
}
.sitenavigation ul li.language span .selected {
	border-bottom: 3px solid var(--blue);
	padding-bottom: 3px;
}
/* .sitenavigation .nav-dropdown:hover > a, 
.sitenavigation .nav-dropdown.clicked > a {
  background-color: #ECECEC;
} */
.no-js .sitenavigation li:hover > ul {
	display: block !important;
}
.menu-icon {
	display: none;
}
.sitenavigation li.nav-first span {
	height: auto;
}

/* Home Banner */
.home-main-banner {
	position: relative;
	background: url(../images/backdrop-home-bg-1.jpg) no-repeat;
}
.home-main img {
	width: 100%;
	min-height: 500px;
}
.home-main-content {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 43%;
	text-align: center;
}
.home-main-content .inner {
	max-width: 800px;
	margin: 0 auto;
	font-size: var(--fontSize36);
	font-weight: 600;
	color: var(--purple);
	line-height: 48px;
	/* border: 3px solid #a77bb8;
	background: rgba(255, 255, 255, 0.7); */
	padding: 20px;
}
.home-banner .inner {
	max-width: 1200px;
	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 {
	bottom: 2%;
	list-style: none;
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 2;
}
.main-slider img {
	max-width: 100%;
	display: block;
	float: right;
}
.main-slider {
	position: relative;
	z-index: 0;
	width: 100%;
	height: auto;
	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 {
	float: none;
} */
.slick-slide::before {
	background-color: #000;
	opacity: 0.3;
	z-index: 1;
}
.slick-slide figure {
	position: relative;
	height: 100%;
	margin: 0;
}
.slick-slide .slide-image {
	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: 100%;
	/* position: absolute;
	top: 38%; */
	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);
}
.caption h1 {
	font-size: var(--fontSize26);
	color: var(--lightPurple);
	font-weight: 700;
}
.caption .text {
	font-size: var(--fontSize36);
	font-weight: 600;
	color: var(--purple);
	line-height: 48px;
	padding: 20px;
}
#cn .caption h1 {
	font-size: var(--fontSize36);
}
#cn .caption .text {
	font-size: var(--fontSize40);
	line-height: 46px;
}
.hero-banner-2 .inner,
.hero-banner-3 .inner {
	text-align: right;
}
.hero-banner-2 .caption .text,
.hero-banner-3 .caption .text {
	width: 40%;
	float: right;
}
.hero-banner-4 .caption {
	top: 20%;
}
.hero-banner-5 .caption {
	top: 20%;
}
.hero-banner-5 .caption .text,
.hero-banner-5 .caption h1 {
	color: var(--white);
}

.slick-dots {
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.slick-dots li button {
	width: 4px;
	height: 4px;
	border: none;
	cursor: pointer;
	border: 2px solid var(--lightPurple);
	box-shadow: 0 0 0 0 transparent;
	vertical-align: middle;
	background-color: transparent;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.9;
}
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover {
	opacity: 1;
}
.slick-dots li.slick-active button {
	border: 2px solid var(--lightPurple);
	opacity: 1;
}
.slick-dots li button:before {
	width: 6px;
	height: 6px;
	background: var(--purple);
	opacity: 0;
}
.slick-dots li button:before {
	top: 4px;
	left: 4px;
}
.home-banner .product {
	position: absolute;
	bottom: 16%;
	right: 12%;
}
.home-banner .smile {
	position: absolute;
	bottom: 5%;
	right: 4%;
}

@-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);
	}
}
.home-about {
	font-size: var(--fontSize22);
	background: url('../images/img-intro-bg.jpg') no-repeat center center;
	background-size: cover;
}
.home-about h2.main-title {
	font-size: var(--fontSize30);
	font-weight: var(--font400);
	color: var(--purple);
	padding: 25px 0;
}
.home-ir {
	background: url('../images/img-investor-bg-1.jpg') no-repeat center center fixed;
	background-size: cover;
}
h2.title {
	font-size: var(--fontSize30);
	font-weight: var(--font400);
	color: var(--purple);
}
.title-ar {
	font-size: var(--fontSize18);
	font-weight: var(--font600);
	max-width: 200px;
}
.home-ar-content {
	max-width: 200px;
	margin: 0 auto;
}
.home-ar-content .download a {
	vertical-align: middle;
	color: var(--black);
}
.home-ar-content .download a:hover {
	color: var(--purple);
}
.home-ar-content .download img {
	padding-right: 10px;
}
.home-news-content {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
}
.home-news {
	margin: 0;
	padding: 0;
}
.home-news li {
	list-style: none;
	border-top: 1px solid #d8d8d8;
}
.home-news li:first-child {
	border-top: 1px solid transparent;
}
.home-news li .news {
	padding: 31px;
	display: block;
}
.home-news li .news .left {
	font-size: var(--fontSize18);
	font-weight: var(--font600);
	color: var(--purple);
}
.home-news li .news a {
	font-size: var(--fontSize16);
	color: var(--black);
}
.home-news li .news a:hover {
	color: var(--purple);
}
.view-more {
	float: right;
	margin-top: -5px;
}
.view-more a {
	background: var(--orange);
	padding: 6px 15px;
	color: var(--white);
	border-radius: 20px;
	font-size: var(--fontSize14);
}
.view-more a:hover {
	background: var(--orangeHover);
}

.home-business-operations {
	background: url('../images/img-business-operations-bg.jpg') no-repeat center center;
	background-size: cover;
}
.home-business-content h1 {
	color: var(--black);
	font-size: var(--fontSize16);
	font-weight: var(--font600);
	text-transform: uppercase;
}
.home-business-content .supply {
	color: var(--black);
	font-size: var(--fontSize24);
	font-weight: var(--font600);
}
.home-business-content .supply a {
	display: block;
	border: 2px solid var(--purple);
	padding: 10px 25px;
	text-transform: uppercase;
	text-align: center;
	background: var(--purple);
	color: var(--white);
	margin-top: 2px;
}
.home-business-content .supply a:hover {
	border: 2px solid var(--purple);
	color: var(--purple);
	background: var(--white);
}
.home-business-content .supply.product a {
	display: block;
	border: 2px solid #21a451;
	padding: 10px 25px;
	text-transform: uppercase;
	text-align: center;
	background: #21a451;
	color: var(--white);
	margin-top: 2px;
}
.home-business-content .supply.product a:hover {
	border: 2px solid #21a451;
	color: #21a451;
	background: var(--white);
}
.home-business-content .supply.distribution a {
	display: block;
	border: 2px solid #2b469d;
	padding: 10px 25px;
	text-transform: uppercase;
	text-align: center;
	background: #2b469d;
	color: var(--white);
	margin-top: 2px;
}
.home-business-content .supply.distribution a:hover {
	border: 2px solid #2b469d;
	color: #2b469d;
	background: var(--white);
}
.home-business-content .supply.recycling a {
	display: block;
	border: 2px solid #78502c;
	padding: 10px 25px;
	text-transform: uppercase;
	text-align: center;
	background: #78502c;
	color: var(--white);
	margin-top: 2px;
}
.home-business-content .supply.recycling a:hover {
	border: 2px solid #78502c;
	color: #78502c;
	background: var(--white);
}
.operations-box {
	background: var(--purple);
	text-align: center;
	position: relative;
}
.operations-box.product {
	background: #21a451;
	text-align: center;
	position: relative;
}
.operations-box.branding {
	background: #2b469d;
	text-align: center;
	position: relative;
}
.operations-box.recovery {
	background: #78502c;
	text-align: center;
	position: relative;
}
.operations-box img {
	height: 150px;
	padding: 25px 10px;
}
.operations-box h1 {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.operations-box h1 div {
	margin: 0 auto;
	text-align: center;
}
.operations-box:hover h1 {
	display: block;
}
.operations-box:hover,
.operations-box.bg {
	background: rgba(255, 255, 255, 0.3);
}
.operations-box h1.back {
	display: block;
}

.cultivation-content {
	position: relative;
}
.home-business-operations .two {
	padding-top: 24px;
}
.cultivation-content .text {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.cultivation-content {
	color: var(--white);
	font-size: var(--fontSize20);
	font-weight: var(--font600);
}
.cultivation-content a {
	color: var(--white);
	font-size: var(--fontSize16);
	font-weight: var(--font400);
}
.cultivation-content .box {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}
.cultivation-content .box .hide {
	opacity: 0;
}
.cultivation-content .box .text,
.cultivation-content .box p {
	position: absolute;
	color: #fff;
	z-index: 2;
	width: 100%;
	transition: opacity 0.2s, transform 0.3s;
}
.cultivation-content .box:hover {
	transition: all 0.3s ease-in-out;
}
.cultivation-content .box:hover:before {
	transition: all 0.3s ease-in-out;
}
.cultivation-content .box img {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.cultivation-content .box img:hover {
	transition: all 0.3s ease-in-out;
}
.cultivation-content .box img:after {
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 15px;
}
.cultivation-content .box img:hover {
	transition: all 0.3s ease-in-out;
}
.cultivation-content .vintage .text {
	top: 76%;
	transform: translate3d(0, 60px, 0);
}
.cultivation-content .vintage p {
	opacity: 0;
	bottom: -22px;
	transform: translate3d(0, -10px, 0);
	font-size: 14px;
	left: 20px;
}
.cultivation-content .vintage:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(102, 0, 102, 0) 0%, rgba(102, 0, 102, 0.8) 75%);
	z-index: 2;
	bottom: -100%;
	left: 0;
	border-radius: 16px;
}
.cultivation-content .vintage:hover:before {
	bottom: 0;
}
.cultivation-content .vintage:hover .text {
	bottom: 40px;
	transform: translate3d(0, 20px, 0);
}
.cultivation-content .vintage:hover p {
	opacity: 1;
	transform: translate3d(0, -30px, 0);
}

.cultivation-content.brand .vintage .text {
	top: 52%;
	transform: translate3d(0, 60px, 0);
}
.cultivation-content.brand .vintage:hover .text {
	bottom: 12px;
	transform: translate3d(0, 12px, 0);
}
.bottom-logo-content {
	background: var(--white);
}
.bottom-logo-content .container {
	max-width: 1300px;
}
.bottom-logo-content .container-ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bottom-logo-content .item {
	padding: 5px;
	margin: 10px;
	text-align: center;
}

.map-home {
	width: 500px;
}
.hide {
	display: none;
}
.main-map {
	position: relative;
}
.pos-recovery {
	position: absolute;
	top: 19%;
	left: 0;
}
.box-recovery {
	background: #b69d87;
	padding: 10px;
	color: var(--white);
	border-radius: 5px;
}
#map-recovery .box::before {
	position: absolute;
	bottom: -15px;
	left: 32%;
	display: inline-block;
	border-width: 15px 15px 0px;
	border-style: solid;
	border-color: rgb(182, 157, 135) transparent transparent;
	content: " ";
}

.pos-cultivation {
	position: absolute;
	top: -17%;
	left: 0;
}
.box-cultivation {
	background: var(--purple);
	padding: 10px;
	color: var(--white);
	border-radius: 5px;
}
#map-cultivation .box::before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	display: inline-block;
	border-width: 15px 15px 0px;
	border-style: solid;
	border-color: rgb(102, 0, 102) transparent transparent;
	content: " ";
}

.pos-branding {
	position: absolute;
	bottom: 23%;
	left: 0;
}
.box-branding {
	background: #5d67ae;
	padding: 10px;
	color: var(--white);
	border-radius: 5px;
}
#map-branding .box::before {
	position: absolute;
	bottom: -15px;
	left: 48%;
	display: inline-block;
	border-width: 15px 15px 0px;
	border-style: solid;
	border-color: rgb(93, 103, 174) transparent transparent;
	content: " ";
}

.pos-product {
	position: absolute;
	top: 16%;
	left: 0;
}
.box-product {
	background: #63b16d;
	padding: 10px;
	color: var(--white);
	border-radius: 5px;
}
#map-product .box::before {
	position: absolute;
	bottom: -15px;
	left: 65%;
	display: inline-block;
	border-width: 15px 15px 0px;
	border-style: solid;
	border-color: rgb(99, 177, 109) transparent transparent;
	content: " ";
}

.pos-biotech {
	position: absolute;
	top: 23%;
	left: 0;
}
.box-biotech {
	background: #25aae1;
	padding: 10px;
	color: var(--white);
	border-radius: 5px;
}
#map-biotech .box::before {
	position: absolute;
	bottom: -15px;
	left: 53%;
	display: inline-block;
	border-width: 15px 15px 0px;
	border-style: solid;
	border-color: rgb(37, 170, 225) transparent transparent;
	content: " ";
}

#cn .pos-cultivation {
	top: -12%;
}
/* #cn .pos-product {
	left: 19%;
} */
/* #cn .pos-branding {
	left: 13%;
} */
#cn .pos-biotech {
	left: 21%;
}

/*float layout*/
.bottom-logo-content .float {
	max-width: 1300px;
	margin: 0 auto;
}
.bottom-logo-content .float:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.bottom-logo-content .float-item {
	float: left;
}

blockquote {
	display: block;
	background: #fff;
	padding: 15px 20px 15px 45px;
	margin: 0 0 20px;
	position: relative;

	/*Font*/
	/* font-family: Georgia, serif; */
	font-size: 16px;
	line-height: 1.2;
	color: #666;
	text-align: justify;

	/*Borders - (Optional)*/
	border-left: 15px solid #c76c0c;
	border-right: 2px solid #c76c0c;

	/*Box Shadow - (Optional)*/
	-moz-box-shadow: 2px 2px 15px #ccc;
	-webkit-box-shadow: 2px 2px 15px #ccc;
	box-shadow: 2px 2px 15px #ccc;
}
#cn blockquote::before {
	left: -25px;
}
blockquote::before {
	content: "\201C"; /*Unicode for Left Double Quote*/

	/*Font*/
	/* font-family: Georgia, serif; */
	font-size: 60px;
	font-weight: bold;
	color: #999;

	/*Positioning*/
	position: absolute;
	left: 10px;
	top: 5px;
}

blockquote::after {
	/*Reset to make sure*/
	content: "";
}

blockquote a {
	text-decoration: none;
	background: #eee;
	cursor: pointer;
	padding: 0 3px;
	color: #c76c0c;
}

blockquote a:hover {
	color: #666;
}

footer {
	background: var(--orange);
	color: var(--white);
}
.footer-email {
	color: var(--white);
	font-size: var(--fontSize18);
}
.footer-list {
	margin: 0;
	padding: 0;
}
.footer-list li {
	list-style: none;
	padding: 6px 0;
}
.footer-list li a {
	color: var(--white);
	font-weight: var(--font600);
}
footer h1 {
	font-weight: var(--font600);
	font-size: var(--font18);
}
.footnote {
	font-size: var(--fontSize13);
	padding: 3px 0 20px 0;
}
.subscribe {
	background: var(--white);
	padding: 10px 20px;
	border-radius: 25px;
	margin-top: 7px;
	display: inline-block;
}
a.subscribe {
	font-weight: var(--font600);
	font-size: var(--font18);
}
a:hover.subscribe {
	background: rgba(255, 255, 255, 0.9);
}
.subscribe .fa {
	padding-left: 20px;
}
.bottom-line {
	border-top: 1px solid #ffbf75;
	font-size: var(--fontSize14);
}
.policy {
	text-align: right;
}
.policy a {
	color: var(--white);
	font-size: var(--fontSize14);
}

/* Newsroom */
.dropdown-year {
	display: none;
	position: absolute;
	left: 0;
	top: 43px;
	background: var(--orange);
	z-index: 100;
	max-width: 100%;
	width: 186px;
	margin: 0;
	padding: 0;
}
.dropbtn i {
	padding-left: 25px;
}
.dropdown-year li {
	list-style: none;
	border-bottom: 1px solid #cccccc;
}
.dropdown-year li a {
	display: block;
	padding: 10px;
	color: var(--white);
}
.dropdown-year li a:hover {
	color: var(--white);
	background: var(--orangeHover);
}
.dropdown {
	position: relative;
	max-width: 190px;
	margin: 0 auto;
}
.newsroom-inner {
	margin-top: 40px;
}
.new-year {
	padding-top: 50px;
	font-family: var(--oswaldRegular);
	font-size: var(--fontSize34);
	letter-spacing: var(--letterSpace);
}
.new-year span {
	color: var(--green);
}
.newsroom {
	padding: 20px 0;
	border-bottom: 1px solid #cccccc;
}
.newsroom .date {
	margin-bottom: 0;
	padding-top: 0;
	color: var(--purple);
	font-weight: var(--font600);
}
.newsroom .col-md-1 {
	padding-top: 20px;
}
.newsroom a {
	color: var(--grey);
}
.newsroom a:hover {
	color: var(--orange);
}
.search-content h3 {
	font-family: var(--montserratbold);
	font-size: var(--fontSize19);
	color: var(--grey);
}
#search-form label {
	display: none;
}
#search-form .form-group {
	margin: 0;
}
#search-form input {
	width: 45%;
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
	height: 43px;
}
#search-form button {
	float: left;
}
.btn-newsroom {
	position: absolute;
	right: 15px;
}
h2.news-date {
	font-size: var(--fontSize18);
	color: var(--purple);
	font-weight: var(--font600) !important;
}
h3.news-title {
	font-size: var(--fontSize18);
	color: var(--grey);
	padding: 10px 0 20px 0;
}

/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #2e5d5a;
}

figure.effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
	transform: translate3d(-30px, 0, 0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px;
	width: 100%;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.latest-news-ir h2 {
	font-size: var(--fontSize36);
	font-family: var(--robotoRegular);
	color: var(--green);
}
.latest-news-ir h2 span.news {
	color: var(--orange);
}
.latest-news-ir h2 span .link {
	float: right;
	padding-top: 10px;
}
.latest-news-ir .inner {
	border-bottom: 1px solid var(--black);
}
.latest-news-ir .home-news .left {
	color: #7c7c7c;
	font-family: var(--robotobold);
	padding: 10px 0;
}
.latest-news-ir .home-news .left .fa {
	color: var(--black);
}
.latest-news-ir .home-news a {
	color: var(--primary);
	display: block;
}
.latest-news-ir .home-news .right {
	padding-bottom: 10px;
}

/*AR*/
.latest-ar .title-ar {
	margin-top: 50px;
}
.table-ar {
	width: 100%;
}
.table-ar tr th {
	background: var(--lightGrey);
	padding: 10px;
	font-family: var(--robotobold);
}
.table-ar tr td {
	padding: 10px;
	border-bottom: 1px solid var(--lightGrey);
}
.table-ar tr td.last-child {
	padding: 10px;
	border-bottom: 2px solid var(--lightGrey);
	border-top: 2px solid var(--lightGrey);
}

.sub-banner img {
	width: 100%;
	max-height: 400px;
}
.sub-banner .menu-list {
	margin: 0 auto;
	max-width: 360px;
	margin-top: -70px;
	position: relative;
	padding-bottom: 70px;
}
#cn .sub-banner .menu-list {
	max-width: 180px;
}

.sub-banner .menu-list ul {
	margin: 0;
	padding: 0;
}
.sub-banner .menu-list ul li {
	list-style: none;
	float: left;
	position: relative;
}
.sub-banner .menu-list ul li a {
	background: var(--purple);
	display: block;
	color: var(--white);
	padding: 20px;
	font-size: var(--fontSize20);
}
.sub-banner .menu-list ul li a.active {
	font-weight: var(--font600);
	background: var(--lightPurple);
}
.sub-banner .menu-list ul li a.active::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 8px 10px 8px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	bottom: 0;
	left: 45%;
}
.strike {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	font-size: var(--fontSize30);
	font-weight: var(--font600);
	color: var(--purple);
}

.strike > span {
	position: relative;
	display: inline-block;
}

.strike > span:before,
.strike > span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background-image: linear-gradient(to left, #a77bb8, #d482ac, #f1909b, #fea78c, #fbc386);
}

.strike > span:before {
	right: 100%;
	margin-right: 15px;
}

.strike > span:after {
	left: 100%;
	margin-left: 15px;
}
.business-overview {
	background: url('../images/img-subpage-bg.jpg') no-repeat center bottom;
	background-size: cover;
}
.business-overview h2 {
	font-size: var(--fontSize26);
	font-weight: var(--font400);
	line-height: 30px;
}

/* BOD */
.accordion-bod .name {
	font-size: var(--fontSize22);
	font-weight: var(--font600);
	color: var(--orange);
}
.accordion-bod .title {
	font-size: var(--fontSize18);
	font-weight: var(--font400);
	color: var(--purple);
}
.accordion-bod p {
	margin-bottom: 1.6rem;
}
.corporate {
	vertical-align: middle;
	padding-left: 5px;
}

/* Operations */
.carrousel.thumb-slider {
	position: relative;
}
.carrousel.thumb-slider button {
	position: absolute;
	z-index: 10;
	background: transparent;
}
.carrousel.thumb-slider button .fa {
	font-size: var(--fontSize48);
}
.carrousel.thumb-slider button.next-arrow {
	top: 45%;
}
.carrousel.thumb-slider .prev-arrow {
	right: 0;
	top: 45%;
}
.thumb-smile {
	position: relative;
}
.thumb-smile .smile {
	position: absolute;
	right: 0;
	top: 20px;
}

.operation-content .right {
	background: rgb(102, 0, 102);
	background: linear-gradient(
		90deg,
		rgba(102, 0, 102, 0.2) 0%,
		rgba(131, 0, 131, 0.1) 50%,
		rgba(250, 248, 251, -0.5) 100%
	);
	margin: 50px 0 0 -86px;
	float: left;
	padding: 15px 0 15px 120px;
}
.operation-content .right h1 {
	font-size: var(--fontSize28);
	font-weight: var(--font600);
	color: var(--purple);
	margin-bottom: 20px;
}
.operation-content .right h1 span,
.operation-content.innovation .left h1 span {
	display: block;
}

a.btn-orange {
	background: var(--orange);
	padding: 10px 15px;
	border-radius: 20px;
	color: var(--white);
	line-height: 25px;
	display: inline-block;
}
a:hover.btn-orange {
	background: var(--orangeHover);
}
.btn-orange .fa {
	padding-left: 20px;
}

.operation-content.innovation .left {
	background: rgb(250, 248, 251);
	background: linear-gradient(
		90deg,
		rgba(250, 248, 251, -0.5) 0%,
		rgba(131, 0, 131, 0.1) 50%,
		rgba(102, 0, 102, 0.2) 100%
	);
	margin: 50px -86px 0 0;
	width: 100%;
	padding: 15px 80px 15px 35px;
	position: relative;
	z-index: 10;
	left: 85px;
}
.operation-content.innovation .left h1 {
	font-size: var(--fontSize28);
	font-weight: var(--font600);
	color: var(--purple);
	margin-bottom: 20px;
}
.operation-content.innovation .right {
	background: transparent;
	padding: 0;
	margin: 0;
	float: right;
}

/* Publication */
.ar-content {
	background: #f1f1f1;
	padding: 25px 30px;
	border-radius: 20px;
	margin-top: 52px;
}

/* Investor */
.news-bg h2 {
	font-size: var(--fontSize22);
	font-weight: var(--font400);
	color: var(--purple);
	margin-bottom: 25px;
}
.news-bg span .link {
	float: right;
}
.news-bg span a.link {
	background: var(--orange);
	border-radius: 20px;
	padding: 2px 25px;
	color: var(--white);
	font-size: var(--fontSize14);
}
.news-bg span a:hover.link {
	background: var(--orangeHover);
}
.ir-home-news .left {
	color: var(--purple);
	font-size: var(--fontSize18);
	font-weight: var(--font400);
}
.ir-home-news a {
	color: var(--black);
	font-size: var(--fontSize16);
	padding-top: 15px;
	display: block;
}

.ar-content h1 {
	font-size: var(--fontSize24);
	font-weight: var(--font600);
	color: var(--purple);
	padding-bottom: 20px;
	color: var(--purple);
}
.ar-content p {
	margin-bottom: 0;
}
.ar-content a {
	color: var(--black);
}
.ar-content span {
	font-size: var(--fontSize14);
}
.table-publication {
	width: 100%;
}
.table-publication tr th {
	border-bottom: 2px solid var(--orange);
	background: transparent;
	padding: 10px;
	font-family: var(--robotobold);
}
.table-publication tr td {
	padding: 10px;
	border-bottom: 1px solid #b2b2b2;
}
.stock-ir-content {
	background: var(--purple);
	border-radius: 20px;
	max-width: 850px;
	margin: 0 auto;
	padding: 25px;
	font-size: var(--fontSize22);
	color: var(--white);
	font-weight: var(--font400);
}
.stock-ir-content img {
	margin-right: 25px;
}
.news-bg {
	background: url('../images/img-ir-news-bg.jpg') no-repeat center center fixed;
	background-size: cover;
}

.cultivation-content {
	position: relative;
}
.home-business-operations .two {
	padding-top: 24px;
}
.ir-home-bottom-content .text {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.ir-home-bottom-content {
	color: var(--white);
	font-size: var(--fontSize20);
	font-weight: var(--font600);
}
.ir-home-bottom-content a {
	color: var(--white);
	font-size: var(--fontSize16);
	font-weight: var(--font400);
}
.ir-home-bottom-content .box {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}
.ir-home-bottom-content .box .hide {
	opacity: 0;
}
.ir-home-bottom-content .box .text,
.ir-home-bottom-content .box p {
	position: absolute;
	color: #fff;
	z-index: 2;
	width: 100%;
	transition: opacity 0.2s, transform 0.3s;
}
.ir-home-bottom-content .box:hover {
	transition: all 0.3s ease-in-out;
}
.ir-home-bottom-content .box:hover:before {
	transition: all 0.3s ease-in-out;
}
.ir-home-bottom-content .box img {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.ir-home-bottom-content .box img:hover {
	transition: all 0.3s ease-in-out;
}
.ir-home-bottom-content .box img:after {
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 15px;
}
.ir-home-bottom-content .box img:hover {
	transition: all 0.3s ease-in-out;
}
.ir-home-bottom-content .vintage .text {
	top: 52%;
	transform: translate3d(0, 60px, 0);
}
.ir-home-bottom-content .vintage p {
	opacity: 0;
	bottom: -22px;
	transform: translate3d(0, -10px, 0);
	font-size: 14px;
	left: 20px;
}
.ir-home-bottom-content .vintage:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(102, 0, 102, 0) 0%, rgba(102, 0, 102, 0.8) 75%);
	z-index: 2;
	bottom: -100%;
	left: 0;
	border-radius: 16px;
}
.ir-home-bottom-content.vintage:hover:before {
	bottom: 0;
}
.ir-home-bottom-content .vintage:hover .text {
	bottom: 40px;
	transform: translate3d(0, 20px, 0);
}
.ir-home-bottom-content .vintage:hover p {
	opacity: 1;
	transform: translate3d(0, -30px, 0);
}

/* Email */
.email-alerts h3 {
	font-size: var(--fontSize22);
	font-weight: var(--font400);
}
.email-alerts form {
	max-width: 670px;
	margin: 0 auto;
}
.ir-enquiry {
	border: 2px solid var(--purple);
	padding: 20px;
	border-radius: 20px;
	max-width: 670px;
	margin: 0 auto;
	background: var(--white);
}
.ir-enquiry h1 {
	font-size: var(--fontSize24);
	font-weight: var(--font600);
	color: var(--purple);
}
.ir-enquiry p {
	margin-bottom: 0;
}
.ir-enquiry p a {
	color: #0055d4;
}
.email-content {
	margin-bottom: 0;
}
.successfully {
	font-size: var(--fontSize60);
}
.successfully .fa {
	color: var(--green);
}

/* 
.tabs {
	position: relative;
	min-height: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;

}
.tabs .tab {
	margin-bottom: 1px;

}
.tabs .tab button {
	background: #f6f6f6;
}

.tabs .tab .tab-toggle {
	padding: 1rem 2rem;
	position: relative;
	outline: none;
	width: 100%;
	color: var(--black);
}
.tabs .tab .tab-toggle:after {
	content: "▼";
	position: absolute;
	display: block;
	right: -17px;
	top: 50%;
	z-index: 1000;
	-webkit-transform: rotate(0deg) translateY(-50%);
	-moz-transform: rotate(0deg) translateY(-50%);
	-ms-transform: rotate(0deg) translateY(-50%);
	-o-transform: rotate(0deg) translateY(-50%);
	transform: rotate(0deg) translateY(-50%);
}

.tabs .tab .tab-toggle.active {
	color: var(--white);
	background-color: var(--orange);
	cursor: default;
}
.tabs .tab .tab-toggle.active h2,
.tabs .tab .tab-toggle.active a {
	color: var(--white);
}
.tabs .tab .tab-toggle.active:after {
	color: #8099c2;
	-webkit-transform: rotate(180deg) translateY(50%);
	-moz-transform: rotate(180deg) translateY(50%);
	-ms-transform: rotate(180deg) translateY(50%);
	-o-transform: rotate(180deg) translateY(50%);
	transform: rotate(180deg) translateY(50%);
	right: -17px;
}
.tabs .tab .tab-toggle h2 {
	font-weight: var(--font600);
	font-size: var(--fontSize18);
	color: var(--purple);
}
.tabs .tab .tab-toggle a {
	font-weight: var(--font400);
	color: #0054ff;
}

.tabs .content {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	padding-left: 20px;
}
.tabs .content.active {
	max-height: 1000px;
}

.tabs .content > .heading {
	font-size: 1.5rem;
	margin-bottom: 1rem;
} */
#map,
#map-cn {
	height: 410px;
	width: 100%;
}
.clear {
	clear: both;
}
.leaflet-control a {
	font-size: var(--fontSize12);
}
.divider {
	border-bottom: 1px solid #d7d7d7;
}
h1.contact-us {
	font-weight: var(--font600);
	font-size: var(--fontSize24);
	color: var(--purple);
}

/* stop the glowing blue shadow */
.add-on .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #cccccc;
}
/* enable absolute positioning */
.inner-addon {
	position: relative;
}
/* style glyph */
.inner-addon .fa {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}

/* align glyph */
.left-addon .fa {
	left: 0px;
	top: 30px;
}

/* add padding  */
.left-addon input,
.left-addon textarea {
	padding-left: 30px;
}
.left-addon textarea {
	height: 200px;
}
#login-form {
	max-width: 670px;
	margin: 0 auto;
}
#login-form .form-group {
	margin-bottom: 0;
}
.btn-submit {
	background: var(--purple);
}
.btn-submit:hover {
	background: var(--lightPurple);
}
.table-reporting tr td {
	padding: 10px;
	vertical-align: top;
}
.table-reporting a {
	color: #3284ff;
}
#cn #awards {
	max-width: 273px;
}
#awards {
	background: var(--purple);
	max-width: 380px;
	margin: 50px auto;
	border-radius: 30px;
}
.best-reponsive-tab-item-trigger {
	color: var(--white);
	position: relative;
}
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)
	> .best-reponsive-tab-item:first-of-type
	> .best-reponsive-tab-item-trigger {
	border: none;
}
.best-reponsive-tab-item-trigger.lgTabToggle-tab-active:before {
	bottom: 0%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
	z-index: 101;
}

.lum-lightbox {
	z-index: 1001;
}
.lum-close-button {
	background: var(--purple);
	padding: 20px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	opacity: 1;
	cursor: pointer;
	right: 10px;
	top: 10px;
}
.lum-close-button:hover {
	background: var(--lightPurple);
}
.lum-close-button:before,
.lum-close-button:after {
	background: var(--white);
	left: 24px;
	top: 10px;
}
.img-thumbnail {
	height: auto;
}
.best-responsive-tab-content .col-lg-3 {
	margin-bottom: 30px;
}

.best-responsive-tab .col-lg-3 {
	margin-bottom: 30px;
}
.award-content a i {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	font-size: 34px;
	color: var(--white);
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: var(--purple);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
	text-align: center;
}
.award-content:hover img,
.award-content.hover img {
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	text-align: center;
}
.award-content:hover i,
.award-content.hover i {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	text-align: center;
}

/* Privacy policy */
.privacy-policy ol {
	margin-bottom: 15px;
}
.privacy-policy ol li {
	padding-bottom: 15px;
}
.privacy-policy ol li ol li {
	padding-bottom: 0;
}
.privacy-policy p strong {
	font-weight: var(--font600);
	text-decoration: underline;
}
.privacy-policy p strong.bold {
	font-weight: var(--font600);
	text-decoration: none;
}
a.privacy {
	font-size: var(--fontSize18);
}
.table-policy tr td:nth-of-type(1) {
	font-weight: var(--font600);
	padding-left: 0;
}
.table-policy tr td {
	padding: 8px 15px;
}
.table-policy tr td h3 {
	font-size: var(--fontSize18);
}
/* @media screen and (min-width: 65rem) {
	.tabs .tab {
		float: left;
		clear: left;
		width: 30%;
	}
	.tabs .tab .tab-toggle {
		text-align: left;
	}
	.tabs .tab .tab-toggle:after {
		-webkit-transform: rotate(-90deg) translateX(50%);
		-moz-transform: rotate(-90deg) translateX(50%);
		-ms-transform: rotate(-90deg) translateX(50%);
		-o-transform: rotate(-90deg) translateX(50%);
		transform: rotate(-90deg) translateX(50%);
		color: transparent;
	}
	.tabs .content.active {
		max-height: none;
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.tabs .content {
		max-height: none;
		position: absolute;
		right: 0;
		top: 0;
		width: 70%;
		opacity: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	.tabs .tab .tab-toggle.active:after {
		-webkit-transform: rotate(-90deg) translateX(50%) translateY(0);
		-moz-transform: rotate(-90deg) translateX(50%) translateY(0);
		-ms-transform: rotate(-90deg) translateX(50%) translateY(0);
		-o-transform: rotate(-90deg) translateX(50%) translateY(0);
		transform: rotate(-90deg) translateX(50%) translateY(0);
		color: var(--orange);
	}
} */

/* Login */
.login .content {
	margin: 100px 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(--purple);
}
.press-releases-year .dropdown-year .year-2019,
.press-releases-year .dropdown-year .year-2018,
.press-releases-year .dropdown-year .year-2017,
.press-releases-year .dropdown-year .year-2016,
.press-releases-year .dropdown-year .year-2015 {
	display: none;
}

/* Back to Top */
#button-back-to-top {
	display: inline-block;
	background-color: var(--purple);
	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;
	color: var(--white);
}
#button-back-to-top:hover {
	color: #fff;
	background: var(--lightPurple);
}
#button-back-to-top svg {
	padding-top: 6px;
}
#button-back-to-top.show {
	opacity: 1;
	visibility: visible;
}

.btn {
	vertical-align: top;
	outline: 0 !important;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-weight: 500;
	text-decoration: none !important;
	border-width: 1px;
	text-align: center;
	padding: 14px 20px 16px;
	font-size: 20px;
	line-height: 21px;
	border-radius: 4px;
}

.btn-primary {
	color: #fff;
	background-color: #0099e0;
	border-color: #0099e0;
}
/* 
.tabs {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	width: 20%;
	border-radius: 10px 0 0 10px;
	background: white;
	padding: 5px;
}

#vertical_tab_nav {
	display: block;
	width: 100%;
}
#vertical_tab_nav li a {
	display: block;
	font-size: 20px;
	color: #858585;
	text-decoration: none;
	padding: 35px 15px;
	background: white;
	border-bottom: 1px solid #d4d4d4;
}
#vertical_tab_nav li a .fa-chevron-right {
	display: none;
}
#vertical_tab_nav li a.active {
	background: #fff;
	color: #0099e0;
	border-bottom: 4px solid #0099e0;
}
#vertical_tab_nav li a.active .fa-chevron-right {
	display: inline-block;
}
#vertical_tab_nav article {
	display: none;
	margin: 0px;
	color: #626262;
	padding: 3%;
}
#vertical_tab_nav article p {
	font-size: 20px;
	margin: 0 0 28px;
}

.tab_container {
	display: block;
	background: #fff;
	width: 100%;
	min-height: 500px;
}

.tabs {
	display: none;
}

.tab_heading {
	margin: 0;
	font-size: 20px;
	color: #858585;
	text-decoration: none;
	padding: 3%;
	border-top: 1px solid #d4d4d4;
}
.tab_heading .fa-chevron-down {
	display: none;
}
.tab_heading.active {
	background: #fff;
	color: var(--purple);
	border-bottom: 4px solid var(--purple);
}
.tab_heading.active .fa-chevron-right {
	display: none;
}
.tab_heading.active .fa-chevron-down {
	display: inline-block;
} */

.contact-box1 {
	padding: 20px;
	font-size: var(--fontSize16);
	border-radius: 20px;
	border-top: 5px solid var(--purple);
	box-shadow: -1px 1px 10px 1px rgb(0 0 0 / 19%);
	max-width: 350px;
	margin: 0 auto;
	min-height: 300px;
	background: var(--white);
}
.contact-box1 table tr td {
	padding: 10px;
}
.contact-box1 table tr td i {
	font-size: 26px;
}
.contact-box1 h1 {
	font-size: var(--fontSize24);
	font-family: var(--fontSourceSansProsemibold);
	font-weight: var(--font400);
}
.contact-box1 h2 {
	font-size: var(--fontSize18);
	font-family: var(--fontSourceSansProsemibold);
	font-weight: var(--font400);
	padding-top: 15px;
}
.contact-box1.blue {
	border-top-color: #2fabcf;
}
.contact-box1.left {
	float: right;
}
.contact-box1.right {
	float: left;
}

.vision.home-about {
	background: url('../images/bg-vision-1.jpg') no-repeat;
}
.vision.home-about span {
	font-weight: bold;
}
.ceo {
	padding-top: 40px;
	font-size: var(--fontSize14);
}
.ceo span {
	color: var(--purple);
	font-size: var(--fontSize18);
	font-weight: bold;
}
.body-ceo .business-overview strong.title {
	color: #996633;
	font-size: var(--fontSize20);
}
.note,
.note a {
	font-size: var(--fontSize12);
}

/* .accordion {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	width: 100%;
}
.accordion__content {
	order: 1;
	flex-grow: 1;
	width: 100%;
	height: 100%;
	display: none;
	background: var(--white);
}

.accordion__label {
	display: block;
	cursor: pointer;
	flex-grow: 1;
	text-align: center;
	padding: 1%;
	background-color: var(--color-four);
	margin-right: 1px;
	border-bottom: 1px solid var(--color-five);
	margin-bottom: 0;
}

.accordion__radio {
	display: none;
}

.accordion input[type="radio"] {
	display: none;
}

.accordion input[type="radio"] + label {
	color: var(--color-six);
	z-index: 1;
}

.accordion input[type="radio"]:checked + label {
	background-color: white;
	font-weight: 600;
	border-top: 1px solid var(--color-five);
	border-left: 1px solid var(--color-five);
	border-right: 1px solid var(--color-five);
	border-bottom: none;
}
.accordion input[type="radio"]:checked + label + .accordion__content {
	display: flex;
	margin-right: 0;
	border-left: 1px solid var(--color-five);
	border-right: 1px solid var(--color-five);
	border-bottom: 1px solid var(--color-five);
}

.accordion__content__image__container {
	width: 40%;
	height: 100%;
	margin-right: 10px;
}

.accordion__content__image {
	max-width: 100%;
	max-height: 88%;
	margin: 3%;
	background-color: teal;
}

.accordion__content__text {
	width: 75%;
	margin-top: 1%;
	margin-left: 40px;
}
.accordion__content__text.full {
	width: 100%;
}

.accordion__content__text__title {
	margin-top: 3%;
}

.accordion__content__text__horizontal-line {
	border: none;
	border-bottom: 1px solid var(--color-five);
	margin-right: 2%;
}

.accordion__content__text__body {
	margin-top: 2%;
	padding-right: 5%;
}

@media (max-width: 900px) {
	#tab-one {
		background: var(--purple);
	}

	.accordion {
		border: 1px solid var(--color-five);
	}

	.accordion-tab--status {
		display: inline;
	}
	.accordion__content,
	.accordion__label {
		order: initial;
	}

	.accordion__content {
		flex-direction: column;
	}

	.accordion__label {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1px;
		display: flex;
		justify-content: space-between;
		font-size: 1.2em;
		padding: 5% 6% 5% 6%;
	}

	.accordion__label:last-child {
		background-color: magenta;
	}

	.accordion__content__image__container {
		width: 100%;
	}

	.accordion__content__image {
		padding: 0;
		margin: 0;
		object-fit: cover;
		height: 300px;
		width: 100%;
	}

	.accordion__content__text {
		font-size: 0.9em;
		margin: 4% 5% 4% 5%;
		width: 90%;
	}

	.accordion__content__text__title {
		margin: 2% 0 2% 0;
	}

	.accordion__content__text__horizontal-line {
		width: 100%;
	}

	.accordion input[type="radio"] + label span:after {
		content: "+";
	}

	.accordion input[type="radio"]:checked + label span:after {
		content: "—";
	}

	.accordion input[type="radio"]:checked + label {
		border: none;
	}

	.accordion input[type="radio"]:checked + label + .accordion {
		border: none;
	}

	.accordion input[type="radio"]:checked + label + .accordion__content {
		border: none;
	}
} */

/* Mobile Portrait and Landscape */
/* @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 22px;
	}

	.tab_container {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
} */
/* Desktop styles */
/* @media screen and (min-device-width: 768px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
	.tab_container {
		float: left;
		padding: 10px 3% 3% 3%;
		border-radius: 0 10px 10px 0;
		width: 80%;
	}

	.tabs {
		display: block;
	}

	.tab_heading {
		display: none;
	}

	article {
		padding: 0;
	}
} */
.m-home-map {
	display: none;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	position: relative;
	top: 1px;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 21px 1%;
	height: 92px;
	background-color: #666;
	color: #ccc;
	overflow: hidden;
	position: relative;
	width: 20%;
}
ul.tabs li img {
	width: 50px;
	height: 50px;
}
ul.tabs li:first-child {
	background: #25aae1;
}
ul.tabs li:first-child:hover,
ul.tabs li:first-child.active {
	background: #25aae1;
}
.tab1 {
	background: #25aae1;
}

ul.tabs li:nth-child(2) {
	background: var(--purple);
}
ul.tabs li:nth-child(2):hover,
ul.tabs li:nth-child(2).active {
	background: var(--purple);
}
.tab2 {
	background: var(--purple);
}

ul.tabs li:nth-child(3) {
	background: #21a451;
}
ul.tabs li:nth-child(3):hover,
ul.tabs li:nth-child(3).active {
	background: #21a451;
}
.tab3 {
	background: #21a451;
}

ul.tabs li:nth-child(4) {
	background: #2b469d;
}
ul.tabs li:nth-child(4):hover,
ul.tabs li:nth-child(4).active {
	background: #2b469d;
}
.tab4 {
	background: #2b469d;
}

ul.tabs li:nth-child(5) {
	background: #78502c;
}
ul.tabs li:nth-child(5):hover,
ul.tabs li:nth-child(5).active {
	background: #78502c;
}
.tab5 {
	background: #78502c;
}

ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
}

ul.tabs li.active {
	display: block;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	color: var(--white);
	overflow: auto;
}

.tab_content {
	padding: 20px 10px;
	display: none;
}
.tab_content p {
	text-align: left;
}

.tab_drawer_heading {
	display: none;
}
.title1 {
	padding: 10px 0 20px 0;
	font-size: var(--fontSize30);
	text-align: left;
}

/* board diversity policy */
.board-diversity-policy tr td {
	padding: 6px;
	vertical-align: top;
}
.table-cultivation {
	width: 100%;
}
.table-cultivation tr td:first-child {
	width: 10%;
}

.ceo-content {
	background: rgba(136, 136, 136, 0.8);
	padding: 20px;
	border-radius: 5px;
	font-size: var(--fontSize26);
	color: var(--white);
}
.body-ceo .table-ar tr th,
.body-ceo .table-ar tr td {
	text-align: center;
}
.body-ceo .table-ar tr th:first-child,
.body-ceo .table-ar tr td:first-child {
	text-align: left;
}

.body-ceo .table-ar tr td:last-child {
	background: var(--orange);
	color: var(--white);
}

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.tab_drawer_heading img {
		width: 50px;
		height: 50px;
	}

	/* .d_active {
		background-color: #666;
		color: #fff;
	} */
}

@media (max-width: 1600px) {
	.home-banner .slick-slide img {
		display: inline-block;
	}
}
@media (max-width: 1440px) {
}

@media (max-width: 1200px) {
	.sitenavigation li a,
	.header-fixed .sitenavigation li a {
		padding: 40px 8px;
	}
}

@media (max-width: 1024px) {
	.navbar {
		width: 100%;
		height: 100%;
		padding: 1rem;
	}
	.sitenavigation ul li svg {
		display: none;
	}
	.navbar .menu-icon {
		width: 30px;
		height: 25px;
		display: block;
		-webkit-tap-highlight-color: transparent;
		padding: 5px;
		cursor: pointer;
	}
	.navbar .sitenavigation ul {
		display: none;
		max-width: none;
	}
	.navbar .sitenavigation li {
		float: none;
		margin: 0;
		padding: 0;
	}
	.navbar .sitenavigation.is-tapped > ul {
		display: block;
		position: absolute;
		background-color: #fff;
		right: 0;
		left: 0;
		z-index: 100;
		padding: 0;
		top: 84px;
	}
	.navbar .sitenavigation.is-tapped > ul a {
		width: auto;
		display: inline-block;
		margin: 0;
		background-color: #ececec;
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 0;
		height: auto;
		color: #758283;
		float: none;
		border: none !important;
		-webkit-font-smoothing: antialiased;
		-webkit-tap-highlight-color: transparent;
	}
	.navbar .sitenavigation.is-tapped > ul a:hover {
		background-color: #dfdfdf;
	}
	.navbar .sitenavigation.is-tapped > ul li {
		width: 100%;
		background-color: #f7f7f7;
		border-bottom: solid 1px #b9b9b9;
		-webkit-tap-highlight-color: transparent;
	}
	.navbar .sitenavigation.is-tapped > ul li li {
		background-color: #fff;
	}
	.navbar .sitenavigation.is-tapped > ul ul {
		display: none;
		width: 100%;
		z-index: 200;
		border: none;
		margin-left: 0;
		padding: 0;
		position: relative !important;
	}
	.navbar .sitenavigation.is-tapped > ul ul ul {
		clear: both;
		left: 0;
		margin-top: 0;
	}
	.navbar .sitenavigation.is-tapped > ul ul li {
		border-bottom: solid 1px #f9f9f9;
	}
	.navbar .sitenavigation.is-tapped > ul ul li li a {
		background-color: #f9f9f9;
		padding-left: 30px;
	}
	.navbar .sitenavigation.is-tapped > ul ul a {
		background-color: #dfdfdf;
		padding-left: 20px;
	}
	.navbar .sitenavigation.is-tapped > ul ul a.active {
		color: var(--purple);
	}
	.navbar .sitenavigation.is-tapped > ul ul a:before {
		content: "- ";
		display: inline-block;
		margin-right: 8px;
		color: #000;
	}
	.navbar .sitenavigation.is-tapped > ul li.nav-dropdown {
		cursor: pointer;
	}
	.navbar .sitenavigation.is-tapped > ul li.nav-dropdown > a {
		width: 80%;
	}
	.navbar .sitenavigation.is-tapped > ul li.nav-dropdown:after {
		content: "\f107";
		font-family: FontAwesome;
		position: absolute;
		color: #000;
		padding: 0;
		display: block;
		width: 20%;
		right: 0;
		margin-top: -40px;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar .sitenavigation.is-tapped > ul li.expanded:after {
		display: none;
	}
	.navbar .sitenavigation.is-tapped > ul li.expanded li:first-child:before {
		content: "\f106";
		font-family: FontAwesome;
		position: absolute;
		color: black;
		padding: 0;
		display: block;
		width: 20%;
		right: 0;
		margin-top: -40px;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar .sitenavigation.is-tapped > ul li.language {
		background: #ececec;
	}
	.navbar .sitenavigation.is-tapped > ul li.language a {
		display: inline-block;
		width: 100%;
	}
	.sitenavigation li span {
		border: none;
		border-radius: 0;
		padding: 3px 10px 5px 0px;
	}
	.caption {
		top: 10%;
	}
	.caption .text {
		width: 100%;
		font-size: var(--fontSize30);
		line-height: 36px;
	}
	.home-banner .inner {
		max-width: 1200px;
		margin: 0 auto;
		padding: 3%;
	}
	.caption h1 {
		margin-bottom: 1.5rem;
	}
	.home-banner .product {
		bottom: 15%;
	}
	.cultivation-content .vintage .text {
		top: 72%;
	}
	.cultivation-content.brand .vintage .text {
		top: 42%;
	}
	.tabs .tab .tab-toggle.active:after,
	.tabs .tab .tab-toggle:after {
		right: 18px;
	}
	.ir-home-bottom-content {
		padding-bottom: 30px;
	}
	.ir-home-bottom-content .vintage .text {
		top: 72%;
	}

	.tabs .content {
		padding-left: 0;
	}
	.contact-box1.left {
		float: none;
	}
	.contact-box1.right {
		float: none;
	}
	.d-home-map {
		display: none;
	}
	.m-home-map {
		display: block;
	}
}

@media (max-width: 991px) {
	.cultivation-content .vintage .text {
		top: 81%;
	}
	.cultivation-content.brand .vintage .text {
		top: 59%;
	}
	.policy {
		text-align: left;
	}
	.operation-content .left {
		text-align: center;
	}
	.operation-content .right h1 span {
		display: inline-block;
	}
	.operation-content .right {
		margin: 0;
		width: 100%;
		padding: 20px;
	}
	.operation-content.innovation .left {
		left: 0;
		margin: 0;
		padding: 20px;
	}
	.hero-banner-2 .caption .text,
	.hero-banner-3 .caption .text {
		width: 100%;
	}
	.home-business-content {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.navbar .logo {
		float: left;
		width: 230px;
	}
	.navbar .sitenavigation.is-tapped > ul {
		top: 72px;
	}
	.cultivation-content .vintage .text {
		top: 74%;
	}
	.cultivation-content.brand .vintage .text {
		top: 48%;
	}
	.sub-banner {
		padding-top: 77px;
	}
	.ir-home-bottom-content .vintage .text {
		top: 67%;
	}
	#awards {
		border-radius: 0;
		background: transparent;
	}
	.best-responsive-tab.lgTabToggle-tab-responsive-active
		> .best-reponsive-tab-item
		> .best-reponsive-tab-item-trigger.lgTabToggle-tab-active,
	.best-responsive-tab.lgTabToggle-tab-responsive-active
		> .best-reponsive-tab-item
		> .best-reponsive-tab-item-trigger:hover {
		background: var(--lightPurple);
	}
	.best-reponsive-tab-item-trigger.lgTabToggle-tab-active:before {
		top: 100%;
		border-top-color: var(--lightPurple);
		border-bottom-color: transparent;
	}
	.best-reponsive-tab-item-trigger {
		background: var(--purple);
	}
	.best-responsive-tab.lgTabToggle-tab-responsive-active
		> .best-reponsive-tab-item
		> .best-reponsive-tab-item-trigger {
		border-bottom: 1px solid #ddd;
	}
	.home-main-content .inner {
		max-width: 800px;
		margin: 0 auto;
		font-size: var(--fontSize26);
		font-weight: 400;
		color: var(--purple);
		line-height: 28px;
		border: 3px solid #a77bb8;
		background: rgba(255, 255, 255, 0.7);
		padding: 20px;
	}
	.home-main img {
		min-height: 400px;
	}
	.title1 {
		font-size: var(--fontSize28);
	}
	.body-overview h2.title {
		font-size: var(--fontSize18);
		line-height: 24px;
	}
	.business-overview h2 {
		font-size: var(--fontSize22);
		line-height: 26px;
	}
}

@media (max-width: 425px) {
	.strike {
		white-space: inherit;
	}
	.cultivation-content .vintage .text {
		top: 69%;
	}
	.cultivation-content.brand .vintage .text {
		top: 21%;
		line-height: 20px;
		width: 90%;
	}
	.bottom-logo-content .float-item {
		float: inherit;
	}
	.ir-home-bottom-content .vintage .text {
		top: 58%;
	}
}

@media (max-width: 400px) {
	.sub-banner .menu-list {
		margin-top: -44px;
		padding-bottom: 44px;
	}
	.sub-banner .menu-list ul li {
		width: 50%;
	}
	.sub-banner .menu-list ul li a {
		padding: 10px;
		font-size: var(--fontSize16);
		width: 100%;
		text-align: center;
	}
	.ir-home-bottom-content .vintage .text {
		top: 54%;
	}
}

@media (max-width: 375px) {
	.cultivation-content .vintage .text {
		top: 62%;
	}
	.cultivation-content.brand .vintage .text {
		top: 14%;
	}
	.ir-home-bottom-content .vintage .text {
		top: 45%;
	}
	h2.title {
		font-size: var(--fontSize26);
	}
}

@media (max-width: 320px) {
	.cultivation-content .vintage .text {
		top: 55%;
	}
	.cultivation-content.brand .vintage .text {
		top: 1%;
	}
}