/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.header-main{ margin: 5px 0;}
.container, .container-width, .full-width .ubermenu-nav, .row { max-width: 100%; padding: 0 5%;}
.section2_home .row_hd_home{     max-width: 80%;}
.section1_home h1{ font-size: 32px;   color: #212121;}
.section1_home p{    font-size: 18px; line-height: 30px;}
.section1_home a{background: #d6a12c;  color: #fff;  padding: 10px 30px;  border-radius: 32px;}
.section1_home a:hover { background: #212121;}
.section1_home img{border-radius: 10px;}
.title_home h2{ font-size: 32px; background:linear-gradient(to right, #212121 40%, #212121 70%);   background-clip: text; color: transparent;}
.section2_home .box-image img{border-radius: 8px;}
.section2_home  .box-text a{    font-size: 18px; color:#212121; font-weight: 600;}
.section2_home  .box:hover a{ color:#ac7507;}
.box-blog-post .is-divider{ background-color: #c79118; margin-top: 10px;  margin-bottom: 15px;}
.section3_home .box a{color: #212121;line-height: 25px;}
.section3_home .box:hover a{color: #c79118;}
.section3_home .box h5{height: 55px;}
.section3_home .box .box-image img { border-radius: 8px 8px 0 0}
.section3_home .box .box-text{    background: #f8f8f8; padding: 20px; border-radius: 0 0 10px 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.section3_home .box .box-text a.button{font-size: 14px; background: url(images/incon-muiten.png) no-repeat right;    background-position-x: 100%; padding-right: 20px; line-height: 32px;}   
.section3_home .box:hover .box-text a.button{font-size: 14px; background: url(images/incon-muiten-hover.png) no-repeat right;    background-position-x: 100%; padding-right: 20px; line-height: 32px;}   
.section_ft p, .section_ft a{ color: #fff; margin-bottom: 10px;
    line-height: 22px; font-size: 15px}
.section_ft .title_ft{font-size: 18px;
    font-weight: bold;}
.section5_home h2{    font-size: 2em;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.section5_home p{    font-size: 1.2em;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.section5_home  a{    padding: 10px 40px;
    border-radius: 35px;
    color: #fff;
    background: #d79f2f;}
.section5_home  a:hover{    background: #212121}
.section_ft p.title_ft{ color: #d69c2a;    margin-bottom: 25px;}
.section_ft li{ margin-lefT: 0px !important;
    background: url(images/incon-muiten-hover.png) no-repeat left 4px;
    padding-lefT: 22px;
    border-bottom: 1px solid #363636;
    padding-bottom: 10px;
    margin-bottom: 10px;     color: #fff;
    list-style: none;}
.section1_aboutus img{ border-radius:10px; margin-bottom: 0px !important}
.section2_aboutus .large-6 .col-inner{border-radius: 20px;
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.16));
    background: #ffffff;
    background: linear-gradient(180deg, #ffffff 0.00%, #f9f9f9 100.00%);
    padding: 30px;}
.section2_aboutus h3{color: #b77d06;    font-size: 25px;padding-top: 10px;
    margin-bottom: 15px !important;}
.banner__quyche h1{
    line-height: 55px;}
.banner__quyche1 h1 span{font-size: 50px;}
.banner_bandh h1{line-height: 55px;
    font-size: 42px;}
.nav-column>li>a:hover, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li>a:hover{     color: #d69c2a;}
#content .blog-wrapper .row{ padding: 0px}
.archive-page-header{background: url(images/bg-news.jpg) no-repeat; background-size:100%; padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 50px}
.archive-page-header .large-12{ padding-bottom:0px !important}
.blog-archive{ padding-top: 0px !important}
.blog-archive .page-title{    font-size: 40px; margin-bottom: 5px; color: #fff; }
.rank-math-breadcrumb a, .rank-math-breadcrumb span{ color: #fff}
.blog-archive .post-sidebar{ padding-left: 0px}
.post-sidebar aside{background: #fff;
    margin: 0 0 20px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    padding: 25px 20px 15px;}
.post-sidebar ul.menu>li>a{ padding: 12px 0}
.breadcrumb_single{background: #f8f8f8;padding-top: 20px;
    padding-bottom: 17px;margin-bottom: 50px; }
.breadcrumb_single a, .breadcrumb_single span{ color: #212121}
.breadcrumb_single  p{    margin-bottom: 0px;}
.banner__quyche1 h1 {
    line-height: 55px; font-size: 30px
}
/*****share******/
.single_post_share_icon .button.is-outline, .single_post_share_icon .button.is-outline:hover{ border: none !important}
.single_post_share_icon a{     margin-bottom: 0px;  margin-top: 7px;}
.tags_container { float: left;  width: 100%; height: 50px; line-height: 50px; margin-top: 0px;margin-bottom: 0px;    border-top: 1px solid #D4D4D4; padding-top: 0px;     border-bottom: 1px solid #D4D4D4;}
.single_post_tags{line-height:47px;font-size: 14px; padding-left:10px;border-left: none!important; background: #ffffff;margin-bottom:0px;     overflow: hidden; border-right: 0px; border-bottom: 0px; float:left}
.single_post_tags ul{list-style: none;;margin-bottom:0;}
.single_post_tags ul li{margin-right:10px;margin-bottom:0; float: left; line-height: 47px;}
.single_post_tags ul li a{    color: #1A1818;}
.share_icons_container {margin-top: 0px; float: left; width: 100%;height: 50px;  line-height: 50px;    margin-bottom: 30px;}
.shareicons_icon, .tags_icon{  float: left;  text-align: center; font-size: 16px; color: #908b8b;}
.single_post_share_icon { line-height: 48px; font-size: 14px; padding-left: 60px;border-top: 1px solid #D9D9D9; background: #ffffff;    border-bottom: 1px solid #D9D9D9;}
.single_post_share_icon .share-box { float: none; height: 48px!important;  text-align: left;padding: 0 0 30px;width:100%;    line-height: 38px;}
.single_post_share_icon .social-icons i{ top: 1px;}
.share-box{ float: right}
.share-box .button.icon{    margin-bottom: 3px;    background: #D4D4D4; border: none; color: #fff;line-height: 32px;}
.section1_contact h2 {
    font-size: 30px;
    color: #d69c2a;
}.section1_contact .title_ft {
    text-transform: uppercase;
    color: #323232;
    font-size: 18px;
}.right_contact li {
    list-style: none;
    margin-lefT: 0px !important;
    padding-lefT: 20px;
}.section1_contact input, .section1_contact textarea {
    margin-top: 5px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #8D8D8D;
}.section1_contact form p {
    /* font-size: 16px; */
    color: #292929;
}.section1_contact input[type="submit"] {
    color: #fff;
    font-size: 14px;
    border: 0px solid;    background-color: #d69c2a;
}.section1_contact input[type="submit"]:hover {
    background: #212121;
}.right_contact .email_lh {
    background: url(images/icon-footer-mai.png) no-repeat left;
}.right_contact .hotline_lh {
    background: url(images/icon-footer-pho.png) no-repeat left;
}.right_contact .diachi_lh {
    background: url(images/icon-footer-pla.png) no-repeat left;
}
.section1_contact .row{ padding: 0 15%}
.single_post_share_icon .button.is-outline, .single_post_share_icon .button.is-outline:hover{ border: none !important}
.single_post_share_icon a{     margin-bottom: 0px;
    margin-top: 7px;}
.tags_container {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 0px;
	margin-bottom: 0px;
}
.tags_icon {
    width: 50px;
    height: 50px;
    float: left;
    background: #2c3e50;
    text-align: center;
    font-size: 16px;
}
.tags_icon {
    background: #323232;
    color: #ffffff;
}
/*.tags_icon:before {
    content: "\f02b";
    text-align: center;
    margin-top: 1px;
    display: block;
}*/
.single_post_tags{
	line-height: 48px;
    font-size: 14px;
    font-style: italic;
    padding-left:22px;
	border-left: none!important;
	    border: 1px solid #eceef0;
    background: #ffffff;
	margin-bottom:25px;width: 90%;
}
.single_post_tags ul{
	list-style: none;
    display: flex;
	margin-bottom:0;
}
.single_post_tags ul li{margin-right:10px;margin-bottom:0;}
.share_icons_container {
    margin-top: 10px;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;    margin-bottom: 50px;
}
.shareicons_icon {
    width: 50px;
    height: 50px;
    float: left;
    background:#d69c2b;
    text-align: center;
    font-size: 16px; color:#fff;
}
/*.shareicons_icon:before {
    content: "\f1e0";
    text-align: center;
    margin-top: 1px;
    display: block;
}*/
.single_post_share_icon {
    line-height: 48px;
    font-size: 14px;
    padding-left: 60px;
	border-left: none!important;
	border: 1px solid #eceef0;
    background: #ffffff;
}
.single_post_share_icon .share-box {
    float: none;
    height: 48px!important;
    text-align: left;
	padding: 0 0 30px;
	width:100%;
}
.dual-logo a{ float: left;   margin-right: 25px;}
#logo li{ list-style: none !important}
.dual-logo a.logo2{    border-left: 1px solid #efefefef;
    padding-left: 25px;}
@media only screen and (max-width: 1680px) {
	.nav>li{     margin: 0 7px;}
.section1_aboutus .mb_line{ display: none !important}
.nav>li>a {
    font-size: 15px;
}
}
@media only screen and (max-width: 1440px){#logo {
    width: 300px !important;
}
.nav>li>a {
    font-size: 15px;
}    .nav>li {
        margin: 0 5px;
    }
.section1_aboutus .right_aboutus img{    width: 70%;
}
.banner h1, .banner h2, .banner h3{ font-size: 40px;}
	.dual-logo a {
    margin-right: 15px;
	}.dual-logo a.logo2{     padding-left: 15px;}
}
@media only screen and (max-width: 1366px) {
    .nav>li>a {
        font-size: 14px;
    }
	    .section1_aboutus .right_aboutus img {
        width: 60%;
    }
.section1_aboutus .right_aboutus  h2{    margin-bottom: 5px;font-size: 27px;}
.blog-archive .page-title {
    font-size: 25px;}
}
@media only screen and (max-width: 1280px) {
	    .nav>li>a {
        font-size: 12px;
    }
    .nav>li {
        margin: 0 6px;
    }
	    .section1_aboutus .right_aboutus img {
        width: 50%;
    }
	.mb_gap{ display: none !important}
	.section1_home h1 {
    font-size: 22px;}
	.section1_home p {
    font-size: 16px;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.section1_home p{     text-align: justify;}
	.section1_home .col, .section2_home .col, #footer  .col, .section1_aboutus .col, .section2_aboutus .col, .row_quydinh .col, .scetion1_bandh .col, .blog-wrapper .large-9, .blog-wrapper .large-9 .col, .blog-wrapper .post-sidebar{ padding: 0 0px 30px}
	.title_home h2 {font-size: 27px;}
	.section3_home .box h5 {
    height: auto;
}
	.section3_home .row, .blog-wrapper .large-9 .row{ padding: 0px;         margin: 0px !important;}
#footer .small-6 {
    flex-basis: 100%;
    max-width: 100%;
}
	.banner h1 {
    font-size: 25px;
}
	.banner__quyche1 h1 span {        display: none;
    font-size: 28px;
}
.banner_bandh  h1 {
        font-size: 20px;    line-height: 27px;
    }
.archive-page-header {
    padding-top: 9px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
	.blog-archive .page-title {
    font-size: 22px;
    margin-bottom: -6px;
    color: #fff;
}.rank-math-breadcrumb a, .rank-math-breadcrumb span {
    font-size: 13px;
}
	.page-wrapper{ padding-top: 0px;}
	    .section1_aboutus .right_aboutus img {
        width: 100%;
    }.section2_aboutus h3{         padding-top: 15px;
        line-height: 25px;
        font-size: 20px;}
	.section1_aboutus .right_aboutus h2{ font-size: 22px;}
.entry-header-text-top{ padding-bottom: 0px}
.section1_contact .row {
    padding: 0 2%;
}.section2_home .row_hd_home {
    max-width: 100%;
}
.section3_home .flickity-slider .post-item{ padding: 0px}
	.dual-logo a{ margin-right: 0px;}
	.dual-logo a.logo2{ border-left: 0px solid #efefefef;
    padding-left: 15px;}
}