@import url('/static/assets/fonts/font-roboto/font-roboto.css');

#header .navbar .navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wrapper-outer {
    overflow-y: visible;
}

#wrapper {
    overflow-x: hidden;
}

#header {
    position: relative;
    background: #0066cb;
    padding: 15px 0 6px;
}

.logo {
    background: url(/globalassets/media/core/logo/cov.png);
    width: 199px;
    height: 56px;
    margin: 0 0 14px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.logo img {
    display: block;
    width: 100%;
    height: auto;
}

.header-content {
    position: relative;
    background: #000;
    font-family: 'Roboto', sans-serif;
}

.header-content:before {
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    content: "";
    background: #000;
}

#header .navbar {
    background: none;
    margin: 0;
    border: 0;
    min-height: inherit;
}

#header .navbar .navbar-nav {
    font-size: 16px;
    line-height: 20px;
    font-weight: 900;
    background: #4d4d4d;
}

#header .navbar .navbar-nav li {
    border-top: 1px solid #666;
}

#header .navbar .navbar-nav li a {
    display: block;
    padding: 13px 24px;
    color: #FFF;
}

#header .navbar .navbar-nav li a:hover,
#header .navbar .navbar-nav li a:focus {
    text-decoration: none;
    background: #0066cb;
    color: #FFF;
}

#header .navbar .navbar-nav li:first-child {
    border: 0;
}

#header .navbar .navbar-nav li.active a {
    background: #4d4d4d;
    color: #fff;
}

#header .navbar .navbar-nav li.active a:hover,
#header .navbar .navbar-nav li.active a:focus {
    background: #0066cb;
    color: #fff;
}

#header .navbar .nav-opener {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #000;
    padding: 12px 0 0;
    margin: 0 auto;
    display: block;
    height: 44px;
    width: 100%;
}

#header .navbar .nav-opener:hover {
    background: #000;
}

#header .navbar .nav-opener:focus {
    background: #4d4d4d;
}

#header .navbar .nav-opener .icon-bar {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-top: 4px solid #fff;
    position: relative;
    width: 24px;
    margin: 0 auto;
    display: block;
}

#header .navbar .nav-opener .icon-bar:before,
#header .navbar .nav-opener .icon-bar:after {
    width: 24px;
    height: 4px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    top: 4px;
}

#header .navbar .nav-opener .icon-bar:after {
    top: 12px;
}

#header .navbar.active .nav-opener {
    background: #4d4d4d;
    padding: 16px 0 0;
}

#header .navbar.active .nav-opener .icon-bar {
    border-top: 0;
}

#header .navbar.active .nav-opener .icon-bar:after {
    top: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#header .navbar.active .nav-opener .icon-bar:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#header .navbar-header {
    width: 50%;
    border-right: 1px solid #0066cb;
}

.search-area.active .search-opener {
    background: #4d4d4d;
    color: #fff;
}

.search-opener {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 50%;
    display: block;
    color: #fff;
    height: 44px;
    background: #000;
}

.search-opener.collapsed {
    background: #000;
}

.search-opener:hover,
.search-opener:focus {
    background: #4d4d4d;
}

.search-opener:hover .fa-search,
.search-opener:focus .fa-search {
    color: #fff;
}

.search-opener .fa-search {
    font-size: 27px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.navbar-slide {
    display: none;
}

.search-slide {
    display: none;
}

.search-box {
    position: relative;
    padding: 22px;
    background: #4d4d4d;
}

.search-box form {
    background: #fff;
    width: 100%;
    height: 42px;
    position: relative;
}

.search-box .form-control {
    width: 100%;
    height: 42px;
    border: 0;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 50px 12px 12px;
    font-weight: 400;
    box-shadow: none;
    letter-spacing: 1px;
}

.search-box i {}

.search-box button[type=submit] {
    height: 42px;
    width: 42px;
    border: none;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
    font-size: 20px;
    color: #999;

}

.search-box button[type=submit]:hover {
    background: #0099CC;
    color: #fff;
}

@media (min-width: 768px) {
    #header .navbar .navbar-nav {

        line-height: 20px;
        background: none;
        margin: 0;
    }

    #header .navbar .navbar-nav li {
        border: 0;
        color: #fff;
        background: #4d4d4d;
    }

    #header .navbar .navbar-nav li a {
        padding: 12px 18px;
        background-color: #000;
        font-size: 12px;
    }

    #header .navbar .navbar-nav li a:hover,
    #header .navbar .navbar-nav li a:focus {
        background: #4d4d4d;
        color: #fff;
    }

    #header .navbar .navbar-nav li.active a:hover,
    #header .navbar .navbar-nav li.active a:focus {
        background: #4d4d4d;
        color: #fff;
    }

    #header .navbar-header {
        display: none;
    }

    .search-area {
        position: absolute;
        right: 10px;
        top: -62px;
    }

    .search-opener {
        display: none;
    }

    .navbar-slide {
        display: block;
    }

    .search-slide {
        display: block;
    }

    .search-box {
        width: 264px;
        padding: 0;
    }

    .search-box .form-control {
        font-weight: 700;
        letter-spacing: 0;
    }
}

@media (min-width: 992px) {
    #header .navbar .navbar-nav {
        font-size: 14px;
        line-height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #header .navbar .navbar-nav li a {
        padding: 12px 24px;
        background-color: #000;
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .header-content {
        margin: 0 -15px;
    }
}

.footer p {
    font-size: 0.875em;
    line-height: 1.45em;
    color: #4d4d4d;
}

.footer-container {
    background-color: #e4e4e4;
    padding: 40px 0px;
}

.awards-container {
    background-color: #000;
    padding: 40px 0px;
}

.footer h3 {
    color: #222222;
    font-size: 1.85rem;
    font-weight: 600;
}

.footer ul {
    list-style: none;
    padding: 0;
    font-size: 0.875em;
}

.footer li {
    padding-left: 1.1em;
    line-height: 1.4em;
}

.footer li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.1em;
    width: 1.1em;
    color: #0099CC;
}

.footer a {
    color: #4d4d4d;
}

.footer a:hover {
    color: #0099CC;
}

.footer-connected a:link,
.footer-connected i {
    margin-top: 2px;
    margin-bottom: 10px;
}

.footer-connected i {
    font-size: 28px;
}

.youku-logo {
    width: 36px;
    height: 28px;
    background-position: 0px 0px;
    display: inline-block;
    text-indent: -9999px;
    background-image: url(/static/assets/images/youku-logo.png);
    line-height: 28px;
    margin-top: -10px !important;
}

.youku-logo:hover {
    background-position: 0px 28px;
}

.cusu-logo {
    height: 28px;
    width: 59px;
    display: inline-block;
    text-indent: -9999px;
    background-image: url(/globalassets/media/global/footer/your-su.png);
    line-height: 28px;
}

.cusu-logo:hover {
    background-position: 0px 28px;
}

.copyright-container {
    font-size: 0.667em;
    padding: 12px 0px;
    background-color: #0861ce;
    color: #fff;
}

.copyright-container a {
    color: #FFF;
    padding-left: 7px;
    padding-right: 7px;
}

.copyright-container a:hover {
    text-decoration: underline;
    color: #000;
}

.copyright-container a:first-child {
    padding-left: 0px;
}

.copyright-container a:last-child {
    padding-right: 0px;
}

@media only screen and (max-width : 480px) {
    .landscape-mobile-6col {
        display: block;
        width: 100% !important;
    }
}


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

#sidebar {
    position: relative;
}

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

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.sidenav ul {
    font-size: 14px;
    line-height: 20px;
}

.sidenav ul li {
    margin: 0 0 2px;
    position: relative;
}

.sidenav ul li>a:not([class]) {
    display: block;
    padding: 8px 24px;
    background: #e4e4e4;
    color: #222;
    text-decoration: none;
    position: relative;
}

.sidenav ul li>a:not([class]):hover {
    background: #ccc;
    text-decoration: none;
}

.sidenav ul li>a.active {
    font-weight: 700;
}

.sidenav ul li>a.opener {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 36px;
}

.sidenav ul li>a.opener:before {
    position: absolute;
    left: 10px;
    top: 8px;
    content: "\f105";
    font-family: "FontAwesome" !important;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.sidenav ul li.active>a:not([class]) {
    background: #ccc;
    font-weight: 700;
    text-decoration: none;
}

.sidenav ul li.active>a.opener:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sidenav ul li>ul>li {
    margin: 0;
    border-top: 1px solid #ececec;
}

.sidenav ul li>ul>li:first-child {
    border: none;
}

.sidenav ul li>ul>li>a:not([class]) {
    background: #f4f5f9;
    padding: 9px 24px;
}

.sidenav ul li>ul>li>a:not([class]):hover {
    background: #ececec;
}

.sidenav ul li>ul>li>a.opener:before {
    left: 11px;
    top: 9px;
}

.sidenav ul li>ul>li.active>a:not([class]) {
    background: #f4f5f9;
}

.sidenav ul li>ul>li.active>a:not([class]):hover {
    background: #ececec;

}

.sidenav ul li>ul>li>ul {
    font-size: 12px;
    line-height: 20px;
}

.sidenav ul li>ul>li>ul>li>a:not([class]) {
    background: none;
    padding: 5px 10px 5px 40px;
}

.sidenav ul li>ul>li>ul>li>a:not([class]):hover {
    background: #ececec;
}

.sidenav ul li>ul>li>ul>li>a.opener:before {
    top: 5px;
    left: 25px;
}

.sidenav ul li>ul>li>ul>li>ul>li a.opener:before {
    top: 5px;
    left: 40px;
}

.sidenav ul li>ul>li>ul>li.active>a:not([class]) {
    background: none;
}

.sidenav ul li>ul>li>ul>li>ul>li:first-child {
    border-top: 1px solid #ececec;
}

.sidenav ul li>ul>li>ul>li>ul>li>a:not([class]) {
    padding: 5px 26px 5px 54px;
}

body:not(.loaded) .accordion li:not(.active) .slide {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    display: block !important;
    width: 100% !important;
}

#content {
    font-size: 15px;
    line-height: 26px;
    position: relative;
}

@media (max-width: 767px) {
    #sidebar {
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .sidenav ul li>ul>li>ul>li>a:not([class]) {
        padding: 5px 10px 5px 40px;
    }

    .sidenav ul li>ul>li>ul>li>a.opener:before {
        top: 5px;
    }

    .sidenav ul li>ul>li>ul>li>ul>li>a:not([class]) {
        padding: 5px 26px 5px 54px;
    }

}

/* */

.logo.-wroclaw {
    background: url("/globalassets/blocks/wroclaw/header/wroclaw-logo.png");
    height: 56px;
    width: 336px;
}

body {
    min-width: 320px;
    font-size: 16px;
    line-height: 1.65;
    color: #222;
    font-style: normal;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}

p,
ul,
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Roboto', sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}

p,
ul,
ol {
    font-size: 0.875em;
}

h1,
.h1 {
    font-size: 2.2em;
    margin-top: 0px;
    margin-bottom: 15px;
    display: block;
}

.hide-h1 h1 {
    display: none;
}

.heading-block-black h1 {
    color: #FFF;
    display: block;
    background-color: #000000;
    padding: 12px 25px;
    margin-bottom: 25px;
}

.heading-block-pink h1 {
    color: #FFF;
    display: block;
    background-color: #A529A5;
    padding: 12px 25px;
    margin-bottom: 25px;
}

h1.show-h1 {
    display: block;
}

h2,
.h2 {
    font-size: 1.75em;
}

h3,
.h3 {
    font-size: 1.4em;
}

h4,
.h4 {
    font-size: 1.2em;
}

h5,
.h5 {
    font-size: 0.875em;
}

.no-padding-top h2,
.no-padding-top h3,
.no-padding-top h4,
.no-padding-top h5 {
    padding-top: 0px !important;
}

.no-margin-top h2,
.no-margin-top h3,
.no-margin-top h4,
.no-margin-top h5 {
    margin-top: 0px !important;
}

.container.main-content {
    height: auto;
}

.text-12 {
    font-size: 12px;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #757575;
}

small,
.small {
    font-size: 90%;
}

/* Colours */
a {
    color: #00717f;
    text-decoration: underline;
    transition: color 150ms ease-in-out;
}

.header-content a {
    text-decoration: none;
}

.footer-connected a,
.dropdown-menu a,
.graphics a,
.box-links a,
.hide-reveal-header a,
.document-download a,
.zoom-container a,
.courseSearch h5 a,
.icon-block-bkgnd a,
.icon-block a,
.card-social a,
.search-item h5 a,
.main-search h5 a,
.course-template .social-icons a {
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #000;
    text-decoration: underline;
}

.zoom-container a:hover,
.card-social a:hover {
    text-decoration: none;
}

.courseSearch h5>a:first-child,
.search-item h5>a:first-child,
.main-search h5>a:first-child,
.zoom-container a h2,
.zoom-container a h3,
.zoom-container a h4,
.icon-block-bkgnd a span,
.icon-block a span {
    text-decoration: underline;
}

.icon-block-bkgnd a span.fa,
.icon-block-bkgnd a:hover,
.icon-block-bkgnd a:active,
.icon-block a span.fa,
.icon-block a:hover {
    text-decoration: none !important;
}

.bold {
    font-weight: bold;
}

.pink {
    color: #A529A5;
}

.green {
    color: #99CC00;
}

.orange {
    color: #D54308;
}

.red {
    color: #ed3a51;
}

.black {
    color: #000 !important;
}

.grey-text {
    color: #222 !important;
}

.black-bkgnd {
    background-color: #000 !important;
}

.grey-bkgnd {
    background-color: #F8F8F8 !important;
}

.grey-bkgnd-masonry {
    background-color: #e9e9e9 !important;
}

.dark-grey-bg {
    background-color: #595959 !important;
}

.white-icon,
.white-text {
    color: #FFF !important;
}

.white-link {
    color: #FFF !important;
    text-decoration: underline;
}

.white-link:hover {
    color: #000 !important;
    text-decoration: underline;
}

.cov-blue-text {
    color: #0066CC;
}

.cov-blue {
    background-color: #0066CC !important;
}

.cta-blue {
    color: #00717f;
}

.cta-blue-bkgnd,
.cta-teal-bkgnd {
    background-color: #00717f;
}

.cta-txt-blue {
    color: #00717f;
}

.online-red {
    color: #ed3a51 !important;
}

.cta-teal-bkgnd {
    background-color: #00717f;
}

.dark-teal-bkgnd {
    background-color: #007a88;
}

.online-red-bkgnd {
    background-color: #e91632 !important;
    color: #FFF !important;
}

.online-purple {
    color: #2b1c43 !important;
}

.online-purple-bkgnd {
    background-color: #2b1c43 !important;
    color: #FFF !important;
}

.ame-blue {
    color: #114D93;
}

.ame-blue-bkgnd {
    background-color: #114D93;
}

.ame-lt-blue {
    color: #1665c1
}

.ame-lt-blue-bkgnd {
    background-color: #1665c1
}

.cuse-blue {
    color: #009fc3;
}

.cuse-blue-bkgnd {
    background-color: #009fc3;
}

.cuse-green {
    color: #bbc91c;
}

.cuse-green-bkgnd {
    background-color: #bbc91c;
}

.grey {
    color: #F8F8F8 !important;
}

.mid-grey {
    color: #666;
}

.mid-grey-bkgnd {
    background-color: #666;
}

.purple {
    color: #333366;
}

.purple-bkgnd {
    background-color: #333366;
}

.grey-1 {
    color: #999999 !important;
}

.grey-2 {
    color: #666666 !important;
}

.grey-1-bkgnd {
    background-color: #999999 !important;
}

.grey-2-bkgnd {
    background-color: #666666 !important;
}

.grey-3-bkgnd {
    background-color: #e4e4e4 !important;
}

.grey-bkgnd-search {
    background-color: #E4E4E4;
}

.london-purple {
    color: #52478A !important;
}

.cov-london-purple {
    background-color: #52478A !important;
}

.cu-yellow {
    background-color: #f7a900 !important;
}

.clearing-blue {
    color: #0078ff;
}

.clearing-blue-bkgnd {
    background-color: #0078ff;
}

/* Font styles*/
em,
i,
.italic {
    font-style: italic;
}

.font-light {
    font-weight: 300 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.font-black {
    font-weight: 900 !important;
}

.bold-text {
    font-weight: bold;
}

/* Font sizes */
.medium {
    font-size: 1.2em !important;
}

.large {
    font-size: 1.4em !important;
}

.x-large {
    font-size: 2em !important;
}

.xx-large {
    font-size: 3em !important;
}

.tera {
    margin-bottom: 0.22431em;
    font-size: 95px !important;
    font-size: 5.997rem;
}

.giga {
    margin-bottom: 0.3256em;
    font-size: 71px !important;
    font-size: 4.45rem;
}

.mega {
    margin-bottom: 0.3915em;
    font-size: 59px !important;
    font-size: 3.706rem;
}

.text-shadow {
    -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

/* Word Wrap */
.breakword {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.normal-wrap {
    -ms-word-wrap: normal;
    word-wrap: normal;
}

.inherit-wrap {
    -ms-word-wrap: inherit;
    word-wrap: inherit;
}

.overflow-hidden {
    overflow: hidden !important;
}

/* line heights */
.no-lineheight {
    line-height: 0 !important;
}

.line-height-half {
    line-height: 0.6 !important;
}

.lh-0 {
    line-height: normal !important;
}

.lh-1,
.line-height-1line {
    line-height: 1 !important;
}

.lh-1-4 {
    line-height: 1.4 !important;
}

.lh-1-5,
.lh-15 {
    line-height: 1.5 !important;
}

.lh-2 {
    line-height: 2 !important;
}

ul.list-arrow {
    padding: 0px;
    margin: 0px;
}

ul.list-arrow li {
    list-style-type: none;
    padding: 0px 0 3px 16px;
    position: relative;
}

ul.list-arrow li::before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 15px;
    left: 0;
    position: absolute;
}

.lead {
    margin-bottom: 10px;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.7;
}

.col-centered {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.absolute-wrapper {
    position: absolute;
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin-left: -15px;
}

.section.section-sm-padding {
    padding: 15px 0;
}

.section-pbn .section {
    padding: 35px 0 0 0 !important;
}

.section-pan .section {
    padding: 0 !important;
}

.section-cta {
    padding: 15px 0 0 0;
}

.no-spacing {
    margin: 0;
    padding: 0;
}

.display-table {
    position: relative;
    display: table;
    height: 100%;
}

.display-table-cell {
    position: relative;
    display: table-cell;
    height: 100%;
}

.bottom {
    vertical-align: bottom;
}

.padded-left-right {
    padding: 0 15px;
}

.padded-top-bottom {
    padding: 15px 0;
}

.padded {
    padding: 15px;
}

.section-divider-outer {
    margin-bottom: 5px;
}

.row-neutral {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.col-neutral {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.section-divider-outer {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.section-inner {
    margin: 0 15px;
}

.section-divider-inner {
    width: 100%;
    height: 13px;
    background-image: url("/static/assets/images/divider.png");
}

.transition-opacity {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.transition-background-color {
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.border {
    border: 1px solid silver;
    padding: 15px;
}

.no-bullets,
.no-bullets li {
    list-style-type: none;
    margin-left: -20px;
}

.margin-reset {
    margin: 0 !important;
    line-height: 18px;
}

.padding-reset {
    padding: 0 !important;
}

.underline {
    text-decoration: underline;
}

.show-on-mobile {
    display: none !important;
}

.img-left {
    float: left;
    margin: 10px 20px 10px 0px;
}

.img-right {
    float: right;
    margin: 10px 0px 10px 20px;
}

@media (max-width: 992px) {
  .-img-pos-20 {
    -o-object-position: 20% 100%;
       object-position: 20% 100%;
  }
}

@media (max-width: 992px) {
  .-img-pos-40 {
    -o-object-position: 40% 100%;
       object-position: 40% 100%;
  }
}

@media (max-width: 992px) {
  .-img-pos-60 {
    -o-object-position: 60% 100%;
       object-position: 60% 100%;
  }
}

@media (max-width: 992px) {
  .-img-pos-80 {
    -o-object-position: 80% 100%;
       object-position: 80% 100%;
  }
}

@media (max-width: 767px) {
    .hide-on-mobile {
        display: none;
    }

    .show-on-mobile {
        display: inline !important;
    }
}

/* NO HIDDEN EXTRAS, WHY WE'RE DIFFERENT, ETC */
.graphics-lg-padding {
    padding-top: 35px;
    padding-bottom: 25px;
}

.graphics,
.london-graphics,
.cu-graphics,
.online-graphics {
    text-align: center;
}

.graphics h4,
.london-graphics h4,
.cu-graphics h4,
.online-graphics h4 {
    font-weight: 600;
    padding-bottom: 0px;
}

.graphics .col-sm-6,
.london-graphics .col-sm-6,
.cu-graphics .col-sm-6,
.online-graphics .col-sm-6 {
    border-left: 1px solid #CCCCCE;
}

.graphics .col-sm-4,
.london-graphics .col-sm-4,
.cu-graphics .col-sm-4,
.online-graphics .col-sm-4 {
    border-left: 1px solid #CCCCCE;
}

.graphics .col-md-4,
.london-graphics .col-md-4,
.cu-graphics .col-md-4,
.online-graphics .col-md-4 {
    border-left: 1px solid #CCCCCE;
}

.graphics .col-sm-6:first-child,
.london-graphics .col-sm-6:first-child,
.cu-graphics .col-sm-6:first-child,
.online-graphics .col-sm-6:first-child {
    border-left: none;
}

.graphics .col-sm-4:first-child,
.london-graphics .col-sm-4:first-child,
.cu-graphics .col-sm-4:first-child,
.online-graphics .col-sm-4:first-child {
    border-left: none;
}

.global-ready {
    padding: 35px 0px;
}

.global .global-ready {
    padding: 15px 0px;
}

.global .btn {
    margin-top: 10px;
}

.graphics .col-md-6:first-child,
.london-graphics .col-md-6:first-child,
.cu-graphics .col-md-6:first-child,
.online-graphics .col-md-6:first-child {
    border-bottom: 1px solid #CCCCCE;
}

.graphics .col-md-6:nth-child(3),
.london-graphics .col-md-6:nth-child(3),
.cu-graphics .col-md-6:nth-child(3),
.online-graphics .col-md-6:nth-child(3) {
    border-bottom: 1px solid #CCCCCE;
}

.graphics .col-md-6:nth-child(5),
.london-graphics .col-md-6:nth-child(5),
.cu-graphics .col-md-6:nth-child(5),
.online-graphics .col-md-6:nth-child(5) {
    border-left: none;
}

@media (max-width: 992px) {

    .graphics .col-sm-6:nth-child(5),
    .london-graphics .col-sm-6:nth-child(5),
    .cu-graphics .col-sm-6:nth-child(5),
    .online-graphics .col-sm-6:nth-child(5) {
        border-left: none;
    }

    .graphics .col-sm-6:nth-child(1),
    .london-graphics .col-sm-6:nth-child(1),
    .cu-graphics .col-sm-6:nth-child(1),
    .online-graphics .col-sm-6:nth-child(1) {
        border-bottom: 1px solid #CCCCCE;
    }

    .graphics .col-sm-6:nth-child(3),
    .london-graphics .col-sm-6:nth-child(3),
    .cu-graphics .col-sm-6:nth-child(3),
    .online-graphics .col-sm-6:nth-child(3) {
        border-bottom: 1px solid #CCCCCE;
    }
}

@media (max-width: 767px) {

    .graphics .col-xs-12,
    .london-graphics .col-xs-12,
    .cu-graphics .col-xs-12,
    .online-graphics .col-xs-12 {
        padding: 20px 70px 0 70px;
        border-left: none;
    }

    .graphics .col-sm-6:nth-child(1),
    .london-graphics .col-sm-6:nth-child(1),
    .cu-graphics .col-sm-6:nth-child(1),
    .online-graphics .col-sm-6:nth-child(1) {
        border-bottom: none;
    }

    .graphics .col-sm-6:nth-child(3),
    .london-graphics .col-sm-6:nth-child(3),
    .cu-graphics .col-sm-6:nth-child(3),
    .online-graphics .col-sm-6:nth-child(3) {
        border-bottom: none;
    }
}

@media (min-width: 768px) {

    .graphics .no-line,
    .london-graphics .no-line,
    .cu-graphics .no-line,
    .online-graphics .no-line {
        border-left: none;
    }
}

.number {
    font-size: 40px;
    font-weight: 900;
    color: #A529A5;
}

.london-number {
    font-size: 40px;
    font-weight: 900;
    color: #99CC00;
}

.online-number {
    font-size: 40px;
    font-weight: 900;
    color: #ed3a51;
}

.cu-number {
    font-size: 40px;
    font-weight: 900;
    color: #D54308;
}

hr.divider {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #ccc;
}

hr.accreditation {
    margin-top: 20px;
    margin-bottom: 25px;
    border-top: 1px solid #ccc;
}

hr.icons {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #ccc;
}

hr.fees {
    margin-top: 0;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
}

hr.card {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
}

.hide-hr hr {
    display: none !important;
}

/* ACCOLADES */
.accolades {
    text-align: center;
}

.accolades h4 {
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 5px;
}

.accolades p {
    margin-bottom: 0px;
    font-size: 0.750em;
}

.accolades .col-sm-4 {
    border-right: 3px solid #000;
    padding: 0px 30px 0px 30px;
}

.accolades .col-sm-4:first-child {
    border-left: 3px solid #000;
}

@media (max-width: 767px) {
    .accolades .col-sm-4 {
        border-right: 0px;
    }

    .accolades .col-sm-4:first-child {
        border-left: 0px;
    }
}

/* PROFILE */
.pull-out-profile,
.cu-pull-out-profile,
.london-pull-out-profile,
.online-pull-out-profile,
.black-pull-out-profile,
.c-teal-pull-out-profile,
.c-orange-pull-out-profile,
.c-olive-pull-out-profile,
.c-purple-pull-out-profile,
.c-london-pull-out-profile,
.c-grey-pull-out-profile,
.c-blue-pull-out-profile,
.c-salmon-pull-out-profile {
    border: 1px solid #CCC;
    padding: 15px;
    margin-bottom: 20px;
}

.pull-out-profile i,
.cu-pull-out-profile i,
.london-pull-out-profile i,
.online-pull-out-profile i,
.black-pull-out-profile i,
.c-teal-pull-out-profile i,
.c-orange-pull-out-profile i,
.c-olive-pull-out-profile i,
.c-purple-pull-out-profile i,
.c-london-pull-out-profile i,
.c-grey-pull-out-profile i,
.c-blue-pull-out-profile i,
.c-salmon-pull-out-profile i {
    font-size: 30px;
}

.pull-out-profile img,
.cu-pull-out-profile img,
.london-pull-out-profile img,
.online-pull-out-profile img,
.black-pull-out-profile img,
.c-teal-pull-out-profile img,
.c-orange-pull-out-profile img,
.c-olive-pull-out-profile img,
.c-purple-pull-out-profile img,
.c-london-pull-out-profile img,
.c-grey-pull-out-profile img,
.c-blue-pull-out-profile img,
.c-salmon-pull-out-profile img {
    margin-bottom: 10px;
}

.pull-out-profile p.lead,
.cu-pull-out-profile p.lead,
.london-pull-out-profile p.lead,
.online-pull-out-profile p.lead,
.black-pull-out-profile p.lead,
.c-teal-pull-out-profile p.lead,
.c-orange-pull-out-profile p.lead,
.c-olive-pull-out-profile p.lead,
.c-purple-pull-out-profile p.lead,
.c-london-pull-out-profile p.lead,
.c-grey-pull-out-profile p.lead,
.c-blue-pull-out-profile p.lead,
.c-salmon-pull-out-profile p.lead {
    margin-bottom: 10px;
}

.pull-out-profile h3,
.cu-pull-out-profile h3,
.london-pull-out-profile h3,
.online-pull-out-profile h3,
.black-pull-out-profile h3,
.c-teal-pull-out-profile h3,
.c-orange-pull-out-profile h3,
.c-olive-pull-out-profile h3,
.c-purple-pull-out-profile h3,
.c-london-pull-out-profile h3,
.c-grey-pull-out-profile h3,
.c-blue-pull-out-profile h3,
.c-salmon-pull-out-profile h3 {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #A529A5;
}

.cu-pull-out-profile h3 {
    color: #D54308;
}

.london-pull-out-profile h3 {
    color: #99CC00;
}

.online-pull-out-profile h3 {
    color: #ed3a51;
}

.black-pull-out-profile h3 {
    color: #000;
}

.c-teal-pull-out-profile h3 {
    color: #0C6D66;
}

.c-orange-pull-out-profile h3 {
    color: #C33C06;
}

.c-olive-pull-out-profile h3 {
    color: #5C5C47;
}

.c-purple-pull-out-profile h3 {
    color: #4d3879;
}

.c-london-pull-out-profile h3 {
    color: #2F2455;
}

.c-grey-pull-out-profile h3 {
    color: #444444;
}

.c-blue-pull-out-profile h3 {
    color: #0b4880;
}

.c-salmon-pull-out-profile h3 {
    color: #964B57;
}


.pull-out-profile h4,
.cu-pull-out-profile h4,
.london-pull-out-profile h4,
.online-pull-out-profile h4,
.black-pull-out-profile h4,
.c-teal-pull-out-profile h4,
.c-orange-pull-out-profile h4,
.c-olive-pull-out-profile h4,
.c-purple-pull-out-profile h4,
.c-london-pull-out-profile h4,
.c-grey-pull-out-profile h4,
.c-blue-pull-out-profile h4,
.c-salmon-pull-out-profile h4 {
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.no-border .pull-out-profile,
.no-border .cu-pull-out-profile,
.no-border .london-pull-out-profile,
.no-border .online-pull-out-profile,
.no-border .black-pull-out-profile,
.no-border .c-teal-pull-out-profile,
.no-border .c-orange-pull-out-profile,
.no-border .c-olive-pull-out-profile,
.no-border .c-purple-pull-out-profile,
.no-border .c-london-pull-out-profile,
.no-border .c-grey-pull-out-profile,
.no-border .c-blue-pull-out-profile,
.no-border .c-salmon-pull-out-profile {
    border: none;
}

/* PULL OUT FACT SMALL */

.pull-out-fact-small,
.cu-pull-out-fact-small,
.london-pull-out-fact-small,
.online-pull-out-fact-small,
.black-pull-out-fact-small,
.c-teal-pull-out-fact-small,
.c-orange-pull-out-fact-small,
.c-olive-pull-out-fact-small,
.c-purple-pull-out-fact-small,
.c-london-pull-out-fact-small,
.c-grey-pull-out-fact-small,
.c-blue-pull-out-fact-small,
.c-salmon-pull-out-fact-small {
    background-color: #A529A5;
    color: white;
    padding: 10px 15px 5px 15px;
    margin-bottom: 20px;
}

.cu-pull-out-fact-small {
    background-color: #D54308;
}

.london-pull-out-fact-small {
    background-color: #99CC00;
}

.online-pull-out-fact-small {
    background-color: #ed3a51;
}

.black-pull-out-fact-small {
    background-color: #000000;
}

.c-teal-pull-out-fact-small {
    background-color: #0C6D66;
}

.c-orange-pull-out-fact-small {
    background-color: #C33C06;
}

.c-olive-pull-out-fact-small {
    background-color: #5C5C47;
}

.c-purple-pull-out-fact-small {
    background-color: #4d3879;
}

.c-london-pull-out-fact-small {
    background-color: #2F2455;
}

.c-grey-pull-out-fact-small {
    background-color: #444444;
}

.c-blue-pull-out-fact-small {
    background-color: #0b4880;
}

.c-salmon-pull-out-fact-small {
    background-color: #964B57;
}

.pof-number-small {
    font-size: 4.375em;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0;
}

.pof-statement-small {
    font-size: 1.250em;
    font-weight: 600;
    line-height: 1.5;
}

.pof-source-small {
    font-size: 0.875em;
    font-weight: 600;
    border-top: 1px solid white;
    padding-top: 5px;
}

/* STANDARD PAGE BANNER */
.standard-banner {
    object-fit: cover;
    width: 100%;
    height: 230px;
}

.full-banner {
    object-fit: cover;
    width: 100%;
    height: 230px;
}

@media (max-width: 767px) {
    .full-banner {
        height: auto;
        min-height: 135px;
    }

    .standard-banner {
        height: auto;
    }
}

/* PULL OUT FACT SMALL - INVERTED/STROKE */

.pull-out-fact-small-inverted {
    background-color: #FFF;
    color: #333;
    padding: 10px 15px 5px 15px;
    border: 1px solid silver;
}

.pof-number-small-inverted,
.cu-pof-number-small-inverted,
.london-pof-number-small-inverted,
.online-pof-number-small-inverted,
.black-pof-number-small-inverted,
.c-teal-pof-number-small-inverted,
.c-orange-pof-number-small-inverted,
.c-olive-pof-number-small-inverted,
.c-purple-pof-number-small-inverted,
.c-london-pof-number-small-inverted,
.c-grey-pof-number-small-inverted,
.c-blue-pof-number-small-inverted,
.c-salmon-pof-number-small-inverted {
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    color: #A529A5;
}

.cu-pof-number-small-inverted {
    color: #D54308;
}

.london-pof-number-small-inverted {
    color: #99CC00;
}

.online-pof-number-small-inverted {
    color: #ed3a51;
}

.black-pof-number-small-inverted {
    color: #000000;
}

.c-teal-pof-number-small-inverted {
    color: #0C6D66;
}

.c-orange-pof-number-small-inverted {
    color: #C33C06;
}

.c-olive-pof-number-small-inverted {
    color: #5C5C47;
}

.c-purple-pof-number-small-inverted {
    color: #4d3879;
}

.c-london-pof-number-small-inverted {
    color: #2F2455;
}

.c-grey-pof-number-small-inverted {
    color: #444444;
}

.c-blue-pof-number-small-inverted {
    color: #0b4880;
}

.c-salmon-pof-number-small-inverted {
    color: #964B57;
}

.pof-source-small-inverted {
    font-size: 0.813em;
    font-weight: 600;
    border-top: 1px solid silver;
    padding-top: 5px;
}

/* PULL OUT FACT LARGE */

.pof-number-large-style-1,
.cu-pof-number-large-style-1,
.london-pof-number-large-style-1,
.online-pof-number-large-style-1,
.black-pof-number-large-style-1,
.c-teal-pof-number-large-style-1,
.c-orange-pof-number-large-style-1,
.c-olive-pof-number-large-style-1,
.c-purple-pof-number-large-style-1,
.c-london-pof-number-large-style-1,
.c-grey-pof-number-large-style-1,
.c-blue-pof-number-large-style-1,
.c-salmon-pof-number-large-style-1 {
    color: #A529A5;
    font-weight: 700;
    font-size: 70px;
    line-height: 70px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 3px;
    float: left;
}

.cu-pof-number-large-style-1 {
    color: #D54308;
}

.london-pof-number-large-style-1 {
    color: #99CC00;
}

.online-pof-number-large-style-1 {
    color: #ed3a51;
}

.black-pof-number-large-style-1 {
    color: #000000;
}

.c-teal-pof-number-large-style-1 {
    color: #0C6D66;
}

.c-orange-pof-number-large-style-1 {
    color: #C33C06;
}

.c-olive-pof-number-large-style-1 {
    color: #5C5C47;
}

.c-purple-pof-number-large-style-1 {
    color: #4d3879;
}

.c-london-pof-number-large-style-1 {
    color: #2F2455;
}

.c-grey-pof-number-large-style-1 {
    color: #444444;
}

.c-blue-pof-number-large-style-1 {
    color: #0b4880;
}

.c-salmon-pof-number-large-style-1 {
    color: #964B57;
}

.pof-statement-large-style-1 {
    font-size: 1.5em;
    line-height: 1.5;
}

.pof-statement-large-style-1 p {
    margin-bottom: 0;
}


/* CASE STUDY PANEL */
.case-study-panel-left .text-content {
    padding-left: 40px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.case-study-panel-right .text-content {
    padding-left: 10px;
    padding-right: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.case-study-panel-left p,
.case-study-panel-right p {
    margin-bottom: 0px;
    line-height: 1.5;
}

.case-study-panel-left h2,
.case-study-panel-right h2 {
    font-size: 2.5em;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 1.5;
}

.case-study-panel-left h3,
.case-study-panel-right h3 {
    font-size: 1.75em;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 1.5;
}

.case-study-panel-left h4,
.case-study-panel-right h4 {
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 1.5;
}

.case-study-panel-left .black-bkgnd,
.case-study-panel-right .black-bkgnd {
    background-color: #000;
    color: #FFF;
}

.case-study-panel-left .london,
.case-study-panel-right .london {
    background-color: #52478A;
    color: #FFF;
}

.case-study-panel-left .cu,
.case-study-panel-right .cu {
    background-color: #F7A900;
    color: #000;
}

.case-study-panel-left .black-bkgnd a,
.case-study-panel-right .black-bkgnd a {
    color: #0097A9;
}

.case-study-panel-left .black-bkgnd a:hover,
.case-study-panel-right .black-bkgnd a:hover {
    color: #FFFFFF !important;
}

.black-bkgnd .btn-primary:hover {
    background-color: #404040 !important;
}

.case-study-panel-left.cu .btn-primary-stroke,
.case-study-panel-right.cu .btn-primary-stroke {
    border: 2px solid #000000 !important;
    background-color: transparent;
    color: #000 !important;
}

.case-study-panel-left.cu .btn-primary-stroke:hover,
.case-study-panel-right.cu .btn-primary-stroke:hover {
    border: 2px solid #FFFFFF !important;
    background-color: #0097a9;
    color: #FFF !important;
}

@media (max-width: 991px) {

    .case-study-panel-left .text-content,
    .case-study-panel-right .text-content {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.case-study-panel-left h2.h2,
.case-study-panel-right h2.h2,
.case-study-panel-left h3.h2,
.case-study-panel-right h3.h2,
.case-study-panel-left h4.h2,
.case-study-panel-right h4.h2,
.case-study-panel-left h5.h2,
.case-study-panel-right h5.h2 {
    font-size: 1.75em;
}

.case-study-panel-left h2.h3,
.case-study-panel-right h2.h3,
.case-study-panel-left h3.h3,
.case-study-panel-right h3.h3,
.case-study-panel-left h4.h3,
.case-study-panel-right h4.h3,
.case-study-panel-left h5.h3,
.case-study-panel-right h5.h3 {
    font-size: 1.4em;
}

.case-study-panel-left h2.h4,
.case-study-panel-right h2.h4,
.case-study-panel-left h3.h4,
.case-study-panel-right h3.h4,
.case-study-panel-left h4.h4,
.case-study-panel-right h4.h4,
.case-study-panel-left h5.h4,
.case-study-panel-right h5.h4 {
    font-size: 1.2em;
}

.case-study-panel-left h2.h5,
.case-study-panel-right h2.h5,
.case-study-panel-left h3.h5,
.case-study-panel-right h3.h5,
.case-study-panel-left h4.h5,
.case-study-panel-right h4.h5,
.case-study-panel-left h5.h5,
.case-study-panel-right h5.h5 {
    font-size: 0.875em;
}

/* QUOTE/PIC PANEL */
.quote-pic-panel-left .quote-pic-content {
    padding: 15px 35px 0px 15px;
}

.quote-pic-panel-right .quote-pic-content {
    padding: 15px 15px 0px 35px;
}

.quote-pic-content p {
    margin-bottom: 5px;
}

@media (max-width: 991px) {

    .quote-pic-panel-left .quote-pic-content,
    .quote-pic-panel-right .quote-pic-content {
        padding: 15px 35px 0px 35px;
    }
}

.quote-ptl .quote-pic-content {
    padding-top: 25px;
}

.quote-pic-panel-left h2,
.quote-pic-panel-right h2 {
    font-size: 65px;
    margin-bottom: 5px;
    line-height: 1;
    color: #FFF;
    margin-top: 0px;
}

.quote-pic-panel-left h3,
.quote-pic-panel-right h3 {
    font-size: 55px;
    margin-bottom: 5px;
    line-height: 1;
    color: #FFF;
    margin-top: 0px;
}

.quote-pic-panel-left h4,
.quote-pic-panel-right h4 {
    font-size: 45px;
    margin-bottom: 5px;
    line-height: 1;
    color: #FFF;
    margin-top: 0px;
}

.quote-pic-panel-left p,
.quote-pic-panel-right p {
    color: #FFF;
}

.quote-pic-panel-left footer,
.quote-pic-panel-right footer {
    color: #FFF;
}

.cov-panel footer,
.london-panel footer,
.cu-panel footer,
.online-panel footer,
.grey-bkgnd-blue footer,
.grey-bkgnd-salmon footer,
.grey-bkgnd-purple footer,
.grey-bkgnd-teal footer,
.grey-bkgnd-orange footer,
.grey-bkgnd-olive footer,
.grey-bkgnd-grey footer,
.grey-bkgnd-london footer {
    color: #222;
}

.quote-pic-panel-left .grey-bkgnd-blue,
.quote-pic-panel-right .grey-bkgnd-blue,
.quote-pic-panel-left .grey-bkgnd-salmon,
.quote-pic-panel-right .grey-bkgnd-salmon,
.quote-pic-panel-left .grey-bkgnd-purple,
.quote-pic-panel-right .grey-bkgnd-purple,
.quote-pic-panel-left .grey-bkgnd-teal,
.quote-pic-panel-right .grey-bkgnd-teal,
.quote-pic-panel-left .grey-bkgnd-orange,
.quote-pic-panel-right .grey-bkgnd-orange,
.quote-pic-panel-left .grey-bkgnd-olive,
.quote-pic-panel-right .grey-bkgnd-olive,
.quote-pic-panel-left .grey-bkgnd-grey,
.quote-pic-panel-right .grey-bkgnd-grey,
.quote-pic-panel-left .grey-bkgnd-london,
.quote-pic-panel-right .grey-bkgnd-london,
.quote-pic-panel-left .cov-panel,
.quote-pic-panel-right .cov-panel,
.quote-pic-panel-left .london-panel,
.quote-pic-panel-right .london-panel,
.quote-pic-panel-left .cu-panel,
.quote-pic-panel-right .cu-panel,
.quote-pic-panel-left .online-panel,
.quote-pic-panel-right .online-panel {
    background-color: #f8f8f8;
}

.quote-pic-panel-left .grey-bkgnd-blue p,
.quote-pic-panel-right .grey-bkgnd-blue p,
.quote-pic-panel-left .grey-bkgnd-salmon p,
.quote-pic-panel-right .grey-bkgnd-salmon p,
.quote-pic-panel-left .grey-bkgnd-purple p,
.quote-pic-panel-right .grey-bkgnd-purple p,
.quote-pic-panel-left .grey-bkgnd-teal p,
.quote-pic-panel-right .grey-bkgnd-teal p,
.quote-pic-panel-left .grey-bkgnd-orange p,
.quote-pic-panel-right .grey-bkgnd-orange p,
.quote-pic-panel-left .grey-bkgnd-olive p,
.quote-pic-panel-right .grey-bkgnd-olive p,
.quote-pic-panel-left .grey-bkgnd-grey p,
.quote-pic-panel-right .grey-bkgnd-grey p,
.quote-pic-panel-left .grey-bkgnd-london p,
.quote-pic-panel-right .grey-bkgnd-london p,
.quote-pic-panel-left .cov-panel p,
.quote-pic-panel-right .cov-panel p,
.quote-pic-panel-left .london-panel p,
.quote-pic-panel-right .london-panel p,
.quote-pic-panel-left .cu-panel p,
.quote-pic-panel-right .cu-panel p,
.quote-pic-panel-left .online-panel p,
.quote-pic-panel-right .online-panel p {
    color: #222;
}

.quote-pic-panel-left .cov-panel h2,
.quote-pic-panel-right .cov-panel h2,
.quote-pic-panel-left .cov-panel h3,
.quote-pic-panel-right .cov-panel h3,
.quote-pic-panel-left .cov-panel h4,
.quote-pic-panel-right .cov-panel h4,
.quote-pic-panel-left .london-panel h2,
.quote-pic-panel-right .london-panel h2,
.quote-pic-panel-left .london-panel h3,
.quote-pic-panel-right .london-panel h3,
.quote-pic-panel-left .london-panel h4,
.quote-pic-panel-right .london-panel h4,
.quote-pic-panel-left .cu-panel h2,
.quote-pic-panel-right .cu-panel h2,
.quote-pic-panel-left .cu-panel h3,
.quote-pic-panel-right .cu-panel h3,
.quote-pic-panel-left .cu-panel h4,
.quote-pic-panel-right .cu-panel h4,
.quote-pic-panel-left .online-panel h2,
.quote-pic-panel-right .online-panel h2,
.quote-pic-panel-left .online-panel h3,
.quote-pic-panel-right .online-panel h3,
.quote-pic-panel-left .online-panel h4,
.quote-pic-panel-right .online-panel h4 {
    color: #222;
}

.quote-pic-panel-left .grey-bkgnd-blue h2,
.quote-pic-panel-right .grey-bkgnd-blue h2,
.quote-pic-panel-left .grey-bkgnd-blue h3,
.quote-pic-panel-right .grey-bkgnd-blue h3,
.quote-pic-panel-left .grey-bkgnd-blue h4,
.quote-pic-panel-right .grey-bkgnd-blue h4 {
    color: #0b3880;
}

.quote-pic-panel-left .grey-bkgnd-salmon h2,
.quote-pic-panel-right .grey-bkgnd-salmon h2,
.quote-pic-panel-left .grey-bkgnd-salmon h3,
.quote-pic-panel-right .grey-bkgnd-salmon h3,
.quote-pic-panel-left .grey-bkgnd-salmon h4,
.quote-pic-panel-right .grey-bkgnd-salmon h4 {
    color: #964b57;
}

.quote-pic-panel-left .grey-bkgnd-purple h2,
.quote-pic-panel-right .grey-bkgnd-purple h2,
.quote-pic-panel-left .grey-bkgnd-purple h3,
.quote-pic-panel-right .grey-bkgnd-purple h3,
.quote-pic-panel-left .grey-bkgnd-purple h4,
.quote-pic-panel-right .grey-bkgnd-purple h4 {
    color: #4d3879;
}

.quote-pic-panel-left .grey-bkgnd-teal h2,
.quote-pic-panel-right .grey-bkgnd-teal h2,
.quote-pic-panel-left .grey-bkgnd-teal h3,
.quote-pic-panel-right .grey-bkgnd-teal h3,
.quote-pic-panel-left .grey-bkgnd-teal h4,
.quote-pic-panel-right .grey-bkgnd-teal h4 {
    color: #0c6d66;
}

.quote-pic-panel-left .grey-bkgnd-orange h2,
.quote-pic-panel-right .grey-bkgnd-orange h2,
.quote-pic-panel-left .grey-bkgnd-orange h3,
.quote-pic-panel-right .grey-bkgnd-orange h3,
.quote-pic-panel-left .grey-bkgnd-orange h4,
.quote-pic-panel-right .grey-bkgnd-orange h4 {
    color: #c33c06;
}

.quote-pic-panel-left .grey-bkgnd-olive h2,
.quote-pic-panel-right .grey-bkgnd-olive h2,
.quote-pic-panel-left .grey-bkgnd-olive h3,
.quote-pic-panel-right .grey-bkgnd-olive h3,
.quote-pic-panel-left .grey-bkgnd-olive h4,
.quote-pic-panel-right .grey-bkgnd-olive h4 {
    color: #5c5c47;
}

.quote-pic-panel-left .grey-bkgnd-grey h2,
.quote-pic-panel-right .grey-bkgnd-grey h2,
.quote-pic-panel-left .grey-bkgnd-grey h3,
.quote-pic-panel-right .grey-bkgnd-grey h3,
.quote-pic-panel-left .grey-bkgnd-grey h4,
.quote-pic-panel-right .grey-bkgnd-grey h4 {
    color: #3b4859;
}

.quote-pic-panel-left .grey-bkgnd-london h2,
.quote-pic-panel-right .grey-bkgnd-london h2,
.quote-pic-panel-left .grey-bkgnd-london h3,
.quote-pic-panel-right .grey-bkgnd-london h3,
.quote-pic-panel-left .grey-bkgnd-london h4,
.quote-pic-panel-right .grey-bkgnd-london h4 {
    color: #2F2455;
}

.quote-pic-panel-left .cov-panel .student-quote i,
.quote-pic-panel-right .cov-panel .student-quote i {
    color: #A529A5;
}

.quote-pic-panel-left .london-panel .student-quote i,
.quote-pic-panel-right .london-panel .student-quote i {
    color: #99CC00;
}

.quote-pic-panel-left .cu-panel .student-quote i,
.quote-pic-panel-right .cu-panel .student-quote i {
    color: #D54308;
}

.quote-pic-panel-left .online-panel .student-quote i,
.quote-pic-panel-right .online-panel .student-quote i {
    color: #ed3a51;
}

.quote-pic-panel-left .clearing-campaign-blue-bkgnd .student-quote i,
.quote-pic-panel-right .clearing-campaign-blue-bkgnd .student-quote i,
.quote-pic-panel-left .grey-bkgnd-blue .student-quote i,
.quote-pic-panel-right .grey-bkgnd-blue .student-quote i {
    color: #c1cee1;
}

.quote-pic-panel-left .clearing-campaign-salmon-bkgnd .student-quote i,
.quote-pic-panel-right .clearing-campaign-salmon-bkgnd .student-quote i,
.quote-pic-panel-left .grey-bkgnd-salmon .student-quote i,
.quote-pic-panel-right .grey-bkgnd-salmon .student-quote i {
    color: #e5cdd1;
}

.quote-pic-panel-left .clearing-campaign-purple-bkgnd .student-quote i,
.quote-pic-panel-right .clearing-campaign-purple-bkgnd .student-quote i,
.quote-pic-panel-left .grey-bkgnd-purple .student-quote i,
.quote-pic-panel-right .grey-bkgnd-purple .student-quote i {
    color: #d8d4dd;
}

.quote-pic-panel-left .clearing-campaign-teal-bkgnd .student-quote i,
.quote-pic-panel-right .clearing-campaign-teal-bkgnd .student-quote i,
.quote-pic-panel-left .grey-bkgnd-teal .student-quote i,
.quote-pic-panel-right .grey-bkgnd-teal .student-quote i {
    color: #c9d8d7;
}

.quote-pic-panel-left .clearing-campaign-orange-bkgnd .student-quote i,
.quote-pic-panel-right .clearing-campaign-orange-bkgnd .student-quote i,
.quote-pic-panel-left .grey-bkgnd-orange .student-quote i,
.quote-pic-panel-right .grey-bkgnd-orange .student-quote i {
    color: #f1c7b7;
}

.quote-pic-panel-left .clearing-campaign-olive-bkgnd .student-quote i,
.quote-pic-panel-right .clearing-campaign-olive-bkgnd .student-quote i,
.quote-pic-panel-left .grey-bkgnd-olive .student-quote i,
.quote-pic-panel-right .grey-bkgnd-olive .student-quote i {
    color: #d6d6cd;
}

.quote-pic-panel-left .clearing-campaign-grey-bkgnd .student-quote i,
.quote-pic-panel-right .clearing-campaign-grey-bkgnd .student-quote i,
.quote-pic-panel-left .grey-bkgnd-grey .student-quote i,
.quote-pic-panel-right .grey-bkgnd-grey .student-quote i {
    color: #cfd5dc;
}

.quote-pic-panel-left .clearing-campaign-london-bkgnd .student-quote i,
.quote-pic-panel-right .clearing-campaign-london-bkgnd .student-quote i,
.quote-pic-panel-left .grey-bkgnd-london .student-quote i,
.quote-pic-panel-right .grey-bkgnd-london .student-quote i {
    color: #d8d4dd;
}

.quote-pic-panel-left .cov-panel i {
    color: #A529A5;
}

.quote-pic-panel-left .cu-panel i {
    color: #D54308;
}

.quote-pic-panel-left .london-panel i {
    color: #99CC00;
}

.quote-pic-panel-left .online-panel i {
    color: #ed3a51;
}

/* LIST PANEL */
.list-panel h2,
.list-panel h3,
.list-panel h4,
.list-panel h5 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.list-panel .col-sm-12 {
    padding-bottom: 20px;
}

.list-panel p {
    line-height: 1.5;
    margin-top: 5px;
}

.list-panel .grey-cov-panel,
.list-panel .grey-london-panel,
.list-panel .grey-cu-panel,
.list-panel .grey-online-panel,
.list-panel .grey-bkgnd-blue,
.list-panel .grey-bkgnd-salmon,
.list-panel .grey-bkgnd-teal,
.list-panel .grey-bkgnd-purple,
.list-panel .grey-bkgnd-orange,
.list-panel .grey-bkgnd-olive,
.list-panel .grey-bkgnd-grey,
.list-panel .grey-bkgnd-london {
    background-color: #F8F8F8;
    padding: 10px 10px;
    color: #222;
}

.list-panel .white-cov-panel,
.list-panel .white-london-panel,
.list-panel .white-cu-panel,
.list-panel .white-online-panel,
.list-panel .white-bkgnd-blue,
.list-panel .white-bkgnd-salmon,
.list-panel .white-bkgnd-teal,
.list-panel .white-bkgnd-purple,
.list-panel .white-bkgnd-orange,
.list-panel .white-bkgnd-olive,
.list-panel .white-bkgnd-grey,
.list-panel .white-bkgnd-london {
    background-color: #FFFFFF;
    padding: 10px 10px;
    color: #222;
    border: 1px solid #CCCCCE;
}

.ba0 .list-panel .white-cov-panel,
.ba0 .list-panel .white-london-panel,
.ba0 .list-panel .white-cu-panel,
.ba0 .list-panel .white-online-panel,
.ba0 .list-panel .white-bkgnd-blue,
.ba0 .list-panel .white-bkgnd-salmon,
.ba0 .list-panel .white-bkgnd-teal,
.ba0 .list-panel .white-bkgnd-purple,
.ba0 .list-panel .white-bkgnd-orange,
.ba0 .list-panel .white-bkgnd-olive,
.ba0 .list-panel .white-bkgnd-grey,
.ba0 .list-panel .white-bkgnd-london {
    border: none;
}

.list-panel .grey-cov-panel i,
.list-panel .white-cov-panel i,
.list-panel .grey-london-panel i,
.list-panel .white-london-panel i,
.list-panel .grey-cu-panel i,
.list-panel .white-cu-panel i,
.list-panel .grey-online-panel i,
.list-panel .white-online-panel i,
.list-panel .grey-bkgnd-blue i,
.list-panel .white-bkgnd-blue i,
.list-panel .grey-bkgnd-salmon i,
.list-panel .white-bkgnd-salmon i,
.list-panel .grey-bkgnd-teal i,
.list-panel .white-bkgnd-teal i,
.list-panel .grey-bkgnd-purple i,
.list-panel .white-bkgnd-purple i,
.list-panel .grey-bkgnd-orange i,
.list-panel .white-bkgnd-orange i,
.list-panel .grey-bkgnd-olive i,
.list-panel .white-bkgnd-olive i,
.list-panel .grey-bkgnd-grey i,
.list-panel .white-bkgnd-grey i,
.list-panel .grey-bkgnd-london i,
.list-panel .white-bkgnd-london i {
    color: #A529A5;
    font-size: 50px;
    line-height: 70px;
}

.list-panel .grey-london-panel i,
.list-panel .white-london-panel i {
    color: #99CC00;
}

.list-panel .grey-cu-panel i,
.list-panel .white-cu-panel i {
    color: #D54308;
}

.list-panel .grey-online-panel i,
.list-panel .white-online-panel i {
    color: #ed3a51;
}

.list-panel .grey-bkgnd-blue i,
.list-panel .white-bkgnd-blue i {
    color: #0b4880;
}

.list-panel .grey-bkgnd-salmon i,
.list-panel .white-bkgnd-salmon i {
    color: #964B57;
}

.list-panel .grey-bkgnd-teal i,
.list-panel .white-bkgnd-teal i {
    color: #0C6D66;
}

.list-panel .grey-bkgnd-purple i,
.list-panel .white-bkgnd-purple i {
    color: #4d3879;
}

.list-panel .grey-bkgnd-orange i,
.list-panel .white-bkgnd-orange i {
    color: #C33C06;
}

.list-panel .grey-bkgnd-olive i,
.list-panel .white-bkgnd-olive i {
    color: #5C5C47;
}

.list-panel .grey-bkgnd-grey i,
.list-panel .white-bkgnd-grey i {
    color: #444444;
}

.list-panel .grey-bkgnd-london i,
.list-panel .white-bkgnd-london i {
    color: #2F2455;
}

.list-panel .black-bkgnd {
    background-color: #000000;
    padding: 10px 10px;
    color: #FFFFFF;
}

.list-panel .black-bkgnd i {
    color: #FFFFFF;
    font-size: 50px;
    line-height: 70px;
}

.list-panel .clearing-campaign-blue-bkgnd,
.list-panel .clearing-campaign-salmon-bkgnd,
.list-panel .clearing-campaign-teal-bkgnd,
.list-panel .clearing-campaign-purple-bkgnd,
.list-panel .clearing-campaign-orange-bkgnd,
.list-panel .clearing-campaign-olive-bkgnd,
.list-panel .clearing-campaign-grey-bkgnd,
.list-panel .clearing-campaign-london-bkgnd {
    background-color: #0b4880;
    padding: 10px 10px;
    color: #FFF;
}

.list-panel .clearing-campaign-salmon-bkgnd {
    background-color: #964B57;
}

.list-panel .clearing-campaign-teal-bkgnd {
    background-color: #0C6D66;
}

.list-panel .clearing-campaign-purple-bkgnd {
    background-color: #4d3879;
}

.list-panel .clearing-campaign-orange-bkgnd {
    background-color: #C33C06;
}

.list-panel .clearing-campaign-olive-bkgnd {
    background-color: #5C5C47;
}

.list-panel .clearing-campaign-grey-bkgnd {
    background-color: #444444;
}

.list-panel .clearing-campaign-london-bkgnd {
    background-color: #2F2455;
}

.list-panel .clearing-campaign-blue-bkgnd i,
.list-panel .clearing-campaign-salmon-bkgnd i,
.list-panel .clearing-campaign-teal-bkgnd i,
.list-panel .clearing-campaign-purple-bkgnd i,
.list-panel .clearing-campaign-orange-bkgnd i,
.list-panel .clearing-campaign-olive-bkgnd i,
.list-panel .clearing-campaign-grey-bkgnd i,
.list-panel .clearing-campaign-london-bkgnd i {
    color: #c1cee1;
    font-size: 50px;
    line-height: 70px;
}

.list-panel .clearing-campaign-salmon-bkgnd i {
    color: #e6cdd1;
}

.list-panel .clearing-campaign-teal-bkgnd i {
    color: #c9d7d7;
}

.list-panel .clearing-campaign-purple-bkgnd i {
    color: #d8d4dd;
}

.list-panel .clearing-campaign-orange-bkgnd i {
    color: #f1c7b7;
}

.list-panel .clearing-campaign-olive-bkgnd i {
    color: #d6d6cd;
}

.list-panel .clearing-campaign-grey-bkgnd i {
    color: #ced5dd;
}

.list-panel .clearing-campaign-london-bkgnd i {
    color: #d8d4dd;
}

/* CAROUSEL VIDEO */
.videoWrapper {
    position: relative;
    padding-bottom: 60.25%;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* THIN CAMPAIGN ADVERT */
.thin-campaign-advert {
    padding: 10px;
    background-image: url("/static/assets/images/campaign-advert-background.jpg");
    background-position: top right;
    background-size: cover;
}

.thin-campaign-advert h2,
.thin-campaign-advert h3,
.thin-campaign-advert h4,
.thin-campaign-advert h5 {
    margin-bottom: 4px;
    margin-top: 0px;
}

.thin-campaign-advert .black-bkgnd h2,
.thin-campaign-advert .clearing-campaign-teal-bkgnd h2,
.thin-campaign-advert .clearing-campaign-orange-bkgnd h2,
.thin-campaign-advert .clearing-campaign-olive-bkgnd h2,
.thin-campaign-advert .clearing-campaign-purple-bkgnd h2,
.thin-campaign-advert .clearing-campaign-london-bkgnd h2,
.thin-campaign-advert .clearing-campaign-grey-bkgnd h2,
.thin-campaign-advert .clearing-campaign-blue-bkgnd h2,
.thin-campaign-advert .clearing-campaign-salmon-bkgnd h2 {
    color: #FFFFFF;
}

.thin-campaign-advert .black-bkgnd h3,
.thin-campaign-advert .clearing-campaign-teal-bkgnd h3,
.thin-campaign-advert .clearing-campaign-orange-bkgnd h3,
.thin-campaign-advert .clearing-campaign-olive-bkgnd h3,
.thin-campaign-advert .clearing-campaign-purple-bkgnd h3,
.thin-campaign-advert .clearing-campaign-london-bkgnd h3,
.thin-campaign-advert .clearing-campaign-grey-bkgnd h3,
.thin-campaign-advert .clearing-campaign-blue-bkgnd h3,
.thin-campaign-advert .clearing-campaign-salmon-bkgnd h3 {
    color: #FFFFFF;
}

.thin-campaign-advert .black-bkgnd h4,
.thin-campaign-advert .clearing-campaign-teal-bkgnd h4,
.thin-campaign-advert .clearing-campaign-orange-bkgnd h4,
.thin-campaign-advert .clearing-campaign-olive-bkgnd h4,
.thin-campaign-advert .clearing-campaign-purple-bkgnd h4,
.thin-campaign-advert .clearing-campaign-london-bkgnd h4,
.thin-campaign-advert .clearing-campaign-grey-bkgnd h4,
.thin-campaign-advert .clearing-campaign-blue-bkgnd h4,
.thin-campaign-advert .clearing-campaign-salmon-bkgnd h4 {
    color: #FFFFFF;
}

.thin-campaign-advert .black-bkgnd h5,
.thin-campaign-advert .clearing-campaign-teal-bkgnd h5,
.thin-campaign-advert .clearing-campaign-orange-bkgnd h5,
.thin-campaign-advert .clearing-campaign-olive-bkgnd h5,
.thin-campaign-advert .clearing-campaign-purple-bkgnd h5,
.thin-campaign-advert .clearing-campaign-london-bkgnd h5,
.thin-campaign-advert .clearing-campaign-grey-bkgnd h5,
.thin-campaign-advert .clearing-campaign-blue-bkgnd h5,
.thin-campaign-advert .clearing-campaign-salmon-bkgnd h5 {
    color: #FFFFFF;
}

.thin-campaign-advert .black-bkgnd p,
.thin-campaign-advert .clearing-campaign-teal-bkgnd p,
.thin-campaign-advert .clearing-campaign-orange-bkgnd p,
.thin-campaign-advert .clearing-campaign-olive-bkgnd p,
.thin-campaign-advert .clearing-campaign-purple-bkgnd p,
.thin-campaign-advert .clearing-campaign-london-bkgnd p,
.thin-campaign-advert .clearing-campaign-grey-bkgnd p,
.thin-campaign-advert .clearing-campaign-blue-bkgnd p,
.thin-campaign-advert .clearing-campaign-salmon-bkgnd p {
    color: #FFFFFF;
}

.thin-campaign-advert p {
    margin-bottom: 5px;
    line-height: 1.5;
}

.thin-campaign-advert .black-bkgnd,
.thin-campaign-advert .clearing-campaign-teal-bkgnd,
.thin-campaign-advert .clearing-campaign-orange-bkgnd,
.thin-campaign-advert .clearing-campaign-olive-bkgnd,
.thin-campaign-advert .clearing-campaign-purple-bkgnd,
.thin-campaign-advert .clearing-campaign-london-bkgnd,
.thin-campaign-advert .clearing-campaign-grey-bkgnd,
.thin-campaign-advert .clearing-campaign-blue-bkgnd,
.thin-campaign-advert .clearing-campaign-salmon-bkgnd {
    padding: 10px;
}

.thin-campaign-advert .btn-primary {
    border: 1px solid #FFF;
}

.thin-campaign-advert .black-bkgnd .btn-primary {
    border: 1px solid #000;
}

@media (max-width: 767px) {
    .thin-campaign-advert {
        padding: 0px;
        padding-top: 140px;
        background-position: top right;
        background-size: auto;
    }
}

/* THIN ADVERT */
.thin-advert {
    padding: 10px;
    border: 1px solid #CCCCCE;
    background-color: #fff;
}

.thin-advert h2,
.thin-advert h3 {
    margin-bottom: 2px;
    margin-top: 2px;
}

.thin-advert h4,
.thin-advert h5 {
    margin-bottom: 4px;
    margin-top: 4px;
}

.thin-advert.black-bkgnd h2,
.thin-advert.black-bkgnd h3,
.thin-advert.black-bkgnd h4,
.thin-advert.black-bkgnd h5 {
    color: #FFFFFF;
}

.thin-advert.black-bkgnd p,
.thin-advert.black-bkgnd p {
    color: #FFFFFF;
}

.thin-advert .btn-primary {
    margin: 5px 0px;
}

.thin-advert p {
    height: auto !important;
    margin-bottom: 0px;
    line-height: 1.5;
}

/* MEET PANEL */
.meet-panel h2 {
    padding-bottom: 20px;
}

.meet-panel h4,
.meet-panel h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.meet-panel h5 {
    display: block;
    padding-left: 45px;
}

.meet-panel span {
    display: block;
    font-size: 14px;
    padding-left: 45px;
    padding-bottom: 15px;
}

.meet-panel .grey-1 {
    color: #757575 !important;
}

.meet-panel .slickslide-container .col-sm-9 {
    padding-right: 55px;
}

.meet-panel .slick-dots {
    position: absolute;
    top: 230px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    height: 25px;
}

.meet-panel .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #A529A5;
}

.meet-panel .slick-dots li button:before {
    font-size: 9px;
}

.meet-panel .slick-prev {
    left: 0px;
    z-index: 10;
    background: #0097A9;
    width: 25px;
    height: 40px;
    top: 38%;
}

.meet-panel .slick-next {
    right: 0px;
    z-index: 10;
    background: #0097A9;
    width: 25px;
    height: 40px;
    top: 38%;
}

.meet-panel .slick-prev:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: "\f053";
    font-size: 22px;
    opacity: 1;
}

.meet-panel .slick-next:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: "\f054";
    font-size: 22px;
    opacity: 1;
}

.meet-panel .slick-prev:hover,
.meet-panel .slick-prev:focus,
.meet-panel .slick-next:hover,
.meet-panel .slick-next:focus {
    background: #0097A9;
}

.meet-panel .slick-prev:hover:before,
.meet-panel .slick-prev:focus:before,
.meet-panel .slick-next:hover:before,
.meet-panel .slick-next:focus:before {
    color: #000;
}

@media (max-width: 992px) {

    .meet-panel .slick-prev,
    .meet-panel .slick-next {
        top: 28%;
    }

    .meet-panel .slick-dots {
        top: 250px;
    }
}

@media (max-width: 767px) {

    .meet-panel .slick-prev,
    .meet-panel .slick-next {
        top: 350px;
    }

    .meet-panel .slick-dots {
        top: -30px;
    }

    .meet-panel .slickslide-container .col-sm-9 {
        padding-right: 15px;
    }
}

@media (max-width: 568px) {

    .meet-panel .slick-prev,
    .meet-panel .slick-next {
        top: 250px;
    }
}

@media (max-width: 414px) {

    .meet-panel .slick-prev,
    .meet-panel .slick-next {
        top: 180px;
    }
}

@media (max-width: 360px) {

    .meet-panel .slick-prev,
    .meet-panel .slick-next {
        top: 160px;
    }
}

@media (max-width: 320px) {

    .meet-panel .slick-prev,
    .meet-panel .slick-next {
        top: 140px;
    }
}

/* STAFF PROFILE PAGE */
.staff-profile h1 {
    margin-bottom: 0px;
}

.staff-profile .job-title {
    color: #666666;
    font-size: 1.125em;
    margin-bottom: 0px;
}

.staff-profile .lead {
    margin-bottom: 20px;
}

.staff-profile h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.staff-profile h5 {
    display: block;
    padding-left: 45px;
}

.staff-profile span {
    display: block;
    font-size: 14px;
    padding-left: 45px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .staff-profile h1 {
        margin-top: 20px;
    }
}

/* QUOTE/TEXT PANEL WITH CTA */
.quote-text-cta {
    padding: 20px;
    background-color: #f8f8f8;
}

.quote-text-cta h2,
.quote-text-cta h3,
.quote-text-cta h4,
.quote-text-cta h5 {
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 1;
}

.quote-text-cta .cov-panel h2,
.quote-text-cta .london-panel h2,
.quote-text-cta .cu-panel h2,
.quote-text-cta .online-panel h2,
.quote-text-cta .clearing-campaign-blue h2,
.quote-text-cta .clearing-campaign-salmon h2,
.quote-text-cta .clearing-campaign-teal h2,
.quote-text-cta .clearing-campaign-purple h2,
.quote-text-cta .clearing-campaign-orange h2,
.quote-text-cta .clearing-campaign-london h2,
.quote-text-cta .clearing-campaign-olive h2,
.quote-text-cta .clearing-campaign-grey h2 {
    font-size: 60px;
}

.quote-text-cta .cov-panel h3,
.quote-text-cta .london-panel h3,
.quote-text-cta .cu-panel h3,
.quote-text-cta .online-panel h3,
.quote-text-cta .clearing-campaign-blue h3,
.quote-text-cta .clearing-campaign-salmon h3,
.quote-text-cta .clearing-campaign-teal h3,
.quote-text-cta .clearing-campaign-purple h3,
.quote-text-cta .clearing-campaign-orange h3,
.quote-text-cta .clearing-campaign-london h3,
.quote-text-cta .clearing-campaign-olive h3,
.quote-text-cta .clearing-campaign-grey h3 {
    font-size: 50px;
}

.quote-text-cta .cov-panel h4,
.quote-text-cta .london-panel h4,
.quote-text-cta .cu-panel h4,
.quote-text-cta .online-panel h4,
.quote-text-cta .clearing-campaign-blue h4,
.quote-text-cta .clearing-campaign-salmon h4,
.quote-text-cta .clearing-campaign-teal h4,
.quote-text-cta .clearing-campaign-purple h4,
.quote-text-cta .clearing-campaign-orange h4,
.quote-text-cta .clearing-campaign-london h4,
.quote-text-cta .clearing-campaign-olive h4,
.quote-text-cta .clearing-campaign-grey h4 {
    font-size: 40px;
}

.quote-text-cta .clearing-campaign-blue p,
.quote-text-cta .clearing-campaign-salmon p,
.quote-text-cta .clearing-campaign-teal p,
.quote-text-cta .clearing-campaign-purple p,
.quote-text-cta .clearing-campaign-orange p,
.quote-text-cta .clearing-campaign-london p,
.quote-text-cta .clearing-campaign-olive p,
.quote-text-cta .clearing-campaign-grey p {
    color: #222;
}

.quote-text-cta .clearing-campaign-blue footer,
.quote-text-cta .clearing-campaign-salmon footer,
.quote-text-cta .clearing-campaign-teal footer,
.quote-text-cta .clearing-campaign-purple footer,
.quote-text-cta .clearing-campaign-orange footer,
.quote-text-cta .clearing-campaign-london footer,
.quote-text-cta .clearing-campaign-olive footer,
.quote-text-cta .clearing-campaign-grey footer {
    color: #222;
}

.quote-text-cta .cov-panel .student-quote i {
    color: #A529A5;
}

.quote-text-cta .london-panel .student-quote i {
    color: #99CC00;
}

.quote-text-cta .cu-panel .student-quote i {
    color: #D54308;
}

.quote-text-cta .online-panel .student-quote i {
    color: #ed3a51;
}

.quote-text-cta .clearing-campaign-blue .student-quote i {
    color: #c1cee1;
}

.quote-text-cta .clearing-campaign-blue h2 {
    color: #0b487f;
}

.quote-text-cta .clearing-campaign-salmon .student-quote i {
    color: #e5cdd1;
}

.quote-text-cta .clearing-campaign-salmon h2 {
    color: #974b57;
}

.quote-text-cta .clearing-campaign-purple .student-quote i {
    color: #d8d4dd;
}

.quote-text-cta .clearing-campaign-purple h2 {
    color: #4d3879;
}

.quote-text-cta .clearing-campaign-teal .student-quote i {
    color: #c9d8d7;
}

.quote-text-cta .clearing-campaign-teal h2 {
    color: #0c6d66;
}

.quote-text-cta .clearing-campaign-orange .student-quote i {
    color: #f1c7b7;
}

.quote-text-cta .clearing-campaign-orange h2 {
    color: #c33c05;
}

.quote-text-cta .clearing-campaign-london .student-quote i {
    color: #d8d4dd;
}

.quote-text-cta .clearing-campaign-london h2 {
    color: #2F2455;
}

.quote-text-cta .clearing-campaign-olive .student-quote i {
    color: #d6d6cd;
}

.quote-text-cta .clearing-campaign-olive h2 {
    color: #5d5c48;
}

.quote-text-cta .clearing-campaign-grey .student-quote i {
    color: #cfd5dc;
}

.quote-text-cta .clearing-campaign-grey h2 {
    color: #3b4859;
}

.bt1 {
    border-top: 1px solid #CCCCCE;
}

/* DOCUMENT DOWNLOAD PANEL */
.document-download {
    padding: 20px 20px;
    background-color: #f8f8f8;
}

.document-download a {
    color: #FFFFFF;
}

.document-download a:hover {
    color: #0097A9;
}

.document-download h2,
.document-download h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.document-download h4,
.document-download h5 {
    margin-top: 0px;
}

.guide-to {
    color: #FFF;
    border-top: solid 3px #0097A9;
    width: auto;
    font-size: 12px;
    padding-top: 5px;
}

.guide-title {
    display: block;
    color: #FFF;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    padding-top: 10px;
}

.guide-icon {
    padding-top: 30px;
    height: auto;
}

.new-style .guide-to {
    float: right;
    margin-top: -10px;
    border-top: none;
}

.guide-who ul {
    padding-top: 27px;
}

.document-download ul {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .guide-who ul {
        padding-top: 0px;
    }

    .guide-who {
        border-left: none;
        min-height: auto;
    }

    .document-download h3,
    .document-download h4,
    .document-download h5 {
        margin-top: 15px;
    }
}

.prospectus-cover {
    background-size: cover;
    min-height: 265px;
}

.prospectus-download a:hover {
    color: #FFFFFF;
}

.prospectus-title {
    padding-top: 80px;
}

.prospectus-icon {
    position: absolute;
    left: 50%;
    bottom: 40px;
    margin-left: -1em;
}

.new-style .prospectus-icon {
    bottom: 30px;
}

.new-style .prospectus-title {
    padding-top: 115px;
}

@media (max-width: 991px) {
    .prospectus-title {
        padding-top: 60px;
    }

    .new-style .prospectus-title {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .prospectus-title {
        padding-top: 0px;
    }

    .prospectus-cover {
        min-height: 400px;
    }
}

@media (max-width: 620px) {
    .prospectus-cover {
        min-height: 350px;
    }
}

@media (max-width: 580px) {
    .prospectus-cover {
        min-height: 325px;
    }
}

@media (max-width: 580px) {
    .prospectus-cover {
        min-height: 290px;
    }
}

@media (max-width: 580px) {
    .prospectus-cover {
        min-height: 225px;
    }
}

@media (max-width: 414px) {

    .prospectus-title,
    .new-style .prospectus-title {
        padding-top: 140px;
    }

    .new-style .prospectus-title {
        padding-top: 180px;
    }

    .prospectus-cover {
        min-height: 290px;
    }
}

/* SITE WIDE MESSAGES */
.site-message {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 15px;
    margin: 10px 0px;
}

.site-message-invert {
    background-color: #333366;
    color: #fff;
    padding: 15px;
    margin: 10px 0px;
}

.site-message p,
.site-message-invert p,
.site-message h4,
.site-message-invert h4 {
    margin: 0px;
    padding: 0px;
}

.site-message p,
.site-message-invert p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.site-message-invert i {
    color: #FFFFFF !important;
}

/*HEADER */


#header-section .row {
    height: 100%;
}

#header-wrapper {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
}

#header-wrapper iframe {
    visibility: hidden;
    position: absolute;
    display: block;
    opacity: 0;
}

/*HEADER - SEARCH */
.container.search-container {
    height: auto;
}

#header-search .row {
    height: 100%;
    vertical-align: middle;
}

#header-search-wrapper {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

/* COURSE TITLES */

#course-title-mobile {
    margin: 0 -15px;
    background-color: black;
    padding: 10px 15px 1px 15px;
    color: #FFF;
}

#course-title-desktop {
    display: inline-block;
    margin-top: 15px;
}

#course-title-desktop h2 {
    font-size: 34px;
    margin: 0px;
}

.padded-multiline {
    line-height: 1.2;
    padding: 2px 0;
    width: auto;
    margin: 20px auto;
}

.padded-multiline span {
    background-color: #000;
    color: #fff;
    display: inline;
    padding: 0px 8px 5px 8px;
    /* Needs prefixing */
    box-decoration-break: clone;
}

.year {
    background-color: #000;
    color: #fff;
    padding: 3px 8px 3px 8px;
    font-size: 18px;
    margin-top: 8px;
    width: 155px;
}

/* NAVIGATION */

.section-nav-tabs {
    padding-top: 5px;
    padding-bottom: 0px;
}

/* NAVIGATION TOGGLES (MOBILE) */

.panel-group {
    border-radius: 0;
    margin: 0 -15px;
}

.panel {
    border: none;
    border-radius: 0;
}

.panel-body {
    border: none;
    border-radius: 0;
    padding: 0;
}

.navbar {
    border: none;
    border-radius: 0;
}

.panel-heading {
    border: none;
    border-radius: 0;
    background-color: #337cbb;
}

.panel-title {
    margin: 0;
}

.panel-title>a {
    color: white;
    display: block;
    width: 100%;
    padding: 15px 15px 15px 15px;
}

.panel-title>a:hover {
    color: white;
}

.panel-title i {
    color: #337cbb;
    background-color: #fff;
    padding: 3px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 0.75em;
}

.notice i {
    color: #A529A5;
    font-size: 2.813em;
}

.cu-notice i {
    color: #D54308;
    font-size: 2.813em;
}

.london-notice i {
    color: #99CC00;
    font-size: 2.813em;
}

.online-notice i {
    color: #ed3a51;
    font-size: 2.813em;
}

.black-notice i {
    color: #FFFFFF;
    font-size: 2.813em;
}

.c-teal-notice i {
    color: #0C6D66;
    font-size: 2.813em;
}

.c-orange-notice i {
    color: #C33C06;
    font-size: 2.813em;
}

.c-olive-notice i {
    color: #5C5C47;
    font-size: 2.813em;
}

.c-purple-notice i {
    color: #4d3879;
    font-size: 2.813em;
}

.c-london-notice i {
    color: #2F2455;
    font-size: 2.813em;
}

.c-grey-notice i {
    color: #444444;
    font-size: 2.813em;
}

.c-blue-notice i {
    color: #0b4880;
    font-size: 2.813em;
}

.c-salmon-notice i {
    color: #964B57;
    font-size: 2.813em;
}

.lg-icon i {
    font-size: 3.125em;
}

/* PULL-OUT FEATURES */

.polarity {
    background-color: dimgrey;
    color: white;
}

.notice,
.cu-notice,
.london-notice,
.online-notice,
.black-notice,
.c-teal-notice,
.c-orange-notice,
.c-olive-notice,
.c-purple-notice,
.c-london-notice,
.c-grey-notice,
.c-blue-notice,
.c-salmon-notice {
    padding: 10px;
    border: 1px solid #CCCCCE;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.mtn .notice {
    margin-top: 0px;
}

.mbn .notice {
    margin-bottom: 0px;
}

.black-notice {
    padding: 10px;
    background-color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #FFF;
}

.no-stroke .notice,
.no-stroke .cu-notice,
.no-stroke .london-notice,
.no-stroke .online-notice,
.no-stroke .c-teal-notice,
.no-stroke .c-orange-notice,
.no-stroke .c-olive-notice,
.no-stroke .c-purple-notice,
.no-stroke .c-london-notice,
.no-stroke .c-grey-notice,
.no-stroke .c-blue-notice,
.no-stroke .c-salmon-notice {
    border: none;
    padding: 0px;
}

.notice p,
.cu-notice p,
.london-notice p,
.online-notice p,
.black-notice p,
.c-teal-notice p,
.c-orange-notice p,
.c-olive-notice p,
.c-purple-notice p,
.c-london-notice p,
.c-grey-notice p,
.c-blue-notice p,
.c-salmon-notice p {
    font-size: 1em;
    line-height: 1.5;
    margin: 0px;
    height: 38px;
    display: table-cell;
    vertical-align: middle;
}

blockquote {
    padding: 0px;
}

blockquote p,
blockquote footer {
    font-size: 1.1875em;
    margin-left: 85px;
    font-weight: 300;
}

blockquote footer {
    font-size: 1em;
    margin-left: 85px;
    font-weight: 900;
    line-height: 1.5;
    color: #000;
}

.quote-md blockquote p,
.quote-md blockquote footer {
    font-size: 1em;
    margin-left: 70px;
}

.quote-sm blockquote p,
.quote-sm blockquote footer {
    margin-left: 63px;
    font-size: 0.875em;
}

.student-quote i,
.cu-student-quote i,
.london-student-quote i,
.online-student-quote i,
.c-teal-student-quote i,
.c-teal-accent-student-quote i,
.c-orange-student-quote i,
.c-orange-accent-student-quote i,
.c-olive-student-quote i,
.c-olive-accent-student-quote i,
.c-purple-student-quote i,
.c-purple-accent-student-quote i,
.c-london-student-quote i,
.c-london-accent-student-quote i,
.c-grey-student-quote i,
.c-grey-accent-student-quote i,
.c-blue-student-quote i,
.c-blue-accent-student-quote i,
.c-salmon-student-quote i,
.c-salmon-accent-student-quote i {
    font-size: 65px;
    padding-top: 0px;
    color: #A529A5;
    float: left;
}

.cu-student-quote i {
    color: #D54308;
}

.london-student-quote i {
    color: #99CC00;
}

.online-student-quote i {
    color: #ed3a51;
}

.c-teal-student-quote i {
    color: #0C6D66;
}

.c-teal-accent-student-quote i {
    color: #C9D8D7;
}

.c-orange-student-quote i {
    color: #C33C06;
}

.c-orange-accent-student-quote i {
    color: #F1C7B7;
}

.c-olive-student-quote i {
    color: #5C5C47;
}

.c-olive-accent-student-quote i {
    color: #D6D6CD;
}

.c-purple-student-quote i {
    color: #4d3879;
}

.c-purple-accent-student-quote i {
    color: #D8D4DD;
}

.c-london-student-quote i {
    color: #2F2455;
}

.c-london-accent-student-quote i {
    color: #BFBDCD;
}

.c-grey-student-quote i {
    color: #444444;
}

.c-grey-accent-student-quote i {
    color: #CFD5DC;
}

.c-blue-student-quote i {
    color: #0b4880;
}

.c-blue-accent-student-quote i {
    color: #C1CEE1;
}

.c-salmon-student-quote i {
    color: #964B57;
}

.c-salmon-accent-student-quote i {
    color: #E5CDD1;
}

.quote-md .student-quote i,
.quote-md .cu-student-quote i,
.quote-md .london-student-quote i,
.quote-md .online-student-quote i,
.quote-md .c-teal-student-quote i,
.quote-md .c-teal-accent-student-quote i,
.quote-md .c-orange-student-quote i,
.quote-md .c-orange-accent-student-quote i,
.quote-md .c-olive-student-quote i,
.quote-md .c-olive-accent-student-quote i,
.quote-md .c-purple-student-quote i,
.quote-md .c-purple-accent-student-quote i,
.quote-md .c-london-student-quote i,
.quote-md .c-london-accent-student-quote i,
.quote-md .c-grey-student-quote i,
.quote-md .c-grey-accent-student-quote i,
.quote-md .c-blue-student-quote i,
.quote-md .c-blue-accent-student-quote i,
.quote-md .c-salmon-student-quote i,
.quote-md .c-salmon-accent-student-quote i {
    font-size: 54px;
}

.quote-sm .student-quote i,
.quote-sm .cu-student-quote i,
.quote-sm .london-student-quote i,
.quote-sm .online-student-quote i,
.quote-sm .c-teal-student-quote i,
.quote-sm .c-teal-accent-student-quote i,
.quote-sm .c-orange-student-quote i,
.quote-sm .c-orange-accent-student-quote i,
.quote-sm .c-olive-student-quote i,
.quote-sm .c-olive-accent-student-quote i,
.quote-sm .c-purple-student-quote i,
.quote-sm .c-purple-accent-student-quote i,
.quote-sm .c-london-student-quote i,
.quote-sm .c-london-accent-student-quote i,
.quote-sm .c-grey-student-quote i,
.quote-sm .c-grey-accent-student-quote i,
.quote-sm .c-blue-student-quote i,
.quote-sm .c-blue-accent-student-quote i,
.quote-sm .c-salmon-student-quote i,
.quote-sm .c-salmon-accent-student-quote i {
    font-size: 47px;
}

@media (max-width: 767px) {

    .student-quote i,
    .cu-student-quote i,
    .london-student-quote i,
    .online-student-quote i,
    .c-teal-student-quote i,
    .c-teal-accent-student-quote i,
    .c-orange-student-quote i,
    .c-orange-accent-student-quote i,
    .c-olive-student-quote i,
    .c-olive-accent-student-quote i,
    .c-purple-student-quote i,
    .c-purple-accent-student-quote i,
    .c-london-student-quote i,
    .c-london-accent-student-quote i,
    .c-grey-student-quote i,
    .c-grey-accent-student-quote i,
    .c-blue-student-quote i,
    .c-blue-accent-student-quote i,
    .c-salmon-student-quote i,
    .c-salmon-accent-student-quote i {
        float: none;
        display: block;
        width: 100%;
        padding-bottom: 5px;
    }

    blockquote p,
    blockquote footer {
        margin-left: 0px;
    }

    .quote-md blockquote p,
    .quote-md blockquote footer {
        margin-left: 0px;
    }

    .quote-sm blockquote p,
    .quote-sm blockquote footer {
        margin-left: 0px;
    }
}

/* TYPICAL OFFERS TABLE */
.table {
    margin-bottom: 10px;
}

.entry-table tr,
td {
    border: 2px #FFF solid;
}

.entry-table tr {
    background-color: #F8F8F8;
    color: #333335;
    font-weight: 500;
}

.entry-table .first-row {
    background-color: #343168;
    color: white;
    font-weight: 900;
}

.entry-table .second-row {
    background-color: #D2D3D5;
    color: #333335;
    font-weight: 900;
}

/* ICONS */

.media-button,
.cu-media-button,
.london-media-button,
.online-media-button {
    position: absolute;
    left: 50%;
    top: 50%;
    padding-left: 0px;
    margin: -25px 0 0 -25px;
}

.media-button i,
.cu-media-button i,
.london-media-button i,
.online-media-button i {
    font-size: 65px;
    line-height: 65px;
}

.media-button a,
.cu-media-button a,
.london-media-button a,
.online-media-button a {
    color: #0097A9;
}

.media-button a:hover {
    color: #A529A5;
}

.cu-media-button a:hover {
    color: #D54308;
}

.london-media-button a:hover {
    color: #99CC00;
}

.online-media-button a:hover {
    color: #ed3a51;
}



.hide-reveal i {
    background-color: #000;
    color: #F8F8F8;
    padding: 3px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 5px;
}

.jcarousel-control-next i {
    margin-right: -4px;
}

.graphics i,
.graphics span {
    font-size: 50px;
    color: #A529A5;
}

.graphics:after,
.london-graphics:after,
.cu-graphics:after,
.online-graphics:after {
    content: "";
    display: block;
    clear: both;
}

.graphics a span,
.graphics a img,
.graphics img,
.london-graphics a span,
.london-graphics a img,
.london-graphics img,
.cu-graphics a span,
.cu-graphics a img,
.cu-graphics img,
.online-graphics a span,
.online-graphics a img,
.online-graphics img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.graphics a:hover span,
.graphics a:hover img {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.london-graphics i,
.london-graphics span {
    font-size: 50px;
    color: #99CC00;
}

.online-graphics i,
.online-graphics span {
    font-size: 50px;
    color: #ed3a51;
}

.cu-graphics i,
.cu-graphics span {
    font-size: 50px;
    color: #D54308;
}

.graphics a span,
.graphics a img,
.graphics img {
    display: inline-block;
    vertical-align: middle;
}



.graphics a i,
.cu-graphics a i,
.london-graphics a i,
.online-graphics a i {
    color: #0097A9 !important;
}

.graphics a span,
.cu-graphics a span,
.london-graphics a span,
.online-graphics a span {
    color: #0097A9 !important;
}

.graphics a:hover i,
.graphics a:active i,
.graphics a:focus i,
.cu-graphics a:hover i,
.cu-graphics a:active i,
.cu-graphics a:focus i,
.london-graphics a:hover i,
.london-graphics a:active i,
.london-graphics a:focus i,
.online-graphics a:hover i,
.online-graphics a:active i,
.online-graphics a:focus i {
    color: #000 !important;
}

.graphics a:hover span,
.graphics a:active span,
.graphics a:focus span,
.cu-graphics a:hover span,
.cu-graphics a:active span,
.cu-graphics a:focus span,
.london-graphics a:hover span,
.london-graphics a:active span,
.london-graphics a:focus span,
.online-graphics a:hover span,
.online-graphics a:active span,
.online-graphics a:focus span {
    color: #000 !important;
}

.course-specification {
    margin-top: 15px;
}

.course-specification i {
    font-size: 35px;
    color: #0097A9;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

ul.module-list li {
    list-style-type: none;
}

ul.module-list a:before {
    font-family: 'FontAwesome';
    margin: 0 5px 0 -15px;
}

.module-list-in a:before {
    content: '\f067';
}

.module-list-out a:before {
    content: '\f068';
}

.module-list {
    -webkit-padding-start: 0px;
    padding: 0px;
}

.module-list a,
.fees-list {
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #CCCCCE;
}

.btn-social-icon a {
    background-color: #0097A9;
    border: none;
    border-radius: 5px;
    color: white;
    width: 35px;
    height: 35px;
    margin: 8px 8px 0 0;
    display: block;
    text-align: center;
}

.btn-social-icon i {
    font-size: 24px;
    line-height: 35px;
}

.btn-social-icon :hover,
.btn-social-icon :focus,
.btn-social-icon .focus,
.btn-social-icon :active,
.btn-social-icon .active,
.open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #000;
}

/* BUTTONS */
.btn-primary {
    margin-bottom: 0px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    padding: 16px 20px;
    font-size: 18.66px;
    line-height: 18.66px;
    border-radius: 3px;
    border-color: #0097A9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    background-color: #0097A9;
    text-decoration: none !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    transition: background-color 150ms ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #007a88;
    border-color: #007a88;
}

.btn-primary i {
    clear: both;
    font-size: 32px;
    text-align: center;
    padding-bottom: 10px;
}

.btn-primary-stroke {
    margin-bottom: 0px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    padding: 16px 20px;
    font-size: 18.66px;
    line-height: 18.66px;
    border-radius: 3px;
    border-color: #0097A9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #FFFFFF;
    text-decoration: none !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    transition: background-color 150ms ease-in-out;
}

.btn-primary-stroke:hover,
.btn-primary-stroke:focus,
.btn-primary-stroke.focus,
.btn-primary-stroke:active,
.btn-primary-stroke.active,
.open>.dropdown-toggle.btn-primary-stroke {
    background-color: #0097a9;
}


.btn-group-vertical {
    display: inline;
}

.btn-custom {
    display: block;
    padding: 10px;
    background-color: #F8F8F8;
}

.btn-custom:hover {
    text-decoration: none;
}

.hide-reveal-dk-grey {
    background-color: #d2d3d5;
}

.btn-cta-apply,
.cu-btn-cta-apply,
.london-btn-cta-apply,
.online-btn-cta-apply {
    background-color: #0098A9;
    color: white;
    border: 2px solid #333;
}

.btn-cta-apply:hover {
    background-color: #A529A5;
    color: #fff;
}

.cu-btn-cta-apply:hover {
    background-color: #D54308;
    color: #fff;
}

.london-btn-cta-apply:hover {
    background-color: #99CC00;
    color: #fff;
}

.online-btn-cta-apply:hover {
    background-color: #ed3a51;
    color: #fff;
}


.btn-cta {
    background-color: #F8F8F8;
    color: black;
    border: 2px solid #333;
}

.btn-cta:hover {
    background-color: #000;
    color: #fff;
}

.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hidden-xs .cta-button-group {
    margin-bottom: 5px;
}

/* COOKIE */
.cookie-disclaimer {
    background: #000000;
    color: #FFF;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1051;
    height: auto;
    position: fixed;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 40px;
}

.cookie-disclaimer p {
    font-size: 16px !important;
}

.cookie-disclaimer .cookie-container {
    text-align: left;
    padding: 15px 30px 15px 30px;
}

.cookie-text {
    width: 83.33333333%;
    float: left;
}

.cookie-button {
    width: 16.66666667%;
    float: left;
}

.cookie-disclaimer a {
    color: #00717f !important;
    text-decoration: underline !important;
}

.cookie-disclaimer a:hover {
    color: #FFF !important;
}

.btn-cookie {
    font-weight: normal !important;
    text-align: center;
    vertical-align: middle !important;
    touch-action: manipulation;
    padding: 12px 16px;
    font-size: 18px !important;
    line-height: 16px !important;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    background-color: #0097A9;
    text-decoration: none !important;
    color: #fff !important;
    margin-bottom: 15px !important;
    width: 100%;
    border: 3px solid black;
}

.btn-cookie:hover,
.btn-cookie:focus,
.btn-cookie.focus,
.btn-cookie:active,
.btn-cookie.active,
.open>.dropdown-toggle.btn-cookie {
    color: #000 !important;
    background-color: #fff;
}

@media (max-width: 768px) {
    .cookie-disclaimer {
        margin-bottom: 60px;
    }

    .cookie-disclaimer .cookie-container {
        text-align: center !important;
        font-size: 14px !important;
        padding: 5px 15px 5px 15px;
    }

    .cookie-text,
    .cookie-button {
        width: 100%;
    }

    .btn-cookie {
        font-size: 14px !important;
    }

    .cookie-disclaimer p {
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    .cookie-disclaimer {
        margin-bottom: 70px;
    }
}

.cookie-mgmt {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    bottom: 15px;
    cursor: pointer;
    height: 50px;
    left: 15px;
    opacity: 0;
    padding: 5px 5px 0 4px;
    position: fixed;
    text-align: center;
    transition: bottom 250ms ease-in-out;
    width: 50px;
    z-index: 9998;
}

.cookie-mgmt:hover,
.cookie-mgmt:focus {
    bottom: 20px;
}

button.cookie-mgmt {
    padding: 0;
}

/* INPUT GROUP - SEARCH */
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

/* HIDE-REVEAL TOGGLES */

.hide-reveal {
    font-size: 17px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 5px;
}

.hide-reveal-module {
    font-size: 16px;
    font-weight: 700;
}

.hide-reveal-header {
    border-bottom: none;
}

/* TABBED WIDGETS - SEARCH */
.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #333;
    background: #F8F8F8;
    border: none;
    cursor: default;
}

.course-finder-search .nav-tabs>li.active,
.course-finder-search .nav-tabs>li.active>a,
.course-finder-search .nav-tabs>li.active>a:hover,
.course-finder-search .nav-tabs>li.active>a:focus {
    color: #FFF;
    background: none;
    background-color: none;
    border: none;
    cursor: default;
}

.course-finder-search .nav-tabs li {
    background-color: rgba(255, 255, 255, 0.7);
    margin-right: 5px;
    margin-bottom: 0px;
}

.course-finder-search li.active {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff;
    margin-right: 5px;
    border: none;
}

.course-finder-search li a {
    font-size: 15px;
    padding: 12.5px 25px;
}

.tabbed-search-body {
    padding: 30px 25px;
    background: rgba(0, 0, 0, 0.7);
    border: none;
}

.tabbed-search-body h5,
.tabbed-search-body h4 {
    margin: 0;
}

/* TABBED WIDGETS */

.tabbed-widget-header li {
    background-color: #E4E4E4;
    border-right: 5px solid white;
}

.tabbed-widget-header li.active {
    background-color: #F8F8F8;
    border-right: 5px solid white;
}

.tabbed-widget-header li a {
    font-size: 15px;
    padding: 12.5px 25px;
}

.tabbed-widget-body {
    padding: 30px 25px;
    background-color: #F8F8F8;
}

.tabbed-widget-body h5,
.tabbed-widget-body h4 {
    margin: 0;
}

#offerInfo table,
#modules-body table {
    font-size: 13px;
    margin-bottom: 15px;
}

/* KIS WIDGET */

#kis-widget-section .tabbed-widget-header li.active,
#kis-widget-section .tabbed-widget-header li.active a {
    background-color: #F8F8F8;
    color: #333;
}

#kis-widget-section .tabbed-widget-body {
    background-color: #F8F8F8;
}

.kis-widget-horizontal {
    overflow: hidden;
    border: 0px none transparent;
    width: 615px;
    height: 150px;
}

.kis-widget-vertical {
    overflow: hidden;
    border: 0px none transparent;
    width: 190px;
    height: 500px;
}

@media (max-width: 767px) {
    #kis-widget-section .tabbed-widget-body {
        width: 50%;
        margin: 0 auto 0 auto;
    }

    #kis-widget-nav {
        width: 50%;
        margin: 0 auto 0 auto;
    }
}

@media (max-width: 480px) {
    #kis-widget-section .tabbed-widget-body {
        width: 100%;
        margin: 0 auto 0 auto;
    }

    #kis-widget-nav {
        width: 100%;
        margin: 0 auto 0 auto;
    }
}

.twoToneIcon-indent ul.list-arrow, .twoToneIcon-indent p {
    margin-left: 150px;
}
@media (max-width: 991px) {
    .twoToneIcon-indent ul.list-arrow, .twoToneIcon-indent p {
        margin-left: 0px;
    }
}

/* CPD COURSES */
.cpd-overview {
    padding: 30px 25px;
    background-color: #F8F8F8;
}

.cpd-overview h5,
.cpd-overview h4 {
    margin: 0;
}

/* TABLE OPTIONS */
table ul,
table ol {
    font-size: 1em;
    margin-bottom: 0px;
}

/* Basic Grey */
.table-grey-basic {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    background-color: #f8f8f8;
}

.table-grey-basic th {
    background-color: #dedfe0;
    border: 2px solid #FFF;
    font-weight: bold;
    padding: 10px;
}

.table-grey-basic td {
    vertical-align: top;
    border: 2px solid #FFF;
    padding: 10px;
}

/*Zebra Grey */
.table-grey-zebra {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    background-color: #f8f8f8;
}

.table-grey-zebra th {
    background-color: #dedfe0;
    border: 2px solid #FFF;
    font-weight: bold;
    padding: 10px;
}

.table-grey-zebra td {
    vertical-align: top;
    border: 2px solid #FFF;
    padding: 10px;
}

.table-grey-zebra tr:nth-child(even) {
    background-color: #FFFFFF;
}

/* Basic Purple */
.table-purple-basic {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    background-color: #f8f8f8;
}

.table-purple-basic th {
    background-color: #333366;
    border: 2px solid #FFF;
    font-weight: bold;
    padding: 10px;
    color: #FFF;
}

.table-purple-basic td {
    vertical-align: top;
    border: 2px solid #FFF;
    padding: 10px;
}

#entry-requirements-body .table-purple-basic {
    background-color: #FFFFFF;
}

#entry-requirements-body .table-purple-basic td {
    vertical-align: top;
    border: 2px solid #f8f8f8;
    padding: 10px;
}

/* Zebra Purple */
.table-purple-zebra {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    background-color: #f8f8f8;
}

.table-purple-zebra th {
    background-color: #333366;
    border: 2px solid #FFF;
    font-weight: bold;
    padding: 10px;
    color: #FFF;
}

.table-purple-zebra td {
    vertical-align: top;
    border: 2px solid #FFF;
    padding: 10px;
}

.table-purple-zebra tr:nth-child(even) {
    background-color: #FFFFFF;
}

/* Table Collapse */
@media all and (max-width: 479px) {

    .table-collapse table,
    .table-collapse thead,
    .table-collapse tbody,
    .table-collapse th,
    .table-collapse td,
    .table-collapse tr {
        display: block;
    }
}

/* Highlight Colours */
.grey-cell {
    background-color: #dedfe0;
}

/* Hover Colours */
.table-hover>tbody>tr:hover {
    background-color: #F0F0F0;
}

/* Table */
/* FOOTER */
.copyright-container a {
    text-decoration: underline;
}

.copyright-container a:hover {
    color: inherit;
    text-decoration: none;
}

.copyright-container {
    font-size: 0.667em;
}

/* CONTACT BLOCKS */
.icon-block-bkgnd,
.icon-block {
    font-size: 28px;
    font-weight: 900;
}

.icon-block-bkgnd {
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 50%, #e4e4e4 50%, #e4e4e4 100%);
}

.grey-bkgnd .icon-block-bkgnd {
    background: linear-gradient(to bottom, #f2f3f5 0%, #f2f3f5 50%, #f2f3f5 50%, #e4e4e4 50%, #e4e4e4 100%);
    font-size: 28px;
    font-weight: 900;
}

.icon-block-bkgnd img,
.icon-block img,
.icon-block-bkgnd span.fa,
.icon-block span.fa {
    display: block;
}

.icon-block-bkgnd img,
.icon-block img {
    margin-bottom: 10px;
}

.icon-block-bkgnd span.fa,
.icon-block span.fa {
    display: block;
    font-size: 70px;
    padding-left: 17.5px;
}

.icon-block-bkgnd span,
.icon-block span {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

.icon-block-bkgnd a,
.icon-block a {
    color: #FFF;
    display: block;
    padding: 40px 20px;
}

.icon-block .col-sm-6,
.icon-block .col-md-3 {
    padding: 40px 20px;
}

.icon-block-bkgnd a img,
.icon-block-bkgnd a span.fa,
.icon-block a img,
.icon-block a span.fa {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.icon-block-bkgnd a:hover img,
.icon-block-bkgnd a:hover span.fa,
.icon-block a:hover img,
.icon-block a:hover span.fa {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.icon-block-bkgnd .row.no-gutters,
.icon-block .row.no-gutters {
    background-color: transparent;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* NUMBER BLOCKS */
.number-block-grey-lg,
.number-block-black-lg,
.number-block-pink-lg,
.number-block-green-lg,
.number-block-orange-lg,
.number-block-red-lg {
    width: 65px;
    height: 65px;
    text-align: center;
    color: #444;
    background-color: #e4e4e4;
    float: left;
    font-size: 2.813em;
    font-weight: bold;
    line-height: 1.5;
    margin-right: 10px;
}

.number-block-grey-md,
.number-block-black-md,
.number-block-pink-md,
.number-block-green-md,
.number-block-orange-md,
.number-block-red-md {
    width: 45px;
    height: 45px;
    text-align: center;
    color: #444;
    background-color: #e4e4e4;
    float: left;
    font-size: 1.750em;
    font-weight: bold;
    line-height: 1.7;
    margin-right: 10px;
}

.number-block-grey-sm,
.number-block-black-sm,
.number-block-pink-sm,
.number-block-green-sm,
.number-block-orange-sm,
.number-block-red-sm {
    width: 35px;
    height: 35px;
    text-align: center;
    color: #444;
    background-color: #e4e4e4;
    float: left;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.9;
    margin-right: 10px;
}

.number-block-grey-xs,
.number-block-black-xs,
.number-block-pink-xs,
.number-block-green-xs,
.number-block-orange-xs,
.number-block-red-xs {
    width: 25px;
    height: 25px;
    text-align: center;
    color: #444;
    background-color: #e4e4e4;
    float: left;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.8;
    margin-right: 10px;
}

.number-block-black-lg,
.number-block-black-md,
.number-block-black-sm,
.number-block-black-xs {
    color: #FFF;
    background-color: #000;
}

.number-block-pink-lg,
.number-block-pink-md,
.number-block-pink-sm,
.number-block-pink-xs {
    color: #FFF;
    background-color: #A529A5;
}

.number-block-green-lg,
.number-block-green-md,
.number-block-green-sm,
.number-block-green-xs {
    background-color: #99CC00;
}

.number-block-orange-lg,
.number-block-orange-md,
.number-block-orange-sm,
.number-block-orange-xs {
    color: #FFF;
    background-color: #D54308;
}

.number-block-red-lg,
.number-block-red-md,
.number-block-red-sm,
.number-block-red-xs {
    color: #FFF;
    background-color: #ED3A51;
}

/* LINKLISTBLOCK*/
.mm-ul {
    margin-bottom: 0px;
}

.link-list h3 {
    margin-top: 0px;
}

/* BORDER */
.bt1,
.bv1,
.ba1 {
    border-top: solid 1px #CCCCCE !important;
}

.br1,
.bh1,
.ba1 {
    border-right: solid 1px #CCCCCE !important;
}

.bb1,
.bv1,
.ba1 {
    border-bottom: solid 1px #CCCCCE !important;
}

.bl1,
.bh1,
.ba1 {
    border-left: solid 1px #CCCCCE !important;
}

.bt0,
.bv0,
.ba0 {
    border-top: none !important;
}

.bb0,
.bv0,
.ba0 {
    border-bottom: none !important;
}

.bl0,
.bh0,
.ba0 {
    border-left: none !important;
}

.br0,
.bh0,
.ba0 {
    border-right: none !important;
}

.bbt5,
.bbv5,
.bba5 {
    border-top: solid 5px #000000 !important;
}

.bbr5,
.bbh5,
.bba5 {
    border-right: solid 5px #000000 !important;
}

.bbb5,
.bbv5,
.bba5 {
    border-bottom: solid 5px #000000 !important;
}

.bbl5,
.bbh5,
.bba5 {
    border-left: solid 5px #000000 !important;
}

/* BORDER RADIUS */
.br0 {
    border-radius: 0px;
}

/* PADDING / MARGIN */

.ptn,
.pvn,
.pan {
    padding-top: 0 !important;
}

.pts,
.pvs,
.pas {
    padding-top: 5px !important;
}

.ptm,
.pvm,
.pam {
    padding-top: 10px !important;
}

.ptl,
.pvl,
.pal {
    padding-top: 20px !important;
}

.ptxl,
.pvxl,
.paxl {
    padding-top: 40px !important;
}

.prn,
.phn,
.pan {
    padding-right: 0px !important;
}

.prs,
.phs,
.pas {
    padding-right: 5px !important;
}

.prm,
.phm,
.pam {
    padding-right: 10px !important;
}

.prl,
.phl,
.pal {
    padding-right: 20px !important;
}

.prxl,
.phxl,
.paxl {
    padding-right: 40px !important;
}

.pbn,
.pvn,
.pan {
    padding-bottom: 0px !important;
}

.pbs,
.pvs,
.pas {
    padding-bottom: 5px !important;
}

.pbm,
.pvm,
.pam {
    padding-bottom: 10px !important;
}

.pbl,
.pvl,
.pal {
    padding-bottom: 20px !important;
}

.pbxl,
.pvxl,
.paxl {
    padding-bottom: 40px !important;
}

.pln,
.phn,
.pan {
    padding-left: 0 !important;
}

.pls,
.phs,
.pas {
    padding-left: 5px !important;
}

.plm,
.phm,
.pam {
    padding-left: 10px !important;
}

.pll,
.phl,
.pal {
    padding-left: 20px !important;
}

.plxl,
.phxl,
.paxl {
    padding-left: 40px !important;
}

.mtn,
.mvn,
.man {
    margin-top: 0px !important;
}

.mts,
.mvs,
.mas {
    margin-top: 5px !important;
}

.mtm,
.mvm,
.mam {
    margin-top: 10px !important;
}

.mtl,
.mvl,
.mal {
    margin-top: 20px !important;
}

.mtxl,
.mvxl,
.maxl {
    margin-top: 40px !important;
}

.mrn,
.mhn,
.man {
    margin-right: 0 !important;
}

.mrs,
.mhs,
.mas {
    margin-right: 5px !important;
}

.mrm,
.mhm,
.mam {
    margin-right: 10px !important;
}

.mrl,
.mhl,
.mal {
    margin-right: 20px !important;
}

.mrxl,
.mhxl,
.maxl {
    margin-right: 40px !important;
}

.mbn,
.mvn,
.man {
    margin-bottom: 0px !important;
}

.mbs,
.mvs,
.mas {
    margin-bottom: 5px !important;
}

.mbm,
.mvm,
.mam {
    margin-bottom: 10px !important;
}

.mbl,
.mvl,
.mal {
    margin-bottom: 20px !important;
}

.mbxl,
.mvxl,
.maxl {
    margin-bottom: 40px !important;
}

.mln,
.mhn,
.man {
    margin-left: 0 !important;
}

.mls,
.mhs,
.mas {
    margin-left: 5px !important;
}

.mlm,
.mhm,
.mam {
    margin-left: 10px !important;
}

.mll,
.mhl,
.mal {
    margin-left: 20px !important;
}

.mlxl,
.mhxl,
.maxl {
    margin-left: 40px !important;
}

.ptxxl {
    padding-top: 50px !important;
}

.pbxxl {
    padding-bottom: 50px !important;
}

.pvxxl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.p15 {
    padding: 15px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pr15 {
    padding-right: 15px;
}

.mbn .videoWrapper {
    margin-bottom: 0px !important;
}

.rmn {
    margin-left: -30px;
    margin-right: -30px;
}

.ph30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

.pt30 {
    padding-top: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pt35 {
    padding-top: 35px;
}

.lgIcon-indent {
    margin-left: 29px;
}

@media (max-width: 767px) {
    .lgIcon-indent {
        margin-left: 0px;
    }
}

.newIcon-indent {
    margin-left: 100px;
}

@media (max-width: 767px) {
    .newIcon-indent {
        margin-left: 0px;
    }
}

/* MOBILE PADDING / MARGIN CSS */
@media (max-width: 767px) {
    .m-mtm {
        margin-top: 10px;
    }

    .m-mtl {
        margin-top: 20px;
    }

    .m-mbm {
        margin-bottom: 10px;
    }
}

/* ADDITIONAL CSS */
.white-bkgnd {
    background-color: #FFF !important;
}

.grey-panel .white-bkgnd {
    background-color: #F8F8F8 !important;
}

.pink-bkgnd {
    background-color: #A529A5 !important;
}

.orange-bkgnd {
    background-color: #D54308 !important;
}

.green-bkgnd {
    background-color: #99CC00 !important;
}

.red-bkgnd {
    background-color: #ed3a51 !important;
}

/* PANELS */
.panels {
    background-color: #f2f3f5;
    padding-top: 20px;
    margin: 0px;
}

.panels-ptn .panels {
    padding-top: 0px !important;
}

.white-bkgnd .panels {
    background-color: #FFFFFF;
}

.container {
    height: 100%;
    max-width: 1180px;
}

@media (min-width: 1200px) {
    .container {
        width: 1180px;
    }
}

.panels .container {
    margin-top: 35px;
    margin-bottom: 35px;
    height: 0%;
}

.container-sidebar {
    padding: 0;
}

@media (min-width: 1200px) {
    .container-sidebar {
        width: 855px;
    }
}

.campus-panel {
    padding-top: 40px;
    padding-bottom: 40px;
}

.campus-panel .nav a {
    display: inline-block;
}

.panels .container.campus-panel {
    margin-bottom: 0px;
}

.box-links h4 {
    display: block;
    background-color: #000;
    color: #FFF;
    padding: 10px;
    font-size: 15px;
    margin: 0px;
}

.box-links p {
    display: block;
    background-color: #FFF;
    color: #000;
    padding: 10px;
}

.grey-bkgnd .box-links p {
    background-color: #E0E0E0;
}

.notice-content {
    background-color: #FFF;
    padding: 15px;
    margin-bottom: 30px;
}

.grey-panel .notice-content {
    background-color: #F8F8F8 !important;
}

.black-panel .notice-content {
    background-color: #000000 !important;
}

.notice-board h3,
.notice-board h4 {
    color: #333;
    font-size: 16px;
    margin: 0px;
    padding-bottom: 10px;
}

.notice-board h5 {
    color: #333;
    margin: 0px;
}

.black-panel .notice-content h4,
.black-panel .notice-content p {
    color: #FFF;
}

.notice-board .date {
    color: #595959 !important;
    font-size: 0.8125em;
    margin-bottom: 5px;
}

.black-box {
    background-color: #000;
    padding: 20px;
}

@media (min-width: 576px) {
    .black-box {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
    }
}

.black-box .pof-number-large-style-1 {
    color: #FFF !important;
    text-align: center;
}

.black-box .pof-statement-large-style-1 {
    color: #FFF !important;
}

.feature-panel-left .text-content {
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.feature-panel-right .text-content {
    padding-left: 20px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.feature-panel .lead {
    margin-bottom: 5px;
}

.feature-panel-left h2,
.feature-panel-right h2 {
    font-size: 2.5em;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 1.5;
}

.feature-panel-left h3,
.feature-panel-right h3 {
    font-size: 1.75em;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 1.5;
}

.feature-panel-left h4,
.feature-panel-right h4 {
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 1.5;
}

.feature-panel-left h2.h2,
.feature-panel-right h2.h2,
.feature-panel-left h3.h2,
.feature-panel-right h3.h2,
.feature-panel-left h4.h2,
.feature-panel-right h4.h2,
.feature-panel-left h5.h2,
.feature-panel-right h5.h2 {
    font-size: 1.75em;
}

.feature-panel-left h2.h3,
.feature-panel-right h2.h3,
.feature-panel-left h3.h3,
.feature-panel-right h3.h3,
.feature-panel-left h4.h3,
.feature-panel-right h4.h3,
.feature-panel-left h5.h3,
.feature-panel-right h5.h3 {
    font-size: 1.4em;
}

.feature-panel-left h2.h4,
.feature-panel-right h2.h4,
.feature-panel-left h3.h4,
.feature-panel-right h3.h4,
.feature-panel-left h4.h4,
.feature-panel-right h4.h4,
.feature-panel-left h5.h4,
.feature-panel-right h5.h4 {
    font-size: 1.2em;
}

.feature-panel-left h2.h5,
.feature-panel-right h2.h5,
.feature-panel-left h3.h5,
.feature-panel-right h3.h5,
.feature-panel-left h4.h5,
.feature-panel-right h4.h5,
.feature-panel-left h5.h5,
.feature-panel-right h5.h5 {
    font-size: 0.875em;
}

@media (min-width: 768px) {

    .-y-centre .feature-panel-left .row,
    .-y-centre .feature-panel-right .row {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.black-panel .feature-panel-right .white-bkgnd,
.black-panel .feature-panel-left .white-bkgnd {
    background-color: #000000 !important;
}

.black-panel .feature-panel-left h2,
.black-panel .feature-panel-right h2,
.black-panel .feature-panel-left h3,
.black-panel .feature-panel-right h3,
.black-panel .feature-panel-left h4,
.black-panel .feature-panel-right h4,
.black-panel .feature-panel-left p,
.black-panel .feature-panel-right p {
    color: #FFF;
}

.img-cover {
    width: 100%;
}

.video-white-bkgnd {
    padding: 30px;
    background-color: #FFF !important;
}

.grey-bkgnd .video-white-bkgnd,
.grey-panel .video-white-bkgnd {
    background-color: #F8F8F8 !important;
}

.black-bkgnd .video-white-bkgnd,
.black-panel .video-white-bkgnd {
    background-color: #000000 !important;
}

.black-bkgnd .video-white-bkgnd h3,
.black-panel .video-white-bkgnd h3 {
    color: #FFFFFF;
}

.black-bkgnd .video-white-bkgnd p,
.black-panel .video-white-bkgnd p {
    color: #FFFFFF;
}

.responsive-video {
    position: relative;
    padding-bottom: 52%;
    padding-top: 0px;
    overflow: hidden;
}


.responsive-video > div {
    height: 100% !important;
    position: absolute !important;
    width: 100% !important;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.event-list,
.news-list {
    margin: 0px;
    padding: 0px;
    border: 1px solid #fff;
    background-color: #fff;
}

.grey-border .event-list,
.grey-border .news-list {
    border: 1px solid #ccc;
}

.event-date,
.cu-event-date,
.london-event-date,
.online-event-date {
    position: absolute;
    width: 115px;
    height: 115px;
    background-color: #a529a5;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #fff;
}

.grey-border .event-date,
.grey-border .cu-event-date,
.grey-border .london-event-date,
.grey-border .online-event-date {
    border-right: 1px solid #ccc;
}

.cu-event-date {
    background-color: #D54308;
}

.london-event-date {
    background-color: #99CC00;
}

.online-event-date {
    background-color: #ed3a51;
}

.event-date .day,
.cu-event-date .day,
.london-event-date .day,
.online-event-date .day {
    font-size: 56px;
    line-height: 56px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.event-date .month,
.cu-event-date .month,
.london-event-date .month,
.online-event-date .month {
    font-size: 32px;
    line-height: 32px;
    display: block;
    padding: 0px;
    margin: 0px;
}

.event-info {
    position: relative;
    margin-left: 115px;
    min-height: 115px;
}

.event-type,
.news-type {
    background-color: #000;
    color: #fff;
    border-right: 1px solid #fff;
    font-weight: bold;
    padding: 0px 10px;
    width: 65px;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
}

.event-title,
.news-title {
    background-color: #e4e4e4;
    font-weight: bold;
    padding: 0px 10px;
    margin-left: 65px;
    color: #333 !important;
    line-height: 36px;
}

.event-desc,
.news-desc {
    padding: 5px 10px;
}

.event-desc p,
.news-desc p {
    padding: 0px;
    margin: 0px;
}

.news-info {
    position: relative;
    margin-left: 179px;
    min-height: 115px;
}

.news-thumb {
    position: absolute;
    width: 179px;
    height: 115px;
    color: #fff;
    text-align: center;
    border-right: 1px solid #fff;
}

.list-tick,
.cu-list-tick,
.london-list-tick {
    margin: 0px;
    margin-bottom: 20px;
}

.list-tick li,
.cu-list-tick li,
.london-list-tick li {
    list-style: none;
}

.list-tick li:before,
.cu-list-tick li:before,
.london-list-tick li:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 10px;
    content: "\f00c";
    color: #A529A5;
}

.cu-list-tick li:before {
    color: #D54308;
}

.london-list-tick li:before {
    color: #99CC00;
}

.image-panel-container {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.image-panel {
    display: flex;
    width: 100%;
    height: auto;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #0f0f0f;
    padding: 30px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}

.image-panel:before {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.image-panel:after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,1)', GradientType=1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.image-panel h2 {
    position: relative;
    z-index: 100;
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.image-panel h2 span {
    color: #fff;
    display: block;
    margin: 0px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}

.image-panel p {
    position: relative;
    z-index: 100;
    color: #fff;
    margin: 0;
    font-size: 16px;
    width: 100%;
    line-height: 26px;
}

.image-panel p span {
    display: block;
    font-size: 80%;
    margin-top: 20px;
    color: #aeaeae;
}

@media all and (min-width: 500px) {
    .image-panel p {
        width: 80%;
    }
}

@media all and (min-width: 600px) {
    .image-panel h2 {
        font-size: 50px;
        line-height: 55px;
    }
}

@media all and (min-width: 900px) {
    .image-panel {
        padding: 70px 20px;
    }

    .image-panel h2 {
        font-size: 70px;
        line-height: 75px;
        margin-bottom: 20px;
    }

    .image-panel p {
        width: 800px;
    }
}

.image-panel a.btn-primary {
    position: relative;
    z-index: 500;
    margin: 30px auto 0;
}

.image-panel-alt {
    display: flex;
    width: 100%;
    height: auto;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #0f0f0f;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    text-align: center;
    box-sizing: border-box;
}

.image-panel-text {
    text-align: left;
}

.image-panel-alt h2 {
    position: relative;
    z-index: 100;
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 0px;
}

.image-panel-alt h2 span {
    color: #fff;
    display: block;
    margin: .1em 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}

.image-panel-alt p {
    position: relative;
    z-index: 100;
    color: #fff;
    margin: 0;
    font-size: 1em;
    width: 100%;
    line-height: 1.5;
}

.image-panel-alt p span {
    display: block;
    font-size: 80%;
    margin-top: 20px;
    color: #aeaeae;
}

@media all and (min-width: 500px) {
    .image-panel-alt {
        padding: 30px 30px;
    }

    .image-panel-alt p {
        width: 80%;
    }

    .image-panel-alt h2 {
        font-size: 50px;
        line-height: 55px;
    }
}

@media all and (min-width: 769px) {
    .image-panel-alt {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .image-panel-alt h2 {
        font-size: 70px;
        line-height: 75px;
        margin-bottom: 20px;
    }
}

@media all and (min-width: 900px) {
    .image-panel-alt {
        padding: 80px 0px;
    }

    .image-panel-alt p {
        width: 800px;
    }
}

.image-panel-alt a.btn-primary {
    position: relative;
    z-index: 500;
    margin: 25px auto 0;
}

.mvn .jcarousel-wrapper {
    margin: 0px auto;
}

.mvn .jcarousel-control-prev,
.mvn .jcarousel-control-next {
    top: 44% !important;
}

.hide-controls .jcarousel-control-prev,
.hide-controls .jcarousel-control-next {
    display: none;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    background: #0097A9;
}

@media all and (max-width: 599px) {

    .jcarousel-control-prev,
    .jcarousel-control-next {
        top: 44% !important;
    }
}

@media all and (max-width: 414px) {

    .jcarousel-control-prev,
    .jcarousel-control-next {
        top: 40% !important;
    }
}

/*////////////////////////*/

PG HERO STYLES
/*////////////////////////*/


.head-hero-pg {
    font-size: 4em;
    text-align: left;
    line-height: 1em;
    padding-left: 15px;
}

.image-panel-text-pg {
    text-align: left;
    padding-left: 20px;
    font-size: 1.5em;
}


@media (max-width: 1199px) and (min-width: 280px) {
    .head-hero-pg {
        font-size: 3em !important;
    }

    .image-panel-text-pg {
        font-size: 1.2em;
    }
}

@media (max-width: 767px) {
    .image-panel-alt {
        display: inline-block;
    }
}




/*
.blog-profile i {
    color: #A529A5;
}*/
.cu-blog-profile i {
    color: #D54308;
}

.london-blog-profile i {
    color: #99CC00;
}

/* NUMBER BLOCKS */
.sm-number-block {
    padding: 5px 10px;
    background-color: #dc3030;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    float: left;
    margin-right: 10px;
}

/* CLEARING */
.clearing-campaign-teal {
    color: #0C6D66 !important;
}

.clearing-campaign-teal-bkgnd {
    background-color: #0C6D66 !important;
}

.clearing-campaign-teal-accent {
    color: #c9d8d7 !important;
}

.clearing-campaign-teal-accent-bkgnd {
    background-color: #c9d8d7 !important;
}

.clearing-campaign-orange-new {
    color: #C33C06 !important;
}

.clearing-campaign-orange-new-bkgnd {
    background-color: #C33C06 !important;
}

.clearing-campaign-orange-new-accent {
    color: #f1c7b7 !important;
}

.clearing-campaign-orange-new-accent-bkgnd {
    background-color: #f1c7b7 !important;
}

.clearing-campaign-olive {
    color: #5C5C47 !important;
}

.clearing-campaign-olive-bkgnd {
    background-color: #5C5C47 !important;
}

.clearing-campaign-olive-accent {
    color: #d6d6cd !important;
}

.clearing-campaign-olive-accent-bkgnd {
    background-color: #d6d6cd !important;
}

.clearing-campaign-purple {
    color: #4d3879 !important;
}

.clearing-campaign-purple-bkgnd {
    background-color: #4d3879 !important;
}

.clearing-campaign-purple-mid {
    color: #a586b1 !important;
}

.clearing-campaign-purple-mid-bkgnd {
    background-color: #a586b1 !important;
}

.clearing-campaign-purple-accent {
    color: #d8d4dd !important;
}

.clearing-campaign-purple-accent-bkgnd {
    background-color: #d8d4dd !important;
}

.clearing-campaign-london {
    color: #2f2455 !important;
}

.clearing-campaign-london-bkgnd {
    background-color: #2f2455 !important;
}

.clearing-campaign-london-accent {
    color: #bfbdcd !important;
}

.clearing-campaign-london-accent-bkgnd {
    background-color: #bfbdcd !important;
}

.clearing-campaign-grey {
    color: #444444 !important;
}

.clearing-campaign-grey-bkgnd {
    background-color: #444444 !important;
}

.clearing-campaign-grey-accent {
    color: #CFD5DC !important;
}

.clearing-campaign-grey-accent-bkgnd {
    background-color: #CFD5DC !important;
}

.clearing-campaign-blue {
    color: #0b4880 !important;
}

.clearing-campaign-blue-bkgnd {
    background-color: #0b4880 !important;
}

.clearing-campaign-blue-accent {
    color: #c1cee1 !important;
}

.clearing-campaign-blue-accent-bkgnd {
    background-color: #c1cee1 !important;
}

.clearing-campaign-salmon {
    color: #964B57 !important;
}

.clearing-campaign-salmon-bkgnd {
    background-color: #964B57 !important;
}

.clearing-campaign-salmon-accent {
    color: #e5cdd1 !important;
}

.clearing-campaign-salmon-accent-bkgnd {
    background-color: #e5cdd1 !important;
}

.clearing-campaign-green {
    color: #99CC00 !important;
}

.clearing-campaign-green-bkgnd {
    background-color: #99CC00 !important;
}

.clearing-campaign-green-accent {
    color: #99CC00 !important;
}

.clearing-campaign-green-accent-bkgnd {
    background-color: #99CC00 !important;
}

.clearing-campaign-pink {
    color: #A529A5 !important;
}

.clearing-campaign-pink-bkgnd {
    background-color: #A529A5 !important;
}

.clearing-campaign-pink-accent {
    color: #A529A5 !important;
}

.clearing-campaign-pink-accent-bkgnd {
    background-color: #A529A5 !important;
}

.clearing-campaign-orange {
    color: #D54308 !important;
}

.clearing-campaign-orange-bkgnd {
    background-color: #D54308 !important;
}

.clearing-campaign-orange-accent {
    color: #f1c7b7 !important;
}

.clearing-campaign-orange-accent-bkgnd {
    background-color: #f1c7b7 !important;
}

.clearing-campaign {
    font-size: 60px !important;
    line-height: 60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

.clearing-quote-marks em,
.clearing-quote-marks i {
    font-size: 80px;
    float: left;
    margin: 0px;
}

.home-course-search-text {
    color: white;
    font-size: 28px;
    font-weight: 100;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.home-course-search {
    background-color: #6b6969 !important;
}


.red-clearing-color {
    color: #CE162F;
}

.red-clearing {
    background-color: #CE162F;
    padding: 0px 0px 10px;
}


.red-clearing p,
.red-clearing h3,
.red-clearing h4,
.red-clearing h5 {
    color: #FFF;
}

.red-clearing h5 {
    margin-top: 0px;
    ;
}

.white {
    color: #FFF;
}

.red-clearing h4 {
    padding-bottom: 0px;
    margin-top: 8px;
}

.red-clearing a {
    color: #FFF;
    text-decoration: underline;
}

.red-clearing a:hover {
    color: #000;
}

.red-clearing .lead {
    line-height: 19px;
}

.clearing-search {
    margin-top: 38px !important;
}

.red-clearing .clearing-search {
    margin-top: 24px !important;
}

@media (max-width: 767px) {
    .clearing-search {
        margin-top: 10px !important;
    }

    .red-clearing .clearing-search {
        margin-bottom: 20px;
    }

    .drop-1,
    .drop-2 {
        margin-bottom: 20px !important;
    }
}

/*.dropdown {
    z-index: 1085;
}*/

.red-clearing .dropdown-menu {
    margin: 0px;
    border-radius: 0px;
    width: 100%;
    z-index: 1035;
    border: none;
}

.clearing-dropdown {
    padding: 8px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    border: none;
}

.location-panel {
    padding-top: 30px;
    padding-bottom: 30px;
}

.location-panel a,
.grey-box li a {
    text-decoration: underline;
}

.clearing-link {
    text-decoration: underline;
    color: #00717f;
}

.clearing-link:hover {
    text-decoration: underline;
}

.location-panel i,
.clearing-link i {
    font-size: 18px;
    margin-right: 5px;
}

.clearing-phone {
    font-size: 32px;
    font-weight: bold;
}

.clearing-phone i {
    color: #dc3030;
    font-size: 36px;
    margin-right: 10px;
}

.clearing-phone-large {
    font-size: 38px;
    font-weight: bold;
}

.clearing-phone-largest {
    font-size: 40px;
    font-weight: bold;
}

.clearing-phone-ex-large {
    font-size: 50px;
    font-weight: bold;
}

.grey-stroke {
    border: 1px solid #ccc;
}

.grey-box {
    background-color: #F8F8F8;
    padding: 10px 25px;
    margin: 0px;
}

.line-height-sm {
    line-height: 1.2;
}

i.grey-box-icon {
    color: #dc3030;
    margin-right: 10px;
    font-size: 32px;
}

.red-clearing i.grey-box-icon {
    color: #FFF;
    margin-right: 5px;
    font-size: 42px;
}

.red-clearing i.grey-box-icon-ex-lrg {
    color: #FFF;
    margin-right: 5px;
    font-size: 55px;
}

.grey-box-line {
    border-left: 1px solid #cccccc;
    padding-left: 25px;
}

.grey-box-v-line {
    border-top: 1px solid #cccccc;
    margin-top: 15px;
    padding-bottom: 15px;
}

.campus-label,
.page-type-label {
    display: inline-block;
    background-color: #dedfe0;
    color: #636363;
    font-size: 11px;
    line-height: 1.1;
    padding: 4px 5px 4px 5px;
    font-weight: normal;
    margin-left: 6px;
}

.page-type-label {
    background-color: #222;
    color: #FFF;
}

.tariff-point-label {
    display: inline-block;
    background-color: #222;
    color: #FFF;
    margin-right: 6px;
    font-size: 14px;
    line-height: 1;
    padding: 4px 5px 4px 5px;
    font-weight: normal;
}

@media (max-width: 992px) {
    .campus-label {
        margin-left: 0px;
    }

    .page-type-label {
        margin-left: 0px;
        margin-right: 6px;
    }
}

.entry-label {
    color: #696969;
    font-size: 11px;
    font-weight: normal;
}

@-moz-document url-prefix() {

    .campus-label,
    .page-type-label {
        padding: 5px 5px 3px 5px;
    }
}

.campus-label.cov-label {
    color: #FFF !important;
    background-color: #0066cb !important;
}

.campus-label.london-label {
    color: #FFF !important;
    background-color: #52478A !important;
}

.campus-label.cu-label {
    color: #000 !important;
    background-color: #F7A900 !important;
}

h3.clearing-heading-pink,
h2.clearing-heading-pink {
    color: #FFF;
    display: block;
    background-color: #A529A5;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-orange,
h2.clearing-heading-orange {
    color: #FFF;
    display: block;
    background-color: #D54308;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-green,
h2.clearing-heading-green {
    color: #FFF;
    display: block;
    background-color: #99CC00;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading,
h2.clearing-heading {
    color: #FFF;
    display: block;
    /*background-color: #dc3030;*/
    background-color: #0066cb !important;
    padding: 12px 25px;
    margin: 0px;
}

.london-heading h3.clearing-heading,
.london-heading h2.clearing-heading {
    background-color: #52478A !important;
}

.cu-heading h3.clearing-heading,
.cu-heading h2.clearing-heading {
    color: #000 !important;
    background-color: #F7A900 !important;
}

h3.clearing-heading-olive,
h2.clearing-heading-olive {
    color: #FFF;
    display: block;
    background-color: #5C5C47;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-teal,
h2.clearing-heading-teal {
    color: #FFF;
    display: block;
    background-color: #0C6D66;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-orange-new,
p.clearing-heading-orange-new {
    color: #FFF;
    display: block;
    background-color: #C33C06;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-purple,
h2.clearing-heading-purple {
    color: #FFF;
    display: block;
    background-color: #4d3879;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-grey,
h2.clearing-heading-grey {
    color: #FFF;
    display: block;
    background-color: #444444;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-london,
h2.clearing-heading-london {
    color: #FFF;
    display: block;
    background-color: #2f2455;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-salmon,
h2.clearing-heading-salmon {
    color: #FFF;
    display: block;
    background-color: #964B57;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-blue,
h2.clearing-heading-blue {
    color: #FFF;
    display: block;
    background-color: #0b4880;
    padding: 12px 25px;
    margin: 0px;
}

.black-theme h3.clearing-heading-grey,
.black-theme h2.clearing-heading-grey {
    background-color: #000;
}

.blue-theme h3.clearing-heading-grey,
.blue-theme h2.clearing-heading-grey {
    background-color: #0066cb;
}

ul.clearing-list-arrow {
    padding: 0pc;
    margin: 0px;
}

ul.clearing-list-arrow li {
    list-style-type: none;
    /*background-image:url(../image/list-arrow.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
    padding: 3px 0 3px 16px;*/
    font-size: 14px;
    margin-left: 20px;
    margin-bottom: 15px;
}

ul.clearing-list-arrow li:before {
    content: "\f105";
    /* FontAwesome Unicode */
    font-family: FontAwesome;
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    margin-left: -1em;
    /* same as padding-left set on li */
    width: 1em;
    /* same as padding-left set on li */
    color: #dc3030;
}

.icon-large {
    font-size: 1.875em !important;
}

.icon-largest {
    font-size: 2.188em !important;
}

.medium-text {
    font-size: 1.625em;
}

.clearing-courses-green {
    font-size: 2em;
    color: #99CC00;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-orange {
    font-size: 2em;
    color: #D54308;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-pink {
    font-size: 2em;
    color: #A529A5;
    font-weight: 900;
    text-align: right;
}

.clearing-courses {
    font-size: 2em;
    color: #dc3030;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-olive {
    font-size: 2em;
    color: #5C5C47;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-teal {
    font-size: 2em;
    color: #0C6D66;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-orange-new {
    font-size: 2em;
    color: #C33C06;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-purple {
    font-size: 2em;
    color: #4d3879;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-london {
    font-size: 32px;
    color: #2F2455;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-grey {
    font-size: 2em;
    color: #444444;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-salmon {
    font-size: 2em;
    color: #964B57;
    font-weight: 900;
    text-align: right;
}

.clearing-courses-blue {
    font-size: 2em;
    color: #0b4880;
    font-weight: 900;
    text-align: right;
}

.points-search {
    float: left;
    position: relative;
    height: 40px;
    background: #FFF;
    border: none;
    font-size: 10pt;
    color: #000;
    padding-left: 15px;
    width: 100%;
    margin-right: 40px;
}

.course-listing .points-search {
    background: #F8F8F8;
}

input:focus {
    border: 2px solid #0097A9 !important;
    border-radius: 0px !important;
}

.form-control {
    color: #000;
}

.search-box {
    background: #FFF;
    padding: 2px;
}

input#search,
input[type="search"] {
    float: left;
    position: relative;
    height: 40px;
    border: none;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
    width: 100%;
    margin-right: 40px;
}

input#points {
    float: left;
    position: relative;
    height: 40px;
    background: #FFF;
    border: none;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
    width: 100%;
    margin-right: 40px;
}

@media (max-width: 767px) {
    input[type="search"] {
        font-size: 16px;
        margin-right: 0px;
    }

    .points-search {
        font-size: 16px;
    }

    .course-listing::after {
        content: "";
        display: block;
        clear: both;
    }
}

.course-listing input#search {
    background: #F2F3F5;
}

.course-listing input#points {
    background: #F8F8F8;
}

button.icon {
    border: none;
    background: #0097A9;
    display: block;
    height: 40px;
    width: 40px;
    color: #FFF;
    font-size: 22px;
    line-height: 40px;
    margin: 0px;
    position: absolute;
    right: 15px;
    text-align: center;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
    padding: 0px 5px 0px 5px;
}

.course-finder-search button.icon,
.searchResuts button.icon {
    top: 0;
}

button.icon:hover {
    background: #666;
}

.search-icon {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0px 7px 0px 7px;
}

.or-desktop-center {
    text-align: center;
}

hr.clearing-listing {
    margin-top: 4px;
    margin-bottom: 4px;
    border-top: 1px solid #ccc;
}

h4.faculty-heading {
    color: #333;
    display: block;
    background-color: #F0F0F0;
    padding: 10px 25px;
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
}

h4.faculty-location-heading {
    color: #333;
    display: block;
    padding: 10px 25px;
    margin: 0px;
    font-size: 18px;
}

.clearing-dark-heading {
    background-color: #CCCCCC;
    color: #333;
}

.mobile-left {
    text-align: right;
}

.clearing-h1 {
    color: #FFF;
    padding: 4px 10px;
    font-size: 45px;
}

.clearing-campaign {
    font-size: 60px;
    line-height: 60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

/* HOMEPAGE SEARCH */
.home-search {
    width: 100%;
    background-color: #000;
    padding: 20px 0px;
}

/*.home-search-top-padding {
    padding-top: 45px !important;
}*/

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 5px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.search-heading {
    margin: 0px;
    padding: 8px 0px 0px 0px;
    color: #fff;
}

@media (max-width: 767px) {
    .search-heading {
        margin: 0px;
        padding: 0px 0px 10px 0px;
    }
}

/* COURSE SEARCH */
.campus-label,
.page-type-label {
    display: inline-block;
    background-color: #dedfe0;
    color: #636363;
    font-size: 11px;
    line-height: 1.1;
    padding: 4px 5px 4px 5px;
    font-weight: normal;
}

.page-type-label {
    background-color: #222;
    color: #FFF;
}

.entry-label {
    color: #696969;
    font-size: 11px;
    font-weight: normal;
}

.research-centre {
    color: #999;
    font-weight: normal;
    font-size: 14px !important;
    margin-bottom: 0px;
}

.profile-divider {
    color: #999;
    font-weight: normal;
    border-right: 1px solid #CCC;
    padding-right: 15px;
    font-size: 14px !important;
    margin-right: 12px;
}

.profile-divider-temp {
    color: #222;
    font-weight: normal;
    border-right: 1px solid #CCC;
    padding-right: 15px;
    font-size: 14px !important;
    margin-right: 12px;
}

@media (max-width: 767px) {
    .profile-divider {
        border-right: none;
    }
}

@-moz-document url-prefix() {

    .campus-label,
    .page-type-label {
        padding: 4px 5px 4px 5px;
    }
}

.search-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 5px;
    vertical-align: top;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.dropdown-menu {
    border: 0px;
    width: 100%;
    border-radius: 0px;
}

.s-dropdown {
    padding-right: 0px;
}

.s-search {
    padding-left: 0px;
}

.search-tag {
    padding-top: 15px;
    clear: none;
}

.blog-container-img .mid-grey {
    color: #000000;
}

.reset-filter {
    float: right;
    margin-top: 15px;
    padding: 0 15px;
}

.break {
    margin-top: 8px;
}

@media (max-width: 992px) {
    .search-tag {
        clear: both;
        padding-top: 0px;
    }

    .reset-filter {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .s-dropdown {
        padding-right: 15px;
    }

    .s-search {
        padding-left: 15px;
    }

    .search-tag {
        clear: both;
        padding-top: 0px;
    }

    .reset-filter {
        float: left;
        margin-top: 0px;
    }

    .campus-label {
        clear: left !important;
        margin-left: 0px;
        margin-top: 10px;
    }

    .break {
        clear: both;
    }
}

.search-dropdown {
    padding: 8px 10px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    height: auto;
    border: none;
    background-color: #cccccc;
}

.s-drop .search-dropdown {
    height: 40px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.scrollable-menu {
    max-height: 200px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.c-drop .selection {
    font-weight: bold;
}

.s-drop.btn-group,
.btn-group-vertical,
.c-drop.btn-group {
    display: block;
}

.btn-label {
    display: block;
    height: 40px;
    font-weight: normal;
    color: #6D6D6D;
    background-color: #FFF;
    border: none;
}

.btn-label:before {
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 25px;
    top: 0px;
    right: 10px;
    content: "\f107";
}

.single-drop .dropdown-menu {
    margin: 0px;
    padding: 0px;
}

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

.single-drop .dropdown-menu>li>a {
    margin: 0px;
    padding: 7px 10px;
}

.single-drop .btn {
    font-size: 14px;
    border-radius: 0px;
    height: 40px;
    font-weight: bold;
}

.single-drop .btn-label {
    height: 40px;
    display: inline;
}

.single-drop .btn-label:before {
    top: 2px;
}

.single-drop .search-dropdown {
    background-color: #FFF;
}

@media (max-width: 767px) {
    .single-drop .search-dropdown {
        margin-top: 10px;
        clear: both !important;
    }

    .single-drop .filter-two {
        margin-top: 10px !important;
    }

    .pbs-m {
        margin-bottom: 10px;
    }
}

.course-results-dropdown .search-dropdown {
    background-color: #FFF;
    overflow: visible;
}

.course-results-dropdown .dropdown-menu>li>a {
    white-space: normal;
}

.search-drop {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
}

.search-drop>li>a {
    padding: 7px 10px;
}

.searchResuts {
    width: 100%;
    background-color: #e4e4e4;
    padding: 30px 0px 40px 0px;
}

.clear {
    clear: both;
    line-height: 0px;
}

.mid-grey {
    color: #666;
}

@media (max-width: 991px) {
    .course-results-dropdown {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {

    .searchResuts {
        width: 100%;
        background-color: #e4e4e4;
        padding: 30px 0px 0px 0px;
    }

    .searchResuts form::after {
        content: "";
        display: block;
        clear: both;
    }

    .searchResults-az {
        padding: 30px 0px 20px 0px !important;
    }

    .btn-label {
        height: 25px;
    }
}

/* SEARCH AND DROP DOWN WIDGET*/
.searchFullWidth-lt-grey,
.searchFullWidth-grey,
.searchFullWidth-black {
    width: 100%;
    background-color: #e4e4e4;
    padding: 20px 0px 20px 0px;
}

.searchFullWidth-grey {
    background-color: #6b6969;
    color: #FFF;
}

.searchFullWidth-black {
    background-color: #000;
    color: #FFF;
}

.searchFullWidth-grey button.icon:hover {
    background-color: #000;
}

.widgetContainer,
.widgetContainer-lt-grey,
.widgetContainer-grey,
.widgetContainer-black {
    width: 100%;
    padding: 20px;
}

.widgetContainer {
    padding: 0px;
}

.widgetContainer h2,
.widgetContainer-lt-grey h2,
.widgetContainer-grey h2,
.widgetContainer-black h2 {
    margin-top: 0px;
}

.widgetContainer h3,
.widgetContainer-lt-grey h3,
.widgetContainer-grey h3,
.widgetContainer-black h3 {
    margin-top: 0px;
}

.widgetContainer h4,
.widgetContainer-lt-grey h4,
.widgetContainer-grey h4,
.widgetContainer-black h4 {
    margin-top: 0px;
}

.widgetContainer-lt-grey {
    background-color: #e4e4e4;
}

.widgetContainer-grey {
    background-color: #6b6969;
    color: #FFF;
}

.widgetContainer-black {
    background-color: #000;
    color: #FFF;
}

.widgetContainer-lt-grey button.icon,
.widgetContainer-grey button.icon,
.widgetContainer-black button.icon {
    margin-right: 20px !important;
}

.widgetContainer-grey button.icon:hover {
    background-color: #000;
}

.widgetContainer input[type="search"] {
    background: #eeeeee;
}

.widgetContainer .single-drop .search-dropdown {
    background: #eeeeee;
}

.widgetContainer .btn-label {
    background-color: transparent;
    color: #666;
}

/* A-Z LISTING*/
#a-z-container .navbar-nav {
    width: 600px;
    float: left;
}

#a-z-container .navbar-nav .active,
#a-z-container .navbar-nav .active a {
    background-color: #f8f8f8;
    color: #000;
}

/*#a-z-container .nav > li > a {
    background-color: #e4e4e4;
    color: #000;
}*/
#a-z-container .tabbed-widget-body {
    padding: 30px 20px;
    background-color: #F8F8F8;
}

.a-z {
    margin: 0px;
    padding: 0px;
}

.a-z li {
    display: inline-block;
    margin: 0px 5px 10px 0px;
}

.a-z li:last-child {
    display: inline-block;
    margin: 0px 0px 10px 0px;
}

.a-z li a:link,
.a-z li a:visited {
    display: block;
    background-color: #FFF;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.a-z li a:hover {
    color: #fff;
    background-color: #0097A9;
}

.a-z-heading {
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #fff;
    background-color: #000;
    font-size: 32px;
    line-height: 60px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 30px;
}

.a-z-padding {
    padding: 5px 15px 0px 15px;
}

@media (max-width: 767px) {

    .a-z li a:link,
    .a-z li a:visited {
        width: 29px;
        height: 29px;
        line-height: 29px;
    }

    /*.a-z li a:hover {
	color: #fff;
	background-color: #0097A9;
}*/
    .a-z-padding {
        padding: 30px 15px 0px 15px;
    }

    #a-z-container .tabbed-widget-body {
        padding: 10px 10px;
    }

    .a-z-heading {
        margin-bottom: 20px;
    }
}

/* ROYAL SLIDER CUSTOM CSS */
#full-width-slider {
    position: relative;
    overflow: hidden;
    border-bottom: solid 4px #0066cb;
}

.coloredBlock {
    padding: 12px;
    background: rgba(255, 0, 0, 0.6);
    color: #FFF;
    width: 200px;
    left: 20%;
    top: 5%;
}

.infoBlock {
    position: absolute;
    top: 0px;
    right: auto;
    left: 50%;
    margin-left: -565px;
    width: 465px;
    height: 100%;
    padding-bottom: 0;
    background: #FFF;
    background: rgba(0, 0, 0, 0.75);
    /*overflow: hidden; REMOVED FOR ACCESSIBILITY */
    overflow: visible;
    padding: 22px;
}

@media (max-width: 1199px) {
    .infoBlock {
        margin-left: -465px;
    }
}

.infoBlock h1,
.infoBlock h2 {
    margin: 0;
    padding-bottom: 10px;
    color: #FFF;
    font-size: 40px;
}

.infoBlock h4 {
    color: #FFF;
}

.onlineInfoBlock h2 {
    font-size: 48px;
    line-height: 1;
    color: #FFF;
}

.infoBlock p {
    font-size: 0.875em;
    margin: 4px 0 0;
    color: #FFF;
}

.infoBlock a {
    color: #00717f;
    text-decoration: underline;
}

/* ROYAL SLIDER */

.royalSlider {
    width: 100%;
    height: 425px !important;
    position: relative;
    direction: ltr;
    overflow: hidden;
}

.royalSlider>* {
    float: left;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
    transform: none;
}

.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0;
}

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb {
    float: left;
    position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none;
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position: absolute;
    z-index: 0;
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}

.rsTabs {
    float: left;
    background: none !important;
}

.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
    opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;
}

img.rsImg {
    max-width: none;
}

.grab-cursor {
    cursor: url(/static/assets/css/grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(/static/assets/css/grabbing.png) 8 8, move;
}

.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(/static/assets/css/blank.gif);
}

/* ROYAL SLIDER - MINIMAL WHITE THEME */
/* Background */
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
    background: #000;
    color: #FFF;
}

/* 1. Arrows */
.rsMinW .rsArrow {
    height: 32px;
    width: 32px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}

.rsMinW .rsArrowLeft {
    left: 45%;
    margin-left: -85px;
    bottom: 7px;
}

.rsMinW .rsArrowRight {
    left: 45%;
    margin-left: -55px;
    bottom: 7px;
}

@media screen and (min-width:0px) and (max-width:567px) {
    .rsMinW .rsArrowLeft {
        left: auto;
        right: 40px;
        margin-left: 0px;
        bottom: 7px;
    }

    .rsMinW .rsArrowRight {
        left: auto;
        right: 10px;
        margin-left: 0px;
        bottom: 7px;
    }
}

@media screen and (min-width: 568px) and (max-width: 930px) {
    .rsMinW .rsArrowLeft {
        left: auto;
        right: 50px;
        margin-left: 0px;
        bottom: 7px;
    }

    .rsMinW .rsArrowRight {
        left: auto;
        right: 20px;
        margin-left: 0px;
        bottom: 7px;
    }
}

.rsMinW .rsArrowIcn {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    margin-left: 3px;
    position: absolute;
    cursor: pointer;
    background: url('/static/assets/css/rs-minimal-blue.png') transparent;
    border-radius: 2px;
}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -68px -36px;
}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -68px -68px;
}

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -100px -36px;
}

.rsMinW.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -100px -68px;
}

.rsMinW .rsArrowDisabled .rsArrowIcn {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    *display: none;
}

/* 2. Bullets */
.rsMinW .rsBullets {
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 35;
    padding-top: 4px;
    height: auto;
    text-align: center;
    line-height: 6px;
    overflow: hidden;
}

.rsMinW .rsBullet {
    width: 12px;
    height: 15px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 5px 6px 4px;
}

.rsMinW .rsBullet span {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #CCC;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.rsMinW .rsBullet.rsNavSelected span {
    background: #FFF;
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
    .rsMinW .rsBullets {
        left: 45px;
    }
}

@media screen and (min-width: 1023px) and (max-width: 1024px) {
    .rsMinW .rsBullets {
        left: 75px;
    }
}

@media screen and (min-width: 0px) and (max-width: 567px) {
    .rsMinW .rsBullets {
        left: 10px;
    }

    p,
    ul,
    ol {
        font-size: 1em;
    }

    blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 1.35em;
        font-style: italic;
    }

    body {
        font-size: 16px;
        text-size-adjust: 100% !important;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        max-width: 100%
    }

    table p {
        font-size: 1em !important;
    }

    p.lead {
        font-size: 1.25em;
    }

    h5 {
        font-size: 1em
    }

    .submenu-textwithcta p {
        font-size: 20px
    }

    .cookie-text .mtm {
        font-size: 15px !important
    }

    .submenu-textwithcta h4 {
        line-height: 30px !important
    }

    .sidenav ul li>ul>li>ul {
        line-height: 30px;
    }

    .sidenav ul li>ul>li>a:not([class]) {
        line-height: 30px !important
    }

    .sidenav ul li>ul>li>a.opener::before {
        left: 11px;
        top: 14px;
    }

    .copyright-container {
        font-size: 14px
    }

    .footer ul li {
        margin-bottom: 10px !important;
    }

    .copyright-container {
        font-size: 14px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    .footer ul {
        column-count: 2;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    .clearing-footer .footer ul {
        column-count: 1;
    }
}

@media screen and (min-width: 568px) and (max-width: 930px) {
    .rsMinW .rsBullets {
        left: 20px;
    }
}


/* 3. Thumbnails */
.rsMinW .rsThumbsHor {
    width: 100%;
    height: 72px;
}

.rsMinW .rsThumbsVer {
    width: 96px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.rsMinW.rsWithThumbsHor .rsThumbsContainer {
    position: relative;
    height: 100%;
}

.rsMinW.rsWithThumbsVer .rsThumbsContainer {
    position: relative;
    width: 100%;
}

.rsMinW .rsThumb {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 72px;
}

.rsMinW .rsThumb img {
    width: 100%;
    height: 100%;
}

.rsMinW .rsThumb.rsNavSelected {
    background: #333;
}

.rsMinW .rsThumb.rsNavSelected img {
    filter: alpha(opacity=40);
    opacity: 0.7;
}

.rsMinW .rsThumb.rsNavSelected span.thumbIco {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid #FFF;
    border: 2px solid rgba(255, 255, 255, 0.9);
    -webkit-backface-visibility: hidden;
}

.rsMinW .rsTmb {
    display: block;
}

/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow {
    height: 100%;
    width: 20px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrow {
    width: 100%;
    height: 20px;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft {
    top: 0;
    left: 0;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight {
    bottom: 0;
    left: 0;
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft {
    left: 0;
    top: 0;
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight {
    right: 0;
    top: 0;
}

.rsMinW .rsThumbsArrowIcn {
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    cursor: pointer;
    background: url('/static/assets/css/rs-minimal-white.png');
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -128px -32px;
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -128px -48px;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -144px -32px;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -144px -48px;
}

.rsMinW .rsThumbsArrowDisabled {
    display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
    .rsMinW .rsThumb {
        width: 59px;
        height: 44px;
    }

    .rsMinW .rsThumbsHor {
        height: 44px;
    }

    .rsMinW .rsThumbsVer {
        width: 59px;
    }
}

/* 4. Tabs */
.rsMinW .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
    position: relative;
}

.rsMinW .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    color: #333;
    padding: 5px 13px 6px;
    min-width: 72px;
    border: 1px solid #D9D9DD;
    border-right: 1px solid #f5f5f5;
    text-decoration: none;
    background-color: #000;
    background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
    *display: inline;
    *zoom: 1;
}

.rsMinW .rsTab:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rsMinW .rsTab:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #cfcfcf;
}

.rsMinW .rsTab:active {
    border: 1px solid #D9D9DD;
    background-color: #f4f4f4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsMinW .rsTab.rsNavSelected {
    color: #000;
    border: 1px solid #999;
    text-shadow: 1px 1px #838383;
    box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
    background: #ACACAC;
    background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
    background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
    background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}

/* 5. Fullscreen button */
.rsMinW .rsFullscreenBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer;
}

.rsMinW .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('/static/assets/css/rs-minimal-white.png') 0 0 transparent;
}

.rsMinW .rsFullscreenIcn:hover {
    opacity: 0.8;
}

.rsMinW.rsFullscreen .rsFullscreenIcn {
    background-position: -32px 0;
}

/* 6. Play/close video button */
.rsMinW .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer;
}

.rsMinW .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background: url(/static/assets/css/rs-minimal-white.png) no-repeat 0 -32px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    *background-color: #000;
}

.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(0, 0, 0, 0.9);
}

.rsMinW .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
}

.rsMinW .rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.rsMinW .rsCloseVideoBtn.rsiOSBtn {
    top: -38px;
    right: -6px;
}

.rsMinW .rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('/static/assets/css/rs-minimal-white.png') -64px 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    *background-color: #000;
}

.rsMinW .rsCloseVideoIcn:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

/* 7. Preloader */
.rsMinW .rsPreloader {
    width: 20px;
    height: 20px;
    background-image: url(/static/assets/preloaders/preloader-white.gif);
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}

/*  8. Global caption */
.rsMinW .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    color: #FFF;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    border-radius: 2px;
}

/* ROYAL SLIDER DEVICE SPECIFIC ADJUSTMENTS */
@media screen and (min-width: 720px) and (max-width: 930px) {

    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 325px !important;
    }

    .infoBlock {
        margin-left: -384px;
        width: 50%;
    }

    .onlineInfoBlock h2 {
        font-size: 40px;
    }
}

@media screen and (min-width: 0px) and (max-width: 719px) {

    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 300px !important;
    }

    .infoBlock {
        padding: 20px;
        width: 100%;
        right: auto;
        font-size: 12px;
        display: block;
        left: 0px;
        margin-left: 0px;
    }

    .onlineInfoBlock h1,
    .onlineInfoBlock h2,
    .infoBlock h1,
    .infoBlock h2 {
        font-size: 28px;
    }

    .onlineInfoBlockText {
        width: 80%;
    }

    img.rsImg {
        float: right !important;
        margin-right: -195px;
    }
}

@media screen and (min-width:0px) and (max-width:480px) {
    .infoBlock {
        padding: 10px;
    }

    .onlineInfoBlockText {
        width: 80%;
    }

    img.rsImg {
        float: right !important;
        margin-right: -215px;
    }

    .infoBlock p {
        font-size: 0.875em;
        line-height: 21px;
    }

    .hideMobile,
    .hide-mobile {
        display: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 768px) {

    .hideMobile,
    .hide-mobile {
        display: none;
    }
}

@media screen and (min-width: 720px) and (max-width: 767px) {
    .infoBlock {
        margin-left: -360px;
    }
}

/* NEWS AND EVENTS */
.event-dropdown .btn-label {
    height: 24px;
}

.card-wrapper a {
    text-decoration: none;
}

.card-image {
    position: relative;
}

.card-image img {
    width: 100%;
}

.card-image > img {
    max-height: 158px;
    object-fit: cover;
}

.card-container,
.card-container-dark {
    background-color: #f2f2f2;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
    min-height: 273px;
}

.event-item .card-description {
    margin-top: 10px;
}

.event-item .card-container {
    flex-basis: 100%;
    min-height: auto;
}

.event-item .card-container,
.event-related-item .card-container {
    min-height: 360px;
}

.card-container-dark {
    background-color: #000;
    margin-bottom: 0px;
    min-height: 340px;
    overflow: auto;
}

.blog-item .card-container-dark {
    min-height: 280px;
    margin-bottom: 20px;
}

.standard-carousel .card-container,
.standard-carousel .card-container-dark {
    min-height: 256px;
}

.standard-carousel .featured-events {
    height: auto;
}

.card-container-dark a {
    color: #0097A9;
}

.card-container-dark a:hover,
.card-container-dark a:active,
.card-container-dark a:focus {
    color: #FFF;
}

.card-container-dark h4 {
    font-size: 1.4em;
    line-height: 1.2;
    color: #FFF;
}

.card-container .h4 {
    font-size: inherit;
    text-decoration: underline;
}

.card-container-dark h3,
.card-container-dark p {
    overflow: auto
}

.light-grey {
    background-color: #f2f2f2;
}

.dark-grey {
    background-color: #222;
}

.card-container p {
    color: #222;
    line-height: 1.5;
}

.card-container-dark p {
    color: #FFF;
    line-height: 1.5;
}

.card-p-ml {
    margin-left: 25px;
}

.card-description {
    padding-bottom: 0px;
    line-height: 1.5;
}

.card-date,
.card-date-dark {
    background-color: #f2f2f2;
    color: #222;
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    padding: 12px 14px;
    font-weight: 900;
}

.card-date-dark {
    background-color: #000;
    color: #FFF;
}

.card-type {
    position: absolute;
    font-size: 0.8125em;
    color: #666666 !important;
    bottom: 0px;
    left: 20px;
    background-color: #f2f2f2;
}

.card-type-dark {
    position: absolute;
    font-size: 13px;
    color: #999999 !important;
    bottom: 0px;
    left: 20px;
    background-color: #000;
}

.card-container-dark p.card-type {
    color: #999 !important;
}

.card-year,
.card-year-dark {
    position: absolute;
    font-size: 0.8125em;
    color: #666;
    bottom: 0px;
    right: 20px;
    background-color: #f2f2f2;
}

.card-container-dark .card-year,
.card-container-dark .card-type {
    background-color: #000;
}

.card-year-dark {
    color: #999;
    background-color: #000;
}

.event-dropdown .search-dropdown {
    background-color: #FFF;
    overflow: visible;
}

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

.row.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutter>[class^="col-"],
.row.no-gutter>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
    background-color: #000;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.row.no-gutters-lite {
    margin-right: 0;
    margin-left: 0;
    background-color: #f2f2f2;
}

.row.no-gutters-lite>[class^="col-"],
.row.no-gutters-lite>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.card-icon-ml {
    margin-left: 26px;
}

@media (max-width: 1199px) {
    .card-container {
        min-height: 245px;
    }

    .card-container-dark {
        min-height: 282px;
    }

    .standard-carousel .card-container,
    .standard-carousel .card-container-dark {
        min-height: 209px;
    }
}

@media (max-width: 991px) {
    .event-dropdown {
        margin-bottom: 20px;
    }

    .card-container {
        min-height: 225px;
    }

    .event-item .card-container {
        min-height: 300px;
    }

    .card-container-dark,
    .event-related-item .card-container {
        min-height: auto;
    }

    .standard-carousel .card-container,
    .standard-carousel .card-container-dark {
        min-height: auto;
    }

    .blog-item .card-container-dark {
        min-height: 210px;
    }
}

@media (max-width: 767px) {
    .event-dropdown {
        margin-top: 50px;
    }

    .card-container,
    .event-item .card-container {
        min-height: auto;
    }

    .blog-item .card-container-dark {
        min-height: auto;
    }
}

.grey-tab-container {
    width: 100%;
    background-color: #e4e4e4;
    padding: 0px;
}

.card-tab .nav-tabs {
    border-bottom: none;
}

.card-tab .nav-tabs>li {
    color: #222;
    background: #f2f2f2;
    border: none;
    cursor: default;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 15px;
    display: inline-block;
    text-align: center;
}

.card-tab .nav-tabs>li.active,
.card-tab .nav-tabs>li.active>a,
.card-tab .nav-tabs>li.active>a:hover,
.card-tab .nav-tabs>li.active>a:focus {
    color: #222;
    background: #FFF;
    border: none;
    cursor: default;
}

.card-tab .nav-tabs>li:not(:last-child) {
    border-right: 5px solid #e4e4e4;
}

@media (max-width: 991px) {
    .cardSearch {
        padding: 30px 0px 10px 0px;
    }

    .card-tab .nav-tabs>li {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .card-tab .nav-tabs>li {
        width: 100%;
        font-size: 22px;
        text-align: left;
        padding-left: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .card-tab .nav-tabs {
        margin-left: -15px;
        margin-right: -20px;
    }
}

.type-label {
    display: inline-block;
    background-color: #E4E4E4;
    color: #666;
    font-size: 12px;
    line-height: 1;
    padding: 5px 7px 5px 7px;
    font-weight: 700;
    margin-top: 18px;
}

.card-social {
    text-align: right;
    color: #CCC;
}

.card-social i {
    padding-top: 15px;
    display: inline-block;
    font-size: 24px !important;
    line-height: 24px;
    margin: 0px;
}

.section-divider-outer.card {
    margin-top: 20px;
}

@media (max-width: 480px) {
    .card-social i {
        font-size: 19px !important;
        line-height: 18px;
    }
}

.image-caption {
    background-color: #f2f2f2;
    padding: 10px;
}

.image-caption p {
    margin-bottom: 0px;
    line-height: 1.5;
}

/* NEWS AND EVENTS CAROUSEL */
.featured-events {
    width: 100%;
    height: 340px;
    overflow: hidden;
    background-color: #000;
}

@media screen and (max-width: 1199px) {
    .featured-events {
        height: 282px;
    }
}

@media screen and (max-width: 992px) {
    .featured-events {
        height: auto;
    }
}

@media (min-width: 768px) {
    .tab-pane .row {
        display: flex;
        flex-wrap: wrap;
    }
}

.event-item {
    /* display: none; */
    display: flex !important;
    flex-direction: column;
    float: none;
}

.load-container {
    width: 100%;
    display: inline-block;
    height: 40px;
    text-align: center;
    margin-bottom: 50px;
}

.load-btn {
    border: none;
    border-radius: 5px;
    background: #0097A9;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    padding: 10px 16px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
}

.load-btn:hover {
    background-color: #007a88;
    border-color: #007a88;
}

.load-btn:focus,
.load-btn:active {
    box-shadow: none;
}

.load-btn:active {
    outline: none !important;
}

.slick-dots {
    position: absolute;
    top: -10px;
    display: block;
    width: 50%;
    padding: 0;
    margin: 0 0 0 5px;
    list-style: none;
    text-align: left;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 28px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .55;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .85;
    color: white;
}

/* BLOG */
.blog-container {
    background-image: url("/static/assets/images/blog-banner.jpg");
    background-size: cover;
    display: table;
    width: 100%;
}

h1.blog-heading {
    font-size: 40px;
}

@media screen and (min-width: 0px) and (max-width: 719px) {
    h1.blog-heading {
        font-size: 28px;
    }
}

/* MASONRY */
/* The Masonry Container */
.masonry,
.masonry-white {
    column-count: 4;
    margin: 1.5em auto;
    column-gap: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    orphans: 1 !important;
    widows: 1 !important;

}

/* The Masonry Brick */
.masonry .item,
.masonry-white .item {
    display: inline-block;
    background: #EEEEEE;
    padding: 18px;
    margin: 0 0 1.5em 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.masonry-white .item {
    background: #fff;
}

.masonry .attribute,
.masonry-white .attribute {
    font-size: 14px;
    color: #999;
    font-style: italic;
}

/* Masonry on large screens */
@media only screen and (min-width: 1024px) {

    .masonry,
    .masonry-white {
        column-count: 3;
    }
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {

    .masonry,
    .masonry-white {
        column-count: 2;
    }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 320px) {

    .masonry,
    .masonry-white {
        column-count: 1;
    }
}

.masonry .videoWrapper,
.masonry-white .videoWrapper {
    margin-bottom: 0px;
}

.masonry blockquote,
.masonry-white blockquote {
    margin-bottom: 0px;
}

.masonry .notice,
.masonry .cu-notice,
.masonry .london-notice,
.masonry .online-notice,
.masonry .black-notice,
.masonry .c-teal-notice,
.masonry .c-orange-notice,
.masonry .c-olive-notice,
.masonry .c-purple-notice,
.masonry .c-london-notice,
.masonry .c-grey-notice,
.masonry .c-blue-notice,
.masonry .c-salmon-notice,
.masonry-white .notice,
.masonry-white .cu-notice,
.masonry-white .london-notice,
.masonry-white .online-notice,
.masonry-white .black-notice,
.masonry-white .c-teal-notice,
.masonry-white .c-orange-notice,
.masonry-white .c-olive-notice,
.masonry-white .c-purple-notice,
.masonry-white .c-london-notice,
.masonry-white .c-grey-notice,
.masonry-white .c-blue-notice,
.masonry-white .c-salmon-notice {
    margin-top: 0px;
    margin-bottom: 0px;
}

.masonry .pull-out-profile,
.masonry .cu-pull-out-profile,
.masonry .london-pull-out-profile,
.masonry .online-pull-out-profile,
.masonry .black-pull-out-profile,
.masonry .c-teal-pull-out-profile,
.masonry .c-orange-pull-out-profile,
.masonry .c-olive-pull-out-profile,
.masonry .c-purple-pull-out-profile,
.masonry .c-london-pull-out-profile,
.masonry .c-grey-pull-out-profile,
.masonry .c-blue-pull-out-profile,
.masonry .c-salmon-pull-out-profile,
.masonry-white .pull-out-profile,
.masonry-white .cu-pull-out-profile,
.masonry-white .london-pull-out-profile,
.masonry-white .online-pull-out-profile,
.masonry-white .black-pull-out-profile,
.masonry-white .c-teal-pull-out-profile,
.masonry-white .c-orange-pull-out-profile,
.masonry-white .c-olive-pull-out-profile,
.masonry-white .c-purple-pull-out-profile,
.masonry-white .c-london-pull-out-profile,
.masonry-white .c-grey-pull-out-profile,
.masonry-white .c-blue-pull-out-profile,
.masonry-white .c-salmon-pull-out-profile {
    margin-bottom: 0px;
}

.masonry .pull-out-fact-small,
.masonry .cu-pull-out-fact-small,
.masonry .london-pull-out-fact-small,
.masonry .online-pull-out-fact-small,
.masonry .black-pull-out-fact-small,
.masonry .c-teal-pull-out-fact-small,
.masonry .c-orange-pull-out-fact-small,
.masonry .c-olive-pull-out-fact-small,
.masonry .c-purple-pull-out-fact-small,
.masonry .c-london-pull-out-fact-small,
.masonry .c-grey-pull-out-fact-small,
.masonry .c-blue-pull-out-fact-small,
.masonry .c-salmon-pull-out-fact-small {
    margin-bottom: 0px;
}

.masonry-white .pull-out-fact-small,
.masonry-white .cu-pull-out-fact-small,
.masonry-white .london-pull-out-fact-small,
.masonry-white .online-pull-out-fact-small,
.masonry-white .black-pull-out-fact-small,
.masonry-white .c-teal-pull-out-fact-small,
.masonry-white .c-orange-pull-out-fact-small,
.masonry-white .c-olive-pull-out-fact-small,
.masonry-white .c-purple-pull-out-fact-small,
.masonry-white .c-london-pull-out-fact-small,
.masonry-white .c-grey-pull-out-fact-small,
.masonry-white .c-blue-pull-out-fact-small,
.masonry-white .c-salmon-pull-out-fact-small {
    margin-bottom: 0px;
}

/* TABS */
.full-width-tabs {
    padding-top: 20px;
    padding-bottom: 20px;
}

.full-width-tabs>.navbar>ul.navbar-nav {
    display: table;
    width: 100%;
    table-layout: fixed;
    /* To make all "columns" equal width regardless of content */
}

.full-width-tabs>.navbar>ul.navbar-nav>li {
    float: none;
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 50px;
}

.full-width-tabs>.navbar>ul.navbar-nav>li>a {
    padding: 15px;
    font-size: 14px;
    line-height: 1.3;
    width: 100%;
    /*Added as fix for black going over to next tab*/
}

.full-width-tabs>.tab-content {
    padding: 15px 15px 25px 15px;
    border-bottom: 5px solid #000;
}

.border-all .full-width-tabs>.tab-content {
    border: 5px solid #000 !important;
}

.full-width-tabs>.navbar>ul.nav-tabs>li.active>a,
.full-width-tabs>ul.nav-tabs>li.active>a:hover,
.full-width-tabs>ul.nav-tabs>li.active>a:focus {
    color: #FFF;
    background-color: #000;
}

.full-width-tabs>.navbar>.tab-content {
    padding: 20px;
    border-bottom: 5px solid #000;
}

.full-width-tabs .panel-body {
    padding: 0px 15px;
}

.full-width-tabs .panel-heading {
    border: none;
    border-radius: 0;
    background-color: #000;
}

.full-width-tabs .panel-title>a {
    color: white;
    background-color: #0097A9;
    display: block;
    width: 100%;
    padding: 15px 15px 15px 15px;
}

.full-width-tabs .panel-title i {
    color: #00717f;
    border-radius: 0px;
}

.tab-pagination {
    text-align: right;
}

.tab-pagination div {
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
}

.tab-pagination .next,
.tab-pagination .previous {
    background-color: #EDEDED;
    color: #999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.tab-pagination .next a,
.tab-pagination .previous a {
    background-color: #0097A9;
    color: #FFF;
    display: block;
}

.tab-pagination .next a:hover,
.tab-pagination .previous a:hover {
    background-color: #000;
}

@media (max-width: 768px) {
    .full-width-tabs>.tab-content {
        border-bottom: none;
    }

    .full-width-tabs>.navbar>ul.navbar-nav>li>a {
        font-size: 13px;
        line-height: 1.2;
    }
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        width: auto;
        padding: 15px;
        vertical-align: middle;
    }
}

/* SNIPPETS */
/* Document Links */
.document-links {
    padding: 20px;
}

.document-links.grey {
    background-color: #f4f5f9;
    ;
}

.document-links i {
    font-size: 36px;
}

.links-container {
    margin-left: 60px;
}

.document-links h5 {
    margin: 0px;
    padding: 0px;
}

.document-links p.small {
    margin: 0px;
}

.document-links p {
    margin-bottom: 0px;
    margin-top: 5px;
}

/*=========== TIMELINE ============= */

.timeline * {
    box-sizing: border-box;
}

/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.timeline h4 {
    margin: 0px 0px 15px 0px;
    font-size: 40px;
    line-height: 40px;
    color: #ac42ac;
}

.london-timeline .timeline h4 {
    color: #52478a;
}

.t-videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.t-videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: black;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.timeline-container {
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -13px;
    background-color: white;
    border: 4px solid #ac42ac;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

.london-timeline .timeline-container::after {
    border: 4px solid #99CC00;
}

/* Place the container to the left */
.t-left {
    left: 0;
}

/* Place the container to the right */
.t-right {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.t-left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 25px;
    border: medium solid #F0F0F0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #F0F0F0;
}

/* Add arrows to the right container (pointing left) */
.t-right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 25px;
    border: medium solid #F0F0F0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #F0F0F0 transparent transparent;
}

/* Fix the circle for containers on the right side */
.t-right::after {
    left: -13px;
}

.timeline-container.t-right {
    padding: 10px 10px 0px 35px;
}

.timeline-container.t-left {
    padding: 10px 35px 0px 10px;
}


/* The actual content */
.t-content {
    padding: 18px;
    background-color: #F0F0F0;
    position: relative;
    border-radius: 6px;
}

.t-content .timeline-year {
    color: #52478a;
    font-weight: 900;
    font-size: 2.5em;
    margin: 0px;
}

.t-content .timeline-month {
    font-weight: 900;
    font-size: 1em;
    margin: 0px;
}

@media all and (max-width: 767px) {
    /*.t-content {
        background-color: #FFF;
    }*/

    .t-left::before {
        border: medium solid #F0F0F0;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #F0F0F0;
    }

    .t-right::before {
        border: medium solid #F0F0F0;
        border-width: 10px 10px 10px 0;
        border-color: transparent #F0F0F0 transparent transparent;
    }
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media all and (max-width: 600px) {

    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .timeline-container,
    .timeline-container.t-right,
    .timeline-container.t-left {
        width: 100%;
        padding-left: 70px;
        padding-right: 15px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .timeline-container::before {
        left: 60px;
        border: medium solid #FFF;
        border-width: 10px 10px 10px 0;
        border-color: transparent #F0F0F0 transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .t-left::after,
    .t-right::after {
        left: 18px;
    }

    /* Make all right containers behave like the left ones */
    .t-right {
        left: 0%;
    }
}

/*=========== END TIMELINE ============= */
/* DEVICE SPECIFIC ADJUSTMENTS */

/* SMALL DEVICES */

@media (max-width: 767px) {

    #header-section {
        height: 225px;
        margin: 0;
        padding: 0;
    }

    .img-fixed {
        max-width: 150px;
        max-height: 75px;
    }

    .section {
        position: relative;
        padding: 20px 0;
    }

    .navbar-nav {
        display: none;
    }

    .course-template .navbar-nav {
        display: table;
        width: 100%;
    }

    .panel-heading {
        margin-top: 10px;
    }

    .panel-group {
        margin-top: -10px;
    }

    h1,
    .h1 {
        font-size: 28px;
    }

    #keyInfo-desktop-body {
        margin-bottom: 25px;
    }

    #kis-widget-section {
        margin: 0 -15px;
    }

    .pof-number-large-style-1,
    .cu-pof-number-large-style-1,
    .london-pof-number-large-style-1,
    .online-pof-number-large-style-1,
    .black-pof-number-large-style-1,
    .c-teal-pof-number-large-style-1,
    .c-orange-pof-number-large-style-1,
    .c-olive-pof-number-large-style-1,
    .c-purple-pof-number-large-style-1,
    .c-london-pof-number-large-style-1,
    .c-grey-pof-number-large-style-1,
    .c-blue-pof-number-large-style-1,
    .c-salmon-pof-number-large-style-1 {
        float: none;
        display: block;
    }


    .tabbed-widget-header li a {
        font-size: 14px;
        padding: 12.5px 20px;
        display: table-cell;
        width: 1%;
        line-height: 16px;
    }

    #modules-nav.tabbed-widget-header li a {
        font-size: 12px;
        padding: 12.5px 12px;
        display: table-cell;
        width: 1%;
        line-height: 16px;
    }

    .tabbed-widget-body {
        padding: 30px 20px;
    }

    .pull-out-fact-small {
        margin-top: 15px;
    }

    .table-mobile {
        font-size: 12px;
    }

    .table-mobile>tbody>tr>td {
        padding: 4px;
    }


    .sm-mbm {
        margin-bottom: 10px;
    }

    .sm-mtm {
        margin-top: 10px;
    }

    .m-ptm {
        padding-top: 10px;
    }

    .text-left-sm {
        text-align: left !important;
    }

    .grey-box-line {
        border: 1px solid #f1f3f4;
        padding: 0px;
    }

    .clearing-courses {
        text-align: left;
    }

    .or-desktop-center {
        text-align: left;
        margin-top: 10px;
    }

    hr.clearing-listing {
        margin-top: 5px;
        margin-bottom: 5px;
        border-top: 1px solid #ccc !important;
        display: inline !important;
        height: 1px;
    }

    .mobile-left {
        text-align: left;
    }

    .tabbed-search-body {
        padding: 15px;
    }

    .course-finder-search li a {
        font-size: 13px;
        padding: 10px 15px;
    }
}

@media (max-width: 992px) {

    .feature-panel-left .text-content,
    .feature-panel-right .text-content {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
}

/* MEDIUM DEVICES */

@media (min-width: 768px) {
    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
    }

    .navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
    }

    .navbar-nav>li:not(:last-child) {
        border-right: 5px solid white;
    }

    #header-section {
        height: 350px;
        margin: 0;
        padding: 0;
    }

    .img-fixed {
        max-width: 200px;
        max-height: 100px;
    }

    .section {
        position: relative;
        padding: 35px 0;
    }

    .section-pbn .section {
        padding: 35px 0px 0px 0px !important;
    }

    .navbar-nav a i {
        display: none;
    }

    .btn {
        font-size: 18.66px;
        white-space: normal;
    }

    h1,
    .h1 {
        font-size: 36px;
    }

    #keyInfo-desktop-body {
        margin-bottom: 25px;
    }

    .vertical-border {
        border-right: 1px solid #CCCCCE;
        padding-right: 20px;
    }

    .vertical-border-padding-left {
        padding-left: 10px;
    }

    .vertical-border-padding-right {
        padding-right: 10px;
    }

    .notice p,
    .cu-notice p,
    .london-notice p,
    .online-notice p,
    .black-notice p,
    .c-teal-notice p,
    .c-orange-notice p,
    .c-olive-notice p,
    .c-purple-notice p,
    .c-london-notice p,
    .c-grey-notice p,
    .c-blue-notice p,
    .c-salmon-notice p {
        margin-bottom: 0;
    }

    .icon-padding {
        padding: 30px 18px;
        font-size: 14px;
    }

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

    .nav-justified>li>a {
        border-bottom: 1px solid #ddd !important;
        border-radius: 4px 4px 0 0 !important;
        margin-bottom: 0 !important;
    }

    .m-ptm {
        padding-top: 10px;
    }

    .clearing-phone-large {
        font-size: 32px;
    }
}

/* LARGE DEVICES */

@media (min-width: 992px) {
    .navbar {
        margin-top: 5px;
    }

    /* #keyInfo-desktop-body {
        margin-bottom: 35px;
    }*/
    #keyInfo-desktop-body {
        margin-bottom: 0px;
    }

    .vertical-border-two {
        border-right: 1px solid #CCCCCE;
    }

    .vertical-border-padding-left {
        padding-left: 15px;
    }

    .vertical-border-padding-right {
        padding-right: 15px;
    }

    ul.list-arrow li {
        float: left;
        display: inline;
        width: 100%;
    }

    ul.list-arrow {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/* Custom css*/
ul.special-list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

ul.special-list li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.module-sub-heading {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0px;
    border-bottom: 1px solid #CCCCCE;
}

.Ext3FunctionBar div {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.Ext3FunctionBar div:before,
.Ext3FunctionBar div:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

h1.clearing-heading p span {
    background: #FFF;
    color: #0066cc;
    display: inline;
    padding: 0px 10px;
    margin: 0px;
}

.clearing-h1 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.padding-bottom {
    padding-bottom: 50px;
}

.second {
    z-index: 999;
}

@media (max-width: 767px) {
    .second {
        margin-bottom: 10px;
    }
}

.btn-static {
    cursor: default;
}

.btn-static:active {
    -moz-box-shadow: inset 0 0 0px white;
    -webkit-box-shadow: inset 0 0 0px white;
    box-shadow: inset 0 0 0px white;
}

ul.ui-autocomplete {
    padding-left: 0px !important;
}

ul.ui-autocomplete .ui-menu-item {
    background: #ffffff !important;
}


/*pagination*/


/* -------------------------------- 

Basic style

-------------------------------- */
#nav {
    text-align: center;
}

.cd-pagination {
    width: 100%;
    text-align: center;
    margin-left: -20px;
}

.courseSearch .cd-pagination {
    margin-left: 0px;
}

.courseSearch .img-responsive,
#undergraduate-tab-pane .img-responsive,
#postgraduate-tab-pane .img-responsive {
    width: 100%;
}

.cd-pagination li {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.cd-pagination li.button {
    /* make sure prev next buttons are visible */
    display: inline-block;
}

.cd-pagination a,
.cd-pagination span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* use padding and font-size to change buttons size */
    padding: .6em .8em;
    font-size: 1.6rem;
}

.cd-pagination a {
    border: 1px solid #e6e6e6;
    border-radius: 0.25em;
}

.no-touch .cd-pagination a:hover {
    background-color: #f2f2f2;
}

/*.no-touch .cd-pagination a:hover {
    background-color: #f2f2f2;
}*/
.cd-pagination a:active {
    /* click effect */
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.cd-pagination a.disabled {
    /* button disabled */
    color: rgba(46, 64, 87, 0.4);
    pointer-events: none;
}

.cd-pagination a.disabled::before,
.cd-pagination a.disabled::after {
    opacity: .4;
}

.cd-pagination .button:first-of-type a::before {
    content: '\00ab  ';
}

.cd-pagination .button:last-of-type a::after {
    content: ' \00bb';
}

.cd-pagination .current {
    /* selected number */
    background-color: #0097A9;
    border-color: #0097A9;
    color: #ffffff;
    pointer-events: none;
}

@media only screen and (min-width: 768px) {
    .cd-pagination li {
        display: inline-block;
    }
}


/* -------------------------------- 

No space - remove distance between list items

-------------------------------- */
.cd-pagination.no-space {
    width: auto;
    max-width: none;
    display: inline-block;
    border-radius: 0.25em;
    border: 1px solid #e6e6e6;
}

.cd-pagination.no-space:after {
    content: "";
    display: table;
    clear: both;
}

.cd-pagination.no-space li {
    margin: 0;
    float: left;
    border-right: 1px solid #e6e6e6;
}

.cd-pagination.no-space li:last-of-type {
    border-right: none;
}

.cd-pagination.no-space a,
.cd-pagination.no-space span {
    float: left;
    border-radius: 0;
    padding: .8em 1em;
    border: none;
}

.cd-pagination.no-space li:first-of-type a {
    border-radius: 0.25em 0 0 0.25em;
}

.cd-pagination.no-space li:last-of-type a {
    border-radius: 0 0.25em 0.25em 0;
}

/* -------------------------------- 

custom buttons - replace prev and next buttons text with a custom icon 

-------------------------------- */
.cd-pagination.custom-buttons a,
.cd-pagination.custom-buttons span {
    vertical-align: middle;
}

.cd-pagination.custom-buttons .button a {
    /* set custom width */
    width: 40px;
    /* image replacement */
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    color: transparent;
    background-image: url("/static/assets/images/cd-icon-arrow-2.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.cd-pagination.custom-buttons .button:last-of-type a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.no-touch .cd-pagination.custom-buttons .button:last-of-type a:active {
    -webkit-transform: scale(0.9) rotate(180deg);
    -moz-transform: scale(0.9) rotate(180deg);
    -ms-transform: scale(0.9) rotate(180deg);
    -o-transform: scale(0.9) rotate(180deg);
    transform: scale(0.9) rotate(180deg);
}

.cd-pagination.no-space.custom-buttons .button:last-of-type a {
    border-radius: 0.25em 0 0 0.25em;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

/* -------------------------------- 
BREADCRUMB 
-------------------------------- */
/*.breadcrumb-container {
    border-top: 4px solid #dbdcde;
}*/
ul.breadcrumb {
    padding: 10px 0;
    list-style: none;
    background-color: #f4f5f8;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 14px;
    line-height: 20px !important;
    color: #222222;
}

/* Add an angle right symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 0px 8px 0px 8px;
    font-family: 'FontAwesome';
    content: '\f105';
    color: #666;
    font-size: 14px;
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #222222;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover,
#breadcrumb-wrapper a:hover {
    color: #0066CB;
    text-decoration: underline !important;
}

/* -------------------------------- 
SIDENAVIGATION
-------------------------------- */
.sidenav ul li>ul>li>ul {
    font-size: 13px;
    line-height: 25px;
}

/* -------------------------------- 
FORMS
-------------------------------- */
.Form__Element p {
    font-size: 1em;
}

.Form__Element__Caption {
    width: auto;
    display: block !important;
    vertical-align: top;
}

.Form__Element input,
.Form__Element textarea {
    background-color: #f1f3f4;
    border: 1px solid #e4e4e4;
    border-radius: 0px;
    color: #242424;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    padding: 8px 10px;
    width: 100%;
}

.Form__Element input[type="range"] {
    border: none;
    padding: 0px;
    background-color: transparent;
}

input[type="radio"].FormChoice__Input--Radio {
    margin: 0px 0px 0px 20px;
    width: auto;
}

.Form__Element select {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #222;
    border: 1px solid #e4e4e4;
    font-family: "Roboto", sans-serif;
    border-radius: 0px;
    padding: 8px 10px;
    margin-bottom: 0px;
    background-color: #f1f3f4;
    font-weight: bold;
}

.Form__Element input.FormFileUpload__Input {
    border: none;
    background-color: transparent;
}

.FormSubmitButton,
.btnNext {
    background-color: #0097A9;
    color: #fff;
    padding: 10px 18px;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    border: 0px;
    margin: 10px 10px 10px 0px;
}

.FormSubmitButton:hover,
.btnNext:hover {
    background-color: #000;
}

.FormResetButton,
.btnPrev {
    background-color: #666;
    color: #fff;
    padding: 10px 18px;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    border: 0px;
    margin: 10px 10px 10px 0px;
}

.FormResetButton:hover,
.btnPrev:hover {
    background-color: #000;
}

.FormSubmitButton:hover,
.FormResetButton:hover {
    background-color: #000;
}

fieldset legend {
    padding-inline-start: 8px;
    padding-inline-end: 8px;
    font-weight: bold;
}

fieldset label {
    display: inline-block;
    width: 45%;
}

.Form__Element [type="checkbox"] {
    width: auto;
}

/* -------------------------------- 
SIGNPOST BOXES
-------------------------------- */
.signpost {
    border: 1px solid #CCC;
    padding: 15px;
    margin-bottom: 20px;
}

.signpost p {
    margin-bottom: 0px;
}

.xsm-signpost-h3 h3 {
    font-size: 1.1em;
}

.sm-signpost-h3 h3 {
    font-size: 1.2em;
}

.md-signpost-h3 h3 {
    font-size: 1.3em;
}

.ba0 .signpost {
    border: none;
}

/* -------------------------------- 
MEGA MENU
-------------------------------- */
#header {
    padding: 15px 0 0px;
}

@media (min-width: 768px) {
    #header .navbar .navbar-nav {
        display: flex;
    }
}

@media (min-width: 768px) {
    #header .navbar .navbar-nav li {
        width: 16.6666666667%;
    }
}

#header .navbar .navbar-nav li a {
    display: block;
    font-size: 16px;
    padding: 12px;
    transition: background-color 200ms ease-in-out;
}

#header .navbar .navbar-nav a {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
}

#header .navbar .navbar-nav li.active a {
    color: #fff;
}

#header .navbar .navbar-nav li a:hover,
#header .navbar .navbar-nav li a:focus,
.mm-arrow-hover {
    background-color: #000;
}

#header .navbar .navbar-nav li a:hover,
#header .navbar .navbar-nav li a:focus,
#header .navbar .navbar-nav li.active a:hover,
.mm-arrow-hover {
    background: url("/globalassets/media/global/10-mega-menu/mm-arrow.png") center bottom no-repeat;
}

@media (max-width: 767px) {

    #header .navbar .navbar-nav li a:hover,
    #header .navbar .navbar-nav li a:focus,
    #header .navbar .navbar-nav li.active a:hover {
        background: #000;
        background-image: none;
    }
}

.mm-heading {
    font-size: 1.75em;
    font-weight: bold;
}

.mm-sub-heading {
    font-size: 1.125em;
    font-weight: bold;
    margin-bottom: 0px;
}

.mm-sub-link {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0px;
}

.submegamenu {
    overflow: hidden;
}

.submegamenu hr.sublink {
    margin: 8px 0;
}

.submegamenu li {
    padding-left: 0.6em;
}

.submegamenu li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -0.6em;
    width: 0.6em;
    color: #00717f;
}

.submegamenu .ff {
    display: flex;
    flex-wrap: wrap;
}

.submegamenu .ff>div {
    display: flex;
    flex: calc(50% - 10px);
    flex-direction: column;
    position: relative;
}

.submegamenu .ff>div:nth-child(n+3) {
    padding-top: 30px;
}

.submegamenu .ff>div:nth-child(n+3)::before {
    background: #CCCCCE;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 100%;
}

.submegamenu .ff>div:nth-of-type(odd) {
    margin-right: 20px;
}

/* -------------------------------- 
	CALENDAR
-------------------------------- */
.calendar-cta {
    padding-top: 30px;
}

.calendar-cta .fc-button {
    font-size: 14px;
}

.overlay {
    overflow-y: auto !important;
    z-index: 1000 !important;
}

.overlay-content {
    top: 20px !important;
}

/* -------------------------------- 
	CLEARING ENTRY REQUIREMENTS PANEL PHASE 3 - REMOVING DROP DOWN TEMPORARILY AS WRONG CODE PULLING THROUGH
-------------------------------- */
.erpc2019 .hide-reveal-header,
.erpc2019 #acceptable-qualifications1 {
    display: none;
}

/* -------------------------------- 
	FOOTER
-------------------------------- */
.footer-heading {
    color: #222222 !important;
    font-size: 1.85rem !important;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 1.1;
}

.footer-connected span {
    font-size: 28px;
}

.footer-connected span {
    margin-top: 2px;
    margin-bottom: 10px;
}

.footer a:hover {
    color: #00717f;
    text-decoration: underline;
}

.footer a.cta-link {
    color: #00717f;
    text-decoration: underline;
}

.footer a.cta-link:hover {
    color: #000;
    text-decoration: underline;
}

.footer .footer-connected a:hover {
    text-decoration: none;
}

.footer p {
    line-height: 1.5em;
}

.footer p a {
    color: #00717f;
}

.footer a.cov-blue-link:hover {
    color: #0066CC;
}

.footer a.purple-link:hover {
    color: #52478A;
}

.footer a.orange-link:hover {
    color: #D54308;
}

.tiktok,
.youku-logo,
.cusu-logo {
    display: inline-block;
    line-height: 28px;
    text-indent: -9999px;
}

.tiktok:hover,
.youku-logo:hover,
.cusu-logo:hover {
    background-position: bottom;
}

.tiktok {
    background: url(/globalassets/media/global/footer/tiktok.png) top center no-repeat;
    height: 27px;
    width: 36px;
}

.youku-logo {
    background-image: url(/static/assets/images/youku-logo.png);
    width: 36px;
}

.cusu-logo {
    background-image: url(/globalassets/media/global/footer/your-su.png);
    width: 59px;
}

/* -------------------------------- 
	CLEARING SEARCH DROPDOWN - NEW SELECT OPTION
-------------------------------- */
select.option-drop {
    width: 100%;
    padding: 8px 30px 8px 8px;
    font-size: 14px;
    line-height: 1;
    border: none;
    height: 40px;
    background: url("/static/assets/images/dropdown-arrow.png") no-repeat right #f8f8f8;
    -webkit-appearance: none;
    background-position-x: right;
}

@media (max-width: 767px) {

    .clearing-bar input#search,
    .points-search {
        float: none;
    }
}

/* -------------------------------- 
	HEADINGS
-------------------------------- */
.layered-heading {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0.25rem;
    box-shadow: 0 2px 25px rgba(0, 0, 0, .2);
    margin: -30px 30px 30px 30px;
    overflow: hidden;
    color: #FFF;
    background-color: #0066cb;
}

.layered-heading h1 {
    margin-bottom: 0px;
}

.layered-heading-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 15px;
}

@media (max-width: 767px) {
    .layered-heading {
        margin: -30px 15px 20px 15px;
    }
}

.white-heading .layered-heading {
    color: #222 !important;
    background-color: #FFF;
}

.pink-heading .layered-heading {
    background-color: #a529a5;
}

.purple-heading .layered-heading {
    background-color: #333366;
}

.test-h1 h1 {
    display: block;
    color: #FFF;
    background-color: #0066cb;
    box-shadow: 0 2px 25px rgba(0, 0, 0, .2);
    padding: 10px 15px;
}

.test-h1 .banner-img h1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0.25rem;
    box-shadow: 0 2px 25px rgba(0, 0, 0, .2);
    margin: -30px 30px 30px 30px;
    overflow: hidden;
    color: #FFF;
    background-color: #0066cb;
}

@media (max-width: 767px) {
    .test-h1 .banner-img h1 {
        margin: -30px 15px 30px 15px;
    }
}

.test-h1 .white-heading h1 {
    color: #222 !important;
    background-color: #FFF;
}

.test-h1 .pink-heading h1 {
    background-color: #a529a5;
}

.test-h1 .purple-heading h1 {
    background-color: #333366;
}

/* -------------------------------- 
	NEW CAMPAIGN BANNER 2021
-------------------------------- */
.layered-heading-campaign {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0.25rem;
    box-shadow: 0 2px 25px rgba(0, 0, 0, .2);
    overflow: hidden;
    color: #FFF;
    background-color: #0066cb;
}

.layered-heading-campaign h1 {
    margin-bottom: 0px;
}

.layered-heading-campaign-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 15px;
}

/* -------------------------------- 
	CLEARING 2021 SEARCH RESULTS
-------------------------------- */
.navbar.cc-search-results-tabs {
    margin-bottom: 0px;
}

.cc-search-results-tabs .navbar-nav>li>a {
    display: block;
}

.cc-search-results-tabs .navbar-nav .active a {
    border-top: solid 5px #0097a9;
    background-color: #FFF;
    color: #000;
}

.cc-search-results-tabs .navbar-nav .active a:hover,
.cc-search-results-tabs .navbar-nav .active a:focus {
    color: #000;
    background-color: #FFF;
}

.cc-search-results-tabs .nav>li>a:hover,
.cc-search-results-tabs .nav>li>a:focus {
    color: #000;
    background-color: #FFF;
}

.cc-search-results-tabs .navbar-nav>li {
    background-color: #0097A9;
    color: #FFF;
}

.cc-search-results-tabs .navbar-nav>li:not(:last-child) {
    border-right: 5px solid #e4e4e4;
}

.lt-grey {
    background-color: #e4e4e4;
}

.cc-search-results-tabs .nav>li>a {
    color: #FFF;
}

.cc-search-results-tabs .navbar-nav>li.active .course-number {
    color: #A529A5 !important;
}

.cc-search-results-tabs .panel-default>.panel-heading {
    background-color: #A529A5;
}

/* -------------------------------- 
	HOTSPOT MAP FOOTER
-------------------------------- */
.hotspot-img {
    position: relative;
}

.hotspot-img {
    position: relative;
}

.hotspot-img .hot-spot {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 5px;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}

.hotspot-img .hot-spot .tooltip {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    opacity: 0;
    display: none;
    left: 0;
    padding: 8px 10px;
    position: absolute;
    top: 20px;
    width: auto;
    z-index: 999;
    box-shadow: 0 10px 80px rgba(0, 0, 0, 0.1), 0 10px 50px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.hotspot-img .hot-spot.hotspot-tooltip-open .tooltip {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.hotspot-img .hot-spot .tooltip.ontop {
    top: auto;
    bottom: 35px;
}

.hotspot-img .hot-spot .tooltip p {
    font-size: 13px;
    line-height: 1.3rem !important;
    margin-bottom: 0;
    white-space: nowrap;
    color: #FFF !important;
    text-transform: capitalize;
}

.hot-spot span {
    font-size: 1.1em;
    position: relative;
    transition: transform 150ms ease;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    width: 10px;
}

.hot-spot.active span {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    transition: transform 250ms ease;
    z-index: 999;
}

/* -------------------------------- 
	NEW COURSE TEMPLATE
-------------------------------- 
.course-template  .container {
    padding: 0px 0px 50px 0px;
}*/
.course-template .navbar {
    margin-top: 0px;
}

.course-template .navbar-inverse {
    background-color: #e4e4e4;
}

.course-template .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.course-template .navbar-inverse .navbar-nav>li>a {
    color: #222;
    text-transform: uppercase;
}

.course-template .navbar-inverse .navbar-nav a:hover {
    border-top: solid 7px #0066cb;
}

.course-template.london .navbar-inverse .navbar-nav a:hover {
    border-top: solid 7px #52478A;
}

.course-template.cu .navbar-inverse .navbar-nav a:hover {
    border-top: solid 7px #F7A900;
}

.course-template.online .navbar-inverse .navbar-nav a:hover {
    border-top: solid 7px #2B1C43;
}

.course-template .navbar-inverse .navbar-nav .active a {
    border-top: solid 5px #0097a9;
    background-color: #FFF;
    color: #000;
}

.course-template .navbar-inverse .navbar-nav>li>a {
    display: block;
}

.course-template .navbar-inverse .navbar-nav>li:not(:last-child) {
    border-right: 5px solid #e4e4e4;
}

@media (max-width: 767px) {

    .course-template .navbar-inverse {
        background-color: #000;
    }

    .course-template .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
    }

    .course-template .navbar-inverse .navbar-nav>li:not(:last-child) {
        border-right: none;
    }

    .course-template .navbar-inverse .navbar-nav .active a {
        border-top: none;
        background-color: #FFF;
        color: #000;
        text-decoration: none;
    }

    .course-template .navbar-inverse .navbar-nav a:hover {
        border-top: none;
    }
}

/* -------------------------------- 
	ACCORDION
-------------------------------- */
.accordion {
    margin-bottom: 15px;
    padding-left: 0;
    list-style: none;
}

.accordion li:first-of-type .accordion-heading {
    border-top: none;
    padding-top: 0;
}

.accordion-heading {
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #CCCCCE;
    -webkit-transition: border-color 0.2s 0.2s ease-in;
    -o-transition: border-color 0.2s 0.2s ease-in;
    transition: border-color 0.2s 0.2s ease-in;
    color: #222 !important;
    font-weight: bold;
}

.accordion-heading i {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    color: #0097aa;
}

.accordion-heading i::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}

.accordion-heading i::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 14px;
    height: 14px;
    border-left-width: 2px;
    border-left-style: solid;
}

.accordion-heading.collapsed i::before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
}

.accordion.accordion-domains .accordion-heading {
    color: #00b388;
}

.accordion-heading i::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 8px;
    width: 14px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.accordion-heading.small i {
    width: 28px;
    height: 28px;
    background-color: #0097aa;
}

.accordion-heading.small i::before {
    top: 6px;
    left: 11px;
    height: 12px;
    color: #FFFFFF
}

.accordion-heading.small i::after {
    top: 11px;
    left: 6px;
    width: 12px;
    color: #FFFFFF
}

::before,
::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.accordion-content {
    margin-top: 15px;
}

.accordion-content ul {
    list-style-type: disc;
}

.accordion-content p,
.accordion-content ul,
.accordion-content ol {
    font-size: 1em;
}

@media (max-width: 767px) {

    /* Override img restrictions for smaller devices */
    .accordion-heading {
        padding: 10px 0 0 0;
        margin: 10px 0 0 0;
        font-size: 16px !important;
    }

    .accordion-heading i {
        position: relative;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border-width: 2px;
        border-style: solid;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        color: #0097aa;
    }

    .accordion-heading i::before {
        content: "";
        position: absolute;
        top: 6px;
        left: 10px;
        height: 10px;
        border-left-width: 2px;
        border-left-style: solid;
    }

    .accordion-heading i::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 6px;
        width: 10px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }
}

/* Float Shadow */
.hvr-float-arrow {
    display: inline-block;
}

.hvr-float-arrow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-left: 20px;
}

.hvr-float-arrow:hover .hvr-icon,
.hvr-float-arrow:focus .hvr-icon,
.hvr-float-arrow:active .hvr-icon {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

/* -------------------------------- 
	BUTTONS 
-------------------------------- */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #007a88;
    border-color: #007a88;
    box-shadow: 0 .3rem 0 0 rgba(38, 38, 51, .3);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn-primary span {
    clear: both;
    font-size: 18.66px;
    text-align: center;
    padding-bottom: 0px;
}

/* Icon Forward */
.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-left: 20px;
}

.hvr-icon-forward:hover .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:active .hvr-icon {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

/* -------------------------------- 
	NEW SIGNPOST
-------------------------------- */
@media (min-width: 768px) {
  .fancy-signposts {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .fancy-signposts .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 30px);
  }
}

.zoom-container {
  height: auto;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .zoom-container {
    height: 100%;
  }
}
.zoom-container a {
  text-decoration: none;
}
.zoom-container a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.zoom-container a img {
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.zoom-container h2, .zoom-container h3, .zoom-container h4 {
  margin-top: 10px;
  text-decoration: underline;
}
.zoom-container img {
  border: 0;
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .zoom-container img {
    height: 150px;
  }
}
@media (min-width: 1024px) {
  .zoom-container img {
    height: 200px;
  }
}
@media (min-width: 768px) {
  .col-sm-3 .zoom-container a img {
    height: 100px;
  }
}
@media (min-width: 1024px) {
  .col-sm-3 .zoom-container a img {
    height: 150px;
  }
}
@media (min-width: 768px) {
  .col-sm-6 .zoom-container a img {
    height: 200px;
  }
}
@media (min-width: 1024px) {
  .col-sm-6 .zoom-container a img {
    height: 300px;
  }
}

.layered-signpost,
.layered-signpost-alt,
.layered-signpost-alt2 {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  margin: -25px 20px 0 20px;
  min-width: 0;
  overflow: hidden;
  position: relative;
  word-wrap: break-word;
}
@media (min-width: 768px) {
  .layered-signpost,
.layered-signpost-alt,
.layered-signpost-alt2 {
    height: calc(100% - 150px);
    padding-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .layered-signpost,
.layered-signpost-alt,
.layered-signpost-alt2 {
    height: calc(100% - 200px);
  }
}
@media (min-width: 768px) {
  .col-sm-3 .layered-signpost,
.col-sm-3 .layered-signpost-alt,
.col-sm-3 .layered-signpost-alt2 {
    height: calc(100% - 100px);
  }
}
@media (min-width: 1024px) {
  .col-sm-3 .layered-signpost,
.col-sm-3 .layered-signpost-alt,
.col-sm-3 .layered-signpost-alt2 {
    height: calc(100% - 150px);
  }
}
@media (min-width: 768px) {
  .col-sm-6 .layered-signpost,
.col-sm-6 .layered-signpost-alt,
.col-sm-6 .layered-signpost-alt2 {
    height: calc(100% - 200px);
  }
}
@media (min-width: 1024px) {
  .col-sm-6 .layered-signpost,
.col-sm-6 .layered-signpost-alt,
.col-sm-6 .layered-signpost-alt2 {
    height: calc(100% - 300px);
  }
}

.layered-signpost-body {
  min-height: 1px;
  padding: 5px 15px;
}
.layered-signpost-body p {
  color: #222;
}

/* -------------------------------- 
	NEW PANELS
-------------------------------- */
.blue-to-white {
    background: linear-gradient(to right, #0066cb 0%, #0066cb 60%, #FFFFFF 60%, #FFFFFF 60%, #FFFFFF 100%);
}

.white-to-blue {
    background: linear-gradient(to left, #0066cb 0%, #0066cb 60%, #FFFFFF 60%, #FFFFFF 60%, #FFFFFF 100%);
}

@media (max-width: 992px) {

    .blue-to-white,
    .white-to-blue {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 70%, #FFFFFF 70%, #FFFFFF 70%, #FFFFFF 100%);
    }
}

/* -------------------------------- 
	CLEARING 2021 PANELS 
-------------------------------- */
.blue-to-grey {
    background: linear-gradient(to right, #0066cb 0%, #0066cb 70%, transparent 70%, transparent 70%, transparent 100%), linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%, transparent 50%, transparent 50%, transparent 100%);
}

.blue-to-grey-alt {
    background: linear-gradient(to right, #0066cb 0%, #0066cb 70%, transparent 70%, transparent 70%, transparent 100%), linear-gradient(to bottom, transparent 0%, transparent 50%, #f2f3f5 50%, #f2f3f5 50%, #f2f3f5 100%);
}

.blue-to-white-alt {
    background: linear-gradient(to right, #0066cb 0%, #0066cb 70%, transparent 70%, transparent 70%, transparent 100%), linear-gradient(to top, #FFFFFF 0%, #FFFFFF 50%, transparent 50%, transparent 50%, transparent 100%);
}

.yellow-to-white-alt {
    background: #f7a900;
}

@media (min-width: 992px) {
    .yellow-to-white-alt {
        background: linear-gradient(to right, #f7a900 0%, #f7a900 75%, transparent 75%, transparent 75%, transparent 100%), linear-gradient(to top, transparent 0%, transparent 50%, transparent 50%, transparent 50%, transparent 100%);
    }
}

.grey-panel-bkgnd {
    background: #f2f3f5;
}

.grey-to-blue {
    background: linear-gradient(to left, #0066cb 0%, #0066cb 70%, transparent 70%, transparent 70%, transparent 100%), linear-gradient(to bottom, transparent 0%, transparent 50%, #FFFFFF 50%, #FFFFFF 50%, #FFFFFF 100%);
}

.heading-gradient {
    background: linear-gradient(to top, transparent 0%, transparent 60px, #FFFFFF 60px, #FFFFFF 60px, #FFFFFF 100%);
}

.white-to-grey {
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 40%, transparent 40%, transparent 40%, transparent 100%);
}

.grey-to-white {
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, #FFFFFF 50%, #FFFFFF 50%, #FFFFFF 100%);
}

@media (max-width: 1500px) {
    .blue-to-white-alt {
        background: linear-gradient(to right, #0066cb 0%, #0066cb 75%, transparent 75%, transparent 75%, transparent 100%), linear-gradient(to top, #FFFFFF 0%, #FFFFFF 50%, transparent 50%, transparent 50%, transparent 100%);
    }
}

@media (max-width: 1199px) {
    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 60px, #FFFFFF 60px, #FFFFFF 60px, #FFFFFF 100%);
    }
}

@media (max-width: 1024px) {
    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 60px, #FFFFFF 60px, #FFFFFF 60px, #FFFFFF 100%);
    }
}

@media (max-width: 991px) {

    .blue-to-grey,
    .grey-to-blue {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 70%, transparent 70%, transparent 70%, transparent 100%);
    }

    .blue-to-grey-alt {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 70%, #f2f3f5 70%, #f2f3f5 70%, #f2f3f5 100%);
    }

    .blue-to-white-alt {
        background: #0066cb;
    }

    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 60px, #FFFFFF 60px, #FFFFFF 60px, #FFFFFF 100%);
    }
}

@media (max-width: 767px) {

    .blue-to-grey,
    .grey-to-blue {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 70%, #FFFFFF 70%, #FFFFFF 70%, #FFFFFF 100%);
    }

    .blue-to-grey-alt {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 70%, #f2f3f5 70%, #f2f3f5 70%, #f2f3f5 100%);
    }

    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 25px, #FFFFFF 25px, #FFFFFF 25px, #FFFFFF 100%);
    }
}

@media (max-width: 687px) {
    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 100px, #FFFFFF 100px, #FFFFFF 100px, #FFFFFF 100%);
    }
}

@media (max-width: 667px) {
    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 100px, #FFFFFF 100px, #FFFFFF 100px, #FFFFFF 100%);
    }
}

@media (max-width: 568px) {
    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 25px, #FFFFFF 25px, #FFFFFF 25px, #FFFFFF 100%);
    }
}

@media (max-width: 480px) {

    .blue-to-grey,
    .grey-to-blue {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 80%, #FFFFFF 80%, #FFFFFF 80%, #FFFFFF 100%);
    }

    .blue-to-grey-alt {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 80%, #f2f3f5 80%, #f2f3f5 80%, #f2f3f5 100%);
    }

    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 25px, #FFFFFF 25px, #FFFFFF 25px, #FFFFFF 100%);
    }
}

@media (max-width: 414px) {
    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 180px, #FFFFFF 180px, #FFFFFF 180px, #FFFFFF 100%);
    }
}

@media (max-width: 375px) {
    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 25px, #FFFFFF 25px, #FFFFFF 25px, #FFFFFF 100%);
    }
}

@media (max-width: 340px) {
    .heading-gradient {
        background: linear-gradient(to top, transparent 0%, transparent 25px, #FFFFFF 25px, #FFFFFF 25px, #FFFFFF 100%);
    }
}

.cc-icons a span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.cc-icons a:hover span {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

@media (max-width: 992px) {
    .cc-icons .h2 {
        font-size: 1.5em;
    }

    .cc-icons span img {
        width: 110px;
        height: 110px;
    }
}

.icon-margin-left {
    margin-left: 168px;
}

@media (max-width: 767px) {
    .icon-margin-left {
        margin-left: 0px;
    }
}

.panel-detail {
    display: block;
}

.panel-content h2,
.panel-content .h2,
.panel-content h3,
.panel-content .h3,
.panel-content h4,
.panel-content .h4,
.panel-content h5,
.panel-content .h5 {
    color: #FFFFFF;
    font-size: 60px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 30px;
}

.panel-content.black h2,
.panel-content.black .h2,
.panel-content.black h3,
.panel-content.black .h3,
.panel-content.black h4,
.panel-content.black .h4,
.panel-content.black h5,
.panel-content.black .h5 {
    color: #000000;
}

.panel-content h2,
.panel-content .h2 {
    font-size: 60px;
}

.panel-content h3,
.panel-content .h3 {
    font-size: 50px;
}

.panel-content h4,
.panel-content .h4 {
    font-size: 40px;
}

.panel-content h5,
.panel-content .h5 {
    font-size: 24px;
}

.panel-content p {
    color: #FFFFFF;
}

.panel-content.black p {
    color: #000000;
}

.panel-content .btn-primary {
    border: 2px solid #FFFFFF;
    background-color: transparent;
}

.panel-content .btn-primary:hover {
    background-color: #0097A9;
}

.panel-content.black .btn-primary {
    border: 2px solid #0097A9;
    background-color: #0097A9;
}

.panel-content.black .btn-primary:hover {
    border: 2px solid #007a88;
    background-color: #007a88;
}

.panel-content blockquote footer {
    color: #FFFFFF;
}

.panel-content.black blockquote footer {
    color: #000000;
}

.panel-content blockquote footer span {
    display: block;
    font-weight: 400;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

@media (max-width: 767px) {
    .graduates .d-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: block !important;
    }
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.flex-w {
    flex-wrap: wrap;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.image-shadow {
    background: #000;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .4);
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .panel-detail {
        display: flex;
    }
}

.cc-search .widgetContainer input[type="search"],
.course-search input,
.course-search select {
    background: #fff;
    border: 4px solid #0097A9 !important;
    height: 60px !important;
    font-size: 16px !important;
}

.course-search select.option-drop {
    background-image: none;
    padding-right: 60px;
}

.course-search .dropdown {
    position: relative;
}

.course-search .dropdown::before {
    background-color: #0097a9;
    color: #fff;
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-size: 32px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 60px;
}

.course-search button {
    height: 60px;
    margin-top: 0 !important;
}

.cc-search button.icon {
    border: 4px solid #0097A9;
    height: 60px;
    width: 60px;
    font-size: 32px;
}

.cc-search button.icon:hover {
    background: #A529A5;
}

.cc-search .search-icon {
    padding: 0px 0px 0px 7px;
}

.cc-landing .heading-area {
    z-index: 2;
    position: relative;
}

.cc-landing .heading {
    display: inline-block;
    font-size: 70px;
    line-height: 90px;
    width: 150%;
    margin-top: 100px;
}

.cluster .cc-landing .heading {
    width: 130%;
}

.cc-landing .heading span {
    color: #ffffff;
    padding: 5px 10px;
    background: #0066CC;
    display: inline-block;
    line-height: 70px;
    padding-bottom: 15px;
}

.cluster .cc-landing .heading span {
    display: block;
}

.cc-subtext {
    font-size: 2.125em;
    line-height: 1.5;
    font-weight: 900;
}

.cc-subtext span {
    padding-bottom: 5px;
    color: #0066CC;
    background-image: url("/globalassets/media/global/00-clearing-2021/header/cc-underline.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}

.cc-phone {
    font-size: 45px;
    font-weight: 900;
}

@media (max-width: 1199px) {
    .cc-landing .heading {
        margin-top: 60px;
    }

    .cc-subtext {
        font-size: 30px;
        line-height: 30px;
    }

    .cc-landing .heading span {
        color: #ffffff;
        padding: 5px 10px;
        background: #0066CC;
        display: inline-block;
        line-height: 70px;
        padding-bottom: 15px;
        font-size: 60px;
    }
}

@media (max-width: 991px) {
    .cc-landing .heading {
        font-size: 60px;
        margin-top: 40px;
        line-height: 80px;
    }

    .cluster .cc-landing .heading {
        width: 120%;
    }

    .cc-landing .heading span {
        font-size: 55px;
        line-height: 60px;
    }

    .cc-subtext {
        font-size: 28px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .cc-landing .heading {
        font-size: 55px;
        line-height: 60px;
        color: #ffffff;
        padding: 5px 10px;
        background: #0066CC;
        display: inline-block;
        width: auto;
        margin-top: 204px;
    }

    .cluster .cc-landing .heading {
        width: 100%;
    }

    .cc-landing .heading span {
        display: block;
        padding: 0px 0px;
    }
}

@media (max-width: 767px) {
    .cc-landing .heading {
        margin-top: 182px;
    }
}

@media (max-width: 646px) {
    .cc-landing .heading {
        margin-top: 152px;
    }
}

@media (max-width: 550px) {
    .cc-landing .heading {
        margin-top: 112px;
    }
}

@media (max-width: 480px) {
    .cc-landing .heading {
        margin-top: 110px;
    }

    .cc-subtext {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .cc-phone {
        font-size: 39px;
    }
}

@media (max-width: 414px) {
    .cc-landing .heading {
        margin-top: 100px;
    }
}

@media (max-width: 380px) {
    .cc-landing .heading {
        margin-top: 97px;
        font-size: 50px;
        line-height: 55px;
    }

    .cc-subtext {
        font-size: 20px;
        line-height: 24px;
    }

    .cc-phone {
        font-size: 37px;
    }

    .cc-landing .heading span {
        font-size: 50px;
        line-height: 55px;
    }
}

@media (max-width: 360px) {
    .cc-landing .heading {
        margin-top: 92px;
    }

    .cc-subtext {
        font-size: 18px;
        line-height: 22px;
    }

    .cc-phone {
        font-size: 33px;
    }

    .cc-landing .heading span {
        font-size: 43px;
        line-height: 43px;
    }
}

@media (max-width: 320px) {
    .cc-landing .heading {
        margin-top: 80px;
    }

    .cc-phone {
        font-size: 30px;
    }
}

.line-1 {
    background-image: url("/globalassets/media/global/00-clearing-2021/lines/line-3.png");
    background-repeat: no-repeat;
    background-position: right -80px bottom 0px;
}

.line-2 {
    background-image: url("/globalassets/media/global/00-clearing-2021/lines/line-5.png");
    background-repeat: no-repeat;
    background-position: left -80px bottom 0px;
}

@media (max-width: 1600px) {
    .line-1 {
        background-position: right -280px bottom 0px;
    }
}

@media (max-width: 1350px) {
    .line-1 {
        background-position: right -280px bottom 0px;
    }

    .line-2 {
        background-position: left -280px bottom 0px;
    }
}

@media (max-width: 767px) {

    .line-1,
    .line-2 {
        background-image: none;
    }
}

.curve-1,
.curve-2 {
    background-image: url("/globalassets/media/global/00-clearing-2021/lines/curve-4.png");
    background-repeat: no-repeat;
    background-position: top 90px center;
    background-size: contain;
}

.curve-2 {
    background-image: url("/globalassets/media/global/00-clearing-2021/lines/curve-5.png");
}

@media (max-width: 992px) {

    .curve-1,
    .curve-2 {
        background-position: top 45px center;
        background-size: auto;
    }
}

@media (max-width: 767px) {

    .curve-1,
    .curve-2 {
        background-position: top 175px center;
        background-size: auto;
    }
}

@media (max-width: 570px) {

    .curve-1,
    .curve-2 {
        background-position: top 170px center;
        background-size: auto;
    }
}

@media (max-width: 414px) {

    .curve-1,
    .curve-2 {
        background-position: top 50px center;
        background-size: auto;
    }
}

.image-holder {
    position: relative;
    top: 0;
    left: 0;
}

.cc-image-top {
    position: relative;
    top: 120px;
    left: -130px;
}

.cc-image-bottom {
    position: absolute;
    top: 0px;
    left: 0px;
}

@media (max-width: 1199px) {
    .cc-image-top {
        position: relative;
        top: 110px;
        left: -100px;
    }
}

@media (max-width: 991px) {
    .cc-image-top {
        position: relative;
        top: 65px;
        left: -80px;
    }
}

.cluster-dropdown .widgetContainer .single-drop .search-dropdown {
    background: #FFF !important;
}

.cluster-london-dropdown .widgetContainer-lt-grey {
    background-color: #52478a;
}

.cluster-cu-dropdown .widgetContainer-lt-grey {
    background-color: #f7a900;
}

/* -------------------------------- 
	CLEARING 2021 SEARCH
-------------------------------- */
.cc-search-results-tabs .navbar-nav>li.active {
    background-color: #FFFFFF !important;
}

.cs-search-title {
    background: #ccc;
    font-weight: 700;
    text-decoration: none;
    padding: 10px 15px;
}

.cs-search-title>.accordian-heading {
    margin-top: 0px !important;
}

.cc-clearing-results .accordian-wrapper {
    background: #f4f5f9;
    max-width: 240px;
    margin-top: 50px;
}

.cc-clearing-results .accordion {
    margin-bottom: 15px;
    padding-left: 0;
    list-style: none;
}

.cc-clearing-results .accordion-heading {
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #CCCCCE;
    -webkit-transition: border-color 0.2s 0.2s ease-in;
    -o-transition: border-color 0.2s 0.2s ease-in;
    transition: border-color 0.2s 0.2s ease-in;
    color: #A529A5 !important;
    font-weight: bold;
}

.cc-clearing-results .accordion-heading {
    font-size: 16px;
}

.cs-search-title .accordion-heading,
.cs-search-box .accordion-heading {
    color: #000 !important;
}

.cs-search-item {
    margin: 0px 10px;
    padding: 0;
}

.no-border-top {
    border-top-width: 0px !important;
    padding: 0px 0 0 0 !important;
}

.cc-clearing-results .accordion-heading i {
    position: absolute;
    right: -15px;
    top: 15px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    color: #0097A9;
}

.cc-clearing-results .accordion-heading i::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}

.cc-clearing-results .accordion-heading i::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 14px;
    height: 14px;
    border-left-width: 2px;
    border-left-style: solid;
}

.cc-clearing-results .accordion-heading.collapsed i::before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
}

.cc-clearing-results .accordion.accordion-domains .accordion-heading {
    color: #00b388;
}

.cc-clearing-results .accordion-heading i::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 8px;
    width: 14px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

::before,
::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cc-clearing-results .accordion-content {
    margin-top: 15px;
}

.cs-seach-checkbox {
    display: block;
    position: relative;
    min-height: 25px;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

li:last-of-type .cs-seach-checkbox {
    margin-bottom: 0;
}

.cs-seach-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cs-seach-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-color: #0097A9;
    border-width: 1px;
    border-style: solid;
}

.cs-seach-checkbox:hover input~.cs-seach-checkmark {
    background-color: #ccc;
}

.cs-seach-checkbox input:checked~.cs-seach-checkmark {
    background-color: #fff;
}

.cs-seach-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cs-seach-checkbox input:checked~.cs-seach-checkmark:after {
    display: block;
}

.cs-seach-checkbox .cs-seach-checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 11px;
    border: solid #0097A9;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cs-seach-radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 50%;
}

.cs-seach-checkbox:hover input~.cs-seach-radio {
    background-color: #ccc;
}

.cs-seach-checkbox input:checked~.cs-seach-radio {
    background-color: #fff;
    border-color: #0097A9;
    border-width: 1px;
    border-style: solid;
}

.cs-seach-radio:after {
    content: "";
    position: absolute;
    display: none;
}

.cs-seach-checkbox input:checked~.cs-seach-radio:after {
    display: block;
}

.cs-seach-checkbox .cs-seach-radio:after {
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0097A9;
}

.count-text {
    font-weight: normal;
    font-size: 14px;
    color: #00717f;
}

.cc-search-results-tabs .panel-title>a {
    color: white;
    display: block;
    width: 100%;
    padding: 15px 15px 15px 15px;
    font-size: 1em;
}

.cc-search-results-tabs .panel-title i {
    color: #A529A5;
    font-size: 1em;
    border-radius: 50px 50px;
    padding: 9px;
    line-height: 12px;
    width: 30px;
    height: 30px;
}

.cc-search-results-tabs .panel-heading {
    background-color: #A529A5;
}

@media (max-width: 767px) {
    .cc-clearing-results .accordian-wrapper {
        background: #f4f5f9;
        max-width: 100% !important;
        margin: 20px 0 20px 0 !important;
    }

    .cc-clearing-results .accordion-heading {
        padding: 10px 0 0 0;
        margin: 10px 0 0 0;
        font-size: 16px !important;
    }

    .cc-clearing-results .accordion-heading i {
        position: absolute;
        right: -10px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border-width: 2px;
        border-style: solid;
        display: inline-block;
        vertical-align: middle;
        color: #0097A9;
    }

    .cc-clearing-results .accordion-heading i::before {
        content: "";
        position: absolute;
        top: 6px;
        left: 10px;
        height: 10px;
        border-left-width: 2px;
        border-left-style: solid;
    }

    .cc-clearing-results .accordion-heading i::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 6px;
        width: 10px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }

    #cs-main-content {
        display: flex;
        flex-flow: column;
    }

    .cc-clearing-results {
        order: 1;
    }

    .cc-tabs {
        order: 2;
        background-color: #FFFFFF !important;
    }

    .cc-search-results-tabs .panel-body {
        padding: 0px 15px;
    }

    .cc-search-results-tabs h4.panel-title {
        font-size: 1em;
    }
}

.cc-search-header .heading {
    display: inline-block;
    font-size: 60px;
    line-height: 80px;
    width: auto;
}

.cc-search-header .heading span {
    color: #ffffff;
    padding: 5px 10px;
    background: #0066CC;
    display: inline-block;
    line-height: 60px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .cc-search-header .heading {
        font-size: 55px;
        line-height: 60px;
    }
}

#cs-main-content .searchResuts {
    padding: 30px 0px 0px 0px;
}

@media (min-width: 768px) {
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

@media (max-width: 767px) {
    .cc-clearing-results .accordian-wrapper {
        margin: 0px 0 20px 0 !important;
        padding-top: 10px;
    }

    .cc-clearing-results .accordion-heading {
        margin: 10px 0 0 0;

    }

    .accordion-heading.no-border-top {
        margin: 0px 0 0 0;
    }
}

.course-filter.btn-primary i {
    font-size: 24px;
    padding-bottom: 0px;
}

.cc-clearing-results .points-search {
    float: none;
    position: relative;
    padding-left: 15px;
    margin-right: 0px;
}

/* -------------------------------- 
	CLEARING 2021 COURSE BLOCKS
-------------------------------- */
.pink-icons .red-clearing-color {
    color: #A529A5;
}

.orange-icons .red-clearing-color {
    color: #D54308;
}

.green-icons .red-clearing-color {
    color: #99CC00;
}

.pink-icons hr.clearing-listing {
    display: none;
}

.pink-icons i.grey-box-icon {
    color: #A529A5;
}

.orange-icons i.grey-box-icon {
    color: #D54308;
}

.green-icons i.grey-box-icon {
    color: #99CC00;
}

.pink-icons .sm-number-block {
    background-color: #A529A5;
}

.orange-icons .sm-number-block {
    background-color: #D54308;
}

.green-icons .sm-number-block {
    background-color: #99CC00;
}

.chat-bigger .lead {
    font-size: 22px;
    font-weight: 900;
}

/* -------------------------------- 
	2021 COURSE TEMPLATE
-------------------------------- */
#gotoTop {
    z-index: 599;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #0066cb;
    font-size: 1.25rem;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
    border-radius: 30px;
    display: none;
    padding-top: 4px;
}

#gotoTop.london {
    background-color: #52478A;
}

#gotoTop.cu {
    background-color: #F7A900;
    color: #000;
}

#gotoTop:hover {
    background-color: #0097A9;
    color: #FFF;
}

.gototop-link .fa-angle-up {
    color: #fff;
    font-size: 22px;
}

#gotoTop.cu .gototop-link .fa-angle-up {
    color: #000;
}

#gotoTop.cu .gototop-link .fa-angle-up:hover {
    color: #FFF;
}

.gototop-visible {
    display: block !important;
}

@media (max-width: 767.98px) {
    #gotoTop {
        display: none !important;
    }
}

.course-template {
    overflow: hidden;
    position: relative;
}

.course-template h1 {
    font-size: 2em;
    margin-top: 10px;
}

.course-template h1 span {
    font-size: 0.75em !important;
    font-weight: normal;
}

.course-template select.option-drop {
    width: auto;
    margin-top: 15px;
    border-radius: 0px;
    font-size: 16px;
    border: solid 1px #e4e4e4;
    padding-right: 70px;
}

.course-template .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.course-template .navbar {
    margin-bottom: 0px;
}

.course-template .affix~.container-fluid {
    position: relative;
    top: 100px;
}

.section-padding {
    padding-bottom: 35px;
    /*scroll-margin-top: 49px;*/
}

.course-template .nav-wrapper {
    min-height: 50px;
}

@media (min-width: 768px) {

    .course-template .navbar-nav .active,
    .course-template .navbar-nav .active a {
        background-color: #fff !important;
        color: white;
    }
}

@media (max-width: 767px) {
    .course-template .navbar-nav li a {
        color: white !important;
    }
}

.course-features {
    margin-top: -90px;
    padding: 25px 30px;
    margin-left: auto;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    background-color: #FFFFFF !important;
    position: relative;
}

.course-features .h3 {
    font-weight: 900;
    font-size: 1.3em;
    line-height: 1.5;

}

.course-features p {
    margin-bottom: 0px;
}

.course-fact .pull-out-fact-small-inverted {
    margin: 50px 0px 25px;
}

@media (max-width: 991px) {
    .course-features p {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .course-features {
        margin-top: -40px;
    }
}

p.module-options {
    font-weight: 900;
    margin-bottom: 0px;
    color: #A529A5;
}

select.option-drop {
    background: url("/static/assets/images/dropdown-arrow.png") no-repeat right #f2f3f5;
}

.course-template .hero-image {
    height: 250px;
    background-image: url("/globalassets/media/global/00-new-course-imagery/arts-and-humanities/ug/fine-art-ba-banner.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

@media (min-width: 768px) {
    .course-template .hero-image {
        height: 350px;
    }
}

@media (min-width: 992px) {
    .course-template .hero-image {
        height: 425px;
    }
}

h2.tab-heading {
    background-color: #0066cb;
    display: inline-block;
    margin-top: 0px;
    padding: 10px 40px;
    color: #FFF;
    margin-bottom: 35px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

h2.tab-heading-london {
    background-color: #52478A;
    display: inline-block;
    margin-top: 0px;
    padding: 10px 40px;
    color: #FFF;
    margin-bottom: 35px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

h2.tab-heading-cu {
    background-color: #F7A900;
    display: inline-block;
    margin-top: 0px;
    padding: 10px 40px;
    color: #000;
    margin-bottom: 35px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

h2.tab-heading-online {
    background-color: #2B1C43;
    display: inline-block;
    margin-top: 0px;
    padding: 10px 40px;
    color: #FFF;
    margin-bottom: 35px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.accordion-heading h2,
.accordion-heading h3,
.accordion-heading h4,
.accordion-heading h5 {
    display: inline-block;
    position: absolute;
    margin: 3px 0 0 0;
}

@media (max-width: 767px) {

    .accordion-heading h2,
    .accordion-heading h3,
    .accordion-heading h4,
    .accordion-heading h5 {
        margin: 0px 0 0 0;
    }
}

.course-template .campus-label {
    position: absolute;
    z-index: 2;
    margin-left: 0px;
    margin-top: 0px;
}

.course-similar h5,
.course-similar h3 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.burger-heading {
    float: left;
    color: white;
    line-height: 50px;
    padding-left: 15px;
    font-weight: 900;
    font-size: 18px;
}

.course-template .navbar-inverse .navbar-nav>li:not(:last-child) {
    border-right: 1px solid #e4e4e4;
}

.course-template .navbar-nav>li>a {
    width: auto;
    padding: 25px 15px;
    vertical-align: middle;
}

.course-template .navbar-nav>li {
    background-color: #FFF;
}

.course-template .navbar-inverse .navbar-nav a {
    border-top: solid 7px #FFFFFF;
}

.course-template .navbar-inverse .navbar-nav .active a {
    border-top: solid 7px #0066cb;
    background-color: #FFF;
    color: #000;
    border-bottom: 0px;
}

.course-template.london .navbar-inverse .navbar-nav .active a {
    border-top: solid 7px #52478A;
}

.course-template.cu .navbar-inverse .navbar-nav .active a {
    border-top: solid 7px #f7a900;
}

.course-template.online .navbar-inverse .navbar-nav .active a {
    border-top: solid 7px #2B1C43;
}

.course-template .navbar-nav .active,
.course-template .navbar-nav .active a {
    background-color: #FFF;
    color: #000;
    border-bottom: 0px;
}

hr.divider.course-tab {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 7px solid #0066cb;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 2px;
}

hr.divider-london.course-tab {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 7px solid #52478A;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 2px;
}

hr.divider-cu.course-tab {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 7px solid #F7A900;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 2px;
}

hr.divider-online.course-tab {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 7px solid #2B1C43;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 2px;
}

.course-template .navbar-nav {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.course-template .navbar-inverse .navbar-toggle {
    border-color: #0066cb;
}

.course-template .navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #0097aa;
}

.course-template .blue-to-grey .container,
.course-template .grey-to-blue .container {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

@media (max-width: 768px) {
    .course-template .navbar-nav>li>a {
        width: auto;
        padding: 15px 10px;
        vertical-align: middle;
        font-size: 14px;
    }

    .course-template .blue-to-grey .container,
    .course-template .grey-to-blue .container {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 767px) {
    .course-fact .pull-out-fact-small-inverted {
        margin: 25px 0px 25px;
    }

    .course-template .navbar-nav>li>a {
        font-size: 16px;
    }

    .course-template .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border: none;
    }

    .course-template .navbar-inverse {
        background-color: #0066cb;
        z-index: 9998;
    }

    .course-template .navbar-header {
        border-bottom: 1px solid #FFFFFF;
    }

    .course-template .navbar-nav>li {
        background-color: #0097A9;
    }

    .course-template .navbar-nav>li:hover {
        background-color: #007a88;
    }

    .course-template .navbar-inverse .navbar-nav a {
        border-top: none;
        text-decoration: none;
    }

    .course-template .navbar-inverse .navbar-nav>li:not(:last-child) {
        border-right: none;
        border-bottom: solid 1px #FFFFFF;
        display: block;
        width: 100%;
    }

    .course-template .navbar-inverse .navbar-nav .active a {
        border-top: none;
        background-color: #0066cb;
        color: #000;
        border-bottom: 0px;
    }

    .course-template .navbar-nav {
        box-shadow: none !important;
        margin: 0px 0px;
    }

    .course-template .panel-content .text-left {
        text-align: center !important;
    }

    .course-template .panel-content .btn-primary {
        margin-bottom: 25px;
    }

    .course-number {
        color: #FFF !important;
    }
}

.course-template .social-icons {
    float: right;
    font-size: 24px;
    margin-top: 15px;
}

.course-template .study-level {
    font-size: 1em;
    color: #666666;
}

.year-of-entry-container {
    background-color: #0066cb;
    display: inline-block;
    padding: 0px 10px 10px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#courseDown {
    border: none;
    float: right;
    margin-left: 30px;
    margin-top: 9px;
    padding: 10px;
}

#courseDown i {
    font-size: 26px;
    padding-bottom: 0;
}

/* -------------------------------- 
	COURSE PANELS
-------------------------------- */
.blue-to-tranz {
    background: linear-gradient(to right, #0066cb 0%, #0066cb 70%, transparent 70%, transparent 70%, transparent 100%);
}

.tranz-to-blue {
    background: linear-gradient(to left, #0066cb 0%, #0066cb 70%, transparent 70%, transparent 70%, transparent 100%);
}

.nite-to-tranz {
    background: linear-gradient(to right, #114d93 0%, #114d93 70%, transparent 70%, transparent 70%, transparent 100%);
}

.tranz-to-nite {
    background: linear-gradient(to left, #114d93 0%, #114d93 70%, transparent 70%, transparent 70%, transparent 100%);
}

.purple-to-tranz {
    background: linear-gradient(to right, #52478A 0%, #52478A 70%, transparent 70%, transparent 70%, transparent 100%);
}

.tranz-to-purple {
    background: linear-gradient(to left, #52478A 0%, #52478A 70%, transparent 70%, transparent 70%, transparent 100%);
}

.yellow-to-tranz {
    background: linear-gradient(to right, #F7A900 0%, #F7A900 70%, transparent 70%, transparent 70%, transparent 100%);
}

.tranz-to-yellow {
    background: linear-gradient(to left, #F7A900 0%, #F7A900 70%, transparent 70%, transparent 70%, transparent 100%);
}

@media (max-width: 991px) {

    .blue-to-tranz,
    .tranz-to-blue {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 70%, transparent 70%, transparent 70%, transparent 100%);
    }

    .nite-to-tranz,
    .tranz-to-nite {
        background: linear-gradient(to bottom, #114d93 0%, #114d93 70%, transparent 70%, transparent 70%, transparent 100%);
    }

    .purple-to-tranz,
    .tranz-to-purple {
        background: linear-gradient(to bottom, #52478A 0%, #52478A 70%, transparent 70%, transparent 70%, transparent 100%);
    }

    .yellow-to-tranz,
    .tranz-to-yellow {
        background: linear-gradient(to bottom, #F7A900 0%, #F7A900 70%, transparent 70%, transparent 70%, transparent 100%);
    }
}

@media (max-width: 480px) {

    .blue-to-tranz,
    .tranz-to-blue {
        background: linear-gradient(to bottom, #0066cb 0%, #0066cb 80%, #FFFFFF 80%, #FFFFFF 80%, #FFFFFF 100%);
    }

    .nite-to-tranz,
    .tranz-to-nite {
        background: linear-gradient(to bottom, #114d93 0%, #114d93 80%, #FFFFFF 80%, #FFFFFF 80%, #FFFFFF 100%);
    }

    .purple-to-tranz,
    .tranz-to-purple {
        background: linear-gradient(to bottom, #52478A 0%, #52478A 80%, transparent 80%, transparent 80%, transparent 100%);
    }

    .yellow-to-tranz,
    .tranz-to-yellow {
        background: linear-gradient(to bottom, #F7A900 0%, #F7A900 80%, transparent 80%, transparent 80%, transparent 100%);
    }
}

.course-template .blue-to-tranz .container,
.course-template .tranz-to-blue .container,
.course-template .purple-to-tranz .container,
.course-template .tranz-to-purple .container,
.course-template .yellow-to-tranz .container,
.course-template .tranz-to-yellow .container {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

@media (max-width: 768px) {

    .course-template .blue-to-tranz .container,
    .course-template .tranze-to-blue .container,
    .course-template .purple-to-tranz .container,
    .course-template .tranz-to-purple .container,
    .course-template .yellow-to-tranz .container,
    .course-template .tranz-to-yellow .container {
        padding-bottom: 0px !important;
    }
}

.blue-to-tranz .student-quote i,
.tranz-to-blue .student-quote i {
    color: #FFF;
}

.purple-to-tranz .student-quote i,
.tranz-to-purple .student-quote i {
    color: #FFF;
}

.yellow-to-tranz .student-quote i,
.tranz-to-yellow .student-quote i {
    color: #000;
}

.yellow-to-tranz .panel-content p,
.tranz-to-yellow .panel-content p,
.yellow-to-tranz .panel-content h2,
.tranz-to-yellow .panel-content h2,
.yellow-to-tranz .panel-content .h2,
.tranz-to-yellow .panel-content .h2,
.yellow-to-tranz .panel-content h3,
.tranz-to-yellow .panel-content h3,
.yellow-to-tranz .panel-content .h3,
.tranz-to-yellow .panel-content .h3,
.yellow-to-tranz .panel-content h4,
.tranz-to-yellow .panel-content h4,
.yellow-to-tranz .panel-content .h4,
.tranz-to-yellow .panel-content .h4,
.yellow-to-tranz .panel-content h5,
.tranz-to-yellow .panel-content h5,
.yellow-to-tranz .panel-content .h5,
.tranz-to-yellow .panel-content .h5 {
    color: #000;

}

.yellow-to-tranz .panel-content blockquote footer,
.tranz-to-yellow .panel-content blockquote footer {
    color: #000;
}

.yellow-to-tranz .panel-content .btn-primary,
.tranz-to-yellow .panel-content .btn-primary {
    border: 2px solid #000;
    background-color: transparent;
    color: #000 !important;
}

.yellow-to-tranz .panel-content .btn-primary:hover,
.tranz-to-yellow .panel-content .btn-primary:hover {
    border: 2px solid #FFF;
    background-color: #0097A9;
    color: #FFF !important;
}

/* ----- | Story-Box | ----- */
.story-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
}

.story-box .story-box-image {
    width: 70%;
    height: auto;
    z-index: 2;
    overflow: hidden;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.story-box .story-box-image img {
    display: block;
    height: auto;
    width: 100%;
    opacity: 1;
    transition: opacity .3s ease;
}

.story-box:hover .story-box-image img {
    opacity: .9;
}

.story-box .story-box-info {
    box-sizing: border-box;
    width: 50%;
    height: auto;
    padding: 60px;
    margin: 40px 0 40px -25%;
    background: #fff;
    z-index: 4;
    box-shadow: 0 2px 25px rgba(0, 0, 0, .2);
    transition: all ease-in .3s;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.story-box.description-left .story-box-info {
    -ms-flex-order: -1;
    order: -1;
    margin: 40px -25% 40px 0;
}

.story-box .story-box-info .story-title {
    font-size: 26px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0;
    color: #1d2c4c;
}

/* ----- Story-Box Responsive ----- */
@media (max-width: 991px) {

    .story-box .story-box-image {
        height: auto;
        width: 100%;

        -ms-flex-order: -1;
        order: -1;
    }

    .story-box.description-left .story-box-info {
        margin: -40px 5% 0;
    }

    .story-box .story-box-info {
        max-width: 90%;
        height: auto;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        margin: -40px 20px 0;
    }
}


@media (max-width: 767px) {

    .story-box.description-left .story-box-info {
        margin: -40px 5% 0;
    }

    .story-box .story-box-info {
        padding: 35px;
        text-align: center;
    }

    .customers-count {
        border-right: none
    }
}

@media (max-width: 479px) {

    .story-box .story-box-info {
        width: 100%;
        padding: 20px;
        text-align: center;
    }

    .story-box.description-left .story-box-info {
        margin: -40px 20px 0;
    }

    ul.tab-nav:not(.tab-nav-lg) li a i {
        display: none;
    }
}

/* -------------------------------- 
	PARALLAX 
-------------------------------- */
.parallax.-old {
    min-height: 300px;
    background-attachment: fixed;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    overflow: hidden;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
    box-shadow: 0 2px 25px rgba(0, 0, 0, .2);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 40px 60px;
}

.card {
    word-wrap: break-word;
}

@media (max-width: 767px) {
    .card {
        margin: 0px 15px;
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 1px;
        padding: 20px;
    }
}

@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}

/* -------------------------------- 
	IN DEPTH COURSE SEARCH
-------------------------------- */
.extend-course-search {
    margin: 20px 0px;
}

.extend-course-search a:hover {
    text-decoration: underline;
}

.extend-course-search h1 {
    font-size: 35px;
    margin-bottom: 0px;
    font-weight: 700;
    margin-top: 10px;
}

.extend-course-search p {
    margin-bottom: 0px;
}

.extend-course-search fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

.extend-course-search legend {
    font-size: 1.25em;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
}

.extend-course-search ul {
    padding-left: 0px;
}

.extend-course-search li {
    list-style: none;
    display: inline-block;
    margin-right: 1.5rem;
}

.extend-course-search input[type=checkbox]+label,
.extend-course-search input[type=radio]+label {
    display: inline;
    margin-left: 0px;
}

.extend-course-search legend {
    margin-bottom: 10px;
}

.extend-course-search .points-search {
    float: left
}

/* -------------------------------- 
	MAIN SEARCH OVERRIDE
-------------------------------- */
.search-slide .form-control::placeholder {
    color: #FFF;
}

.search-slide .form-control {
    color: #FFF;
}

.search-slide .search-box button[type="submit"] {
    color: #FFF;
}

.search-slide .search-box button[type=submit]:hover {
    background: #0097a9;
    color: #fff;
}

.search-slide .search-box .form-control {
    background-color: transparent;
    border-radius: 0px;
}

.search-slide .search-box {
    background: transparent;
    padding: 0px;
    border: 2px solid #FFFFFF;
}

.search-slide .search-box form {
    background: transparent;
}

@media (max-width: 767px) {
    .search-slide .form-control::placeholder {
        color: #6D6D6D;
    }

    .search-slide .form-control {
        color: #000;
    }

    .search-slide .search-box button[type="submit"] {
        color: #000;
    }

    .search-slide .search-box .form-control {
        background-color: #FFF !important;
        border: none !important;
    }

    .search-slide .search-box {
        background: #FFF;
        padding: 2px;
    }
}

/* -------------------------------- 
	TERRY YEAR OF ENTRY TEMP FIX
-------------------------------- */
.cta-button-group .single-drop .search-dropdown {
    border: #000 solid 2px;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .cta-button-group .single-drop .search-dropdown {
        margin-top: 1px;
    }
}

/* -------------------------------- 
	COURSE ENTRY REQUIRMENTS CLEARING BLOCK FIX
-------------------------------- */
@media (max-width: 767px) {
    .mobile-mtxl {
        margin-top: 40px;
    }
}

/* -------------------------------- 
	CAMPUS PANEL
-------------------------------- */
.campus-panel .nav>li>a {
    padding: 0px 0px 0px 30px;
    color: #FFF;
    /*border-left: 4px solid #0066cb;*/
    font-size: 16px;
    font-weight: normal;
}

.campus-panel .nav>li>a:hover {
    font-weight: bold;
    background-color: transparent !important;
    background-image: url("/globalassets/media/global/icons/button-arrow.png");
    background-repeat: no-repeat, repeat;
    background-position-y: 4px;

}

.campus-panel .nav>li>a:focus {
    background: transparent;
}

/*.campus-panel .nav-pills > li.active > a, .campus-panel .nav-pills > li.active > a:hover, .campus-panel .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: transparent;
	border-left: 4px solid #FFF;
    border-radius: 0px;
	font-weight:bold;
	text-decoration:none;
}*/
.campus-panel .nav-pills>li.active>a,
.campus-panel .nav-pills>li.active>a:hover,
.campus-panel .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: transparent;
    border-radius: 0px;
    font-weight: bold;
    text-decoration: none;
    background-image: url("/globalassets/media/global/icons/button-arrow.png");
    background-repeat: no-repeat, repeat;
    background-position-y: 4px;
}

.campus-panel .nav .DiscoverLink.active {
    background-image: url("/globalassets/media/global/icons/button-arrow.png");
    background-repeat: no-repeat, repeat;
    background-position-y: 4px;
    font-weight: bold;
}

/* -------------------------------- 
	BOOSTRAP 3.4.1 CSS UPDATES
-------------------------------- */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
}

.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 15px;
}

.btn {
    width: 100%;
}

.nav>li>a {
    font-weight: 900;
    color: #323232;
}

.navbar-nav>li>a {
    font-size: 15px;
}

.nav-tabs>li>a {
    border: none;
}

blockquote {
    border-left: none;
}

blockquote .small::before,
blockquote footer::before,
blockquote small::before {
    content: none;
}

label {
    display: block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 700;
}

/* -------------------------------- 
	OVERIDE FOR ACCESSIBILITY 
-------------------------------- */
.calendar-cta .fc-button {
    overflow: visible !important;
}

/* -------------------------------- 
	OVERIDE FOR BOOTSTRAP DEPLOY 21 SEPT 2021
-------------------------------- */
.navbar-nav .active,
.navbar-nav .active a,
.navbar-nav .active a:hover,
.navbar-nav .active a:focus {
    background-color: black;
    color: white;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

.navbar-nav>li {
    background-color: #F2F3F5;
}

.navbar-slide .navbar-nav>li {
    background-color: #4d4d4d;
}

.panel-default>.panel-heading {
    border: none;
    border-radius: 0;
    background-color: #337cbb;
    padding: 0px 0px;
}

.card-tab .nav-tabs {
    border-bottom: none;
    display: flex;
}

.card-tab .nav>li>a {
    padding: 0px 0px;
}

.card-tab .nav>li>a:hover,
.card-tab .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

/*.card-tab  .nav-tabs > li {
    border-top:solid 5px #F2F2F2;
}
.card-tab  .nav-tabs > li:hover, .card-tab .nav-tabs > li.active {
    border-top:solid 5px #0097a9;
}*/
/* -------------------------------- 
	LEFT HAND NAV
-------------------------------- */
.sidenav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar {
    position: relative;
}

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

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.sidenav ul {
    font-size: 14px;
    line-height: 20px;
}

.sidenav ul li {
    margin: 0 0 2px;
    position: relative;
}

.sidenav ul li>a.lhn_opener {
    display: block;
    padding: 8px 24px;
    background: #e4e4e4;
    color: #222;
    text-decoration: none;
    position: relative;
}

.sidenav ul li>a.lhn_opener:hover {
    background: #ccc;
    text-decoration: none;
}

.sidenav ul li>a.active {
    font-weight: 700;
}

.sidenav ul li>a.lhn_opener:before {
    position: absolute;
    left: 10px;
    top: 8px;
    content: "\f105";
    font-family: "FontAwesome" !important;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.sidenav ul li>a.lhn_opener {
    display: block;
    padding: 8px 24px;
    background: #e4e4e4;
    color: #222;
    text-decoration: none;
    position: relative;
}

.sidenav ul li.active>a.lhn_opener {
    background: #ccc;
    font-weight: 700;
    text-decoration: none;
}


.sidenav ul li.active>a.lhn_opener:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}




.sidenav ul li>a.opener {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 36px;
}

.sidenav ul li>a.lhn_opener:before {
    position: absolute;
    left: 10px;
    top: 8px;
    content: "\f105";
    font-family: "FontAwesome" !important;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.sidenav ul li.active>a.lhn_opener {
    background: #ccc;
    font-weight: 700;
    text-decoration: none;
}

.sidenav ul li.active>a.lhn_opener:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sidenav ul li>ul>li {
    margin: 0;
    border-top: 1px solid #ececec;
}

.sidenav ul li>ul>li:first-child {
    border: none;
}

.sidenav ul li>ul>li>a.lhn_opener {
    background: #f4f5f9;
    padding: 9px 24px;
}

.sidenav ul li>ul>li>a.lhn_opener:hover {
    background: #ececec;
}

.sidenav ul li>ul>li>a.lhn_opener:before {
    left: 11px;
    top: 9px;
}

.sidenav ul li>ul>li.active>a.lhn_opener {
    background: #f4f5f9;
}

.sidenav ul li>ul>li.active>a.lhn_opener:hover {
    background: #ececec;

}

.sidenav ul li>ul>li>ul {
    font-size: 12px;
    line-height: 20px;
}

.sidenav ul li>ul>li>ul>li>a.lhn_opener {
    background: none;
    padding: 5px 10px 5px 40px;
}

.sidenav ul li>ul>li>ul>li>a.lhn_opener:hover {
    background: #ececec;
}

.sidenav ul li>ul>li>ul>li>a.lhn_opener:before {
    top: 5px;
    left: 25px;
}

.sidenav ul li>ul>li>ul>li>ul>li a.lhn_opener:before {
    top: 5px;
    left: 40px;
}

.sidenav ul li>ul>li>ul>li.active>a.lhn_opener {
    background: none;
}

.sidenav ul li>ul>li>ul>li>ul>li:first-child {
    border-top: 1px solid #ececec;
}

.sidenav ul li>ul>li>ul>li>ul>li>a.lhn_opener {
    padding: 5px 26px 5px 54px;
}

.sidenav ul li>a:not([class]) {
    display: block;
    padding: 8px 24px;
    background: #e4e4e4;
    color: #222;
    text-decoration: none;
    position: relative;
}

.sidenav ul li>a:not([class]):hover {
    background: #ccc;
    text-decoration: none;
}

.sidenav ul li>a.active {
    font-weight: 700;
}

.sidenav ul li.active>a:not([class]) {
    background: #ccc;
    font-weight: 700;
    text-decoration: none;
}

.sidenav ul li>ul>li>a:not([class]) {
    background: #f4f5f9;
    padding: 9px 24px;
}

.sidenav ul li>ul>li>a:not([class]):hover {
    background: #ececec;
}

.sidenav ul li>ul>li.active>a:not([class]) {
    background: #f4f5f9;
}

.sidenav ul li>ul>li.active>a:not([class]):hover {
    background: #ececec;

}

.sidenav ul li>ul>li>ul>li>a:not([class]) {
    background: none;
    padding: 5px 10px 5px 40px;
}

.sidenav ul li>ul>li>ul>li>a:not([class]):hover {
    background: #ececec;
}

.sidenav ul li>ul>li>ul>li.active>a:not([class]) {
    background: none;
}

.sidenav ul li>ul>li>ul>li>ul>li>a:not([class]) {
    padding: 5px 26px 5px 54px;
}

@media (min-width: 992px) {
    .sidenav ul li>ul>li>ul>li>a:not([class]) {
        padding: 5px 10px 5px 40px;
    }

    .sidenav ul li>ul>li>ul>li>a.lhn_opener:before {
        top: 5px;
    }

    .sidenav ul li>ul>li>ul>li>ul>li>a:not([class]) {
        padding: 5px 26px 5px 54px;
    }

}

body:not(.loaded) .accordion li:not(.active) .slide {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    display: block !important;
    width: 100% !important;
}

#content {
    font-size: 15px;
    line-height: 26px;
    position: relative;
}

@media (max-width: 767px) {
    #sidebar {
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .sidenav ul li>ul>li>ul>li>a.lhn_opener {
        padding: 5px 10px 5px 40px;
    }

    .sidenav ul li>ul>li>ul>li>a.lhn_opener:before {
        top: 5px;
    }

    .sidenav ul li>ul>li>ul>li>ul>li>a.lhn_opener {
        padding: 5px 26px 5px 54px;
    }

}

/* -------------------------------- 
ANCHOR BAR
-------------------------------- */

.anchorNavbar,
.anchorNavbar2Col,
.anchorNavbar3Col,
.anchorNavbar4Col,
.anchorNavbar5Col,
.anchorNavbar6Col,
.anchorNavbar7Col {
    width: 100%;
    background-color: #FFF;
    overflow: auto;
    display: flex;
    text-align: center;
}

@media (max-width: 767px) {

    .anchorNavbar,
    .anchorNavbar2Col,
    .anchorNavbar3Col,
    .anchorNavbar4Col,
    .anchorNavbar5Col,
    .anchorNavbar6Col,
    .anchorNavbar7Col {
        margin-top: 0 !important;
    }
}

.anchorNavbar a,
.anchorNavbar2Col a,
.anchorNavbar3Col a,
.anchorNavbar4Col a,
.anchorNavbar5Col a,
.anchorNavbar6Col a,
.anchorNavbar7Col a {
    float: left;
    padding: 12px;
    text-decoration: none;
    font-size: 1em;
    width: 25%;
    text-align: center;
    border-right: 2px solid #007a88;
    border-top: 2px solid #007a88;
    border-bottom: 2px solid #007a88;
    Color: #007a88;
    padding-bottom: 30px;
    position: relative;
}

.anchorNavbar a:first-child,
.anchorNavbar2Col a:first-child,
.anchorNavbar3Col a:first-child,
.anchorNavbar4Col a:first-child,
.anchorNavbar5Col a:first-child,
.anchorNavbar6Col a:first-child,
.anchorNavbar7Col a:first-child {
    border-left: 2px solid #007a88;
}

.anchorNavbar2Col a {
    width: 50%;
}

.anchorNavbar3Col a {
    width: 33.33%;
}

.anchorNavbar4Col a {
    width: 25%;
}

.anchorNavbar5Col a {
    width: 20%;
}

.anchorNavbar6Col a {
    width: 16.66%;
}

.anchorNavbar7Col a {
    width: 14.28%;
}

.anchorNavbar a:hover,
.anchorNavbar2Col a:hover,
.anchorNavbar3Col a:hover,
.anchorNavbar4Col a:hover,
.anchorNavbar5Col a:hover,
.anchorNavbar6Col a:hover,
.anchorNavbar7Col a:hover {
    background-color: #007a88;
    color: #FFF;
}

.anchorNavbar a.active,
.anchorNavbar2Col a:active,
.anchorNavbar3Col a:active,
.anchorNavbar4Col a:active,
.anchorNavbar5Col a:active,
.anchorNavbar6Col a:active,
.anchorNavbar7Col a:active {
    background-color: #0097A9;
}

.anchorNavbar a span,
.anchorNavbar2Col a span,
.anchorNavbar3Col a span,
.anchorNavbar4Col a span,
.anchorNavbar5Col a span,
.anchorNavbar6Col a span,
.anchorNavbar7Col a span {
    text-align: center;
    display: block;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: auto;
}

.anchorNavbar a:hover span,
.anchorNavbar2Col a:hover span,
.anchorNavbar3Col a:hover span,
.anchorNavbar4Col a:hover span,
.anchorNavbar5Col a:hover span,
.anchorNavbar6Col a:hover span,
.anchorNavbar7Col a:hover span {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

@media screen and (max-width: 767px) {

    .anchorNavbar,
    .anchorNavbar2Col,
    .anchorNavbar3Col,
    .anchorNavbar4Col,
    .anchorNavbar5Col,
    .anchorNavbar6Col,
    .anchorNavbar7Col {
        display: block;
    }

    .anchorNavbar a,
    .anchorNavbar2Col a,
    .anchorNavbar3Col a,
    .anchorNavbar4Col a,
    .anchorNavbar5Col a,
    .anchorNavbar6Col a,
    .anchorNavbar7Col a {
        float: none;
        display: block;
        width: 100%;
        border-left: 0px;
        border-left: 2px solid #007a88;
        border-top: 0px;
        padding-bottom: 12px;
    }

    .anchorNavbar a span,
    .anchorNavbar2Col a span,
    .anchorNavbar3Col a span,
    .anchorNavbar4Col a span,
    .anchorNavbar5Col a span,
    .anchorNavbar6Col a span,
    .anchorNavbar7Col a span {
        display: inline-block;
        padding-left: 10px;
        position: relative;
        bottom: auto;
        right: auto;
        left: auto;
    }
}

/* -------------------------------- 
RELATED LINKS BOX
-------------------------------- */
.col-xs-12.related-links {
    float: none;
}

.related-links .panel-body {
    padding: 0px 0px;
}

.related-links>.tab-content {
    padding: 0px;
    border-bottom: 0px;
}

.related-links .navbar {
    margin-bottom: 0px;
}

.related-links>.navbar>ul.navbar-nav>li {
    text-align: left;
}

.related-links>.navbar>ul.navbar-nav>li>a {
    background-color: #A529A5;
    color: white;
    font-size: 16px;
    text-decoration: none;
}

.related-links .panel-title>a {
    color: white;
    background-color: #0097A9;
    display: block;
    width: 100%;
    padding: 15px 15px 15px 15px;
}

.related-links .navbar-nav .active,
.related-links .navbar-nav .active a,
.related-links .navbar-nav .active a:hover,
.related-links .navbar-nav .active a:focus {
    background-color: #A529A5;
    color: white;
}

/* -------------------------------- 
SKIP TO MAIN CONTENT - ACCESSIBILITY
-------------------------------- */
.skip-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.skip-content ul {
    margin: 5px;
    padding: 5px;
    list-style: none;
}

.skip-content ul li {
    margin: 5px;
    padding: 5px;
}

.skip-content ul a {
    transition: none;
    color: #fff;
    padding: 10px;
}

.sr-only,
#aria-polite,
#aria-assertive {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* -------------------------------- 
		YEAR OF ENTRY NOT WORKING TEMPORARY FIX
-------------------------------- 
.course-template select.option-drop {
    display: none;
}*/

/* Homepage */
.jcarousel-news-wrapper {
    position: relative;
}

.jcarousel ul {
    font-size: 16px;
}

.jcarousel li {
    height: auto;
    width: calc(100vw - 30px);
}

@media (min-width: 768px) {
    .jcarousel li {
        width: 375px;
    }
}

@media (min-width: 992px) {
    .jcarousel li {
        width: 295px;
    }
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    background: #666;
    cursor: default;
}

.jcarousel-control-prev.inactive:hover,
.jcarousel-control-prev.inactive:focus,
.jcarousel-control-next.inactive:hover,
.jcarousel-control-next.inactive:focus {
    color: #fff;
}

.jcarousel-news-wrapper a {
    text-decoration: none;
}

.jcarousel-news-wrapper a:hover>h3 {
    color: #333;
}

.jcarousel-news-wrapper a h3 {
    color: inherit;
    font-size: inherit;
    margin-top: inherit;
    text-decoration: underline;
}





/* -------------------------------- 
SEARCH 2.0 OVERLAY STYLES 
-------------------------------- */

.search-slide .search-box button {
    color: #FFF;
}

.search-box button {
    height: 42px;
    width: 42px;
    border: none;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
    font-size: 20px;
    color: #999;
}

.search-overlay {
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: 100vh;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    color: #000000;
    display: none;
}

.so-pos {
    margin-top: 20px;
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.search-overlay-container {
    width: 800px;
    margin: 0px auto;
    padding-top: 15vh;
    position: relative;
}

.search-overlay-close {
    position: absolute;
    right: 15px;
    text-align: right;
    top: 13vh;
    z-index: 1;
}

@media (min-width: 1024px) {
    .search-overlay-close {
        top: 15vh;
    }
}

.search-overlay-close a {
    color: #000;
    font-size: 3em;
    line-height: 1;
}

.search-overlay-close a:hover {
    color: #000;
    cursor: hand;
}

.search-overlay-options {
    /* width: 50%; */
    box-sizing: border-box;
    float: left;
    /*margin-bottom: 20px;*/
    z-index: 1000;
}

.search-overlay-options select {
    max-width: 250px;
}

.search-overlay-column a {
    text-decoration: underline;
}

.search-overlay-column a:hover {
    color: #000000;
}

.search-overlay-input {
    /*-moz-transition: all .3s cubic-bezier(.7,0,.3,1);
            -o-transition: all .3s cubic-bezier(.7,0,.3,1);
            -webkit-transition: all .3s cubic-bezier(.7,0,.3,1);
            -webkit-appearance: none;
            transition: all .3s cubic-bezier(.7,0,.3,1);*/
    font-size: 1.2em;
    margin: 20px 0 20px 0;
    background-color: #fff;
    border: 4px solid #0097A9;
    border-radius: 0px;
    /* box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); */
    outline: none;
    padding: 0.75em 1em;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    color: #000000;
    max-width: 660px;
}

#headSearchButton.btn-primary {
    margin: 20px 0px;
    padding: 15px 27px;
    border-radius: 0px !important;
    height: 60px;
    border: 0px;
}

#submitSearchButton.btn-primary {
    margin: 20px 0px;
    padding: 15px 27px;
    border-radius: 0px !important;
    height: 60px;
    border: 0px;
}

.btn-primary:hover {
    box-shadow: none !important;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.search-overlay-submit {
    max-width: 140px !important;
    width: 100%;
}

.suggested {
    /*color: #e4e4e4;*/
    color: grey;
}

#scourses {
    padding-left: 0;
}

.suggested-course {
    display: block !important;
    list-style-type: none;
    margin: 0 0 10px;
}

.suggested-grey {
    color: #696969;
}

.suggested-result {
    opacity: 0;
    margin-top: 20px;
}

.animation__to-circle {
    animation: square-to-circle 0.3s 0s cubic-bezier(1, .015, .295, 1.225) forwards;
}

@keyframes square-to-circle {
    100% {
        border-radius: 100% 100% 100% 100%;
        background: #0097A9 !important;
        transform: rotate(360deg);
    }
}

@media (min-width: 768px) {
    .search-box {
        width: 46px;
        padding: 0;
        height: 46px;
    }
}

@media (max-width: 768px) {
    .search-overlay-container {
        width: 100%;
        margin: 0px auto;
        padding-top: 13vh;
    }

    #headSearchButton.search-overlay-submit {
        width: 100%;
        margin: 0px 15px 0 0;
        box-sizing: border-box;
        max-width: 660px !important;
    }

    .prn-xs {
        padding: 0px 15px !important;
    }

    .search-overlay-column {
        display: inline-block;
        margin-top: 10px;
    }

    .search-overlay-column h3 {
        font-size: 1em !important;
    }
}

.curve-1,
.curve-2 {
    background-image: url(/globalassets/media/global/02-home-section-assets/curve-4.png);
    background-repeat: no-repeat;
    background-position: top 90px center;
    background-size: contain;
}

/* -------------------------------- 
SEARCH 2.0 RESULTS STYLES 
-------------------------------- */

#breadcrumb-wrapper {
    line-height: 12px;
    background: #F4F5F7;
}

#breadcrumb-wrapper a {
    text-decoration: underline;
    color: black;
}

#breadcrumb-wrapper a:hover {
    text-decoration: none;
}

.panel-default>.panel-heading {
    border: none;
    border-radius: 0;
    background-color: #ccc;
    padding: 8px 10px;
    margin-left: 5px;
}

.panel-heading a {
    color: #fff;
    text-decoration: none;
}

.filter-header {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #596781;
    line-height: 1.2;
}

.search-filter-heading.panel-heading {
    border: none;
    border-radius: 0;
    background-color: #e4e4e4 !important;
    color: #000;
    border-radius: 0px;
    font-weight: 900;
}

.panel-group .panel {
    background-color: #f4f5f9;
}

.panel-default a {
    text-decoration: none;
    cursor: pointer;
}

.panel>.panel-collapse>.list-group {
    padding-bottom: 5px;
}

.panel > .list-group {
    padding: 15px !important;
}

.datepicker {
    width: 210px;
}

.search-result-title {
    font-weight: 100;
}

.applyfilters-btn {
    width: 100%;
    margin: 20px 0px;
    border: none;
    background: #0097A9;
    color: #fff;
    border-radius: 5px;
    padding: 10px 16px;
}

@media (min-width: 768px) {
    .search-sidebar.-sticky {
        position: fixed;
        top: 0;
        width: 220px;
    }
}

@media (min-width: 992px) {
    .search-sidebar.-sticky {
        width: 212.5px;
    }
}

@media (min-width: 1200px) {
    .search-sidebar.-sticky {
        width: 265px;
    }
}

@media (min-width: 768px) {
    .search-sidebar.-sticky .search-filter-heading i {
        right: 0;
    }
}

@media (min-width: 768px) {
    .search-sidebar.-hold {
        bottom: 0;
        position: absolute;
        top: unset;
    }
}

@media (min-width: 768px) {
    .cc-clearing-results > .row {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
    }
}

.search-filter-list {
    list-style-type: none !important;
    padding: 0px !important;
    margin: 0;
}

.search-filter-heading i {
    position: absolute;
    right: 11px;
    /*    top: 15px; */
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    color: #0097A9;
}

.search-filter-heading i::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 11px;
    height: 14px;
    border-left-width: 2px;
    border-left-style: solid;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
}

.search-filter-heading i::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    width: 14px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

a.facet.panel-toggle.collapsed .search-filter-heading.panel-heading i::before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
}

@media (max-width: 767px) {
    .searchResuts .pln {
        padding-left: 15px !important;
    }
}

.search-results-submit {
    margin: 0px !important;
    float: left;
    width: 100%;
}

@media (max-width: 768px) {
    .search-results-submit {
        margin-top: 20px !important;
        box-sizing: border-box;
    }
}

.external-link {
    display: inline-block;
    padding-right: 22px;
    position: relative;
}

.external-link::after {
    content: "\f08e";
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
}

.external-link.h4 {
    padding-right: 28px;
}

.external-link.btn-primary {
    padding-right: 50px;
}

.external-link.btn-primary::after {
    right: 20px;
}

.news-slider a {
    text-decoration: none;
}

.news-slider a:hover>h3 {
    color: #333;
}

.news-slider a h3 {
    color: inherit;
    font-size: inherit;
    margin-top: inherit;
    text-decoration: underline;
}

.news-slider .notice-content {
    margin-bottom: 0;
}

.slick-slide {
    margin: 0;
}

.slick-slider button {
    border: 0;
}

.slick-prev::before {
    content: "\f104";
}

.slick-next {
    right: 0;
}

.slick-next::before {
    content: "\f105";
    margin-left: 2px;
}

.slick-arrow {
    background: #0097A9;
    color: transparent;
    font-size: 32px;
    height: 40px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: background-color 150ms ease-in-out;
    width: 25px;
    z-index: 100;
}

.slick-arrow::before {
    color: #fff;
    font-family: FontAwesome;
    line-height: 1;
}

.slick-arrow:hover {
    background: #007a88;
}

.slick-disabled {
    background: #666;
}

.slick-disabled:hover {
    background: #666;
    cursor: default;
}

.slick-disabled:hover::before {
    color: #fff;
}

/* --------------------------------
    CLEARING FLOATING BUTTON
---------------------------------*/

.fp__cta_float {
    top: 10px;
    bottom: auto;
    width: fit-content;
    right: 20px;
    z-index: 9998;
    position: fixed;
    left: auto;
    transition: 0.4s;
}

.fp__cta_float {
    animation-name: cta-float;
    animation-timing-function: ease;
    animation-duration: 0.4s;
}

@keyframes cta-float {
    0% {
        top: -100px;
    }

    90% {
        top: 13px;
    }

    100% {
        top: 10px;
    }
}

@media (max-width: 980px) {
    .fp__cta_float {
        top: 10px;
        bottom: auto;
        width: fit-content;
        right: 20px;
        z-index: 9998;
        position: fixed;
        left: auto;
    }

}

@media (max-width: 767px) {
    .fp__cta_float {
        top: 10px;
        bottom: auto;
        width: fit-content;
        right: 10px;
        z-index: 9998;
        position: fixed;
        left: auto;
    }

    @keyframes cta-float {
        0% {
            top: -100px;
            right: 10px;
        }

        100% {
            top: 10px;
            right: 10px;
        }
    }

}

/* --------------------------------
LIVE CHAT BUBBLE
-------------------------------- */
.open-button {
    background: url(/globalassets/media/global/icons/chat-icon.png);
    background-size: cover;
    border: none;
    cursor: pointer;
    opacity: 1;
    position: fixed;
    bottom: 0px;
    right: 15px;
    height: 115px;
    width: 175px;
    /*animation-name: bounce;
    animation-duration: var(--duration);
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    animation-iteration-count: infinite;*/
    z-index: 100;
    transition: bottom 250ms ease-in-out;
}

@media (max-width: 767px) {
    .open-button {
        width: 100px;
        height: 65px;
    }
}

.open-button:hover,
.open-button:focus {
    bottom: 4px;
}

.close-button {
    background-color: #a529a5;
    border: 0;
    font-weight: 900;
    color: #FFF;
    padding: 0 8px;
}

.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 102;
}

.chat-container {
    max-width: 310px;
    padding: 10px;
    background-color: white;
}

.search-box button {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.cookie-mgmt {
    bottom: 25px !important;
}

.open-button {
    display: none !important;
}

.chatBubble_container {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    bottom: 95px;
    cursor: pointer;
    height: 50px;
    left: 15px;
    opacity: 1;
    position: fixed;
    text-align: center;
    width: 50px;
    transition: bottom 250ms ease-in-out;
    z-index: 9990;
}

.chatBubble__button {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: 100;
    position: absolute;
    left: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

@keyframes chat-button {
    0% {
        left: 0px;
    }

    17.5% {
        left: 242px;
    }

    92.5% {
        left: 242px;
    }

    100% {
        left: 0px;
    }
}

.chatBubble__label {
    width: 0px;
    height: 50px;
    background-color: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    position: absolute;
    top: 0px;
    left: 19px;
    z-index: 90;
    padding-top: 12px;
    font-weight: 900;
    /*overflow: auto;*/
    white-space: nowrap;
    animation-name: label-open;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

.chatBubble__label span {
    opacity: 0;
    white-space: nowrap;
    animation-name: label-span;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

@keyframes label-span {
    0% {
        opacity: 0;
    }

    13.5% {
        opacity: 0;
    }

    52.5% {
        opacity: 1;
    }

    72.5% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes label-open {
    0% {
        left: 19px;
        width: 0px;
    }

    17.5% {
        left: 30px;
        width: 200px;
    }

    92.5% {
        left: 30px;
        width: 200px;
    }

    100% {
        width: 0px;
    }
}

.chat-popup {
    display: none;
    position: fixed;
    bottom: 50px;
    left: 80px;
    border: 3px solid #ffffff;
    z-index: 102;
    width: 315px;
    border-radius: 5px;
}

.close-button {
    background-color: #a529a5;
    border: 0;
    font-weight: 900;
    color: #FFF;
    padding: 0 8px;
    border-radius: 15px;
    width: 27px;
}

.chatBubble__icon {
    color: #0097A9;
    font-size: 2.3em;
    width: 38px;
}

@media (max-width: 767px) {
    .chat-popup {
        display: none;
        position: fixed;
        bottom: 25px;
        left: 50%;
        border: 3px solid #ffffff;
        z-index: 9999;
        width: 315px;
        border-radius: 5px;
        margin-left: -157px;
    }
}

@media (max-width: 767px) {
    .central-mobile {
        text-align: center;
    }
}

/* --------------------------------
SHOW MORE/LESS
-------------------------------- */
.showmore .more {
    display: none;
}

@media (min-width: 568px) {
    .showmore a.btn-more {
        font-size: 0.875em;
    }
}

.accommodation-banner {
    position: relative;
}

@media (min-width: 600px) {
    .accommodation-banner {
        height: 500px;
    }
}

.accommodation-banner>img {
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 599px) {
    .accommodation-banner>img {
        height: 400px;
    }
}

.accommodation-banner h2 {
    font-size: 50px;
}

@media (max-width: 599px) {
    .accommodation-banner h2 {
        font-size: 40px;
    }
}

@media (min-width: 768px) {
    .accommodation-banner .container {
        height: 500px;
        left: 50%;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.accommodation-banner .content {
    padding: 20px 30px 30px;
}

@media (max-width: 599px) {
    .accommodation-banner .content {
        margin-top: -100px;
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 600px) {
    .accommodation-banner .content {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 525px;
    }
}

@media (min-width: 600px) {
    .accommodation-banner .content.-right {
        right: 15px;
    }
}

@media (min-width: 600px) {
    .accommodation-banner .more {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 599px) {
    .accommodation-banner .more p {
        margin-top: 10px;
    }
}

@media (min-width: 600px) {
    .accommodation-banner .more a {
        margin-right: 20px;
    }
}

.accommodation-slider {
    height: 230px;
    overflow: hidden;
    width: 100%;
}

@media (min-width: 768px) {
    .accommodation-slider {
        height: 400px;
    }
}

.accommodation-slider .acc-slider {
    height: 100%;
}

.accommodation-slider img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .accommodation-slider img {
        height: 360px;
    }
}

.accommodation-slider .videoWrapper iframe {
    max-height: 200px;
}

@media (min-width: 768px) {
    .accommodation-slider .videoWrapper iframe {
        max-height: 360px;
    }
}

.accommodation-slider .slick-dots {
    bottom: 2px;
    text-align: center;
    top: unset;
    width: 100%;
}

.accommodation-slider .slick-dots li button {
    padding: 0 5px;
}

.accommodation-slider .slick-dots li button::before {
    color: #333;
    height: 10px;
    width: 10px;
}

.play-button {
    position: relative;
}

.play-button:hover::before {
    font-size: 90px;
}

.play-button::before {
    color: #fff;
    content: "\f144";
    font-family: FontAwesome;
    font-size: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 250ms;
}

.container-reset {
    margin: 0 -15px;
}

.lity {
    z-index: 10000;
}

.lity-active body {
    overflow: hidden;
}

/* Nav */
#header .navbar {
    z-index: 1000;
}

.tariff__label {
    background-color: #b416ab;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 11px;
    line-height: 1.1;
    margin-left: 0px;
    padding: 4px 5px 4px 5px;
}

.related-links .panel-heading {
    margin-left: 0;
}

/* Temp */
.course-template .container.pink-icons,
.course-template .container.green-icons,
.course-template .container.orange-icons {
    margin-left: -15px;
}

@media (max-width: 767px) {

    .course-template .container.pink-icons,
    .course-template .container.green-icons,
    .course-template .container.orange-icons {
        margin-right: -15px;
    }
}

.submegamenu {
    z-index: 10000;
}

.tariff-points {
    background: #A529A5;
    margin-left: auto;
    max-width: 125px;
    padding: 0 10px 10px;
}

.cu .tariff-points {
    background: #D54308;
}

.london .tariff-points {
    background: #99CC00;
}

@media (max-width: 767px) {
    .tariff-points {
        margin-right: auto;
    }
}

.tariff-points>.no {
    line-height: 1.5;
}

.tariff-points>.text {
    margin-top: -10px;
}

.search-opener {
    z-index: 1001;
}

.ch__wrapper {
    display: inline;
    float: left;
    min-height: 590px;
}

@media (min-width: 768px) {
    .ch__wrapper .btn-primary {
        font-size: 26px;
        padding: 20px;
    }
}

.ch_container {
    height: 590px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.ch_container::after {
    -webkit-animation-name: tri-slide;
    animation-name: tri-slide;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    bottom: 0;
    border-style: solid;
    border-width: 0 400px 400px 0;
    border-color: transparent transparent #000 transparent;
    height: 0;
    content: "";
    left: -400px;
    position: absolute;
    width: 0;
}

.ch__content {
    bottom: 70px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 40px);
    z-index: 10;
}

@media (min-width: 768px) {
    .ch__content {
        bottom: unset;
        left: 50px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 450px;
    }
}

@media (min-width: 1024px) {
    .ch__content {
        width: 550px;
    }
}

@media (min-width: 1200px) {
    .ch__content {
        left: 15%;
    }
}

.ch__title {
    transition: 0.3s;
}

.ch__title h1 {
    background-color: #0066cc;
    color: #fff;
    font-size: 1.5em;
    margin: 0 auto;
    padding: 15px 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (min-width: 768px) {
    .ch__title h1 {
        font-size: 2em;
        margin: 0;
        padding: 20px 40px;
    }
}

@media (min-width: 991px) {
    .ch__title h1 {
        font-size: 2.5em;
    }
}

.ch__date {
    background-color: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    height: auto;
    margin: -10px auto 0;
    padding: 10px 20px;
    transition: 0.3s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media (min-width: 768px) {
    .ch__date {
        margin: -15px 0 0 20px;
    }
}

.ch__text {
    margin: 0 0 0 20px;
    transition: 0.3s;
}

@media (max-width: 767px) {
    .ch__text {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .ch__text {
        margin-top: 50px;
    }
}

.ch__subtext {
    color: #0066cc;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1.2;
    margin: 0;
}

@media (min-width: 768px) {
    .ch__subtext {
        font-size: 2em;
    }
}

@media (min-width: 1200px) {
    .ch__subtext {
        font-size: 2.5em;
    }
}

.ch__image {
    background-image: url("/globalassets/media/global/00-clearing-2022/banners/clearing-cluster-banner-v2-1500x760.jpg");
    background-position: 82% 0;
    background-repeat: no-repeat;
    background-size: 333%;
    height: 100%;
    transition: 0.3s;
    width: 100%;
    z-index: 1;
}

@media (min-width: 768px) {
    .ch__image {
        background-position: 70% 0;
        background-size: 230%;
    }
}

@media (min-width: 1024px) {
    .ch__image {
        background-size: 137%;
    }
}

@media (min-width: 1400px) {
    .ch__image {
        background-size: cover;
    }
}

@media (max-width: 767px) {
    .ch__image::after {
        background: linear-gradient(to top, rgba(165, 41, 165, 0.6), rgba(255, 255, 255, 0));
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
}

.ch__fade {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 55%, white 80%);
    height: 180%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

@-webkit-keyframes tri-slide {
    0% {
        left: -300px;
    }

    100% {
        left: 0;
    }
}

@keyframes tri-slide {
    0% {
        left: -300px;
    }

    100% {
        left: 0;
    }
}

.parallax {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: calc(210% + 50px) !important;
    transition: background-position-x 150ms;
}

@media (min-width: 992px) {
    .parallax {
        background-attachment: fixed;
        background-position: 0 129px;
        background-size: calc(100% + 50px) !important;
    }
}

.parallax+.container.-align-x {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 100%;
}

.parallax__title-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    min-width: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    word-wrap: break-word;
}

@media (min-width: 992px) {
    .parallax__title-container {
        width: 40%;
    }
}

.parallax__title {
    color: #fff;
    min-height: 1px;
    padding: 20px 40px 0;
    text-align: right;
}

@media (max-width: 480px) {
    .parallax__title h1 {
        font-size: 24px;
    }
}

.parallax__cta {
    max-width: 500px;
    min-width: 150px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 360px) {
    .parallax__cta {
        left: 25%;
        -webkit-transform: translate(-25%, -50%);
        transform: translate(-25%, -50%);
    }
}

@media (min-width: 360px) {
    .parallax__cta.-right {
        left: 75%;
        -webkit-transform: translate(-75%, -50%);
        transform: translate(-75%, -50%);
    }
}

.parallax__cta .lead {
    font-size: 1.25em;
}

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

#totop {
  background-color: #0066cc;
  border-radius: 30px;
  bottom: 50px;
  cursor: pointer;
  height: 40px;
  opacity: 0;
  position: fixed;
  right: 30px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  visibility: hidden;
  width: 40px;
  z-index: 1000;
}

#totop::after {
  color: #fff;
  content: "\f077";
  font-family: "FontAwesome";
  -webkit-font-smoothing: antialiased;
  font-size: 1.375em;
}

#totop:hover {
  background-color: #0052a3;
}

#totop:active {
  background-color: #666666;
}

#totop.-show {
  opacity: 1;
  visibility: visible;
}

.research-feature .row {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .research-feature .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .research-feature .row {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.research-feature__image {
  overflow: hidden;
}
.research-feature__image p {
  height: 100%;
  margin-bottom: 0;
}
.research-feature__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.research-feature__text p {
  font-size: 1em;
}
.research-feature__text .subtitle {
  color: #999999;
}