@charset "utf-8";

/* CSS Document */
*,
.box_sizing_border_box,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #f9d686;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

* {
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-decoration: none
}

*:focus {
	outline: 0 !important;
	box-shadow: none !important;
}


@font-face {
	font-family: 'leelauib';
	src: url("../fonts/LeelaUIb.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.f-leelauib {
	font-family: 'leelauib', sans-serif;
}

@font-face {
	font-family: 'leelawui';
	src: url("../fonts/LeelawUI.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.f-leelawui {
	font-family: 'leelawui', sans-serif;
}

@font-face {
	font-family: 'leeluisl';
	src: url("../fonts/LeelUIsl.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.f-leeluisl {
	font-family: 'leeluisl', sans-serif;
}


body {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	background: none;
	font-family: 'leelawui', sans-serif, Verdana, Tahoma, arial;
	font-size: 24px;
}

body,
html {
	padding: 0;
	margin: 0;
	background: #301157;
	position: relative;
	height: 100%;
	color: #fff;
}

ul {
	list-style: none;
	margin: 0
}

a {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	text-decoration: none;
}

.wrapper {
	transform-origin: top left;
	position: absolute;
	overflow: hidden;
	width: 1920px;
	margin: 0 auto;
}


.container {
	display: block;
	margin: 0 auto;
	width: 1200px;
	height: 100%;
	position: relative;
	max-width: 1200px;
}

.frame {
	width: 100%;
	max-width: 1024px;
	height: auto;
	position: relative;
	margin: 0 auto;
}

.frame1 {
	width: 100%;
	max-width: 960px;
	height: auto;
	position: relative;
	margin: 0 auto;
}

.opacity-5 {
	opacity: 0.5;
}

.zoom {
	transition: transform .2s;
	/* Animation */
}

.zoom:hover {
	transform: scale(1.1);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom-50 {
	transition: transform .3s;
	/* Animation */
}

.zoom-50:hover {
	transform: scale(1.05);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.brightness:hover {
	filter: brightness(1.2)
}

.section {
	position: relative;
	display: block;
	max-width: 100%
}

.section-background {
	position: absolute;
	display: block;
	width: 100%;
	margin: 0 auto;
	top: 0;
	left: 0;
}

.section-content {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	height: 100%;

}

@media (max-width: 640px) {
	.desktop {
		display: none !important
	}

	.mobile {
		display: block !important
	}

	.container {
		width: 100%;
		max-width: 100%;
	}

	.wrapper {
		width: 640px;
	}

	body {
		font-size: 16px;
	}
}

.desktop {
	display: block
}

.mobile {
	display: none
}

.cursor-pointer {
	cursor: pointer;
}

.pointer-events-none {
	pointer-events: none;
}


/*----------------------------art---------------------------------*/
.bub {
	position: absolute;
	top: 720px;
	left: 0;
	z-index: 100;
}

.cloud {
	position: absolute;
	top: 1942px;
	left: 0;
	z-index: 100;
}

.rocket {
	position: absolute;
	top: 516px;
	left: 0;
	z-index: 100;
}

.btn-mute {
	position: absolute;
	top: 80px;
	right: 0;
	width: 67px;
	height: 67px;
	background: url(../images/ic-music.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.btn-mute.inactive {
	position: absolute;
	top: 80px;
	right: 0;
	width: 67px;
	height: 67px;
	background: url(../images/ic-music-inactive.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.fixed-right {
	position: fixed;
	right: 48px;
	bottom: 0;
	width: 90px;
	height: 182px;
	z-index: 200;
}

@media (max-width: 640px) {

	.bub,
	.cloud,
	.rocket {
		display: none;
	}

	.fixed-right {
		right: 8px;
		height: 148px;

	}
}

/*----------------------------Header---------------------------------*/
.header {
	background-color: rgba(243, 85, 141, 1);
	height: 68px;
	border-bottom: 1px solid #dc3c75;
	width: 1920px;
	transform-origin: left top;
}

.header .frame-header {
	width: 1116px;
	margin: 0 auto;
}

.logo {
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.header-headroom.headroom--not-top {
	position: fixed;
}

.header-headroom.headroom--not-top .logo {
	transform: scale(0.8) translateY(0.225rem);
}

.header .navbar-nav .nav-link {
	padding: 0 32px;
	font-size: 30px;
	color: #fff;
	position: relative;
}

.header .navbar {
	padding: 0;
}

.header .navbar-nav .nav-item.active .nav-link::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background: url(../images/ic-triangle.png) no-repeat;
	width: 15px;
	height: 11px;
	margin: 0 auto;
}

@media (max-width: 640px) {
	.header {
		background-color: rgba(243, 85, 141, 1);
		height: 77px;
		width: 640px;
	}

	.header .frame-header {
		width: 640px;
		margin: 0 auto;
	}

	.header .navbar-nav {
		flex-direction: row;
	}

	.header .navbar-nav .nav-link {
		padding: 0 2px;
	}
}

/*----------------------------Page1---------------------------------*/
.section-frame1 {
	height: 1097px;
	overflow: hidden;
	background: url(../images/bg-page1.jpg) no-repeat #ece091;
	background-size: 100% 100%;
}

.section-frame1 .slogan {
	position: absolute;
	bottom: 206px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 17;
}

.section-frame1 .slogan img {
	margin: 0 auto;
}

.section-frame1 .play {
	position: absolute;
	bottom: 308px;
	left: 0;
	right: 712px;
	text-align: center;
	z-index: 17;
	animation: turn1 5s infinite ease-in-out;
}

.section-frame1 .download-page1 {
	width: 648px;
	height: 220px;
	background: url(../images/bg-download-page1.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 86px;
	padding: 16px;
	z-index: 18;
	display: flex;
}

.section-frame1 .kv {
	position: absolute;
	top: 158px;
	left: 72px;
	right: 0;
	text-align: center;
	z-index: 15;
}

.section-frame1 .art1 {
	position: absolute;
	top: 170px;
	left: 268px;
	z-index: 15;
}

.section-frame1 .art2 {
	position: absolute;
	top: 162px;
	right: 358px;
	z-index: 15;
}

.section-frame1 .art3 {
	position: absolute;
	top: 382px;
	left: 92px;
	z-index: 15;
}

.section-frame1 .art4 {
	position: absolute;
	top: 360px;
	right: 0;
	z-index: 15;
}

@media (max-width: 640px) {
	.section-frame1 {
		height: 1096px;
		overflow: hidden;
		background: url(../images/bg-page1-m.jpg);
	}

	.section-frame1 .kv,
	.section-frame1 .art1,
	.section-frame1 .art2,
	.section-frame1 .art3,
	.section-frame1 .art4,
	.section-frame1 .download-page1 {
		display: none;
	}

	.section-frame1 .slogan {
		bottom: 94px;
	}

	.section-frame1 .play {
		bottom: 317px;
		right: 0;
		left: 502px;
	}

	.section-frame1 .btn-download {
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		bottom: 16px;
	}
}

/*----------------------------Page2---------------------------------*/
.section-frame2 {
	height: 1047px;
	overflow: hidden;
	background: url(../images/bg-page2.jpg) no-repeat;
	background-size: 100% 100%;
}

.section-frame2 .title {
	text-align: center;
}

.section-frame2 .news {
	width: 1204px;
	height: 941px;
	background: url(../images/bg-news-page2.png) no-repeat;
	background-size: 100%;
	margin: -116px auto 0;
	position: relative;
	z-index: 26;
	overflow: hidden;
}

.section-frame2 .news .tab1 {
	width: 227px;
	height: 64px;
	background: url(../images/tab1-page2.png) no-repeat;
	background-size: 100%;
	font-size: 22px;
	font-family: 'leelauib', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 42px;
}

.section-frame2 .news .tab2 {
	width: 289px;
	height: 64px;
	background: url(../images/tab2-page2.png) no-repeat;
	background-size: 100%;
	font-size: 22px;
	font-family: 'leelauib', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 42px;
}

.section-frame2 .news .tab3 {
	width: 275px;
	height: 64px;
	background: url(../images/tab3-page2.png) no-repeat;
	background-size: 100%;
	font-size: 22px;
	font-family: 'leelauib', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 42px;
}

.section-frame2 .news .tab4 {
	width: 214px;
	height: 64px;
	background: url(../images/tab4-page2.png) no-repeat;
	background-size: 100%;
	font-size: 22px;
	font-family: 'leelauib', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 42px;
}

.section-frame2 .news .tab1.active,
.section-frame2 .news .tab2.active,
.section-frame2 .news .tab3.active,
.section-frame2 .news .tab4.active,
.section-frame2 .news .tab1:hover,
.section-frame2 .news .tab2:hover,
.section-frame2 .news .tab3:hover,
.section-frame2 .news .tab4:hover {
	filter: hue-rotate(100deg);
}

.section-frame2 .news .nav {
	width: 1014px;
	justify-content: center;
	margin: 198px auto 0
}

.section-frame2 .news .tab-content {
	width: 1014px;
	margin: 16px auto 0;
}

.section-frame2 .news .tab-content .item .thumb {
	width: 322px;
	height: 252px;
	margin-bottom: 8px;
}

.section-frame2 .news .tab-content .item .thumb img {
	max-height: 100%;
	border-radius: 16px;
}

.section-frame2 .news .tab-content .item .date {
	font-family: 'Times New Roman', Times, serif;
	font-size: 16px;
	color: #474647;
}

.section-frame2 .news .tab-content .item .title-news {
	font-size: 18px;
	text-transform: uppercase;
}

.section-frame2 .news .tab-content .item .title-news a {
	color: #474647;
	text-decoration: none;
}

.section-frame2 .art1 {
	position: absolute;
	top: 24px;
	left: 48px;
	z-index: 20;
}

.section-frame2 .art2 {
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 20;
}

@media (max-width: 640px) {
	.section-frame2 {
		height: 1158px;
		overflow: hidden;
		background: url(../images/bg-page2-m.jpg);
	}

	.section-frame2 .art1,
	.section-frame2 .art2 {
		display: none;
	}

	.section-frame2 .news {
		background: none;
		width: 640px;
		height: 1036px;
	}

	.section-frame2 .news .nav {
		width: 568px;
	}

	.section-frame2 .news .tab1,
	.section-frame2 .news .tab2,
	.section-frame2 .news .tab3,
	.section-frame2 .news .tab4 {
		width: 271px;
		height: 65px;
		background: url(../images/bg-tab-page2-m.png) no-repeat;
		background-size: 100%;
		font-size: 23px;
		color: #fff;
		font-family: 'leelauib', sans-serif;
		text-align: center;
		line-height: 48px;
	}

	.section-frame2 .news .tab-content .item .thumb {
		width: 545px;
		height: 354px;
		margin-bottom: 8px;
	}

	.section-frame2 .news .tab-content .item .thumb img {
		max-height: 100%;
		border-radius: 16px;
	}

	.section-frame2 .news .tab-content {
		width: 640px;
		padding: 18px 48px 0;
		margin: 0 auto;
	}

	.section-frame2 .news .tab-content .item .date {
		font-size: 26px;
	}

	.section-frame2 .news .tab-content .item .title-news {
		font-size: 30px;
	}

}

/*----------------------------Page3---------------------------------*/
.section-frame3 {
	height: 1230px;
	overflow: hidden;
	background: url(../images/bg-page3.jpg) no-repeat;
	background-size: 100% 100%;
}

.section-frame3 .title {
	text-align: center;
}

.section-frame3 .swiper {
	height: 100%;
	overflow: initial;
}

.section-frame3 .swiper .item {
	width: 1550px;
	height: 718px;
	/* background: url(../images/bg-slider-page3.png) no-repeat; 
	background-size: 100%;*/
	margin: -62px auto 0;
	position: relative;
}

.section-frame3 .swiper .item .description {
	position: absolute;
	top: 198px;
	left: 216px;
	width: 580px;
	height: 340px;
	overflow-y: auto;
	font-size: 32px;
	color: #6f412b;
}

.section-frame3 .swiper .item .description .title-item {
	font-size: 58px;
	color: #ff8430;
	font-family: 'leelauib', sans-serif;
}

.section-frame3 .swiper .item .thumb1 {
	position: absolute;
	top: 0;
	right: 102px;

}

.section-frame3 .swiper-button-prev::after,
.section-frame3 .swiper-button-next::after {
	content: '';
}

.section-frame3 .swiper-button-prev,
.section-frame3 .swiper-rtl .swiper-button-next {
	left: 224px;
	right: auto;
	width: 85px;
	z-index: 46;
	top: 304px;
}

.section-frame3 .swiper-button-next,
.section-frame3 .swiper-rtl .swiper-button-prev {
	right: 248px;
	left: auto;
	width: 85px;
	z-index: 46;
	transform: rotate(180deg);
	top: 304px;
}




@media (max-width: 640px) {
	.section-frame3 {
		height: 1127px;
		overflow: hidden;
		background: url(../images/bg-page3-m.jpg);
	}

	.section-frame3 .swiper .item {
		width: 640px;
		background: none;
		margin: 0 auto;
	}

	.section-frame3 .swiper .item .description {
		position: absolute;
		top: 546px;
		left: 0;
		right: 0;
		width: 640px;
		height: 417px;
		overflow-y: auto;
		font-size: 32px;
		color: #6f412b;
		z-index: 39;
		background: url(../images/bg-description-page3-m.png) no-repeat;
		background-size: 100%;
		padding: 24px;
	}

	.section-frame3 .swiper-button-prev,
	.section-frame3 .swiper-rtl .swiper-button-next {
		left: 0;
	}

	.section-frame3 .swiper-button-next,
	.section-frame3 .swiper-rtl .swiper-button-prev {
		right: 0;
	}

}


/*----------------------------News---------------------------------*/
.section-news {
	width: 100%;
	min-height: 1369px;
	max-height: 3374px;
	background: url(../images/bg-news.jpg) no-repeat;
	background-size: 100%;
}

.section-news h1 {
	text-align: center;
	padding: 140px 0 42px;
}

.section-news .bg1-news {
	width: 1083px;
	margin: 0 auto;
	min-height: 1300px;
	max-height: 2993px;
	background-color: rgba(255, 255, 255, .8);
	padding: 37px 13px 13px;
}

.section-news .bg2-news {
	width: 1057px;
	margin: 0 auto;
	min-height: 1300px;
	max-height: 2921px;
	overflow-y: auto;
	background-color: #fff;

}

.section-news .list-news .tab1 {
	width: 227px;
	height: 64px;
	background: url(../images/tab1-page2.png) no-repeat;
	background-size: 100%;
	font-size: 22px;
	font-family: 'leelauib', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 42px;
}

.section-news .list-news .tab2 {
	width: 289px;
	height: 64px;
	background: url(../images/tab2-page2.png) no-repeat;
	background-size: 100%;
	font-size: 22px;
	font-family: 'leelauib', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 42px;
}

.section-news .list-news .tab3 {
	width: 275px;
	height: 64px;
	background: url(../images/tab3-page2.png) no-repeat;
	background-size: 100%;
	font-size: 22px;
	font-family: 'leelauib', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 42px;
}

.section-news .list-news .tab4 {
	width: 214px;
	height: 64px;
	background: url(../images/tab4-page2.png) no-repeat;
	background-size: 100%;
	font-size: 22px;
	font-family: 'leelauib', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 42px;
}

.section-news .list-news .tab1.active,
.section-news .list-news .tab2.active,
.section-news .list-news .tab3.active,
.section-news .list-news .tab4.active {
	filter: hue-rotate(100deg);
}

.section-news .list-news .nav {
	width: 1014px;
	justify-content: center;
	margin: 0 auto 0
}

.section-news .list-news .tab-content {
	width: 1014px;
	margin: 16px auto 0;
}

.section-news .list-news .tab-content .item {
	margin: 24px 0;
	border-bottom: solid 1px #f2e5d4;
	padding-bottom: 24px;
}

.section-news .list-news .tab-content .item .thumb {
	width: 322px;
	height: 252px;
	overflow: hidden;
}

.section-news .list-news .tab-content .item .thumb img {
	max-height: 100%;
	border-radius: 16px;
}

.section-news .list-news .tab-content .item .description {
	font-size: 20px;
	color: #474647;
	width: 650px;
}

.section-news .list-news .tab-content .item .description h2 a {
	color: #f3558d;
	font-size: 24px;
	font-family: 'leelauib', sans-serif;
}

.section-news .list-news .tab-content .item .description a {
	color: #474647;

}

.section-news .list-news .tab-content .item .description .date {
	color: #bf7b28;
	font-family: 'Times New Roman', Times, serif;
	font-size: 16px;
}

.section-news .list-news .tab-content .pagination .page-item.active .page-link {
	background-color: #dc3c75;
	color: #fff;
}

.section-news .list-news .tab-content .pagination .page-link {
	border-radius: 32px;
	border: solid 1px #dc3c75;
	font-size: 24px;
	color: #dc3c75;
	font-weight: bold;
	width: 64px;
	height: 64px;
	text-align: center;
	font-weight: bold;
	margin: 0 4px;
	line-height: 44px;
}

.section-news .list-news .tab-content .pagination .page-item:first-child .page-link,
.section-news .list-news .tab-content .pagination .page-item:last-child .page-link {
	background-color: transparent;
	border: none;
}

@media (max-width: 640px) {
	.section-news {
		width: 100%;
		min-height: 1369px;
		max-height: 3168px;
		background: url(../images/bg-news-m.jpg) no-repeat;
		background-size: 100% 100%;
	}

	.section-news .bg1-news {
		width: 640px;
		margin: 0 auto;
		min-height: 1300px;
		max-height: 2993px;
		background-color: rgba(255, 255, 255, .8);
		padding: 37px 13px 13px;
	}

	.section-news .bg2-news {
		width: 616px;
		margin: 0 auto;
		min-height: 1300px;
		max-height: 2921px;
		overflow-y: auto;
		background-color: #fff;
	}

	.section-news .list-news .nav {
		width: 600px;
		margin-top: 16px;
	}

	.section-news .list-news .tab1,
	.section-news .list-news .tab2,
	.section-news .list-news .tab3,
	.section-news .list-news .tab4 {
		width: 271px;
		height: 65px;
		background: url(../images/bg-tab-page2-m.png) no-repeat;
		background-size: 100%;
		font-size: 23px;
		color: #fff;
		font-family: 'leelauib', sans-serif;
		text-align: center;
		line-height: 48px;
		margin: 4px auto;
	}

	.section-news .list-news .tab-content {
		width: 590px;
	}

	.section-news .list-news .tab-content .item .description .short {
		display: none;
	}

	.section-news .list-news .tab-content .item .thumb {
		width: 268px;
		height: 210px;
		overflow: hidden;
	}

	.section-news .list-news .tab-content .item .description {
		width: 300px;
	}

	.section-news .list-news .tab-content .item .description h2 a {
		font-size: 24px;
	}
}


/*----------------------------news details---------------------------------*/
.section-news.details .bg1-news {
	width: 1083px;
	margin: 0 auto;
	min-height: 1300px;
	max-height: 2430px;
	background-color: rgba(255, 255, 255, .8);
	padding: 37px 13px 13px;
}

.section-news.details .bg2-news {
	width: 1057px;
	margin: 0 auto;
	min-height: 1300px;
	max-height: 2221px;
	overflow-y: auto;
	background-color: #fff;

}

.section-news .news-details {
	font-size: 20px;
	color: #474647;
}

.section-news .news-details .title-main {
	color: #f3558d;
	font-size: 32px;
	font-family: 'leelauib', sans-serif;
	text-align: left;
	padding: 48px 0 0;
}

.section-news .news-details .date {
	color: #bf7b28;
	font-family: 'Times New Roman', Times, serif;
	font-size: 16px;
	margin: 16px 0;
	display: block;
}

.related-news {
	width: 1290px;
	height: 518px;
	margin: 72px auto 0;
}

.related-news .main-content {
	width: 1104px;
	height: 472px;
	background: url(../images/bg-relate-news.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
	padding: 42px;
}

.related-news .main-content .swiper {
	width: 1040px;
}

.related-news .main-content .swiper-slide {
	height: 390px;
	text-align: center;
}

.related-news .main-content .item .thumb {
	width: 322px;
	height: 252px;
	margin-bottom: 8px;
}

.related-news .main-content .item .thumb img {
	max-height: 100%;
	border-radius: 16px;
}

.related-news .main-content .item .date {
	font-family: 'Times New Roman', Times, serif;
	font-size: 16px;
	color: #474647;
	text-align: left;
}

.related-news .main-content .item .title-news {
	font-size: 18px;
	text-transform: uppercase;
	text-align: left;
}

.related-news .main-content .item .title-news a {
	color: #474647;
	text-decoration: none;
}

.related-news .main-content .swiper-button-prev::after,
.related-news .main-content .swiper-button-next::after {
	content: '';
}

.related-news .main-content .swiper-button-prev,
.related-news .main-content .swiper-rtl .swiper-button-next {
	left: -11px;
	right: auto;
	width: 48px;
	z-index: 5046;
	top: 164px;
}

.related-news .main-content .swiper-button-next,
.related-news .main-content .swiper-rtl .swiper-button-prev {
	right: -3px;
	left: auto;
	width: 48px;
	z-index: 5046;
	transform: rotate(180deg);
	top: 164px;
}

@media (max-width: 640px) {
	.section-news.details .bg1-news {
		width: 640px;
	}

	.section-news.details .bg2-news {
		width: 616px;
	}

	.related-news {
		width: 640px;
		height: 570px;
		margin: 24px auto 0;
	}
.section-news .news-details {
	font-size: 22px;
}
	.related-news .main-content {
		width: 633px;
		height: 562px;
		background: url(../images/bg-relate-news-m.png) no-repeat;
		background-size: 100%;
		margin: 0 auto;
		padding: 30px 24px 0;
		overflow: hidden;
	}

	.related-news .main-content .swiper {
		width: 572px;
	}

	.related-news .main-content .item {
		background-color: #fff;
		width: 290px;
	}

	.related-news .main-content .item .thumb {
		width: 290px;
		height: 235px;
		margin-bottom: 8px;
	}
}

/*----------------------------footer---------------------------------*/

.footer {
	background-color: #dc3c75;
	color: #fff;
	font-size: 1rem;
	line-height: 1.7;
	padding: 1rem 0;
	text-align: left;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
}

.footer .footer-content {
	margin: 0 auto;
	width: 1080px;
	position: relative;
}

.footer a {
	color: #fff
}

.footer-logo {
	padding-right: 48px;
}

.footer-copyright {
	position: relative;
	padding: 48px;
}

.footer .footer-content .footer-copyright::before {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 640px) {
	.footer .footer-content {
		flex-direction: column;
		width: 640px;
		text-align: center;
		font-size: 1.325rem;
	}

	.footer-copyright {
		padding: 24px;
	}
}

/*----------------------------Menu Fixed right---------------------------------*/
.frame-right {
	position: fixed;
	right: 7.5%;
	top: 50%;
	transition: transform .4s ease-in-out;
	transform: translateY(calc(-50% + .5px))
}

.download {
	align-items: center;
	background: url(../images/bg-neo.png) no-repeat 0 0;
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	height: 756px;
	padding: .625rem .6875rem 0 3.9rem;
	/* transform: translate(100%, calc(-50% + .5px)); */
	width: 356px;
	z-index: 1030;
	transform-origin: right center;
}

.btn-qr {
	margin-top: 258px;
}

.btn-nap-vang {
	height: auto;
	width: 273px;
	margin-top: 6px;
}

.btn-apk,
.btn-appstore,
.btn-googleplay {
	height: auto;
	width: 228px;
}

.btn-apk {
	margin-top: -16px;
}

.btn-backtotop {
	height: auto;
	width: 87px;
}

.btn-img {
	align-items: center;
	background-color: transparent;
	border: none;
	border-radius: 0;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 1;
	padding: 0;
	text-align: center;
	transition: filter .3s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.btn-img:focus {
	outline: none
}

@media (max-width: 640px) {
	.frame-right {
		display: none;
	}
}


/*----------------------------Animation---------------------------------*/
.pulse1 {
	animation-name: pulse1;
	-webkit-animation-name: pulse1;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse1 {
	0% {
		transform: scale(0.9);
		opacity: 1;
	}

	50% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.9);
		opacity: 1;
	}
}

@-webkit-keyframes pulse1 {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}

	50% {
		-webkit-transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}
}

@keyframes turn1 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes turn1 {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.99);
		opacity: 1;
		transform-origin: center center;
	}

	50% {
		transform: scale(1.1);
		opacity: 1;
		transform-origin: center center;
	}

	100% {
		transform: scale(0.99);
		opacity: 1;
		transform-origin: center center;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}

	50% {
		-webkit-transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}
}


.pulse-reverse:hover,
.pulse-reverse:focus {
	-webkit-animation-name: pulse-reverse;
	animation-name: pulse-reverse;
	transition: all 0.2s ease-in-out;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	filter: saturate(1);
}

@-webkit-keyframes pulse-reverse {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(0.9, 0.9, 0.9);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse-reverse {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(0.9, 0.9, 0.9);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}


.blink {
	animation: blink 1s ease-in-out infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
		filter: brightness(1.2);
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
		filter: brightness(1.2);
	}

	100% {
		opacity: 1;
	}
}


.shake {
	animation: shake 1s ease infinite
}

@-webkit-keyframes shake {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}
}