@charset "UTF-8"; /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,400italic,700);*/

article,
aside, details, figcaption, figure, footer, header, hgroup, main, nav,
section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

* html {
    font-size: 100%
}

html {
    font-size: 16px;
    line-height: 1.5em
}

.responsive-module {
    overflow: hidden;
    *zoom: 1;
    margin: 0 auto;
    max-width: 80em
}

.grid-container {
    padding-top: 1.5em;
    padding-left: 2em;
    padding-right: 2em
}

.grid-container>h1:first-child, .grid-container>h2:first-child,
.grid-container>h3:first-child, .grid-container>h4:first-child,
.grid-container>h5:first-child, .grid-container>h6:first-child {
    margin-top: 0
}

.main-content {
    position: relative;
    z-index: 10
}

nav.main-navigation ul, .footer-main .connect, .gallery .thumbnails,
.photo-strip .thumbnails, .scrollhint, .more-paging .more-button a.loading:before,
.more-added {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}


@font-face {
    font-family: 'latoblack';
    src: url('../assets/fonts/lato-black-webfont.eot');
    src: url('../assets/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/lato-black-webfont.woff2') format('woff2'),
         url('../assets/fonts/lato-black-webfont.woff') format('woff'),
         url('../assets/fonts/lato-black-webfont.ttf') format('truetype'),
         url('../assets/fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoitalic';
    src: url('../assets/fonts/lato-italic-webfont.eot');
    src: url('../assets/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../assets/fonts/lato-italic-webfont.woff') format('woff'),
         url('../assets/fonts/lato-italic-webfont.ttf') format('truetype'),
         url('../assets/fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('../assets/fonts/lato-regular-webfont.eot');
    src: url('../assets/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../assets/fonts/lato-regular-webfont.woff') format('woff'),
         url('../assets/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../assets/fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('../assets/fonts/lato-bold-webfont.eot');
    src: url('../assets/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../assets/fonts/lato-bold-webfont.woff') format('woff'),
         url('../assets/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../assets/fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('../assets/fonts/lato-light-webfont.eot');
    src: url('../assets/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/lato-light-webfont.woff2') format('woff2'),
         url('../assets/fonts/lato-light-webfont.woff') format('woff'),
         url('../assets/fonts/lato-light-webfont.ttf') format('truetype'),
         url('../assets/fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: "icon-webfont";
    src: url(../assets/fonts/icon-webfont.eot);
    src: url(../assets/fonts/icon-webfont.eot?#iefix) format('embedded-opentype'), url(../assets/fonts/icon-webfont.woff) format('woff'), url(../assets/fonts/icon-webfont.eot) format('embedded-opentype'), url(../assets/fonts/icon-webfont.ttf) format('truetype'), url(../assets/fonts/icon-webfont.svg) format('svg');
    font-weight: normal
}

form fieldset {
    padding: 0;
    margin: 0;
    border: 0 none
}

legend {
    clear: both;
    font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    font-weight: normal;
    padding: 0;
    margin: 1em 0;
    color: #626262
}

label {
    display: block;
    font-weight: normal;
    text-transform: none;
    vertical-align: baseline;
    margin-right: .75em;
    margin-bottom: .25em;
    color: #626262;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

label:last-child {
    margin-bottom: 1em
}

.jsenabled .help {
    display: none
}

input, textarea, select {
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 1em;
    margin-bottom: 1em;
    padding: .75em 2em;
    color: #222;
    background-color: #f9f9f9; 
    border: 1px solid #e0e0e0;
    border-radius: 0;
    box-shadow: none;
    outline: 0
}

input[type="image"] {
	padding: 0em 2em;
	border: none;
	background-color: transparent;
	margin-bottom: 0em;
	width: auto;
}


input:valid, input:invalid, textarea:valid, textarea:invalid, select:valid,
select:invalid {
    outline: 0;
    box-shadow: none
}

input:focus, textarea:focus, select:focus {
    border-color: #5391ca
}

input::-webkit-input-placeholder {
    color: #a2a2a2
}

input::-moz-placeholder {
    color: #a2a2a2
}

input:-ms-input-placeholder {
    color: #a2a2a2
}

input::placeholder {
    color: #a2a2a2
}

input[type="checkbox"], input[type="radio"] {
    clear: left;
    display: inline-block;
    width: auto;
    vertical-align: baseline;
    padding: 0;
    margin: .25em;
    background-color: transparent;
    border: 0 none
}


textarea {
    min-height: 6em
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
textarea, select:valid, select:invalid {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

select:valid, select:invalid {
    text-indent: 1px;
    text-overflow: "";
    background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8BAMAAADml+XTAAAAGFBMVEWox+Xs8/lblM6Mtd3J2+9toNP///9Tj8z+Q0+kAAAAS0lEQVQ4y2MoxwIYRgVHBdEFS9KAIAVNsBQkmIqu3Q0o6I4uGAYUDEcXLEhLS8CwvUgsTQjTSWxp7JiCiolYHF+cjM1H7KOxOcIFAdSpKTPVZfIoAAAAAElFTkSuQmCC) no-repeat 100% 50%;
    padding-right: 45px
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

select::-ms-expand {
    display: none
}

@-moz-document url-prefix() {
    div.moz-select {
        position: relative
    }

    div.moz-select: after {
        content: "";
        position: absolute;
        right: 1px;
        bottom: 1px;
        width: 40px;
        height: 2.935em;
        background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8BAMAAADml+XTAAAAGFBMVEWox+Xs8/lblM6Mtd3J2+9toNP///9Tj8z+Q0+kAAAAS0lEQVQ4y2MoxwIYRgVHBdEFS9KAIAVNsBQkmIqu3Q0o6I4uGAYUDEcXLEhLS8CwvUgsTQjTSWxp7JiCiolYHF+cjM1H7KOxOcIFAdSpKTPVZfIoAAAAAElFTkSuQmCC) no-repeat 100% 50%;
        pointer-events: none
    }
}

optgroup {
    font-weight: bold;
    font-style: normal;
    padding: 0 1em
}

option {
    padding: 0 1em
}

input[type="submit"], button {
    font-family: inherit;
    font-size: 1em;
    width: auto;
    min-width: 12em;
    padding: .75em 0;
    margin: 0 0 .75em 0;
    color: white;
    background-color: #5391ca;
    border: 0 none;
    outline: 0;
    cursor: pointer
}

input[type="submit"]:hover, button:hover {
    background-color: #255178
}

input[type="reset"] {
    background-color: #c00
}

input[type="reset"]:hover {
    background-color: #900
}

label, input, textarea, select, button {
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.required label:after, label.required:after {
    content: "*";
    margin-left: .25em;
    color: #c00
}

.disabled {
    display: none
}

.jsenabled .error {
    color: #c00
}

.jsenabled .error label {
    color: #c00
}

.jsenabled .error .help {
    display: inline
}

.jsenabled .error input, .jsenabled .error textarea, .jsenabled .error select {
    border-color: #c00
}

label .field_with_errors {
    display: inline
}

#developer-bar {
    background-color: rgba(0, 255, 0, 0.1);
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.is-unfinished {
    display: none;
    opacity: .1
}

body.debug .is-unfinished {
    display: block
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 2cm .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .btn>.caret, .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "latoregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background: #f3f3f3 none 20px 20px repeat
}

.preview body {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAgMAAADzfxo+AAAADFBMVEUAAAAAAAAAAAAAAAA16TeWAAAABHRSTlMAHgoVMhnkgQAAAZRJREFUOMudk6FuwzAQht1EBdkUOD5iuLEMV9oLBPS3rTXrLPUFoknlVllBoIcL9wKVBqMV9QEsjQ3tPRap7D+jHvx19993d7a6PqqQEfWYEe98Tmxz5S4j1kupfVRWaAVOEEwzOCxYLGGjZAK2gilEoOPB+wYwTG7mK4DEBucusjhgZWpDQO8JKBzN3Wlg5LW5EmD25FVEy4OHULFYm8pP2UTZaad0INFGJy4+AP6LB98AOyMok6nENkxjNWUWAwYkR32esRFDap9cQuBHNJka7uNqDAw/X5bYeB7IqMSJhxmmjRClKRBqpsSYFiVTwsnX/gt7bPld2iO23Ls2t8BS7FJFGHHx+4rFGXZTakeWdhqy6knE31Qb+FPAPSqOBB8psfhssONPpW2NMwIXn7A1oo1PcEyZ+gae76j7Wli2ui95G7Fr1uFHMVHCmrSbPQBh+QILy5Qmdg+8S0BbdSDKV+wxivOkb/RsOcYxOhb7FHTP5W9QFXs2l3sz0sWQTZWM1GXExqqc6ZgzXeRMQ0Z8UlfHP2YgiQiIFMsLAAAAAElFTkSuQmCC)
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #08c;
    text-decoration: none
}

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

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 0
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.5;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

p {
    margin: 0 0 12px
}

.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4
}

@media(min-width:768px){.lead {
        font-size: 24px
    }
}

small, .small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

.text-primary:hover {
    color: #3071a9
}

.text-warning {
    color: #c09853
}

.text-warning:hover {
    color: #a47e3c
}

.text-danger {
    color: #b94a48
}

.text-danger:hover {
    color: #953b39
}

.text-success {
    color: #468847
}

.text-success:hover {
    color: #356635
}

.text-info {
    color: #3a87ad
}

.text-info:hover {
    color: #2d6987
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "latoregular", "neuzeit-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    color: inherit
}

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: normal;
    line-height: 1;
    color: #999
}

h1, h2, h3 {
    margin-top: 24px;
    margin-bottom: 12px
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small {
    font-size: 65%
}

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

h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small {
    font-size: 75%
}

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

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

h5, .h5 {
    font-size: 16px
}

h6, .h6 {
    font-size: 14px
}

.page-header {
    padding-bottom: 11px;
    margin: 48px 0 24px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 12px
}

ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0
}

.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.list-inline>li:first-child {
    padding-left: 0
}

dl {
    margin-bottom: 24px
}

dt, dd {
    line-height: 1.5
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media(min-width:768px){.dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .dl-horizontal dd:before, .dl-horizontal dd:after {
        content: " ";
        display: table
    }

    .dl-horizontal dd:after {
        clear: both
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 12px 24px;
    margin: 0 0 24px;
    /*border-left: 5px solid #eee*/
}

blockquote p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote small {
    display: block;
    line-height: 1.5;
    color: #999
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small {
    text-align: right
}

blockquote.pull-right small:before, blockquote.pull-right .small:before {
    content: ''
}

blockquote.pull-right small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 1.5
}

code, kbd, pre, samp {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 0
}

pre {
    display: block;
    padding: 11.5px;
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: whitesmoke;
    border: 1px solid #ccc;
    border-radius: 0
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

.container:before, .container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11,
.col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8,
.col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6,
.col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4,
.col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1,
.col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7,
.col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width:768px){.container {
        width: 750px
    }

    .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7,
    .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:992px){.container {
        width: 970px
    }

    .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7,
    .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:1200px){.container {
        width: 1170px
    }

    .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7,
    .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 24px
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td,
.table>tfoot>tr>th, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #f3f3f3
}

.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color: whitesmoke
}

table col[class*="col-"] {
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    float: none;
    display: table-cell
}

.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td,
.table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active,
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active,
.table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th {
    background-color: whitesmoke
}

.table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td,
.table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success,
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success,
.table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td,
.table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger,
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td,
.table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning,
.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

@media(max-width:767px){.table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs {
    display: none !important
}

@media(max-width:767px){.visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm {
        display: block !important
    }

    tr.visible-xs.visible-sm {
        display: table-row !important
    }

    th.visible-xs.visible-sm, td.visible-xs.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md {
        display: block !important
    }

    tr.visible-xs.visible-md {
        display: table-row !important
    }

    th.visible-xs.visible-md, td.visible-xs.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px){.visible-xs.visible-lg {
        display: block !important
    }

    tr.visible-xs.visible-lg {
        display: table-row !important
    }

    th.visible-xs.visible-lg, td.visible-xs.visible-lg {
        display: table-cell !important
    }
}

.visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm {
    display: none !important
}

@media(max-width:767px){.visible-sm.visible-xs {
        display: block !important
    }

    tr.visible-sm.visible-xs {
        display: table-row !important
    }

    th.visible-sm.visible-xs, td.visible-sm.visible-xs {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px){.visible-sm {
        display: block !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md {
        display: block !important
    }

    tr.visible-sm.visible-md {
        display: table-row !important
    }

    th.visible-sm.visible-md, td.visible-sm.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px){.visible-sm.visible-lg {
        display: block !important
    }

    tr.visible-sm.visible-lg {
        display: table-row !important
    }

    th.visible-sm.visible-lg, td.visible-sm.visible-lg {
        display: table-cell !important
    }
}

.visible-md, tr.visible-md, th.visible-md, td.visible-md {
    display: none !important
}

@media(max-width:767px){.visible-md.visible-xs {
        display: block !important
    }

    tr.visible-md.visible-xs {
        display: table-row !important
    }

    th.visible-md.visible-xs, td.visible-md.visible-xs {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm {
        display: block !important
    }

    tr.visible-md.visible-sm {
        display: table-row !important
    }

    th.visible-md.visible-sm, td.visible-md.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px){.visible-md {
        display: block !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px){.visible-md.visible-lg {
        display: block !important
    }

    tr.visible-md.visible-lg {
        display: table-row !important
    }

    th.visible-md.visible-lg, td.visible-md.visible-lg {
        display: table-cell !important
    }
}

.visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg {
    display: none !important
}

@media(max-width:767px){.visible-lg.visible-xs {
        display: block !important
    }

    tr.visible-lg.visible-xs {
        display: table-row !important
    }

    th.visible-lg.visible-xs, td.visible-lg.visible-xs {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm {
        display: block !important
    }

    tr.visible-lg.visible-sm {
        display: table-row !important
    }

    th.visible-lg.visible-sm, td.visible-lg.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md {
        display: block !important
    }

    tr.visible-lg.visible-md {
        display: table-row !important
    }

    th.visible-lg.visible-md, td.visible-lg.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px){.visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

.hidden-xs {
    display: block !important
}

tr.hidden-xs {
    display: table-row !important
}

th.hidden-xs, td.hidden-xs {
    display: table-cell !important
}

@media(max-width:767px){.hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm,
    td.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md,
    td.hidden-xs.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px){.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

th.hidden-sm, td.hidden-sm {
    display: table-cell !important
}

@media(max-width:767px){.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs,
    td.hidden-sm.hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px){.hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md,
    td.hidden-sm.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px){.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg,
    td.hidden-sm.hidden-lg {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

th.hidden-md, td.hidden-md {
    display: table-cell !important
}

@media(max-width:767px){.hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs,
    td.hidden-md.hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm,
    td.hidden-md.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px){.hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px){.hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg,
    td.hidden-md.hidden-lg {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

th.hidden-lg, td.hidden-lg {
    display: table-cell !important
}

@media(max-width:767px){.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs,
    td.hidden-lg.hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm,
    td.hidden-lg.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md,
    td.hidden-lg.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px){.hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg {
        display: none !important
    }
}

.visible-print, tr.visible-print, th.visible-print, td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }

    .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print {
        display: none !important
    }
}

body {
    -webkit-text-size-adjust: none
}

a {
    color: #08c;
    text-decoration: none
}

a:hover {
    color: #005580;
    text-decoration: underline
}

a img {
    vertical-align: middle
}

img, embed, object {
    max-width: 100%;
    height: auto
}

img {
    display: block;
    text-decoration: none;
    -ms-interpolation-mode: bicubic
}

img.sglogo {
    display: none
}

em {
    font-family: "latoitalic",  "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal
}

h1, h2, h3 {
    margin: 24px 0 12px 0
}

h4, h5, h6, dt {
    margin: 12px 0
}

p {
    font-size: 1em;
    line-height: 1.5;
    margin: 0 0 12px 0;
    max-width: 600px
}

b, strong {
    font-family: "latobold",  "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal
}

h1 {
    line-height: 1.166666667
}

h2 {
    font-family: "latobold",  "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2
}

h3 {
    line-height: 1.25
}

h4 {
    line-height: 1.333333333
}

h5 {
    line-height: 1.5
}

h6 {
    line-height: 1.285714286;
    font-weight: 300;
    text-transform: uppercase
}

dt {
    margin-top: 24px
}

blockquote {
    padding: 12px 24px;
    margin-bottom: 24px;
    border-color: #e0e0e0
}

blockquote p:last-child {
    margin-bottom: 0
}

p.full-width{
	max-width: 100%
}

.heading-slate, .heading-black {
    font-size: 1.875em;
    line-height: 1.2
}

.heading-black {
    color: black
}

table.align-right th, table.align-right td {
    text-align: right
}

table.align-center th, table.align-center td, table.align-centre th,
table.align-centre td {
    text-align: centre
}

.article-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.article-group .grid-container {
    padding-left: 1em;
    padding-right: 1em
}

.article-group article {
    padding: 0 1em
}

.article-group .article-group-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

.article-group h2 {
    margin: 0 0 .8em .533em
}

.article-group h3 {
    font-size: 1em;
    margin: .5em 0
}

.article-group .tags {
    font-size: .75em
}

iframe {
    border: 0;
    overflow: hidden
}

iframe::-webkit-scrollbar {
    display: none
}

@media screen and (min-width:60em) {
    .module-100-100-62 {
        float: left;
        width: 62%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-38 {
        float: left;
        width: 38%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-33 {
        float: left;
        width: 33.33333%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-50 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-25 {
        float: left;
        width: 25%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-66-66 {
        float: left;
        width: 66%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-38 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-38 {
        float: left;
        width: 38%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-62 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-62 {
        float: left;
        width: 62%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-33 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-33 {
        float: left;
        width: 33.33333%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-66 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-66 {
        float: left;
        width: 66.66667%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-25 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-25 {
        float: left;
        width: 25%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-50 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-33-33 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-33-25 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-100-33-25 {
        float: left;
        width: 25%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-33-20 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-100-33-20 {
        float: left;
        width: 20%
    }
}

.module-50-33-33 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-33-33 {
        float: left;
        width: 33%
    }
}

.module-50-33-25 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-33-25 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-50-33-25 {
        float: left;
        width: 25%
    }
}

.module-50-33-20 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-33-20 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-50-33-20 {
        float: left;
        width: 20%
    }
}

.module-50-33-16 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-33-16 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-50-33-16 {
        float: left;
        width: 16.66667%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-33 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-25-25 {
        float: left;
        width: 25%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-20-20 {
        float: left;
        width: 20%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-16-16 {
        float: left;
        width: 16.66667%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-14-14 {
        float: left;
        width: 14.28571%
    }
}

.module-50-50-50 {
    float: left;
    width: 50%
}

.module-50-50-33 {
    float: left;
    width: 50%
}

@media screen and (min-width:60em) {
    .module-50-50-33 {
        float: left;
        width: 33.33333%
    }
}

.module-50-25-25 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-25-25 {
        float: left;
        width: 25%
    }
}

.module-50-50-25 {
    float: left;
    width: 50%
}

@media screen and (min-width:60em) {
    .module-50-50-25 {
        float: left;
        width: 25%
    }
}

.search-for-course-section, .search-for-primo-section {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.search-for-course-section .responsive-module, .search-for-primo-section .responsive-module {
    background-color: white;
    border-top: 0 !important
}

body.debug .search-for-course-section .responsive-module, body.debug .search-for-primo-section .responsive-module {
    background-color: rgba(255, 255, 255, 0.8)
}

.search-for-course-section .grid-container, .search-for-primo-section .grid-container {
    padding-bottom: 1.5em
}

.search-for-course-section .search-box, .search-for-primo-section .search-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    overflow: hidden;
    margin-bottom: .75em
}

.search-for-course-section .search-box input, .search-for-primo-section .search-box input {
    width: 100%;
    float: left;
    padding-right: 30px;
    margin-bottom: 0
}

.search-for-course-section h2:before, .search-for-course-section .search-button:before,
.search-for-primo-section h2:before, .search-for-primo-section .search-button:before {
    font-family: 'icon-webfont';
    content: "B "
}

.search-for-course-section .search-button, .search-for-primo-section .search-button {
    font-size: 30px;
    padding: 0 12px;
    min-width: 0;
    line-height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    border: 0 none;
    background-color: #5391ca
}

.filters label {
    display: inline-block
}

.header-main {
    width: 100%
}

.header-main:before, .header-main:after {
    content: " ";
    display: table
}

.header-main:after {
    clear: both
}

.header-main .responsive-module {
    overflow: visible
}

.header-main .grid-container {
    position: relative
}

.header-main .extended {
    display: none
}

@media screen and (min-width:37.5em) {
    .header-main .extended {
        display: inline
    }
}

.header-main .logo-container {
    float: left
}

.header-main .home {
    height: 100%;
    display: inline
}

.header-main .logo-small, .header-main .logo-large {
    float: left
}

.header-main .logo-small {
    /*max-width: 212px;
    width: 100%*/
}

@media screen and (min-width:37.5em) {
    .header-main .logo-small {
        display: none
    }
}

.header-main .logo-large {
    display: none;
    height: 6em;
    /*width: 10.25em*/
}

@media screen and (min-width:37.5em) {
    .header-main .logo-large {
        display: block
    }
}

.header-main .logo-small, .header-main .logo-large {
    margin-top: 10px
}

.header-main form {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    clear: left;
    position: relative;
    padding: 0;
    overflow: hidden
}

.header-main .course-finder-input, .header-main .expertise-area-input {
    width: 100%;
    float: left;
    padding-right: 4em;
    margin: 0
}

.header-main button.search-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 3em;
    width: 3em;
    font-weight: normal;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0 none;
    background-color: #5391ca
}

.header-main button.search-button span:after {
    position: absolute;
    display: block;
    content: "B";
    font-family: 'icon-webfont';
    font-size: 1.7em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1.75em;
    color: white;
    background-color: #5391ca
}

.header-main ul {
    clear: right;
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 10px 0 1em 0
}

.header-main li {
    display: inline-block;
    height: 2em;
    padding: 0;
    margin: 0 0 0 .25em
}

.header-main li a, .header-main li label {
    display: inline;
    font-size: 1.1em;
    white-space: nowrap;
    vertical-align: bottom;
    margin: 0;
    color: #08c;
    text-decoration: none;
    cursor: pointer
}

.header-main li a:before, .header-main li label:before {
    display: inline-block;
    width: 1.4em;
    font-size: 1.25em;
    text-align: center;
    vertical-align: bottom
}

.header-main li a:hover, .header-main li a:focus, .header-main li label:hover,
.header-main li label:focus {
    color: #005580;
    text-decoration: underline
}

.header-main li a strong, .header-main li label strong {
    font-family: "latoregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal
}
/*
@media screen and (max-width:440px) {
    .header-main .logo-small {
        max-width: 100%
    }

    .header-main ul {
        margin-top: 10px
    }
}*/

@media screen and (min-width:37.5em) {
    .header-main form {
        clear: none;
        float: right;
        width: 50%
    }

    .header-main .logo-small, .header-main .logo-large {
        margin-top: 0
    }

    .header-main li a strong, .header-main li label strong {
        display: inline
    }
}

.search-bar {
    position: relative
}

form.search {
    padding: 0;
    overflow: hidden
}

form.search label {
    display: none
}

form.search input[type='text'] {
    padding: .75em;
    width: 90%
}

form.search input[type='submit'] {
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    border-left: 5px solid #282828
}

@media screen and (min-width:37.5em) {
    form.search input[type='text'] {
        width: 85%
    }
}

#main_navigation_menu {
    position: absolute;
    margin-left: -9999px
}

.app, .page-notification {
    position: relative;
    width: 100%;
    left: 0;
    -webkit-transition: left .25s ease-out;
    transition: left .25s ease-out;
    overflow: hidden
}

nav.main-navigation {
    min-height: 3.5em;
    background-color: #222
}

nav.main-navigation .grid-container {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

nav.main-navigation .login-link {
    float: right;
    margin-top: 12.5px;
    padding-right: 10px
}

nav.main-navigation .login {
    color: white
}

nav.main-navigation .hamburger, nav.main-navigation ul a:link, nav.main-navigation ul a:visited,
nav.main-navigation ul a:hover, nav.main-navigation ul a:focus, nav.main-navigation ul a:active {
    display: block;
    font-size: 1;
    text-transform: uppercase;
    line-height: 1em;
    text-decoration: none;
    padding: 1em 2em;
    color: white
}

nav.main-navigation ul a:hover, nav.main-navigation ul a:focus, nav.main-navigation ul a:active {
    color: #5391ca;
    background-color: #222
}

nav.main-navigation .hamburger {
    position: relative;
    display: inline-block;
    width: 1.5em;
    line-height: 3em;
    padding: 0;
    margin: 0;
    color: #222;
    overflow: hidden;
    cursor: e-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

nav.main-navigation .hamburger:before {
    font-family: 'icon-webfont';
    content: "C"
}

nav.main-navigation .hamburger:before {
    font-size: 1.7em;
    font-weight: normal;
    vertical-align: middle;
    padding-right: 6px;
    color: white
}

nav.main-navigation .hamburger:after, nav.main-navigation ul {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 1000
}

nav.main-navigation .hamburger:after {
    content: " ";
    display: none
}

nav.main-navigation ul {
    font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 50%;
    right: auto;
    background-color: #333;
    margin-left: -50%;
    border-right: 1px solid black;
    overflow: auto;
    -webkit-transition: margin-left .25s ease-out;
    transition: margin-left .25s ease-out
}

nav.main-navigation li {
    border-bottom: 1px solid black
}

.show_menu .app, .show_menu .page-notification {
    left: 50%
}

.show_menu .app nav.main-navigation .hamburger, .show_menu .page-notification nav.main-navigation .hamburger {
    cursor: w-resize
}

.show_menu .app nav.main-navigation .hamburger:after, .show_menu .page-notification nav.main-navigation .hamburger:after {
    display: block
}

.show_menu .app nav.main-navigation ul, .show_menu .page-notification nav.main-navigation ul {
    margin-left: 0
}

#main_navigation_menu:checked ~ .app, #main_navigation_menu:checked ~ .page-notification {
    left: 50%
}

#main_navigation_menu:checked ~ .app nav.main-navigation .hamburger,
#main_navigation_menu:checked ~ .page-notification nav.main-navigation .hamburger {
    cursor: w-resize
}

#main_navigation_menu:checked ~ .app nav.main-navigation .hamburger:after,
#main_navigation_menu:checked ~ .page-notification nav.main-navigation .hamburger:after {
    display: block
}

#main_navigation_menu:checked ~ .app nav.main-navigation ul, #main_navigation_menu:checked ~ .page-notification nav.main-navigation ul {
    margin-left: 0
}

@media screen and (min-width:60em) {
    .app, .page-notification {
        left: 0
    }

    nav.main-navigation .hamburger, nav.main-navigation .hamburger:after {
        position: static;
        display: none
    }

    nav.main-navigation ul {
        position: static;
        display: table;
        width: 50em;
        margin-left: 0;
        background-color: #222;
        border-right: 0 none
    }

    nav.main-navigation li {
        display: table-cell;
        border-bottom: 0 none
    }

    nav.main-navigation ul a:link, nav.main-navigation ul a:visited, nav.main-navigation ul a:hover,
    nav.main-navigation ul a:focus, nav.main-navigation ul a:active {
        display: inline-block;
        padding: .75em 2em .75em 0
    }
}

.secondary-navigation .responsive-module {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    padding-bottom: 1.5em
}

.secondary-navigation .responsive-module:before, .secondary-navigation .responsive-module:after {
    content: " ";
    display: table
}

.secondary-navigation .responsive-module:after {
    clear: both
}

body.debug .secondary-navigation .responsive-module {
    background-color: rgba(255, 255, 255, 0.8)
}

.secondary-navigation ul, .secondary-navigation li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    max-width: none
}

.secondary-navigation .also-in {
    font-size: 20px
}

.secondary-navigation .also-in a {
    display: inline-block
}

.secondary-navigation a {
    display: block;
    line-height: 1.25;
    padding: .25em 0
}

.social-sharing {
    list-style-type: none;
    padding-left: 0
}

.alert {
    position: relative
}

.alert:before {
    font-family: 'icon-webfont';
    content: "G"
}

.twitter {
    position: relative
}

.twitter:before {
    font-family: 'icon-webfont';
    content: "t"
}

.facebook {
    position: relative
}

.facebook:before {
    font-family: 'icon-webfont';
    content: "f"
}

.googleplus {
    position: relative
}

.googleplus:before {
    font-family: 'icon-webfont';
    content: "g"
}

.linkedin {
    position: relative
}

.linkedin:before {
    font-family: 'icon-webfont';
    content: "l"
}

.youtube {
    position: relative
}

.youtube:before {
    font-family: 'icon-webfont';
    content: "y"
}

.bluesky {
    position: relative
}

.bluesky:before {
    font-family: 'icon-webfont';
    content: "z"
}

.instagram {
    position: relative
}

.instagram:before {
    font-family: 'icon-webfont';
    content: "i"
}

.pinterest {
    position: relative
}

.pinterest:before {
    font-family: 'icon-webfont';
    content: "p"
}

.email {
    position: relative
}

.email:before {
    font-family: 'icon-webfont';
    content: "/"
}

.date {
    position: relative
}

.date:before {
    font-family: 'icon-webfont';
    content: "&"
}

.time {
    position: relative
}

.time:before {
    font-family: 'icon-webfont';
    content: "c"
}

.disability {
    position: relative
}

.disability:before {
    font-family: 'icon-webfont';
    content: "w"
}

.tel {
    position: relative
}

.tel:before {
    font-family: 'icon-webfont';
    content: "0"
}

.mappin {
    position: relative
}

.mappin:before {
    font-family: 'icon-webfont';
    content: "("
}

.visit {
    position: relative
}

.visit:before {
    font-family: 'icon-webfont';
    content: "A"
}

.login {
    position: relative
}

.login:before {
    font-family: 'icon-webfont';
    content: "A"
}

.globe {
    position: relative
}

.globe:before {
    font-family: 'icon-webfont';
    content: "<"
}

.sharing {
    position: relative
}

.sharing:before {
    font-family: 'icon-webfont';
    content: "S"
}

.star {
    position: relative
}

.star:before {
    font-family: 'icon-webfont';
    content: '@'
}

.course-icon {
    position: relative
}

.course-icon:before {
    font-family: 'icon-webfont';
    content: '['
}

.partfulltime {
    position: relative
}

.partfulltime:before {
    font-family: 'icon-webfont';
    content: '\\'
}

.placement {
    position: relative
}

.placement:before {
    font-family: 'icon-webfont';
    content: ']'
}

.shield {
    position: relative
}

.shield:before {
    font-family: 'icon-webfont';
    content: '_'
}

.wheel {
    position: relative
}

.wheel:before {
    font-family: 'icon-webfont';
    content: '^'
}

.tickbox {
    position: relative
}

.tickbox:before {
    font-family: 'icon-webfont';
    content: 'J'
}

.rss {
    position: relative
}

.rss:before {
    font-family: 'icon-webfont';
    content: '4';
    color: #e09e33
}

.link {
    position: relative
}

.link:before {
    font-family: 'icon-webfont';
    content: "u"
}

.jobs {
    position: relative
}

.jobs:before {
    font-family: 'icon-webfont';
    content: ']'
}

.alert:before, .twitter:before, .facebook:before, .googleplus:before,
.linkedin:before, .youtube:before, .bluesky:before, .instagram:before, .pinterest:before,
.email:before, .date:before, .time:before, .disability:before, .tel:before,
.mappin:before, .visit:before, .login:before, .globe:before, .sharing:before,
.star:before, .course-icon:before, .partfulltime:before, .placement:before,
.shield:before, .wheel:before, .tickbox:before, .jobs:before, .rss:before {
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.1em;
    text-align: center;
    margin-right: .3em
}

.login:before, .sharing:before {
    height: auto;
    line-height: 1.5;
    margin-right: 0
}

.colour .twitter:before {
    color: #fff;
    background-color: #5ea9dd
}

.colour .bluesky:before {
    color: #fff;
    background-color: #82C8E5
}

.colour .facebook:before {
    color: #fff;
    background-color: #3b579d
}

.colour .googleplus:before {
    color: #fff;
    background-color: #ce3d2b
}

.colour .linkedin:before {
    color: #fff;
    background-color: #0978b5
}

.colour .youtube:before {
    color: #fff;
    background-color: #cd201f
}

.colour .instagram:before {
    color: #35598c;
    background-color: #fff
}

.colour .pinterest:before {
    color: #d7363e;
    background-color: #fff
}

div.sharing_menu {
    position: relative;
    margin-right: 36px
}

div.sharing_menu label {
    text-decoration: none !important;
    cursor: default
}

div.sharing_menu #sharemenu {
    position: absolute;
    left: -9999px
}

div.sharing_menu ul {
    display: none;
    position: absolute;
    top: 1.9em;
    left: 0;
    list-style-type: none;
    padding: .9em 0 1em 0;
    margin: 0;
    background-color: #f3f3f3;
    z-index: 20;
    overflow: hidden
}

div.sharing_menu li {
    display: block;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: hidden
}

div.sharing_menu a {
    display: block;
    padding: .25em 1em;
    vertical-align: baseline
}

div.sharing_menu a:before {
    width: 1.25em
}

div.sharing_menu #sharemenu:checked ~ ul, div.sharing_menu:hover ul,
div.sharing_menu:focus ul {
    display: block
}

div.login_menu {
    position: relative
}

div.login_menu label {
    text-decoration: none !important;
    cursor: default
}

div.login_menu #loginmenu {
    position: absolute;
    left: -9999px
}

div.login_menu ul {
    display: none;
    position: absolute;
    top: 1.9em;
    left: 0;
    list-style-type: none;
    padding: .9em 0 1em 0;
    margin: 0;
    background-color: #f3f3f3;
    z-index: 20
}

div.login_menu li {
    display: block;
    height: auto;
    padding: 0;
    margin: 0
}

div.login_menu a {
    display: block;
    padding: .25em 1em;
    vertical-align: baseline
}

div.login_menu a:before {
    width: 1.25em
}

div.login_menu #loginmenu:checked ~ ul, div.login_menu:hover ul, div.login_menu:focus ul {
    display: block
}

.footer-main {
    background-color: #282828;
    color: white;
    padding-bottom: 1.5em
}

.footer-main nav ul, .footer-main nav li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.footer-main .vcard {
    font-style: normal
}

.footer-main .vcard p, .footer-main .vcard .street-address, .footer-main .vcard .locality,
.footer-main .vcard .country-name {
    display: block;
    line-height: 1.5em;
    margin: 0
}

.footer-main .vcard a:before {
    font-size: 1.3em;
    width: 1em;
    margin-right: .2em
}

.footer-main nav a, .footer-main .vcard a {
    display: block;
    color: white;
    text-decoration: none;
    padding: .75em 0;
    margin: 0;
    border-bottom: 1px solid #464e54
}

.footer-main nav a:hover, .footer-main nav a:focus, .footer-main nav a:active,
.footer-main .vcard a:hover, .footer-main .vcard a:focus, .footer-main .vcard a:active {
    color: white;
    text-decoration: underline
}

.footer-main .vcard a.org {
    font-size: 1.2em;
    padding: 0;
    border: 0 none
}

.footer-main .connect {
    display: inline-block;
    background-color: #5391ca;
    -webkit-animation: logocolor 60s infinite;
    animation: logocolor 60s infinite
}

.footer-main .footer-logo {
    display: inline-block;
    background-color: #5391ca;
}

.footer-main .social-sharing {
    margin: 1.5em 0
}

.footer-main .social-sharing li {
    display: block;
    float: left;
    font-size: 1.65em;
    width: 1.55em;
    height: 1.55em;
    padding: 0;
    margin: 1px 1px 0 0;
    overflow: hidden
}

.footer-main .social-sharing li a:before {
    width: 100%;
    height: 100%;
    line-height: 1.4
}

.footer-main .rss:before {
    color: white
}

.footer-main .info {
    padding-top: 0
}

.footer-main .social-sharing li:nth-of-type(5) {
    clear: left
}

@media screen and (min-width:37.5em) {
    .footer-main .info {
        padding-top: 1.5em
    }

    .footer-main .vcard {
        clear: both
    }
}

@media screen and (min-width:60em) {
    .footer-main .vcard {
        clear: none
    }
}

@-webkit-keyframes logocolor {
    from {
        background-color: #5391ca
    }

    10% {
        background-color: #7b77a5
    }

    20% {
        background-color: #a80075
    }

    30% {
        background-color: #c74a8d
    }

    40% {
        background-color: #c1004a
    }

    50% {
        background-color: #e09e33
    }

    60% {
        background-color: #f3d213
    }

    70% {
        background-color: #b4c960
    }

    80% {
        background-color: #9fcac5
    }

    90% {
        background-color: #7fbfd7
    }

    to {
        background-color: #5391ca
    }
}

@keyframes logocolor {
    from {
        background-color: #5391ca
    }

    10% {
        background-color: #7b77a5
    }

    20% {
        background-color: #a80075
    }

    30% {
        background-color: #c74a8d
    }

    40% {
        background-color: #c1004a
    }

    50% {
        background-color: #e09e33
    }

    60% {
        background-color: #f3d213
    }

    70% {
        background-color: #b4c960
    }

    80% {
        background-color: #9fcac5
    }

    90% {
        background-color: #7fbfd7
    }

    to {
        background-color: #5391ca
    }
}

.sidebar a {
    color: white;
    text-decoration: none
}

.hero .responsive-module {
    position: relative;
    margin-bottom: 12px;
    color: white;
    width: 100%
}

.hero img {
    display: none
}

.hero.article .primary, .hero.school .primary {
    display: table;
    width: 100%
}

.hero.article img, .hero.school img {
    display: block;
    width: 100%;
    max-width: 100%
}

.hero.metadata-on-bottom .metadata {
    bottom: 0
}

.hero .primary {
    position: relative;
    background: url(/assets/transparent-1dbfc3bf449392efb5508fbf5a453455.gif) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hero .primary .metadata-not-hero {
    position: relative;
    width: 100%;
    z-index: 11;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    padding-bottom: 1.5em
}

.hero .primary .metadata-not-hero h1, .hero .primary .metadata-not-hero h2,
.hero .primary .metadata-not-hero h3, .hero .primary .metadata-not-hero h4,
.hero .primary .metadata-not-hero h5 {
    margin-bottom: 0
}

.hero .primary .metadata {
    z-index: 11;
    padding-bottom: 1.5em
}

.hero .primary .metadata h1, .hero .primary .metadata h2, .hero .primary .metadata h3,
.hero .primary .metadata h4, .hero .primary .metadata h5 {
    margin-bottom: 0
}

.hero .primary .metadata h6 {
    margin-bottom: 0
}

.hero .primary .metadata .hero-heading {
    font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    font-size: 1.5em;
    line-height: .9em;
    margin: 0
}

@media screen and (min-width:37.5em) {
    .hero .primary .metadata .hero-heading {
        font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 2em;
        text-transform: uppercase
    }
}

@media screen and (min-width:60em) {
    .hero .primary .metadata .hero-heading {
        font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 3em;
        text-transform: uppercase
    }
}

.hero .primary .metadata .hero-title, .hero .primary .metadata .hero-link {
    border-bottom: 0;
    font-size: 1.125em;
    text-transform: none
}

.hero .primary .metadata .hero-link a {
    color: white;
    text-decoration: underline
}

.hero .secondary .module-quote-text {
    font-size: 1.5em;
    line-height: 1.25
}

.hero .secondary .read-article {
    float: right;
    text-decoration: none;
    margin: 0 0 2em 1em;
    color: white;
    position: relative
}

.hero .secondary .read-article:before {
    font-family: 'icon-webfont';
    content: "N"
}

.hero .secondary .read-article:before {
    float: left;
    margin: 0 0 0 -1em
}

@media screen and (min-width:60em) {
    .reverse .primary {
        float: right
    }
}

@media screen and (min-width:60em) {
    .reverse .secondary {
        float: left
    }
}

.black {
    background-color: black
}

body.debug .black {
    background-color: rgba(0, 0, 0, 0.8)
}

.caption {
    padding: 0 .5em;
    color: #666;
    background-color: #f3f3f3
}

.caption .inner-caption {
    text-align: left;
    line-height: 1.25
}

.small-position-top .metadata {
    width: 100%
}

@media screen and (max-width:37.5em) {
    .small-position-bottom .metadata {
        display: table-footer-group;
        width: 100%
    }

    .small-position-bottom .metadata .hero-heading {
        padding: 24px 32px 0 32px
    }

    .small-position-bottom .metadata .hero-title, .small-position-bottom .metadata .hero-link {
        padding: 0 32px 24px 32px
    }

    .small-position-bottom .metadata .hero-title+.hero-link {
        margin-top: -12px
    }
}

@media screen and (min-width:37.5em) {
    .hero.article .primary, .hero.school .primary {
        display: block
    }

    .hero.article img, .hero.school img {
        display: none
    }

    .hero .primary {
        min-height: 30em
    }

    .medium-position-top-left .metadata {
        top: 0;
        bottom: auto;
        left: 0
    }

    .medium-position-top-right .metadata {
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: 0
    }

    .medium-position-bottom-left .metadata {
        position: absolute;
        bottom: 0;
        top: auto;
        left: 0
    }

    .medium-position-bottom-right .metadata {
        position: absolute;
        bottom: 0;
        top: auto;
        left: auto;
        right: 0
    }

    .medium-width-1-3 .metadata {
        width: 33.33%
    }

    .medium-width-1-2 .metadata {
        width: 50%
    }

    .medium-width-2-3 .metadata {
        width: 66.66%
    }

    .medium-width-full .metadata {
        width: 100%
    }

    .medium-position-top-right .caption .inner-caption, .medium-position-bottom-right .caption .inner-caption {
        text-align: right
    }
}

@media screen and (min-width:60em) {
    .large-position-top-left .metadata {
        top: 0;
        bottom: auto;
        left: 0
    }

    .large-position-top-right .metadata {
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: 0
    }

    .large-position-bottom-left .metadata {
        position: absolute;
        bottom: 0;
        top: auto;
        left: 0
    }

    .large-position-bottom-right .metadata {
        position: absolute;
        bottom: 0;
        top: auto;
        left: auto;
        right: 0
    }

    .large-width-1-3 .metadata {
        width: 33.33%
    }

    .large-width-1-2 .metadata {
        width: 50%
    }

    .large-width-2-3 .metadata {
        width: 66.66%
    }

    .large-width-full .metadata {
        width: 100%
    }

    .large-position-top-left .caption .inner-caption, .large-position-bottom-left .caption .inner-caption {
        text-align: left
    }

    .large-position-top-right .caption .inner-caption, .large-position-bottom-right .caption .inner-caption {
        text-align: right
    }
}

@media screen and (min-width:80em) {
    .caption {
        padding: 0
    }
}

.case-study {
    max-width: 80em;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.case-study .responsive-module {
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.case-study .responsive-module .grid-container, .case-study .responsive-module .grid-container-case-study {
    padding: 1.5em 2em 1.5em 2em
}

@media screen and (min-width:37.5em) {
    .case-study .responsive-module .grid-container, .case-study .responsive-module .grid-container-case-study {
        padding: 1.5em 2em 0 2em
    }
}

.case-study .responsive-module .grid-container-case-study-columns,
.case-study .responsive-module .grid-container-text-columns {
    padding: 1.5em 2em 1.5em 2em
}

.case-study .responsive-module .grid-container-text-columns iframe {
    display: block;
    margin: 0 auto
}

.case-study .responsive-module h2 {
    margin-top: 0
}

.case-study .responsive-module h4 {
    font-size: 1em;
    margin: 0;
    color: #666
}

.case-study .responsive-module .tags {
    padding-bottom: 0;
    margin-top: .75em;
    font-size: .75em
}

.case-study .responsive-module .tags a, .case-study .responsive-module .tags a:hover,
.case-study .responsive-module .tags a:focus, .case-study .responsive-module .tags li:before {
    color: white
}

.case-study .case-study-title {
    font-size: 1.375em;
    margin-bottom: 1.125em;
    margin-top: 0
}

.case-study .case-study-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

.case-study .primary {
    width: 100%
}

.case-study .primary h4 {
    text-align: right
}

.case-study .case-study-read-article {
    font-size: 1.25em;
    text-decoration: none;
    text-decoration: underline
}

.case-study .primary, .case-study .secondary {
    clear: both
}

@media screen and (min-width:37.5em) {
    .case-study .primary, .case-study .secondary {
        clear: none;
        float: left;
        width: 50%;
        padding-bottom: 1.5em;
        min-height: 22em
    }
}

.case-study-summary {
    font-size: 1.5em;
    line-height: 1.25;
    display: none
}

@media screen and (min-width:60em) {
    .case-study-summary {
        display: block
    }
}

.case-study-quote-text {
    font-size: 20px;
    line-height: 1.25
}

.case-study-quote-text:before, .case-study-quote-text:after {
    font-size: 2.5em;
    font-family: helveticaneue;
    line-height: .13333em;
    vertical-align: -.4em}.quotes:before{content:'“';margin-right: .1em
}

.quotes:after {
    content: '”';
    margin-left: .1em
}

.highlighted {
    background-color: #ccc;
    max-width: 100%
}

.highlighted .responsive-module {
    background-color: inherit
}

.staff-list .responsive-module {
    background-color: white
}

.staff-list .responsive-module .headings {
    padding-top: .375em;
    padding-bottom: .375em
}

.staff-list .responsive-module .headings .heading-slate {
    margin: 0
}

.staff-list .res-staff-members {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.staff-list .res-staff-members .res-staff-member {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 0 0;
    overflow: hidden
}

.staff-list .res-staff-members .res-staff-member a {
    display: block;
    width: 100%
}

.staff-list .res-staff-members .res-staff-member img {
    max-height: 256px
}

.staff-list .res-staff-members .res-staff-member .title, .staff-list .res-staff-members .res-staff-member .description {
    margin-left: 16px;
    margin-right: 16px;
    white-space: normal;
    text-overflow: ellipsis
}

.staff-list .res-staff-members .res-staff-member .title {
    margin-bottom: 0
}

.staff-list .res-staff-members .res-staff-member .description {
    margin-top: 0
}

.call-to-actions {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.call-to-actions .call-to-action:last-child {
    border-right: 0 none
}

.call-to-actions .call-to-action {
    font-size: 1.125em;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 7.33333em 0 1.33333em;
    color: white;
    background-color: #5391ca;
    background-position: center 1.5em;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    line-height: 1.2em;
    outline: 0;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.call-to-actions .call-to-action:hover, .call-to-actions .call-to-action.is-active {
    background-color: #a1c3e2
}

.call-to-actions .cta-icon {
    margin-top: -132px;
    font-family: 'icon-webfont';
    font-size: 5.25em;
    display: block;
    line-height: 1.2em;
    padding-bottom: .1875em
}

.call-to-actions .cta-text {
    line-height: 1.2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 6px;
    overflow: hidden;
    margin: 0;
    max-width: 100%
}

.call-to-action-content {
    position: relative;
    display: block;
    width: 100%;
    clear: both
}

.call-to-action-content .cta-content-container, .call-to-action-content .apply-details-container,
.call-to-action-content .open-days-container, .call-to-action-content .download-prospectus-container,
.call-to-action-content .admissions-enquiry-container {
    background-color: white;
    padding: 1.5em 2em
}

body.debug .call-to-action-content .cta-content-container, body.debug .call-to-action-content .apply-details-container,
body.debug .call-to-action-content .open-days-container, body.debug .call-to-action-content .download-prospectus-container,
body.debug .call-to-action-content .admissions-enquiry-container {
    background-color: rgba(255, 255, 255, 0.8)
}

.call-to-action-content .cta-content-container h2, .call-to-action-content .apply-details-container h2,
.call-to-action-content .open-days-container h2, .call-to-action-content .download-prospectus-container h2,
.call-to-action-content .admissions-enquiry-container h2 {
    margin-top: 0;
    font-family: 'latobold'
}

.call-to-action-content .grid-container {
    background-color: white;
    padding-bottom: 1.5em
}

body.debug .call-to-action-content .grid-container {
    background-color: rgba(255, 255, 255, 0.8)
}

.call-to-action-content-frame {
    width: 100%;
    height: 18.75em
}

.cta-width {
    width: 50%;
    float: left;
    display: inline-block
}

.landing .call-to-actions .responsive-module {
    border-top: 6px solid #cdcdcd
}

.landing .call-to-actions .call-to-action {
    color: #5391ca;
    background-color: white
}

.landing .call-to-actions .call-to-action .cta-icon {
    font-size: 7em;
    margin-top: -152px;
    padding-bottom: 0
}

.landing .call-to-actions .call-to-action .cta-text {
    height: 2.4em;
    white-space: normal;
    padding: 0;
    margin: 0 3%
}

.landing .call-to-actions .call-to-action:hover, .landing .call-to-actions .call-to-action.is-active {
    background-color: #2b5e8c
}

.jsenabled .call-to-actions .call-to-action-content {
    display: none
}

.jsenabled .call-to-actions .call-to-action-content.open {
    display: block
}

.page-courses .responsive-module {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    padding-bottom: 1.5em
}

.page-courses .responsive-module:before, .page-courses .responsive-module:after {
    content: " ";
    display: table
}

.page-courses .responsive-module:after {
    clear: both
}

body.debug .page-courses .responsive-module {
    background-color: rgba(255, 255, 255, 0.8)
}

.page-courses ul, .page-courses li {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.page-courses li {
    border-bottom: 1px solid #b6b7b9
}

.page-courses li:nth-child(odd) {
    background-color: #f3f3f3
}

.page-courses .partner-text {
    padding: .5em
}

.page-courses a {
    display: block;
    line-height: 1.2;
    padding: .5em;
    text-decoration: none;
    overflow: auto
}

.page-courses a:hover h2, .page-courses a:focus h2 {
    text-decoration: underline
}

.page-courses a h2 {
    float: left;
    font-size: 1em;
    margin: 0 1em 0 0
}

.page-courses a p {
    clear: left;
    float: left;
    font-size: .85em;
    margin: 0;
    color: #888
}

@media screen and (min-width:60em) {
    .page-courses a p {
        clear: right;
        float: right;
        line-height: 1.5
    }
}

.module-course-list header h2 {
    margin-top: 0
}

.module-course-list p {
    max-width: 100%
}

.module-course-list .res-courses, .module-course-list .related-courses,
.module-course-list .res-split-courses {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.module-course-list .related-course, .module-course-list .res-course {
    border-bottom: 1px solid #b6b7b9;
    overflow: auto
}

.module-course-list .related-course:last-child, .module-course-list .res-course:last-child {
    border-bottom: 0
}

.module-course-list .res-compare-course {
    font-family: 'icon-webfont';
    float: left;
    width: 3em;
    text-align: right;
    margin-left: -3em;
    padding: .75em 0;
    text-decoration: none
}

.module-course-list .progression-route-link {
    display: block;
    padding-top: .375em;
    padding-bottom: .375em;
    text-decoration: none
}

.module-course-list .res-course-link, .module-course-list .related-course-link,
.module-course-list .res-course-link-label {
    float: left;
    width: 100%;
    padding: .75em 4em .75em 0;
    text-decoration: none
}

.module-course-list .course-location-link {
    font-weight: bold
}

.module-course-list .res-course-link-label {
    margin-bottom: 0
}

@media screen and (min-width:640px) {
    .split.module-course-list ul {
        counter-reset: section;
        -moz-column-count: 2;
        -moz-column-gap: 4em;
        -webkit-column-count: 2;
        column-count: 2;
        column-gap: 4em
    }

    .split.module-course-list ul li {
        position: relative;
        border-bottom: 1px solid #ccc
    }
}

.course-list:before, .course-list:after {
    content: " ";
    display: table
}

.course-list:after {
    clear: both
}

.course-list .responsive-module {
    background-color: white;
    margin-bottom: .75em;
    padding-bottom: 12px
}

body.debug .course-list .responsive-module {
    background-color: rgba(255, 255, 255, 0.8)
}

.course-comparison {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.course-comparison .responsive-module {
    border-top: 6px solid #cdcdcd;
    background-color: white;
    padding-bottom: 1.5em
}

body.debug .course-comparison .responsive-module {
    background-color: rgba(255, 255, 255, 0.8)
}

.course-comparison h2 {
    font-family: 'latoregular';
    font-size: 36px
}

.course-comparison table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: .2em 0
}

.course-comparison th, .course-comparison td {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding: .5em 1em;
    border: 1px solid #888
}

.course-comparison th {
    width: 12em;
    background-color: #cdcdcd
}

.course-comparison th span:before {
    margin-right: 0;
    color: #888
}

@media screen and (max-width:37.5em) {
    .course-comparison table, .course-comparison thead, .course-comparison tbody,
    .course-comparison tr, .course-comparison th, .course-comparison td {
        display: block
    }

    .course-comparison table {
        border-top: 1px solid #888
    }

    .course-comparison tr {
        border: 1px solid #888;
        border-top: 0 none
    }

    .course-comparison th {
        float: left;
        width: 3em;
        padding: .25em 0;
        border: 0 none;
        background-color: transparent;
        white-space: nowrap;
        overflow: hidden
    }

    .course-comparison th span[class]:before {
        width: 100%;
        height: 1em;
        font-size: 2em;
        text-align: center
    }

    .course-comparison td {
        padding: .25em .5em;
        margin-left: 3em;
        border: 0 none;
        border-left: 1px solid #888
    }

    .course-comparison td:nth-of-type(2) {
        background-color: #cdcdcd
    }
}

.career-opportunities-pg {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: white
}

.career-opportunities-pg:before, .career-opportunities-pg:after {
    content: " ";
    display: table
}

.career-opportunities-pg:after {
    clear: both
}

body.debug .career-opportunities-pg {
    background-color: rgba(255, 255, 255, 0.8)
}

.career-opportunities-pg .responsive-module {
    border-top: 6px solid #cdcdcd
}

.career-opportunities-pg .res-course-career-opportunities {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.career-opportunities-ug {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.career-opportunities-ug:before, .career-opportunities-ug:after {
    content: " ";
    display: table
}

.career-opportunities-ug:after {
    clear: both
}

.career-opportunities-ug .responsive-module {
    border-top: 6px solid #cdcdcd;
    background-color: white
}

body.debug .career-opportunities-ug .responsive-module {
    background-color: rgba(255, 255, 255, 0.8)
}

.career-opportunities-ug .res-career-opportunities {
    margin: 0 2em
}

.career-opportunities-ug .res-course-career-opportunities-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-bottom: 1.5em
}

.career-opportunities-header {
    font-family: 'latobold';
    font-size: 1.5em
}

.responsive-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.responsive-video-wrapper .responsive-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.responsive-video-wrapper .video-mask, .responsive-video-wrapper .brand {
    position: absolute;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover
}

.responsive-video-wrapper .brand {
    background-image: url(/assets/plymouth-video-overlay-182070e9be443700cc6d05af9ba061ed.png)
}

.responsive-video-wrapper .play {
    font-family: 'icon-webfont';
    font-size: 90px;
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 50%;
    margin-top: -67px;
    width: 100%;
    z-index: 10
}

.responsive-video-wrapper .play:before {
    display: none;
    content: 'F';
    color: white;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 0 0 0 transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.responsive-video-wrapper .video-mask:hover .play:before, .responsive-video-wrapper .video-mask:focus .play:before {
    color: white;
    text-shadow: 0 0 5px white
}

.jsenabled .responsive-video-wrapper .video-mask, .jsenabled .responsive-video-wrapper .brand {
    cursor: pointer
}

.jsenabled .responsive-video-wrapper .play:before {
    display: inline-block
}

.module-accordion-header {
    background-color: white;
    margin: 0;
    padding: 12px 32px;
    cursor: pointer;
    font-family: 'latobold';
    font-size: 1.5em;
    line-height: 1.25em;
    max-width: 60em;
    margin: 0 auto;
    border-bottom: 1px solid #e0e0e0;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.module-accordion-header .icons {
    font-family: 'icon-webfont';
    margin-right: 16px
}

.module-accordion-header .web-icon {
    padding-left: 8px;
    font-family: 'icon-webfont'
}

.module-accordion-body {
    background-color: white;
    padding-top: 0
}

.module-accordion-body .accordion-container {
    padding-bottom: 24px
}

.module-accordion-body .stage-descriptions {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.module-accordion-body .stage-descriptions h5 {
    font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.module-accordion-body .subheading {
    font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.module-accordion-body .funding-info {
    padding-top: 1.5em
}

.module-accordion-open .module-accordion-body {
    border-bottom: 1px solid #e0e0e0
}

.module-accordion-open .module-accordion-header .icons:before {
    content: '-'
}

.module-accordion-closed .module-accordion-body {
    border-bottom: 0
}

.module-accordion-closed .module-accordion-header .icons:before {
    content: '+'
}

.module-accordion-closed .module-accordion-header:hover {
    background-color: #e0e0e0
}

#clearing-hotline-accordion .module-accordion-header {
    color: white;
    background-color: #e32438
}

.module-kis-data {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: #eaeaea
}

.module-kis-data .unistats-widget-vertical, .module-kis-data .unistats-widget-horizontal {
    overflow: hidden;
    display: block;
    border: 0;
    margin: 0 auto 1.5em auto
}

.module-kis-data .unistats-widget-vertical {
    width: 190px;
    height: 500px
}

@media screen and (min-width:42.4375em) {
    .module-kis-data .unistats-widget-vertical {
        display: none
    }
}

.module-kis-data .unistats-widget-horizontal {
    display: none;
    height: 150px;
    width: 615px
}

@media screen and (min-width:42.4375em) {
    .module-kis-data .unistats-widget-horizontal {
        display: block
    }
}

.tab-control {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: white
}

.tab-content-container {
    position: relative;
    margin: 0;
    clear: both
}

.tab-container {
    background-color: #f3f3f3
}

.tab-container:before, .tab-container:after {
    content: " ";
    display: table
}

.tab-container:after {
    clear: both
}

.tabs {
    display: table;
    list-style-type: none;
    padding: 0 0 0 8px;
    margin: 0
}

.tab {
    font-size: 1.125em;
    line-height: 1.33333;
    display: table-cell;
    line-height: 1;
    padding: 12px 32px;
    margin-bottom: 0;
    color: #08c;
    background-color: #e0e0e0
}

.tab.checked {
    color: #333
}

.tab:hover {
    background-color: #cdcdcd;
    cursor: pointer
}

.tab-content {
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white
}

.tab-content .case-study, .tab-content .section-gallery, .tab-content .section-gallery,
.tab-content .section-photo-strip {
    margin-bottom: 0
}

.tab-content .responsive-module {
    margin-bottom: 0
}

.tab-content .hero .responsive-module {
    margin-bottom: 0
}

.tab-content .section-photo-strip header.headings, .tab-content .staff-list header.headings {
    display: none
}

.tab [type=radio] {
    width: 0;
    height: 0;
    opacity: 0
}

.checked {
    background-color: white !important;
    z-index: 2
}

.section-gallery, .section-photo-strip, .section-grid {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.section-gallery .responsive-module, .section-photo-strip .responsive-module,
.section-grid .responsive-module {
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.section-gallery .responsive-module .headings, .section-photo-strip .responsive-module .headings,
.section-grid .responsive-module .headings {
    padding-top: .375em;
    padding-bottom: .375em
}

.section-gallery .responsive-module .headings .heading-slate, .section-photo-strip .responsive-module .headings .heading-slate,
.section-grid .responsive-module .headings .heading-slate {
    margin: 0
}

.gallery {
    background: #333;
    padding: 0
}

.gallery .main-image-wrapper {
    width: 80%;
    max-width: 42em;
    padding: 12px 0;
    margin: 0 auto
}

.gallery .main-image-wrapper .media-container {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    margin: 0 auto;
    overflow: hidden
}

.gallery .main-image-wrapper .media-container .responsive-video-wrapper,
.gallery .main-image-wrapper .media-container .main-image {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.gallery .main-image-wrapper .media-container img {
    margin: 0 auto
}

.gallery .main-image-wrapper .media-container:hover .main-image-details,
.gallery .main-image-wrapper .media-container:focus .main-image-details {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.gallery .main-image-details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: .5em 1em;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    z-index: 15
}

.gallery .image-title, .gallery .image-credits {
    margin: 0;
    line-height: 1.1em
}

.gallery .image-title {
    line-height: 1.333333333
}

.gallery .thumbnails-wrapper {
    overflow: hidden;
    position: relative
}

.gallery .thumbnails-container {
    display: none;
    padding: .75em 2em;
    background: #cdcdcd;
    position: relative;
    z-index: 20
}

.gallery .thumbnails-container .button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: none;
    z-index: 500;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 36px;
    background-color: #e0e0e0;
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0 none
}

.gallery .thumbnails-container .button:hover {
    background-color: #5391ca
}

.gallery .thumbnails-container .button.previous {
    left: 8px;
    background-image: url(/assets/images/arrow-previous.png)
}

.gallery .thumbnails-container .button.next {
    right: 8px;
    background-image: url(/assets/images/arrow-next.png)
}

.gallery .thumbnails-container .button.active {
    display: block
}

.gallery .thumbnails {
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    position: relative;
    list-style-type: none;
    left: 0;
    padding: 0;
    margin: 0;
    width: auto;
    white-space: nowrap
}

.gallery .thumbnails.touch {
    -webkit-transition: left .2s linear;
    transition: left .2s linear
}

.gallery .thumbnails a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border: 3px solid transparent;
    outline: 0 none
}

.gallery .thumbnails a.active {
    border-color: #5391ca
}

.gallery .thumbnails li {
    display: inline-block;
    padding: 0;
    margin: 0
}

.gallery .thumbnails img {
    display: block
}

.grid-gallery ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding: 0 0 1.5em 0;
    margin: 0 2em
}

.grid-gallery li {
    width: 100%;
    border-bottom: 1px solid #b6b7b9
}

.grid-gallery li a, .grid-gallery li .grid-gallery-container {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

.grid-gallery .title {
    width: 100%;
    font-size: 1em;
    padding: .75em 0;
    margin: 0
}

.grid-gallery .grid-gallery-image-wrapper {
    display: none
}

@media screen and (min-width:37.5em) {
    .grid-gallery ul {
        margin: 0 1.5em
    }

    .grid-gallery li {
        border-bottom: 0 none;
        float: left;
        width: 100%;
        vertical-align: top;
        padding: 0 .5em 1em .5em
    }

    .grid-gallery .grid-gallery-image-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        background-size: cover;
        display: block
    }

    .grid-gallery .title {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: .5em 1em;
        color: white;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

    .grid-gallery a:hover .title, .grid-gallery a:focus .title {
        padding-bottom: 1em
    }
}

@media screen and (min-width:37.5em) {
    .grid-gallery li {
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .grid-gallery li {
        width: 25%
    }
}

.jsenabled .photo-strip .thumbnails-container {
    overflow: hidden
}

.photo-strip .thumbnails-container {
    background: white;
    position: relative;
    overflow: auto
}

.photo-strip .thumbnails-container .button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: none;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 192px;
    background-color: #e0e0e0;
    background-repeat: no-repeat;
    background-position: center center
}

.photo-strip .thumbnails-container .button:hover {
    background-color: #5391ca
}

.photo-strip .thumbnails-container .button.previous {
    left: 8px;
    background-image: url(/assets/images/arrow-previous.png)
}

.photo-strip .thumbnails-container .button.next {
    right: 8px;
    background-image: url(/assets/images/arrow-next.png)
}

.photo-strip .thumbnails-container .button.active {
    display: block
}

.photo-strip .thumbnails {
    -webkit-transition: left .5s ease-in;
    transition: left .5s ease-in;
    position: relative;
    left: 0;
    padding-left: 0;
    width: auto;
    white-space: nowrap;
    margin-bottom: 0
}

.photo-strip .thumbnails.touch {
    -webkit-transition: left .2s linear;
    transition: left .2s linear
}

.photo-strip .thumbnails .title, .photo-strip .thumbnails .description {
    margin-left: 16px;
    margin-right: 16px;
    white-space: normal
}

.photo-strip .thumbnails .title {
    margin-bottom: 0
}

.photo-strip .thumbnails .description {
    margin-top: 0
}

.photo-strip li.thumbnail {
    display: inline-block;
    width: 256px;
    vertical-align: top
}

.photo-strip li.thumbnail a {
    display: block
}

.photo-strip li.thumbnail div {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 256px;
    overflow: hidden;
    background-color: #464e54
}

.photo-strip li.thumbnail img {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    max-width: 240px;
    height: auto;
    max-height: 240px;
    margin: auto
}

.photo-strip.staff li.thumbnail img {
    max-width: 256px;
    max-height: 256px
}

.document-list .responsive-module, .document-module .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.document-list .grid-container, .document-module .grid-container {
    padding-bottom: 1.5em
}

.document-list ul, .document-module ul {
    padding: 0;
    margin: 1em 0;
    list-style-type: none
}

.document-list ul li, .document-module ul li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #b6b7b9
}

@media screen and (min-width:60em) {
    .document-list ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 4em;
        -moz-column-gap: 4em;
        -ms-column-gap: 4em;
        -o-column-gap: 4em;
        column-gap: 4em
    }

    .document-list ul li {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        column-break-inside: avoid
    }
}

.file-icons a {
    display: block;
    padding: .75em 0;
    margin-left: 2.4em;
    line-height: 1.1;
    position: relative
}

.file-icons a:before {
    position: absolute;
    display: inline-block;
    font-size: 1.75em;
    margin-left: -1.2em;
    margin-top: -0.3em;
    text-decoration: none
}

.file-icons a:before {
    font-family: 'icon-webfont';
    content: "T"
}

.file-icons a[href$=".pdf"] {
    position: relative
}

.file-icons a[href$=".pdf"]:before {
    font-family: 'icon-webfont';
    content: "U"
}

.file-icons a[href$=".pdf"]:before {
    color: #b40000
}

.file-icons a[href$=".doc"], .file-icons a[href$=".docx"] {
    position: relative
}

.file-icons a[href$=".doc"]:before, .file-icons a[href$=".docx"]:before {
    font-family: 'icon-webfont';
    content: "W"
}

.file-icons a[href$=".doc"]:before, .file-icons a[href$=".docx"]:before {
    color: #214383
}

.file-icons a[href$=".xls"], .file-icons a[href$=".xlsx"] {
    position: relative
}

.file-icons a[href$=".xls"]:before, .file-icons a[href$=".xlsx"]:before {
    font-family: 'icon-webfont';
    content: "X"
}

.file-icons a[href$=".xls"]:before, .file-icons a[href$=".xlsx"]:before {
    color: #1b6135
}

.file-icons a[href$=".ppt"], .file-icons a[href$=".pptx"] {
    position: relative
}

.file-icons a[href$=".ppt"]:before, .file-icons a[href$=".pptx"]:before {
    font-family: 'icon-webfont';
    content: "Y"
}

.file-icons a[href$=".ppt"]:before, .file-icons a[href$=".pptx"]:before {
    color: #c3301c
}

.call-out-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: #e0e0e0
}

.call-out-group .responsive-module .headings {
    padding-top: .375em;
    padding-bottom: .375em
}

.call-out-group .responsive-module .headings .heading-slate {
    margin: 0
}

.call-out-group ul {
    text-align: center;
    padding: 0;
    margin: 0
}

.call-outs-wrapper {
    margin: 0 auto;
    max-width: 60em
}

.call-outs {
    list-style-type: none;
    padding: 0 0 1.5em 0;
    margin: 0
}

.call-outs li {
    display: inline-block;
    margin: .375em
}

.call-outs li a, .call-outs li .call-out-without-link {
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    text-decoration: none;
    padding: .6em 1em .6em 2em;
    margin: 0;
    border-radius: .3em;
    color: white;
    outline: 0;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0);
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear
}

.call-outs li a:focus, .call-outs li a:hover, .call-outs li a:active,
.call-outs li a.is-active, .call-outs li .call-out-without-link:focus,
.call-outs li .call-out-without-link:hover, .call-outs li .call-out-without-link:active,
.call-outs li .call-out-without-link.is-active {
    text-shadow: 0 0 4px white
}

.call-outs li a span, .call-outs li .call-out-without-link span {
    font-family: 'icon-webfont';
    font-size: 1.5em;
    margin-left: -17px;
    padding-right: 5px
}

.call-out-title-header {
    padding-bottom: 24px;
    margin-bottom: 12px;
    text-align: center;
    background: transparent url(/assets/icons/icon-arrow-down-white-b3e124407f31e57da8ec8c957ec3be59.png) center bottom no-repeat
}

.call-out-title-text {
    background-color: white;
    margin-bottom: 12px;
    padding: 12px 16px;
    margin: 0
}

.faq-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: #e0e0e0
}

.faq-group .responsive-module .headings {
    padding-top: .375em;
    padding-bottom: .375em
}

.faq-group .responsive-module .headings .heading-slate {
    margin: 0
}

.faqs_wrapper {
    margin: 0 auto;
    max-width: 60em
}

.faq-group ul {
    text-align: center;
    padding: 0;
    margin: 0
}

.faqs {
    list-style-type: none;
    padding: 0 0 1.5em 0;
    margin: 0
}

.faqs li {
    display: inline-block;
    margin: .375em
}

.faqs li a {
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    text-decoration: none;
    padding: .6em 1em .6em 2em;
    margin: 0;
    background: #3c3e6f url(/assets/icons/icon-speech-bubble-white-99753b8d1118c8ea001ec29776543a53.png) 8px center no-repeat;
    border-radius: .3em;
    color: white;
    outline: 0;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0);
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear
}

.faqs li a:focus, .faqs li a:hover, .faqs li a:active, .faqs li a.is-active {
    text-shadow: 0 0 4px white
}

.faq-title-header {
    padding-bottom: 24px;
    margin-bottom: 12px;
    text-align: center;
    background: transparent url(/assets/icons/icon-arrow-down-white-b3e124407f31e57da8ec8c957ec3be59.png) center bottom no-repeat
}

.faq-title-text {
    background-color: white;
    margin-bottom: 12px;
    font-family: 'latoregular';
    text-transform: uppercase;
    padding: 12px 16px;
    margin: 0
}

.tag-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: #eaeaea
}

.tags, .tags-index {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
    color: #08c
}

.tags li, .tags-index li {
    display: inline-block;
    padding: 0 2px
}

.tags li a, .tags-index li a {
    text-decoration: underline
}

.tags li:before, .tags-index li:before {
    content: "#"
}

.ui-dialog.ui-widget, .ui-dialog .ui-widget, .ui-dialog .ui-corner-all {
    font-family: inherit;
    border: 0 none;
    border-radius: 0
}

.ui-dialog .ui-widget-header {
    background-color: #f3f3f3;
    background-image: none;
    border: 0
}

.ui-dialog .ui-dialog-buttonset .ui-state-default, .ui-dialog .ui-dialog-buttonset .ui-widget-content,
.ui-dialog .ui-dialog-buttonset .ui-state-hover {
    border: 0;
    background-image: none
}

.ui-dialog .ui-button.ui-widget {
    border: 0 none;
    background-image: none
}

.page-notification {
    height: auto;
    max-height: 0;
    background-color: #f3f3f3;
    -webkit-transition-property: left, max-height;
    transition-property: left, max-height
}

.page-notification p {
    max-width: 80em;
    line-height: 1;
    padding: .5em 2em;
    margin: 0 auto
}

.page-notification.open {
    max-height: 5em
}

.scrollhint {
    position: fixed;
    left: 50%;
    right: 0;
    bottom: 10px;
    width: 1.8em;
    height: 1.8em;
    font-family: 'icon-webfont';
    font-size: 2em;
    text-align: center;
    line-height: 1.8em;
    margin: 0 0 0 -0.9em;
    color: white;
    background-color: #222;
    border-radius: 50%;
    cursor: pointer;
    opacity: .6;
    z-index: 999999;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-animation: scrollhint 4s ease 1;
    animation: scrollhint 4s ease 1
}

.scrollhint:hover, .scrollhint:focus {
    opacity: .8
}

@-webkit-keyframes scrollhint {
    from {
        opacity: .0;
        bottom: 25px
    }

    70% {
        opacity: .0;
        bottom: 25px
    }

    to {
        opacity: .6;
        bottom: 10px
    }
}

@keyframes scrollhint {
    from {
        opacity: .0;
        bottom: 25px
    }

    70% {
        opacity: .0;
        bottom: 25px
    }

    to {
        opacity: .6;
        bottom: 10px
    }
}

.breadcrumb {
    background-color: white;
    padding-bottom: 1.5em
}

.breadcrumb a, .breadcrumb span {
    padding: 0 .5em;
    font-weight: normal
}

.term-dates .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white;
    padding-bottom: 1.5em
}

.term-dates span:first-child {
    padding: 0 .75em 0 0
}

.term-dates span {
    padding: 0 .75em;
    font-weight: normal
}

.contact-detail {
    max-width: 80em;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.contact-detail .responsive-module {
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.contact-detail .responsive-module .grid-container, .contact-detail .responsive-module .grid-container-contact-detail {
    padding: 1.5em 2em 1.5em 2em
}

@media screen and (min-width:37.5em) {
    .contact-detail .responsive-module .grid-container, .contact-detail .responsive-module .grid-container-contact-detail {
        padding: 1.5em 2em 0 2em
    }
}

.contact-detail .responsive-module .grid-container-contact-detail-columns {
    padding: 1.5em 2em 1.5em 2em
}

.contact-detail .responsive-module h2 {
    margin-top: 0
}

.contact-detail .responsive-module h4 {
    font-size: 1em;
    margin: 0;
    color: #666
}

.contact-detail .contact-detail-title {
    font-size: 1.5em;
    margin-bottom: 1em;
    margin-top: 0
}

.contact-detail .contact-detail-description {
    padding-left: 1.7em;
    font-size: 1.2em
}

.contact-detail .contact-detail-group {
    padding-bottom: .8em
}

.contact-detail .contact-detail-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

.contact-detail .primary {
    width: 100%
}

.contact-detail .primary h4 {
    text-align: right
}

.contact-detail .primary, .contact-detail .secondary {
    clear: both
}

@media screen and (min-width:37.5em) {
    .contact-detail .primary, .contact-detail .secondary {
        clear: none;
        float: left;
        width: 50%;
        padding-bottom: 1.5em;
        min-height: 22em
    }
}

.contact-detail p {
    margin-left: 2em;
    text-indent: -1em;
    line-height: 1.25em
}

.contact-detail p:before, .contact-detail p a:before {
    width: 1em;
    margin-right: 0
}

.contact-detail p a {
    word-break: break-all
}

.highlighted {
    background-color: #ccc;
    max-width: 100%
}

.highlighted .responsive-module {
    background-color: inherit
}

.googlemap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #ccc
}

.googlemap img {
    max-width: none
}

.news-list .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white;
    padding-bottom: 1.5em
}

.news-list h2 {
    font-size: 1.375em;
    margin: 0
}

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

.news-list li {
    border-bottom: 1px solid #b6b7b9
}

.news-list li:first-child {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBvbHlnb24gcG9pbnRzPSI0LDcgMTQsMCAxNCwxNCIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==) 100% 50% no-repeat
}

.news-list a {
    display: block;
    line-height: 1.25;
    text-decoration: none;
    padding: .75em 0
}

.news-list a span {
    display: block;
    font-size: .75em;
    color: #888
}

.news-list p {
    text-align: right;
    margin: .5em 0
}

.news-list .news-list-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

@media screen and (min-width:37.5em) {
    .news-list .pad {
        padding-right: 2em
    }

    .news-list p {
        margin-bottom: 0
    }
}

.event-list .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white;
    padding-bottom: 1.5em
}

.event-list h2 {
    font-size: 1.375em;
    margin: 0
}

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

.event-list li {
    border-bottom: 1px solid #b6b7b9
}

.event-list li:first-child {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBvbHlnb24gcG9pbnRzPSI0LDcgMTQsMCAxNCwxNCIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==) 100% 50% no-repeat
}

.event-list a {
    display: block;
    line-height: 1.25;
    text-decoration: none;
    padding: .75em 0
}

.event-list a span {
    display: block;
    font-size: .75em;
    color: #888
}

.event-list p {
    text-align: right;
    margin: .5em 0
}

.event-list .event-list-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

@media screen and (min-width:37.5em) {
    .event-list .pad {
        padding-right: 2em
    }

    .event-list p {
        margin-bottom: 0
    }
}

.filter-control .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: #f3f3f3;
    position: relative;
    padding-bottom: 1em
}

body.debug .filter-control .responsive-module {
    background-color: rgba(243, 243, 243, 0.8)
}

.filter-control .responsive-module:before, .filter-control .responsive-module:after {
    content: " ";
    display: table
}

.filter-control .responsive-module:after {
    clear: both
}

.filter-control input {
    position: absolute;
    margin-left: -9999px
}

.filter-control ul {
    position: static;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.filter-control ul li {
    float: left;
    width: 2.5em;
    padding: 0;
    margin: 0 3px 3px 0
}

.filter-control ul li.noselect {
    display: none
}

.filter-control ul label, .filter-control ul span, .filter-control ul a {
    display: block;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    padding: .5em 0;
    margin: 0;
    color: white;
    background-color: #b6b7b9;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.filter-control ul label {
    background-color: #5391ca;
    cursor: pointer
}

.filter-control ul span {
    background-color: #e0e0e0
}

.filter-control ul a:hover, .filter-control ul a:focus, .filter-control ul a:active {
    background-color: #888
}

@media screen and (max-width:37.5em) {
    .filter-control input:empty ~ ul li {
        width: 100%;
        margin: 0
    }

    .filter-control input:empty ~ ul li.noselect {
        display: block
    }

    .filter-control input:empty ~ ul label {
        background: #5391ca url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8BAMAAADml+XTAAAAGFBMVEWox+Xs8/lblM6Mtd3J2+9toNP///9Tj8z+Q0+kAAAAS0lEQVQ4y2MoxwIYRgVHBdEFS9KAIAVNsBQkmIqu3Q0o6I4uGAYUDEcXLEhLS8CwvUgsTQjTSWxp7JiCiolYHF+cjM1H7KOxOcIFAdSpKTPVZfIoAAAAAElFTkSuQmCC) 100% 50% no-repeat
    }

    .filter-control input:empty ~ ul span, .filter-control input:empty ~ ul a {
        display: none
    }

    .filter-control input:empty:checked ~ ul li {
        width: 2.5em;
        margin: 0 3px 3px 0
    }

    .filter-control input:empty:checked ~ ul label {
        background-image: none
    }

    .filter-control input:empty:checked ~ ul span, .filter-control input:empty:checked ~ ul a {
        display: block
    }
}

@media screen and (min-width:37.5em) {
    .event-dates {
        float: right
    }
}

.event-dates ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em
}

.event-dates li {
    margin: .5em 0;
    border-bottom: 1px solid #b6b7b9
}

.event-dates p {
    padding-top: 10px
}

.calendar-page {
    position: relative;
    display: inline-block;
    font-size: 1em;
    width: 5.7em;
    height: 5em;
    line-height: 1.5em;
    color: #666;
    background-color: white;
    border: .4em solid #666;
    border-top: 0 none
}

.calendar-page .day {
    display: block;
    font-family: "latoregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2em;
    text-align: center;
    letter-spacing: -0.05em;
    margin: .95em 0 0 0
}

.calendar-page .month, .calendar-page .event-time {
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    text-align: center;
    white-space: nowrap
}

.calendar-page .event-time {
    font-size: .85em;
    line-height: 1.1em
}

.calendar-page .month {
    top: 0;
    bottom: auto;
    color: white;
    background-color: #666
}

.calendar-page .month:before, .calendar-page .month:after {
    content: '\2022';
    font-size: .4em;
    vertical-align: top;
    padding: 0 2px 0 0
}

.calendar-page .month:after {
    padding: 0 0 0 2px
}

.calendar-page.end {
    margin-left: 1.8em
}

.calendar-page.end:before {
    position: absolute;
    top: 0;
    left: -1.15em;
    width: 1em;
    content: '"';
    font-family: 'icon-webfont';
    font-size: 2em;
    text-align: center;
    line-height: 2.5;
    color: #666
}

.fromto {
    position: absolute;
    left: -9999px
}

.current-events {
    display: block;
    float: right;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    padding: .5em .75em;
    margin: .75em 0 1.5em 0;
    color: white;
    background-color: #666;
    border-radius: .3em;
    outline: 0 none
}

.current-events:focus, .current-events:hover, .current-events:active {
    text-decoration: none;
    color: white;
    background-color: #a6a6a6
}

.calendar {
    min-width: 18em
}

@media screen and (min-width:37.5em) {
    .calendar.event {
        clear: right;
        float: right
    }
}

.calendar .calendar-header {
    font-size: 2em;
    text-align: center;
    line-height: 1;
    margin-bottom: 1em;
    white-space: nowrap
}

@media screen and (max-width:37.5em) {
    .calendar .calendar-header {
        font-size: 1.5em;
        margin-bottom: .5em
    }
}

.calendar .calendar-header a {
    font-family: 'icon-webfont';
    text-decoration: none;
    padding: 0
}

.calendar .calendar-header a.month-prev {
    padding-right: .3em
}

.calendar .calendar-header a.month-next {
    padding-left: .3em
}

.calendar table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: .75em
}

.calendar td {
    color: #888
}

.calendar th, .calendar td {
    width: 14.28571%;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    padding: 0;
    border: 1px solid transparent
}

.calendar th.wday-0, .calendar th.wday-6, .calendar td.wday-0, .calendar td.wday-6 {
    background-color: #e0e0e0;
    border-color: #e0e0e0
}

.calendar th.prev-month, .calendar th.next-month, .calendar td.prev-month,
.calendar td.next-month {
    font-size: .75em
}

.calendar th.today, .calendar td.today {
    border-color: #333
}

.calendar th a, .calendar td a {
    display: block;
    text-decoration: none
}

.calendar th .selected, .calendar td .selected {
    color: white;
    background-color: #888
}

.calendar th a:hover, .calendar th a:focus, .calendar td a:hover, .calendar td a:focus {
    color: white;
    background-color: #666
}

.rss-feed {
    margin: 2em 0
}

.rss-feed .rssHeader {
    font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.875em;
    margin: 0 0 12px 0
}

.rss-feed .rssBody ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.rss-feed .rssBody li {
    border-bottom: 1px solid #b6b7b9
}

.rss-feed .rssBody h4 {
    margin: .75em 0 0 0
}

.rss-feed .rssBody a {
    display: block;
    text-decoration: none
}

.rss-feed .rssBody div {
    font-size: .75em;
    line-height: 1.25;
    margin: 0;
    color: #888
}

.more-paging .more-button {
    display: none;
    font-size: 2em;
    width: 5em;
    line-height: 1;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden
}

.more-paging .more-button a, .more-paging .more-button a:hover, .more-paging .more-button a:focus {
    text-decoration: none
}

.more-paging .more-button a:before {
    position: relative;
    float: left;
    font-family: 'icon-webfont';
    content: "r";
    width: 100%;
    text-align: center;
    padding: .25em 0 .4em 0;
    color: white;
    background-color: #b6b7b9
}

.more-paging .more-button a:hover:before, .more-paging .more-button a:focus:before {
    background-color: #888
}

.more-paging .more-button a.loading:before {
    content: "r";
    color: #888;
    background-color: transparent;
    -webkit-animation: more-loading 1s linear infinite;
    animation: more-loading 1s linear infinite
}

.more-paging.enabled .button-section {
    display: none
}

.more-paging.enabled .more-button {
    display: block
}

.more-paging.complete .more-button {
    display: none
}

@-webkit-keyframes more-loading {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes more-loading {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.more-added {
    -webkit-animation: more-added .5s linear 1;
    animation: more-added .5s linear 1
}

@-webkit-keyframes more-added {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes more-added {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.text-and-image {
    max-width: 80em;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.text-and-image .responsive-module {
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.text-and-image .responsive-module .grid-container {
    padding: 1.5em 2em 1.5em 2em
}

@media screen and (min-width:37.5em) {
    .text-and-image .responsive-module .grid-container {
        padding: 1.5em 2em 0 2em
    }
}

.text-and-image .responsive-module .grid-container-text-and-image-columns,
.text-and-image .responsive-module .grid-container-text-columns {
    padding: 1.5em 2em 1.5em 2em
}

.text-and-image .responsive-module .grid-container-text-columns iframe {
    display: block;
    margin: 0 auto
}

.text-and-image .responsive-module h2 {
    margin-top: 0
}

.text-and-image .responsive-module h4 {
    font-size: 1em;
    margin: 0;
    color: #666
}

.text-and-image .responsive-module .tags {
    padding-bottom: 0;
    margin-top: .75em;
    font-size: .75em
}

.text-and-image .responsive-module .tags a, .text-and-image .responsive-module .tags a:hover,
.text-and-image .responsive-module .tags a:focus {
    color: white
}

.text-and-image .text-and-image-title {
    font-size: 1.375em;
    margin-bottom: 1.125em;
    margin-top: 0
}

.text-and-image .text-and-image-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

.text-and-image .primary {
    width: 100%
}

.text-and-image .primary h4 {
    text-align: right
}

.text-and-image .text-and-image-read-article {
    font-size: 1.25em;
    text-decoration: none;
    text-decoration: underline
}

.text-and-image .primary, .text-and-image .secondary {
    clear: both
}

@media screen and (min-width:37.5em) {
    .text-and-image .primary, .text-and-image .secondary {
        clear: none;
        float: left;
        width: 50%;
        padding-bottom: 1.5em;
        min-height: 22em
    }
}

.text-and-image-summary {
    font-size: 1.5em;
    line-height: 1.25;
    display: none
}

@media screen and (min-width:60em) {
    .text-and-image-summary {
        display: block
    }
}

.text-and-image-quote-text {
    font-size: 20px;
    line-height: 1.25
}

.text-and-image-quote-text:before, .text-and-image-quote-text:after {
    font-size: 2.5em;
    font-family: helveticaneue;
    line-height: .13333em;
    vertical-align: -.4em}.quotes:before{content:'“';margin-right: .1em
}

.quotes:after {
    content: '”';
    margin-left: .1em
}

.highlighted {
    background-color: #ccc;
    max-width: 100%
}

.highlighted .responsive-module {
    background-color: inherit
}

.cta-button {
    max-width: 80em;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    width: 100%
}

.cta-button table {
    width: 100%;
    border-collapse: collapse
}

.cta-button td {
    text-align: center;
    width: 50%;
    padding: 0;
    background: white
}

.cta-button td.button-container {
    background: #e32438
}

.cta-button td img {
    margin: 0 auto
}

.cta-button td img.apply-via-ucas-image {
    padding-top: 2em;
    padding-bottom: 2em
}

.cta-button td a {
    border: 2px solid white;
    border-radius: 8px;
    padding: 1em;
    background: #e32438;
    color: white;
    text-decoration: none;
    font-weight: bold;
    line-height: 10em;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.cta-button td a:hover {
    color: black;
    background-color: white
}

@media screen and (max-width:37.5em) {
    .cta-button td {
        width: 100%;
        display: block
    }
}

.montage {
    display: block;
    width: 100%
}

.montage .montage--image {
    position: relative;
    float: left;
    border: 1px solid white
}

.montage .image-description {
    background-image: url(../assets/images/transparent-background.png);
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    font-weight: bold;
    width: 100%;
    padding: 18px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.montage .image-description a {
    color: white;
    text-decoration: underline
}

.montage .image-description-top {
    background-image: url(../assets/images/transparent-background.png);
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    font-weight: bold;
    width: 100%;
    padding: 18px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.montage .image-description-top a {
    color: white;
    text-decoration: underline
}

.montage .montage--image:hover>.image-description, .montage .montage--image:focus>.image-description {
    padding-bottom: 26px
}

.montage .montage--image:hover>.image-description-top, .montage .montage--image:focus>.image-description-top {
    padding-top: 26px
}

.montage .montage--dominant-image {
    width: 100%
}

.montage .montage--small-image {
    width: 100%
}

.montage .montage--50-50-100-image {
    width: 100%
}

.montage .montage--25-50-100-image {
    width: 100%
}

.montage .montage--33-33-100-image {
    width: 100%
}

@media screen and (min-width:37.5em) {
    .montage .montage--dominant-image {
        width: 66.666%
    }

    .montage .montage--small-image {
        width: 33.333%
    }

    .montage .montage--50-50-100-image {
        width: 50%
    }

    .montage .montage--25-50-100-image {
        width: 50%
    }

    .montage .montage--33-33-100-image {
        width: 33.333%
    }
}

@media screen and (min-width:60em) {
    .montage .montage--dominant-image {
        width: 50%
    }

    .montage .montage--small-image {
        width: 25%
    }

    .montage .montage--25-50-100-image {
        width: 25%
    }
}

.montage .highlighted .image-description a, .montage .highlighted .image-description a:hover,
.montage .highlighted .image-description a:focus, .montage .highlighted .image-description-top a,
.montage .highlighted .image-description-top a:hover, .montage .highlighted .image-description-top a:focus {
    color: white
}

.montage+*:not(.montage) {
    margin-top: .75em
}

.hero-title, .module-quote-title {
    border-bottom: 1px solid white
}

.module-summary-text, .module-quote-text {
    font-size: 1.5em;
    line-height: 1.25;
    padding-left: 0;
    padding-right: 0
}

.module-summary-text, .module-quote-text, .case-study-summary {
    margin-bottom: 1.5em
}

.module-quote-text {
    background-color: transparent;
    border-left: 0;
    color: white;
    float: none;
    margin: 0 0 1.5em 0;
    padding: 0;
    width: auto;
    color: white
}

.module-quote-text:before, .module-quote-text:after {
    font-size: 2.5em;
    font-family: helveticaneue;
    line-height: .13333em;
    vertical-align: -.4em}.module-quote-text: before {
        content: '“';
        margin-right: .1em
    }

    .module-quote-text: after {
        content: '”';
        margin-left: .1em
    }

    .course-accreditations .res-course-accreditations {
        padding-left: 0;
        padding-right: 0;
        list-style-type: none;
        margin: 0 auto;
        padding-top: 1.5em;
        padding-bottom: 1.5em
    }

    .course-footnote .responsive-module {
        background-color: white;
        margin-bottom: .75em
    }

    body.debug .course-footnote .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .course-footnote .grid-container {
        padding-bottom: 1.5em
    }

    .course-accreditations {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    .course-accreditations .responsive-module {
        border-top: 6px solid #cdcdcd;
        background-color: white
    }

    body.debug .course-accreditations .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .course-accreditations .res-course-accreditations: before, .course-accreditations .res-course-accreditations: after {
        content: " ";
        display: table
    }

    .course-accreditations .res-course-accreditations: after {
        clear: both
    }

    .course-accreditations .res-course-accreditations li {
        font-size: 1em;
        padding-top: 0;
        padding-bottom: 1em
    }

    .course-accreditations .res-course-accreditations li img {
        padding-bottom: .5em
    }

    .course-accreditations .res-course-accreditations li p {
        line-height: 1.25
    }

    @media screen and (min-width:37.5em) {
        .course-accreditations .res-course-accreditations li {
            float: none;
            display: inline-block;
            vertical-align: top;
            margin-right: -4px
        }
}

    .course-accordions .responsive-module {
        border-top: 0
    }

    .course-accordions .accordion {
        list-style-type: none;
        padding: 0;
        margin: 0;
        cursor: pointer
    }

    .course-accordions .accordion-expandable, .course-accordions .unexpandable, .course-accordions .course-module-description {
        padding-left: 1em
    }

    .course-accordions .accordion-expandable: hover {
        text-decoration: underline
    }

    .course-accordions .accordion-expandable {
        outline: 0
    }

    .course-accordions .ui-icon {
        height: 16px;
        width: 16px;
        background-image: url(/assets/ui-icons_454545_256x240-dc932ae0372be5f07c95f2c6d5c19d2c.png);
        background-repeat: no-repeat;
        display: block;
        float: left;
        overflow: hidden;
        text-indent: -99999px;
        margin-left: -1em;
        margin-top: .25em
    }

    .course-accordions .code {
        display: block;
        color: #999
    }

    .course-accordions .ui-icon-triangle-1-e {
        background-position: -32px -16px
    }

    .course-accordions .ui-icon-triangle-1-s {
        background-position: -64px -16px
    }

    .course-accordions .course-module-description {
        padding-top: 0;
        padding-bottom: 0;
        clear: left;
        margin-top: -0.5em;
        margin-bottom: 1.5em
    }

    .course-accordions p {
        max-width: 100%
    }

    .course-accordions p.footnote {
        font-family: "latoitalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-top: 2em
    }

    @media screen and (min-width:37.5em) {
        .course-accordions .code {
            float: left;
            width: 6em
        }

        .course-accordions .course-module-description {
            margin-left: 6em
        }
}

    .module-course-list .intro, .split-module-course-list .intro {
        padding-left: 0;
        padding-right: 0
    }

    .module-sml {
        max-width: 41.5em;
        margin: 0 auto
    }

    .inner, .inner-with-clear {
        padding: 0 32px
    }

    .mandatory-form-label {
        color: red
    }

    .mandatory-form-field {
        border: 1px solid red !important
    }

    .related-courses-and-enquiries .responsive-module {
        background-color: white;
        border-top: 6px solid #cdcdcd;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    body.debug .related-courses-and-enquiries .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .related-courses-and-enquiries .responsive-module .courses-enquiries-container {
        margin: 0 2em 1.5em
    }

    .related-courses-and-enquiries .responsive-module .twitter-mention-button {
        margin: .375em 0
    }

    .related-courses-and-enquiries .responsive-module h2 {
        font-family: 'latobold'
    }

    .module-course-enquiries dt {
        margin-top: 1.5em
    }

    .ucas-required {
        margin: 0
    }

    .ucas-required dd {
        margin: 0 0 12px 0
    }

    .ucas-required dd: last-child {
        margin-bottom: 0
    }

    @media screen and (min-width:37.5em) {
        .mobile-clearing-flash {
            display: none
        }
}

    @media screen and (max-width:37.5em) {
        .clearing-flash {
            display: none
        }
}

    .clearing-flash, .mobile-clearing-flash {
        font-size: 16pt;
        font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase
    }

    .clearing-flash a, .mobile-clearing-flash a {
        color: white
    }

    .clearing-flash a: hover, .mobile-clearing-flash a: hover {
        text-decoration: none
    }

    .clearing-flash {
        float: right;
        margin-top: -25px;
        margin-right: -32px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 150px 150px 0;
        border-color: transparent #e32438 transparent transparent;
        text-align: center
    }

    .clearing-flash a {
        display: table;
        margin-top: 30px;
        margin-left: 43px;
        line-height: 20px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.499)
    }

    .mobile-clearing-flash {
        padding-left: 32px;
        padding-top: 7px;
        height: 45px;
        background-color: #e32438
    }

    .schools .responsive-module {
        background-color: white
    }

    body.debug .schools .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .schools {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    .schools .grid-container div {
        clear: left;
        overflow: auto;
        padding-bottom: 1em
    }

    .schools .grid-container div h3 {
        margin: 0
    }

    @media screen and (min-width:37.5em) {
        .schools .grid-container div img {
            float: left
        }

        .schools .grid-container div h3, .schools .grid-container div p {
            margin-left: 152px
        }
}

    .school-courses: before, .school-courses: after {
        content: " ";
        display: table
    }

    .school-courses: after {
        clear: both
    }

    .school-courses .responsive-module {
        background-color: white;
        margin-bottom: 12px;
        padding-bottom: 12px
    }

    body.debug .school-courses .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .school-overview-and-links {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    .school-overview-and-links .responsive-module {
        background-color: white
    }

    body.debug .school-overview-and-links .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .school-overview-and-links .responsive-module .headings h1, .school-overview-and-links .responsive-module .headings h2, .school-overview-and-links .responsive-module .headings h3 {
        margin-top: 0
    }

    .school-overview-and-links .vcard .grid-container {
        padding-bottom: 1.5em
    }

    .school-overview-and-links .vcard p {
        margin-bottom: 0
    }

    .module-school-overview .res-article-body {
        font-size: 1.125em;
        line-height: 1.33333;
        padding-left: 0;
        padding-right: 0
    }

    .module-school-overview p {
        max-width: 100%
    }

    @media screen and (min-width:37.5em) {
        .module-school-overview .grid-container {
            padding-bottom: 1.5em
        }
}

    .module-school-links {
        font-size: 1.5em;
        line-height: 1.25
    }

    @media screen and (min-width:37.5em) {
        .module-school-links {
            padding-top: 60px
        }
}

    .module-school-links .res-links {
        padding-top: 0;
        padding-bottom: 0;
        list-style-type: none
    }

    .module-school-links .res-link-item {
        margin-bottom: 1em;
        padding-left: 1.33333em
    }

    .module-school-links .res-link-item: last-child {
        margin-bottom: 0
    }

    .module-school-links .res-link-item: before {
        font-family: 'icon-webfont';
        float: left;
        margin-left: -1.33333em
    }

    .module-school-links .res-link-item.facebook: before {
        content: 'f'
    }

    .module-school-links .res-link-item.twitter: before {
        content: 't'
    }

    .module-school-links .res-link-item.bluesky: before {
        content: 'z'
    }

    .module-school-links .res-link-item.open-day: before {
        content: '&'
    }

    .module-school-links .res-link-item.right-arrow: before {
        content: '"'
    }

    .module-school-links .res-link {
        display: inline
    }

    .pagination {
        list-style-type: none;
        padding: 0;
        margin: 0;
        padding: 0
    }

    .pagination: before, .pagination: after {
        content: " ";
        display: table
    }

    .pagination: after {
        clear: both
    }

    .pagination>li {
        float: left;
        margin-bottom: 0
    }

    .pagination li {
        min-width: 1em;
        text-align: center;
        padding-right: 2em
    }

    .hidden {
        display: none
    }

    .article {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    .article .responsive-module {
        background-color: white
    }

    body.debug .article .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .article .responsive-module .res-article-body {
        padding-top: 0;
        padding-bottom: 1.5em;
        max-width: 600px;
        margin: 0 auto
    }

    .article .responsive-module .res-article-body.event {
        max-width: 100%
    }

    .article .responsive-module .res-article-body.event p {
        max-width: 100%
    }

    .article .responsive-module .res-article-body h2: first-child {
        margin-top: 0
    }

    .article .text-block-image-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        background-size: cover
    }

    .author-section .responsive-module {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em;
        border-top: 6px solid #cdcdcd;
        background-color: white
    }

    .author {
        max-width: 600px;
        margin: 0 auto 1.5em auto
    }

    .author h2, .author p, .author time {
        display: block;
        line-height: 1.2em;
        margin: 0 0 3px 84px
    }

    .author img {
        position: relative;
        float: left;
        max-width: 68px
    }

    .author h2 {
        font-size: 1.2em
    }

    .author .school {
        display: none
    }

    .event_subscription {
        clear: right;
        text-align: right;
        line-height: 1.1
    }

    .event_subscription a {
        position: relative
    }

    .event_subscription a: before {
        font-family: 'icon-webfont';
        content: "&"
    }

    .event_subscription a: before {
        display: inline-block;
        font-size: 1em;
        font-weight: normal;
        width: 1.2em;
        height: 1.2em;
        line-height: 1.1em;
        text-align: center;
        margin-right: .3em
    }

    .event_subscription a span {
        display: block;
        font-size: .8em
    }

    .subscribe {
        clear: right;
        float: right
    }

    .event-download {
        float: right;
        text-align: right;
        width: 100%;
        margin-bottom: .5em
    }

    .event-download a {
        display: inline;
        font-size: 1em;
        white-space: nowrap;
        vertical-align: bottom;
        margin: 0;
        color: #08c;
        cursor: pointer
    }

    .event-download a: before {
        content: '&';
        font-family: 'icon-webfont';
        display: inline-block;
        width: 1.4em;
        font-size: 1.1em;
        text-align: center;
        vertical-align: bottom;
        text-decoration: none
    }

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 1.875em;
        height: 0;
        overflow: hidden
    }

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .static-home .grid-container {
        padding-top: 0
    }

    .static-home img {
        margin-bottom: 2em
    }

    .article-title-and-summary h1 {
        font-family: "latoregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 48px;
        text-transform: uppercase;
        line-height: 36px
    }

    .article-title-and-summary .grid-container {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: white
    }

    @media screen and (max-width:60em) {
        .article-title-and-summary h1 {
            font-size: 36px;
            line-height: 30px
        }
}

    .page-courses .interest-areas {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .course-hero {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding-bottom: 0;
        min-height: 540px
    }

    .course-hero .facts-container {
        padding: 0 2em
    }

    .course-hero .course-highlights {
        margin-top: 1.5em;
        padding-bottom: 1.5em;
        color: #333;
        background-color: white;
        background-color: rgba(255, 255, 255, 0.8)
    }

    @media screen and (min-width:37.5em) {
        .course-hero .course-highlights {
            margin-bottom: 1.5em
        }
}

    .course-hero .school-title {
        font-size: 1.5em;
        font-family: 'latoregular';
        margin: 0;
        border: 0
    }

    .course-hero .hero-heading {
        color: #222;
        font-family: 'latoregular', Arial, Helvetica, sans-serif;
        line-height: 1em;
        font-size: 2.25em
    }

    @media screen and (min-width:60em) {
        .course-hero .hero-heading {
            font-size: 3em
        }
}

    .course-hero .hero-heading .course-title {
        text-transform: uppercase
    }

    .course-hero .overview {
        font-size: 1.125em
    }

    .course-hero .overview p {
        line-height: 1.25;
        max-width: 100%
    }

    .course-hero .key-facts {
        background-color: white;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 1em;
        margin: 0 0 1.5em 0;
        background-color: white;
        background-color: rgba(255, 255, 255, 0.8)
    }

    .course-hero .key-facts dl {
        margin-top: 0;
        margin-bottom: 0
    }

    .course-hero .key-facts dt {
        font-family: 'latoregular';
        font-weight: normal;
        font-size: 1em;
        line-height: 1em;
        margin: 1.5em 0 .25em 0
    }

    .course-hero .key-facts dt: first-child {
        margin-top: .5em
    }

    .course-hero .key-facts dd {
        font-family: 'latobold';
        font-size: 1.5em;
        line-height: 1em;
        margin: 0
    }

    .course-hero .key-facts .cta-key-fact {
        margin: 0;
        padding: 0
    }

    .course-hero .key-facts .cta-key-fact a {
        border: 2px solid white;
        white-space: nowrap;
        border-radius: 8px;
        color: white;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        text-align: center;
        padding-top: 0;
        line-height: 1em;
        padding-bottom: 1em;
        margin-top: 1em;
        -webkit-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in
    }

    .course-hero .key-facts .cta-key-fact--apply-via-ucas .ucas-icon {
        font-family: 'icon-webfont';
        font-size: 3.2em;
        text-transform: none;
        position: relative;
        font-weight: normal;
        top: .29em
    }

    .course-hero .key-facts .cta-key-fact--apply-via-ucas a {
        background-color: #e32438
    }

    .course-hero .key-facts .cta-key-fact--apply-via-ucas a: hover {
        color: #e32438;
        background-color: white;
        border-color: #e32438
    }

    .course-hero .key-facts .cta-key-fact--register-for-open-day {
        margin-top: -1em;
        margin-bottom: 1em
    }

    .course-hero .key-facts .cta-key-fact--register-for-open-day a {
        padding: 1em;
        background-color: #08c
    }

    .course-hero .key-facts .cta-key-fact--register-for-open-day a: hover {
        color: #08c;
        background-color: white;
        border-color: #08c
    }

    .contact-details {
        margin: 0
    }

    .course-stage-heading {
        font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #c1004a;
        border-bottom: 1px solid #000
    }

    .course-accordions .accordion.course-modules {
        margin-top: .75em
    }

    .course-accordions {
        padding: .75em 0;
        max-width: 60em;
        margin: 0 auto
    }

    .downloadable-files {
        list-style-type: none;
        padding: 0;
        margin: 0;
        list-style-type: disc;
        margin-left: 1.125em
    }

    .course-caption {
        overflow: hidden;
        color: black
    }

    .course-caption .caption {
        float: left;
        width: 100%;
        padding: 0 2em 0 2em
    }

    @media screen and (min-width:37.5em) {
        .course-caption .caption {
            width: 50%;
            padding: 0 .2em 0 .2em
        }
}

    @media screen and (min-width:60em) {
        .course-caption .caption {
            width: 66.9%;
            padding: 0 .2em 0 .2em
        }
}

    .research-groups .responsive-module {
        background-color: white;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    body.debug .research-groups .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .research-group-name-list {
        padding-bottom: 1.5em
    }

    .research-group-name-list: before, .research-group-name-list: after {
        content: " ";
        display: table
    }

    .research-group-name-list: after {
        clear: both
    }

    .research-group-name-list ul, .research-group-name-list li {
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .research-group-name-list li {
        border-bottom: 1px solid #b6b7b9;
        padding: .5em
    }

    .research-group-name-list li: nth-child(odd) {
        background-color: #f3f3f3
    }

    .research-group-name-list a {
        line-height: 1.2;
        text-decoration: none;
        overflow: auto
    }

    .research-group-name-list a: hover strong, .research-group-name-list a: focus strong {
        text-decoration: underline
    }

    .research-group-name-list a strong {
        float: left;
        margin-right: 1em;
        white-space: nowrap
    }

    .research-group-name-list a span {
        clear: left;
        float: left;
        font-size: .85em;
        color: #888
    }

    @media screen and (min-width:37.5em) {
        .research-group-name-list a span {
            clear: right;
            float: right;
            line-height: 1.5
        }
}

    .bondi-blue-article {
        background-color: #5391ca;
        color: white
    }

    .bondi-blue-article img.full-width {
        width: 100%
    }

    .staff-profile .responsive-module {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    .staff-profile .grid-container {
        padding-bottom: 1em;
        background-color: white
    }

    .staff-profile .profile-container {
        background-color: white
    }

    .staff-profile .profile-container ol, .staff-profile .profile-container ul {
        margin-bottom: 1em
    }

    .staff-profile .key {
        font-size: 1em;
        float: right;
        padding: .25em .75em;
        background-color: #e0e0e0
    }

    .staff-profile ol {
        list-style-type: decimal
    }

    .staff-profile ul {
        list-style-type: disc
    }

    .staff-profile .contact-list {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .staff-profile .contact-list li {
        margin: 0 0 1em 1.5em
    }

    .staff-profile .contact-list li[class]: before, .staff-profile .contact-list li a[class]: before {
        margin-left: -1.5em
    }

    .staff-profile .publications .favourite {
        padding: .5em 1em;
        background-color: #e0e0e0
    }

    .staff-profile .publications span {
        padding: 0 .2em 0 0
    }

    .staff-profile .publications .journal .journal, .staff-profile .publications .italic {
        font-family: "latoitalic", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .staff-profile .publications .publication_date: before {
        content: "("
    }

    .staff-profile .publications .publication_date: after {
        content: ")"
    }

    .staff-profile .publications .page_numbers: before {
        content: "pp "
    }

    .staff-profile .publications .editors: after {
        content: " (ed.) "
    }

    .staff-profile .research-group-list {
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .staff-profile .table tr: first-child td, .staff-profile .table tr: first-child th {
        border-top: 0
    }

    .staff-profile div.publication_group {
        margin-bottom: 2em
    }

    .staff-profile span.group_name {
        font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .staff-profile span.subgroup_name {
        font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .staff-profile div.publication, .staff-profile div.publication_subgroup {
        margin-bottom: 1em
    }

    .staff-profile .chapter .book_title, .staff-profile .name_of_conference, .staff-profile .book .title, .staff-profile .report .title, .staff-profile .software .title, .staff-profile .other .title {
        font-family: "latoitalic", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .staff-profile .profile-tab-control {
        display: none;
        list-style-type: none;
        padding: 0;
        margin: 0;
        margin-left: .5em
    }

    .staff-profile .profile-tab-control li {
        display: table-cell
    }

    .staff-profile .profile-tab-control li label {
        font-size: 1.125em;
        line-height: 1;
        padding: .75em 1em;
        margin: 0;
        color: #08c;
        background-color: #e0e0e0;
        cursor: pointer;
        -webkit-transition: none;
        transition: none
    }

    .staff-profile .profile-tab-control li label: hover, .staff-profile .profile-tab-control li label: focus {
        background-color: #cdcdcd
    }

    .staff-profile .profile-tab {
        border-bottom: 1px solid #f3f3f3
    }

    .staff-profile .profile-tab h2 {
        font-size: 1.5em;
        line-height: 2;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #f3f3f3
    }

    .staff-profile .profile-tab h2 label {
        padding: 0;
        margin: 0
    }

    .staff-profile .profile-tab h2 label: before {
        font-family: 'icon-webfont';
        content: "O";
        display: inline-block;
        width: 1.3em;
        text-align: center
    }

    .staff-profile .profile-tab .profile-content {
        padding: 1em 2em
    }

    .staff-profile .profile-tab .profile-content : first-child {
        margin-top: 0
    }

    .staff-profile .profile-tab .profile-content h3 {
        font-size: 1.2em
    }

    .staff-profile .profile-tab .profile-content p {
        max-width: 100%
    }

    .staff-profile input {
        position: absolute;
        margin-left: -9999px
    }

    .staff-profile input ~ .profile-tabs .profile-tab {
        height: auto;
        overflow: hidden
    }

    .staff-profile input#biography: not(: checked) ~ .profile-tabs .biography, .staff-profile input#teaching: not(: checked) ~ .profile-tabs .teaching, .staff-profile input#research: not(: checked) ~ .profile-tabs .research, .staff-profile input#publications: not(: checked) ~ .profile-tabs .publications, .staff-profile input#personal: not(: checked) ~ .profile-tabs .personal {
        height: 3.2em
    }

    .staff-profile input#biography: not(: checked) ~ .profile-tabs .biography label, .staff-profile input#teaching: not(: checked) ~ .profile-tabs .teaching label, .staff-profile input#research: not(: checked) ~ .profile-tabs .research label, .staff-profile input#publications: not(: checked) ~ .profile-tabs .publications label, .staff-profile input#personal: not(: checked) ~ .profile-tabs .personal label {
        cursor: pointer
    }

    .staff-profile input#biography: not(: checked) ~ .profile-tabs .biography label: before, .staff-profile input#teaching: not(: checked) ~ .profile-tabs .teaching label: before, .staff-profile input#research: not(: checked) ~ .profile-tabs .research label: before, .staff-profile input#publications: not(: checked) ~ .profile-tabs .publications label: before, .staff-profile input#personal: not(: checked) ~ .profile-tabs .personal label: before {
        content: "+"
    }

    .staff-profile input#biography: checked ~ .profile-tab-control label[for="biography"], .staff-profile input#teaching: checked ~ .profile-tab-control label[for="teaching"], .staff-profile input#research: checked ~ .profile-tab-control label[for="research"], .staff-profile input#publications: checked ~ .profile-tab-control label[for="publications"], .staff-profile input#personal: checked ~ .profile-tab-control label[for="personal"] {
        background-color: white
    }

    .staff-profile.tabcount1 input: empty ~ .profile-tabs .profile-tab h2 {
        display: block
    }

    .staff-profile.tabcount1 input: empty ~ .profile-tabs .profile-tab h2 label {
        cursor: default
    }

    .staff-profile.tabcount1 input: empty ~ .profile-tabs .profile-tab h2 label: before {
        content: " "
    }

    @media screen and (min-width:37.5em) {
        .staff-profile input:empty ~ .profile-tab-control {
            display: table
        }

        .staff-profile input:empty ~ .profile-tabs .profile-tab {
            display: block;
            height: auto;
            overflow: visible;
            border-bottom: 0 none
        }

        .staff-profile input:empty ~ .profile-tabs .profile-tab h2 {
            display: none
        }

        .staff-profile input#biography:not(:checked) ~ .profile-tabs .biography,
        .staff-profile input#teaching:not(:checked) ~ .profile-tabs .teaching,
        .staff-profile input#research:not(:checked) ~ .profile-tabs .research,
        .staff-profile input#publications:not(:checked) ~ .profile-tabs .publications,
        .staff-profile input#personal:not(:checked) ~ .profile-tabs .personal {
            display: none
        }
}

    @media screen and (min-width:60em) {
        .staff-profile .profile-tab-control li label {
            padding-left: 2em;
            padding-right: 2em
        }
}

    .staff-members .responsive-module {
        background-color: white;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    body.debug .staff-members .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .staff-lastname-list {
        padding-bottom: 1.5em
    }

    .staff-lastname-list: before, .staff-lastname-list: after {
        content: " ";
        display: table
    }

    .staff-lastname-list: after {
        clear: both
    }

    .staff-lastname-list ul, .staff-lastname-list li {
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .staff-lastname-list li {
        border-bottom: 1px solid #b6b7b9
    }

    .staff-lastname-list li: nth-child(odd) {
        background-color: #f3f3f3
    }

    .staff-lastname-list a {
        display: block;
        line-height: 1.2;
        padding: .5em;
        text-decoration: none;
        overflow: auto
    }

    .staff-lastname-list a: hover strong, .staff-lastname-list a: focus strong {
        text-decoration: underline
    }

    .staff-lastname-list a strong {
        float: left;
        margin-right: 1em;
        white-space: nowrap
    }

    .staff-lastname-list a span {
        clear: left;
        float: left;
        font-size: .85em;
        color: #888
    }

    @media screen and (min-width:37.5em) {
        .staff-lastname-list a span {
            clear: right;
            float: right;
            line-height: 1.5
        }
}

    .responsive-module h2.experts {
        padding-left: 1em
    }

    .responsive-module div.experts {
        padding-left: 2em
    }

    .experts-directory {
        margin-bottom: 4em
    }

    .no-experts {
        margin: 1em 4em
    }

    .staff-expert-list {
        padding-bottom: 1.5em
    }

    .staff-expert-list: before, .staff-expert-list: after {
        content: " ";
        display: table
    }

    .staff-expert-list: after {
        clear: both
    }

    .staff-expert-list .phone: before {
        font-family: 'icon-webfont';
        content: '0';
        margin-left: -1em;
        padding-right: .5em
    }

    .staff-expert-list .email: before {
        font-family: 'icon-webfont';
        content: '/';
        margin-left: -1.5em
    }

    .staff-expert-list .school: before {
        font-family: 'icon-webfont';
        content: '(';
        margin-left: -1em;
        padding-right: .4em
    }

    .staff-expert-list div {
        padding-left: 2em
    }

    .staff-expert-list img {
        width: 6em;
        margin-bottom: 1em
    }

    .staff-expert-list ul {
        padding-left: 2em
    }

    .staff-expert-list ul, .staff-expert-list li {
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .staff-expert-list li {
        padding-top: 1em;
        border-bottom: 1px solid #b6b7b9
    }

    .staff-expert-list li ul {
        margin: 1em 0
    }

    .staff-expert-list li ul li {
        padding-top: 0;
        padding-left: 2em;
        border-bottom: 0
    }

    @media screen and (min-width:37.5em) {
        .staff-expert-list a span {
            clear: right;
            float: right;
            line-height: 1.5
        }
}

    .search-container .responsive-module {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em;
        border-top: 6px solid #cdcdcd;
        background-color: #f3f3f3;
        position: relative
    }

    body.debug .search-container .responsive-module {
        background-color: rgba(243, 243, 243, 0.8)
    }

    .search-container .responsive-module: before, .search-container .responsive-module: after {
        content: " ";
        display: table
    }

    .search-container .responsive-module: after {
        clear: both
    }

    .search-form {
        background-color: #f3f3f3;
        position: relative;
        padding-bottom: 1.5em
    }

    body.debug .search-form {
        background-color: rgba(243, 243, 243, 0.8)
    }

    .search-form: before, .search-form: after {
        content: " ";
        display: table
    }

    .search-form: after {
        clear: both
    }

    @media screen and (min-width:37.5em) {
        .search-form #findcourse {
            padding: 0 1em 3.5em 0
        }

        .search-form #browsecourse {
            padding: 0 0 3.5em 1em
        }

        .search-form .search-button {
            position: absolute;
            bottom: .5em
        }
}

    .search-results-section .responsive-module {
        background-color: white;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em;
        border-top: 6px solid #cdcdcd
    }

    body.debug .search-results-section .responsive-module {
        background-color: rgba(255, 255, 255, 0.8)
    }

    .search-results-section .search-pages-found {
        padding: .5em;
        background-color: #eaeaea
    }

    .search-results-section #globalfilters {
        position: absolute;
        margin-left: -9999px
    }

    .search-results-section .global-filters {
        position: static;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .search-results-section .global-filters li {
        float: none;
        display: inline-block;
        min-width: 3em;
        padding: 0;
        margin: 0 0 3px 0
    }

    .search-results-section .global-filters li.gap {
        min-width: 1.5em
    }

    .search-results-section .global-filters label, .search-results-section .global-filters a {
        display: block;
        font-weight: normal;
        text-decoration: none;
        padding: .5em 1em;
        margin: 0;
        color: white;
        background-color: #b6b7b9;
        cursor: pointer
    }

    .search-results-section .global-filters a: hover, .search-results-section .global-filters a: focus, .search-results-section .global-filters a: active {
        background-color: #888
    }

    .search-results-section .global-filters label, .search-results-section .global-filters .current a {
        background-color: #5391ca
    }

    @media screen and (max-width:37.5em) {
        .search-results-section #globalfilters:empty ~ .global-filters li {
            display: block;
            margin: 0 0 1px 0
        }

        .search-results-section #globalfilters:empty ~ .global-filters label {
            background: #5391ca url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8BAMAAADml+XTAAAAGFBMVEWox+Xs8/lblM6Mtd3J2+9toNP///9Tj8z+Q0+kAAAAS0lEQVQ4y2MoxwIYRgVHBdEFS9KAIAVNsBQkmIqu3Q0o6I4uGAYUDEcXLEhLS8CwvUgsTQjTSWxp7JiCiolYHF+cjM1H7KOxOcIFAdSpKTPVZfIoAAAAAElFTkSuQmCC) 100% 50% no-repeat
        }

        .search-results-section #globalfilters:empty ~ .global-filters a {
            display: none
        }

        .search-results-section #globalfilters:empty:checked ~ .global-filters a {
            display: block
        }
}

    .search-results-section h3 {
        font-size: 1.5em;
        line-height: 1em;
        margin: 1em 0 0 0
    }

    .search-results-section p {
        line-height: 1.125em;
        margin-bottom: 0;
        color: #888
    }

    .search-results-section a.search-link {
        display: block;
        line-height: 1.1em;
        color: #383;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .search-results-section .search-results, .search-results-section .course-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
        margin-bottom: 1.5em
    }

    .search-results-section .course-link {
        color: #383;
        display: inline;
        word-wrap: break-word
    }

    .pagination {
        position: static;
        list-style-type: none;
        padding: 0;
        margin: 0;
        margin: 3em 0 0 0
    }

    .pagination li {
        float: none;
        display: inline-block;
        min-width: 3em;
        padding: 0;
        margin: 0 0 3px 0
    }

    .pagination li.gap {
        min-width: 1.5em
    }

    .pagination label, .pagination a {
        display: block;
        font-weight: normal;
        text-decoration: none;
        padding: .5em 1em;
        margin: 0;
        color: white;
        background-color: #b6b7b9;
        cursor: pointer
    }

    .pagination a: hover, .pagination a: focus, .pagination a: active {
        background-color: #888
    }

    .pagination label, .pagination .current a {
        background-color: #5391ca
    }

    .tag-page-list, .news-article-list, .events-article-list, .section-article-list {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: .75em
    }

    .tag-page-list .responsive-module, .news-article-list .responsive-module, .events-article-list .responsive-module, .section-article-list .responsive-module {
        border-top: 6px solid #cdcdcd;
        border-top: 0 none
    }

    .tag-page-list .responsive-module h1, .news-article-list .responsive-module h1, .events-article-list .responsive-module h1, .section-article-list .responsive-module h1 {
        margin: 0 0 1em 0
    }

    .tag-page-list .calendar: before, .tag-page-list .calendar: after, .news-article-list .calendar: before, .news-article-list .calendar: after, .events-article-list .calendar: before, .events-article-list .calendar: after, .section-article-list .calendar: before, .section-article-list .calendar: after {
        content: " ";
        display: table
    }

    .tag-page-list .calendar: after, .news-article-list .calendar: after, .events-article-list .calendar: after, .section-article-list .calendar: after {
        clear: both
    }

    @media screen and (min-width:37.5em) {
        .tag-page-list .calendar, .news-article-list .calendar, .events-article-list .calendar,
        .section-article-list .calendar {
            float: right
        }
}

    .tag-page-list .pagination, .news-article-list .pagination, .events-article-list .pagination, .section-article-list .pagination {
        margin: 0 2em
    }

    .tag-page-list .page-list, .tag-page-list .page-list-section, .news-article-list .page-list, .news-article-list .page-list-section, .events-article-list .page-list, .events-article-list .page-list-section, .section-article-list .page-list, .section-article-list .page-list-section {
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 100%;
        padding: 0 .5em 2em 2em
    }

    .tag-page-list .page-list li, .tag-page-list .page-list-section li, .news-article-list .page-list li, .news-article-list .page-list-section li, .events-article-list .page-list li, .events-article-list .page-list-section li, .section-article-list .page-list li, .section-article-list .page-list-section li {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding: 0 1.5em 1.5em 0;
        margin: 0 -4px 0 0
    }

    .tag-page-list .page-list li a, .tag-page-list .page-list-section li a, .news-article-list .page-list li a, .news-article-list .page-list-section li a, .events-article-list .page-list li a, .events-article-list .page-list-section li a, .section-article-list .page-list li a, .section-article-list .page-list-section li a {
        position: relative;
        display: block;
        text-decoration: none;
        padding: 6px;
        color: gray;
        background-color: white;
        border: 1px solid #cdcdcd;
        -webkit-transition: all .25s linear;
        transition: all .25s linear
    }

    .tag-page-list .page-list li a h2, .tag-page-list .page-list-section li a h2, .news-article-list .page-list li a h2, .news-article-list .page-list-section li a h2, .events-article-list .page-list li a h2, .events-article-list .page-list-section li a h2, .section-article-list .page-list li a h2, .section-article-list .page-list-section li a h2 {
        font-family: "latobold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.25em;
        padding: .25em 0;
        margin: 0
    }

    .tag-page-list .page-list li a p, .tag-page-list .page-list li a time, .tag-page-list .page-list-section li a p, .tag-page-list .page-list-section li a time, .news-article-list .page-list li a p, .news-article-list .page-list li a time, .news-article-list .page-list-section li a p, .news-article-list .page-list-section li a time, .events-article-list .page-list li a p, .events-article-list .page-list li a time, .events-article-list .page-list-section li a p, .events-article-list .page-list-section li a time, .section-article-list .page-list li a p, .section-article-list .page-list li a time, .section-article-list .page-list-section li a p, .section-article-list .page-list-section li a time {
        padding: 0 0 .25em 0;
        margin: 0
    }

    .tag-page-list .page-list li a p.event-dates, .tag-page-list .page-list-section li a p.event-dates, .news-article-list .page-list li a p.event-dates, .news-article-list .page-list-section li a p.event-dates, .events-article-list .page-list li a p.event-dates, .events-article-list .page-list-section li a p.event-dates, .section-article-list .page-list li a p.event-dates, .section-article-list .page-list-section li a p.event-dates {
        position: absolute;
        top: 12px;
        right: 12px;
        margin: 0;
        opacity: .6;
        -webkit-transition: all .25s linear;
        transition: all .25s linear
    }

    .tag-page-list .page-list li a p.time, .tag-page-list .page-list li a time, .tag-page-list .page-list-section li a p.time, .tag-page-list .page-list-section li a time, .news-article-list .page-list li a p.time, .news-article-list .page-list li a time, .news-article-list .page-list-section li a p.time, .news-article-list .page-list-section li a time, .events-article-list .page-list li a p.time, .events-article-list .page-list li a time, .events-article-list .page-list-section li a p.time, .events-article-list .page-list-section li a time, .section-article-list .page-list li a p.time, .section-article-list .page-list li a time, .section-article-list .page-list-section li a p.time, .section-article-list .page-list-section li a time {
        display: block;
        font-size: .75em;
        text-align: right
    }

    .tag-page-list .page-list li a time.calendar-page, .tag-page-list .page-list-section li a time.calendar-page, .news-article-list .page-list li a time.calendar-page, .news-article-list .page-list-section li a time.calendar-page, .events-article-list .page-list li a time.calendar-page, .events-article-list .page-list-section li a time.calendar-page, .section-article-list .page-list li a time.calendar-page, .section-article-list .page-list-section li a time.calendar-page {
        display: inline-block;
        padding: 0;
        text-align: center
    }

    .tag-page-list .page-list li a time.calendar-page.end, .tag-page-list .page-list-section li a time.calendar-page.end, .news-article-list .page-list li a time.calendar-page.end, .news-article-list .page-list-section li a time.calendar-page.end, .events-article-list .page-list li a time.calendar-page.end, .events-article-list .page-list-section li a time.calendar-page.end, .section-article-list .page-list li a time.calendar-page.end, .section-article-list .page-list-section li a time.calendar-page.end {
        margin-left: 1.8em
    }

    .tag-page-list .page-list li a: hover, .tag-page-list .page-list li a: focus, .tag-page-list .page-list-section li a: hover, .tag-page-list .page-list-section li a: focus, .news-article-list .page-list li a: hover, .news-article-list .page-list li a: focus, .news-article-list .page-list-section li a: hover, .news-article-list .page-list-section li a: focus, .events-article-list .page-list li a: hover, .events-article-list .page-list li a: focus, .events-article-list .page-list-section li a: hover, .events-article-list .page-list-section li a: focus, .section-article-list .page-list li a: hover, .section-article-list .page-list li a: focus, .section-article-list .page-list-section li a: hover, .section-article-list .page-list-section li a: focus {
        color: #333
    }

    .tag-page-list .page-list li a: hover p.event-dates, .tag-page-list .page-list li a: focus p.event-dates, .tag-page-list .page-list-section li a: hover p.event-dates, .tag-page-list .page-list-section li a: focus p.event-dates, .news-article-list .page-list li a: hover p.event-dates, .news-article-list .page-list li a: focus p.event-dates, .news-article-list .page-list-section li a: hover p.event-dates, .news-article-list .page-list-section li a: focus p.event-dates, .events-article-list .page-list li a: hover p.event-dates, .events-article-list .page-list li a: focus p.event-dates, .events-article-list .page-list-section li a: hover p.event-dates, .events-article-list .page-list-section li a: focus p.event-dates, .section-article-list .page-list li a: hover p.event-dates, .section-article-list .page-list li a: focus p.event-dates, .section-article-list .page-list-section li a: hover p.event-dates, .section-article-list .page-list-section li a: focus p.event-dates {
        opacity: 1
    }

    @media screen and (min-width:26.25em) {
        .tag-page-list .page-list li, .tag-page-list .page-list-section li,
        .news-article-list .page-list li, .news-article-list .page-list-section li,
        .events-article-list .page-list li, .events-article-list .page-list-section li,
        .section-article-list .page-list li, .section-article-list .page-list-section li {
            width: 50%
        }
}

    @media screen and (min-width:37.5em) {
        .tag-page-list .page-list li, .tag-page-list .page-list-section li,
        .news-article-list .page-list li, .news-article-list .page-list-section li,
        .events-article-list .page-list li, .events-article-list .page-list-section li,
        .section-article-list .page-list li, .section-article-list .page-list-section li {
            width: 33.333%
        }
}

    @media screen and (min-width:60em) {
        .tag-page-list .page-list li, .tag-page-list .page-list-section li,
        .news-article-list .page-list li, .news-article-list .page-list-section li,
        .events-article-list .page-list li, .events-article-list .page-list-section li,
        .section-article-list .page-list li, .section-article-list .page-list-section li {
            width: 25%
        }
}

    @media screen and (min-width:26.25em) {
        .events-article-list .page-list-section li {
            width: 100%
        }
}

    @media screen and (min-width:37.5em) {
        .events-article-list .page-list-section li {
            width: 100%
        }
}

    @media screen and (min-width:60em) {
        .events-article-list .page-list-section li {
            width: 50%
        }
}

    .errorimage {
        position: relative;
        height: 0;
        padding: 80% 0 0 0
    }

    @media screen and (min-width:37.5em) {
        .errorimage {
            padding-top: 40%
        }
}

    .errorimage svg {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .errorimage #connect, .errorimage #error404 {
        display: none
    }

    .errorimage #spin {
        display: block;
        fill: #717073;
        -webkit-animation: error-spinner 3s linear infinite;
        animation: error-spinner 3s linear infinite
    }

    .errorimage.error404 #spin {
        display: none
    }

    .errorimage.error404 #error404 {
        display: block;
        fill: #5391ca;
        -webkit-animation: error-colour 60s linear infinite;
        animation: error-colour 60s linear infinite
    }

    .errorimage.break #spin {
        display: none
    }

    .errorimage.break #connect {
        display: block;
        fill: #0194d3
    }

    @-webkit-keyframes error-spinner {
        from {
            fill: #717073
        }

        50% {
            fill: #0194d3
        }

        to {
            fill: #717073
        }
}

    @keyframes error-spinner {
        from {
            fill: #717073
        }

        50% {
            fill: #0194d3
        }

        to {
            fill: #717073
        }
}

    @-webkit-keyframes error-colour {
        from {
            fill: #5391ca
        }

        10% {
            fill: #7b77a5
        }

        20% {
            fill: #a80075
        }

        30% {
            fill: #c74a8d
        }

        40% {
            fill: #c1004a
        }

        50% {
            fill: #e09e33
        }

        60% {
            fill: #f3d213
        }

        70% {
            fill: #b4c960
        }

        80% {
            fill: #9fcac5
        }

        90% {
            fill: #7fbfd7
        }

        to {
            fill: #5391ca
        }
}

    @keyframes error-colour {
        from {
            fill: #5391ca
        }

        10% {
            fill: #7b77a5
        }

        20% {
            fill: #a80075
        }

        30% {
            fill: #c74a8d
        }

        40% {
            fill: #c1004a
        }

        50% {
            fill: #e09e33
        }

        60% {
            fill: #f3d213
        }

        70% {
            fill: #b4c960
        }

        80% {
            fill: #9fcac5
        }

        90% {
            fill: #7fbfd7
        }

        to {
            fill: #5391ca
        }
}

    body .header-main .home img, .bondi-blue .header-main .home img {
        /*background-color: #5391ca*/
    }

    body .header-main a, body .header-main label, .bondi-blue .header-main a, .bondi-blue .header-main label {
        color: #5391ca
    }

    body .header-main a: hover, body .header-main a: focus, body .header-main label: hover, body .header-main label: focus, .bondi-blue .header-main a: hover, .bondi-blue .header-main a: focus, .bondi-blue .header-main label: hover, .bondi-blue .header-main label: focus {
        color: #1b5283
    }

    body button.search-button, body button.search-button span: after, .bondi-blue button.search-button, .bondi-blue button.search-button span: after {
        background-color: #5391ca;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    body button.search-button: hover, body button.search-button: focus, .bondi-blue button.search-button: hover, .bondi-blue button.search-button: focus {
        background-color: #80b5e4
    }

    body button.search-button: hover span: after, body button.search-button: focus span: after, .bondi-blue button.search-button: hover span: after, .bondi-blue button.search-button: focus span: after {
        background-color: #80b5e4
    }

    body nav.main-navigation a: hover, body nav.main-navigation a: focus, body nav.main-navigation a: active, .bondi-blue nav.main-navigation a: hover, .bondi-blue nav.main-navigation a: focus, .bondi-blue nav.main-navigation a: active {
        color: #80b5e4
    }

    body .article.hero .responsive-module article, body .article.hero .responsive-module div, body .school.hero .responsive-module article, body .school.hero .responsive-module div, body .course-hero .responsive-module article, body .course-hero .responsive-module div, .bondi-blue .article.hero .responsive-module article, .bondi-blue .article.hero .responsive-module div, .bondi-blue .school.hero .responsive-module article, .bondi-blue .school.hero .responsive-module div, .bondi-blue .course-hero .responsive-module article, .bondi-blue .course-hero .responsive-module div {
        position: relative
    }

    body .course-stage-heading, .bondi-blue .course-stage-heading {
        color: #5391ca
    }

    body .call-to-actions .call-to-action, .bondi-blue .call-to-actions .call-to-action {
        color: white;
        background-color: #5391ca
    }

    body .call-to-actions .call-to-action: hover, body .call-to-actions .call-to-action: focus, body .call-to-actions .call-to-action: active, body .call-to-actions .call-to-action.is-active, .bondi-blue .call-to-actions .call-to-action: hover, .bondi-blue .call-to-actions .call-to-action: focus, .bondi-blue .call-to-actions .call-to-action: active, .bondi-blue .call-to-actions .call-to-action.is-active {
        background-color: #80b5e4
    }

    body.landing .call-to-actions .call-to-action, .bondi-blue.landing .call-to-actions .call-to-action {
        color: #5391ca;
        background-color: white
    }

    body.landing .call-to-actions .call-to-action .cta-text, .bondi-blue.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    body.landing .call-to-actions .call-to-action: hover, body.landing .call-to-actions .call-to-action: focus, body.landing .call-to-actions .call-to-action: active, body.landing .call-to-actions .call-to-action.is-active, .bondi-blue.landing .call-to-actions .call-to-action: hover, .bondi-blue.landing .call-to-actions .call-to-action: focus, .bondi-blue.landing .call-to-actions .call-to-action: active, .bondi-blue.landing .call-to-actions .call-to-action.is-active {
        color: #1b5283;
        background-color: white
    }

    body.landing .call-to-actions .call-to-action: hover .cta-text, body.landing .call-to-actions .call-to-action: focus .cta-text, body.landing .call-to-actions .call-to-action: active .cta-text, body.landing .call-to-actions .call-to-action.is-active .cta-text, .bondi-blue.landing .call-to-actions .call-to-action: hover .cta-text, .bondi-blue.landing .call-to-actions .call-to-action: focus .cta-text, .bondi-blue.landing .call-to-actions .call-to-action: active .cta-text, .bondi-blue.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    body .calendar-page, .bondi-blue .calendar-page {
        color: #5391ca;
        border-color: #5391ca
    }

    body .calendar-page.end: before, body .calendar-page .day, body .calendar-page .time, .bondi-blue .calendar-page.end: before, .bondi-blue .calendar-page .day, .bondi-blue .calendar-page .time {
        color: #5391ca
    }

    body .calendar-page .month, .bondi-blue .calendar-page .month {
        background-color: #5391ca
    }

    body .calendar a, .bondi-blue .calendar a {
        color: #5391ca
    }

    body .calendar a: hover, body .calendar a: focus, .bondi-blue .calendar a: hover, .bondi-blue .calendar a: focus {
        color: #1b5283
    }

    body .calendar td a: hover, body .calendar td a: focus, .bondi-blue .calendar td a: hover, .bondi-blue .calendar td a: focus {
        color: white;
        background-color: #5391ca
    }

    body a.current-events, .bondi-blue a.current-events {
        color: white;
        background-color: #5391ca
    }

    body a.current-events: focus, body a.current-events: hover, body a.current-events: active, .bondi-blue a.current-events: focus, .bondi-blue a.current-events: hover, .bondi-blue a.current-events: active {
        color: white;
        background-color: #80b5e4
    }

    body.landing .call-to-actions .responsive-module, body .app .responsive-module, .bondi-blue.landing .call-to-actions .responsive-module, .bondi-blue .app .responsive-module {
        border-color: #5391ca
    }

    body .highlighted, .bondi-blue .highlighted {
        color: white;
        background-color: #5391ca
    }

    body .highlighted a, body .highlighted a: hover, body .highlighted a: focus, .bondi-blue .highlighted a, .bondi-blue .highlighted a: hover, .bondi-blue .highlighted a: focus {
        color: white
    }

    body .responsive-module.light, body .light, body .light a, .bondi-blue .responsive-module.light, .bondi-blue .light, .bondi-blue .light a {
        color: white;
        background-color: #80b5e4
    }

    body .responsive-module.light a: hover, body .light a: hover, body .light a a: hover, .bondi-blue .responsive-module.light a: hover, .bondi-blue .light a: hover, .bondi-blue .light a a: hover {
        color: white
    }

    body .responsive-module.medium, body .medium, body .medium a, .bondi-blue .responsive-module.medium, .bondi-blue .medium, .bondi-blue .medium a {
        color: white;
        background-color: #5391ca
    }

    body .responsive-module.medium a: hover, body .medium a: hover, body .medium a a: hover, .bondi-blue .responsive-module.medium a: hover, .bondi-blue .medium a: hover, .bondi-blue .medium a a: hover {
        color: white
    }

    body .responsive-module.dark, body .dark, body .dark a, .bondi-blue .responsive-module.dark, .bondi-blue .dark, .bondi-blue .dark a {
        background-color: #1b5283;
        color: white
    }

    body .responsive-module.dark a: hover, body .dark a: hover, body .dark a a: hover, .bondi-blue .responsive-module.dark a: hover, .bondi-blue .dark a: hover, .bondi-blue .dark a a: hover {
        color: #d9d9d9
    }

    body .small-colour-none .metadata, .bondi-blue .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    body .small-colour-light .metadata, .bondi-blue .small-colour-light .metadata {
        color: white;
        background-color: #80b5e4
    }

    body .small-colour-medium .metadata, .bondi-blue .small-colour-medium .metadata {
        color: white;
        background-color: #5391ca
    }

    body .small-colour-dark .metadata, .bondi-blue .small-colour-dark .metadata {
        color: white;
        background-color: #1b5283
    }

    @media screen and (min-width:37.5em) {
        body .medium-colour-none .metadata, .bondi-blue .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        body .medium-colour-light .metadata, .bondi-blue .medium-colour-light .metadata {
            color: white;
            background-color: #80b5e4;
            background: rgba(128, 181, 228, 0.7)
        }

        body .medium-colour-medium .metadata, .bondi-blue .medium-colour-medium .metadata {
            color: white;
            background-color: #5391ca;
            background: rgba(83, 145, 202, 0.7)
        }

        body .medium-colour-dark .metadata, .bondi-blue .medium-colour-dark .metadata {
            color: white;
            background-color: #1b5283;
            background: rgba(27, 82, 131, 0.7)
        }
}

    @media screen and (min-width:60em) {
        body .large-colour-none .metadata, .bondi-blue .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        body .large-colour-light .metadata, .bondi-blue .large-colour-light .metadata {
            color: white;
            background-color: #80b5e4;
            background: rgba(128, 181, 228, 0.7)
        }

        body .large-colour-medium .metadata, .bondi-blue .large-colour-medium .metadata {
            color: white;
            background-color: #5391ca;
            background: rgba(83, 145, 202, 0.7)
        }

        body .large-colour-dark .metadata, .bondi-blue .large-colour-dark .metadata {
            color: white;
            background-color: #1b5283;
            background: rgba(27, 82, 131, 0.7)
        }
}

    body .faqs li a, .bondi-blue .faqs li a {
        background-color: #1b5283
    }

    body .faqs li a: hover, body .faqs li a: focus, body .faqs li a: active, body .faqs li a.is-active, .bondi-blue .faqs li a: hover, .bondi-blue .faqs li a: focus, .bondi-blue .faqs li a: active, .bondi-blue .faqs li a.is-active {
        background-color: #287ac2
    }

    body .call-outs li a, body .call-outs li .call-out-without-link, .bondi-blue .call-outs li a, .bondi-blue .call-outs li .call-out-without-link {
        background-color: #1b5283
    }

    body .call-outs li a: hover, body .call-outs li a: focus, body .call-outs li a: active, body .call-outs li a.is-active, body .call-outs li .call-out-without-link: hover, body .call-outs li .call-out-without-link: focus, body .call-outs li .call-out-without-link: active, body .call-outs li .call-out-without-link.is-active, .bondi-blue .call-outs li a: hover, .bondi-blue .call-outs li a: focus, .bondi-blue .call-outs li a: active, .bondi-blue .call-outs li a.is-active, .bondi-blue .call-outs li .call-out-without-link: hover, .bondi-blue .call-outs li .call-out-without-link: focus, .bondi-blue .call-outs li .call-out-without-link: active, .bondi-blue .call-outs li .call-out-without-link.is-active {
        background-color: #287ac2
    }

    body .gallery, body .photo-strip, .bondi-blue .gallery, .bondi-blue .photo-strip {
        background-color: #1b5283
    }

    body .gallery .thumbnails-container .button: hover, body .gallery .thumbnails-container .button: focus, body .gallery .thumbnails-container .button: active, body .photo-strip .thumbnails-container .button: hover, body .photo-strip .thumbnails-container .button: focus, body .photo-strip .thumbnails-container .button: active, .bondi-blue .gallery .thumbnails-container .button: hover, .bondi-blue .gallery .thumbnails-container .button: focus, .bondi-blue .gallery .thumbnails-container .button: active, .bondi-blue .photo-strip .thumbnails-container .button: hover, .bondi-blue .photo-strip .thumbnails-container .button: focus, .bondi-blue .photo-strip .thumbnails-container .button: active {
        background-color: #5391ca
    }

    body .gallery .thumbnails-container a.active, body .photo-strip .thumbnails-container a.active, .bondi-blue .gallery .thumbnails-container a.active, .bondi-blue .photo-strip .thumbnails-container a.active {
        border-color: #5391ca
    }

    body .gallery .thumbnails-container li.thumbnail div, body .photo-strip .thumbnails-container li.thumbnail div, .bondi-blue .gallery .thumbnails-container li.thumbnail div, .bondi-blue .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #1b5283
    }

    body .highlighted-article-title-and-summary, body .highlighted-title, .bondi-blue .highlighted-article-title-and-summary, .bondi-blue .highlighted-title {
        background-image: none;
        background: #5391ca
    }

    body .montage .image-description.theme-description-background, body .montage .image-description-top.theme-description-background, .bondi-blue .montage .image-description.theme-description-background, .bondi-blue .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(27, 82, 131, 0.6)
    }

    body .montage .image-description.theme-description-background a, body .montage .image-description-top.theme-description-background a, .bondi-blue .montage .image-description.theme-description-background a, .bondi-blue .montage .image-description-top.theme-description-background a {
        color: white
    }

    body .highlighted .montage--image, .bondi-blue .highlighted .montage--image {
        border-color: #5391ca
    }

    body .cta-button--non-ucas td.button-container, .bondi-blue .cta-button--non-ucas td.button-container {
        background: #1b5283
    }

    body .cta-button--non-ucas td a, .bondi-blue .cta-button--non-ucas td a {
        background: #1b5283
    }

    body .cta-button--non-ucas td a: hover, .bondi-blue .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .brilliant-rose .header-main .home img {
        /*background-color: #c74a8d */
    }

    .brilliant-rose .footer-logo {
        background-color: #c74a8d 
    }

    .brilliant-rose .header-main a, .brilliant-rose .header-main label {
        color: #c74a8d
    }

    .brilliant-rose .header-main a: hover, .brilliant-rose .header-main a: focus, .brilliant-rose .header-main label: hover, .brilliant-rose .header-main label: focus {
        color: #811850
    }

    .brilliant-rose button.search-button, .brilliant-rose button.search-button span: after {
        background-color: #c74a8d;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .brilliant-rose button.search-button: hover, .brilliant-rose button.search-button: focus {
        background-color: #e378b0
    }

    .brilliant-rose button.search-button: hover span: after, .brilliant-rose button.search-button: focus span: after {
        background-color: #e378b0
    }

    .brilliant-rose nav.main-navigation a: hover, .brilliant-rose nav.main-navigation a: focus, .brilliant-rose nav.main-navigation a: active {
        color: #e378b0
    }

    .brilliant-rose .article.hero .responsive-module article, .brilliant-rose .article.hero .responsive-module div, .brilliant-rose .school.hero .responsive-module article, .brilliant-rose .school.hero .responsive-module div, .brilliant-rose .course-hero .responsive-module article, .brilliant-rose .course-hero .responsive-module div {
        position: relative
    }

    .brilliant-rose .course-stage-heading {
        color: #c74a8d
    }

    .brilliant-rose .call-to-actions .call-to-action {
        color: #333;
        background-color: #c74a8d
    }

    .brilliant-rose .call-to-actions .call-to-action: hover, .brilliant-rose .call-to-actions .call-to-action: focus, .brilliant-rose .call-to-actions .call-to-action: active, .brilliant-rose .call-to-actions .call-to-action.is-active {
        background-color: #e378b0
    }

    .brilliant-rose.landing .call-to-actions .call-to-action {
        color: #c74a8d;
        background-color: white
    }

    .brilliant-rose.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .brilliant-rose.landing .call-to-actions .call-to-action: hover, .brilliant-rose.landing .call-to-actions .call-to-action: focus, .brilliant-rose.landing .call-to-actions .call-to-action: active, .brilliant-rose.landing .call-to-actions .call-to-action.is-active {
        color: #811850;
        background-color: white
    }

    .brilliant-rose.landing .call-to-actions .call-to-action: hover .cta-text, .brilliant-rose.landing .call-to-actions .call-to-action: focus .cta-text, .brilliant-rose.landing .call-to-actions .call-to-action: active .cta-text, .brilliant-rose.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .brilliant-rose .calendar-page {
        color: #c74a8d;
        border-color: #c74a8d
    }

    .brilliant-rose .calendar-page.end: before, .brilliant-rose .calendar-page .day, .brilliant-rose .calendar-page .time {
        color: #c74a8d
    }

    .brilliant-rose .calendar-page .month {
        background-color: #c74a8d
    }

    .brilliant-rose .calendar a {
        color: #c74a8d
    }

    .brilliant-rose .calendar a: hover, .brilliant-rose .calendar a: focus {
        color: #811850
    }

    .brilliant-rose .calendar td a: hover, .brilliant-rose .calendar td a: focus {
        color: #333;
        background-color: #c74a8d
    }

    .brilliant-rose a.current-events {
        color: #333;
        background-color: #c74a8d
    }

    .brilliant-rose a.current-events: focus, .brilliant-rose a.current-events: hover, .brilliant-rose a.current-events: active {
        color: #333;
        background-color: #e378b0
    }

    .brilliant-rose.landing .call-to-actions .responsive-module, .brilliant-rose .app .responsive-module {
        border-color: #c74a8d
    }

    .brilliant-rose .highlighted {
        color: #333;
        background-color: #c74a8d
    }

    .brilliant-rose .highlighted a, .brilliant-rose .highlighted a: hover, .brilliant-rose .highlighted a: focus {
        color: #333
    }

    .brilliant-rose .responsive-module.light, .brilliant-rose .light, .brilliant-rose .light a {
        color: #333;
        background-color: #e378b0
    }

    .brilliant-rose .responsive-module.light a: hover, .brilliant-rose .light a: hover, .brilliant-rose .light a a: hover {
        color: #595959
    }

    .brilliant-rose .responsive-module.medium, .brilliant-rose .medium, .brilliant-rose .medium a {
        color: #333;
        background-color: #c74a8d
    }

    .brilliant-rose .responsive-module.medium a: hover, .brilliant-rose .medium a: hover, .brilliant-rose .medium a a: hover {
        color: #595959
    }

    .brilliant-rose .responsive-module.dark, .brilliant-rose .dark, .brilliant-rose .dark a {
        background-color: #811850;
        color: white
    }

    .brilliant-rose .responsive-module.dark a: hover, .brilliant-rose .dark a: hover, .brilliant-rose .dark a a: hover {
        color: #d9d9d9
    }

    .brilliant-rose .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .brilliant-rose .small-colour-light .metadata {
        color: #333;
        background-color: #e378b0
    }

    .brilliant-rose .small-colour-medium .metadata {
        color: #333;
        background-color: #c74a8d
    }

    .brilliant-rose .small-colour-dark .metadata {
        color: white;
        background-color: #811850
    }

    @media screen and (min-width:37.5em) {
        .brilliant-rose .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .brilliant-rose .medium-colour-light .metadata {
            color: #333;
            background-color: #e378b0;
            background: rgba(227, 120, 176, 0.7)
        }

        .brilliant-rose .medium-colour-medium .metadata {
            color: #333;
            background-color: #c74a8d;
            background: rgba(199, 74, 141, 0.7)
        }

        .brilliant-rose .medium-colour-dark .metadata {
            color: white;
            background-color: #811850;
            background: rgba(129, 24, 80, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .brilliant-rose .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .brilliant-rose .large-colour-light .metadata {
            color: #333;
            background-color: #e378b0;
            background: rgba(227, 120, 176, 0.7)
        }

        .brilliant-rose .large-colour-medium .metadata {
            color: #333;
            background-color: #c74a8d;
            background: rgba(199, 74, 141, 0.7)
        }

        .brilliant-rose .large-colour-dark .metadata {
            color: white;
            background-color: #811850;
            background: rgba(129, 24, 80, 0.7)
        }
}

    .brilliant-rose .faqs li a {
        background-color: #811850
    }

    .brilliant-rose .faqs li a: hover, .brilliant-rose .faqs li a: focus, .brilliant-rose .faqs li a: active, .brilliant-rose .faqs li a.is-active {
        background-color: #c22478
    }

    .brilliant-rose .call-outs li a, .brilliant-rose .call-outs li .call-out-without-link {
        background-color: #811850
    }

    .brilliant-rose .call-outs li a: hover, .brilliant-rose .call-outs li a: focus, .brilliant-rose .call-outs li a: active, .brilliant-rose .call-outs li a.is-active, .brilliant-rose .call-outs li .call-out-without-link: hover, .brilliant-rose .call-outs li .call-out-without-link: focus, .brilliant-rose .call-outs li .call-out-without-link: active, .brilliant-rose .call-outs li .call-out-without-link.is-active {
        background-color: #c22478
    }

    .brilliant-rose .gallery, .brilliant-rose .photo-strip {
        background-color: #811850
    }

    .brilliant-rose .gallery .thumbnails-container .button: hover, .brilliant-rose .gallery .thumbnails-container .button: focus, .brilliant-rose .gallery .thumbnails-container .button: active, .brilliant-rose .photo-strip .thumbnails-container .button: hover, .brilliant-rose .photo-strip .thumbnails-container .button: focus, .brilliant-rose .photo-strip .thumbnails-container .button: active {
        background-color: #c74a8d
    }

    .brilliant-rose .gallery .thumbnails-container a.active, .brilliant-rose .photo-strip .thumbnails-container a.active {
        border-color: #c74a8d
    }

    .brilliant-rose .gallery .thumbnails-container li.thumbnail div, .brilliant-rose .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #811850
    }

    .brilliant-rose .highlighted-article-title-and-summary, .brilliant-rose .highlighted-title {
        background-image: none;
        background: #c74a8d
    }

    .brilliant-rose .montage .image-description.theme-description-background, .brilliant-rose .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(129, 24, 80, 0.6)
    }

    .brilliant-rose .montage .image-description.theme-description-background a, .brilliant-rose .montage .image-description-top.theme-description-background a {
        color: white
    }

    .brilliant-rose .highlighted .montage--image {
        border-color: #c74a8d
    }

    .brilliant-rose .cta-button--non-ucas td.button-container {
        background: #811850
    }

    .brilliant-rose .cta-button--non-ucas td a {
        background: #811850
    }

    .brilliant-rose .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .dark-lavendar .header-main .home img {
        /* background-color: #7b77a5 */
    }

    .dark-lavendar .footer-logo {
         background-color: #7b77a5
    }

    .dark-lavendar .header-main a, .dark-lavendar .header-main label {
        color: #7b77a5
    }

    .dark-lavendar .header-main a: hover, .dark-lavendar .header-main a: focus, .dark-lavendar .header-main label: hover, .dark-lavendar .header-main label: focus {
        color: #2d276b
    }

    .dark-lavendar button.search-button, .dark-lavendar button.search-button span: after {
        background-color: #7b77a5;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .dark-lavendar button.search-button: hover, .dark-lavendar button.search-button: focus {
        background-color: #aaa6d2
    }

    .dark-lavendar button.search-button: hover span: after, .dark-lavendar button.search-button: focus span: after {
        background-color: #aaa6d2
    }

    .dark-lavendar nav.main-navigation a: hover, .dark-lavendar nav.main-navigation a: focus, .dark-lavendar nav.main-navigation a: active {
        color: #aaa6d2
    }

    .dark-lavendar .article.hero .responsive-module article, .dark-lavendar .article.hero .responsive-module div, .dark-lavendar .school.hero .responsive-module article, .dark-lavendar .school.hero .responsive-module div, .dark-lavendar .course-hero .responsive-module article, .dark-lavendar .course-hero .responsive-module div {
        position: relative
    }

    .dark-lavendar .course-stage-heading {
        color: #7b77a5
    }

    .dark-lavendar .call-to-actions .call-to-action {
        color: white;
        background-color: #7b77a5
    }

    .dark-lavendar .call-to-actions .call-to-action: hover, .dark-lavendar .call-to-actions .call-to-action: focus, .dark-lavendar .call-to-actions .call-to-action: active, .dark-lavendar .call-to-actions .call-to-action.is-active {
        background-color: #aaa6d2
    }

    .dark-lavendar.landing .call-to-actions .call-to-action {
        color: #7b77a5;
        background-color: white
    }

    .dark-lavendar.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .dark-lavendar.landing .call-to-actions .call-to-action: hover, .dark-lavendar.landing .call-to-actions .call-to-action: focus, .dark-lavendar.landing .call-to-actions .call-to-action: active, .dark-lavendar.landing .call-to-actions .call-to-action.is-active {
        color: #2d276b;
        background-color: white
    }

    .dark-lavendar.landing .call-to-actions .call-to-action: hover .cta-text, .dark-lavendar.landing .call-to-actions .call-to-action: focus .cta-text, .dark-lavendar.landing .call-to-actions .call-to-action: active .cta-text, .dark-lavendar.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .dark-lavendar .calendar-page {
        color: #7b77a5;
        border-color: #7b77a5
    }

    .dark-lavendar .calendar-page.end: before, .dark-lavendar .calendar-page .day, .dark-lavendar .calendar-page .time {
        color: #7b77a5
    }

    .dark-lavendar .calendar-page .month {
        background-color: #7b77a5
    }

    .dark-lavendar .calendar a {
        color: #7b77a5
    }

    .dark-lavendar .calendar a: hover, .dark-lavendar .calendar a: focus {
        color: #2d276b
    }

    .dark-lavendar .calendar td a: hover, .dark-lavendar .calendar td a: focus {
        color: white;
        background-color: #7b77a5
    }

    .dark-lavendar a.current-events {
        color: white;
        background-color: #7b77a5
    }

    .dark-lavendar a.current-events: focus, .dark-lavendar a.current-events: hover, .dark-lavendar a.current-events: active {
        color: white;
        background-color: #aaa6d2
    }

    .dark-lavendar.landing .call-to-actions .responsive-module, .dark-lavendar .app .responsive-module {
        border-color: #7b77a5
    }

    .dark-lavendar .highlighted {
        color: white;
        background-color: #7b77a5
    }

    .dark-lavendar .highlighted a, .dark-lavendar .highlighted a: hover, .dark-lavendar .highlighted a: focus {
        color: white
    }

    .dark-lavendar .responsive-module.light, .dark-lavendar .light, .dark-lavendar .light a {
        color: white;
        background-color: #aaa6d2
    }

    .dark-lavendar .responsive-module.light a: hover, .dark-lavendar .light a: hover, .dark-lavendar .light a a: hover {
        color: white
    }

    .dark-lavendar .responsive-module.medium, .dark-lavendar .medium, .dark-lavendar .medium a {
        color: white;
        background-color: #7b77a5
    }

    .dark-lavendar .responsive-module.medium a: hover, .dark-lavendar .medium a: hover, .dark-lavendar .medium a a: hover {
        color: white
    }

    .dark-lavendar .responsive-module.dark, .dark-lavendar .dark, .dark-lavendar .dark a {
        background-color: #2d276b;
        color: white
    }

    .dark-lavendar .responsive-module.dark a: hover, .dark-lavendar .dark a: hover, .dark-lavendar .dark a a: hover {
        color: #d9d9d9
    }

    .dark-lavendar .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .dark-lavendar .small-colour-light .metadata {
        color: white;
        background-color: #aaa6d2
    }

    .dark-lavendar .small-colour-medium .metadata {
        color: white;
        background-color: #7b77a5
    }

    .dark-lavendar .small-colour-dark .metadata {
        color: white;
        background-color: #2d276b
    }

    @media screen and (min-width:37.5em) {
        .dark-lavendar .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .dark-lavendar .medium-colour-light .metadata {
            color: white;
            background-color: #aaa6d2;
            background: rgba(170, 166, 210, 0.7)
        }

        .dark-lavendar .medium-colour-medium .metadata {
            color: white;
            background-color: #7b77a5;
            background: rgba(123, 119, 165, 0.7)
        }

        .dark-lavendar .medium-colour-dark .metadata {
            color: white;
            background-color: #2d276b;
            background: rgba(45, 39, 107, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .dark-lavendar .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .dark-lavendar .large-colour-light .metadata {
            color: white;
            background-color: #aaa6d2;
            background: rgba(170, 166, 210, 0.7)
        }

        .dark-lavendar .large-colour-medium .metadata {
            color: white;
            background-color: #7b77a5;
            background: rgba(123, 119, 165, 0.7)
        }

        .dark-lavendar .large-colour-dark .metadata {
            color: white;
            background-color: #2d276b;
            background: rgba(45, 39, 107, 0.7)
        }
}

    .dark-lavendar .faqs li a {
        background-color: #2d276b
    }

    .dark-lavendar .faqs li a: hover, .dark-lavendar .faqs li a: focus, .dark-lavendar .faqs li a: active, .dark-lavendar .faqs li a.is-active {
        background-color: #453ba3
    }

    .dark-lavendar .call-outs li a, .dark-lavendar .call-outs li .call-out-without-link {
        background-color: #2d276b
    }

    .dark-lavendar .call-outs li a: hover, .dark-lavendar .call-outs li a: focus, .dark-lavendar .call-outs li a: active, .dark-lavendar .call-outs li a.is-active, .dark-lavendar .call-outs li .call-out-without-link: hover, .dark-lavendar .call-outs li .call-out-without-link: focus, .dark-lavendar .call-outs li .call-out-without-link: active, .dark-lavendar .call-outs li .call-out-without-link.is-active {
        background-color: #453ba3
    }

    .dark-lavendar .gallery, .dark-lavendar .photo-strip {
        background-color: #2d276b
    }

    .dark-lavendar .gallery .thumbnails-container .button: hover, .dark-lavendar .gallery .thumbnails-container .button: focus, .dark-lavendar .gallery .thumbnails-container .button: active, .dark-lavendar .photo-strip .thumbnails-container .button: hover, .dark-lavendar .photo-strip .thumbnails-container .button: focus, .dark-lavendar .photo-strip .thumbnails-container .button: active {
        background-color: #7b77a5
    }

    .dark-lavendar .gallery .thumbnails-container a.active, .dark-lavendar .photo-strip .thumbnails-container a.active {
        border-color: #7b77a5
    }

    .dark-lavendar .gallery .thumbnails-container li.thumbnail div, .dark-lavendar .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #2d276b
    }

    .dark-lavendar .highlighted-article-title-and-summary, .dark-lavendar .highlighted-title {
        background-image: none;
        background: #7b77a5
    }

    .dark-lavendar .montage .image-description.theme-description-background, .dark-lavendar .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(45, 39, 107, 0.6)
    }

    .dark-lavendar .montage .image-description.theme-description-background a, .dark-lavendar .montage .image-description-top.theme-description-background a {
        color: white
    }

    .dark-lavendar .highlighted .montage--image {
        border-color: #7b77a5
    }

    .dark-lavendar .cta-button--non-ucas td.button-container {
        background: #2d276b
    }

    .dark-lavendar .cta-button--non-ucas td a {
        background: #2d276b
    }

    .dark-lavendar .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .deep-orange .header-main .home img {
        /*background-color: #e09e33 */
    }

    .deep-orange .footer-logo {
        background-color: #e09e33
    }

    .deep-orange .header-main a, .deep-orange .header-main label {
        color: #e09e33
    }

    .deep-orange .header-main a: hover, .deep-orange .header-main a: focus, .deep-orange .header-main label: hover, .deep-orange .header-main label: focus {
        color: #926011
    }

    .deep-orange button.search-button, .deep-orange button.search-button span: after {
        background-color: #e09e33;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .deep-orange button.search-button: hover, .deep-orange button.search-button: focus {
        background-color: #f0bb65
    }

    .deep-orange button.search-button: hover span: after, .deep-orange button.search-button: focus span: after {
        background-color: #f0bb65
    }

    .deep-orange nav.main-navigation a: hover, .deep-orange nav.main-navigation a: focus, .deep-orange nav.main-navigation a: active {
        color: #f0bb65
    }

    .deep-orange .article.hero .responsive-module article, .deep-orange .article.hero .responsive-module div, .deep-orange .school.hero .responsive-module article, .deep-orange .school.hero .responsive-module div, .deep-orange .course-hero .responsive-module article, .deep-orange .course-hero .responsive-module div {
        position: relative
    }

    .deep-orange .course-stage-heading {
        color: #e09e33
    }

    .deep-orange .call-to-actions .call-to-action {
        color: #333;
        background-color: #e09e33
    }

    .deep-orange .call-to-actions .call-to-action: hover, .deep-orange .call-to-actions .call-to-action: focus, .deep-orange .call-to-actions .call-to-action: active, .deep-orange .call-to-actions .call-to-action.is-active {
        background-color: #f0bb65
    }

    .deep-orange.landing .call-to-actions .call-to-action {
        color: #e09e33;
        background-color: white
    }

    .deep-orange.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .deep-orange.landing .call-to-actions .call-to-action: hover, .deep-orange.landing .call-to-actions .call-to-action: focus, .deep-orange.landing .call-to-actions .call-to-action: active, .deep-orange.landing .call-to-actions .call-to-action.is-active {
        color: #926011;
        background-color: white
    }

    .deep-orange.landing .call-to-actions .call-to-action: hover .cta-text, .deep-orange.landing .call-to-actions .call-to-action: focus .cta-text, .deep-orange.landing .call-to-actions .call-to-action: active .cta-text, .deep-orange.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .deep-orange .calendar-page {
        color: #e09e33;
        border-color: #e09e33
    }

    .deep-orange .calendar-page.end: before, .deep-orange .calendar-page .day, .deep-orange .calendar-page .time {
        color: #e09e33
    }

    .deep-orange .calendar-page .month {
        background-color: #e09e33
    }

    .deep-orange .calendar a {
        color: #e09e33
    }

    .deep-orange .calendar a: hover, .deep-orange .calendar a: focus {
        color: #926011
    }

    .deep-orange .calendar td a: hover, .deep-orange .calendar td a: focus {
        color: #333;
        background-color: #e09e33
    }

    .deep-orange a.current-events {
        color: #333;
        background-color: #e09e33
    }

    .deep-orange a.current-events: focus, .deep-orange a.current-events: hover, .deep-orange a.current-events: active {
        color: #333;
        background-color: #f0bb65
    }

    .deep-orange.landing .call-to-actions .responsive-module, .deep-orange .app .responsive-module {
        border-color: #e09e33
    }

    .deep-orange .highlighted {
        color: #333;
        background-color: #e09e33
    }

    .deep-orange .highlighted a, .deep-orange .highlighted a: hover, .deep-orange .highlighted a: focus {
        color: #333
    }

    .deep-orange .responsive-module.light, .deep-orange .light, .deep-orange .light a {
        color: #333;
        background-color: #f0bb65
    }

    .deep-orange .responsive-module.light a: hover, .deep-orange .light a: hover, .deep-orange .light a a: hover {
        color: #595959
    }

    .deep-orange .responsive-module.medium, .deep-orange .medium, .deep-orange .medium a {
        color: #333;
        background-color: #e09e33
    }

    .deep-orange .responsive-module.medium a: hover, .deep-orange .medium a: hover, .deep-orange .medium a a: hover {
        color: #595959
    }

    .deep-orange .responsive-module.dark, .deep-orange .dark, .deep-orange .dark a {
        background-color: #926011;
        color: white
    }

    .deep-orange .responsive-module.dark a: hover, .deep-orange .dark a: hover, .deep-orange .dark a a: hover {
        color: #d9d9d9
    }

    .deep-orange .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .deep-orange .small-colour-light .metadata {
        color: #333;
        background-color: #f0bb65
    }

    .deep-orange .small-colour-medium .metadata {
        color: #333;
        background-color: #e09e33
    }

    .deep-orange .small-colour-dark .metadata {
        color: white;
        background-color: #926011
    }

    @media screen and (min-width:37.5em) {
        .deep-orange .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .deep-orange .medium-colour-light .metadata {
            color: #333;
            background-color: #f0bb65;
            background: rgba(240, 187, 101, 0.7)
        }

        .deep-orange .medium-colour-medium .metadata {
            color: #333;
            background-color: #e09e33;
            background: rgba(224, 158, 51, 0.7)
        }

        .deep-orange .medium-colour-dark .metadata {
            color: white;
            background-color: #926011;
            background: rgba(146, 96, 17, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .deep-orange .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .deep-orange .large-colour-light .metadata {
            color: #333;
            background-color: #f0bb65;
            background: rgba(240, 187, 101, 0.7)
        }

        .deep-orange .large-colour-medium .metadata {
            color: #333;
            background-color: #e09e33;
            background: rgba(224, 158, 51, 0.7)
        }

        .deep-orange .large-colour-dark .metadata {
            color: white;
            background-color: #926011;
            background: rgba(146, 96, 17, 0.7)
        }
}

    .deep-orange .faqs li a {
        background-color: #926011
    }

    .deep-orange .faqs li a: hover, .deep-orange .faqs li a: focus, .deep-orange .faqs li a: active, .deep-orange .faqs li a.is-active {
        background-color: #d78d19
    }

    .deep-orange .call-outs li a, .deep-orange .call-outs li .call-out-without-link {
        background-color: #926011
    }

    .deep-orange .call-outs li a: hover, .deep-orange .call-outs li a: focus, .deep-orange .call-outs li a: active, .deep-orange .call-outs li a.is-active, .deep-orange .call-outs li .call-out-without-link: hover, .deep-orange .call-outs li .call-out-without-link: focus, .deep-orange .call-outs li .call-out-without-link: active, .deep-orange .call-outs li .call-out-without-link.is-active {
        background-color: #d78d19
    }

    .deep-orange .gallery, .deep-orange .photo-strip {
        background-color: #926011
    }

    .deep-orange .gallery .thumbnails-container .button: hover, .deep-orange .gallery .thumbnails-container .button: focus, .deep-orange .gallery .thumbnails-container .button: active, .deep-orange .photo-strip .thumbnails-container .button: hover, .deep-orange .photo-strip .thumbnails-container .button: focus, .deep-orange .photo-strip .thumbnails-container .button: active {
        background-color: #e09e33
    }

    .deep-orange .gallery .thumbnails-container a.active, .deep-orange .photo-strip .thumbnails-container a.active {
        border-color: #e09e33
    }

    .deep-orange .gallery .thumbnails-container li.thumbnail div, .deep-orange .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #926011
    }

    .deep-orange .highlighted-article-title-and-summary, .deep-orange .highlighted-title {
        background-image: none;
        background: #e09e33
    }

    .deep-orange .montage .image-description.theme-description-background, .deep-orange .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(146, 96, 17, 0.6)
    }

    .deep-orange .montage .image-description.theme-description-background a, .deep-orange .montage .image-description-top.theme-description-background a {
        color: white
    }

    .deep-orange .highlighted .montage--image {
        border-color: #e09e33
    }

    .deep-orange .cta-button--non-ucas td.button-container {
        background: #926011
    }

    .deep-orange .cta-button--non-ucas td a {
        background: #926011
    }

    .deep-orange .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .deep-rose .header-main .home img {
        /*background-color: #a80075 */
    }

    .deep-rose .footer-logo {
        background-color: #a80075 
    }

    .deep-rose .header-main a, .deep-rose .header-main label {
        color: #a80075
    }

    .deep-rose .header-main a: hover, .deep-rose .header-main a: focus, .deep-rose .header-main label: hover, .deep-rose .header-main label: focus {
        color: #6d004c
    }

    .deep-rose button.search-button, .deep-rose button.search-button span: after {
        background-color: #a80075;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .deep-rose button.search-button: hover, .deep-rose button.search-button: focus {
        background-color: #d335a4
    }

    .deep-rose button.search-button: hover span: after, .deep-rose button.search-button: focus span: after {
        background-color: #d335a4
    }

    .deep-rose nav.main-navigation a: hover, .deep-rose nav.main-navigation a: focus, .deep-rose nav.main-navigation a: active {
        color: #d335a4
    }

    .deep-rose .article.hero .responsive-module article, .deep-rose .article.hero .responsive-module div, .deep-rose .school.hero .responsive-module article, .deep-rose .school.hero .responsive-module div, .deep-rose .course-hero .responsive-module article, .deep-rose .course-hero .responsive-module div {
        position: relative
    }

    .deep-rose .course-stage-heading {
        color: #a80075
    }

    .deep-rose .call-to-actions .call-to-action {
        color: white;
        background-color: #a80075
    }

    .deep-rose .call-to-actions .call-to-action: hover, .deep-rose .call-to-actions .call-to-action: focus, .deep-rose .call-to-actions .call-to-action: active, .deep-rose .call-to-actions .call-to-action.is-active {
        background-color: #d335a4
    }

    .deep-rose.landing .call-to-actions .call-to-action {
        color: #a80075;
        background-color: white
    }

    .deep-rose.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .deep-rose.landing .call-to-actions .call-to-action: hover, .deep-rose.landing .call-to-actions .call-to-action: focus, .deep-rose.landing .call-to-actions .call-to-action: active, .deep-rose.landing .call-to-actions .call-to-action.is-active {
        color: #6d004c;
        background-color: white
    }

    .deep-rose.landing .call-to-actions .call-to-action: hover .cta-text, .deep-rose.landing .call-to-actions .call-to-action: focus .cta-text, .deep-rose.landing .call-to-actions .call-to-action: active .cta-text, .deep-rose.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .deep-rose .calendar-page {
        color: #a80075;
        border-color: #a80075
    }

    .deep-rose .calendar-page.end: before, .deep-rose .calendar-page .day, .deep-rose .calendar-page .time {
        color: #a80075
    }

    .deep-rose .calendar-page .month {
        background-color: #a80075
    }

    .deep-rose .calendar a {
        color: #a80075
    }

    .deep-rose .calendar a: hover, .deep-rose .calendar a: focus {
        color: #6d004c
    }

    .deep-rose .calendar td a: hover, .deep-rose .calendar td a: focus {
        color: white;
        background-color: #a80075
    }

    .deep-rose a.current-events {
        color: white;
        background-color: #a80075
    }

    .deep-rose a.current-events: focus, .deep-rose a.current-events: hover, .deep-rose a.current-events: active {
        color: white;
        background-color: #d335a4
    }

    .deep-rose.landing .call-to-actions .responsive-module, .deep-rose .app .responsive-module {
        border-color: #a80075
    }

    .deep-rose .highlighted {
        color: white;
        background-color: #a80075
    }

    .deep-rose .highlighted a, .deep-rose .highlighted a: hover, .deep-rose .highlighted a: focus {
        color: white
    }

    .deep-rose .responsive-module.light, .deep-rose .light, .deep-rose .light a {
        color: #333;
        background-color: #d335a4
    }

    .deep-rose .responsive-module.light a: hover, .deep-rose .light a: hover, .deep-rose .light a a: hover {
        color: #595959
    }

    .deep-rose .responsive-module.medium, .deep-rose .medium, .deep-rose .medium a {
        color: white;
        background-color: #a80075
    }

    .deep-rose .responsive-module.medium a: hover, .deep-rose .medium a: hover, .deep-rose .medium a a: hover {
        color: white
    }

    .deep-rose .responsive-module.dark, .deep-rose .dark, .deep-rose .dark a {
        background-color: #6d004c;
        color: white
    }

    .deep-rose .responsive-module.dark a: hover, .deep-rose .dark a: hover, .deep-rose .dark a a: hover {
        color: #d9d9d9
    }

    .deep-rose .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .deep-rose .small-colour-light .metadata {
        color: #333;
        background-color: #d335a4
    }

    .deep-rose .small-colour-medium .metadata {
        color: white;
        background-color: #a80075
    }

    .deep-rose .small-colour-dark .metadata {
        color: white;
        background-color: #6d004c
    }

    @media screen and (min-width:37.5em) {
        .deep-rose .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .deep-rose .medium-colour-light .metadata {
            color: #333;
            background-color: #d335a4;
            background: rgba(211, 53, 164, 0.7)
        }

        .deep-rose .medium-colour-medium .metadata {
            color: white;
            background-color: #a80075;
            background: rgba(168, 0, 117, 0.7)
        }

        .deep-rose .medium-colour-dark .metadata {
            color: white;
            background-color: #6d004c;
            background: rgba(109, 0, 76, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .deep-rose .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .deep-rose .large-colour-light .metadata {
            color: #333;
            background-color: #d335a4;
            background: rgba(211, 53, 164, 0.7)
        }

        .deep-rose .large-colour-medium .metadata {
            color: white;
            background-color: #a80075;
            background: rgba(168, 0, 117, 0.7)
        }

        .deep-rose .large-colour-dark .metadata {
            color: white;
            background-color: #6d004c;
            background: rgba(109, 0, 76, 0.7)
        }
}

    .deep-rose .faqs li a {
        background-color: #6d004c
    }

    .deep-rose .faqs li a: hover, .deep-rose .faqs li a: focus, .deep-rose .faqs li a: active, .deep-rose .faqs li a.is-active {
        background-color: #ba0081
    }

    .deep-rose .call-outs li a, .deep-rose .call-outs li .call-out-without-link {
        background-color: #6d004c
    }

    .deep-rose .call-outs li a: hover, .deep-rose .call-outs li a: focus, .deep-rose .call-outs li a: active, .deep-rose .call-outs li a.is-active, .deep-rose .call-outs li .call-out-without-link: hover, .deep-rose .call-outs li .call-out-without-link: focus, .deep-rose .call-outs li .call-out-without-link: active, .deep-rose .call-outs li .call-out-without-link.is-active {
        background-color: #ba0081
    }

    .deep-rose .gallery, .deep-rose .photo-strip {
        background-color: #6d004c
    }

    .deep-rose .gallery .thumbnails-container .button: hover, .deep-rose .gallery .thumbnails-container .button: focus, .deep-rose .gallery .thumbnails-container .button: active, .deep-rose .photo-strip .thumbnails-container .button: hover, .deep-rose .photo-strip .thumbnails-container .button: focus, .deep-rose .photo-strip .thumbnails-container .button: active {
        background-color: #a80075
    }

    .deep-rose .gallery .thumbnails-container a.active, .deep-rose .photo-strip .thumbnails-container a.active {
        border-color: #a80075
    }

    .deep-rose .gallery .thumbnails-container li.thumbnail div, .deep-rose .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #6d004c
    }

    .deep-rose .highlighted-article-title-and-summary, .deep-rose .highlighted-title {
        background-image: none;
        background: #a80075
    }

    .deep-rose .montage .image-description.theme-description-background, .deep-rose .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(109, 0, 76, 0.6)
    }

    .deep-rose .montage .image-description.theme-description-background a, .deep-rose .montage .image-description-top.theme-description-background a {
        color: white
    }

    .deep-rose .highlighted .montage--image {
        border-color: #a80075
    }

    .deep-rose .cta-button--non-ucas td.button-container {
        background: #6d004c
    }

    .deep-rose .cta-button--non-ucas td a {
        background: #6d004c
    }

    .deep-rose .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .fresh-green .header-main .home img {
        /*background-color: #b4c960*/
    }

    .fresh-green .footer-logo {
        background-color: #b4c960
    }

    .fresh-green .header-main a, .fresh-green .header-main label {
        color: #b4c960
    }

    .fresh-green .header-main a: hover, .fresh-green .header-main a: focus, .fresh-green .header-main label: hover, .fresh-green .header-main label: focus {
        color: #6e831f
    }

    .fresh-green button.search-button, .fresh-green button.search-button span: after {
        background-color: #b4c960;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .fresh-green button.search-button: hover, .fresh-green button.search-button: focus {
        background-color: #d2e48b
    }

    .fresh-green button.search-button: hover span: after, .fresh-green button.search-button: focus span: after {
        background-color: #d2e48b
    }

    .fresh-green nav.main-navigation a: hover, .fresh-green nav.main-navigation a: focus, .fresh-green nav.main-navigation a: active {
        color: #d2e48b
    }

    .fresh-green .article.hero .responsive-module article, .fresh-green .article.hero .responsive-module div, .fresh-green .school.hero .responsive-module article, .fresh-green .school.hero .responsive-module div, .fresh-green .course-hero .responsive-module article, .fresh-green .course-hero .responsive-module div {
        position: relative
    }

    .fresh-green .course-stage-heading {
        color: #b4c960
    }

    .fresh-green .call-to-actions .call-to-action {
        color: #333;
        background-color: #b4c960
    }

    .fresh-green .call-to-actions .call-to-action: hover, .fresh-green .call-to-actions .call-to-action: focus, .fresh-green .call-to-actions .call-to-action: active, .fresh-green .call-to-actions .call-to-action.is-active {
        background-color: #d2e48b
    }

    .fresh-green.landing .call-to-actions .call-to-action {
        color: #b4c960;
        background-color: white
    }

    .fresh-green.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .fresh-green.landing .call-to-actions .call-to-action: hover, .fresh-green.landing .call-to-actions .call-to-action: focus, .fresh-green.landing .call-to-actions .call-to-action: active, .fresh-green.landing .call-to-actions .call-to-action.is-active {
        color: #6e831f;
        background-color: white
    }

    .fresh-green.landing .call-to-actions .call-to-action: hover .cta-text, .fresh-green.landing .call-to-actions .call-to-action: focus .cta-text, .fresh-green.landing .call-to-actions .call-to-action: active .cta-text, .fresh-green.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .fresh-green .calendar-page {
        color: #b4c960;
        border-color: #b4c960
    }

    .fresh-green .calendar-page.end: before, .fresh-green .calendar-page .day, .fresh-green .calendar-page .time {
        color: #b4c960
    }

    .fresh-green .calendar-page .month {
        background-color: #b4c960
    }

    .fresh-green .calendar a {
        color: #b4c960
    }

    .fresh-green .calendar a: hover, .fresh-green .calendar a: focus {
        color: #6e831f
    }

    .fresh-green .calendar td a: hover, .fresh-green .calendar td a: focus {
        color: #333;
        background-color: #b4c960
    }

    .fresh-green a.current-events {
        color: #333;
        background-color: #b4c960
    }

    .fresh-green a.current-events: focus, .fresh-green a.current-events: hover, .fresh-green a.current-events: active {
        color: #333;
        background-color: #d2e48b
    }

    .fresh-green.landing .call-to-actions .responsive-module, .fresh-green .app .responsive-module {
        border-color: #b4c960
    }

    .fresh-green .highlighted {
        color: #333;
        background-color: #b4c960
    }

    .fresh-green .highlighted a, .fresh-green .highlighted a: hover, .fresh-green .highlighted a: focus {
        color: #333
    }

    .fresh-green .responsive-module.light, .fresh-green .light, .fresh-green .light a {
        color: #333;
        background-color: #d2e48b
    }

    .fresh-green .responsive-module.light a: hover, .fresh-green .light a: hover, .fresh-green .light a a: hover {
        color: #595959
    }

    .fresh-green .responsive-module.medium, .fresh-green .medium, .fresh-green .medium a {
        color: #333;
        background-color: #b4c960
    }

    .fresh-green .responsive-module.medium a: hover, .fresh-green .medium a: hover, .fresh-green .medium a a: hover {
        color: #595959
    }

    .fresh-green .responsive-module.dark, .fresh-green .dark, .fresh-green .dark a {
        background-color: #6e831f;
        color: white
    }

    .fresh-green .responsive-module.dark a: hover, .fresh-green .dark a: hover, .fresh-green .dark a a: hover {
        color: #d9d9d9
    }

    .fresh-green .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .fresh-green .small-colour-light .metadata {
        color: #333;
        background-color: #d2e48b
    }

    .fresh-green .small-colour-medium .metadata {
        color: #333;
        background-color: #b4c960
    }

    .fresh-green .small-colour-dark .metadata {
        color: white;
        background-color: #6e831f
    }

    @media screen and (min-width:37.5em) {
        .fresh-green .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .fresh-green .medium-colour-light .metadata {
            color: #333;
            background-color: #d2e48b;
            background: rgba(210, 228, 139, 0.7)
        }

        .fresh-green .medium-colour-medium .metadata {
            color: #333;
            background-color: #b4c960;
            background: rgba(180, 201, 96, 0.7)
        }

        .fresh-green .medium-colour-dark .metadata {
            color: white;
            background-color: #6e831f;
            background: rgba(110, 131, 31, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .fresh-green .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .fresh-green .large-colour-light .metadata {
            color: #333;
            background-color: #d2e48b;
            background: rgba(210, 228, 139, 0.7)
        }

        .fresh-green .large-colour-medium .metadata {
            color: #333;
            background-color: #b4c960;
            background: rgba(180, 201, 96, 0.7)
        }

        .fresh-green .large-colour-dark .metadata {
            color: white;
            background-color: #6e831f;
            background: rgba(110, 131, 31, 0.7)
        }
}

    .fresh-green .faqs li a {
        background-color: #6e831f
    }

    .fresh-green .faqs li a: hover, .fresh-green .faqs li a: focus, .fresh-green .faqs li a: active, .fresh-green .faqs li a.is-active {
        background-color: #a2c12e
    }

    .fresh-green .call-outs li a, .fresh-green .call-outs li .call-out-without-link {
        background-color: #6e831f
    }

    .fresh-green .call-outs li a: hover, .fresh-green .call-outs li a: focus, .fresh-green .call-outs li a: active, .fresh-green .call-outs li a.is-active, .fresh-green .call-outs li .call-out-without-link: hover, .fresh-green .call-outs li .call-out-without-link: focus, .fresh-green .call-outs li .call-out-without-link: active, .fresh-green .call-outs li .call-out-without-link.is-active {
        background-color: #a2c12e
    }

    .fresh-green .gallery, .fresh-green .photo-strip {
        background-color: #6e831f
    }

    .fresh-green .gallery .thumbnails-container .button: hover, .fresh-green .gallery .thumbnails-container .button: focus, .fresh-green .gallery .thumbnails-container .button: active, .fresh-green .photo-strip .thumbnails-container .button: hover, .fresh-green .photo-strip .thumbnails-container .button: focus, .fresh-green .photo-strip .thumbnails-container .button: active {
        background-color: #b4c960
    }

    .fresh-green .gallery .thumbnails-container a.active, .fresh-green .photo-strip .thumbnails-container a.active {
        border-color: #b4c960
    }

    .fresh-green .gallery .thumbnails-container li.thumbnail div, .fresh-green .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #6e831f
    }

    .fresh-green .highlighted-article-title-and-summary, .fresh-green .highlighted-title {
        background-image: none;
        background: #b4c960
    }

    .fresh-green .montage .image-description.theme-description-background, .fresh-green .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(110, 131, 31, 0.6)
    }

    .fresh-green .montage .image-description.theme-description-background a, .fresh-green .montage .image-description-top.theme-description-background a {
        color: white
    }

    .fresh-green .highlighted .montage--image {
        border-color: #b4c960
    }

    .fresh-green .cta-button--non-ucas td.button-container {
        background: #6e831f
    }

    .fresh-green .cta-button--non-ucas td a {
        background: #6e831f
    }

    .fresh-green .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .midnight-blue .header-main .home img {
        /*background-color: #3c3e6f*/
    }

    .midnight-blue .footer-logo{
        background-color: #3c3e6f
    }

    .midnight-blue .header-main a, .midnight-blue .header-main label {
        color: #3c3e6f
    }

    .midnight-blue .header-main a: hover, .midnight-blue .header-main a: focus, .midnight-blue .header-main label: hover, .midnight-blue .header-main label: focus {
        color: #131648
    }

    .midnight-blue button.search-button, .midnight-blue button.search-button span: after {
        background-color: #3c3e6f;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .midnight-blue button.search-button: hover, .midnight-blue button.search-button: focus {
        background-color: #787bb7
    }

    .midnight-blue button.search-button: hover span: after, .midnight-blue button.search-button: focus span: after {
        background-color: #787bb7
    }

    .midnight-blue nav.main-navigation a: hover, .midnight-blue nav.main-navigation a: focus, .midnight-blue nav.main-navigation a: active {
        color: #787bb7
    }

    .midnight-blue .article.hero .responsive-module article, .midnight-blue .article.hero .responsive-module div, .midnight-blue .school.hero .responsive-module article, .midnight-blue .school.hero .responsive-module div, .midnight-blue .course-hero .responsive-module article, .midnight-blue .course-hero .responsive-module div {
        position: relative
    }

    .midnight-blue .course-stage-heading {
        color: #3c3e6f
    }

    .midnight-blue .call-to-actions .call-to-action {
        color: white;
        background-color: #3c3e6f
    }

    .midnight-blue .call-to-actions .call-to-action: hover, .midnight-blue .call-to-actions .call-to-action: focus, .midnight-blue .call-to-actions .call-to-action: active, .midnight-blue .call-to-actions .call-to-action.is-active {
        background-color: #787bb7
    }

    .midnight-blue.landing .call-to-actions .call-to-action {
        color: #3c3e6f;
        background-color: white
    }

    .midnight-blue.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .midnight-blue.landing .call-to-actions .call-to-action: hover, .midnight-blue.landing .call-to-actions .call-to-action: focus, .midnight-blue.landing .call-to-actions .call-to-action: active, .midnight-blue.landing .call-to-actions .call-to-action.is-active {
        color: #131648;
        background-color: white
    }

    .midnight-blue.landing .call-to-actions .call-to-action: hover .cta-text, .midnight-blue.landing .call-to-actions .call-to-action: focus .cta-text, .midnight-blue.landing .call-to-actions .call-to-action: active .cta-text, .midnight-blue.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .midnight-blue .calendar-page {
        color: #3c3e6f;
        border-color: #3c3e6f
    }

    .midnight-blue .calendar-page.end: before, .midnight-blue .calendar-page .day, .midnight-blue .calendar-page .time {
        color: #3c3e6f
    }

    .midnight-blue .calendar-page .month {
        background-color: #3c3e6f
    }

    .midnight-blue .calendar a {
        color: #3c3e6f
    }

    .midnight-blue .calendar a: hover, .midnight-blue .calendar a: focus {
        color: #131648
    }

    .midnight-blue .calendar td a: hover, .midnight-blue .calendar td a: focus {
        color: white;
        background-color: #3c3e6f
    }

    .midnight-blue a.current-events {
        color: white;
        background-color: #3c3e6f
    }

    .midnight-blue a.current-events: focus, .midnight-blue a.current-events: hover, .midnight-blue a.current-events: active {
        color: white;
        background-color: #787bb7
    }

    .midnight-blue.landing .call-to-actions .responsive-module, .midnight-blue .app .responsive-module {
        border-color: #3c3e6f
    }

    .midnight-blue .highlighted {
        color: white;
        background-color: #3c3e6f
    }

    .midnight-blue .highlighted a, .midnight-blue .highlighted a: hover, .midnight-blue .highlighted a: focus {
        color: white
    }

    .midnight-blue .responsive-module.light, .midnight-blue .light, .midnight-blue .light a {
        color: #333;
        background-color: #787bb7
    }

    .midnight-blue .responsive-module.light a: hover, .midnight-blue .light a: hover, .midnight-blue .light a a: hover {
        color: #595959
    }

    .midnight-blue .responsive-module.medium, .midnight-blue .medium, .midnight-blue .medium a {
        color: white;
        background-color: #3c3e6f
    }

    .midnight-blue .responsive-module.medium a: hover, .midnight-blue .medium a: hover, .midnight-blue .medium a a: hover {
        color: white
    }

    .midnight-blue .responsive-module.dark, .midnight-blue .dark, .midnight-blue .dark a {
        background-color: #131648;
        color: white
    }

    .midnight-blue .responsive-module.dark a: hover, .midnight-blue .dark a: hover, .midnight-blue .dark a a: hover {
        color: #d9d9d9
    }

    .midnight-blue .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .midnight-blue .small-colour-light .metadata {
        color: #333;
        background-color: #787bb7
    }

    .midnight-blue .small-colour-medium .metadata {
        color: white;
        background-color: #3c3e6f
    }

    .midnight-blue .small-colour-dark .metadata {
        color: white;
        background-color: #131648
    }

    @media screen and (min-width:37.5em) {
        .midnight-blue .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .midnight-blue .medium-colour-light .metadata {
            color: #333;
            background-color: #787bb7;
            background: rgba(120, 123, 183, 0.7)
        }

        .midnight-blue .medium-colour-medium .metadata {
            color: white;
            background-color: #3c3e6f;
            background: rgba(60, 62, 111, 0.7)
        }

        .midnight-blue .medium-colour-dark .metadata {
            color: white;
            background-color: #131648;
            background: rgba(19, 22, 72, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .midnight-blue .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .midnight-blue .large-colour-light .metadata {
            color: #333;
            background-color: #787bb7;
            background: rgba(120, 123, 183, 0.7)
        }

        .midnight-blue .large-colour-medium .metadata {
            color: white;
            background-color: #3c3e6f;
            background: rgba(60, 62, 111, 0.7)
        }

        .midnight-blue .large-colour-dark .metadata {
            color: white;
            background-color: #131648;
            background: rgba(19, 22, 72, 0.7)
        }
}

    .midnight-blue .faqs li a {
        background-color: #131648
    }

    .midnight-blue .faqs li a: hover, .midnight-blue .faqs li a: focus, .midnight-blue .faqs li a: active, .midnight-blue .faqs li a.is-active {
        background-color: #232885
    }

    .midnight-blue .call-outs li a, .midnight-blue .call-outs li .call-out-without-link {
        background-color: #131648
    }

    .midnight-blue .call-outs li a: hover, .midnight-blue .call-outs li a: focus, .midnight-blue .call-outs li a: active, .midnight-blue .call-outs li a.is-active, .midnight-blue .call-outs li .call-out-without-link: hover, .midnight-blue .call-outs li .call-out-without-link: focus, .midnight-blue .call-outs li .call-out-without-link: active, .midnight-blue .call-outs li .call-out-without-link.is-active {
        background-color: #232885
    }

    .midnight-blue .gallery, .midnight-blue .photo-strip {
        background-color: #131648
    }

    .midnight-blue .gallery .thumbnails-container .button: hover, .midnight-blue .gallery .thumbnails-container .button: focus, .midnight-blue .gallery .thumbnails-container .button: active, .midnight-blue .photo-strip .thumbnails-container .button: hover, .midnight-blue .photo-strip .thumbnails-container .button: focus, .midnight-blue .photo-strip .thumbnails-container .button: active {
        background-color: #3c3e6f
    }

    .midnight-blue .gallery .thumbnails-container a.active, .midnight-blue .photo-strip .thumbnails-container a.active {
        border-color: #3c3e6f
    }

    .midnight-blue .gallery .thumbnails-container li.thumbnail div, .midnight-blue .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #131648
    }

    .midnight-blue .highlighted-article-title-and-summary, .midnight-blue .highlighted-title {
        background-image: none;
        background: #3c3e6f
    }

    .midnight-blue .montage .image-description.theme-description-background, .midnight-blue .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(19, 22, 72, 0.6)
    }

    .midnight-blue .montage .image-description.theme-description-background a, .midnight-blue .montage .image-description-top.theme-description-background a {
        color: white
    }

    .midnight-blue .highlighted .montage--image {
        border-color: #3c3e6f
    }

    .midnight-blue .cta-button--non-ucas td.button-container {
        background: #131648
    }

    .midnight-blue .cta-button--non-ucas td a {
        background: #131648
    }

    .midnight-blue .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .mono .header-main .home img {
        /*background-color: #747376 */
    }

    .mono .footer-logo {
        background-color: #747376 
    }

    .mono .header-main a, .mono .header-main label {
        color: #747376
    }

    .mono .header-main a: hover, .mono .header-main a: focus, .mono .header-main label: hover, .mono .header-main label: focus {
        color: #222
    }

    .mono button.search-button, .mono button.search-button span: after {
        background-color: #747376;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .mono button.search-button: hover, .mono button.search-button: focus {
        background-color: #b6b7b9
    }

    .mono button.search-button: hover span: after, .mono button.search-button: focus span: after {
        background-color: #b6b7b9
    }

    .mono nav.main-navigation a: hover, .mono nav.main-navigation a: focus, .mono nav.main-navigation a: active {
        color: #b6b7b9
    }

    .mono .article.hero .responsive-module article, .mono .article.hero .responsive-module div, .mono .school.hero .responsive-module article, .mono .school.hero .responsive-module div, .mono .course-hero .responsive-module article, .mono .course-hero .responsive-module div {
        position: relative
    }

    .mono .course-stage-heading {
        color: #747376
    }

    .mono .call-to-actions .call-to-action {
        color: white;
        background-color: #747376
    }

    .mono .call-to-actions .call-to-action: hover, .mono .call-to-actions .call-to-action: focus, .mono .call-to-actions .call-to-action: active, .mono .call-to-actions .call-to-action.is-active {
        background-color: #b6b7b9
    }

    .mono.landing .call-to-actions .call-to-action {
        color: #747376;
        background-color: white
    }

    .mono.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .mono.landing .call-to-actions .call-to-action: hover, .mono.landing .call-to-actions .call-to-action: focus, .mono.landing .call-to-actions .call-to-action: active, .mono.landing .call-to-actions .call-to-action.is-active {
        color: #222;
        background-color: white
    }

    .mono.landing .call-to-actions .call-to-action: hover .cta-text, .mono.landing .call-to-actions .call-to-action: focus .cta-text, .mono.landing .call-to-actions .call-to-action: active .cta-text, .mono.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .mono .calendar-page {
        color: #747376;
        border-color: #747376
    }

    .mono .calendar-page.end: before, .mono .calendar-page .day, .mono .calendar-page .time {
        color: #747376
    }

    .mono .calendar-page .month {
        background-color: #747376
    }

    .mono .calendar a {
        color: #747376
    }

    .mono .calendar a: hover, .mono .calendar a: focus {
        color: #222
    }

    .mono .calendar td a: hover, .mono .calendar td a: focus {
        color: white;
        background-color: #747376
    }

    .mono a.current-events {
        color: white;
        background-color: #747376
    }

    .mono a.current-events: focus, .mono a.current-events: hover, .mono a.current-events: active {
        color: white;
        background-color: #b6b7b9
    }

    .mono.landing .call-to-actions .responsive-module, .mono .app .responsive-module {
        border-color: #747376
    }

    .mono .highlighted {
        color: white;
        background-color: #747376
    }

    .mono .highlighted a, .mono .highlighted a: hover, .mono .highlighted a: focus {
        color: white
    }

    .mono .responsive-module.light, .mono .light, .mono .light a {
        color: #333;
        background-color: #b6b7b9
    }

    .mono .responsive-module.light a: hover, .mono .light a: hover, .mono .light a a: hover {
        color: #595959
    }

    .mono .responsive-module.medium, .mono .medium, .mono .medium a {
        color: white;
        background-color: #747376
    }

    .mono .responsive-module.medium a: hover, .mono .medium a: hover, .mono .medium a a: hover {
        color: white
    }

    .mono .responsive-module.dark, .mono .dark, .mono .dark a {
        background-color: #222;
        color: white
    }

    .mono .responsive-module.dark a: hover, .mono .dark a: hover, .mono .dark a a: hover {
        color: #d9d9d9
    }

    .mono .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .mono .small-colour-light .metadata {
        color: #333;
        background-color: #b6b7b9
    }

    .mono .small-colour-medium .metadata {
        color: white;
        background-color: #747376
    }

    .mono .small-colour-dark .metadata {
        color: white;
        background-color: #222
    }

    @media screen and (min-width:37.5em) {
        .mono .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .mono .medium-colour-light .metadata {
            color: #333;
            background-color: #b6b7b9;
            background: rgba(182, 183, 185, 0.7)
        }

        .mono .medium-colour-medium .metadata {
            color: white;
            background-color: #747376;
            background: rgba(116, 115, 118, 0.7)
        }

        .mono .medium-colour-dark .metadata {
            color: white;
            background-color: #222;
            background: rgba(34, 34, 34, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .mono .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .mono .large-colour-light .metadata {
            color: #333;
            background-color: #b6b7b9;
            background: rgba(182, 183, 185, 0.7)
        }

        .mono .large-colour-medium .metadata {
            color: white;
            background-color: #747376;
            background: rgba(116, 115, 118, 0.7)
        }

        .mono .large-colour-dark .metadata {
            color: white;
            background-color: #222;
            background: rgba(34, 34, 34, 0.7)
        }
}

    .mono .faqs li a {
        background-color: #222
    }

    .mono .faqs li a: hover, .mono .faqs li a: focus, .mono .faqs li a: active, .mono .faqs li a.is-active {
        background-color: #484848
    }

    .mono .call-outs li a, .mono .call-outs li .call-out-without-link {
        background-color: #222
    }

    .mono .call-outs li a: hover, .mono .call-outs li a: focus, .mono .call-outs li a: active, .mono .call-outs li a.is-active, .mono .call-outs li .call-out-without-link: hover, .mono .call-outs li .call-out-without-link: focus, .mono .call-outs li .call-out-without-link: active, .mono .call-outs li .call-out-without-link.is-active {
        background-color: #484848
    }

    .mono .gallery, .mono .photo-strip {
        background-color: #222
    }

    .mono .gallery .thumbnails-container .button: hover, .mono .gallery .thumbnails-container .button: focus, .mono .gallery .thumbnails-container .button: active, .mono .photo-strip .thumbnails-container .button: hover, .mono .photo-strip .thumbnails-container .button: focus, .mono .photo-strip .thumbnails-container .button: active {
        background-color: #747376
    }

    .mono .gallery .thumbnails-container a.active, .mono .photo-strip .thumbnails-container a.active {
        border-color: #747376
    }

    .mono .gallery .thumbnails-container li.thumbnail div, .mono .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #222
    }

    .mono .highlighted-article-title-and-summary, .mono .highlighted-title {
        background-image: none;
        background: #747376
    }

    .mono .montage .image-description.theme-description-background, .mono .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(34, 34, 34, 0.6)
    }

    .mono .montage .image-description.theme-description-background a, .mono .montage .image-description-top.theme-description-background a {
        color: white
    }

    .mono .highlighted .montage--image {
        border-color: #747376
    }

    .mono .cta-button--non-ucas td.button-container {
        background: #222
    }

    .mono .cta-button--non-ucas td a {
        background: #222
    }

    .mono .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .noir .header-main .home img {
        /*background-color: black*/
    }

    .noir .footer-logo {
        background-color: black
    }

    .noir .header-main a, .noir .header-main label {
        color: black
    }

    .noir .header-main a: hover, .noir .header-main a: focus, .noir .header-main label: hover, .noir .header-main label: focus {
        color: black
    }

    .noir button.search-button, .noir button.search-button span: after {
        background-color: black;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .noir button.search-button: hover, .noir button.search-button: focus {
        background-color: black
    }

    .noir button.search-button: hover span: after, .noir button.search-button: focus span: after {
        background-color: black
    }

    .noir nav.main-navigation a: hover, .noir nav.main-navigation a: focus, .noir nav.main-navigation a: active {
        color: black
    }

    .noir .article.hero .responsive-module article, .noir .article.hero .responsive-module div, .noir .school.hero .responsive-module article, .noir .school.hero .responsive-module div, .noir .course-hero .responsive-module article, .noir .course-hero .responsive-module div {
        position: relative
    }

    .noir .course-stage-heading {
        color: black
    }

    .noir .call-to-actions .call-to-action {
        color: white;
        background-color: black
    }

    .noir .call-to-actions .call-to-action: hover, .noir .call-to-actions .call-to-action: focus, .noir .call-to-actions .call-to-action: active, .noir .call-to-actions .call-to-action.is-active {
        background-color: black
    }

    .noir.landing .call-to-actions .call-to-action {
        color: black;
        background-color: white
    }

    .noir.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .noir.landing .call-to-actions .call-to-action: hover, .noir.landing .call-to-actions .call-to-action: focus, .noir.landing .call-to-actions .call-to-action: active, .noir.landing .call-to-actions .call-to-action.is-active {
        color: black;
        background-color: white
    }

    .noir.landing .call-to-actions .call-to-action: hover .cta-text, .noir.landing .call-to-actions .call-to-action: focus .cta-text, .noir.landing .call-to-actions .call-to-action: active .cta-text, .noir.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .noir .calendar-page {
        color: black;
        border-color: black
    }

    .noir .calendar-page.end: before, .noir .calendar-page .day, .noir .calendar-page .time {
        color: black
    }

    .noir .calendar-page .month {
        background-color: black
    }

    .noir .calendar a {
        color: black
    }

    .noir .calendar a: hover, .noir .calendar a: focus {
        color: black
    }

    .noir .calendar td a: hover, .noir .calendar td a: focus {
        color: white;
        background-color: black
    }

    .noir a.current-events {
        color: white;
        background-color: black
    }

    .noir a.current-events: focus, .noir a.current-events: hover, .noir a.current-events: active {
        color: white;
        background-color: black
    }

    .noir.landing .call-to-actions .responsive-module, .noir .app .responsive-module {
        border-color: black
    }

    .noir .highlighted {
        color: white;
        background-color: black
    }

    .noir .highlighted a, .noir .highlighted a: hover, .noir .highlighted a: focus {
        color: white
    }

    .noir .responsive-module.light, .noir .light, .noir .light a {
        color: white;
        background-color: black
    }

    .noir .responsive-module.light a: hover, .noir .light a: hover, .noir .light a a: hover {
        color: white
    }

    .noir .responsive-module.medium, .noir .medium, .noir .medium a {
        color: white;
        background-color: black
    }

    .noir .responsive-module.medium a: hover, .noir .medium a: hover, .noir .medium a a: hover {
        color: white
    }

    .noir .responsive-module.dark, .noir .dark, .noir .dark a {
        background-color: black;
        color: white
    }

    .noir .responsive-module.dark a: hover, .noir .dark a: hover, .noir .dark a a: hover {
        color: #d9d9d9
    }

    .noir .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .noir .small-colour-light .metadata {
        color: white;
        background-color: black
    }

    .noir .small-colour-medium .metadata {
        color: white;
        background-color: black
    }

    .noir .small-colour-dark .metadata {
        color: white;
        background-color: black
    }

    @media screen and (min-width:37.5em) {
        .noir .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .noir .medium-colour-light .metadata {
            color: white;
            background-color: black;
            background: rgba(0, 0, 0, 0.7)
        }

        .noir .medium-colour-medium .metadata {
            color: white;
            background-color: black;
            background: rgba(0, 0, 0, 0.7)
        }

        .noir .medium-colour-dark .metadata {
            color: white;
            background-color: black;
            background: rgba(0, 0, 0, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .noir .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .noir .large-colour-light .metadata {
            color: white;
            background-color: black;
            background: rgba(0, 0, 0, 0.7)
        }

        .noir .large-colour-medium .metadata {
            color: white;
            background-color: black;
            background: rgba(0, 0, 0, 0.7)
        }

        .noir .large-colour-dark .metadata {
            color: white;
            background-color: black;
            background: rgba(0, 0, 0, 0.7)
        }
}

    .noir .faqs li a {
        background-color: black
    }

    .noir .faqs li a: hover, .noir .faqs li a: focus, .noir .faqs li a: active, .noir .faqs li a.is-active {
        background-color: #262626
    }

    .noir .call-outs li a, .noir .call-outs li .call-out-without-link {
        background-color: black
    }

    .noir .call-outs li a: hover, .noir .call-outs li a: focus, .noir .call-outs li a: active, .noir .call-outs li a.is-active, .noir .call-outs li .call-out-without-link: hover, .noir .call-outs li .call-out-without-link: focus, .noir .call-outs li .call-out-without-link: active, .noir .call-outs li .call-out-without-link.is-active {
        background-color: #262626
    }

    .noir .gallery, .noir .photo-strip {
        background-color: black
    }

    .noir .gallery .thumbnails-container .button: hover, .noir .gallery .thumbnails-container .button: focus, .noir .gallery .thumbnails-container .button: active, .noir .photo-strip .thumbnails-container .button: hover, .noir .photo-strip .thumbnails-container .button: focus, .noir .photo-strip .thumbnails-container .button: active {
        background-color: black
    }

    .noir .gallery .thumbnails-container a.active, .noir .photo-strip .thumbnails-container a.active {
        border-color: black
    }

    .noir .gallery .thumbnails-container li.thumbnail div, .noir .photo-strip .thumbnails-container li.thumbnail div {
        background-color: black
    }

    .noir .highlighted-article-title-and-summary, .noir .highlighted-title {
        background-image: none;
        background: black
    }

    .noir .montage .image-description.theme-description-background, .noir .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(0, 0, 0, 0.6)
    }

    .noir .montage .image-description.theme-description-background a, .noir .montage .image-description-top.theme-description-background a {
        color: white
    }

    .noir .highlighted .montage--image {
        border-color: black
    }

    .noir .cta-button--non-ucas td.button-container {
        background: black
    }

    .noir .cta-button--non-ucas td a {
        background: black
    }

    .noir .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .persian-indigo .header-main .home img {
        /*background-color: #1d347e*/
    }

    .persian-indigo .footer-logo {
        background-color: #1d347e
    }

    .persian-indigo .header-main a, .persian-indigo .header-main label {
        color: #1d347e
    }

    .persian-indigo .header-main a: hover, .persian-indigo .header-main a: focus, .persian-indigo .header-main label: hover, .persian-indigo .header-main label: focus {
        color: #091a52
    }

    .persian-indigo button.search-button, .persian-indigo button.search-button span: after {
        background-color: #1d347e;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .persian-indigo button.search-button: hover, .persian-indigo button.search-button: focus {
        background-color: #516abf
    }

    .persian-indigo button.search-button: hover span: after, .persian-indigo button.search-button: focus span: after {
        background-color: #516abf
    }

    .persian-indigo nav.main-navigation a: hover, .persian-indigo nav.main-navigation a: focus, .persian-indigo nav.main-navigation a: active {
        color: #516abf
    }

    .persian-indigo .article.hero .responsive-module article, .persian-indigo .article.hero .responsive-module div, .persian-indigo .school.hero .responsive-module article, .persian-indigo .school.hero .responsive-module div, .persian-indigo .course-hero .responsive-module article, .persian-indigo .course-hero .responsive-module div {
        position: relative
    }

    .persian-indigo .course-stage-heading {
        color: #1d347e
    }

    .persian-indigo .call-to-actions .call-to-action {
        color: white;
        background-color: #1d347e
    }

    .persian-indigo .call-to-actions .call-to-action: hover, .persian-indigo .call-to-actions .call-to-action: focus, .persian-indigo .call-to-actions .call-to-action: active, .persian-indigo .call-to-actions .call-to-action.is-active {
        background-color: #516abf
    }

    .persian-indigo.landing .call-to-actions .call-to-action {
        color: #1d347e;
        background-color: white
    }

    .persian-indigo.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .persian-indigo.landing .call-to-actions .call-to-action: hover, .persian-indigo.landing .call-to-actions .call-to-action: focus, .persian-indigo.landing .call-to-actions .call-to-action: active, .persian-indigo.landing .call-to-actions .call-to-action.is-active {
        color: #091a52;
        background-color: white
    }

    .persian-indigo.landing .call-to-actions .call-to-action: hover .cta-text, .persian-indigo.landing .call-to-actions .call-to-action: focus .cta-text, .persian-indigo.landing .call-to-actions .call-to-action: active .cta-text, .persian-indigo.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .persian-indigo .calendar-page {
        color: #1d347e;
        border-color: #1d347e
    }

    .persian-indigo .calendar-page.end: before, .persian-indigo .calendar-page .day, .persian-indigo .calendar-page .time {
        color: #1d347e
    }

    .persian-indigo .calendar-page .month {
        background-color: #1d347e
    }

    .persian-indigo .calendar a {
        color: #1d347e
    }

    .persian-indigo .calendar a: hover, .persian-indigo .calendar a: focus {
        color: #091a52
    }

    .persian-indigo .calendar td a: hover, .persian-indigo .calendar td a: focus {
        color: white;
        background-color: #1d347e
    }

    .persian-indigo a.current-events {
        color: white;
        background-color: #1d347e
    }

    .persian-indigo a.current-events: focus, .persian-indigo a.current-events: hover, .persian-indigo a.current-events: active {
        color: white;
        background-color: #516abf
    }

    .persian-indigo.landing .call-to-actions .responsive-module, .persian-indigo .app .responsive-module {
        border-color: #1d347e
    }

    .persian-indigo .highlighted {
        color: white;
        background-color: #1d347e
    }

    .persian-indigo .highlighted a, .persian-indigo .highlighted a: hover, .persian-indigo .highlighted a: focus {
        color: white
    }

    .persian-indigo .responsive-module.light, .persian-indigo .light, .persian-indigo .light a {
        color: #333;
        background-color: #516abf
    }

    .persian-indigo .responsive-module.light a: hover, .persian-indigo .light a: hover, .persian-indigo .light a a: hover {
        color: #595959
    }

    .persian-indigo .responsive-module.medium, .persian-indigo .medium, .persian-indigo .medium a {
        color: white;
        background-color: #1d347e
    }

    .persian-indigo .responsive-module.medium a: hover, .persian-indigo .medium a: hover, .persian-indigo .medium a a: hover {
        color: white
    }

    .persian-indigo .responsive-module.dark, .persian-indigo .dark, .persian-indigo .dark a {
        background-color: #091a52;
        color: white
    }

    .persian-indigo .responsive-module.dark a: hover, .persian-indigo .dark a: hover, .persian-indigo .dark a a: hover {
        color: #d9d9d9
    }

    .persian-indigo .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .persian-indigo .small-colour-light .metadata {
        color: #333;
        background-color: #516abf
    }

    .persian-indigo .small-colour-medium .metadata {
        color: white;
        background-color: #1d347e
    }

    .persian-indigo .small-colour-dark .metadata {
        color: white;
        background-color: #091a52
    }

    @media screen and (min-width:37.5em) {
        .persian-indigo .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .persian-indigo .medium-colour-light .metadata {
            color: #333;
            background-color: #516abf;
            background: rgba(81, 106, 191, 0.7)
        }

        .persian-indigo .medium-colour-medium .metadata {
            color: white;
            background-color: #1d347e;
            background: rgba(29, 52, 126, 0.7)
        }

        .persian-indigo .medium-colour-dark .metadata {
            color: white;
            background-color: #091a52;
            background: rgba(9, 26, 82, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .persian-indigo .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .persian-indigo .large-colour-light .metadata {
            color: #333;
            background-color: #516abf;
            background: rgba(81, 106, 191, 0.7)
        }

        .persian-indigo .large-colour-medium .metadata {
            color: white;
            background-color: #1d347e;
            background: rgba(29, 52, 126, 0.7)
        }

        .persian-indigo .large-colour-dark .metadata {
            color: white;
            background-color: #091a52;
            background: rgba(9, 26, 82, 0.7)
        }
}

    .persian-indigo .faqs li a {
        background-color: #091a52
    }

    .persian-indigo .faqs li a: hover, .persian-indigo .faqs li a: focus, .persian-indigo .faqs li a: active, .persian-indigo .faqs li a.is-active {
        background-color: #113097
    }

    .persian-indigo .call-outs li a, .persian-indigo .call-outs li .call-out-without-link {
        background-color: #091a52
    }

    .persian-indigo .call-outs li a: hover, .persian-indigo .call-outs li a: focus, .persian-indigo .call-outs li a: active, .persian-indigo .call-outs li a.is-active, .persian-indigo .call-outs li .call-out-without-link: hover, .persian-indigo .call-outs li .call-out-without-link: focus, .persian-indigo .call-outs li .call-out-without-link: active, .persian-indigo .call-outs li .call-out-without-link.is-active {
        background-color: #113097
    }

    .persian-indigo .gallery, .persian-indigo .photo-strip {
        background-color: #091a52
    }

    .persian-indigo .gallery .thumbnails-container .button: hover, .persian-indigo .gallery .thumbnails-container .button: focus, .persian-indigo .gallery .thumbnails-container .button: active, .persian-indigo .photo-strip .thumbnails-container .button: hover, .persian-indigo .photo-strip .thumbnails-container .button: focus, .persian-indigo .photo-strip .thumbnails-container .button: active {
        background-color: #1d347e
    }

    .persian-indigo .gallery .thumbnails-container a.active, .persian-indigo .photo-strip .thumbnails-container a.active {
        border-color: #1d347e
    }

    .persian-indigo .gallery .thumbnails-container li.thumbnail div, .persian-indigo .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #091a52
    }

    .persian-indigo .highlighted-article-title-and-summary, .persian-indigo .highlighted-title {
        background-image: none;
        background: #1d347e
    }

    .persian-indigo .montage .image-description.theme-description-background, .persian-indigo .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(9, 26, 82, 0.6)
    }

    .persian-indigo .montage .image-description.theme-description-background a, .persian-indigo .montage .image-description-top.theme-description-background a {
        color: white
    }

    .persian-indigo .highlighted .montage--image {
        border-color: #1d347e
    }

    .persian-indigo .cta-button--non-ucas td.button-container {
        background: #091a52
    }

    .persian-indigo .cta-button--non-ucas td a {
        background: #091a52
    }

    .persian-indigo .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .raspberry-red .header-main .home img {
        /*background-color: #c1004a*/
    }

    .raspberry-red .footer-logo {
        background-color: #c1004a
    }

    .raspberry-red .header-main a, .raspberry-red .header-main label {
        color: #c1004a
    }

    .raspberry-red .header-main a: hover, .raspberry-red .header-main a: focus, .raspberry-red .header-main label: hover, .raspberry-red .header-main label: focus {
        color: #7d0031
    }

    .raspberry-red button.search-button, .raspberry-red button.search-button span: after {
        background-color: #c1004a;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .raspberry-red button.search-button: hover, .raspberry-red button.search-button: focus {
        background-color: #e03879
    }

    .raspberry-red button.search-button: hover span: after, .raspberry-red button.search-button: focus span: after {
        background-color: #e03879
    }

    .raspberry-red nav.main-navigation a: hover, .raspberry-red nav.main-navigation a: focus, .raspberry-red nav.main-navigation a: active {
        color: #e03879
    }

    .raspberry-red .article.hero .responsive-module article, .raspberry-red .article.hero .responsive-module div, .raspberry-red .school.hero .responsive-module article, .raspberry-red .school.hero .responsive-module div, .raspberry-red .course-hero .responsive-module article, .raspberry-red .course-hero .responsive-module div {
        position: relative
    }

    .raspberry-red .course-stage-heading {
        color: #c1004a
    }

    .raspberry-red .call-to-actions .call-to-action {
        color: white;
        background-color: #c1004a
    }

    .raspberry-red .call-to-actions .call-to-action: hover, .raspberry-red .call-to-actions .call-to-action: focus, .raspberry-red .call-to-actions .call-to-action: active, .raspberry-red .call-to-actions .call-to-action.is-active {
        background-color: #e03879
    }

    .raspberry-red.landing .call-to-actions .call-to-action {
        color: #c1004a;
        background-color: white
    }

    .raspberry-red.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .raspberry-red.landing .call-to-actions .call-to-action: hover, .raspberry-red.landing .call-to-actions .call-to-action: focus, .raspberry-red.landing .call-to-actions .call-to-action: active, .raspberry-red.landing .call-to-actions .call-to-action.is-active {
        color: #7d0031;
        background-color: white
    }

    .raspberry-red.landing .call-to-actions .call-to-action: hover .cta-text, .raspberry-red.landing .call-to-actions .call-to-action: focus .cta-text, .raspberry-red.landing .call-to-actions .call-to-action: active .cta-text, .raspberry-red.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .raspberry-red .calendar-page {
        color: #c1004a;
        border-color: #c1004a
    }

    .raspberry-red .calendar-page.end: before, .raspberry-red .calendar-page .day, .raspberry-red .calendar-page .time {
        color: #c1004a
    }

    .raspberry-red .calendar-page .month {
        background-color: #c1004a
    }

    .raspberry-red .calendar a {
        color: #c1004a
    }

    .raspberry-red .calendar a: hover, .raspberry-red .calendar a: focus {
        color: #7d0031
    }

    .raspberry-red .calendar td a: hover, .raspberry-red .calendar td a: focus {
        color: white;
        background-color: #c1004a
    }

    .raspberry-red a.current-events {
        color: white;
        background-color: #c1004a
    }

    .raspberry-red a.current-events: focus, .raspberry-red a.current-events: hover, .raspberry-red a.current-events: active {
        color: white;
        background-color: #e03879
    }

    .raspberry-red.landing .call-to-actions .responsive-module, .raspberry-red .app .responsive-module {
        border-color: #c1004a
    }

    .raspberry-red .highlighted {
        color: white;
        background-color: #c1004a
    }

    .raspberry-red .highlighted a, .raspberry-red .highlighted a: hover, .raspberry-red .highlighted a: focus {
        color: white
    }

    .raspberry-red .responsive-module.light, .raspberry-red .light, .raspberry-red .light a {
        color: #333;
        background-color: #e03879
    }

    .raspberry-red .responsive-module.light a: hover, .raspberry-red .light a: hover, .raspberry-red .light a a: hover {
        color: #595959
    }

    .raspberry-red .responsive-module.medium, .raspberry-red .medium, .raspberry-red .medium a {
        color: white;
        background-color: #c1004a
    }

    .raspberry-red .responsive-module.medium a: hover, .raspberry-red .medium a: hover, .raspberry-red .medium a a: hover {
        color: white
    }

    .raspberry-red .responsive-module.dark, .raspberry-red .dark, .raspberry-red .dark a {
        background-color: #7d0031;
        color: white
    }

    .raspberry-red .responsive-module.dark a: hover, .raspberry-red .dark a: hover, .raspberry-red .dark a a: hover {
        color: #d9d9d9
    }

    .raspberry-red .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .raspberry-red .small-colour-light .metadata {
        color: #333;
        background-color: #e03879
    }

    .raspberry-red .small-colour-medium .metadata {
        color: white;
        background-color: #c1004a
    }

    .raspberry-red .small-colour-dark .metadata {
        color: white;
        background-color: #7d0031
    }

    @media screen and (min-width:37.5em) {
        .raspberry-red .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .raspberry-red .medium-colour-light .metadata {
            color: #333;
            background-color: #e03879;
            background: rgba(224, 56, 121, 0.7)
        }

        .raspberry-red .medium-colour-medium .metadata {
            color: white;
            background-color: #c1004a;
            background: rgba(193, 0, 74, 0.7)
        }

        .raspberry-red .medium-colour-dark .metadata {
            color: white;
            background-color: #7d0031;
            background: rgba(125, 0, 49, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .raspberry-red .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .raspberry-red .large-colour-light .metadata {
            color: #333;
            background-color: #e03879;
            background: rgba(224, 56, 121, 0.7)
        }

        .raspberry-red .large-colour-medium .metadata {
            color: white;
            background-color: #c1004a;
            background: rgba(193, 0, 74, 0.7)
        }

        .raspberry-red .large-colour-dark .metadata {
            color: white;
            background-color: #7d0031;
            background: rgba(125, 0, 49, 0.7)
        }
}

    .raspberry-red .faqs li a {
        background-color: #7d0031
    }

    .raspberry-red .faqs li a: hover, .raspberry-red .faqs li a: focus, .raspberry-red .faqs li a: active, .raspberry-red .faqs li a.is-active {
        background-color: #ca004f
    }

    .raspberry-red .call-outs li a, .raspberry-red .call-outs li .call-out-without-link {
        background-color: #7d0031
    }

    .raspberry-red .call-outs li a: hover, .raspberry-red .call-outs li a: focus, .raspberry-red .call-outs li a: active, .raspberry-red .call-outs li a.is-active, .raspberry-red .call-outs li .call-out-without-link: hover, .raspberry-red .call-outs li .call-out-without-link: focus, .raspberry-red .call-outs li .call-out-without-link: active, .raspberry-red .call-outs li .call-out-without-link.is-active {
        background-color: #ca004f
    }

    .raspberry-red .gallery, .raspberry-red .photo-strip {
        background-color: #7d0031
    }

    .raspberry-red .gallery .thumbnails-container .button: hover, .raspberry-red .gallery .thumbnails-container .button: focus, .raspberry-red .gallery .thumbnails-container .button: active, .raspberry-red .photo-strip .thumbnails-container .button: hover, .raspberry-red .photo-strip .thumbnails-container .button: focus, .raspberry-red .photo-strip .thumbnails-container .button: active {
        background-color: #c1004a
    }

    .raspberry-red .gallery .thumbnails-container a.active, .raspberry-red .photo-strip .thumbnails-container a.active {
        border-color: #c1004a
    }

    .raspberry-red .gallery .thumbnails-container li.thumbnail div, .raspberry-red .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #7d0031
    }

    .raspberry-red .highlighted-article-title-and-summary, .raspberry-red .highlighted-title {
        background-image: none;
        background: #c1004a
    }

    .raspberry-red .montage .image-description.theme-description-background, .raspberry-red .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(125, 0, 49, 0.6)
    }

    .raspberry-red .montage .image-description.theme-description-background a, .raspberry-red .montage .image-description-top.theme-description-background a {
        color: white
    }

    .raspberry-red .highlighted .montage--image {
        border-color: #c1004a
    }

    .raspberry-red .cta-button--non-ucas td.button-container {
        background: #7d0031
    }

    .raspberry-red .cta-button--non-ucas td a {
        background: #7d0031
    }

    .raspberry-red .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .sea-green .header-main .home img {
        /*background-color: #9fcac5*/
    }

    .sea-green .footer-logo {
        background-color: #9fcac5
    }

    .sea-green .header-main a, .sea-green .footer-logo, .sea-green .header-main label {
      color: #9fcac5;
      /*background-color: #9fcac5*/
    }

    .sea-green .header-main a: hover, .sea-green .header-main a: focus, .sea-green .header-main label: hover, .sea-green .header-main label: focus {
        color: #34837b
    }

    .sea-green button.search-button, .sea-green button.search-button span: after {
        background-color: #9fcac5;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .sea-green button.search-button: hover, .sea-green button.search-button: focus {
        background-color: #c0e4e1
    }

    .sea-green button.search-button: hover span: after, .sea-green button.search-button: focus span: after {
        background-color: #c0e4e1
    }

    .sea-green nav.main-navigation a: hover, .sea-green nav.main-navigation a: focus, .sea-green nav.main-navigation a: active {
        color: #c0e4e1
    }

    .sea-green .article.hero .responsive-module article, .sea-green .article.hero .responsive-module div, .sea-green .school.hero .responsive-module article, .sea-green .school.hero .responsive-module div, .sea-green .course-hero .responsive-module article, .sea-green .course-hero .responsive-module div {
        position: relative
    }

    .sea-green .course-stage-heading {
        color: #9fcac5
    }

    .sea-green .call-to-actions .call-to-action {
        color: #333;
        background-color: #9fcac5
    }

    .sea-green .call-to-actions .call-to-action: hover, .sea-green .call-to-actions .call-to-action: focus, .sea-green .call-to-actions .call-to-action: active, .sea-green .call-to-actions .call-to-action.is-active {
        background-color: #c0e4e1
    }

    .sea-green.landing .call-to-actions .call-to-action {
        color: #9fcac5;
        background-color: white
    }

    .sea-green.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .sea-green.landing .call-to-actions .call-to-action: hover, .sea-green.landing .call-to-actions .call-to-action: focus, .sea-green.landing .call-to-actions .call-to-action: active, .sea-green.landing .call-to-actions .call-to-action.is-active {
        color: #34837b;
        background-color: white
    }

    .sea-green.landing .call-to-actions .call-to-action: hover .cta-text, .sea-green.landing .call-to-actions .call-to-action: focus .cta-text, .sea-green.landing .call-to-actions .call-to-action: active .cta-text, .sea-green.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .sea-green .calendar-page {
        color: #9fcac5;
        border-color: #9fcac5
    }

    .sea-green .calendar-page.end: before, .sea-green .calendar-page .day, .sea-green .calendar-page .time {
        color: #9fcac5
    }

    .sea-green .calendar-page .month {
        background-color: #9fcac5
    }

    .sea-green .calendar a {
        color: #9fcac5
    }

    .sea-green .calendar a: hover, .sea-green .calendar a: focus {
        color: #34837b
    }

    .sea-green .calendar td a: hover, .sea-green .calendar td a: focus {
        color: #333;
        background-color: #9fcac5
    }

    .sea-green a.current-events {
        color: #333;
        background-color: #9fcac5
    }

    .sea-green a.current-events: focus, .sea-green a.current-events: hover, .sea-green a.current-events: active {
        color: #333;
        background-color: #c0e4e1
    }

    .sea-green.landing .call-to-actions .responsive-module, .sea-green .app .responsive-module {
        border-color: #9fcac5
    }

    .sea-green .highlighted {
        color: #333;
        background-color: #9fcac5
    }

    .sea-green .highlighted a, .sea-green .highlighted a: hover, .sea-green .highlighted a: focus {
        color: #333
    }

    .sea-green .responsive-module.light, .sea-green .light, .sea-green .light a {
        color: #333;
        background-color: #c0e4e1
    }

    .sea-green .responsive-module.light a: hover, .sea-green .light a: hover, .sea-green .light a a: hover {
        color: #595959
    }

    .sea-green .responsive-module.medium, .sea-green .medium, .sea-green .medium a {
        color: #333;
        background-color: #9fcac5
    }

    .sea-green .responsive-module.medium a: hover, .sea-green .medium a: hover, .sea-green .medium a a: hover {
        color: #595959
    }

    .sea-green .responsive-module.dark, .sea-green .dark, .sea-green .dark a {
        background-color: #34837b;
        color: white
    }

    .sea-green .responsive-module.dark a: hover, .sea-green .dark a: hover, .sea-green .dark a a: hover {
        color: #d9d9d9
    }

    .sea-green .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .sea-green .small-colour-light .metadata {
        color: #333;
        background-color: #c0e4e1
    }

    .sea-green .small-colour-medium .metadata {
        color: #333;
        background-color: #9fcac5
    }

    .sea-green .small-colour-dark .metadata {
        color: white;
        background-color: #34837b
    }

    @media screen and (min-width:37.5em) {
        .sea-green .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .sea-green .medium-colour-light .metadata {
            color: #333;
            background-color: #c0e4e1;
            background: rgba(192, 228, 225, 0.7)
        }

        .sea-green .medium-colour-medium .metadata {
            color: #333;
            background-color: #9fcac5;
            background: rgba(159, 202, 197, 0.7)
        }

        .sea-green .medium-colour-dark .metadata {
            color: white;
            background-color: #34837b;
            background: rgba(52, 131, 123, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .sea-green .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .sea-green .large-colour-light .metadata {
            color: #333;
            background-color: #c0e4e1;
            background: rgba(192, 228, 225, 0.7)
        }

        .sea-green .large-colour-medium .metadata {
            color: #333;
            background-color: #9fcac5;
            background: rgba(159, 202, 197, 0.7)
        }

        .sea-green .large-colour-dark .metadata {
            color: white;
            background-color: #34837b;
            background: rgba(52, 131, 123, 0.7)
        }
}

    .sea-green .faqs li a {
        background-color: #34837b
    }

    .sea-green .faqs li a: hover, .sea-green .faqs li a: focus, .sea-green .faqs li a: active, .sea-green .faqs li a.is-active {
        background-color: #4cb8ad
    }

    .sea-green .call-outs li a, .sea-green .call-outs li .call-out-without-link {
        background-color: #34837b
    }

    .sea-green .call-outs li a: hover, .sea-green .call-outs li a: focus, .sea-green .call-outs li a: active, .sea-green .call-outs li a.is-active, .sea-green .call-outs li .call-out-without-link: hover, .sea-green .call-outs li .call-out-without-link: focus, .sea-green .call-outs li .call-out-without-link: active, .sea-green .call-outs li .call-out-without-link.is-active {
        background-color: #4cb8ad
    }

    .sea-green .gallery, .sea-green .photo-strip {
        background-color: #34837b
    }

    .sea-green .gallery .thumbnails-container .button: hover, .sea-green .gallery .thumbnails-container .button: focus, .sea-green .gallery .thumbnails-container .button: active, .sea-green .photo-strip .thumbnails-container .button: hover, .sea-green .photo-strip .thumbnails-container .button: focus, .sea-green .photo-strip .thumbnails-container .button: active {
        background-color: #9fcac5
    }

    .sea-green .gallery .thumbnails-container a.active, .sea-green .photo-strip .thumbnails-container a.active {
        border-color: #9fcac5
    }

    .sea-green .gallery .thumbnails-container li.thumbnail div, .sea-green .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #34837b
    }

    .sea-green .highlighted-article-title-and-summary, .sea-green .highlighted-title {
        background-image: none;
        background: #9fcac5
    }

    .sea-green .montage .image-description.theme-description-background, .sea-green .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(52, 131, 123, 0.6)
    }

    .sea-green .montage .image-description.theme-description-background a, .sea-green .montage .image-description-top.theme-description-background a {
        color: white
    }

    .sea-green .highlighted .montage--image {
        border-color: #9fcac5
    }

    .sea-green .cta-button--non-ucas td.button-container {
        background: #34837b
    }

    .sea-green .cta-button--non-ucas td a {
        background: #34837b
    }

    .sea-green .cta-button--non-ucas td a: hover {
        background-color: white
    }

    .turquoise .header-main .home img {
        /*background-color: #7fbfd7*/
    }

    .turquoise .footer-logo {
        background-color: #7fbfd7
    }

    .turquoise .header-main a, .turquoise .header-main label {
        color: #7fbfd7
    }

    .turquoise .header-main a: hover, .turquoise .header-main a: focus, .turquoise .header-main label: hover, .turquoise .header-main label: focus {
        color: #29718c
    }

    .turquoise button.search-button, .turquoise button.search-button span: after {
        background-color: #7fbfd7;
        -webkit-transition: background-color .5s ease;
        transition: background-color .5s ease
    }

    .turquoise button.search-button: hover, .turquoise button.search-button: focus {
        background-color: #a3d7eb
    }

    .turquoise button.search-button: hover span: after, .turquoise button.search-button: focus span: after {
        background-color: #a3d7eb
    }

    .turquoise nav.main-navigation a: hover, .turquoise nav.main-navigation a: focus, .turquoise nav.main-navigation a: active {
        color: #a3d7eb
    }

    .turquoise .article.hero .responsive-module article, .turquoise .article.hero .responsive-module div, .turquoise .school.hero .responsive-module article, .turquoise .school.hero .responsive-module div, .turquoise .course-hero .responsive-module article, .turquoise .course-hero .responsive-module div {
        position: relative
    }

    .turquoise .course-stage-heading {
        color: #7fbfd7
    }

    .turquoise .call-to-actions .call-to-action {
        color: #333;
        background-color: #7fbfd7
    }

    .turquoise .call-to-actions .call-to-action: hover, .turquoise .call-to-actions .call-to-action: focus, .turquoise .call-to-actions .call-to-action: active, .turquoise .call-to-actions .call-to-action.is-active {
        background-color: #a3d7eb
    }

    .turquoise.landing .call-to-actions .call-to-action {
        color: #7fbfd7;
        background-color: white
    }

    .turquoise.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .turquoise.landing .call-to-actions .call-to-action: hover, .turquoise.landing .call-to-actions .call-to-action: focus, .turquoise.landing .call-to-actions .call-to-action: active, .turquoise.landing .call-to-actions .call-to-action.is-active {
        color: #29718c;
        background-color: white
    }

    .turquoise.landing .call-to-actions .call-to-action: hover .cta-text, .turquoise.landing .call-to-actions .call-to-action: focus .cta-text, .turquoise.landing .call-to-actions .call-to-action: active .cta-text, .turquoise.landing .call-to-actions .call-to-action.is-active .cta-text {
        color: #005580
    }

    .turquoise .calendar-page {
        color: #7fbfd7;
        border-color: #7fbfd7
    }

    .turquoise .calendar-page.end: before, .turquoise .calendar-page .day, .turquoise .calendar-page .time {
        color: #7fbfd7
    }

    .turquoise .calendar-page .month {
        background-color: #7fbfd7
    }

    .turquoise .calendar a {
        color: #7fbfd7
    }

    .turquoise .calendar a: hover, .turquoise .calendar a: focus {
        color: #29718c
    }

    .turquoise .calendar td a: hover, .turquoise .calendar td a: focus {
        color: #333;
        background-color: #7fbfd7
    }

    .turquoise a.current-events {
        color: #333;
        background-color: #7fbfd7
    }

    .turquoise a.current-events: focus, .turquoise a.current-events: hover, .turquoise a.current-events: active {
        color: #333;
        background-color: #a3d7eb
    }

    .turquoise.landing .call-to-actions .responsive-module, .turquoise .app .responsive-module {
        border-color: #7fbfd7
    }

    .turquoise .highlighted {
        color: #333;
        background-color: #7fbfd7
    }

    .turquoise .highlighted a, .turquoise .highlighted a: hover, .turquoise .highlighted a: focus {
        color: #333
    }

    .turquoise .responsive-module.light, .turquoise .light, .turquoise .light a {
        color: #333;
        background-color: #a3d7eb
    }

    .turquoise .responsive-module.light a: hover, .turquoise .light a: hover, .turquoise .light a a: hover {
        color: #595959
    }

    .turquoise .responsive-module.medium, .turquoise .medium, .turquoise .medium a {
        color: #333;
        background-color: #7fbfd7
    }

    .turquoise .responsive-module.medium a: hover, .turquoise .medium a: hover, .turquoise .medium a a: hover {
        color: #595959
    }

    .turquoise .responsive-module.dark, .turquoise .dark, .turquoise .dark a {
        background-color: #29718c;
        color: white
    }

    .turquoise .responsive-module.dark a: hover, .turquoise .dark a: hover, .turquoise .dark a a: hover {
        color: #d9d9d9
    }

    .turquoise .small-colour-none .metadata {
        color: #333;
        background-color: #f3f3f3
    }

    .turquoise .small-colour-light .metadata {
        color: #333;
        background-color: #a3d7eb
    }

    .turquoise .small-colour-medium .metadata {
        color: #333;
        background-color: #7fbfd7
    }

    .turquoise .small-colour-dark .metadata {
        color: white;
        background-color: #29718c
    }

    @media screen and (min-width:37.5em) {
        .turquoise .medium-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .turquoise .medium-colour-light .metadata {
            color: #333;
            background-color: #a3d7eb;
            background: rgba(163, 215, 235, 0.7)
        }

        .turquoise .medium-colour-medium .metadata {
            color: #333;
            background-color: #7fbfd7;
            background: rgba(127, 191, 215, 0.7)
        }

        .turquoise .medium-colour-dark .metadata {
            color: white;
            background-color: #29718c;
            background: rgba(41, 113, 140, 0.7)
        }
}

    @media screen and (min-width:60em) {
        .turquoise .large-colour-none .metadata {
            color: white;
            background-color: transparent
        }

        .turquoise .large-colour-light .metadata {
            color: #333;
            background-color: #a3d7eb;
            background: rgba(163, 215, 235, 0.7)
        }

        .turquoise .large-colour-medium .metadata {
            color: #333;
            background-color: #7fbfd7;
            background: rgba(127, 191, 215, 0.7)
        }

        .turquoise .large-colour-dark .metadata {
            color: white;
            background-color: #29718c;
            background: rgba(41, 113, 140, 0.7)
        }
}

    .turquoise .faqs li a {
        background-color: #29718c
    }

    .turquoise .faqs li a: hover, .turquoise .faqs li a: focus, .turquoise .faqs li a: active, .turquoise .faqs li a.is-active {
        background-color: #3ca0c6
    }

    .turquoise .call-outs li a, .turquoise .call-outs li .call-out-without-link {
        background-color: #29718c
    }

    .turquoise .call-outs li a: hover, .turquoise .call-outs li a: focus, .turquoise .call-outs li a: active, .turquoise .call-outs li a.is-active, .turquoise .call-outs li .call-out-without-link: hover, .turquoise .call-outs li .call-out-without-link: focus, .turquoise .call-outs li .call-out-without-link: active, .turquoise .call-outs li .call-out-without-link.is-active {
        background-color: #3ca0c6
    }

    .turquoise .gallery, .turquoise .photo-strip {
        background-color: #29718c
    }

    .turquoise .gallery .thumbnails-container .button: hover, .turquoise .gallery .thumbnails-container .button: focus, .turquoise .gallery .thumbnails-container .button: active, .turquoise .photo-strip .thumbnails-container .button: hover, .turquoise .photo-strip .thumbnails-container .button: focus, .turquoise .photo-strip .thumbnails-container .button: active {
        background-color: #7fbfd7
    }

    .turquoise .gallery .thumbnails-container a.active, .turquoise .photo-strip .thumbnails-container a.active {
        border-color: #7fbfd7
    }

    .turquoise .gallery .thumbnails-container li.thumbnail div, .turquoise .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #29718c
    }

    .turquoise .highlighted-article-title-and-summary, .turquoise .highlighted-title {
        background-image: none;
        background: #7fbfd7
    }

    .turquoise .montage .image-description.theme-description-background, .turquoise .montage .image-description-top.theme-description-background {
        background-image: none;
        background: rgba(41, 113, 140, 0.6)
    }

    .turquoise .montage .image-description.theme-description-background a, .turquoise .montage .image-description-top.theme-description-background a {
        color: white
    }

    .turquoise .highlighted .montage--image {
        border-color: #7fbfd7
    }

    .turquoise .cta-button--non-ucas td.button-container {
        background: #29718c
    }

    .turquoise .cta-button--non-ucas td a {
        background: #29718c
    }

    .turquoise .cta-button--non-ucas td a: hover {
        background-color: white
    }