/*
Theme Name: Flatsome Child
Description: AZWebsite.vn developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.12.2
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
/* SETTING */
@font-face {
	font-family: 'SFUHelvetica';
	src: url('fonts/SFUHelveticaExtraCompressed.TTF') format('truetype');
	font-weight: bold;
	font-style: normal;
}
body {
	cursor: url('/wp-content/uploads/2025/02/cursor.png') 22 22, auto;
}
body{
	padding-right: 0 !important;
}
.is-link, .is-underline {
	color: #2C2C2C;
}
.uxb-wrapper {
	position: static;
}
.banner{
	background-color: #000
}
ul li:not(.menu-item):last-child{
	margin-bottom: 0 !important;
}
input,
textarea {
	padding: 0 16px !important;
}

.section-title-container,
.section-title-main,
.wpcf7-submit,
a.button {
	margin: 0 !important
}

form p,
.mb-0 > *:last-child {
	margin-bottom: 0 !important;
}

.section-title-main,
.ux-menu .ux-menu-title,
.ux-menu .ux-menu-link a {
	padding: 0 !important;
}

.section-title,
.section-title-main {
	border: none !important;
}

.wpcf7-spinner,
.section-title a i,
.post-item .is-divider {
	display: none !important;
}

p,
form input {
	margin-bottom: 20px !important
}

input,
textarea,
a.button {
	min-height: 42px !important;
	height: 100% !important;
	line-height: 42px !important
}
button.f-thumbs__slide__button{
	max-width: none !important;
}
input,
textarea,
input:focus,
textarea:focus,
.button:hover {
	box-shadow: none !important;
}

a.back-to-top {
	width: 40px;
	height: 40px !important;
	min-width: unset !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-color) !important;
	border: none !important;
	bottom: 35px;
}

a.back-to-top:hover {
	background-color: var(--fs-color-secondary) !important;
}

a.back-to-top i {
	font-size: 22px !important;
	color: #fff;
}
.uppercase, h6, span.widget-title, th {
	letter-spacing: 0;
}

.row-small>.col,
.row-small>.flickity-viewport>.flickity-slider>.col {
	padding: 0 10px 20px;
}

.slider .flickity-button {
	margin: 0 !important;
	transform: unset;
	min-height: unset;
	width: 45px;
	height: 45px !important;
	bottom: unset;
	top: 50%;
	height: 35px;
}

.slider:hover .flickity-button {
	opacity: 1 !important;
}

.slider:hover .flickity-button,
.slider .flickity-button {
	transform: translatey(-50%) !important;
}

.slider .flickity-button svg {
	border: none;
	padding: 15px;
	background-color: var(--primary-color);
}
.slider .flickity-prev-next-button:hover svg, 
.slider .flickity-prev-next-button:hover .arrow{
	fill: #fff !important
}
.slider .flickity-prev-next-button:hover svg{
	background-color: var(--fs-color-secondary) !important;
}
.slider .flickity-button svg path {
	fill: #fff
}

.slick-slider .slick-arrow{
	margin: 0 !important;
	width: 45px !important;
	height: 45px !important;
	background: #eee;
	border-radius: 50%;
	border: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 !important;
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	z-index: 2;
}
.slick-slider .slick-arrow.slick-prev,
.slider .flickity-button.previous{
	left: -50px
}
.slick-slider .slick-arrow.slick-next,
.slider .flickity-button.next{
	right: -50px
}
.slick-slider .slick-arrow:hover{
	background: var(--primary-color);
	color: #fff;
}
.slick-slider .slick-arrow:hover svg{
	fill: currentcolor
}
.slick-slider .slick-arrow svg {
	width: 100%;
	height: 100%;
	padding: 15px;
}
.slick-dots{
	margin: 0;
	display: flex;
	gap: 5px;
	list-style-type: none;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.slick-dots li{
	margin: 0 !important;
	width: 12px;
	height: 12px;
	background: #eee;
	border-radius: 50%;
}
.slick-dots li.slick-active{
	background: var(--primary-color);
}
.slick-dots li button{
	display: none;
}
.slick-slider .slick-slide > div > .col{
	padding-bottom: 0 !important;
	flex-basis: 100% !important;
	max-width: 100% !important;
}

.row-full-width.slick-slider .slick-arrow.slick-prev{
	left: 6%
}
.row-full-width.slick-slider .slick-arrow.slick-next{
	right: 6%
}
.slick-track
{
	display: flex !important;
}

.slick-slide
{
	height: inherit !important;
}
.list-baochi:not(.slick-slider) .slick-slide > div,
.list-baochi:not(.slick-slider) .slick-slide > div > .col,
.list-baochi:not(.slick-slider) .slick-slide > div > .col > .col-inner{
	height: 100%
}
ol.flickity-page-dots{
	position: relative;
	margin: 30px 0 0 !important;
	left: 0;
	right: 0;
	bottom: 0
}
ol.flickity-page-dots li{
	border: none !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 2.5px !important;
	background-color: #dbdbdb !important;
	opacity: 1 !important
}
ol.flickity-page-dots li.is-selected{
	background-color: var(--fs-color-primary) !important;
}
.flickity-slider .col{
	padding-bottom: 0 !important
}
.section-title a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
}

.title-link .section-title {
	display: inline;
}

.post-item:hover .post-title {
	color: var(--primary-color);
	transition: all .25s ease-in-out
}

.post-item a.plain {
	color: currentcolor !important;
	transition: unset !important;
}
/*  */
#header{
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0
}
.ux-builder-iframe #header{
	position: absolute !important;
}
@media(min-width: 849.1px){
	body.admin-bar #header{
		top: 32px;
	}
}
.header-wrapper{
	box-shadow: none !important
}
#header .header-wrapper.stuck .header-bg-color{
	background-color: hsl(0deg 0% 0% / 90%);
}
.logo-left .logo {
	margin-right: 30px;
}
.header-nav li.menu-item{
	margin: 0
}
.header-nav li.menu-item a{
	padding: 16px 30px;
	font-weight: 400 !important;
	font-size: 20px;
}
.header-nav li.menu-item.current_page_item > a{
	font-weight: 700 !important
}
.header-nav li.menu-item a i{
	margin-left: 8px;
	opacity: 1;
	font-size: 20px;
}
#header .header-button-1 a.button,
.header-nav li.menu-item.item-custom a{
	text-transform: none;
	padding: 16px 16px;
	margin-left: 12px;
	font-size: 20px;
	font-weight: 400;
	background: var(--fs-color-primary);
	border-radius: 8px;
}
#header .header-button-1 a.button:hover,
.header-nav li.menu-item.item-custom a:hover,
a.button.primary:hover{
	background: var(--fs-color-secondary);
}
.header-nav > li.menu-item:not(.item-custom) > a:hover{
	color: var(--fs-color-primary) !important;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before{
	content: none !important
}
.nav-dropdown{
	left: 30px !important;
	transition: unset !important;
}
li.current-dropdown .nav-dropdown{
	left: 42px !important;
}
.sub-menu.nav-dropdown-default,
li.current-dropdown .nav-dropdown{
	border: none !important;
	padding: 0 8px !important;
	display: block;
	width: 100%;
	background: #282828;
	border-radius: 15px;
}
li.current-dropdown>.nav-dropdown li.menu-item{
	position: relative;
	display: block;
	width: 100%;
	margin: 8px 0;
}
li>.nav-dropdown li.menu-item a{
	transition: unset !important;
}
li.current-dropdown>.nav-dropdown li.menu-item a{
	margin: 0 !important;
	font-weight: 400 !important;
	padding: 14px 15px !important;
	color: #fff;
	text-transform: capitalize;
	font-size: 16px;
	border: none !important;
	border-radius: 10px;
}
li.current-dropdown>.nav-dropdown li.menu-item a:hover{
	background: #353537 !important;
}
li.current-dropdown>.nav-dropdown li.menu-item.current-menu-item a{
	background: var(--fs-color-primary) !important;
}
li.current-dropdown>.nav-dropdown li.menu-item .sub-menu{
	position: absolute;
	right: -100%;
	top: 0;
	width: 100%;
	background: #fff;
	display: none !important;
}
li.current-dropdown>.nav-dropdown > li.menu-item:hover > ul.sub-menu{
	display: block !important;
}
.header-nav .nav-dropdown{
	min-width: 270px;
}
.ss-footer .contact h3{
	margin-bottom: 12px;
	font-size: 20px;
}
.ss-footer .contact ul{
	font-size: 18px;
	margin-bottom: 0;
	list-style-type: none;
}
.ss-footer .contact ul li{
	margin: 0 0 12px;
}
.ss-footer .contact ul li:last-child{
	margin-bottom: 0
}
.absolute-footer{
	display: none !important;
}
a.button{
	font-weight: 700;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 20px;
	border: none;
}
a.button.w-400{
	font-weight: 400;
}
a.button span{
	line-height: 26px;
}
.text-stroke > *{
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FFFFFF99;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 0 !important;
	font-family: "Space Grotesk", sans-serif;
}

.ss-footer .ux-menu .ux-menu-title{
	font-size: 22px;
	color: #fff;
	margin-bottom: 20px !important;
}
.ux-menu .ux-menu-title,
.ux-menu .ux-menu-link a{
	min-height: 40px !important;
	height: 100% !important;
	line-height: 40px !important
}
.ss-footer .ux-menu a{
	color: #fff !important;
}
.ss-footer .ux-menu a span{
	position: relative;
}
.ss-footer .ux-menu a span:before{
	content: '';
	background: #fff;
	height: 1px;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 3px;
	transition: width .25s ease-in-out;
}
.ss-footer .ux-menu a:hover span:before{
	width: 100%;
}

.social-icons.follow-icons a.icon.button{
	padding: 0 !important;
	border: none !important;
	width: 32px !important;
	height: 32px !important;
	min-width: unset !important;
	min-height: unset !important;
	line-height: unset !important;
	border-radius: 5px !important;
	margin: 0 10px 0 0 !important;

}
.social-icons.follow-icons a.icon.button:hover{
	color: unset !important;
	background-color: unset !important;
	border-color: unset !important;
}
.col-fllow > .col-inner{
	display: flex;
	align-items: center;
}
.follow-icons a img{
	border-radius: inherit !important;
	max-width: 100%;
	width: inherit !important;
	height: inherit !important;
}
.col-fllow a.button.primary{
	padding: 0 !important;
	width: 60px !important;
	height: 60px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50% !important;
}
.col-fllow a.button.primary span{
	display: none;
}
.col-fllow a.button.primary i{
	margin: 0;
	font-size: 32px;
	top: 0
}
.banner h1, .banner h2, .banner h3{
	font-weight: 700;
	line-height: 1.3;
}
.count-up{
	opacity: 1 !important;
}
a.button.white.is-link{
	padding: 0 !important;
	line-height: unset !important;
	border: none !important;
	min-height: unset !important;
	font-size: 20px;
	letter-spacing: 0;
	display: inline-flex;
	align-items: center;
	opacity: 1 !important;
	font-weight: 700 !important;
}
a.button.white.is-link:not(.button2) i{
	width: 45px;
	height: 45px;
	background: var(--fs-color-secondary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	top: 0;
	font-size: 28px;
	transition: background .25s ease-in-out;
}
.ss-banner.home a.button.white.is-link{
	font-size: 22px;
}
.ss-banner.home .banner-layers.container{
	max-width: 100%;
	padding: 0;
	display: flex;
	align-items: center;
}
.ss-banner.home .banner-layers.container .text-box.banner-layer{
	position: static !important;
	transform: unset !important;
}
.banner-hometop{
	margin: 0 auto !important;
	padding-top: 85px;
	padding-bottom: 85px;
}
.banner-hometop .content p{
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 64px !important;
}
.banner-hometop .content h3{
	font-size: 32px;
	margin: 0;
}
.banner-hometop .content h2{
	font-size: 72px;
	margin: 10px 0;
	color: var(--fs-color-primary) !important;
}
.banner-hometop .content{
	margin-bottom: 64px;
}
.col-banner-number .col-inner{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 36px;
}
.col-banner-number .col-inner .item h3{
	font-size: 35px;
	text-transform: uppercase;
	margin: 0 0 10px;
	padding-bottom: 10px;
	position: relative;
}
.col-banner-number .col-inner .item h3:after{
	content: '';
	width: 100%;
	height: 1px;
	max-width: 138px;
	background: #2C2C2C;
	position: absolute;
	bottom: 0;
	left: 0
}
.col-banner-number .col-inner .item p{
	margin: 0 !important;
	font-size: 16px;
}
.banner-home-bottom{
	padding: 40px 0;
	border-top: 1px solid #505050;
}
.banner-home-bottom h2{
	margin: 0;
	font-size: 48px;
	white-space: nowrap !important;
}
.banner-home-bottom > .col:not(.uxb-draggable):nth-child(n+3){
	display: none !important
}
.banner-home-bottom .slick-slide{
	min-width: fit-content;
}
.title-section h2{
	margin: 0;
	font-size: 40px;
	line-height: 1.4;
	position: relative;
	max-width: max-content;
	display: inline-block;
}
.title-section.center h2{
	margin: 0 auto;
}
a.button.is-link.button2 i{
	margin-left: 16px;
}
a.button.is-link.button2 i:before{
	content: '\f061';
	font-family: fontawesome !important;
}
a.button.is-link.button2:hover{
	color: var(--fs-color-secondary) !important;
}
a.button.is-link.button2.color-text:hover{
	color: var(--fs-color-primary) !important;
}
.list-giaithuong .col .col-inner{
	display: grid;
	grid-template-columns: 40px 2fr 0.7fr;
	column-gap: 40px;
	align-items: center
}
.list-giaithuong .col .col-inner a.button{
	display: flex;
	place-items: center;
	text-align: right;
	justify-content: end;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease-in-out, visible .25s ease-in-out;
}
.list-giaithuong .col .col-inner a.button i{
	top: .3px;
	margin-left: 16px;
}
.list-giaithuong .col:not(:first-child) .col-inner img{
	display: none;
}
.list-giaithuong .col-inner a.button{
	font-size: 18px;
}
.list-giaithuong .col .col-inner .year *,
.list-giaithuong .col .col-inner .content *{
	color: #6F6F6F;
	transition: color .25s ease-in-out;
}
.list-giaithuong .col .col-inner:hover a.button,
.list-giaithuong .col.active .col-inner a.button{
	opacity: 1;
	visibility: visible;
}
.list-giaithuong .col.active .col-inner .year *,
.list-giaithuong .col.active .col-inner .content *,
.list-giaithuong .col .col-inner:hover .year *,
.list-giaithuong .col .col-inner:hover .content *{
	color: #2C2C2C;
}
.block-giaithuong .gallery-col:not(:first-child){
	display: none;
}
@media(min-width: 849.1px){
	.row.list-services{
		max-width: 1390px !important;
	}
	.row.list-services .col{
		padding: 0 40px !important;
	}
}
.list-services .col-inner .icon-box .icon-box-img{
	height: 60px;
	margin-bottom: 48px;
}
.list-services .col-inner .icon-box .icon-box-img img{
	padding: 0;
}
.list-services .col-inner .icon-box h3{
	font-size: 24px;
	margin: 0 0 16px;
}
.list-services .col-inner .icon-box p{
	margin: 0 !important
}
.list-services .col-inner .icon-box a.button.white.is-link{
	margin-top: 22px !important;
}
.list-services .col-inner .icon-box a.button.white.is-link.hover:not(:hover) i{
	background: #888888;
}
.list-cat-duan .col-inner .box .box-image{
	border-radius: 15px;
	overflow: hidden;
}
.list-cat-duan .box:hover img{
	transform: scale(1.05)
}
.list-cat-duan .col-inner .box .box-image:before{
	content: '';
	width: 100%;
	height: 30%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180.2deg, rgba(0, 0, 0, 0) 6.9%, #000000 99.82%);
	z-index: 1
}
.list-cat-duan .col-inner .box .box-text{
	z-index: 2;
}
.list-cat-duan .col-inner .box .box-text{
	position: absolute;
	bottom: 0;
	padding: 15px 20px;
}
.list-cat-duan .col-inner .box .box-text h3{
	margin: 0 !important;
	font-size: 28px;
}
.product-small.col .col-inner .box-text-products .product-title a, .post-item .box-text .box-text-inner .from_the_blog_excerpt, .post-item .box-text .box-text-inner .post-title a, .list-tuyendung .post-item .col-inner .from_the_blog_excerpt, aside.widget li .post-title span,
.list-tuyendung .col-inner .item-tuyendung .info-tuyendung .excerpt,
.post-sidebar aside .recent-blog-posts-li .recent-blog-posts a,
.project-item .col-inner .box .box-text .post-title a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post-item .box-image{
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 16px;
}
.post-item .box-text{
	padding: 0
}
.post-item .box-text .post-title,
.post-item .box-text .post-title a{
	margin: 0 !important
}
.post-item .box-text .post-title a{
	line-height: 1.4;
	font-size: 22px;
	-webkit-line-clamp: 3;
}
.album-doitac .col-inner .box-image{
	display: inline-flex;
	align-items: center;
	justify-content: center
}
.album-doitac .col-inner .box-image img{
	object-fit: contain;
	aspect-ratio: 12/7;
}
#breadcrumbs{
	padding: 15px 0;
	margin-bottom: 30px;
}
#breadcrumbs *{
	color: #6F6F6F;
}
.text-white #breadcrumbs * {
	color: #fff;
}
.title-section h2 + #breadcrumbs{
	padding: 0;
	margin: 8px 0 0;
}
.single-duan .des-content > *:last-child{
	margin-bottom: 0 !important
}
.info_project ul,
.info_project ul li{
	margin: 0;
	list-style-type: none;
}
.info_project ul li span{
	color: #999999;
	font-weight: 400
}
.info_project ul li{
	font-weight: 500
}
.info_project ul li:not(:last-child){
	margin-bottom: 10px;
}
.album-duan .relative:not(:last-child) .img{
	margin-bottom: 16px;
}

.remaining-image{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0006;
	border-radius: 16px;
	overflow: hidden
}
.remaining-image span{
	font-size: 64px;
	font-weight: bolder;
	line-height: 1;
	color: #fff;
}

a[data-fancybox]:before {
	content: '';
	background: transparent;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 1;
	cursor: pointer
}
.list-album-duan a{
	margin-bottom: 30px;
	display: block;
	border-radius: 16px;
	overflow: hidden
}
.navigation-post .next-prev-nav{
	border-bottom: none;
	border-top: 1px solid #fff;
	padding: 30px 0;
}
.navigation-post .next-prev-nav .flex-col {
	padding: 0;
}
.next-prev-nav .flex-col+.flex-col{
	border: none !important;
}
.navigation-post .next-prev-nav a span{
	display: none;
}
.navigation-post .next-prev-nav a{
	font-size: 0
}
.navigation-post .next-prev-nav a:after{
	font-size: 30px;
	text-transform: uppercase;
}
.navigation-post .next-prev-nav .nav-prev a:after{
	content: 'DỰ ÁN TRƯỚC';
	margin-left: 15px;
}
.navigation-post .next-prev-nav .nav-next a:before{
	content: 'DỰ ÁN SAU';
	margin-right: 15px;
}
.navigation-post .next-prev-nav a:before,
.navigation-post .next-prev-nav a:after{
	font-size: 30px;
}
.navigation-post .next-prev-nav .nav-prev a:before{
	content: '\f060';
	font-family: fontawesome;
}
.navigation-post .next-prev-nav  .nav-next a:after{
	content: '\f061';
	font-family: fontawesome;
}
.section-related .row-top .col .col-inner{
	margin-bottom: 30px;
}
.banner-page h1{
	margin: 0;
	font-size: 56px;
}
.post-item .box.box-vertical{
	display: grid;
	grid-template-columns: repeat(2, calc(50% - 16px));
	gap: 32px;
}
.post-item .box.box-vertical > *{
	width: 100%;
}
.post-large .post-item .box .box-text .post-title a{
	font-size: 32px;
}
.post-item .box.box-vertical .box-image{
	margin-bottom: 0 !important;
}
.post-item .box-text .from_the_blog_excerpt{
	margin: 0 !important;
	font-size: 16px;
	-webkit-line-clamp: 3;
}
.post-large .post-item .box-normal .box-image{
	margin-bottom: 30px;
}
.post-large .post-item .box-normal .box-text .post-title a{
	margin-bottom: 16px !important;
}
.post-item .box-text .from_the_blog_excerpt {
	font-size: 16px;
	-webkit-line-clamp: 3;
}
.vertical-small .post-item .box.box-vertical {
	display: grid;
	grid-template-columns: 190px 1fr;;
	gap: 30px;
}
@media(min-width: 849px){
	.hidden-last > .col:last-child{
		display: none !important
	}
	.large-no-excerpt .from_the_blog_excerpt{
		display: none !important
	}
}
.is-divider.divider{
	max-width: calc(1320px - 30px) !important;
	margin: 30px auto 60px !important;
}
.divider-mg-0 .is-divider.divider{
	margin: 0 !important;
}
.list-tuyendung .col-inner{
	margin-bottom: 30px;
	border: 1px solid #999999;
	border-radius: 16px;
	padding: 16px 32px;
}
.list-tuyendung .col-inner .item-tuyendung{
	display: grid;
	grid-template-columns: 1fr max-content;
	align-items: center;
}
.list-tuyendung .col-inner .item-tuyendung .info-tuyendung .excerpt{
	-webkit-line-clamp: 4;
}
.list-tuyendung .col-inner:hover{
	border-color: var(--fs-color-secondary);
}
.list-tuyendung .col-inner .item-tuyendung .info-tuyendung{
	padding-right: 30px;
}
.list-tuyendung .col-inner .item-tuyendung .info-tuyendung .excerpt{
	color: #999999;
	text-align: justify;
}
.list-tuyendung .col-inner .item-tuyendung .info-tuyendung h3{
	font-size: 32px;
	margin-bottom: 16px;
}
.list-tuyendung .col-inner .item-tuyendung .block-button{
	text-align: center;
}
.list-tuyendung .col-inner .item-tuyendung .block-button a.button{
	border-radius: 8px;
	padding: 1px 25px !important;
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
}
.list-tuyendung .col-inner .item-tuyendung .block-button a.button:hover{
	background: #FF1F38;
}
.row-top-line{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.blog-single{
	padding: 0
}
.article-inner .entry-header .entry-header-text{
	text-align: left
}
.blog-single .entry-header{
	border: none;
	margin-bottom: 25px;
}
.blog-single .entry-content{
	padding: 0
}
.blog-single .entry-header .entry-header-text{
	padding: 0
}
.blog-single .entry-header .entry-header-text h1{
	font-size: 56px;
	margin-bottom: 15px;
}
.blog-single .entry-header .entry-divider{
	display: none !important;
}
.blog-single .entry-header .entry-meta{
	font-weight: bold;
	color: #6F6F6F;
}
.blog-single .entry-content .wp-caption,
.blog-single .entry-content div img{
	margin-bottom: 20px;
}
.blog-single .entry-content .wp-caption figcaption{
	background: #c2bfbf;
	color: #000
}
.blog-single .entry-content img{
	width: 100%;
	border-radius: 15px;
}
.blog-single #breadcrumbs{
	padding: 0;
	margin: 0 0 20px;
	text-align: left
}
.post-item .box-text .post-meta{
	opacity: 1;
	color: #999999;
	margin: 12px 0;
	font-size: 14px;
}
.ux-relay__control{
	padding: 0
}
ul.nav-pagination{
	margin: 0 0 30px;
	display: flex;
	justify-content: center;
	gap: 15px;
}
ul.nav-pagination li{
	margin: 0 !important;
}
ul.nav-pagination li > *{
	border: none;
	padding: 0;
	min-width: unset;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: #999999 !important;
	font-weight: 500;
}
ul.nav-pagination li > *.current,
ul.nav-pagination li > *:hover{
	color: #fff !important;
}
ul.nav-pagination li a.next,
ul.nav-pagination li a.prev{
	width: 78px;
	border: 1px solid var(--fs-color-primary);
	color: #fff !important;
	background: var(--fs-color-primary);
}
.nav-pagination>li>.current,
.nav-pagination>li>a:hover,
.nav-pagination>li>span:hover {
	background-color: var(--fs-color-primary);
	border-color: var(--fs-color-primary) !important;
}
ul.nav-pagination li a.next i,
ul.nav-pagination li a.prev i{
	top: 0;
	font-size: 34px;
}
.blog-archive{
	padding: 0
}
.blog-archive .archive-page-header{
	position: relative;
	z-index: 1;
	border: none;
	margin-bottom: 30px;
}
.tabbed-content2{
	display: flex;
	flex-flow: row wrap;
}
.tabbed-content .nav,
.tabbed-content2 .nav{
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 30px;
}

.tabbed-content li a,
.tabbed-content2 li a,
.menu-dichvu.ux-menu .ux-menu-link a{
	color: #999;
	font-size: 20px;
	font-weight: 700 !important;
	padding: 16px 12px 16px 20px !important;
	position: relative;
	width: 100%;
	justify-content: center;
}
.tabbed-content .nav-vertical li a{
	justify-content: start;
}
.tabbed-content li a:before,
.tabbed-content2 li a:before,
.menu-dichvu.ux-menu .ux-menu-link a:before{
	content: '';
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: var(--fs-color-primary);
	transform: translatex(-50%);
	width: 0;
	transition: width .3s ease-in-out;
}
.tabbed-content li.active a:before,
.tabbed-content li a:hover:before,
.tabbed-content2 li.active a:before,
.tabbed-content2 li a:hover:before,
.menu-dichvu.ux-menu .ux-menu-link a:hover:before,
.menu-dichvu.ux-menu .ux-menu-link.ux-menu-link--active a:before{
	width: 100%;
}
.tabbed-content li a:hover,
.tabbed-content2 li.active a,
.tabbed-content2 li a:hover,
.menu-dichvu.ux-menu .ux-menu-link a:hover,
.menu-dichvu.ux-menu .ux-menu-link.ux-menu-link--active a{
	color: var(--fs-color-primary);
}

.nav:hover>li:not(:hover)>a:before{
	opacity: 1;
}
.tabbed-content .tab-panels{
	padding: 0
}
.searchform .search-field{
	background: transparent !important;
	border: none;
	border-bottom: 1px solid #6F6F6F;
	font-size: 16px;
	min-height: 50px !important;
	line-height: 50px !important;
	padding: 0 50px 0 16px !important;
	color: #6F6F6F !important;
	font-weight: 700;
}
.searchform .button.icon i{
	color: #464646 !important;
}
.searchform .submit-button{
	background: transparent;
	min-width: unset !important;
	height: 50px !important;
	width: max-content !important;
	border: none !important;
	padding: 0 !important
}
.searchform .submit-button i{
	font-size: 20px !important;
}
.searchform .flex-col:nth-child(2){
	position: absolute;
	right: 0;
}
.project_empty{
	text-align: center;
	display: block;
	margin: 0 !important
}
.block-btn-seemore{
	margin-top: 10px;
}
.block-btn-seemore .button{
	border-radius: 8px;
	border: 1px solid #2C2C2C;
	height: 56px;
	line-height: 56px;
	padding: 0 35px;
	margin: 0;
	text-transform: none;
	font-weight: 700;
	font-size: 18px;
	color: #2C2C2C;
}
.block-btn-seemore .button:hover{
	background: var(--fs-color-primary) !important;
	border-color: var(--fs-color-primary);
	color: #fff !important;
}
.wpcf7-form .form-group input,
.wpcf7-form .form-group select{
	border: none !important;
	margin: 0 !important;
	padding: 8px 24px !important;
	font-size: 18px;
}
.wpcf7-form .form-group select:focus{
	box-shadow: none !important;
}
.wpcf7-form .form-group input{
	min-height: 72px !important;
	line-height: 35px !important;
	padding-top: 35px !important;
	font-weight: bold;
}
.wpcf7-form .form-group input::placeholder,
.wpcf7-form .form-group input,
.wpcf7-form .form-group select{
	font-weight: 700;
	color: #464646;
}
.wpcf7-form .form-group select{
	min-height: 72px;
}
.wpcf7-form .form-group .col-inner,
.form-group-upfile .col-inner{
	margin-bottom: 22px;
	border-radius: 8px;
}
.wpcf7-form .form-group input,
.wpcf7-form .form-group textarea,
.select-group span{
	background: #fff !important;
	border-radius: 8px;
	border: 1px solid #6F6F6F !important;
	transition: border .2s ease-in-out;
	font-size: 18px;
}
.wpcf7-form .form-group textarea{
	padding: 16px 24px !important;
	height: 222px !important;
	margin-bottom: 0 !important;
}
.wpcf7-response-output{
	display: none;
}
.wpcf7 .wpcf7-not-valid-tip:after{
	content: none !important;
}
.wpcf7 .wpcf7-not-valid-tip{
	opacity: 1;
	margin-top: 0;
	background: transparent;
	/* 	position: absolute; */
	font-size: 14px;
	color: #F1020E;
	/* 	bottom: -28px; */
	line-height: 28px;
	padding: 0 24px;
}
.wpcf7-form .form-group input:focus, 
.select-group.open span{
	border-color: #167FE2 !important
}
.wpcf7-form .form-group .col-inner label{
	margin: 0;
	font-size: 14px;
	color: #999999;
	font-weight: 400;
	position: absolute;
	left: 25px;
	top: 6px;
	z-index: 1;
	max-width: max-content;
}
.select-group span{
	padding: 8px 24px !important;
	display: block;
	min-height: 56px;
	line-height: 56px;
	font-weight: 400;
	font-size: 18px;
	color: #6F6F6F;
	cursor: pointer;
	position: relative;
}
.select-group span:before{
	content: '\f0dd';
	font-family: fontawesome;
	font-size: 22px;
	position: absolute;
	right: 15px;
	top: calc(50% - 5px);
	transform: translatey(-50%);
	color: #464646;
}
.select-group ul{
	list-style-type: none;
	margin: 0;
	position: absolute;
	width: 100%;
	top: 82px;
	z-index: 2;
	background: #282828;
	border-radius: 8px;
	padding: 10px;
	display: none;
}
.select-group ul li{
	margin: 0;
	padding: 10px 16px;
	font-size: 18px;
	cursor: pointer;
	color: #fff;
	border-radius: 8px;
	transition: background .25s, color .25s;
}
.select-group ul li:not(:last-child){
	margin-bottom: 10px;
}
.select-group ul li:hover,
.select-group ul li.selected{
	color: #fff;
}
.select-group ul li:hover{
	background: #393939;
}
.select-group ul li.selected{
	background: var(--fs-color-primary);
}
.select-group.open ul{
	display: block
}
.is-uppercase, .uppercase{
	line-height: 1.6;
}
.ss-contact .content ul,
.ss-contact .content ul li:last-child{
	margin-bottom: 0
}
.ss-contact .content h3{
	margin-bottom: 16px;
	font-size: 20px;
}
.wpcf7-form .wpcf7-submit{
	width: 100%;
	border-radius: 99px;
	font-size: 20px;
	text-transform: none;
	min-height: 78px !important;
	line-height: 78px !important;
	background: transparent;
	border: 1px solid #464646;
	color: #464646;
	text-align: left;
	padding: 0 64px 0 40px !important;
}
.wpcf7-form .wpcf7-submit:hover{
	background: var(--fs-color-primary);
	border-color: var(--fs-color-primary);
}
.tab-style1{
	gap: 30px;
	display: flex;
	flex-flow: row wrap;
}
.tab-style1 ul.nav{
	width: 410px;
	background: #282828;
	border-radius: 16px;
	padding: 16px 16px;
	gap: 5px;
	justify-content: start;
	max-height: max-content;
	margin: 0;
}
.tab-style1 ul li{
	border: none;
}
.tab-style1 ul li a{
	padding: 14px 16px;
	border: 1px solid transparent;
	border-radius: 16px;
	font-size: 18px;
	font-weight: 400;
	color: #fff !important;
}
.tab-style1 ul li a:hover{
	border-color: #fff;
}
.tab-style1 ul li.active a{
	background: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary);
}
.tab-style1 ul li a:before{
	content: none !important;
}
.tab-style1 .tab-panels{
	border: 1px solid #999999;
	border-radius: 16px;
	padding: 16px 32px;
}
/* .tab-style1 .tab-panels .entry-content{
border: 1px solid #999999;
border-radius: 16px;
padding: 16px 32px;
} */
.tab-style1 .tab-panels .entry-content > *:last-child{
	margin-bottom: 0 !important
}
.ss-global{
	padding-bottom: 80px;
}
.ss-global .col-title > .col-inner{
	margin-bottom: 50px;
}
.entry-content h2{
	font-size: 26px;
}
.entry-content h3{
	font-size: 24px;
}
.form-group-upfile .col-inner{
	display: grid;
	grid-template-columns: 200px 1fr;
}
.form-group-upfile .col-inner label{
	font-size: 18px;
	color: #fff;
	margin: 0;
	padding-right: 30px;
}
.form-group-upfile .col-inner .codedropz-upload-handler{
	margin: 0;
}

.codedropz-upload-handler{
	border: none;
}
.codedropz-upload-handler .codedropz-upload-container{
	padding: 0
}
.codedropz-upload-handler .codedropz-upload-container h3,
.codedropz-upload-handler .codedropz-upload-container span{
	display: none;
}
.codedropz-upload-handler .codedropz-btn-wrap{
	text-align: left;
}
.codedropz-upload-handler .codedropz-btn-wrap a{
	border: 1px solid #fff;
	border-radius: 8px;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	padding: 0 60px;
	display: block;
	max-width: max-content;
	color: #fff !important
}
.codedropz-upload-handler .codedropz-btn-wrap a:hover{
	background: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary);
}
.dnd-upload-counter{
	display: block;
	text-align: right;
	color: #fff;
	font-size: 12px;
	bottom: 10px;
}
.dnd-upload-status{
	padding: 0;
	margin-top: 10px;
}
.dnd-upload-status .dnd-upload-image span.file{
	display: none !important
}
.dnd-upload-status .dnd-upload-image{
	display: inline-flex;
	justify-content: center;
	align-items: center
}
.dnd-upload-status .dnd-upload-image:before{
	content: '\f15b';
	font-family: fontawesome;
	color: #fff;
	font-size: 16px;
}
.dnd-upload-status .dnd-upload-details .name{
	display: flex;
	align-items: center
}
.dnd-upload-status .dnd-upload-details .name span{
	color: #fff;
}
.dnd-upload-status .dnd-upload-details .name em{
	color: var(--fs-color-secondary);
	font-size: 14px;
}
.dnd-upload-status .dnd-upload-details .remove-file{
	top: 4px;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after{
	content: none !important
}
.dnd-upload-status .dnd-upload-details .remove-file span:before{
	content: '\f00d';
	font-family: fontawesome;
	border: 1px solid red;
	border-radius: 50%;
	font-size: 12px;
	width: 20px;
	height: 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center
}
.dnd-upload-status .dnd-upload-details .remove-file span{
	color: red;
}
.note-file{
	grid-row: 2 / span 2;
	grid-column: 2 / 2;
	color: #999999;
	font-size: 12px;
}
.wpcf7 br{
	display: block
}
.form-tuyendung{
	margin-top: 50px;
}
.wpcf7-form{
	margin-bottom: 0
}
.img-border img{
	border-radius: 16px;
}
img.size-full.alignnone {
	margin-bottom: 0;
}
#main figure,
#main img{
	width: 100% !important;
}
@media(min-width: 849.1px){
	.row-reverse-pc{
		flex-direction: row-reverse;
	}
}
.banner-style2 .banner-hometop .content {
	margin-bottom: 0;
}
.banner-style2 .banner-hometop .content p {
	font-size: 40px;
	font-weight: bold;
	margin: 0 0 0 !important;
	line-height: 1.4
}
.banner-style2 .col-banner-number .col-inner .item h3{
	color: var(--fs-color-primary) !important;
	font-size: 56px
}
.banner-style2 .col-banner-number .col-inner .item p {
	font-size: 24px;
}
.banner-style2 .banner-home-bottom {
	border-top: none;
}
.banner-style2 .text-stroke > *{
	-webkit-text-stroke-color: #fff;
}
.banner-style2 .col-banner-number .col-inner {
	gap: 45px;
}
.img-founder img{
	object-position: 50% 0%;
}
.ss-tamnhin-sumenh .content p{
	font-size: 24px;
	margin: 0 !important;
	line-height: 1.4
}
.accordion .accordion-item a button{
	border: none;
	margin: 0;
	width: 24px;
	height: 24px;
	min-height: unset;
	left: unset;
	right: 0;
	top: calc(50% - 12px);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
}

.accordion-title.active{
	background-color: unset;
	color: var(--fs-color-primary);
}
.accordion-title{
	border-color: #464646 !important;
}
.accordion .accordion-item .accordion-inner{
	padding: 0px 0 20px;
}
.accordion .accordion-item .accordion-inner > *:last-child{
	margin-bottom: 0 !important;
}
.accordion .accordion-item a{
	border-top: 0 !important;
	border-bottom: 1px solid #999999 !important;
}
.accordion .accordion-item .accordion-inner {
	margin-top: 12px;
}
.list-giaithuong .col:not(:last-child) .col-inner{
	margin-bottom: 15px;
	border-bottom: 1px solid #2C2C2C;
	padding-bottom: 15px;
}

.list-giaithuong .col-inner .year p{
	font-size: 18px;
}
.list-giaithuong .col-inner .content h3,
.list-hanhtrinh .col-inner .content h3{
	font-size: 20px;
	margin-bottom: 5px;
}
.list-img-3 .col{
	padding: 0 !important
}
.ss-founder .head *{
	margin: 0 !important
}
.ss-founder .head h3{
	font-size: 24px;
}
.ss-founder .head h2{
	color: var(--fs-color-primary);
	font-size: 56px;
}
.ss-founder .content > *:last-child{
	margin-bottom: 0 !important
}
.ss-founder .is-divider{
	margin: 0 !important
}
.ss-hanhtrinh .title h2{
	font-size: 80px;
	margin: 0
}
.ss-hanhtrinh figure .wp-caption-text{
	text-align: right
}
.wp-caption{
	margin-bottom: 20px;
}
.ss-hanhtrinh .content > *:last-child{
	margin-bottom: 0 !important
}
.list-hanhtrinh{
	position: relative;
}
.list-hanhtrinh:before{
	content: '';
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0
}
.list-hanhtrinh .col-inner{
	margin-top: -8px;
	padding-left: 80px;
}
.list-hanhtrinh .col:not(:last-child) .col-inner{
	margin-bottom: 80px;
}
.list-hanhtrinh .col-inner:before{
	content: '';
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	transform: translate(-50%, 0)
}
.list-hanhtrinh .col-inner .year{
	position: absolute;
	left: 0
}
.list-hanhtrinh .col-inner .year p{
	font-weight: bold;
	font-size: 24px;
}
.list-hanhtrinh .col-inner:before,
.list-hanhtrinh:before{
	left: -30px;
}
.ss-brands .content-head p{
	font-size: 20px;
}
.list-brands .item:not(:first-child) > .col-inner{
	border-top: 1px solid #6F6F6F;
	padding-top: 60px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.list-brands .item:first-child > .col-inner{
	margin-bottom: 30px;
}
.list-brands .item:last-child > .col-inner{
	padding-bottom: 30px;
	margin-bottom: 0
}
.list-brands .item .col-logo-brand img{
	max-width: 150px;
}
.list-brands .item .col-logo-brand .title-brand h2{
	font-size: 32px;
}
.style-2.tabbed-content .nav{
	display: flex;
	flex-wrap: nowrap;
}
.style-2.tabbed-content .nav > *{
	flex: 1;
}
.menu-dichvu.ux-menu{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 30px;
}
.menu-dichvu.ux-menu .ux-menu-link a{
	text-transform: uppercase;
	min-height: unset !important;
	line-height: unset !important;
}
.content-text-1 p{
	font-size: 22px;
	margin-bottom: 5px !important
}
.content-text-1 h3{
	font-size: 26px;
}
.list-doingu .box .box-image{
	border-radius: 16px;
	overflow: hidden;
}
.list-doingu .box .box-text{
	padding: 16px 0 0;
}
.list-doingu .box .box-text h3{
	font-size: 24px;
	margin: 0 0 5px;
}
.list-doingu .box .box-text p{
	font-size: 18px;
	margin: 0 !important
}
.menu-dichvu.ux-menu .ux-menu-link a,
.style-2.tab-3 .nav li a{
	font-size: 24px;
}

.tabbed-content .nav-pills li a:before{
	content: none !important;
}
.tabbed-content .nav-pills li a{
	border-radius: 16px;
	line-height: 1.4;
	text-align: left;
	border: 1px solid #999;
}
.tabbed-content .nav-pills{
	counter-reset: item;
}
.tabbed-content .nav-pills li{
	counter-increment: item;
}
.tabbed-content .nav-pills li a span::before {
	content: "0" counter(item) ".";
	font-size: 48px;
	display: block;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
.tabbed-content .nav-pills li.active a{
	border-color: var(--fs-color-primary);
}
.tab-style2.tabbed-content .nav li{
	flex: 1;
	height: 100%;
}
.tab-style2.tabbed-content .nav li a{
	height: 100%;
}
.tab-style2.tabbed-content .nav{
	gap: 24px;
	margin-bottom: 20px;
	flex-wrap: nowrap;
}
.tab-style2.tabbed-content li.active a{
	color: #fff;
}
.tab-style2.tabbed-content li a{
	justify-content: start;
}
.tab-style2.tabbed-content li a span{
	justify-content: start;
	font-weight: 500
}
.tabbed-content li:hover a{
	border-color: var(--fs-color-primary);
}
.tab-has-banner .entry-content .banner{
	border-radius: 16px;
	overflow: hidden
}
.tab-has-banner .entry-content .banner .banner-layers{
	padding: 25px;
}
.tab-has-banner .entry-content .banner .banner-layers .banner-layer{
	transform: unset !important;
	position: static !important;
}
.tab-has-banner .entry-content .banner .banner-layers .text-box h3{
	font-size: 24px;
	margin: 15px 0 15px;
	line-height: 1.6;
}
.tab-has-banner .entry-content .banner .banner-layers .text-box ul{
	margin-bottom: 0;
	font-size: 20px;
}
.tab-has-banner .entry-content .banner .banner-layers .text-box ul li:not(:last-child){
	margin-bottom: 8px;
}
.tab-has-banner .entry-content .banner .banner-layers .text-box p{
	margin: 0 0 12px !important;
}
.tab-has-banner .entry-content .banner .banner-layers .text-box{
	font-size: 18px;
}
.text-content2{
	font-size: 18px;
}
.number-style1 .col-inner {
	gap: 65px;
}
.number-style1 .col-inner .item h3{
	font-size: 48px;
	color: var(--fs-color-primary) !important;
}
.number-style1 .col-inner .item p {
	font-size: 22px;
}
.number-style1 .col-inner .item h3:after{
	max-width: 100%;
}
.sub-title{
	max-width: 850px;
	margin: 15px auto 0
}
.list-services.list-camket .col-inner .icon-box .icon-box-img {
	margin-bottom: 30px;
}
.list-services.list-camket .col-inner .icon-box .icon-box-img svg path{
	fill: var(--fs-color-primary)
}
.img-hero-thicongtho .img-inner{
	padding-top: 570px !important;
}
.img-hero-thicongtho .img-inner img{
	object-position: 50% 70%;
}
table{
	width: 100% !important;
	height: auto !important;
	margin-bottom: 0 !important;
}
table td,
table th{
	font-size: 16px;
	color: #2C2C2C;
	padding: 15px;
	border-color: #2C2C2C;
}
.table-banggia{
	margin-top: -15px;
}
.table-banggia td,
.table-banggia th{
	font-size: 18px;
	width: 100% !important;
}
.table-banggia td:first-child{
	width: 65% !important;
}
.table-banggia td:last-child{
	width: 35% !important;
	font-size: 20px;
}
.content-furniture h2{
	font-size: 72px;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 1.2
}
.content-giaithuongnoithat h3{
	font-size: 24px;
	margin-bottom: 5px;
}
.banner.furniture .banner-home-bottom{
	border: none;
	position: absolute;
	bottom: 0
}
.banner.furniture .text-box{
	height: 100%;
}
.banner.furniture .text-box .text-box-content,
.banner.furniture .text-box .text-box-content .text-inner,
.banner.furniture .banner-hometop{
	height: inherit;
}
.banner.furniture .banner-hometop{
	padding-top: 85px;
	padding-bottom: 145px;
}

.banner.furniture .banner-bg .bg{
	filter: grayscale(100%);
}
.banner-page #breadcrumbs{
	margin-bottom: 0;
	padding: 0;
	margin-top: 5px;
}
a.button.white.is-link.button-has-border{
	min-height: 48px !important;
	height: 100% !important;
	line-height: 48px !important;
	padding: 3px 20px !important;
	border: 1px solid currentcolor !important;
	border-radius: 10px;
}
.ss-global-white{
	margin-top: -95px;
	z-index: 1;
	padding: 50px 0 0 !important;
}
.ss-global-white .section-bg{
	background-color: #fff;
	border-radius: 48px 48px 0 0;
}
.ss-global-white.black .section-bg{
	background-color: #0D0D0D 
}
.title-section.small h2{
	font-size: 32px;
}
.ss-contact .col-content-contact .icon-box{
	align-items: center
}
.ss-contact .col-content-contact .icon-box .icon-box-text{
	padding-left: 14px;
}
.ss-contact .col-content-contact .icon-box .icon-box-text h3{
	font-size: 18px;
	line-height: 27px;
	color: #464646;
}
.ss-contact .col-content-contact .icon-box .icon-inner *{
	padding: 0
}
.ss-contact .col-content-contact .content ul{
	list-style-type: none
}
.ss-contact .col-content-contact .content ul li{
	margin-left: 0
}
.ss-contact iframe{
	border-radius: 16px;
	overflow: hidden
}
.wpcf7-form .form-submit i{
	width: 48px;
	height: 48px;
	background: var(--fs-color-primary);
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translatey(-50%);
	color: #fff;
}
.wpcf7-form .form-submit i{
	font-size: 20px;
}
.wpcf7-form .form-submit i.icon-angle-right::before{
	content: '\f061';
	font-family: fontawesome;
}
.wpcf7-form .form-submit i.icon-angle-left::before{
	content: '\f060';
	font-family: fontawesome;
	transform: rotatez(45deg)
}
.wpcf7-form .wpcf7-submit:hover ~ i{
	background: #fff;
	color: var(--fs-color-primary);
}
.follow-icons a img.style2{
	display: none;
}
.follow-icons.style2 a img:not(.style2){
	display: none;
}
.follow-icons.style2 a img.style2{
	display: block;
}
.text-footer-bottom p{
	margin: 0 !important;
}
.primary.is-link{
	padding: 0 !important;
}
a.button.color-text{
	color: #464646
}
a.button.color-text *{
	color: currentcolor
}
a.button.is-link.button2 i {
	margin-left: 8px;
}
.post-large .post-item .box-normal .box-text .post-title a{
	-webkit-line-clamp: 2;
}
.post-large .post-item .box-vertical .box-text .post-title a{
	-webkit-line-clamp: 4;
}
a.button.btn-post.expand{
	border-radius: 8px;
	border: 1px solid #464646 !important;
	height: 50px !important;
	line-height: 50px !important;
	text-align: center !important;
	padding: 0 15px !important;
	justify-content: center;
	color: #464646;
}
a.button.btn-post.expand:hover{
	color: #fff !important;
	border-color: var(--fs-color-primary) !important;
	background: var(--fs-color-primary) !important
}
body.archive.category #header,
body.single #header,
body.archive.tax-danh-muc #header,
body.search-results #header{
	position: static !important;
	border-bottom: 1px solid #C2C2C2;
}
body.archive.category #header .header-wrapper.stuck,
body.single #header .header-wrapper.stuck,
body.archive.tax-danh-muc #header .header-wrapper.stuck,
body.search-results #header .header-wrapper.stuck{
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .15) !important;
}
body.archive.category #header #logo .header_logo,
body.single #header #logo .header_logo,
body.archive.tax-danh-muc #header #logo .header_logo,
body.search-results #header #logo .header_logo,
body.home #header #logo .header_logo{
	display: none !important;
}
body.archive.category #header #logo .header-logo-dark,
body.single #header #logo .header-logo-dark,
body.archive.tax-danh-muc #header #logo .header-logo-dark,
body.search-results #header #logo .header-logo-dark,
body.home #header #logo .header-logo-dark{
	display: block !important;
}
body.archive.category .header:not(.transparent) .header-nav-main.nav > li:not(.item-custom) > a,
body.single .header:not(.transparent) .header-nav-main.nav > li:not(.item-custom) > a,
body.archive.tax-danh-muc .header:not(.transparent) .header-nav-main.nav > li:not(.item-custom) > a,
body.search-results .header:not(.transparent) .header-nav-main.nav > li:not(.item-custom) > a,
body.home .header:not(.transparent) .header-nav-main.nav > li:not(.item-custom) > a{
	color: #0D0D0D;
}
body.archive.category #header .header-wrapper.stuck .header-bg-color,
body.single #header .header-wrapper.stuck .header-bg-color,
body.archive.tax-danh-muc #header .header-wrapper.stuck .header-bg-color,
body.search-results #header .header-wrapper.stuck .header-bg-color{
	background-color: #fff;
	transition: unset !important
}
body.home #header .header-wrapper.stuck .header-bg-color{
	background-color: transparent;
	transition: unset !important
}
body.archive.category #header .mobile-nav i,
body.single #header .mobile-nav i,
body.archive.tax-danh-muc #header .mobile-nav i,
body.search-results #header .mobile-nav i{
	color: #464646 !important;
}
body.fp-viewing-dich-vu-cua-chung-toi #header #logo .header_logo,
body.fp-viewing-du-an-tieu-bieu #header #logo .header_logo,
body.fp-viewing-lien-he #header #logo .header_logo{
	display: block !important
}
body.fp-viewing-dich-vu-cua-chung-toi #header #logo .header-logo-dark,
body.fp-viewing-du-an-tieu-bieu #header #logo .header-logo-dark,
body.fp-viewing-lien-he #header #logo .header-logo-dark{
	display: none !important
}
body.home.fp-viewing-dich-vu-cua-chung-toi .header-nav-main.nav > li:not(.item-custom) > a,
body.home.fp-viewing-du-an-tieu-bieu .header-nav-main.nav > li:not(.item-custom) > a,
body.home.fp-viewing-lien-he .header-nav-main.nav > li:not(.item-custom) > a{
	color: #fff !important;
}
body.home.fp-viewing-dich-vu-cua-chung-toi .header-nav-main.nav > li:not(.item-custom) > a:hover,
body.home.fp-viewing-du-an-tieu-bieu .header-nav-main.nav > li:not(.item-custom) > a:hover,
body.home.fp-viewing-lien-he .header-nav-main.nav > li:not(.item-custom) > a:hover{
	color: var(--fs-color-primary) !important;
}
body.home.fp-viewing-du-an-tieu-bieu #header .header-bg-color{
	background: linear-gradient(180deg, rgba(0,0,0,0.80) 20%, rgba(0, 0, 0, 0) 100%);
}
@media(min-width: 849.1px){
	.section.has-pt{
		padding-top: 110px !important;
	}
	body.logged-in .section.has-pt{
		padding-top: 140px !important;
	}
}
.home-giaithuong .gallery-col:nth-child(2){
	transform: translatey(5%);
}
.home-giaithuong .gallery-col:nth-child(3){
	transform: translatey(15%);
}
.home-giaithuong .gallery-col:nth-child(4){
	transform: translatey(20%);
}
.home-giaithuong .gallery-col:nth-child(5){
	transform: translatey(25%);
}
.home-giaithuong .gallery-col:nth-child(6){
	transform: translatey(30%);
}
.blog-wrapper{
	padding-top: 30px;
}
.vertical-nomar .post-item .box.box-vertical{
	gap: 30px;
	grid-template-columns: calc(425px - 15px) calc(100% - 425px - 15px);
}
.post-item .meta-time{
	margin: 8px 0 0;
}
.post-item .meta-time span{
	color: #999999;
	display: block;
	line-height: 28px;
	font-size: 14px;
}
.title-related .col-inner{
	margin-bottom: 30px;
}
.widget {
	margin-bottom: 0
}
.post-sidebar aside:not(:last-child){
	margin-bottom: 40px;
}
.post-sidebar aside .widget-title{
	display: block;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 12px;
	text-transform: none;
}
.post-sidebar aside .widget-title + .is-divider{
	display: none !important;
}
.post-sidebar aside .recent-blog-posts-li{
	border: none
}
.post-sidebar aside .recent-blog-posts-li:not(:last-child){
	margin-bottom: 24px;
}
.post-sidebar aside .recent-blog-posts-li .recent-blog-posts{
	padding: 0;
	column-gap: 20px;
}
.post-sidebar aside .recent-blog-posts-li .recent-blog-posts .mr-half{
	margin: 0
}
.post-sidebar aside .recent-blog-posts-li .recent-blog-posts .mr-half .badge{
	width: 220px;
	height: 136px;
	border-radius: 16px;
	overflow: hidden
}
.post-sidebar aside .recent-blog-posts-li .recent-blog-posts a{
	margin: 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 36px;
	text-transform: none;
	-webkit-line-clamp: 3;
}
.post-sidebar aside .recent-blog-posts-li .recent-blog-posts .post_comments{
	display: none;
}
.post-sidebar .project-item:last-child .col-inner{
	margin-bottom: 0
}
.project-item .col-inner{
	margin-bottom: 30px;
}
.project-item .col-inner .box{
	border-radius: 16px;
	overflow: hidden;
	font-size: 0;
}
.project-item .col-inner .box .box-image img{
	transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s
}
.project-item .col-inner .box:hover .box-image img{
	transform: scale(1.05);
}
.project-item .col-inner .box .box-text .post-title{
	font-size: 22px;
	line-height: 1.5;
	-webkit-line-clamp: 3;
}
.project-item .col-inner .box .box-text{
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 15px 5px;
	color: #fff;
	height: 65%;
	display: flex;
	align-items: end;
	justify-content: start
}
.project-item .col-inner .box .box-text *{
	color: #fff;
}
.project-item .col-inner .box .box-text .cat_project{
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
}
.project-item .col-inner .box .box-text h3,
.project-item .col-inner .box .box-text h3 a{
	margin: 0
}
.project-item .col-inner .box .box-text{
	transition: opacity .3s, transform .3s, background-color .3s, visibility .3s;
}
.project-item .col-inner .box:hover .box-text{
	opacity: 0;
	visibility: hidden;
}
.text-footer-bottom p{
	margin-bottom: 0 !important;
}
.ss-footer .row-footer-custom a.button.primary{
	font-weight: 400
}
.tabbed-content .nav li,
.tabbed-content2 .nav li{
	margin: 0 !important;
}
.block-content-head{
	margin-bottom: 16px;
}
.block-content-head .short-description > *:last-child{
	margin-bottom: 0 !important;
}
.block-content-head .short-description{
	margin-top: 5px;
}

.block-content-head .short-description,
.content-project{
	font-size: 18px;
}
.content-project{
	margin-top: 30px;
}
.content-project > *:last-child{
	margin-bottom: 0 !important;
}
.ss-contact .banner{
	border-radius: 32px;
	overflow: hidden;
}
.ss-contact .banner .text-box-content p{
	margin-top: 0 !important;
}
.ss-contact .banner .banner-layer{
	position: static !important;
	transform: unset !important;
	padding: 30px 40px;
}
.ss-contact .banner .banner-layers{
	display: flex;
	align-items: center;
}
.ss-contact .banner .title-ss-contact *{
	margin: 0;
	font-weight: 400;
	font-size: 80px;
}
.ss-contact .banner .title-ss-contact h2 strong{
	font-weight: 700;
}
.ss-contact .banner .icon-box .icon-inner{
	font-size: 0;
}
.ss-contact .banner .icon-box .icon-box-text h3{
	margin: 0;
}
.ss-contact .banner a.button{
	font-weight: 400;
}
.ss-contact .banner .wpcf7-form .wpcf7-submit{
	border-color:#fff;
}
.ss-contact .banner .wpcf7-form .wpcf7-submit:hover{
	border-color:var(--fs-color-primary);
}
.dark, .dark p, .dark td {
	color: #fff;
}
.ss-contact .banner .banner-inner{
	position: static !important;
}
.ss-contact .banner{
	margin-bottom: 30px;
}
.slide-duan.slick-slider .slick-list{
	padding: 0 10% 0 10% !important;
}
@media(max-width: 1440.1px){
	.slide-duan.slick-slider .slick-list {
		padding: 0 12% 0 12% !important;
	}
}
@media(min-width: 849px){
	.row-full-width.slick-slider .slick-arrow.slick-prev {
		left: calc((100% - 1290px) / 2);
	}
	.row-full-width.slick-slider .slick-arrow.slick-next {
		right: calc((100% - 1290px) / 2);
	}
	.row-full-width.slick-slider .slick-arrow{
		width: 55px !important;
		height: 55px !important;
		opacity: 0.7;
	}
	.row-full-width.slick-slider .slick-arrow svg{
		padding: 18px;
	}
}
.row-full-width.slick-slider .slick-arrow:hover{
	opacity: 1
}
a.button.btn-expand{
	padding: 10px 0 !important;
}
a.button.btn-expand i.icon-angle-right::before,
a.button.arrow-style2 i.icon-angle-right::before{
	font-family: fontawesome;
}
@media(max-width: 1290.1px){
	.row-full-width.slick-slider .slick-arrow.slick-prev {
		left: 15px;
	}
	.row-full-width.slick-slider .slick-arrow.slick-next {
		right: 15px;
	}
}
.ss-tieuchi .text-label{
	font-size: 24px;
}
.ss-tieuchi .content *:not(:last-child){
	margin-bottom: 10px !important
}
.ss-duandatgiai .banner .banner-inner .text-box-content h2{
	margin: 0;
	font-weight: 700;
	font-size: 40px;
	line-height: 56px;
	margin-bottom: 8px;
}
.ss-duandatgiai .banner .banner-inner .text-box-content p{
	font-size: 20px;
	line-height: 36px;
	margin: 0 !important
}
.ss-duandatgiai .banner .banner-inner .text-box-content a.button{
	padding: 8px 95px !important;
	color: #464646 !important;
	font-weight: 400;
}
.ss-duandatgiai .banner .banner-inner .text-box-content a.button .icon-youtube{
	margin-left: 5px;
}
.ss-duandatgiai .banner .banner-inner .text-box-content a.button .icon-youtube::before{
	font-family: fontawesome;
	content: '\f144';
	font-size: 28px;
}
.ss-duandatgiai .banner .banner-inner .text-box-content a.button:hover{
	background: var(--fs-color-primary) !important;
	color: #fff !important;
}
.tabbed-content.tab-style3{
	column-gap: 30px;
	flex-wrap: nowrap;
}
.tabbed-content.tab-style3 .nav{
	flex-basis: 58.3333333333%;
	max-width: 58.3333333333%;
}
.tabbed-content.tab-style3 .tab-panels{
	flex-basis: 41.6666666667%;
	max-width: 41.6666666667%;
}
.tabbed-content.tab-style3 .nav-vertical+.tab-panels{
	border: none;
}
.tabbed-content.tab-style3 .nav li a,
.accordion .accordion-item a{
	padding: 18px 30px 18px 60px !important;
	color: #464646;
	font-size: 18px;
	font-weight: 400 !important;
}
.tabbed-content.tab-style3 .nav{
	gap: 0;
	margin: 0;
	justify-content: start;
	counter-reset: item;
}
.tabbed-content.tab-style3 .nav li a::before{
	content: none !important
}
.tabbed-content.tab-style3 .nav-vertical>li+li {
	border-top: 1px solid #464646;
}
.accordion{
	counter-reset: item;
}
.tabbed-content.tab-style3 .nav-vertical> li a:before,
.accordion .accordion-item a:before{
	counter-increment: item;
	content: '0' counter(item) !important;
	position: absolute;
	left: 0;
	height: unset;
	bottom: unset;
	background: unset;
	transform: unset;
	transition: unset;
}
.tabbed-content.tab-style3 .nav-vertical> li a:after{
	content: "";
	font-family: fontawesome;
	position: absolute;
	right: 0;
	transform: rotatez(-180deg);
	transition: transform .25s ease-in-out;
}
.tabbed-content.tab-style3 .nav-vertical> li.active a,
.tabbed-content.tab-style3 .nav-vertical> li a:hover{
	color: var(--fs-color-primary);
}
.tabbed-content.tab-style3 .nav-vertical> li.active a{
	font-weight: 700 !important
}
.tabbed-content.tab-style3 .nav-vertical> li.active a:after{
	transform: rotatez(0deg)
}
a.button.is-outline{
	border-width: 1px;
}
a.button.btn-small{
	font-size: 16px;
}
.secondary.is-outline:hover{
	background-color: var(--fs-color-primary);
	border-color: var(--fs-color-primary);
}
.accordion.style2 .accordion-item a{
	font-weight: 700 !important;
	font-size: 24px;
	padding: 12px 30px 12px 0 !important;
	border-top: 0;
	border-bottom: 1px solid #999999 !important;
}
.accordion.style2 .accordion-item a::before{
	content: none !important
}
.accordion.style2 .accordion-item .accordion-inner{
	margin-top: 12px;
}
.accordion.style2 .accordion-item a .toggle i{
	font-size: 32px;
}
.accordion-item:last-child .accordion-inner{
	padding-bottom: 0 !important;
}
.ss-timeline .content{
	color: #fff;
}
.ss-timeline .content h3{
	color: var(--fs-color-primary);
	font-size: 64px;
	line-height: 1.2;
	margin: 0 0 15px;
	font-family: 'SFUHelvetica', sans-serif;
	font-weight: bold
}
.ss-timeline .content h2{
	color: inherit;
	font-size: 88px;
	margin: 0 0 15px;
	font-family: 'SFUHelvetica', sans-serif;
	font-weight: bold
}
.ss-timeline .galary-img .flickity-page-dots{
	margin-top: 18px !important;
	position: absolute;
	bottom: -35px;
}
.ss-timeline .galary-img .flickity-button.previous{
	left: 15px;
}
.ss-timeline .galary-img .flickity-button.next{
	right: 15px;
}
.ss-timeline .galary-img .flickity-viewport{
	border-radius: 16px;
	overflow: hidden;
}
.ss-timeline .list-timeline .icon-box img{
	padding: 0;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #999999;
	padding: 8px;
	transition: filter .25s ease-in-out
}
.ss-timeline .list-timeline .slick-slide.slick-current .icon-box img{
	border-color: var(--fs-color-primary) !important;
	border-width: 2px;
}
.ss-timeline .list-timeline .icon-box-img{
	margin: 0 auto 0;
	background: #0d0d0d;
	transition: transform .25s ease-in-out;
	border-radius: 50%;
}
.ss-timeline .list-timeline .icon-box-text{
	margin-top: 20px;
}
.ss-timeline .list-timeline .icon-box-text p{
	font-size: 20px;
	color: #fff;
	margin: 0;
	line-height: 30px;
}
.ss-timeline .list-timeline .icon-box:hover img{
	filter: grayscale(0);
}
.ss-timeline .item{
	display: flex !important;
	margin: 0 auto !important;
}
.ss-timeline .list-timeline:before{
	content: '';
	width: 90%;
	height: 2px;
	background: #999999;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: calc( 50% - 26px);
	transform: translate(-50%, -50%);
}
.ss-timeline .list-timeline .slick-current .icon-box-img img{
	filter: grayscale(0);
}
.ss-timeline .list-timeline .slick-slide:not(.slick-current) .icon-box-img{
	transform: scale(0.85);
}
.ss-kiluat .text-title-1{
	margin-bottom: 12px;
}
.ss-kiluat .text-title-1 h3{
	margin: 0;
	font-family: "SFUHelvetica";
	font-weight: 400;
	font-size: 88px;
	color: #464646;
	line-height: 1.2;
	position: relative;
	display: flex;
	align-items: end;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.ss-kiluat .text-title-1 h3::after{
	content: '';
	width: 50%;
	height: 1px;
	background: currentcolor;
	display: inline-block;
	position: relative;
	top: -13px;
}
.ss-kiluat .text-title-2 h2{
	margin: 0;
	color: var(--fs-color-primary);
	font-family: "SFUHelvetica";
	font-weight: 400;
	font-size: 130px;
}
.ss-kiluat .text-title-2{
	margin-bottom: 18px;
}
.ss-kiluat .content h3{
	color: #353537;
	font-size: 30px;
}
.ss-global-style{
	border-radius: 48px 48px 0 0;
}
@media(min-width: 849.1px){
	.ss-timeline .list-timeline .col{
		flex-basis: 14.2857%;;
		max-width: 14.2857%;
	}
}
.ss-timeline .list-timeline .col .icon-box .icon{
	position: relative;
}
.ss-timeline .list-timeline .col:not(:last-child) .icon-box .icon:before{
	content: '';
	width: 100%;
	height: 2px;
	background: #999999;
	display: inline-block;
	position: absolute;
	right: -100%;
	top: 50%;
	transform: translatey(-50%);
}
.ss-timeline .content ul{
	text-align: left;
	display: grid;
	column-gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	flex-wrap: wrap;
	font-size: 14px;
}
.ss-CEO .banner .container{
	max-width: 100%;
	padding: 0;
}
.ss-CEO .banner .text-box{
	left: 0;
	transform: translatey(-50%) !important;
	top: 35% !important
}
.ss-CEO .banner .text-box .text-box-content{
	padding: 60px 45% 60px 155px;
	background: var(--fs-color-primary);
}
.ss-CEO .banner .text-box .text-inner p{
	margin: 0 0 8px;
	line-height: 1.8;
}
.ss-CEO .banner .text-box .text-inner h3{
	font-style: italic;
	font-size: 18px;
	margin: 0;
	line-height: 1.4;
}
.ss-CEO .banner .text-box .text-inner::before{
	content: '\f10d';
	font-family: fontawesome;
	font-size: 26px;
}
.ss-CEO .img-2{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1
}
.ss-CEO .img-boss{
	position: absolute;
	bottom: 0;
	z-index: 2;
	max-width: 405px;
	right: calc((100% - 1290px) / 2);
	transform: translatex(-150px);
}
body.home .title-section h2{
	font-size: 68px;
}
.home-about .content >:nth-last-child(2){
	margin-bottom: 0 !important;
}
.fz-18{
	font-size: 18px;
}
a.button.arrow-style3 .icon-angle-left::before{
	content: '\f060';
	font-family: fontawesome;
}
a.button.style3 i{
	background: #B40000;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	transform: rotatez(45deg);
}
a.button.style3{
	padding-top: 6px !important;
	padding-bottom: 6px !important
}
a.button.rotate90{
	transform: rotate(90deg);
}
.list-dichvu .banner{
	border-radius: 99px;
	overflow: hidden
}
.list-dichvu .banner .text-box-content h3{
	font-size: 36px;
	margin: 0
}
.ss-dichvu .list-dichvu .banner a::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	background: transparent;
	z-index: 1
}
@media(min-width: 849.1px){
	.duan-tieubieu .row-title{
		position: absolute;
		z-index: 9;
		left: calc((100% - 1320px) / 2);
		top: 160px;
		max-width: max-content;
		flex-direction: column;
		align-items: start !important;
	}
	.duan-tieubieu .row-title .col{
		max-width: max-content;
	}
}
.project-style2{
	display: flex !important;
	flex-wrap: nowrap;
}
.project-style2 .item{
	overflow: hidden;
	transition: .5s all ease-in-out;
	flex: 1;
}
.project-style2 .item .inner {
	position: relative;
	height: 100vh;
	background-color: #000000;
}

.project-style2 .item .inner::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.8;
	z-index: 3;
	transition: .4s all ease-in-out;
}
.project-style2 .item a.link_project {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.project-style2 img{
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: 1;
	pointer-events: none;
	transition: .4s all ease-in-out;
}

.project-style2 .post-title {
	display: block;
	color: #fff;
	font-size: 32px;
	transition: .4s all ease-in-out;
	transform: rotate(-90deg);
	transform-origin: 0;
	left: 75px;
	bottom: 70px;
	position: absolute;
	z-index: 5;
	width: 50vh;
	margin: 0;
	text-transform: uppercase;
}
.project-style2 .item.hover {
	flex: 3.5;
}
.project-style2 .item.hover img{
	transform: scale(1.07);
}
.project-style2 .item.hover .inner::before {
	width: 40%;
}
.project-style2 .item.hover .post-title{
	transform: rotate(0deg) translateX(100px);
}
.project-style2 .item:first-child.hover .post-title{
	transform: rotate(0deg) translateX(0);
	padding-left: calc((100vw - 1290px) / 2 + -7px);
	width: 85vh;
	left: 0;
}
.post-home .col.post-item .box{
	border-radius: 16px;
	overflow: hidden;
}
.post-home .col.post-item .box .box-text{
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 32.49%, #000000 116.58%);
	z-index: 2;
	display: flex;
	align-items: end;
}
.post-home .col.post-item .box .box-text .box-text-inner{
	padding: 24px;
}
.post-home .col.post-item .box .box-text .post-title a{
	color: #fff !important;
}
.post-home .col.post-item .box .box-image{
	margin: 0
}
.ss-contact.ss-contact-home .banner .title-ss-contact h2{
	line-height: 1.4
}
.ss-contact.ss-contact-home .banner .title-ss-contact *{
	font-size: 56px;
}
.ss-contact.ss-contact-home .banner{
	border-radius: 0;
	margin: 0
}
.ss-contact.ss-contact-home .banner .banner-layer{
	padding-bottom: 0;
	padding-top: 80px;
	padding-left: 0;
	padding-right: 0;
}
.ss-contact.ss-contact-home .banner .icon-box.text-footer-bottom{
	align-items: center;
}
.ss-contact.ss-contact-home .banner .icon-box.text-footer-bottom .icon-box-text{
	padding-left: 35px;
}
.ss-contact.ss-contact-home .banner .icon-box.text-footer-bottom .icon-box-text{
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
}
.ss-banner-home .section-content{
	overflow: hidden;
}
.ss-banner-home .banner .text-box{
	z-index: 2
}
.ss-banner-home .banner .text-box h2{
	margin: 0 0 15px;
	font-size: 56px;
	line-height: 1.4;
}
@media(min-width: 1200px) and (max-width: 1600px){
	.ss-banner-home .banner .text-box h2{
		font-size: 42px;
	}
}
.ss-banner-home .banner .text-box p{
	margin: 0 !important;
	font-size: 18px;
	max-width: 460px;
}
.ss-banner-home .banner a.button i.icon-angle-right::before{
	content: '\f061';
	font-family: fontawesome !important;
}
.ss-banner-home .banner a.button i{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translatey(-50%);
}
.ss-banner-home .company img{
	object-fit: cover;
}
.ss-banner-home .banner .bg.fill{
	animation: zoomIn 1.5s ease-in-out forwards;
}
.ss-banner-home .company{
	position: absolute;
	left: 0;
	right: 0;
	animation: slideUp 1.5s ease-out 0.75s forwards;
}
.ss-banner-home .cloud{
	position: absolute;
	width: 100% !important
}
.ss-banner-home .cloud.cloud-1{
	top: 10%;
	max-width: 325px;
	animation: slideLeft1 1s ease-out 1s forwards;
}
.ss-banner-home .cloud.cloud-2{
	top: 42%;
	animation: slideLeft2 1.2s ease-out 1s forwards;
	max-width: 250px;
}
.ss-banner-home .cloud.cloud-3{
	top: 15px;
	max-width: 195px;
	animation: slideRight 1s ease-out 1s forwards;
}
@keyframes slideUp {
	0% {
		bottom: -100%;
	}
	100% {
		bottom: 0%;
	}
}
@keyframes zoomIn {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
@keyframes slideRight {
	0% {
		right: -10%;
	}
	100% {
		right: 5%;
	}
}
@keyframes slideLeft1 {
	0% {
		left: -20%;
	}
	100% {
		left: -5%;
	}
}
@keyframes slideLeft2 {
	0% {
		left: -10%;
	}
	100% {
		left: 39%;
	}
}
.section.fp-section{
	height: 100vh
}
.section.fp-section.ss-banner-home .section-content,
.section.fp-section.ss-contact-home .section-content,
.section.fp-section.ss-contact-home .section-content .banner{
	height: 100%;
}
#fp-nav.fp-show-active{
	margin-top: 0 !important;
}
#fp-nav.fp-show-active.right{
	right: 20px !important;
	transform: translatey(-50%);
}
#fp-nav.fp-show-active ul{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#fp-nav.fp-show-active ul li{
	width: 52px;
	height: 48px;
	margin: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center
}
#fp-nav.fp-show-active ul li a{
	display: none !important;
}
#fp-nav.fp-show-active ul li .fp-tooltip{
	position: static;
	font-size: 24px;
	color: #fff;
	font-family: inherit;
	opacity: 1;
	width: auto;
	text-align: center;
	line-height: 1;
	transition: .4s all ease-in-out !important;
}
#fp-nav.fp-show-active ul li a.active + .fp-tooltip,
#fp-nav.fp-show-active ul li:hover .fp-tooltip{
	font-size: 40px;
	overflow: visible;
	font-weight: bold;
	transition: .4s all ease-in-out !important;
}
body.fp-viewing-ve-chung-toi #fp-nav.fp-show-active ul li .fp-tooltip,
body.fp-viewing-giai-thuong #fp-nav.fp-show-active ul li .fp-tooltip,
body.fp-viewing-tin-tuc #fp-nav.fp-show-active ul li .fp-tooltip,
body.fp-viewing-cau-hoi-thuong-gap #fp-nav.fp-show-active ul li .fp-tooltip{
	color: #2c2c2c
}
body.fp-viewing-ve-chung-toi #fp-nav.fp-show-active ul li a.active + .fp-tooltip,
body.fp-viewing-giai-thuong #fp-nav.fp-show-active ul li a.active + .fp-tooltip,
body.fp-viewing-tin-tuc #fp-nav.fp-show-active ul li a.active + .fp-tooltip,
body.fp-viewing-cau-hoi-thuong-gap #fp-nav.fp-show-active ul li a.active + .fp-tooltip{
	color: var(--fs-color-primary);
}
.ss-banner-home .row-collapse>.col .container {
	max-width: 1320px;
}
.duan-tieubieu .slide-duan{
	display: none !important;
}
.wpcf7-form .form-submit.processing .wpcf7-submit{
	font-size: 0
}
.wpcf7-form .form-submit{
	position: relative;
}
.wpcf7-form .processing * {
	opacity: 1;
}
.wpcf7-form .form-submit.processing:before,
.wpcf7-form .form-submit.processing:after,
.wpcf7-spinner::before{
	content: none !important
}
.wpcf7-form .form-submit.processing .wpcf7-spinner{
	opacity: 1
}
.wpcf7-form .form-submit .wpcf7-spinner{
	opacity: 0;
	margin: 0;
	background: unset;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.wpcf7-spinner::after{
	content: '\f110';
	font-family: fontawesome;
	color: #fff;
	font-size: 24px;
	height: 100%;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	animation: spin 2s linear infinite;
}
/* #button-contact-vr {
right: 45px !important;
} */
.gtranslate_wrapper{
	margin-left: 20px;
}
.gtranslate_wrapper a:nth-child(n+2){
	margin-left: 8px;
}
.gtranslate_wrapper a{
	display: inline-block;
}
.gtranslate_wrapper a img{
	opacity: 1 !important;
	margin: 0 !important;
	width: 36px;
	height: 27px;
	border-radius: 3px;
}
.post-sidebar .widget-area{
	position: sticky;
	top: 128px;
}
body.logged-in .post-sidebar .widget-area{
	top: 160px;
}
.list-timeline.row.row-small{
	margin-left: -6px !important;
	margin-right: -6px !important;
}
.list-timeline .col{
	padding: 0 6px 0 !important;
}
.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
	background-color: #141414 !important;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a{
	font-size: 16px;
	color: #fff;
	text-transform: none
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a + .toggle{
	color: #fff !important;
	opacity: 1;
}
.off-canvas .nav-vertical li li>a{
	padding: 8px 0
}
.nav:not(.nav-slide) .active>.children{
	padding-bottom: 20px;
}
.nav-sidebar li.menu-item.item-custom{
	border: none;
	margin-top: 25px;
	padding: 0 20px;
}
.nav-sidebar li.menu-item.item-custom a{
	padding: 8px 16px;
	font-size: 20px;
	font-weight: 400;
	background: var(--fs-color-primary);
	border-radius: 8px;
	justify-content: center;
}
.nav-sidebar.nav-vertical>li+li {
	border-top: none !important
}
.nav-sidebar.nav-vertical>li{
	border-bottom: 1px solid #fff6;
}
.galary-aboutus .col-inner{
	display: flex;
	gap: 30px;
}
.galary-aboutus .col-inner .img {
	flex: 1;
	transition: .5s all ease-in-out;
}
.galary-aboutus .col-inner .img.active {
	flex: 2;
}
a.button.btn-link{
	line-height: unset !important;
	min-height: unset !important;
	font-size: 16px;
}
a.button.btn-link span:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	bottom: 0;
	background: currentcolor
}
a.button.primary.arrow-style3.style3.rotate45:hover{
	background: #980000 !important
}
a.button.primary.arrow-style3.style3.rotate45 i{
	transition: transform .25s ease-in-out;
}
a.button.primary.arrow-style3.style3.rotate45:hover i{
	background: var(--fs-color-primary) !important;
	transform: rotatez(135deg) !important;
}
@media(min-width: 849.1px){
	.col-sticky .col-inner{
		position: sticky;
		top: 0
	}
	body.logged-in .col-sticky .col-inner{
		position: sticky;
		top: 145px
	}
	.post-home .col.post-item:nth-child(n+2) .box-image .image-cover{
		padding-top: 55% !important
	}
	.post-home{
		display: grid;
		grid-template-columns: 66.6666666667% 33.3333333333%;
		grid-template-rows: auto auto;
	}
	.post-home .col.post-item:nth-child(1){
		grid-column: 1;
		grid-row: 1 / span 2;
	}
	.post-home .col.post-item:nth-child(2){
		grid-column: 2;
		grid-row: 1;
	}
	.post-home .col.post-item:nth-child(3){
		grid-column: 2;
		grid-row: 2;
	}
	.post-home .col:not(:nth-child(2)){
		padding-bottom: 0 !important;
	}
	body.home header{
		transition: transform .3s ease-in-out !important;
	}
}
@media(min-width: 1130px) and (max-width: 1290px){
	.logo-left .logo {
		margin-right: 20px;
	}
	.header-nav li.menu-item a{
		padding: 16px 16px;
	}
}
/* CSS TABLE & MOBILE */
@media (max-width: 849px) {
	#header .header-main {
		height: 90px;
	}
	#header .stuck .header-main {
		height: 90px !important;
	}
	.mobile-nav i{
		color: #fff !important;
	}
	.banner-hometop {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.banner-hometop .content p {
		margin: 0 0 30px !important;
	}
	.banner-hometop .content {
		margin-bottom: 30px;
	}
	.banner-hometop .content h3 {
		font-size: 28px;
	}
	.banner-hometop .content h2 {
		font-size: 60px;
	}
	.ss-banner.home a.button.white.is-link {
		font-size: 20px;
	}
	a.button.white.is-link {
		font-size: 18px;
	}
	.title-section h2,
	.banner-style2 .banner-hometop .content p{
		font-size: 32px;
	}
	.title-section h2:before {
		content: '';
		width: 42px;
		height: 42px;
	}
	.list-giaithuong .col-inner .content h3,
	.list-hanhtrinh .col-inner .content h3,
	.list-hanhtrinh .col-inner .year p{
		font-size: 20px;
	}
	.list-services .col-inner .icon-box .icon-box-img {
		margin-bottom: 30px;
	}
	.row.list-services{
		max-width: 1350px !important;
	}
	.row.list-services .col{
		padding: 0 20px !important;
	}
	.list-cat-duan .col-inner .box .box-image .image-cover{
		padding-top: 400px !important;
	}
	.list-cat-duan .col-inner .box .box-text h3,
	.post-item .box-text .post-title a,
	.ss-footer .ux-menu .ux-menu-title,
	.navigation-post .next-prev-nav a:before, .navigation-post .next-prev-nav a:after,
	.ss-founder .head h3{
		font-size: 20px;
	}
	.section-related .row-top .col .col-inner {
		margin-bottom: 30px;
	}
	.section-related {
		padding: 30px 0 30px;
	}
	.banner-page h1,
	.blog-single .entry-header .entry-header-text h1{
		font-size: 38px;
	}
	.post-large .post-item .box .box-text .post-title a {
		font-size: 26px;
		-webkit-line-clamp: 2;
	}
	.post-large .post-item .box-text .from_the_blog_excerpt {
		font-size: 16px;
		-webkit-line-clamp: 4;
	}
	.list-tuyendung .col-inner .item-tuyendung .info-tuyendung {
		padding-right: 0;
	}
	.list-tuyendung .col-inner .item-tuyendung {
		display: block;
	}
	.list-tuyendung .col-inner .item-tuyendung .block-button {
		margin-top: 30px;
	}
	.list-tuyendung .col-inner {
		padding: 20px 20px 25px;
	}
	.list-tuyendung .col-inner .item-tuyendung .info-tuyendung h3 {
		font-size: 28px;
	}
	.tabbed-content li a,
	.tabbed-content2 li a,
	.menu-dichvu.ux-menu .ux-menu-link a{
		font-size: 18px;
		padding: 10px 10px !important;
	}
	.tabbed-content .nav {
		gap: 10px;
	}
	.ss-global{
		padding-bottom: 60px;
	}
	.ss-global .col-title > .col-inner{
		margin-bottom: 30px;
	}
	.tab-style1 ul.nav{
		width: 100%;
	}
	.banner-style2 .col-banner-number .col-inner .item h3,
	.number-style1 .col-inner .item h3{
		font-size: 38px;
	}
	.banner-style2 .col-banner-number .col-inner .item p,
	.list-giaithuong .col-inner p,
	.number-style1 .col-inner .item p{
		font-size: 18px;
	}
	.banner-style2 .col-banner-number .col-inner {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}
	.img-founder .image-cover{
		padding-top: 515px !important;
	}
	.ss-tamnhin-sumenh .content p {
		font-size: 20px;
	}
	.ss-founder .head h2 {
		font-size: 45px;
		margin: 3px 0 !important;
	}
	.ss-hanhtrinh .title h2 {
		font-size: 40px;
	}
	.list-hanhtrinh .col-inner:before, .list-hanhtrinh:before {
		left: 10px;
	}
	.list-hanhtrinh .col .col-inner {
		display: grid;
		column-gap: 30px;
		grid-template-columns: max-content 1fr;
	}
	.list-hanhtrinh .col:not(:last-child) .col-inner{
		margin-bottom: 60px;
	}
	.list-hanhtrinh .col-inner .year {
		position: static;
		left: 0;
	}
	.list-hanhtrinh .col-inner {
		padding-left: 40px;
	}
	.list-hanhtrinh .col-inner:before {
		width: 20px;
		height: 20px;
	}
	.ss-brands .content-head p {
		font-size: 18px;
	}
	.list-brands .item:not(:first-child) > .col-inner{
		padding-top: 30px;
		margin-top: 30px;
		margin-bottom: 0;
	}
	.list-brands .item:first-child > .col-inner {
		margin-bottom: 0px;
	}
	.list-brands .item .col-logo-brand .title-brand h2 {
		font-size: 28px;
	}
	.list-brands .item .col-logo-brand .title-brand h2 br{
		display: none !important;
	}
	.list-brands .item .col-logo-brand .title-brand h2 strong{
		margin-left: 5px;
	}
	.list-brands .item .col-logo-brand > .col-inner{
		text-align: center;
	}
	.list-brands .item .col-logo-brand img {
		max-width: 130px;
	}
	.menu-dichvu.ux-menu{
		display: flex;
		flex-direction: row;
	}
	.menu-dichvu.ux-menu .ux-menu-link a{
		white-space: nowrap;
		padding: 10px 15px !important
	}
	.content-text-1 p{
		font-size: 18px;
	}
	.content-text-1 h3 {
		font-size: 22px;
	}
	.list-doingu .box .box-text h3 {
		font-size: 22px;
	}
	.list-doingu .box .box-text p {
		font-size: 16px;
	}
	.menu-dichvu.ux-menu .ux-menu-link a, .style-2.tab-3 .nav li a {
		font-size: 20px;
	}
	.tabbed-content .nav-pills li a span::before {
		font-size: 40px;
	}
	.tab-has-banner .entry-content .banner .banner-layers {
		padding: 15px;
	}
	.tab-has-banner .entry-content .banner .banner-layers .text-box h3 {
		font-size: 18px;
	}
	.tab-has-banner .entry-content .banner .banner-layers .text-box,
	.text-content2{
		font-size: 16px;
	}
	.number-style1 .col-inner {
		gap: 30px;
	}
	.col-banner-number .col-inner {
		grid-template-columns: repeat(2, 1fr);
	}
	.banner.furniture .banner-hometop {
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.content-furniture h2 {
		font-size: 52px;
	}
	.list-giaithuong .col-inner .content{
		min-width: 280px
	}
	#breadcrumbs * {
		font-size: 14.4px;
	}
	.header-main li.html.custom {
		display: block;
	}
	.gtranslate_wrapper {
		margin-left: 0px;
	}
	.gtranslate_wrapper a img {
		width: 32px;
		height: 24px;
	}
	.ss-contact .banner .banner-layer {
		padding: 30px 15px;
	}
	.ss-footer .ux-menu a{
		min-height: unset !important;
		line-height: unset !important;
		padding: 8px 0 !important;
	}
	body.home #header .header-wrapper.stuck .header-bg-color {
		background-color: rgb(0,0,0);
	}
	.ss-banner-home .row-banner-mobile h2 {
		font-size: 42px;
		margin-bottom: 0;
	}
	.list-banner-bottom > .col-inner{
		background: #000;
		border-radius: 99px;
		margin-top: 6px;
		padding: 12px 12px;
	}
	.list-banner-bottom .list > .col-inner{
		display: flex;
		flex-wrap: nowrap;
		overflow: hidden;
		column-gap: 12px;
		justify-content: space-between;
	}
	.list-banner-bottom .list .col-inner .icon-box{
		white-space: nowrap;
		display: flex !important;
		align-items: center;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: auto;
	}
	.list-banner-bottom .list .col-inner .icon-box .icon-box-img{
		flex: unset;
	}
	.list-banner-bottom .list .col-inner .icon-box .icon-box-text{
		align-items: center;
		padding-left: 5px;
		font-size: 14px;
		font-weight: bold;
	}
	.list-banner-bottom .list .col-inner .icon-box .icon-box-text p{
		margin: 0 !important;
		color: #fff;
	}
	.list-banner-bottom .list .col-inner .icon-box img{
		padding: 0
	}

	.ss-banner-home .row-banner-mobile .banner{
		padding-top: 0px !important;
		border-radius: 20px;
		overflow: hidden
	}
	.ss-banner-home .row-banner-mobile .banner .banner-inner{
		position: static;
	}
	.ss-banner-home .row-banner-mobile .banner .banner-layer{
		transform: unset !important;
		position: static !important;
	}
	body.home #header #logo .header_logo{
		display: block !important
	}
	body.home #header #logo .header-logo-dark{
		display: none !important
	}
	body.home .title-section h2 {
		font-size: 46px;
	}
	.galary-aboutus .col-inner {
		gap: 15px;
	}
	.list-giaithuong .col .col-inner{
		display: grid;
		grid-template-columns: 40px 1fr 1fr;
		grid-template-rows: auto auto auto;
		gap: 0px 25px;
	}
	.list-giaithuong .col .col-inner .year{
		grid-column: 1;
		grid-row: 1;
	}

	.list-giaithuong .col .col-inner .content{
		grid-column: 2;
		grid-row: 1;
	}

	.list-giaithuong .col .col-inner > .img{
		grid-column: 3;
		grid-row: 1;
	}

	.list-giaithuong .col .col-inner > a.button{
		display: none;
	}
	.list-giaithuong .col .col-inner img {
		display: block !important;
	}
	.list-giaithuong .col-inner .content h3 br{
		display: none !important;
	}
	.list-giaithuong .col .col-inner .year *, .list-giaithuong .col .col-inner .content * {
		color: #2C2C2C;
	}
	.list-dichvu .banner .text-box-content h3 {
		font-size: 25px;
	}
	.duan-tieubieu .project-style2{
		display: none !important;
	}
	.duan-tieubieu .slide-duan{
		display: block !important;
	}
	.slide-duan.slick-slider .slick-list {
		padding: 0 20% 0 0% !important;
	}
	.duan-tieubieu .project-item .col-inner .box .image-cover {
		padding-top: 120% !important;
	}
	.project-item .col-inner .box .box-text .post-title {
		font-size: 18px;
	}
	.post-home .slick-list {
		padding: 0 30% 0 0 !important;
	}
	.bg-black .section-bg{
		background-color: #0d0d0d;
	}
	.bg-black .title-section h2,
	.bg-black .accordion .accordion-item a,
	.bg-black .accordion-inner *{
		color: #fff;
	}
	a.button {
		font-size: 18px;
	}
	.col-flex .col-inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.text-footer-bottom p{
		font-size: 16px;
	}
	.col-fllow .col-inner{
		justify-content: center;
	}
	.col-fllow .col-inner .social-icons{
		margin: 0;
	}
	.col-center-tl .col-inner {
		text-align: center;
	}
	.col-center-mb .col-inner h1 br{
		display: none !important;
	}
	.banner .text{
		font-size: 16px;
	}
	.ss-kiluat .text-title-1 h3 {
		font-size: 62px;
	}
	.ss-kiluat .text-title-2 h2 {
		font-size: 86px;
	}
	.ss-global-white {
		margin-top: -60px;
		padding: 30px 0 0 !important;
	}
	.ss-global-white .section-bg, .ss-global-style {
		border-radius: 24px 24px 0 0;
	}
	.ss-kiluat .content h3 {
		font-size: 26px;
	}
	.ss-CEO .img-2{
		display: none !important;
	}
	.ss-CEO .banner .text-box .text-box-content {
		padding: 15px;
		border-radius: 8px;
	}
	.ss-CEO .img-boss{
		right: 0;
		left: 50%;
		transform: translatex(-50%) !important;
		max-width: 265px;
	}
	.ss-CEO .banner .text-box {
		left: 0;
		transform: translatey(0) !important;
		top: 30px !important;
		width: 100% !important;
		padding: 0 15px;
	}
	.ss-contact .banner .title-ss-contact * {
		font-size: 58px;
	}
	.banner-page.fouder .bg-fill{
		background-position: 20% 50%;
	}
	.list-timeline .slick-list {
		padding: 0 12% 0 0 !important;
	}
	.ss-timeline .list-timeline .icon-box-text {
		margin-top: 0px;
	}
	.ss-timeline .list-timeline:before {
		top: calc(50% - 15px);
	}
	.col-listtimeline {
		transform: translateY(calc(-50% + 15px));
	}
	.ss-timeline .content h2 {
		font-size: 54px;
	}
	.tab-has-banner .entry-content .banner .banner-layers .text-box ul {
		font-size: 18px;
	}
	.title-section:not(.has-br) h2 br{
		display: none
	}
	.ss-tieuchi .text-label {
		font-size: 20px;
	}
	.tab-style2.tabbed-content .nav {
		gap: 10px;
	}
	.tabbed-content li a {
		text-align: center;
	}
	.tabbed-content .nav {
		justify-content: center;
	}
	.is-divider.divider {
		margin: 0px auto 0px !important;
	}
	.title-section.small h2 {
		font-size: 28px;
	}
	.ss-contact:not(.ss-contact-home) .col-fllow .col-inner {
		justify-content: end;
	}
	.ss-contact.ss-contact-home .banner .banner-layer {
		padding-top: 40px;
	}


}

/* CSS MOBILE */
@media (max-width: 549px) {

	/*  CSS GLOWBAL */
	.off-canvas-left .mfp-content {
		width: calc(100vw - 65px);
	}
	a.button {
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}
	.banner-hometop .content h3,
	.title-section.small h2{
		font-size: 22px;
	}
	.banner-hometop .content h2 {
		font-size: 45px;
	}    .ss-banner.home a.button.white.is-link {
		font-size: 18px;
	}
	a.button.white.is-link:not(.button2) i {
		width: 38px;
		height: 38px;
	}
	.col-banner-number .col-inner .item h3 {
		font-size: 26px;
	}
	.col-banner-number .col-inner {
		gap: 25px;
	}
	.title-section h2,
	.banner-style2 .banner-hometop .content p,
	.ss-hanhtrinh .title h2{
		font-size: 26px;
	}
	.title-section h2:before {
		width: 34px;
		height: 34px;
	}
	.ss-footer .contact ul {
		font-size: 16px;
	}
	.ss-footer .contact h3,
	.ss-footer .ux-menu .ux-menu-title, 
	.post-item .box-text .post-title a, 
	.ss-footer .ux-menu .ux-menu-title,
	.list-tuyendung .col-inner .item-tuyendung .info-tuyendung h3{
		font-size: 18px;
	}
	.ss-footer .ux-menu .ux-menu-title {
		margin-bottom: 10px !important;
	}
	a.button {
		font-size: 16px;
	}
	.col-fllow .col-inner{
		text-align: center;
		justify-content: center;
	}
	.col-fllow .col-inner .social-icons{
		margin: 0 !important;
	}
	.social-icons.follow-icons a.icon.button {
		width: 35px !important;
		height: 35px !important;
	}
	.col-fllow a.button.primary {
		width: 45px !important;
		height: 45px !important;
	}
	.col-fllow a.button.primary i {
		font-size: 22px;
	}
	.row.list-services .col {
		padding: 0px 15px !important;
	}
	.list-services .col-inner .icon-box .icon-box-img{
		height: 50px;
	}
	.list-services .col-inner .icon-box h3 br{
		display: none !important;
	}
	a.button.white.is-link {
		font-size: 16px;
	}
	.list-cat-duan .col-inner .box .box-image .image-cover {
		padding-top: 300px !important;
	}
	.list-services .col-inner .icon-box h3,
	.list-cat-duan .col-inner .box .box-text h3{
		font-size: 18px;
	}
	.navigation-post .next-prev-nav a:before, .navigation-post .next-prev-nav a:after{
		font-size: 18px;
	}
	.banner-page h1,
	.blog-single .entry-header .entry-header-text h1{
		font-size: 32px;
	}
	.post-item .box.box-vertical {
		display: block;
	}
	.post-large .post-item .box .box-text .post-title a {
		font-size: 22px;
		-webkit-line-clamp: 2;
	}
	.post-item .box.box-vertical .box-image {
		margin-bottom: 16px !important;
	}
	.is-divider.divider {
		margin: 30px auto 30px !important;
	}
	ul.nav-pagination li > * {
		width: 42px;
		height: 42px;
		font-size: 16px;
		font-weight: 500;
	}
	ul.nav-pagination {
		gap: 10px;
	}
	ul.nav-pagination li a.next, ul.nav-pagination li a.prev {
		width: 42px;
	}
	ul.nav-pagination li a.next i, ul.nav-pagination li a.prev i {
		font-size: 24px;
	}
	.tabbed-content li a,
	.tabbed-content2 li a,
	.menu-dichvu.ux-menu .ux-menu-link a{
		font-size: 16px;
		padding: 10px 10px !important;
	}
	.tabbed-content .nav {
		gap: 8px;
	}
	.searchform .submit-button i {
		font-size: 18px !important;
	}
	.wpcf7-form .form-group input, .wpcf7-form .form-group select,.select-group span,
	.select-group ul li,
	.banner-style2 .col-banner-number .col-inner .item p,
	.number-style1 .col-inner .item p,
	.wpcf7-form .form-group textarea{
		font-size: 16px;
	}
	.ss-global{
		padding-bottom: 30px;
	}
	.tab-style1 ul li a {
		padding: 12px 16px;
		font-size: 16px;
	}
	.tab-style1 .tab-panels {
		padding: 16px 16px;
	}
	.entry-content h2{
		font-size: 22px;
	}
	.entry-content h3{
		font-size: 20px;
	}
	.form-group-upfile .col-inner {
		display: flex;
		flex-wrap: wrap;
	}
	.form-group-upfile .col-inner label {
		margin: 0 0 12px 0;
		padding-right: 0px;
		font-size: 16px;
	}
	.codedropz-upload-handler .codedropz-btn-wrap a,
	.wpcf7 .wpcf7-form-control-wrap{
		width: 100%;
		max-width: 100%;
	}
	.codedropz-upload-handler .codedropz-btn-wrap a{
		padding: 0 45px 0 15px;
	}
	.note-file{
		margin-top: 8px !important;
	}
	.form-tuyendung {
		margin-top: 30px;
	}
	.banner-style2 .col-banner-number .col-inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	.banner-style2 .col-banner-number .col-inner .item h3,
	.number-style1 .col-inner .item h3{
		font-size: 28px;
	}
	.img-founder .image-cover {
		padding-top: 450px !important;
	}
	.accordion .accordion-item a,
	.ss-founder .head h3{
		font-size: 18px;
	}
	.list-giaithuong .col-inner .content p {
		font-size: 16px;
	}
	.ss-founder .head h2 {
		font-size: 32px;
	}
	.ss-founder .img .image-cover{
		padding-top: 620px !important;
	} 
	.ss-founder .is-divider.divider {
		margin: 0 auto 0 !important;
	}
	.list-hanhtrinh .col:not(:last-child) .col-inner {
		margin-bottom: 40px;
	}
	.list-hanhtrinh .col-inner:before {
		width: 15px;
		height: 15px;
	}
	.list-hanhtrinh .col-inner:before, .list-hanhtrinh:before {
		left: 8px;
	}
	.list-hanhtrinh .col-inner {
		padding-left: 30px;
	}
	.list-hanhtrinh .col .col-inner {
		column-gap: 15px;
	}
	.ss-brands .content-head p {
		font-size: 16px;
		text-align: center;
		margin-bottom: 10px !important;
	}
	.list-brands .item .col-logo-brand img {
		max-width: 120px;
	}
	.list-brands .item .col-logo-brand .title-brand h2 {
		font-size: 20px;
	}
	.content-text-1 p {
		font-size: 16px;
	}
	.list-doingu .box .box-text h3 {
		font-size: 18px;
	}
	.list-doingu > .col:nth-child(odd){
		padding-right: 7.5px !important;
	}
	.list-doingu > .col:nth-child(even){
		padding-left: 7.5px;
	}
	.menu-dichvu.ux-menu .ux-menu-link a, .style-2.tab-3 .nav li a {
		font-size: 18px;
	}
	.tabbed-content .nav-pills li a span::before {
		font-size: 36px;
	}
	.tab-has-banner .entry-content .banner .banner-layers {
		padding: 15px;
	}
	.tab-has-banner .entry-content .banner .banner-layers .text-box h3,
	.table-banggia td:last-child{
		font-size: 18px;
	}
	.tab-has-banner .entry-content .banner .banner-layers .text-box,
	.table-banggia td, .table-banggia th{
		font-size: 16px;
	}
	.content-furniture h2 {
		font-size: 38px;
	}
	header .stuck #logo img {
		max-height: 70px !important;
	}
	.list-giaithuong .col-inner {
		flex-wrap: wrap;
	}
	.list-giaithuong .col-inner .img{
		margin-top: 20px;
	}
	a.button.white.is-link.button-has-border{
		text-align: left;
	}
	.ss-global-white{
		padding: 30px 0 0 !important;
	}
	.ss-global-white .section-bg,
	.ss-global-style{
		border-radius: 24px 24px 0 0;
	}
	.ss-global-white {
		margin-top: -75px;
	}
	.wpcf7-form .wpcf7-submit{
		min-height: 60px !important;
		line-height: 60px !important;
		padding: 0 64px 0 25px !important;
	}
	.wpcf7-form .form-submit i{
		right: 8px;
	}

	.mb-vertical .post-item .box{
		display: flex !important;
		gap: 0 !important;
	}
	.mb-vertical .post-item .box .box-image{
		width: 100%;
		max-width: 150px;
		margin: 0 !important;
	}
	.mb-vertical .post-item .box .box-text{
		padding: 0 0 0 15px !important;
	}
	.mb-vertical .post-item,
	.post-large .post-item{
		padding-bottom: 0
	}
	.mb-vertical .post-item:not(:last-child) .box,
	.mb-post-large .post-item .box,
	.mb-vertical.orther .post-item:last-child .box,
	.post-sidebar aside .recent-blog-posts-li:not(:last-child){
		border-bottom: 1px solid #d5d5d5;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.vertical-small .post-item .box.box-vertical .image-cover{
		padding-top: 75% !important;
	}
	.post-large .post-item .box-text .from_the_blog_excerpt{
		display: none !important;
	}
	.post-large .post-item .box-normal .box-image {
		margin-bottom: 16px;
	}
	.post-large .post-item .box-normal .box-text .post-title a {
		margin-bottom: 0px !important;
	}
	.post-item .meta-time {
		margin: 5px 0 0;
	}
	ul.nav-pagination {
		margin: 30px 0 30px;
	}
	.blog-single .entry-header .entry-meta{
		font-size: 14px;
	}
	.post-sidebar aside .widget-title {
		font-size: 26px;
	}
	.post-sidebar aside .recent-blog-posts-li .recent-blog-posts .mr-half{
		max-width: 150px;
		width: 100%;
	}
	.post-sidebar aside .recent-blog-posts-li .recent-blog-posts .mr-half .badge{
		width: 100%;
		height: 112.5px;
	}
	.post-sidebar aside .recent-blog-posts-li .recent-blog-posts {
		column-gap: 15px;
	}
	.post-sidebar aside .recent-blog-posts-li .recent-blog-posts a{
		font-size: 18px;
		line-height: 1.4;
	}
	.post-sidebar aside:not(:last-child) {
		margin-bottom: 30px;
	}
	.text-stroke > *{
		font-size: 40px;
	}
	.block-btn-seemore .button {
		height: 48px;
		line-height: 48px;
		font-size: 16px;
	}
	.block-btn-seemore {
		margin-top: 0px;
	}
	.tabbed-content .nav,
	.tabbed-content2 .nav{
		justify-content: center;
	}
	.ss-contact .banner {
		border-radius: 20px;
	}
	.ss-contact .banner .banner-layer {
		padding: 20px 15px;
	}
	.ss-contact .banner .title-ss-contact * {
		font-size: 34px;
	}
	.res-text {
		font-size: 16px;
	}
	.ss-contact .banner a.button{
		width: 100%;
	}
	.wpcf7-form .form-group input, 
	.wpcf7-form .form-group select,
	.select-group span{
		padding: 8px 12px !important;
	}
	.wpcf7-form .form-group input {
		padding-top: 35px !important;
	}
	.wpcf7-form .form-group .col-inner label {
		left: 12px;
	}
	.select-group ul li {
		padding: 10px 2px;
	}
	.select-group span:before {
		right: 5px;
	}
	.wpcf7-form .form-group textarea {
		padding: 10px 12px !important;
	}
	.block-content-head .short-description, .content-project {
		font-size: 16px;
	}
	.content-project {
		margin-top: 20px;
	}
	.list-album-duan a {
		margin-bottom: 15px;
	}
	.project-item .col-inner .box a:before{
		content: '';
		background: transparent;
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		z-index: 1
	}
	.slide-duan.slick-slider .slick-list {
		padding: 0 20% 0 0% !important;
	}
	.project-item .col-inner .box:hover .box-text{
		opacity: 1;
		visibility: visible;
	}
	.tab-style2.tabbed-content .nav li a{
		justify-content: center !important;
		align-items: center
	}
	.tabbed-content .nav-pills li a{
		font-size: 0
	}
	.tabbed-content .nav-pills li{
		aspect-ratio: 1/1;
		flex-basis: 20%;
	}
	.tabbed-content .nav-pills{
		justify-content: space-between;
	}
	.tabbed-content .nav-pills li a{
		border-radius: 10px;
		padding: 0 !important;
		width: 100%;
		height: 100%;
	}
	.tabbed-content .nav-pills li a span::before{
		content: "0" counter(item);
		font-size: 22px;
		margin: 0;
	}
	.tab-has-banner .entry-content .banner .banner-layers .text-box ul {
		font-size: 16px;
	}
	.ss-tieuchi .text-label {
		font-size: 22px;
		margin-bottom: 15px !important;
	}
	.ss-duandatgiai .banner .banner-inner .text-box-content h2 {
		font-size: 28px;
		line-height: 1.5;
	}
	.ss-duandatgiai .banner .banner-inner .text-box-content p {
		font-size: 16px;
		line-height: 1.5;
	}
	.ss-duandatgiai .banner .banner-inner .text-box-content a.button {
		padding: 3px 95px !important;
	}
	.list-giaithuong .col .col-inner a.button{
		opacity: 1 !important;
		visibility: visible !important;
		justify-content: center;
	}
	.list-giaithuong .col .col-inner{
		grid-template-columns: 40px 1fr;
		grid-template-rows: auto auto auto;
		gap: 0px 25px;
	}

	.list-giaithuong .col .col-inner .year{
		grid-column: 1;
		grid-row: 1;
	}

	.list-giaithuong .col .col-inner .content{
		grid-column: 2;
		grid-row: 1;
	}

	.list-giaithuong .col .col-inner > .img{
		grid-column: 1 / span 2;
		grid-row: 2;
	}

	.list-giaithuong .col .col-inner > a.button{
		display: flex;
		grid-column: 1 / span 2; 
		grid-row: 3;
	}
	.tabbed-content.tab-style3 .nav {
		flex-basis: 100%;
		max-width: 100%;
	}
	.tabbed-content.tab-style3 .tab-panels {
		flex-basis: 100%;
		max-width: 100%;
	}
	.accordion .accordion-item a {
		padding: 12px 30px 12px 35px !important;
		color: #464646;
		font-size: 16px;
	}
	.accordion .accordion-title.active{
		color: var(--fs-color-primary);
	}
	.accordion .accordion-item a:before{
		content: '0' counter(item) '.' !important;
	}
	.accordion .accordion-item:first-child a{
		border-top: 0;
	}
	.accordion.style2 .accordion-item a {
		font-size: 18px;
	}
	.tabbed-content li a{
		text-align: center;
	}
	.tab-style2.tabbed-content .nav {
		gap: 10px;
	}
	.content-giaithuongnoithat h3 {
		font-size: 20px;
	}
	.list-camket .icon-box{
		align-items: center;
		margin-bottom: 10px;
	}
	.list-camket .icon-box h3{
		margin: 0 !important
	}
	.list-camket .icon-box .icon-box-img{
		margin: 0 0 12px !important;
		width: 50px !important;
		height: 50px !important;
	}
	.list-camket .icon-box .icon-inner svg{
		padding: 0;
		object-fit: contain;
		width: 45px;
		height: 50px;
	}
	.col-center-mb .col-inner{
		text-align: center;
	}
	.ss-timeline .content h3 {
		font-size: 38px;
		margin: 0px 0 10px;
	}
	.ss-timeline .content h2 {
		font-size: 42px;
		margin: 0 0 15px;
	}
	.ss-timeline .galary-img .flickity-button{
		display: none !important;
	}
	.ss-timeline .list-timeline .icon-box-text p {
		font-size: 16px;
	}
	.ss-kiluat .text-title-1 h3 {
		font-size: 56px;
	}
	.ss-kiluat .text-title-1 h3::after {
		width: 100%;
		top: -8px;
	}
	.ss-kiluat .text-title-2 h2 {
		font-size: 70px;
	}
	.ss-kiluat .content h3 {
		font-size: 20px;
	}
	#fullpage .section.fp-section,
	#fullpage .section.fp-section .fp-tableCell{
		height: unset !important;
	}
	body.home .title-section h2 {
		font-size: 32px;
	}
	a.button.style3 {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		padding-right: 80px !important;
	}
	a.button.style3 i{
		width: 40px;
		height: 40px;
		position: absolute;
		right: 14px;
		top: 50%;
		transform: translateY(-50%) rotateZ(135deg);
		font-size: 22px;
	}
	.fz-18 {
		font-size: 16px;
	}
	.slide-center-mode-1 .slick-list,
	.galary-aboutus .col-inner .slick-list{
		padding: 0 25% 0 0 !important;
	}
	.post-home .slick-list{
		padding: 0 20% 0 0 !important;
	}
	.album-mb .col{
		padding: 0 !important;
	}
	.album-mb .col .col-inner{
		padding-right: 20px !important;
	}
	.list-dichvu .banner .text-box-content h3 {
		font-size: 20px;
		line-height: 1.5;
	}
	.list-dichvu .banner .text-box{
		left: 25px !important;
	}
	.duan-tieubieu .project-item .col-inner .box .image-cover{
		padding-top: 150% !important
	}
	.post-home{
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	.post-home .col{
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-bottom: 0 !important;
	}
	.post-home .col.post-item .box .box-text .box-text-inner {
		padding: 24px 12px 5px;
	}
	.post-home .col.post-item .box .image-cover{
		padding-top: 75% !important;
	}
	.ss-contact-home .row-banner-mb{
		margin: 0 !important;
	}
	.ss-contact-home .row-banner-mb .col-inner{
		border-radius: 32px;
		overflow: hidden;
		background: #fff;
		padding: 8px;
	}
	.ss-contact-home .row-banner-mb .col-inner .banner{
		border-radius: inherit;
	}
	.ss-contact-home .row-banner-mb .col-inner .banner h2{
		margin: 0 0 15px;
		font-size: 35px;
	}
	.ss-contact-home .row-banner-mb .col-inner .banner .banner-layer{
		padding: 80px 10px !important
	}
	.ss-contact-home.ss-contact .row-banner-mb .banner a.button{
		width: auto;
	}
	a.button.rotate90 {
		transform: rotate(0deg);
	}
	.ss-banner-home .row-banner-mobile h2{
		color: #fff;
		font-size: 30px;
		line-height: 1.5;
	}
	.list-banner-bottom .list .col-inner .icon-box{
		justify-content: start;
		width: 100%;
	}
	.list-banner-bottom .list .col-inner .icon-box .icon-box-text{
		font-size: 10px;
		text-align: left;
	}
	.img-hero-thicongtho .img-inner {
		padding-top: 165px !important;
	}
	.tab-style2.tab-6 .nav {
		gap: 8px;
	}
	.ss-footer .menu-footer .ux-menu-link__link{
		border: none !important;
		justify-content: center;
		font-weight: 500;
		font-size: 18px;
		padding: 5px 0 !important
	}
	.banner-page.fouder .bg-fill{
		background-position: 35% 50%;
	}
	.ss-timeline .list-timeline .icon-box-text {
		margin-top: 3px;
	}
	.ss-timeline .list-timeline .icon-box-text p{
		line-height: 1
	}
	.ss-timeline .list-timeline:before {
		top: calc(50% - 12px);
	}
	.col-listtimeline{
		transform: translateY(calc(-50% + 12px));
	}
	.ss-timeline .list-timeline .slick-slide:not(.slick-current) .icon-box-img {
		transform: scale(1);
	}
	.list-timeline.row.row-small{
		margin-left: -3px !important;
		margin-right: -3px !important;
	}
	.list-timeline .col{
		padding: 0 3px 0 !important;
	}
	.ss-timeline .list-timeline .icon-box img {
		padding: 4px;
	}
	.list-timeline .slick-list{
		padding: 0 8% 0 0 !important;
	}
	.ss-contact.ss-contact-home .banner .banner-layer{
		padding-top: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.galary-aboutus .col-inner{
		display: block;
	}
	.galary-aboutus .col-inner .img.active {
		flex: 1;
	}
	.galary-aboutus .col-inner .img .image-cover{
		padding-top: 75% !important;
	}
	.galary-aboutus .col-inner .slick-list .slick-slide{
		margin-right: 10px;
	}
	.col-left-mb .col-inner{
		text-align: left;
	}
	.col-flex .col-inner{
		display: block;
	}
}

@media(min-width: 1420px) and (max-width: 1460px){
	#fp-nav.fp-show-active.right {
		right: 5px !important;
	}
}
@media(min-width: 849.1px) and (max-width: 1419.9px){
	#fp-nav.fp-show-active.right {
		right: 5px !important;
	}
	#fullpage > .section:not(.ss-banner-home):not(.duan-tieubieu):not(.ss-contact-home),
	.ss-contact.ss-contact-home .banner .banner-layer{
		padding-right: 60px !important
	}
	body.home .title-section h2 {
		font-size: 42px;
	}
	.list-giaithuong .col-inner .content h3, .list-hanhtrinh .col-inner .content h3 {
		font-size: 16px;
	}
	.list-giaithuong .col .col-inner {
		grid-template-columns: 40px 2fr;
	}
	.list-giaithuong .col .col-inner a.button{
		grid-column: 2;
		grid-row: 2;
		justify-content: start;
		opacity: 1;
		visibility: visible;
	}
	.list-giaithuong .col:not(:last-child) .col-inner{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.home-giaithuong .section-content{
		padding-top: 70px;
	}
	.project-style2 .item:first-child.hover .post-title {
		width: 80%;
	}
	.project-style2 .item:first-child.hover .post-title{
		padding-left: 55px;
	}
}