/*
Theme Name: vuduchong
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* cyrillic-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHov4okm5zmbtYtG-Ec5UIo.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHov4okm5zmbtYtG-gc5UIo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHov4okm5zmbtYtG-Mc5UIo.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHov4okm5zmbtYtG-Ic5UIo.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHov4okm5zmbtYtG-wc5Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHmv4okm5zmbtYlK-4E4Q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHmv4okm5zmbtYsK-4E4Q.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHmv4okm5zmbtYnK-4E4Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHmv4okm5zmbtYmK-4E4Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/exo2/v21/7cHmv4okm5zmbtYoK-4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  	scroll-behavior: smooth;
}

body, html, .nav > li > a, h1, h2, h3, h4, h5, h6 {
	font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.nav-spacing-xlarge > li {
    margin: 0 30px;
}

ul.list_info li {
	margin-left:0;
	list-style-type:none
}

ul.list_info li i {
	width: 20px
}

.absolute-footer.dark {
	color:white
}

#footer .ux-menu-title {
	font-size: 20px;
	color: var(--primary-color);
}

p, li, li > * {
    font-size: 18px;
}
/* 
.count-up-top {
	border-top: 3px solid var(--primary-color);
    border-bottom: 3px solid var(--primary-color);
} */

.count-up-top .col {
    padding-bottom: 0;
}

.count-up-top .col h2 {
    font-size: 60px !important;
	margin-bottom:0;
/* 	color: var(--fs-color-alert) */
}

.count-up-top .col span {
	font-size: 60px !important;
}

.count-up-top .thin-font {
/* 	color: var(--fs-color-alert) */
}

.header-nav-main > a {
  	position: relative;
  	text-decoration: none;
}

.header-nav-main a.nav-top-link::before,
.header-nav-main a.nav-top-link::after {
  	content: '';
	height: 14px;
	width: 14px;
	position: absolute;
	transition: all .35s ease;
	opacity: 0;
}

.header-nav-main a.nav-top-link::before {
	content: '';
	right: -10px;
	top: 0px;
	border-top: 3px solid #f5c97b;
	border-right: 3px solid #f5c97b;
	transform: translate(-100%, 50%);
}

.header-nav-main a.nav-top-link:after {
	content: '';
	left: -10px;
	bottom: 0px;
	border-bottom: 3px solid #f5c97b;
	border-left: 3px solid #f5c97b;
	transform: translate(100%, -50%)
}

.header-nav-main a.nav-top-link:hover:before,
.header-nav-main a.nav-top-link:hover:after{
	transform: translate(0,0);
	opacity: 1;
}

.title_head {
    color: var(--fs-color-alert);
    font-size: 40px;
}

.color_green {
    color: var(--fs-color-secondary) !important;
}

.html_topbar_left {
	display:none !important
}

.nav-dark .nav>li>a {
	color:white
}

.icon-text-detail .icon-box {
	margin-bottom: 20px
}

.icon-text-detail .icon-box h3 {
/* 	color: var(--fs-color-secondary) */
}

.swiper-pagination-bullet, .tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active {
	background:white !important;
}

.gioi-thieu-bs .title_head {
/* 	color:#ed0000 */
}

.banner-inner.fill .overlay {
    background-color: rgba(0, 0, 0, 0.70) !important;
}

.is-divider {
	display:none
}

.box-image, .entry-image img {
	border-radius: 10px
}

.uu-dai a {
	background: var(--fs-color-secondary);
	border-radius: 99px;
	padding: 15px 25px !important;
	color: var(--primary-color) !important;
	animation: pulse 1.5s infinite;
	-webkit-animation: pulse 1.5s infinite;
	box-shadow: 0 0 0 0 #0d41484f;
	transition: all 0.5s ease 0s;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
	}
	50% {
		transform: scale(1);
		box-shadow: 0 0 0 50px #28c76f00;
	}
	100% {
		transform: scale(0.9);
		box-shadow: 0 0 0 0 #28c76f00;
	}
}

@media only screen and (min-width: 800px) {
	.banner-image img {
		object-fit:none
	}
}

@media (max-width: 549px) {
    #logo img {
        padding-top: 5px;
        padding-bottom: 5px;
		max-height: 50px !important;
    }
	
	.title_head {
		font-size: 26px;
	}
	
	.count-up-top .col span, .count-up-top .col h2 {
		font-size:40px !important
	}
	
	.absolute-footer {
		display: none
	}
}

.radius .img-inner, .radius img {
	border-radius: 10px
}