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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root{
--main-col:#D0441D;
--secon-color:#D46344;
}
/*google translate  */
.gtranslate_wrapper a.glink.nturl.notranslate span {
    display: none;
}
/*@font-face {
font-family: 'Bahnschrift';
src: url('/wp-content/themes/flatsome-child/fonts/BAHNSCHRIFT.TTF') format('opentype');
font-weight: 100;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Bahnschrift';
src: url('/wp-content/themes/flatsome-child/fonts/BAHNSCHRIFT6.TTF') format('opentype');
font-weight: 500;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Bahnschrift';
src: url('/wp-content/themes/flatsome-child/fonts/BAHNSCHRIFT14.TTF') format('opentype');
font-weight: 700;
font-style: normal;
font-display: auto;
}
h1,h2,h3,h4,h5{
font-family: 'Bahnschrift' !important;
font-weight: 700;
}
p, li, span {
font-family: 'Bahnschrift' !important;
font-size: 16px;
font-weight: 100;
}*/
b, strong {
font-weight: 700;
}
#header-contact li a{text-transform:none; font-size:13px; color: white;}
li#menu-item-32 {
background: var(--main-col);
padding: 5px 30px;
}
li#menu-item-32 a{
color: white !important;
}
.nav>li.html{font-size:13px !important; color:rgba(102,102,102,0.85)}
body{word-break: break-word}
.header-main .nav > li > a {
font-size: 14px;
font-weight: 100;
color: #272727 !important;
text-transform: uppercase;
}
.row-form-tv {
    padding: 0px 125px 0px 125px;
}
.row-form-tv .col-inner {
    position: relative;
    margin-top: -50px;
    margin-bottom: -30px;
    z-index: 1;
}
.row-form-tv .form-right {
    display: inline-block;
    width: 100%;
    clear: both;
}
.row-form-tv .form-lien-he .row-form {
/*     display: inline-block; */
/* 	display: flex; */
    width: 100%;
    clear: both;
}
.form-lien-he h2.title-form {
    text-align: center;
}
.row-form-tv .form-lien-he {
    background: #e9f0f6;
    border-radius: 10px;
}
.row-form-tv .form-lien-he .wrap-form {
    display: flex;
    justify-content: space-between;
}
.col-form {
    display: flex;
}
.row-form-tv .form-lien-he textarea {
    padding-top: 0.7em;
    min-height: 93px;
}
.form-right input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
}
.form-lien-he .row-form .right{padding-left:7px; width:50%; display:inline-block}
.form-lien-he .row-form .left{padding-right:7px; width:50%; display:inline-block}
.form-lien-he .row-form{display:inline-block; width:100%;clear:both}
.form-lien-he{box-shadow: 2px 2px 10px #d6d6d6;
padding: 20px;}
.page-right-sidebar .large-9, .blog-single .large-9, .blog-archive .large-9{border-right:0}
.page-right-sidebar .large-3, .blog-single .large-3, .blog-archive .large-3{border-left:0; padding-left:0}
.header-main {
box-shadow: 2px 2px 10px #00000012;
}
.nav-dropdown{border: 0px solid #ddd; padding: 0;}
.nav-dropdown>li>a {
border-bottom: 1px solid #ececec;
color: #4c4c4c;
font-weight: 100;
text-transform: capitalize;
font-size: 14px;
}
.nav-dropdown>li>a:hover{color: var(--main-col);}
.button span{font-weight:normal}

input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, input[type='submit']{border-radius:4px; box-shadow:none}
/*Trang chủ*/
.tieu-chi-section,.tin-tuc-section,.dac-diem-section {
padding-bottom: 0 !important;
}
.item {
text-align: center;
color: white;
padding: 0px 20px 20px;
border-radius: 4px;
box-shadow: 1px 1px 4px darkgrey;
}
.tieu-chi-section .row .col:nth-child(1) .item {
background: linear-gradient(-45deg, #de6a4e, #e1b815);
}
.tieu-chi-section .row .col:nth-child(2) .item {
background: linear-gradient(-45deg, #db6646, #e3715d);
}.tieu-chi-section .row .col:nth-child(3) .item {
background: linear-gradient(-45deg, #d0431d, #e2705a);
}
.tieu-chi-section .row .col:nth-child(1) .w-item .iconn {
background: #e1b815;
}
.tieu-chi-section .row .col:nth-child(2) .w-item .iconn{
background: #db6647;
}
.tieu-chi-section .row .col:nth-child(3) .w-item .iconn {
background: #d0441e;
}
.w-item .iconn:hover {
transform: scale(1.1);
}
.w-item .iconn {
width: 70px;
height: 70px;
display: inline-block;
position: relative;
margin-top: -40px;
border-radius: 50%;
line-height: 70px;
text-align: center;
cursor: pointer;
transition: 0.5s ease;
}
.item .view-more a {
color: #fff;
border: 1px solid #fff;
display: inline-block;
padding: 8px 13px;
text-decoration: none;
font-size: 14px;
transition: 0.5s ease;
}

.item .view-more:hover a {
background: #fff;
color: #63c1c5;
}
.name {
margin-bottom: 10px;
}
.item .name a{
color: white;
font-size: 18px;
}
.desc {
padding-bottom: 20px;
}
.has-shadow.box:not(.box-overlay):not(.box-shade), .has-shadow .box:not(.box-overlay):not(.box-shade) {
    background-color: #fff;
    border-radius: 10px;
}
.col .post-item button.button.is-shade.is-small.mb-0 {
    border-radius: 99px;
}
.col post-item h5.post-title.is-large {
    color: #d0441d;
}
.dac-diem-section .icon-box-text h4 {
    color: var(--main-col);
}
/*Dịch vụ*/
.title h2:before {
content: "";
position: absolute;
border-top: 10px solid var(--main-col);
border-left: 15px solid transparent;
border-bottom: 7px solid transparent;
border-right: 15px solid transparent;
left: calc(50% - 25px);
bottom: -25px;
width: 50px;
}

.title,.blog-archive .page-title  {
position: relative;
margin: 0 0 25px 0;
text-align: center;
}
.title h2,.blog-archive .page-title span {
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
color: #fff;
background: var(--main-col);
display: inline;
vertical-align: top;
position: relative;
z-index: 1;
padding: 5px 20px;
marrgin-bottom: 20px;
border-radius: 10px;
}
.title h2:before,.blog-archive .page-title span:before {
content: "";
position: absolute;
border-top: 10px solid var(--main-col);
border-left: 15px solid transparent;
border-bottom: 7px solid transparent;
border-right: 15px solid transparent;
left: calc(50% - 25px);
bottom: -25px;
width: 50px;
}
.title h2:after,.blog-archive .page-title span:after {
content: "";
position: absolute;
z-index: 2;
bottom: -18px;
height: 9px;
width: 400px;
left: calc(50% - 200px);
border-top: 2px solid var(--main-col);
}
.list-post .post-item .post-title,.alm-reveal .post-item .post-title {
height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px;
font-size: 16px;
}
.list-post p.from_the_blog_excerpt,.alm-reveal .from_the_blog_excerpt p{
text-align: justify;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/*Hover img logo*/
.post-item .col-inner{border-radius: 8px;}
.post-item .box .image-cover:after {
position: absolute;
content: '';
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: 210px;
background-image: url(/wp-content/uploads/2023/04/An-Gia-Phat-Logo-tach-nen.png);
background-color: rgb(255 255 255 / 27%);
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.post-item .box .image-cover {
position: relative;
overflow: hidden
}
.post-item .box:hover .image-cover:after {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
.alm-reveal {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.alm-reveal .col.post-item {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
}
/*Chi tiết bài viết*/
.is-divider, .blog-single .entry-header .entry-meta {
display: none;
}
.entry-content.single-page {
border-top: 1px solid transparent;
border-image: linear-gradient(0.25turn, rgb(208 67 29), rgb(208 67 29), rgba(56,2,155,0));
border-image-slice: 1;
width: 100%;
}
.meta-related ul {
background: #f7f7f7;
padding: 10px;
border-radius: 5px;
}.meta-related ul li {
list-style: square;
font-size: 15px;
margin-bottom: 5px;
}.meta-related ul li a {
text-transform: none;
}
.thong-tin li{
list-style: none;
margin-left: 0 !important;
}
.thong-tin li h2,.title-lh{
color: var(--main-col);
}
.widget-title span:before {
content: '';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 5px solid black;
left: -5px;
position: absolute;
}
.widget-title  span:after {
content: '';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 5px solid black;
right: -5px;
position: absolute;
}
.widget-title span {
z-index: 1;
font-weight: 700 !important;
display: inline-block;
position: relative;
color: #222;
font-size: 16px;
width: 100%;
text-transform: uppercase;
height: 42px;
padding: 0 15px;
line-height: 42px;
background-color: var(--main-col);
color: #fff;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.widget {
background: white;
border: 1px solid var(--main-col);
border-radius: 4px;
z-index: 2;
position: relative;
}
.widget ul {
margin: 0;
padding: 10px;
}
/*Bài viết liên quan*/
.bai-viet-lien-quan h2 {margin-top:20px;
font-weight: 700;
font-size: 20px;
color: var(--main-col);
}.bai-viet-lien-quan ul {
margin-bottom: 0;
display: inline-block;
width: 100%;
}.bai-viet-lien-quan ul li {
list-style: none;
width: 33.33%;
float: left;
padding-left: 7px;
padding-right: 7px;
}
.bai-viet-lien-quan ul li h3 {
height: 45px;
overflow: hidden;
font-size: 15px;
font-weight: bold;
color: #000;
margin-top: 7px;
line-height: 21px;
}
.bai-viet-lien-quan img {
    border-radius: 5px;
    width: 100%;
    height: 210px;
    object-fit: cover;
}
.bai-viet-lien-quan ul li h3:hover{color:var(--main-col);}
/*4 img mới  */
.img-icon-know img{
	border-radius: 10px;
}
/*--------------Đối tác ---------------- */
.sl-bg-doitac {
	background-color: #ededed;
}
/*-------------con số ấn tượng----------------  */
.con-so-an-tuong-section{
	background-color: var(--main-col);
}
.con-so-an-tuong-section span.count-up.active,h3.ncs_title{
    font-size: 30px;
	color: #fff;
	font-weight: 600;
}
.con-so-an-tuong-section p{
	color: #fff;
	text-transform: uppercase;
	
}
.con-so-an-tuong-section span {
    color: #fff;
    font-size: 30px;
}
.con-so-an-tuong-section .col.medium-4 {
    padding-bottom: 0;
}
h2.title-consoantuong {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
/*Footer form dihi  */
h2.title-form-2 {
    text-align: center;
}
.col-form-2 {
    display: flex;
}
.left-2, .right-2 {
    width: 50%;
}
.left-2 p, .right-2 p{
	width: 98%;
}
.row-form-tv .col-inner {    
    margin-top: 0px;
	padding-top: 25px;
}
.form-right-2 {
    margin-left: 33%;
}
.form-right-2 input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 50%;
}
/*Footer*/
/*ẩn bottom footer  */
.absolute-footer.dark.medium-text-center.text-center {
    display: none;
}
h2.title-cty-footer {
    color: var(--main-col);
    text-transform: uppercase;
}
.line-bt-footer {
    border-bottom: 3px solid var(--main-col);
}
.end-text-footer{
	padding-top: 10px;
}
/* .ft-maps {
opacity: 0.2;
} */
.mwrap {
position: absolute;
top: 0;
width: 100%;
top: 100px;
}
.xwrap{
max-width: 1100px;
margin: auto;
}
.xwrap .f-item{
display: flex;
}
.xwrap .f-item .wrap:nth-child(2):after{content: "";width: 1px;height: 100%;position: absolute;right: 0;BACKGROUND: #11111126;top: 0;}
.xwrap .f-item .wrap:nth-child(2):before{content:"";width: 1px;height: 100%;position: absolute;left: 0;background: #11111126;top: 0;}
.xwrap .f-item .wrap,.row-ft-mb .wrap{
flex: 1;
text-align: center;
background: #fff;
POSITION: RELATIVE;
padding: 20px;
}
.xwrap .f-item .wrap span,.row-ft-mb .wrap span{
width: 70px;
height: 70px;
display: inline-block;
border-radius: 50%;
line-height: 70px;
font-size: 20px !important;
color: #fff;
margin-top: -55px;
top: -27px;
position: relative;
border: 1px solid #ffffff36;
}
.xwrap .f-item .wrap span:hover,.row-ft-mb .wrap span:hover{    transform: scale(1.1); }
.xwrap .f-item .wrap:nth-child(1) span,.row-ft-mb .col:nth-child(1)  .wrap span {
background: #e1b815;
}
.xwrap .f-item .wrap:nth-child(2) span,.row-ft-mb .col:nth-child(2) .wrap span{
background: #db6647;
}
.xwrap .f-item .wrap:nth-child(3) span,.row-ft-mb .col:nth-child(3) .wrap span{
background: #d0441e;
}
.xwrap .f-item .wrap .name,.row-ft-mb .wrap .name {
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
color: black;
}
.xwrap .f-item .wrap .desc,.row-ft-mb .wrap .desc{
font-size: 17px;
padding: 20px;
color: #8d8d8d;
}
.xwrap .f-item .wrap .desc a,.row-ft-mb .wrap .desc a{
color: #8d8d8d;
}
.copyright-footer {
color: white;
}
/*Page news AZ9s Team*/

/* Css cate */
.blog-archive .col.post-item .col-inner{
line-height: 1.5em;
background: #fff;
box-shadow: 0 0 5px rgb(0 0 0 / 25%);
overflow: hidden;
height: 100%;
}
.blog-archive .col.post-item .col-inner:hover{
box-shadow: 1px 2px 15px rgb(0 0 0 / 30%);
}

.blog-archive .col.post-item .box-text{
padding: 15px;
}
.blog-archive .post-item:nth-child(n + 3) .box-text h5{
min-height: 41px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #000;
}

.blog-archive .col.post-item .box-text h5:hover{
color: var(--main-col);
}
.blog-archive .post-item .col-inner{
box-shadow: 0 1px 4px 0 rgb(102 98 98 / 40%);
border-radius: 16px;
overflow: hidden;
height: 100%;
}
.blog-archive .col.post-item:nth-child(1) .image-cover:after, .blog-archive .col.post-item:nth-child(2) .image-cover:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 1;
background: linear-gradient(transparent, #00000085);
pointer-events: none;
backface-visibility: hidden;
transition: opacity .3s;
}
.blog-archive .col.post-item:nth-child(1) .image-cover,
.blog-archive .col.post-item:nth-child(2) .image-cover{
padding-top: 65% !important;
}
.blog-archive .col.post-item:nth-child(1) .box-text,
.blog-archive .col.post-item:nth-child(2) .box-text {
position: absolute;
width: 100%;
max-height: 100%;
bottom: 0;
padding-left: 1.5em;
padding-right: 1.5em;
}
.blog-archive .col.post-item:nth-child(1),
.blog-archive .col.post-item:nth-child(2){
max-width: 50%;
flex-basis: 50%;
}
.blog-archive .col.post-item:nth-child(1) .box-text,
.blog-archive .col.post-item:nth-child(2) .box-text{
padding: 1.5rem !important;
color: #fff;
}
.blog-archive .col.post-item .box-text p.cat-label{
color: #fff !important;
opacity: 1;
font-size: 12px;
font-weight: bold;
}
.blog-archive .post-item .box-text h5{
text-transform: uppercase;
color: #fff;
font-size: 18px;
}
.blog-archive .post-item:hover img{
transform: scale(1.1);
}
.blog-archive .post-item:nth-child(n + 3) .box-text{
padding: 1rem 1.25rem;
border-top: 2px solid var(--main-col);
}
.blog-archive .post-item:nth-child(n + 3) .box-text p.cat-label{
position: absolute;
top: -14px;
left: 1rem;
font-weight: bold;
font-size: 14px;
background-color: var(--main-col);
color: #fff;
padding: .2rem 1rem;
border-radius: 4rem;
opacity: 1;
text-transform: none;
}
.box-blog-post .is-divider{
display: none;
}
/* Hiden divider post*/
.entry-divider.is-divider.small {
display: none;
}
@media only screen and (max-width: 48em){
.blog-archive .col.post-item:nth-child(1), .blog-archive .col.post-item:nth-child(2) {
flex-basis: 100%;
max-width: 100%;
}
/*form mobile dihi 	 */
	.col-form-2 {
    display: inline;
}
	.left-2, .right-2 {
    width: 100%;
}
	.form-right-2 {
    margin-left: 0;
}
	.form-right-2 input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
}
	.left span.wpcf7-form-control-wrap {
    width: 98%;
}
	li.header-contact-wrapper {
    padding-right: 65px;
}
}
/* End Page news AZ9s Team*/
@media (max-width: 549px)
{
.show-for-medium.flex-grow .nav {
justify-content: center;
}
.show-for-medium.flex-grow .nav>li>a>i+span,.show-for-medium.flex-grow .nav>li>a>i {
font-size: 9px !important;
}

.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: #d0441d;
}
.mfp-content .toggle {
    color: #d0441d;
}
.icon-menu:before {
content: "\f550";
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
margin-right: 5px;
}
/*.icon-menu:after {
    content: "Menu";
    color: #fff;
    font-size: 12px;
    font-family: 'Muli';
}*/
.header-main .nav > li > a > i {
    font-size: 16px;
    color: #fff;
    background: var(--main-col);
    border-radius: 4px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nav-sidebar.nav-vertical>li+li {
    border-color: transparent !important;
}
.mobile-sidebar {
    background: #fff;
}
	.row-form-tv {
    padding: 0px;
}
.row-form-tv .col-inner {
    margin-top: 0;
    margin-bottom: -30px;
}
.row-form-tv .form-lien-he .wrap-form {
    flex-direction: column;
}
.row-form-tv .form-right,.row-form-tv .form-lien-he .row-form{
        width: 100%;
        margin-left: 0;
}
.gioi-thieu-section .icon-box .icon-box-text{font-size:15px}
.gioi-thieu-section{padding-top:30px !important; padding-bottom:30px !important}
body{font-size:15px}
.tin-tuc-section .col.post-item .from_the_blog_excerpt,.alm-reveal .from_the_blog_excerpt p  {
font-size: 14px;
text-align: unset;
-webkit-line-clamp: 5;
}
.keu-goi-hanh-dong-section .row-icon .col{flex-basis:33.33%; max-width:33.33%}
.tieu-chi-section .cot1 .col-inner{margin-bottom:20px}
.tin-tuc-section .col.post-item, .blog-archive .post-item {
flex-basis: 100%;
max-width: 100%;
}
.footer-section .cot1{display:none}
.blog-archive .post-item .box-text{padding-bottom:0}
.blog-archive .post-item .from_the_blog_excerpt {display:none}
.bai-viet-lien-quan ul li {
width: 100%;
}
.thong-tin-tac-gia .left{text-align:center}
.thong-tin-tac-gia .left, .thong-tin-tac-gia .right{width:100%; padding-left:0; padding-right:0}
.bai-viet-lien-quan ul li h3{height:auto; font-size:15px}
.blog-archive .post-item .post-title{font-size:15px}
.list-post .post-item .post-title,.alm-reveal .post-title{
font-size: 14px !important; 
height: 39px;
}
.page-right-sidebar .large-3, .blog-single .large-3, .blog-archive .large-3{padding-left:15px}
.form-lien-he .row-form .left, .form-lien-he .row-form .right{width:100%; padding-left:0; padding-right:0}
.footer-section .medium-4{flex-basis: 100%; max-width:100%}
.absolute-footer {
border-top: 1px solid;
}
.row-ft-mb {
width: auto !important;
padding: 20px 0px !important;
}
.row-ft-mb >.col {
padding-bottom: 52.6px;

}
.gioi-thieu-section .col.medium-4{flex-basis:50%; max-width:50%}
}