/*
Theme Name: Web2s.vn
Description: W2s Team developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
.w2steam a{
	color: #FF4D00;
}
.w2steam {
	padding-left: 5px;
	margin-left: 5px;
	border-left: 1px solid;
}
#header-contact li a span{color: #50b948;text-transform: none;font-size:14px}
#top-bar{margin-bottom: -20px;
	background: transparent !important;
	padding-top: 10px;}
#header-contact .icon-envelop:before, #header-contact .icon-phone:before{color:#50b948}
#header-contact .icon-search:before {
	color: #989898;
}
.list-post .post-item .box-text p{font-size:14px}
.box-blog-post .is-divider{display:none}
.list-post .post-item .post-title{margin-bottom:10px}
.list-post .post-item .post-title:hover{color:#50b948}
.list-post .post-item .post-title{color:#003463}
.post-item .box-blog-post:hover .box-image:before{
	-webkit-animation:shine .75s;
	animation:shine .75s}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.post-item .box-image::before{
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea{    font-size: 14px;
	border-radius: 4px;
	box-shadow: none;}
input[type='submit']{margin: 0;
	border-radius: 5px;
	font-size: 14px;
}
.footer-section .col{padding-bottom:0}
.footer-secondary {
	padding: 0;
}
a.back-to-top{background: #6b0002 !important; border: none !important; color:white}

.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{padding:0; border: none}
.nav-dropdown>li{border-right: none !important}
.nav-dropdown>li>a{padding:10px 15px; color:#777 !important}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.header-nav li.nav-dropdown-col >ul{
    border: 1px solid #eee;
}
#breadcrumbs {
	margin-top: 20px;
	color: #b70105;
	background: #f7f7f7;
	margin-bottom: 20px;
	padding: 6px 15px;
	display: block;
	width: 100%;
	font-size: 15px;
	font-family: "roboto condensed",sans-serif;
	border: 1px solid #e8e8e8;
}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
	margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul li a{color:#888 !important}

.nav-dropdown .nav-dropdown-col>ul{border:none;margin-top:-39px;box-shadow: none;display:none;position: absolute;
	left: 100%;z-index: 9;background: #fff;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.stuck .header-main .nav-dropdown{margin-top:0px !important} 
.nav-dropdown{margin-top:-15px}
.absolute-footer{font-size:14px}.page-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}.entry-content {
	padding-top: 0;
	padding-bottom: 0;
}.is-divider{display:none}h1.entry-title{text-align:left}
.widget .menu{border: 1px solid #ececec;}
.widget .menu li a:hover{background-color:#f3f3f3}
.widget .menu li a{font-size: 15px;
	display: block;
	padding: 8px 10px;
	background-image: url(/wp-content/uploads/2019/05/check@2x.png);
	background-repeat: no-repeat;
	background-size: 11px;
	background-position-y: 14px;
	background-position-x: 9px;
	padding-left: 30px;}
span.widget-title {
    display: block;
    background: #363636;
    padding: 12px;
	font-size: 18px;
    letter-spacing: 0;
    color: white;
    border-radius: 5px 5px 0 0;
}
.blog-archive .large-3{padding-right:0}
.blog-archive .page-title{
	margin-bottom: 25px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 12px;
    letter-spacing: 0;
    background: #363636;
}
.blog-archive .post-item .post-title{font-size: 16px;
	margin-bottom: 7px;}
.blog-archive .chu-dau-tu{    background: #000000bf;
	padding: 4px 10px;
	border-radius: 4px;
	margin-bottom: 10px;
	display: block;
	position: absolute;
	margin-top: -76px;
	margin-left: 6px;
	color: #cccccc;
	font-size: 14px;}
.blog-archive .loai-hinh-du-an{color:#50b948}
.blog-single .danh-muc{margin-bottom:5px}
.blog-single .the-tim-kiem a:hover{background: #50b948; color:white}
.blog-single .the-tim-kiem a{background: #e4e4e4;
	padding: 2px 10px;
	border-radius: 3px;}
.blog-archive .post-item .from_the_blog_excerpt {font-size:14px}
.blog-single .entry-meta{    text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	color: gray;}
.blog-single .blog-share{text-align:left; margin-top:15px}
.blog-single .blog-share a{border:none}
.blog-single .article-inner p,.blog-single .article-inner ul {font-size:16px; margin-bottom:15px}
.blog-single .article-inner ul{margin-left:20px}
.blog-single h1.entry-title {
	text-align: left;
	font-size: 27px;
	font-weight: 500;color: #003463;}
.blog-single .entry-category {display:none}
.thong-tin-du-an h2{font-size: 22px;
	color: #50b949;
	font-weight: normal;
}
.thong-tin-du-an table td{    color: black;
	font-size: 15px;
	line-height: 26px;}
.thong-tin-du-an{
	border: 1px solid white;
	padding: 20px;
	border-radius: 4px;
	background: white;
	box-shadow: 2px 2px 16px #0000001f;
	margin-bottom:20px
}
.thong-tin-du-an ul
.thong-tin-du-an table p, .thong-tin-du-an p, .thong-tin-du-an ul{line-height:26px; font-size:15px !important; color:black}
.blog-single .entry-header-text {
	padding-bottom: 15px;

}
.thong-tin-du-an .anh-dai-dien img{width:100%; object-fit: cover; object-position:center; border-top-left-radius:10px; border-top-right-radius:10px}
.blog-archive .post-item .image-cover{border-radius:4px}
.blog-single .large-3{padding-right:0}
.blog-single{padding-top:20px}
.blog-archive .post-item .post-title:hover{color:#3fb846}
.blog-archive .post-item{padding-bottom:20px}
.page-template-page-blank-title-center #content{ padding-bottom: 20px;}
.duong-dan{margin-left: 15px;
	margin-right: 15px;}
.blog-archive .large-9 .badge{display:none}
.blog-single .article-inner h2{font-size:22px}
.blog-single .article-inner h3{font-size:20px}
.blog-single .article-inner h4{font-size:18px}
.blog-single .article-inner h5{font-size:16px}
.bai-viet-lien-quan ul{display:inline-block; width:100%}
.bai-viet-lien-quan ul li{width:33.33%; padding-left:7px; padding-right:7px; display:inline-block; float:left}
.bai-viet-lien-quan ul {margin-left:0 !important}
.bai-viet-lien-quan ul li img{border-radius:4px}
.bai-viet-lien-quan .tieu-de{    display: block;
	margin-top: 10px;
	line-height: 23px;
	font-size: 16px;
	font-weight: 500;}
.bai-viet-lien-quan .tieu-de:hover{color:#50b948}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	padding-left: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 16px;
	text-transform: none;
	color: white;
}
.nav-dropdown .group-menu ul{min-width:500px !important}
.nav-dropdown .cot-menu{width:33.33%; float:left; display:inline-block}
.header-main .header-nav>.menu-item:first-child {
	border-left: 1px solid #444;
}
.header-main .header-nav>.menu-item {
	border-right: 1px solid #444;
	margin: 0;
}
.header-main .header-nav>.menu-item a.nav-top-link{
	padding: 0 1.3rem;
	align-items: center;
	justify-content: center;
	height: 100%;
	line-height: 70px;
	transition: .5s;
	text-transform: uppercase;
}
.header-main .header-nav .menu-item:hover>a,.header-main .header-nav .menu-item.active>a{
	color: #d50004 !important;
}
.title_home h3{
	font-size: 30px;
	text-transform: uppercase;
	color: #6b0002;
}
.ss_duan .tabbed-content li.tab.active a{
    color: #6b0002;
}
.title_home p{
	font-size: 16px;
	letter-spacing: 1px;
	color: #666;
	text-transform: capitalize;
}
.ss_dichvu .col-inner>p{
	text-align: center;
	padding-bottom: 25px;
	margin-bottom: 25px;
	position: relative;
}
.ss_dichvu .col-inner>p i{
	color: #6b0002;
	font-size: 50px;
}
.ss_dichvu .col-inner>p:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	height: 1px;
	width: 2rem;
	background-color: #d4d4d4;
}
.ss_dichvu .col-inner h4.title{
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
}
.ss_hotline .section-content .col,
.ss_tuvan .section-content .col,
.ss_ykien .section-content .col{
	padding-bottom: 0;
}
.ss_hotline .section-content h2.title,
.ss_tuvan .section-content h2.title{
	text-transform: uppercase;
	margin-bottom: 25px;
}
.ss_hotline .section-content .button.hotline{
	color: #fff;
	text-transform: capitalize !important;
	font-size: 18px;
}
.ss_duan .tabbed-content li.tab{
	text-transform: capitalize;
	font-size: 20px;
	margin: 0;
}
.ss_duan .tabbed-content li.tab:after{
	content: "/";
	display: inline-block;
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
.ss_duan .tabbed-content li.tab:last-child:after{
	display: none;
}
.ss_duan .post-item .box-blog-post{
	overflow: hidden;
}
.ss_duan .post-item .box-text{
	transform: translatey(200%);
}
.ss_duan .post-item .box-blog-post:hover .box-text{
	transform: translatey(-50%);
}
.ss_duan .title-link {
	font-size: 24px;
	color: #252525;
	position: relative;
	display: inline-block;
	padding-bottom: .5rem;
	text-transform: capitalize;
	margin-top: 20px;
}
.ss_duan .title-link:before,
.ss_doitac .title_home h3:before{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	width: 100%;
	max-width: 11.25rem;
	padding-top: .25rem;
	border-top: 1px solid #252525;
	border-bottom: 1px solid #252525;
}
.ss_tuvan .section-content .ctrl a:hover{
	color: #D69755;
	text-shadow: 0 0 2px #D69755;
}
.ss_vechungtoi .section-content h3.title{
	font-size: 22px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: normal;
}
.ss_vechungtoi .section-content .col-inner p.sum{
	letter-spacing: 1px;
	font-size: 15px;
}
.ss_ykien .bg-loaded{
	background-attachment: fixed;
}
.ss_ykien .testimonial-box .testimonial-text{
	margin-bottom: 2.5rem;
	line-height: 1.3;
	display: flex;
	color: #fff;
	justify-content: center;
	text-align: center;
	font-size: 1.5rem;
	text-transform: capitalize;
}
.ss_ykien .testimonial-box .testimonial-text:after,
.ss_ykien .testimonial-box .testimonial-text:before {
	font: 1.5rem FontAwesome;
	flex: 0 0 2.5rem;
	max-width: 2.5rem;
}
.ss_ykien .testimonial-box .testimonial-text:before {
	content: "\f10d";
	text-align: left;
}
.ss_ykien .testimonial-box .testimonial-text:after {
	content: "\f10e";
	text-align: right;
}
.ss_ykien .testimonial-box .testimonial-meta{padding: 0;}
.ss_ykien .testimonial-box .flickity-page-dots{bottom: auto;}
.ss_doitac .title_home h3{
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.footer-section h4{
	margin-bottom: 20px;
}
.footer-section p,.footer-section ul li{
	color: #c0c0c0;
	letter-spacing: 1px;
	font-size: 15px;
	text-align: justify;
}
.footer-section .btn_hotline{
	color: #f00 !important;
	box-shadow: none;
}
.footer-section .chat-zalo{
	color: #2196f3 !important;
	box-shadow: none;
}
.footer-section .wpcf7-form>p{
	text-align: center;
}
.footer-section input[type='submit']{
	background: #D69755 !important;
}
.logo-left .logo{
	background: #fff;
}
.logo-left .logo img{
	margin: auto;
}
.dichvu_page .box-text-bottom{

}
.dichvu_page .box-text-bottom .box-image a:after,
.dichvu_page .box-text-bottom .box-image a:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: rgba(51,51,51,0.2);
	border: 2px solid #fff;
	z-index: 8;
	transition: .5s;
	width: 100%;
	height: 100%;
}
.dichvu_page .box-text-bottom:hover .box-image a:before{
	width: 370px;
	height: 80px;
	background: rgba(51,51,51,0.4);
	box-shadow: 0 0 5px #fff;
	border-radius: 10px;
	z-index: 9;
}
.dichvu_page .box-text-bottom .box-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 0;
	width: 370px;
	height: 80px;
	display: flex;
	align-items: center;
	z-index: 10;
}
.dichvu_page .box-text-bottom .box-text h4 a{
	text-transform: capitalize;
	color: #fff;
	font-size: 20px;
	padding: 10px;
}
.dichvu_page .box-text-bottom{
	height: 400px;
}
.dichvu_page .box-text-bottom .box-image,
.dichvu_page .box-text-bottom .box-image *{
	height: 100%;
}
.img_sigle{margin-bottom: 50px}
.img_sigle img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.widget_categories>ul{
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
}
.widget_categories>ul>li>a{
    text-transform: capitalize;
    font-size: 17px;
}
.featured-title .page-title-bg{
    background: url(/wp-content/uploads/2020/07/d64a6744d34b889bb26e047499fa010d.png)
}
.page-title-inner .entry-category a{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
}
.page-title-inner .entry-category a:hover{
    text-decoration: underline;
}
.page-title-inner h1{
    text-transform: capitalize;
    font-size: 28px;
}
.thong-tin-du-an h3,.thong-tin-du-an .box-thong-tin strong{color: #8b0103;}
.ss_doitac .flickity-viewport{
    box-shadow: 0 0 10px #ddd;
    border-radius: 5px;
}




@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.w2steam{
		display: block;
		border-left: 0;
	}
	.nav-sidebar.nav-vertical>li>a {
    text-transform: uppercase !important;
}
	.off-canvas .sidebar-menu {padding: 0;}
	.off-canvas-left.mfp-ready .mfp-content{background:#333;}
	.nav-sidebar.nav-vertical>li+li .icon-angle-down:before{color:white}
	.mfp-content .nav .active>.children li ul li a{color:#bdbdbd}
	.mfp-content .nav .active>.children li a{padding-top:4px !important; padding-bottom:4px !important; font-size:15px}
	.nav-dropdown.nav-dropdown-simple li.html, .nav-dropdown.nav-dropdown-bold li.html {padding: 5px;}
	.mfp-content .nav-sidebar-ul{margin-bottom:0 !important;}
	.mfp-content .nav.active>.children{ background: #002444;}
	.ux-logo{width:50% !important}
	.list-post .post-item .from_the_blog_excerpt {display:none}
	.list-post .post-item .post-title {margin-bottom: 10px;font-size: 15px;}
	.footer-section .col {padding-bottom: 10px;}
	.blog-archive .large-3 {padding-right: 15px;}
	.bai-viet-lien-quan ul li{width:50%}
	.bai-viet-lien-quan .tieu-de{font-size:14px; line-height:20px}
	.thong-tin-du-an ul{margin-left:0 !important}
	.header-main .nav > li > a {
		font-size: 20px;
		font-weight: bold;
		color: #9E5758  !important;
		text-transform: none;
	}
	.title_home h3 {font-size: 26px;}
	.dichvu_page .box-text-bottom .box-text{width: 80%;height: 90px;}
	.dichvu_page .box-text-bottom .box-image a:before{
		width: 80%;
		height: 90px;
		background: rgba(51,51,51,0.4);
		box-shadow: 0 0 5px #fff;
		border-radius: 10px;
		z-index: 9;
	}
	.dichvu_page .box-text-bottom {
		height: 300px;
	}
}