/* 
Theme Name: diamondgroup 
Description: Dự án được phát triển bởi diamondgroup.vn - Hotline: 0333 079 379 
Theme URI: http://diamondgroup.vn 
Author: Diamondgroup.vn - Hotline: 0333 079 379 
Author URI: http://diamondgroup.vn 
Version: 2023 
Text Domain: diamondgroup.vn*/ 

@font-face { font-family: 'icofont';  src: url('fonts/icofont.woff'); }
@font-face{font-family:'Montserrat-Bold';src:url('fonts/Montserrat-Bold.ttf'); }
@font-face{font-family:'Montserrat-Light';src:url('fonts/Montserrat-Light.ttf');  }
@font-face{font-family:'Montserrat-Regular';src:url('fonts/Montserrat-Regular.ttf'); }  
@font-face{font-family:'Montserrat-Medium';src:url('fonts/SFUEurostileBoldCondensed.TTF'); }  

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;}
strong{font-weight:700;}
b{font-weight:bold;}
ul, ol{list-style:none;}
ul.newer,ul.older{list-style:inside none circle;margin-left:5px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;    width: 100% !important;}

html, body{color:#111;font-family:'Montserrat-Regular',Open Sans, sans-serif;  position:relative ;background: #fff; }
@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1200px;
}}
a{color:#333;text-decoration:none;}
a:hover, a:active, a:focus{color:#333;text-decoration:none;}
a, *{outline:none !important;}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
hr{border-top:1px solid #e5e6e7;}
p{line-height:1.6em;}
input, select, textarea{border:1px solid #e5e6e7;}
table td{border:1px solid #ddd;padding:5px;box-sizing:border-box;}
img {max-width: 100%; height: auto;} 
.btn-success{background-color:#a57019 !important; border-color: #a57019!important;} 
.btn-success:hover,.btn-success:focus,.btn-success:active{background-color: #a57019 !important; border-color: #a57019!important;opacity:0.8}
.padding_left { padding-left:0;}
.padding_right {  padding-right:0}
.nopadding{padding-left:0; padding-right:0}
.display_apad {display:none}
.margin_top {margin-top:2rem}
.margin_bottom{margin-bottom:2rem}
.img_full{width:100%;height:auto}
.wrap{clear:both;}
.display_none{display:none !important}
.notice {  margin-top: 0px!important; width: 100%;}

::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;} 
/*Dùng chung*/ 
.title_home{    color: #000;
font-size: 1.7em; 
text-align: center;
text-transform: uppercase;
position: relative;font-family: 'Montserrat-Bold';margin-bottom:2em}
/*Header*/   
.menu_head{margin-top:0.7em;display: flex}
.menu_head li{display:inline-block;flex-grow: 1;}
.menu_head li a{     display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.menu_head li a:hover{color: #a57019;}
.menu_head li a span{     text-transform: uppercase;
font-size: 10px;
font-weight: 600;
margin-top: 0.5em;}
.menu_head li img{width:4.5em}
.box_menu{width: 100%; display:table;transition: all .3s ease;background-color: #f4f4f4;}
.box_menuchild{display: flex;align-items: center;}
.sdt_head{font-weight: 700;margin-top: 1.33em;display: block;}
.diachi_head{font-weight: 700;margin-top: 1.33em;display: block;font-size: 0.9em;}
.btn_goilaihead{    font-size: 16px;
font-weight: 700;
color: #fff;
text-align: center;
display: inline-block;
min-width: 160px;
line-height: 40px;
border-radius: 50px;
background-color:#a57019;border:0.01em solid #a57019;
text-transform: capitalize; 
box-shadow: none; 
transition: 0.5s;
margin-top: 0.8em;}
.btn_goilaihead:hover,.btn_goilaihead:active,.btn_goilaihead:focus{color:#a57019;background-color: #fff;}
/**/
.ja-search {margin-top:1.5em}
.ja-search form {display:block;    position: relative;  }
.ja-search form input[type="text"]{    width: 100%;
height: 38px;
border: none;
font-size: 14px;
padding: 0 45px 0 10px;
box-sizing: border-box;
color: #999; 
border: 1px solid #ddd;}
.ja-search form input:focus{color:#333;}
.ja-search form button{    width: 45px;
height: 38px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
border: none;
background-color: #9f9f9f;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
cursor: pointer;
color: #fff;}
.ja-search form button:hover{background-color:#a57019}

/* MainMenu */  
.menu_main > li{list-style:none;display:inline-block;position:relative;float:left}
.menu_main > li > a{    padding: 0.9em 1.5em;
display: inline-block;font-weight:600;
position: relative;
text-align: center;
text-transform: capitalize;
transition: all 0.5s ease 0s;
font-size: 1em; } 
.menu_main > .current-menu-item > a,.menu_main > li > a:hover{transition:all 0.5s ease; color: #a57019}
.menu_main > li.menu-item-has-children > a:after{    content:"\ea67";
font-size: 0.9rem;
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;}
/*Cấp 1*/  
.menu_main > li > .sub-menu{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);opacity:0;position:absolute;left:0;top:100%;transform:scaleY(0);transform-origin:0 0 0;transition:all 0.5s ease;visibility:hidden;min-width:270px;z-index:99}
.menu_main > li:hover .sub-menu{opacity:1;visibility:visible;transform:scaleY(1)}
.menu_main > li > .sub-menu > li{position:relative}
.menu_main > li > .sub-menu > li > a{    display: block; 
font-weight: 400;font-size:0.9em;
font-style: normal;
padding: 4px;
color: #444;
text-align: left; 
transition: all 0.5s ease 0s;}
.menu_main > li > .sub-menu > li.menu-item-has-children > a:before{content:"\ea69";
font-size: 0.9rem;margin-right:0.3em;
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;}
.menu_main > li > .sub-menu > .current-menu-item > a{font-weight:600;color:#a57019}
.menu_main >li> .sub-menu >li >a:hover{padding-left:10px;color:#a57019;transition: all 0.5s ease 0s;}
/*Cấp 2*/ 
.menu_main > li > .sub-menu > li >.sub-menu{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);opacity:0;position:absolute;left:100%;top:0;transform:scaleY(0);transform-origin:0 0 0;transition:all 0.5s ease;visibility:hidden;min-width:180px;z-index:99}
.menu_main > li > .sub-menu > li:hover .sub-menu{opacity:1;visibility:visible;transform:scaleY(1)}
.menu_main > li > .sub-menu > li >.sub-menu > li > a{display:block; font-weight:400;font-style:normal;padding:4px;color:#444;text-align:left;text-transform:capitalize;font-size:0.9em}
.menu_main > li > .sub-menu > li >.sub-menu > .current-menu-item > a{font-weight:600;color:#a57019}
.menu_main > li > .sub-menu > li >.sub-menu > li > a:hover{padding-left:10px;color:#a57019;transition: all 0.5s ease 0s;}
/*===  Sticky Menu =====*/.stick > .header-top{display:none}
#sticker.stick{position:fixed;top:0;transition:all 0.5s ease;width:100%;z-index:99;background:#fff} 
/*Dịch vụ*/
.tieude_homectdichvu{color: #a57019;
font-size: 1.2em;
margin: 1em 0 0.2em;
text-transform: uppercase;
text-align: center; 
font-weight: 600;} 
.noidung_homectdichvu{text-align:center}
.img_homectdichvu{border-radius: 20px;}
/*Chi tiết dịch vụ*/
.box_homectdichvu{padding:3em 0} 
.tieude_homedichvuchinh {
font-size: 1.5em;
margin-bottom: 1em;
text-transform: uppercase;
color: #a57019;
font-weight: 600;
text-align: center;
}
.box_homedichvumain{padding: 0 4em;} 
.box_dichvuchild{    height: 100%;
width: 100%;  
position: relative;} 
.img_homedichvu:hover{opacity:0.7}
.img_homedichvu{ border-top-right-radius: 15px; border-top-left-radius: 15px;}
.box_noithatlq{margin-bottom:2em}
.box_dichvuchild h3{    text-transform: uppercase;
font-size: 0.9em;
color: #fff;
background-color: #454545;
height: 55px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
padding: 0 0.5em;
text-align: center;
line-height: 1.6em;}
.box_dichvuchild:hover h3{color: #fff;background-color:#a57019;}  
/*Home sản phẩm*/ 
.row_pro {  margin-right: -5px; margin-left: -5px;} 
.box_productchild {position: relative;
display: block;
margin: 0;
padding: 10px;
color: #666;
background: #fff;
border-radius: 3px;
text-decoration: none;
transition: transform .35s;
overflow: hidden; 
border: 1px solid rgba(0,0,0,.1);
}
.box_productchild:hover {
-webkit-box-shadow: 0px 0px 5px 0px rgba(204,206,204,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(204,206,204,1);
box-shadow: 0px 0px 5px 0px rgba(204,206,204,1);
}
.icon_sale {
position: absolute;
left: 0.5em;
top: 0.5em;
background: #ed1c24;
font-size: 13px;
padding: 0.1em 0.3em;
color: #fff;
z-index: 1;
border-radius: 0.2em;
}
.icon_tragop {
position: absolute;
right: 0.5em;
top: 0.5em;
background: #ffdc00;
font-size: 13px;
padding: 0.3em 0.5em;
color: #000;
z-index: 1;
border-radius: 5px;
}
.title_product h3{    color: #333;
    font-family: 'Montserrat-Bold';
    text-align: center;
    line-height: 1.5em;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0.5em 0;
}
.product-price {     color: #e10531;
font-family: 'Montserrat-Bold';
text-align: center;
font-size: 0.9em;
margin-top: 0.5em;} 
/*Giới thiệu*/
.box_gioithieumain{padding:4rem 0; position: relative; }  

.box_gioithieumainchild{margin:0 auto}
.tieudegioithieu {     text-transform: uppercase;
    color: #a57019;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.2em;}  
.noidunggioithieu{    text-align: justify;
position: relative;  }
.noidunggioithieu h2{    font-size: 2em;
    line-height: initial;
    margin-top: 10px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-family: Montserrat-Bold;
    text-align: left;}
.noidunggioithieu h3{margin-bottom:0.5em;font-weight: 600;}
.noidunggioithieu p{line-height:1.8rem} 
.boxnoidung_gioithieu{margin:2em 0}
.boxnoidung_gioithieuchild{  
    box-shadow: 0px 0px 15px #d8d8d8;
    height: 100%;
    background-color: #fff;
    border-top: 5px solid #a57019; 
    border-radius: 10px; }
.noidung_gioithieu{     padding: 1em;
    text-align: justify;
    font-size: 0.9em;}
.boxnoidung_gioithieu img{     text-align: center;
margin: 0.9em auto 0;
display: table;    
-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;}
.boxnoidung_gioithieuchild:hover img{     -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
.boxnoidung_gioithieu h3{    display: block; 
    font-size: 1.1em;
    padding-top: 0.8em; 
    text-align: center; 
    font-weight: 600;}
.boxnoidung_gioithieu:hover h3{ 
color:#a57019; }
/*Dự án tiêu biểu*/
.box_duantieubieu {    position: relative;
    padding-top: 70px;
    overflow: hidden;}
.box_duantieubieu:before { content: "";
    background-image: url("images/bg_xaydung.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 550px;
background-attachment: fixed;background-size:cover}
.tieude_danhmucxaydung{color: #fff;margin-bottom: 0.5em;}
.title_thietkethicong{margin-top:3em}
.tieude_danhmucxaydung1{    position: relative;
    width: 900px;
    margin: 0 auto;
    color: #fff;} 
.navbar-header { 
margin: 2em auto; position: relative;
}
.shop_tabnav { position: relative; margin: 10px 0;  
min-height: 35px;} 
.shop-tab li a {     -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    background: #f7f8fa;
    color: #a57019;
    border: solid 1px #eee;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.shop-tab li a img{height:3.5em}
.nav_danhmucduan a h4{padding: 0.5em 0;}
.shop-tab { border-bottom: 0;flex-direction: row;justify-content: center;} 
.shop-tab a.active ,.shop-tab a:hover {border-color:#a57019;color:#fff;background-color:#a57019}
.shop-tab a.active img,.shop-tab a:hover img{filter: brightness(0) invert(1);}
.box_duanchild {position:relative;overflow:hidden; transition-duration: 0.4s;
animation: winanim 0.5s;
-webkit-backface-visibility: visible;
backface-visibility: visible;}
@keyframes winanim {
0%{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}

} 
.box_duanchild img{ width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.box_duanchild:hover img{    -webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);} 
.box_duantitle{    position: relative;
    box-shadow: 0px 6px 15px rgba(14,18,29,0.06);
    margin-bottom: 30px;
    background: #fff;
    padding:1em;}
.box_duantitle h3{    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 600;
    font-size: 1em;
    height: 43px;} 
 
/*Nội thất*/
.box_noithat{margin:3em 0}
.box_homenoithat{margin-bottom:2em}
.box_noithatchild {
    background: #f2f3f6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 100%;
}
.box_noithatchild:hover{
-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);}
.img_homenoithat{display:block;position:relative;overflow:hidden}
.img_homenoithat img{ border-top-right-radius: 5px; border-top-left-radius: 5px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.img_homenoithat:hover  img{-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
transform: scale(1.2);}
.box_noithataction{padding: 20px 15px;}
.box_noithataction h3{    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 600;
    font-size: 1em;
    height: 43px;}
.btn_xctnoithat{     font-size: 0.9em;
    margin-top: 0.4em;
    display: block;
color: #a57019;}
/*Thiết kế - Thi công*/
.owl-dots{margin-top: 2em;}
/*Đăng ký tư vấn*/
.box_hometuvan{background:#454545;padding:2em 0}
.box_hometuvan h3{    color: #fff;
padding:0.5em 0;
font-size: 24px;font-family: 'Montserrat-Bold';text-align:center;
text-transform: uppercase;} 
.btn_dktuvanhome{  
display: table;
padding: 0.8em 2em;
color: #fff;
text-transform: uppercase;
background-color: #a57019; 
box-shadow: 0px 15px 20px -15px rgba(68, 16, 16, 1.0);
-webkit-box-shadow: 0px 15px 20px -15px rgba(68, 16, 16, 1.0);
border-radius: 62px; 
font-weight: bold; }
.btn_dktuvanhome:hover{background-color:#fff;color:#a57019}

@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse ;   animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:1}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}


/*Clip*/
.boxvideo_child{margin-bottom:1.5em}
.video_img{    content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #00000069;
z-index: 1;
left: 0;
top: 0;}
.video_img img{webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}
.video_img:hover img{opacity:.65!important;-moz-opacity:.65!important;-khtml-opacity:.65!important;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65)!important;filter:alpha(opacity=65)!important;-webkit-backface-visibility:hidden}
.play{cursor:pointer;display:block;width:45px;height:45px;background:transparent url(images/iconvideosau.png) no-repeat left top;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-size: 100%;}
.box_video a{display:block;position:relative;margin-bottom:8px;background-color:#000}
.video_img:hover .play{background:transparent url(images/iconvideotruoc.png) no-repeat left top;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in;background-size: 100%;}

.title_videochild{color:#333;font-weight:600;height:45px;display:inline-block;margin-bottom:1.5em;overflow:hidden;     line-height: 1.5em;
font-size: 1em;}

/*Poup form*/ 
.popup-overlay:before{left:0;top:0;content:"";width:100%;height:100%;z-index:0;background-color:#0000008a;position:fixed}
.popup-overlay{    visibility: hidden;
width: 100%;
margin: 0 auto;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
-webkit-overflow-scrolling: touch;
outline: 0;
padding-top: 3rem;}
.popup-overlay.active{visibility:visible;text-align:center}
.popup-overlay_child{float:none;padding:0;border-radius:.2em;margin:0 auto;background-color:#fff}
.closeaaa{top:-10px;position:absolute;right:-10px;height:30px;width:30px; 
line-height: 24px; 
background-color: #fff;
border-radius: 50%;
color: #4c4c4c;
border: none; 
display: inline-flex; 
padding-left: 0.7rem;}
.popup-overlaygoilai:before{left:0;top:0;content:"";width:100%;height:100%;z-index:0;background-color:#0000008a;position:fixed}
.popup-overlaygoilai{    visibility: hidden;
width: 100%;
margin: 0 auto;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
-webkit-overflow-scrolling: touch;
outline: 0;
padding-top: 3rem;}
.popup-overlaygoilai.active{visibility:visible;text-align:center}

.popup-dathang:before{left:0;top:0;content:"";width:100%;height:100%;z-index:0;background-color:#0000008a;position:fixed}
.popup-dathang{    visibility: hidden;
width: 100%;
margin: 0 auto;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
-webkit-overflow-scrolling: touch;
outline: 0;
padding-top: 3rem;}
.popup-dathang.active{visibility:visible}

.popup-overlaysearch:before{left:0;top:0;content:"";width:100%;height:100%;z-index:0;background-color:#0000008a;position:fixed} 
.popup-overlaysearch{ visibility:hidden;   width: 100%;
margin: 0 auto;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
-webkit-overflow-scrolling: touch;
outline: 0;
padding-top: 3rem;}
.popup-overlaysearch::-webkit-scrollbar { width: 0;}
.popup-overlaysearch.active{visibility:visible;text-align:center}
/*Poup*/
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;z-index:100;display:none}
.popup_child{float:none;margin:0 auto}
.popup{width:100%;margin:0 auto;display:none;position:fixed;z-index:101;top:10%}
.contenpopup{background:#d5d5d5;position:relative;padding:.5em;border-radius:3px;box-shadow:0 2px 5px #000}
.contenpopup > .closepopup{cursor:pointer;top:-10px;position:absolute;right:-10px;height:30px;width:30px;text-align:center;line-height:25px;font-size:1em;background-color:#fff;border-radius:50%;color:#4c4c4c}
#overlay{display:block}
/*======= Modal form ===*/
.modal-tit {    color: #fff;
text-align: center;
font-family: 'Montserrat-Bold';
font-size: 1.5em;}
.modal-head {background:#a57019;color:#fff;display:block}
/*Đặt lịch*/
.box_datlich{    background-color: #e7e7e7;
position: relative;
overflow: hidden;}
.form_datlichhen h4{    font-size: 1.6rem;
margin: 1.5em 0 0.5rem;
color: #a57019;text-transform: uppercase;
font-weight: 600;}
.form_datlichhen p{color: #003aa6;font-weight: 600;margin-bottom:1.5rem;font-size:1.3rem}
.noidung_thamkhamvatuvan {
background-color: #a57019;
position: absolute;
bottom: 0;
width: 100%;
padding: 0.4rem 1rem;color:#fff;
}
.noidung_thamkhamvatuvan span {
background-color: #fff;
float: left;
border-radius: 50%; 
width: 3.5rem;
height: 3.5rem;
margin-right: 1rem;
text-align: center;
line-height: 4.5rem;
}
.noidung_thamkhamvatuvan span i{font-size:2rem;color:#a57019}

.form-control::-moz-placeholder{color:#333;opacity:1}
.form-control:-ms-input-placeholder{color:#333}
.form-control::-webkit-input-placeholder{color:#333}
.img_datlichhen{padding-right:0;position:relative}
.title_datlich{position:relative;padding-bottom:.3em;font-weight:400;margin-bottom:1em;color:#fff} 
.input-group p,.wpcf7-form-control-wrap{width:100%}
.form-control{border-radius:5px!important;padding:5px 10px 5px 35px!important;margin-bottom:1rem;background-color:#fff}
.icon_hoten,.icon_sdt,.icon_email,.icon_ngaydatlich{height:45px}
.icon_hoten{background:url(images/icon_hoten.png) no-repeat 1.5% 50%;background-size:25px}
.icon_sdt{background:url(images/icon_sdt.png) no-repeat 1.5% 50%;background-size:25px}
.icon_email{background:url(images/icon_email.png) no-repeat 1.5% 50%;background-size:25px}
.icon_tieude{background:url(images/icon_tieude.png) no-repeat 1.5% 50%;background-size:25px}
.icon_ngaydatlich{background:url(images/icon_ngaythang.png) no-repeat 1.5% 50%;background-size:25px}
.icon_noidung{background:url(images/icon_noidung.png) no-repeat 0 3%;background-size:32px}
.wpcf7-spinner{position:absolute}
/*Gọi lại*/
.btndatlichhen { 
padding: 0.5rem 3rem!important;
text-align: center;
display: inline-block;
margin: 0 auto;}
.input_gl > span > input {     padding: 5px 10px 5px 50px !important;   min-height: 45px !important;}
.btngoilai {background-color: #2d4586;    margin-top: 20px; 
color: #fff;  width: 100%;}
.frm_goilai .wpcf7-validation-errors ,.input_gl span .wpcf7-not-valid-tip{color:red}

/*Home tin tức*/
.box_hometintuc{padding:3rem 0; }
.box_homepost {background-color:#fff; position: relative; 
-webkit-transition: all ease 500ms;
-o-transition: all ease 500ms;
transition: all ease 500ms;box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 50%);    margin-bottom: 1em;}
.box_homepost:hover{-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-bottom-color:#000}
.box_homepostchild {position: relative; overflow:hidden}
.box_homepostchild img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.box_homepostchild:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.post-categories ,.post-categories li{display:inline-block}
.box_homepostcontent {padding: 25px 30px 20px; }
.box_thoigian {color: #727272;margin-right:0.5rem;font-size:0.9em}
.box_homepostcontent h3{    margin: 12px 0 0;
    color: #a57019;
    font-size: 1rem;
    line-height: 1.3em;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;} 
/*Đăng ký */
.box_datlich  {  background: url(images/bg_datlich.jpg) center center no-repeat; background-size:cover; }
.box_datlichchild {background:#00000082;    padding: 30px 0px; }
.title_datlich h2 {display: inline-block; 
width: 100%; color:#fff; font-family: 'Montserrat-Bold';
line-height: 100px;font-size:2rem}
.title_datlich img {    float: left;    filter: brightness(0) invert(1);}

.form_datlich .input-group .form-control { background-color:#fff!important;
border-radius: 5px !important;
padding: 5px 10px 5px 30px !important; 
min-height: 45px !important;}
/*Quy trình*/
.box_quytrinh{padding: 4em 0; background-repeat: no-repeat; background-size: cover;} 
.tieudemainquytrinhlamviec{color: #a57019;margin-bottom: 2em}
.box_quytrinhlv{text-align:center}
.box_quytrinhlv img{height:190px}
.box_quytrinhlamviec{padding:0 2em}
.box_quytrinhlamviec h3{     text-transform: uppercase;
    font-size: 1em;
    color: #fff;
    margin: 1.5em 0 1em; 
    font-family: 'Montserrat-Bold';} 
.box_quytrinhlv p{text-align:justify;color:#fff; font-size: 0.9em;}
/*Hình ảnh thi công*/
.box_hinhanhthicong{padding:4em 0;} 
/*Ý kiến khách hàng*/
.box_ykienkh {  padding: 4em 0;
    background-repeat: no-repeat;
    background-size: cover; } 
.ykienkhachhang .owl-stage-outer .owl-stage{display: flex;}
.itemykkh{    display: flex;
    flex-direction: column;
    height: 100%;}
.box_ykienkhchild{  display: flex;
    flex-direction: column;
    height: 100%;  border-radius: 15px;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.des{    text-align: justify;
    font-size: 1.1em;
    padding: 20px;    flex: 1;}
.flex{    display: flex;
    align-items: center;
    padding: 15px;
    background: #a57019;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.thumb{    width: 67px;
    height: 67px;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid #fff;}
.name-job{    color: #fff;
    width: calc(100% - 65px);
    padding-left: 14px;}
.name{    font-size: 20px;
    display: block;}
	
.ico_quote{ background-image: url('images/quote.png');
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 32px;
    right: 15px;
opacity: 0.5;	}
/*Sosial*/
.social_list{margin-top:1rem;display:table}
.social_list li{float:left} 
.social_list li a{  display: block;
width: 2.5em;
height: 2.5em;
margin-right:0.5em;
text-align: center;
line-height:2.7em;
color: #fff; border-radius: 50%;
} 
.social_list li a:hover{opacity:0.8}
.social_list li a i{font-size:1.2em}
.icon_twitter{background-color:#1DA1F2}
.icon_youtube{background-color:#DB4C3F}
.icon_facebook{background-color:#3B5998}
.icon_zalo{background-color:#18b6fd}
.icon_linkedin{background-color:#0b66c3}
.icon_flikr{background-color:#0062dd}
.icon_instagram{background-image:linear-gradient( 267deg,#f98a00 10%,#ff0303 100%)}
.icon_pinterest{background-image:linear-gradient( 267deg,#F7302E 10%,#B33575 100%)}
/*Footer*/ 
.box_footer{color:#fff;position:relative;overflow:hidden;background-size:cover;
    background-color: #161616; 
    background-position: top 15px center;
    background-repeat: no-repeat; 
} 
 
.box_footerchild{padding: 3rem 0; } 
.thongtinfooter h3,.thongtinfooter h4{margin-bottom:1rem;font-weight: 600;text-transform:uppercase}
.thongtinfooter strong{margin-bottom:1rem}
.thongtinfooter p{padding:0.2rem 0; }


.menu_footer li a { margin-bottom: 0.5em;position:relative;color: #fff;display:block}
.menu_footer li a:before {    content: "\ea69";
font-size: 0.9rem;
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;}

.box_designby{    background-color:#212121; color: #fff;padding:0.5rem 0;text-align:center} 
.box_designby p{font-size: 0.9rem;}
.box_designby a{color: #fff;}

.back-to-top {    position: fixed;
bottom: 7rem;
right: 0.2rem;
display: none;
cursor: pointer;
width: 2.5rem;
height: 2.5rem;
background-color: #9e9e9e;
border-radius: 50%; 
text-align: center;}
.back-to-top i{ font-weight: 600;
color: #fff;
font-size: 30px; 
line-height: 1.3em; }

/*Văn phòng*/
.box_vanphong{    padding-top: 2em;
border-top: 0.01em solid #ffffff38;
position: relative;}
.tieude_vanphong{    text-transform: uppercase;
font-weight: 600;
margin-bottom: 1em;}
.diachi_vanphong{    background-color: #fff;
color: #000;
padding: 0.5em;
line-height: 1.3rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 600;
font-style: italic;    font-size: 0.8em;}
/*Hỗ trợ*/
.rollOut{animation-name:rollOut}
@keyframes zoomIn {
from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}

@-webkit-keyframes arcontactus-pulse {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
50%{opacity:.5}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}   

.support-online{position:fixed;z-index:999;left:40px;bottom:40px}  
.support-online a.hotro_phone{background-color: #4EB625;}
.support-online a.hotro_facebook{background-color: #0084ff;}
.support-online a.hotro_zalo{background-color: #18b6fd;}
.support-online a > svg{margin-top: 0.7em;}

.support-online a{position: relative; 
text-align: center;
width: 45px; 
height: 45px;
border-radius: 100%;
display: block;margin-bottom: 1em;}

.support-online a .box_iconsvg{ background-color: #a57019;
position: relative; 
text-align: center;
width: 45px;
height: 45px;z-index:1;
border-radius: 100%; 

} 
.support-online a .box_iconsvg >svg{margin-top: 0.8em;
-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;

}
@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}	

.animated.infinite{animation-iteration-count:infinite}
.pulse{animation-name:pulse}
.animated{animation-duration:1s;animation-fill-mode:both}
.zoomIn{animation-name:zoomIn}

.alo-circle-fill{width: 65px;
height: 65px;
top: -10px;
left: -10px;
position: absolute;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color:#a5701987;
opacity: .75;}
.alo-circle{    width: 60px;
height: 60px;
top: -7px;
left: -7px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30,30,30,.4); 
border-color: #a57019;
opacity: .5;}

.support-online a span {
border-radius: 2px;
text-align: center;
background: #a57019;
padding: 6px 5px 6px 0;
display: none;
width: 140px;
margin-left: 20px;
position: absolute;
color: #fff;
z-index: 999;
top: 0.3em;
left: 43px;
transition: all .2s ease-in-out 0;
-moz-animation: headerAnimation .7s 1;
-webkit-animation: headerAnimation .7s 1;
-o-animation: headerAnimation .7s 1;
animation: headerAnimation .7s 1;
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
}
.support-online .btn-support{cursor:pointer}
.support-online a:hover span{display:block} 
.support-online a span:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 18px 18px 18px 0;
border-color: transparent #a57019 transparent transparent;
position: absolute;
left: -17px;
top: 0px;
}
/*Scrollbar*/ 
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;}
::-webkit-scrollbar-thumb{border-radius:10px;    background-color: #9e9e9e;
background-image: -webkit-linear-gradient(
45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}