/*
Theme Name: HBagency Child
Description: This is a child theme for HBagency Theme
Author: UX Themes
Template: hbagency
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

b, strong { font-weight: 600 !important;}
table { border-right: solid 1px #ccc; border-top: solid 1px #ccc;}
table td { border-left: solid 1px #ccc; border-bottom-color: #ccc; padding: 10px !important; color: #000;}
.fas, fa { font-family: Fontawesome;}
div#top-bar a { font-weight: 400; text-transform: unset;}
ol, ul { margin-left: 30px; margin-bottom: 20px}
.entry-divider { display: none !important;}
div#content {padding-bottom: 0px;padding-top: 0; text-align: justify; }
iframe {margin: auto !important;display: block;}
.single div#content { padding-top: 0px;}
#logo a { color: #FFF; text-transform: uppercase;}
.entry-content p { text-align: justify;}
h6 { font-size: 12px;}
h5 { font-size: 14px;}
h4 { font-size: 17px;}
h3 { font-size: 20px;}
h2 { font-size: 22px;}
.is-divider { display: none;}


@media screen and (max-width: 959px) { 
  body { overflow: hidden !important;}
}

/* 
 * topbar 
 * */
#top-bar ul#header-contact li a { font-size: 15px; color: #FFF;}
#top-bar ul#header-contact { background: #5d130c; color: #fff; margin-left: auto; margin-right: 1rem; padding: 0px 25px; color: #fff; overflow: hidden; justify-content: center;}
#top-bar ul#header-contact:before { content: ""; position: absolute; left: -20px; top: 0px; background: #000; width: 34px; height: 34px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border: 1px solid #FFF;}
#top-bar ul#header-contact:after { content: ""; position: absolute; right: -20px; top: 0px; background: #000; width: 34px; height: 34px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border: 1px solid #FFF;}

/* 
 * Hotline header 
 * */
ul.hotline-top { position: relative; font-weight: 500; color: #000; padding: 10px 10px 10px 50px !important; background: #f5f5f5; border-radius: 5px; border: 1px solid #ccc; }
ul.hotline-top:before { content: ""; width: 44px; height: 44px; text-align: center; font-size: 23px; line-height: 40px; position: absolute; left: 0px; color: #ffffff; top: 50%; transform: translate(0, -50%); background: url(image/icon-phone.png) no-repeat; background-size: contain; }
.hotline-top li { list-style: none; margin-bottom: 0px; line-height: 23px; font-size: 15px;font-weight: 600;}
.hotline-top li.hotline-phone { font-weight: 600; font-size: 20px; color: #5d130c; }

/* 
 * tìm kiếm header 
 * */
div#masthead .hide-for-medium.flex-left .header-nav { justify-content: center;}
#header select.search_categories { background-color: #FFF; border: 0px; height: 40px; box-shadow: none; width: 95px !important;}
#header .search-form-categories { position: relative; border-right: 1px solid #ebebeb;}
#header form.searchform { border: 2px solid #5d130c; border-radius: 5px; }
#header input.search-field { background: #FFF; border: 0px; height: 40px; box-shadow: none; }
#header form.searchform .flex-col:last-child { padding: 4px; color: #000;}
.searchform .button.icon { padding: 0 20px; }
#header form.searchform >.flex-row { background: #FFF; border: 0px; border-radius: 3px;}
#header form.searchform .submit-button { background: #5d130c !important; border-radius: 0px 5px 5px 0px; color: #FFF !important;}

/* 
 * menu chính 
 * */
#masthead ul.header-nav > li.menu-item { margin: 0 5px; }
#masthead .flex-col.hide-for-medium { width: 100%;}
#masthead ul.header-nav li a { font-size: 14px; }
#masthead ul.header-nav > li.menu-item > a { font-weight: 600; text-align: center;font-size: 15px; padding: 0px 15px; }
#masthead ul.header-nav > li.menu-item > a:after { border-color: #92e6ff;}
#masthead ul.header-nav > li.menu-item >.nav-dropdown >li a { color: #000;border-bottom: 0px; margin: 0px; padding: 10px; font-weight: 400; text-transform: unset;}
#masthead ul.header-nav li.menu-item:not(.megamenu) ul.nav-dropdown { padding: 0px; border: 0px; background: #f8f8f8; z-index: 99; display: block; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item a:hover { background: #5d130c; color: #FFF !important;}

/* 
 * menu chính sổ sang ngang sang ngang 
 * */
#masthead ul.header-nav .nav-dropdown-simple {  box-shadow: 0px 0px 10px 0px #ccc; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown { padding: 0px; border: 0px; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item { display: block; width: 100%; position: relative; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item~li.menu-item a { border-top: 1px dotted #ccc;}
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown-simple .menu-item a { font-weight: 400; text-transform: unset; position: relative; color: #FFF; background: #f8f8f8;}
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item .nav-column { display: none !important;}
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item .nav-column { position: absolute; left: 100%; background: #f8f8f8; top: 0px; min-width: 260px; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item:hover .nav-column { display: block !important; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item-has-children >a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'%3E%3C/path%3E%3C/svg%3E"); position: absolute; right: 0px; top: 50%; transform: translate(0, -50%); width: 15px; height: 15px; }
#masthead ul.header-nav li.menu-item:not(.megamenu) .nav-dropdown li.menu-item a:hover:after { filter: invert(1);}

/* 
 * menu chính khi có class megamenu 
 * */
#masthead ul.header-nav li.megamenu >ul.nav-dropdown { display: flex; flex-flow: row wrap; width: 100%; min-width: 920px; border: 0px; padding: 10px;}
#masthead ul.header-nav li.megamenu >ul.nav-dropdown >li.menu-item { max-width: 25%; flex-basis: 100%; padding: 10px;}
#masthead ul.header-nav li.megamenu >ul.nav-dropdown li.menu-item a { padding: 10px 0px;}
#masthead ul.header-nav li.megamenu >ul.nav-dropdown >li.menu-item >a { border-bottom: 1px dashed #000; padding-top: 0px;}
#masthead ul.header-nav li.megamenu >ul.nav-dropdown li.menu-item li.menu-item a { padding-bottom: 0px;}
#masthead ul.header-nav li.megamenu ul.nav-dropdown li.menu-item a:hover { color: #5d130c;}

/* menu di động */
.off-canvas-left.dark .mfp-content { background-color: #5d130c;}

@media screen and (max-width: 959px) {
  #header .stuck div#masthead { position: fixed !important; top: 0px; left: 0px; z-index: 999999; background: #FFF; width: 100%; display: block !important;box-shadow: 0px 0px 5px 2px #ccc;}
  #header .stuck div#wide-nav { display: none;}
  #header div#wide-nav .hide-for-medium {display: none;}
  #header div#wide-nav .show-for-medium {display: block !important;}
  .mobile-sidebar .nav-uppercase li.menu-item { position: relative;}
  .mobile-sidebar .nav-uppercase li.menu-item a { color: #FFF !important;font-size: 14px; }
  .mobile-sidebar .nav-uppercase .menu >li.menu-item >a { text-transform: uppercase; font-weight: 600; }
  .mobile-sidebar .nav-vertical >li.menu-item >a { padding: 10px;}
  .mobile-sidebar .nav-uppercase ul.children a { text-transform: none;}
  .mobile-sidebar .nav-vertical >li.menu-item button.toggle { margin: 0px; width: 25px; font-size: 10px; }
  .mobile-sidebar .nav-uppercase li.menu-item ul.children { padding-bottom: 0; }
  .mobile-sidebar .nav-uppercase li.menu-item ul.children >li.menu-item { padding: 0px;margin: 0px;}
  .mobile-sidebar .nav-uppercase li.menu-item ul.children li.menu-item { border-top: 1px solid rgba(255,255,255,.2);}
  .mobile-sidebar .nav-uppercase li.menu-item ul.children >li.menu-item >a:before { content: "-"; margin-right: 5px;}
  .mobile-sidebar .nav-uppercase li.menu-item ul.children ul.nav-sidebar-ul a:before { content: "+"; margin-right: 5px;}
  .off-canvas-left .mfp-content { background: #0066b2;}
  .mobile-sidebar .nav-vertical .html.custom { background: #15acd9; font-weight: 600; font-size: 16px; color: #FFF; padding: 10px 20px;}
  #header .header-main .header-button .button { background: #5d130c !important; text-transform: unset; }
  .mobile-sidebar .nav-vertical >li.menu-item >a img { filter: brightness(0) invert(1); width: 15px; }
  #masthead #logo { max-width: 130px;}
  #masthead .show-for-medium { flex: auto;}
  #header .header-main .nav-icon { margin-right: 0px;}
  #masthead .mobile-nav a.icon { margin: 0px; padding: 0 5px; font-size: 11px;}
  #masthead .mobile-nav a.icon i.icon-menu { margin: 0px 3px 0px 0px;}
  #masthead .mobile-nav a.icon span.menu-title { padding: 0px; display: inline-block !important; margin: 0px; color: #FFF !important; text-transform: unset; }

}

/* 
 * breadcrumbs 
 * */
.home .breadcrumb-blog {display: none;}
.row-breadcrumb { background: #fbedee; line-height: 40px; margin-bottom: 20px;}
.breadcrumbs { max-width: 1170px; margin: auto; text-transform: unset; line-height: 20px;  padding: 10px 15px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: 0px; text-align: left; }
.breadcrumbs a { position: relative; display: inline-block; text-transform: none; font-weight: 400; font-size: 14px; color: #000; }
.breadcrumbs a:hover { color: #5d130c; }

/* 
 * Khung web 
 * */
.entry-content.single-page { padding-top: 0px;}
.entry-header-text.entry-header-text-bottom.text-left { display: none;}
.page-wrapper { padding-top: 0px;}
.khungweb { padding: 0 15px; max-width: 1200px !important;}
.khungweb .khung-noidung { padding: 0px !important; margin-bottom: 20px; background: #FFF; border: 0px !important; border-radius: 10px; }
.khungweb .sidebar { padding: 0px !important; border: 0px;}
.khung-noidung .product-main { padding-bottom: 0px;}
.category-filtering { display: none;}
.khungweb .khung-full { max-width: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; border: 0px !important; padding: 0px !important;}

@media only screen and (min-width: 960px) { 
 .khungweb .khung-noidung { max-width: 73%;}
 .khungweb .sidebar-right { margin-left: 0px; margin-right: auto; }
 .khungweb .sidebar-left { margin-left: auto; margin-right: 0px; }
 .khungweb .khung-product { max-width: 73%;}
}
@media only screen and (max-width: 959px) { 
  .khungweb .khung-noidung { max-width: 100% !important; flex-basis: 100% !important; }
  .khungweb .sidebar { max-width: 100% !important; flex-basis: 100% !important; order: 2;display: block !important;}
}

/* khung tiêu đề background chung */
.page-featured-title { background: url(image/bg-header.jpg) no-repeat center bottom; background-size: cover;display: flex; align-items: center;position: relative;}
.page-featured-title:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background: rgb(0 0 0 / 70%);}
.page-featured-title h1 { text-align: left; margin: 0px; color: #fff; z-index: 1; }

@media only screen and (min-width: 960px) {
  .page-featured-title { min-height: 250px; }
  .page-featured-title h1 { font-size: 35px; padding: 0 15px;}
}
@media only screen and (max-width: 959px) {
  .page-featured-title { min-height: 150px; }
  .page-featured-title h1 { font-size: 25px; padding: 0 10px;}
}

/* 
 * Thanh bên 
 * */

/*
 * Chân trang footer
 * */
#footer .absolute-footer { display: none;}
#footer { font-size: 16px;}
#footer .widget-title { color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 18px; margin-bottom: 15px; display: block;}
#footer .is-divider.small { background: #000; width: 100%; max-width: 100%; height: 2px;}
#footer a { color: #FFF; }

#footer .menu li { list-style: none; border: 0px; }
#footer .menu li~li { margin-top: 10px;}
#footer .menu li a { display: block; color: #FFF; font-size: 16px; padding: 0px 0px 0px 25px; position: relative; }
#footer .menu li a:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: left center; margin-right: 8px; filter: invert(1); width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%);}
#footer .menu li a:hover { color: #bd8b1b;}

a#top-link { color: #fff; background: #5d130c; }
a#top-link:hover { color: #5d130c; background: #fff; }

/* 
 * bản quyền 
 * */
.copyright a { color: #FFF !important; }
.fa-clock:before { content: "\f017"; }
.copyright { margin: 0px; font-size: 12px; background: #000; color: #FFF;padding: 10px; text-align: center; }
.copyright div { max-width: 1170px; margin: auto; }

/* 
 * scroll bar 
 * */
::-webkit-scrollbar { width: 5px; background-color: #F5F5F5;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
::-webkit-scrollbar-thumb { background-color: #5d130c; 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)}


/*
 * hbw call now
 * */
.hbw-call-now { position: fixed; bottom: 20px; z-index: 999;}
.hbw-call-now.hotline-left { left: 20px; }
.hbw-call-now.hotline-right { right: 20px; }
.hbw-call-now .hotline_float_icon { display: block; position: relative; margin-bottom: 10px; cursor: pointer; padding: 0px; width: 45px; height: 45px;}
.hbw-call-now .hotline_float_icon span { padding: 0; color: #fff; border: 2px solid #fff; border-radius: 20px; height: 40px; line-height: 36px; position: absolute; top: 3px; left: 20px; z-index: 1; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; background-color: #ff6a00; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; font-weight: 400; white-space: nowrap; width: 150px; padding-left: 30px; padding-right: 10px; opacity: 1;}
.hbw-call-now .hotline_float_icon i.fa { display: block; width: 100%; height: 100%; position: relative; z-index: 2; border-radius: 100%; box-shadow: 0 0 5px #888; border: 2px solid #fff; font-size: 20px; animation-iteration-count: infinite; animation-name: tada; animation-duration: 1s; animation-fill-mode: both; }
.hbw-call-now .hotline_float_icon .fa-zalo { background: #ef0303 url(image/icon-zalo.svg) center center no-repeat;}
.hbw-call-now .hotline_float_icon .fa-messenger { background: #168efb url(image/icon-messenger.svg) center center no-repeat;}
.hbw-call-now .hotline_float_icon .fa-hotline { background: #70b81e url(image/icon-call.svg) center center no-repeat;}	
.hbw-call-now .hotline_float_icon .fa-whatsapp { background: #70b81e url(image/icon-call.svg) center center no-repeat; border: 5px solid !important; background-size: 35px; }
.hbw-call-now .hotline_float_icon .fa-whatsapp:after { content: ""; position: absolute; right: 0px; bottom: 0px; border-left: 8px solid #579d06; border-top: 5px solid transparent; border-bottom: 5px solid transparent; transform: rotate(37deg);}
.hbw-call-now .hotline_float_icon .fa-envelope { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M2.038 5.61A2.01 2.01 0 0 0 2 6v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6c0-.12-.01-.238-.03-.352l-.866.65-7.89 6.032a2 2 0 0 1-2.429 0L2.884 6.288l-.846-.677Z'/%3E%3Cpath d='M20.677 4.117A1.996 1.996 0 0 0 20 4H4c-.225 0-.44.037-.642.105l.758.607L12 10.742 19.9 4.7l.777-.583Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-color: #549a04; }

@media only screen and (min-width: 960px) {
  .hbw-call-now .hotline_float_icon span { display: inline-block;}
}

@media only screen and (max-width: 959px) { 
  .hbw-call-now .hotline_float_icon span { display: none;}
}

@keyframes tada {
  0% { transform: scale3d(1,1,1);}
  10%, 20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% { transform: scale3d(1,1,1);}
}

/* form popup */
.form-popup { max-width: 500px;  background: #025395;  padding: 20px;}
.form-popup .header-form {  text-align: center;margin-bottom: 20px;}
.form-popup .header-form p { color: #FFF;}
.form-popup .header-form h2 {  color: #FFF;  text-transform: uppercase;  margin-bottom: 0px;}
.form-popup input[type='email'], #form-now input[type='tel'], #form-now input[type='text'], #form-now textarea {  box-shadow: none; color: #FFF; border: 0px; }
.form-popup textarea { height: 75px !important; min-height: auto;}
.form-popup .wpcf7-submit { background-image: -webkit-linear-gradient(bottom, #cc0000, #fb3333) !important; margin: 0px !important;  border-radius: 25px !important;}
.form-popup .close-buttom-popup {  top: 0px !important;  color: #FFF !important;  opacity: 1;  mix-blend-mode: unset !important;}

@media screen and (max-width: 959px) { 
	a.form-popup-menu span { display: none;}
}

/*
 * Page liên hệ
 * */
.page-contact { padding: 25px 0px; }
.page-contact .col-left { padding: 20px; background: #f4f5f9; text-align: left; }
.page-contact .col-right { padding: 0px; background: #f4f5f9;}
.page-contact .col-left h2 { font-size: 30px; margin-bottom: 13px; padding-bottom: 10px; position: relative; text-transform: uppercase;}
.page-contact .col-left h2:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 2px; background: #2a326a; z-index: 2;}
.page-contact .col-left h2:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 2px; background: #000; z-index: 1;}
.page-contact .col-left h3 { font-size: 16px;}
.page-contact .col-left ul { margin-left: 0px; font-size: 16px; color: #444c59; margin-bottom: 15px;}
.page-contact .col-left ul li { margin: 0px 0px 10px; list-style: none; position: relative; padding-left: 30px; line-height: normal; }
.page-contact .col-left .noidung1 ul li:before { content: ''; position: absolute; left: 0px; width: 20px; height: 20px; left: 0px; top: 2px; }
.page-contact .col-left .noidung1 ul li:nth-child(1):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 4h12M6 4v16M6 4H5m13 0v16m0-16h1m-1 16H6m12 0h1M6 20H5M9 7h1v1H9V7Zm5 0h1v1h-1V7Zm-5 4h1v1H9v-1Zm5 0h1v1h-1v-1Zm-3 4h2a1 1 0 0 1 1 1v4h-4v-4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E%0A"); background-size: contain; }
.page-contact .col-left .noidung1 ul li:nth-child(2):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.8 13.938h-.011a7 7 0 1 0-11.464.144h-.016l.14.171c.1.127.2.251.3.371L12 21l5.13-6.248c.194-.209.374-.429.54-.659l.13-.155Z'/%3E%3C/svg%3E%0A"); background-size: contain; }
.page-contact .col-left .noidung1 ul li:nth-child(3):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18.427 14.768 17.2 13.542a1.733 1.733 0 0 0-2.45 0l-.613.613a1.732 1.732 0 0 1-2.45 0l-1.838-1.84a1.735 1.735 0 0 1 0-2.452l.612-.613a1.735 1.735 0 0 0 0-2.452L9.237 5.572a1.6 1.6 0 0 0-2.45 0c-3.223 3.2-1.702 6.896 1.519 10.117 3.22 3.221 6.914 4.745 10.12 1.535a1.601 1.601 0 0 0 0-2.456Z'/%3E%3C/svg%3E%0A"); background-size: contain; }
.page-contact .col-left .noidung1 ul li:nth-child(4):before { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-width='2' d='m3.5 5.5 7.893 6.036a1 1 0 0 0 1.214 0L20.5 5.5M4 19h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Z'/%3E%3C/svg%3E%0A"); background-size: contain; }
.page-contact .col-left .noidung2 ul li:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E%0A"); background-size: contain; position: absolute; left: 0px; width: 20px; height: 20px; left: 0px; top: 0px; }
.page-contact .col-bottom { padding: 20px; background: #f4f5f9;}
.page-contact .col-right p { margin: 0px;}

/* 
 * home khung 
 * */
.home h1.entry-title { display: none !important;}
.home-section .section-content { max-width: 1200px; margin-left: auto; margin-right: auto;}

/* home banner */
.banner-home:hover .img-inner img, .banner-home:hover .box-image img { filter: brightness(0.5);}
.banner-home .img-inner:before, .banner-home .box-image div:before { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.banner-home .img-inner:after, .banner-home .box-image div:after { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.banner-home:hover .img-inner:after, .banner-home:hover .img-inner:before, .banner-home:hover .box-image div:before, .banner-home:hover .box-image div:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

/* Hiệu ứng bài viết */
.post-item:hover .box-image img { filter: brightness(0.5);}
.post-item .box-image a:before { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.post-item .box-image a:after { content: ""; position: absolute; width: 90%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: transparent; z-index: 9; margin: auto; transition: opacity .35s, transform .35s, -webkit-transform .35s; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.post-item:hover .box-image a:before, .post-item:hover .box-image a:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

/* home dự án */
.home-duan .post-item .box-blog-post { padding: 10px; border: 1px solid #e5e5e5; border-radius: 10px;}
.home-duan .post-item .box-image { border-radius: 10px;}
.home-duan .post-item .box-text { padding: 15px 0px 30px;}
.home-duan .post-item .post-title { font-weight: 400; color: #000;}
.home-duan .post-item .post-title a.plain { margin: 0px; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;}
.home-duan .post-item:hover .post-title a { color: #c03131; }
.home-duan .post-item .box-text .from_the_blog_excerpt { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;}
.home-duan .post-item .box-text a.button { margin: 0px; border: 0px; padding: 0px; color: #c03131; text-transform: unset; font-size: 15px; position: absolute; right: 0px; bottom: 0px; min-height: auto; height: auto; line-height: normal;}


/* Tiêu đề */
.home-page .tieude { text-align: center; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.home-page .tieude h2 { margin: 0px; font-size: 30px; color: #201212; text-transform: uppercase; position: relative;  background: linear-gradient(90deg, #5d130c, #000, #a82216, #5d130c); background-size: 200% auto; color: transparent; background-clip: text; -webkit-background-clip: text; animation: text-wave 2s linear infinite; }
.home-page .tieude h2:after { content: ''; height: 3px; width: 80px; background: #5d130c; display: block; margin: 10px auto 40px;  }

.home-page .tieude h2 a { color: #000; }
.home-page .tieude p { margin: 0 auto 30px; font-size: 18px; }

@keyframes text-wave {
  from {
    background-position: 0% center;
  }
  to {
    background-position: -200% center;
  }
}


/* Tiêu đề 2 */
.home-page .tieude2 {text-align: left; margin-bottom: 30px; padding-bottom: 10px; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.home-page .tieude2 h2 { margin: 0px; font-size: 24px; color: #201212; text-transform: uppercase;}

/* Tiêu đề 1 */
.home-page .tieude1 { padding: 0px 10px 21px; max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.home-page .tieude1 .section-title b { visibility: hidden;}
.home-page .tieude1 .section-title { margin-bottom: 0px; font-size: 30px; color: #000; padding-bottom: 15px; background: url(image/border-title-03.png) no-repeat center bottom; background-size: 245px;}
.home-page .tieude1 .section-title .section-title-main { text-transform: uppercase;}

/* home slide */
.home-slide { padding: 0px !important; margin-bottom: 30px; }

/* home 1 */
.home-page1 { text-align: right;}
.home-page1 .row { max-width: 100%;}
.home-page1 .tabbed-content ul.nav .tab:not(:first-child) { margin-left: 5px;}
.home-page1 .tabbed-content ul.nav .tab a {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    border: solid 1px #A82216;
    padding: 5px 10px;
    border-radius: 5px;
    line-height: inherit;position: relative;
}
.home-page1 .tabbed-content ul.nav .active a, .home-page1 .tabbed-content ul.nav .tab a:hover { background: #A82216; color: #fff;}
.home-page1 .tabbed-content ul.nav .active a:after, .home-page1 .tabbed-content ul.nav .tab a:hover:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #A82216 transparent transparent transparent;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.home-page1 .post-item .box-blog-post { overflow: hidden;}
.home-page1 .post-item .box-text { background: rgb(93 19 12 / 70%) !important; padding: 5px 15px 20px; font-weight: 400; position: absolute; transition: 0.35s all;  bottom: -58px; text-align: center;}
.home-page1 .post-item:hover .box-text { bottom: 0px; }
.home-page1 .post-item .box-text .post-title { color: #fff; font-size: 16px; margin: 0px; line-height: 25px; font-weight: 400;}



@media only screen and (min-width: 960px) { 

}
@media only screen and (max-width: 959px) { 

}
@media only screen and (max-width: 959px) and (min-width: 600px) { 

}
@media only screen and (max-width: 599px) { 

}

/* home 2 */
.home-page2 .section-content { width: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;align-items: flex-start;}
.home-page2 .row { flex-basis: 100%; padding: 0 10px 15px;}
.home-page2 .post-item { padding-left: 0px; padding-right: 0px;}
.home-page2 .post-right .post-item { padding-bottom: 0px; margin-bottom: 10px; border-bottom: 1px solid #000;}
.home-page2 .post-right .post-item .box-blog-post { display: inline-block; width: 100%;}
.home-page2 .post-right .post-item .box-image { float: left;}
.home-page2 .post-right .post-item .box-text { width: 78%; float: right; padding: 0px;}
.home-page2 .post-right .post-item .box-text .post-title { font-size: 16px; line-height: initial; margin: 0 0 5px; color: #000;}
.home-page2 .post-right .post-item .box-text .from_the_blog_excerpt { font-size: 16px; line-height: initial;}
.home-page2 .post-left .post-item .box-text .post-title { font-size: 16px;line-height: initial; margin: 0 0 5px; color: #000;}
.home-page2 .post-left .post-item .box-text .from_the_blog_excerpt { font-size: 16px; line-height: initial;}

@media only screen and (min-width: 960px) { 
  .home-page2 .row { max-width: 50%;}
}
@media only screen and (max-width: 959px) { 
  .home-page2 .row { max-width: 100%;}
  .home-page2 .post-right .post-item .box-text .from_the_blog_excerpt { display: none;}
}
@media only screen and (max-width: 959px) and (min-width: 600px) { 

}
@media only screen and (max-width: 599px) { 

}

/* home 3 */
.home-page3 .gallery-col {
    padding-bottom: 0px;
}
.home-page3 .gallery-col .box-image {
    height: 90px;
    border: 1px solid #ccc;
    background: #FFF;
    padding: 5px;
}
.home-page3 .gallery-col .box-image img {
    object-fit: scale-down;
    display: block;
    width: 100%;
    height: 100%;
}
.home-page3 .gallery-col .text-left {
    display: none;
}
.home-page3 button.flickity-button {
    display: none;
}

@media only screen and (min-width: 960px) { 

}
@media only screen and (max-width: 959px) { 

}
@media only screen and (max-width: 959px) and (min-width: 600px) { 

}
@media only screen and (max-width: 599px) { 

}

/* home 4 */
.home-page4 {
    background: #5d130c;
    color: #fff;
}
.home-page4 * {  margin: 0px;}
.home-page4 .col-left {
    text-align: center;
}
.home-page4 .col-left .noidung {
    color: #fff;
    line-height: 18px;
    margin: 0px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
}
.home-page4 .col-left .button {
    font-size: 28px;
    font-weight: 500;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0; min-height: auto;
}
.home-page4 .col-right .button { color: #fff; font-size: 24px; font-weight: 500; }

@media only screen and (min-width: 960px) { 

}
@media only screen and (max-width: 959px) { 
  .home-page4 .col-left { padding: 15px !important;}
}
@media only screen and (max-width: 959px) and (min-width: 600px) { 

}
@media only screen and (max-width: 599px) { 

}

/* home 5 */
.home-page5 .section-content {
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;align-items: flex-start;
}
.home-page5 .tieude { color: #fff; }
.home-page5 .tieude h2 { color: #fff; }
.home-page5 .featured-box {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 auto 15px;
    background: #fff;
    padding: 15px 15px 45px;border-radius: 5px;    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;position: relative;overflow: hidden;
}
.home-page5 .featured-box:hover {
        box-shadow: 0 0 18px 10px rgb(0 0 0 / 80%);
    cursor: pointer;
}
.home-page5 .featured-box:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    margin: 0 auto;
    height: 5px;
    background-color: #A82216;
    width: 0%;
    transition: width 1s;
    bottom: 0px;
}
.home-page5 .featured-box:hover:after {
    width: 100%;
}
.home-page5 .featured-box .icon-box-img img {
    padding: 0px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
.home-page5 .featured-box:hover .icon-box-img img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    filter: brightness(1) invert(1);
}
.home-page5 .featured-box .uppercase {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 0;
    background: #5d130c;
    color: #fff;
    font-weight: bolder;
    margin-bottom: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.home-page5 .featured-box .uppercase a { display: block; }
.home-page5 .featured-box .uppercase a:hover { color: #fff; }
.home-page5 .featured-box p {
    margin-bottom: 10px;
}
.home-page5 .featured-box p:last-child {
    margin-bottom: 0px;
}

@media screen and (min-width: 960px) {
  .home-page5 .featured-box { max-width: 30%;}
  .home-page5 .featured-box:not(:nth-child(3)) { margin-top: 30px;}
}
@media screen and (max-width: 959px) {
  .home-page5 .section-content { padding: 0 5px;}
  .home-page5 .featured-box { max-width: 100%;}
}

/* home 6 */
.home-page6 .section-content { width: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: flex-start;}
.home-page6 .tieude { color: #fff; }
.home-page6 .tieude h2 { color: #fff; }
.home-page6 .featured-box { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 auto 30px; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease;position: relative;overflow: hidden; }
.home-page6 .featured-box .icon-box-img img {
    padding: 0px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
.home-page6 .featured-box:hover .icon-box-img img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.home-page6 .featured-box .icon-box-text {
    font-size: 16px;
}
.home-page6 .featured-box .uppercase {
    color: #f3d461;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}


@media screen and (min-width: 960px) {
  .home-page6 .featured-box { max-width: 30%;}
}
@media screen and (max-width: 959px) {
  .home-page6 .section-content { padding: 0 5px;}
  .home-page6 .featured-box { max-width: 48%;}
}

/* home 7 */
.home-page7 .box-text-bottom {
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
}
.home-page7 .box-text-bottom .box-image {
    flex-basis: 100%; padding: 0 10px 20px;
}
.home-page7 .box-text-bottom .box-image img {
    border-radius: 10px;
}
.home-page7 .box-text-bottom .box-text {
    flex-basis: 100%; padding: 0 10px 20px;
}

@media only screen and (min-width: 960px) { 
  .home-page7 .box-text-bottom .box-image { max-width: 50%; order: 2; }
  .home-page7 .box-text-bottom .box-text { max-width: 50%; }
}
@media only screen and (max-width: 959px) { 
  .home-page7 .box-text-bottom .box-image { max-width: 100%; }
  .home-page7 .box-text-bottom .box-text { max-width: 100%; }
}
@media only screen and (max-width: 959px) and (min-width: 600px) { 

}
@media only screen and (max-width: 599px) { 

}

/* home 8 */
.home-page8 .slider-wrapper .section {  }
.home-page8 .slider-wrapper .section .section-content {
    display: flex;
    flex-flow: row wrap;
    width: 100%;align-items: center; -webkit-box-shadow: 0 1px 3px -2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px -2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);    transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s;
    transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;
}
.home-page8 .slider-wrapper .section:hover .section-content { -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.22);  box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.22);  }
.home-page8 .slider-wrapper .section .img { flex-basis: 100%;}
.home-page8 .slider-wrapper .section .noidung { flex-basis: 100%; padding: 15px;}
.home-page8 .slider-wrapper .section .noidung h3 {
    font-size: 1.2em;
}
.home-page8 .slider-wrapper .section .noidung h4 { font-size: 16px; }
.home-page8 .slider-wrapper .section .noidung p {  font-size: 16px; line-height: 1.5; }
.home-page8 .slider-wrapper  ol.flickity-page-dots {  bottom: -15px;}

@media screen and (min-width: 960px) {
  .home-page8 .slider-wrapper .section .img { max-width: 25%;}
  .home-page8 .slider-wrapper .section .noidung { max-width: 75%;}
}
@media screen and (max-width: 959px) { 
  .home-page8 .slider-wrapper .section .img { max-width: 100%;}
  .home-page8 .slider-wrapper .section .noidung { max-width: 100%;}
}

/* home dự án */
.home-duan { margin-bottom:0px;}
.home-duan .post-item .box-text { padding: 15px 10px;}
.home-duan .post-item .post-title { line-height: initial; height: 60px; overflow: hidden; font-weight: 400; color: #000;}
.home-duan .post-item .post-title a.plain { margin: 0px; font-size: 15px;}


/* form dự đoán chi phí */
.wpcf7 form.wpcf7-form { margin: 0px;}
.form-lien-he .input-group { background: white; display: inline-block; width: 100%; clear: both; border: 1px solid #ced4da; border-radius: 5px; margin-bottom: 10px;}
.form-lien-he i { display: inline-block; width: 10%; float: left; text-align: center; position: relative; height: 35px;}
.form-lien-he i:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px;}
.form-lien-he .fa-home:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0L0 6V8H1V15H4V10H7V15H15V8H16V6L14 4.5V1H11V2.25L8 0ZM9 10H12V13H9V10Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 18px;}
.form-lien-he .fa-usd:before { background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M393,315.6c-6.3-12.5-14.8-23.9-25.5-34.2c-10.7-10.3-23.1-19.6-37.3-28.1c-14.1-8.5-29.2-16.6-45.1-24.3 c-3.8-1.6-7.2-3-10.8-4.5v-129c2.7-0.1,5.5-0.4,8.2-0.4c40.8,0,75.6,15.5,101.5,32.8V54.9C362.2,44.8,324.8,36.6,277,36.6 c-0.9,0-1.7,0.1-2.6,0.1V0h-36.6v39.8c-7.1,1.1-14.3,2.1-21.5,3.7c-20.2,4.6-38.2,11.8-54,21.3c-15.8,9.6-28.6,21.7-38.3,36.4 c-9.7,14.7-14.5,32-14.5,52c0,16.2,2.8,30.3,8.4,42.3c5.6,12.1,13.4,22.9,23.3,32.4c9.9,9.6,21.5,18.3,34.9,26.2 c13.4,7.9,27.8,15.7,43.3,23.4c6.3,2.7,12.4,5.3,18.3,7.9v131.2c-3.3,0.1-6.2,0.4-9.7,0.4c-9.1,0-19.1-0.9-29.9-2.7 c-10.8-1.8-21.7-4.3-32.5-7.6c-10.8-3.2-21.1-7.3-30.8-12c-9.7-4.7-18-10.1-25-16l0,74.6c6.4,3.8,14.9,5.1,25.3,8 c10.4,3,21.4,5.5,33.1,7.6c11.7,2.1,23.1,3.6,34.2,4.7c11.1,1.1,25.1,1.6,32.7,1.6c0.9,0,1.7-0.1,2.6-0.1V512h36.6v-39.2 c7-1,14.1-2.1,21.6-3.6c20.6-4.2,38.8-10.8,54.7-20.1c15.8-9.3,28.4-21.3,37.8-36.1c9.4-14.8,14-33,14-54.5 C402.4,342.5,399.3,328.2,393,315.6z M214.3,194.7c-8.2-5.7-14.4-12-18.6-18.9c-4.3-6.9-6.4-15.1-6.4-24.6c0-10.1,2.8-18.6,8.3-25.7 c5.5-7.1,12.7-12.9,21.5-17.5c5.7-2.9,12.1-5.1,18.8-7v107.3C228.9,203.8,220.8,199.3,214.3,194.7z M299.4,402.3 c-6.7,4.2-15.2,7.4-24.9,9.8V302.1c6.8,3.5,13.1,7,18.7,10.7c9.3,6.1,16.6,12.9,21.8,20.3c5.2,7.4,7.8,16.1,7.8,26.2 C322.8,378.1,315,392.4,299.4,402.3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 18px;}
.form-lien-he .fa-th-large:before { background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M296 32h192c13.255 0 24 10.745 24 24v160c0 13.255-10.745 24-24 24H296c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24zm-80 0H24C10.745 32 0 42.745 0 56v160c0 13.255 10.745 24 24 24h192c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24zM0 296v160c0 13.255 10.745 24 24 24h192c13.255 0 24-10.745 24-24V296c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm296 184h192c13.255 0 24-10.745 24-24V296c0-13.255-10.745-24-24-24H296c-13.255 0-24 10.745-24 24v160c0 13.255 10.745 24 24 24z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 18px;}
.form-lien-he .fa-user:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M8 7C9.65685 7 11 5.65685 11 4C11 2.34315 9.65685 1 8 1C6.34315 1 5 2.34315 5 4C5 5.65685 6.34315 7 8 7Z' fill='%23000000'%3E%3C/path%3E%3Cpath d='M14 12C14 10.3431 12.6569 9 11 9H5C3.34315 9 2 10.3431 2 12V15H14V12Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 18px;}
.form-lien-he .fa-phone:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M18 9V6M18 6V3M18 6H15M18 6H21M18.5 21C9.93959 21 3 14.0604 3 5.5C3 5.11378 3.01413 4.73086 3.04189 4.35173C3.07375 3.91662 3.08968 3.69907 3.2037 3.50103C3.29814 3.33701 3.4655 3.18146 3.63598 3.09925C3.84181 3 4.08188 3 4.56201 3H7.37932C7.78308 3 7.98496 3 8.15802 3.06645C8.31089 3.12515 8.44701 3.22049 8.55442 3.3441C8.67601 3.48403 8.745 3.67376 8.88299 4.05321L10.0491 7.26005C10.2096 7.70153 10.2899 7.92227 10.2763 8.1317C10.2643 8.31637 10.2012 8.49408 10.0942 8.64506C9.97286 8.81628 9.77145 8.93713 9.36863 9.17882L8 10C9.2019 12.6489 11.3501 14.7999 14 16L14.8212 14.6314C15.0629 14.2285 15.1837 14.0271 15.3549 13.9058C15.5059 13.7988 15.6836 13.7357 15.8683 13.7237C16.0777 13.7101 16.2985 13.7904 16.74 13.9509L19.9468 15.117C20.3262 15.255 20.516 15.324 20.6559 15.4456C20.7795 15.553 20.8749 15.6891 20.9335 15.842C21 16.015 21 16.2169 21 16.6207V19.438C21 19.9181 21 20.1582 20.9007 20.364C20.8185 20.5345 20.663 20.7019 20.499 20.7963C20.3009 20.9103 20.0834 20.9262 19.6483 20.9581C19.2691 20.9859 18.8862 21 18.5 21Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 18px;}
.form-lien-he .fa-envelope:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M0 5.3585V14H16V5.35849L8 10.3585L0 5.3585Z' fill='%23000000'%3E%3C/path%3E%3Cpath d='M16 3V2H0V3L8 8L16 3Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 18px;}

.form-lien-he .wpcf7-form-control-wrap {
    display: inline-block;
    float: right;
    width: 90%;
}
.form-lien-he input, .form-lien-he textarea, .form-lien-he select {
    box-shadow: none;
    font-size: 14px;
    margin-bottom: 0;
    border: none;
    border-left: 1px solid #dcdcdc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.form-lien-he span.wpcf7-spinner {
    display: none;
}
.form-lien-he .wpcf7-submit {
    font-weight: bold;
    font-size: 17px;
    border-radius: 5px;
    display: block;
    width: 100%;
    box-shadow: none;
    border: none;
    background: linear-gradient(90deg, #5d130c 6%, #A82216 50%, #5d130c 100%);
}


/*
 * acf bài viết 
 * */
.khung-slide {
    margin-bottom: 30px;
}
.khung-slide .slider-top .img .img-inner {
    padding-top: 56%;
    position: relative;
    height: auto;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
}
.khung-slide .slider-top .img .img-inner img {
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.tt-them {
    border: 1px solid #6a4113;
    border-radius: 5px;
    box-shadow: 0 0 6px #ebebeb;
    margin-bottom: 15px;
    margin-top: 20px;
    border-left: 3px solid #6a4113!important;
    display: flex;
    flex-flow: row wrap;
    width: 100%;padding: 10px;
}
.tt-them .v2_bnc_info_full { flex-basis: 100%; margin: 0 auto 5px; padding-bottom: 5px; border-bottom: 1px solid #6b4315;}
.tt-them span { flex-basis: 100%;  margin: 0 auto;}
.tt-them span:not(.no-border) { margin-bottom: 5px; padding-bottom: 5px;  border-bottom: 1px solid #6b4315;}

@media only screen and (min-width: 960px) { 
  .tt-them .v2_bnc_info_full { max-width: 98%; }
  .tt-them span { max-width: 48%;}
}
@media only screen and (max-width: 959px) { 
  .tt-them .v2_bnc_info_full { max-width: 100%; }
  .tt-them span { max-width: 100%;}
  .tt-them .tths-dc { margin-bottom: 5px; padding-bottom: 5px;  border-bottom: 1px solid #6b4315; }
}