/*
Theme Name: AZ9s Team
Description: Đây là một sản phẩm của AZ9s
Author: AZ9s Team
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*Menu*/
#wide-nav .nav-line-bottom>li>a:before {
    bottom: -25px;
    height: 4px;
    border-radius: 99px;
    transition: transform 250ms ease-in-out !important;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid #fff0 !important;
    top: 45px;
    margin: 10px;
    border-radius: 10px;
}
#wide-nav .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 1px solid #ffffff00;
}
#wide-nav .nav-dropdown.nav-dropdown-default>li>a:hover {
    color: var(--orange) !important ;
}
.nav-dropdown-default>li:hover {
    background: #f4f5f8;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after {
    opacity: 0 !important;
}
.padding-bottom {padding-bottom: 0 !important;}
.searchform-wrapper .search_categories {font-size: 13.5px;height: 31px;border: 0;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-right: 1px solid #eaeaea;}
.searchform-wrapper input[type=search] {height: 31px;border: 0;font-size: 13.5px;}
.searchform-wrapper .searchform .button.icon {height: 20px!important;width: 50px;border: 1px solid #fff;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background: #f79400 !important;font-size: 12.5px;}
b, strong{font-weight: 500;}
.header-inner .icon-box-text {padding-left: 5px!important;}
.header-inner .icon-box-img img{padding-top: 0.5em;}
.header-bottom li.header-block{width: initial;}
.nut_cua{font-size: 0.8em;font-weight: 500;box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);}
.nav li:nth-child(2) a:after{border-left: none;}
.tin-khuyen-mai .col{padding-bottom: 0;}
.tin-khuyen-mai .cot2 .wpcf7 form input[type=email] {background-color: #fff!important;border-radius: 3px;color: #444!important;}
.tin-khuyen-mai .cot2 .wpcf7 form input[type=email]::placeholder{color: #999;}
.tin-khuyen-mai .cot2 input[type=submit]:not(.is-form) {border-radius: 3px;background: #ffc800;font-weight: 400;text-transform: none;}
.absolute-footer{display: none;}
a.back-to-top {border: 0;background-color: var(--orange) !important;color: #fff!important;}
.shop-container, .archive #main {background: #eff0f3;}
.slider-section .row .col{padding-bottom: 0;}
.slider-section .slider-wrapper+.row:not(.row-collapse){margin-top: 18px;}
.fan_p iframe{max-width: 175px;}
.box-text-products p.product-title{max-height: 39px;overflow: hidden;}
.heading {background: #f7f7f7;min-height: 49px;border-bottom: 4px solid #25b505;position: relative;height: 50px;}
.heading h2 {font-size: 16px;margin: 0;font-weight: 400;padding: 16px;}
.heading h2 a {color: #1fab00;text-transform: uppercase;}
.readmore {position: absolute;top: 12px;right: 15px;font-size: 14px;color: gray;font-weight: normal;padding-right: 2px;padding-top: 1px;transition: all .3s;}
.readmore:hover {color: green;}
.heading h2 img{padding-bottom: 5px;}
.sp-title h2 {
    margin: 0;
    font-size: 18px;
    border: 2px solid #018445;
    color: white;
    background: #018445;
    height: 43px;
    line-height: 43px;
    border-radius: 3px;
    text-transform: none;
    font-weight: 500;
}
.sp-title .pd_cat {
    border: 2px solid #018445;
    color: #018445;
    background: white;
    border-top: 0;
    padding: 22px 0px;
    border-radius: 2px;
    margin-top: -2px;
}
.sub-menu2 .tabbed-content .nav {height: 43px;border-top: 1px solid var(--orange);background: #f7f7f7;}
.sub-menu2 .tabbed-content .nav li.active a {color:var(--orange);}
.sub-menu2 .tabbed-content .nav li.active a:before {background-color: var(--orange);}
.sub-menu2 .tabbed-content .nav li a span{font-size: 15px;}
.sub-menu2 .tabbed-content .nav li{margin-right: 40px;}
.sub-menu2 .tabbed-content .nav li:last-child{margin-right: 30px!important;}
.sp-title h5.header-title{padding-top: 5px; padding-bottom: 5px;}
.du-an-tb .col2{padding-bottom: 0!important;}
.star-rating:before{color: #d7102c!important;}
.star-rating span:before{color: #d7102c!important;}
.tin-tuc .page-subheading {text-align: center;display: inline-block;margin: 0 auto;width: 100%;font-size: 24px;padding: 0 0 15px;border-bottom: 1px solid #eaeaea;position: relative;color: #ff5622;font-weight: 500;}
section.san-pham{padding-bottom: 0!important;}
.tin-tuc .page-subheading:before {position: absolute;content: "";height: 2px;background: #ff5622; width: 80px;bottom: 0;right: 0;margin: 0 auto;left: 0;}
.tin-moi{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding-bottom: 0!important;}
.tin-moi .badge.post-date{display: none;}
.tin-moi .is-divider{display: none;}
.blogs col{padding-bottom: 0!important;}
.gia-tri{padding-bottom: 0!important;}
.shop-container .content-row {background: #fff;margin-top: 30px;}
.shop-container .product-main {padding-top: 20px;}
#product-sidebar{padding-top: 20px;}
.breadcrumbs a, .shop-container .product-main .breadcrumbs a {color: #ff5622; text-transform: inherit;}
.shop-container .product-main .product-title {
    font-size: 27px;
    font-weight: 400;
    color: #027b3b;
}
.blog-archive .box-text-inner.blog-post-inner {height: 125px;overflow: hidden;}
.product-footer .tabbed-content .tab-panels {font-size: 14.5px;color: #505050;}
#fbuilder .top_aligned .fields label {color: green;}
.shop-container .product-footer .product-tabs li a {font-size: 16px;font-weight: 500;}
#cp_calculatedfieldsf_pform_1 #fbuilder .fields:not(.section_breaks) {padding: 10px;margin-bottom: 10px;background: #EBECEC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/*Home new*/

/*
Theme Name: Flatsome child
Description: Flatsome Team developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
  --gray:#9F9F9F;
  --orange: #018445;
  --green:#018445;
  --yellow:#eeee22;
}

.row-info-header .icon-box-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.row-info-header .icon-box-text h2{
    color: white;
    font-size: 20px;
    margin-bottom: 0;
}
.row-info-header .icon-box-text p{
    color: #fff;
}
.row-info-header .icon-box-left, .icon-box-right {
    flex-direction: row;
    flex-wrap: nowrap;
}
/* Banner  */
.st_banner .text-banner {
    margin-left: -100px !important;
}
/* Lý do */
.st_lydo h3.text-number-lydo {
    color: var(--orange);
    font-size: 70px;
    text-align: center;
}
.st_lydo .row-lydo .col-inner {
    height: 320px;
    border: 1px solid var(--orange);
    padding: 20px 20px 20px 20px;
}
.st_giaiphap .icon-box{
    align-items: center;
}
.text-5-lydo{
    padding: 50px;
}
.st_lydo p.text-lydo {
    font-size: 20px;
    margin-top: -55px;
    font-weight: 700;
	text-align: center;
}
/*.st_lydo .icon-box.featured-box.box-lydo.icon-box-top.text-left {
    border: 1px solid var(--orange);
    padding: 20px 20px 20px 20px;
}*/
.st_lydo .title-lydo{
	color: var(--orange);
}
.st_lydo .fa-solid, .fas {
    color: var(--orange);
    font-size: 50px;
    padding: 15px;
    border: 2px solid var(--orange);
    border-radius: 100px;
}
/* Cần chuẩn bị gì khi xây nhà */
.st_chuanbi .danhsach-chuanbi {
    font-size: 20px;
    margin-left: -20px;
}
.st_chuanbi .danhsach-chuanbi ul li{
  list-style: none;
}
i.fa-regular.fa-square-check {
    color: var(--orange);
}
/*Tính chí phí xây nhà  */
.st_tinhchiphi h2.title-tinhchiphi {
    text-align: center;
    padding: 20px;
}
.st_tinhchiphi h3 {
    color: var(--orange);
}
.st_tinhchiphi p {
    font-size: 15px;
}
/*Text and Form  */
.st_text-form .text-form-dangky {
    color: white;
    font-size: 25px;
    margin-top: 25%;
    font-weight: 600;
}
.st_text-form input.wpcf7-form-control.wpcf7-submit {
    margin-left: 33%;
    border-radius: 5px;
}
.st_text-form .text-dangky-form {
    font-size: 30px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.st_text-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border-radius: 5px;
}
.st_text-form input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
    border-radius: 5px;
}
.st_text-form textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 5px;
}
/*Đơn giá xây nhà  */
.st_dongia h2.title-dongia {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
}
.st_dongia p.text-dongia {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    color: var(--orange);
}
.st_dongia .box-dongia .col-inner {
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 8px 8px 0 rgb(0 0 0 / 20%), 0 6px 15px 0 rgb(0 0 0 / 19%);
    border-top: 10px solid var(--orange);
}
.st_dongia h3.text-title-dongia {
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}
.st_dongia p.text-des-dongia {
    text-align: center;
}
.st_dongia p.text-price-dongia {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}
.st_dongia button.btn-lienhengay {
    margin-left: 27%;
    margin-top: -15px;
    background-color: var(--orange);
    border-radius: 5px;
    color: #ffffff;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
/*Hạng mục thi công  */
.st_hangmuc h2.title-hangmuc {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
}
.st_hangmuc p.text-hangmuc {
    text-align: center;
}
.st_hangmuc h3.title-thicongtho {
    font-size: 22px;
    color: var(--orange);
}
h3.title-thicongtho:before {
    content: '';
    border-left: 5px solid #018445;
    height: 30px;
    padding-left: 10px;
}
/*Quy trình  */
.st_quytrinh h3.title-quytrinh {
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
}
.st_quytrinh p.text-quytrinh {
    color: white;
}
.st_quytrinh a.button.primary.lowercase.btn-quytrinh {
    border-radius: 5px;
    margin-left: 30%;
}
.st_taisao h2.title-taisao {
    text-align: center;
    font-size: 30px;
}
/*Tại sao nên chọn xây nhà  */
.st_taisao .accordion.show-text {
    margin-top: 30px;
}

/*Công trình mỗi năm  */
.st_congtrinh .listCount {
    display: flex;
    margin-left: 10%;
}
.st_congtrinh span.count-up-text{
    font-size: 70px;
    color: var(--orange);
    font-weight: 600;
}
.st_congtrinh p.text-count-up {
    font-size: 30px;
    margin-left: 30px;
    text-transform: uppercase;
}
/*Đối tác  */
.st_doitac h2.title-doitac {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
}
/*Danh mục sản phẩm*/
.is-divider.small {
    display: none;
}
span.widget-title{
    color: white;
    background: var(--orange);
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 10px 10px 0 0;
}
#flatsome_recent_posts-2 ul, #woocommerce_product_categories-2 ul.product-categories,
#flatsome_recent_posts-4 ul,#flatsome_recent_posts-3 ul,#woocommerce_recently_viewed_products-2 ul{
    padding: 10px;
    border:1px solid var(--orange);
	background-color: #fff;
}
.entry-content.single-page {
    border-top: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(247 148 0), rgb(255 153 0), rgba(56,2,155,0));
    border-image-slice: 1;
    width: 100%;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*Icon menu*/
.off-canvas-left .mfp-content {
        width: 100%;
        top: 70px;
        background: transparent !important;
        box-shadow: none;
    }
    .mobile-sidebar {
        background: #333;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        font-size: 17px;
        color: #fff;
    }
    .mfp-content .toggle {
        color: #fff;
    }
    .icon-menu:before {
        content: "\f550";
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900;
        margin-right: 5px;
    }
    .icon-menu:after {
         content: "Menu";
         font-weight: bold;
         color: #fff;
         font-family: 'Muli';
    }
    .header-main .nav > li > a > i {
        font-size: 22px;
        color: #fff;
        background: #f79400;
        border-radius: 4px;
        padding: 5px;
    }
    .nav-sidebar.nav-vertical>li+li{border-color: #ececec !important;}
/*Banner  */
	.st_banner .text-banner {
    margin-left: 0px !important;
}
/*Lý do */
.st_lydo {
    padding-top: 30px !important;
}
	.st_lydo .text-5-lydo {
    margin-top: 10px;
}
	.st_lydo .fa-solid, .fas {
    margin-left: 37%;
	font-size: 35px;
}
/*Cần chuẩn bị gì khi xây nhà trọn gói*/
	h2.title-chuanbi {
    font-size: 22px;
    text-align: center;
}
	.st_chuanbi .danhsach-chuanbi {
    font-size: 18px;
    margin-left: -20px;
}
/*Cách tính chi phí 	 */
	.st_tinhchiphi h2.title-tinhchiphi {
    text-align: center;
    padding: 0px;
    font-size: 20px;
}
/*Text và form đăng kí 	 */
	.st_text-form .text-form-dangky {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
	margin-left: 0px;

}
	.st_text-form input.wpcf7-form-control.wpcf7-submit {
    margin-left: 27%;
}
/*Đơn giá xây nhà	 */
	.st_dongia h2.title-dongia {
    font-size: 20px;
}
	.st_dongia p.text-dongia {
    padding: 0 10px;
    font-size: 15px;
}
	.st_dongia button.btn-lienhengay {
    margin-left: 30%;
}
/*Hạng mục 	 */
	.st_hangmuc h2.title-hangmuc {
    font-size: 24px;
}
	.st_hangmuc h3.title-thicongtho {
    font-size: 16px;
    
}
/*Quy trình 	 */
	.st_quytrinh h3.title-quytrinh {
    font-size: 20px;
}
	.st_quytrinh p.text-quytrinh {
    color: #f9f9f9;
}
	.st_quytrinh a.button.primary.lowercase.btn-quytrinh {
    margin-left: 22%;
}
/* Tại sao	 */
	.st_taisao h2.title-taisao {
    font-size: 20px;
}
	.st_taisao a.accordion-title.plain {
    font-size: 16px;
}
/* Công trình tạo mỗi năm	 */
	.st_congtrinh p.text-count-up {
    font-size: 20px;
    margin-left: 20px;
}
}