@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
	--primary: #333333;
	--purple: #660066;
	--lightPurple: #c123c1;
	--white: #fff;
	--grey: #3d3d3d;
	--lightGrey: #e5e5e5;
	--green: #008239;
	--orange: #d77804;
	--orangeHover: #ffbc5e;
	--blue: #0074c8;
	--lightBlue: #0082df;
	--black: #000000;
	--cap: uppercase;
	--letterSpace: 6px;
	--fontSize11: 11px;
	--fontSize12: 12px;
	--fontSize13: 13px;
	--fontSize14: 14px;
	--fontSize15: 15px;
	--fontSize16: 16px;
	--fontSize17: 17px;
	--fontSize18: 18px;
	--fontSize19: 19px;
	--fontSize20: 20px;
	--fontSize21: 21px;
	--fontSize22: 22px;
	--fontSize23: 23px;
	--fontSize24: 24px;
	--fontSize25: 25px;
	--fontSize26: 26px;
	--fontSize27: 27px;
	--fontSize28: 28px;
	--fontSize29: 29px;
	--fontSize30: 30px;
	--fontSize31: 31px;
	--fontSize32: 32px;
	--fontSize33: 33px;
	--fontSize34: 34px;
	--fontSize35: 35px;
	--fontSize36: 36px;
	--fontSize37: 37px;
	--fontSize38: 38px;
	--fontSize39: 39px;
	--fontSize40: 40px;
	--fontSize41: 41px;
	--fontSize42: 42px;
	--fontSize43: 43px;
	--fontSize44: 44px;
	--fontSize45: 45px;
	--fontSize46: 46px;
	--fontSize47: 47px;
	--fontSize48: 48px;
	--fontSize49: 49px;
	--fontSize50: 50px;
	--fontSize51: 51px;
	--fontSize52: 52px;
	--fontSize53: 53px;
	--fontSize54: 54px;
	--fontSize55: 55px;
	--fontSize56: 56px;
	--fontSize57: 57px;
	--fontSize58: 58px;
	--fontSize59: 59px;
	--fontSize60: 60px;
	--fontSize61: 61px;
	--fontSize62: 62px;
	--fontSize63: 63px;
	--fontSize64: 64px;
	--fontSize65: 65px;
	--fontSize66: 66px;
	--fontSize67: 67px;
	--fontSize68: 68px;
	--fontSize69: 69px;
	--fontSize70: 70px;
	--fontSize71: 71px;
	--fontSize72: 72px;
	--fontSize73: 73px;
	--fontSize74: 74px;
	--fontSize75: 75px;
	--fontSize76: 76px;
	--fontSize77: 77px;
	--fontSize78: 78px;
	--fontSize80: 80px;
	--fontSize81: 81px;
	--fontSize82: 82px;
	--fontSize83: 83px;
	--fontSize84: 84px;
	--fontSize85: 85px;
	--fontSize86: 86px;
	--fontSize87: 87px;
	--fontSize88: 88px;
	--fontSize89: 89px;
	--fontSize90: 90px;
	--fontSize120: 120px;
	--font100: 100;
	--font200: 200;
	--font300: 300;
	--font400: 400;
	--font500: 500;
	--font600: 600;
	--font700: 700;
	--font800: 800;
	--font900: 900;
}
html,
body {
	height: 100%;
	font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 18px;
	width: 100%;
	font-weight: var(--font400);
	color: var(--black);
}
body,
.container.address {
	overflow-x: hidden;
}
#preloader {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	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;
}
.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; */
}
.content {
	background: url('../images/img-sub-banner-bg.jpg') no-repeat;
	padding-top: 104px;
}
a {
	color: var(--orange);
	font-size: var(--fontSize16);
}
a:hover {
	color: var(--orangeHover);
}

.btn-submit:hover {
	background: var(--orangeHover);
}
button {
	background: var(--orange);
	color: var(--white);
	font-size: var(--fontSize16);
	font-weight: var(--font400);
	padding: 10px 50px;
	border-radius: 20px;
	border: none;
}
button:hover {
	background: var(--orangeHover);
}
header {
	font-family: var(--robotoLight);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	background: rgba(255, 255, 255, 1);
}
.header-top {
	background: linear-gradient(to right, #d77804, #d77804, #5f7671, #0074c8, #0074c8);
	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;
}

#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.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: 35px 15px 15px 15px;
	-webkit-tap-highlight-color: transparent;
	font-size: var(--fontSize17);
	text-transform: var(--cap);
	color: var(--orange);
}
.sitenavigation li li a:hover,
.sitenavigation li li a.active {
	border-bottom: none;
}

.header-fixed .sitenavigation li a {
	color: var(--orange);
	padding: 35px 15px 15px 15px;
}
.header-fixed .sitenavigation li ul a {
	padding: 10px 17px;
	font-size: var(--fontSize16);
	font-weight: var(--font300);
}
.header-fixed .logo img,
.logo img {
	height: 50px;
}
.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 {
	color: var(--blue) !important;
	border-bottom: 2px solid var(--blue);
}
.sitenavigation li.nav-dropdown:hover > a {
	color: var(--blue) !important;
	border-bottom: 2px solid var(--blue);
}
.sitenavigation li ul li a {
	background: #0074c8;
	color: var(--white) !important;
	font-size: var(--fontSize16);
	font-weight: var(--font300);
}
.sitenavigation li ul li a.active {
	background: #d77804;
	color: var(--white) !important;
}
.sitenavigation li ul li a:hover {
	background: var(--orange);
	color: var(--white) !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: 0;
	margin: 0;
	/* background: rgb(184, 224, 255);
	background: linear-gradient(180deg, rgba(184, 224, 255, 1) 0%, rgba(224, 241, 255, 0.9178265056022409) 100%); */
}
.header-fixed .sitenavigation li ul {
	/* background: rgb(184, 224, 255); */
	/* background: linear-gradient(180deg, rgba(184, 224, 255, 1) 0%, rgba(224, 241, 255, 0.9178265056022409) 100%); */
}
.sitenavigation li ul a {
	padding: 10px 17px;
	text-transform: capitalize;
	color: var(--black) !important;
	font-size: var(--fontSize16);
}
.sitenavigation li ul li {
	float: none;
	display: block;
	margin: 0;
	border-bottom: 1px solid var(--white);
}
.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 */
.Advance-Slider {
	width: 100%;
	overflow: hidden;
	margin-top: -91px;
}
.Advance-Slider button.slick-arrow {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 50px;
	background: transparent;
	z-index: 99999;
	border: none;
	margin: auto;
	font-size: 0;
	text-align: center;
	outline: none;
	cursor: pointer;
	color: var(--white);
}
.Advance-Slider .img-fill {
	position: relative;
	height: 100%;
}
.Advance-Slider .img-fill img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	/* animation: myMove 15s linear infinite; */
}
.Advance-Slider .item {
	height: 100vh;
	overflow: hidden;
	outline: none;
}
.Advance-Slider button.slick-next.slick-arrow {
	right: 0;
	left: auto;
}
.Advance-Slider button.slick-arrow:before {
	content: '\f104';
	top: 0;
	left: 0;
	margin: auto;
	font-family: fontawesome;
	font-size: var(--fontSize50);
	color: var(--white);
	text-shadow: #d0d0d0 1px 1px 0;
}
.Advance-Slider button.slick-next.slick-arrow:before {
	transform: scaleX(-1);
	display: block;
}
.Advance-Slider .img-fill:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #151515;
	opacity: 0.1;
}

.Advance-Slider ul.slick-dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.Advance-Slider ul.slick-dots li {
	display: inline-block;
	height: auto;
	padding: 0 5px;
	line-height: 0px;
}
.Advance-Slider ul.slick-dots li button {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background: var(--white);
	border: none;
	font-size: 0px;
	padding: 0px;
	opacity: 0.5;
	outline: none;
	transition: all 0.3s ease;
	cursor: pointer;
}
.Advance-Slider ul.slick-dots li.slick-active button {
	opacity: 1;
	background: #efab3f;
}
.Advance-Slider button.slick-arrow {
	perspective: 360px;
}
.Advance-Slider button.slick-arrow .thumb {
	position: absolute;
	height: 100px;
	width: 150px;
	left: 100%;
	top: -28px;
	transform-origin: 0% 0%;
	transform: rotate3d(1, 0, 0, 90deg);
}
.Advance-Slider button.slick-arrow .thumb img {
	height: 100%;
	width: 100%;
}

.Advance-Slider button.slick-next .thumb {
	left: auto;
	right: 100%;
}
.Advance-Slider button.slick-prev.hover-out .thumb,
.Advance-Slider button.slick-prev .thumb {
	animation: out-left 300ms ease 0ms 1 forwards;
}
.Advance-Slider button.slick-prev.hover-in .thumb {
	animation: in-left 300ms ease 0ms 1 forwards;
}
.Advance-Slider button.slick-next.hover-out .thumb,
.Advance-Slider button.slick-next .thumb {
	animation: out-right 300ms ease 0ms 1 forwards;
	transform-origin: 100% 50%;
}
.Advance-Slider button.slick-next.hover-in .thumb {
	animation: in-right 300ms ease 0ms 1 forwards;
}

.Advance-Slider button.slick-prev:hover {
	transform: translateX(-100%);
}
.Advance-Slider button.slick-prev {
	transition: all 0.3s ease;
}
.Advance-Slider button.slick-next:hover {
	transform: translateX(100%);
}
.Advance-Slider button.slick-next {
	transition: all 0.3s ease;
}
.Advance-Slider ul.slick-dots li button img {
	height: 0;
	width: 20px;
	top: 0;
	object-fit: cover;
	transition: height 0.2s ease 0.2s, width 0.2s ease 0s;
	position: relative;
	left: -50%;
}
.Advance-Slider ul.slick-dots li button a {
	position: absolute;
	height: 90px;
	bottom: calc(100%);
	width: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	transition: all 0.2s ease 0.2s;
	padding-bottom: 10px;
}
.Advance-Slider ul.slick-dots li button {
	position: relative;
	display: flex;
	justify-content: center;
}

.Advance-Slider ul.slick-dots li button:hover img {
	height: 80px;
	width: 140px;
	transition: height 0.2s ease, width 0.2s ease 0.2s;
}
.Advance-Slider ul.slick-dots li button:hover a {
	width: 140px;
	transition: all 0.3s ease 0s;
}
.Advance-Slider ul.slick-dots li button:hover {
	opacity: 1;
}
.Advance-Slider ul.slick-dots li button:before {
	content: '';
	bottom: calc(100% + -10px);
	left: 7px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0px;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	transition: 0.3s ease 350ms;
}

.Advance-Slider ul.slick-dots li button:hover:before {
	opacity: 1;
	transition: 0.3s ease 0s;
}
.Advance-Slider .item.slick-active {
	animation: Slick-FastSwipeIn 1s both;
}

.Advance-Slider .item .contain-wrapper {
	position: absolute;
	left: 10%;
	top: 20%;
	z-index: 1;
	height: 100%;
	width: 100%;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	text-align: left;
}
.Advance-Slider .item .contain-wrapper .dots-contain {
	display: none;
}
.Advance-Slider .item h3 {
	margin: 0px;
	color: #fff;
	font-size: var(--fontSize150);
	font-weight: var(--font700);
	/* text-shadow: #e0e0e0 1px 1px 0; */
}
.Advance-Slider .item h3 strong {
	margin: 0px;
	color: #fff;
	font-size: var(--fontSize70);
	font-weight: var(--font600);
	text-transform: var(--cap);
	display: block;
	font-family: var(--fontBebas);
	/* text-shadow: #e0e0e0 1px 1px 0; */
}

.Advance-Slider .item {
	color: #fff;
}
.Advance-Slider .item h5 {
	font-size: var(--fontSize48);
	font-weight: 300;
	padding: 10px 0 0;
	margin: 0;
	text-transform: capitalize;
	font-family: var(--fontRobotoRegular);
	max-width: 480px;
}
.Advance-Slider .item .contain-wrapper .info {
	/* max-width: 1200px; */
}
.Advance-Slider .item h5 span {
	color: #00bcd4;
}

.Advance-Slider .item h3 {
	animation: fadeOutRight 1s both;
}
.Advance-Slider .item.slick-active h3 {
	animation: fadeInDown 1s both 1s;
}
.Advance-Slider .item h5 {
	animation: fadeOutLeft 1s both;
}
.Advance-Slider .item.slick-active h5 {
	animation: fadeInLeft 1s both 1.5s;
}

.Advance-Slider .item.banner-one h3 {
	font-size: var(--fontSize68);
	font-weight: var(--font600);
	line-height: 80px;
	color: #d77804;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-one h3 span.blue {
	font-size: var(--fontSize68);
	font-weight: var(--font600);
	line-height: 80px;
	color: #0074c8;
	display: block;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-one .contain-wrapper {
	left: 0%;
	top: 30%;
}
.break {
	display: block;
}

.Advance-Slider .item.banner-two h3 {
	font-size: var(--fontSize55);
	font-weight: var(--font600);
	line-height: 70px;
	color: #d77804;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-two h3 span.blue {
	font-size: var(--fontSize55);
	font-weight: var(--font600);
	line-height: 70px;
	color: #0074c8;
	display: block;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-two h3 span.first {
	font-size: var(--fontSize55);
	font-weight: var(--font600);
	line-height: 70px;
	color: #d77804;
	display: block;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-two .contain-wrapper {
	left: 0%;
}

.Advance-Slider .item.banner-three h3 {
	font-size: var(--fontSize68);
	font-weight: var(--font600);
	line-height: 80px;
	color: #d77804;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-three h3 span.blue {
	font-size: var(--fontSize68);
	font-weight: var(--font600);
	line-height: 80px;
	color: #0074c8;
	display: block;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-three .contain-wrapper {
	left: 0%;
	top: 30%;
}

.Advance-Slider .item.banner-four h3 {
	font-size: var(--fontSize55);
	font-weight: var(--font600);
	line-height: 70px;
	color: #d77804;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-four h3 span.blue {
	font-size: var(--fontSize55);
	font-weight: var(--font600);
	line-height: 70px;
	color: #0074c8;
	display: block;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-four h3 span.first {
	font-size: var(--fontSize55);
	font-weight: var(--font600);
	line-height: 70px;
	color: #d77804;
	display: block;
	font-family: 'Barlow Condensed', sans-serif;
}
.Advance-Slider .item.banner-four .contain-wrapper {
	left: 0;
}
.Advance-Slider .home-line {
	background: linear-gradient(to right, #d77804, #d77804, #5f7671, #0074c8, #0074c8);
	height: 2px;
	width: 87px;
	margin-bottom: 20px;
}
.Advance-Slider .item .contain-wrapper .info-inner.orange {
	background: rgba(255, 255, 255, 0.7);
	padding: 20px;
	max-width: 45%;
	border: 5px solid var(--orange);
	margin: 0 auto;
	text-align: center;
}
.Advance-Slider .item .contain-wrapper .info-inner.blue {
	background: rgba(255, 255, 255, 0.7);
	padding: 20px;
	max-width: 45%;
	border: 5px solid var(--blue);
	text-align: left;
	float: right;
}
.item.banner-two .info-inner {
	margin-right: 100px;
}

.item.banner-three .info-inner {
}
.Advance-Slider .item.banner-three .contain-wrapper .info-inner.orange {
	float: left;
	margin-left: 50px;
}

.Advance-Slider .item.banner-four .contain-wrapper .info-inner.blue {
	float: right;
	margin-right: 50px;
}

@keyframes myMove {
	from {
		transform: scale(1.0, 1.0);
		transform-origin: 50% 50%;
	}
	to {
		transform: scale(1.8, 1.9);
		transform-origin: 50% 0%;
	}
}
@keyframes Slick-FastSwipeIn {
	0% {
		transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
	}
	100% {
		transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
	}
}

@keyframes in-left {
	from {
		-webkit-transform: rotate3d(0, 1, 0, 90deg);
		transform: rotate3d(0, 1, 0, 90deg);
	}
	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}
@keyframes out-left {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
	to {
		-webkit-transform: rotate3d(0, 1, 0, 86deg);
		transform: rotate3d(0, 1, 0, 86deg);
	}
}
@keyframes in-right {
	from {
		-webkit-transform: rotate3d(0, -1, 0, 90deg);
		transform: rotate3d(0, -1, 0, 90deg);
	}
	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}
@keyframes out-right {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
	to {
		-webkit-transform: rotate3d(0, -1, 0, 86deg);
		transform: rotate3d(0, -1, 0, 86deg);
	}
}

.home-about {
	font-size: var(--fontSize22);
	background: #fff url('../images/img-logo-watermark.png') no-repeat center center;
	background-size: 350px 350px;
}
.home-about h1 {
	font-size: var(--fontSize32);
	font-weight: var(--font400);
	color: var(--orange);
}
.home-about p.register {
	font-size: var(--fontSize18);
	font-weight: var(--font300);
}
.home-subscribe a {
	background: #d77804;
	padding: 10px 50px;
	color: var(--white);
	border-radius: 20px;
	text-transform: uppercase;
}
.home-subscribe a:hover {
	background: #bf6901;
}

.home-ir {
	background: url('../images/img-investor-bg.jpg') no-repeat center center fixed;
	background-size: cover;
}
h2.title {
	font-size: var(--fontSize32);
	font-weight: var(--font400);
	color: var(--white);
}
.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-what-we-do {
	background: url('../images/img-home-texture-blue-bg.jpg') no-repeat center center;
	background-size: cover;
}
.home-what-we-do h2 {
	color: #0c7bcb;
	font-weight: var(--font500);
}
.clinical-content {
	position: relative;
}
.home-business-operations .two {
	padding-top: 24px;
}
.clinical-content .text {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.clinical-content {
	color: var(--white);
	font-size: var(--fontSize20);
	font-weight: var(--font600);
}
.clinical-content a {
	color: var(--white);
	font-size: var(--fontSize16);
	font-weight: var(--font500);
}
.clinical-content .box {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	max-width: 520px;
}
.clinical-content .box .hide {
	opacity: 0;
}
.clinical-content .box .text,
.clinical-content .box p {
	position: absolute;
	color: #fff;
	z-index: 2;
	width: 100%;
	transition: opacity 0.2s, transform 0.3s;
}
.clinical-content .box:hover {
	transition: all 0.3s ease-in-out;
}
.clinical-content .box:hover:before {
	transition: all 0.3s ease-in-out;
}
.clinical-content .box img {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.clinical-content .box img:hover {
	transition: all 0.3s ease-in-out;
}
.clinical-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;
}
.clinical-content .box img:hover {
	transition: all 0.3s ease-in-out;
}
.clinical-content .vintage .text {
	bottom: 18px;
	transform: translate3d(0, 0, 0);
	/* transform: translate3d(0, 60px, 0); */
	font-size: var(--fontSize20);
}
.clinical-content .vintage p {
	opacity: 0;
	bottom: -22px;
	transform: translate3d(0, -10px, 0);
	font-size: 14px;
	left: 20px;
	font-size: 16px;
	font-weight: 400;
}
.clinical-content .vintage:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 116, 200, 0) 0%, rgba(0, 116, 200, 0.8) 75%);
	z-index: 2;
	/* bottom: -100%; */
	left: 0;
	border-radius: 16px;
}
.clinical-content .vintage:hover:before {
	bottom: 0;
}
.clinical-content .vintage:hover .text {
	bottom: 40px;
	transform: translate3d(0, -40px, 0);
}
.clinical-content .vintage:hover p {
	opacity: 1;
	transform: translate3d(0, -30px, 0);
}

.clinical-content.brand .vintage .text {
	top: 52%;
	transform: translate3d(0, 60px, 0);
}
.clinical-content.brand .vintage:hover .text {
	bottom: 12px;
	transform: translate3d(0, 12px, 0);
}
.home-what-we-do-middle p {
	font-size: var(--fontSize20);
	font-weight: var(--font400);
	color: var(--black);
}
.home-what-we-do-middle img {
	width: 110px;
}

.bottom-logo-content {
	background: var(--white);
}
.bottom-logo-content .container-ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bottom-logo-content .item {
	padding: 5px;
	margin: 10px;
	text-align: center;
}

#goldconio {
	width: 300px;
	height: 300px;
	transform-style: preserve-3d;
	animation: spin 8.5s linear infinite;
	margin: 0 auto;
}

.back {
	background-image: url("http://localhost/lycmedicare/frontend/web/images/img-logo-watermark-main.png");
	width: 300px;
	height: 300px;
}

.middle {
	background-image: url("http://localhost/lycmedicare/frontend/web/images/img-logo-watermark-main.png");
	width: 300px;
	height: 300px;
	transform: translateZ(1px);
	position: absolute;
	top: 0;
}

.front {
	background-image: url("http://localhost/lycmedicare/frontend/web/images/img-logo-watermark-main.png");
	height: 300px;
	position: absolute;
	top: 0;
	transform: translateZ(10px);
	width: 300px;
}

.middle:nth-child(1) {
	transform: translateZ(1px);
}

.middle:nth-child(2) {
	transform: translateZ(2px);
}

.middle:nth-child(3) {
	transform: translateZ(3px);
}

.middle:nth-child(4) {
	transform: translateZ(4px);
}

.middle:nth-child(5) {
	transform: translateZ(5px);
}

.middle:nth-child(6) {
	transform: translateZ(6px);
}

.middle:nth-child(7) {
	transform: translateZ(7px);
}

.middle:nth-child(8) {
	transform: translateZ(8px);
}

.middle:nth-child(9) {
	transform: translateZ(9px);
}

@keyframes spin {
	0% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}

/* Overview*/
.overview-cir {
	background: url('../images/img-overview-vision-bg.png') no-repeat center center;
	background-size: 400px 400px;
	height: 450px;
}
.overview-top {
	font-size: var(--fontSize20);
	font-weight: var(--font300);
}
.overview-top span {
	font-weight: var(--font500);
}
.overview-cir .inner {
	max-width: 280px;
	margin: 0 auto;
	padding: 80px 0 30px 0;
	text-align: center;
}
.overview-cir .inner h1 {
	font-size: var(--fontSize36);
	font-weight: var(--font700);
	color: var(--orange);
	text-transform: uppercase;
}
.overview-cir .inner p {
	font-weight: var(--font300);
}
.overview-bottom {
	position: relative;
	max-width: 534px;
	float: right;
}
.overview-bottom.orange {
	position: relative;
	max-width: 534px;
	float: left;
}
.overview-bottom img {
	display: block;
	max-width: 100%;
	height: auto;
	display: block;
}
.overview-bottom .text {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	padding: 20px;
	z-index: 1;
}
.overview-bottom .text {
	color: var(--white);
}
.overview-bottom .text h1 {
	font-size: var(--fontSize20);
	font-weight: var(--font600);
}
.overview-bottom .text p {
	font-size: var(--fontSize16);
	font-weight: var(--font300);
}
.overview-bottom.blue:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--blue);
	opacity: 0.7;
	z-index: 0;
}
.overview-bottom.blue:hover:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 0.7;
	z-index: 0;
}
.overview-bottom.blue:hover {
	transform: scale(1.1);
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, .2);
	cursor: pointer;
	display: block;
	-webkit-transition: transform .1s ease-in-out;
	-moz-transition: transform .1s ease-in-out;
	-o-transition: transform .1s ease-in-out;
	-ms-transition: transform .1s ease-in-out;
	transition: transform .1s ease-in-out;
}

.overview-bottom.orange:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--orange);
	opacity: 0.7;
	z-index: 0;
}
.overview-bottom.orange:hover:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 0.7;
	z-index: 0;
}
.overview-bottom.orange:hover {
	transform: scale(1.1);
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, .2);
	cursor: pointer;
	display: block;
	-webkit-transition: transform .1s ease-in-out;
	-moz-transition: transform .1s ease-in-out;
	-o-transition: transform .1s ease-in-out;
	-ms-transition: transform .1s ease-in-out;
	transition: transform .1s ease-in-out;
}
.overview-box .col-md-6 {
	padding: 0;
	margin: 0;
}

.seven-cols .col-lg-1,
.seven-cols .col-lg-1,
.seven-cols .col-lg-1 {
	width: 14.285714285714285714285714285714%;
}
.row.seven-cols .col-lg-1 {
	flex: inherit;
	max-width: 100%;
}
.row.seven-cols .col-lg-1 p {
	line-height: 20px;
}

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

footer {
	background: url(../images/img-footer-bg.jpg) no-repeat center center;
	color: var(--white);
	background-size: cover;
}

.footer-list {
	margin: 0;
	padding: 0;
}
.footer-list.last,
.footer-list.last a {
	font-size: 14px;
}
.footer-box {
	border: 1px solid var(--orangeHover);
	padding: 20px;
}
.footer-list li {
	list-style: none;
	padding: 10px 0;
	line-height: 20px;
}
.footer-list li a {
	color: var(--white);
	font-weight: var(--font300);
}
footer h1 {
	font-weight: var(--font600);
	font-size: var(--font18);
}
.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 #e68b3b;
	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: 227px;
	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: 250px;
	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);
}

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

.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(--orange);
	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(--orangeHover);
}
.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;
	font-size: var(--fontSize67);
	font-weight: var(--font600);
	color: var(--white);
	text-shadow: 4px 4px 3px rgba(156, 173, 186, 1);
	line-height: 77px;
}

.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(--fontSize22);
	font-weight: var(--font400);
	line-height: 30px;
}

/* BOD */
/* .menu-toggler {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.menu-toggler:hover + label,
.menu-toggler:hover + label:before,
.menu-toggler:hover + label:after {
	background: white;
}

.menu-toggler:checked + label {
	background: transparent;
}
.menu-toggler:checked + label:before,
.menu-toggler:checked + label:after {
	top: 0;
	width: 40px;
	transform-origin: 50% 50%;
}
.menu-toggler:checked + label:before {
	transform: rotate(45deg);
}
.menu-toggler:checked + label:after {
	transform: rotate(-45deg);
}

.menu-toggler:checked ~ ul .menu-item {
	opacity: 1;
}
.menu-toggler:checked ~ ul .menu-item:nth-child(1) {
	transform: rotate(0deg) translateX(-110px);
}
.menu-toggler:checked ~ ul .menu-item:nth-child(2) {
	transform: rotate(60deg) translateX(-110px);
}
.menu-toggler:checked ~ ul .menu-item:nth-child(3) {
	transform: rotate(120deg) translateX(-110px);
}
.menu-toggler:checked ~ ul .menu-item:nth-child(4) {
	transform: rotate(180deg) translateX(-110px);
}
.menu-toggler:checked ~ ul .menu-item:nth-child(5) {
	transform: rotate(240deg) translateX(-110px);
}
.menu-toggler:checked ~ ul .menu-item:nth-child(6) {
	transform: rotate(300deg) translateX(-110px);
}
.menu-toggler:checked ~ ul .menu-item a {
	pointer-events: auto;
}

.menu-toggler + label {
	width: 40px;
	height: 5px;
	display: block;
	z-index: 1;
	border-radius: 2.5px;
	background: rgba(0, 0, 0, 0.7);
	transition: transform 0.5s, top 0.5s;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.menu-toggler + label:before,
.menu-toggler + label:after {
	width: 40px;
	height: 5px;
	display: block;
	z-index: 1;
	border-radius: 2.5px;
	background: rgba(255, 255, 255, 0.7);
	transition: transform 0.5s, top 0.5s;
	content: "";
	position: absolute;
	left: 0;
	color: red;
}
.menu-toggler + label:before {
	top: 10px;
}
.menu-toggler + label:after {
	top: -10px;
}

.menu-item:nth-child(1) a {
	transform: rotate(0deg);
}

.menu-item:nth-child(2) a {
	transform: rotate(-60deg);
}

.menu-item:nth-child(3) a {
	transform: rotate(-120deg);
}

.menu-item:nth-child(4) a {
	transform: rotate(-180deg);
}

.menu-item:nth-child(5) a {
	transform: rotate(-240deg);
}

.menu-item:nth-child(6) a {
	transform: rotate(-300deg);
}

.menu-item {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 250px;
	height: 200px;
	display: block;
	opacity: 0;
	transition: 0.5s;
	text-align: center;
}

.menu-item a {
	display: block;
	width: inherit;
	height: inherit;
	line-height: 80px;
	color: rgba(0, 0, 0, 0.7);
	background: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	font-size: 40px;
	pointer-events: none;
	transition: 0.2s;
}
.menu-item a:hover {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
	color: white;
	background: rgba(255, 255, 255, 0.3);
	font-size: 44.4444444444px;
} */

.menu-item {
	width: 250px;
	height: 150px;
	margin-left: -40px;
	position: absolute;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform ease-out 200ms;
	transition: -webkit-transform ease-out 200ms;
	transition: transform ease-out 200ms;
	transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}
.menu-item h1 {
	color: #d77804;
	font-size: var(--fontSize24);
	font-weight: var(--font600);
}
.menu-item p {
	font-size: var(--fontSize18);
	color: var(--black);
}
.menu-open-button {
	width: 250px;
	height: 250px;
	margin-left: -40px;
	position: absolute;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform ease-out 200ms;
	transition: -webkit-transform ease-out 200ms;
	transition: transform ease-out 200ms;
	transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
	background: white;
}

.menu-open {
	display: none;
}

.lines {
	width: 25px;
	height: 3px;
	background: #596778;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12.5px;
	margin-top: -1.5px;
	-webkit-transition: -webkit-transform 200ms;
	transition: -webkit-transform 200ms;
	transition: transform 200ms;
	transition: transform 200ms, -webkit-transform 200ms;
}

.line-1 {
	-webkit-transform: translate3d(0, -8px, 0);
	transform: translate3d(0, -8px, 0);
}

.line-2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.line-3 {
	-webkit-transform: translate3d(0, 8px, 0);
	transform: translate3d(0, 8px, 0);
}

.menu-open:checked + .menu-open-button .line-1 {
	-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
	transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked + .menu-open-button .line-2 {
	-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
	transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked + .menu-open-button .line-3 {
	-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
	transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -5%;
	right: 0;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	font-size: 37px;
}

.menu-item {
	transition: all 0.1s ease 0s;
}

/* .menu-item:hover {
	background: #eeeeee;
	color: #3290b1;
} */

.menu-item:nth-child(3) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-item:nth-child(4) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-item:nth-child(5) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-item:nth-child(6) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-item:nth-child(7) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-item:nth-child(8) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-item:nth-child(9) {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
}

.menu-open-button {
	z-index: 2;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	cursor: pointer;
}

.menu-open-button:hover {
	-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open:checked + .menu-open-button {
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
	transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
	-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
	transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menu-open:checked ~ .menu-item:nth-child(3) {
	transition-duration: 180ms;
	-webkit-transition-duration: 180ms;
	-webkit-transform: translate3d(0.08361px, -104.99997px, 0);
	transform: translate3d(0.08361px, -104.99997px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(4) {
	transition-duration: 280ms;
	-webkit-transition-duration: 280ms;
	-webkit-transform: translate3d(100%, -15.47586px, 0);
	transform: translate3d(100%, -15.47586px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(5) {
	transition-duration: 380ms;
	-webkit-transition-duration: 380ms;
	-webkit-transform: translate3d(100%, 150.47586px, 0);
	transform: translate3d(100%, 150.47586px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(6) {
	transition-duration: 480ms;
	-webkit-transition-duration: 480ms;
	-webkit-transform: translate3d(0.08361px, 170%, 0);
	transform: translate3d(0.08361px, 170%, 0);
}

.menu-open:checked ~ .menu-item:nth-child(7) {
	transition-duration: 580ms;
	-webkit-transition-duration: 580ms;
	-webkit-transform: translate3d(-100%, 150.62064px, 0);
	transform: translate3d(-100%, 150.62064px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(8) {
	transition-duration: 680ms;
	-webkit-transition-duration: 680ms;
	-webkit-transform: translate3d(-100%, -15.33095px, 0);
	transform: translate3d(-100%, -15.33095px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(9) {
	transition-duration: 780ms;
	-webkit-transition-duration: 780ms;
	-webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
	transform: translate3d(-0.25084px, -104.9997px, 0);
}

.bod {
	height: 650px;
}
.designation {
}
.mybod .modal-body {
	background: #cccccc url('../images/img-bod-watermark.png') no-repeat center center;
}
.mybod .modal-header {
	border-bottom: none;
	padding: 0;
}
.mybod .modal-header .close {
	text-align: center;

	text-shadow: none;
	padding: 0;
}
.mybod .modal-header .close span {
	width: 20px;
	height: 20px;
	margin-top: -4px;
	color: var(--white);
	margin: 0 auto;
	/* background: url('../images/close.png') no-repeat center center; */
	display: inline-block;
	margin-top: 0;
}
.mybod .modal-header button.close {
	border-radius: 100%;
	background: var(--blue);
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 10;
}
.mybod .modal-header button.close img,
.btn-bod img {
	width: 15px;
	height: 15px;
}

.btn-bod {
	border-radius: 100%;
	background: var(--blue);
	width: 30px;
	height: 30px;
	text-align: center;
}
.btn-bod:hover {
	opacity: .75;
}
.btn-bod {
	border-radius: 100%;
	background: var(--blue);
	width: 30px;
	height: 30px;
	text-align: center;
}
.mybod .modal-body {
	margin-top: 0;
}
.mybod .close {
	opacity: 1;
}
.mybod .modal-body h1 {
	color: #d77804;
	font-size: var(--fontSize24);
	font-weight: var(--font600);
}
.mybod .modal-body .title {
	font-style: italic;
	font-size: var(--fontSize14);
}
.mybod .modal-header {
	background: linear-gradient(to right, #d77804, #d77804, #5f7671, #0074c8, #0074c8);
	height: 3px;
}

.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;
}

/* Management */

.board-of-directors .box-container[aria-expanded*="true"],
.board-of-directors .box-container[data-toggle*="collapse"]:hover,
.management-team .box-container[aria-expanded*="true"],
.management-team .box-container[data-toggle*="collapse"]:hover {
	background: #f8f8f8;
	text-decoration: none;
}

.box-container {
	max-width: 100%;
	width: 100%;
}
#bod-mobile .box-container {
	background: #0074c8;
}
.director_name {
	color: var(--white);
	margin: 0;
}
.designation {
	color: var(--white);
	font-size: var(--fontSize15);
}
.bod-close {
	position: absolute;
	top: 2rem;
	right: 20px;
	cursor: pointer;
}

.sub-width {
	width: 94%;
}

.board-of-directors ol {
	counter-reset: item;
	margin-left: 0;
	padding-left: 0;
}

.board-of-directors ol li {
	display: block;
	margin-left: 1em;
}

.board-of-directors ol li::before {
	display: inline-block;
	content: " _ ";
	counter-increment: item;
	width: 0.8em;
	margin-left: -0.8em;
	position: relative;
	top: -.5em;
	vertical-align: baseline;
	color: #292929;
	font-family: 'Neris-Light.otf';
	opacity: 50%;
}

.board-of-directors .designation {
	text-shadow: 0 0 #292929;
	font-size: 17px;
	font-size: var(--fontSize18);
	font-weight: var(--font300);
	color: var(--black);
}

.board-of-directors .director_name {
	font-size: var(--fontSize24);
	font-weight: var(--font600);
	color: var(--orange);
}
.border-1-bottom-grey {
	background: linear-gradient(to right, #d77804, #d77804, #5f7671, #0074c8, #0074c8);
	height: 3px;
}
.bod-content {
	padding: 40px 80px 40px 30px;
	background: #cccccc url(../images/img-bod-watermark.png) no-repeat center center;
}

/* clinical-and-specialist-services */
.list-services {
	text-align: center;
	list-style-position: inside;
	font-size: var(--fontSize20);
	font-weight: var(--font300);
}
.clinical-top.container {
	max-width: 1300px;
}
.clinical-top .first {
	font-size: var(--fontSize20);
	font-weight: var(--font500);
	line-height: 30px;
}
.clinical-top .second {
	font-size: var(--fontSize20);
	font-weight: var(--font300);
}
.line-divider {
	background: #d77804;
	height: 2px;
	width: 87px;
	margin-bottom: 20px;
}
.clinical-tt {
	font-size: var(--fontSize20);
}
.clinical-chronic {
	font-size: var(--fontSize16);
	font-weight: var(--font300);
}
.clinical-chronic .one {
	padding-bottom: 20px;
}
.clinical-MRI {
	margin-top: -50px;
}
.clinical-MRI .line-divider {
	background: #0074c8;
	height: 2px;
	width: 87px;
	margin-bottom: 20px;
}
.clinical-tt h1 {
	font-size: var(--fontSize20);
	font-weight: var(--font500);
	line-height: 30px;
}
.clinical-MRI h1 {
	font-size: var(--fontSize20);
	font-weight: var(--font500);
	line-height: 30px;
}
.clinical-scans {
	font-size: var(--fontSize16);
	font-weight: var(--font300);
	line-height: 30px;
}

.clinical-website h1 {
	font-size: var(--fontSize20);
	font-weight: var(--font500);
	line-height: 30px;
}
.read-more a {
	background: var(--orange);
	color: var(--white);
	font-size: var(--fontSize14);
	font-weight: var(--font400);
	padding: 5px 8px;
	border-radius: 20px;
}
.read-more a:hover {
	background: var(--orangeHover);
}
.read-more .logo img {
	height: 84px;
}
.bottom-full {
	max-width: 100%;
}
.bottom-full .left {
	width: 40%;
	float: left;
}
.bottom-full .right {
	width: 56%;
	float: left;
	padding: 0 2% 2% 2%;
}
.bottom-full .right h1 {
	font-size: var(--fontSize20);
	font-weight: var(--font500);
	line-height: 30px;
}
.bottom-full .right p,
.bottom-full .right ul {
	font-size: var(--fontSize20);
	font-weight: var(--font300);
}

/* nutraceutical-supplements-and-ingredients*/
.formulate-content {
	background: url('../images/img-nutraceutical-supplements-ingredients-bg.png') no-repeat center center;
}
.formulate-content h1 {
	font-size: var(--fontSize20);
	font-weight: var(--font500);
	padding: 30px 0;
	line-height: 30px;
}
.formulate-bottom h1 {
	font-size: var(--fontSize20);
	font-weight: var(--font500);
	padding-bottom: 25px;
	line-height: 30px;
}
.formulate-bottom .inner {
	background: url('../images/img-logo-watermark.png') no-repeat center center;
	background-size: 300px 300px;
}
.formulate-bottom p {
	font-weight: var(--font300);
	font-size: var(--fontSize16);
}

/* flag */
.flag {
	background: url('../images/icon-singapore.png') no-repeat left center;
	height: 36px;
	margin-bottom: 15px;
}
.flag.none {
	background: none;
	height: 36px;
	margin-bottom: 15px;
}
.flag.my {
	background: url('../images/icon-malaysia.png') no-repeat left center;
	height: 36px;
	margin-bottom: 15px;
}
.flag h1 {
	font-weight: var(--font500);
	font-size: var(--fontSize24);
	color: var(--orange);
	padding: 4px 0 0 50px;
}
.contact-top p strong {
	font-size: var(--fontSize18);
	font-weight: var(--font500);
}
.contact-top p {
	font-weight: var(--font300);
	font-size: var(--fontSize14);
}
.contact-top a {
	font-size: var(--fontSize14);
	font-weight: var(--font300);
	color: var(--blue);
}
.divider-contact {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.contact-bg {
	background: url(../images/img-bod-watermark.png) no-repeat center center;
}
/* Publication */
.ar-content {
	background: #f1f1f1;
	padding: 25px 30px;
	border-radius: 20px;
	margin-top: 52px;
}
.contact-info h2 {
	font-size: var(--fontSize24);
	font-weight: var(--font600);
	color: var(--orange);
	padding: 20px 0;
}

/* 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: #808080;
	font-size: var(--fontSize14);
	font-weight: var(--font300);
}
.ir-home-news .left i {
	color: var(--black);
	font-size: var(--fontSize20);
}
.ir-home-news a {
	color: var(--black);
	font-size: var(--fontSize16);
	padding: 15px 0;
	display: block;
}
.ir-home-news .inner {
	border-bottom: 1px solid #dedede;
	margin-top: 10px;
}

.prospectus-bg {
	background: url('../images/img-logo-watermark.png') no-repeat center center;
	background-size: 200px 200px;
}
.prospectus-bg h1 {
	font-size: var(--fontSize16);
	font-weight: var(--font500);
	margin-bottom: 25px;
}
.prospectus-bg p {
	font-size: var(--fontSize16);
	font-weight: var(--font300);
	margin-bottom: 25px;
}

.ir-bottom .ar {
	background: url('../images/img-ir-home-publications-bg.jpg') no-repeat center center;
	height: 240px;
	padding: 30px;
}
.ir-bottom .ar h1 {
	font-size: var(--fontSize24);
	font-weight: var(--font500);
	color: var(--blue);
}
.ir-bottom .ar .latest {
	font-size: var(--fontSize18);
	font-weight: var(--font300);
}
.ir-bottom .ar .annual {
	font-size: var(--fontSize14);
	font-weight: var(--font300);
}
.ir-bottom .ar .download {
	background: url('../images/img-ir-home-publications-button.png') no-repeat left center;
	height: 50px;
	margin-top: 20px;
}

.ir-bottom .ar .download a {
	display: block;
	padding: 15px 0 0 60px;
	color: #353535;
}

.ir-bottom .ar.email {
	background: url('../images/img-ir-home-email-alert-bg.jpg') no-repeat center center;
	height: 240px;
	padding: 30px;
}
.ir-bottom .ar.email h1 {
	font-size: var(--fontSize24);
	font-weight: var(--font500);
	color: var(--orange);
}
.ir-bottom .ar.email .download {
	background: url('../images/img-ir-home-email-alert-bg-button.png') no-repeat left center;
	height: 50px;
	margin-top: 20px;
}

.ir-bottom .col-lg-6 {
	padding: 0;
	margin: 0;
}
.form-control {
	font-size: var(--fontSize12);
}

.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);
}

/* ---------------------- Vertical Tabs */
.tabs {
	position: relative;
	min-height: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	/* ---------------------- Tab */
	/* ---------------------- Content */
}
.tabs .tab {
	margin-bottom: 1px;
	/* ---------------------- Tab Toggle */
}
.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: 15px;
	font-size: var(--fontSize12);
	font-weight: var(--font300);
}
label,
.invalid-feedback {
	font-size: var(--fontSize12);
	font-weight: var(--font300);
}
.left-addon textarea {
	height: 200px;
}
#login-form,
#login-form-careers {
	max-width: 670px;
	margin: 0 auto;
}
#login-form .form-group {
	margin-bottom: 0;
}
.btn-submit {
	background: var(--orange);
	color: var(--white);
	font-size: var(--fontSize16);
	font-weight: var(--font400);
	padding: 10px 50px;
	border-radius: 20px;
}
.btn-submit:hover {
	background: var(--orangeHover);
}
.table-reporting tr td {
	padding: 10px;
	vertical-align: top;
}
.table-reporting a {
	color: #3284ff;
}

#awards {
	background: var(--purple);
	max-width: 550px;
	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;
}

/* Careers */
.careers h1 {
	color: #0074c8;
	font-weight: var(--font500);
	font-size: var(--fontSize30);
}
.form-control-file,
.form-control-range {
	font-size: 12px;
}
.careers p {
	font-size: var(--fontSize20);
	font-weight: var(--font300);
}
.news {
	font-size: var(--fontSize36);
	font-weight: var(--font500);
	color: var(--blue);
}

/* IR */
.ir h2 {
	font-size: var(--fontSize20);
	font-weight: var(--font500);
	line-height: 28px;
}

/* 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);
}

/* Preloader */
/* #preloader {
	display: block !important;
} */
.ctn-preloader {
	align-items: center;
	cursor: none;
	display: flex;
	height: 100%;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9000;
}
.ctn-preloader .animation-preloader {
	position: absolute;
	z-index: 10000;
	width: 100%;
	text-align: center;
}
/* Spinner cargando */
.ctn-preloader .animation-preloader .spinner {
	animation: spinner 1s infinite linear;
	border-radius: 50%;
	border: 3px solid rgba(0, 0, 0, 0.2);
	border-top-color: #000000; /* No se identa por orden alfabetico para que no lo sobre-escriba */
	height: 9em;
	margin: 0 auto 3.5em auto;
	width: 9em;
}

/* Texto cargando */
.ctn-preloader .animation-preloader .txt-loading {
	font-size: 5em;
	font-family: 'Barlow Condensed', sans-serif;
	text-align: center;
	user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
	animation: letters-loading 4s infinite;
	color: #000000;
	content: attr(data-text-preloader);
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: rotateY(-90deg);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
	color: rgba(0, 0, 0, 0.2);
	position: relative;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
	animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
	animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
	animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
	animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
	animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
	animation-delay: 1.2s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
	animation-delay: 1.4s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
	animation-delay: 1.6s;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
	animation-delay: 1.8s;
}

.ctn-preloader .loader-section {
	background-color: #ffffff;
	width: 100%;
	position: fixed;
	top: 0;
	height: 100%;
}
.ctn-preloader .loader-section.section-left {
	top: 0;
}
.ctn-preloader .loader-section.section-right {
	bottom: 0;
}

/* Efecto de fade en la animación de cargando */
.loaded .animation-preloader {
	opacity: 0;
	transition: 0.3s ease-out;
}

/* Efecto de cortina */
.loaded .loader-section.section-left {
	transform: translateY(-101%);
	transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

.loaded .loader-section.section-right {
	transform: translateY(101%);
	transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
.text-content {
	color: #c0c2c4;
	margin-top: 20px;
	letter-spacing: 1px;
	font: bold 22px var(--trajanRegular);
}

/* Animación del preloader */
@keyframes spinner {
	to {
		transform: rotateZ(360deg);
	}
}

/* Animación de las letras cargando del preloader */
@keyframes letters-loading {
	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}

	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

.u-loading {
	width: 128px;
	height: 128px;
	display: block;
	margin: 0 auto;
}
.u-loading__symbol {
	background-color: var(--blue);
	padding: 8px;
	animation: loading 3s infinite;
	border-radius: 5px;
}
.u-loading__symbol img {
	display: block;
	max-width: 100%;
	animation: loading-icon 3s infinite;
}

@keyframes loading {
	0% {
		transform: perspective(250px) rotateX(0deg) rotateY(0deg);
	}
	15% {
		background-color: var(--orange);
	}
	16% {
		background-color: var(--blue);
	}
	50% {
		transform: perspective(250px) rotateX(180deg) rotateY(0deg);
		background-color: var(--blue);
	}
	65% {
		background-color: var(--blue);
	}
	66% {
		background-color: var(--orange);
	}
	100% {
		transform: perspective(250px) rotateX(180deg) rotateY(-180deg);
	}
}
@keyframes loading-icon {
	0% {
		transform: perspective(250px) rotateX(0deg) rotateY(0deg);
	}
	15% {
		transform: perspective(250px) rotateX(0deg) rotateY(0deg);
	}
	16% {
		transform: perspective(250px) rotateX(180deg) rotateY(0deg);
	}
	50% {
		transform: perspective(250px) rotateX(180deg) rotateY(0deg);
	}
	65% {
		transform: perspective(250px) rotateX(180deg) rotateY(0deg);
	}
	66% {
		transform: perspective(250px) rotateX(180deg) rotateY(180deg);
	}
	100% {
		transform: perspective(250px) rotateX(180deg) rotateY(180deg);
	}
}

@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);
		/* right: 1rem; */
		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(--orangeHover);
	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(--orangeHover);
}
#button-back-to-top svg {
	padding-top: 6px;
}
#button-back-to-top.show {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 1600px) {
	.home-banner .slick-slide img {
		display: inline-block;
	}
}
@media (max-width: 1440px) {
	.caption .text {
		width: 40%;
	}
	.Advance-Slider .item .contain-wrapper .info-inner.blue {
		max-width: 55%;
	}
}

@media (max-width: 1200px) {
	.Advance-Slider .item.banner-one h3 {
		font-size: var(--fontSize48);
		line-height: 60px;
	}
	.Advance-Slider .item.banner-one h3 span {
		font-size: var(--fontSize52);
		line-height: 60px;
	}
	.Advance-Slider .item.banner-two h3 {
		font-size: var(--fontSize44);
		line-height: 55px;
	}
	.Advance-Slider .item.banner-two h3 span {
		font-size: var(--fontSize52);
		line-height: 55px;
	}
	.Advance-Slider .item.banner-two h3 span.first {
		font-size: var(--fontSize44);
		line-height: 55px;
	}
	.Advance-Slider .item.banner-three h3 {
		font-size: var(--fontSize58);
		line-height: 65px;
	}
	.Advance-Slider .item.banner-three h3 span {
		font-size: var(--fontSize52);
		line-height: 65px;
	}
	.Advance-Slider .item.banner-four h3 {
		font-size: var(--fontSize44);
		line-height: 55px;
	}
	.Advance-Slider .item.banner-four h3 span {
		font-size: var(--fontSize44);
		line-height: 55px;
	}
}

@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: 86px;
	}
	.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: var(--blue);
		padding-left: 20px;
	}
	.navbar .sitenavigation.is-tapped > ul ul a.active {
		color: var(--white) !important;
		background: var(--orange);
	}
	.navbar .sitenavigation.is-tapped > ul ul a:before {
		content: "- ";
		display: inline-block;
		margin-right: 8px;
		color: var(--white);
	}

	.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;
	}

	.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%;
	}
	.caption .text {
		/* font-size: var(--fontSize20);
		line-height: 26px; */
		color: var(--white);
	}
	.caption h1 {
		color: var(--white);
	}
	.item.image .caption {
		/* background-color: rgba(0, 0, 0, 0.6); */
		height: 100vh;
		top: 0;
		padding-top: 110px;
		background: rgb(102, 0, 102);
		background: linear-gradient(
			90deg,
			rgba(102, 0, 102, 0.5) 0%,
			rgba(131, 0, 131, 0.4) 50%,
			rgba(250, 248, 251, 0.3) 100%
		);
	}
	.tabs .content {
		padding-left: 0;
	}
}

@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%;
	}
	.read-more a {
		display: inline-block;
	}
	.bottom-full .left {
		width: 100%;
	}
	.bottom-full .right {
		width: 100%;
		padding-top: 25px;
	}
	.bod {
		display: none;
	}
	.Advance-Slider .item .contain-wrapper .info-inner.orange {
		max-width: 80%;
	}
	.Advance-Slider .item .contain-wrapper .info-inner.blue {
		max-width: 80%;
	}
	.Advance-Slider .item .contain-wrapper .info-inner.orange {
		background: rgba(255, 255, 255, 1);
	}
	.row.seven-cols .col-lg-1.mobile-full {
		flex: inherit;
		max-width: 50%;
		width: 50%;
	}
}

@media (max-width: 767px) {
	.Advance-Slider .item.banner-one h3 {
		font-size: var(--fontSize26);
		line-height: 34px;
	}
	.Advance-Slider .item.banner-one h3 span.blue,
	.Advance-Slider .item.banner-one h3 span {
		font-size: var(--fontSize26);
		line-height: 34px;
		display: block !important;
	}

	.Advance-Slider .item.banner-two h3 span.first {
		font-size: var(--fontSize26);
		line-height: 34px;
	}
	.Advance-Slider .item.banner-two h3 {
		font-size: var(--fontSize26);
		line-height: 34px;
	}
	.Advance-Slider .item.banner-two h3 span.blue,
	.Advance-Slider .item.banner-two h3 span {
		font-size: var(--fontSize26);
		line-height: 34px;
	}
	.Advance-Slider .item.banner-three h3 {
		font-size: var(--fontSize26);
		line-height: 34px;
	}
	.Advance-Slider .item.banner-three h3 span.blue,
	.Advance-Slider .item.banner-three h3 span {
		font-size: var(--fontSize26);
		line-height: 34px;
		display: block !important;
	}
	.Advance-Slider .item.banner-four h3 {
		font-size: var(--fontSize26);
		line-height: 34px;
	}
	.Advance-Slider .item.banner-four h3 span.blue,
	.Advance-Slider .item.banner-four h3 span {
		font-size: var(--fontSize26);
		line-height: 34px;
	}
	.Advance-Slider .item.banner-two h3 span.first,
	.break {
		display: inline-block !important;
	}
	.slick-dots {
		display: none !important;
	}
	.body-shrink .navbar .sitenavigation.is-tapped > ul {
		top: 86px;
	}
	.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%;
	}
	.clinical-content .box .text,
	.clinical-content .box p {
		width: auto;
	}
	.col-footer {
		width: 100%;
		flex-basis: inherit;
	}
	.read-more .logo img {
		height: 84px;
		display: block;
		padding-top: 20px;
		margin: 0 auto;
	}
	.body-nutraceutical .read-more .logo img {
		margin: 0;
	}
	.bottom-full .read-more .logo img {
		margin: 0;
	}
	.contact-top .col-4 {
		max-width: 100%;
	}
	.row.justify-content-center {
		display: inline-block;
	}
	.Advance-Slider button.slick-prev,
	.Advance-Slider button.slick-next.slick-arrow {
		display: none !important;
	}
	.Advance-Slider .img-fill img {
		/* object-fit: contain; */
		height: auto;
		padding-top: 76px;
		height: 300px;
	}
	.Advance-Slider .item .contain-wrapper .info-inner.orange {
		max-width: 100%;
	}
	.Advance-Slider .item.banner-three .contain-wrapper .info-inner.orange {
		max-width: 100%;
		padding: 10px;
		margin: 0;
		float: none;
	}
	.Advance-Slider .item {
		height: 53vh;
		position: relative;
	}
	.Advance-Slider .item.banner-one .contain-wrapper,
	.Advance-Slider .item.banner-three .contain-wrapper {
		position: initial;
	}
	.Advance-Slider .item.banner-four .contain-wrapper {
		position: initial;
	}
	.Advance-Slider .item.banner-two .contain-wrapper {
		position: initial;
	}
	.Advance-Slider .item .contain-wrapper .info-inner.orange {
		padding: 10px;
	}
	.Advance-Slider ul.slick-dots {
		bottom: 5px;
	}
	.Advance-Slider .item .contain-wrapper .info-inner.blue {
		max-width: 100%;
		padding: 10px;
		float: none;
		margin: 0;
		text-align: center;
	}

	.Advance-Slider .item.banner-four .contain-wrapper .info-inner.blue {
		float: none;
		margin-right: 0;
	}
	h2.title {
		font-size: var(--fontSize22) !important;
	}
	.clinical-content {
		font-size: 16px;
	}
	.Advance-Slider .item .contain-wrapper .info {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.clinical-content .vintage:hover .text {
		bottom: 40px;
		transform: translate3d(0, -66px, 0);
	}
	.strike {
		font-size: var(--fontSize47);
		line-height: 57px;
	}
	.read-more a {
		display: inline-block;
	}
}

@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%;
	}
}