/*
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.   ***************/

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

body{
    font-family: "Montserrat";
}

ul.header-top-list {
    list-style: none;
}

ul.header-top-list>li {
    display: inline-block;
    padding: 0px 5px;
    position: relative;
    margin: 0;
}

ul.header-top-list>li:before {content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #b4e6f9;}

ul.header-top-list>li>a {
    color: white;
}

ul.header-top-contact-list {
    list-style: none;
}

ul.header-top-contact-list>li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.header-top-contact-list>li>a {
    color: white;
    font-size: 16px;
}

ul.header-top-contact-list>li {
    padding: 0px 5px;
}

ul.header-top-contact-list .phone {
    background-color: #e67714;
    padding: 3px 10px;
}

h2.section-title>b {
    display: none;
}

h2.section-title .section-title-main {
    width: 100%;
    font-weight: 500;
}

h2.prj-title {
    font-weight: 600;
    position: relative;
}

h2.prj-title:after {content: "";position: absolute;left: 0;bottom: -5px;width: 100px;height: 1px;background-color: #f69037;}

.slick-posts .wrap-item2 {
    height: 300px;
    padding: 15px;
}

.slick-posts .wrap-item2 .img2 {
    height: 200px;
}

.slick-posts .wrap-item2 .img2 img {
    width: 100%;
    height: 100%;
}

.slick-posts .wrap-item2 .content-text2 {
    padding: 10px;
    font-size: 13px;
}

.slick-posts .wrap-item2 .content-text2 .title2 {
    font-size: 16px;
    font-weight: 600;
}

.textbox1 p {
    font-size: 14px;
}

.textbox1 {
    color: white;
}

.textbox1>.text {
    background-color: #264fa7cc !important;
    padding: 25px;
}

.textbox1 .text-inner>.text {
    background-color: transparent !important;
}

.textbox1 .text-inner>.text a{
    color: white;
}

.textbox1 h2 {
    color: white;
}

.banner1 {
    background-color: #c5c5c5 !important;
}

.banner1 h2 {
    color: #3e3e3e;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 15px;
}

.banner1 h2.prj-title::after {
    height: 2px;
    bottom: -10px;
}

.banner1 p {
    font-size: 14px;
    color: #3e3e3e;
}

.banner1 a {
    color: #0c69af;
}

.datk-tab>ul.nav>li {
    background-color: white;
    padding: 0px 20px;
    color: #3e3e3e;
    font-weight: 600;
    margin: 0;
	border: 1px solid #c5c5c5;
}

.datk-tab>ul.nav>li.active>a:before {content: unset;}

.datk-tab>ul.nav>li.active {
    background-color: #f58422;
}

.datk-tab>ul.nav>li.active>a {
    color: white;
}

.datk-tab>ul.nav>li:hover>a {
    color: white;
}

.datk-tab>ul.nav>li:hover>a:before {
    content: unset;
}

.datk-tab>ul.nav>li:hover {
    background-color: #f58422;
}

.wrap-item2 .content-text2 {
    background-color: white;
}

.button {font-weight: 500;}

.is-outline.primary {
    color: #1069af !important;
}

.lvhd1 .bg-fill{
    background-repeat: repeat !important;
    background-size: auto !important;
}

.lvhd1 .box-text {
    background-color: white;
    height: 200px;
}

.home-number-info {
    padding: 12px;
    text-align: center;
}

.home-number-info .number {
    color: white;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}

.home-number-info .text {
    color: white;
}

.home-number-info {
    border: 2px solid #ff9e4b;
    margin: 0px 5px;
}

.tintuc1 {
    padding: 15px;
}

.tintuc1 .tintuc1-large .content-text2 {
    padding: 15px;
    font-weight: 600;
}

.tintuc1 .tintuc1-small {
    display: inline-block;
    margin-bottom: 10px;
}

.tintuc1 .tintuc1-small .img2 {
    width: 30%;
    float: left;
}

.tintuc1 .tintuc1-small .content-text2 {
    width: 70%;
    float: left;
    font-size: 12px;
    padding: 5px 10px 5px 5px;
    font-weight: 600;
}

.home-tintuc1 h2 a {
    color: white;
    padding-left: 15px;
    font-weight: 300;
}

.home-tintuc1 {
}

.home-tintuc1 .wrap-item2 .content-text2 {
    background: unset;
}

.home-tintuc1 .wrap-item2 .content-text2 a {
    color: white;
}

.home-tintuc1 .wrap-item2.tintuc1-large .content-text2:before {content: "";position: absolute;top: 20px;left: 0;width: 5px;height: 15px;background-color: #f58220;}

.home-tintuc1 .wrap-item2.tintuc1-large .content-text2 {
    position: relative;
}

.header-nav-main>li.active:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #f5821f;
}

.header-nav-main>li:hover:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #f5821f;
}

.header-nav-main>li.active>a {
    color: #0066b3;
}

.header-nav-main>li:hover>a {
    color: #0066b3;
}

.header-nav-main>li {
    line-height: 70px;
}

.stuck .header-nav-main>li{
    line-height: 51px;
}

.home-dt-gallery .box-image{
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.home-dt-gallery .box-image .overlay {
    display: none;
}

.border-unset .section-title, .border-unset .section-title-main{
    border: unset !important;
}

.home-giaithuong .box-image {
    height: 120px;
}

.title-footer>h2 {
    font-size: 15px !important;
}

.footer-title>h2 .section-title-main {
    font-size: 15px;
    color: #3a3a3a;
    font-weight: 500;
    text-align: left;
    position: relative;
    line-height: 30px;
}

.footer-title>h2 .section-title-main:after {content: "";position: absolute;bottom: 0;left: 0;width: 60px;height: 2px;background-color: #f79845;}

.footer-lh1>ul {
    list-style: none;
}

.footer-lh1>ul>li>i {
    padding-right: 10px;
    font-size: 20px;
}

.footer-lh1>ul>li {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}

.footer-social>ul>li {
    display: inline-block;
}

.footer-social>ul {
    list-style: none;
    margin-left: 10px;
}

.footer-social>ul>li {
    font-size: 40px;
    padding: 0;
    margin: 0px 5px;
    line-height: 40px;
}

.form-lienhe input[type='submit'] {
    background-color: white !important;
    color: #0066b3;
    font-weight: 500;
    border: 2px solid;
    padding: 0px 25px;
    line-height: 35px;
}

.absolute-footer{
    display: none;
}

.gt-thongdiep-text {
    background: #0066b380;
    font-size: 14px !important;
    color: white;
    padding: 2px 15px;
}

.color-black{
    color: black !important;
}

.color-white{
    color: white !important;
}


.bg-dot1 .section-bg {
    background-size: unset !important;
    background-repeat: repeat !important;
}

.gt-lvhd1 .text-box {
    background-color: #0066b3b3;
    font-size: 15px;
    font-weight: 500;
    line-height: 10px;
}

.lienhe-map1 p{
    margin-bottom: 5px;
}

.cl6{
    float: left;
    width: 50%;
}

.single-du-an h1.entry-title {
/*     text-align: center; */
}

.single-du-an .entry-divider {
    margin: 0 auto;
}

.form-lienhe2 .col {
    padding: 10px;
    margin: 0;
}

.form-lienhe2 input {margin: 0;}

.form-lienhe2 form {
    margin: 0;
    padding: 0;
}

.form-lienhe2 input {
}

.form-lienhe2 input:not([type='submit']) {
    border-radius: 5px;
    background: unset;
    color: white;
	border-color: white;
}

.form-lienhe2 input:not([type='submit'])::placeholder {
    color: white !important;
}

.form-lienhe2 input[type='submit'] {
    color: #eded6f;
    background-color: white !important;
    padding: 0px 30px;
    border-radius: 20px;
}

.form-lienhe2 {
    background-color: #cbcb1ce0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
	line-height: 0px;
}

.form-lienhe2 .wpcf7-response-output {
    color: white;
    margin: 5px !important;
}

.form-lienhe2 .btn-close{
    display: none;
    padding: 10px;
    font-size: 17px;
    font-weight: 700;
    color: white;
}

.btn-formlienhe2{
    display: none;
}

.blog-single article.type-du-an header.entry-header {
    display: none;
}

.padlr{
	padding-left: 0px;
	padding-right: 0px;
}

ul#duan-menu {
    list-style: none;
    margin: 10px;
    text-align: center;
}

ul#duan-menu.duan-stuck {
    background-color: #d9d9d9;
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 30;
    left: 0;
    margin: 0;
}

ul#duan-menu>li {
    display: inline-block;
    margin: 0;
    padding: 5px 20px;
    background-color: #d9d9d9;
}

ul#duan-menu>li:hover {
    background-color: #0066b3;
    color: white;
}

ul#duan-menu>li:not(:last-child) {
    border-right: 2px solid white;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.form-lienhe2 form{
		display: none;
	}
	
	.form-lienhe2 .btn-close{
        display: block;
    }
	
	.btn-formlienhe2 {
	    display: block;
        padding: 0;
        margin: 0;
        color: white;
        text-align: center;
        width: 100%;
    }
	
	ul#duan-menu>li {
		font-size: 14px;
		padding: 0px 10px;
	}

}