﻿.form-control:focus {
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%) !important;
    color: #212529;
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

nav#myHeader {
    box-shadow: 2px 8px 8px -7px rgba(16,90,126,.41)
}

.form-control:focus, button:focus, textarea:focus {
    outline: 0;
    box-shadow: none;
    background-color: #000
}

.sticky-onscroll-nav .container.fixed-top {
    margin-top: 10px
}

.button_section_nav_overlay.d-flex.mobile_links, .search_sec_static, .sticky-onscroll-nav .btn_outline_navy, .sticky-onscroll-nav .current_student_link, .sticky-onscroll-nav a#enquire_button, .sticky-onscroll-nav div#navbarScroll, div#navbarScrolled {
    display: none !important
}

.vega_main_nav ul.navbar-nav a.nav-link:hover {
    text-decoration: underline
}

.top_bar_nav ul.nav_list {
    display: flex;
    float: right;
    justify-content: end;
    list-style: none;
    margin: 0
}

.top_bar_nav ul.nav_list li {
    padding: 0 11px 0 10px
}

.top_bar_nav ul.nav_list li a {
    color: #fff;
    font-size: 14px
}

.button_section_nav_overlay a.link_assist_topLinks:hover {
    background: #ff000000 !important;
    text-decoration: underline;
    color: #fff !important
}

button.btn.btn-outline-secondary {
    background: #fff;
    color: #000;
    font-weight: 700;
    border-radius: 0;
    width: 100%;
    min-width: 247px;
    padding: 1rem;
    margin-right: 13px
}

.sticky-onscroll-nav img.search_icon, img.currentStudent_icon, img.search_icon {
    width: auto
}

.bottom_secrch_bar input.form-control {
    width: 100%;
    min-width: 268px;
    background: #ff000000;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-radius: 0;
    padding-top: 12px;
    padding-bottom: 13px;
    border-bottom: 1px solid #fff !important;
    color: #ffff
}

.bottom_secrch_bar input.form-control:focus {
    outline: 0;
    box-shadow: none;
    background-color: inherit
}

.qualification_section_icon {
    padding-bottom: 10px
}

i.fa.fa-search.icon_search {
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 23px !important;
    top: -9px;
    left: -45px
}

::placeholder {
    color: #fff !important
}

.accordion-button::after, .drop-drop .visible_menu, .mobile_level_page, .mobile_link_acc, .mobile_programmes_show, a.back_link {
    display: none
}

.back {
    display: none;
}

.container_block_height {
    background: #404040;
    height: 80vh
}

.btn.btn_nav_search {
    width: 100%;
    min-width: 198px;
    padding: 5px;
    font-weight: 700;
    color: #000
}

.btn.btn_nav_search:hover {
    width: 100%;
    min-width: 198px;
    padding: 5px;
    font-weight: 700;
    color: #000;
    border: 2px solid #000
}

a.nav_item_overlay.active {
    background: #404040;
    color: #ffff !important
}

.overlay-content .bottom_secrch_bar {
    position: absolute;
    bottom: 0;
    background: #404040;
    z-index: 9999;
    padding: 2rem 15%
}

.sticky-onscroll-nav .search_sec_static, .sticky-onscroll-nav div#navbarScrolled {
    display: inline-block !important
}

.vc_main_nav a.btn.btn_search_scrolled {
    width: auto !important;
    padding: 5px;
    min-width: 61px !important;
    font-weight: 700;
    color: #fff;
    background: #105a7e
}

.container-fluid.fixed-top {
    background: #fff;
    z-index: 999
}

.button_section_nav_overlay .btn_vc_outline_green, .button_section_nav_overlay .btn_vc_outline_white {
    font-size: 1.35rem;
    padding: 0 !important;
    width: 30%;
    font-weight: 600;
    border-radius: 23px;
    line-height: 1.8;
    margin-right: 10px;
    text-decoration: none
}

.button_section_nav_overlay .btn_vc_outline_white {
    border: 2px solid #fff;
    background-color: #fff;
    color: #000
}

.button_section_nav_overlay .btn_vc_outline_green {
    border: 2px solid #fff;
    background-color: #000;
    color: #fff
}

#overlay_lay a.navbar-brand :hover {
    background: #00800000 !important
}

.button_section_nav_overlay .btn_vc_outline_white:hover {
    background-color: #000 !important;
    color: #fff !important
}

.button_section_nav_overlay {
    padding-left: 38%
}

.overNav_links .overlay-content ul li a {
    list-style: none;
    color: #fff;
    font-weight: 700;
    padding-left: 69px;
    font-size: 20px
}

ul.study_inner_links a {
    font-size: 20px
}

.content-div.overNav_links .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 20px !important;
    color: #818181;
    display: block;
    transition: .3s
}

.drop-drop:hover .visible_menu {
    display: block
}

.visible_menu1 {
    position: absolute;
    display: none
}

.overlay, .overlayMain {
    width: 0;
    position: fixed;
    z-index: 999;
    left: 0;
    overflow-x: hidden;
    transition: .5s;
    top: 0;
    height: 100%
}

.faculity-list h4 a {
    font-size: 16px;
    color: #fff;
    line-height: 18px
}

.faculity-list h4 a:hover {
    font-size: 16px;
    color: #d1e17a;
    line-height: 18px
}

.visible_menu a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase
}

.overlay a, .overlayMain a {
    padding: 8px;
    color: #818181;
    display: block;
    transition: .3s;
    text-decoration: none
}

.visible_menu a:hover {
    color: #bbd24d
}

ul > li.submenu-header a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem
}

.overlay {
    background-color: #000
}

.overlay a {
    font-size: 1.35rem
}

.overlay a:focus, .overlay a:hover, .overlayMain a:focus, .overlayMain a:hover {
    color: #f1f1f1
}

.overlay .closebtn {
    position: absolute;
    top: 0;
    right: 45px;
    z-index: 999;
    margin-top: 25px
}

.overLay_close_icon {
    border-radius: 100%;
    font-size: 40px;
    padding: 5px
}

.overlayMain {
    background-color: #105a7e
}

.overlay-content {
    margin-top: 46px;
    top: 0;
    width: 100%
}

.overlayMain a {
    font-size: 36px
}

.overlayMain .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px
}

.overlay-content ul li a {
    list-style: none;
    color: #fff;
    font-weight: 700;
    padding-left: 38%
}

.nav_programmes ul li a, ul.overNav_links {
    padding-left: 0 !important;
    list-style: none
}

.overlay-content ul li a:hover {
    background-color: #404040;
    color: #fff
}

.overNav_links h4 {
    color: #105a7e;
    font-size: 33px;
    margin-right: 13%;
    font-weight: 700
}

i.fa.fa-xmark.overLay_close_icon {
    color: #fff;
    font-size: 40px !important
}

ul.overNav_links .link_overlay_icon {
    float: right;
    padding-right: 6%;
    padding-top: 3%
}

.nav_programmes ul li a {
    color: #fff;
    font-size: 1rem;
    font-weight: 500
}

.nav_programmes {
    padding: 20px
}

ul.study_inner_links a:hover {
    background: #fff !important;
    color: #000 !important;
    padding-left: 10px !important
}

ul.study_inner_links li {
    list-style: none
}

.mobile_link_acc .accordion-body, .mobile_link_acc button.accordion-button, .mobile_link_acc button.accordion-button.collapsed.down, ul.study_inner_links {
    padding: 0
}

ul.programmes_ulList {
    padding: 0;
    list-style: none
}

ul.top_over_links {
    display: inline-block
}

.top_over_links ul li a {
    list-style: none;
    color: #fff;
    font-weight: 700;
    padding-left: 0;
    font-size: 14px
}

.container.fixed-top {
    margin-top: 2%
}

.btn_nav_search {
    width: 100%;
    min-width: 198px;
    padding: 7px;
    font-weight: 700;
    background: #fff;
    border: 2px solid #000;
    border-radius: 0;
    color: #000
}

.vega_main_nav ul.navbar-nav a.nav-link {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    height: 100%
}

.bottom_secrch_bar form {
    display: flex
}

.overNav_links .menu-headings {
    font-size: 1.35rem;
    color: #fff;
    font-weight: 700
}

@media(max-width:991px) {
    a.back_link {
        display: inline-block
    }

    .back {
        display: inline-block;
    }
}

.btn_outline_navy {
    border: 2px solid #000;
    background-color: #000 !important;
    font-size: 15px !important;
    padding: 3px !important;
    width: 100px;
    font-weight: 700;
    border-radius: 10px;
    color: #fff !important;
    min-width: 100px;
    line-height: 1.8 !important;
    text-decoration: none
}

.btn_search_scrolled, .btn_search_scrolled:hover {
    width: auto !important;
    min-width: 66px !important;
    border-radius: 0;
    padding: 2px 10px;
    font-weight: 700;
    color: #000;
    border: 2px solid #000
}

.overLay_close_icon_close {
    width: 20px
}

@media(max-width:1366px) {
    .overlay-content ul li a {
        padding-left: 24%
    }

    .button_section_nav_overlay {
        padding-left: 28%
    }

    .overlay-content .bottom_secrch_bar {
        position: absolute;
        bottom: 0;
        background: #404040;
        z-index: 9999;
        padding: 1rem 10%
    }
}

.mobile_link_acc .accordion-item {
    border: 0
}

.mobile_links a {
    color: #fff
}

h4.menu-headings-programmes {
    font-size: 1rem;
    padding-bottom: 20px
}

.nav_programmes .menu-headings {
    padding-bottom: 12px
}

a.link_assist_topLinks {
    color: #fff;
    padding: 0 15px 0 17px
}

a.closebtn:hover {
    background: #ff000000 !important
}

#paneTwoBack ul {
    list-style: none !important;
    padding: 0 !important;
    margin-left: -22px !important
}

ul.panelTwo_courses {
    list-style: none;
    padding: 0
}

@media(max-width:1024px) {
    .container.fixed-top {
        margin-top: 3%
    }
}

@media(max-width:992px) {
    a.back_link {
        display: inline-block;
        padding: 20px 0 7px 5px;
        font-size: 1rem;
        text-decoration: none !important
    }

    .search_sec_static {
        display: inline-block !important
    }

    .container_block_height {
        background: #404040;
        height: 100vh;
        position: absolute;
        padding-top: 10%;
        top: 0
    }

    .desktop-slider .carousel-caption {
        top: 53%
    }

    .bg-showCase-btn-right .btn-outline-dark, .btn-outline-dark {
        font-size: 14px;
        text-align: left;
        padding: 12px 9px 7px 18px
    }

    .container.fixed-top {
        margin-top: 4%
    }

    .overlay-content ul li a {
        padding-left: 5%
    }
}

@media(max-width:767px) {
    .mobile_level_page .accordion-body a:hover, .mobile_level_page ul.study_inner_links li a:hover, a.mobile_programmes_link:hover {
        padding-left: 10px !important;
        background: #fff !important;
        color: #000 !important
    }

    .btn_outline_navy, .overlay-content ul li a, a.back_link, a.mobile_programmes_link {
        text-decoration: none !important
    }

        a.mobile_programmes_link.prOgrammes:hover {
            background: #fff !important;
            color: #000 !important
        }

    .no-scroll {
        overflow: hidden
    }

    .button_section_nav_overlay {
        padding-right: 10%
    }

    .mob-hidden-panel {
        position: absolute;
        top: 0;
        background: #000;
        width: 93%;
        height: 85vh !important
    }

    a.hide-mob-panel-mode, a.hide-mob-panel-qual, a.hide-mob-panel-spec {
        display: inline-block;
        padding: 20px 0 11px 2px;
        font-size: 1rem !important
    }

    div#back_home ul.overNav_links {
        padding: 7px !important
    }

    .row.mobile_level_page .mobile-menu-icon {
        padding-right: 46px;
        color: #fff
    }

    a.trigger-study-panel-mob {
        padding: 10px 10px 10px 0;
        color: #fff
    }

    a.trigger-study-panel-qual, a.trigger-study-panel-spec {
        padding: 10px 10px 10px 0;
        color: #fff;
        font-weight: 500
    }

    h4.menu-headings-programmes {
        color: #5d5d5d;
        font-size: 1rem;
        padding-bottom: 14px
    }

    a.mobile_programmes_link {
        padding: 8px 0 0;
        color: #fff;
        font-weight: 500
    }

        .mobile_level_page .accordion-body a:hover, a.mobile_programmes_link:hover {
            padding: 8px
        }

    .sticky-onscroll-nav a#enquire_button, .top_links .button_section_nav_overlay {
        display: none !important
    }

    .mobile_link_acc, .mobile_programmes_show {
        display: inline-block
    }

    .close_section p, .container.top_bar_nav, .desktop_link_acc, .desktop_programmes_show {
        display: none
    }

    .rotate-up {
        transform: rotate(180deg);
        transition: transform .3s
    }

    .mobile_level_page .study_inner_links {
        padding: 0 15px
    }

    .mobile-menu-icon .accordion-button.down i {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    .mobile_level_page h4.accordion-header .overNav_links h4 {
        margin-right: 0 !important
    }

    .overNav_links h4 {
        margin-right: 0;
        padding-bottom: 0
    }

    .mobile_level_page .mobile-menu-icon {
        float: right !important;
        position: absolute;
        right: 0
    }

    .mobile_level_page ul.sub_courses {
        list-style: none;
        padding-left: 0
    }

        .mobile_level_page ul.sub_courses li {
            padding-bottom: 0
        }

    .mobile_level_page button.accordion-button, .mobile_level_page button.accordion-button.collapsed, .mobile_level_page button.accordion-button.down {
        background: #ff000000;
        border: 0 !important;
        color: #fff;
        font-weight: 700;
        padding: 12px 10px 13px 0
    }

    .mobile_level_page .accordion-body .overlay a:hover, .overlay a:focus {
        color: #fff !important;
        background: #ffffff00 !important
    }

    .mobile_level_page .accordion-body {
        padding: 0 0 0 16px
    }

        .mobile_level_page .accordion-body a {
            padding: 8px 0 0
        }

        .mobile_level_page .accordion-body ul.submenu, .nav_programmes .container, ul.study_inner_links, ul.study_inner_links a {
            padding: 0
        }

        .mobile_level_page .accordion-body .submenu li {
            line-height: 5;
            padding: 0
        }

    .mobile_level_page .accordion-item {
        border: 0
    }

    .overNav_links .menu-headings {
        font-size: 1rem;
        color: #fff;
        font-weight: 700
    }

    .mobile_level_page .link_overlay_icon {
        float: right
    }

    .mobile_level_page ul.study_inner_links a, .overlay a {
        font-size: 1rem
    }

    .mobile_level_page ul.study_inner_links li a {
        padding-left: 0 !important;
        color: #fff;
        padding: 2px;
        font-weight: 500
    }

    .mobile_level_page h4.menu-headings {
        padding-bottom: 10px
    }

    .overlay-content .bottom_secrch_bar {
        padding: 1rem 7%
    }

    .mobile_level_page {
        display: block
    }

    .button_section_nav_overlay .btn_vc_outline_green, .button_section_nav_overlay .btn_vc_outline_white {
        font-size: 1rem;
        padding: 0 35px !important;
        width: 50%;
        font-weight: 600;
        border-radius: 22px;
        line-height: 1.8;
        margin-right: 10px;
        text-decoration: none
    }

    .btn_outline_navy {
        border: 2px solid #000;
        background-color: #000 !important;
        font-size: 14px !important;
        padding: 3px !important;
        width: 84px;
        font-weight: 700;
        border-radius: 10px;
        color: #fff !important;
        min-width: 0;
        line-height: 1.8 !important
    }

    .container.fixed-top {
        margin-top: 3%;
        padding-right: 21px
    }

    .overlay-content ul li a {
        padding-left: 2%
    }

    .button_section_nav_overlay {
        padding-left: 8%
    }

    .container_block_height {
        background: #000;
        position: absolute;
        right: 0;
        top: 5%;
        height: 80vh
    }

    a.nav_item_overlay.active {
        background: #40404000 !important;
        color: #fff !important
    }

    ul.overNav_links .link_overlay_icon {
        float: right;
        padding-right: 25%;
        padding-top: 2%
    }

    .nav_programmes {
        padding: 0 0 0 7px
    }

    .scroll_on_mobiled .nav_programmes {
        width: 94%;
        margin: auto
    }

    a.back_link {
        display: inline-block;
        padding: 20px 0 7px 5px;
        font-size: 1rem
    }

        a.back_link.back-to-main {
            padding-bottom: 11px
        }

    .overlay-content {
        top: 25%;
        width: 100%;
        margin-top: 10px
    }

    div#overlay_lay a.navbar-brand img {
        width: auto !important;
        height: 34px !important
    }

    .overlay .closebtn {
        position: absolute;
        top: 0;
        right: 32px;
        z-index: 999;
        margin-top: 12px
    }

    .button_section_nav_overlay.d-flex.mobile_links {
        display: flex !important;
        margin-top: 20px;
        justify-content: center
    }

    .overlay-content .bottom_secrch_bar {
        position: absolute;
        bottom: 0;
        background: #404040;
        z-index: 9999;
        height: 25vh
    }

    .bottom_secrch_bar form {
        display: inline-block;
        width: 100%
    }

    button.btn.btn_outline_Search {
        position: static !important
    }

    i.fa.fa-search.icon_search {
        position: absolute;
        right: -343px;
        color: #fff;
        font-size: 23px !important;
        top: 52%;
        z-index: 999;
        float: right;
        left: 287px;
        width: 43px
    }

    .sticky-onscroll-nav .container.fixed-top {
        margin-top: 3%
    }
}

@media(max-width:500px) {
    .overlay-content {
        top: 25%;
        width: 100%;
        margin-top: 13px
    }

    .btn.btn_search_scrolled img {
        width: auto !important
    }
}

h4.menu-headings-programmes {
    color: #818181 !important
}

@media screen and (min-width:864px) and (max-width:1536px) {
    .overNav_links .menu-headings, .overlay a {
        font-size: 1.28rem
    }

    .nav_programmes ul li a {
        font-size: .9rem
    }

    .overlay a {
        padding: 6px;
        text-decoration: none
    }
}

@media(max-width:375px) {
    .container_block_height {
        background: #000;
        position: absolute;
        right: 0;
        top: 8%;
        height: 80vh
    }

    .overlay-content ul li a {
        padding-left: 5%;
        text-decoration: none !important
    }
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 100% !important;
    width: 100% !important;
    -ms-flex-direction: column;
    flex-direction: row;
}

a.cc-btn.cc-dismiss {
    border-radius: 35px;
    text-decoration: none;
}

.cc-window.cc-banner.cc-type-info.cc-theme-block.cc-bottom.cc-color-override-688238583 {
    text-align: center;
    background: #000 !important;
    box-shadow: 0 -4px 10px #0000001a;
}

.cc-color-override-688238583.cc-window {
    color: rgb(1, 130, 162);
    background-color: #fff !important;
    bottom: 0 !important;
}

span#cookieconsent\:desc {
    width: 50% !important;
    max-width: 50% !important;
    align-items: center;
    text-align: left;
    color: #fff;
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
}

.cc-theme-edgeless.cc-window {
    padding: 12px !important;
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: 5px !important;
    height: 100%;
    border-top-left-radius: 0%;
    color: #ffff;
    border-radius: 30px;
    padding: 5px 30px;
    font-size: 16px;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    span#cookieconsent\:desc {
        width: 100% !important;
        max-width: 97% !important;
        align-items: center;
        text-align: left;
        color: #fff;
    }

    .cc-window.cc-banner .cc-compliance {
        padding-bottom: 29px;
    }

    .cc-floating.cc-theme-edgeless .cc-message {
        margin: 0 !important;
        padding: 20px 0 20px 0;
    }

    .cc-color-override-688238583.cc-window {
        color: rgb(1, 130, 162);
        background-color: #000 !important;
        bottom: 0 !important;
    }
}
  