@media screen and (max-width:991px) {
    .navbar-nav {
        float: none !important;
    }

        .navbar-nav li {
            width: 100%;
            !important;
            text-align: left;
        }

    .dropdown-menu {
        position: relative;
        box-shadow: none;
        border: none;
        min-width: unset;
    }

    .navbar-nav .dropdown {
        word-break: break-word;
        word-wrap: normal;
        white-space: normal
    }

    .dropdown-menu > li > a {
        white-space: normal !important;
    }

    .dropdown-menu {
        padding: 0 15px;
    }

    #nus-sidebar-off-canvas .nav > li > a {
        padding: 15px;
    }
}

#myCarousel .nav, .org-chart, .org-chart .board, .org-chart ul li {
    position: relative
}

#right-menu li a, .date-box .month, a.btn, table.table th {
    text-transform: uppercase
}

body {
    font-size: 16px;
}

@font-face {
    font-family: 'Font Awesome 5 Duotone';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/fa-duotone-900.eot");
    src: url("../fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-duotone-900.woff2") format("woff2"), url("../fonts/fa-duotone-900.woff") format("woff"), url("../fonts/fa-duotone-900.ttf") format("truetype"), url("../fonts/fa-duotone-900.svg#fontawesome") format("svg");
}

@font-face {
    font-family: Font Awesome 5 Pro;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/fa-solid-900.eot);
    src: local('☺'), url(../fonts/fa-solid-900.eot?#iefix) format('embedded-opentype'), url(../fonts/fa-solid-900.otf) format('opentype'), url(../fonts/fa-solid-900.woff) format('woff'), url(../fonts/fa-solid-900.ttf) format('truetype'), url(../fonts/fa-solid-900.svg#fontawesome) format('svg');
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../fonts/fa-light-300.eot");
    src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fa-regular-400.eot");
    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: OpenReg;
    src: url(../fonts/OpenSans-Regular.eot);
    src: local('☺'), url(../fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-Regular.otf) format('opentype'), url(../fonts/OpenSans-Regular.woff) format('woff'), url(../fonts/OpenSans-Regular.ttf) format('truetype'), url(../fonts/OpenSans-Regular.svg#OpenSans-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenLight;
    src: url(../fonts/OpenSans-Light.eot);
    src: local('☺'), url(../fonts/OpenSans-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-Light.otf) format('opentype'), url(../fonts/OpenSans-Light.woff) format('woff'), url(../fonts/OpenSans-Light.ttf) format('truetype'), url(../fonts/OpenSans-Light.svg#OpenSans-Light) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenSemiBold;
    src: url(../fonts/OpenSans-Semibold.eot);
    src: local('☺'), url(../fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-Semibold.otf) format('opentype'), url(../fonts/OpenSans-Semibold.woff) format('woff'), url(../fonts/OpenSans-Semibold.ttf) format('truetype'), url(../fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format('svg');
    font-weight: 400;
    font-style: normal
}

.home-content {
    font-family: OpenReg
}

    .home-content p {
        margin-bottom: 25px
    }

.carousel-caption {
    text-align: left !important;
    margin: 50px 0;
    font-size: 16px
}

#scrollToTop, .banner, .carousel-nav, .date-box {
    text-align: center
}

.carousel-inner ul {
    margin: 20px 0;
    padding: 0
}

    .carousel-inner ul li {
        font-family: roboto-reg;
        font-size: 1em;
        display: inline-block;
        padding-right: 30px
    }

.nav-pills p {
    font-family: OpenSemiBold;
    font-size: 17px;
    margin: 10px 0;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

#myCarousel .nav {
    background: 0;
    bottom: 140px
}

    #myCarousel .nav a {
        border-radius: 0
    }

.nav-justified > li {
    display: table-cell;
    width: auto
}

.carousel-nav {
    font-family: roboto-light;
    font-size: .88em;
    vertical-align: top !important;
    z-index: 999 !important
}

.nav-bold {
    font-family: roboto-med
}

.carousel-nav a {
    color: #fff
}

.carousel-caption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12%;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    width: 50%
}

.carousel-inner {
    width: 100%;
    height: 700px;
    overflow: hidden;
    background: #071b3a
}

#myCarousel .carousel-inner > .item > a > img, #myCarousel .carousel-inner > .item > img, #myCarousel .thumbnail a > img, .thumbnail > img {
    display: block;
    height: 580px !important;
    width: 100%
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: inherit;
    height: auto
}

.carousel-inner .btn {
    background: 0;
    border: 1px solid #fff
}

    .carousel-inner .btn:hover {
        background: #ef7c00 !important;
        border: 1px solid #ef7c00;
        color: #fff !important
    }

.nav-pills div.active, .nav-pills > div:focus, .nav-pills > div:hover, div.thumb a:focus {
    max-width: none
}

.nav-pills > div a:hover {
    text-decoration: none
}

.nav-pills > .thumb div {
    background: #000 !important
}

.nav-pills div.active img, .nav-pills > div img:focus, .nav-pills > div img:hover, div.thumb a img:focus {
    opacity: 1 !important
}

.section01 {
    background: #071b3a
}

.section02 {
    background: url(../images/homepage/bg03.jpg) right bottom no-repeat #084c86;
    color: #fff;
    height: 608px
}

.section03 {
    background: linear-gradient(to right, #f5f5f5, #fff)
}

    .section03 .container {
        display: flex;
        height: 100%
    }

    .section03 .rht {
        padding-bottom: 40px
    }

.phone {
    background: url(../images/homepage/phone.png) right bottom no-repeat;
    background-size: contain;
    height: 608px;
    display: block;
    bottom: 20px;
    top: 0;
    left: 0;
    right: -17%
}

.number {
    font-size: 45px;
    color: #f2ad36;
    font-weight: 700;
    margin-bottom: 10px !important
}

.new-desc {
    padding-top: 40px
}

.nopadding {
    padding: 0
}

.carousel-caption h1 {
    font-size: 40px
}

@media screen and (max-width:991px) {
    body {
        position: relative
    }

    .container {
        width: 100%
    }

    img {
        max-width: 100%
    }

    .section02 {
        height: auto
    }

    .phone {
        display: none
    }

    .carousel-inner {
        height: auto !important;
        padding-bottom: 60px
    }

    #myCarousel .carousel-inner > .item > a > img, #myCarousel .carousel-inner > .item > img, #myCarousel .thumbnail a > img, .thumbnail > img {
        width: auto !important
    }

    #myCarousel .nav {
        bottom: 100px
    }

    .carousel-caption h1 {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    .carousel-inner, .section02 {
        height: auto
    }

    .carousel-caption {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 20px
    }

    #myCarousel .nav {
        bottom: 0
    }

    .grey-bg {
        padding: 0 !important;
        background: #fff
    }

    .section02 {
        padding: 30px 0
    }

    #myCarousel .carousel-inner > .item > a > img, #myCarousel .carousel-inner > .item > img, #myCarousel .thumbnail a > img, .thumbnail > img {
        height: auto !important;
        width: 100% !important
    }

    .section03 .container {
        display: block;
        height: 100%
    }

    .section03 {
        background: #fff;
        padding-bottom: 30px
    }

    .new-desc {
        padding-top: 0
    }

    .divisions h3 {
        font-size: 21px !important
    }

    .section03 .rht {
        padding: 0
    }

    #divisions-152 .divisions-container {
        background: 0
    }

    #divisionmain {
        background: 0 0 !important
    }

    #right-menu {
        display: none
    }
}

.section02 h1, .section03 h1 {
    margin-bottom: 25px;
    font-family: OpenReg
}

.section02 h1 {
    color: #fff;
    font-size: 35px
}

.section02 {
    font-size: 16px
}

.section03 h1 {
    padding-top: 20px;
    color: #003062;
    font-size: 35px
}

.grey-bg {
    background: #f5f5f5
}

    .grey-bg .line:after {
        content: "";
        display: block;
        width: 8em !important;
        max-width: 80% !important;
        border-bottom: 1px solid #fff;
        margin: .1em auto 0 !important
    }

.white-bg .line:after {
    content: "";
    display: block;
    width: 4em !important;
    max-width: 40% !important;
    border-bottom: 1px solid #003062;
    margin: .5em auto 0 !important
}

.banner, .banner img {
    width: 100%
}

.banner {
    height: 530px !important;
    color: #fff;
    overflow: hidden;
    background: url(../images/banner.jpg) bottom center no-repeat;
    background-size: cover;
    padding: 80px 0
}

a.btn {
    font-family: OpenReg;
    background: #f27c36;
    font-size: 16px;
    color: #fff !important;
    padding: 15px 45px
}

    a.btn:hover {
        background: 0 0 !important;
        color: #f27c36 !important;
        border: 1px solid #f27c36
    }

.banner p.header {
    font-family: OpenReg;
    font-size: 55px;
    line-height: 60px
}

.banner p {
    font-size: 18px;
    margin-bottom: 40px
}

.banner a.btn:hover {
    color: #fff !important;
    border: 1px solid #fff
}

hr {
    border-color: #000;
}

.date-box .day {
    font-family: OpenSemiBold;
    font-size: 30px;
    padding-top: 5px
}

.date-box .month {
    font-family: OpenLight;
    color: #ffd2a3;
    font-size: 18px
}

.date-box {
    background: #d95349;
    border-radius: 7px;
    color: #fff;
    display: block;
    height: 80px;
    margin-bottom: 20px;
    width: 70px
}

.title, .title a {
    color: #003062
}

.title {
    font-size: 18px;
    padding-top: 10px
}

.cat {
    background: #999;
    color: #fff;
    border-radius: 2px;
    padding: 3px 5px
}

.date {
    font-family: OpenReg;
    font-size: 16px;
    padding-left: 5px
}

.evt {
    margin-bottom: 30px
}

.counter-section {
    padding-bottom: 20px
}

.img-responsive {
    width: 100%
}

#right-menu {
    font-family: OpenSemiBold;
    font-size: 16px;
    position: fixed;
    right: -5px;
    top: 300px;
    width: 18em;
    margin-top: -2.5em;
    z-index: 9999 !important;
    text-align: right
}

.accordion, .nus-components {
    font-family: OpenReg
}

#right-menu li {
    list-style: none;
    margin-bottom: 15px
}

    #right-menu li a {
        background: #d95349;
        color: #fff;
        list-style: none;
        padding: 12px 15px 12px 5px;
        display: block;
        border-radius: 3px;
        box-shadow: 3px 3px 8px rgba(0, 0, 0, .3)
    }

        #right-menu li a:hover {
            background: #b93e35;
            text-decoration: none
        }

#scrollToTop {
    cursor: pointer;
    font-size: .9em;
    position: fixed;
    z-index: 9999;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    background: #003d7c;
    color: #fff;
    border-radius: 0;
    right: 20px;
    bottom: 20px;
    padding: 12px
}

    #scrollToTop:hover {
        background: #1a5796;
        color: #fff
    }

    #scrollToTop > img {
        display: block;
        margin: 0 auto
    }

.accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    transition: .4s;
    font-size: 19px
}

    .accordion:hover, .nus-components .active {
        background-color: #084b85;
        color: #fff
    }

    .accordion:after {
        content: '\002B';
        color: #777;
        font-weight: 700;
        float: right;
        margin-left: 5px
    }

    .accordion:hover:after, .nus-components .active *:first-child:after {
        content: "\2212";
        color: #fff;
        float: right
    }

.nus-components {
    font-size: 16px
}

.org-chart, .org-chart01 {
    font-family: OpenReg !important;
    clear: both
}

.capabilities {
    margin: 0 !important
}

.nus-components .panel {
    padding: 0 18px;
    background: url(../images/people/people-bg.jpg) top no-repeat #0a1e3f;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    border: 0;
    border-radius: 0;
    margin-bottom: 0
}

    .nus-components .panel hr {
        border-color: #fff !important
    }

.nus-components .accordion {
    border-bottom: 1px solid #ddd
}

.dblue-bg {
    background: #084b85;
    display: block;
    width: 100%;
    height: auto;
    color: #fff !important
}

.fc td, table.table td {
    background: rgba(255, 255, 255, .8)
}

.nus-components .dblue-bg, .nus-components .white-bg {
    padding: 50px 0 20px
}

table.table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0
}

    table.table td, table.table th {
        padding: 10px;
        font-size: inherit;
        border-bottom: 0
    }

    table.table th {
        padding: 15px !important;
        font-size: inherit;
        color: #fff;
        background: #003d7c
    }

.table thead {
    background: #ef7c00
}

@media screen and (max-width:991px) {
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-top: none !important;
        display: block;
    }

    table td.gybg {
        background: #ee7c00 !important;
        border: none !important;
        text-transform: capitalize !important;
        color: #fff
    }

    table.table {
        border: 0
    }

        table.table thead {
            display: none
        }

    .hidden-ct {
        display: none !important
    }

    table.table tr {
        margin-bottom: 10px;
        display: block;
        background: #f6f6f6;
        border: 0
    }

    table.table td {
        display: block;
        font-size: inherit;
        border-bottom: 1px dotted #ccc;
        text-align: left !important
    }

        table.table td:last-child {
            border-bottom: 0
        }

        table.table td:before {
            content: attr(data-label);
            float: left;
            text-transform: capitalize;
            width: 100%;
            font-weight: 700;
            color: #ee7c00 !important;
            padding-right: 10px !important
        }
}

.org-chart .department div, .org-chart ul li div {
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    width: 100%
}

.org-chart {
    display: block;
    margin-bottom: 30px
}

    .org-chart.cf:after, .org-chart.cf:before {
        content: " ";
        display: table
    }

    .org-chart.cf:after {
        clear: both
    }

    .org-chart ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        .org-chart ul li div {
            display: block;
            overflow: hidden;
            color: #fff;
            -webkit-transition: all linear .1s;
            -moz-transition: all linear .1s;
            transition: all linear .1s;
            background: #ef7c00;
            padding: 10px;
            border-radius: 5px
        }

    .org-chart .department div, .org-chart01 ul li div {
        -webkit-transition: all linear .1s;
        -moz-transition: all linear .1s;
        overflow: hidden
    }

    .org-chart .department div {
        display: block;
        color: #000 !important;
        transition: all linear .1s;
        background: #f1f1f1;
        padding: 7px;
        border: 0
    }

        .org-chart .department div a {
            color: #000
        }

    .org-chart .lvl-b {
        background: #dee9f2 !important
    }

    .org-chart .board {
        width: 70%;
        margin: 0 auto;
        display: block
    }

        .org-chart .board:before {
            content: "";
            display: block;
            position: absolute;
            height: 100px;
            width: 0;
            border-left: 1px solid #e0e3e7;
            margin-left: 49%;
            bottom: 0
        }

    .org-chart ul.columnOne {
        min-height: auto;
        position: relative;
        width: 100%;
        display: block;
        clear: both;
        padding-bottom: 45px
    }

        .org-chart ul.columnOne li {
            width: 50%;
            margin: 0 auto;
            top: 20px
        }

            .org-chart ul.columnOne li .faicon.fa-email:before, .org-chart ul.columnOne li .faicon.fa-phone:before, .org-chart ul.columnOne li a {
                color: #fff !important
            }

    .org-chart ul.columnTwo {
        position: relative;
        width: 100%;
        display: block;
        height: 90px;
        clear: both
    }

        .org-chart ul.columnThree:before, .org-chart ul.columnTwo:before {
            content: "";
            display: block;
            position: relative;
            height: 10px;
            top: 40px;
            border-top: 1px solid #e0e3e7
        }

        .org-chart ul.columnTwo li:first-child {
            width: 30%;
            float: left
        }

        .org-chart ul.columnTwo li {
            width: 30%;
            float: right
        }

        .org-chart ul.columnTwo:before {
            width: 80%;
            margin: 0 auto
        }

    .org-chart ul.columnThree {
        position: relative;
        width: 100%;
        display: block;
        clear: both
    }

        .org-chart ul.columnThree li:first-child {
            width: 30%;
            float: left;
            margin-left: 0
        }

        .org-chart ul.columnThree li {
            width: 30%;
            margin-left: 5%;
            float: left
        }

            .org-chart ul.columnThree li:last-child {
                width: 30%;
                float: right;
                margin-left: 0
            }

        .org-chart ul.columnThree:before {
            width: 80%;
            margin: 0 auto
        }

    .org-chart .department:after, .org-chart .departments:before {
        display: block;
        height: 22px;
        border-left: 1px solid #e0e3e7;
        content: ""
    }

    .org-chart .departments {
        width: 100%;
        display: block;
        clear: both
    }

        .org-chart .departments:before {
            width: 85%;
            border-top: 1px solid #e0e3e7;
            border-right: 1px solid #e0e3e7;
            margin: 0 auto;
            top: 0
        }

    .org-chart .department {
        float: left;
        margin: 0 4px;
        width: 48.7%
    }

        .org-chart .department:after {
            position: absolute;
            width: 10px;
            left: 50%;
            top: -22px
        }

        .org-chart .department.central:after, .org-chart .department:first-child:after, .org-chart .department:last-child:after {
            display: none
        }

        .org-chart .department span {
            border-left: 0
        }

    .org-chart ul li div img {
        width: 10px;
        height: auto;
        margin-right: 3px
    }

    .org-chart .department li {
        padding-left: 25px;
        height: auto;
        margin-left: 0
    }

        .org-chart .department li:before {
            content: "";
            border-bottom: 1px solid #e0e3e7;
            width: 100px;
            left: 0;
            position: absolute;
            top: 50%
        }

        .org-chart .department li div {
            background: #e5e5e5;
            margin-bottom: 25px;
            position: relative;
            z-index: 1;
            width: 100%;
            min-height: 60px;
            vertical-align: middle;
            right: 0
        }

    .org-chart .department .sections {
        padding-top: 25px
    }

        .org-chart .department .sections:before {
            content: "";
            position: absolute;
            top: 94px;
            left: 0;
            bottom: 73px;
            width: 100px;
            border-left: 1px solid #e0e3e7
        }

        .org-chart .department .sections .sections ul {
            margin-top: 140px
        }

@media all and (max-width:767px) {
    .org-chart ul.columnOne li {
        width: 100%;
        margin: 0 auto;
        top: 20px
    }

    .org-chart .department .sections:before, .org-chart .department:first-child .sections:before {
        top: 94px;
        left: 0;
        width: 100px;
        border-left: 1px solid #e0e3e7;
        content: "";
        position: absolute
    }

    .org-chart .department .sections:before {
        margin-bottom: 47px;
        bottom: 0
    }

    .org-chart .department:first-child .sections:before {
        margin-bottom: 0
    }

    .org-chart .board:before {
        height: 25px
    }

    .org-chart .board {
        margin: 0;
        width: 100%
    }

    .org-chart .departments:before {
        border: 0;
        height: 0
    }

    .org-chart .department {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px
    }

        .org-chart .department:before {
            content: "";
            display: block;
            position: absolute;
            width: 15px;
            height: 40px;
            border-left: 1px solid #e0e3e7;
            z-index: 1;
            top: -40px
        }

        .org-chart .department:after, .org-chart .department:first-child:before {
            display: none
        }

    .nus-components .accordion {
        font-size: 17px !important
    }
}

.org-chart01, .org-chart01 ul li {
    position: relative
}

    .org-chart01 .department div, .org-chart01 ul li div {
        text-decoration: none;
        font-size: 14px;
        display: block;
        text-align: center
    }

figure {
    background: 0;
    overflow: visible;
    float: none
}

.org-chart01 {
    display: block;
    margin-bottom: 30px
}

.blog-post h5, .blog-post h6, .nus-components h3, .nus-components h4 {
    font-family: OpenReg
}

.org-chart01.cf:after, .org-chart01.cf:before {
    content: " ";
    display: table
}

.org-chart01.cf:after {
    clear: both
}

.org-chart01 ul {
    padding: 0;
    margin: 0;
    list-style: none
}

    .org-chart01 ul li div {
        color: #fff;
        transition: all linear .1s;
        background: #ef7c00;
        padding: 10px;
        width: 100%;
        border-radius: 5px
    }

.org-chart01 .department div {
    overflow: hidden;
    color: #000 !important;
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s;
    background: #f1f1f1 !important;
    padding: 7px;
    border: 0;
    width: 100%;
    margin-bottom: 25px
}

.org-chart01 .board:before, .org-chart01 li.department:before {
    content: "";
    border-left: 1px solid #e0e3e7
}

.org-chart01 li.department:before {
    top: -25px;
    position: absolute;
    left: 48.5%;
    height: 25px
}

.org-chart01 .department div a {
    color: #000
}

.org-chart01 .lvl-b {
    background: #dee9f2 !important
}

.org-chart01 .board {
    width: 70%;
    margin: 0 auto;
    display: block;
    position: relative
}

    .org-chart01 .board:before {
        display: block;
        position: absolute;
        height: 100px;
        width: 0;
        margin-left: 48.9%;
        bottom: -30px
    }

.org-chart01 ul.columnOne {
    min-height: 155px;
    position: relative;
    width: 100%;
    display: block;
    clear: both
}

    .org-chart01 ul.columnOne li {
        width: 50%;
        margin: 0 auto;
        top: 20px
    }

        .org-chart01 ul.columnOne li .faicon.fa-email:before, .org-chart01 ul.columnOne li .faicon.fa-phone:before, .org-chart01 ul.columnOne li a {
            color: #fff !important
        }

.org-chart01 ul.columnTwo {
    position: relative;
    width: 100%;
    display: block;
    height: 90px;
    clear: both
}

    .org-chart01 ul.columnThree:before, .org-chart01 ul.columnTwo:before {
        content: "";
        display: block;
        position: relative;
        height: 10px;
        border-top: 1px solid #e0e3e7;
        top: 40px
    }

    .org-chart01 ul.columnTwo li:first-child {
        width: 30%;
        float: left
    }

    .org-chart01 ul.columnTwo li {
        width: 30%;
        float: right
    }

    .org-chart01 ul.columnTwo:before {
        width: 80%;
        margin: 0 auto
    }

.org-chart01 ul.columnThree {
    position: relative;
    width: 100%;
    display: block;
    clear: both
}

    .org-chart01 ul.columnThree li:first-child {
        width: 30%;
        float: left;
        margin-left: 0
    }

    .org-chart01 ul.columnThree li {
        width: 30%;
        margin-left: 5%;
        float: left
    }

        .org-chart01 ul.columnThree li:last-child {
            width: 30%;
            float: right;
            margin-left: 0
        }

    .org-chart01 ul.columnThree:before {
        width: 80%;
        margin: 0 auto
    }

.org-chart01 .department:after, .org-chart01 li.departments:before {
    content: "";
    display: block;
    height: 22px;
    border-left: 1px solid #e0e3e7
}

.org-chart01 .departments {
    width: 100%;
    display: block;
    clear: both
}

.org-chart01 li.departments:before {
    margin: 0 auto;
    top: 0
}

.org-chart01 .department {
    margin: 0 auto;
    width: 48.7%
}

    .org-chart01 .department:after {
        position: absolute;
        width: 10px;
        left: 50%;
        top: -22px
    }

    .org-chart01 .department.central:after, .org-chart01 .department:first-child:after, .org-chart01 .department:last-child:after {
        display: none
    }

    .org-chart01 .department span {
        border-left: 0
    }

.org-chart01 ul li div img {
    width: 10px;
    height: auto;
    margin-right: 3px
}

.org-chart01 .department li {
    padding-left: 25px;
    border-bottom: 1px solid #e0e3e7;
    height: 110px;
    margin-left: 0
}

    .org-chart01 .department li div {
        background: #e5e5e5;
        margin-top: 38px;
        position: relative;
        z-index: 1;
        width: 100%;
        min-height: 60px;
        vertical-align: middle;
        right: 0
    }

.org-chart01 .department .sections {
    margin-top: -20px
}

    .org-chart01 .department .sections .sections ul {
        margin-top: 140px
    }

ul.multi {
    margin-top: 17px !important
}

ul.new {
    margin-left: 15px;
    border: 0 !important
}

@media all and (max-width:767px) {
    .org-chart01 ul.columnOne li {
        width: 100%;
        margin: 0 auto;
        top: 20px;
        padding-bottom: 50px
    }

    .org-chart01 .board {
        margin: 0;
        width: 100%
    }

    .org-chart01 .department {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .org-chart01 .board:before {
        margin-left: 48.5%
    }
}

.nus-components h3 {
    color: #003d7c !important;
    font-size: 30px;
    padding: 0 0 20px;
    margin: 0
}

.nus-components h4 {
    color: #003d7c
}

.nus-components p {
    padding: 0 0 12px
}

.nus-components a {
    color: #003d7c
}

    .nus-components a:hover {
        color: #ef7c00
    }

.blog-post ol li, .nus-components ul li {
    margin-left: -20px
}

.bg-left {
    background-position-x: -127% !important;
    -webkit-transition: background-position 1s ease-in-out
}

.white-bg .table {
    border: 1px solid #fff !important
}

.white-bg table.table td, .white-bg table.table th {
    font-family: OpenSemiBold;
    padding: 10px;
    background: #f5f5f5 !important;
    border-radius: 10px;
    border-right: 5px solid #fff;
    width: 50%;
    border-top: 0;
    text-transform: uppercase
}

.white-bg table.table tr {
    border-bottom: 5px solid #fff
}

.dblue-bg h3 {
    color: #fff !important
}

.dblue-bg .table {
    border: 1px solid #084b85 !important
}

.dblue-bg table.table td, .dblue-bg table.table th {
    padding: 10px;
    background: #052f64 !important;
    border-radius: 10px;
    border-right: 5px solid #084b85;
    width: 50%;
    border-top: 0;
    color: #fff !important
}

    .dblue-bg table.table td a, .dblue-bg table.table th a {
        font-family: OpenSemiBold;
        color: #fff;
        display: block
    }

.dblue-bg table.table tr {
    border-bottom: 5px solid #084b85
}

.transparent {
    background: 0 0 !important
}

.rs {
    margin-top: 30px
}

@media screen and (max-width:991px) {
    .white-bg table.table td, .white-bg table.table th {
        width: 100%;
        border-bottom: 10px solid #fff;
        border-radius: 0;
        border-right: 0
    }

    .dblue-bg table.table td, .dblue-bg table.table th {
        width: 100%;
        border-bottom: 10px solid #084b85;
        border-radius: 0;
        border-right: 0
    }

    table.table tr {
        margin-bottom: 0
    }

    .dblue-bg table.table tr, .white-bg table.table tr {
        border-bottom: 0
    }

    .rs {
        margin-top: 0 !important
    }
}

#back-to-top, .btn, .transition, :after, :before, a {
    transition: all .3s ease-out
}

#back-to-top {
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: url(../images/top.png) center center no-repeat #003d7c;
    color: #fff;
    z-index: 5
}

    #back-to-top i {
        color: #fff
    }

    #back-to-top:hover {
        background-color: #004a96
    }

.dblue-bg table.table td.nobg {
    background: #084b85 !important
}

.white-bg table.table td.nobg {
    background: #fff !important
}

table.table th a {
    color: #999;
}

    table.table th a:hover {
        color: #ef7c00;
    }

a.blue-btn::after {
    content: url(../images/right_icon.png);
    margin-left: 10px;
    vertical-align: middle;
}

.home-background {
    background: lightslategray;
    margin: 0 auto 50px;
    padding: 10px 0;
    color: snow;
}

    .home-background div {
        margin-bottom: 20px;
    }

    .home-background figcaption {
        text-align: center;
        margin-top: 10px;
        color: snow;
    }

@media (max-width: 768px) {
    .home-background img {
        max-width: 360px !important;
        display: block;
        margin: 0 auto;
    }
}

.home-research .row {
    display: flex;
}

.home-research .research_details {
    padding-right: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .home-research .research_details p {
        margin-bottom: 0;
    }

.home-research a {
    color: lightslategray;
    font-weight: bold;
}

    .home-research a::after {
        content: " > ";
    }

@media (max-width: 768px) {
    .home-research .row {
        display: block;
    }

    .home-research [class^="col-"] {
        margin-bottom: 20px;
    }
}

.modal-body {
    color: #333;
}

    .modal-body a {
        color: #333 !important;
    }

#timeline .container {
    width: 100%;
    padding: 10px;
    padding-bottom: 50px;
    margin: 30px auto 0;
    position: relative;
    overflow: hidden;
}

    #timeline .container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -3px;
        width: 6px;
        height: 100%;
        background: #8c8d8b;
        z-index: 1;
        display: block;
    }

#timeline .timeline-block {
    width: -webkit-calc(50% + 12px);
    width: -moz-calc(50% + 12px);
    width: calc(50% + 12px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    clear: both;
}

#timeline .timeline-block-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    #timeline .timeline-block-right .timeline-block {
        float: right;
    }

    #timeline .timeline-block-right .timeline-date {
        text-align: right;
    }

#timeline .timeline-block-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: rtl;
}

    #timeline .timeline-block-left .timeline-block {
        direction: rtl;
    }

    #timeline .timeline-block-left .timeline-date {
        text-align: left;
    }

#timeline .timeline-date {
    width: calc(50% - 12px);
    padding: 10px;
    margin: auto 0;
    font-size: 1.7rem;
    font-weight: 600;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #timeline .timeline-date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

#timeline .marker {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 4px solid #f5f7fa;
    background: #1e70a1;
    z-index: 9999;
    margin: auto 0;
}

#timeline .timeline-content {
    width: 93%;
    padding: 10px 15px;
    text-align: left;
    background: white;
    direction: ltr !important;
    -webkit-box-shadow: 0 2px 8px 0 rgba(11, 47, 79, 0.15);
    box-shadow: 0 2px 8px 0 rgba(11, 47, 79, 0.15);
}

    #timeline .timeline-content:hover {
        -webkit-box-shadow: 0 0 3px 0 #1e70a1;
        box-shadow: 0 0 3px 0 #1e70a1;
        cursor: pointer;
    }

    #timeline .timeline-content h3 {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 0;
        font-size: 2rem;
        font-weight: 600;
    }

    #timeline .timeline-content span {
        font-size: 1.7rem;
    }

    #timeline .timeline-content p {
        font-size: 1.7rem;
        line-height: 1.3em;
        word-spacing: 1px;
    }

@media screen and (max-width: 768px) {
    #timeline .container:before {
        left: 30px;
        width: 2px;
    }

    #timeline .marker {
        width: 18px;
        height: 18px;
    }

    #timeline .timeline-date {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        text-align: center;
        width: 0%;
        margin-left: -10px;
    }

    #timeline .timeline-content {
        padding: 15px 10px;
        word-wrap: break-word;
    }

    #timeline .timeline-block {
        width: 100%;
        margin-bottom: 30px;
    }

    #timeline .timeline-block-right {
        float: none;
    }

    #timeline .timeline-block-left {
        float: none;
        direction: ltr;
    }

        #timeline .timeline-block-left .timeline-block {
            direction: ltr;
        }
}

/* EVENTS */
#events {
    padding: 30px 0;
}

    #events h2 {
        margin-bottom: 20px;
        text-align: center;
    }

    #events .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0;
        margin-right: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

@media screen and (max-width: 768px) {
    #events .row {
        display: block;
    }
}

#events .row .events__box {
    padding: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    max-width: 33%;
}

@media screen and (max-width: 768px) {
    #events .row .events__box {
        max-width: 80%;
        margin: 0 auto;
    }
}

#events .imgbox {
    position: relative;
}

    #events .imgbox .date-wrap {
        height: 62px;
        width: 62px;
        position: absolute;
        color: white;
        background: #C1292E;
        left: 24px;
        text-align: center;
    }

        #events .imgbox .date-wrap .date__day {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1.18;
        }

        #events .imgbox .date-wrap .date__mth {
            font-size: 1.7rem;
            text-transform: uppercase;
        }

    #events .imgbox img {
        width: 100%;
    }

#events .event__title {
    font-size: 1.9rem;
    font-weight: 600;
    margin: 10px 0px 7px;
}

#events .event__desc {
    font-size: 1.7rem;
    margin-bottom: 15px;
}

/* NEWS */
#news {
    padding: 50px 0 0;
}

    #news h2 {
        text-align: center;
        margin-bottom: 40px;
    }

#articles {
    margin-bottom: 40px;
}

    #articles .btn-learnmore {
        position: absolute;
        bottom: 0;
        font-size: 2.6rem;
        color: #003D80;
        display: none;
    }

        #articles .btn-learnmore:hover {
            text-decoration: none;
        }

    #articles .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

@media screen and (max-width: 576px) {
    #articles .row {
        display: block;
    }
}

#articles .row .news__box {
    padding: 10px 30px;
    margin-bottom: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    max-width: 33%;
    position: relative;
}

    #articles .row .news__box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 15px;
        width: 2px;
        height: 100%;
        background: #343434;
        display: block;
    }

@media screen and (max-width: 768px) {
    #articles .row .news__box {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 576px) {
    #articles .row .news__box {
        width: 100%;
        max-width: 100%;
    }
}

#articles .news__date {
    font-size: 1.5rem;
    color: #6C757D;
    margin-bottom: 25px;
}

#articles .news__title {
    font-size: 2.2rem;
    font-weight: 700;
    display: block;
    margin-bottom: 40px;
    color: #000;
}

    #articles .news__title:hover {
        color: #003D80;
    }

.nus-components .btn-outline-dark {
    /* font-size: 1.4rem !important; */
    border-radius: 0 !important;
    text-transform: uppercase;
    padding: 10px 20px;
    letter-spacing: 0.3px;
    color: #003d7c !important;
    background: #fff !important;
    border: 1px solid #333;
    -webkit-transition: all .2s;
    transition: all .2s;
    outline: none;
}

    .nus-components .btn-outline-dark:hover {
        color: white !important;
        background: #003062 !important;
        border: 1px solid #003062;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

/* for bootstrap 5 css */
html {
    font-size: 10px;
}

@media screen and (max-width:991px) {
    .container {
        width: 100%;
        max-width: none;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        width: 970px;
        max-width: none;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        width: 1170px;
        max-width: none;
    }
}

body {
    line-height: 1.42857143;
}

a {
    text-decoration: none;
}

.navbar-brand {
    float: left;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4, .h4 {
    font-size: 18px;
}

h1 {
    margin-bottom: 30px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

    hr.horizontal {
        opacity: 1;
    }

.row > * {
    padding-left: 15px;
    padding-right: 15px;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

b, strong {
    font-weight: 700;
}

.card {
    border: none;
    background: none;
    display: block;
}

figure {
    margin: 0;
}

.modal-backdrop.show {
    opacity: 0;
    display: none;
}

.modal-header {
    padding: 15px;
}

.modal-footer {
    padding: 15px;
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
    }
}

.modal-dialog > .modal-content > .modal-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
}

    .modal-dialog > .modal-content > .modal-header .close {
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        font-weight: 700;
        font-size: 21px;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
    }

hr.horizontal, .hr-orange {
    margin-left: auto;
    margin-right: auto;
}


/*.nus-components {
    min-width: 100%;
}*/

p {
    margin-bottom: 10px;
}

ul {
    padding-left: 40px;
}

/* desktop nav */

.navbar {
    padding: 0;
    border: 1px solid transparent;
    display: contents;
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-nav {
    flex-direction: row;
}

.nav > li {
    position: relative;
    display: block;
}

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }

.navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
}

.nus-megamenu .navbar-nav li > a.active {
    box-shadow: 0 -3px 0 #ef7c00 inset;
    color: #003d7c;
    background: transparent !important;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.dropdown-menu {
    font-size: 14px;
    /*top: 50px;*/
    top: 100%;
    width: max-content;
}

/*.nus-megamenu .navbar-nav > li {
    font-size: 14px;
}*/

.nav-item {
    cursor: pointer;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
}

.input-lg {
    font-size: 18px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.form-control::placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

/* mobile nav */
.nav-pills > li > a {
    border-radius: 4px;
}

.nav-stacked {
    flex-direction: column;
}

#nus-sidebar-off-canvas .header .close {
    display: flex;
    justify-content: center;
    align-items: center;
}

    #nus-sidebar-off-canvas .header .close > button {
        padding: 0;
        cursor: pointer;
        border: 0;
        font-size: 10px;
        float: right;
        font-weight: 700;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
    }