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

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;
}
.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 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;
}

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

.black-bkgnd {
    background-color: #000 !important;
}
.grey-bkgnd {
	background-color: #F8F8F8 !important;
}
.grey-bkgnd-masonry {
	background-color: #e9e9e9 !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: #ed3a51 !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;
        background-image: url(/static/assets/images/list-arrow.png);
        background-repeat: no-repeat;
        background-position: 0px 7px;
        padding: 0px 0 3px 16px;
}
ul.list-arrow.lead li {
        background-position: 0px 8px;
}

.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-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: 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: 70px;
    line-height: 70px;
    font-weight: 700;
}

.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: 25px;
    line-height: 1.5;
}


/* 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: 40px;
    margin-bottom: 5px;
	margin-top: 0px;
	line-height: 1;
}
.case-study-panel-left h3, .case-study-panel-right h3 {
    font-size: 28px;
    margin-bottom: 5px;
    margin-top: 0px;
	line-height: 1;
}
.case-study-panel-left h4, .case-study-panel-right h4 {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 0px;
	line-height: 1;
}
.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;
	}
}
/* 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: normal;
	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: 18px;
	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: 16px;
        font-weight: 400;
        line-height: 20px;
    }
.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%);
}

    .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%);
}
    .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 {
    position: fixed;
    bottom: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    padding: 5px 5px 0 4px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    z-index: 9998;
}
/* 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;
    }
}
/* 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: #000;
}
.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 {
	display: block;
	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;
}

.icon-block-bkgnd .col-sm-6, .icon-block-bkgnd .col-md-3, .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 {
    color: #FFF;
    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%;
}
.campus-panel {
    padding-top: 40px;
    padding-bottom: 40px;
}
.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;
}

.black-box .pof-number-large-style-1 {
        color: #FFF !important;
    }

.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: 40px;
    margin-bottom: 5px;
	margin-top: 0px;
	line-height: 1;
}

.feature-panel-left h3, .feature-panel-right h3 {
    font-size: 28px;
    margin-bottom: 5px;
    margin-top: 0px;
	line-height: 1;
}
.feature-panel-left h4, .feature-panel-right h4 {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 0px;
	line-height: 1;
}
.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 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: #dc3030;*/
	color: #CE162F;
}

.red-clearing {
    /*background-color: #dc3030;*/
	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 {
    color: #FFF;
    display: block;
    background-color: #A529A5;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-orange {
    color: #FFF;
    display: block;
    background-color: #D54308;
    padding: 12px 25px;
    margin: 0px;
}


h3.clearing-heading-green {
    color: #FFF;
    display: block;
    background-color: #99CC00;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading {
    color: #FFF;
    display: block;
    /*background-color: #dc3030;*/
	background-color: #0066cb!important;
    padding: 12px 25px;
    margin: 0px;
}
.london-heading h3.clearing-heading {
	background-color: #52478A!important;
}
.cu-heading h3.clearing-heading {
	color: #000!important;
	background-color: #F7A900!important;
}
h3.clearing-heading-olive {
    color: #FFF;
    display: block;
    background-color: #5C5C47;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-teal {
    color: #FFF;
    display: block;
    background-color: #0C6D66;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-orange-new {
    color: #FFF;
    display: block;
    background-color: #C33C06;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-purple {
    color: #FFF;
    display: block;
    background-color: #4d3879;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-grey {
    color: #FFF;
    display: block;
    background-color: #444444;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-london {
    color: #FFF;
    display: block;
    background-color: #2f2455;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-salmon {
    color: #FFF;
    display: block;
    background-color: #964B57;
    padding: 12px 25px;
    margin: 0px;
}

h3.clearing-heading-blue {
    color: #FFF;
    display: block;
    background-color: #0b4880;
    padding: 12px 25px;
    margin: 0px;
}
.black-theme h3.clearing-heading-grey {
    background-color: #000;
}
.blue-theme h3.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 {
    float: left;
    position: relative;
    height: 40px;
    background: #FFF;
    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#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;
    }
}

.course-search {
    background-color: #000;
    padding: 20px 0px;
}

.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;
}

.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#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 .rsArrowIcn:hover {
    }

.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-image {
    position: relative;
}

.card-container, .card-container-dark {
    background-color: #f2f2f2;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
    min-height: 273px;
}

.event-item .card-container, .event-related-item .card-container {
    min-height: 360px;
}

.card-container-dark {
    background-color: #000;
    margin-bottom: 0px;
    min-height: 340px;
}
.blog-item .card-container-dark {
	min-height: 270px;
	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;
}

.light-grey {
    background-color: #f2f2f2;
}

.dark-grey {
    background-color: #222;
}
.card-container p {
        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;
    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;
		}
	.blog-item .card-container-dark {
		min-height: 220px;
	}
	.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;
}
}
.event-item {
    display: none;
}

.load-container {
    width: 100%;
    display: inline-block;
    height: 40px;
    text-align: center;
    margin-bottom: 50px;
}

.load-btn {
    margin: 0 auto;
    border: none;
    background: #0097A9;
    color: #fff;
    border-radius: 5px;
    padding: 10px 16px;
}

    .load-btn:focus, .load-btn:active {
        outline: none !important;
        box-shadow: none;
    }

.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: #99CC00;
    }

.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;
}

@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, #header-search {
        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 {
        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, #header-search {
        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 {
        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) {
    #header-section, #header-search {
        height: 425px;
    }

    .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  {
    width: 100%;
	display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #999;
    border: 1px solid #e4e4e4;
    font-family: "Roboto", sans-serif;
    border-radius: 0px;
    padding: 8px 10px;
    margin-bottom: 0px;
	background-color: #f1f3f4;
}
.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 MENUS
-------------------------------- */
.submenu-icontext {
    text-align: center;
    padding: 0px 0px 15px 0px;
}
.submenu-icontext h3 {
    padding-top: 8px !important;
    font-size: 16px !important;
    color: #000 !important;
    margin-top: 0px;
	margin-bottom: 5px;
}
.submegamenu li {
  padding-left: 0.6em;
}
.submegamenu li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -0.6em; /* same as padding-left set on li */
  width: 0.6em; /* same as padding-left set on li */
  color:#00717f;
}
ul.mm-ul li a:hover {
    color:#00717f!important;
}
/* -------------------------------- 
SYNTAX HIGHLIGHTING FOR STYLE GUIDE MINISITE
-------------------------------- */
.syntaxhighlighter {
    background-color: #F0F0F0 !important;
	padding: 2px 0px;
}
.syntaxhighlighter ol { 
    counter-reset: item;
    list-style-type: none;
	padding-left: 60px;
  list-style-position: outside;
margin:0px;
}
.syntaxhighlighter li { display: block; }
.syntaxhighlighter li:before { 
    content: counter(item) "  "; 
    counter-increment: item ;
	border-right: 3px solid #a6d074 !important;
	margin-right: 20px;
		}
.syntaxhighlighter li {
    line-height: 1.1em !important;
    text-align: left !important;
    vertical-align: baseline !important;
    width: auto !important;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 1em !important;
    min-height: inherit !important;
    min-height: auto !important;
	text-indent: -2.8em;
    margin-left: 0em;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
    color: black !important;
}
.syntaxhighlighter .keyword {
    font-weight: bold !important;
    color: red !important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
    color: gray !important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
    color: #2a00ff !important;
}
.callout {
    padding: 15px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.callout-info {
    border-left-color: red;
}
.callout h4 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.callout p {
	margin-bottom: 0px;
}
/* -------------------------------- 
	CALENDAR
-------------------------------- */
.calendar-cta {
	padding-top: 30px;
}
.calendar-cta .fc-button {
	font-size: 14px;
}
.overlay {
    overflow-y: auto!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;
}
/* -------------------------------- 
	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;
	transition: transform .3s ease;
}
		  	  
.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;
		  }
.hot-spot.active span {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    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;
}
}
/* -------------------------------- 
	ACCORDIAN
-------------------------------- */
.accordion {
    margin-bottom: 15px;
    padding-left: 0;
    list-style: none;
}
.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;
}
.no-border-top {
    border-top-width: 0px !important;
	padding: 0px 0 0 0 !important;
}
.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;
}
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion-content {
	margin-top: 15px;	  
 }
@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 .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
-------------------------------- */
.layered-signpost, .layered-signpost-alt, .layered-signpost-alt2 {
    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 0 20px rgba(0,0,0,.4);
	margin: -25px 20px 0px 20px;
	overflow: hidden;
}
.layered-signpost-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 5px 15px;
}
.layered-signpost-body p {
    color: #222222!important;
}
.zoom-container {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
	padding-bottom: 30px;
}
.zoom-container img {
    border: 0;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.zoom-container a:hover img {
transform: scale(1.05);
transition: transform .4s, -webkit-transform .4s;
}
.zoom-container a img {
transition: transform .4s, -webkit-transform .4s;
}
/* -------------------------------- 
	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%);
}
.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 {
	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#search {
    background: #FFF;
	border: 4px solid #0097A9;
	height: 60px;
	font-size: 16px;
}

.cc-search button.icon {
    border: 4px solid #0097A9;
    height: 60px;
    width: 60px;
    font-size: 32px;
    line-height: 60px;
}
.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;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

.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 {
    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;
}
	  }
ul .accordion-content p {
 	font-size: 1em;	  
}
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 {
	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;
	  }
/* -------------------------------- 
	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;
}
/* ----- | 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 {
    min-height: 300px; 
  background-attachment: fixed;
   /*background-position: 50% 0;*/
background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
	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-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;
}
#DiscoverLondon .DiscoverLink.active, #DiscoverWroclaw .DiscoverLink.active, #DiscoverCU .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;
}
.navbar-slide .navbar-nav > li:hover {
    background-color: #0066cb;
}
.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;
}
.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
-------------------------------- */
.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;
        }

        .search-overlay-close {
            /*margin-top:  -20px;*/
        }

        .search-overlay-close a {
            color: #000000;
            font-size: 3em;
            line-height: 1;
        }

        .search-overlay-close a:hover {
            color: #000000;
            cursor: hand;
        }

        .search-overlay-options {
            /* width: 50%; */
            box-sizing: border-box;
            float: left;
            /*margin-bottom: 20px;*/
        }

            .search-overlay-options select {
                max-width: 250px;
            }

        .search-overlay-column {
            /* width: 50%; 
            padding: 10px 0px; */
        }

            .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;
        }

    .cc-search button.icon {
        border: 4px solid #0097A9;
        height: 60px;
        width: 60px;
        font-size: 32px;
        line-height: 60px;
    }

    .cc-search .widgetContainer input#search {
        background: #FFF;
        border: 4px solid #0097A9;
        height: 60px;
        font-size: 16px;
    }

    #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;
    }

    input#search {
        float: left;
        position: relative;
        height: 40px;
        background: #FFF;
        border: none;
        font-size: 14px;
        color: #000;
        padding-left: 15px;
        width: 100%;
        margin-right: 40px;
    }

    .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: 96%;
            margin: 0px 15px;
            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>.list-group, .panel>.panel-collapse>.list-group {
        padding-bottom: 5px;
    }


    .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;
    }

    .search-filter-list {
        list-style-type: none !important; 
        padding: 0px !important; 
        margin-top: 10px; 
        margin-left: 10px;
    }

    .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;
    }

    .search-results-submit {
        margin: 0px !important;
        float: left;
        width: 100%;
    }

    @media (max-width: 768px) {
        .search-results-submit {
            width: 95%;
            margin: 15px;
            box-sizing: border-box;
            max-width: 95% !important;
        }
    }


    .ajax