/* 
Theme Name: Template
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: 2024 
Text Domain: diamondgroup.vn*/ 

@font-face { font-family: 'Flaticon';  src: url('fonts/Flaticon.woff'); }  
@font-face{font-family:'SVN-Gilroy-Black';src:url('fonts/SVN-Gilroy-Black.otf'); }
@font-face{font-family:'SVN-Gilroy-Bold';src:url('fonts/SVN-Gilroy-Bold.otf');  }
@font-face{font-family:'SVN-Gilroy-Heavy';src:url('fonts/SVN-Gilroy-Heavy.otf'); }  
@font-face{font-family:'SVN-Gilroy-Light';src:url('fonts/SVN-Gilroy-Light.otf'); }  
@font-face{font-family:'SVN-Gilroy-Medium';src:url('fonts/SVN-Gilroy-Medium.otf'); }
@font-face{font-family:'SVN-Gilroy-Regular';src:url('fonts/SVN-Gilroy-Regular.otf');  }
@font-face{font-family:'SVN-Gilroy-SemiBold';src:url('fonts/SVN-Gilroy-SemiBold.otf'); }  
@font-face{font-family:'SVN-Gilroy-Thin';src:url('fonts/SVN-Gilroy-Thin.otf'); }  
@font-face{font-family:'SVN-Gilroy-XBold';src:url('fonts/SVN-Gilroy-XBold.otf'); }
@font-face{font-family:'SVN-Gilroy-Xlight';src:url('fonts/SVN-Gilroy-Xlight.otf');  } 

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:'SVN-Gilroy-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:#067443 !important; border-color: #067443!important;} 
.btn-success:hover,.btn-success:focus,.btn-success:active{background-color: #067443 !important; border-color: #067443!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{     font-size:2em;
text-align: center;
text-transform: uppercase;
margin-bottom: 2em;
font-family: SVN-Gilroy-Bold;
position: relative; 
padding-bottom: 0.5em;  }
.title_home:before{ position: absolute;
left: 0;
right: 0;
content: "";
width: 2em;
height: 0.05em; 
background-color: #067443;
margin: 0 auto;
bottom: 0;}
/*Header*/  
.box_headtop{background-color:#2e2e65;padding:0.3em 0} 
.box_logomain{background: #fff;z-index: 9;}
.box_logomain:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
width: 100vw;
background-color: inherit;
z-index: -1;
}
.box_logo{width: 119px;position: relative; padding: 0.3em 0;} 

.sdt_head,.sdt_head:hover{color: #fff;}
.box_tencongty{text-align:center}
.box_tencongty p{font-size: 0.75em;color: #fff;line-height: 1.9em;}

.social_head{display: flex;float:left} 
.social_head li{    display: inline-block;
width: 1.3em;
height: 1.3em;
line-height: 1em;
background-color: #fff;
border-radius: 50%;
text-align: center;
margin: 0.15em 0.5em 0;} 
.social_head li a i{font-size:0.8em}

.btn_icontimkiem{    display: flex;
float: right;
color: #fff;
margin-top: 0.3em;}
.btn_icontimkiem:hover, .btn_icontimkiem:active, .btn_icontimkiem:focus{color: #fff;}
.box_ngonngu{ text-align: right; margin-right: 2.2em;line-height: 1.3em;}
.box_ngonngu a{display: inline-block; margin: 0 0.2em; }
.box_ngonngu a img{opacity:1 !important} 
/**/
.box_search{    display: flex;
justify-content: center;
align-items: center;} 
.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 !important;
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:#067443}

#frmtimkiem{top: 30%;}
#frmtimkiem .icon_close{position: absolute; 
background-color: #292929;
width: 2rem;
height: 2rem;
border-radius: 50%;
top: -1rem;
color: #fff;
right: -1rem;
display: block;
cursor: pointer;z-index: 1;}
/* MainMenu */ 
.box_menumain{background-color:#067443; position: relative; z-index: 9;}
.box_menumain:after {
content: "";
position: absolute;
content: '';
top: 0;
bottom: 0;
left: -40px;
right: 0;
background-color: inherit;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: skew(-23deg);
-moz-transform: skew(-23deg);
-ms-transform: skew(-23deg);
-o-transform: skew(-23deg);
transform: skew(-23deg);
z-index: -1;
background: #067443;
}
.box_menu {
width: 100%;
display: table;
transition: all .3s ease;
background-color: #067443; 
}
.menu_main{display: flex;} 
.menu_main > li{list-style:none;display:inline-block;position:relative;float:left}
.menu_main > li > a{     color: #fff;
padding:2.1em 1.9em;
display: inline-block;
position: relative;
text-align: center;
text-transform: uppercase;
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: #FFEB3B}
.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;margin-left: 0.3em;}
/*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{ 
font-style: normal; 
transition: all 0.5s ease 0s;
font-weight: 400; 
line-height: 24px;
display: block;
padding: 8.5px 20px 8.5px 10px;
color: #333;
position: relative;
border-bottom: 1px solid #F6F6F6;
text-align: left;
white-space: initial;}
.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:#067443}
.menu_main >li> .sub-menu >li >a:hover{padding-left:10px;color:#067443;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:#067443}
.menu_main > li > .sub-menu > li >.sub-menu > li > a:hover{padding-left:10px;color:#067443;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} 

/*Giới thiệu*/
.box_gioithieumain{padding:3.9rem 0; position: relative;}  

.box_gioithieumainchild{padding-right:2em}
.tieudegioithieu {color: #067443;text-transform: uppercase; }  
.noidunggioithieu h3 {     font-size: 2.5rem;
margin-bottom: 0.3em;
font-family: SVN-Gilroy-Bold;
position: relative;
padding-bottom: 0.3em;}
.noidunggioithieu h3:before{     position: absolute;
left: 0;
content: "";
width: 1.8em;
height: 0.05em;
background-color: #067443;
margin: 0 auto;
bottom: 0;
}
.noidunggioithieu{text-align:justify;position: relative;font-size: 1.2em;}


.link_tranggioithieu{ margin-top: 1em;   position: relative;
display: inline-block; 
background-color: #3c3531;
color: #fff;
font-size: 14px;
padding: 15px 30px 15px;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
overflow: hidden;
z-index: 1;}
.link_tranggioithieu:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 3px;
background-color:#067443;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
opacity: 1;
z-index: -1;
}
.link_tranggioithieu:hover{color: #fff;}
.link_tranggioithieu:hover:after {
opacity: 1;
width: 100%;
}
/*Bảng giá*/
.box_banggia{margin:39px 0}
.banggia{    background: #fff;
color: #333; 
border-radius: 5px;
border: 1px solid transparent;
position: relative;
box-shadow: 0px 6px 30px rgba(0,15,87,0.08); 
height: 100%;padding-bottom: 3em;}
.tieude_banggiadv{       font-weight: 500;
text-transform: uppercase;
border-top: none;
font-size: 23px;
text-align: center;
margin-bottom: 27px;
background-color: #067443;
color: #fff;
padding: 20px 10px 56px 10px;
border-radius: 0 0 100% 100% / 0 0 100% 100%;} 
.tieude_giadv{    color: #067443;
font-size: 36px;    font-family: 'SVN-Gilroy-Bold';
margin-bottom: 0;
text-align: center;}
.gia_vanchuyen{     width: 100%;
color: #4d5765;
font-size: 18px;
font-weight: 500;
position: relative;
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #e4e4e4;
display: block;
margin-top: 3px;
text-align: center;}
.noidung_banggia{padding:1em;margin-bottom: 3em;}
.noidung_banggia p{margin-bottom:0.5em;position: relative;padding-left: 1em}
.noidung_banggia p:before{    width: 10px;
height: 10px;
border-radius: 50%;
border: 1.5px solid #067443;
position: absolute;
left: 0;
top: 35%;
content: '';}
.btn_view{    border-radius: 5px; 
background: #050f2d;
text-align: center; 
display: table; 
color: #fff;
text-decoration: none;
margin: -4em auto 0;
padding: 0.8em 2em;
position: relative;
z-index: 1;}
.btn_view:hover {background:#067443;color: #fff;}
/*Quy trình*/
.box_quytrinh{margin:5em 0}
.box_quytrinhchild:not(:nth-last-child(-n+3)){border-bottom: 1px solid #E4E4E4;}
.box_quytrinhchild:not(:nth-child(3n)){border-right: 1px solid #E4E4E4;}
.quytrinh{padding: 30px 20px;text-align: center;}
.tieude_quytrinh{font-size: 24px;margin: 0.7rem 0;font-weight: 600;}

.box_lienhengay  {margin-bottom: 30px;padding: 50px 0;background:#067443;}
.textlienhengay p{ margin: 0;font-size: 34px;color: #fff;font-weight: bold;}
.btnlienhengay{    color:#067443;
background-color: #FFF;
display: inline-block;
padding: 15px 30px;
border-radius: 10px;
font-size: 25px;}
.icon_quytrinh img{-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.box_quytrinhchild:hover .icon_quytrinh img {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}	
/*Vật phẩm*/
.box_postvatpham{margin:3.9em 0; position: relative;overflow: hidden;}
.thumbpostvatpham{    margin-bottom: 15px;
background-color: #fff;
box-shadow: 0px 6px 15px rgba(14,18,29,0.08);
border-radius: 100%;
padding: 20px;
position: relative;
z-index: 2;}
.thumbpostvatpham:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border: 6px solid #067443;
border-radius: inherit;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
z-index: -1;
}
.box_thumbpostvatpham:hover .thumbpostvatpham::before {
transform: translateY(0);
width: 100%;
}
.thumbpostvatpham img {
border-radius: inherit;
width: 100%;
aspect-ratio: 16/16;
border-radius: 100%;
}

.titlepostvatpham{     overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 20px;
text-align: center;
font-family: 'SVN-Gilroy-Bold';}
.titlepostvatpham:hover{color:#067443}
/*Ý kiến khách hàng*/
.box_ykienkh {      padding: 4em 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
overflow: hidden;} 
.tieude_ykienkhachhang{color:#fff;z-index:1}
.box_ykienkh:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
}	

.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: #067443;
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;	}


/*Góc tưởng niệm*/
.box_goctuongniem { margin: 1.9rem 0; padding: 3.9em 0 0; position: relative;} 
.box_goctuongniem:before{    content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;    height: 40%;
background-attachment: fixed;
background-color:#fff; } 
.tieude_goctuongniem{ text-align: center;margin-bottom: 30px; color: #067443;}
.tieude_goctuongniem h2{font-size: 40px;font-weight: 700; margin-bottom: 0.2em;}
.tieude_goctuongniem p{font-size: 1.1em;}
.navbar-header {     margin-bottom: 2em;
text-align: center;
} 
.thuvien-tab {     border-bottom: 0;
flex-direction: row;
display: inline-block;
text-align: center;
margin: 0 auto;}

.thuvien-tab li {   
float: left;
display: inline-block; 
margin: 0 7px;}
.thuvien-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: #262626;
border: solid 1px #eee;
padding: 0.5em  1em;
border-radius: 0.2em;
display: block;
justify-content: center;
align-items: center;
flex-direction: column; 
text-transform: uppercase;
}

.thuvien-tab a.active ,.thuvien-tab a:hover {border-color:#067443;color:#fff;background-color:#067443} 
.img_postarchive{position: relative;display:block;}
.img_postarchive:before{    content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #06744361;
z-index: 1;
left: 0;
top: 0;-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;}
.img_postarchive:hover:before{background-color: transparent}

.bost_titlegoctuongniem{ 
position: relative;
box-shadow: 0px 6px 15px rgba(14,18,29,0.06);
margin-bottom: 30px;
background: #fff;}
.bost_titlegoctuongniem a{display:block;padding: 1em; min-height: 75px;}
.bost_titlegoctuongniem h3{    overflow: hidden;
display: -webkit-box;text-align: center;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; } 
/*Clip*/
.boxvideo_child{margin-bottom:1.5em}
.video_img{    content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #06744361;
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; 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: #fff;
height: 53px;
margin-bottom: 1.5em;
overflow: hidden;
line-height: 1.3em;
font-size: 1em;
background-color:#067443;
text-align: center;
padding: 0.3em;
font-family: 'SVN-Gilroy-Medium';
justify-content: center;
align-items: center;
display: flex; }
/* ======= [ Effect ] ======*/
.effect-scale3d{position:relative;overflow:hidden;display:block;}
.effect-scale3d:after{position:absolute;top:0;left:0;width:160%;height:100%;background:rgba(255,255,255,.2);content:'';z-index:1;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.effect-scale3d:hover:after{-webkit-transition:transform .7s ease 0s;-moz-transition:transform .7s ease 0s;-o-transition:transform .7s ease 0s;transition:transform .7s ease 0s;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);}

/*Home tin tức*/
.box_tintuc{margin: 1.9em 0;}
.tieude_tintuc{  }
.box_homepost{height: 100%;
background-color: #f7f7f7;
position: relative;
-webkit-transition: all ease 500ms;
-o-transition: all ease 500ms;
transition: all ease 500ms;}
.box_homepost:hover{box-shadow: 0px 0px 9px 0px rgb(159 159 159 / 50%)}
.box_homepostchild{padding:1em}


.excerpt_port{color: #5e5e5e;}
.box_homepost h4{     font-weight: 600; 
height: 53px; 
overflow: hidden;
line-height: 1.3em;
font-size: 1em;   
align-items: center;
display: flex;

} 
.box_homepost:hover h4{color:#067443}
.btn_chitiet{    margin: 1.5rem 0 1em;
display: table; 
padding: 0.7rem 2rem;
border-radius: 0.2rem;
background-color: #fff;}
.btn_chitiet:hover{background-color: #067443;color: #fff;} 

/*Form*/ 
.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;background-color:#fff}
.icon_hoten,.icon_sdt,.icon_email,.icon_ngaydatlich{height:45px}
.icon_hoten{background:#fff url(images/icon_hoten.png) no-repeat 1.5% 50%;background-size:25px}
.icon_sdt{background:#fff url(images/icon_sdt.png) no-repeat 1.5% 50%;background-size:25px}
.icon_email{background:#fff url(images/icon_email.png) no-repeat 1.5% 50%;background-size:25px}
.icon_tieude{background:#fff url(images/icon_tieude.png) no-repeat 1.5% 50%;background-size:25px}
.icon_ngaydatlich{background:#fff url(images/icon_ngaythang.png) no-repeat 1.5% 50%;background-size:25px}
.icon_noidung{background:#fff url(images/icon_noidung.png) no-repeat 0 3%;background-size:32px}
.wpcf7-spinner{position:absolute}
.wpcf7 form .wpcf7-response-output {
margin: 1em 0 0;
padding: 0;
border: 0;
color: #fff;
}
.wpcf7-not-valid-tip {color: #fff;}
.cauhoicapcha label, .cauhoicapcha .input-group, .cauhoicapcha p {
    width: 100%;margin-bottom: 1rem;
}
/*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; 
} 
.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: #bababa;
position: relative; 
background-color: #211f20;} 
.box_footer:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color:rgb(0 0 0 / 73%);
}
.box_footerchild{padding: 3rem 0; }
.thongtinfooter img{width:150px;margin-bottom:1em} 
.thongtinfooter h3,.thongtinfooter h4{    margin-bottom: 0.5em;
font-weight: 600;
text-transform: uppercase;
color: #fff;
position: relative;
padding-bottom: 0.5em;}
.thongtinfooter h3:before,.thongtinfooter h4:before{     position: absolute;
left: 0;
content: "";
width: 2.3em;
height: 0.10em; 
background-color: #067443;
margin: 0 auto;
bottom: 0;}
.thongtinfooter strong{margin-bottom:1rem}
.thongtinfooter p{padding:0.2rem 0; }

.menu_footer{margin-left: 1.1em;}
.menu_footer li{list-style: disc;}
.menu_footer li a {     margin-bottom: 0.3em;
position: relative;
color: #bababa;
display: block;
font-size: 0.9em;} 

.box_designby{    background-color:#666; 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; }


/*Hỗ trợ*/
.rollOut{animation-name:rollOut}
@keyframes zoomIn {
from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}

@keyframes pulse {
0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.2);box-shadow:0 0 0 0 rgba(255,255,255,.2)}
70%{-webkit-box-shadow:0 0 0 60px rgba(255,255,255,0);box-shadow:0 0 0 60px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

@-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: #17a2b8;}
.support-online a.hotro_phone .pulse{background-color: #0ddeff;}
.support-online a.hotro_facebook{background-color: #0084ff;}
.support-online a.hotro_facebook .pulse{background-color: #0084ff;}
.support-online a.hotro_whatsapp{background-color:rgb(0, 230, 118);}
.support-online a.hotro_zalo{background-color: #18b6fd;}
.support-online a.hotro_zalo .pulse{background-color: #18b6fd;}
.hotro_zalo svg{position: relative; }
.support-online a > i{    margin-top: 0.9em;
    color: #fff;
    font-size: 1.4rem;
    z-index: 1;
    position: relative;}

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

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

} 
.support-online a .box_iconsvg{margin-top: 0.8em; font-size:1.7rem;color:#fff;
-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}
.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: #dc3545;
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 #fff;  
opacity: .5;}
.support-online a span{border-radius: 2px;
text-align: center;
background: #dc3545;
padding:6px 5px;
display: none;
width: 180px;
margin-left: 10px;
position: absolute;
color: #fff;
z-index: 999;
top: 0.5em;
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;line-height: initial;}
.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:10px 10px 10px 0;border-color:transparent #ffb400 transparent transparent;position:absolute;left:-10px;top:6px} 
/*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);}