@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url(https://allfont.net/allfont.css?fonts=montserrat-bold);
body .wrapper {
	background-color: #000000;
	position: relative;
}
body .wrapper__main-menu {
	padding: 18px 16px;
	width: 60px;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 2;
	border-right: 1px solid #8492A6;
}
body .wrapper__main-menu--bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.9);
	z-index: 1;
	opacity:0;
	visibility: hidden;
	transition:all .5s;
}
body .wrapper__main-menu--bg.ov-active{
	opacity:1;
	visibility: visible;
}
body .wrapper__main-menu .lost__logo {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0);
}
@media(min-width:769px){
	body .wrapper__main-menu .lost__logo{
		bottom:auto;
		top:15px;
	}
}
body .wrapper__main-menu .menu__toggle {
	width: 24px;
	height: 24px;
	color: #C61D23;
	cursor: pointer;
}
@media(min-width:769px){
	body .wrapper__main-menu .menu__toggle{
		margin-top:45px;
	}
}
body .wrapper__main-menu .menu__toggle i {
	font-size: 30px;
}
body .wrapper__main-menu .menu__wrap {
	position: absolute;
	top: 0;
	left: 56px;
	/*width: calc(100vw - 56px);*/
	width:40vw;
	height: 100%;
	background: rgba(1, 1, 1, 0);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
}
body .wrapper__main-menu .menu__wrap .nav__menu {
	padding: 28px 32px;
	height:100%;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu {
	max-width: 180px;
	height:100%;
	text-align: right;
	border-right: 1px solid #fff;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu li {
	position: relative;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu li a {
	padding: 9px 34px;
	color: #fff;
	display: block;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu li a:hover {
	color: var(--orange-color);
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu > li {
	margin-bottom: 15px;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu > li::after {
	position: absolute;
	content: "";
	top: 50%;
	right: -3px;
	z-index: 1;
	transform: translate(0px, -50%);
	height: 80%;
	width: 5px;
	background-color: var(--orange-color);
	border-radius: 3px;
	opacity: 0;
	visibility: hidden;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu > li:last-child {
	margin-bottom: 0;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu > li > a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 18px;
	padding-left: 0;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu > li .sub__menu {
	position: absolute;
	top: 0;
	left: 100%;
	width: 250px;
	height: auto;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu > li .sub__menu > li > a {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}
@media (max-width: 576px) {
	body .wrapper__main-menu .menu__wrap .nav__menu .menu > li .sub__menu {
		width: 100%;
	}
}
@media (min-width: 769px) {
	body .wrapper__main-menu .menu__wrap .nav__menu .menu > li:hover::after {
		opacity: 1;
		visibility: visible;
	}
	body .wrapper__main-menu .menu__wrap .nav__menu .menu > li:hover .sub__menu {
		opacity: 1;
		visibility: visible;
		transition: all 0.3s linear;
	}
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu > li.is-active::after {
	opacity: 1;
	visibility: visible;
}
body .wrapper__main-menu .menu__wrap .nav__menu .menu > li.is-active .sub__menu {
	opacity: 1;
	visibility: visible;
}
@media (max-width: 576px) {
	body .wrapper__main-menu .menu__wrap .nav__menu {
		padding: 20px 0;
	}
	body .wrapper__main-menu .menu__wrap .nav__menu .menu {
		max-width: 50%;
	}
}
body .wrapper__main-menu.over-active .menu__wrap,
body .wrapper__main-menu--bg.ov-active,
body .wrapper__main-menu .menu__wrap.is-opened {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s linear;
}
@media (max-width: 768px) {
	body .wrapper__main-menu {
		position: relative;
		width: 100%;
		height: auto;
		z-index: 2;
	}
	body .wrapper__main-menu .lost__logo {
		left: auto;
		right: 15px;
		bottom: 50%;
		transform: translate(0, 50%);
	}
	body .wrapper__main-menu .menu__wrap {
		top: 60px;
		left: 0;
		width: 100%;
		height: calc(100vh - 60px);
	}
}
body .wrapper__inner {
	width: 100%;
}
@media (max-width: 768px) {
	body .wrapper__inner {
		width: 100%;
	}
}
body.ov-hidden {
	overflow: hidden;
}
body#home .header:before{
	display:none;
}
.header {
	position: relative;
	padding: 13px 0;
}
.header:before{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:var(--orange-color);
	content:'';
}
.header-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header__left-meta .menu {
	display: flex;
	align-items: center;
}
.header__left-meta .menu > .menu__item {
	margin-right: 20px;
	position: relative;
}
.header__left-meta .menu > .menu__item > a {
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	display: flex;
	align-items: center;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.header__left-meta .menu > .menu__item::after {
	position: absolute;
	content: "";
	top: 90%;
	left: 0;
	width: 100%;
	height: 3px;
	background: radial-gradient(50% 50% at 50% 50%, #E82027 0%, #9B0207 100%);
	opacity: 0;
	visibility: hidden;
}
.header__left-meta .menu > .menu__item:hover::after {
	opacity: 1;
	visibility: visible;
}
.header__left-meta .menu li {
	position: relative;
}
.header__left-meta .menu li .sub__menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 26px 24px;
	gap: 16px;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 170px;
	background-color: var(--gray-color);
	z-index: 1;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: all 0.3s linear;
}
.header__left-meta .menu li .sub__menu > li a {
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	display: flex;
	align-items: center;
	color: #FFFFFF;
}
.header__left-meta .menu li .sub__menu > li a:hover {
	color: var(--orange-color);
}
.header__left-meta .menu li:hover .sub__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: all 0.3s linear;
}
.header__left-meta .menu.is-opened {
	display: none;
}
@media (max-width: 991px) {
	.header__left-meta .menu {
		display: none;
	}
}
.header__inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #fff;
}
.header__inner > li {
	padding: 0 15px;
	line-height: 32px;
	position: relative;
}
.header__inner > li:not(:first-child)::after {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 1px;
	height: 70%;
	background-color: #fff;
	content: "";
	border-radius: 8px;
}
.header__inner > li a {
	color: currentColor;
}
.header__inner > li a:hover {
	color: #C2CEDB;
}
.header__inner-search {
	position: relative;
}
.header__inner-search a {
	color: #D3DCE6;
}
.header__inner-search .toggle-search.is-opened {
	display: none;
}
.header__inner-search .search-box {
	position: relative;
	display: none;
}
.header__inner-search .search-box.is-opened {
	display: block;
}
.header__inner-search .search-box form input[name=search] {
	background: var(--gray-color);
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 4px 10px;
	gap: 70px;
	border: 0;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.25px;
	color: #C2CEDB;
	min-width: 250px;
}
.header__inner-search .search-box__btn {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
	border: 0;
	background-color: transparent;
	color: #fff;
}
.header__inner-language {
	position: relative;
	display: none;
}
.header__inner-language .language-selected {
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	color: #D3DCE6;
}
.header__inner-language .language-dropdown {
	position: absolute;
	top: 100%;
	margin-top: 10px;
	transform: translateY(25px);
	left: 0;
	width: 100%;
	background-color: #1C2433;
	border-radius: 4px;
	transition: all 0.3s linear;
	opacity: 0;
	visibility: hidden;
	color: #fff;
	z-index: 4;
}
.header__inner-language .language-dropdown li {
	padding: 10px;
}
.header__inner-language .language-dropdown li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}
.header__inner-language .language-dropdown li:first-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.header__inner-language .language-dropdown li:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.header__inner-language .language-dropdown li a {
	color: currentColor;
	font-size: 13px;
}
.header__inner-language .language-dropdown li:hover {
	background-color: #C61D23;
}
.header__inner-language:hover .language-dropdown {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition: all 0.3s linear;
}
@media (max-width: 768px) {
	.header {
		display: none;
	}
}

body#home .wrapper {
	display: block;
	background: url("../../images/bg-hub.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100vh;
	position: relative;
}
body#home .wrapper__inner header__inner {
	padding: 18px 48px !important;
}
@media (max-width: 768px) {
	body#home .wrapper {
		background-size: cover;
	}
}
@media (max-width: 991px) {
	body#home .wrapper {
		height: auto;
		background-size: cover;
	}
}
body#home .header-wrap {
	justify-content: flex-end;
}
body#home .header__inner-language {
	display: block;
}

.hexagon {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	background-image: url("../../images/Vector2.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 10px;
	cursor: pointer;
	/*font-family: 'Montserrat Bold', arial;*/
}
/*.hexagon:hover{
background-image: url("../../images/hexa1.jpg");
padding:20px;
}*/
.hexagon:after{
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	width:110%;
	height:110%;
	transform:translate(-50%,-50%);
	z-index:-1;
	background-image: url("../../images/hexa1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity:0;
	visibility: hidden;
}
.hexagon:hover{
	background-image:none;
}
.hexagon:hover:after{
	opacity:1;
	visibility: visible;
}
/*.hexagon:after{
position:absolute;
top:0;
left:0;
width:110%;
height:110%;
transform:translate(-50%,-50%);
z-index:1;
content:'';
clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
}
.hexagon:hover:after{
box-shadow:0px 25px 50px -12px rgba(255,255,255,0.5) ;
}*/
.hexagon span {
	background-image: url("../../images/Vector3.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	width: 90%;
	height: 90%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s linear;
}
.hexagon span > a {
	color: currentColor;
	width: 100%;
	height: 100%;
}
.hexagon span img {
	width: 30%;
}
.hex2 .hexagon span img,
.hex3 .hexagon span img,
.hex4 .hexagon span img,
.hex5 .hexagon span img,
.hex6 .hexagon span img,
.hex7 .hexagon span img{
	width:45%;	
}
.hexagon span .hexagon__content {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 12px;
}
.hexagon span .hexagon__text {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.hexagon:hover span {
	background-image: url(../../images/Vector4.png);
	transition: all 0.3s linear;
}
.hexagon:hover span img {
	display: none;
}
.hexagon:hover span .hexagon__content {
	display: none;
}
.hexagon:hover span .hexagon__text {
	display: flex;
}

.copyright__wrap {
	color: #D3DCE6;
	text-align: center;
	position: absolute;
	bottom: 15px;
	width: 100%;
}
@media(max-width:991px){
	.copyright__wrap{
		padding:30px 0;
		position:relative;
	}
}
.group-hexagon__inner {
	position: relative;
	height: calc(100vh - 125px);
}
.group-hexagon__inner .hexagon__text {
	text-align: center;
	padding: 20px;
}
.group-hexagon__inner .hex1 .hexagon__text > p{
	max-width:90%;
}
.group-hexagon__inner .hexagon__text > p {
	margin-bottom: 0;
}
.group-hexagon__inner .hex-style1 .hexagon__text-title {
	font-size: 16px;
	color: var(--orange-color);
	line-height: 24px;
}
@media(min-width:992px) and (max-width:1300px){
	.group-hexagon__inner .hex-style1 .hexagon__text-title{
		font-size:12px;
		line-height:18px;
	}
}
@media (max-width: 576px) {
	.group-hexagon__inner .hex-style1 .hexagon__text-title {
		font-size: 12px;
		line-height: 14px;
	}
}
.group-hexagon__inner .hex-style1 .hexagon__text-desc {
	display: none;
}
.group-hexagon__inner .hex-style2 .hexagon__text-title {
	font-size: 12px;
	color: var(--orange-color);
	line-height: 16px;
}
.group-hexagon__inner .hex-style2 .hexagon__text-desc {
	display: none;
}
@media (max-width: 991px) {
	.group-hexagon__inner {
		height: auto;
		display: grid;
		grid-template-columns: auto auto;
	}
}

.hex1 {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hex1.animated {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-delay: 0.1s;
}
.hex1 .hexagon__content {
	display: none;
}
.hex1 .hexagon__text {
	display: block;
}
.hex1 .hexagon{
	background-image:none;
}
.hex1 .hexagon:after{
	opacity: 1;
	visibility: visible;
}
.hex1 .hexagon span {
	background-image: url(../../images/Vector4.png);
	transition: all 0.3s linear;
}
.hex1 .hexagon span img {
	display: none;
}
.hex1 .hexagon span .hexagon__content {
	display: none;
}
.hex1 .hexagon span .hexagon__text {
	display: flex;
}
.hex1 .hexagon__text-title {
	font-size: 28px;
	color: var(--orange-color);
	line-height: 28px;
	padding-bottom: 10px;
}
.hex1 .hexagon__text-title strong {
	font-size: 50px;
	display:block;
	line-height:38px;
}
.hex1 .hexagon__text-desc {
	display: block;
}
.hex2 {
	opacity: 0;
	visibility: hidden;
}
.hex2.animated {
	position: absolute;
	top: 18%;
	left: 36%;
	animation: rotate1 0.5s ease;
	transform: translate(-50%, -50%);
	opacity: 1;
	visibility: visible;
}
@keyframes rotate1 {
	0% {
		top: 35%;
		left: 50%;
		transform: translate(100%, 40%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		top: 20%;
		left: 36%;
		transform: translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex3 {
	opacity: 0;
	visibility: hidden;
}
.hex3.animated {
	position: absolute;
	top: 35%;
	left: 25%;
	opacity: 1;
	visibility: visible;
	animation: rotate3 0.5s ease;
	transform: translate(-50%, -50%);
}
@keyframes rotate3 {
	0% {
		transform: translate(230%, 50%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex4 {
	opacity: 0;
	visibility: hidden;
}
.hex4.animated {
	position: absolute;
	top: 52%;
	left: 36%;
	opacity: 1;
	visibility: visible;
	animation: rotate5 0.5s ease;
	transform: translate(-50%, -50%);
}
@keyframes rotate5 {
	0% {
		transform: translate(100%, -140%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex5 {
	opacity: 0;
	visibility: hidden;
}
.hex5.animated {
	position: absolute;
	top: 18%;
	right: 36%;
	opacity: 1;
	visibility: visible;
	animation: rotate2 0.5s ease;
	transform: translate(50%, -50%);
}
@keyframes rotate2 {
	0% {
		transform: translate(-100%, 40%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex6 {
	opacity: 0;
	visibility: hidden;
}
.hex6.animated {
	position: absolute;
	top: 35%;
	right: 25%;
	opacity: 1;
	visibility: visible;
	animation: rotate4 0.7s ease;
	transform: translate(50%, -50%);
}
@keyframes rotate4 {
	0% {
		transform: translate(-230%, 50%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex7 {
	opacity: 0;
	visibility: hidden;
}
.hex7.animated {
	position: absolute;
	top: 52%;
	right: 36%;
	opacity: 1;
	visibility: visible;
	animation: rotate6 0.7s ease;
	transform: translate(50%, -50%);
}
@keyframes rotate6 {
	0% {
		transform: translate(-100%, -140%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex8 {
	opacity: 0;
	visibility: hidden;
}
.hex8.animated {
	position: absolute;
	top: 10%;
	left: 25%;
	opacity: 1;
	visibility: visible;
	animation: rotate7 0.2s ease;
	transform: translate(-50%, -50%);
}
@keyframes rotate7 {
	0% {
		transform: translate(350%, 170%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex9 {
	opacity: 0;
	visibility: hidden;
}
.hex9.animated {
	position: absolute;
	top: 20%;
	left: 16%;
	opacity: 1;
	visibility: visible;
	animation: rotate9 0.2s ease;
	transform: translate(-50%, -50%);
}
@keyframes rotate9 {
	0% {
		transform: translate(500%, 85%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex10 {
	opacity: 0;
	visibility: hidden;
}
.hex10.animated {
	position: absolute;
	top: 60%;
	left: 25%;
	opacity: 1;
	visibility: visible;
	animation: rotate11 0.2s ease;
	transform: translate(-50%, -50%);
}
@keyframes rotate11 {
	0% {
		transform: translate(350%, -270%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex11 {
	opacity: 0;
	visibility: hidden;
}
.hex11.animated {
	position: absolute;
	top: 77%;
	left: 31%;
	opacity: 1;
	visibility: visible;
	animation: rotate13 0.2s ease;
	transform: translate(-50%, -50%);
}
@keyframes rotate13 {
	0% {
		transform: translate(240%, -400%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex12 {
	opacity: 0;
	visibility: hidden;
}
.hex12.animated {
	position: absolute;
	top: 77%;
	left: 41%;
	opacity: 1;
	visibility: visible;
	animation: rotate15 0.7s ease;
	transform: translate(-50%, -50%);
}
@keyframes rotate15 {
	0% {
		transform: translate(80%, -400%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex13 {
	opacity: 0;
	visibility: hidden;
}
.hex13.animated {
	position: absolute;
	top: 77%;
	right: 41%;
	opacity: 1;
	visibility: visible;
	animation: rotate16 0.7s ease;
	transform: translate(50%, -50%);
}
@keyframes rotate16 {
	0% {
		transform: translate(-80%, -400%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex14 {
	opacity: 0;
	visibility: hidden;
}
.hex14.animated {
	position: absolute;
	top: 77%;
	right: 31%;
	opacity: 1;
	visibility: visible;
	animation: rotate14 0.2s ease;
	transform: translate(50%, -50%);
}
@keyframes rotate14 {
	0% {
		transform: translate(-240%, -400%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex15 {
	opacity: 0;
	visibility: hidden;
}
.hex15.animated {
	position: absolute;
	top: 60%;
	right: 25%;
	opacity: 1;
	visibility: visible;
	animation: rotate12 0.2s ease;
	transform: translate(50%, -50%);
}
@keyframes rotate12 {
	0% {
		transform: translate(-350%, -270%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex16 {
	opacity: 0;
	visibility: hidden;
}
.hex16.animated {
	position: absolute;
	top: 20%;
	right: 16%;
	opacity: 1;
	visibility: visible;
	animation: rotate10 0.2s ease;
	transform: translate(50%, -50%);
}
@keyframes rotate10 {
	0% {
		transform: translate(-500%, 85%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex17 {
	opacity: 0;
	visibility: hidden;
}
.hex17.animated {
	position: absolute;
	top: 10%;
	right: 25%;
	opacity: 1;
	visibility: visible;
	animation: rotate8 0.2s ease;
	transform: translate(50%, -50%);
}
@keyframes rotate8 {
	0% {
		transform: translate(-350%, 170%);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translate(50%, -50%);
		opacity: 1;
		visibility: visible;
	}
}
.hex18 {
	opacity: 0;
	visibility: hidden;
}
.hex18.animated {
	position: absolute;
	top: 70%;
	left: 42%;
	opacity: 1;
	visibility: visible;
	animation: rotate8 0.2s ease;
	transform: translate(50%, -50%);
}
@media(min-width:991px){
	.hex18 .hexagon span{
		background-image:url('../../images/vector-bgtr.png');
	}
	.hex18 .hexagon:hover span {
		background-image: url(../../images/Vector4.png);
		transition: all 0.3s linear;
	}
}
@media (max-width: 1480px) {
	.hex2 {
		top: 35%;
		left: 50%;
	}
	.hex2.animated {
		left: 33%;
		top: 20%;
	}
	.hex3 {
		top: 35%;
		left: 50%;
	}
	.hex3.animated {
		left: 22%;
		top: 35%;
	}
	.hex4 {
		top: 35%;
		left: 50%;
	}
	.hex4.animated {
		left: 33%;
		top: 50%;
	}
	.hex5 {
		top: 35%;
		right: 50%;
	}
	.hex5.animated {
		right: 33%;
		top: 50%;
	}
	.hex6 {
		top: 35%;
		right: 50%;
	}
	.hex6.animated {
		right: 22%;
		top: 35%;
	}
	.hex7 {
		top: 35%;
		right: 50%;
	}
	.hex7.animated {
		right: 33%;
		top: 20%;
	}
	.hex8 {
		top: 35%;
		left: 50%;
	}
	.hex8.animated {
		left: 22%;
		top: 10%;
	}
	.hex9 {
		top: 35%;
		left: 50%;
	}
	.hex9.animated {
		left: 13%;
		top: 20%;
	}
	.hex10 {
		top: 35%;
		left: 50%;
	}
	.hex10.animated {
		left: 22%;
		top: 60%;
	}
	.hex11 {
		top: 35%;
		left: 50%;
	}
	.hex11.animated {
		left: 30%;
		top: 75%;
	}
	.hex12 {
		top: 35%;
		left: 50%;
	}
	.hex12.animated {
		left: 40%;
		top: 75%;
	}
	.hex13 {
		top: 35%;
		right: 50%;
	}
	.hex13.animated {
		right: 40%;
		top: 75%;
	}
	.hex14 {
		top: 35%;
		right: 50%;
	}
	.hex14.animated {
		right: 30%;
		top: 75%;
	}
	.hex15 {
		top: 35%;
		right: 50%;
	}
	.hex15.animated {
		right: 22%;
		top: 60%;
	}
	.hex16 {
		top: 35%;
		right: 50%;
	}
	.hex16.animated {
		right: 13%;
		top: 20%;
	}
	.hex17 {
		top: 35%;
		right: 50%;
	}
	.hex17.animated {
		right: 22%;
		top: 10%;
	}
	.hex18.animated{
		top:60%;
		left:50%;
		transform:translateX(-50%);
	}
}
@media (max-width: 991px) {
	.hex1.animated, .hex2.animated, .hex3.animated, .hex4.animated, .hex5.animated, .hex6.animated, .hex7.animated, .hex8.animated, .hex9.animated, .hex10.animated, .hex11.animated, .hex12.animated, .hex13.animated, .hex14.animated, .hex15.animated, .hex16.animated, .hex17.animated,.hex18.animated {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		transform: translate(0, 0);
		margin: auto;
		animation:fadeIn .3s linear;
	}
	.hex1.animated {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	/*.hex.animated{
	width:100% !important;
	height:auto !important;
}*/
}
.hexa-icon-mobile-md{
	display:none;
}
@media (max-width: 767.98px) {
	.group-hexagon__inner{
		display:flex;
		flex-direction:column;
	}
	.hex.animated:not(:first-of-type){
		width:100% !important;
		padding:0 15px;
	}
	.hexagon{
		background-image:url('../../images/item_hexa_Small.svg');
	}
	.hex.animated:not(:first-of-type) .hexagon:hover{
		background-image:url('../../images/item_hexa_Small.svg');
	}
	/*.hex.animated:not(:first-of-type) .hexagon::before{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		left:9%;
		width:5%;
		height:30%;
		z-index:1;
		content:'';
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		background-image:url(../../images/vector.png);
	}*/
	.hexa-icon-mobile-md{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		left:8%;
		width:7%;
		height:30%;
		z-index:1;
		display:block;
	}	
	.hexa-icon-mobile-md img{
		width:100%;
		height:100%;
		object-fit:contain;
	}
	.hex.animated:not(:first-of-type) .hexagon:hover::after{
		background-image:url('');
	}
	.hex.animated:not(:first-of-type) .hexagon span{
		background-image:url('../../images/Union.svg');
		width: 80%;
		height: 90%;
		left:auto;
		right: 8px;
		transform: translate(-0%, -50%);
	}
	.hex.animated:not(:first-of-type) .hexagon:hover span{
		background-image:url('../../images/Union.svg');
	}
	.hex.animated:not(:first-of-type) .hexagon__content{
		display:none;
	}
	.hex.animated:not(:first-of-type) .hexagon__text{
		display:flex;
		align-items: flex-start;
		padding-left: 13%;
	}
	.hex.animated:not(:first-of-type) .hexagon__text .hexagon__text-title{
		color:#fff !important;
		text-align:left;
		font-size:18px;
	}
	.hex1 {
		font-size: 14px;
		line-height: 16px;
	}
	.hex1 .hexagon__text-title {
		font-size: 14px;
		line-height: 16px;
	}
	.hex1 .hexagon__text-title strong {
		font-size: 28px;
		line-height: 29px;
		display: block;
	}
}
.dropbtn {
	background-color: transparent;
	color: var(--gray2-color);
	font-size: 13px;
	line-height: 22px;
	font-weight: 600;
	letter-spacing: 0.25px;
	border: 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	color: #D3DCE6;
}

/* Dropdown button on hover & focus */
.dropbtn:hover,
.dropbtn:focus {
	background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	bottom: 100%;
	background-color: var(--gray-color);
	min-width: 125px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border-radius: 4px;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: #fff;
	padding: 10px;
	text-decoration: none;
	display: block;
	font-size: 13px;
}

.dropdown-content a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.dropdown-content a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.dropdown-content a:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: var(--orange-color);
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
}

.news__inner {
	padding: 24px 0;
}
.news-hot {
	margin-bottom: 24px;
}
.news-hot__list {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 991px) {
	.news-hot__list {
		display: block;
	}
	.news-hot__list .slick-prev {
		left: 25px;
	}
	.news-hot__list .slick-next {
		right: 25px;
	}
}
.news-hot__item {
	border-radius: 8px;
	background-color: var(--gray-color);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 2px;
}
.news-hot__item .desc {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0px 24px;
	gap: 12px;
}
.news-hot__item .desc__inner .title {
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.75px;
	color: #FFFFFF;
	margin-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: left;
}
.news-hot__item .desc__inner .title a {
	color: currentColor;
}
.news-hot__item .desc__inner .date {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #6B6B6B;
	margin-bottom: 12px;
}
.news-hot__item .desc__inner .tab-meta {
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	display: flex;
	align-items: center;
	letter-spacing: 0.25px;
	color: #8492A6;
}
.news-hot__item .images {
	margin-bottom: 0;
	width: 100%;
	height: 100%;
}
.news-hot__item .images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-hot__item:nth-child(1) {
	grid-column: 1;
	grid-row: 1;
}
.news-hot__item:nth-child(1) .images {
	border-radius: 0 8px 8px 0;
	order: 1;
}
.news-hot__item:nth-child(1) .images img {
	border-radius: 0 8px 8px 0;
}
.news-hot__item:nth-child(2) {
	grid-column: 1;
	grid-row: 2;
}
.news-hot__item:nth-child(2) .images {
	border-radius: 8px 0 0 8px;
}
.news-hot__item:nth-child(2) .images background:l img {
	border-radius: 8px 0 0 8px;
}
.news-hot__item:nth-child(3) {
	grid-column: 2;
	grid-row: span 2;
	flex-direction: column;
	gap: 8px;
}
.news-hot__item:nth-child(1) .images, .news-hot__item:nth-child(2) .images {
	width: 50%;
}
.news-hot__item:nth-child(1) .desc, .news-hot__item:nth-child(2) .desc {
	width: 50%;
}
@media (max-width: 991px) {
	.news-hot__item {
		flex-direction: column;
	}
	.news-hot__item:nth-child(1) .images {
		order: unset;
	}
	.news-hot__item:nth-child(1) .images, .news-hot__item:nth-child(2) .images {
		width: 100%;
	}
	.news-hot__item:nth-child(1) .desc, .news-hot__item:nth-child(2) .desc {
		width: 100%;
	}
	.news-hot__item .desc {
		width: 100%;
		padding: 15px 24px;
	}
}
.news-list {
	position: relative;
	display: block;
	margin-top: 30px;
}
.news-list__gap .slide-more-news .slick-item {
	padding: 0 12px;
}
@media (max-width: 767.98px) {
	.news-list__gap .slide-more-news .slick-item {
		padding: 0;
	}
}
@media (max-width: 576px) {
	.news-list__gap .slide-more-news .slick-prev {
		left: 25px;
	}
	.news-list__gap .slide-more-news .slick-next {
		right: 25px;
	}
}
.news-list__gap .column-item {
	margin-bottom: 24px;
}
.news-list__gap .column-item:nth-child(1) .news-list__item, .news-list__gap .column-item:nth-child(2) .news-list__item {
	height: 100%;
}
.news-list__gap .column-item:nth-child(1) .news-list__item .images, .news-list__gap .column-item:nth-child(2) .news-list__item .images {
	height: 280px;
}
@media (max-width: 991px) {
	.news-list__gap .column-item:nth-child(1) .news-list__item .images, .news-list__gap .column-item:nth-child(2) .news-list__item .images {
		height: auto;
	}
}
/*.news-list__gap .column-item:nth-child(1) .news-list__item .desc .content, .news-list__gap .column-item:nth-child(2) .news-list__item .desc .content {
	display: none;
}*/
@media (max-width: 991px) {
	.news-list__gap .column-item:nth-child(1) .news-list__item .desc .content, .news-list__gap .column-item:nth-child(2) .news-list__item .desc .content {
		display: block;
	}
}
.news-list__gap .column-item:nth-child(1) .news-list__item .desc .title {
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
	/* or 160% */
	letter-spacing: 0.75px;
}
.news-list__menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-top: 2px solid var(--orange-color);
	margin-bottom: 15px;
}
.news-list__menu-title {
	font-weight: 600;
	font-size: 17px;
	line-height: 34px;
	color: #fff;
	letter-spacing: 0.75px;
	text-transform: uppercase;
}
.news-list__menu-main li {
	display: inline-block;
	padding: 4px 8px;
}
.news-list__menu-main li + li {
	margin-left: 10px;
}
@media (max-width: 1440px) {
	.news-list__menu-main li + li {
		margin-left: 0;
	}
}
.news-list__menu-main li a {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}
.news-list__menu-main li.active, .news-list__menu-main li:hover {
	background-color: var(--orange-color);
	border-radius: 4px;
}
@media (max-width: 991px) {
	.news-list__menu-main {
		width: 100%;
		white-space: nowrap;
		overflow-x: scroll;
	}
}
@media (max-width: 1230px) {
	.news-list__menu {
		flex-direction: column;
		align-items: flex-start;
	}
	.news-list__menu-title {
		margin-bottom: 15px;
	}
}
.news-list__item {
	background-color: var(--gray-color);
	border-radius: 8px;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	height:100%;
}
.news-list__item .images {
	margin-bottom: 0;
	height:200px;
}
.news-list__item .images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px 8px 0 0;
}
.news-list__item .desc {
	color: #fff;
	padding: 10px 16px;
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height:173px;
}
.news-list__item .desc .title {
	font-weight: 600;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.25px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-list__item .desc .title a {
	color: currentColor;
}
.news-list__item .desc .content {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news-list__item .desc .tab-meta {
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.25px;
	color: var(--gray2-color);
	display: none;
}
.news-list__item .desc .time {
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.25px;
	color: var(--gray2-color);
	margin-top: auto;
}
.news-list__pagination {
	margin-top: 100px;
}
@media (max-width: 1200px) {
	.news-list__pagination {
		margin-top: 40px;
		margin-bottom: 40px;
	}
}
.news-list .sidebar {
	background-color: var(--gray-color);
	border-radius: 8px;
}
@media(max-width:1200px){
	.news-list .sidebar{
		margin-top:30px;
	}
}
.news-list .sidebar__inner {
	padding: 16px;
}
.news-list .sidebar__inner .title {
	font-weight: 600;
	font-size: 17px;
	line-height: 34px;
	letter-spacing: 0.25px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.news-list .sidebar__inner .title a {
	color: currentColor;
}
.news-list .sidebar__inner .list-popular {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 8px;
	margin-bottom: 15px;
}
.news-list .sidebar__inner .list-popular:last-child {
	margin-bottom: 0;
}
.news-list .sidebar__inner .list-popular .images {
	width: 60px;
	height: 60px;
}
.news-list .sidebar__inner .list-popular .images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}
.news-list .sidebar__inner .list-popular .desc {
	width: calc(100% - 60px);
}
.news-list .sidebar__inner .list-popular .desc .title {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-transform: capitalize;
}
.news-list .sidebar__inner .list-popular .desc .time {
	font-weight: 500;
	font-size: 10px;
	line-height: 22px;
	color: #6B6B6B;
	margin-bottom: 0;
}
@media (max-width: 991px) {
	.news-list {
		margin-top: 0;
	}
}
.news-detail {
	background-color: var(--gray-color);
	border-radius: 8px;
	padding: 22px;
	margin-bottom: 24px;
}
.news-detail .title {
	font-weight: 600;
	font-size: 28px;
	line-height: 35px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
.news-detail .images img {
	width: 100%;
	height: 100%;
}
.news-detail__content{
	color:#fff;
}
.news-detail__content ol{
	list-style:decimal;
	margin-left:20px;
}
.news-detail__content ul{
	list-style:disc;
	margin-left:20px;
}
.news-detail__content .title {
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.75px;
	color: #fff;
}
.news-detail__content p {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}

.slick-arrow {
	z-index: 1;
	width: 30px;
	height: 30px;
	background-color: var(--orange-color);
	border-radius: 4px;
}
.slick-arrow:hover, .slick-arrow:active, .slick-arrow:focus {
	background-color: var(--orange-color);
}
.slick-arrow.slick-prev::before {
	content: "\f060";
	font-family: fontawesome;
	font-size: 13px;
}
.slick-arrow.slick-next::before {
	content: "\f061";
	font-family: fontawesome;
	font-size: 13px;
}

.pagination {
	justify-content: center;
	gap: 8px;
}
.pagination__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 10px;
	width: 24px;
	height: 24px;
	background: #BDBDBD;
	border-radius: 4px;
}
.pagination__item a {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}
.pagination__item.icon-arrow, .pagination__item.active, .pagination__item:hover {
	background: #C61D23;
}
.pagination__item.icon-arrow a, .pagination__item.active a, .pagination__item:hover a {
	color: #fff;
}

.det .images {
	margin-bottom: 50px;
}
.det .images img {
	width: 100%;
}
.det-content {
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.25px;
}

.video__inner {
	background-image: url("../../images/BG-img.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: cover;
	padding: 24px 0;
}
.video-pagination {
	margin: 30px 0;
}
.video__item {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	margin-bottom: 30px;
}
.video__item .images {
	margin-bottom: 0;
}
.video__item .images a {
	position: relative;
}
.video__item .images a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "\f144";
	font-family: fontawesome;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 50px;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
}
.video__item .images a:hover::before {
	opacity: 0.6;
	visibility: visible;
	transition: all 0.3s linear;
}
.video__item .images img {
	width: 100%;
}
.video__item .title {
	padding: 8px 16px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
}
.video__item .title a {
	color: currentColor;
}
@media (max-width: 576px) {
	.video__item {
		margin-bottom: 24px;
	}
}

.photo {
	padding: 24px 0;
}
.photo-pagination {
	margin: 30px 0;
}
.photo__item {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	margin-bottom: 30px;
}
.photo__item .images {
	margin-bottom: 0;
}
.photo__item .images a {
	position: relative;
}
.photo__item .images a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	font-family: fontawesome;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 50px;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
}
.photo__item .images a:hover::before {
	opacity: 0.6;
	visibility: visible;
	transition: all 0.3s linear;
}
.photo__item .images img {
	width: 100%;
}
.photo__item .title {
	padding: 8px 16px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
}
.photo__item .title a {
	color: currentColor;
}
@media (max-width: 576px) {
	.photo__item {
		margin-bottom: 24px;
	}
}
.photo-detail__group .item {
	margin-bottom: 30px;
}
.photo-detail__group .item .images {
	margin-bottom: 0;
}
.photo-detail__group .item .images img {
	width: 100%;
}

.footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
	gap: 24px;
	color: var(--gray2-color);
}
.footer__inner {
	padding: 20px 0;
	border-top: 1px solid var(--gray-color);
}
@media (max-width: 768px) {
	.footer__inner {
		text-align: center;
	}
}
.footer__logo {
	margin-bottom: 25px;
}
.footer__logo > a {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 5px;
}
@media (max-width: 768px) {
	.footer__logo > a {
		justify-content: center;
	}
}
.footer__info p {
	margin-bottom: 10px;
}
.footer__info p:last-of-type{
	margin-bottom:0;
}
.footer__info p a {
	color: currentColor;
}
.footer__info p a:hover {
	color: var(--orange-color);
}
@media (max-width: 768px) {
	.footer__info {
		margin-bottom: 30px;
	}
}
.footer-title {
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 10px;
}
.footer .list-support {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 12px;
}
.footer .list-support li a {
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	color: var(--gray2-color);
	letter-spacing: 0.25px;
}
@media (max-width: 768px) {
	.footer .list-support {
		align-items: center;
		margin-bottom: 30px;
	}
}
.footer .list-social {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 20px;
}
@media (max-width: 768px) {
	.footer .list-social {
		align-items: center;
		justify-content: center;
	}
}
.footer .subscribe {
	padding: 24px 0 0;
	margin-bottom:30px;
	width:100%;
}
.footer .subscribe label {
	font-weight: 600;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.25px;
	color: #fff;
}
.footer .subscribe form {
	position: relative;
	max-width: 300px;
}
.footer .subscribe form input {
	background-color: #fff;
	border-radius: 8px;
	padding: 4px;
	width: 100%;
	border: 0;
	outline: 0;
	height: 40px;
}
.footer .subscribe form input::placeholder {
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.25px;
	color: #C2CEDB;
}
.footer .subscribe form button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	padding: 4px 16px;
	border: 0;
	border-radius: 8px;
	color: #fff;
	background-color: var(--orange-color);
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.25px;
}
@media (max-width: 768px) {
	.footer .subscribe form {
		margin: auto;
	}
}
.footer .link-ft-social li{
	display:inline-block;
	padding:0 10px;

}
.footer .link-ft-social li:first-of-type{
	padding-left:0;
}
.footer .link-ft-social li:not(:last-child){
	border-right:1px solid var(--gray2-color);
}
.footer .link-ft-social li a {
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	color: var(--gray2-color);
	letter-spacing: 0.25px;
}
.footer .copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0 0;
	border-top: 1px solid var(--gray-color);
}
.footer .copyright-text {
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.25px;
	margin-bottom: 0;
}
.footer .copyright .lang {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 4px 8px;
	gap: 4px;
	border: 1px solid var(--gray3-color);
	border-radius: 8px;
}
.footer .copyright .lang select {
	color: var(--gray2-color);
	font-size: 13px;
	line-height: 22px;
	font-weight: 600;
	letter-spacing: 0.25px;
	border: 0;
}
@media (max-width: 576px) {
	.footer .copyright {
		flex-direction: column;
		gap: 15px;
		margin-bottom: 30px;
	}
}

#backtotop {
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 24px;
	font-size: 20px;
	display: flex;
	color: #fff;
	height: 24px;
	align-items: center;
	justify-content: center;
	background: var(--gray-color);
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}
#backtotop.show {
	opacity: 1;
	visibility: visible;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

img,
picture,
svg,
video {
	display: block;
	max-width: 100%;
}

:root {
	--primary-font: "Be Vietnam Pro", sans-serif;
	--orange-color: #C61D23;
	--gray-color: #1C2433;
	--gray2-color: #8492A6;
	--gray3-color: #3C4858;
}

html {
	font-size: 15px;
	box-sizing: border-box;
}

body {
	font-family: var(--primary-font);
	font-size: 15px;
	letter-spacing: 0.75px;
	overflow-x: hidden;
	text-align: justify;
}

.container {
	max-width: 100%;
	margin: auto;
	padding-left: 8.33333% !important;
	padding-right: 8.33333% !important;
}
@media (max-width: 576px) {
	.container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
}

a:hover, a:focus, a:visited {
	text-decoration: none;
}

input,
select {
	background-color: transparent;
	font-size: 16px;
	border-radius: 0;
	outline: none;
	transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;
}

.section-title {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 45px;
}
.section-title .subtitle {
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 10px;
	display: block;
}
.section-title .sectitle {
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	color: #FFFFFF;
}
@media (max-width: 991px) {
	.section-title {
		margin-top: 0px;
	}
}

/*# sourceMappingURL=style.css.map */
.page-link{
	width:30px;
	height:30px;
	border-radius:8px;
	border:0;
	padding:0;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--gray-color);
}
.page-link.active,.page-link:hover{
	background:var(--orange-color);
	color:#fff;
}

@media(min-width:768px){
	.slide-more-news{
		margin:0 -12px;
	}
}
.slide-more-news .slick-prev{
	left:12px;
}
.slide-more-news .slick-next{
	right:10px;
}
.footer-column--social{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

@media(max-width:576px){
	.text-header-main .title{
		font-size:1.7rem;
	}
}