/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/


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


@font-face {
	font-family: 'UTM Avo';
	src: url('/wp-content/themes/spa/UTM Avo.eot');
	src: local('UTM Avo'), 
		url('/wp-content/themes/spa/font/UTM Avo.woff') format('woff'), 
		url('/wp-content/themes/spa/font/UTM Avo.svg') format('svg'), 
		url('/wp-content/themes/spa/font/UTM Avo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'UTM AvoBold';
	src: url('/wp-content/themes/spa/font/UTM AvoBold.eot');
	src: local('UTM AvoBold'), 
		url('/wp-content/themes/spa/font/UTM AvoBold.woff') format('woff'), 
		url('/wp-content/themes/spa/font/UTM AvoBold.svg') format('svg'), 
		url('/wp-content/themes/spa/font/UTM AvoBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.nav > li > a {font-family:  "UTM Avo", sans-serif;text-transform: none; font-weight:bold; font-size: 14px}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "UTM Avo"; text-transform: none; font-weight: bold}
.alt-font{font-family: "UTM Avo", sans-serif;}


.header-bottom {background: #156953;
	border: none;
	margin-bottom: 0;
	background-size: 100% 100%;}
.nav-spacing-large>li{margin:0}
.nav-spacing-large>li a{padding-left: 12px; padding-right: 12px; line-height:23px}
.nav-spacing-large>li a:hover{background: #419a00; color: white}
.header:not(.transparent) .header-bottom-nav.nav > li.active > a{background: #419a00; border-bottom: 1px solid #227447; color: white}.header:not(.transparent) .header-bottom-nav.nav > li > a:hover{color: white}
.nav-dropdown{padding: 10px 0 0px;border: 0px solid #ddd;    color: #1b1b1b;}
.nav-dropdown>li>a, .nav-column>li>a{color: #1a6e4f; line-height: 18px; font-size: 14px}
.nav-dropdown>li>a:hover, .nav-column>li>a:hover{color: white}
.nav-dropdown.nav-dropdown-simple>li>a:hover, .nav-column>li>a:hover{background: rgb(21, 105, 83); }
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a{color: #419a00;font-size: 14px}.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover{background:#419a00}
.block-title{background: url("/wp-content/uploads/2018/06/line.png") no-repeat 50% 100%;     padding: 15px 0 20px; margin-bottom:20px}
.box-text .button{font-weight: normal;
	text-transform: none;
	font-size: 13px;
	border-radius: 4px;}
.cau-chuyen .row .col .post-item .box-text {background: linear-gradient(to right, rgb(21, 105, 83), #0f943e, rgb(119, 176, 38), rgb(78, 154, 0));}
.cau-chuyen .row .col .post-item .box-text p{font-size: 15px;
	color: #97d851;}
.post-item .box-text .post-title{color: #156953;
	margin-bottom: 10px;
	font-family: "UTM Avo", sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 23px;}
.box-blog-post .is-divider{display:none}
.cau-chuyen .row .col .post-item .post-title{margin-bottom: 30px;
	color: white;
	font-family: "UTM Avo", sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 24px;}
.video .row .col .post-item .box-text{border-bottom: 5px solid #419a00;
	padding-bottom: 3px; text-align:center}
.khuyen-mai .row .col .post-item .box-vertical{    border-bottom: 5px solid #419a00;}
.footer2-nav ul{margin-bottom: 0;max-width: 1200px; margin: 0 auto}
.footer2-nav{display: flex;
	border-top: 2px solid #156953;
	margin-bottom: 0;
	background:#1a8065}
.footer2-nav ul li{float: left; list-style: none; margin-bottom:0}
.footer2-nav ul li a{padding-left: 15px;
	line-height: 40px;
	color: #ffffff;
	font-family: "UTM Avo", sans-serif;
	font-weight: normal;
	padding-right: 15px;
	font-size: 13px;
	text-transform: uppercase;}
.footer2-nav ul li a:hover{background: #156953;     padding-top: 10px; padding-bottom: 10px;}
.footer-section .cot4 .sidebar-wrapper .widget_nav_menu{margin-left:0}
.footer-section .cot4 .sidebar-wrapper .widget_nav_menu li{    list-style: square;
	color: #419a00;}
.footer-section .cot4 .sidebar-wrapper .widget_nav_menu li a{font-size: 14px; color:white}

.footer-section .cot4 .sidebar-wrapper .widget_nav_menu li a:hover{color: #d8d8d8}
.nhan-tin .row .col, .entry-header-text{padding-bottom: 0}
.nhan-tin .row .col p, form{margin-bottom:0}
.nhan-tin .form-flat input:not([type="submit"]){    border-radius: 4px;
	background-color: rgb(255, 255, 255);
	border-color: rgb(65, 154, 0);}
.nhan-tin input[type='submit']:not(.is-form){border-radius: 4px;
	background: #419a00;
	text-transform: none;
	font-weight: normal;
}
.tin-tuc .post .cot1 .post-item .post-title{margin-bottom:10px; font-size: 20px; text-transform:uppercase; line-height:32px}
.tin-tuc .post .cot2 .col{padding-bottom:19px}
.tin-tuc .post .cot1 .post-item .box-text{padding-left:10px; padding-right:10px}
.tin-tuc .row .col, .tin-tuc .post .cot1 .post-item .box-text, .tin-tuc .post .col{padding-bottom:5px}
.tin-tuc .post .post-item .box-text{background:white; padding-left:5px; padding-right:5px; padding-bottom:2px}
.cau-hoi .accordion-title.active, .accordion-title{font-family: "UTM Avo", sans-serif;
	font-weight: bold;
	color: #ffffff;
	background: #156953;
	margin-bottom: 7px;}
.accordion-inner{   background: #419a00;
	margin-bottom: 7px;
	color: white;}.accordion-title span, .toggle i{color:white;    font-size: 15px;
		text-transform: uppercase;}
.menu-floatright {
	width: 100px;position: fixed;
	top: 35%;
	right: 0;
	z-index: 99999
}
.menu-floatright #toggle_social {
	position: absolute;
	right: 0px;
}
.menu-floatright ul {
	padding: 0;
}
.menu-floatright #toggle_social ul li {
	position: relative;
	border-radius: 3px;
	border: 1px solid #fff;     list-style: none;
	margin-bottom: 10px;
}
.menu-floatright #toggle_social ul li img {
	width: 57px;border-radius: 5px;
}
.menu-floatright #toggle_social ul li .toggle_social-des {
	font-size: 9px;
	text-align: center;
	color: #fff;
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 5%;
	margin-bottom: 0;
}
.menu-floatright #back_to_top {
	border: 1px solid #fff;
	width: 57px;
	height: 57px;
	background: #F7C15F;
	border-radius: 5px;
}
.menu-floatright #back_to_top a {
	display: block;
	text-align: center;
	color: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	font-size: 26px;
}
.menu-floatright #toggle_social ul li .toggle_social-des {
	font-size: 9px;
	text-align: center;
	color: rgb(255, 255, 255);
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 5%;
	margin-bottom: 0px;
}
.hidden-lg {
	display: none !important;
}
.menu-floatright .click-toggle_social {
	width: 30px;
	height: 30px;
	color: rgb(255, 255, 255);
	font-size: 24px;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0px;
	top: -40px;
	background: rgb(255, 204, 76);
	border-radius: 5px;
	transition: all 1s ease;
}
.blog-single .article-inner .entry-image img, .blog-single .badge.post-date{display:none}
.blog-single .article-inner .is-divider{height: 1px;    max-width: 100%;}
.duong_dan_breadcrumb{display: block; margin-bottom:10px}
.duong_dan_breadcrumb #crumbs{margin-bottom:0}
.duong_dan_breadcrumb #crumbs li{color: gray; display: inline-block; font-size: 14px;margin-bottom: 0;
	list-style: none;}
.duong_dan_breadcrumb #crumbs li a{    color: #419a00;font-size: 14px;padding-right: 5px}
.duong_dan_breadcrumb span{display: inline-block;
	font-size: 14px;
	color: #999;
	line-height: 1;
	padding-right: 7px;}
.duong_dan_breadcrumb li a {
	display: inline-block;
	white-space: nowrap;
	font-size: 14px;
	color: #288ad6;
	padding: 0 10px 0 0;
}
.info-tieu-de{margin-top: 10px;
	font-size: 14px;
	color: #8a8a8a;}
.meta-date-capnhat, .luot-xem{padding-right:13px}
.info-tieu-de a{color: gray}
.meta-related a{font-size: 15px; color:#419a00}
.entry-content{padding-top: 15px}
footer.entry-meta{font-size:15px}
footer.entry-meta a{color: #419a00}
footer.entry-meta .bottom-post-tag {
	display: block;
	margin-top: 10px;
}
footer.entry-meta .bottom-post-tag a {background: #419a00;
	padding: 5px 10px;
	border-radius: 4px;
	color: white;
}
footer.entry-meta .bottom-post-tag a:hover {
	background: #fac100;
	color: #b20000;}
.title-post-lien-quan {
	margin-top: 15px;
}
.list-news {
	display: inline-table;
}
.list-news li:first-child {
	width: 22%;
	margin-right: 15px;
	float: left;
	list-style: none;
	margin-left: 0;
}
.list-news li {
	width: 22%;
	margin-left: 15px;
	margin-right: 14px;
	float: left;
	list-style: none;
}
.list-news li:nth-child(4n+4) {
	width: 22%;
	margin-left: 15px;
	float: right;
	list-style: none;
	margin-right: 0;
}
.list-news li .item-list h4 {
	margin-top: 10px;
	line-height: 19px; font-size: 14px; font-family:"UTM Avo", sans-serif; font-weight: bold
}
.list-news .item-list h4 a{color: black;}
.blog-wrapper .large-8{padding-right:10px}
.blog-wrapper .large-4{padding-left:10px}
.article-inner .entry-content .row{margin-left:0; margin-right:0}
.section-slider, .section-body{padding-right:0 !important; padding-left: 0!important}
.section-body .cot4 .tieu-de{height: 40px;
	background: #156953;
	padding-left: 10px;
	color: white;
	padding-top: 9px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;}
.section-body .cot4 .sidebar-wrapper {
	background: #e3efcd;
}
.section-body .cot4 .sidebar-wrapper .widget_nav_menu ul li {
	list-style: circle;
	color: green;margin-left: 10px;
}
.form-lien-he{margin-bottom:20px;
	text-align: center;
	margin-top: 9px;
	border-radius: 4px;
	background:#156953; padding:20px}
.wpcf7 .wpcf7-form-control-wrap{text-align: left;}
.form-lien-he h3, .form-lien-he .wpcf7-list-item-label{color: white}
.form-lien-he input[type='submit']:not(.is-form) {
	margin: 0; border-radius: 4px; margin-top: 5px;
	background: #86c52e;}
.section-body .cot4 .sidebar-wrapper .widget_nav_menu ul li a{color:#156953}
.section-body .cot4 .tieu-diem .post-item {
	margin-right: 8px;
	padding-bottom: 0;
	margin-left: 8px;
	padding-top: 5px;
}
.section-body .cot4 .tieu-diem .post-item .box-text{padding-right:5px}
.section-body .cot4 .tieu-diem .post-item .box-text .post-title {
	font-size: 14px;
	font-weight: bold; font-family:"UTM Avo", sans-serif;text-transform:none;
	color: #156953;}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}.table-bordered {
	border: 1px solid #ddd;
}.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}.table-price thead > tr > th {
	background-color: #ffbe02;
	padding: 20px 20px 20px 0 !important;
	color: #a9410f;
	text-transform: uppercase;
	border: 0 !important;
}.table-price thead > tr > th {
	background-color: #ffbe02;
	padding: 20px 20px 20px 0 !important;
	color: #a9410f;
	text-transform: uppercase;
	border: 0 !important;
}.table-price thead > tr > th span {
	border-left: 2px solid #fff;
	padding-left: 20px !important;
}.table-title-level01 {
	background-color: #fedf67;
	color: #a9410f;
	text-transform: uppercase;
	font-weight: 500;
	border: 0 !important;
	padding-left: 0px !important;
}.section-bang-gia .table-title-level01 td {
	border: 0;
}.section-bang-gia .table-bordered td {
	padding: 14px 0 14px 30px;
	vertical-align: middle;
}.table-title-level01 td span {
	padding-left: 0px !important; display:block; color: black
}.table-td1 {
	font-weight: bold;}
.table-bordered {
	border: 1px solid #ddd;
}.tb-text-align {
	text-align: center;
	padding: inherit !important;
}.table>tbody>tr>td{line-height: 25px;}.table-title-level02 {
	background-color: #fff3cb;
	color: #a9410f;
	text-transform: uppercase;
	font-weight: 500;
}.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-right: 1px solid #ececec;
	padding-left:8px
}
.page-khuyen-mai .post-item .box-text .post-title{margin-bottom:10px}
.page-khuyen-mai .post-item .col-inner:hover{    border-bottom: 5px solid #fae600;}
.page-khuyen-mai .post-item .col-inner{    border-bottom: 5px solid #f7f7f7;}
.page-inner p, .article-inner p{line-height:28px}
.page-inner h2, .article-inner h2{font-size:18px}
.page-wrapper .accordion .accordion-item .accordion-title {font-size:15px;    font-family: "UTM Avo",sans-serif;
	font-weight: bold;}
.box-text p{   color: #419a00}
.tin-tuc .post-item .box-text .post-title{font-size:14px ; line-height:21px ;padding-bottom:5px; text-transform:none}.footer-secondary {
	padding: 0;
}
.footer-section .col{padding-bottom:0}
.header:not(.transparent) .header-bottom-nav.nav > li > a {font-weight:normal;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 13px;
}
.duong_dan_breadcrumb #crumbs {
	margin-bottom: 0;
	background: #e3efcd;
	padding: 5px 10px;
	color: white;
	border-radius: 4px;
}#secondary .section-slider{padding-top:0; padding-bottom:0}.is-divider{height: 1px;    max-width: 100%}
.html-before-comments .post-item{padding-bottom:0}
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.current > a, .header:not(.transparent) .header-bottom-nav.nav > li > a.active, .header:not(.transparent) .header-bottom-nav.nav > li > a.current {
    color: #ffffff !important;
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.menu-floatright{display:none}
	.tin-tuc .row .cot2 .post-item .box-image{width: 25%; float: left}
	.tin-tuc .row .cot2 .post-item .box-text{width: 75%; float: left; padding-left:5px}
	.tin-tuc .row .cot2 .post-item .box-text .post-title{font-size:14.8px}
	.cau-chuyen .row .col .post-item .box-text{padding-left:10px;padding-right:10px}
	.nhan-xet .icon-box-left .icon-box-img{max-width:100%;width:100% !important}
	.nhan-xet .icon-box-left .icon-box-img+.icon-box-text{padding-left:0;}
	.footer-section .cot4 .sidebar-wrapper .widget_nav_menu li{margin-left:20px}
	.list-news li:first-child, .list-news li, .list-news li:nth-child(4n+4) {width:100%; margin-left:0 !important; margin-right: 0 !important}
	.list-news .new-img{width:25%; float: left}
	.list-news .item-list{width: 75%; float: left; padding-left: 5px}
}