/*Head*/ 
.boxed{width:100%;padding:20px 0;background:#00a046}
.boxed h3{color:#fff;padding:5px 0;font-size:24px;font-weight: 700;}
.boxed .btn-border{float:right;font-weight: 600;}
.btn-border { border: 1px solid #fff; color: #fff;}
.btn-border:hover{color:#00a046; background:#fff}
.btn-wite:hover{color:#00a046}
/*Home lĩnh vực hoạt động*/
.elementor-shape-fill {fill: #00a046;}
.elementor-shape-bottom .elementor-shape-fill {fill: #2EC4F9;}
.elementor-shape-bottom {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
 
.icon_linhvuchoatdong i{ color: #CC1B1B;
font-size: 2em;
display: table;
margin: 0 auto;
font-weight: 600;} 
.menufooter p a {color:#fff;font-size: 13px;}	
.menufooter p a::before {
content: "\f058";
font-size: 0.9em;
font-family: Flaticon;
margin-right: 0.5em;
color: #fff;  
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;  
}
.tieude_linhvuchoatdong {color: #54595F;
font-size: 1.2em;
text-transform: uppercase;
padding: 0.3em 0;
text-align: center;
font-weight: 600;}  
/*Home kiến trúc*/
.box_hometkkientruc {margin:5em 0}
.title_tkkt {margin-top:3em;margin-bottom:0.5em}
.menu_tab {display: table; margin: 2em auto;} 
.menu_tab li{display: inline-block;margin: 0 0.5em;} 
.menu_tab li a{ display: inline-block;
border-radius: 0;
cursor: pointer;
margin: 0;
width: 100%;
color: #7f7f7f;
text-transform: uppercase;
border: 1px solid #f1f1f1;
padding: 10px 10px;
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-ms-transition: all .9s ease; 
transition: all .9s ease;
font-size: 0.8em; 
font-weight: 600;}
.menu_tab li a.active{color: #fff;
background: #00a046;
border: 1px solid #00a046;}

.box_kientruc {  
border: 1px solid #cacaca;
padding: 5px;
border-radius: 1px; 
box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);  margin-top: 2em;}
.imgkientruc img {width:100%;}
.title_kientruc {    line-height: 1.3em; 
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 3em;
display: -webkit-box;
-webkit-box-orient: vertical;
margin-top: 0.5em; font-weight: 600;
}

h3.title_kientruc:hover {
color: blue;
}
/*Home tin tức*/
.post_contenthome h3 {    padding-bottom: 10px;
font-size: 16px;
text-transform: uppercase;margin-top:1em;color: #333; font-weight:600}
.recent_post {font-size: 11px;
padding: 6px 0 5px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
margin-bottom: 15px;
text-transform: uppercase;}
.recent_post span {margin-right: 5px;}
.recent_post span i {
margin-right: 5px;
color: #ccc;
}
.content_homett {margin-bottom: 15px;}


.btn-effect{overflow:hidden}
.btn-effect:before{left:auto;right:10px;z-index:2}
.btn-effect:before{position:absolute;height:100%;left:0;top:0;line-height:3;
width:60px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
transition:all .6s ease}
.btn-effect:after{content:"";position:absolute;width:50%;height:230%;z-index:1;right:0;
top:0;margin:-30px -10px 0 -50px;transform-origin:0 0 0;-webkit-transform:rotate(-20deg);
-moz-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;transition:all .6s ease}
.btn-effect:hover:after{width:60%}
.btn-effect{background:#00a046;position: relative; color:#fff;border-radius: 0;text-transform: uppercase; letter-spacing: 1px;}
.btn-effect:after{background:rgba(0,0,0,.1)}	
.btn-effect:hover{background:#00a046; color:#fff}
.btn-effect:after{background:rgba(255,255,255,.2)}
.box_hometintuc {margin-bottom:3em}

/**/
.formtuvan >div > form >.wpcf7-validation-errors{color:#fff}	


/*Thiết kế quán cà phê*/ 

.textwidget{
padding-top: 25px;
padding-bottom: 25px;
}   
.nv-primary-block-wrap{
border: 1px solid #cccc;
box-shadow: 0 2px 2px #cacaca;
}

.nv-post-thumb img {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
width: 100%;
}

.nv-post-content {
height: 117px; 
}

.nv-post-content h3 {
margin-top: 3px;
margin-bottom: 0;
}

.nv-post-content h3 a {
font-size: 16px;
text-transform: uppercase;
}


.hinhanh{
position: relative;
height: 280px;
}

.box_product {
margin-bottom: 30px;
box-sizing: border-box;
}

.spacer-product {
position: relative;
display: block;
margin: 0;
color: #666;
background: #fff;
text-decoration: none;
transition: transform .35s;

margin-top: 0px;
}




.sanpham-img1 img {
object-fit: scale-down;
width: 100%;
height: 100%;
display: block;
margin: auto;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all all 0.2s ease-in-out ease;
-moz-transition: all all 0.2s ease-in-out ease;
-ms-transition: all all 0.2s ease-in-out ease;
-o-transition: all all 0.2s ease-in-out ease;
transition: all all 0.2s ease-in-out ease;
}


.nv-post-thumb1 {
padding: 5px;
border: 1px solid #ccc;
box-shadow: 3px 3px 1px #cacaca;
height: 210px;
}



.nv-post-content1 a {
border: 1px solid #ccc;
border-top: 0;
background: #f4f4f4;
box-shadow: 3px 3px 1px #cacaca;
padding-left: 0px;
padding-right: 5px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 48px;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 0.8em;
font-weight: 600;
padding: 0.5em 0;
}

.nv-post-thumb1:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

.nv-post-thumb1:hover img{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

.nv-post-content22 {
display: block;
width: 100%;
margin: 0;
float: none;
height: 223px;
}

.nv-post-title22 {
line-height: 20px;
padding-bottom: 5px;
padding-top: 5px;
text-transform: capitalize;
font-size: 18px;
/* font-weight: 700; */
padding-left: 10px;
}

h3.nv-post-title22 a:hover {
color: blue;
}

/*Thiết kế khách sạn*/

.hinhanh2{
position: relative;
height: 280px;
}

.box_product2 {
margin-bottom: 30px;
box-sizing: border-box;
}

.spacer-product2 {
position: relative;
display: block;
margin: 0;
color: #666;
background: #fff;
text-decoration: none;
transition: transform .35s;
overflow: hidden;
width: 301px;
height: 301px;
margin-top: 0px;
}

.nv-post-thumb2 {
padding: 5px;
border: 1px solid #ccc;
box-shadow: 3px 3px 1px #cacaca;
height: 224px;
}



.sanpham-img2 {
padding: 0em 0;
display: block;
width: 274px;
height: 274px;
margin: auto;
position: absolute;
top: -27px;
left: 14px;
}

.sanpham-img2 img {
object-fit: scale-down;
width: 100%;
height: 100%;
display: block;
margin: auto;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all all 0.2s ease-in-out ease;
-moz-transition: all all 0.2s ease-in-out ease;
-ms-transition: all all 0.2s ease-in-out ease;
-o-transition: all all 0.2s ease-in-out ease;
transition: all all 0.2s ease-in-out ease;
}
.title_product2 h3 {
padding-top: 5px;
padding-bottom: 5px;
top: 125px;
position: absolute;
}

.nv-post-title2 {
line-height: 20px;
margin: 0 0 3px;
}

.nv-post-title2 a {
text-transform: none !important;
font-weight: normal;
font-family: Arial;
font-size: 15px !important;
padding: 10px !important;
}

.nv-post-content2 {
border: 1px solid #ccc;
border-top: 0;
background: #f4f4f4;
box-shadow: 3px 3px 1px #cacaca;
padding-left: 0px;
padding-right: 5px;
text-align: center;
}

.nv-post-thumb2:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

.nv-post-thumb2:hover img{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

/*Đối tác khách hàng*/

.box_doitackh {
background: #cdcfc9;
padding-bottom: 4em;
padding-top: 1em;
margin-top: 2em;
}

/* Công trình nổi bật*/

.mota{
text-align: center;
}



.giuchutin1{
text-align: center;
}

.nv-post-thumb, .nv-slide-thumb {
overflow: hidden;
}

.nv-post-thumb img, .nv-slide-thumb img {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
width: 100%;
}

.nv-post-content {
overflow: hidden;
padding: 10px 4px 4px;
}

.nv-post-title  {
line-height: 20px;
padding-bottom: 5px;
padding-top: 5px;
text-transform: capitalize; 
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 50px;
display: -webkit-box;
-webkit-box-orient: vertical;
}

.nv-alt-grid-post {
flex-direction: column;
display: inline-block;
float: none;
margin-left: 3px;
margin-right: 0;
vertical-align: top; 
border: 1px solid #cacaca;
padding: 3px;
border-radius: 1px;
margin: 3px;
box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);
background-color: #fff;
margin-bottom: 9px;
}

.homecongtrinh {
margin-bottom: 35px;
}
.wrapper {
max-width: 1332px;
padding: 0 15px;
margin: 0 auto;
}

.titleHome {
margin-bottom: 10px;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
}

.titleHome a {color: #00a046;
display: table;
margin: 1rem auto;
}

.titleHome h2 {
text-transform: uppercase;
}
.titleHome h2 {
font-size: 18px;
line-height: 26px;
font-weight: 540;
color: #1b448e;
}