/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body{font-family: "Mulish-Regular" !important;}
.nav > li > a {font-family: "Mulish-Regular" !important;}
h1,h2,h3,h4,h5,h6, .heading-font, strong {font-family: "Mulish-Bold" !important;}
.blog-wrapper h1, .blog-wrapper h2, .blog-wrapper h3, .blog-wrapper h4, .blog-wrapper h5, .blog-wrapper h6 {font-family: "Mulish-Bold" !important;}
.alt-font{font-family: "Mulish-Regular" !important;}

/* @font-face {
  font-family: 'times new roman';
  font-display: swap;
  src: url("/fonts/times new roman.woff2") format('woff2');
} */
@font-face {
    font-family: 'Mulish-Regular';
    font-display: swap;
    src: url(/fonts/Mulish-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Mulish-SemiBold';
    font-display: swap;
    src: url(/fonts/Mulish-SemiBold.woff2) format('woff2');
}
@font-face {
    font-family: 'Mulish-Bold';
    font-display: swap;
    src: url(/fonts/Mulish-Bold.woff2) format('woff2');
}
i.icon-menu {
    color: #1e72bd;
}
.tablere {
    overflow-x: auto;
}

.wmtp-project img:hover {
    transform: scale(1.1);
}
.wmtp-project img{
    transition: 0.4s;
}
.wmtp-template-blog-best p.thumbnail {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.wmtp-template-blog-best p.thumbnail img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}
h2.wmtp-list-related-post-name {
    padding-bottom: 20px;
}
.widget li.recent-blog-posts-li {
    padding: 5px 10px 5px 10px;
}
.widget-area form.searchform {
    padding: 20px 10px 0px 10px;
}
.widget .cat-item {
    padding: 5px 10px 5px 10px;
}
.widget-area .widget {
    border: 1px solid #1e73be;
}
span.widget-title {
    display: block;
    width: 100%;
    padding-bottom: 17px;
    text-align: center;
    padding-top: 15px;
    background-color: #1e73be;
    color: #fff;
}
.widget .is-divider {
    display: none !important;
}
.thumbnail-Tintuc img:hover {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.thumbnail-Tintuc img {
    transition: transform .7s;
}
.bai-viet-tin-tuc a p{
    color: #333;
}
.bai-viet-tin-tuc .box-text .is-divider{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.thumbnail-Tintuc{
    margin-bottom: 0;
}
.bai-viet-tin-tuc .box-image{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.bai-viet-tin-tuc .thumbnail-Tintuc{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.div-blog .tieu-de-chuyen-muc {
    padding-bottom: 15px;
}
.tieu-de-chuyen-muc a span:hover {
    color: #d74340;
}

.tieu-de-chuyen-muc a {
    margin: 0;
    font-size: 14px;
}

.div-blog .title-blog::after {content: "";width: 100%;border-bottom: 1px solid #043b51;height: 1px;display: block;position: absolute;top: 50%;left: 0;z-index: 0;}
.tieu-de-chuyen-muc a span {
    z-index: 1;
    position: relative;
    background-color: #fff;
    padding: 0 7px;
    vertical-align: revert;
}
.div-blog .title-blog {
    position: relative;
    margin-bottom: 15px;
}
.div-blog .title-blog p{
    margin-bottom: 0;
    background-color: #fff;
    width: fit-content;
    display: block;
    z-index: 1;
    position: relative;
    padding: 0 15px;
    margin-left: 20px;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid;
    transform: skewX(-10deg);
    color: #222;
    box-shadow: 3px 3px 0 #a4100c;
}
.title-blog a.button {
    position: absolute;
    right: -2px;
    top: 0;
    padding: 0;
}
.banner-blog{
    background-color: #d74340;
}
.banner-blog .page-title-inner h1, .banner-blog .page-title-inner a, .banner-blog .page-title-inner span{
    color: #fff;
}
.banner-blog {
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-header-wrapper.blog .page-title-inner {
  min-height: 200px;
}
.page-header-wrapper.blog .title-bg {
  background-color: #a4100c;
}
.page-header-wrapper.blog .title-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.blog-1 {
  padding-top: 30px;
  padding-bottom: 60px;
}
.img-blog {
  width: 100%;
}
.category-blog{
    padding-bottom: 0;
}
.form_page_service {
    border: 1px solid #a4100c;
    padding: 20px 30px 15px 30px;
    box-shadow: 0px 0px 3px 0px;
}
.form_page_service h2.wmtp_title_form {
    display: none;
}
.wmtp_infor_contact {
    padding-top: 20px;
}
.wmtp_form_home {
    border: 1px solid #a4100c;
    padding: 20px 30px 15px 30px;
    box-shadow: 0px 0px 3px 0px;
}
.wmtp-project .box-image{
    width: 100%;
    padding-top: 56.25%;
    background-size: cover;
}
.wmtp-project .wmtp-gallery{
    padding-bottom: 0;
}
.wmtp-project .box-image img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
}
.wmtp-services .wmtp-icon-box .col-inner {
    border-radius: 10px !important;
    padding: 10px 0 15px 0;
    border: 1px solid #d74340;
}
.why-choose-us .wmtp-icon-box .col-inner{
    border: 1px solid #d74340;
    background-color: #fff;
    border-radius: 18px;
    padding: 40px 0 15px 0;
}
.why-choose-us .icon {
    border: 1px solid #d74340;
    border-radius: 100%;
    padding: 13px;
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgb(0 0 0 / 30%);
}
.why-choose-us .icon-box-img {
    position: absolute;
    top: -35px;
    right: 0;
    left: 0;
}
.why-choose-us .icon {
    border: 1px solid #d74340;
    border-radius: 100%;
    padding: 10px 13px 8px 13px;
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgb(0 0 0 / 30%);
}
.why-choose-us .row {
    position: relative;
    width: 100%;
}
.why-choose-us .text {
    padding-bottom: 45px !important;
}
.nopadding .col{
	padding-bottom: 0;
}
.footer_block .icon {
    width: 15px;
}
.footer_block .icon-box-text p {
    font-size: 15px;
}
.Chinh_sach .icon {
    width: 11px;
}
.Chinh_sach .icon-box-text{

}
.footer_block .icon-box-text {
    padding-left: 7px !important;
}
.icon-box-top-bar .icon-box-img {
    width: 12px !important;
}
.icon-box-top-bar p {
    font-size: 12px;
    padding-top: 3px;
}
.fanpage .col-inner {
    width: 125%;
}
.has-dropdown > .nav-dropdown {
    min-width: max-content !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}