/*
Theme Name: 3dsmc
Theme URI: 
Author: Quốc Thắng
Author URI: 
Description: 3dsmc Responsive Theme.
Version: 1.0
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: 3dsmc
Text Domain: 3dsmc
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 15px!important;
}
html[lang="en-US"] .footer_vi{
	display:none;
}
html[lang="vi-VN"] .footer_en{
	display:none;
}
.wpml-ls-menu-item .wpml-ls-flag {
    width: 23px!important;
    height: auto!important;
	max-width: 23px!important;
}
#header .header-contact p {
    display: inline-block;
}
.wpml-ls-legacy-dropdown {
    width: 60px!important;
    display: inline-block;
}
.wpml-ls-legacy-dropdown a {
    border: none!important;
    background-color: transparent!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    padding-right: 0px!important;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag {
    width: 23px!important;
    height: 23px!important;
}
.mega-menu.show-arrow>li.has-sub.wpml-ls-item>a:after {
    font-size: 15px!important;
    color: #183B56!important;
    position: relative!important;
    top: -3px!important;
    right: -4px!important;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: '\e81c'!important;
    font-family: "porto"!important;
    font-weight: 400!important;
    line-height: 1!important;
    font-size: 15px!important;
    color: #183B56!important;
    position: relative!important;
    top: -3px!important;
    right: -4px!important;
    border: none!important;
}
.menu-item.wpml-ls-item{
    display:none!important;
}
.sticky-header#header .menu-item.wpml-ls-item{
    display:block!important;
    width: 70px;
}
.sticky-header#header .menu-item.wpml-ls-item a{
    padding: 15px 0px 15px 0px!important;
}
.sticky-header#header .wpml-ls-item ul.sub-menu {
    background-color: transparent!important;
    border-top: none!important;
    width: 70px!important;
    box-shadow: none!important;
}
p {
    margin: 0 0 10px!important;
}
.hdt01 p a:first-child{
    border-right: solid 1px #E5E7EB;
    padding-right: 25px;
    margin-right: 25px;
}
#header .main-menu {
    display: flex!important;
    justify-content: space-evenly!important;
}
#header .main-menu > li.menu-item {
    margin-right: 2px;
    margin: 0 auto 0 0;
}
 #header .main-menu-wrap {
    background-color: #F9FAFB!important;
    border-top: solid 1px #E5E7EB!important;
    border-bottom: solid 1px #E5E7EB!important;
}
 .sticky-header#header .main-menu-wrap {
    background-color: rgb(249 250 251 / 95%)!important;
}
#header .main-menu > li.menu-item.active > a {
    font-weight: 700;
}
[data-vc-full-width="true"] .porto-container.container { padding-left: 15px !important; padding-right: 15px !important; }


#header .logo .standard-logo {
    width: 160px!important;
    transition: all 0.3s ease-in-out;
}
#header .sticky .logo .standard-logo {
    width: 80px!important;
    transform: scale(1)!important;
    transition: all 0.3s ease-in-out;
}
#header .main-menu > li.menu-item > a {
    transition: all 0.3s ease-in-out;
    padding: 15px 18px 15px 18px!important;
}
#header .sticky .main-menu > li.menu-item > a {
    transition: all 0.3s ease-in-out;
    padding: 10px 18px 10px 18px!important;
}
 #header.sticky-header .header-main {
    padding-top: 0px!important;
}
 #header.sticky-header .main-menu-wrap {
    padding: 0px 0!important;
}
#header.sticky-header .header-main .container {
    min-height: 60px!important;
}
#header .mobile-toggle {
    background: #1c74bb!important;
    background: linear-gradient(-45deg, #1c74bb 0%, #1892c7 100%)!important
}
.porto-u-headings-line{
    display:block!important;
    height: 5px!important;
    width: 110px!important;
    background: rgb(190,212,89);
    background: linear-gradient(-90deg, rgba(190,212,89,1) 0%, rgba(243,142,95,1) 46%, rgba(116,97,168,1) 97%);
    background: linear-gradient(270deg, #7461a8, #f38e5f, #bed459);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
    margin: 6px!important;
    border: none!important;
}
.porto-u-heading-spacer.line_only{
    position: relative!important;
    top: -15px;
    left: -10px;
    height: auto!important;
}
.bg_ani01 {
    background: linear-gradient(270deg, #7461a8, #f38e5f, #bed459);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.tabs.tabs-simple .nav-tabs > li .nav-link {
    border-bottom-color: #c4c4c4!important;
}
.page-top .product-nav .product-popup:before, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li .nav-link:focus, .tabs.tabs-simple .nav-tabs > li.active .nav-link, .sort-source-style-3 > li.active > a {
    border-bottom-color: #a674e7!important;
}
.featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured {
    background: transparent!important;
    border: none!important;
}
.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-3d, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {
    background-color: #fff!important;
}
#footer p, #footer .widget > div > ul li, #footer .widget > ul li {
    margin-bottom: 10px!important;
}
#footer .widget > div > ul li:before{
    content: " ";
    display: inline-block;
    height: 7px!important;
    width: 7px!important;
    background: rgb(190,212,89);
    background: linear-gradient(-90deg, rgba(190,212,89,1) 0%, rgba(243,142,95,1) 46%, rgba(116,97,168,1) 97%);
    background: linear-gradient(270deg, #7461a8, #f38e5f, #bed459);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
    margin: 0 10px 0 0!important;
    border: none!important;
    border-radius: 50%;
    position: relative;
    top: -3px;
}
.header-wrapper {
   box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
   z-index: 9;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .widget-title, #footer .widget-title a, .footer-top .widget-title {
    font-size: 20px!important;
}
article.post .post-meta i, article.post .post-meta .post-views-icon.dashicons {
    margin-right: 3px !important;
}
.page-top .page-title:not(.b-none):after {
    border-bottom: none!important;
}
.page-top ul.breadcrumb>li {
    text-transform: none!important;
    font-size: 14px!important;
}
.page-top .page-title {
    font-size: 40px!important;
    letter-spacing: 0px!important;
    font-weight: 700!important;
    margin: 5px 0!important;
    line-height: 1.5!important;
    text-transform: none;
}
.page-template-default .page-top .page-title, .archive .page-top .page-title{
    font-size: 38px!important;
}
.single .breadcrumb li:last-child{
    display:none!important;
}
.wp-caption .wp-caption-text, .wp-caption-dd {
    font-size: 14px!important;
    line-height: 1.5!important;
    margin: 0px 0 10px!important;
    padding: 10px 10px!important;
    text-align: center!important;
    background: #f1f1f1!important;
    color: #3f51b5!important;
    margin-bottom: 0!important;
}
.wp-caption{
    border: solid 1px #f1f1f1!important;
    margin-bottom: 20px!important;
}
.single-post .entry-title, .post-content .entry-title, .post-content .entry-title a, .tuyendung00 .entry-title, .tuyendung00 .entry-title a {
    color: #3a3a3a!important;
    font-size: 20px!important;
    line-height: 1.5!important;
}
.post-content .post-excerpt{
    color: #42515C!important;
    line-height: 1.5!important;
    font-size: 16px!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.post-meta a, .post-meta i{
    color: #42515C!important;
}
.post-item-small h5 {
    font-size: 13px!important;
    line-height: 1.4!important;
}
.post-item-small h5 a {
    color: #000!important;
}
.post-item-small .post-date, .sidebar .thumb-info-type, .sidebar .thumb-info .thumb-info-inner:before, .sidebar .thumb-info .thumb-info-inner:after, .sidebar .view-more, .posts-medium .post-meta {
    display: none!important;
}
.sidebar .widget-title{
    color: #183B56!important;
    text-transform: none!important;
    font-size: 22px;
    position: relative;
}
#header .header-main .searchform-popup{
    display: inline-block!important;
}
#header .search-popup .searchform {
    padding: 3px 3px!important;
    border-radius: 23px!important;
}
html.panel-opened .page-wrapper, html.panel-opened #header.sticky-header .header-main.sticky, html.sidebar-opened #header.sticky-header .header-main.sticky, .filter-sidebar-opened #header.sticky-header .header-main.sticky {
    right: 0!important;
}
#side-nav-panel .side-nav-panel-close {
    color: #565656!important;
    font-size: 20px!important;
    top: 5px!important;
    right: 5px!important;
}
#side-nav-panel .accordion-menu .arrow {
    color: #565656!important;
}
.header-main li.wpml-ls-item ul.sub-menu {
    background-color: rgb(0 0 0 / 0%)!important;
    border-top: none!important;
    min-width: auto!important;
}
.header-main.sticky li.wpml-ls-item ul.sub-menu {
    background-color: rgb(0 0 0 / 80%)!important;
    border-top: none!important;
    min-width: auto!important;
}
li.wpml-ls-item:hover .popup {
    top: 47px!important;
    left: 0px!important;
}
li.wpml-ls-item li.menu-item>a {
    padding: 5px 5px!important;
    text-align: center!important;
    line-height: 5px!important;
    background: transparent!important;
}
li.wpml-ls-item li.menu-item>a:hover {
    background: transparent!important;
}
.post-content table ul{
    padding-inline-start: 15px!important;
}
.post-content table{
    margin-bottom: 10px!important;
}
.member-overview .align-items-center .col-lg-6:first-child{
    display:none!important;
}
.member-overview .align-items-center .col-lg-6.justify-content-lg-end {
    -webkit-justify-content: start !important;
    -ms-flex-pack: start !important;
    justify-content: start!important;
}
hr.tall {
    margin: 20px 0!important;
}
.member-overview {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.related-posts .post-item .post-date, .related-posts .post-excerpt, .pb-edit-link {
    display: none!important;
}
.related-posts .post-carousel .post-item .post-date ~ * {
    margin-left: 0px!important;
}
.related-posts .post-carousel h4 {
    font-size: 15px!important;
}
.post-share h3, article.post .comment-respond h3, article.portfolio .comment-respond h{
    float: left!important;
    margin-right: 15px!important;
    margin-bottom: 0px!important;
}
.rev-btn{
    -webkit-transition: background 0.3s ease-out!important;
    -moz-transition: background 0.3s ease-out!important;
    -o-transition: background 0.3s ease-out!important;
    transition: background 0.3s ease-out!important;
    cursor:pointer!important;
}
.rev-btn:hover{
    -webkit-transition: background 0.3s ease-out!important;
    -moz-transition: background 0.3s ease-out!important;
    -o-transition: background 0.3s ease-out!important;
    transition: background 0.3s ease-out!important;
     cursor:pointer!important;
}
.member-item.member-item-4 .thumb-info-caption p { line-height: 25px; text-transform: none; font-size: 1em; }
#footer .footer-bottom { padding: 25px 0; }
.bbt01 p {
    color: #a7a7a7!important;
}
.dark-text-01 p{
    color: #a7a7a7!important;
}
.dark-ss-01 p, .dark-ss-01 h2, .dark-ss-01 li{
    color: #fff!important;
}
.bg-gra-01{
    background: rgba(255,255,255,0.5);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 100%);
}
.bg-gra-02{
    background: rgba(255,255,255,0.5);
    background: linear-gradient(90deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%);
}
.blog-posts .blog-post-item .post-item-title {
    font-weight: 500!important;
    line-height: 1.3!important;
    font-size: 16px!important;
}
.vc_btn3.vc_btn3-color-orange, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat {
    color: #3e3e3e!important;
    background-color: #ffc600!important;
    font-size: 15px;
    padding: 10px 25px;
}
.vc_btn3.vc_btn3-color-orange:hover, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:hover{
    color: #3e3e3e!important;
    background-color: #ffd235!important;
}
.section.section-text-dark, .section.section-text-dark h1, .section.section-text-dark h2, .section.section-text-dark h3, .section.section-text-dark h4, .section.section-text-dark h5, .section.section-text-dark h6, .vc_general.vc_cta3 h2, .vc_general.vc_cta3 h4, .vc_general.vc_cta3.vc_cta3-style-flat .vc_cta3-content-header h2, .vc_general.vc_cta3.vc_cta3-style-flat .vc_cta3-content-header h4 {
    color: #fff!important;
}
#footer .footer01 h2 {
    font-size: 20px!important;
    line-height: 30px!important;
}
#footer .footer01 h4, #footer .footer01 h3 {
    font-size: 16px!important;
    line-height: 1.4!important;
    font-weight: 700!important;
}
#footer .widget .footer015 p {
    border-bottom: solid 1px #4a6a88!important;
    padding-bottom: 7px!important;
    margin-bottom: 7px !important;
    line-height: 1.7!important;
}
#footer .widget .footer015 .wpb_wrapper p:last-child{
    border-bottom: none!important;
}
.footer01 ul{
    list-style: none!important;
    padding-inline-start: 0px!important;
}
.footer01 ul li{
    margin-bottom: 10px!important;
}
.footer011x .porto-icon{
    transition: all 0.3s ease-in-out!important;
}
.footer011x .porto-icon:hover{
    transition: all 0.3s ease-in-out!important;
    color: #ffffff!important;
    border-color: #ffffff!important;
}
.footer011x a{
    display: block;
    padding: 0 0 8px 20px;
}
.footer011 h3 {
    margin: 0 0 0px 0!important;
}
.footer012 img{
    height: 20px!important;
    width: auto!important;
    margin-right: 15px!important;
    max-width: 17px;
}
.footer013{
    position: relative;
    margin-bottom: 30px!important;
}
.footer013:after {
    width: 80px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -13px;
    z-index: 1;
    content: " ";
    background: #FF7700;
}
.footer014 {
    display: inline-block;
    width: 55px;
}
.footer014 img{
    box-shadow: 0 0 0px #fff;
    border-radius: 50%;
    transform: scale(1);
    margin-top: 10px;
    transition: all 0.3s ease-in-out!important;
}
.footer014 img:hover{
    box-shadow: 0 0 10px #fff;
    border-radius: 50%;
    transform: scale(1.2);
    transition: all 0.3s ease-in-out!important;
}
.youtube-icon:hover {
    background-color: #f44336; 
}
#footer .footer-main > .container {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
#footer .footer-bottom {
    padding: 15px 0 10px!important;
}
#nav_menu-2 ul li:before{
    display: none!important;
}
#nav_menu-2 ul li{
    font-size: 16px!important;
    line-height: 1.4!important;
    font-weight: 400!important;
    margin-bottom: 10px!important;
}
i.wpmi-icon {
    top: -3px!important;
    position: relative!important;
}
 #header {
    position: relative!important;
}

#header.sticky-header .header-main.sticky  {
    z-index: 999!important;
}
.dhvc-form-flat .dhvc-form-input input, .dhvc-form-flat .dhvc-form-file input[type=text], .dhvc-form-flat .dhvc-form-captcha input, .dhvc-form-flat .dhvc-form-select select, .dhvc-form-flat .dhvc-form-textarea textarea {
    margin-bottom: 15px!important;
}
.dhvc-form-popup-header h3 {
    border-bottom: none!important;
    font-weight: 600!important;
    padding: 15px 20px!important;
    background: #227cd6!important;
    color: #fff!important;
    text-align: center!important;
}
span.dhvc-form-error {
    padding-top: 0px!important;
    top: -8px!important;
    position: relative!important;
}
.dhvc-form-submit, .dhvc-form-submit:hover, .dhvc-form-submit:active, .dhvc-form-submit:focus {
    opacity: 1!important;
    border: none!important;
    color: #fff!important;
    float: none!important;
    height: 48px!important;
    padding: 0 25px!important;
    font-size: 16px;
    font-weight: 700!important;
    line-height: 48px!important;
    width: 100%!important;
    border-radius: 32px!important;
    margin-top: 10px!important;
    margin-bottom: 20px!important;
}
.dhvc-form-submit:hover{
    background: #e56b00!important;
    transition: all 0.3s ease-in-out!important;
    cursor: pointer;
}
.dhvc-form-popup-container {
    transform: translateY(30%)!important;
}
.tai-cv-01{
    text-align: center;
}
.tai-cv-01 .dhvc-form-file-button {
    display: none!important;
}
.tai-cv-01 input{
    border: 1px dashed #183B56!important;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    height: 50px!important;
}
.tai-cv-01 label.dhvc-form-label{
    margin-top: 5px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}
.tai-cv-01 .dhvc-form-help{
    position: absolute!important;
    z-index: 10!important;
    pointer-events: none!important;
    width: 100%;
    bottom: 15px;
    left: 0px;
    font-size: 16px;
    color: #193b57;
}
.dhvc-form-file, .dhvc-form-file:hover {
    position: relative;
    z-index: 1;
    cursor: pointer!important;
}
.dhvc-form-file input, .dhvc-form-file:hover input{
    cursor: pointer!important;
}
#dhvcform-1158 .dhvc-form-submit, #dhvcform-1158 .dhvc-form-submit:hover, #dhvcform-1158 .dhvc-form-submit:active, #dhvcform-1158 .dhvc-form-submit:focus, #dhvcform-1158 .dhvc-form-file-button {
    width: 100%!important;
}
.tuyendung01{
    background: #F9FAFB;
    padding: 24px;
    margin-bottom: 30px;
    position: relative;
}
.tuyendung03{
    background: #f5f5f5;
    padding: 50px 24px 24px;
    margin: 0px -40px -25px;
    position: relative;
}
.tuyendung01 ~ .entry-content{
    padding-bottom: 10px!important;
    border-bottom: none!important;
    margin-bottom: 10px!important;
}
.tuyendung011{
    display: inline-block;
    margin-bottom: 10px!important;
    font-size: 22px!important;
    line-height: 1.4!important;
    font-weight: 600!important;
    color: #000;
}
.tuyendung012{
    color: #fff !important;
    background-color: #1E88E5;
    padding: 12px 50px;
    border: unset;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 16px;
    transition: all 0.3s ease-in-out!important;
    right: 10px;
    top: 10px;
    position: absolute;
}
.tuyendung012:hover{
    background-color: #0c76d3;
    transition: all 0.3s ease-in-out!important;
    cursor: pointer;
}
.tuyendung021{
    font-size: 14px!important;
    color: #42515C!important;
    font-weight: 400!important;
}
.tuyendung021 strong{
    font-size: 16px!important;
    color: #183B56!important;
    font-weight: 400!important;
    display: block;
    margin-bottom: 10px;
    padding-left: 40px;
}
.tuyendung03 h3{
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}
.tai-cv-01 .dhvc-form-error{
    position: absolute!important;
    top: 2px!important;
}
.tuyendung02{
    display: inline-block;
    width: 49%;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.8;
}
.tuyendung020{
    display: block;
    width: 100%;
    margin-top: 15px;
}
.tuyendung07{
    background: url(https://htsc.vn/wp-content/uploads/2021/09/contact.jpg) no-repeat center;
    background-size: cover;
    height: 20vw;
    margin-top: -20px!important;
    margin-bottom: 50px!important;
}
.tuyendung071 h1{
    color: #fff !important;
    margin-bottom: 10px!important;
    font-size: 30px!important;
}
.tuyendung071 h2{
    color: #fff !important;
    margin-bottom: 10px!important;
    font-size: 20px!important;
}
.tuyendung071 h2 strong{
    
}
.blog-posts article {
    margin-bottom: 20px!important;
    padding-bottom: 20px!important;
}
.tuyendung00 .col-md-3{
    text-align:center;
}
.tuyendung06{
    font-weight: 400!important;
    text-align: center!important;
    color: #fff!important;
    border: 0px solid #ff9800!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    padding: 5px 18px!important;
    background-color: #ff9800!important;
    font-size: 15px!important;
    transition: all 0.3s ease-in-out!important;
    height: 34px;
}
.tuyendung06 a{
    color: #fff!important;
    transition: all 0.3s ease-in-out!important;
}
.tuyendung06:hover{
    background-color: #d37e00!important;
    transition: all 0.3s ease-in-out!important;
    cursor: pointer!important;
}
.tuyendung06:hover a{
    color: #fff!important;
    text-decoration: none!important;
}
.tuyendung041 span{
    color: #858585!important;
    font-size: 14px;
    font-weight: 300;
    padding-right: 15px;
}
.tuyendung051 span{
    color: #dc8300!important;
    font-size: 16px;
    font-weight: 400;
}
.tuyendung00 .entry-title{
    margin-bottom: 10px!important; 
}
.related-posts a{
    color: #141D38!important;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.related-posts .post-item> a{
    width: 30%;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
h1, h2, h3 {
    line-height: 1.5!important;
    margin: 0 0 20px 0!important;
}
h3.porto-sicon-title {
    margin: 0 0 0px 0!important;
}
.vc_row.wpb_row.porto-inner-container{
    padding-top: 30px;
    padding-bottom: 30px;
}
.tparrows:before {
    color: #ffffff!important;
}
.htiservices01{
    padding-top: 70px!important;
    padding-bottom: 70px!important;
}
.tieude-left h2, .tieude-center h2, .tieude-left-2 h2, .sidebar .widget-title, .archive .post-content .entry-title{
    position: relative;
    margin-bottom: 30px!important;
}
.tieude-left-2 h2{
    font-size: 22px!important;
    font-weight: 600!important;
    line-height: 32px!important;
}
.tieude-left h2:after , .archive .post-content .entry-title:after{
    width: 160px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 1;
    content: " ";
    background: #FF7700;
}
.sidebar .widget-title:after{
    width: 80px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 1;
    content: " ";
    background: #FF7700;
}
.tieude-left-2 h2:after{
    width: 30px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 1;
    content: " ";
    background: #FF7700;
}
.tieude-center h2:after{
    width: 160px;
    height: 2px;
    position: absolute;
    left: calc(50% - 80px);
    bottom: -10px;
    z-index: 1;
    content: " ";
    background: #FF7700;
}
.single-post .entry-title{
    position: relative;
    margin-bottom: 30px!important;
}
.single-post .entry-title:after{
    width: 160px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 1;
    content: " ";
    background: #FF7700;
}
.hti020{
    margin-top: 80px!important;
    margin-bottom: 10px!important;
}
.hti022{
    width: 500px;
    height: auto;
}
.hti022 a{
    color: #183B56!important;
    font-size: 20px!important;
    line-height: 30px!important;
    font-weight: 700!important;
    transition: all 0.3s ease-in-out!important;
}
.hti022:hover a{
    color: #FF7700!important;
    text-decoration: none!important;
    transition: all 0.3s ease-in-out!important;
}
.hti022 p{
    color: #42515C!important;
    font-size: 15px!important;
    line-height: 20px!important;
    font-weight: 400!important;
}
.hti020 .vc_column-inner{
    position: relative;
    margin-bottom: 30px!important;
}
.hti020 .vc_column-inner .hti022{
    position: absolute;
    transition: all 0.3s ease-in-out!important;
    padding: 5px 10px 0;
    border-radius: 7px;
}
.hti020 .vc_column-inner .hti022:hover {
    background: #fbfdff;
    box-shadow: 0 0 5px rgb(0 0 0 / 18%);
    transition: all 0.3s ease-in-out!important;
}
.hti022:before{
    width: 23px;
    height: 23px;
    position: absolute;
    left: -50px;
    top: 45px;
    z-index: 1;
    content: " ";
    background: #183B56;
    border-radius: 50%;
    border: solid 1px #193b57;
    box-shadow: inset 0 0 0 4px #fff!important;
    transition: all 0.3s ease-in-out!important;
    background: #33d9fc;
    border: solid 1px #0e52fc;
}
.hti022:hover:before{
    background: #FF7700;
    border-radius: 50%;
    border: solid 1px #FF7700;
    box-shadow: inset 0 0 0 4px #fff!important;
    transition: all 0.3s ease-in-out!important;
}
.hti020 .vc_column-inner .hti022:nth-child(1){
    left: 528px;
    top: -55px;
}
.hti020 .vc_column-inner .hti022:nth-child(2){
    left: 630px;
    top: 106px;
}
.hti020 .vc_column-inner .hti022:nth-child(2):before {
    left: -50px;
    top: 15px;
}
.hti020 .vc_column-inner .hti022:nth-child(3){
    left: 680px;
    top: 250px;
}
.hti020 .vc_column-inner .hti022:nth-child(3):before {
    top: 30px;
}
.hti020 .vc_column-inner .hti022:nth-child(4){
    left: 690px;
    top: 405px;
}
.hti020 .vc_column-inner .hti022:nth-child(5){
    left: 630px;
    top: 600px;
}
.hti020 .vc_column-inner .hti022:nth-child(5):before {
    top: 10px;
}
body .row.vc_column-gap-35>.vc_column_container {
    padding: 20px!important;
}
.vc_btn3.vc_btn3-shape-round {
    letter-spacing: 0px!important;
    padding: 9px 20px!important;
    font-weight: 700!important;
    background-color: #FF7700!important;
    margin-top: 10px;
}
.vc_btn3.vc_btn3-shape-round:hover {;
    background-color: #e46d05!important;
}
.htsc02{
    padding-top: 70px!important;
    padding-bottom: 70px!important;
    background: #00559c!important;
}
.htsc02:before {
    content: " ";
    background: url(https://htsc.vn/wp-content/uploads/2021/10/bg02-min.png) no-repeat!important;
    width: 66vw;
    height: 40vw;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover!important;
    background-position: center;
    right: 0;
    bottom: 0;
}
.htsc022{
    padding: 5px 25px 20px;
}
.htsc022 p{
    line-height: 1.8!important;
}
.htsc03{
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
.htsc03 .owl-carousel.nav-style-1 .owl-nav [class*="owl-"] {
    color: #2c3391!important;
    font-size: 45px!important;
}
.htsc03 .portfolio-carousel .portfolio-item {
    background: #616a75!important;
    margin-left: 15px!important;
    margin-right: 15px!important;
}
.htsc03 .portfolio-title {
    margin: 10px 15px!important;
    font-size: 17px!important;
    color: #fff!important;
    border-bottom: solid 1px #b8bcc0!important;
    padding-bottom: 10px!important;
    min-height: 62px!important;
    line-height: 25px!important;
    display : inline-grid;
    align-items : center;
}
.htsc03 .portfolio-brief-content{
    margin: 10px 0px!important;
    padding-bottom: 10px!important;
    text-align: left!important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.htsc03 .portfolio-brief-content p, .htsc03 .portfolio-brief-content p *{
    font-size: 15px!important;
    color: #fff!important;
    line-height: 25px!important;
    text-align: left!important;
}
.htsc03 .owl-carousel .owl-nav .owl-prev {
    left: -40px!important;
}
.htsc03 .owl-carousel .owl-nav .owl-next {
    right: -30px!important;
}
.single-portfolio .main-content {
    padding-bottom: 0px!important;
    margin-bottom: -35px!important;
}
.single-portfolio .related-portfolios {
    padding: 40px 0 30px!important;
}
.single-portfolio .related-portfolios h3{
    margin-top: 10px !important;
    font-size: 18px!important;
    font-weight: 500!important;
}
.single-portfolio .related-portfolios .portfolio-brief-content, .single-portfolio .page-top0{
    display:none!important;
}
.htsc04{
    padding-top: 70px!important;
    padding-bottom: 70px!important;
    background: url(https://htsc.vn/wp-content/uploads/2021/10/bg004-min.jpg) no-repeat;
    background-size: cover!important;
    background-position: center;
}
.htsc03 h4.entry-title a{
    font-size: 16px!important;
}
.htsc03 .post-content .post-excerpt{
    font-size: 14px!important;
}
body *{
    letter-spacing: 0;
}
.left-sidebar, .right-sidebar {
    background: transparent;
    padding-left: 15px!important;
    padding-right: 15px!important;
    border-top: solid 30px transparent!important;
}
.left-sidebar{
    padding-left: 10px!important;
}
.right-sidebar {
    padding-right: 10px!important;
}
.single-post .post-content{
    background:#fff;
    padding: 25px;
    margin-top: -30px;
}
.page-top {
    padding: 80px 0!important;
    display : block;
    z-index: 0;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}
h1.logo {
    line-height: 1!important;
    margin: 0 0 0px 0!important;
}
.related-portfolios h4.sub-title {
    font-weight: 600!important;
}
.htsc05{
    padding-top: 70px!important;
    padding-bottom: 70px!important;
    background: url(https://htsc.vn/wp-content/uploads/2021/10/asset-17-100-min.jpg) no-repeat;
    background-size: cover!important;
    background-position: center;
}
.htsc051 h2{
    color: #ff9800!important;
}
.htsc051 p{
    color: #ffffff!important;
}
.section {
    border-top: none!important;
}
.htsc03 .post-meta, .archive .post-grid .post-excerpt{
    display:none!important;
}
.post-grid .btn-default.btn {
    border-bottom-color: transparent!important;
    border-color: transparent!important;
    color: #0064d2!important;
    text-transform: none!important;
    font-size: 14px!important;
    font-weight: 300!important;
    background: transparent;
}
.archive .post-grid .grid-box{
    background: #f2f2f2;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 10px;
}
.archive .post-content .entry-title a, .archive .post-content .entry-title{
    color: #183B56!important;
    font-size: 22px!important;
    line-height: 32px!important;
    font-weight: 700;
}
.archive article.post .post-meta {
    margin-bottom: 12px!important;
    margin-top: -3px!important;
}
.blog-posts .post-modern {
    background: #FFFFFF!important;
    border-bottom: none!important;
}
.blog-posts .post-modern .post-content{
    padding: 0px 22px;
}
.blog-posts .post-modern .clearfix{
    padding: 0px 22px 5px;
}
.owl-carousel.nav-style-2 .owl-nav [class*="owl-"] {
    color: #2c3391!important;
    font-size: 25px!important;
}
.htsc06{
    padding-top: 70px!important;
    padding-bottom: 40px!important;
}
a.vc_btn3:hover{
    cursor: pointer!important;
}
.page-top ul.breadcrumb > li, .page-top ul.breadcrumb > li > a {
    text-transform: none;
    font-size: 15px;
}
.archive .post-grid .post-content, .archive .post-grid .post-meta, .archive .post-grid .btn{
    padding: 0 10px!important;
}
.vct02{
    padding-top: 30px!important;
    padding-bottom: 30px!important;
    background: url(https://htsc.vn/wp-content/uploads/2021/10/bg-vct02-min.jpg) no-repeat;
    background-size: cover!important;
    background-position: center;
    height: 37.51vw;
    align-items: center;
    margin-top: 20px;
}
.vct021{
    padding-left: 5%;
}
.htsc042 .vc_single_image-wrapper{
    position: relative;
}
.htsc042 .vc_single_image-wrapper:after{
    width: 100%;
    height: 100%;
    transition: all 0.2s linear;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: " ";
    background: url(https://htsc.vn/wp-content/uploads/2021/10/iconman01-min.png) no-repeat;
    animation: floatUpDown 6s ease-in-out infinite;
    background-size: cover;
}
@keyframes floatUpDown {
    0% {
        transform: translatey(0px)
    }
    50% {
        transform: translatey(-20px)
    }
    to {
        transform: translatey(0px)
    }
}
.wtp p{
    color: #ffffff!important;
}
.wt *{
    color: #ffffff!important;
}
.home011 p{
    line-height: 1.6;
    font-size: 32px !important;
    text-shadow: 0 0 10px black;
}
.home012 p{
    line-height: 1.6;
    font-size: 20px !important;
    text-shadow: 0 0 10px black;
    color: #8ae5ff !important;
    letter-spacing: 2px;
}
.home012{
    margin-top: 50px!important;
}
.footer01 .col-md-7{
    padding-right: 50px!important;
    padding-left: 50px!important;
}
.ctgp01{
    padding-top: 30px!important;
    padding-bottom: 30px!important;
    height:20vw!important;
    margin-top: 20px!important;
}
.ctgp02 {
    padding-top: 50px!important;
    padding-bottom: 0px!important;
}
.ctgp03{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.ctgp04 h2{
    color: #ff9800!important;
    margin-bottom: 0px!important;
}
.ctgp04 .vc_btn3{
    font-size: 17px!important;
    font-weight: 500!important;
}
.ctgp04 h2, .ctgp03 h2, .ctgp02 h2{
    margin: 0 0 10px 0!important;
}
.gp01{
    margin-top: 0px!important;
    padding-top: 20px!important;
}
.gp02 .porto-sicon-box {
    background: #ff9800;
    padding: 25px 5px;
}
.gp02 .porto-sicon-box .porto-sicon-img {
    margin-bottom: 0px;
}
.gp02{
    padding-top: 0px!important;
    padding-bottom: 40px!important;
    margin-top: -20px!important;
}
.gp03 .owl-carousel.nav-style-1 .owl-nav [class*="owl-"] {
    color: #2c3391!important;
    font-size: 45px!important;
}
.gp03 .portfolio-carousel .portfolio-item {
    background: #1a4db0!important;
    margin-left: 15px!important;
    margin-right: 15px!important;
}
.gp03 .portfolio-title {
    margin: 10px 15px!important;
    font-size: 17px!important;
    color: #fff!important;
    padding-bottom: 10px!important;
    min-height: 62px!important;
    line-height: 25px!important;
    display : inline-grid;
    align-items : center;
}
.gp03 .portfolio-brief-content, .archive.tax-portfolio_cat .motagp{
    display: none!important;
}
.archive.tax-portfolio_cat .portfolio-title {
    margin: 10px 15px!important;
    font-size: 18px!important;
    padding-bottom: 0px!important;
    min-height: 62px!important;
    line-height: 25px!important;
    font-weight: 500!important;
}
.gp03 .portfolio-brief-content p, .gp03 .portfolio-brief-content p *{
    font-size: 15px!important;
    color: #fff!important;
    line-height: 25px!important;
    text-align: left!important;
}
.gp03 .owl-carousel .owl-nav .owl-prev {
    left: -40px!important;
}
.gp03 .owl-carousel .owl-nav .owl-next {
    right: -30px!important;
}

.gp04 .owl-carousel.nav-style-1 .owl-nav [class*="owl-"] {
    color: #2c3391!important;
    font-size: 45px!important;
}
.gp04 .portfolio-carousel .portfolio-item {
    background: #ff9800!important;
    margin-left: 15px!important;
    margin-right: 15px!important;
}
.gp04 .portfolio-title {
    margin: 10px 15px!important;
    font-size: 17px!important;
    color: #fff!important;
    padding-bottom: 10px!important;
    min-height: 62px!important;
    line-height: 25px!important;
    display : inline-grid;
    align-items : center;
}
.gp04 .portfolio-brief-content{
    display: none;
}
.gp04 .portfolio-brief-content p, .gp04 .portfolio-brief-content p *{
    font-size: 15px!important;
    color: #fff!important;
    line-height: 25px!important;
    text-align: left!important;
}
.gp04 .owl-carousel .owl-nav .owl-prev {
    left: -40px!important;
}
.gp04 .owl-carousel .owl-nav .owl-next {
    right: -30px!important;
}

.gp05 .owl-carousel.nav-style-1 .owl-nav [class*="owl-"] {
    color: #2c3391!important;
    font-size: 45px!important;
}
.gp05 .portfolio-carousel .portfolio-item {
    background: #acacac!important;
    margin-left: 15px!important;
    margin-right: 15px!important;
}
.gp05 .portfolio-title {
    margin: 10px 15px!important;
    font-size: 17px!important;
    color: #fff!important;
    padding-bottom: 10px!important;
    min-height: 62px!important;
    line-height: 25px!important;
    display : inline-grid;
    align-items : center;
}
.gp05 .portfolio-brief-content{
    display: none;
}
.gp05 .portfolio-brief-content p, .gp05 .portfolio-brief-content p *{
    font-size: 15px!important;
    color: #fff!important;
    line-height: 25px!important;
    text-align: left!important;
}
.gp05 .owl-carousel .owl-nav .owl-prev {
    left: -40px!important;
}
.gp05 .owl-carousel .owl-nav .owl-next {
    right: -30px!important;
}
.vct02 h2{
    margin: 0 0 5px 0!important;
}
b, strong {
    font-weight: 700!important;
}
.single-post .main-content {
    padding-right: 25px!important;
    margin-left: 0px!important;
}

.single-post .post-modern .post-meta {
	font-size: 13px!important;
}
.htsc03 h4.entry-title{
    line-height: 1!important;
}
.hti03{
    padding-top: 70px!important;
    padding-bottom: 50px!important;
}
.hti041{
    margin-top: 20px!important;
}
.hti041 h3 {
    margin: 0px 0 7px 0!important;
}
.hti047{
    margin-top: 20px!important;
}
.gt010{
    padding-top: 80px!important;
    padding-bottom: 80px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.gt011 h1{
    font-weight: 700!important;
    font-size: 36px!important;
    line-height: 50px!important;
    letter-spacing:0.2px!important;
}
.gt02{
    padding-top: 40px!important;
    padding-bottom: 0px!important;
    margin-bottom: -20px!important;
}
.single-portfolio #content{
    padding-left: 30px;
    margin-top: -15px;
}
.dvu01{
    padding-top: 0px!important;
}
.dvu021{
    margin-bottom: 30px!important;
}
.dvu022 .porto-sicon-description{
    position: relative;
    left: -60px;
    top: 10px;
    width: calc(100% + 55px);
}
.dvu022 img{
    max-height: 40px;
}
.sidebar .post-date{
    display: inline-block!important;
    position: relative;
}
.sidebar .post-date:before{
    display: inline-block!important;
    position: relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    content: "\f073";
    color: #FF7700;
    padding-right: 5px;
}

.single-post .entry-content {
    padding-bottom: 0!important;
    border-bottom: none!important;
    margin-bottom: 0!important;
}
.single-post hr.tall {
    margin: 0px 0!important;
    background: transparent!important;
}
.single h4.sub-title {
    text-transform: none!important;
    font-size: 24px!important;
    color: #183B56!important;
    margin-bottom: 30px!important;
}
.widget .tagcloud a, .skill-list a, .skill-list a:hover {
    background: #ffffff!important;
    color: #42515C!important;
    border: solid 1px #42515C!important;
    border-radius: 0px!important;
    padding: 4px 6px!important;
    margin: 4px 1px!important;
    font-size: 12px!important;
}
.widget .tagcloud {
    height: 90px!important;
    overflow: hidden!important;
}
.gallery-item {
    padding: 5px!important;
    margin: 0px!important;
}
.hdt01{
    margin-bottom: 0px!important;
    position: relative;
    top: 5px;
    z-index: 9;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    top: 99%!important;
    left: 20px!important;
    border-top: none!important;
    background: #fff!important;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 40%)!important;
    height: 40px!important;
    width: 40px!important;
    padding-top: 1px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-flag {
    position: relative;
    right: 8px;
    top: 8px;
    z-index:9999;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border-top: none!important;
}
.wpml-ls-legacy-dropdown a, #header.sticky-header .wpml-ls-item a {
}
.sticky-header#header .sub-menu .menu-item.wpml-ls-item a {
    position: relative;
    right: 7px;
    top: -9px;
    background: #f9fafb!important;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 40%)!important;
    height: 40px!important;
    width: 40px!important;
}
.sticky-header#header .sub-menu .menu-item.wpml-ls-item a {
    padding: 0px 0px 0px 0px!important;
}
.left-sidebar, .right-sidebar {
    padding-top: 5px!important;
    padding-bottom: 20px!important;
}
.blog-posts .post-modern .post-meta, .single-post .post-modern .post-meta {
    font-size: 14px!important;
    text-transform: none!important;
    color: #42515C!important;
    line-height: 2;
}
.widget-recent-posts .post-item-content{
    width: calc(100% - 60px)!important;
    float: right!important;
}
.wpml-ls-menu-item .sub-menu .wpml-ls-flag {
    position: relative;
    top: 8px;
}
.post-modern .btn-readmore {
    font-size: 16px!important;
    font-weight: 600!important;
    letter-spacing: 0!important;
    text-transform: uppercase!important;
    line-height: 22px!important;
    background: #FF7700!important;
    color: #fff!important;
    padding: 12px 24px!important;
    border-radius: 32px!important;
    display: inline-block!important;
    margin-top: 5px!important;
    transition: all 0.3s ease-in-out!important;
}
.post-modern .btn-readmore:hover {
    background: #e46d05!important;
    transition: all 0.3s ease-in-out!important;
    text-decoration: none;
}
.widget_search .widget-title, .slb_template_tag_item_title{
    display:none!important;
}
#searchform .porto-icon-search-3:before {
    content: "\f1d8"!important;
    font-family: 'Font Awesome 5 Free'!important;
    font-weight: 400!important;
}
#searchform .form-control {
    border: solid 1px #B3BAC5;
    border-right: none;
    height: 48px;
    background: #fff;
}
#searchform button{
    background:#FF7700!important;
    color: #fff!important;
}
.searchform .input-group-append i {
    padding: 0!important;
    font-size:24px!important;
}
.sidebar-content .widget + .widget {
    padding-top: 0!important;
    border-top: none!important;
    margin-top: 0!important;
}
.share-links a{
    border-radius: 50%;
}
.lhe011 iframe{
    box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
}
.lhe012 img{
    filter: invert(75%) sepia(45%) saturate(470%) hue-rotate(155deg) brightness(100%) contrast(108%); 
}
.lhe012 a{
    color: #44525d!important;
}
.lhe02{
    padding-top: 96px!important;
    padding-bottom: 96px!important;
    margin-bottom: -40px!important;
    margin-top: 30px!important;
}
.flhe01{
    background: #fff!important;
    padding: 20px!important;
}
.flhe01 .dhvc-form-group .dhvc-form-label, .flhe01 .dhvc-form-group label {
    display: none!important;
}
.flhe01 i{
    color: #858788!important;
}
.fa-pencil:before {
    content: "\f303"!important;
}
#dhvcform-1152.dhvc-form-flat .dhvc-form-input input, #dhvcform-1152.dhvc-form-flat .dhvc-form-file input[type="text"], #dhvcform-1152.dhvc-form-flat .dhvc-form-captcha input, #dhvcform-1152.dhvc-form-flat .dhvc-form-select select, #dhvcform-1152.dhvc-form-flat .dhvc-form-radio i, #dhvcform-1152.dhvc-form-flat .dhvc-form-checkbox i, #dhvcform-1152.dhvc-form-flat .dhvc-form-textarea textarea, #dhvcform-1158.dhvc-form-flat .dhvc-form-input input, #dhvcform-1158.dhvc-form-flat .dhvc-form-captcha input, #dhvcform-1158.dhvc-form-flat .dhvc-form-select select, #dhvcform-1158.dhvc-form-flat .dhvc-form-textarea textarea, #dhvcform-1158.dhvc-form-flat .dhvc-form-radio i, #dhvcform-1158.dhvc-form-flat .dhvc-form-checkbox i, #dhvcform-1158.dhvc-form-flat .ui-slider {
    border-top: solid 1px #fff!important;
    border-left: solid 1px #fff!important;
    border-right: solid 1px #fff!important;
}
.single-post .category-tuyen-dung .entry-content h3{
    position: relative!important;
    margin-bottom: 30px!important;
    font-weight: 700!important;
    font-size: 36px!important;
    color: #183b56!important;
}
.single-post .category-tuyen-dung .entry-content h3:after {
    width: 80px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 1;
    content: " ";
    background: #FF7700;
}


.post-share01, .post-tag01{
    display:inline-block;
    margin: 15px 0;
}
.post-share01{
    position: relative;
    top: -2px;
    float: right;
}
.post-tag01 h3, .post-share h3, .single-post .category-tuyen-dung .entry-content .post-tag01 h3, .single-post .category-tuyen-dung .entry-content .post-share h3{
    font-weight: 600!important;
    line-height: 30px!important;
    font-size: 20px!important;
    color: #183B56!important;
    display: inline!important;
    margin-bottom: 10px!important; 
}
.category-tuyen-dung #text-4, .tuyen-dung #text-4, .tuyen-dung #recent_posts-widget-5, .category-tuyen-dung #recent_posts-widget-5{
    display: block!important;
}
.single .category-tuyen-dung .meta-cats, .single .category-tuyen-dung .meta-author, .single .category-tuyen-dung .post-meta>span:after {
    display: inline-block!important;
}
.single .page-top .page-title {
    font-size: 22px!important;
}
.post-share h3 {
    line-height: 35px!important;
}
.post-tag01 a{
    font-weight: 300!important;
    line-height: 20px!important;
    font-size: 14px!important;
    color: #183B56!important;
    display: inline-block!important;
    padding: 4px 8px;
    border: solid 1px #42515C;
    margin-right: 8px;
    margin-bottom: 10px!important;
}
.copy-tooltips{
    position: absolute;
    border: solid 1px #83ce87;
    background: #effedf;
    font-size: 12px;
    padding: 4px 5px;
    line-height: 1;
    left: 115px;
    top: 7px;
    display: block;
    width: 85px;
    text-align: center;
}
.flhe01 .dhvc-form-group.tai-cv-01 label {
    display: block!important;
}
.dhvc-form-message {
    padding: 0 15px 15px!important;
    background: #fff!important;
    margin: -15px -10px 0px!important;
    text-align: center!important;
    color: #183B56!important;
    transition: all 0.3s ease-in-out!important;
}
.category-tin-tuc .meta-cats, .category-tin-tuc .meta-date:after ,.category-tuyen-dung .meta-cats, .category-tuyen-dung .meta-author,  .category-tuyen-dung .post-meta>span:after{
    display: none!important;
}
.tuyendung521{
    display: inline-block!important;
    float: left;
    font-size: 14px!important;
    text-transform: none!important;
    color: #42515C!important;
    line-height: 1.5;
    padding-right: 20px;
}
.dktc01 {
    background: #f0ffdf;
    padding: 34px 25px 25px;
    border: dashed 2px #95ce52;
    margin: -20px 0 40px!important;
}
.dktc02 article{
    background: #fff;
    padding: 15px!important;
}
.dktc02 .entry-title a {
    color: #183B56!important;
    font-size: 18px!important;
    line-height: 1.5!important;
}
.dknt01 .dhvc-form-group .dhvc-form-label, .dknt01 .dhvc-form-group label {
    display: none!important;
}
#dhvcform-1896 .dhvc-form-submit, #dhvcform-1896 .dhvc-form-submit:hover, #dhvcform-1896 .dhvc-form-submit:active, #dhvcform-1896 .dhvc-form-submit:focus, #dhvcform-1896 .dhvc-form-file-button {
    background: #ff7700;
    opacity: 1!important;
    border: none!important;
    color: #fff!important;
    float: none!important;
    height: 48px!important;
    padding: 0 25px!important;
    font-size: 5px;
    font-weight: 700!important;
    line-height: 48px!important;
    width: 48px!important;
    border-radius: 0px!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
#dhvcform-1896 .dhvc-form-submit-label{
    position: relative;
    cursor: pointer;
    color:transparent!important;
}
#dhvcform-1896 .dhvc-form-submit-label:after{
    content: "\f1d8";
    display: block;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff!important;
    top: -12px;
    left: -12px;
    font-size: 22px;
    transition: all 0.3s ease-in-out;
}
#dhvcform-1896 span.dhvc-form-error {
    color: #ff7700;
}
.dknt01{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.has-sub.wide .popup .sub-menu{
    padding: 20px 10px 10px!important;
}
.has-sub.wide .popup .sub-menu .sub-menu{
    padding: 0px 0px 0px!important;
}
.has-sub.wide .popup .sub-menu li a{
    font-size: 16px!important;
    font-weight: 700!important;
}
.has-sub.wide .popup .sub-menu .sub-menu li a{
    font-size: 14px!important;
    font-weight: 400!important;
}
#header .main-menu .wide li.sub > a{
    position: relative;
    height: 30px!important;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 15px!important;
}
#header .main-menu .wide li.sub{
    position: relative;
}
#header .main-menu .wide li.sub:after{
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background: #FF7700;
    position: absolute;
    top: 42px;
    left: 15px;
}
.accordion-menu li.menu-item>a {
    font-weight: 500!important;
}
.accordion-menu ul.sub-menu ul.sub-menu{
    background: #f4f4f4!important;
}
#side-nav-panel.panel-right {
    transform: translateX(300px)!important;
}
html.panel-opened #side-nav-panel {
    transform: translateX(0)!important;
}
#side-nav-panel {
    width: 300px!important;
}
.bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target {
    padding: 12px 20px 12px 12px!important;
    background: #FFFFFF!important;
    border: 1px solid #42515C!important;
    margin-bottom: 20px!important;
    color: #183B56!important;
    transition: all 0.3s ease-in-out;
}
.bellows .bellows-nav .bellows-menu-item-has-children.bellows-active>.bellows-target {
    margin-bottom: 7px!important;
    transition: all 0.3s ease-in-out;
}
.bellows .bellows-nav .bellows-menu-item-has-children.bellows-current-menu-parent>.bellows-target, .bellows .bellows-nav .bellows-menu-item-has-children.bellows-current-menu-item>.bellows-target {
    background: #FF7700!important;
    border: 1px solid #FF7700!important;
    color: #ffffff!important;
    transition: all 0.3s ease-in-out;
}
.bellows .bellows-nav .bellows-submenu li:last-child .bellows-target>.bellows-target-text{
    border: 1px solid #f5f5f5!important;
}

.bellows .bellows-nav .bellows-submenu .bellows-target{
    padding: 7px 5px 5px 20px!important;
    position: relative;
}
.bellows .bellows-nav .bellows-submenu .bellows-target:before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF7700;
    position: absolute;
    top: 13px;
    left: 5px;
}
.bellows .bellows-nav .bellows-submenu .bellows-target>.bellows-target-text {
    color: #183B56!important;
    font-size: 15px!important;
    border-bottom: solid 1px #B3BAC5;
    padding-bottom: 12px;
}
.bellows .bellows-nav .bellows-subtoggle {
    width: 30px!important;
    font-size: 12px;
    transition: all 0.3s ease-in-out;
}
#header .mega-menu .popup li.menu-item a:hover {
    color: #ff7700!important;
    transition: all 0.3s ease-in-out;
}
.dt-home img{
    padding: 5px 20px;
}
.hti04{
    margin-top: -100px !important;
}
.bellows-nav li{
    background: #f5fcff !important;
    margin-bottom: 3px !important;
}
.bellows-nav a span{
    line-height: 1.6 !important;
    color: #1d6fb8!important;
    font-weight: 600!important;
}
.bellows-nav a{
    padding: 10px 10px 10px 20px!important;
    line-height: 1.5 !important;
}
#footer .widget p {
    font-size: 15px;
}
#img0 img{
    opacity: 1;
    transition: all 0.3s ease-in-out!important;
}
.img1 img, .img2 img, .img3 img, .img4 img, .img5 img{
    transition: all 0.3s ease-in-out!important;
    opacity: 0!important;
}
.img1 p{
    background: url(https://3dsmc.vn/wp-content/uploads/2024/03/dvu-v1.jpg) no-repeat;
    background-size: contain;
    background-position: left top;
    transition: all 0.3s ease-in-out!important;
}
.img2 p{
    background: url(https://3dsmc.vn/wp-content/uploads/2024/03/dvu-v2.jpg) no-repeat;
    background-size: contain;
    background-position: left top;
    transition: all 0.3s ease-in-out!important;
}
.img3 p{
    background: url(https://3dsmc.vn/wp-content/uploads/2024/03/dvu-v3.jpg) no-repeat;
    background-size: contain;
    background-position: left top;
    transition: all 0.3s ease-in-out!important;
}
.img4 p{
    background: url(https://3dsmc.vn/wp-content/uploads/2024/03/dvu-v4.jpg) no-repeat;
    background-size: contain;
    background-position: left top;
    transition: all 0.3s ease-in-out!important;
}
.img5 p{
    background: url(https://3dsmc.vn/wp-content/uploads/2024/03/dvu-v5.jpg) no-repeat;
    background-size: contain;
    background-position: left top;
    transition: all 0.3s ease-in-out!important;
}
.vc_images_carousel .vc_carousel-indicators li {
    margin: 1px 3px!important;
}
@media (min-width: 1550px){
    
}
@media (min-width: 1080px){
	.single-post .entry-title{
		font-size: 36px!important;
		padding-bottom: 10px;
	}
}
@media (max-width: 1220px){
    .hti02 .container {
        max-width: 100%!important;
    }
}
@media (max-width: 1180px){
    .single-post .entry-title{
		font-size: 28px!important;
	}
    .hti02 .hti020 .vc_column_container.col-md-12{
        transform: scale(0.8);
    }
    .hti020 {
        margin-top: 50px!important;
        margin-bottom: 50px!important;
    }
    .hti020 {
        position: relative!important;
        left: -4%!important;
    }
}
@media (max-width: 991px){
    #breadcrumbs-boxed {
        max-width: 100%!important;
    }
    .page-top {
        margin-left: 20px;
    }
    .single-post .main-content {
        padding-right: 10px!important;
        margin-left: 0px!important;
    }
    #side-nav-panel .searchform-fields {
        background: #ececec!important;
        border-radius: 25px!important;
    }
    .hti020 {
        position: relative!important;
        left: -15%!important;
    }
    .hdt01 p a{
        display: block;
        text-align: left;
    }
    .hdt01 p a:first-child {
        border-right: solid 0px #E5E7EB;
        padding-right: 0px;
        margin-right: 0px;
    }
    .wpml-ls-legacy-dropdown {
        position: relative;
        top: -17px;
    }
    #header .header-main .header-right {
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
}
.show876{
    display:none!important;
}
.hide876{
    display:block!important;
}
@media (max-width: 876px){
    .show876{
        display:block!important;
    }
    .hide876{
        display:none!important;
    }
    .hti020 {
        position: relative!important;
        left: 0%!important;
    }
    .hti02 .hti020 .vc_column_container.col-md-12{
        transform: scale(1);
    }
    .hti020 {
        margin-top: 0px!important;
        margin-bottom: 0px!important;
    }
    .hti020 .vc_column-inner .hti022 {
        position: relative!important;
        left: calc(50% - 230px)!important;
        top: 0px!important;
        height: auto!important;
        margin-bottom: 30px!important;
    }
}
@media (max-width: 768px){
    .hti04{
        margin-top: -60px !important;
    }
    .dt-home img{
        padding: 5px 5px;
    }
    .dt-home{
        padding: 0 10px;
    }
    .dt-home .gallery-columns-4 .gallery-item {
        max-width: calc(100% / 3);
    }
    .dknt011{
         width: calc(100% - 48px)!important;
    }
    .dknt012{
         width: 48px!important;
    }
    .single-post .entry-title:after{
        bottom: -10px;
    }
    .single-post .container{
        margin-left: 0px!important;
        margin-right: 0px!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .single-post .category-tuyen-dung .entry-content h3 {
        position: relative!important;
        margin-bottom: 25px!important;
        font-weight: 700!important;
        font-size: 25px!important;
        color: #183b56!important;
    }
    .page-top {
        margin-left: 0px;
        margin-right: 0px;
    }
    .single-post .main-content {
        padding-right: 10px!important;
        margin-left: 0px!important;
    }
    #header .header-contact p {
        display: none;
    }
    .wpml-ls-legacy-dropdown {
         top: -6px;
    }
    .hti03 .col-md-3{
        width: 25%!important;
    }
    .gt02 .col-md-4{
        width: 33.33%!important;
    }
    .hti03 > .porto-wrap-container.container, .hti04 > .porto-wrap-container.container{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .hti031{
        margin-bottom: 20px!important;
        transform: scale(0.9);
    }
    .hti040 {
        width: 50%!important;
        margin-left: 0px!important;
        margin-right: 0px!important;
        display: inline-flex!important;
    }
    .hti041 h3{
        font-size: 17px!important;
    }
    .hti041 p{
        font-size: 15px!important;
    }
    .hti046{
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .hti046 .col-md-2{
        width: 33.33%!important;
    }
    .footer01 .col-md-3{
        width: 50%!important;
    }
    .hti031 .stats-number, .hti031 .counter_suffix {
        font-size: 35px!important;
        line-height: 50px!important;
    }
    .hti031 .stats-text{
        font-size: 14px!important;
        line-height: 22px!important;
    }
    .vct02 {
        height: auto;
        padding-top: 50px!important;
        padding-bottom: 60px!important;
    }
    .footer01 .col-md-7{
        padding-right: 10px!important;
        padding-left: 10px!important;
    }
    .vct04 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .vct0402{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .vct0401{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    #header .logo {
        max-width: 150px!important;
    }
    #wpadminbar{
        display:none;
    }
    html {
        margin-top: 0px !important;
    }
    .post-content table ul{
        padding-inline-start: 0px!important;
        list-style: none;
    }
    .post-content th, .post-content td {
        padding: 3px!important;
        font-size: 13px!important;
    }
    .post-content table {
        margin-left: -10px!important;
        margin-right: -10px!important;
        width: 96vw!important;
    }
    .gt01{
        margin-left: -20px!important;
        margin-right: -20px!important;
    }
    .tuyendung00 .col-md-3 {
        margin-top: 20px;
    }
    .ctgp01 {
        padding-top: 50px!important;
        padding-bottom: 30px!important;
        height: auto!important;
        margin-top: 20px;
    }
    .single-post .main-content {
        padding-right: 10px!important;
    }
    .htsc01 {
        padding-top: 30px!important;
        padding-bottom: 10px!important;
    }
    .htsc03, .htsc04{
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }
    .page-top > .container {
        padding-bottom: 0px;
        padding-top: 25px;
    }
    .page-template-default .page-top .page-title, .archive .page-top .page-title {
        font-size: 32px!important;
    }
    
    #footer .footer-bottom .container>div {
        text-align: center!important;
    }
    .htsc03 .owl-carousel .owl-nav .owl-prev {
        left: 0px!important;
    }
    .htsc03 .owl-carousel .owl-nav .owl-next {
        right: 10px!important;
    }
    .htiservices01 {
        padding-top: 30px!important;
        padding-bottom: 0px!important;
    }
    .hti02{
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    h1, .gt011 h1 {
        font-size: 22px!important;
        line-height: 1.5!important;
        letter-spacing: 0px!important;
    }
    .gt01 .porto-wrap-container{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .gt010 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin: -28px 0px !important;
    }
    h2 {
        font-size: 26px!important;
    }
    .gt029 img{
        max-width: 90vw!important;
    }
    .gt029 .vc_images_carousel .vc_carousel-indicators {
        left: 38vw!important;
        width: 90vw!important;
        bottom: -30px!important;
    }
}
@media (max-width: 678px){
    .tuyendung02 {
        width: 100%;
        padding-left: 20px;
    }
    .tuyendung07 {
        height: 40vw;
        margin-top: -20px!important;
        margin-bottom: 30px!important;
    }
    .tuyendung071 h1 {
        font-size: 25px!important;
    }
    .tuyendung071 h2 {
        font-size: 18px!important;
    }
    .single-post .entry-title, .post-content .entry-title, .post-content .entry-title a, .tuyendung00 .entry-title, .tuyendung00 .entry-title a {
        font-size: 20px!important;
    }
    .htsc022 {
        padding: 5px 0px 20px;
    }
    .hti020 .vc_column-inner .hti022 {
        position: relative!important;
        left: 30px!important;
        top: 0px!important;
        width: 100%!important;
        height: auto!important;
        margin-bottom: 20px!important;
        padding-right: 35px;
    }
    .hti022 a {
        font-size: 18px!important;
        line-height: 26px!important;
    }
    .hti022 p {
        font-size: 15px!important;
    }
    .hti022:before {
        width: 20px !important;
        height: 20px !important;
        left: -25px !important;
        top: 8px !important;
        background: #33d9fc;
        border: solid 1px #0e52fc
    }
    .home011 p {
        line-height: 1.6;
        font-size: 22px !important;
        text-shadow: 0 0 10px black;
    }
    .home012 p {
    line-height: 1.6;
    font-size: 16px !important;
    }
    .home01{
        min-height: 70vh!important;
        height: 70vh!important;
    }
    div#n2-ss-4 .n2-bar-justify-content-center {
        position: relative!important;
        bottom: -10px!important;
    }
}
@media (max-width: 575px){
    .single-post .post-content {
        padding: 20px 15px;
    }
    .footer01 .col-md-3 {
        width: 100%!important;
    }
    #content h2 {
        font-size: 22px!important;
    }
    .hti02 .hti020 .vc_column_container.col-md-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .htsc021 strong{
        display:block;
    }
    .htsc03 .container{
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    .page-template-default .page-top .page-title, .archive .page-top .page-title {
        font-size: 28px!important;
    }

    .page-top ul.breadcrumb {
        display: none;
    }
    .tuyendung012 {
        padding: 10px 20px;
        font-size: 15px;
    }
    .tuyendung011 {
       font-size: 16px!important;
    }
    #footer {
        margin-bottom: 0px!important;
    }
    .single .page-top .page-title {
        font-size: 20px!important;
    }
}