/*Giới thiệu*/
.img_gtpagegioithieu{border-radius: 0.3em;box-shadow: 7px 9px 11px #252525;}
.qtthuhoachpagegioithieu{margin-top:3em}
.gtpagethongdiep{padding-bottom:5em}
.tieude_gtpagethongdiep{    color: #084a96;
font-family: Montserrat-Bold;
font-size: 1.3em;
text-transform: uppercase;
margin-bottom: 1rem;
position: relative;
padding-bottom: 0.3em; }
.tieude_gtpagethongdiep:before{content: "";
position: absolute;
left: 0;
width: 50px;
height: 3px;
background-color: #2fa8df;
bottom: 0;}
.gtpagethongdiepchild > h3{  
font-family: Montserrat-Bold;
text-transform: uppercase;
margin-bottom: 0.5rem;
font-size: 0.8em;}
.img_tamnhinsumenh{margin-bottom:1rem}
.qtsxpagegioithieu{    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;}
.img_qtsxpagegioithieu {border-radius:50%}
.tieude_qtsxpagegioithieu h3{  
font-family: Montserrat-Bold;
text-transform: uppercase;
margin-bottom: 0.5rem;
font-size: 0.9em; 
    line-height: 1.7em;}
/*form contact*/
.input_gl {
margin-bottom: 15px;
}
.input_gl > span > input,.input_gl > span > select { 
min-height: 40px !important;
border-radius: 3px;
}
.icon_hoten {
background:#fff url(../images/icon_hoten.png) no-repeat 1% 50%;    background-size: 20px; padding: 5px 10px 5px 30px !important;
}
.icon_email {
background:#fff url(../images/icon_email.png) no-repeat 1% 50%;    background-size: 23px; padding: 5px 10px 5px 30px !important;
}
.icon_sdt {
background:#fff url(../images/icon_sdt.png) no-repeat 1% 50%;    background-size: 23px; padding: 5px 10px 5px 30px !important;
}
.icon_diachi {  background: #fff url(../images/icon_diachi.png) no-repeat 1% 3%; padding: 5px 10px 5px 30px !important;}

.icon_sp {
background:#fff url(../images/icon_tensp.png) no-repeat 1% 50%; background-size: 20px; padding-left:1.7rem;
}
.icon_giasp {
background:#fff url(../images/icon_gia.png) no-repeat 1% 50%;    background-size: 20px;padding-left:1.7rem;
}

.icon_noidung {
background:#fff url(../images/icon_noidung.png) no-repeat 1% 3%;
padding: 5px 10px 5px 35px !important;
border-radius: 3px;
} 
/*Page giới thiệu*/
.noidung_pagegioithieuchild{text-align:justify}
.tieude_thongtinpagegt {line-height:2rem;
font-size: 1.5rem;font-family: Montserrat-Bold;
color: #003B75;
position: relative;
padding-bottom: 1rem;
display: block;
margin-bottom: 2rem;
}
.tieude_thongtinpagegt:before {
content: "";
position: absolute;
left: 0;
width: 50px;
height: 5px;
background-color: #003B75;
bottom: 0;
}
.tbl_linkcacdichvugt:hover{background-color:#fff;color: #003B75;
border: 1px solid #003B75;}
.tbl_linklienhengaygt {margin-left: 30px;
border: 1px solid #383838;background-color:#383838;
color: #fff; 
border-radius: 0;
vertical-align: middle;
font-size: 12px;
line-height: 1.5;
text-transform: uppercase;
padding: 16px 30px;
font-weight: 700;}
.tbl_linklienhengaygt:hover{background-color:#fff;}

.img_giamdoc{    border-radius: 0.5rem; }

.thongtingtpagegt{margin-left: 2rem;}
.box_pagegioithieu {padding-top:5rem;padding-bottom:5rem}
.box_vechungtoipagegt {margin-bottom:4rem}
.box_vechungtoipagegtchild {padding-left: 120px;position: relative;}
.icon_vechungtoipagegt {
height: 60px;
position: absolute;
left: 1rem;
top: 1rem;
}
.solieu_vechungtoipagegt {font-size: 1.5rem;font-family: Montserrat-Bold;}

.box_gioithieupagegtchild {color:#fff;padding:5rem 0;background-repeat: no-repeat; background-size: cover;background-position:top}
.box_vechungtoichildpagegtchild {padding-left: 80px;padding-bottom: 1.5rem;}
.box_vechungtoichildpagegtchild img{    width: 50px; position: absolute;left: 1rem;filter: brightness(0) invert(1);}
.box_vechungtoichildpagegtchild h3 {font-size: 2rem;font-family: Montserrat-Bold;}

.box_thitruong{margin:3rem 0}
/*Đôi ngũ*/
.box_doingupagegt {margin:3rem 0}
/*Ý kiến khách hàng*/
.box_ykienkhpagegt {  margin: 0;}  

/*bg_page*/
.imgbg_headpage {width:100%}
.bg_headpage {position:relative} 
.bg_headpagechild {position: absolute;
bottom: 30%;
width: 100%; 
color: #fff; }
.title_page { font-size: 2em;    text-transform: uppercase; margin-bottom: 0.5rem;font-family: Montserrat-Bold;color:#084a96} 
.bread  {background: #efefef; padding: .5em 0 }
.icon_breadcrumb{float: left; margin-top: 0.3rem;margin-right: 0.3rem; }
.bread p{margin:0}
.bread p a{color:rgb(85,85,85)}
/*Page custom dịch vụ*/
.thongtin_gtdichvuchild {background-color:#eaeaea;padding:2rem;margin-bottom:3rem}
.thongtin_gtdichvuchild h3 { 
font-size: 1.3rem; 
font-family: Montserrat-Bold;
color: #1e437d;
padding: 1.5rem 0 1rem;
text-transform: uppercase;
line-height: 1.3em; 
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 90px;
display: -webkit-box;
-webkit-box-orient: vertical;}
.thongtin_gtdichvuchild h3:hover {color:#079948}
.thongtin_gtdichvuchild p{font-size:0.9rem;margin-bottom:1rem}
/*Archive sản phẩm*/
.box_archivesanpham{padding-top:3em}
.box_sparchivechild{    margin-bottom: 2em;
background-color: #fff;
border-radius: 0.2em;
padding: 1rem;
border: 1px solid #084a96;}
.box_sparchivechild .box_sanphamtitle h3,.box_sparchivechild .box_sanphamtitle .btn_xemngay{color: #333;}
/*Single product*/
.box_singpro{margin-top:3rem;margin-bottom:3rem}
.title_singlepro{    font-family: Montserrat-Bold;
margin-bottom: 1rem;
font-size: 1.2em;
text-transform: uppercase;
color: #084a96;}
.title_ttproduct{font-size: 1.3rem;font-family: Montserrat-Bold;padding: 0 0 0.5rem;text-transform: uppercase;border-bottom: 0.01rem solid #2fa8df;margin-bottom: 2rem; color:#084a96}
.giasp{    font-size: 1.3rem; margin-top: 1rem;}
.giasp span{font-family: Montserrat-Bold}

.tieudeformdatmua{    text-transform: uppercase;
font-family: Montserrat-Bold;
position: relative; 
text-align: center;
padding: 1rem 0;
font-size: 1.4rem;}
.frm_datmua {padding: 0;    border: 5px solid #E6E6E6;}
.cl_main {       background: #2fa8df !important;
opacity: 1;
padding: 4px 9px !important;
margin-right: -1px;
color: #fff;
border-bottom-left-radius: 20px;
position: absolute;
right: 0;
z-index: 2;}
.box_bg {    color: rgb(255, 255, 255);
text-align: center; 
float: left;  
box-sizing: border-box;
background: rgb(58, 60, 76);
padding: 0px 10px;}	

.box_bg .mess { font-size: 14px;
font-weight: normal;
background: rgba(255, 255, 255, 0.1);
padding: 10px;
margin: 20px;}
.hotline_bg {
font-size: 25px;
color: rgb(255, 255, 255);
font-weight: 800;
}

.frm-titlebg {font-weight: 700;
text-transform: uppercase;
padding: 20px 0px;
text-align: center;
color: red;}


.input_gl {
margin-bottom: 15px;
}	
.input_gl > span > input,.input_gl > span > select {
padding: 5px 10px 5px 30px ;
min-height: 35px !important;
border-radius: 3px;
}

.tensanphamsingle {font-size: 18px;
font-weight: 700; 
padding: 20px 0px 10px;
text-transform: uppercase;
line-height: 25px;}	
.giasp_pagesingle{font-weight:600;position:relative;color:#e32124;font-size:18px;margin-bottom:10px;     text-align: left;    font-family: Lato,Arial,Helvetica,sans-serif; display:table}
/*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::-webkit-scrollbar { width: 0;}

.popup_overlay.active{visibility:visible;text-align:center}
.popup_overlay_child{float:none;padding:0;border-radius:.2em;margin:0 auto;background-color:#fff}
.popup_overlay_child .modal-head{background-color:#084a96;color: #fff;}
.tbl_dathang{cursor:pointer}
.closea{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;z-index: 99;} 

/*Sidebar*/
.box_sidebar {    margin-bottom: 20px;
padding: 2rem;
border: 1px solid #084a96;
background-color: #fff;
border-radius: 0.2em;}
.title_sidebar {text-transform: uppercase;
font-family: Montserrat-Bold;
position: relative;
padding-bottom: 0.5rem;
margin-bottom: 1rem; color: #084a96;
} 
.title_sidebar a{color: #084a96;}
.title_sidebar:before {    content: "";
position: absolute;
left: 0;
width: 80px;
height: 0.1rem;
background-color: #2fa8df;
bottom: 0;}
.box_sidebar ul { 
border-bottom: none;
}
.box_sidebar ul li a {
padding: 0.4em 0; 
display: inline-block;
color: #444;
}
.box_sidebar ul li a:hover { color:#003B75} 
.list_postsidebar {padding-bottom: 1rem;}
.title_postsidebar h3 {    font-size: 0.83em;
line-height: 1.3rem;
font-family: 'Montserrat-Bold';}

.tagcloud a {font-size: 1rem !important;
border: 1px solid #ddd;
padding: 0.2rem 0.8rem;
display: inline-block;
margin-bottom: 0.6rem;}
/*Sidebar lĩnh vực*/
.menu_linhvuc {background-color: #f3f3f3; padding: 2rem;}
.menu_linhvuc li a{display:block; padding: 0.5rem 0;}
.box_filehosonangluc {background-color: #2fa8df;    margin: 2rem 0;}
.box_filehosonangluc a {display: inline-block;padding: 1rem;color: #fff;}
.box_filehosonangluc img{float: left; width: 80px;margin-right: 1rem;}
.box_filehosonangluc span{ margin-top: 1rem;display: block;}

.box_vitricty { padding: 2rem;background-color: #f3f3f3;}
.box_vitricty p strong {font-size: 1.3rem;border-bottom: 0.01rem solid #2fa8df; display: block; padding-bottom: 0.4rem;}
.box_vitricty > .tbl_linkcacdichvu {display: table;margin: 2rem auto 0;}

/*Archive dự án*/ 
.title_pageduan {
border-bottom: 0.01rem solid #079948;
margin: 2rem 0;
}
.title_pageduan h1 {
position: relative;
font-family: 'Montserrat-Bold';
background-color: #079948;
display: table;
padding: 0.5rem 1rem;
color: #fff;
text-transform: uppercase;
z-index: 0;
}
.title_pageduan h1:after {
content: '';
width: 3rem;
height: 2.7rem;
background: #079948;
position: absolute;
top: 0px;
right: -25px; 
-webkit-transform: skew(28deg);
-moz-transform: skew(40deg);
-ms-transform: skew(40deg);
-o-transform: skew(40deg);
z-index: -1;
border-top-right-radius: 13px;
}
.box_categoryduan {position: absolute;
bottom:10%;
width: 100%;
color: #fff;
z-index: 1;}
.box_categoryduan > .container >.row{display: table;}
.box_categoryduanchild{flex: auto;float: right;}
.box_categoryduanchild p strong {
font-family: 'Montserrat-Bold';
font-size: 2rem;
margin-bottom: 1rem;line-height: 2.3rem;
display: block;
}
.box_categoryduanchild p{text-align: justify;}
.box_categoryduanchild .bread{margin-top:1rem}


.box_archiveduanchild { margin-bottom: 0;} 
.box_archiveduantitle {
color: #2fa8df; 
line-height: 1.3em; 
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 65px;
display: -webkit-box;
-webkit-box-orient: vertical;
font-family: 'Montserrat-Bold';margin-bottom: 2rem;
padding: 0.5rem 0;
}
.box_archiveduantitle:hover { color:#079948}
/*Single dự án*/
.title_singleduan {
margin-bottom:0.5em;
color: #284b8c;
font-size: 1.5em;
text-transform: uppercase;
font-family: Montserrat-Bold;
position: relative;
padding-bottom: 0.6rem;
}
.title_singleduan:before {
content: "";
width: 5rem;
height: 0.2rem;
background-color: #079948; 
position: absolute;
bottom: 0;
}
.single_vitriduan {font-family: Montserrat-Bold;margin-bottom:1em} 
.title_duankhac {
margin:1em 0;
color: #284b8c;
font-size: 1.5em;
text-transform: uppercase;
font-family: Montserrat-Bold;
position: relative; 
} 


.box_thuvienanh2 { margin-left: -10px;  margin-right: -10px;}

.nav_thongsosp { margin: 2rem 0;}
.nav_thongsosp li {display: inline-block; float: left;}
.nav_thongsosp li a{ display:block;
padding: 10px 30px 10px 0; 
float: left;
font-weight: 600;  
text-transform: uppercase;
font-size: 0.9rem;position:relative;color: #838383;
}
.nav_thongsosp li .active,.nav_thongsosp li a:hover {color:#003B75 !important }
.nav_thongsosp li a:before{content: "";
position: absolute;
width: 0.01rem;
height: 1.4rem;
background-color: #838383;
right: 0.9rem;
bottom: 0.7rem;
z-index: 99;}

/*Archive*/
.box_archive{padding:3em 0}
.box_postarchive {margin-bottom:3rem } 
.bg_postcontent { 
border: 0.01em solid #084a967d;
border-top: none;
border-bottom-left-radius: 0.2em;
border-bottom-right-radius: 0.2em;
}
.box_postarchive img {width:100%}
.box_homepostcontent p{color:#5e5e5e}
.tbl_readmorepost {color:#084a96;margin-top: 1rem;display: block;}
.tbl_readmorepost:hover{color:#2fa8df}
.tbl_readmorepost i{font-size:0.8rem}

/*.sidebararchive .affix{ z-index: 1;width: 350px; position: fixed; top: 5rem;} */
/*Phân trang*/
.pagination {display: table;margin:1rem auto;    background-color: #084a96;}
.pagination li{display:inline-block}
.pagination > .page-item:last-child > a ,.pagination > .page-item:first-child  > a,.pagination > .page-item > a { 
position: relative;
display: block;
padding: .7rem 1.2rem;
margin-left: -1px;
line-height: 1.25; 
border: 1px solid #dee2e6;border-radius:0;color: #fff;
}
.page-item.active .page-link { 
background-color: #084a96;
border-color: #084a96;
}
.pagination > .page-item > a{color: #111;}
/*Single*/
.title_single{     font-family: Montserrat-Bold;  
margin: 1rem 0;
font-size: 1.2em;}
.thumbnailsingle {width:100%}

.tbl_postct {    background: #04b158;
color: ##444;
padding: 5px 15px;
font-weight: 500;
margin-top: 20px;
display: table;}

.title_tintuckhac {    text-transform: uppercase;
border-bottom: 0.09em solid #079948;
padding-bottom: 0.2em;
background: #f4f4f4;
padding: 0.3em 0.5em;
color: #079948;
margin-bottom: 1em;}

/*Page liên hệ*/
.box_pagelienhe{padding:3em 0}
.box_pagethongtinlienhe {margin-bottom:5em;margin-top:2em}
.iconlienhe i{width: 2em;
height: 2em;
background-color: #04b158;
font-size: 2em;
line-height: 2em;
color: #fff;
border-radius: 50%;
margin-bottom: 0.5em;}
.noidungtranglienhe {padding:0 2em} 

/*Bình luận*/
.box_titlecomment {
padding-bottom: 1em;margin-top: 4em;
}

.box_titlecommentchild {    color: #2fa8df;font-size: 1.5rem; font-family: Montserrat-Bold;} 
.input_noidungcomment {background: #fff url(../images/icon_noidung.png) no-repeat 1% 3%; padding: 5px 10px 5px 35px ;    width: 100%;}
.input_hotencomment {
padding: 5px 10px 5px 35px ;
min-height: 40px ; 
background: #fff url(../images/icon_hoten.png) no-repeat 2% 50%;
background-size: 20px;width:100%;margin: 1em 0;
} 
.input_emailcomment {
padding: 5px 10px 5px 35px ;
min-height: 40px ; 
background: #fff url(../images/icon_email.png) no-repeat 2% 50%;
background-size: 20px;width: 100%;margin: 1em 0;
} 

.btl_comment  {  
padding: 0.5em 1em;
color: #fff;
background-color: #2fa8df;
text-transform: uppercase;
margin-top: 2em; 
border: 0.01em solid #2fa8df;} 
.btl_comment:hover,.btl_comment:active,.btl_comment:focus {background-color:#fff; color:#2fa8df}



.comment-pagination {
padding: 25px 0;
}

.comment-pagination .page-numbers.current {
background: #ff6200;
color: #fff;
border: 1px solid #ff6600;
text-decoration: none;
border: 1px solid #dfdfdf;
background: #f0f0f0;
padding: 10px 10px;
border-radius: 3px;
color: #999;
}


.comment-pagination .page-numbers, .page-numbers:visited {
border: 1px solid #dfdfdf;
background: #f0f0f0;
padding: 10px 10px;
border-radius: 3px;
color: #999;
margin: 3px;
}

.box_singlecomment {background-color:#eaeaea;margin-top: 3em; padding: 1em;}
.comment-author {float: left; margin-right: 1em;}
.comment-author img{border-radius:50%}
.title_comment { color: #2fa8df;font-size: 1.2rem;font-family: Anton-Regular;margin-bottom: 1em;display: block;}
.commentlist_mw li {padding: 1em 0;  border-bottom: 0.1em solid #989898;}
.commentlist_mw li:last-child {border-bottom: 0;}
.commentmetadata > .fn {font-weight: 600;text-transform: uppercase; float: left; margin-right: 1em;}
.ngaythang_cm,.comment-reply-link {color: #2fa8df}
.kksr-legend {color: #fff}
/*Post content dùng chung*/
.like-click {margin-top: 30px; display: block; overflow:hidden}
.border_content {  margin-bottom: 30px;}
.post-content img{ max-width:100%; height:auto;}
.post-content iframe{ width:100% !important;  }
.notice {border-radius: 0;  overflow: hidden; margin-top: 10px;}
.post-content strong { font-weight: 600;  line-height: 30px; }
.post-content a { color: #000 }
.aligncenter a img{ margin: 0 auto; display: block;} 
.post-content h3{font-size:18px ; margin:5px 0px}
.post-content h2{font-size:20px;margin:5px 0px} 
.post-content h1{font-size:22px;margin:5px 0px} 
.content_ttkhac {    padding: 0px 10px 5px;}

.post-content cite,
.post-content dfn,
.post-content em {font-style: italic;}
.post-content p {margin: 3px 0; line-height: 25px; margin-bottom: 10px;}
.post-content ol,
.post-content ul {margin: 16px 0;padding: 0 0 0 40px;}
.post-content ul {list-style-type: square;}
.post-content ol {list-style: decimal outside;}
.post-content li > ul,
.post-content li > ol {margin: 0;}
.post-content dl {margin: 0 20px;}
.post-content dt {font-weight: bold;}
.post-content dd {margin: 0 0 20px;}
.post-content strong { color: #000;}
.post-content code,.post-content kbd,.post-content pre,.post-content samp {font-family: monospace, serif;font-size: 14px;}
.post-content pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

.post-content blockquote,
.post-content q {quotes: none;}
.post-content blockquote:before,
.post-content blockquote:after,
.post-content q:before,
.post-content q:after {content: "";content: none;}
.post-content blockquote {
font-size: 24px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}

.post-content blockquote blockquote {margin-right: 0;}
.post-content blockquote cite,
.post-content blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
.post-content cite {
border-bottom: 0;
}
.post-content abbr[title] {
border-bottom: 1px dotted;
}
.post-content address {
font-style: italic;
margin: 0 0 24px;
}

.post-content del {
color: #333;
}

.post-content ins {
background: #fff9c0;
border: none;
color: #333;
text-decoration: none;
}

.post-content sub,
.post-content sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

.post-content sup {
top: -0.5em;
}

.post-content sub {
bottom: -0.25em;
}

.post-content a { 
text-decoration: none;
}


.post-content a:focus {
outline: thin dotted;
}

.post-content a:active,
.post-content a:hover { 
outline: 0;
}

.post-content a:hover {
text-decoration: underline;
}
/* Alignment */
.post-content .alignleft {
float: left;
margin: 5px 20px 5px 0;
}
.post-content .alignright {
float: right;
margin: 5px 0 5px 20px;
}

.post-content .aligncenter {
display: block;
margin: 5px auto;
}
.post-content img.alignnone {
display: block;
margin: 5px auto;
}
/* Tables */
.post-content table {
border: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
.post-content caption,
.post-content th,
.post-content td {
font-weight: normal!important;
border: 1px solid #ededed;
text-align: left;
}
.post-content caption {
font-size: 16px;
margin: 20px 0;
}
.post-content th {
font-weight: normal!important;
text-transform: uppercase;
border: 1px solid #ededed;
}
.post-content td {
border: 1px solid #ededed;
padding: 6px 10px;
}
/* Images */
.post-content img {
height: auto;
max-width: 100%;
vertical-align: middle;  
}
.post-content .wp-caption {
background: transparent;
border: none;
padding: 0;
max-width: 100% !important;
text-align: center;
width: 100% !important;
}
.post-content .wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
.post-content .wp-caption.alignright {
margin: 5px 0 5px 10px;
}
.post-content .wp-caption-dt {
margin: 0;
}
.post-content .wp-caption .wp-caption-text,
.post-content .wp-caption-dd {
color: #220e10;
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 1.5;
margin-bottom: 24px;
padding: 0;
}
.post-content .mceTemp + ul,
.post-content .mceTemp + ol  {list-style-position: inside;}