/*
Theme Name: Creative 2019
Theme URI: https://muatheme.com
Author: MuaTheme.com
Author URI: https://muatheme.com
Template: flatsome
Version: 1.0.0
*/

/**
 * Global
 */
.mh-no-margin {
	margin: 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: 35px;
}

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

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

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

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

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

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

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

.mh-color-primary {
	color: var(--primary-color) !important;
}

.mh-color-sub {
	color: #acacac !important;
}

/*

.mh-color-alert {
	color: #e40000 !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-map::before,
.menu-item-map a::before {
 content: "\f3c5";
}

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

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

.mh-clock::before,
.menu-item-clock a::before {
 content: "\f017";
}

.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 */
.mh-input {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
}

input.mh-input::placeholder,
textarea.mh-input::placeholder,
input.mh-input[type='date']::placeholder {
 	font-weight: normal;
	font-family: 'utm-avo';
}

.mh-form-2-col {
	justify-content: space-between;
}

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

/* UX Theme */
p {
	margin-bottom: 10px;
}

.dark, .dark p, .dark td {
	color: #fff;
}

.mh-col-divider .is-divider {
	display: none;
}

.mh-button-light {
	border-width: 1px !important;
	font-weight: initial;
	min-height: 2.7em;
	line-height: 2.7em !important;
	padding: 0 2.2em;
}

.mh-section-half-col {
	overflow: hidden;
}

.mh-col-half {
	max-width: 50%;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

.mh-table-color tr {
	height: 60px;
}

.mh-table-color th,
.mh-table-color td {
	border-bottom: 0;
	padding: 7px 30px 2px !important;
	font-size: 15px;
}

.mh-table-color tr.mh-color {
	background-color: #306ac10a;
}

/* Title */
.mh-title-left-simple,
.mh-title-center-simple {
	padding: 0;
}

.mh-title-left-simple b,
.mh-title-center-simple b {
	display: none;
}

.mh-title-left-simple .section-title,
.mh-title-left-simple .section-title-main,
.mh-title-center-simple .section-title,
.mh-title-center-simple .section-title-main {
	border: 0;
	padding: 0;
	margin: 0;
}

.mh-title-center-simple.initial .section-title-main,
.mh-title-left-simple.initial .section-title-main {
	text-transform: initial;
}

.mh-title-center-simple .section-title {
	justify-content: center;
}

/* Pagination */
.nav-pagination {
  margin: 30px 0 !important;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 5px;
	background-color: #fff;
}


.nav-pagination > li > span,
.nav-pagination > li > a {
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
  line-height: 2.4;
}

/**
 * Header
 */
/* Main */
.mh-icon-header {
	align-items: center;
}

.mh-icon-header .icon-box-text p:nth-child(1) {
	color: #000;
	text-transform: uppercase;
}

.mh-icon-header .icon-box-text p:nth-child(2) {
	font-size: 13px;
	color: #b6b6b6;
}

#masthead .hide-for-medium.flex-right {
  min-width: 640px;
}

/* Bottom */
#wide-nav {
  border-top: 1px solid #f3f3f3;
}

#wide-nav ul.header-bottom-nav > li {
	margin: 0 25px;
}

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

/**
 * Footer
 */
/* Main */
.mh-footer-col .widget_nav_menu {
	padding: 0;
	margin: 0;
}

.mh-footer-col p,
.mh-footer-col a {
  color: #696f7c !important;
	font-size: 14px !important;
}

.mh-footer-col ul.menu > li {
	border-top: 0;
}

.mh-footer-col .widget-title {
	color: #fff;
}

.mh-footer-col .is-divider {
	background: linear-gradient(to left, #2260bf, #03bcca);
}

.mh-footer-col ul.menu > li > a::before {
  color: #04baca;
}

.mh-footer-col-2 ul.menu > li > a::before,
.mh-footer-col-3 ul.menu > li > a::before {
	content: "\f101";
	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;
	font-size: 11px;
}

/* Bottom */
footer#footer .absolute-footer {
	padding: 10px 0;
	font-size: 14px;
	color: #696f7c;
}

footer#footer .absolute-footer a {
  color: #04baca;
}

/**
 * Sidebar
 */
aside.widget span.widget-title {
	display: block;
	margin-bottom: 0;
  color: #707070;
	margin-bottom: 10px;
}

aside.widget a {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 0;
}

.post-sidebar aside.widget span.widget-title {
	font-size: 17px;
}

.post-sidebar aside.widget {
	background-color: #fff;
}

.post-sidebar aside.widget:not(.block_widget) {
	padding: 20px;
}

.post-sidebar aside.widget .recent-blog-posts .mr-half {
	display: none;
}

aside.widget ul.menu > li > a {
	display: block;
	padding: 10px 0;
}

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

.blog-wrapper .is-divider {
	display: none;
}

body.archive.category .mh-col-blog,
body.archive .mh-col-archive-recruitment {
	text-align: center;
}

body.single .mh-col-single-blog {
	text-align: left;
}

.blog-wrapper.blog-archive  .badge {
	display: none;
}

/* Archive */
.blog-wrapper.blog-archive  .col.post-item .box-text.text-left {
	vertical-align: top;
	background-color: #fff;
	padding: 20px 25px;
}

.blog-wrapper.blog-archive  .col.post-item .box-text.text-left > .blog-post-inner {
	display: flex;
	flex-direction: column;
}

.blog-wrapper.blog-archive  .col.post-item .box-text.text-left .post-title.is-large {
	color: #000;
	text-transform: uppercase;
	font-size: 17px;
	order: 1;
	margin: 0 0 10px;
}

.mh-blog-date {
	order: 2;
	color: #707070;
}

.blog-wrapper.blog-archive  .col.post-item .box-text.text-left .from_the_blog_excerpt {
	font-size: 14px;
	order: 3;
	color: #707070;
}

.blog-wrapper.blog-archive .col.post-item .box-text.text-left .from_the_blog_comments {
	display: none;
}

/**
 * Single
 */
.blog-wrapper.blog-single article.post{
	background-color: #fff;
	padding: 30px 30px 0;
	margin-bottom: 0;
}

.blog-wrapper.blog-single #comments.comments-area {
	padding: 30px;
	background-color: #fff;
}

.blog-wrapper.blog-single .entry-content.single-page {
	padding-bottom: 0;
}

.blog-wrapper.blog-single .entry-header .entry-header-text {
	text-align: center;
}

.blog-wrapper.blog-single .entry-header .entry-category,
.blog-wrapper.blog-single .entry-header .badge {
	display: none;
}

.blog-wrapper.blog-single .entry-header .entry-title {
	color: #000;
	text-transform: uppercase;
  font-size: 22px;
	position: relative;
  margin-bottom: 15px;
}

.blog-wrapper.blog-single .entry-header .entry-meta,
.blog-wrapper.blog-single .entry-header .entry-meta span,
.blog-wrapper.blog-single .entry-header .entry-meta a {
	text-transform: initial;
	color: #306ac1;
	font-size: 13px;
}

.blog-wrapper.blog-single .blog-share {
	text-align: left;
	padding: 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 40px;
}

.blog-wrapper.blog-single .blog-share a {
	margin-bottom: 0;
}

/**
 * Post type: Tuyển dụng
 */
/* Global */
.mh-recruitment-blog-wrapper {
	background-color: #fff !important;
}

/* Archive */
.mh-col-archive-recruitment > #post-list > article:not(:last-child) {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.mh-article-inner-recruitment h2.entry-title a {
	text-transform: uppercase;
	color: #000;
	font-size: 20px;
}

.mh-article-inner-recruitment .entry-header-text {
	padding-bottom: 0;
}

.mh-box-recruitment-meta {
	justify-content: space-between;
	padding: 10px 0 7px;
}

.mh-recruitment-salar span {
	border: 1px solid #e40000;
	padding: 7px 15px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
}

.mh-recruitment-date {
	justify-content: center;
	align-items: center;
	color: #929292;
}

/* Single */
.mh-single-recruitment-article-inner .entry-header-text {
	padding-bottom: 0;
}

.mh-single-recruitment-article-inner h1.entry-title {
	color: #000;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 0;
}

.mh-recruitment-single-page {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 25px;
}

.mh-recruitment-single-page .blog-share {
	display: none;
}

.mh-row-recruitment > .col.post-item:not(:last-child) .mh-items-related-recruitment {
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
}

/* ===== Page ===== */
/* Slider */
.mh-slider-dots-color .flickity-page-dots > li {
  background-color: #00fff6 !important;
  border-color: #00fff6 !important;
  opacity: 1 !important;
}

.mh-slider-dots-color .flickity-page-dots > li.is-selected {
  background-color: #306ac2 !important;
  border-color: #306ac2 !important;
}

.mh-slider-arrow-color .flickity-prev-next-button {
  position: absolute;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
}

.mh-slider-arrow-color .flickity-prev-next-button,
.mh-slider-arrow-color .slider:hover .flickity-prev-next-button {
  opacity: 1;
}

.mh-slider-arrow-color .slider .flickity-prev-next-button:hover svg,
.mh-slider-arrow-color .slider .flickity-prev-next-button:hover .arrow {
  fill: #fff !important;
}

.mh-slider-arrow-color .flickity-prev-next-button.previous {
  background-color: #306ac2;
}

.mh-slider-arrow-color .flickity-prev-next-button.next {
  background-color: #00fff6;
}

.mh-col-slider-arrow-center-bottom .flickity-prev-next-button {
  bottom: -60px;
  width: 50px;
  height: 50px;
  top: auto;
}

.mh-col-slider-arrow-center-bottom .flickity-prev-next-button.previous {
  left: 45%;
}

.mh-col-slider-arrow-center-bottom .flickity-prev-next-button.next {
  right: 45%;
}

.mh-col-slider-arrow-center-bottom .flickity-prev-next-button svg {
  padding: 35%;
}

/**
 * Homepage
 */
/* Giới thiệu */
.mh-col-introduce .flickity-prev-next-button {
  bottom: -70px;
  top: auto;
  min-width: 70px;
  min-height: 70px;
}

.mh-col-introduce .flickity-prev-next-button svg {
  padding: 40%;
}

.mh-col-introduce .flickity-prev-next-button.previous {
  left: 0;
}

.mh-col-introduce .flickity-prev-next-button.next {
  left: 70px;
}

/* Ý kiến khách hàng */
.mh-col-testimonial .icon-box .icon-box-text {
  display: flex;
  align-items: center;
}

.mh-content-testimonial {
  font-size: 16px;
  background-image: url('assets/image/background-testimonial.png');
  background-repeat: no-repeat;
  padding: 40px 30px 25px 80px;
  min-height: 195px;
}

.mh-content-testimonial p {
  max-height: 85px;
  overflow-y: auto;
  padding-right: 15px;
  line-height: 1.8;
}

.mh-content-testimonial::before {
  content: "\f10d";
  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;
  position: absolute;
  left: 30px;
  font-size: 25px;
}

.mh-content-testimonial p::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #d7d7d7;
}

.mh-content-testimonial p::-webkit-scrollbar {
	width: 5px;
	background-color: #d7d7d7;
}

.mh-content-testimonial p::-webkit-scrollbar-thumb {
	background-color: #306ac1;
}

/* Tin tức */
.mh-col-blog .col.post-item > .col-inner {
  border: 1px solid #e0e0e0;
}

.mh-col-blog .col.post-item .box-text .post-title {
  font-size: 16px;
  color: #555;
}

.mh-col-blog .col.post-item .box-text .post-meta {
  margin: 5px 0;
  color: #555;
}

.mh-col-blog .col.post-item .box-text .post-meta,
.mh-col-blog .col.post-item .box-text .from_the_blog_excerpt,
.mh-col-blog .col.post-item:hover .box-text .from_the_blog_excerpt {
  font-size: 14px;
  color: #555;
}

.mh-col-blog .col.post-item .box-text .button {
  border: 0;
  text-transform: initial;
  font-size: 16px;
  color: #306ac2;
  margin-top: 10px;
  font-weight: normal;
}

/* Maps */
.mh-col-form-register .wpcf7-form {
  margin-bottom: 0;
}

.mh-col-form-register .mh-input,
.mh-col-form-register .mh-input:hover,
.mh-col-form-register .mh-input:focus {
  background-color: transparent;
  min-height: 50px;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  font-size: 15px;
  font-weight: normal;
}

.mh-col-form-register .mh-submit {
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  -o-border-radius: 99px;
  font-size: 15px;
  text-transform: initial;
  font-weight: normal;
  padding: 5px 35px;
  margin-top: 20px;
}

/**
 * Page: Liên hệ
 */
/* Icon */
.mh-col-icon-contact-1 .col-inner::before,
.mh-col-icon-contact-3 .col-inner::after {
  width: 1px;
  display: block;
  height: 90%;
  background-color: #fff;
  border-right: 1px solid #fff;
  content: '';
  position: absolute;
}

.mh-col-icon-contact-1 .col-inner::before,
.mh-col-icon-contact-3 .col-inner::after {
  left: 100%;
  top: 5px;
}

.mh-col-icon-contact-3 .col-inner::before,
.mh-col-icon-contact-4 .col-inner::before {
  height: 1px;
  display: block;
  width: 90%;
  background-color: #fff;
  border-right: 1px solid #fff;
  content: '';
  position: absolute;
}

.mh-col-icon-contact-3 .col-inner::before {
  top: -17px;
}

.mh-col-icon-contact-4 .col-inner::before {
  top: -9px;
  right: 43px;
}

.mh-col-icon-contact .icon-box-text {
  padding-left: 30px !important;
}

.mh-col-icon-contact .icon-box-text > h3 {
  color: #c50000;
}

/* Form contact */
.mh-col-form-contact input.mh-input {
  min-height: 45px;
  margin-bottom: 20px;
}

.mh-col-form-contact .mh-input,
.mh-col-form-contact .mh-input::placeholder {
  color: #fff;
  background-color: transparent;
  font-weight: normal;
}

.mh-col-form-contact input.wpcf7-submit.mh-input {
  padding: 0 45px;
  font-size: 16px;
  background-color: #be0101;
}

.mh-col-register-form .wpcf7-not-valid-tip {
	top: 20px;
}

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


/* Homepage */
  /* Slider arrow bottom */
  .mh-col-slider-arrow-center-bottom .flickity-prev-next-button.next {
    right: 42%;
  }

  .mh-col-slider-arrow-center-bottom .flickity-prev-next-button.previous {
    left: 42%;
  }

  /* Maps */
  .mh-col-form-register > .col-inner {
    padding: 30px 20px !important;
  }

/* Page: Liên hệ */
  .mh-col-icon-contact .col-inner::before,
  .mh-col-icon-contact .col-inner::after {
    display: none;
  }
}

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

}

/**
 * Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 425px) {
/* Homepage */
  /* Maps */
  .mh-col-half {
    position: static;
    max-width: 100%;
  }

}

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

}