/*
Theme Name: Smartlink
Description: A responsive WordPress theme based on Flatsome framework
Author: UX Themes
Version: 3.0
Text Domain: smartlink
Tags: responsive-layout, custom-menu, featured-images, post-formats
*/

/*! This file is auto-generated */
.wp-block-button__link {
	color: #fff;
	background-color: #32373c;
	border-radius: 9999px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	font-size: 1.125em
}

.wp-block-file__button {
	background: #32373c;
	color: #fff;
	text-decoration: none
}

@font-face {
	font-family: "fl-icons";
	font-display: block;
	src: url(static/font/fl-icons.eot);
	src:
		url(static/font/fl-icons.eot) format("embedded-opentype"),
		url(static/font/fl-icons.woff2) format("woff2"),
		url(static/font/fl-icons.ttf) format("truetype"),
		url(static/font/fl-icons.woff) format("woff"),
		url(static/font/fl-icons.svg) format("svg");
}

.bg {
	opacity: 0;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

.bg-loaded {
	opacity: 1;
}

:root {
	--primary-color: #193762;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
	max-width: 1220px
}

.row.row-collapse {
	max-width: 1190px
}

.row.row-small {
	max-width: 1212.5px
}

.row.row-large {
	max-width: 1250px
}

.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark {
	background-color: #f7f7f7
}

.header-main {
	height: 90px
}

#logo img {
	max-height: 90px
}

#logo {
	width: 160px;
}

.header-bottom {
	min-height: 10px
}

.header-top {
	min-height: 50px
}

.transparent .header-main {
	height: 90px
}

.transparent #logo img {
	max-height: 90px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
	padding-top: 140px;
}

.header.show-on-scroll,
.stuck .header-main {
	height: 70px !important
}

.stuck #logo img {
	max-height: 70px !important
}

.search-form {
	width: 90%;
}

.header-bg-color {
	background-color: #ffffff
}

.header-bottom {
	background-color: #030d27
}

.header-main .nav>li>a {
	line-height: 16px
}

.header-bottom-nav>li>a {
	line-height: 44px
}

@media (max-width: 549px) {
	.header-main {
		height: 70px
	}

	#logo img {
		max-height: 70px
	}
}

.nav-dropdown {
	border-radius: 3px
}

.nav-dropdown {
	font-size: 100%
}

.nav-dropdown-has-arrow li.has-dropdown:after {
	border-bottom-color: #38a0d5;
}

.nav .nav-dropdown {
	background-color: #38a0d5
}

/* Color */
.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline>li.active>a,
.nav-outline>li.active>a,
.cart-icon strong,
[data-color='primary'],
.is-outline.primary {
	color: #193762;
}

/* Color !important */
[data-text-color="primary"] {
	color: #193762 !important;
}

/* Background Color */
[data-text-bg="primary"] {
	background-color: #193762;
}

/* Background */
.scroll-to-bullets a,
.featured-title,
.label-new.menu-item>a:after,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
button[type="submit"],
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold>li>a:hover,
.nav-dropdown-bold.dark .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold.dark>li>a:hover,
.header-vertical-menu__opener,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type='submit']:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box>li>a:hover,
.nav-box>li.active>a,
.nav-pills>li.active>a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary,
.badge-inner {
	background-color: #193762;
}

/* Border */
.nav-vertical.nav-tabs>li.active>a,
.scroll-to-bullets a.active,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
.accordion-title.active,
.featured-table,
.is-outline:hover,
.tagcloud a:hover,
blockquote,
.has-border,
.cart-icon strong:after,
.cart-icon strong,
.blockUI:before,
.processing:before,
.loading-spin,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover {
	border-color: #193762
}

.nav-tabs>li.active>a {
	border-top-color: #193762
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
	border-left-color: #193762
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
	border-left-color: #193762
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
	fill: #193762;
}

/* Focus */
.primary:focus-visible,
.submit-button:focus-visible,
button[type="submit"]:focus-visible {
	outline-color: #193762 !important;
}

/* Background Color */
[data-icon-label]:after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
	background-color: #28aae2;
}

[data-text-bg="secondary"] {
	background-color: #28aae2;
}

/* Color */
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary {
	color: #28aae2
}

/* Color !important */
[data-text-color="secondary"] {
	color: #28aae2 !important;
}

/* Border */
.secondary.is-outline:hover {
	border-color: #28aae2
}

/* Focus */
.secondary:focus-visible,
.alt:focus-visible {
	outline-color: #28aae2 !important;
}

.success.is-underline:hover,
.success.is-outline:hover,
.success {
	background-color: #ffa71a
}

.success-color,
.success.is-link,
.success.is-outline {
	color: #ffa71a;
}

.success-border {
	border-color: #ffa71a !important;
}

/* Color !important */
[data-text-color="success"] {
	color: #ffa71a !important;
}

/* Background Color */
[data-text-bg="success"] {
	background-color: #ffa71a;
}

body {
	color: #333333
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
	color: #193762;
}

body {
	font-size: 110%;
}

@media screen and (max-width: 549px) {
	body {
		font-size: 110%;
	}
}

body {
	font-family: Roboto, sans-serif;
}

body {
	font-weight: 400;
	font-style: normal;
}

.nav>li>a {
	font-family: Roboto, sans-serif;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
	font-family: Roboto, sans-serif;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
	font-weight: 700;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
	font-family: Roboto, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
	font-weight: 700;
	font-style: normal;
}

.alt-font {
	font-family: Roboto, sans-serif;
}

.alt-font {
	font-weight: 400 !important;
	font-style: normal !important;
}

button,
.button {
	text-transform: none;
}

.section-title span {
	text-transform: none;
}

h3.widget-title,
span.widget-title {
	text-transform: none;
}

.header:not(.transparent) .header-nav-main.nav>li>a {
	color: #193762;
}

.header:not(.transparent) .header-nav-main.nav>li>a:hover,
.header:not(.transparent) .header-nav-main.nav>li.active>a,
.header:not(.transparent) .header-nav-main.nav>li.current>a,
.header:not(.transparent) .header-nav-main.nav>li>a.active,
.header:not(.transparent) .header-nav-main.nav>li>a.current {
	color: #38a0d5;
}

.header-nav-main.nav-line-bottom>li>a:before,
.header-nav-main.nav-line-grow>li>a:before,
.header-nav-main.nav-line>li>a:before,
.header-nav-main.nav-box>li>a:hover,
.header-nav-main.nav-box>li.active>a,
.header-nav-main.nav-pills>li>a:hover,
.header-nav-main.nav-pills>li.active>a {
	color: #FFF !important;
	background-color: #38a0d5;
}

.header:not(.transparent) .header-bottom-nav.nav>li>a {
	color: #ffffff;
}

.header:not(.transparent) .header-bottom-nav.nav>li>a:hover,
.header:not(.transparent) .header-bottom-nav.nav>li.active>a,
.header:not(.transparent) .header-bottom-nav.nav>li.current>a,
.header:not(.transparent) .header-bottom-nav.nav>li>a.active,
.header:not(.transparent) .header-bottom-nav.nav>li>a.current {
	color: #38a0d5;
}

.header-bottom-nav.nav-line-bottom>li>a:before,
.header-bottom-nav.nav-line-grow>li>a:before,
.header-bottom-nav.nav-line>li>a:before,
.header-bottom-nav.nav-box>li>a:hover,
.header-bottom-nav.nav-box>li.active>a,
.header-bottom-nav.nav-pills>li>a:hover,
.header-bottom-nav.nav-pills>li.active>a {
	color: #FFF !important;
	background-color: #38a0d5;
}

a {
	color: #38a0d5;
}

a:hover {
	color: #ffa71a;
}

.tagcloud a:hover {
	border-color: #ffa71a;
	background-color: #ffa71a;
}

.absolute-footer,
html {
	background-color: #e9f7ff
}

.nav-vertical-fly-out>li+li {
	border-top-width: 1px;
	border-top-style: solid;
}

.label-new.menu-item>a:after {
	content: "New";
}

.label-hot.menu-item>a:after {
	content: "Hot";
}

.label-sale.menu-item>a:after {
	content: "Sale";
}

.label-popular.menu-item>a:after {
	content: "Popular";
}

body {
	--color--1: #28aae2;
	--color--2: #ffa71a;
}

/* global */
strong,
b {
	font-weight: bold;
}

.padding-bottom-col .col,
.padding-bottom-col-only>div,
.padding-bottom-col-only {
	padding-bottom: 0px !important;
	margin-top: 0px !important;
}

.img-border-radius-10 .img-inner,
.img-border-radius-10 .box-image,
.img-border-radius-10 .flickity-slider img {
	border-radius: 10px;
}

.margin-bottom-p p {
	margin-bottom: 0px;
}

.block-scroll-home {
	position: relative;
	overflow-y: scroll;
	max-height: 106vh;
}

.box-shadow-none .box-image {
	box-shadow: none !important;
}

body:not(.page-template-page-blank) #wrapper #content:not(.blog-wrapper)>.page-inner,
body:not(.page-template-page-blank) #wrapper .blog-wrapper>.row>.large-9>.col-inner {
	background: #FFF;
	padding: 20px;
	border-radius: 10px;
}

div#ez-toc-container ul li {
	font-size: 1em;
}

#ez-toc-container .ez-toc-title-container {
	border-bottom: 1px dotted;
	margin-bottom: 18px;
}

#ez-toc-container .ez-toc-heading-level-2>a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

#ez-toc-container .ez-toc-heading-level-2 li a {
	font-style: italic;
}

#ez-toc-container .ez-toc-heading-level-2 ul a:before {
	display: none;
}

/* header */


.header-bottom-nav>li>a {
	padding-left: 23px;
	padding-right: 23px;
	border-left: 1px solid #183c6f;
	border-right: 1px solid #234b84;
}



body .button.success {
	color: #000;
}

/* right */
.flatsome_recent_posts {
	background: linear-gradient(90deg, #28aae2, #1d9bd1);
	padding: 15px;
	border-radius: 5px;

}

.flatsome_recent_posts .widget-title {
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.flatsome_recent_posts .is-divider {
	max-width: 100%;
	background: var(--color--1);
}

.flatsome_recent_posts a {
	color: #FFF;
	font-size: 14px;
	line-height: 1.4em;
}

.flatsome_recent_posts a:hover {
	color: #ffb845;
}

.flatsome_recent_posts ul {
	padding-left: 0px !important;
}

.flatsome_recent_posts ul.menu>li+li,
.flatsome_recent_posts>ul>li+li {
	border-top: 1px solid #3994bc;
}

/* main */
h1.page-title,
h1.entry-title {
	font-size: 1.6em;
	letter-spacing: 0px;
}

.breadcrumbs-div a {
	color: var(--color--1);
}

.breadcrumbs-div a:hover {
	color: var(--color--2);
}

.breadcrumbs-div * {
	font-weight: normal;
}

.breadcrumbs-div p {
	margin-bottom: 0px;
}

.breadcrumbs-div {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

/*footer*/
.absolute-footer,
.absolute-footer * {
	font-size: 1em;
	color: #29aae2;
	opacity: 1;
}

@media (min-width: 850px) {
	.title-footer {
		font-size: 0.8em;
	}
}

/*home*/
.block-head-thongbao {
	padding: 5px 5px 5px 45px;
	position: relative;
	font-size: 14px;
	color: #FFF;
}

.block-head-thongbao:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 4px;
	width: 22px;
	height: 22px;
	background: url(static/image/speak.webp) center center no-repeat;
	background-size: 100% 100%;
}

.block-head-thongbao p {
	margin: 0px !important;
}

.block-head-thongbao br {
	display: none !important;
}

.block-help h3 {
	text-shadow: none !important;
}

.block-help p {
	text-shadow: none !important;
}

body::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-track {
	background-color: #fafafa
}

body::-webkit-scrollbar-thumb {
	background-image: linear-gradient(-45deg, var(--color--2), var(--color--1));
	border-radius: 50px
}

div::-webkit-scrollbar {
	width: 5px
}

div::-webkit-scrollbar-track {
	background-color: #fafafa
}

div::-webkit-scrollbar-thumb {
	background-image: linear-gradient(-45deg, var(--color--2), var(--color--1));
	border-radius: 50px
}

#gap-991020196 {
	padding-top: 45px;
}


#image_1166417988 {
	width: 100%;
}

#gap-348683479 {
	padding-top: 3px;
}

#text-3686720143 {
	text-align: center;
}

@media (min-width:550px) {
	#text-3686720143 {
		text-align: left;
	}
}

#section_1478698890 {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgb(255, 255, 255);
}

#section_1478698890 .ux-shape-divider--top svg {
	height: 35px;
	--divider-top-width: 100%;
}

#section_1478698890 .ux-shape-divider--top .ux-shape-fill {
	fill: rgb(1, 126, 254);
}

.login-game {
	position: relative;
}

.login-game:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.login-game:hover {
	cursor: pointer;
}

@media only screen and (max-width: 48em) {
	.div-table {
		position: relative;
		overflow-x: scroll;
		display: block;
		max-width: 100%;
	}
}

:where(.is-layout-flex) {
	gap: 0.5em;
}

:where(.is-layout-grid) {
	gap: 0.5em;
}

body .is-layout-flex {
	display: flex;
}

.is-layout-flex {
	flex-wrap: wrap;
	align-items: center;
}

.is-layout-flex> :is(*, div) {
	margin: 0;
}

body .is-layout-grid {
	display: grid;
}

.is-layout-grid> :is(*, div) {
	margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
	gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
	gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
	gap: 1.25em;
}