/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
@font-face {
    font-family: 'Effra-Regular';
    src: url("../fonts/effra-regular.eot");
    src: url("../fonts/effra-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/effra-regular.woff") format("woff"), url("../fonts/effra-regular.ttf") format("truetype"), url("../fonts/effra-regular.svg#effra_regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Effra-Heavy';
    src: url("../fonts/effra-heavy.eot");
    src: url("../fonts/effra-heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/effra-heavy.woff") format("woff"), url("../fonts/effra-heavy.ttf") format("truetype"), url("../fonts/effra-heavy.svg#effra_heavy") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Effra-Light';
    src: url("../fonts/effra-light.eot");
    src: url("../fonts/effra-light.eot?#iefix") format("embedded-opentype"), url("../fonts/effra-light.woff") format("woff"), url("../fonts/effra-light.ttf") format("truetype"), url("../fonts/effra-light.svg#effra_light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Effra-Medium';
    src: url("../fonts/effra-medium.eot");
    src: url("../fonts/effra-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/effra-medium.woff") format("woff"), url("../fonts/effra-medium.ttf") format("truetype"), url("../fonts/effra-medium.svg#effra_medium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Effra-Bold';
    src: url("../fonts/effra-bold.eot");
    src: url("../fonts/effra-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/effra-bold.woff") format("woff"), url("../fonts/effra-bold.ttf") format("truetype"), url("../fonts/effra-bold.svg#effra_bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RdgVesta-Regular';
    src: url("../fonts/rdgvesta-regular.eot");
    src: url("../fonts/rdgvesta-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/rdgvesta-regular.woff") format("woff"), url("../fonts/rdgvesta-regular.ttf") format("truetype"), url("../fonts/rdgvesta-regular.svg#rdg_vestaregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RdgVesta-Italic';
    src: url("../fonts/rdgvesta-italic.eot");
    src: url("../fonts/rdgvesta-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/rdgvesta-italic.woff") format("woff"), url("../fonts/rdgvesta-italic.ttf") format("truetype"), url("../fonts/rdgvesta-italic.svg#rdg_vestaitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
/*!
 * FullCalendar v2.3.1 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */ .fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc {
    font-size: 1em;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd;
}

.fc-unthemed .fc-popover {
    background-color: #fff;
}

    .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header {
        background: #eee;
    }

        .fc-unthemed .fc-popover .fc-header .fc-close {
            color: #666;
        }

.fc-unthemed .fc-today {
    background: #fcf8e3;
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30);
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3;
    filter: alpha(opacity=30);
}

.fc-nonbusiness {
    background: #d7d7d7;
}

.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New",Courier,monospace;
}

    .fc-icon:after {
        position: relative;
        margin: 0 -1em;
    }

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
    left: 3%;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
    left: -3%;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
    left: -2%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
    left: 2%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer;
}

    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0;
    }

.fc-state-default {
    border: 1px solid;
}

    .fc-state-default.fc-corner-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .fc-state-default.fc-corner-right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.fc button .fc-icon {
    position: relative;
    top: -.05em;
    margin: 0 .2em;
    vertical-align: middle;
}

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.fc-state-active, .fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.fc-button-group {
    display: inline-block;
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
    margin-left: 0;
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

    .fc-popover .fc-header {
        padding: 2px 4px;
    }

        .fc-popover .fc-header .fc-title {
            margin: 0 2px;
        }

        .fc-popover .fc-header .fc-close {
            cursor: pointer;
        }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
    float: right;
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

    .fc-unthemed .fc-popover .fc-header .fc-close {
        font-size: .9em;
        margin-top: 2px;
    }

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
}

.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0;
}

.fc-clear {
    clear: both;
}

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-bg {
    bottom: 0;
}

    .fc-bg table {
        height: 100%;
    }

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.fc th {
    text-align: center;
}

.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

    .fc td.fc-today {
        border-style: double;
    }

.fc .fc-row {
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
}

.fc-row {
    position: relative;
}

    .fc-row .fc-bg {
        z-index: 1;
    }

    .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
        bottom: 0;
    }

        .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
            height: 100%;
        }

        .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
            border-color: transparent;
        }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2;
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3;
    }

    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px;
    }

    .fc-row .fc-helper-skeleton {
        z-index: 5;
    }

        .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
            background: 0 0;
            border-color: transparent;
            border-bottom: 0;
        }

        .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
            border-top: 0;
        }

.fc-scroller {
    overflow-y: scroll;
    overflow-x: hidden;
}

    .fc-scroller > * {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    background-color: #3a87ad;
    font-weight: 400;
}

    .fc-event, .fc-event:hover, .ui-widget .fc-event {
        color: #fff;
        text-decoration: none;
    }

        .fc-event.fc-draggable, .fc-event[href] {
            cursor: pointer;
        }

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed;
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 3;
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-h-event .fc-resizer {
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    width: 5px;
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-ltr .fc-h-event .fc-start-resizer:after, .fc-ltr .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-end-resizer:after, .fc-rtl .fc-h-event .fc-end-resizer:before {
    right: auto;
    cursor: w-resize;
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-ltr .fc-h-event .fc-end-resizer:after, .fc-ltr .fc-h-event .fc-end-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-start-resizer:after, .fc-rtl .fc-h-event .fc-start-resizer:before {
    left: auto;
    cursor: e-resize;
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px;
}

    .fc-day-grid-event .fc-content {
        white-space: nowrap;
        overflow: hidden;
    }

    .fc-day-grid-event .fc-time {
        font-weight: 700;
    }

    .fc-day-grid-event .fc-resizer {
        left: -3px;
        right: -3px;
        width: 7px;
    }

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

    a.fc-more:hover {
        text-decoration: underline;
    }

.fc-limited {
    display: none;
}

.fc-day-grid .fc-row {
    z-index: 1;
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

    .fc-more-popover .fc-event-container {
        padding: 10px;
    }

.fc-toolbar {
    text-align: center;
    margin-bottom: 1em;
}

    .fc-toolbar .fc-left {
        float: left;
    }

    .fc-toolbar .fc-right {
        float: right;
        padding-top: 20px;
    }

    .fc-toolbar .fc-center {
        display: inline-block;
        padding-top: 15px;
    }

.fc .fc-toolbar > * > * {
    float: left;
    margin-left: .75em;
}

.fc .fc-toolbar > * > :first-child {
    margin-left: 0;
}

.fc-toolbar h2 {
    margin: 0;
}

.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1;
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
}

.fc-row.fc-rigid {
    overflow: hidden;
}

    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 0 2px;
}

.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
    padding-top: 2px;
    padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
    text-align: center;
}

    .fc-basic-view .fc-week-number span {
        display: inline-block;
        min-width: 1.25em;
    }

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left;
}

.fc-day-number.fc-other-month {
    opacity: .3;
    filter: alpha(opacity=30);
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
}

    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em;
    }

        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-top: 1px;
            padding-bottom: 1em;
        }

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.ui-widget td.fc-axis {
    font-weight: 400;
}

.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
}

    .fc-time-grid table {
        border: 0 hidden transparent;
    }

    .fc-time-grid > .fc-bg {
        z-index: 1;
    }

    .fc-time-grid .fc-slats, .fc-time-grid > hr {
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-bgevent-skeleton, .fc-time-grid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .fc-time-grid .fc-bgevent-skeleton {
        z-index: 3;
    }

    .fc-time-grid .fc-highlight-skeleton {
        z-index: 4;
    }

    .fc-time-grid .fc-content-skeleton {
        z-index: 5;
    }

    .fc-time-grid .fc-helper-skeleton {
        z-index: 6;
    }

    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0;
    }

    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted;
    }

    .fc-time-grid .fc-slats .ui-widget-content {
        background: 0 0;
    }

    .fc-time-grid .fc-highlight-container {
        position: relative;
    }

    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0;
    }

    .fc-time-grid .fc-bgevent-container, .fc-time-grid .fc-event-container {
        position: relative;
    }

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1;
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0;
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-time-grid-event {
    overflow: hidden;
}

    .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
        padding: 0 1px;
    }

    .fc-time-grid-event .fc-time {
        font-size: .85em;
        white-space: nowrap;
    }

    .fc-time-grid-event.fc-short .fc-content {
        white-space: nowrap;
    }

    .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
        display: inline-block;
        vertical-align: top;
    }

        .fc-time-grid-event.fc-short .fc-time span {
            display: none;
        }

        .fc-time-grid-event.fc-short .fc-time:before {
            content: attr(data-start);
        }

        .fc-time-grid-event.fc-short .fc-time:after {
            content: "\000A0-\000A0";
        }

    .fc-time-grid-event.fc-short .fc-title {
        font-size: .85em;
        padding: 0;
    }

    .fc-time-grid-event .fc-resizer {
        left: 0;
        right: 0;
        bottom: 0;
        height: 8px;
        overflow: hidden;
        line-height: 8px;
        font-size: 11px;
        font-family: monospace;
        text-align: center;
        cursor: s-resize;
    }

        .fc-time-grid-event .fc-resizer:after {
            content: "=";
        }
/* COLORS USED */
/* 

general text color: #41444d;

red: 		#d61926; (standout)
green: 		#009984; (primary)
dark green:	#006e5d; (primary-dark)
blue: 		#396292; (secondary)
maroon: 	#8d0b17; (standout-dark)
headings:	#5c5765; (dark grey)
light bg:   #ececec; (light grey)
*/
/* unit sizes */
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
    color: #41444d;
}

html {
    font-size: 1em;
    line-height: 1.4;
    overflow-x: hidden;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
    font-size: 1em;
    min-height: 7em;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* Building blocks */
.wrapper {
    max-width: 974px;
    margin: auto;
    padding: 0 0 40px 0;
}

.wrapper-home {
    max-width: 1302px;
    margin: auto;
    padding: 0 0 40px 0;
}

.wrapper-pad {
    max-width: 1014px;
    padding: 20px;
    margin: auto;
}

.wrapper-wide {
    max-width: 1440px;
    margin: 0 auto;
}

    .wrapper:after,
    .wrapper-wide:after {
        content: "";
        clear: both;
        display: table;
    }

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}
/* container for items that need to overlap content rendered below them*/
.zero-height-container {
    height: 0;
    overflow: visible;
}

.row,
.row-normal,
.row-large,
.row-extra,
.row-inline,
.row-small,
.pane,
.wrapper,
.wrapper-wide,
.bbox {
    box-sizing: border-box;
}

    .row:after,
    .row-normal:after,
    .row-large:after,
    .row-extra:after,
    .row-inline:after,
    .row-small:after,
    legend:after,
    .row-none:after,
    .row-medium:after {
        /* making rows clear themselves so we don't have to always use clearfix */
        content: "";
        clear: both;
        display: table;
    }

.pane {
    /* basic building block for grids */
    display: block;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}


.subject-pane {
    display: block;
    float: left;
    box-sizing: border-box;
}

#ThisYearPostgraduate.pane {
    padding-left: 0px;
    padding-right: 0px;
}

#NextYearUndergraduate.pane {
    padding-left: 0px;
    padding-right: 0px;
}

#NextYearPostgraduate.pane {
    padding-left: 0px;
    padding-right: 0px;
}

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

.row {
    clear: both;
    /* clear children at set intervals */
    /* bottom margins */
}

.row-small {
    /* use to declare small grid spacing */
    clear: both;
    /*margin-left: -5px;
    margin-right: -5px;*/
}

    .row-small > .pane {
        padding-left: 8px; /*was 5*/
        padding-right: 2px; /*was 5*/
        /*padding: 0;*/
    }

    .row-small > .padding-left-0 {
        padding-left: 0px;
    }

    .row-small > .pane-around {
        margin-bottom: 10px;
    }

@media screen and (min-width: 1025px) {
    aside .pane.base12.pane-around {
        padding-right: 38px;
        padding-left: 20px;
    }
}

.row-normal {
    /* use to declare normal grid spacing */
    clear: both;
    margin-left: -10px;
    margin-right: -10px;
}

    .row-normal > .pane-around {
        margin-bottom: 20px;
    }

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

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

    .row-medium > .pane-around {
        margin-bottom: 30px;
    }

.row-large {
    /* use to declare large grid spacing */
    clear: both;
    margin-left: -20px;
    margin-right: -20px;
}

    .row-large > .pane {
        padding-left: 20px;
        padding-right: 20px;
    }

    .row-large > .pane-around {
        margin-bottom: 40px;
    }

.row-extra {
    /* use to declare extra large grid spacing */
    clear: both;
    margin-left: -40px;
    margin-right: -40px;
}

    .row-extra > .pane {
        padding-left: 40px;
        padding-right: 40px;
    }

.row-inline {
    /* use to declare child elements as inline-blocks */
    margin-left: -2px;
    margin-right: -2px;
    padding: 0;
}

    .row-inline > .pane {
        padding-left: 2px;
        padding-right: 2px;
    }

.row-none > .pane {
    padding-left: 0;
    padding-right: 0;
}

.row-clear-x-6 .pane:nth-child(6n+7) {
    clear: both;
}

.row-margin-title {
    margin-top: 30px;
}

.row-margin-title-10 {
    margin-top: 10px;
}

.row-margin {
    margin-bottom: 30px;
}

.row-margin-none {
    margin-bottom: 0;
}

.row-margin-mini {
    margin-bottom: 5px;
}

.row-margin-small {
    margin-bottom: 10px;
}

.row-margin-normal {
    margin-bottom: 17px;
}

.row-margin-large {
    margin-bottom: 50px;
}
/*reset all larger device classes to 100% */
.base1 {
    width: 100%;
}

.base2 {
    width: 100%;
}

.base3 {
    width: 100%;
}

.base4 {
    width: 100%;
}

.base5 {
    width: 100%;
}

.base6 {
    width: 100%;
}

.base7 {
    width: 100%;
}

.base8 {
    width: 100%;
}

.base9 {
    width: 100%;
}

.base10 {
    width: 100%;
}

.base11 {
    width: 100%;
}

.base12 {
    width: 100%;
}

.t-base1 {
    width: 100%;
}

.t-base2 {
    width: 100%;
}

.t-base3 {
    width: 100%;
}

.t-base4 {
    width: 100%;
}

.t-base5 {
    width: 100%;
}

.t-base6 {
    width: 100%;
}

.t-base7 {
    width: 100%;
}

.t-base8 {
    width: 100%;
}

.t-base9 {
    width: 100%;
}

.t-base10 {
    width: 100%;
}

.t-base11 {
    width: 100%;
}

.t-base12 {
    width: 100%;
}
/* 12 col grid for mobile */
.m-base1 {
    width: 8.33333333%;
}

.m-base2 {
    width: 16.66666667%;
}

.m-base3 {
    width: 25%;
}

.m-base4 {
    width: 33.33333333%;
}

.m-base5 {
    width: 41.66666667%;
}

.m-base6 {
    width: 50%;
}

.m-base7 {
    width: 58.33333333%;
}

.m-base8 {
    width: 66.66666667%;
}

.m-base9 {
    width: 75%;
}

.m-base10 {
    width: 83.33333333%;
}

.m-base11 {
    width: 91.66666667%;
}

.m-base12 {
    width: 100%;
}
/* 12 col grid for tablets */
@media screen and (min-width: 768px) {
    .welcomePopUp > div {
        width: 400px;
        position: relative;
        margin: 10% auto;
        padding: 2%;
        border-radius: 5px;
        background: #f6f6f6;
        border-top: 5px solid #008673;
        border-bottom: 5px solid #cccccc;
    }

    .welcomePopUpIntroText {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 4%;
        font-weight: normal;
        text-align: justify;
    }

    .welcomePopUpCheckBoxBlock {
        padding-bottom: 4%;
    }

    .welcomePopUpCheckbox {
        float: left;
        width: 17px;
        height: 16px;
        margin: 1% 4px 0.5% 0;
    }

    .welcomePopUpCheckboxText {
        font-size: 13px;
    }

    .welcomePopUp h2 {
        font-family: 'Effra-Medium', Arial, Verdana, sans-serif;
        font-size: 21px;
        color: #008673;
        text-align: center;
        line-height: 30px;
        padding: 0 0 5% 0;
    }

    .welcomePopUpButton {
        position: relative;
        width: auto !important;
        padding: 15px !important;
        display: inline !important;
    }

    .t-base1 {
        width: 8.33333333%;
    }

    .t-base2 {
        width: 16.66666667%;
    }

    .t-base3 {
        width: 25%;
    }

    .t-base4 {
        width: 33.33333333%;
    }

    .t-base5 {
        width: 41.66666667%;
    }

    .t-base6 {
        width: 50%;
    }

    .t-base7 {
        width: 58.33333333%;
    }

    .t-base8 {
        width: 66.66666667%;
    }

    .t-base9 {
        width: 75%;
    }

    .t-base10 {
        width: 83.33333333%;
    }

    .t-base11 {
        width: 91.66666667%;
    }

    .t-base12 {
        width: 100%;
    }

    .ApplicantReadyForStudentmodal > div {
        margin-top: 20% !important;
    }

    .styling-dont-break {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 2%;
        margin-top: 2%;
    }
}
/* 12 col grid for desktop */
@media screen and (min-width: 1025px) {
    .course-info {
        display: flex;
        padding-bottom: 30px !important;
        padding-left: 26% !important; /*190px;*/
    }

    .course-header-info {
        text-align: left;
        padding-left: 25% !important;
        padding-top: 40px !important;
    }

    .text-size-login {
        font-size: 70px;
        line-height: 75px;
    }

    .base1 {
        width: 8.33333333%;
    }

    .base2 {
        width: 16.66666667%;
    }

    .base3 {
        width: 25%;
    }

    .base4 {
        width: 33.33333333%;
    }

    .base5 {
        width: 41.66666667%;
    }

    .base6 {
        width: 50%;
    }

    .base7 {
        width: 58.33333333%;
    }

    .base8 {
        width: 66.66666667%;
    }

    .base9 {
        width: 75%;
    }

    .base10 {
        width: 83.33333333%;
    }

    .base11 {
        width: 91.66666667%;
    }

    .base12 {
        width: 100%;
    }
}
/* default styles */
body {
    font-size: 16px;
    font-family: "Effra-Regular", Arial, Verdana;
    text-align: left;
    color: #303030;
    background: none;
    letter-spacing: 0;
    position: relative;
}
/* overflow hidden on page content */
html.locked,
.locked body {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

html,
body {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

a {
    text-decoration: none;
    color: #ce0b1e;
}

    a.event-url {
        text-decoration: underline;
    }

.sidebar-url a {
    font-family: "Effra-Medium";
}


a.no-color {
    color: inherit;
}

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

.force-hover-cursor:hover {
    cursor: pointer;
}

.raise-on-focus:focus,
.raise-on-focus.active,
.raise-on-focus:hover,
.raise-on-focus:focus + label {
    position: relative;
    z-index: 2;
    border-style: none !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #676767;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #676767;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #676767;
}

.raise-on-focus.visuallyhidden:focus {
    position: absolute;
}

input:focus,
select:focus,
button:focus,
.focused,
.select-wrapper.focused,
textarea:focus,
.button:focus,
input[type=radio]:focus + label,
input[type=checkbox]:focus + label {
    box-shadow: 0 0 10px rgba(0, 100, 200, 0.7);
    outline: none;
}

.tab > input:focus,
.tab > select:focus,
.tab > button:focus,
.tab > .focused,
.tab > .select-wrapper.focused,
.tab > textarea:focus,
.tab > .button:focus,
.tab > input[type=radio]:focus + label,
.tab > input[type=checkbox]:focus + label {
    box-shadow: 0 0 #FFF;
    outline: none;
}

.focus-light:focus,
.custom-select-container .focus-light.active {
    box-shadow: 0 0 10px #66b6ab;
}

.focus-light.partial-border-left:before {
    left: -2px;
}

.focus-light.active.partial-border-left:before {
    z-index: -1;
}

.focus-light-essentials:focus,
.custom-select-container .focus-light-essentials.active {
    box-shadow: 0 0 10px #840000;
}

.focus-light-essentials.partial-border-left:before {
    left: -2px;
}

.focus-light-essentials.active.partial-border-left:before {
    z-index: -1;
}

input[type=search] {
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
}

::-ms-clear {
    display: none;
}

::-webkit-input-placeholder {
    color: #a3a3a3;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #a3a3a3;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #a3a3a3;
}

:-ms-input-placeholder {
    color: #a3a3a3;
}
/* styles for lists */
ul li,
ol li {
    font-size: inherit;
    margin: 0;
    padding: 0 0 9px 0;
    list-style-type: none;
}

ul.row-inline,
ol.row-inline {
    margin: 0;
    padding: 0;
}

    ul.row-inline li,
    ol.row-inline li {
        display: inline-block;
        padding: 0;
    }

.list-unordered,
.list-ordered,
.list-unordered-bullet,
.list-dashed {
    margin: 0;
    padding-bottom: 22px;
    padding-left: 20px;
}

    .list-unordered ul,
    .list-ordered ul,
    .list-unordered-bullet ul,
    .list-dashed ul,
    .list-unordered ol,
    .list-ordered ol,
    .list-unordered-bullet ol,
    .list-dashed ol {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .list-unordered li {
        list-style: circle;
    }

    .list-ordered li {
        list-style: decimal;
    }

.list-style-disc li {
    list-style: disc;
}

.list-dashed {
    padding-left: 0;
}

    .list-dashed li {
        list-style: none;
    }

        .list-dashed li:before {
            content: "-";
            padding-right: 10px;
        }

.list-unordered-bullet li {
    list-style: disc;
}

.no-indent {
    padding-left: 0;
}
/* end styles for lists */
p {
    line-height: 24px;
    font-size: 18px;
    padding: 0 0 22px 0;
    color: inherit;
    margin: 0;
}

strong {
    font-family: "Effra-Medium", Arial, sans-serif;
    font-weight: normal;
}

strong.event-date {
    font-family: "Effra-Regular", Arial, sans-serif;
}

small {
    font-size: .8em;
}

    small .button {
        font-size: 16px;
    }

.intro {
    font-size: 20px;
}

.headline {
    font-size: 20px;
    line-height: 22px;
    font-family: "Effra-Medium", Arial, Verdana;
    color: #303030;
}
.overviewtext {
    line-height: 26px !important;
}

.headlineFilter {
    font-size: 20px;
    line-height: 32px;
    font-family: "Effra-Regular", Arial, Verdana;
    color: #303030;
}
/* table style */
table {
    width: 100%;
    text-align: center;
    margin: 10px 0 25px 0;
}

    table th,
    table td {
        padding: 20px 10px;
    }

    table th {
        background: #565a5d;
        color: #fff;
        font-weight: normal;
        font-family: "Effra-Medium", Arial, sans-serif;
    }

    table tbody tr:nth-child(odd) td {
        background: #f7f7f7;
    }

    table tbody tr:nth-child(odd) th {
        background: #62676a;
    }

    table tbody tr:nth-child(even) td {
        background: #eaeaea;
    }

    table tbody tr:nth-child(even) th {
        background: #565a5d;
    }

    table.small-table th,
    table.small-table td {
        padding: 5px;
    }

    table.visible-columns td {
        border-right: 1px solid #d3d3d3;
    }

    table.table-template-inbox {
        background-color: #fff;
        position: relative;
        z-index: 0;
        margin: 0;
    }

        table.table-template-inbox:before {
            content: "";
            position: absolute;
            left: -9999px;
            right: -9999px;
            top: -10px;
            height: 43px;
            background: #fff;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
            z-index: -1;
        }

        table.table-template-inbox th {
            background-color: transparent;
            color: #303030;
            text-transform: uppercase;
            font-family: "Effra-Heavy";
            padding: 0 10px 10px 10px;
            min-width: 70px;
        }

        table.table-template-inbox tbody tr td {
            max-width: 0;
            overflow: hidden;
            background-color: transparent;
            border-bottom: 1px solid #ececec;
            font-family: "Effra-Regular";
        }

            table.table-template-inbox tbody tr td span {
                font-family: "Effra-Regular";
            }

            table.table-template-inbox tbody tr td.inbox-content {
                font-family: "Effra-Light";
                word-break: break-all;
                word-wrap: break-word;
            }

                table.table-template-inbox tbody tr td.inbox-content strong {
                    after: " - ";
                }

            table.table-template-inbox tbody tr td.inbox-date {
                text-align: right;
                padding-left: 0;
            }

                table.table-template-inbox tbody tr td.inbox-date span {
                    padding-right: 8px;
                }

        table.table-template-inbox tbody tr:hover td {
            background-color: rgba(0, 0, 0, 0.01);
            cursor: pointer;
        }

.icon-inbox-empty {
    background: #ffffff url(../img/icon-inbox-empty.png) center center no-repeat;
    width: 100%;
    padding-top: 500px;
    vertical-align: bottom;
    padding-bottom: 100px;
    text-align: center;
    position: relative;
}

    .icon-inbox-empty:before {
        content: "";
        position: absolute;
        left: -9999px;
        right: -9999px;
        top: -10px;
        height: 43px;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        z-index: 0;
    }
/* alert messaging */
.alert {
    display: block;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 16px;
    font-family: "Effra-Light", Arial, Verdana;
    margin: 0 0 20px 0;
    border: 1px solid #e5d267;
    background: #fffdf2;
    color: #8f8238;
    border-radius: 5px;
}

.alert-error {
    color: #ce0b1e;
    border-color: #ce0b1e;
    background: #ffe8ec;
}
/* form elements */
.button {
    color: #fff;
    font-family: "Effra-Regular", Arial, Verdana;
    font-size: 17.9px;
    /*set one pixel smaller than 18 because of size differences when loading the custom fonts*/
    display: inline-block;
    padding: 15px;
    border: 0;
    background: #008673;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 1em;
}

    .button:hover {
        background-color: #005347;
        text-decoration: none;
        cursor: pointer;
    }

    .button.disabled,
    .button.disabled:hover,
    .button:disabled,
    .button:disabled:hover {
        background: #ccc;
        color: #fff;
        border-color: #ccc;
    }
/* button types */
.button-primary {
    color: white;
    background: #158473;
}

    .button-primary:hover {
        background-color: #005347;
        text-decoration: none;
        cursor: pointer;
    }

.button-electric {
    background: #54baeb;
    color: white;
}

    .button-electric.disabled,
    .button-electric.disabled:hover,
    .button-electric:disabled {
        background: #c9e6f6;
        border-color: #c9e6f6;
    }

    .button-electric:hover {
        background: #26a8e6;
        border-color: #26a8e6;
    }

.button-secondary {
    background: #396292;
    color: white;
}

    .button-secondary:hover,
    .button-secondary.selected {
        background-color: #2b496d;
        color: white;
        text-decoration: none;
        cursor: pointer;
        border-color: #396292;
    }

.button-grey {
    color: white;
    background-color: #303030;
}

    .button-grey:hover {
        background-color: #fff;
        color: #ce0b1e;
    }

.button-standout {
    background: #ce0b1e;
    color: white;
}

.button-standout-dark {
    background: #a70012;
    color: white;
}

    .button-standout-dark:hover,
    .button-standout-dark.selected {
        background-color: #5e060e;
    }

.button-transparent {
    background-color: transparent;
    border: 2px solid white;
    color: white;
}

.button-green {
    background-color: #158473;
    border: 2px solid white;
    color: white;
}

.button-transparent:hover,
.button-transparent.selected {
    background-color: #000;
    background-color: rgba(255, 255, 255, 0.2);
}

.button-white {
    background-color: #fff;
    border: 2px solid white;
    color: #303030;
}

    .button-white:hover,
    .button-white.selected {
        background-color: #e6e6e6;
    }

.button-light {
    background-color: #ececec;
    border-color: #ececec;
    color: inherit;
}

    .button-light:hover,
    .button-light.selected {
        background-color: #d3d3d3;
    }

.button-naked {
    background-color: transparent;
    border: 2px solid transparent;
    color: #a70012;
}

    .button-naked:hover {
        background-color: transparent;
        text-decoration: underline;
    }

.button-add {
    border-color: #396292;
    position: relative;
}

    .button-add:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 13px;
        margin-top: -8px;
        width: 15px;
        height: 15px;
        overflow: hidden;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -507px -403px;
    }

.button-borderonly {
    background: none;
    border: 2px solid #008673;
    color: #008673;
}

    .button-borderonly:hover {
        background-color: rgba(0, 153, 132, 0.2);
    }

.button-tab {
    border-radius: 30px;
    padding: 5px 15px 5px;
    margin: 0 5px 0 0;
    background: #e9e6e8;
    color: #65646a;
}

    .button-tab:hover,
    .button-tab.active {
        background-color: #65646a;
        color: #fff;
    }

.button-tab-standard {
    padding: 18px 0;
    background: #f6f4f6;
    color: #5c5765;
}

    .button-tab-standard:hover,
    .button-tab-standard:active {
        background: #565a5d;
        color: #fff;
    }

    .button-tab-standard.active {
        background: #fff;
        color: #000;
    }
/* button sizes */
.button-small {
    padding: 10px;
}

    .button-small .chevron-right {
        padding-left: 10px;
        padding-right: 20px;
    }

        .button-small .chevron-right:after {
            right: -12px;
        }

.button-large {
    padding: 15px;
}

.button-xlarge {
    padding: 20px;
}

.button-xxlarge {
    padding: 40px 15px;
}
/* buttons that replace checkboxes and radio buttons */
.button-select {
    border: 1px solid #b4b4b4;
    background-color: #f9f9f9;
    color: #000000;
    padding: 20px;
    padding-right: 60px;
    position: relative;
}

    .button-select:hover {
        background-color: #ececec;
        border: 1px solid #888888;
        color: #000000;
        cursor: pointer;
    }

    .button-select:focus {
        background-color: #ececec;
        border: 1px solid #888888;
        color: #000000;
        cursor: pointer;
    }

    .button-select:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -15px;
        width: 30px;
        height: 29px;
        overflow: hidden;
        background-image: url('../img/main-sprite.png');
        background-position: -469px -394px;
    }

    .button-select * {
        pointer-events: none;
    }

    .button-select.checked {
        background-color: #f9f9f9;
        color: #000000;
        border: 1px solid #676767;
        padding-right: 60px;
    }

        .button-select.checked:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -15px;
            width: 30px;
            height: 29px;
            overflow: hidden;
            background-image: url('../img/main-sprite.png');
            background-position: -469px -362px;
        }

    .button-select:disabled {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -15px;
        width: 30px;
        height: 29px;
        overflow: hidden;
        background-image: url('../img/main-sprite.png');
        background-position: -469px -362px;
    }

.button-select-search {
    border: 1px solid #d2d2d2;
    padding: 20px 60px 20px 20px;
    background-color: #fff;
    position: relative;
}

    .button-select-search * {
        pointer-events: none;
    }

    .button-select-search:hover {
        background-color: #d2d2d2;
        cursor: pointer;
    }

    .button-select-search:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -15px;
        width: 30px;
        height: 29px;
        overflow: hidden;
        background-image: url('../img/main-sprite.png');
        background-position: -469px -394px;
    }

    .button-select-search.checked {
        background-color: #396292;
        color: white;
        padding-right: 60px;
    }

        .button-select-search.checked small {
            color: #ccc;
        }

        .button-select-search.checked:after {
            background-position: -469px -362px;
        }

    .button-select-search small {
        color: #747474;
        display: block;
        padding: 4px 0 0 0;
    }

.button-like-checkbox {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    padding: 20px 60px 20px 20px;
    width: 100%;
    position: relative;
    font-family: "Effra-Regular";
    font-size: 17.9px;
}

    .button-like-checkbox.checked {
        background-color: #f2f6fc;
        color: #5c5765;
        padding-right: 60px;
        width: 100%;
        font-weight: bold;
    }

        .button-like-checkbox.checked:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -15px;
            width: 30px;
            height: 29px;
            overflow: hidden;
            background-image: url('../img/main-sprite.png');
            background-position: -469px -362px;
        }

.button-simple-text {
    background-color: transparent;
    border: none;
    text-decoration: none;
}

    .button-simple-text:hover {
        background-color: transparent;
    }
/* buttons that look like normal text */
.text-button {
    border: 2px solid transparent;
    background: none;
    padding: 0 5px;
    color: #396292;
}

    .text-button:hover {
        border-color: #396292;
        background-color: transparent;
    }

.button-select-search-inline {
    display: inline-block;
}

input[type=checkbox]:disabled:checked + .button-select,
input[type=radio]:disabled:checked + .button-select,
input[type=checkbox]:disabled + .button-select-search,
input[type=radio]:disabled + .button-select-search,
input[type=checkbox]:disabled + .button-select,
input[type=radio]:disabled + .button-select {
    background-color: #e4e6e5;
    border: 1px solid transparent;
    color: #5c5765;
}

    input[type=checkbox]:disabled:checked + .button-select:after,
    input[type=radio]:disabled:checked + .button-select:after {
        background-position: -469px -362px;
    }

input[type=checkbox]:checked + .button-select-search,
input[type=radio]:checked + .button-select-search,
input[type=checkbox]:checked + .button-select,
input[type=radio]:checked + .button-select {
    background-color: #F9F9F9;
    border: 1px solid #676767;
    color: #000000;
    padding-right: 60px;
}

    input[type=checkbox]:checked + .button-select-search:after,
    input[type=radio]:checked + .button-select-search:after {
        background-position: -469px -362px;
    }

    input[type=checkbox]:checked + .button-select:after,
    input[type=radio]:checked + .button-select:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -15px;
        width: 30px;
        height: 29px;
        overflow: hidden;
        background-image: url('../img/main-sprite.png');
        background-position: -469px -362px;
    }

    input[type=checkbox]:checked + .button-select-search small,
    input[type=radio]:checked + .button-select-search small {
        color: #ccc;
    }

input[type=checkbox]:checked + .button-light,
input[type=radio]:checked + .button-light {
    background-color: #d3d3d3;
}

.option-disabled {
    background: #f6f6f6;
    border: 1px solid #d7d7d7;
    padding-top: 10px;
}
/* search button */
.button-search-icon {
    position: relative;
    overflow: hidden;
    text-indent: -1000px;
    background: none;
    height: 1em;
    width: 2.4em;
    display: block;
}

    .button-search-icon:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -10px;
        margin-left: -10px;
        width: 20px;
        height: 20px;
        overflow: hidden;
        text-indent: -1000px;
        background: url('../img/main-sprite.png') no-repeat;
        background-position: -507px -224px;
    }

    .button-search-icon:hover {
        background-color: transparent;
    }

.button-search-icon-white {
    width: 20px;
    border: 2px solid transparent;
}

    .button-search-icon-white:after {
        background: url('../img/main-sprite.png') no-repeat;
        background-position: -437px -136px;
    }

.button-search-icon-white-large {
    position: relative;
    background: none;
    border: none;
    text-indent: -1000px;
    width: 36px;
    height: 40px;
    overflow: hidden;
}

    .button-search-icon-white-large:after {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        background-image: url('../img/main-sprite.png');
        background-position: -469px -330px;
        top: 5px;
        right: 3px;
    }

.button-over-input {
    margin-left: -43px;
}
/* alphabet buttons */
.panel-alphabet .icon-ss-search,
.panel-query .icon-ss-abc {
    display: none;
}

.panel-alphabet {
    margin: 0 0 25px 0;
}

    .panel-alphabet hr {
        display: none;
    }

    .panel-alphabet .text-button {
        color: #ccc;
    }

        .panel-alphabet .text-button:hover,
        .panel-alphabet .text-button:active {
            border-color: transparent;
        }

        .panel-alphabet .text-button.active {
            color: #396292;
            -webkit-transition: all ease 0.2s;
            transition: all ease 0.2s;
        }

            .panel-alphabet .text-button.active:hover {
                border-color: #396292;
            }

            .panel-alphabet .text-button.active:active,
            .panel-alphabet .text-button.active:focus {
                color: #fff;
                background-color: #396292;
                text-decoration: none;
            }

        .panel-alphabet .text-button.selected,
        .panel-alphabet .text-button.selected:hover,
        .panel-alphabet .text-button.selected:focus,
        .panel-alphabet .text-button:active {
            background: #396292;
            color: #fff;
        }

        .panel-alphabet .text-button:focus {
            border: 2px dotted #396292;
        }

.selected,
.selected:hover,
.selected:focus {
    background: #008673;
    border-color: #008673 !important;
    color: #fff;
}

.button-block {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.tip {
    background: #f6f6f6;
    border: 1px solid #d7d7d7;
    padding: 15px 60px 15px 20px;
    margin: 0 0 25px 0;
    position: relative;
}

    .tip:after {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 46px;
        height: 46px;
        background: #f6f6f6 url('../img/main-sprite.png') no-repeat;
        background-position: -375px -208px;
    }

    .tip h4 {
        text-transform: uppercase;
        margin: 0 0 7px 0;
    }

    .tip p {
        padding: 0;
    }

fieldset {
    display: block;
}

legend,
label,
.legend {
    display: block;
    margin: 0 0 15px 0;
    font-family: 'Effra-Medium', Arial, Verdana, sans-serif;
    color: #41444d;
    font-size: 19px;
    line-height: 25px;
    text-transform: none;
    position: relative;
    z-index: 1;
}

    legend em,
    label em,
    .legend em {
        color: #ce0b1e;
        font-style: normal;
    }

label {
    /* clearfix for labels to support floated right validation messages */
    /* for labels in header images like login */
}

    label:after {
        content: "";
        clear: both;
        display: table;
    }

    label.checkbox,
    label.radio {
        padding: 5px 0 0 0;
        display: block;
        font-size: 20px;
        line-height: 20px;
    }

        label.checkbox input,
        label.radio input {
            display: inline-block;
            margin: 0 5px 0 0;
        }

    label.label-white {
        color: #fff;
    }

legend,
.legend {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    float: left;
    width: 100%;
}

.text-input,
.select-input {
    display: inline-block;
    background: white;
    border: 2px solid #d2d2d2;
    padding: 13px;
    font-size: 16px;
    font-family: "Effra-Light", Arial, Verdana;
    color: #41444d;
    box-shadow: 0 0 7px rgba(65, 68, 76, 0.2);
    box-sizing: border-box;
    border-radius: 0;
}

.select-input-naked {
    border-color: transparent;
}

.select-input-transparent {
    border-color: #fff;
    background-color: transparent;
}

    .select-input-transparent:after {
        background-color: transparent;
    }

    .select-input-transparent select {
        color: white;
    }

.text-input:focus {
    outline: none;
}

.text-input:disabled {
    opacity: 0.5;
}

.text-input-error {
    border-color: #ce0b1e;
    color: #ce0b1e;
}

    .text-input-error:focus {
        border-color: #ce0b1e;
    }

.text-input-transparent {
    background: transparent;
    border-width: 1px;
    border-color: #fff;
    color: #fff;
}

.text-input-naked {
    background: transparent;
    border-color: transparent;
    color: inherit;
    width: 100%;
}

.text-input-standout-dark {
    background-color: #a70012;
    border-color: #a70012;
    color: white;
}

.text-input-primary-dark {
    background-color: #006e5d;
    border-color: #006e5d;
    color: white;
}

.text-input-primary-dark-essentials {
    background-color: #5C0000;
    border-color: #5C0000;
    color: white;
}

.text-input-search {
    background-image: url(../img/icon-search.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.text-input-block,
.select-input-block {
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 48px;
}

.text-input-transparent::-webkit-input-placeholder {
    color: #fff;
}

.text-input-transparent:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.text-input-transparent::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.text-input-transparent:-ms-input-placeholder {
    color: #fff;
}

.select-input-transparent option {
    background-color: rgba(0, 0, 0, 0.8);
}

.lt-ie9 .text-input-block,
.lt-ie9 .select-input-block {
    min-height: 0;
}
/* for text areas that need character count */
.char-counter {
    position: relative;
}

    .char-counter:before {
        content: attr(data-chars);
        position: absolute;
        bottom: 5px;
        right: 25px;
        color: #008673;
    }

    .char-counter.error:before {
        color: #ce0b1e;
    }

    .char-counter:after {
        content: "";
        clear: both;
        display: table;
    }

    .char-counter textarea {
        padding-bottom: 40px;
    }
/* javascript generated wrappers for styling select boxes */
.custom-select-container {
    position: relative;
    height: 52px;
}

    .custom-select-container select.replaced {
        position: relative;
        z-index: 1;
        width: 100%;
        filter: alpha(opacity=0);
        opacity: 0;
    }

        .custom-select-container select.replaced:disabled + span {
            opacity: .5;
            background: #ececec;
        }

    .custom-select-container .custom-select {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .custom-select-container .custom-select:after {
            content: "";
            width: 46px;
            height: 46px;
            position: absolute;
            top: 2px;
            right: 0;
            background: url('../img/main-sprite.png') no-repeat;
            background-position: -375px -256px;
        }

        .custom-select-container .custom-select > span {
            display: block;
        }

        .custom-select-container .custom-select span span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
        }

    .custom-select-container .active {
        box-shadow: 0 0 10px rgba(0, 100, 200, 0.7);
        outline: none;
    }
/* icons */
.icon {
    display: block;
    float: left;
    width: 39px;
    height: 39px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 7px 15px 0 0;
    word-wrap: break-word;
    word-break: break-word;
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
}

    .icon.facebook {
        background-position: -427px -293px;
        height: 39px;
        width: 39px;
    }

        .icon.facebook:hover,
        .icon.facebook:active,
        .icon.facebook:focus {
            background-position: -427px -334px;
            height: 39px;
            width: 39px;
        }

    .icon.youtube {
        background-position: -427px -252px;
        height: 39px;
        width: 39px;
    }

        .icon.youtube:hover,
        .icon.youtube:active,
        .icon.youtube:focus {
            background-position: -82px -404px;
            height: 39px;
            width: 39px;
        }

    .icon.instagram {
        background-position: -41px -404px;
        height: 39px;
        width: 39px;
    }

        .icon.instagram:hover,
        .icon.instagram:active,
        .icon.instagram:focus {
            background-position: 0px -404px;
            height: 39px;
            width: 39px;
        }

    .icon.twitter {
        background-position: -123px -404px;
        height: 39px;
        width: 39px;
    }

        .icon.twitter:hover,
        .icon.twitter:active,
        .icon.twitter:focus {
            background-position: -164px -404px;
            height: 39px;
            width: 39px;
        }

.br-arrow-icon {
    position: relative;
}

    .br-arrow-icon:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 16px;
        height: 16px;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -507px -367px;
        overflow: hidden;
    }

    .br-arrow-icon:hover:before {
        background-position: -507px -385px;
    }

.br-pad:before {
    right: 10px;
    bottom: 10px;
}

.chevron {
    /* generic chevron declaration */
    /* right chevrons */
    /* left chevrons */
    /* down and up chevrons */
}

.chevron-right,
.chevron-right-dark,
.chevron-button-right,
.chevron-left,
.chevron-button-left,
.chevron-left-standout,
.chevron-left-primary,
.chevron-down,
.chevron-down-white,
.chevron-up,
.chevron-up-white,
.chevron-blue,
.chevron-blue-right,
.chevron-left-primary-large,
.chevron-right-primary-large,
.chevron-right-mobile {
    position: relative;
}

    .chevron-right:after,
    .chevron-right-dark:after,
    .chevron-button-right:after,
    .chevron-left:after,
    .chevron-button-left:after,
    .chevron-left-standout:after,
    .chevron-left-primary:after,
    .chevron-down:after,
    .chevron-down-white:after,
    .chevron-up:after,
    .chevron-up-white:after,
    .chevron-blue:after,
    .chevron-blue-right:after,
    .chevron-left-primary-large:after,
    .chevron-right-primary-large:after,
    .chevron-right-mobile:after {
        content: "";
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
    }

.chevron-right,
.chevron-right-dark,
.chevron-button-right {
    padding-right: 40px;
    padding-left: 20px;
}

    .chevron-right:after,
    .chevron-right-dark:after,
    .chevron-button-right:after {
        background-position: -46px -358px;
        height: 44px;
        width: 44px;
        right: 0;
        margin-top: -21px;
    }

    .chevron-right-dark:after {
        background-position: -457px -375px;
        height: 11px;
        width: 7px;
        margin-top: -5.5px;
        right: 13.5px;
    }

.chevron-button-right {
    display: block;
    line-height: 44px;
}

    .chevron-button-right:after {
        background-color: #ce0b1e;
    }

.chevron-blue:after {
    height: 14px;
    width: 8px;
    background-position: -525px -385px;
    display: inline-block;
    margin: 0px 5px;
    position: relative;
    top: 2px;
}

.chevron-blue-right:after {
    height: 14px;
    width: 8px;
    background-position: -525px -385px;
    display: inline-block;
    right: 20px;
    margin-top: -7px;
}

.chevron-right-primary-large {
    display: inline-block;
    overflow: hidden;
    text-indent: -1000px;
    height: 33px;
    width: 27px;
}

    .chevron-right-primary-large:after {
        height: 33px;
        width: 27px;
        background-position: -507px 0px;
        top: 0;
        left: 0;
    }

.chevron-right-mobile {
    padding-right: 60px;
    /*padding-left: 20px;*/
}

    .chevron-right-mobile:after {
        background-position: -306px -358px;
        height: 40px;
        width: 40px;
        right: 0;
        margin-top: -20px;
    }

.chevron-left,
.chevron-button-left,
.chevron-left-standout,
.chevron-left-primary {
    padding-left: 40px;
    padding-right: 20px;
}

    .chevron-left:after,
    .chevron-button-left:after,
    .chevron-left-standout:after,
    .chevron-left-primary:after {
        background-position: 0px -358px;
        height: 44px;
        width: 44px;
        left: 0;
        margin-top: -23px;
    }

    .chevron-left-standout:after {
        background-position: -375px -304px;
    }

.chevron-left-primary {
    padding-left: 30px;
}

    .chevron-left-primary:after {
        background-position: -524px -403px;
        width: 8px;
        height: 14px;
        left: 10px;
        margin-top: -7px;
    }

.chevron-left-primary-large {
    display: inline-block;
    overflow: hidden;
    text-indent: -1000px;
    height: 33px;
    width: 26px;
}

    .chevron-left-primary-large:after {
        height: 33px;
        width: 26px;
        background-position: -507px -35px;
        top: 0;
        left: 0;
    }

.back .chevron-left {
    position: absolute;
    top: 10px;
    left: 10px;
}

.chevron-down,
.chevron-down-white,
.chevron-up,
.chevron-up-white {
    padding-right: 40px;
}

    .chevron-down:after,
    .chevron-down-white:after,
    .chevron-up:after,
    .chevron-up-white:after {
        width: 15px;
        height: 8px;
        right: 0;
        margin: -4px 0 0 0;
    }

    .chevron-down:after {
        background-position: -469px -426px;
    }

    .chevron-down-white:after {
        background-position: -507px -430px;
    }

    .chevron-up-white:after {
        background-position: -507px -460px;
    }

    .chevron-up:after {
        background-position: -507px -420px;
    }

a:hover.chevron-up:after {
    background-position: -507px -440px;
}

a:hover.chevron-down:after {
    background-position: -507px -450px;
}
/* tooltip icons */
.icon-tooltip {
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
    background-position: -64px -445px;
    display: inline-block;
    float: none;
    width: 29px;
    height: 29px;
    margin: 0;
}

    .icon-tooltip:hover,
    .icon-tooltip:focus,
    .icon-tooltip:active {
        background-position: -126px -445px;
    }

.icon-tooltip-dark {
    background-position: -95px -445px;
}

    .icon-tooltip-dark:hover,
    .icon-tooltip-dark:focus,
    .icon-tooltip-dark:active {
        background-position: -157px -445px;
    }
/* positioning for inline tooltips */
.tooltip-right {
    margin-right: 40px;
    position: relative;
}

    .tooltip-right .icon-tooltip,
    .tooltip-right .icon-tooltip-dark {
        position: absolute;
        right: -39px;
        top: 8px;
    }

.icon-add,
.icon-dash {
    position: relative;
    padding-right: 30px;
}

    .icon-add:after,
    .icon-dash:after {
        position: absolute;
        right: 0;
        top: 50%;
        font-size: 40px;
        font-family: "Effra-Regular";
        margin-top: -10px;
        line-height: 20px;
        width: 20px;
        height: 20px;
        overflow: hidden;
        display: block;
    }

    .icon-add:after {
        content: "+";
    }

.icon-add-accordion {
    position: relative;
}

    .icon-add-accordion:after {
        content: "+";
        position: absolute;
        right: 20px;
        top: 50%;
        font-size: 37px;
        font-family: "Effra-Light";
        margin-top: -10px;
        line-height: 20px;
        width: 20px;
        height: 20px;
        overflow: hidden;
        display: block;
        color: #df202f;
    }

.icon-dash:after {
    content: "-";
}

.icon-dash-accordion:after {
    content: "-";
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 37px;
    font-family: "Effra-Light";
    margin-top: -10px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    color: #df202f;
    color: #fff;
}

.icon-close,
.icon-close-white {
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
    display: inline-block;
    float: none;
    width: 19px;
    height: 19px;
    border: none;
    background-color: inherit;
}

.icon-close {
    background-position: -507px -289px;
}

    .icon-close:hover,
    .icon-close:focus,
    .icon-close:active {
        background-position: -507px -268px;
    }

.icon-close-white {
    background-position: -507px -310px;
}

    .icon-close-white:hover,
    .icon-close-white:focus,
    .icon-close-white:active {
        background-position: -507px -331px;
    }

.icon-close-right {
    position: relative;
}

    .icon-close-right:after {
        content: "";
        position: absolute;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -507px -289px;
        width: 19px;
        height: 19px;
        right: 0;
        top: 50%;
        margin-top: -10px;
    }

.icon-paper-sheet {
    float: none;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
    background-position: -62px -296px;
}

a:hover .icon-paper-sheet {
    background-position: -124px -225px;
}

.icon-map {
    float: none;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
    background-position: -186px -296px;
}

a:hover .icon-map {
    background-position: -62px -225px;
}

.icon-attachment {
    position: relative;
    width: 22px;
    height: 22px;
    text-indent: 1000px;
    overflow: hidden;
    display: block;
}

    .icon-attachment:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background-image: url('../img/main-sprite.png');
        background-position: -507px -246px;
    }
/* make icons only visible on mobile */
.m-icon:after {
    display: none;
}
/* smart search alphabet toggles */
.icon-ss-abc {
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
    background-position: -92px -358px;
    width: 41px;
    height: 41px;
}

    .icon-ss-abc:hover,
    .icon-ss-abc:active,
    .icon-ss-abc:focus {
        background-position: -135px -358px;
    }

.icon-ss-search {
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
    background-position: -178px -358px;
    width: 41px;
    height: 41px;
}

    .icon-ss-search:hover,
    .icon-ss-search:active,
    .icon-ss-search:focus {
        background-position: -221px -358px;
    }
/* calendary day graphic for displaying on hello page */
.calendar-day {
    width: 60px;
    height: 80px;
    padding: 7.5px 0px 0;
    display: inline-block;
    box-sizing: border-box;
    background-image: url('../img/event-widget.png');
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    vertical-align: bottom;
    line-height: 1;
}

.event-margins {
    margin-left: 15px;
    margin-bottom: 25px;
}

.second-widget-left-margin {
    margin-left: 15px;
}

.calendar-day .heading-large {
    line-height: 25px;
}

.calendar-time {
    display: inline-block;
}

.widget-month-settings {
    line-height: 0.5em;
    font-size: 0.6em;
}

.multiple-day-event-widgets {
    display: inline-block;
}
/* enquiries phone icon */
.phone-icon {
    position: relative;
}

    .phone-icon:after {
        content: "";
        width: 71px;
        height: 61px;
        display: block;
        position: absolute;
        top: 36px;
        margin-top: -36px;
        right: 0;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -231px -102px;
    }
/*edit icon that looks like a pencil */
.edit-pencil-left {
    position: relative;
    padding-left: 50px;
}

    .edit-pencil-left:before {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        left: 10px;
        top: 50%;
        margin-top: -15px;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -375px -404px;
    }
/* share icon that looks like a paper airplane */
.share-plane-left {
    position: relative;
    padding-left: 50px;
}

    .share-plane-left:before {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        left: 10px;
        top: 50%;
        margin-top: -15px;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -469px -266px;
    }

    .share-plane-left.open {
        background: #fff;
        color: #008673;
    }

        .share-plane-left.open:before {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            background-image: url('../img/main-sprite.png');
            background-repeat: no-repeat;
            background-position: -507px -289px;
        }
/* generic download icon */
.download-right {
    position: relative;
}

    .download-right:after {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        right: 5px;
        top: 50%;
        margin-top: -15px;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -407px -404px;
    }

.prospectus-login-icon:before,
.account-login-icon:before {
    border: 2px solid white;
    content: "";
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin: -5px 10px -5px 0;
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
}

.prospectus-login-icon:before {
    background-position: -283px -165px;
}

.account-login-icon:before {
    background-position: -469px 0px;
}
/* structure */
.section-panel {
    background: #fff;
    padding: 20px 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    margin-top: 10px;
    margin-bottom: 10px;
}

    .section-panel.collapsed {
        background-color: #d2d2d2;
    }

    .section-panel.available {
        position: relative;
        cursor: pointer;
    }

        .section-panel.available header:after {
            content: "+";
            position: absolute;
            line-height: 70px;
            font-size: 40px;
            display: block;
            top: 0;
            right: 20px;
            color: #666;
        }

        .section-panel.available header:hover:after {
            color: #000;
        }

    .section-panel .collapse-section {
        display: none;
    }

    .section-panel.open:after {
        content: "-";
        position: absolute;
        font-size: 60px;
        display: block;
        top: 0;
        right: 20px;
    }

.accordion .section-panel {
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.white-panel {
    background: white;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

/* helpers */
.pad-none {
    padding: 0;
}

.pad-around {
    padding: 18px;
}

.pad-around-small {
    padding: 10px;
}

.pad-around-large {
    padding: 25px;
}

.pad-around-xlarge {
    padding: 70px;
}

.pad-row {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad-row-xsmall {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-row-small {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pad-row-large {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pad-sides {
    padding-left: 20px;
    padding-right: 20px;
}

.pad-sides-small {
    padding-left: 10px;
    padding-right: 10px;
}

.pad-sides-medium {
    padding-left: 30px;
    padding-right: 30px;
}

.pad-sides-large {
    padding-left: 40px;
    padding-right: 40px;
}

.pad-left {
    padding-left: 20px;
}

.pad-right-small {
    padding-right: 10px;
}

.pad-top {
    padding-top: 35px;
}

.pad-top-small {
    padding-top: 10px;
}

.pad-top-lage {
    padding-top: 75px;
}

.pad-top-xlarge {
    padding-top: 150px;
}

.pad-bottom {
    padding-bottom: 18px;
}

.pad-bottom-medium {
    padding-bottom: 30px;
}

.pad-bottom-large {
    padding-bottom: 40px;
}

.pad-bottom-small {
    padding-bottom: 10px;
}
/* legacy classes - still used in some parts of the application */
.paddingtop {
    padding-top: 40px;
}

.paddingtop-large {
    padding-top: 75px;
}

.paddingtop-small {
    padding-top: 10px;
}

.paddingtop22 {
    padding-top: 22px;
}

.nopaddingbottom {
    padding-bottom: 0;
}

.nopaddingtop {
    padding-top: 0;
}

.margin-sides-small {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-left {
    margin-left: 20px;
}

.row-no-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.negate-padding {
    margin: -20px -20px auto;
}

.negate {
    margin: -20px -20px 0 -20px;
}

.negate-18 {
    margin-top: -18px;
    margin-right: -18px;
    margin-left: -18px;
}
/* absolute positioned elements*/
.relative {
    position: relative;
}

.pos-absolute-bl {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.pos-absolute-br {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.pos-absolute-tr {
    position: absolute;
    top: 0;
    right: 0;
}

.horizontal-scroll {
    overflow-x: auto;
}

.no-pattern {
    background-image: none;
}

.bg-primary,
.main-header.bg-primary {
    background-color: #008673;
    color: white;
}

.bg-primary-essentials,
.main-header.bg-primary-essentials {
    background-color: #a70012;
    color: white;
}

.bg-primary-dark {
    background-color: #006e5d;
    color: white;
}

.bg-primary-essentials {
    background-color: #840000 !important;
    color: white;
}

.bg-secondary {
    background-color: #396292;
    color: white;
}

.bg-white {
    background-color: #fff;
    color: #41444d;
}

.bg-grey {
    background-color: #41444d;
    color: white;
}

.bg-grey-alt {
    background-color: #dcdadb;
}

.bg-dark-grey {
    background-color: #433c41;
}

.bg-light-grey {
    background-color: #ececec;
}

.bg-light-grey-alt {
    background-color: #f9f8f6;
}

.bg-standout {
    background-color: #ce0b1e;
}

.bg-standout-dark {
    background-color: #a70012;
}

.bg-pink {
    background-color: #d7d1ca;
}

.bg-dark-transparent {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
}

.bg-blue {
    background-color: #54baec;
}

.bg-black {
    background-color: #222;
}

.bg-grey-transparent {
    /*background-color: rgba(43, 41, 43, 0.7);*/
    opacity: 60%;
    background: #000000;
    color: white;
}

.bg-tile-grey {
    background: url(../img/structure/bg-tile-grey.png) 0 0;
}

.bg-tile-emerald {
    background: url(../img/structure/bg-tile-emerald.png) center center;
}

.bg-tile-red {
    background: url(../img/structure/bg-tile-red.png) center center;
}

.bg-warning {
    background-color: #fffadd;
}

.lt-ie9 .bg-dark-transparent {
    background-color: #41444d;
}

.hover-darken:hover {
    text-decoration: none;
}

.hover-darken-target {
    position: relative;
}

.hover-darken:hover .hover-darken-target:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
}

.hover-darken:hover .text-bg-standout {
    background-color: #a70012;
}

.hover-bottom-border-red:hover, .hover-bottom-border-red:focus {
    height: 55px;
    border-bottom: 3px solid red;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    display: block;
    line-height: 22px;
    font-size: 17px;
    padding: 0;
    color: inherit;
    margin: 0;
}

.text-size-13 {
    font-size: 13px;
    line-height: 18px;
}

.text-size-14 {
    font-size: 14px;
    line-height: 19px;
}

.text-size-16 {
    font-size: 16px;
    line-height: 21px;
}

.text-size-17 {
    font-size: 17px;
    line-height: 22px;
}

.text-size-18 {
    font-size: 18px;
    line-height: 22px;
}

.text-size-20 {
    font-size: 20px;
    line-height: 25px;
}

.text-size-22 {
    font-size: 22px;
    line-height: 27px;
}

.text-size-25 {
    font-size: 25px;
    line-height: 30px;
}

.text-size-28 {
    font-size: 42px;
    line-height: 45px;
}

.text-size-30 {
    font-size: 30px;
    line-height: 40px;
}

.text-size-35 {
    font-size: 35px;
    line-height: 40px;
}

.text-size-40 {
    font-size: 42px;
    line-height: 45px;
}

.text-size-60 {
    font-size: 60px;
    line-height: 65px;
}

.text-size-80 {
    font-size: 80px;
    line-height: 85px;
}

.text-size-110 {
    font-size: 110px;
    line-height: 120px;
}

.text-color-white {
    color: #ffffff;
}

.text-color-primary {
    color: #008673;
}

.text-color-secondary {
    color: #396292;
}

.text-color-headings {
    color: #303030;
}

    .text-color-headings:focus {
        text-decoration: underline;
        color: black;
    }

.text-color-standout {
    color: #ce0b1e;
}

.text-color-standout-dark {
    color: #a70012;
}

.text-color-lightblue {
    color: #00aeef;
}

.text-color-grey {
    color: #cccccc;
}

.text-color-mediumgrey {
    color: #666666;
}

.text-color-black {
    color: #000000;
}

.text-bg {
    /*graceful degradation for IE8*/
}

.text-bg-white {
    background-color: #fff;
    display: inline;
    line-height: 1.4em;
    padding: 6px 10px;
}

    .text-bg-white.text-nice-wrap > span {
        border-right: 7px solid #ffffff;
    }

.text-bg-primary {
    background-color: #008673;
    color: white;
    display: inline;
    line-height: 1.4em;
    padding: 0px 10px;
}

    .text-bg-primary.text-nice-wrap > span {
        border-right: 7px solid #008673;
    }

.text-bg-standout {
    background-color: #ce0b1e;
    color: white;
    display: inline;
    line-height: 1.4em;
    padding: 0px 10px;
}

.taster-portrait h2 {
    line-height: 36px;
}

.text-bg-standout.text-nice-wrap > span {
    border-right: 7px solid #ce0b1e;
}

.text-bg-standout-dark {
    background-color: #a70012;
    color: white;
    display: inline;
    line-height: 1.4em;
    padding: 0px 10px;
}

    .text-bg-standout-dark.text-nice-wrap > span {
        border-right: 7px solid #a70012;
    }

.text-bg-light-grey {
    background-color: #d2d2d2;
    padding: 6px 10px;
    display: inline-block;
}

.lt-ie9 .text-bg-white,
.lt-ie9 .text-bg-primary,
.lt-ie9 .text-bg-standout,
.lt-ie9 .text-bg-standout-dark {
    padding-left: 10px;
    padding-right: 10px;
    left: 0;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.text-weight-light {
    font-family: 'Effra-Light', Arial, sans-serif;
    font-weight: normal;
}

.text-weight-regular {
    font-family: "Effra-Regular", Arial, sans-serif;
    font-weight: normal;
}

.text-weight-medium {
    font-family: "Effra-Medium", Arial, sans-serif;
    font-weight: normal;
}

.text-weight-heavy {
    font-family: "Effra-Bold", Arial, sans-serif;
    font-weight: normal;
}

.text-line-normal {
    line-height: 1.2em;
}

.text-line-large {
    line-height: 1.5em;
    min-height: 1.5em;
}

.text-line-xlarge {
    line-height: 2em;
}

.text-line-none {
    line-height: 0.75em;
}

.text-line-none1 {
    line-height: 0.9em;
}

.text-transform-capitalize {
    text-transform: capitalize;
}

.text-transform-uppercase {
    text-transform: uppercase;
}

.text-nowrap {
    white-space: nowrap;
}

    .text-nowrap:focus {
        background-color: #E71C31;
        color: white;
    }

.text-nice-wrap {
    padding: 0;
    line-height: 1.4em;
}

    .text-nice-wrap > span {
        white-space: pre-wrap;
        position: relative;
        left: 7px;
        padding: 0;
    }

.text-style-italic {
    font-style: italic;
}

.text-style-normal {
    font-style: normal;
}

.text-break {
    word-break: break-all;
}

.text-wrap {
    word-wrap: break-word;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-one-line {
    white-space: nowrap;
    overflow: hidden;
    height: 1.2em;
}

.hover-color-standout:hover,
.hover-color-standout:focus {
    color: #E71C31;
}

.short-description-articles {
    font-size: 18px;
}


.full-description-articles {
    font-size: 18px;
}

    .full-description-articles a {
        font-family: "Effra-Medium", Arial, Verdana !important;
    }

/*.theme-editor-break-word {
    word-wrap: break-word;
    display: inline-block;
}*/


.theme-editor {
    /* rich text editors have red links by default */
}

    .theme-editor h1 {
        font-size: 60px;
        line-height: 1em;
        margin-bottom: .25em;
        font-family: "Effra-Bold";
    }

    .theme-editor h2 {
        font-size: 32px;
        line-height: 1em;
        margin-bottom: .5em;
        font-family: "Effra-Bold";
    }

    .theme-editor h3 {
        font-size: 24px;
        line-height: 1em;
        margin-bottom: .75em;
        font-family: "Effra-Bold";
    }

    .theme-editor h4 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 1em;
        font-family: "Effra-Bold";
    }

    .theme-editor strong,
    .theme-editor b {
        font-family: "Effra-Medium";
    }

    .theme-editor em,
    .theme-editor i {
        font-style: italic;
    }

    .theme-editor blockquote {
        font-style: italic;
        font-size: 20px;
        line-height: 1em;
        font-family: "Effra-Medium";
    }

        .theme-editor blockquote p:before {
            white-space: nowrap;
            content: "\201C";
        }

        .theme-editor blockquote p:after {
            content: "\201D";
            white-space: nowrap;
        }

    .theme-editor > ul {
        margin: 0 0 1em 0;
    }

    .theme-editor ul li {
        list-style: disc;
        font-size: 18px;
    }   

    .theme-editor ol li {
        list-style: decimal;
    }

    .theme-editor a {
        color: inherit;
        text-decoration: none;
    }

        .theme-editor a[href] {
            color: #ce0b1e;
            text-decoration: underline;
            font-family: "Effra-Medium";
            /*border-bottom: 1px solid #ce0b1e;*/
            /* correction for school logos */
        }

            .theme-editor a[href]:hover {
                color: #a70012;
                text-decoration: underline;
                /*border-bottom: 1px solid #a70012;*/
            }

            .theme-editor a[href].text-color-headings {
                color: #303030;
                border-bottom: none;
            }

    .theme-editor .button {
        color: #FFF;
    }

    .theme-editor .ellipsis {
        color: #ce0b1e;
        font-weight: bold;
    }

#studentHomeMasonary .theme-editor .ellipsis {
    color: #008673;
    font-weight: bold;
}

.bg-grey-transparent .theme-editor .ellipsis {
    color: #fff;
    font-weight: bold;
}

.theme-primary .theme-editor a[href] {
    color: #008673;
    text-decoration: underline;
    word-wrap: break-word;
    /*border-bottom: 1px solid #008673;*/
}

.theme-editor .ellipsis .theme-primary .theme-editor a[href]:hover {
    color: #006e5d;
    text-decoration: underline;
    /*border-bottom: 1px solid #006e5d;*/
}

.theme-primary .theme-editor .button {
    color: #ffffff;
}

.theme-primary .theme-editor .ellipsis {
    color: #008673;
}

.theme-editor.theme-white {
    color: #fff;
}

    .theme-editor.theme-white a[href] {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }

        .theme-editor.theme-white a[href].link-decoration-none {
            border-bottom: transparent;
        }

        .theme-editor.theme-white a[href].link-decoration-hover-only {
            border-bottom-color: transparent;
        }

        .theme-editor.theme-white a[href]:hover {
            border-bottom: 1px solid #FFF;
        }

            .theme-editor.theme-white a[href]:hover.link-decoration-none {
                border-bottom: transparent;
            }

            .theme-editor.theme-white a[href]:hover.link-decoration-hover-only {
                border-bottom-color: #FFF;
            }

    .theme-editor.theme-white .button {
        background-color: #FFF;
        color: #008673;
    }

    .theme-editor.theme-white .ellipsis {
        color: #fff;
    }

.theme-grey-dark a {
    color: #303030;
}

.theme-grey-light a {
    color: #999999;
}

.theme-underline a {
    text-decoration: underline;
}

    .theme-underline a:hover {
        text-decoration: none;
    }

.link-decoration-none,
.link-decoration-none:hover,
.link-decoration-none:focus {
    text-decoration: none;
}

    .link-decoration-none:focus .link-decoration-border-dark {
        text-decoration: none;
        border-bottom: 1px solid #7ffae9;
    }

.link-decoration-border-dark {
    border-bottom: 1px solid #a9a099;
}

    .link-decoration-border-dark:hover,
    a:hover .link-decoration-border-dark {
        border-color: #7ffae9;
        text-decoration: none;
    }

.link-decoration-border-light {
    border-bottom: 1px solid #a9a099;
}

#Reminders .link-decoration-border-dark:hover, #Reminders a:hover .link-decoration-border-dark {
    border: none;
    text-decoration: underline;
}

.event-bold {
    font-family: "Effra-Bold", Arial, Verdana;
}

.link-decoration-border-light:hover,
a:hover .link-decoration-border-light {
    border-color: #7ffae9;
    text-decoration: none;
}

.link-decoration-border-standout-dark {
    border-bottom: 1px solid #a70012;
}

    .link-decoration-border-standout-dark:hover,
    a:hover .link-decoration-border-standout-dark {
        border-color: #ce0b1e;
        text-decoration: none;
    }

.link-decoration-border-secondary {
    color: #396292;
    border-bottom: 1px solid #396292;
}

    .link-decoration-border-secondary:hover,
    a:hover .link-decoration-border-secondary {
        color: #6c95c5;
        border-color: #6c95c5;
        text-decoration: none;
    }

.link-decoration-border-dots {
    border-bottom: 1px dotted #a0a0a0;
}

    .link-decoration-border-dots .link-decoration-inherit {
        border-bottom: 1px dotted #a0a0a0;
    }

    .link-decoration-border-dots:hover {
        text-decoration: none;
        border-bottom-style: solid;
    }

        .link-decoration-border-dots:hover .link-decoration-inherit {
            border-bottom-style: solid;
        }

.link-decoration-inherit {
    border-bottom-width: inherit;
    border-bottom-style: inherit;
    border-bottom-color: inherit;
}

.bullet-container {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 100%;
    border: 6px solid #e4e6e5;
    color: white;
    font-family: "Effra-Light", Arial, Verdana, sans-serif;
    margin: 0 0 25px 0;
}

    .bullet-container strong {
        font-size: 40px;
        display: block;
        line-height: 20px;
        padding-top: 15px;
        font-weight: normal;
    }

    .bullet-container small {
        font-size: 16px;
    }
/* skip */
a.skip {
    position: absolute;
    left: -999em;
}

    a.skip:active,
    a.skip:focus {
        top: 0;
        left: 0;
        color: #fff;
        background: #01a7e3;
        font-size: 1.1em;
        display: block;
        padding: 0.4em;
        border: 0.1em solid #fff;
        white-space: nowrap;
        width: 14em;
        text-align: center;
        font-weight: bold;
        z-index: 99999;
    }
/* header */
.main-header {
    padding: 16px 0 14px 0;
    z-index: 5;
    min-height: 42px;
    left: 0;
    position: fixed;
    transform: translate3d(0, 0, 0);
    width: 100%;
    top: 0;
}

.cookie-visible .main-header {
    position: relative;
}

.home-link {
    display: inline-block;
    vertical-align: top;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* border: 1px dotted transparent;*/
    box-sizing: border-box;
}

    .home-link:focus {
        border-color: #fff;
    }

.sticky-fixed .return-to-homepage-link {
    padding: 20px 10px 10px;
}
/* main content */
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
/* generic status steps */
.status-steps {
    white-space: nowrap;
    padding-bottom: 20px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    /* create bubbles */
    /* position bubbles and lines depending on active/normal state. active state enlarges the bubbles so we need to compensate */
    /* Status steps navigation */
}

    .status-steps .status-step {
        /* each block of steps that contains a bullet, a left and a right guide*/
        display: inline-block;
        position: relative;
        text-align: center;
        top: 10px;
        vertical-align: top;
        /* create guide lines between bubbles */
    }

        .status-steps .status-step:before,
        .status-steps .status-step:after {
            content: "";
            position: absolute;
            height: 0;
            border-top: 3px solid #ededed;
            top: 28px;
        }

        .status-steps .status-step:before {
            /* left guide */
            left: -2px;
            right: 50%;
            margin-right: 25px;
        }

        .status-steps .status-step:first-child:before {
            /* remove guide if first element */
            display: none;
        }

        .status-steps .status-step:after {
            /* right guide */
            right: -2px;
            left: 50%;
            margin-left: 25px;
        }

        .status-steps .status-step:last-child:after {
            /* remove guide if last element */
            display: none;
        }

    .status-steps .complete:after,
    .status-steps .complete:before,
    .status-steps .active:after,
    .status-steps .active:before {
        /* guideline color for active and completed states */
        border-color: #008673;
    }

    .status-steps .bubble-caption {
        /* text beneath bubbles that works as a caption */
        height: auto;
        line-height: normal;
    }

    .status-steps .bubble {
        color: #41444d;
        font-family: "Effra-Medium", Arial, sans-serif;
        width: 51px;
        height: 51px;
        overflow: hidden;
        display: inline-block;
        border: 3px solid transparent;
        background-color: #ededed;
        border-radius: 50%;
        text-align: center;
        line-height: 51px;
        position: relative;
        box-sizing: content-box;
        font-size: 24px;
    }

    .status-steps .offer-made-bubble,
    .status-steps .offer-accepted-bubble,
    .status-steps .application-declined {
        /* hide text inside bubbles when it gets replaced by icons*/
        text-indent: -500px;
    }

        .status-steps .offer-made-bubble:before,
        .status-steps .offer-accepted-bubble:before,
        .status-steps .application-declined:before,
        .status-steps .complete-bubble:before {
            /* graphics for different bubble states */
            content: "";
            position: absolute;
            overflow: hidden;
            top: 50%;
            left: 50%;
            width: 30px;
            height: 30px;
            background-image: url('../img/main-sprite.png');
            background-repeat: no-repeat;
            margin: -15px;
        }

        .status-steps .offer-made-bubble:before {
            background-position: -247px -404px;
        }

        .status-steps .offer-accepted-bubble:before {
            background-position: -343px -404px;
        }

        .status-steps .application-declined:before {
            background-position: -311px -404px;
        }

    .status-steps .active {
        top: 0;
    }

        .status-steps .active:before,
        .status-steps .active:after {
            top: 38px;
        }

        .status-steps .active:before {
            margin-right: 35px;
        }

        .status-steps .active:after {
            margin-left: 35px;
        }

        .status-steps .active .bubble {
            /* active state bubble */
            border: 5px solid #008673;
            background-color: white;
            color: #41444d;
            width: 69px;
            height: 69px;
            line-height: 68px;
            margin-right: 0;
            box-sizing: content-box;
        }

    .status-steps .complete .bubble {
        /* complete state bubble */
        border-color: #008673;
        background: #008673;
        text-indent: -500px;
        border: 0;
        /* remove complete bubble checked mark*/
    }

        .status-steps .complete .bubble .offer-made-bubble:after,
        .status-steps .complete .bubble .offer-accepted-bubble:after,
        .status-steps .complete .bubble .application-declined:after,
        .status-steps .complete .bubble .complete-bubble:after {
            border: none;
        }

    .status-steps .complete .offer-made-bubble:before {
        background-position: -469px -234px;
    }

    .status-steps .complete .offer-accepted-bubble:before {
        background-position: -279px -404px;
    }

    .status-steps .complete .application-declined:before {
        background-position: -469px -202px;
    }

    .status-steps .complete .complete-bubble:before {
        background-position: -32px -445px;
    }

    .status-steps .slick-prev,
    .status-steps .slick-next {
        position: absolute;
        z-index: 4;
        top: 14px;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -264px -355px;
        background-color: white;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin: 0;
        border: 3px solid white;
    }

        .status-steps .slick-prev:focus,
        .status-steps .slick-next:focus {
            outline: none;
            border-color: #cce7e3;
            box-shadow: none;
        }

    .status-steps .slick-next {
        right: 0;
        background-position: -301px -355px;
    }

    .status-steps .slick-disabled {
        opacity: 0;
    }

.status-steps-x4 .status-step {
    /* four bullets layout */
    width: 25%;
}

.status-steps-x3 .status-step {
    /* three bullets layout */
    width: 33.33%;
}
/* template for prospectus status steps */
.tmp-status-prospectus .status-steps {
    margin-bottom: 0;
    padding: 0;
}

    .tmp-status-prospectus .status-steps .status-step {
        top: 0;
    }

        .tmp-status-prospectus .status-steps .status-step:before,
        .tmp-status-prospectus .status-steps .status-step:after {
            border-color: #FFF;
            height: 3px;
            border-style: solid;
            border-width: 3px 0;
            top: 21px;
        }

        .tmp-status-prospectus .status-steps .status-step:after {
            margin-left: 24px;
        }

    .tmp-status-prospectus .status-steps .bubble {
        width: 44px;
        height: 44px;
        line-height: 44px;
        color: #FFF;
        background: transparent;
        border: 4px solid white;
    }

    .tmp-status-prospectus .status-steps .active {
        top: 0;
    }

        .tmp-status-prospectus .status-steps .active:before,
        .tmp-status-prospectus .status-steps .active:after {
            top: 21px;
            border-color: #FFF;
            background-color: #FFF;
        }

        .tmp-status-prospectus .status-steps .active:before {
            margin-right: 24px;
        }

        .tmp-status-prospectus .status-steps .active:after {
            margin-left: 24px;
        }

        .tmp-status-prospectus .status-steps .active .bubble {
            background: #FFF;
            color: #ce0b1e;
        }

    .tmp-status-prospectus .status-steps .complete:after,
    .tmp-status-prospectus .status-steps .complete:before {
        border-color: #FFF;
        background-color: #FFF;
    }

    .tmp-status-prospectus .status-steps .complete .bubble {
        background-color: #fff;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -321px -250px;
    }

        .tmp-status-prospectus .status-steps .complete .bubble:after {
            border-color: #ce0b1e;
            right: 12px;
            top: 16px;
        }

.sticky-fixed .tmp-status-prospectus .status-steps .status-step {
    height: 46px;
}

    .sticky-fixed .tmp-status-prospectus .status-steps .status-step:before,
    .sticky-fixed .tmp-status-prospectus .status-steps .status-step:after {
        top: 18px;
    }

    .sticky-fixed .tmp-status-prospectus .status-steps .status-step:before {
        margin-right: 21px;
    }

    .sticky-fixed .tmp-status-prospectus .status-steps .status-step:after {
        margin-left: 21px;
    }

.sticky-fixed .tmp-status-prospectus .status-steps .bubble {
    height: 38px;
    width: 38px;
    line-height: 38px;
    border-width: 3px;
}

    .sticky-fixed .tmp-status-prospectus .status-steps .bubble:after {
        right: 9px;
        top: 13px;
    }

.sticky-fixed .tmp-status-prospectus .status-steps .active:before,
.sticky-fixed .tmp-status-prospectus .status-steps .active:after {
    top: 18px;
}

.sticky-fixed .tmp-status-prospectus .status-steps .complete .bubble {
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
    background-position: -191px -127px;
}
/* Page title with big background image */
.main-heading,
.img-bg-section {
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 250px;
    padding-top: 80px;
    box-sizing: border-box;
    color: white;
    position: relative;
}

.main-heading-large,
.main-heading-xlarge,
.main-heading-small,
.main-heading-xxlarge {
    background-repeat: no-repeat;
}

.main-heading-small {
    min-height: 200px;
    padding-top: 20px;
}

.main-heading-large {
    min-height: 260px;
    padding-top: 40px;
}

.main-heading-xlarge {
    min-height: 300px;
    padding-top: 60px;
}

.main-heading-xxlarge {
    height: 640px;
}

.course-heading {
    margin-top: 0;
}

.fill-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.main-heading.bg-black {
    background-color: transparent;
}

    .main-heading.bg-black:before {
        content: "";
        position: absolute;
        z-index: -1;
        max-width: 1440px;
        left: 50%;
        top: 0;
        bottom: 0;
        right: 50%;
        margin: 0 -720px;
        background-color: black;
    }

.main-heading .full-bg-row {
    min-height: 314px;
    margin-bottom: 0;
}

#SecondaryHeaderBarLinks {
    width: 180px;
    float: right;
}

    #SecondaryHeaderBarLinks li {
        text-align: left;
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
    }

.img-bg-section {
    min-height: 325px;
}

.cookie-visible .main-content {
    padding-top: 0;
}

.badge {
    display: inline-block;
    background-color: #ce0b1e;
    padding: 0 8px;
    color: #fff;
    margin: 0 0 0 10px;
    border-radius: 25px;
    font-family: "Effra-Regular", Arial, Verdana;
    line-height: 27px;
    font-size: 19px;
}
/* overlays */
.overlay-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    text-indent: -6000px;
    z-index: 1;
}

.overlay {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 101;
}

    .overlay .overlay-chrome {
        position: fixed;
        width: 800px;
        height: 600px;
        left: 50%;
        top: 50%;
        margin: -300px 0 0 -400px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        border-top: 8px solid #df1a2b;
        z-index: 2;
    }

    .overlay .overlay-header {
        background: #8e0a15;
        font-family: "Effra-Regular", Arial, Verdana;
        font-size: 25px;
        line-height: 25px;
        color: #fff;
        padding: 30px 35px;
        position: relative;
        margin: -30px -35px;
    }

    .overlay .overlay-body {
        padding: 30px 35px;
    }

    .overlay .overlay-scroll {
        padding: 0 0 0 0;
        overflow: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        top: 110px;
        left: 35px;
        right: 35px;
        bottom: 35px;
    }

    .overlay .icon-close-white,
    .overlay .icon-close {
        position: absolute;
        right: 35px;
        top: 50%;
        margin: -5px 0 0 0;
    }

    .overlay.whiteout .overlay-mask {
        background: #fff;
    }

    .overlay.whiteout .overlay-chrome {
        top: 20px;
        box-shadow: none;
        border: 0;
        width: 900px;
        height: auto;
        margin: 0 0 0 -450px;
        border-radius: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        top: auto;
        left: auto;
    }

    .overlay.whiteout .overlay-header {
        background: #fff;
        color: #333;
        padding: 0;
        margin: 0 0 25px 0;
    }

    .overlay.whiteout .overlay-body {
        max-width: 890px;
        margin: 0 auto;
        padding: 20px 20px;
    }

    .overlay.whiteout .overlay-scroll {
        overflow: hidden;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        height: auto;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .overlay.whiteout .icon-close-white,
    .overlay.whiteout .icon-close {
        right: 0;
    }

    .overlay.whiteout .panel-query hr,
    .overlay.whiteout .panel-query legend {
        display: none;
    }

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    text-indent: -6000px;
    z-index: 1;
}
/* tooltip */
.tooltip {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 101;
}

.tooltip-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    text-indent: -6000px;
}

.tooltip-chrome {
    position: fixed;
    width: 750px;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -375px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-top: 8px solid #840544;
    border-bottom: 8px solid #b1b1b1;
    box-sizing: border-box;
}

.tooltip-header {
    background: #fff;
    font-family: "Effra-Bold", Arial, Verdana;
    font-size: 22px;
    line-height: 22px;
    color: #840544;
    padding: 25px 50px 25px 0;
    position: relative;
}

.tooltip-body {
    padding: 0 25px 25px 25px;
}

    .tooltip-body p:last-child {
        padding-bottom: 0;
    }

.tooltip-scroll {
    padding: 0 0 0 0;
}

.tooltip.overflow .tooltip-chrome {
    height: auto;
    top: 15px;
    bottom: 15px;
}

.tooltip.overflow .tooltip-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.tooltip .icon-close {
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 1;
    margin: 0;
}

.tooltip-theme-primary .tooltip-chrome {
    border-top-color: #008673;
}

.tooltip-theme-primary .tooltip-header {
    color: #303030;
}

.lt-ie9 .overlay-mask,
.lt-ie9 .tooltip-mask,
.lt-ie9 .mask {
    background: url(../img/overlay-mask-fallback.png);
}
/* smart..ish search */
.search-results {
    height: 300px;
    overflow-y: auto;
    margin-bottom: 30px;
    margin-right: 0;
    padding: 0 10px 0 5px;
    margin-left: -5px;
    position: relative;
    margin-top: 0;
}

.panel-empty {
    margin: 0 0 30px 0;
    height: 300px;
}

    .panel-empty .medalion {
        display: inline-block;
        margin: 40px auto 30px auto;
        border-radius: 100px;
        background: #356193;
        color: #fff;
        padding: 30px 15px;
        font-size: 25px;
        font-family: "Effra-Regular", Arial, Verdana;
        box-shadow: 0 5px 10px #eee;
    }

    .panel-empty h4 {
        color: #356193;
        margin: 0 0 10px 0;
        font-size: 25px;
        font-family: "Effra-Medium", Arial, Verdana;
        text-transform: none;
    }

.panel-empty,
.button-cancel,
.panel-review,
.panel-buttons-finished {
    display: none;
}
/* Sticky header */
.sticky-home.main-header {
    position: relative;
}

.sticky-fixed.main-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px 0;
    -webkit-transition: .2s;
    transition: .2s;
}

.sticky-fixed.sticky-no-change {
    padding: 16px 0 14px 0;
    -webkit-transition: .2s;
    transition: 0s;
}
/* cookies */
.cookie {
    background: #504c5a;
    border-top: 10px solid #4f4659;
    color: #fff;
    padding-top: 20px;
    display: none;
}
/* thumbnails */
.thumbnail-left {
    display: block;
    float: left;
    margin: 0 28px 28px 0;
}

.thumbnail-left-normal {
    margin-right: 18px;
}

.thumbnail-right {
    display: block;
    float: right;
    margin: 0 0 28px 28px;
}
/* subjects menu */
#subjectsSidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000; /*101;*/
    width: 100%;
    height: 100%;
}

    #subjectsSidebar article {
        position: fixed;
        top: 0;
        right: -400px;
        width: 400px;
        height: 100%;
        background: #e9e6e8;
        z-index: 1;
        transition: all ease 0.5s;
        overflow: auto;
    }

    #subjectsSidebar.open article {
        right: 0;
    }

    #subjectsSidebar .icon-close {
        margin: 0;
    }
/* footer */
.footer-push:after {
    content: "";
    display: block;
}

.main-footer {
    background: #504c5a;
    border-top: 10px solid #4f4659;
    color: #fff;
}

    .main-footer a {
        color: #fff;
    }

    .main-footer h3 {
        font-family: "Effra-Medium", Arial, Verdana;
        font-size: 16px;
        padding: 15px 0 14px;
        border-bottom: 1px solid #857f8d;
        margin-bottom: 10px;
    }

.pin-icon:before {
    content: "";
    background-image: url('../img/main-sprite.png');
    background-repeat: no-repeat;
    background-position: -321px -72px;
    width: 52px;
    height: 70px;
    display: block;
    position: relative;
    margin: 17px 0 20px 35px;
}

a:hover .pin-icon:before,
a:active .pin-icon:before,
a:focus .pin-icon:before {
    background-position: -321px 0px;
}

.footer-links {
    background: #373542;
    border: 0;
    color: #fff;
    padding: 16px 0;
}

    .footer-links .wrapper {
        padding-bottom: 0;
    }

    .footer-links p {
        font-family: "RdgVesta-Regular", Arial, Verdana;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        padding: 0 0 10px 0;
    }

        .footer-links p.copy {
            float: right;
            margin: 3px 32px 0 0;
            font-family: "Effra-Regular", Arial, Verdana;
            font-size: 13px;
        }

    .footer-links ul {
        margin: 0;
        padding: 5px 0 0 0;
    }

        .footer-links ul li {
            float: left;
            padding-right: 26px;
            font-size: 16px;
            font-family: "Effra-Light", Arial, Verdana;
        }

            .footer-links ul li a {
                color: #fff;
                border-bottom: 1px solid #fff;
                font-family: "Effra-Medium", Arial, Verdana;
            }

                .footer-links ul li a:hover,
                .footer-links ul li a:focus,
                .footer-links ul li a:active {
                    border-bottom: 1px solid #7ffae9;
                    text-decoration: none;
                }
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
    display: none !important;
    visibility: hidden;
}

.desktop-hidden {
    /*hide stuff on desktop version*/
    display: none;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    /* display: none;*/
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus, .button-select:focus .visuallyhidden {
        clip: auto;
        height: auto;
        margin: 0;
        /*display: block;*/
        overflow: visible;
        position: static;
        width: auto;
    }

.cf {
    *zoom: 1;
}

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

    .cf:after {
        clear: both;
    }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.pull-right-padding {
    float: right;
    padding-top: 3px;
    line-height: normal;
}

.section-content {
    padding-bottom: 6px;
}

.display-block {
    display: block;
}

.display-none-important {
    display: none;
}

.myaccount {
    width: 330px;
}

.display-inline-block {
    display: inline-block;
    vertical-align: middle;
}

.display-inline {
    display: inline;
}

.display-table {
    display: table;
    box-sizing: border-box;
}

.display-tablecell {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.inline-margin {
    margin-left: 10px;
    margin-right: 10px;
}

.underline-link {
    text-decoration: underline;
}
/* styles for inline elements */
.vertical-top {
    vertical-align: top;
}

.vertical-middle {
    vertical-align: middle;
}

.vertical-bottom {
    vertical-align: bottom;
}

.img-scale {
    width: 100%;
    height: auto;
}
/* ==========================================================================
   Footer
   ========================================================================== */
.collapsible.open .collapsible-zone {
    display: none;
}

.collapsible.open header {
    color: #396292;
    margin-bottom: 20px;
}

.optional {
    display: none;
}

.collapsible.closed .collapsible-zone {
    display: none;
}

.panel-postgraduate-options,
.panel-type-options,
#CoursesSearch {
    display: none;
}

.collapsiblePanels .section-panel {
    background-color: #ececec;
}

    .collapsiblePanels .section-panel.available,
    .collapsiblePanels .section-panel.active {
        background-color: white;
        -webkit-transition: .3s;
        transition: .3s;
    }
/* hello page grid */
.hello-grid .white-panel {
    height: 400px;
    box-sizing: border-box;
}

.hello-grid .white-panel-small {
    height: 250px;
}

.hello-grid .white-panel-fluid {
    height: auto;
}

.white-panel-fixed {
    height: 351px;
}
/* video containers */
.video-16x9 {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: visible;
    position: relative;
    line-height: 0;
}

    .video-16x9 iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

.video-article {
    margin-left: 150px;
    margin-right: 150px;
}
/* extra info tooltip area */
.extra-info {
    position: absolute;
    border-radius: 10px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    bottom: 100%;
    margin-bottom: 40px;
    padding: 20px;
    z-index: 1;
}

    .extra-info figure:first-child {
        overflow: hidden;
        border-radius: 10px 10px 0 0;
        margin-bottom: 20px;
    }

    .extra-info:before {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 50%;
        width: 40px;
        height: 40px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background: white;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
        margin-left: -20px;
        z-index: 0;
    }

.lt-ie9 .extra-info:before {
    display: none;
}

.extra-info:after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-width: 30px;
    border-style: solid;
    border-color: white transparent transparent;
    z-index: 1;
}

.extra-info-open:hover {
    cursor: pointer;
}
/* generic borders */
.border-bottom {
    border-bottom: 1px solid #d3d3d3;
}

.border-bottom-light {
    border-bottom: 1px solid #ececec;
}

.border-bottom-thick {
    border-bottom: 10px solid transparent;
}

.border-bottom-head-white {
    border-bottom: 10px solid white;
}

.border-bottom.paddingbottom {
    padding-bottom: 5px;
}

.border-top-light {
    border-top: 1px solid #ececec;
}

.border-left {
    border-left: 1px solid #d3d3d3;
}

.border-left-light {
    border-left: 1px solid #ececec;
}

.border-left-thick {
    border-left: 2px solid #d3d3d3;
}

.border-right {
    border-right: 1px solid #d2d2d2;
}

.border-right-light {
    border-right: 1px solid #ececec;
}

.border-around {
    border: 1px solid #d2d2d2;
}

.border-none {
    border-color: transparent;
}

.border-standout-dark {
    border-color: #a70012;
}

.border-primary {
    border-color: #008673;
}

.border-primary-dark {
    border-color: #006e5d;
}

.border-grey {
    border: 2px solid #acacaa;
}

.partial-border-left {
    position: relative;
}

    .partial-border-left:before {
        content: "";
        position: absolute;
        left: 0;
        top: 20%;
        bottom: 20%;
        border-left: 1px solid #d2d2d2;
    }

    .partial-border-left:focus:before,
    .partial-border-left.focused:before {
        border-left: none;
    }


.partial-border-right {
    position: relative;
}

    .partial-border-right:before {
        content: "";
        position: absolute;
        right: 0;
        top: 20%;
        bottom: 20%;
        border-right: 1px solid #d2d2d2;
    }

    .partial-border-right:focus:before,
    .partial-border-right.focused:before {
        border-left: none;
    }

.partial-border-color-primary-darker:before {
    border-color: #005547;
}

.partial-border-color-primary-darker-essentials:before {
    border-color: #5C0000;
}

.box-shadow-bottom {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.inner-shadow {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}

.shadow-none {
    box-shadow: none;
}

.user-icon {
    position: relative;
    transition: height .5s;
    -moz-transition: height .5s;
    -webkit-transition: height .5s;
}

    .search-icon.open,
    .user-icon.open {
        overflow: visible;
    }

        .search-icon.open .flyout,
        .user-icon.open .flyout {
            position: absolute;
            top: 100%;
            right: 0;
            width: 300px;
            background: #008673;
            opacity: 1;
            margin-top: 21px;
        }

.flyout {
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

.user-icon,
.user-icon-close {
    width: 36px;
    height: 36px;
    display: inline-block;
    text-indent: -6000px;
    float: none;
    background: url('../img/main-sprite.png') no-repeat;
    background-position: -469px -38px;
    border: 2px solid #fff;
    border-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0;
    -webkit-transition: border ease 0.2s;
    transition: border ease 0.2s;
    overflow: hidden;
}

.user-icon-close {
    background-position: -191px -167px;
    border-color: transparent;
}

.user-icon:hover,
.open .user-icon,
.user-icon:focus,
.open .user-icon:active {
    border-color: #fff;
}

.menu {
    display: inline-block;
    z-index: 1;
}

    .menu .menu-items {
        display: none;
        position: absolute;
        top: 75px;
        right: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 12px 0;
        margin: 0 0 0 0;
        list-style: none;
        box-sizing: border-box;
    }

        .menu .menu-items li {
            text-align: right;
            padding: 0 0 5px 0;
            margin: 0 0 5px 0;
        }

            .menu .menu-items li:last-child {
                margin: 0;
                padding: 0;
                border: 0;
            }

        .menu .menu-items a {
            color: #666;
        }

            .menu .menu-items a:hover {
                color: #008673;
                text-decoration: none;
            }

.sticky-fixed .menu .menu-items {
    top: 65px;
}
/* Secondary level navigation on Discover Reading */
.navigation-lvl2 li {
    margin: 0;
    padding: 0;
}

.navigation-lvl2 > ul {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    z-index: 1;
    border: 1px solid #ececec;
}

    .navigation-lvl2 > ul > li {
        display: table-cell;
        width: 20%;
        text-align: center;
        border-left: 1px solid #ececec;
        padding: 0;
        position: relative;
    }

        .navigation-lvl2 > ul > li:first-child {
            border-left: none;
        }

        .navigation-lvl2 > ul > li a {
            display: block;
            padding: 10px;
            color: #5c5765;
            text-decoration: none;
        }

            .navigation-lvl2 > ul > li a:hover {
                background-color: #ce0b1e;
                color: #FFF;
            }

.activeMenuItem {
    background-color: #ce0b1e;
    color: #FFF;
}

.navigation-lvl2 > ul .menu-focus {
    background-color: #ce0b1e;
    color: white;
}

.navigation-lvl2:hover > ul {
    z-index: 2;
}

.navigation-lvl3 {
    position: absolute;
    display: none;
    top: 0px;
    background: #fff;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    border: 1px solid #ececec;
}

    .navigation-lvl3 > li a {
        border-top: 1px solid #ececec;
    }

.main-heading-xlarge .navigation-lvl2 > ul {
    top: -60px;
}

.navigation-lvl2 > ul > li:hover > .navigation-lvl3,
.menu-focus + .navigation-lvl3,
.text-nowrap:focus + .navigation-lvl3 {
    display: block;
    top: 42px;
    -webkit-transition: top .3s;
    transition: top .3s;
    overflow-y: hidden;
}
/* reminders and events summaries */
.no-reminders-icon:before {
    content: "";
    width: 90px;
    height: 80px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    background-image: url('../img/main-sprite.png');
    background-position: -98px -127px;
}

.no-events-icon:before {
    content: "";
    width: 87px;
    height: 100px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    background-image: url('../img/main-sprite.png');
    background-position: -231px 0px;
}
/* prefooter stuff */
.prefooter-icon-pencil,
.prefooter-icon-paper-sheet,
.prefooter-icon-map,
.prefooter-icon-cap,
.prefooter-icon-book {
    position: relative;
    display: block;
}

    .prefooter-icon-pencil:after,
    .prefooter-icon-paper-sheet:after,
    .prefooter-icon-map:after,
    .prefooter-icon-cap:after,
    .prefooter-icon-book:after {
        content: "";
        position: absolute;
        left: 0;
        width: 60px;
        height: 60px;
        background-image: url('../img/main-sprite.png');
        top: 0;
        border: 2px solid #fff;
    }

    .prefooter-icon-pencil:hover:after,
    .prefooter-icon-paper-sheet:hover:after,
    .prefooter-icon-map:hover:after,
    .prefooter-icon-cap:hover:after,
    .prefooter-icon-book:hover:after {
        background-color: rgba(255, 255, 255, 0.15);
    }

    .prefooter-icon-pencil:after {
        background-position: -248px -225px;
    }

    .prefooter-icon-paper-sheet:after {
        background-position: -62px -296px;
    }

    .prefooter-icon-map:after {
        background-position: -186px -296px;
    }

    .prefooter-icon-cap:after {
        background-position: -124px -296px;
    }

    .prefooter-icon-book:after {
        background-position: -186px -225px;
    }

.prefooter-invisible-cell:before {
    content: "";
    width: 60px;
    height: 60px;
    margin-right: 40px;
    display: table-cell;
}
/* quicklink icons ( sprite incremented by 50px horizontally and 35px vertically */
.quicklinks-Accommodation,
.quicklinks-Book,
.quicklinks-CampusCard,
.quicklinks-Default,
.quicklinks-Discover_Reading,
.quicklinks-Finance,
.quicklinks-Immigration,
.quicklinks-InfoGlobe,
.quicklinks-International,
.quicklinks-Language,
.quicklinks-Money,
.quicklinks-Prospectus,
.quicklinks-Research,
.quicklinks-Shop,
.quicklinks-UCAS_track {
    position: relative;
    display: block;
    padding-top: 45px;
    height: 30px;
    margin: 10px 0;
}

    .quicklinks-Accommodation:before,
    .quicklinks-Book:before,
    .quicklinks-CampusCard:before,
    .quicklinks-Default:before,
    .quicklinks-Discover_Reading:before,
    .quicklinks-Finance:before,
    .quicklinks-Immigration:before,
    .quicklinks-InfoGlobe:before,
    .quicklinks-International:before,
    .quicklinks-Language:before,
    .quicklinks-Money:before,
    .quicklinks-Prospectus:before,
    .quicklinks-Research:before,
    .quicklinks-Shop:before,
    .quicklinks-UCAS_track:before {
        content: "";
        position: absolute;
        height: 35px;
        background-image: url("../img/quicklinks.png");
        background-position: 0 0;
        top: 0;
        left: 50%;
    }

    .quicklinks-Accommodation:before {
        background-position: 0px 0px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Book:before {
        background-position: -50px -70px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-CampusCard:before {
        background-position: 0px -35px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Default:before {
        background-position: -50px -35px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Discover_Reading:before {
        background-position: -100px 0px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Finance:before {
        background-position: -100px -35px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Immigration:before {
        background-position: 0px -70px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-InfoGlobe:before {
        background-position: -150px -70px;
        width: 34px;
        margin-left: -17px;
    }

    .quicklinks-International:before {
        background-position: -100px -70px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Language:before {
        background-position: 0px -105px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Money:before {
        background-position: -50px -105px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Prospectus:before {
        background-position: -100px -105px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Research:before {
        background-position: -150px 0px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-Shop:before {
        background-position: -150px -35px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-UCAS_track:before {
        background-position: -50px 0px;
        width: 50px;
        margin-left: -25px;
    }

/*QuickLinks Sidebar Applicant*/

.AccommodationIcon-sidebar,
.LibraryIcon-sidebar,
.CampusIcon-sidebar,
.DefaultIcon-sidebar,
.DiscoverReadingIcon-sidebar,
.MoneyIcon-sidebar,
.ImmigrationIcon-sidebar,
.InfoGlobeIcon-sidebar,
.InternationalIcon-sidebar,
.LanguageIcon-sidebar,
.ProspectusIcon-sidebar,
.ResearchIcon-sidebar,
.PoundIcon-sidebar,
.ShopIcon-sidebar,
.UCASTrackIcon-sidebar {
    position: relative;
    display: block;
    height: 40px;
    padding: 3px;
}

    .AccommodationIcon-sidebar:before,
    .LibraryIcon-sidebar:before,
    .CampusIcon-sidebar:before,
    .DefaultIcon-sidebar:before,
    .DiscoverReadingIcon-sidebar:before,
    .MoneyIcon-sidebar:before,
    .ImmigrationIcon-sidebar:before,
    .InfoGlobeIcon-sidebar:before,
    .InternationalIcon-sidebar:before,
    .LanguageIcon-sidebar:before,
    .ProspectusIcon-sidebar:before,
    .ResearchIcon-sidebar:before,
    .PoundIcon-sidebar:before,
    .ShopIcon-sidebar:before,
    .UCASTrackIcon-sidebar:before {
        content: "";
        position: absolute;
        height: 35px;
        margin: 6px 0px;
        background-image: url("../img/quicklinks.png");
        background-position: 0 0;
        top: 0;
        left: 5%;
    }

    .AccommodationIcon-sidebar:before {
        background-position: 0px 0px;
        width: 50px;
    }

    .LibraryIcon-sidebar:before {
        background-position: -50px -70px;
        width: 50px;
    }

    .CampusIcon-sidebar:before {
        background-position: 0px -35px;
        width: 50px;
    }

    .DefaultIcon-sidebar:before {
        background-position: -50px -35px;
        width: 50px;
    }

    .DiscoverReadingIcon-sidebar:before {
        background-position: -100px 0px;
        width: 50px;
        height: 34px;
    }

    .MoneyIcon-sidebar:before {
        background-position: -50px -105px;
        width: 50px;
    }

    .ImmigrationIcon-sidebar:before {
        background-position: 0px -70px;
        width: 50px;
        height: 34px;
    }

    .InfoGlobeIcon-sidebar:before {
        background-position: -150px -70px;
        width: 35px;
        margin-left: 8px;
    }

    .InternationalIcon-sidebar:before {
        background-position: -99px -70px;
        width: 50px;
    }

    .LanguageIcon-sidebar:before {
        background-position: 0px -105px;
        width: 50px;
        height: 34px;
    }



    .ProspectusIcon-sidebar:before {
        background-position: -100px -105px;
        width: 50px;
    }

    .ResearchIcon-sidebar:before {
        background-position: -150px 0px;
        width: 50px;
    }


    .PoundIcon-sidebar:before {
        background-position: -100px -35px;
        width: 49px;
    }

    .ShopIcon-sidebar:before {
        background-position: -150px -35px;
        width: 50px;
    }

    .UCASTrackIcon-sidebar:before {
        background-position: -50px 0px;
        width: 50px;
    }

@media screen and (min-width: 1024px) {
    .quicklinks div ul {
        list-style: none;
        display: flex;
        margin: auto;
        /*width: 60%;*/
    }
}

.quicklinks .row-inline > .pane {
    padding-left: 2px;
    margin: auto;
    display: block;
    padding-right: 2px;
}

.quicklinks-student-mortarboard-black, .quicklinks-student-mortarboard-grey {
    position: relative;
    display: block;
    padding-top: 45px;
    height: 30px;
    margin: 10px 0;
}

    .quicklinks-student-mortarboard-black:before, .quicklinks-student-mortarboard-grey:before {
        content: "";
        position: absolute;
        width: 55px;
        background-size: 60px;
    }

    .quicklinks-student-mortarboard-black:before {
        background-image: url(../img/mortar-board-black.png);
        margin-left: -30px;
        position: absolute;
        height: 50px;
        background-position: 0 0;
        top: -12px;
        left: 50%;
    }


    .quicklinks-student-mortarboard-grey:before {
        background-image: url(../img/mortar-board-grey.png);
        margin-left: -30px;
        position: absolute;
        height: 50px;
        background-position: 0 0;
        top: -12px;
        left: 50%;
    }

.quicklinks-student-Accommodation,
.quicklinks-student-Blackboard,
.quicklinks-student-CampusCard,
.quicklinks-student-Careers,
.quicklinks-student-ChangePassword,
.quicklinks-student-GenericClock,
.quicklinks-student-GenericErlenmeyerFlask,
.quicklinks-student-GenericMarker,
.quicklinks-student-GenericPointer,
.quicklinks-student-GenericScroll,
.quicklinks-student-GenericTestTube,
.quicklinks-student-GenericWheel,
.quicklinks-student-JobShop,
.quicklinks-student-Library,
.quicklinks-student-Maps,
.quicklinks-student-MyProspectus,
.quicklinks-student-NDrive,
.quicklinks-student-PCAvailability,
.quicklinks-student-PaymentPortal,
.quicklinks-student-Risis,
.quicklinks-student-StudentsUnionRusu,
.quicklinks-student-StudyAdvice {
    position: relative;
    display: block;
    padding-top: 45px;
    height: 30px;
    margin: 10px 0;
}


    .quicklinks-student-Accommodation:before,
    .quicklinks-student-Blackboard:before,
    .quicklinks-student-CampusCard:before,
    .quicklinks-student-Careers:before,
    .quicklinks-student-ChangePassword:before,
    .quicklinks-student-GenericClock:before,
    .quicklinks-student-GenericErlenmeyerFlask:before,
    .quicklinks-student-GenericMarker:before,
    .quicklinks-student-GenericPointer:before,
    .quicklinks-student-GenericScroll:before,
    .quicklinks-student-GenericTestTube:before,
    .quicklinks-student-GenericWheel:before,
    .quicklinks-student-JobShop:before,
    .quicklinks-student-Library:before,
    .quicklinks-student-Maps:before,
    .quicklinks-student-MyProspectus:before,
    .quicklinks-student-NDrive:before,
    .quicklinks-student-PCAvailability:before,
    .quicklinks-student-PaymentPortal:before,
    .quicklinks-student-Risis:before,
    .quicklinks-student-StudentsUnionRusu:before,
    .quicklinks-student-StudyAdvice:before {
        content: "";
        position: absolute;
        height: 35px;
        background-image: url("../img/quicklinks-student.png");
        background-position: 0 0;
        top: 0;
        left: 50%;
    }

    .quicklinks-student-Accommodation:before {
        background-position: 0px -70px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-Blackboard:before {
        background-position: -75px -35px;
        width: 55px;
        margin-left: -27px;
    }

    .quicklinks-student-CampusCard:before {
        background-position: -50px -70px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-Careers:before {
        background-position: 0px -35px;
        width: 71px;
        margin-left: -35px;
    }

    .quicklinks-student-ChangePassword:before {
        background-position: -100px -105px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-GenericClock:before {
        background-position: -150px -105px;
        width: 35px;
        margin-left: -17px;
    }

    .quicklinks-student-GenericErlenmeyerFlask:before {
        background-position: -187px -70px;
        width: 18px;
        margin-left: -9px;
    }

    .quicklinks-student-GenericMarker:before {
        background-position: -100px -70px;
        width: 35px;
        margin-left: -17px;
    }

    .quicklinks-student-GenericPointer:before {
        background-position: -187px -35px;
        width: 26px;
        margin-left: -13px;
    }

    .quicklinks-student-GenericScroll:before {
        background-position: -150px -140px;
        width: 34px;
        margin-left: -17px;
    }

    .quicklinks-student-GenericTestTube:before {
        background-position: -205px -70px;
        width: 14px;
        margin-left: -7px;
    }

    .quicklinks-student-GenericWheel:before {
        background-position: -187px 0px;
        width: 33px;
        margin-left: -16px;
    }

    .quicklinks-student-JobShop:before {
        background-position: 0px -140px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-Library:before {
        background-position: -50px -140px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-Maps:before {
        background-position: -100px -140px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-MyProspectus:before {
        background-position: -50px -105px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-NDrive:before {
        background-position: 0px -105px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-PCAvailability:before {
        background-position: -75px 0px;
        width: 62px;
        margin-left: -31px;
    }

    .quicklinks-student-PaymentPortal:before {
        background-position: -137px -35px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-Risis:before {
        background-position: -137px 0px;
        width: 50px;
        margin-left: -25px;
    }

    .quicklinks-student-StudentsUnionRusu:before {
        background-position: 0px 0px;
        width: 75px;
        margin-left: -27px;
    }

    .quicklinks-student-StudyAdvice:before {
        background-position: -137px -70px;
        width: 50px;
        margin-left: -25px;
    }


/*QuickLinks Sidebar Student*/

.AccommodationStudentIcon-sidebar,
.DefaultStudentIcon-sidebar,
.DiscoverReadingStudentIcon-sidebar,
.ImmigrationStudentIcon-sidebar,
.InfoGlobeStudentIcon-sidebar,
.InternationalStudentIcon-sidebar,
.LanguageStudentIcon-sidebar,
.LibraryStudentIcon-sidebar,
.ResearchStudentIcon-sidebar,
.ShopStudentIcon-sidebar,
.UCASTrackStudentIcon-sidebar,
.BlackboardIcon-sidebar,
.CampusCardIcon-sidebar,
.CareersIcon-sidebar,
.ChangePasswordIcon-sidebar,
.GenericClockIcon-sidebar,
.GenericErlenmeyerFlaskIcon-sidebar,
.GenericMarkerIcon-sidebar,
.GenericPointerIcon-sidebar,
.GenericScrollIcon-sidebar,
.GenericTestTubeIcon-sidebar,
.GenericWheelIcon-sidebar,
.JobShopIcon-sidebar,
.MapsIcon-sidebar,
.MyProspectusIcon-sidebar,
.NDriveIcon-sidebar,
.PCAvailabilityIcon-sidebar,
.PaymentPortalIcon-sidebar,
.RisisIcon-sidebar,
.StudentsUnionRUSUIcon-sidebar,
.StudyAdviceIcon-sidebar {
    position: relative;
    display: block;
    height: 40px;
    padding: 3px;
}

    .AccommodationStudentIcon-sidebar:before,
    .DefaultStudentIcon-sidebar:before,
    .DiscoverReadingStudentIcon-sidebar:before,
    .ImmigrationStudentIcon-sidebar:before,
    .InfoGlobeStudentIcon-sidebar:before,
    .InternationalStudentIcon-sidebar:before,
    .LanguageStudentIcon-sidebar:before,
    .LibraryStudentIcon-sidebar:before,
    .ResearchStudentIcon-sidebar:before,
    .ShopStudentIcon-sidebar:before,
    .UCASTrackStudentIcon-sidebar:before,
    .BlackboardIcon-sidebar:before,
    .CampusCardIcon-sidebar:before,
    .CareersIcon-sidebar:before,
    .ChangePasswordIcon-sidebar:before,
    .GenericClockIcon-sidebar:before,
    .GenericErlenmeyerFlaskIcon-sidebar:before,
    .GenericMarkerIcon-sidebar:before,
    .GenericPointerIcon-sidebar:before,
    .GenericScrollIcon-sidebar:before,
    .GenericTestTubeIcon-sidebar:before,
    .GenericWheelIcon-sidebar:before,
    .JobShopIcon-sidebar:before,
    .MapsIcon-sidebar:before,
    .MyProspectusIcon-sidebar:before,
    .NDriveIcon-sidebar:before,
    .PCAvailabilityIcon-sidebar:before,
    .PaymentPortalIcon-sidebar:before,
    .RisisIcon-sidebar:before,
    .StudentsUnionRUSUIcon-sidebar:before,
    .StudyAdviceIcon-sidebar:before {
        content: "";
        position: absolute;
        height: 35px;
        margin: 6px 0px;
        background-image: url("../img/quicklinks-student.png");
        background-position: 0 0;
        top: 0;
        left: 5%;
    }

    .AccommodationStudentIcon-sidebar:before {
        background-position: 0px -70px;
        width: 50px;
        margin-left: 12px;
    }

    .DefaultStudentIcon-sidebar:before {
        background-position: -50px -35px;
        width: 50px;
        margin-left: 12px;
        background-image: url("../img/quicklinks.png");
    }

    .DiscoverReadingStudentIcon-sidebar:before {
        background-position: -100px 0px;
        width: 50px;
        margin-left: 12px;
        height: 34px;
        background-image: url("../img/quicklinks.png");
    }

    .ImmigrationStudentIcon-sidebar:before {
        background-position: 0px -70px;
        width: 50px;
        margin-left: 12px;
        background-image: url("../img/quicklinks.png");
    }

    .InfoGlobeStudentIcon-sidebar:before {
        background-position: -150px -70px;
        width: 34px;
        margin-left: 19px;
        background-image: url("../img/quicklinks.png");
    }

    .InternationalStudentIcon-sidebar:before {
        background-position: -99px -70px;
        width: 50px;
        margin-left: 10px;
        background-image: url("../img/quicklinks.png");
    }

    .LanguageStudentIcon-sidebar:before {
        background-position: 0px -105px;
        width: 50px;
        height: 34px;
        margin-left: 12px;
        background-image: url("../img/quicklinks.png");
    }

    .LibraryStudentIcon-sidebar:before {
        background-position: -50px -140px;
        width: 50px;
        margin-left: 12px;
    }

    .ResearchStudentIcon-sidebar:before {
        background-position: -150px 0px;
        width: 50px;
        margin-left: 12px;
        background-image: url("../img/quicklinks.png");
    }

    .ShopStudentIcon-sidebar:before {
        background-position: -150px -35px;
        width: 49px;
        margin-left: 12px;
        background-image: url("../img/quicklinks.png");
    }

    .UCASTrackStudentIcon-sidebar:before {
        background-position: -50px 0px;
        width: 50px;
        margin-left: 12px;
        background-image: url("../img/quicklinks.png");
    }

    .BlackboardIcon-sidebar:before {
        background-position: -75px -34px;
        width: 55px;
        margin-left: 12px;
    }

    .CampusCardIcon-sidebar:before {
        background-position: -50px -70px;
        width: 50px;
        margin-left: 12px;
    }

    .CareersIcon-sidebar:before {
        background-position: 0px -35px;
        width: 71px;
        height: 34px;
        margin-left: 0px;
    }

    .ChangePasswordIcon-sidebar:before {
        background-position: -101px -105px;
        width: 48px;
        margin-left: 12px;
    }

    .GenericClockIcon-sidebar:before {
        background-position: -150px -105px;
        width: 35px;
        margin-left: 20px;
    }

    .GenericErlenmeyerFlaskIcon-sidebar:before {
        background-position: -187px -70px;
        width: 18px;
        margin-left: 27px;
    }

    .GenericMarkerIcon-sidebar:before {
        background-position: -100px -70px;
        width: 35px;
        margin-left: 19px;
    }

    .GenericPointerIcon-sidebar:before {
        background-position: -187px -35px;
        width: 26px;
        margin-left: 21px;
    }

    .GenericScrollIcon-sidebar:before {
        background-position: -150px -140px;
        width: 34px;
        margin-left: 19px;
    }

    .GenericTestTubeIcon-sidebar:before {
        background-position: -205px -70px;
        width: 14px;
        margin-left: 29px;
    }

    .GenericWheelIcon-sidebar:before {
        background-position: -187px 0px;
        width: 33px;
        margin-left: 19px;
    }

    .JobShopIcon-sidebar:before {
        background-position: 0px -140px;
        width: 50px;
        margin-left: 12px;
    }

    .MapsIcon-sidebar:before {
        background-position: -100px -140px;
        width: 49px;
        margin-left: 12px;
    }

    .MyProspectusIcon-sidebar:before {
        background-position: -50px -105px;
        width: 50px;
        margin-left: 12px;
    }

    .NDriveIcon-sidebar:before {
        background-position: 0px -105px;
        width: 50px;
        margin-left: 12px;
    }

    .PCAvailabilityIcon-sidebar:before {
        background-position: -75px 0px;
        width: 62px;
        margin-left: 7px;
    }

    .PaymentPortalIcon-sidebar:before {
        background-position: -137px -35px;
        width: 49px;
        margin-left: 12px;
    }

    .RisisIcon-sidebar:before {
        background-position: -138px 0px;
        width: 48px;
        margin-left: 13px;
    }

    .StudentsUnionRUSUIcon-sidebar:before {
        background-position: 0px 0px;
        width: 74px;
        margin-left: 0px;
    }

    .StudyAdviceIcon-sidebar:before {
        background-position: -137px -70px;
        width: 49px;
        height: 34px;
        margin-left: 12px;
    }

/* search results templates */
.template-search-standout-dark strong,
.template-search-primary strong {
    font-family: "Effra-Heavy";
}

.template-search-standout-dark a.button,
.template-search-primary a.button {
    color: #008673;
}

.template-search-standout-dark a {
    color: #a70012;
}

.template-search-standout-dark .link-decoration-border-light {
    border-bottom-color: #a70012;
}

.template-search-standout-dark .link-decoration-none {
    border-bottom: 0;
    color: #ce0b1e;
}

.template-search-primary a {
    color: #008673;
}

.template-search-primary .link-decoration-border-light {
    border-bottom-color: #008673;
}

.template-search-primary .link-decoration-none {
    border-bottom: 0;
    color: #008673;
}

.icon-search-results-staff,
.icon-search-results-courses,
.icon-search-results-content {
    position: relative;
    display: block;
}

    .icon-search-results-staff:before,
    .icon-search-results-courses:before,
    .icon-search-results-content:before {
        content: "";
        width: 32px;
        height: 40px;
        background-image: url('../img/main-sprite.png');
        top: 0;
        float: left;
        margin-right: 10px;
        vertical-align: middle;
        position: relative;
        top: -12px;
    }

    .icon-search-results-staff:before {
        background-position: -469px -76px;
    }

    .icon-search-results-courses:before {
        background-position: -469px -118px;
    }

    .icon-search-results-content:before {
        background-position: -469px -160px;
    }
/********************/
/* form validations */
/********************/
.validated {
    padding-right: 40px;
}

textarea.validated {
    padding-right: 13px;
}

.validation-message {
    float: right;
    font-family: "Effra-Light", Arial, sans-serif;
    font-size: 19px;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    visibility: collapse;
    min-height: 24px;
}

    .validation-message:after {
        content: "";
        width: 25px;
        height: 25px;
        position: absolute;
        bottom: -42px;
        right: 15px;
        text-align: center;
        border-radius: 20px;
        color: white;
        margin-bottom: -10px;
        -webkit-transform: translateX(-100px) scale(0);
        -ms-transform: translateX(-100px) scale(0);
        transform: translateX(-100px) scale(0);
        -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
        transition: transform 0.3s, background-color 0.3s;
        z-index: 1;
    }

.validation-error {
    color: #ce0b1e;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform .3s, opacity .3s;
    position: relative;
}

.text-color-white .validation-error,
.label-white .validation-error {
    background: #ce0b1e;
    color: white;
    border-radius: 5px;
    padding: 0 5px;
}

.validation-error:after {
    content: "!";
    background-color: #ce0b1e;
    font-family: 'Effra-Heavy', Arial, sans-serif;
    font-size: 20px;
    line-height: 25px;
    -webkit-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform .3s;
}

.validation-success {
    color: #008673;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform .3s, opacity .3s;
}

.text-color-white .validation-success,
.label-white .validation-success {
    background-color: #008673;
    color: white;
    border-radius: 5px;
    padding: 0 5px;
}

.validation-success:after {
    content: " ";
    background: #008673 url('../img/main-sprite.png') no-repeat;
    background-position: -334px -157px;
    -webkit-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform .3s;
}

.validation-waiting {
    color: #396292;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform .3s, opacity .3s;
}

.text-color-white .validation-waiting,
.label-white .validation-waiting {
    background-color: #396292;
    color: white;
    border-radius: 5px;
    padding: 0 5px;
}

.validation-waiting:after {
    content: " ";
    background: #396292 url('../img/main-sprite.png') no-repeat;
    background-position: -55px -367px;
    -webkit-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform .3s;
}

.validation-input-error,
.validation-input-success {
    padding-right: 50px;
    -webkit-transition: padding-right 0.3s;
    transition: padding-right 0.3s;
}

.validation-line {
    padding-right: 40px;
}

    .validation-line:after {
        bottom: 10px;
        right: 0;
    }

.text-color-white .validation-line,
.label-white .validation-line {
    padding-right: 40px;
}

.validation-no-message,
.label-white .validation-no-message {
    background: none;
}

.close-icon {
    content: "";
    position: absolute;
    width: 23px;
    height: 29px;
    background-image: url('../img/main-sprite.png');
    background-position: -507px -289px;
    right: 122px;
}
/* loading spinner */
.spinner {
    margin: 0 auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 10px;
        height: 10px;
        background-color: #666;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
/******************************************/
/********** slider customization **********/
/******************************************/
.slick-wrapper {
    min-height: 260px;
    overflow: hidden;
}

    .slick-wrapper.slick-initialized {
        height: auto;
    }

.slick-navbar {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 0;
}

.bottom-nav-slick .slick-navbar {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.slick-prev,
.slick-next,
.slick-play,
.slick-pause {
    width: 50px;
    height: 50px;
    margin-left: -1px;
    background: rgba(0, 0, 0, 0.5);
    background-image: url('../img/main-sprite.png');
    border: none;
    text-indent: -500px;
    overflow: hidden;
}

.slick-prev {
    background-position: -248px -296px;
}

.slick-next {
    background-position: -321px -198px;
}

.slick-play {
    background-position: -300px -296px;
}

.slick-pause {
    background-position: -375px -156px;
}

.slick-controls {
    float: right;
}

.slick-dots {
    float: left;
    margin: 0;
    padding: 0;
}

    .slick-dots li {
        width: 14px;
        height: 14px;
        padding: 18px 6px;
        float: left;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .slick-dots button {
        width: 14px;
        height: 14px;
        background: white;
        border: none;
        border-radius: 50%;
        text-indent: -500px;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -7px;
        margin-top: -7px;
    }

    .slick-dots .slick-active button {
        background-color: #008673;
    }

.slick-slide {
    padding-bottom: 50px;
}

    .slick-slide > div {
        height: 240px;
        line-height: 240px;
        box-sizing: border-box;
        position: relative;
    }

    .slick-slide > * > * > * > * {
        display: inline-block;
        vertical-align: bottom;
    }

    .slick-slide .video-16x9 {
        display: block;
    }

.slick-small .slick-slide {
    padding-bottom: 0;
}

.welcome-carousel .main-heading-large {
    display: none;
}

    .welcome-carousel .main-heading-large:first-child {
        display: block;
    }

.welcome-carousel.slick-initialized .main-heading-large {
    display: block;
}
/* slider with white skin and navbar beneath slides */
.white-slick .slick-navbar {
    background: white;
    border: 1px solid #ececec;
}

    .white-slick .slick-navbar.m-pad {
        padding-right: 0;
        padding-left: 0;
    }

    .white-slick .slick-navbar .wrapper {
        padding-right: 0;
        padding-left: 10px;
    }

.white-slick .slick-dots button {
    background: #ececec;
}

.white-slick .slick-dots .slick-active button {
    background-color: #a70012;
}

.white-slick .slick-prev,
.white-slick .slick-next,
.white-slick .slick-play,
.white-slick .slick-pause {
    background-color: white;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

    .white-slick .slick-prev:hover,
    .white-slick .slick-next:hover,
    .white-slick .slick-play:hover,
    .white-slick .slick-pause:hover {
        background-color: #a70012;
    }

.white-slick .slick-prev {
    background-position: -375px -104px;
}

.white-slick .slick-next {
    background-position: -375px 0px;
}

.white-slick .slick-play {
    background-position: -375px -52px;
}

.white-slick .slick-pause {
    background-position: -231px -165px;
}

.fade-panel-visible,
.fade-panel-hidden {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.fade-panel-visible {
    opacity: 1;
    height: auto;
    -webkit-transition: opacity .5s .5s;
    transition: opacity .5s .5s;
}

.fade-panel-hidden {
    opacity: 0;
    height: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.fade-panels {
    position: relative;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: auto !important;
}

.section-panel #TabPanelsStructure .fade-panels {
    height: auto !important;
}

.section-panel #TabPanelsStructure .fade-panel-hidden, .section-panel #TabPanelsStructure .fade-panel-visible {
    position: relative;
    overflow: auto;
}

/* Essentials breadcrumb */
.breadcrumb {
    position: relative;
    padding-right: 5px;
}

    .breadcrumb:hover {
        text-decoration: none;
    }

        .breadcrumb:hover span {
            text-decoration: underline;
        }

    .breadcrumb:after {
        content: " > ";
        padding-left: 5px;
    }
/* superheader meta and courtesy navigation */
.meta-nav,
.courtesy-nav {
    margin: 0;
    padding: 0;
}

    .courtesy-nav li {
        max-width: 93px;
        height: 2.4em;
        line-height: 1.2em;
        padding: 0 10px;
    }

    .meta-nav li {
        line-height: 1.2em;
        padding-top: 0;
        padding-bottom: 0;
    }
/* header search */
.search-form .custom-select-container {
    min-width: 137px;
}

.search-form-mobile {
    display: none;
}

.search-form .button-search-icon {
    width: 20px;
}
/* blockquote module */
blockquote {
    margin: 0;
}

    blockquote p:before {
        white-space: nowrap;
        content: "\201C";
    }

    blockquote p:after {
        content: "\201D";
        white-space: nowrap;
    }
/* taster modules */
.taster-portrait figure,
.taster-landscape figure {
    max-height: 167px;
    overflow: hidden;
}

.taster-portrait .br-arrow-icon,
.taster-landscape .br-arrow-icon {
    padding-bottom: 28px;
}

    .taster-portrait .br-arrow-icon:before,
    .taster-landscape .br-arrow-icon:before {
        right: 10px;
        bottom: 10px;
    }

.z0 {
    z-index: 0;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}
/* Calendar */
.fc .fc-left {
    /* width: 100%;*/
    text-align: left;
}

.fc .fc-toolbar > * > * {
    display: inline-block;
    float: none;
}

.fc .fc-toolbar {
    position: relative;
    z-index: 4;
}

    .fc .fc-toolbar button {
        background: none;
        border: none;
        box-shadow: none;
    }

    .fc .fc-toolbar h2 {
        font-size: 23px;
        vertical-align: middle;
    }

    .fc .fc-toolbar .fc-today-button {
        display: none;
    }

.fc .fc-icon-left-single-arrow,
.fc .fc-icon-right-single-arrow,
.fc .fc-icon-left-single-arrow:after,
.fc .fc-icon-right-single-arrow:after {
    width: 21px;
    height: 31px;
    position: static;
    margin: 0;
    top: 0;
    left: 0;
}

    .fc .fc-icon-left-single-arrow:after {
        content: "";
        background-image: url('../img/main-sprite.png');
        background-position: -507px -139px;
        display: block;
    }

    .fc .fc-icon-right-single-arrow:after {
        content: "";
        background-image: url('../img/main-sprite.png');
        background-position: -507px -106px;
        display: block;
    }

.fc .fc-head {
    border: none;
    position: relative;
    display: block;
    z-index: 1;
    background: #fff;
    height: 110px;
}

    .fc .fc-head:before {
        content: "";
        position: absolute;
        left: -9999px;
        right: -9999px;
        top: -50px;
        height: 161px;
        background: #fff;
        /*  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);*/
        z-index: 0;
        border-bottom-style: solid;
        border-bottom-color: rgba(0,0,0,0.25);
        border-bottom-width: thin;
    }

    .fc .fc-head .fc-widget-header {
        background: none;
        border: none;
    }

    .fc .fc-head .fc-day-header {
        color: #303030;
        vertical-align: bottom;
        padding: 10px 0;
        height: 90px;
    }

    .fc .fc-head .fc-highlight {
        opacity: 1;
        background-color: #ececec;
    }

.fc-ie-backup-bg {
    position: relative;
    min-height: 111px;
    width: 100%;
    overflow: hidden;
}

    .fc-ie-backup-bg:before {
        content: "";
        position: absolute;
        height: 160px;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 1;
    }

.fc .fc-body {
    position: relative;
    display: block;
    z-index: 0;
    background-color: #fff;
}

.fc table {
    margin: 0;
}

    .fc table tbody tr td {
        background-color: transparent;
        border: 0;
        height: 60px;
    }

    .fc table tbody tr:nth-child(2n+2) td {
        border-top: 1px solid #ececec;
    }

    .fc table tbody tr:nth-child(4n+3) td {
        background-color: #f9f9f9;
    }

    .fc table tbody tr:nth-child(4n+4) td {
        background-color: #f9f9f9;
    }

.fc .fc-axis {
    font-family: "Effra-Medium";
    padding-left: 20px;
}

.fc .fc-time-grid .fc-slats td {
    height: 50px;
}

.fc .fc-event {
    background-color: #ececec;
    border: 1px solid white;
    color: #41444d;
    font-family: "Effra-Light";
    padding: 10px;
}

.fc .fc-day-grid .fc-row .fc-content-skeleton {
    padding: 0;
}

    .fc .fc-day-grid .fc-row .fc-content-skeleton td {
        height: 40px;
    }

.fc .fc-day-grid-event {
    margin-top: 5px;
}

.fc.fc-unthemed .fc-today {
    background-color: transparent;
}

.overlay-template-event .overlay-chrome {
    border-top: none;
    border-radius: 0;
    background-color: #ececec;
}

.overlay-template-event .overlay-scroll {
    left: 0;
    right: 0;
    top: 110px;
    overflow-x: auto;
}

.overlay-template-event .overlay-header {
    background-color: #fff;
    height: 50px;
    overflow: hidden;
}

.overlay-template-event .event-schedule,
.overlay-template-event .event-details {
    padding: 20px 35px;
}

.overlay-template-event .icon-close {
    top: 50px;
    background: url('../img/main-sprite.png') 0px -445px;
    width: 30px;
    height: 30px;
}

.overlay-template-event h1 {
    color: #303030;
}

.overlay-template-event .event-details p {
    padding: 0;
}

.overlay-template-event .event-details table {
    width: 100%;
    text-align: inherit;
    margin: 0;
}

    .overlay-template-event .event-details table th,
    .overlay-template-event .event-details table td {
        padding: 0;
        background-color: transparent;
    }

    .overlay-template-event .event-details table th {
        background: transparent;
        color: #41444d;
        font-weight: normal;
        font-family: inherit;
    }

    .overlay-template-event .event-details table tr:nth-child(odd) td {
        background: transparent;
    }

    .overlay-template-event .event-details table tr:nth-child(even) td {
        background: transparent;
    }

.sitemap {
    margin: 0;
    padding: 0;
}

    .sitemap ul {
        padding: 10px 0 0 20px;
    }

.sitemap-lvl-1,
.sitemap-lvl-2,
.sitemap-lvl-3 {
    font-family: "Effra-Medium";
}

    .sitemap-lvl-1 > li > a,
    .sitemap-lvl-2 > li > a,
    .sitemap-lvl-3 > li > a {
        color: #303030;
        border-bottom: 1px solid #303030;
        text-decoration: none;
    }

        .sitemap-lvl-1 > li > a:hover,
        .sitemap-lvl-2 > li > a:hover,
        .sitemap-lvl-3 > li > a:hover {
            color: #ce0b1e;
            border-bottom-color: #ce0b1e;
        }

    .sitemap-lvl-1 > li > a {
        font-family: "Effra-Heavy";
        font-size: 30px;
    }

.sitemap-lvl-2 {
    margin-top: 40px;
}

    .sitemap-lvl-2 > li > a {
        font-size: 20px;
    }

.sitemap-lvl-3 {
    margin-top: 40px;
}

.sitemap-lvl-4 li a {
    text-decoration: none;
    color: #ce0b1e;
    border-bottom: 1px solid #ce0b1e;
}

    .sitemap-lvl-4 li a:hover {
        color: #a70012;
        border-bottom: 1px solid #a70012;
    }
/* content that needs to be overlayed on previous elements and require a top negative margin */
.pull-up {
    margin-top: -30px;
}

.pull-up-small {
    margin-top: -10px;
}

.pull-up-large {
    margin-top: -50px;
}

.pull-up-xlarge {
    margin-top: -70px;
}

.pull-left-large {
    margin-left: -40px;
}

.pull-left-normal {
    margin-left: -20px;
}

.pull-left-small {
    margin-left: -10px;
}
/* fixed height containers with overflow hidden */
.fixedH-185 {
    height: 185px;
    overflow: hidden;
}

.rows-x-5 {
    height: 6em;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

.max-rows-x-5 {
    max-height: 6.1em;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

.min-max-rows-x-4 {
    min-height: 5.7em;
    max-height: 5.7em;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

.min-max-rows-x-5 {
    min-height: 8.2em;
    max-height: 8.2em;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

.event-button-bottom {
    top: 1.3em;
}

.event-widget-title {
    max-height: 2.4em;
    overflow: hidden;
}

.event-widget-title-3rows {
    max-height: 3.6em;
    overflow: hidden;
}

.max-rows-x-3 {
    max-height: 3.1em;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

#Reminders div article.bg-white, #Reminders div section.bg-white {
    margin-bottom: 24px;
}

.news-articles-fixed {
    height: 385.99px;
}

@media screen and (min-zoom: 200%) {
    .news-articles-fixed {
        height: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    .news-articles-fixed {
        height: 100% !important;
    }
    .course-header ul.course-info li:nth-child(odd) {
        padding-left: 0 !important;
    }
}

.max-rows-x-1 {
    width: 100%;
    line-height: 1.1em;
    height: 1.1em;
    text-overflow: ellipsis;
    padding: 0;
    overflow: hidden;
    display: block;
}

.twitter-timeline,
.twitter-timeline-rendered {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
}

    .twitter-timeline iframe {
        width: 100% !important;
    }

/* for sitecore page editor */
.section-header.wrapper-wide {
    position: relative;
}

    .section-header.wrapper-wide img {
        display: block;
        width: 1440px;
    }

    .section-header.wrapper-wide .section-content {
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
    }
/* bottom right video */
.br-video {
    position: absolute;
    right: 0;
    bottom: -40px;
    z-index: 1;
    overflow: visible;
}

.es-video {
    position: absolute;
    right: 0;
    bottom: -40px;
    z-index: 1;
    overflow: visible;
}

.br-video:before {
    content: "";
    position: absolute;
    background-color: #ececec;
    border-top: 10px solid white;
    right: -2000px;
    top: 50%;
    bottom: 0;
    left: 100%;
    z-index: -1;
}

.wrapper-wide .br-video:before {
    right: -233px;
}

.discover-homepage-carousel-container {
    height: 680px;
}

.discover-homepage-carousel {
    height: 630px;
    overflow: hidden;
}

    .discover-homepage-carousel .theme-editor {
        transform: translateY(0);
    }

    .discover-homepage-carousel .slick-slide {
        padding-bottom: 0;
    }

        .discover-homepage-carousel .slick-slide .text-nice-wrap {
            display: inline;
        }

    .discover-homepage-carousel .slick-dots {
        position: relative;
        top: -120px;
        max-width: 974px;
        margin: auto;
        padding: 0 0 40px 0;
        float: none;
    }

        .discover-homepage-carousel .slick-dots li {
            width: 20px;
            height: 20px;
        }

        .discover-homepage-carousel .slick-dots button {
            border-radius: 0;
            width: 20px;
            height: 20px;
            background-color: transparent;
            border: 1px solid white;
        }

            .discover-homepage-carousel .slick-dots button:hover {
                background-color: rgba(255, 255, 255, 0.25);
            }

        .discover-homepage-carousel .slick-dots .slick-active button {
            background-color: #FFF;
        }

.carousel-intro-animation-hidden {
    opacity: 0;
}

.carousel-intro-animation {
    transform: translateX(0);
    opacity: 1;
    animation: carouselIntroAnimation .5s;
}

@keyframes carouselIntroAnimation {
    from {
        transform: translateX(50px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.main-heading-xxlarge .carousel-cta {
    position: relative;
    top: 340px;
    z-index: 1;
}

@media screen and (min-width: 1910px) {
    .dont-break-out {
        width: inherit;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dont-break-out-applicant {
        width: 600px;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .text-size-login {
        font-size: 70px;
        line-height: 75px;
    }

    .header-container {
        max-width: 1440px;
        margin-top: 210px;
    }

    .header-text {
        max-width: 1440px;
        text-align: left;
    }
}

@media screen and (max-width: 1909px) {
    .dont-break-out {
        width: inherit;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dont-break-out-applicant {
        width: 580px;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-container {
        max-width: 1440px;
        margin-top: 210px;
    }

    .header-text {
        max-width: 1440px;
        text-align: left;
    }
}

@media screen and (max-width: 1800px) {
    .dont-break-out {
        width: inherit;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dont-break-out-applicant {
        width: 320px;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 1600px) {
    .dont-break-out {
        width: inherit;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 1456px) {
    .main-heading.bg-black:before {
        left: 0;
        right: 0;
        margin: 0;
    }

    .dont-break-out {
        width: inherit;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media all and (max-width: 1330px) {
    .dont-break-out {
        width: inherit;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media all and (max-width: 1100px) {
    .dont-break-out {
        width: 120px;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dont-break-out-applicant {
        width: 170px;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


@media all and (max-width: 1024px) {

    .text-size-login {
        font-size: 65px;
        line-height: 70px;
    }

    .t-tablet-header-align {
        margin-left: -12%;
    }

    .dont-break-out {
        width: inherit;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .t-base7 .t-base6 {
        width: 100%;
    }

    .desktop-hidden {
        display: block;
    }

    table.desktop-hidden {
        display: table;
    }

    .tablet-hidden,
    .desktop-hidden.tablet-hidden {
        display: none;
    }

    body {
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
    }

    body,
    html {
        height: auto;
        /*let body and html height not be blocked by window height*/
        /* need to add a min height for push footer*/
        height: 100%;
    }

    p {
        font-size: 18px;
        box-sizing: border-box;
    }

        p.headline {
            font-size: 20px;
        }

    .wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-content {
        padding-top: 0;
    }

    .main-heading,
    .main-heading-hero {
        min-height: 280px;
        padding-top: 30px;
        background-size: auto 280px;
    }

        .main-heading .full-bg-row {
            min-height: 250px;
        }

    .row-normal {
        margin-left: -20px;
        margin-right: -20px;
    }

    .pane {
        padding-left: 20px;
        padding-right: 20px;
    }

    .row > .pane {
        padding-left: 10px;
        padding-right: 10px;
    }

    .t {
        /* tablet specific classes */
    }

    .t-img-scale {
        width: 100%;
        height: auto;
    }

    .t-display-block {
        display: block;
    }

    .t-display-inline-block {
        display: inline-block;
    }

    .t-text-size-14 {
        font-size: 14px;
        line-height: 19px;
    }

    .t-text-size-17 {
        font-size: 17px;
        line-height: 22px;
    }

    .t-text-size-20 {
        font-size: 20px;
        line-height: 25px;
    }

    .t-text-size-25 {
        font-size: 25px;
        line-height: 30px;
    }

    .t-text-size-30 {
        font-size: 30px;
        line-height: 35px;
    }

    .t-text-size-40 {
        font-size: 40px;
        line-height: 45px;
    }

    .t-text-size-60 {
        font-size: 60px;
        line-height: 65px;
    }

    .t-text-size-80 {
        font-size: 80px;
        line-height: 85px;
    }

    .t-text-weight-medium {
        font-family: "Effra-Medium", Arial, sans-serif;
    }

    .t-text-weight-heavy {
        font-family: "Effra-Heavy", Arial, sans-serif;
    }

    .t-text-right {
        text-align: right;
    }

    .t-text-align-center {
        text-align: center;
    }

    .t-bg-standout {
        background-color: #ce0b1e;
        color: white;
    }

    .t-border-bottom-light {
        border-bottom: 1px solid #e8e8e8;
    }

    .t-row {
        margin-left: 0;
        margin-right: 0;
    }

        .t-row > .pane {
            padding-left: 10px;
            padding-right: 10px;
        }

    .t-row-none > .pane {
        padding-left: 0;
        padding-right: 0;
    }

    .t-row-small {
        margin-left: -5px;
        margin-right: -5px;
    }

        .t-row-small > .pane {
            padding-left: 5px;
            padding-right: 5px;
        }

    .t-row-normal {
        margin-left: -20px;
        margin-right: -20px;
    }

        .t-row-normal > .pane {
            padding-left: 20px;
            padding-right: 20px;
        }

    .t-pull-up {
        margin-top: -20px;
    }

    .t-pad-around {
        padding: 20px;
    }

    .t-pad-around-none {
        padding: 0;
    }

    .t-pad-left-large {
        padding-left: 40px;
    }

    .t-pad-top-medium {
        padding-top: 40px;
    }

    .t-margin-none {
        margin: 0px;
    }

    .t-margin-top {
        margin-top: 20px;
    }

    .t-margin-left {
        margin-left: 20px;
    }

    .t-margin-bottom {
        margin-bottom: 20px;
    }

    .main-header,
    .main-header.affix {
        position: static;
        padding: 10px;
    }

    .home-link {
        text-align: center;
        overflow: visible;
        padding-left: 0;
        padding-right: 0;
    }

    .create-steps {
        text-align: center;
        padding-top: 70px;
    }

        .create-steps div {
            width: 40px;
            height: 40px;
            margin-left: 30px;
            border-width: 2px;
        }

            .create-steps div span {
                width: 40px;
                height: 40px;
                line-height: 40px;
            }

            .create-steps div:after {
                top: 20px;
                width: 20px;
                left: -29px;
            }

        .create-steps .complete:before {
            border-color: #008673;
            width: 15px;
            height: 7px;
            left: 12px;
            top: 13px;
        }

        .create-steps .complete:after {
            width: 35px;
            left: -36px;
        }

    .main-footer .pin {
        float: left;
        margin-bottom: 30px;
    }

    small .button {
        font-size: 15px;
    }

    .overlay-chrome {
        width: 80%;
        height: 84%;
        left: 10%;
        top: 8%;
        margin: 0;
    }
    /* bullet-container */
    .create-time p {
        color: #41444d;
    }

    .create-time .bullet-container {
        margin: 0 0 0 15px;
        float: right;
    }
    /* tablet exceptions */
    .hello-grid .white-panel {
        height: 450px;
    }

    .option-disabled {
        padding: 10px 10px 0;
    }
    /* mobile navigation */
    .icon-menu {
        display: block;
        /*position:absolute;
        top: 10px;
        left:20px;*/
        width: 40px;
        height: 35px;
        text-indent: -6000px;
        background-image: url('../img/main-sprite.png');
        background-repeat: no-repeat;
        background-position: -205px -404px;
    }

        .icon-menu:focus {
            border: 1px solid inherit;
        }

    .navigation .navigation-items,
    .main-content,
    .main-footer,
    .main-header,
    .cooki,
    #SuperHeader {
        -webkit-transition: ease left 0.2s;
        transition: ease left 0.2s;
        left: 0;
        position: relative;
        box-sizing: border-box;
    }

    .navigation .navigation-items {
        position: fixed;
        left: -260px;
        top: 0;
        width: 260px;
        height: 100%;
        background: #222222;
        z-index: 2;
        overflow: auto;
    }

    .navigation.open .navigation-items {
        left: 0;
    }

    .bodyOpen {
        overflow-x: hidden;
        width: 100%;
        position: relative;
    }

        .bodyOpen .main-content,
        .bodyOpen .main-footer,
        .bodyOpen .main-header,
        .bodyOpen .cookie {
            left: 260px;
        }

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

    .navigation-items > ul {
        margin-bottom: 10px;
    }

    .navigation ul li {
        margin: -1px 0 0;
        padding: 0;
        display: block;
        float: none;
        position: relative;
    }

    .navigation .chevron-down-white,
    .navigation .chevron-up-white {
        position: absolute;
        top: 0;
        right: 0;
        width: 55px;
        height: 55px;
        padding: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
    }

        .navigation .chevron-down-white:after,
        .navigation .chevron-up-white:after {
            top: 50%;
            right: 50%;
            margin: -4px -7px 0 0;
        }

    .navigation ul ul li:last-child {
        border: 0;
    }

    .navigation .margin-top {
        margin-top: 60px;
    }

    .navigation ul li a,
    .navigation .no-link {
        padding: 16px 14px;
        display: block;
        float: none;
        color: #fff;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

    .navigation ul.no-border li a {
        border: none;
    }

    .navigation ul ul li a,
    .navigation ul ul .no-link {
        padding-left: 35px;
    }

    .subnavigation ul li {
        margin: 0;
    }

        .subnavigation ul li a,
        .subnavigation ul ul li a {
            padding-left: 20px;
            border-bottom-color: #fff;
        }

    .navigation ul li a:hover,
    .navigation ul li a:active,
    .navigation ul li a:hover,
    .navigation ul li a:focus {
        background: #a70012;
    }

    .navigation ul li.current a {
        background: #333333;
    }

    .navigation-open {
        overflow: hidden;
        left: 260px;
        width: 100%;
    }

    .navigation .current {
        background: rgba(255, 255, 255, 0.1);
    }

    .navigation-mask {
        display: none;
        position: fixed;
        top: 0;
        left: 260px;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.1);
        text-indent: -6000px;
    }

    .navigation.open .navigation-mask {
        display: block;
    }

    .navigation .active > a {
        background-color: #a70012;
    }

    .navigation .mobile-meta-nav a {
        padding-left: 60px;
    }

        .navigation .mobile-meta-nav a:before {
            position: absolute;
            left: 10px;
            top: 10px;
        }

    #masonary .item {
        width: auto;
        float: none;
    }

    .row.m-pad-around {
        padding-left: 24px;
        padding-right: 30px;
    }

    .m-pad-around-small {
        padding: 10px;
    }

    .phone-icon:after {
        right: 20px;
    }

    .t-pull-right {
        float: right;
    }

    .t-rows-x-5 {
        height: 7.6em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pull-left-large {
        margin-left: auto;
    }

    .t-pull-left-large {
        margin-left: -40px;
    }

    .pull-left-small {
        margin-left: auto;
    }

    .t-pull-left-small {
        margin-left: -10px;
    }

    .t-pull-left-normal {
        margin-left: -20px;
    }

    .tmp-status-prospectus .status-steps .status-step {
        height: 46px;
    }

    .tmp-status-prospectus .status-steps .bubble {
        height: 38px;
        width: 38px;
        line-height: 38px;
    }

    .tmp-status-prospectus .status-steps .status-step:before,
    .tmp-status-prospectus .status-steps .status-step:after,
    .tmp-status-prospectus .status-steps .active:before,
    .tmp-status-prospectus .status-steps .active:after {
        top: 18px;
    }

    .tmp-status-prospectus .status-steps .status-step:before {
        margin-right: 21px;
    }

    .tmp-status-prospectus .status-steps .status-step:after {
        margin-left: 21px;
    }

    .tmp-status-prospectus .status-steps .complete .bubble:after {
        right: 9px;
        top: 13px;
    }

    .search-form-mobile {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .taster-portrait .br-arrow-icon:before,
    .taster-landscape .br-arrow-icon:before {
        bottom: 10px;
        right: 10px;
    }

    .taster-landscape .t-margin-top {
        margin-top: 30px;
    }

    .main-heading-xxlarge {
        height: auto;
    }

    .discover-homepage-carousel-container {
        margin-bottom: -100px;
        border: none;
    }

    .discover-homepage-carousel-overlay {
        position: relative;
        top: -160px;
        background: #FFF;
    }

        .discover-homepage-carousel-overlay .carousel-cta {
            top: 30px;
        }

        .discover-homepage-carousel-overlay .br-video {
            position: relative;
            float: right;
            bottom: -80px;
        }

            .discover-homepage-carousel-overlay .br-video:before {
                display: none;
            }

    .discover-homepage-carousel {
        height: 440px;
        border-bottom: none;
    }

        .discover-homepage-carousel .slick-dots {
            display: none;
        }

        .discover-homepage-carousel .slick-slide > div {
            height: 440px;
        }

    .slick-wrapper .slick-slide {
        background-position: center top;
        background-size: 100% 300px;
    }

    .flex-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .t-flex-order-1 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }

    .t-flex-order-2 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }

    .t-flex-order-3 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .t-flex-index-1 {
        position: relative;
        z-index: 1;
    }

    .sticky-fixed.main-header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        padding: 10px;
        -webkit-transition: .2s;
        transition: .2s;
    }

    .sticky-fixed.sticky-no-change {
        /*padding: 16px 0 14px 0;*/
        -webkit-transition: .2s;
        transition: 0s;
    }

    /*Automatic Padding on Line Break*/
    .automaticPadding {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    /*LeftSideLogos*/
    .uorLogoStudentMobile {
        margin-left: -12% !important;
    }

    .searchStudentMobile {
        position: absolute;
        left: 82%;
        padding-top: 1%;
    }

    .navStudentMobile {
        position: absolute;
        padding-left: 2%;
        padding-top: 1%;
    }
}

@media all and (max-width: 767px) {

    .text-size-login {
        font-size: 50px;
        line-height: 55px;
    }

    .text-size-28 {
        font-size: 28px;
        line-height: 45px;
    }

    .text-size-16 {
        font-size: 14px;
        line-height: 21px;
    }

    .fc .fc-toolbar h2 {
        font-size: 17px;
        vertical-align: middle;
    }

    .wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        line-height: normal;
    }

    .fc-toolbar .fc-center {
        display: inline-block;
        padding-top: 6px;
    }

    .fc-toolbar .fc-right {
        float: right;
        padding-top: 10px;
    }

    .header-container {
        margin-top: 0px;
    }

    .course-info {
        display: flex !important;
        padding-left: 10px;
    }

    .tablet-hidden,
    .desktop-hidden,
    .tablet-hidden.desktop-hidden {
        display: block;
    }

    table.tablet-hidden,
    table.desktop-hidden,
    table.tablet-hidden.desktop-hidden {
        display: table;
    }

    .mobile-hidden, media screen table.mobile-hidden {
        display: none;
    }

    html.m-locked,
    .m-locked body {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .wrapper,
    .pane,
    .row-normal,
    .row-extra,
    .row-extra > .pane {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .row-small {
        margin: 0 !important;
    }

    .wrapper {
        overflow: hidden;
    }

    .wrapper-overflow {
        overflow: initial;
    }

    .main-header .wrapper {
        overflow: initial;
    }

    .main-heading,
    .img-bg-section,
    .img-bg-section-small {
        padding-top: 40px;
    }

    .spacer {
        padding: 20px;
    }

    .m-bg-white {
        background-color: white;
    }

    .m-bg-standout {
        background-color: #ce0b1e;
    }

    .m-bg-none {
        background: none;
    }

    .m-bg-light-grey {
        background-color: #ececec;
    }
    /* generic borders */
    .border-left {
        border-left: 0;
    }

    .border-right {
        border-right: 0;
    }

    .create-steps .active {
        color: #000;
    }

    .m-flex-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .flex-column {
        -webkit-box-ordinal-group: 0;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-1 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }

    .flex-order-2 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }

    .flex-order-3 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .m-pad {
        padding-left: 20px;
        padding-right: 20px;
    }

    .m-pad-none {
        padding: 0;
    }

    .m-pad-top {
        padding-top: 20px;
    }

    .m-pad-row {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .m-pad-row-small {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .m-pad-row-xsmall {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .m-pad-right-large {
        padding-right: 40px;
    }

    .m-pad-around {
        padding: 16px;
    }

    .row.m-pad-around {
        padding: 24px;
        padding-left: 16px;
        padding-right: 22px;
    }

    .m-pad-around-small {
        padding: 10px;
    }

    .m-pad-around-right {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .m-pad-sides {
        padding-left: 20px;
        padding-right: 20px;
    }

    .m-margin-none {
        margin: 0;
    }

    .m-margin-top {
        margin-top: 20px;
    }

    .m-margin-bottom {
        margin-bottom: 20px;
    }

    .m-margin-bottom-small {
        margin-bottom: 10px;
    }

    .m-margin-bottom-large {
        margin-bottom: 40px;
    }

    .m-display-block {
        display: block;
    }

    .main-heading {
        min-height: 200px;
        padding-top: 30px;
        background-size: auto 200px;
    }

        .main-heading .full-bg-row {
            min-height: 170px;
        }

    .m-bg-grey {
        background-color: #41444d;
        color: white;
        padding: 20px;
        margin-right: 20px;
    }
    /* change fonts on mobile */
    .m-heading-xxlarge {
        font-size: 8rem;
    }

    .m-text-weight-medium {
        font-family: "Effra-Medium", Arial, sans-serif;
    }

    .m-text-weight-heavy {
        font-family: "Effra-Heavy", Arial, sans-serif;
    }

    .m-text-color-black {
        color: #000;
    }

    .m-text-size-14 {
        font-size: 14px;
        line-height: 19px;
    }

    .m-text-size-17 {
        font-size: 17px;
        line-height: 22px;
    }

    .m-text-size-20 {
        font-size: 20px;
        line-height: 25px;
    }

    .m-text-size-25 {
        font-size: 25px;
        line-height: 30px;
    }

    .m-text-size-30 {
        font-size: 30px;
        line-height: 35px;
    }

    .m-text-size-40 {
        font-size: 40px;
        line-height: 45px;
    }

    .m-text-size-60 {
        font-size: 60px;
        line-height: 65px;
    }

    .m-text-size-80 {
        font-size: 80px;
        line-height: 85px;
    }

    .m-text-line-large {
        line-height: 1.5em;
    }
    /* image scaling for mobile */
    .m-img-scale {
        width: 100%;
        height: auto;
    }
    /**/
    .pane.border-right {
        border: none;
    }

    .section-panel {
        border-radius: 5px;
        padding: 20px;
        margin: 2%;
        width: 96%;
    }

    .accordion .section-panel {
        border-radius: 0;
        padding: 0;
        margin: 0;
        width: auto;
    }

    small .button {
        font-size: 15px;
    }

    .search-results {
        padding: 5px;
        margin-left: -5px;
        margin-right: -5px;
    }
    /* overlay tweaks for mobile */
    .overlay .overlay-chrome {
        width: 90%;
        height: 90%;
        left: 5%;
        top: 5%;
        margin: 0;
    }

    .overlay .overlay-header {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 19px;
        line-height: 1.9rem;
        padding: 20px;
    }

    .overlay .overlay-close {
        right: 25px;
    }

    .overlay .overlay-scroll {
        top: 80px;
        left: 25px;
        right: 25px;
        bottom: 25px;
    }
    /* overlay tweaks for mobile */
    .tooltip-chrome {
        width: 90%;
        left: 5%;
        margin-left: 0;
    }
    /* smart search */
    fieldset.focus {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: #fff;
        padding: 0;
        z-index: 200;
        overflow: auto;
    }

        fieldset.focus .panel-query,
        fieldset.focus .panel-alphabet {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            box-sizing: border-box;
            background: #fff;
            box-shadow: 0 1px 2px #ccc;
            z-index: 202;
            padding: 20px;
            height: 122px;
            overflow: hidden;
        }

        fieldset.focus hr {
            display: none;
        }

        fieldset.focus .search-results {
            position: fixed;
            top: 122px;
            bottom: 80px;
            left: 0;
            right: 0;
            z-index: 201;
            background: #f8f8f8;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            margin: 0;
            padding: 20px 20px 10px 20px;
            height: auto;
        }

            fieldset.focus .search-results.nb {
                bottom: 0;
            }

        fieldset.focus .button-cancel {
            float: right;
            display: block;
        }

        fieldset.focus .button-naked {
            display: none;
        }

        fieldset.focus .panel-buttons-review,
        fieldset.focus .panel-buttons-finished {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 202;
        }
        /* empty panel */
        fieldset.focus .panel-empty {
            margin: 0;
            height: 100%;
            background: #d1d7de;
            box-sizing: border-box;
            padding-top: 150px;
        }

            fieldset.focus .panel-empty .medalion {
                box-shadow: none;
            }
        /* review panel */
        fieldset.focus .panel-review {
            padding: 20px 20px 50px 20px;
        }

            fieldset.focus .panel-review hr {
                display: block;
            }

            fieldset.focus .panel-review .first {
                display: none;
            }

    .panel-review-scroll {
        position: fixed;
        top: 60px;
        bottom: 80px;
        left: 0;
        right: 0;
        z-index: 201;
        background: #f8f8f8;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: 0;
        padding: 20px 20px 10px 20px;
        height: auto;
        overflow-y: auto;
    }
    /* alphabet */
    .alphabet-wrapper,
    .query-wrapper {
        position: relative;
        padding: 0 0 0 50px;
        clear: both;
    }

    .alphabet-wrapper {
        /*
            width: 100%;
        box-sizing: border-box;
        overflow: auto;
        white-space: nowrap;
	    overflow-y: hidden;
	    overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
            */
    }

        .alphabet-wrapper::-webkit-scrollbar {
            display: none;
        }

    .alphabet {
        width: 200px;
        overflow: auto;
        float: none;
        box-sizing: border-box;
    }

    .alphabet-scroll {
        width: 745px;
        padding: 12px 0 10px 0;
    }

    .panel-alphabet {
        /*  display: none;*/
        position: relative;
        padding: 0 0 0 0;
        display: none;
        margin-bottom: 10px;
    }

        .panel-alphabet hr {
            display: block;
        }

        .panel-alphabet .icon-ss-search,
        .panel-query .icon-ss-abc {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

        .panel-alphabet p {
            display: none;
        }

        .panel-alphabet .button {
            width: auto;
            display: inline-block;
        }
    /* form resets */
    .text-align-right {
        text-align: left;
    }

    .button,
    .button-nav {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: block;
    }

    .m-button-inline {
        width: auto;
        display: inline-block;
    }
    /* thumbnails and video */
    .thumbnail-left {
        float: none;
    }

    .thumbnail-right {
        float: none;
        margin-left: auto;
    }
    /* footer */
    .footer-links ul {
        padding-bottom: 25px;
    }

        .footer-links ul li {
            float: none;
        }

    .footer-links p.copy {
        float: none;
    }

    button.button-like-checkbox,
    button.button-like-checkbox.checked {
        margin-bottom: 10px;
    }
    /* exceptions */
    .m-pad-around .section-panel {
        box-sizing: border-box;
        margin: 0 0 2%;
        width: 100%;
    }

    .hello-grid .white-panel {
        height: auto;
    }

    .option-disabled {
        padding: 10px 10px 0;
    }

    .maxCounterContainer {
        display: block;
        float: none;
        text-align: center;
    }
    /* extra-info becomes inline on mobile */
    .extra-info {
        position: static;
        box-shadow: none;
    }

        .extra-info figure:first-child {
            border-radius: 0;
        }

        .extra-info:before,
        .extra-info:after {
            display: none;
        }

    .m-hidden {
        display: none;
    }
    /* mosaic */
    #mosaic .item {
        padding: 0;
    }
    /* carousel stuff */
    .slick-wrapper {
        min-height: 0;
    }

        .slick-wrapper .main-heading-large {
            min-height: 0;
        }

        .slick-wrapper .slick-slide {
            padding: 140px 0 0 0;
            background-size: auto 140px;
            background-position: center top;
            background-color: #a70012;
        }

            .slick-wrapper .slick-slide > div {
                line-height: normal;
                height: auto;
            }

            .slick-wrapper .slick-slide .slick-titles {
                display: block;
                margin: 0;
                padding: 0;
            }

                .slick-wrapper .slick-slide .slick-titles > span {
                    display: block;
                    margin: 0;
                }

                .slick-wrapper .slick-slide .slick-titles .text-bg-standout-dark {
                    margin-top: -35px;
                }

    .slick-prev,
    .slick-next,
    .slick-play,
    .slick-pause {
        width: 35px;
        height: 35px;
    }

    .slick-prev {
        background-position: -255px -303px;
    }

    .slick-next {
        background-position: -328px -205px;
    }

    .slick-play {
        background-position: -307px -303px;
    }

    .slick-pause {
        background-position: -382px -163px;
    }

    .slick-dots li {
        display: inline-block;
        width: 10px;
        height: 10px;
        padding: 13px 4px;
    }

    .status-steps .slick-slide > * {
        min-height: 0;
        line-height: none;
    }

    .white-slick .slick-prev {
        background-position: -382px -111px;
    }

    .white-slick .slick-next {
        background-position: -382px -7px;
    }

    .white-slick .slick-play {
        background-position: -382px -59px;
    }

    .white-slick .slick-pause {
        background-position: -238px -172px;
    }

    .main-heading-large {
        min-height: 160px;
    }

    .main-heading-xlarge {
        padding-top: 10px;
    }

    .m-bg-margin-large {
        margin-top: 130px;
    }

    .m-bg-margin-small {
        margin-top: 30px;
    }

    .m-border-bottom-light {
        border-bottom: 1px solid #ececec;
    }

    .m-border-rounded {
        background: white;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        overflow: hidden;
        position: relative;
        padding: 20px 20px;
        margin-bottom: 10px;
    }

        .m-border-rounded h1.icon-add:after {
            color: #5c5765;
        }

    h1.border-bottom.icon-add {
        border-bottom: none;
    }

    .m-icon:after {
        display: block;
    }

    .m-white-panel {
        background: white;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        overflow: hidden;
        position: relative;
    }

    .pull-up {
        margin-top: 0;
    }

    .pull-up-small {
        margin-top: 0;
    }

    .pull-up-large {
        margin-top: 0;
    }

    .pull-up-xlarge {
        margin-top: 0;
    }

    .negate-right {
        margin-right: auto;
        margin-top: auto;
    }

    .m-pull-up {
        margin-top: -20px;
    }

    .m-pull-up-small {
        margin-top: -10px;
    }

    .m-pull-up-large {
        margin-top: -40px;
    }

    .m-pull-up-xlarge {
        margin-top: -60px;
    }

    .pull-left-large {
        margin-left: auto;
    }

    .m-pull-left-large {
        margin-left: -40px;
    }

    .pull-left-small {
        margin-left: auto;
    }

    .m-pull-left-small {
        margin-left: -10px;
    }

    .m-pull-left-normal {
        margin-left: -20px;
    }

    .m-negate-padding {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -20px;
    }

    .m-negate-padding-large {
        margin-left: -40px;
        margin-right: -40px;
        margin-top: -40px;
    }

    .m-width-auto {
        width: auto;
    }

    .fixedH-185 {
        height: auto;
    }

    .phone-icon:after {
        right: 0px;
    }

    .m-pull-right {
        float: right;
    }

    .rows-x-4 {
        height: auto;
        overflow: hidden;
    }

    .m-text-align-center {
        text-align: center;
    }

    .m-text-align-right {
        text-align: right;
    }

    .m-br-pad-large:before {
        right: 30px;
        bottom: 30px;
        z-index: 1;
    }
    /* subjects sidebar */
    #subjectsSidebar article {
        right: -100%;
        width: 100%;
        overflow: auto;
    }
    /* table */
    /* table style */
    table thead {
        display: none;
    }

    table.table-template-inbox {
        display: block;
        border-top: 1px solid #ececec;
    }

        table.table-template-inbox:before {
            display: none;
        }

        table.table-template-inbox tbody {
            display: block;
        }

            table.table-template-inbox tbody tr {
                display: block;
                border-bottom: 1px solid #ececec;
                padding: 10px 20px;
                box-sizing: border-box;
                position: relative;
            }

                table.table-template-inbox tbody tr td {
                    box-sizing: border-box;
                    display: block;
                    max-width: none;
                    border-bottom: none;
                    padding: 0;
                    background: transparent;
                }

            table.table-template-inbox tbody .inbox-sender {
                max-width: 75%;
            }

        table.table-template-inbox .inbox-content strong,
        table.table-template-inbox .inbox-content span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            table.table-template-inbox .inbox-content strong:after,
            table.table-template-inbox .inbox-content span:after {
                content: "";
            }

        table.table-template-inbox .inbox-date {
            position: absolute;
            top: 10px;
            right: 20px;
        }

    .m-box-shadow-none {
        box-shadow: none;
    }
    /* calendar */
    .fc .fc-head {
        display: block;
        font-size: 17px;
        height: 44px;
    }

        .fc .fc-head button {
            background: none;
            border-color: transparent;
            height: auto;
            width: 100%;
            padding: 0;
            font-size: inherit;
        }

    .fc .fc-head-today {
        background-color: #ececec;
    }

    .fc .fc-head:before {
        height: 110px;
        z-index: -1;
        top: -66px;
    }

    .fc .fc-toolbar h2 {
        font-size: 20px;
        font-family: "Effra-Heavy";
    }

    .fc .fc-toolbar .fc-today-button {
        display: block;
    }

    .fc .fc-toolbar .fc-state-disabled {
        opacity: .5;
    }

    .fc .fc-toolbar button {
        padding: 0;
    }

    .fc button .fc-icon-left-single-arrow,
    .fc button .fc-icon-right-single-arrow,
    .fc button .fc-icon-left-single-arrow:after,
    .fc button .fc-icon-right-single-arrow:after {
        width: 30px;
        height: 25px;
    }

        .fc button .fc-icon-left-single-arrow:after {
            content: "";
            background-image: url('../img/main-sprite.png');
            background-position: -269px -365px;
            display: block;
        }

        .fc button .fc-icon-right-single-arrow:after {
            content: "";
            background-image: url('../img/main-sprite.png');
            background-position: -311px -365px;
            display: block;
        }

    .fc .fc-time-grid .fc-slats td {
        height: 40px;
    }

    .fc table tbody tr td {
        height: 40px;
    }

    .overlay-template-event .overlay-chrome {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .overlay-template-event .overlay-header {
        height: 80px;
    }

        .overlay-template-event .overlay-header h1 {
            padding-right: 35px;
        }

        .overlay-template-event .overlay-header button {
            width: auto;
        }

    .overlay-template-event .event-schedule,
    .overlay-template-event .event-details {
        padding: 20px;
    }

        .overlay-template-event .event-schedule p span {
            font-size: 20px;
            line-height: 1em;
        }

    .overlay-template-event .overlay-scroll {
        left: 0;
        right: 0;
        top: 120px;
    }

    .overlay-template-event .icon-close {
        top: 30px;
        right: 20px;
    }
    /* inbox */
    .icon-inbox-empty {
        padding-top: 230px;
        padding-bottom: 30px;
        background: #ffffff url(../img/icon-inbox-empty-mobile.png) center 50px no-repeat;
    }

        .icon-inbox-empty:before {
            width: 247px;
            height: 163px;
            margin: 0 0 0 -124px;
        }

    .inbox-header {
        border-bottom: 1px solid #ececec;
    }

    #items .loading,
    #items .finishedLoading {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        z-index: 1;
    }

    .discover-homepage-carousel-overlay {
        display: block;
        position: static;
    }

        .discover-homepage-carousel-overlay .br-video {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }

            .discover-homepage-carousel-overlay .br-video:before {
                display: none;
            }

    .main-heading-xxlarge {
        height: auto;
        margin-bottom: 0;
    }

        .main-heading-xxlarge.wrapper-wide {
            padding-bottom: 0;
        }

        .main-heading-xxlarge .carousel-cta {
            top: 0;
            float: none;
        }

    .discover-homepage-carousel {
        height: 230px;
    }

        .discover-homepage-carousel .pad-top-xlarge {
            padding-top: 110px;
        }

        .discover-homepage-carousel h1 {
            font-size: 30px;
        }

        .discover-homepage-carousel h2 {
            font-size: 20px;
        }

        .discover-homepage-carousel .slick-slide {
            padding-bottom: 0;
            background-size: 100%;
        }

            .discover-homepage-carousel .slick-slide .wrapper {
                padding: 0;
            }

        .discover-homepage-carousel .slick-dots {
            top: -110px;
            left: 33.3333%;
            padding-left: 10px;
            margin: 0;
            padding: 0;
            position: absolute;
        }

    .pin-icon:before {
        background-position: -507px -70px;
        height: 34px;
        width: 25px;
        display: inline-block;
        margin: 0 10px 14px 0;
        float: left;
    }
}
/*ovde*/
@media screen and (max-width: 767px) {
    .fc-toolbar .fc-center {
        padding-top: 0;
        font-size: 14px;
    }

    .fc-toolbar .fc-right {
        padding-top: 0;
    }

    .slick-wrapper .slick-slide {
        padding: 170px 0 0 0;
        background-size: contain;
    }

        .slick-wrapper .slick-slide .video-container {
            max-width: 320px;
            margin-left: auto;
            margin-right: auto;
            float: none;
            clear: both;
        }
}

@media screen and (max-width: 600px) {
    .slick-wrapper .slick-slide {
        padding: 150px 0 0 0;
        background-size: contain;
    }

    .text-size-login {
        font-size: 65px;
        line-height: 60px;
    }
}

@media screen and (max-width: 480px) {
    .slick-wrapper .slick-slide {
        padding: 150px 0 0 0;
        background-size: 100% 150px;
        /*background-size: auto 150px;*/
    }

    .fc .fc-toolbar h2 {
        font-size: 16px;
        font-family: "Effra-Heavy";
    }

    .infographics-compnonent .footnote-mobile {
        margin-left: 3%;
    }

    .infographics-compnonent .content-heading {
        margin-top: -30px !important;
    }
}

@media screen and (max-width: 467px) {
    .m-text-size-25 {
        font-size: 20px;
        line-height: 30px;
    }

    .fc .fc-toolbar h2 {
        font-size: 12px;
        font-family: "Effra-Heavy";
    }
}

@media screen and (max-width: 408px) {
    .m-text-size-25 {
        font-size: 20px;
        line-height: 30px;
    }

    .fc .fc-toolbar h2 {
        font-size: 14px;
        font-family: "Effra-Heavy";
    }

    .fc-toolbar .fc-center {
        padding-top: 0;
        font-size: 14px;
        padding-right: 60px;
    }

    .text-size-login {
        font-size: 62px;
        line-height: 67px;
    }
}

@media screen and (max-width: 385px) {

    .fc-toolbar .fc-center {
        padding-top: 0;
        font-size: 14px;
        padding-right: 70px;
        padding-left: 90px;
    }

    .text-size-login {
        font-size: 57px;
        line-height: 62px;
    }
}

@media screen and (max-width: 376px) {
    .fc-toolbar .fc-center {
        padding-top: 10px;
        font-size: 14px;
        padding-right: 50px;
        padding-left: 60px;
    }

    .ApplicantReadyForStudentmodal > div {
        max-width: 250px;
        margin-top: 50% !important;
    }

    .btn-defaultApplicantReadyForStudent {
        font-size: 15px;
    }
}


@media screen and (max-width: 327px) {
    .fc-toolbar .fc-center {
        padding-top: 10px;
        font-size: 14px;
        padding-right: 16px;
    }

    .text-size-login {
        font-size: 50px;
        line-height: 55px;
    }
}

@media screen and (max-width: 320px) {
    .slick-wrapper .slick-slide {
        padding: 130px 0 0 0;
        background-size: auto 130px;
    }

    .fc-toolbar .fc-center {
        padding-top: 10px;
        font-size: 14px;
        padding-right: 14px;
        padding-left: 30px;
    }
}

.lt-ie9 {
    /* for border-radius, box-shadow, etc. */
    /* slick bar default */
    /* slick bar white */
    /*
    .status-steps .complete .bubble:after,
    .status-steps .complete-bubble:before {
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
   
    }

    */
    /* negative margins */
}

    .lt-ie9 .m-base1,
    .lt-ie9 .t-base1,
    .lt-ie9 .base1 {
        width: 8.3333%;
    }

    .lt-ie9 .m-base2,
    .lt-ie9 .t-base2,
    .lt-ie9 .base2 {
        width: 16.6666%;
    }

    .lt-ie9 .m-base3,
    .lt-ie9 .t-base3,
    .lt-ie9 .base3 {
        width: 25%;
    }

    .lt-ie9 .m-base4,
    .lt-ie9 .t-base4,
    .lt-ie9 .base4 {
        width: 33.3333%;
    }

    .lt-ie9 .m-base5,
    .lt-ie9 .t-base5,
    .lt-ie9 .base5 {
        width: 41.6666%;
    }

    .lt-ie9 .m-base6,
    .lt-ie9 .t-base6,
    .lt-ie9 .base6 {
        width: 50%;
    }

    .lt-ie9 .m-base7,
    .lt-ie9 .t-base7,
    .lt-ie9 .base7 {
        width: 58.3333%;
    }

    .lt-ie9 .m-base8,
    .lt-ie9 .t-base8,
    .lt-ie9 .base8 {
        width: 66.6666%;
    }

    .lt-ie9 .m-base9,
    .lt-ie9 .t-base9,
    .lt-ie9 .base9 {
        width: 75%;
    }

    .lt-ie9 .m-base10,
    .lt-ie9 .t-base10,
    .lt-ie9 .base10 {
        width: 83.3333%;
    }

    .lt-ie9 .m-base11,
    .lt-ie9 .t-base11,
    .lt-ie9 .base11 {
        width: 91.6666%;
    }

    .lt-ie9 .m-base12,
    .lt-ie9 .t-base12,
    .lt-ie9 .base12 {
        width: 100%;
    }

    .lt-ie9 .white-panel {
        box-shadow: 0 2px 3px #ccc;
    }

    .lt-ie9 .white-panel,
    .lt-ie9 .section-panel {
        box-shadow: 0 2px 3px #ccc;
    }

    .lt-ie9 .slick-dots button,
    .lt-ie9 .bullet-container,
    .lt-ie9 .status-steps .slick-next,
    .lt-ie9 .status-steps .slick-prev,
    .lt-ie9 .white-panel,
    .lt-ie9 .section-panel,
    .lt-ie9 .text-color-white .validation-error,
    .lt-ie9 .label-white .validation-error,
    .lt-ie9 .validation-message:after {
        behavior: url(/shared/js/vendor/PIE.htc);
    }

    .lt-ie9 .slick-navbar,
    .lt-ie9 .bg-grey-transparent,
    .lt-ie9 .bg-dark-transparent {
        background: url(../img/overlay-mask-fallback.png);
    }

    .lt-ie9 .slick-prev,
    .lt-ie9 .slick-next,
    .lt-ie9 .slick-play,
    .lt-ie9 .slick-pause {
        background-color: #000;
    }

    .lt-ie9 .status-steps .slick-prev,
    .lt-ie9 .status-steps .slick-next {
        background-color: #fff;
    }

    .lt-ie9 .white-slick .slick-navbar {
        background: #fff;
    }

    .lt-ie9 .white-slick .slick-prev,
    .lt-ie9 .white-slick .slick-next,
    .lt-ie9 .white-slick .slick-play,
    .lt-ie9 .white-slick .slick-pause {
        background-color: #fff;
    }

    .lt-ie9 .button-search-icon {
        width: 40px;
        height: 20px;
        overflow: hidden;
        text-indent: -500px;
        display: block;
    }

    .lt-ie9 .select-wrapper .select-input {
        width: 105%;
    }

    .lt-ie9 .main-heading,
    .lt-ie9 .main-heading-xlarge {
        min-height: 0;
    }

    .lt-ie9 input[type="password"] {
        font-family: Arial, sans-serif;
    }

    .lt-ie9 table {
        table-layout: fixed;
        width: 100px;
    }
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

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

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

    .ir a:after,
    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: 0.5cm;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*# sourceMappingURL=shared/css/main.css.map */

.ug-fee-note,
.additional-costs,
.financial-support {
    display: none;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.loading {
    margin-left: 1%;
    margin-right: 1%;
    display: none;
}
/* rss styles */

.icon-rss {
    background-image: url('../images/feed-icon-28x28.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    float: none;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    margin-bottom: -0.5px;
}

.body-rss {
    background-color: white;
    border-radius: 4px;
    margin-top: 10px;
}

.title-rss {
    font-size: 27px;
    line-height: 36px;
    font-weight: 300;
    display: inline-block !important;
    max-width: 100%;
    white-space: initial;
    direction: ltr;
    text-align: left;
    font-family: sans-serif;
    padding: 10px;
    color: #292F33;
}

.feeds-rss {
    font-family: sans-serif;
    color: #292F33;
    border-top: 1px solid #d3d3d3;
    margin-top: -1%;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}

.feed-item {
    padding: 15px;
    border-bottom: 1px solid #d3d3d3;
}

.feed-item-last {
    padding: 15px;
}

.feed-title {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 1%;
}

.feed-date-time {
    font-size: 10px;
}

/* Sidebars css*/

.activeIcon:hover {
    background-color: #cccccc;
}

.applicantSidebar {
    position: fixed;
    height: auto;
    width: 55px;
    top: 170px;
    background: #FFFFFF;
    border: 2px solid #cccccc;
    z-index: 100;
}

.studentSidebar {
    position: fixed;
    height: auto;
    width: 83px;
    top: 170px;
    background: #FFFFFF;
    border: 2px solid #cccccc;
    z-index: 100;
}

.sidebar-hov {
    position: fixed;
    height: auto;
    width: auto;
    top: 170px;
    background: #FFFFFF;
    border: 2px solid #cccccc;
    z-index: 100;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-10px, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

.li-subApplicant {
    margin: 9px 0px 0px 70px;
}

.li-subStudent {
    margin: 9px 0px 0px 98px;
}

.widgetBase {
    position: relative;
    overflow: hidden;
}

/* Importance Ribbons */

.corner-ribbon {
    width: 220px;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    font-weight: bolder;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0.5px;
    color: #f0f0f0;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
}

@media screen and (max-width: 767px) {
    .mainTitle-left {
        left: 20px;
    }
}

.mainTitle-heading {
    display: inline;
    white-space: initial;
    padding: 0 7px 0 7px;
    margin: 0 0 0 0;
    word-break: keep-all;
    word-wrap: initial;
    /*-webkit-box-decoration-break: clone;
    box-decoration-break: clone;*/
}

.search-icon-position-essentials {
    position: fixed;
    right: 19%;
    top: 20%;
}

/*AutomaticTitlePaddingOnLineBreak*/

.automaticPadding {
    max-width: 974px;
    margin: auto;
    padding: 0 0 40px 0;
}

@media (max-width: 767px) {
    .main-heading {
        background-size: auto !important;
    }

    .automaticPadding {
        overflow: hidden;
        padding-left: 0;
    }
    /*}*/

    /*@media (max-width: 768px) {*/
    .automaticPadding {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        line-height: normal;
    }

    .styling-dont-break {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 2%;
        margin-top: 2%;
        padding-left: 28px;
        padding-right: 28px;
    }
}

.mainTitle-heading-padding {
    margin-left: 0;
}

@media (max-width: 767px) {
    .mainTitle-heading-padding {
        margin-left: -4px;
    }

    .welcomePopUp > div {
        width: 200px;
        position: relative;
        margin: 10% auto;
        padding: 2%;
        border-radius: 5px;
        background: #f6f6f6;
        border-top: 5px solid #008673;
        border-bottom: 5px solid #cccccc;
    }

    .welcomePopUpCheckboxText {
        font-size: 7px;
    }

    .welcomePopUpIntroText {
        font-weight: normal;
        font-size: 10px;
        line-height: 14px;
        text-align: justify;
        padding-bottom: 4%;
    }

    .welcomePopUpCheckBoxBlock {
        padding-bottom: 4%;
    }

    .welcomePopUpCheckbox {
        float: left;
        width: 12px;
        margin: 3.5% 4px 0.5% 0;
    }

    .welcomePopUpButton {
        position: relative;
        width: auto !important;
        padding: 10px !important;
        display: inline !important;
    }

    .welcomePopUp h2 {
        font-family: 'Effra-Medium', Arial, Verdana, sans-serif;
        font-size: 15px;
        color: #008673;
        text-align: center;
        line-height: 20px;
        padding: 0 0 5% 0;
    }
}

/*Filter dropdowns*/

.filterPosition {
    padding-bottom: 3%;
    padding-right: 3%;
    float: left;
}

.divCarousel {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-left-0 {
    padding-left: 0px;
}


.margin-top-20 {
    margin-top: 20px;
}

.margin-top-neg1 {
    margin-top: -1px;
}

.needHelpButton {
    float: right;
}

.logo-link-mobile {
    float: left;
    padding-left: 15%;
}

.home-Logo-Mobile {
    background-size: contain;
    width: 34px;
    height: 35px;
    background-image: url("../img/icon-help.png");
    margin-right: 5%;
    margin-top: 0.5%;
    float: right;
}

.student-header-search-bar-left-margin {
    margin-left: 7%;
}

.student-left-side-logo-margin {
    margin-left: -0.5%;
    margin-right: -4%;
    margin-top: 0.5%;
}

.student-enquiry-margin {
    margin-top: -0.5%;
    margin-left: 1%;
}

.student-user-menu-left-margin {
    margin-left: -4%;
}

.student-username-left-margin {
    margin-left: 1%;
}

.student-right-side-logo {
    margin-left: 4%;
    padding-top: 0.5%;
}

.applicant-right-side-logo {
    margin-left: 1%;
    padding-top: 1%;
}

.applicant-left-side-logo-margin {
    margin-left: -0.5%;
    margin-right: -4%;
    margin-top: -4px;
}

.applicant-user-menu-margin {
    margin-top: 0.5%;
    margin-left: -3%;
}

.course-button-hidden {
    visibility: hidden;
}

.font-weight-900 {
    font-weight: 900;
}

/*Contact Module*/
.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin-right: 8%;
    float: left;
}

.contacts-padding-bottom {
    padding-bottom: 7%;
}

.contacts-padding {
    padding-top: 2%;
}

.contacts-font-size {
    font-size: 20px;
}

.contacts-name-padding-top {
    padding-top: 4%;
    margin-bottom: -4%;
}

.contacts-links {
    border-color: #ce0b1e;
}

.contact-icon-phone {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon-phone.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0 6% 0 0;
}

.contact-icon-email {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon-email.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0 30px 0 0;
}

/*Feedback tab*/

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: auto;
}

    .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 400px;
        position: relative;
        margin: 10% auto;
        padding: 2%;
        border-radius: 5px;
        background: #f6f6f6;
    }

        .modalDialog > div.module-container {
            width: 35%;
            position: relative;
            margin: 10% auto;
            padding: 2%;
            border-radius: 5px;
            background: #f6f6f6;
            height: 60%;
            min-width: 250px;
        }

.module-container > div.module-content {
    max-height: 85%;
    overflow-y: auto;
    width: 100%;
    padding-right: 10px;
}


.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

    .close:hover {
        background: #00d9ff;
    }

#textarea_feedback {
    color: gray;
    margin-left: 10%;
    padding-left: 25%;
}

#Feedback {
    width: 90%;
    background: white;
    padding: 5px;
    font-size: 15px;
    color: gray;
}

.fontgray {
    color: gray;
}

.font-color-white {
    color: white;
}

#sendButton {
    color: gray;
    border-color: lightgrey;
    padding: 5.6px;
    background-color: lightgray;
    margin-top: -3px;
}

.fontsize17 {
    font-size: 17px;
}

.margin15 {
    margin-left: 15px;
}

.bodyFeedback {
    padding: 1%;
    background: #ececec;
}

.font-weight-900 {
    font-weight: 900;
}

.needHelpButton {
    float: right;
}

.logo-link-mobile {
    float: left;
    padding-left: 15%;
}

.home-Logo-Mobile {
    background-size: contain;
    width: 34px;
    height: 35px;
    background-image: url("../img/icon-help.png");
    margin-right: 5%;
    float: right;
}

.header-search-bar-left-margin {
    margin-left: 4.5%;
}

.height-two-rows {
    height: 50px;
}

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

.ApplicantReadyForStudentmodal h2 {
    font-family: 'Effra-Medium', Arial, Verdana, sans-serif;
    font-size: 21px;
    text-align: center;
    line-height: 30px;
    padding: 0 0 5% 0%;
}

.ApplicantReadyForStudentmodal > div {
    border: 5px solid #008673;
}

/*Applicant Login Page Styles*/

.applicant-login-page-heading {
    text-align: right;
    margin-bottom: 10%;
}

/*WelcomePopUp*/

.welcomePopUp {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: auto;
}

    .welcomePopUp:target {
        opacity: 1;
        pointer-events: auto;
    }

.buttonPosition {
    text-align: center;
}

/*Favourite NewsArticles*/

.favourite-icon-before {
    background-size: contain;
    width: 34px;
    height: 35px;
    background-image: url("../img/starBefore.png");
    float: right;
    border: none;
    outline: none;
}

.favourite-icon-after {
    background-size: contain;
    width: 34px;
    height: 35px;
    background-image: url("../img/starAfter.png");
    float: right;
    border: none;
    outline: none;
}

.cursorToPointer {
    cursor: pointer;
}

.button-standout-dark-wffm {
    background: #a70012;
    color: white;
    padding: 1%;
    border: none;
    margin-top: 1%;
}

.page-header h1 {
    font-size: 20px;
    font-family: "Effra-Heavy", Arial, sans-serif;
}

.wffm-div {
    background: white;
    padding: 2%;
}

.viewcourses {
    /*font-size: 14px;
    font-weight: bold;*/
    color: #41444c;
    /*font-family: Effra-Regular,Arial,Verdana;*/
    /*padding: 8px 15px;
    background-color: #e5e2df;*/
    line-height: normal;
}

.viewcoursesLi:hover a, .viewcoursesLi:hover,
.viewcoursesLi:focus, .viewcoursesLi:focus a {
    background: #a70012;
    color: #fff !important;
    text-decoration: none;
    border-style: none !important;
}

.viewcoursesLi a:focus {
    color: #E71C31;
    text-decoration: underline;
    outline: none !important;
}

.MarginTopNavigation {
    margin-top: 13px;
}
/*Infographic*/

.infographic:hover .infographicImage {
    opacity: 0.5;
}

.infographic:hover {
    background-color: #ce0b1e;
    opacity: 0.9;
}

/*Message*/

.messageModule {
    border: 1px solid #ce0b1e;
    background-color: #ffffff;
    font-family: Effra-Regular,Arial,Verdana;
    color: #ce0b1e;
    background: #ffffff;
    padding: 3%;
}

.messageButton {
    background: #999;
    font-family: "Effra-Regular", Arial, Verdana;
    display: inline-block;
    padding: 15px;
    font-size: 18px;
    width: auto;
    height: auto;
    text-align: center;
    line-height: 1em;
    font-weight: 600;
}

    .messageButton:hover {
        background: gray;
    }

.messageModulePadding {
    padding-top: 2%;
}

.messageTitle {
    font-size: 25px;
    margin-top: -5%;
    font-weight: 600;
    padding-bottom: 2%;
    color: #ffffff;
}

.messageText {
    background-color: #ce0b1e;
    padding: 0.7%;
}

.messageDescription {
    font-size: 20px;
    padding-bottom: 2%;
}

.fixed-height-container {
    height: 16em;
    max-height: 16em;
    overflow: hidden;
}

.block-with-text {
    text-align: justify;
}

@media all and (max-width: 767px) {
    .fixed-height-container {
        height: 9em;
        max-height: 9em;
        overflow: hidden;
    }
}

.text-block-centered {
    display: inline-block;
    vertical-align: middle;
}

.infographics-compnonent .content-heading h2 span {
    color: #d8131d;
    background-color: #fff;
    margin: 0;
    border: none;
    position: static;
    left: 0;
    padding: 0.5% 1% !important;
    white-space: pre-wrap;
    padding: 5px 0 3px;
    font-family: "Effra-Medium",Arial,Verdana;
    font-size: 1.8rem;
    text-transform: uppercase;
    line-height: 2rem;
    display: inline;
}

.infographics-compnonent .row.ig.red {
    background-color: #d8131d;
    color: #fff;
    padding: 5% 2% 0% 2%;
}

.infographics-compnonent .content-heading {
    margin-top: -60px;
}

.infographics-compnonent .wrapper {
    margin: auto;
    padding: 40px 0 30px;
}

.infographics-compnonent img {
    width: 100%;
    height: auto;
    margin-top: 5%;
}

.infographics-compnonent {
    width: 100%;
}

    .infographics-compnonent .ig-footnote {
        font-size: 12px;
        line-height: 15px;
        font-family: "Effra-Regular",Arial,Verdana;
        padding-top: 20px;
        margin-left: 1%;
    }

    .infographics-compnonent .ig-data {
        margin: 5% 2%;
    }

@-moz-document url-prefix() {
    .viewcoursesLi {
        margin-right: 2.3%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .viewcoursesLi {
        margin-right: 1.1%;
    }
}

.viewcoursesLi {
    background: #e5e2df;
}

@media screen and (max-width: 767px) {
    .essentials-logo-image {
        width: 100% !important;
    }

    .essentials-left-side-logo {
        padding: 13px 0 0 0 !important;
        width: 75% !important;
    }
}

@media screen and (max-width: 1024px) {
    .essentials-logo-image {
        width: 100% !important;
    }

    .essentials-left-side-logo {
        padding: 12px 0 0 0 !important;
        width: 80% !important;
    }
}

.essentials-logo-image {
    width: 112px;
}

.essentials-left-side-logo {
    padding: 14px 0 0 20px;
    width: 110px;
}

.right-img-thumbnail-small {
    padding-left: 0.75rem;
    max-width: 35% !important;
    height: auto !important;
    float: right;
}

.left-img-thumbnail-small {
    padding-right: 0.75rem;
    max-width: 35% !important;
    height: auto !important;
    float: left;
}

.right-img-thumbnail-medium {
    padding-left: 0.75rem;
    max-width: 50% !important;
    height: auto !important;
    float: right;
}

.left-img-thumbnail-medium {
    padding-right: 0.75rem;
    max-width: 50% !important;
    height: auto !important;
    float: left;
}

.img-thumbnail-large {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    max-width: 100% !important;
    height: auto !important;
    clear: both;
    margin: auto;
    display: block;
}

/* Course page information */
.course-header ul.course-info li {
    padding: 20px 10px !important;
}

.course-header ul.course-info li:first-child {
    padding-left: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #Reminders .m-white-panel {
        background: white;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        overflow: hidden;
        position: relative;
    }

    #Reminders .pane.base12.pane-around {
        padding: 0 8px;
    }

    #Reminders .m-border-rounded {
        background: white;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        overflow: hidden;
        position: relative;
        padding: 20px 20px;
        margin-bottom: 10px;
    }

    .right-img-thumbnail-small {
        max-width: 50% !important;
    }

    .left-img-thumbnail-small {
        max-width: 50% !important;
    }

    .right-img-thumbnail-medium {
        max-width: 50% !important;
    }

    .left-img-thumbnail-medium {
        max-width: 50% !important;
    }

    .img-thumbnail-large {
        max-width: 100% !important;
    }

    .header-text {
        max-width: 800px;
        text-align: left;
    }

    .course-info {
        display: flex;
        padding-bottom: 30px;
        padding-left: 22%; /*190px;*/
        margin-right: -47%;
        text-align: left;
    }

    .course-header-info {
        text-align: left;
        padding-left: 20%;
        padding-top: 40px;
    }
}

@media screen and (min-width: 768px) {
    .mobile-tabs {
        visibility: hidden !important;
        display: none !important;
        font-family: "Effra-Regular";
    }

    .desktop-tabs {
        visibility: inherit;
        display: inherit;
    }

    .course-requirements {
        padding-left: 215px;
        width: 1000px;
    }

    .styling-dont-break {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 2%;
        margin-top: 2%;
    }

    aside .styling-dont-break {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0%;
        margin-top: 0px;
    }
}


@media screen and (max-width: 767px) {
    .right-img-thumbnail-small {
        max-width: 100% !important;
    }

    .left-img-thumbnail-small {
        max-width: 100% !important;
    }

    .right-img-thumbnail-medium {
        max-width: 100% !important;
    }

    .left-img-thumbnail-medium {
        max-width: 100% !important;
    }

    .img-thumbnail-large {
        max-width: 100% !important;
    }

    .desktop-tabs {
        visibility: hidden !important;
        display: none !important;
    }
    .desktop-tabs .theme-editor p.headline, .desktop-tabs .theme-editor h1, .desktop-tabs .theme-editor h2, .desktop-tabs .theme-editor h3, .desktop-tabs .theme-editor h4, .desktop-tabs .theme-editor span.headline {
        font-family: 'Effra-Bold';
    }
        .desktop-tabs .theme-editor p, .desktop-tabs .theme-editor span {
            font-family: 'Effra-Regular' !important;
        }
    .mobile-tabs {
        visibility: inherit;
        display: inherit;
    }

    .header-text {
        text-align: left;
        padding-bottom: 36px;
    }

    .course-requirements {
    }

    .course-header-info {
        padding-top: 40px;
    }
}

.position-initial {
    position: initial;
}



/* Style the tab */
.tab {
    overflow: hidden;
    background-color: #fff;
}

    /* Style the buttons that are used to open the tab content */
    .tab button {
        background-color: #FFF;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 16px 16px;
        font-size: 145%;
        font-family: "Effra-Medium";
        height: 55px;
    }
.main-content aside.pane.base4.m-margin-bottom.margin-top-neg1 {
    padding-top: 21px;
}
        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #FFF;
        }
        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #FFF;
            border-bottom: 3px solid red;
            height: 55px;
            color: black;
            font-family: "Effra-Medium";
        }

/* Style the tab content */
.tabcontent {
    padding: 6px 12px;
    border: none;
    box-shadow: 0 0 0 0;
}

.tabcontent-initial {
    display: block;
}

.background-ug {
    background-color: #676767;
}

.background-pg {
    background-color: #303030;
}

.row-small > .padding-left-0 {
    padding-left: 0px;
}

.title-align-with-main-content {
    /*padding-top: 50px;*/
    /*margin-bottom: -62px;*/
}

.tabbed-menu-white {
    background-color: #FFF;
}

.height-130 {
    height: 130px;
}

.padding-bottom-18px {
    padding-bottom: 18px;
}

.content-hidden {
    display: none;
}

#CourseItem:hover {
    text-decoration: underline;
}

.tab button {
    color: #41444D;
}



/*Enquiries modal css*/
/**************************\
  Basic Modal Styles
\**************************/
.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 700px;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
    background: transparent;
    border: 0;
}

.modal__header .modal__close:before {
    content: "\2715";
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0,0,0,.8);
}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0,0,0,.8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

    .modal__btn:focus, .modal__btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}
/**************************\
  Basic Modal Styles
\**************************/

.modal {
    font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 100%;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
    background: transparent;
    border: 0;
}

.modal__header .modal__close:before {
    content: "\2715";
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0,0,0,.8);
}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0,0,0,.8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

    .modal__btn:focus, .modal__btn:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-10%);
    }
}

.micromodal-slide {
    display: none;
}

    .micromodal-slide.is-open {
        display: block;
    }

    .micromodal-slide[aria-hidden="false"] .modal__overlay {
        animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
    }

    .micromodal-slide[aria-hidden="false"] .modal__container {
        animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
    }

    .micromodal-slide[aria-hidden="true"] .modal__overlay {
        animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
    }

    .micromodal-slide[aria-hidden="true"] .modal__container {
        animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
    }

    .micromodal-slide .modal__container,
    .micromodal-slide .modal__overlay {
        will-change: transform;
    }

.hyperlink-text {
    font-family: "Effra-Medium", Arial, sans-serif;
    color: white;
}

.newline {
    white-space: pre-line
}

.no-outline, a {
    outline: 0 !important;
}

text-focused:focus {
    text-decoration: underline
}

.btn-focus {
    outline: 0px !important;
}

[role="tooltip"] {
    display: none;
}

.btn-fave:hover + [role="tooltip"],
.btn-fave:focus + [role="tooltip"] {
    display: block;
    outline: 0px !important;
}

.tooltip-favourite {
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    white-space: nowrap;
}

.label-search {
    color: inherit;
    margin: -1px;
    font-size: 16px;
    font-family: "Effra-Light", Arial, Verdana;
    overflow: hidden;
    width: 1px;
    height: 1px;
    border: 0;
    white-space: nowrap;
}

/**************************\
 Unibuddy wrapper
\**************************/
#unibuddy-iframe-wrapper {
    position: relative !important;
}


.btn-subject {
    box-shadow: 0 0 10px #b3d4fc;
    background-color: white;
    text-decoration: underline;
    color: black;
}

a:focus {
    outline: 1px solid !important;
}

.margin-top-6px {
    margin-top: -6px;
}

/*staff portal search results*/

.wide-search-input {
    width: 300px;
}

@media screen and (max-width: 768px) {
    .wide-search-input {
        width: 100%;
        margin-bottom: 10px;
    }
}

.video-wrapper > div {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 10px solid #ececec;
}

/*Course Page Article top spacing*/
.article-top-padding-15 {
    padding-top: 15px;
}

.dropdown-check-list .select-options, #clearing-module .search-bar-area .tt-menu {
    width: auto !important;
    right: 0 !important;
    left: 0 !important;
}

#clearing-module .search-bar-area .clearing-search-input {
    padding-left: 12px !important;
}

#clearing-module .search-bar-area .tt-menu {
    padding: 0 !important;
    /* border-top: 1px solid #888888 !important;*/
}

#clearing-module .search-bar-area .tt-open {
    top: 98% !important;
}

#clearing-module .search-bar-area .tt-menu .tt-dataset {
    padding: 5px !important;
}

.tt-dataset:first-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 96%;
    padding-top: 0;
    border-bottom: 1px solid #303030;
}

#clearing-module .search-bar-area .tt-menu .tt-suggestion {
    padding: 12px !important;
    color: #303030;
}

    #clearing-module .search-bar-area .tt-menu .tt-suggestion:hover {
        background-color: #ECECEC;
    }

#clearing-module .search-bar-area .tt-menu .tt-cursor:hover {
    background-color: #41444d;
}

#clearing-module .search-bar-area .twitter-typeahead input:focus-within {
    border-color: #888888 !important;
    border-bottom: 1px solid #888888 !important;
}

#clearing-module input[type=search]:focus, input[type=button]:focus {
    box-shadow: 0 0 10px rgba(0, 100, 200, 0.7) !important;
}

#clearing-module .clearing-margin-bottom {
    margin-bottom: 5px;
}

/* SCBAU-267
Styles for new event tile component */

/*.b-na-fav, .b-na-fav-loading {
    float: right;
    background: transparent;
    position: absolute;
    bottom: 0;
    right: 0px;
}
.b-na-fav-loading {
    margin-bottom: 10px;
    margin-right: 12px;
}*/

.tile-with-image article {
    display: grid;
}

    .tile-with-image article figure {
        grid-area: 1 /-1;
    }

    .tile-with-image article div.tile-tag {
        display: flex;
        flex-direction: column;
        grid-area: 1 /-1;
        margin-left: auto;
        z-index: 1;
    }

.tile-with-image .theme-editor {
    color: #303030;
    font-family: Effra-Regular, sans-serif;
    font-size: 16px;
}

.course-view-message {
    background-color: white;
    margin-top: 9px;
    padding: 5px;
    color: #ce0b1e;
}