/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* C&#1043;&#1038;c t&#1043;&#8470;y ch&#1073;»‰nh CSS c&#1073;»§a giao di&#1073;»‡n n&#1043;&#1028;n &#1044;‘&#1073;»&#1107; v&#1043; o &#1044;‘&#1043;&#1118;y */
body{
    background: url('../images/header.jpg') no-repeat top center fixed;
    background-size: cover;
}
#body{
    border-radius: 5px;
    padding: 5px;
    margin-top: 15px;
}
.current-time {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    color: #777;
}
#header .logo{
    text-align: center;
}
#header .logo h1, #header .logo .site_name{
    display: block;
    color: #005798;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
    font-family: tahoma;
    padding: 5px 0;
}
#header .logo h2, #header .logo .site_description{
    display: none;
}
#header .right-ads > .nv-block-banners:last-child{
    text-align: right;
}
.second-nav{
    background-color: #005798;
    border-radius: 5px;
}
.second-nav .bg{
    background: none !important;
    border-radius:0 ;
    box-shadow: none !important;
}
#menusite .navbar-default{
    background: none;
    border: 0;
    border-radius: 0;
    z-index: 99;
}
#menusite .navbar-default .navbar-nav > li > a{
    text-transform: uppercase;
    font-weight: bold;
}
#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .active > a:hover,
#menusite .navbar-default .navbar-nav > .active > a:focus,
#menusite .navbar-default .navbar-nav > .open > a,
#menusite .navbar-default .navbar-nav > .open > a:hover,
#menusite .navbar-default .navbar-nav > .open > a:focus {
    background:linear-gradient(to top, #fff 2px, #005798 0%) !important;
}
#menusite .dropdown-menu{
    background-color: #fff !important;
    border-radius: 0px !important;
}
#menusite .dropdown-menu > li > a{
    color: #0F89D1;
}
.third-nav .bg {
    background: none;
}
.third-nav .row{
    border: 0px;
}
.headerSearch .btn-info{
    background-color: #0f89d1;
    border: 1px solid #0f89d1;
}
.section-header-bar {
    background-image: none;
    box-shadow: 0 1px 1px rgb(0 0 0 / 13%);
}
.header-nav a{
    color: #777;
}


#footer{
    background-color: #0660a3;
    background-image: linear-gradient(#0d6aaf, #005798);
    padding: 0px;
    min-height: 0px;
    margin-top: 75px;
    color: #fff;
}
#footer, #footer a{
    color: #fff;
}
#footer .wraper{
    background: url(../images/footer-bg.png) no-repeat top center;
    background-size: contain;
}
.footerNav2{
    background-color: #0660a3;
    color: #fff;
}
.footerNav2 a{
    color: #fff;
}
.footerNav2 .bttop{
    width: 35px;
    height: 35px;
}
.footerNav2 .bttop a{
    background-color: #fff;
    opacity: 0.8;
    font-size: 14px;
    width: 35px;
    height: 35px;
}
.footerNav2 .bttop a:hover{
    background-color: #e94d11;
    color: #fff;
}
/* -- Contact Details */
.contact-details,
.contact-details .detail-box {
    position: relative;
}
.contact-details {
    width: 100%;
    display: inline-block;
    margin-top: -60px;
    margin-bottom: 10px;
}
.contact-details:before,
.contact-details:after {
    content: "";
    position: absolute;
    border-bottom: 60px solid #005798; 
    top: 0;
}
.contact-details:before {
    border-left: 20px solid transparent;
    left: -20px;
}
.contact-details:after {
    border-right: 20px solid transparent;
    right: -20px;
}
.contact-details .detail-box {
    padding: 30px 15px 30px 97px;
    background-color: #0d6aaf;
}
.contact-details .detail-box,
.contact-details .detail-box a { 
    color: #fff;
}
.contact-details .detail-box i {
    width: 56px;
    height: 61px;
    position: absolute;
    left: 0;
    line-height: 60px;
    background-color: #2098df;
    text-align: center;
    border-bottom: 1px solid #2098df;
}
.contact-details .detail-box h4 { 
    font-size: 13px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.contact-details .detail-box p { 
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
}
.contact-details .detail-box.phone-box {
    background-color: #0660a3;
}
.contact-details .detail-box.phone-box i {
    background-color: #0f89d1;
    border-bottom-color: #fff;
}
.contact-details .detail-box.mail-box {
    background-color: #005798;
}
.contact-details .detail-box.mail-box i {
    background-color: #0779bc;
}

.panel-default .panel-heading{
    background: #005798 !important;
    border-bottom: 2px solid #c10e0d;
    color: white;
    padding: 0;
    margin: 5px;
    border-radius: 5px;
}
.panel-default .panel-heading span{
    position: relative;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 7px 10px 7px 50px;
    background: #005798;
    font-weight: 700;
    text-transform: uppercase;
    background-image: url('../images/bg-title.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 5px;
}
.panel-default .panel-heading a.dimgray{
    color: #c10e0d;
}
.panel-default .panel-body{
    box-shadow: inset 0px 0px 2px 1px #fff;
    border-top: none; margin: 0px;
    position:relative;
    overflow:inherit;
}
.panel-default .panel-body h3{
    text-align: justify;
}
@media (min-width: 992px) {
    .container {
        width: 100%;
    }

    .wraper {
        width: 100%;
        max-width: 1200px;
    }
}

@media (min-width: 1200px) {
    .wraper {
        width: 1200px;
    }
}
@media (max-width: 767.98px) {
    body{
        background: #fff !important;
    }
    .contact-details:before, .contact-details:after{
        content: none;
    }
}
#menusite .navbar-toggle {
    background-color: #005798;
    border-color: #005798;
}
.header-nav a.button{border-radius: 0px;}
.socialList li a{
    background: none;
    border-radius: 0px;
    width: auto;
    height: auto;
    padding: 5px 0;
}
.socialList li img{
    height: 25px;
}
div.news_column ul.related a{
    text-align: justify;
}
#blockid_84{
    font-weight: 500;
}
div.news_column .imghome{
    max-height: 140px;
}
div.news_column .panel-heading h4:before{
    content: none;
}
div.news_column .panel-heading li{
    padding: 0px;
}
.statics-text{
    font-size: 13px;
    font-weight: 600 !important;
}
.statics-text::before {
    position: absolute!important;
    content: '';
    top: 28px!important;
    left: 8px!important;
    height: 2px!important;
    width: 30%!important;
    background: #00C8FA!important;
}