/*
Theme Name: XayDung3
Theme URI: https://muatheme.com/san-pham/theme-wordpress-cong-ty-xay-dung-dep-tuyet-voi-mau-so-3/
Author: MuaTheme.com
Author URI: https://muatheme.com
Description: Theme by MuaTheme
Template: flatsome
Version: 1.0.0
*/
/* roboto-regular - vietnamese_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap; 
  src: url('fonts/roboto-v20-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-vietnamese_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
   font-display: swap;
  src: url('fonts/roboto-v20-vietnamese_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-vietnamese_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-vietnamese_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


body{font-family:'Roboto', sans-serif}
body{font-weight: 0}
body{color: #353535}.nav > li > a {font-family:'Roboto', sans-serif;}
.nav > li > a {font-weight: 0;}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}
h1,h2,h3,h4,h5,h6,.heading-font{color: #0a0a0a;}
.alt-font{font-family: 'Roboto', sans-serif;}
.alt-font{font-weight: 0!important;}
/**
* Global
*/
.mh-no-margin {
	margin: 0 !important;
}

.mh-no-padding {
	padding: 0 !important;
}

.mh-no-margin-bottom {
	margin-bottom: 0 !important;
}

.mh-no-padding-bottom {
	padding-bottom: 0 !important;
}

.mh-font-size-xx-large {
	font-size: 50px !important;
}

.mh-font-size-x-large {
	font-size: 25px !important;
}

.mh-font-size-large {
	font-size: 22px;
}

.mh-font-title-size-x-large {
	font-size: 36px !important;
}

.mh-font-title-size-large {
	font-size: 28px !important;
}

.mh-font-size-normal {
	font-size: 19px !important;
}

.mh-font-small {
	font-size: 14px;
}

.mh-font-light {
	font-weight: 300 !important;
}

.mh-font-normal {
	font-weight: normal !important;
}

.mh-font-bold {
	font-weight: bold;
}

.mh-font-italic {
	font-style: italic;
}

.mh-color-primary {
	color: #3d5c81 !important;
}

/*

.mh-color-success {
	color: #a07936 !important;
}

.mh-background-success {
	background-color: #e5c71f !important;
}
*/

.mh-text-justify {
	text-align: justify;
}

.mh-fontawesome::before,
.mh-fontawesome::after,
.menu-item > a::before,
.menu-item > a::after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 7px;
}

.mh-hotline::before,
.menu-item-hotline a::before {
 content: "\f2a0";
}

.mh-phone::before,
.menu-item-phone a::before {
 content: "\f3cd";
}

.mh-mail::before,
.menu-item-mail a::before {
 content: "\f2b6";
}

.mh-flex-row {
	display: flex !important;
	flex-direction: row;
}

.mh-list {
	list-style-type: none;
}

.mh-list > li {
	margin: 0;
}

/* Form */
select, input, textarea,
.mh-input {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
select.mh-input::placeholder,
input.mh-input::placeholder,
input.mh-input[type='date']::placeholder {
	font-weight: 300;
}

.mh-form-2-col,
.mh-form-3-col {
	justify-content: space-between;
	align-items: center;
}

.mh-form-2-col > label {
	flex-basis: 49%;
}

.mh-form-3-col > label {
	flex-basis: 32%;
}

/* UX Theme */
.mh-col-no-divider .is-divider {
	display: none;
}

	/* Breadcrumbs */
.mh-breadcrumbs .page-title-bg {
	display: none;
}

.mh-breadcrumbs .page-title-inner {
	background-color: #f1f1f1;
	padding-top: 0;
	padding-bottom: 0;
	min-height: 40px;
}

.mh-breadcrumbs nav.woocommerce-breadcrumb {
	text-transform: inherit;
	color: #f99f2d !important;
	text-shadow: none;
	font-weight: normal;
}

.mh-breadcrumbs nav.woocommerce-breadcrumb a {
	color: #808080 !important;
}

.mh-breadcrumbs .title-breadcrumbs {
  padding: 10px;
}

/**
 * Header
 */
/* Main */
#masthead form.searchform {
	border: 2px solid #f9a02c;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}

#masthead form.searchform .submit-button,
#masthead form.searchform input.search-field {
	border: 0;
}

#masthead form.searchform .submit-button {
	background-color: #f9a02c;
	min-height: 34px;
	padding: 0 20px;
}

#masthead form.searchform .submit-button:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

#masthead form.searchform .submit-button i {
	font-size: 13px;
}

#masthead ul.nav-right > li {
	margin: 0 5px;
}

#masthead ul.nav-right > li a {
	min-height: 38px;
	line-height: 36px;
}

#masthead ul.nav-right > li a span {
	font-weight: normal;
}

#masthead ul.nav-right > li.html a.button span {
	display: none;
}

#masthead ul.nav-right > li.html a.button::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f124";
	text-indent: 0;
}

/* Menu */
#wide-nav ul.header-nav.nav-left > li.header-divider {
  margin: 0 5px;
  height: 20px;
}

#wide-nav ul.header-nav.nav-left > li > a {
  font-weight: 500;
  font-size: 13px;
}

#wide-nav ul.header-nav.nav-right .social-icons > a {
	font-size: 14px;
	margin: 0 8px;
}

ul.nav-dropdown {
  border-width: 1px;
}

/**
 * Woocommerce
 */
/* Box product */
.product-small.box {
	background-color: #fff;
}

.product-small.box .box-image .grid-tools {
	display: flex !important;
	flex-direction: row;
	background-color: #fff;
	opacity: .8 !important;
	max-height: 50px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 0;
}

.product-small.box .box-image .grid-tools .cart-icon {
	left: 0;
	margin: 0;
	bottom: 0;
	top: 0;
	width: 50%;
	line-height: 35px;
}

.product-small.box .box-image .grid-tools a {
 width: 50% !important;
	background-color: #fff;
}

.product-small.box .box-image .grid-tools .added_to_cart.wc-forward {
	display: none;
}

.product-small.box .box-image .grid-tools .quick-view {
	padding-top: 0;
	padding-bottom: 0;
	border-left: 1px solid #d9d9d9;
}

.product-small.box .box-image .grid-tools .cart-icon,
.product-small.box .box-image .grid-tools .quick-view {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
}

.product-small.box .box-image .grid-tools .cart-icon::before,
.product-small.box .box-image .grid-tools .quick-view::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	float: left;
	text-indent: 0;
	font-size: 14px;
	width: 100%;
	min-height: 50px;
	color: #000;
	line-height: 50px;
}

.product-small.box .box-image .grid-tools .cart-icon::before {
	content: "\f07a";
}

.product-small.box .box-image .grid-tools .quick-view::before {
	content: "\f002";
}

.product-small.box .box-text-products {
	padding: 20px 20px 25px;
}

.product-small.box .box-text-products .name.product-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
  margin: 0 0 7px;
}

.product-small.box .box-text-products .name.product-title,
.product-small.box .box-text-products .name.product-title a {
	font-size: 15px;
  text-align: left;
  color: #363f4d;
}

.product-small.box .box-text-products span.amount {
	color: #3d5b81;
	font-size: 16px;
	line-height: 24px;
}

.product-small.box .box-text-products span.price {
	display: flex;
	flex-direction: row;
}

.product-small.box .box-text-products span.price del > span {
	font-size: 14px;
}

.product-small.box .box-text-products span.price ins > span {
	color: #a07936;
	margin-left: 10px;
}

.product-small.product .badge-container {
	right: 10px;
	left: auto;
}

.product-small.product .badge {
	height: 3.8em;
 width: 3.8em;
}

.product-small.product .badge span {
	font-weight: normal;
	font-size: 17px;
}

/* Shop */
.shop-page-title {
	display: none;
}

.mh-title-shop {
	margin-bottom: 10px;
}

.woocommerce-ordering,
.woocommerce-ordering select {
  margin: 0 0 5px;
}

/* Single */
.shop-container > .product > .row {
	max-width: 1170px;
}

.shop-container > .product > .row > .col {
	padding: 0 15px 30px;
}

.shop-container > .product > .row > .col.large-9 {
	border-right: 0;
}

.product-main .product-info .woocommerce-breadcrumb {
	display: none;
}

.product-main .product-info .product-title {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 15px;
	line-height: normal;
}

.product-main .product-info .product-page-price span.amount {
	color: #f99f2d;
}

.product-main .product-info .single_add_to_cart_button {
	background-color: #f99f2d!important;
	display: block;
	width: 100%;
	padding: 4px 0;
	font-weight: normal;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}

.product-footer .woocommerce-tabs,
.product-footer .related {
	border-top: 0;
}

.product-footer .product-tabs {
	border-bottom: 1px solid #ececec;
}

.product-footer .product-tabs > li > a {
	font-size: 15px;
	padding: 10px 15px;
}

.product-footer .product-tabs > li > a::before {
	bottom: 0;
	top: auto;
	background-color: #f99e2d;
}

.product-footer .product-section-title {
	font-weight: normal;
	border-bottom: 1px solid #dddddd;
	position: relative;
}

.product-footer .product-section-title::after {
	left: 0;
	bottom: -2px;
	content: "";
	width: 76px;
	height: 2px;
	display: inline-block;
  background-color: #f99e2d;
	position: absolute;
}

	/* Sidebar */
#product-sidebar {
  padding-top: 40px;
}

.mh-block-policy {
	background-color: #f7f7f7;
	border: 1px solid #ececec;
	padding: 5px 0;
}

.mh-col-policy {
	padding: 0px 10px;
}

.mh-block-policy > .mh-col-policy:not(:nth-child(4)) {
	border-bottom: dashed 1px #ececec;
}

.mh-col-policy .icon-box-text h3,
.mh-col-policy .icon-box-text p {
	margin-bottom: 0;
}

.mh-col-policy .icon-box-text h3 {
	font-weight: 600;
	font-size: 14px;
	color: #333;
}

.mh-col-policy .icon-box-text p {
	color: #707070;
	font-size: 13px;
}


/**
 * Footer
 */
/* Main */
#footer .footer-widgets {
	padding: 50px 0 20px;
}

#footer .footer-widgets li,
#footer .footer-widgets p,
#footer .footer-widgets a {
	color: #999;
	font-size: 14px;
}

#footer .footer-widgets ul.menu > li:not(:first-child) {
	border-top: 1px dashed rgba(102,102,102,0.3);
}

#footer .is-divider {
	background-color: rgb(249, 159, 45);
	height: 2px;
	min-width: 60px;
}

	/* Footer 1 */
.mh-footer-contact li {
	margin-bottom: 5px;
}

.mh-footer-contact li i {
	font-size: 13px;
	margin-right: 5px;
}

	/* Bottom */
.absolute-footer::before {
	content: "";
	height: 4px;
	width: 100%;
	background-color: #fdc236;
	background-image: url(assets/image/footer-strip.png);
	background-repeat: repeat-x;
	background-position: center top;
	display: block;
	position: relative;
	top: -24px;
}

.absolute-footer {
	padding: 20px 0;
}

.copyright-footer {
	font-size: 14px;
}

/**
 * Blog
 */
.blog-wrapper > .row {
  max-width: 1170px !important;
}

.blog-wrapper > .row > .col {
	padding: 0 9.8px 19.6px;
}

.blog-wrapper .col.post-item .is-divider,
.blog-wrapper .entry-header .is-divider {
	display: none;
}

/* Archive */
.blog-wrapper.blog-archive .col.post-item > .col-inner {
	background-color: #f1f1f1;
}

.blog-wrapper.blog-archive .col.post-item .box-text {
	vertical-align: top;
  padding: 30px;
}

.blog-wrapper.blog-archive .col.post-item .box-text .from_the_blog_excerpt  {
	margin: 0;
	font-size: 14px;
}

.blog-wrapper.blog-archive .col.post-item .post-title {
	font-weight: normal;
	margin: 0 0 5px;
	font-size: 20px;
}

.mh-button-readmore {
	font-weight: normal;
	padding: 2px 25px;
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
	background-color: #3d5b81 !important;
}

.mh-blog .col.post-item .post-meta::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f073";
  margin-right: 5px;
}

.mh-blog-featured .box-badge .box-text {
  bottom: 0;
}

.mh-blog .col.post-item .post-title {
  margin: 0 0 5px;
  font-weight: normal;
  font-size: 16px;
}

.mh-blog .col.post-item .post-meta,
.mh-blog .col.post-item .from_the_blog_excerpt  {
  font-size: 14px;
}

.mh-blog .mh-button-readmore {
	display: none;
}

/* Single */
.blog-wrapper.blog-single > .row > .col {
	padding: 0 9.8px 19.6px;
}

.blog-wrapper.blog-single .entry-header-text {
	padding-bottom: 0;
}

.blog-wrapper.blog-single .entry-category {
	margin-bottom: 7px;
	font-weight: normal;
}

.blog-wrapper.blog-single .entry-meta span {
	font-size: 13px;
	color: #272727;
  opacity: 0.6;
	text-transform: initial;
}

.blog-wrapper.blog-single .entry-title {
	font-weight: normal;
	font-size: 22px;
	text-transform: uppercase;
}

/**
 * Sidebar
 */
#shop-sidebar .is-divider,
#product-sidebar .is-divider,
.post-sidebar .is-divider {
	background-color: #3d5b81;
	height: 2px;
	min-width: 60px;
}

#shop-sidebar .widget-title,
#product-sidebar .widget-title,
.post-sidebar .widget-title {
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 15px;
	color: #3d5b81;
}

/* Form */
#product-sidebar form.searchform,
#shop-sidebar form.searchform,
.post-sidebar form.searchform {
	border: 1px solid #f99e2d;
}

#product-sidebar form.searchform:hover,
#product-sidebar form.searchform:focus,
#shop-sidebar form.searchform:hover,
#shop-sidebar form.searchform:focus,
.post-sidebar form.searchform:hover,
.post-sidebar form.searchform:focus {
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

#product-sidebar form.searchform .ux-search-submit,
#shop-sidebar form.searchform .ux-search-submit,
.post-sidebar form.searchform .ux-search-submit {
	border: 0;
	background-color: #f99e2d;
}

#product-sidebar form.searchform .search-field,
#shop-sidebar form.searchform .search-field,
.post-sidebar form.searchform .search-field {
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-color: #f99e2d;
}

#product-sidebar form.searchform .ux-search-submit:hover,
#shop-sidebar form.searchform .ux-search-submit:hover,
.post-sidebar form.searchform .ux-search-submit:hover {
  background-color: #f99e2d;
}

#product-sidebar form.searchform .ux-search-submit i,
#shop-sidebar form.searchform .ux-search-submit i,
.post-sidebar form.searchform .ux-search-submit i {
	color: #fff;
	font-size: 14px;
}

#product-sidebar form.searchform .ux-search-submit:hover i,
#shop-sidebar form.searchform .ux-search-submit:hover i,
.post-sidebar form.searchform .ux-search-submit:hover i {
	color: #fff;
}

	/* Danh mục */
#product-sidebar aside.widget_nav_menu .menu > li,
#shop-sidebar aside.widget_nav_menu .menu > li,
.post-sidebar aside.widget_nav_menu .menu > li {
	border: 0;
	padding: 0 10px;
}

#product-sidebar aside.widget_nav_menu .menu > li > a::before,
#shop-sidebar aside.widget_nav_menu .menu > li > a::before,
.post-sidebar aside.widget_nav_menu .menu > li > a::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f02e";
	font-size: 11px;
	position: relative;
	bottom: 2px;
}

	/* Nổi bật */
#product-sidebar aside.widget_products ul.product_list_widget > li,
#shop-sidebar aside.widget_products ul.product_list_widget > li,
.post-sidebar aside.widget_products ul.product_list_widget > li {
	background-color: #fff;
	border-top: 0;
	margin-bottom: 0;
}

#product-sidebar aside.widget_products ul.product_list_widget > li span.amount,
#shop-sidebar aside.widget_products ul.product_list_widget > li span.amount,
.post-sidebar aside.widget_products ul.product_list_widget > li span.amount {
	font-weight: normal;
	font-size: 14px;
}

/* ===== Page ===== */

/**
 * Global
 */
/* Section */
.mh-section-scale-top::before,
.mh-section-scale-bottom::after {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  height: 50px;
  opacity: 0.4;
  background-repeat: repeat-x;
}

.mh-section-scale-top::before {
  background-image: url('assets/image/scale-top.png');
  background-position: top;
  top: 0px;
}

.mh-section-scale-bottom::after {
  background-image: url('assets/image/scale-bottom.png');
  background-position: bottom;
  bottom: 0px;
}

/* Title */
.mh-title-section .section-title {
  justify-content: center;
  margin-bottom: 0;
}

.mh-title-section .section-title b {
  display: none;
}

.mh-separator-outer {
  overflow: hidden;
  text-align: center;
}

.mh-separator {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-width: 3px;
  border-style: solid;
  border-color: #2d3239;
  display: inline-block;
  position: relative;
}

.mh-separator .separator-left,
.mh-separator .separator-right {
  height: 3px;
  position: absolute;
  top: 50%;
  width: 70px;
  margin-top: -1px;
  background-color: #f9a02c;
}

.mh-separator .separator-left {
  left: -80px;
}

.mh-separator .separator-right {
  right: -80px;
}

/* Banner */
.mh-banner-overlay .img-inner::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.mh-banner-overlay .img-inner::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.mh-banner-overlay .img-inner:hover::before {
  right: 50%;
  left: 50%;
  width: 0;
  background-color: rgba(255,255,255,0.3);
}

.mh-banner-overlay .img-inner:hover::after {
  height: 0;
  top: 50%;
  bottom: 50%;
  background-color: rgba(255,255,255,0.3);
}

/**
 * Homepage
 */
/* Về chúng tôi */
.mh-box-about > .col-inner::before,
.mh-box-about > .col-inner::after {
  content: "";
  height: 4px;
  width: 0px;
  position: absolute;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  z-index: -1;
}

.mh-box-about > .col-inner::before {
  right: -2px;
  top: -2px;
}

.mh-box-about > .col-inner::after {
  left: -2px;
  bottom: -2px
}

.mh-box-about > .col-inner:hover::before,
.mh-box-about > .col-inner:hover::after {
  width: 50%;
  height: 50%;
  background-color: #f9a02c;
}

/* Tại sao chọn ... */
.mh-icon-services .icon {
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  padding: 30px;
}

.mh-icon-services .icon img {
  padding-top: 0;
}

.mh-ornament {
  position: relative;
  width: 1px;
  height: 20px;
  margin-bottom: 13px;
  background-color: #e5e5e5;
  top: -15px;
}

.mh-ornament::after {
  position: absolute;
  content: "";
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -webkit-transform: translate(-50%, 10px);
  -o-transform: translate(-50%, 10px);
}

/* Kinh nghiệm ... */
.mh-col-exp p,
.mh-col-exp h6 {
  margin-bottom: 0;
}

.mh-col-exp > .col-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mh-col-exp > .col-inner i {
  font-size: 45px;
  margin-left: 20px;
}

.mh-box-exp h6,
.mh-box-exp p {
  opacity: 1;
  line-height: 1.3;
}

.mh-box-exp h6 {
  font-size: 33px;
  font-weight: 500;
}

.mh-box-exp p {
  font-size: 14px;
  font-weight: normal;
}

/* Dự án ... */
.mh-grid-blog .col.post-item .post-title {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: normal;
  color: #3d5b81;
  min-height: 40px;
}

.mh-grid-blog .col.post-item .post-meta::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f073";
  margin-right: 5px;
}

.mh-grid-blog .col.post-item .post-meta,
.mh-grid-blog .col.post-item .from_the_blog_excerpt  {
  font-size: 14px;
}

/**
 * Page: Liên hệ
 */
.mh-col-form-contact > .col-inner {
  border: 1px solid #ddd;
  box-shadow: 0px 0px 15px 0px #ddd;
  -moz-box-shadow: 0px 0px 15px 0px #ddd;
  -webkit-box-shadow: 0px 0px 15px 0px #ddd;
  -o-box-shadow: 0px 0px 15px 0px #ddd;
  -ms-box-shadow: 0px 0px 15px 0px #ddd;
}

.mh-col-form-contact input.mh-input {
  min-height: 40px;
}

/* ===== Mobile ===== */

/**
 * Tablet + Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 860px) {

}

/**
 * Tablet
 */
@media only screen and (min-width: 426px) and (max-width: 860px) {

}

/**
 * Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 425px) {

}

@media only screen and (max-width: 320px) {

}

.live-chat {
    position: fixed;
    z-index: 99;
    font-size: 0;    border: 1px solid var(--primary-color);
    right: 20px;
    bottom: 70px;
}
.live-chat .items-action, .live-chat .items-action svg {
    position: relative;

}
.live-chat .items-action svg {
    max-height: 40px;
    -webkit-transition: width .3s;
    transition: width .3s;
    z-index: 9;
}
.items-icons{height: 46px;width: 46px;text-align: center; cursor: pointer; padding-top: 15px;  display: block;position: relative;align-items: center;}
.items-icons:not(:first-child):before{
    content: "";width: 36px;height: 0px;border: 1px solid var(--primary-color);position: absolute;top: 0;left: 5px;
}
.items-icons svg{margin: auto;max-height: 25px;position: relative;z-index: 9}
.live-chat .items-icons .title-action {
    height: 48px;
    line-height: 48px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: -1px;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: max-width .3s ease,padding .3s ease;
    transition: max-width .3s ease,padding .3s ease;
    text-align: right;
    background: var(--primary-color);
    color: #fff;
    font-size: 17px;
	
}
.live-chat .items-icons:hover svg, .live-chat .items-icons:hover svg > *{fill: #fff;}
.live-chat .items-action .title-action b {
    font-size: 18px;
}
.live-chat .go-top.items-icons .title-action{top: -1px;}

.live-chat .items-icons:hover .title-action {
    padding: 0 65px 0 10px;
    max-width: 160px;
    width: 160px;
}
@media (max-width: 549px){.live-chat {left: 0px;bottom: 0px;width: 100%;display: block;background: #ffffff;}.live-chat > .items-icons{display: inline-block !important;width: 33.33%;border-top: none;}.items-icons:not(:first-child):before{ content: none;}.items-icons:nth-child(2){border-left: 1px solid var(--primary-color);border-right: 1px solid var(--primary-color);}.live-chat .items-icons:hover svg, .live-chat .items-icons:hover svg > *{fill: var(--primary-color);;}.live-chat .items-icons:hover .title-action { display: none;}}