/*kFix*/
/*.p-relative .main-navbar { background-color: var(--blackColor); }*/
.maincolor { color: var(--mainColor); }
.middle-area { background: none; }
.middle-logo { padding-top: 25px; padding-left: 35px; }
.p-relative .main-navbar .navbar, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu { background-color: var(--mainColor); padding: 0px; }
    .p-relative .main-navbar .navbar .navbar-nav .nav-item a, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a { color: var(--whiteColor); }
        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: var(--whiteColor); }
    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a { border-bottom: 1px dashed #eeeeee; text-transform: inherit; font-size: 0.8rem; }
/*.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a { border-bottom: none; }*/
/*.main-navbar .navbar .navbar-nav > .nav-item { border-bottom: 4px solid #fff; }
    .main-navbar .navbar .navbar-nav > .nav-item:hover, .main-navbar .navbar .navbar-nav > .nav-item.active { border-bottom: 4px solid #DD0016; }*/
.main-navbar .navbar .navbar-nav > .nav-item a { border-bottom: 4px solid #fff; }
.main-navbar .navbar .navbar-nav > .nav-item:hover a, .main-navbar .navbar .navbar-nav > .nav-item.active a { border-bottom: 4px solid #DD0016; }
.middle-area h1 { font-size: 22.5px;; color: #fff; text-shadow: 0px 5px 5px rgba(1, 1, 1, 0.5); font-family: 'Open Sans'; font-weight: 700; }
.middle-area h3 { color: #fff; text-shadow: 0px 5px 5px rgba(1, 1, 1, 0.5); font-family: Arial; font-size: 22.5px; }
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 270px; }
.sologan { padding-top: 20px; }
.footer-area { padding-top: 30px; }
    .footer-area p { margin-bottom: 3px; color: #fff; }
.footer-bottom-area { margin: 0px; padding-top: 8px; padding-bottom: 8px; }
.text-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.text-3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.text-4 { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.main-navbar .navbar .navbar-nav .nav-item a { padding-right: 15px; text-transform: uppercase; }
.newshot { position: relative; }
    .newshot img, .newshot1 img, .newshot2 img { border: 1px solid #ddd }
.newshot2 h5 { font-size: 16px; }
.newshot .blog-title { position: absolute; bottom: 0px; padding: 10px; background: rgba(255,255,255,0.5); }
h2.section-title { display: none; }
.widget h4 a { font-size: 16px !important; margin-bottom: 10px; }
article.item .info time { display: none; }
.widget-area .widget .widget-title { margin-bottom: 10px !important; }
.main-navbar .navbar .navbar-nav .nav-item a:hover, .main-navbar .navbar .navbar-nav .nav-item a:focus, .main-navbar .navbar .navbar-nav .nav-item a.active { color: #fff; }
.main-navbar { background: var(--mainColor); }
.bg-muted { background: #EDEDED; }
.hotnews li { padding-right: 35px; }
    .hotnews li a { word-wrap: break-word; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.widget-title { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 25px; text-transform: capitalize; position: relative; font-size: 22px; color: var(--mainColor); }
    .widget-title::before { content: ''; position: absolute; background: var(--mainColor); bottom: -1px; left: 0; width: 100%; height: 3px; }
.widget-title2 { border-left: 5px solid #ff0000; border-bottom: 2px solid var(--mainColor); padding-left: 10px; padding-bottom: 10px; margin-bottom: 25px; position: relative; font-size: 18px; color: var(--mainColor); margin-top: 30px; }
    .widget-title2::before { content: ''; position: absolute; background: var(--mainColor); bottom: -1px; left: 0; height: 3px; }
.widget-content a { color: var(--mainColor); font-weight: bold; }
.rightmenutop { display: block; list-style: none; }
    .rightmenutop li { padding: 0px; margin: 0px; background: var(--footerColor); color: #fff; display: block; font-size: 16px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #ffffff; }
        .rightmenutop li a { color: #fff; font-size: 0.8rem; font-weight: bold; text-transform: uppercase; }
        .rightmenutop li.top { background: none; color: var(--mainColor); font-size: 22px; font-weight: bold; }
            .rightmenutop li.top .hotline { color: #FA0001; }
    .rightmenutop ul.submenu li { border-bottom: 0px; padding-top: 5px; }
.tophotline { padding-top: 10px !important; }
.footer-top { background: #DD0016; color: #fff; }
.footer-area a { color: #fff; font-size: 0.8rem; }
.single-footer-widget .social { padding-left: 0; list-style-type: none; margin-bottom: 0; margin-top: 15px; }
    .single-footer-widget .social li { display: inline-block; margin-right: 3px; }
        .single-footer-widget .social li a { display: block; width: 33px; height: 33px; border-radius: 50%; position: relative; background-color: #ffffff; color: #378218; text-align: center; font-size: 18px; }
            .single-footer-widget .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
            .single-footer-widget .social li a:hover { color: #ffffff; background-color: #378218; }
        .single-footer-widget .social li:last-child { margin-right: 0; }
table.table-tailieu { }
    table.table-tailieu tr:first-child td { background: var(--mainColor) !important; color: #fff; padding: 10px !important; text-align: center; font-weight: bold; }
.dich-vu { }
    .dich-vu h4, .dich-vu p { color: var(--mainColor); }
.block { margin-bottom: 30px; }
.block-content { background: #fff; text-align: center; padding: 20px; }
    .block-content h4, .block-content p { color: #515151; }
.dich-vu .block-content p { font-size: 0.85rem; }
.dich-vu .block-content:hover { transform: scale(1.2); }
.partner-area { border-top: 1px solid #EBEBEB; }
ul.newsbottom { list-style-type: none; padding: 0px; margin: 0px; }
    ul.newsbottom li:before { content: "\2022"; padding-right: 0.5em; color: var(--mainColor); }
    ul.newsbottom li { border-top: 1px solid #EBEBEB; }
    ul.newsbottom a { color: #222222; font-size: 0.8rem; }

ul.newsbottom2 { list-style-type: none; padding: 0px; margin: 0px; }
    ul.newsbottom2 li:before { content: "\2022"; padding-right: 0.5em; color: var(--mainColor); }
    ul.newsbottom2 li { }
        ul.newsbottom2 li .pull-right { float: right; }
    ul.newsbottom2 a { color: #222222; font-size: 0.8rem; }
ul.lienket li { list-style: none; }
.bg-main { background: var(--mainColor); }
.text-main { color: var(--mainColor); }
.search-overlay-form form { position: relative; }
    .search-overlay-form form .input-search { display: block; width: 100%; height: 28px; border: none; border-radius: 30px; padding-left: 10px; color: #333333; font-size: 15px; padding-right: 30px; }
    .search-overlay-form form button { position: absolute; right: 5px; top: 5px; width: 20px; color: var(--mainColor); height: 20px; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; border: none; font-size: 20px; line-height: 20px; }
        .search-overlay-form form button:hover { }
.radius20 { border-radius: 20px; }
.tracuu { background: var(--mainColor) url('/assets/img/tracuu-bg.png') no-repeat right top; }
.partner-slider .partner-item { padding: 20px; border: none; }
.faq-list-tab .tabs-list li { flex: 32%; max-width: 33%; }
.pt2 { padding-top: 2px; }
.main-navbar .navbar .navbar-nav .nav-item a { padding-top: 15px; padding-bottom: 15px; }
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu { top: 52px; }
.nifc-online { background: url(/assets/img/nifc-online-bg.png); padding-top: 20px; }
    .nifc-online .block-img, .nifc-online .block-title { text-align: center; padding-top: 30px; }
        .nifc-online .block-img img { background: #fff; border-radius: 20px; padding: 20px; }
        .nifc-online .block-title a { background: #fff; border-radius: 10px; padding: 10px; color: var(--mainColor); font-weight: bold; }
.parent-right { float: right; padding-right: 10px; }
.parent-right-n { float: right; padding-right: 0px; }
.submenu { padding-left: 0px; padding-top: 5px; }
.rightmenutop .submenu a { font-weight: normal; }
/*----*/
.row.row-deck > div.service { margin-bottom: 20px; }
.single-work { text-align: center; position: relative; overflow: hidden; height: 100%; }
    .single-work img { height: 100%; }
    .single-work .work-title { background-color: rgba(1,138,66,0.25); -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05); box-shadow: 0 0 20px 3px rgba(0,0,0,.05); padding: 20px 1px; max-width: 325px; margin: auto; position: absolute; bottom: 0px; left: 0; right: 0; -webkit-transition: all .5s; transition: all .5s; font-size: 0.85rem; color: #fff; min-height: 35%; }
        .single-work .work-title i { display: inline-block; width: 40px; height: 40px; line-height: 40px; background: -webkit-gradient(linear,left top,right top,from(#1de9f5),to(#07e2bd)); background: linear-gradient(to right,#1de9f5 0%,#07e2bd 100%); border-radius: 50%; color: #fff; margin-right: 20px }
    .single-work .work-content-wrap { /*background: -webkit-gradient(linear,left top,right top,from(#ffffff),to(#ffffff)); background: linear-gradient(to right,#ffffff 0%,#ffffff 100%);*/ background-color: rgba(230, 110, 110, 0.85); opacity: .9; position: absolute; top: 100%; left: 0; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all .5s; transition: all .5s; height: 100%; }
        .single-work .work-content-wrap .work-content { padding: 10px }
            .single-work .work-content-wrap .work-content h6 { margin-bottom: 15px; color: #fff; }
            .single-work .work-content-wrap .work-content a { color: #fff; }
            .single-work .work-content-wrap .work-content p { color: #fff; }
            .single-work .work-content-wrap .work-content .read-more { color: #001430; font-weight: 700; font-size: 14px }
                .single-work .work-content-wrap .work-content .read-more:hover i { color: #001430 }
    .single-work:hover .work-content-wrap { top: 0 }
    .single-work:hover .work-title { bottom: -100% }

.faq-list-tab .tabs-list li a { background: rgba(0,0,0,0.5); }
.faq-list-tab .tab_content .tabs_item .faq-accordion .accordion .accordion-title { font-size: 0.9rem; }
.col-half-offset { margin-left: 4.166666667% }
article h1 { font-size: 26px; }
article h2 { font-size: 22px; }
article h3 { font-size: 18px; }
article p { line-height: 2rem; }
article td { line-height: 2rem; }

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1264px; }
}

.banner { background: url('/assets/img/banner.png'); height: 162px; background-size: cover; }
.middle-area h1 { color: #fff; }

.panel { margin-bottom: 19px; background-color: #fff; border: 1px solid transparent; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-body { padding: 12px; }
.panel-heading { padding: 0 8px; border-bottom: 1px solid transparent; border-top-right-radius: 1px; border-top-left-radius: 1px; }
    .panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 15px; color: inherit; }
    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a { color: inherit; }
.panel-footer { padding: 10px 15px; background-color: #fafafa; border-top: 1px solid #eee; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; }
.panel-menu { background-color: #fafafa; padding: 12px; /*border: 1px solid #e5e5e5;*/ }
    .panel-menu.dark { background-color: #f8f8f8; }
.panel-body .panel-menu { border-left: 0; border-right: 0; }
.panel-heading + .panel-menu,
.panel-menu + .panel-body,
.panel-body + .panel-menu,
.panel-body + .panel-body { border-top: 0; }
.panel-body { position: relative; border: 1px solid #e5e5e5; }
    .panel-body + .panel-footer { border-top: 0; }
.panel-heading { position: relative; height: 40px; line-height: 36px; background: #EBEBEB; color: var(--mainColor); font-size: 13px; font-weight: 600; /*border: 1px solid #e5e5e5;*/ }
    .panel-heading + .panel-body { border-top: 0; }
    .panel-heading .widget-menu .btn-group { margin-top: -3px; }
    .panel-heading .widget-menu .form-control { margin-top: 6px; font-size: 11px; height: 27px; padding: 2px 10px; border-radius: 1px; }
        .panel-heading .widget-menu .form-control.input-sm { margin-top: 9px; height: 22px; }
    .panel-heading .widget-menu .progress { margin-top: 11px; margin-bottom: 0; }
    .panel-heading .widget-menu .progress-bar-lg { margin-top: 10px; }
    .panel-heading .widget-menu .progress-bar-sm { margin-top: 15px; }
    .panel-heading .widget-menu .progress-bar-xs { margin-top: 17px; }
.panel-icon { padding-left: 5px; }
.panel-title { padding-left: 6px; font-size: 13px; }
    .panel-title > .fa,
    .panel-title > .glyphicon,
    .panel-title > .glyphicons,
    .panel-title > .imoon { top: 2px; min-width: 22px; color: inherit; font-size: 14px; }
.panel-footer { /*border: 1px solid #e5e5e5;*/ }
.panel-body + .list-group .list-group-item:first-child { border-top-width: 0; }

body { }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.navbar-area { position: relative; }
.page-title-area::before { display: none; }
.navbar-area .goldie-nav .navbar .navbar-nav .nav-item a { margin-left: 10px; margin-right: 10px; }

.navbar-area .goldie-responsive-nav .logo img { width: auto; }

.image-center { text-align: center; }

.visible-xs { display: none !important; }
.visible-sm { display: none !important; }
.visible-md { display: none !important; }
.visible-lg { display: none !important; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
    .visible-xs { display: block !important; }
    table.visible-xs { display: table !important; }
    tr.visible-xs { display: table-row !important; }
    th.visible-xs,
    td.visible-xs { display: table-cell !important; }
}

@media (max-width: 767px) {
    .visible-xs-block { display: block !important; }
}

@media (max-width: 767px) {
    .visible-xs-inline { display: inline !important; }
}

@media (max-width: 767px) {
    .visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm { display: block !important; }
    table.visible-sm { display: table !important; }
    tr.visible-sm { display: table-row !important; }
    th.visible-sm,
    td.visible-sm { display: table-cell !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline { display: inline !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md { display: block !important; }
    table.visible-md { display: table !important; }
    tr.visible-md { display: table-row !important; }
    th.visible-md,
    td.visible-md { display: table-cell !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline { display: inline !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
    .visible-lg { display: block !important; }
    table.visible-lg { display: table !important; }
    tr.visible-lg { display: table-row !important; }
    th.visible-lg,
    td.visible-lg { display: table-cell !important; }
}

@media (min-width: 1200px) {
    .visible-lg-block { display: block !important; }
}

@media (min-width: 1200px) {
    .visible-lg-inline { display: inline !important; }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block { display: inline-block !important; }
}

@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}

.visible-print { display: none !important; }

@media print {
    .visible-print { display: block !important; }
    table.visible-print { display: table !important; }
    tr.visible-print { display: table-row !important; }
    th.visible-print,
    td.visible-print { display: table-cell !important; }
}

.visible-print-block { display: none !important; }

@media print {
    .visible-print-block { display: block !important; }
}

.visible-print-inline { display: none !important; }

@media print {
    .visible-print-inline { display: inline !important; }
}

.visible-print-inline-block { display: none !important; }

@media print {
    .visible-print-inline-block { display: inline-block !important; }
}

@media print {
    .hidden-print { display: none !important; }
}


.arial { font-family: Arial; }
.comic_sans { font-family: 'Comic Sans MS'; }
.courier_new { font-family: 'Courier New'; }
.georgia { font-family: Georgia; }
.lucida { font-family: 'Lucida Sans Unicode'; }
.tahoma { font-family: Tahoma; }
.times_new_roman { font-family: 'Times New Roman'; }
.trebuchet { font-family: 'Trebuchet MS'; }
.verdana { font-family: Verdana; }
.roboto { font-family: 'Roboto'; }
.roboto_condensed { font-family: 'Roboto Condensed'; }
.segoe_ui { font-family: 'Segoe UI'; }


.text-uppercase { text-transform: uppercase !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw600 { font-weight: 600 !important; }
.fs3 { font-size: 4px !important; }
.fs4 { font-size: 4px !important; }
.fs5 { font-size: 5px !important; }
.fs6 { font-size: 6px !important; }
.fs7 { font-size: 7px !important; }
.fs8 { font-size: 8px !important; }
.fs9 { font-size: 9px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs35 { font-size: 35px !important; }
.fs40 { font-size: 40px !important; }
.fs45 { font-size: 45px !important; }
.fs50 { font-size: 50px !important; }
.fs60 { font-size: 60px !important; }
.fs70 { font-size: 70px !important; }
.fs80 { font-size: 80px !important; }
.fs90 { font-size: 90px !important; }
.fs100 { font-size: 100px !important; }

.navbar-brand img { width: 80px !important; }

/*===============================================
  D. Padding Helpers
================================================= */
.pn { padding: 0 !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.p5 { padding: 5px !important; }
.p6 { padding: 6px !important; }
.p7 { padding: 7px !important; }
.p8 { padding: 8px !important; }
.p10 { padding: 10px !important; }
.p12 { padding: 12px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }
.ptn { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.prn { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pbn { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pln { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/* Axis Padding (both top/bottom or left/right) */
.pv5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pv8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pv30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.ph5 { padding-left: 5px !important; padding-right: 5px !important; }
.ph8 { padding-left: 8px !important; padding-right: 8px !important; }
.ph10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph15 { padding-left: 15px !important; padding-right: 15px !important; }
.ph20 { padding-left: 20px !important; padding-right: 20px !important; }
.ph25 { padding-left: 25px !important; padding-right: 25px !important; }
.ph30 { padding-left: 30px !important; padding-right: 30px !important; }
.ph40 { padding-left: 40px !important; padding-right: 40px !important; }
.ph50 { padding-left: 50px !important; padding-right: 50px !important; }
/* responsive padding helpers */
@media (min-width: 1140px) {
    .ptn-lg { padding-top: 0 !important; }
    .prn-lg { padding-right: 0 !important; }
    .pbn-lg { padding-bottom: 0 !important; }
    .pln-lg { padding-left: 0 !important; }
    .pt5-lg { padding-top: 5px !important; }
    .pr5-lg { padding-right: 5px !important; }
    .pb5-lg { padding-bottom: 5px !important; }
    .pl5-lg { padding-left: 5px !important; }
}

@media (min-width: 992px) {
    .ptn-md { padding-top: 0 !important; }
    .prn-md { padding-right: 0 !important; }
    .pbn-md { padding-bottom: 0 !important; }
    .pln-md { padding-left: 0 !important; }
    .pt5-md { padding-top: 5px !important; }
    .pr5-md { padding-right: 5px !important; }
    .pb5-md { padding-bottom: 5px !important; }
    .pl5-md { padding-left: 5px !important; }
}
/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto { margin-left: auto; margin-right: auto; }
.mn { margin: 0 !important; }
.m1 { margin: 1px !important; }
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m4 { margin: 4px !important; }
.m5 { margin: 5px !important; }
.m8 { margin: 8px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }
.mtn { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt70 { margin-top: 70px !important; }
.mrn { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mbn { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb70 { margin-bottom: 70px !important; }
.mln { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
/* Axis Margins (both top/bottom or left/right) */
.mv5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mv10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mv20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mv30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mv40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mv50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mv70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mh5 { margin-left: 5px !important; margin-right: 5px !important; }
.mh10 { margin-left: 10px !important; margin-right: 10px !important; }
.mh15 { margin-left: 15px !important; margin-right: 15px !important; }
.mh20 { margin-left: 20px !important; margin-right: 20px !important; }
.mh25 { margin-left: 25px !important; margin-right: 25px !important; }
.mh30 { margin-left: 30px !important; margin-right: 30px !important; }
.mh40 { margin-left: 40px !important; margin-right: 40px !important; }
.mh50 { margin-left: 50px !important; margin-right: 50px !important; }
.mh70 { margin-left: 70px !important; margin-right: 70px !important; }
/* Negative Margin Helpers */
.mtn5 { margin-top: -5px !important; }
.mtn10 { margin-top: -10px !important; }
.mtn15 { margin-top: -15px !important; }
.mtn20 { margin-top: -20px !important; }
.mtn30 { margin-top: -30px !important; }
.mrn5 { margin-right: -5px !important; }
.mrn10 { margin-right: -10px !important; }
.mrn15 { margin-right: -15px !important; }
.mrn20 { margin-right: -20px !important; }
.mrn30 { margin-right: -30px !important; }
.mbn5 { margin-bottom: -5px !important; }
.mbn10 { margin-bottom: -10px !important; }
.mbn15 { margin-bottom: -15px !important; }
.mbn20 { margin-bottom: -20px !important; }
.mbn30 { margin-bottom: -30px !important; }
.mln5 { margin-left: -5px !important; }
.mln10 { margin-left: -10px !important; }
.mln15 { margin-left: -15px !important; }
.mln20 { margin-left: -20px !important; }
.mln30 { margin-left: -30px !important; }
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 { margin-top: -5px !important; margin-bottom: -5px !important; }
.mvn10 { margin-top: -10px !important; margin-bottom: -10px !important; }
.mvn15 { margin-top: -15px !important; margin-bottom: -15px !important; }
.mvn20 { margin-top: -20px !important; margin-bottom: -20px !important; }
.mvn30 { margin-top: -30px !important; margin-bottom: -30px !important; }
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 { margin-left: -5px !important; margin-right: -5px !important; }
.mhn10 { margin-left: -10px !important; margin-right: -10px !important; }
.mhn15 { margin-left: -15px !important; margin-right: -15px !important; }
.mhn20 { margin-left: -20px !important; margin-right: -20px !important; }
.mhn30 { margin-left: -30px !important; margin-right: -30px !important; }
/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 { line-height: 0 !important; }
.lh5 { line-height: 5px !important; }
.lh10 { line-height: 10px !important; }
.lh15 { line-height: 15px !important; }
.lh20 { line-height: 20px !important; }
.lh25 { line-height: 25px !important; }
.lh30 { line-height: 30px !important; }
.lh35 { line-height: 35px !important; }
.lh40 { line-height: 40px !important; }
/*===============================================
  G. Border Helpers
================================================= */
/* Border Disables */
.br-l-n { border-left: none !important; }
.br-r-n { border-right: none !important; }
.br-t-n { border-top: none !important; }
.br-b-n { border-bottom: none !important; }
.br-n { border: none !important; }
.br-v-n { border-top: none !important; border-bottom: none !important; }
.br-h-n { border-left: none !important; border-right: none !important; }
/* Default Borders */
.br-a { border: 1px solid #EEE !important; }
.br-l { border-left: 1px solid #EEE !important; }
.br-r { border-right: 1px solid #EEE !important; }
.br-t { border-top: 1px solid #EEE !important; }
.br-b { border-bottom: 1px solid #EEE !important; }
/* Border Style */
.br-dashed { border-style: dotted !important; }
/* Border Radius */
.br0 { border-radius: 0px !important; }
.br1 { border-radius: 1px !important; }
.br2 { border-radius: 2px !important; }
.br3 { border-radius: 3px !important; }
.br4 { border-radius: 4px !important; }
.br6 { border-radius: 6px !important; }
.br8 { border-radius: 8px !important; }
.br12 { border-radius: 12px !important; }
.br24 { border-radius: 24px !important; }
.br64 { border-radius: 64px !important; }
/* Border Width */
.bw1 { border-width: 1px !important; }
.bw2 { border-width: 2px !important; }
.bw3 { border-width: 3px !important; }
.bw4 { border-width: 4px !important; }
.bw5 { border-width: 5px !important; }
.bw8 { border-width: 8px !important; }
.bw10 { border-width: 10px !important; }
.bw15 { border-width: 15px !important; }
/*Border Colors Generate contextual modifier classes for colorizing the alert.
*/
.br-white { border-color: #FFF !important; }
.br-lighter { border-color: #EEE !important; }
.br-light { border-color: #E7E7E7 !important; }
.br-grey { border-color: #d9d9d9 !important; }
.br-greyer { border-color: #CCC !important; }
.br-dark { border-color: #3b3f4f !important; }
.br-dark-light { border-color: #51566c !important; }
.br-primary { border-color: #4a89dc !important; }
.br-primary-light { border-color: #75a5e4 !important; }
.br-info { border-color: #3bafda !important; }
.br-info-light { border-color: #66c1e2 !important; }
.br-success { border-color: #70ca63 !important; }
.br-success-light { border-color: #93d789 !important; }
.br-warning { border-color: #f6bb42 !important; }
.br-warning-light { border-color: #f8cd73 !important; }
.br-danger { border-color: #e9573f !important; }
.br-danger-light { border-color: #ee7f6d !important; }
.br-alert { border-color: #967adc !important; }
.br-alert-light { border-color: #b6a2e7 !important; }
.br-system { border-color: #37bc9b !important; }
.br-system-light { border-color: #58ceb1 !important; }
.br-tp-top { border-top-color: rgba(0, 0, 0, 0.1); }
.br-tp-right { border-right-color: rgba(0, 0, 0, 0.1); }
.br-tp-left { border-left-color: rgba(0, 0, 0, 0.1); }
/*===============================================
  H. Max Width Helpers
================================================= */
.fluid-width { width: 100% !important; }
.mw10 { max-width: 10px !important; }
.mw20 { max-width: 20px !important; }
.mw30 { max-width: 30px !important; }
.mw35 { max-width: 35px !important; }
.mw40 { max-width: 40px !important; }
.mw45 { max-width: 45px !important; }
.mw50 { max-width: 50px !important; }
.mw60 { max-width: 60px !important; }
.mw80 { max-width: 80px !important; }
.mw100 { max-width: 100px !important; }
.mw140 { max-width: 140px !important; }
.mw160 { max-width: 160px !important; }
.mw180 { max-width: 180px !important; }
.mw200 { max-width: 200px !important; }
.mw240 { max-width: 240px !important; }
.mw280 { max-width: 280px !important; }
.mw320 { max-width: 320px !important; }
.mw400 { max-width: 400px !important; }
.mw450 { max-width: 450px !important; }
.mw500 { max-width: 500px !important; }
.mw600 { max-width: 600px !important; }
.mw700 { max-width: 700px !important; }
.mw800 { max-width: 800px !important; }
.mw900 { max-width: 900px !important; }
.mw1000 { max-width: 1000px !important; }
.mw1100 { max-width: 1100px !important; }
.mw1200 { max-width: 1200px !important; }
/*Regular Width Helpers. Primarily used
on tables, feel free to add more*/
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w75 { width: 75px !important; }
.w100 { width: 100px !important; }
.w125 { width: 125px !important; }
.w150 { width: 150px !important; }
.w175 { width: 175px !important; }
.w200 { width: 200px !important; }
.w225 { width: 225px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.mnw20 { min-width: 20px !important; }
.mnw30 { min-width: 30px !important; }
.mnw40 { min-width: 40px !important; }
.mnw50 { min-width: 50px !important; }
.mnw75 { min-width: 75px !important; }
.mnw100 { min-width: 100px !important; }
.mnw125 { min-width: 125px !important; }
.mnw150 { min-width: 150px !important; }
.mnw175 { min-width: 175px !important; }
.mnw200 { min-width: 200px !important; }
.mnw250 { min-width: 250px !important; }
.mnw300 { min-width: 300px !important; }
.mnw500 { min-width: 500px !important; }
.mnw700 { min-width: 700px !important; }
.mnw1000 { min-width: 1000px !important; }

/** Backup CSS*/
.page-title-area { background: none; padding: 20px 0px 20px 0px; }
    .page-title-area h2 { display: none }
    .page-title-area ul { left: 10px; right: auto; }
.page-title-content ul li { margin-left: 5px; }
    .page-title-content ul li::before { display: none; }
.main-navbar { background: none; margin-top: 5px; margin-bottom: 5px; }
    .main-navbar .navbar .navbar-nav .nav-item { margin-right: 10px; }
        .main-navbar .navbar .navbar-nav .nav-item a { padding-right: 0px; margin-left: 10px; margin-right: 20px; font-weight: bold; }
        .main-navbar .navbar .navbar-nav .nav-item:first-child a { margin-left: 10px; padding-right: 0px; margin-right: 18px; }
.row.row-deck > div { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
.row-deck .block { width: 100%; }
.row-deck .block-content { height: 100%; width: 100%; border-radius: 10px; }
.page1029 { text-align: center; padding-top: 30px; }
.single-footer-widget { margin-bottom: 5px }
.middle-area h1, .middle-area h2, .middle-area h3 { display: none; }
.footer-area p, .footer-top, .footer-top a { color: #359935 !important }
.footer-top { background: #DD0016; }
    .footer-top a { color: #fff !important; }
.footer-bottom-area { border-top: 1px solid #f3f3f2; }
    .footer-bottom-area p { font-size: 12px }
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu { top: 38px; }
.nifc-online .block-title { padding-bottom: 30px; }
.widget-title2 { font-size: 18px }
marquee a { color: #018a42; }
    marquee a:hover { color: #DC3545; }
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a { border-bottom: 1px solid #eee; margin-right: 0px; }
.main-navbar .navbar .dropdown-menu .nav-item { margin-right: 0px; }
.banner { height: 142px; }
.single-work .work-title { padding: 20px 1px; font-size: 0.85rem; }
.panel-body { padding: 9px; }
.newshot2 h5 { font-size: 15px; }
.panel { margin-bottom: 0px; }
.slick-prev { left: 5px; }
.slick-next { right: 5px; }

@media only screen and (max-width:767px) {
    .banner { height: 45px; }
    .middle-area { padding: 0px; }
    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav { margin-top: 50px; }
    .main-responsive-nav .logo img { height: 50px; }
    .banner .pt20 { padding-top: 0px !important; margin-top: 0px; }
    .banner .rightmenu { display: inline-block; padding: 0px !important; }
}

.fcc .page-title-area { display: block; }
.fcc .main-navbar .navbar .navbar-nav { float: right !important; margin: 0 auto; }
.fcc .navbar-expand-md .navbar-collapse { display: inherit !important; }
.fcc .main-navbar .navbar .navbar-nav > .nav-item a { border: 0px; }
.fcc .main-navbar .navbar .navbar-nav .nav-item { margin: 0px 5px; }
    .fcc .main-navbar .navbar .navbar-nav .nav-item a { padding: 5px; margin: 0px; padding-top: 7px; }
    .fcc .p-relative .main-navbar .navbar, .fcc .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu { background: none; }
.fcc .main-navbar .btn { padding: 0px; }
.fcc .khunghoinghi { background-repeat: no-repeat; background-image: url(../img/left.png), url(../img/right.png), url("../img/footer.png"); background-position: 0 100%, 100% 100%, 100% 0; }
.fcc .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu { top: 35px; }

.tintucwidget-title { padding: 10px; margin-bottom: 25px; position: relative; font-size: 16px; color: #fff; background: var(--mainColor); }
    .tintucwidget-title::before { position: absolute; content: ""; height: 20px; width: 40px; background-color: var(--mainColor); left: 0px; bottom: -10px; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); -webkit-transition: var(--transition); transition: var(--transition); }
.tintucwidget-title2 { border-left: 5px solid #ff0000; border-bottom: 2px solid var(--mainColor); padding-left: 10px; padding-bottom: 10px; margin-bottom: 25px; position: relative; font-size: 18px; color: var(--mainColor); margin-top: 30px; }
    .tintucwidget-title2::before { content: ''; position: absolute; background: var(--mainColor); bottom: -1px; left: 0; height: 3px; }
.tintucwidget-content a { color: var(--mainColor); font-weight: bold; }
.menu-tintuc ul { list-style: none; }
    .menu-tintuc ul li { margin: 0px; padding: 0px; }

#ja-cssmenu { margin: 0; /* all lists */ padding: 0; background: #018A42 !important; }

    #ja-cssmenu ul { margin: 0; /* all lists */ padding: 0;  }

    #ja-cssmenu li { margin: 0; /* all list items */ padding: 0; display: inline-block; background: none !important; border-right: 1px solid #75AAD2; cursor: pointer; }

        #ja-cssmenu li ul { width: 16.4em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; w\idth: 15.9em; }

            #ja-cssmenu li ul ul { margin: -2em 0 0 15em; /* third-and-above-level lists */ }

        #ja-cssmenu li li { padding: 0 1em 0 0; margin: 0; width: 14.9em; }

    #ja-cssmenu ul a { width: 14.8em; w\idth: 10.8em; }

    #ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
    #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
    #ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul { left: -999em; }

    /* This "unhides" the sub-menus (left: -999em is what hides them) */
    #ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
    #ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
    #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
    #ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul { left: auto; }

    /* STYLING THE MENU
-----------------------------------*/
    /* 1st level */
    #ja-cssmenu li a { display: block; text-decoration: none; line-height: 32px; padding: 0 20px; color: #FFF; font-size: 100%; font-weight: bold; border-right: 1px solid #2B6484; }

        #ja-cssmenu li a:hover,
        #ja-cssmenu li a:active,
        #ja-cssmenu li a:focus { color: #FFFFFF; }

    #ja-cssmenu li:hover,
    #ja-cssmenu li.sfhover,
    #ja-cssmenu li.havechildsfhover,
    #ja-cssmenu li.havechild-activesfhover { color: #FFFFFF; background: url(../../images/grad2-1.gif) repeat-x top #2B6484; }

    #ja-cssmenu li a.active,
    #ja-cssmenu li a.active:hover,
    #ja-cssmenu li a.active:active,
    #ja-cssmenu li a.active:focus { color: #FFFFFF; background: url(../../images/grad2-2.gif) repeat-x top #91AE4E; }

    /* 2nd level and above */
    #ja-cssmenu li ul { border: 1px solid #2B6484; background: url(../../images/grad2.gif) repeat-x bottom #5192C3; }

        #ja-cssmenu li ul li { border-bottom: 1px solid #2972A8; border-right: none; background: none; }

        #ja-cssmenu li ul a { border-right: none; margin: 0; padding: 7px 10px; line-height: normal; background: none; color: #FFFFFF; font-weight: normal; font-size: 92%; }

    #ja-cssmenu li.havesubchild,
    #ja-cssmenu li.havesubchild-active { background: url(../../images/arrow3.png) no-repeat 94% 50%; }

    #ja-cssmenu li ul a:hover,
    #ja-cssmenu li ul a:active,
    #ja-cssmenu li ul a:focus,
    #ja-cssmenu ul li:hover,
    #ja-cssmenu ul li.sfhover,
    #ja-cssmenu ul li.havesubchildsfhover,
    #ja-cssmenu ul li.havesubchild-activesfhover,
    #ja-cssmenu ul ul li:hover,
    #ja-cssmenu ul ul li.sfhover,
    #ja-cssmenu ul ul li.havesubchildsfhover,
    #ja-cssmenu ul ul li.havesubchild-activesfhover { background: url(../../images/grad2-1.gif) repeat-x top #2B6484; color: #FFFFFF; }

    #ja-cssmenu ul li a.active,
    #ja-cssmenu ul li a.active:hover,
    #ja-cssmenu ul li a.active:active,
    #ja-cssmenu ul li a.active:focus { background: none !important; color: #FFFFFF; font-weight: bold; }