@font-face {
  font-family: 'HKNova';
  src: url(../fonts/HKNova-Regular.otf);
  font-weight: normal;
}
@font-face {
  font-family: 'HKNova';
  src: url(../fonts/HKNova-Medium.otf);
  font-weight: 500;
}
@font-face {
  font-family: 'HKNova';
  src: url(../fonts/HKNova-Bold.otf);
  font-weight: bold;
}
body, html {
    font-family: 'HKNova', sans-serif;
    font-size: 16px;
    color: #000;
    background: #f9f9f9;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
img {
    height: auto;
    max-width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.noi_dung_post {
    line-height: 1.5;
}
.noi_dung_post h2 {
    font-size: 22px;
    margin: 5px 0 10px;
    font-weight: bold;
}
.noi_dung_post h3 {
    font-size: 18px;
    margin: 5px 0 10px;
    font-weight: bold;
}
.noi_dung_post h4 {
    font-size: 16px;
    margin: 5px 0 10px;
    font-weight: bold;
}
.noi_dung_post table {
    width: 100%;
    margin-bottom: 15px;
}
.noi_dung_post table td, .noi_dung_post table th {
    border: 1px solid #333;
    padding: 5px;
}
.noi_dung_post ul {
    padding-left: 25px;
    list-style-type: disc;
    margin-bottom: 10px;
}
.noi_dung_post ol {
    padding-left: 25px;
    margin-bottom: 10px;
    list-style-type: decimal;
}
.noi_dung_post b, .noi_dung_post strong {
    font-weight: bold;
}
.noi_dung_post i {
    font-style: italic;
}
iframe {
    max-width: 100%;
}
.noi_dung_post iframe {
    display: block;
    margin: 0 auto;
}
input, button, select{outline: 0 !important;box-shadow: none !important;}
.text-danger{color: #c10d07 !important}
.text-secondary {color: #80868b!important;}
.text-dark{color: #000 !important}
.text-444c59{color: #444c59 !important}
.bg-dark, .btn-dark{background: #000 !important;}
.bg-light{background: #f2f2f2 !important}
.bg-262626{background-color: #262626 !important;}
.rounded-lg{border-radius: 8px !important}
.my60{margin: 60px 0;}
.form-control{color: #80868b}
.form-control:-webkit-input-placeholder, .form-control:-ms-input-placeholder, .form-control:placeholder{color: #80868b}
.header-top img{height: 20px;display: block;}
.logo img{height: 70px;}
.header-middle .menu-main li{margin-left: 30px;}
.header-middle .menu-main a{text-decoration: none;color: #333;}
.header-active .header-middle{top: 0;left: 0;width: 100%;z-index: 999999;position: fixed;}
.header-active .logo img{height: 50px;}
.banner-home{margin-bottom: 40px;}
.search-home{left: 0;z-index: 9;bottom: -90px;}
.search-bds{border-radius: 10px;box-shadow: 5px 10px 15px #cbcbcb;}
.home main .mo_ta{max-width: 1000px}
.list-bds-home button{width: 140px;}
.hover-img{display: block;overflow: hidden;}
.hover-img img{-webkit-transition: 0.35s;transition: 0.35s;}
.hover-img:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.grid-project li, .grid-post li, .icon-svg{padding-left: 20px;}
.grid-project li svg, .grid-post li svg, .icon-svg svg{top: 3px;left: 0;}
.grid-project h3{height: 60px;}
.grid-project h3 a{-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;line-height: 1.5;}
.our-team-slide{margin: 0 -0.25rem;}
.grid-team li a{width: 30px;height: 30px;background: #333;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.grid-team li a svg{width: 20px;height: 20px;}
.slick-arrow{width: 52px;height: 52px;background: url(../images/left.png) no-repeat center center !important;background-size: contain;left: -25px;z-index: 9;}
.slick-next{right: -25px;left: auto;background-image: url(../images/right.png) !important;}
.slick-arrow:before{display: none;}
footer, footer a{color: #e6e6e6 !important;text-decoration: none !important;}
footer .menu li{margin-bottom: 10px;}
footer ul{list-style: none;margin: 0;padding: 0;}
footer .wpcf7-form-control-wrap{width: calc(100% - 66px)}
footer .wpcf7-form-control-wrap input{border-bottom-right-radius: 0;border-top-right-radius: 0;background: #000;}
.slider-nav{padding: 10px 30px;}
.slider-nav .slick-arrow{background: transparent !important;width: 20px;height: 70px;left: 5px;}
.slider-nav .slick-next{right: 5px;left: auto;}
.slider-nav img{width: 115px;height: 80px;object-fit: cover;}
.btn-scroll button{height: 100px;width: 100px;background: transparent;border: none;color: #3e3e3e;font-size: 14px;}
.btn-scroll button svg{display: block;margin: 0 auto 10px;}
.btn-scroll .active{color: #fff;background: #3e3e3e;}
.btn-scroll .active path{fill: #fff;}
.list-icon-single-project li{padding-left: 30px;margin-right: 30px;}
.list-icon-single-project svg{top: 0;left: 0;}
.list_project_service li{padding: 5px 0;}
.list_project_service li svg{top: 8px;right: 0;}
.map iframe{width: 100%;height: 500px;}
.comment-form-cookies-consent{display: none;}
.hoi-dap form a {
    font-size: 15px;
    color: #333
}
.hoi-dap form .btn {
    width: 200px;
}
.hoi-dap .box-cmt {
    margin-top: 10px
}
.hoi-dap .box-cmt .user-admin-hd .user-hoi {
    margin-bottom: 10px
}
.hoi-dap .box-cmt .user-admin-hd .user-hoi .user span {
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    color: #333
}
.hoi-dap .box-cmt .user-admin-hd .content-user p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px
}
.hoi-dap .box-cmt .user-admin-hd .reply_list a {
    font-size: 13px;
    color: #333;
    padding-right: 10px
}
.hoi-dap .box-cmt .user-admin-hd .reply_list span {
    font-size: 13px;
    color: #999;
    padding-right: 10px
}
.hoi-dap .box-cmt .user-admin-hd .cmt_item {
    position: relative;
    background: #eee;
    padding: 10px 15px 10px 10px;
    margin-bottom: 10px;
    margin-top: 15px;
    border-radius: 5px
}
.hoi-dap .box-cmt .user-admin-hd .cmt_item:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eee
}
.hoi-dap .box-cmt .user-admin-hd .cmt_item .qtv {
    display: flex;
    align-items: center
}
.hoi-dap .box-cmt .user-admin-hd .cmt_item .qtv .ten-qtv {
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase
}
.hoi-dap .box-cmt .user-admin-hd .cmt_item .qtv span:not(.ten-qtv) {
    background: #e11b1e;
    border-radius: 2px;
    padding: 0 5px;
    line-height: normal;
    border: 1px solid #e11b1e;
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin-left: 10px
}
.hoi-dap .box-cmt .user-admin-hd .cmt_item .question {
    padding: 10px;
    padding-top: 20px
}
.hoi-dap .box-cmt .user-admin-hd .cmt_item .question p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px
}
.hoi-dap .xem-them {
    text-align: center;
    padding-top: 10px
}
.hoi-dap .xem-them a {
    background-color: #e11b1e;
    border-radius: 5px;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    display: block;
    margin: 0 auto
}
.box-cmt #cancel-comment-reply-link{display: inline-block;padding-left: 5px;text-decoration: none;color: #333}
.hoi-dap .box-cmt .star-rating{margin-left: 10px;width: 80px;}
.hoi-dap .box-cmt .star-rating:before, .hoi-dap .box-cmt span:before {color: #fd6e1d;font-size: 15px;}
.single-project .grid-team img{width: 200px;height: 200px;object-fit: cover;}
.share-post-ws24h a {margin-right: 10px; width: 30px; height: 30px; line-height: 27px; text-align: center; color: #fff; border-radius: 5px; background: #1877f2 }
.share-post-ws24h a:nth-child(2) {
    background: #27c2f5
}
.share-post-ws24h a:nth-child(3) {
    background: #f7333e
}
.share-post-ws24h a:nth-child(4) {
    background: #0a84dc
}
.share-post-ws24h a:nth-child(5) {
    background: #111
}
.single-contact-page svg {width: 30px; height: 30px;margin-right: 10px;min-width: 30px;}
.single-contact-page path{fill: #333;}
.list-mang-xh a{display: block;border-radius: 50%;background-color: #1877f2;padding: 8px;}
.list-mang-xh li:nth-child(2) a{background: #7b33aa;}
.list-mang-xh li:nth-child(3) a{background: #f00;}
.hc-offcanvas-nav .nav-item-wrapper img{display: none;}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{background: #333;}
.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{background: #333;border-color: #fff;}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a, .hc-offcanvas-nav a.nav-next, .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-color: #fff;}
.hc-offcanvas-nav .nav-content>h2, .hc-offcanvas-nav .nav-content>h3, .hc-offcanvas-nav .nav-content>h4, .hc-offcanvas-nav .nav-content>h5, .hc-offcanvas-nav .nav-content>h6{color: #fff;}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top: none;}
@media screen and (max-width: 767px) {
    .noi_dung_post iframe {
        height: 250px;
    }
    .my60{margin: 40px 0;}
    .search-home{position: static !important;margin-top: 20px;}
    .slider-nav img {
        width: 70px;
        height: 40px;
    }
}
@media screen and (min-width: 768px) {
    .banner-home{margin-bottom: 150px;}
    .list_project_service ul{margin: 0 -15px;}
    .list_project_service li{padding: 5px 20px 5px 0;width: calc(50% - 30px);display: inline-block;margin: 0 15px;}
}
@media screen and (min-width: 992px) {
    .slider-nav{width: calc(100% - 330px)}
    .single-project .grid-team{margin-top: 40px;}
}
@media screen and (min-width: 1360px) {
    .container{max-width: 1360px;}
    .cac-buoc-slide .slick-slide:before{z-index: 9;content: '';display: block;position: absolute;width: 122px;height: 48px;top: 0;right: -62px;background: url(../images/up.png) no-repeat center center;background-size: contain;}
    .cac-buoc-slide .slick-slide:nth-child(2n):before{background-image: url(../images/down.png);top: 122px;}
    .cac-buoc-slide .slick-slide:last-child:before{display: none;}
}