.tooltipster-base,
.absolute-footer {
	display: none;
}

.m-00,
.m-00 * {
	margin: 0 !important;
}

#main {
	background-color: transparent !important;
}



.dark .nav-vertical li li.menu-item-has-children>a,
.dark .nav-vertical-fly-out>li>a,
.dark .nav-vertical>li>ul li a,
.dark .nav>li.html,
.dark .nav>li>a,
.nav-dark .is-outline,
.nav-dark .nav>li>a,
.nav-dark .nav>li>button,
.nav-dropdown.dark .nav-column>li>a,
.nav-dropdown.dark>li>a {
	color: #fff;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}

body {
	margin: 0;
	background: #080e37;
	color: #fff;
	font-family: "Barlow", sans-serif;
	font-size: 1.125rem;
	line-height: 1.5;
}

.nav>li>a {
	font-size: 1.125rem;
}

#header-contact a {
	font-weight: normal !important;
}

.header {
	color: #fff;
	background: rgba(35, 42, 92, .3);
	background-image: url(../images/dms.webp);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	z-index: 999;
}
.header-nav.header-nav-main>li>a {
	padding: 20px 10px;
	font-size:16px
}

a.button.default-button {
	font-size: 1.125rem;
	color: #ff0052;
	font-weight: 700;
	transition: .3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
	padding: 0 1rem;
	line-height: 60px;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.box-game a.button.default-button {
	line-height: 50px;
}

.default-button:after,
.default-button:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.default-button:before {
	background-color: #fff;
	z-index: 1;
	box-shadow: .2rem .2rem .5rem rgba(0, 0, 0, .2);
}

.default-button:after {
	background-color: var(--primary-color);
	transform: translate(4px, 4px);
	z-index: 0;
}

a.button.default-button:hover {
	transform: translate(4px, 4px);
	color: #fff;
}

.default-button:hover:after {
	background-color: #fff;
	transform: translate(-4px, -4px);
}

.default-button:hover:before {
	background-color: #ff0052;
}

.default-button i,
.default-button span {
	position: relative;
	z-index: 2;
	line-height: normal;
}

.box-game:after,
.box-game:before {
	position: absolute;
	content: "";
}

.box-game .box-image {
	border-radius: .3rem;
}
.box-game .overlay{
	opacity: 0
}

.box-game .box-text {
	visibility: hidden;
	opacity: 0;
	transition: all .45s ease;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	height: auto;
	background-color: rgba(255, 0, 82, .8);
	padding: 15px 30px;
	bottom: 0;
	top: auto;
	position: absolute;
}

.box-game:hover .box-text {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.row .box-game:hover .box-text {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0%) scale(1);
}

.box-game:before {
	width: 95%;
	height: 95%;
	border: 1px solid rgba(255, 255, 255, .04);
	bottom: -12px;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	transition: all .2s ease;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, .1);
}

.box-game:after {
	width: 90%;
	height: 90%;
	border: 1px solid rgba(255, 255, 255, .04);
	bottom: -22px;
	left: 50%;
	z-index: -2;
	transform: translateX(-50%);
	transition: all .2s ease;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, .1);
}

.box-game:hover {
	transform: translateY(10px);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .4);
}

.box-game:hover:after,
.box-game:hover:before {
	opacity: 0;
	bottom: 0;
	visibility: hidden;
}

.box-game-2 .box-text {
	top: 0;
	background-color: transparent;
	padding: 10px;
}

.box-game-2 .box-text .box-text-inner {
	background-color: rgba(0, 0, 0, .6);
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.rg-30 {
	row-gap: 30px;
}

.post header.entry-header {
	display: flex;
	flex-direction: column-reverse;
	gap: 20px;
}

.article-inner {
	background: rgb(33 39 89);
	padding: 20px;
}

footer.entry-meta.text-left [rel="tag"]:not([rel="category tag"]) {
	font-size: 14px;
	background: #5a5a5a;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	margin-right: 10px;
}

footer.entry-meta {
	font-size: 0;
	border: 0;
	margin: 0;
}

.blog-share.text-center {
	text-align: left;
	margin-bottom: 20px;
}

.entry-divider.is-divider.small,
.blog-share .is-divider {
	display: none;
}

.entry-header-text-top {
	padding-bottom: 0;
}

.blog-share a {
	margin-right: 10px !important;
}

.blog-wrapper .large-10 {
	max-width: 100%;
	flex-basis: 100%;
}

.slider-nav-light .flickity-page-dots .dot {
	background-color: #F4BC27 !important;
	border: 0 !important;
	width: 8px;
	height: 8px;
}

.footer-ss {
	background-image: url(../images/dms.webp);
	background-color: #232a5c;
	background-size: cover;
	color: #Fff;
}

.footer-ss a {
	color: #fff;
}

.col-top {
	border-left: 1px solid rgba(255, 255, 255, .1);
}

.col-top:last-child {
	border-right: 1px solid rgba(255, 255, 255, .1);
}

.col-top .col-inner {
	padding: 40px 20px;
}

.col-bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
}

.col-top {
	max-width: unset;
	flex-basis: auto;
	flex: 0 0 auto;
	width: auto;
}

h1.page-title {
	font-size: 0;
}

h1.page-title span,
h2 {
	font-size: 2.2rem;
}

.box-blog-post {
	background-color: #232a5c;
	padding: 10px;
}

.box-blog-post:hover {
	background-color: #212759A1;
}

.box-blog-post .is-divider {
	display: none;
}

.box-blog-post .box-image {
	border-radius: 10px;
}

h5.post-title.is-large {
	margin-bottom: 15px;
	font-size: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.box-default p.from_the_blog_excerpt {
    min-height: 70px;
}
.box-blog-post .box-image img {
	transition-duration: 0.5s;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.box-blog-post .box-image:hover img {
	animation-name: elementor-animation-bob-float, elementor-animation-bob;
	animation-duration: .3s, 1.5s;
	animation-delay: 0s, .3s;
	animation-timing-function: ease-out, ease-in-out;
	animation-iteration-count: 1, infinite;
	animation-fill-mode: forwards;
	animation-direction: normal, alternate;
}

.box-blog-post .box-image:hover img {
	opacity: 0.75;
	filter: brightness(100%) contrast(100%) saturate(0%) blur(0.5px) hue-rotate(0deg);
}

.sticky-icon {
	z-index: 9;
	position: fixed;
	bottom: 0;
	right: 0%;
	width: 220px;
	display: flex;
	flex-direction: column;
	align-items: unset;
	justify-content: unset;
}

.sticky-icon .icon-box {
	transform: translate(160px, 0px);
	border-radius: 50px 0px 0px 50px;
	text-align: left;
	margin: 2px !important;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	transition: all 0.8s;
}

.sticky-icon .icon-box {
	display: flex;
	align-items: center;
}

.sticky-icon .icon-box * {
	margin: 0
}

.sticky-icon .icon-box-text {
	margin: 0 auto
}

.sticky-icon .icon-box:hover {
	color: #FFF;
	transform: translate(0px, 0px);
}

.sticky-icon .icon-box:hover svg {
	transform: rotate(360deg);
}

.Facebook {
	background-color: #0866FF;
	color: #FFF;
}
.Zalo {
	background-color: #0180C7;
	color: #FFF;
}
.Youtube {
	background-color: #fa0910;
	color: #FFF;
}

.Telegram {
	background-color: #66CCFF;
	color: #FFF;
}

.Joinnow {
	background-color: #66CC00;
	color: #FFF;
}

.Login {
	background-color: #238645;
	color: #FFF;
}

.Telephone {
	background-color: #FD1D1D;
	color: #FFF;
}
.sticky-icon a img,
.sticky-icon a svg {
	width: 70%;
	height: 70%;
	padding: 0;
}

.sticky-icon .icon-inner {
	background-color: #FFF;
	padding: 4px;
	height: 40px;
	width: 40px;
	color: #000;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	margin-right: 20px;
	transition: all 0.5s;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sticky-icon .Facebook svg {
	background-color: #FFF;
	color: #0866FF;
}

.sticky-icon .Joinnow svg {
	background-color: #FFF;
	color: #66CC00;
}

.sticky-icon .Login svg {
	background-color: #FFF;
	color: #238645;
}

.sticky-icon .Telephone svg {
	background-color: #FFF;
	color: #FD1D1D;
}

.sticky-icon .Youtube svg {
	background-color: #FFF;
	color: #fa0910;
	/* padding: 0; */
}

.sticky-icon .Telegram svg {
	background-color: #FFF;
	color: #66CCFF;
}

.fas fa-shopping-cart {
	background-color: #FFF;
}

#myBtn {
	height: 50px;
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	text-align: center;
	padding: 10px;
	text-align: center;
	line-height: 40px;
	border: none;
	outline: none;
	background-color: #1e88e5;
	color: white;
	cursor: pointer;
	border-radius: 50%;
}

.fa-arrow-circle-up {
	font-size: 30px;
}

#myBtn:hover {
	background-color: #555;
}

a#top-link {
	background: var(--primary-color);
	color: #fff;
	right: 66px;
}

@keyframes elementor-animation-bob-float {
	100% {
		transform: translateY(-8px)
	}
}

@keyframes elementor-animation-bob {
	0% {
		transform: translateY(-8px)
	}

	50% {
		transform: translateY(-4px)
	}

	100% {
		transform: translateY(-8px)
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .header-nav.header-nav-main>li>a {
        padding: 5px;
        font-size: 15px;
    }
}
@media (min-width: 850px) {

	.header-inner.flex-row.container {
		flex-direction: column;
		padding-left: 300px;
		position: relative;
	}

	div#logo {
		position: absolute;
		left: 0;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 15px;
	}

	#masthead .flex-col.hide-for-medium.flex-left.flex-grow {
		width: 100%;
		flex: unset;
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		padding-left: 40px;
	}

	#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
		justify-content: space-between !important;
	}

	#header-contact a {
		position: relative;
	}

	#header-contact a::after {
		position: absolute;
		content: "";
		height: 124%;
		width: 1px;
		background-color: rgba(255, 255, 255, .1);
		right: -20px;
		bottom: -6px;
		transform: rotate(25deg);
	}

	#masthead .flex-col.hide-for-medium.flex-left.flex-grow::after {
		position: absolute;
		content: "";
		top: -20px;
		left: 293px;
		height: 120%;
		width: 1px;
		background-color: rgba(255, 255, 255, .1);
		transform: rotate(30deg);
	}

	.header .header-social-icons a {
		height: 50px;
		line-height: 50px;
		width: 50px;
		background: transparent;
		display: inline-flex;
		position: relative;
		align-items: center;
		justify-content: center;
		margin: 0 !important;
	}

	.header .header-social-icons a.icon:not(.button)::after {
		content: "";
		height: 120%;
		width: 1px;
		background-color: rgba(255, 255, 255, .1);
		right: 0;
		top: -6px;
		transform: rotate(25deg);
		position: absolute;
	}
}

@media (max-width: 850px) {
	.header-main li.html.custom {
		display: block !important;
	}

	.header-main li.html svg {
		background: #fff;
		border-radius: 6px;
		width: 20px;
		position: relative;
		top: 3px;
	}

	.nav>li>a>i.icon-menu {
		font-size: 30px;
		line-height: 1;
	}

	.row-collapse>.col-top {
		border: 0;
		padding: 15px !important;
	}

	.col-top .col-inner {
		border: 1px solid rgba(255, 255, 255, .1);
		padding: 15px;
	}
}

@media (max-width:550px) {
	.col-top .icon-box-left {
		flex-direction: column;
		gap: 10px;
	}

	.col-top .icon-box-left .icon-box-img+.icon-box-text {
		padding: 0;
	}
	#logo {
		width: 120px !important;
	}

}