/* Minification failed. Returning unminified contents.
(5683,1): run-time error CSS1019: Unexpected token, found '}'
(5759,1): run-time error CSS1019: Unexpected token, found '@'
(5934,1): run-time error CSS1019: Unexpected token, found '@'
(5968,1): run-time error CSS1019: Unexpected token, found '@'
 */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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

/**
 * Address styling not present in IE 6/7/8/9.
 */

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

    /**
 * Address `quotes` property not supported in Safari 4.
 */

    q:before,
    q:after {
        content: '';
        content: none;
    }

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible; /* 4 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

@font-face {
    font-family: 'e-icons';
    src: url('../css/fonts/esher-icons/e-icons-regular-webfont.eot');
    src: url('../css/fonts/esher-icons/e-icons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/esher-icons/e-icons-regular-webfont.woff2') format('woff2'), url('../css/fonts/esher-icons/e-icons-regular-webfont.woff') format('woff'), url('../css/fonts/esher-icons/e-icons-regular-webfont.ttf') format('truetype'), url('../css/fonts/esher-icons/e-icons-regular-webfont.svg#e-iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DIN Next W01";
    src: url("../css/fonts/typography/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
    src: url("../css/fonts/typography/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"), url("../css/fonts/typography/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"), url("../css/fonts/typography/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"), url("../css/fonts/typography/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "DIN Next W01";
    src: url("../css/fonts/typography/4393bcd9-65c9-4c71-b688-9a0c17e40ebf.eot?#iefix");
    src: url("../css/fonts/typography/4393bcd9-65c9-4c71-b688-9a0c17e40ebf.eot?#iefix") format("eot"), url("../css/fonts/typography/c5635d60-91fa-4e4b-8a51-41c97fc744c3.woff") format("woff"), url("../css/fonts/typography/de34232f-b870-49c0-a6c0-24c25db73bc2.ttf") format("truetype"), url("../css/fonts/typography/35916fb2-3ed3-4d39-bec8-74155a53b1f0.svg#35916fb2-3ed3-4d39-bec8-74155a53b1f0") format("svg");
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "DIN Next W01";
    src: url("../css/fonts/typography/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix");
    src: url("../css/fonts/typography/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix") format("eot"), url("../css/fonts/typography/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"), url("../css/fonts/typography/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"), url("../css/fonts/typography/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd") format("svg");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "DIN Next W01";
    src: url("../css/fonts/typography/5fcbd4dd-6c02-47c1-9147-2c69cf4fe5fe.eot?#iefix");
    src: url("../css/fonts/typography/5fcbd4dd-6c02-47c1-9147-2c69cf4fe5fe.eot?#iefix") format("eot"), url("../css/fonts/typography/00ebffbe-b1fe-4913-b8d8-50f0ba8af480.woff") format("woff"), url("../css/fonts/typography/1d49e204-49b2-4d8e-a1d2-41d0c7ff55e1.ttf") format("truetype"), url("../css/fonts/typography/4de17727-14b8-47ae-847a-2e088bba338a.svg#4de17727-14b8-47ae-847a-2e088bba338a") format("svg");
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: "DIN Next W01";
    src: url("../css/fonts/typography/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix");
    src: url("../css/fonts/typography/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix") format("eot"), url("../css/fonts/typography/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"), url("../css/fonts/typography/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"), url("../css/fonts/typography/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6") format("svg");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "DIN Next W01";
    src: url("../css/fonts/typography/d7c339aa-46b7-4f31-8573-7ea230bfcbbb.eot?#iefix");
    src: url("../css/fonts/typography/d7c339aa-46b7-4f31-8573-7ea230bfcbbb.eot?#iefix") format("eot"), url("../css/fonts/typography/140a0a6f-f218-4071-8eb8-f2bc45ed5121.woff") format("woff"), url("../css/fonts/typography/ecbfe302-4f46-4fef-b823-83eedbc353e7.ttf") format("truetype"), url("../css/fonts/typography/58f54e11-a0ac-4cfa-852e-3c73b93d74a8.svg#58f54e11-a0ac-4cfa-852e-3c73b93d74a8") format("svg");
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "Museo W01";
    src: url("../css/fonts/typography/d46fab59-3c68-4899-b045-b527cc7d3312.eot?#iefix");
    src: url("../css/fonts/typography/d46fab59-3c68-4899-b045-b527cc7d3312.eot?#iefix") format("eot"), url("../css/fonts/typography/2e952561-3a75-4c68-8074-9e588b2b6b77.woff") format("woff"), url("../css/fonts/typography/99bb7b87-c828-4fd3-ae5c-4193550fe331.ttf") format("truetype"), url("../css/fonts/typography/f6b1f01f-4547-4ec6-89bb-45806d850044.svg#f6b1f01f-4547-4ec6-89bb-45806d850044") format("svg");
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: "Museo W01";
    src: url("../css/fonts/typography/af276b07-6043-432e-abd6-85db62b396af.eot?#iefix");
    src: url("../css/fonts/typography/af276b07-6043-432e-abd6-85db62b396af.eot?#iefix") format("eot"), url("../css/fonts/typography/e971d9dd-4d24-4c3e-b863-898a551d55c9.woff") format("woff"), url("../css/fonts/typography/06faee15-8303-4a77-9cc7-9b261d10756f.ttf") format("truetype"), url("../css/fonts/typography/2bbf4242-33e5-4e94-9387-be23695bc758.svg#2bbf4242-33e5-4e94-9387-be23695bc758") format("svg");
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "Museo W01";
    src: url("../css/fonts/typography/33e3dd38-a7c3-4a78-9660-90a0e7406419.eot?#iefix");
    src: url("../css/fonts/typography/33e3dd38-a7c3-4a78-9660-90a0e7406419.eot?#iefix") format("eot"), url("../css/fonts/typography/827f2f08-a8d3-40b2-9795-927b59905269.woff") format("woff"), url("../css/fonts/typography/92143848-9290-4516-80fc-ebf83b053307.ttf") format("truetype"), url("../css/fonts/typography/b0d9d7a5-5c5b-439c-afa5-2c875dcf8ea2.svg#b0d9d7a5-5c5b-439c-afa5-2c875dcf8ea2") format("svg");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "Museo W01";
    src: url("../css/fonts/typography/3b3d99a2-6b36-4912-a93e-29277020a5cf.eot?#iefix");
    src: url("../css/fonts/typography/3b3d99a2-6b36-4912-a93e-29277020a5cf.eot?#iefix") format("eot"), url("../css/fonts/typography/28d74e9b-4ea9-4e3c-b265-c67a72c66856.woff") format("woff"), url("../css/fonts/typography/b432b4e1-014a-4ed8-865c-249744f856b0.ttf") format("truetype"), url("../css/fonts/typography/8e63fd1e-adc9-460e-9ef7-bbf98ee32a71.svg#8e63fd1e-adc9-460e-9ef7-bbf98ee32a71") format("svg");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "RockSalt-Regular";
    src: url("../css/fonts/RockSalt-Regular.woff") format("woff"),url("../css/fonts/RockSalt-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}


/* OA Styles*/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    margin-bottom: 30px;
}

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


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #333;
}


#s4-bodyContainer {
    min-height: 590px;
}


input,
select,
textarea {
    padding: 6px;
}

label html {
    font-size: 1em;
    line-height: 1.4;
}

html {
    font-size: 62.5%; /* set base font size to be 10px for easy rem values */
}

.text-paragraphs {
    white-space: pre-wrap;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*  Generic styling  */

* {
    box-sizing: border-box;
}

body {
    font-size: 1.5rem;
    font-size: 15px;
}

a {
    color: #333;
}

blockquote {
    margin: 15px 0;
    font-size: 21px;
    font-size: 2.1rem;
    border-bottom: 1px solid #efefef;
    padding: 0 0 10px;
}

q {
    display: block;
}

    blockquote:before,
    q:before {
        font-family: 'e-icons';
        content: "L";
        line-height: 1;
        display: block;
        font-size: 30px;
    }

blockquote:before {
    font-size: 50px;
    filter: Alpha(Opacity=45); /*IE7 fix*/
    opacity: 0.45;
}

blockquote:after,
q:after {
    content: "”";
}

cite {
    display: block;
    font-size: 80%;
    font-style: normal;
    margin-bottom: 10px;
    margin-top: -10px;
}


/*  body font  */
*,
body {
    font-family: "DIN Next W01", "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
}

/*  title/heading font  */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "DIN Next W01", "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.content-sidebar {
    position: absolute;
    right: 23px;
}

    .menu-title h1,
    .content-header h1,
    .social-links-title,
    .content-sidebar .navigation-button a,
    .content-sidebar .view-prospectus a,
    .content-sidebar section > h3,
    .student-profile-banner .banner-ribbon,
    .filters em,
    .num-images,
    .content .photo-gallery-details-wrapper h3,
    .content .photo-gallery-date,
    .latest-news-announcements > h3,
    .home .content h1,
    .hcb-child-content h3,
    .hcb-overlay h2 a {
        font-family: "Museo W01", "Museo W01_700", Helvetica, Arial, sans-serif;
        font-weight: 700;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }

blockquote,
q,
.course-search select {
    font-family: "Museo W01", "Museo W01_300", Helvetica, Arial, sand-serif;
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}


a:hover,
a:focus {
    text-decoration: none;
}

.page-header ul {
    margin: 0;
}

.page-content-wrapper {
    padding-top: 11px;
    position: relative;
}

    /*  Content width  */
    .content-block,
    .main-menu,
    .sub-menu-wrapper .menu-title h1,
    .page-content-wrapper .content-header h1,
    .page-content {
        margin: auto;
        max-width: 1100px;
        padding-left: 60px;
        padding-right: 60px;
        width: 100%;
    }

.mobile-only {
    display: none;
}


.page-header ul.social-links,
#admin-menu {
    float: right;
    list-style: none;
    padding: 5px 0 0;
}

    .page-header ul.social-links li {
        float: left;
        line-height: 1;
    }

    #admin-menu li {
        float: right;
        line-height: 1;
    }

    #admin-menu li {
        border-right: 1px solid #d7d4d4;
        font-size: 13px;
        font-size: 1.3rem;
    }

        #admin-menu li:first-child {
            border-left: 1px solid #d7d4d4;
        }

        #admin-menu li.admin-menu-search-field {
            padding: 0 10px;
        }

.admin-menu-item > a {
    color: #333;
    display: inline-block;
    padding: 8px 10px 0;
    text-decoration: none;
}

    .admin-menu-item > a:hover,
    .admin-menu-item > a:focus {
        color: #000;
        text-decoration: underline;
    }

.admin-menu-item > a, .admin-menu-item form > a {
    color: #333;
    display: inline-block;
    padding: 8px 10px 0;
    text-decoration: none;
}

    .admin-menu-item > a:hover, .admin-menu-item form > a:hover,
    .admin-menu-item > a:focus, .admin-menu-item form > a:focus {
        color: #000;
        text-decoration: underline;
    }

.search-wrapper {
    position: relative;
}

input#search-field {
    border: 1px solid #d7d4d4;
    border-width: 0 0 1px 0;
    padding: 8px 30px 5px 6px;
    margin-bottom: -5px;
    width: 85px;
}

button.icon-search {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.main-logo {
    width: 200px;
    height: 53px;
    background: url('../img/logo.png') no-repeat transparent;
    display: block;
    float: left;
    margin-top: 20px;
    text-indent: -9999px;
    margin-bottom: 10px;
}




/*  Icon settings  */
.icon {
    display: inline-block;
    height: 24px;
    line-height: 1;
    overflow: hidden;
    text-decoration: none;
    width: 30px;
    color: #333;
}

button.icon {
    background: transparent;
    border: 0;
}

.icon:before {
    display: block;
    font-family: "e-icons";
    font-size: 20px;
    padding: 2px 5px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.icon-twitter:before {
    content: "M";
    color: #0ac4ee;
}

.icon-instagram:before {
    content: "O";
    color: #125688;
}

.icon-facebook:before {
    content: "N";
    color: #3b5b9a;
}

.icon-google-plus:before {
    content: "T";
    color: #e6431e;
}

.icon-search:before {
    color: #c3c6c8;
    content: "K";
    font-size: 27px;
    margin-right: -9px;
    margin-top: -4px;
    padding-right: 0;
}

.icon-close,
.icon-drop {
    margin: -6px 0 0;
}

    .icon-close:before,
    .icon-drop:before {
        color: #fff;
        content: "J";
        font-size: 40px;
        margin: -1px 0 0 2px;
        padding: 0;
    }

    .icon-drop:before {
        content: "I";
    }

.icon-select-drop:before {
    content: "D";
    height: 32px;
    padding: 4px;
    width: 32px;
}

.readmore-btn:after {
    content: "B";
    display: inline-block;
    font-family: "e-icons";
    line-height: 1;
    padding-left: 7px;
    vertical-align: middle;
}

.back-to-news-list a:before {
    content: "A";
    display: inline-block;
    font-family: "e-icons";
    font-size: 17px;
    font-weight: 300;
    line-height: 1.2;
    padding-right: 7px;
    vertical-align: bottom;
}

.sharing-links .icon {
    font-size: 16px;
    height: 29px;
    width: 40px;
}

    .sharing-links .icon:before {
        padding: 5px 8px 10px;
        font-size: 21px;
        text-align: center;
    }

.sharing-links .icon-twitter:before {
    padding: 8px 8px 10px;
    color: #fff;
    background: #66dfeb;
    font-size: 12px;
}

.sharing-links .icon-facebook:before {
    color: #fff;
    content: "U";
    display: block;
    font-size: 20px;
    line-height: 0;
    padding: 14px 14px 18px;
    background: #39579a;
}

.sharing-links .icon-google-plus:before {
    color: #fff;
    background: #e6431d;
}

.news-article-nav-links .icon {
    height: 30px;
    color: #fff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

    .news-article-nav-links .icon:before {
        padding: 4px 10px 5px;
    }

.news-article-nav-links .icon-prev:before {
    content: "A";
}

.news-article-nav-links .icon-next:before {
    content: "B";
}

/*error messages*/
.error {
    color: red;
}




/*  Carousel nav  */
.owl-theme .owl-controls {
    margin: 0;
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #333;
        margin: -20px 0 0;
        padding: 0;
        overflow: hidden;
        font-size: 12px;
        font-size: 1.2rem;
        -webkit-border-radius: 0 20px 20px 0;
        -moz-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0;
        background: #fff;
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 0;
        height: 40px;
        width: 20px;
    }

        .owl-theme .owl-controls .owl-buttons div:before {
            content: "A";
            font-family: 'e-icons';
            font-size: 24px;
            padding: 3px 0;
            margin-left: -10px;
            display: block;
        }

        .owl-theme .owl-controls .owl-buttons div.owl-next {
            left: auto;
            right: 0;
            -webkit-border-radius: 20px 0 0 20px;
            -moz-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px;
        }

            .owl-theme .owl-controls .owl-buttons div.owl-next:before {
                margin-left: 8px;
                content: 'B';
            }

#g-recaptcha {
    transform: scale(1.14);
    margin: 5px 0 5px 23px;
}

/*  .main-menu  --  content width set above  */
.main-menu-alt,
.hidden {
    display: none;
}

.nav-wrapper {
    position: relative;
}

.main-menu .top-level {
    float: right;
    padding: 0;
    /*font-size: 16px;
	font-size: 1.6rem;*/
}

.main-menu > ul > li {
    float: left;
    padding-left: 10px;
}

    .main-menu > ul > li:before {
        color: #d7d4d4;
        content: "|";
        padding-right: 10px;
    }

    .main-menu > ul > li:first-child:before {
        content: '';
    }

.main-menu a {
    color: #333;
    text-decoration: none;
    position: relative;
    z-index: 5;
}

.main-menu > ul > li > a {
    border-bottom: 5px solid transparent;
}

.main-menu a:hover,
.main-menu a:focus,
.main-menu a.active,
.main-menu a.menu-open {
    padding-bottom: 10px;
}

.main-menu .menu1 a:hover,
.main-menu .menu1 a:focus,
.main-menu .menu1 a.active,
.main-menu .menu1 a.active:hover,
.main-menu .menu1 a.active:focus,
.main-menu .menu1 a.menu-open {
    border-color: #ffd000;
}

.main-menu .sectionOrange a:hover,
.main-menu .sectionOrange a:focus,
.main-menu .sectionOrange a.active,
.main-menu .sectionOrange a.active:hover,
.main-menu .sectionOrange a.active:focus,
.main-menu .sectionOrange a.menu-open,
.sectionOrange .share-wrapper {
    border-color: #f99c32;
}

.main-menu .sectionGreen a:hover,
.main-menu .sectionGreen a:focus,
.main-menu .sectionGreen a.active,
.main-menu .sectionGreen a.active:hover,
.main-menu .sectionGreen a.active:focus,
.main-menu .sectionGreen a.menu-open,
.sectionGreen .share-wrapper {
    border-color: #b0c836;
}

.main-menu .sectionSlateGrey a:hover,
.main-menu .sectionSlateGrey a:focus,
.main-menu .sectionSlateGrey a.active,
.main-menu .sectionSlateGrey a.active:hover,
.main-menu .sectionSlateGrey a.active:focus,
.main-menu .sectionSlateGrey a.menu-open,
.sectionSlateGrey .share-wrapper {
    border-color: #66589a;
}

.main-menu .sectionGold a:hover,
.main-menu .sectionGold a:focus,
.main-menu .sectionGold a.active,
.main-menu .sectionGold a.active:hover,
.main-menu .sectionGold a.active:focus,
.main-menu .sectionGold a.menu-open,
.sectionGold .share-wrapper {
    border-color: #ffd000;
}

.main-menu .sectionPurple a:hover,
.main-menu .sectionPurple a:focus,
.main-menu .sectionPurple a.active,
.main-menu .sectionPurple a.active:hover,
.main-menu .sectionPurple a.active:focus,
.main-menu .sectionPurple a.menu-open,
.sectionPurple .share-wrapper {
    border-color: #7e2b91;
}

.main-menu .sectionBlue a:hover,
.main-menu .sectionBlue a:focus,
.main-menu .sectionBlue a.active,
.main-menu .sectionBlue a.active:hover,
.main-menu .sectionBlue a.active:focus,
.main-menu .sectionBlue a.menu-open,
.sectionBlue .share-wrapper {
    border-color: #31b0cd;
}

.main-menu .sectionPink a:hover,
.main-menu .sectionPink a:focus,
.main-menu .sectionPink a.active,
.main-menu .sectionPink a.active:hover,
.main-menu .sectionPink a.active:focus,
.main-menu .sectionPink a.menu-open,
.sectionPink .share-wrapper {
    border-color: #e33e85;
}

.sectionPink input[type="button"],
.sectionPink input[type="submit"],
.sectionPink .button {
    background-color: #e33e85;
}

.main-menu .level1 a.hide-active {
    border-color: transparent;
}



.sub-menu-wrapper {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin-top: 11px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #b5b5b5;
}

.home .readmore-btn {
    background: #31b0cd;
}

.hcb-home {
    background: #ffd000;
}

    .hcb-home .hcb-overlay {
        /* RGBA fallback above */
        background: rgba(255, 208, 0, 0.9);
    }

.sectionOrange-sub-menu-wrapper,
.sectionOrange .content-header,
.sectionOrange .student-profile-banner .banner-ribbon,
.sectionOrange .readmore-btn,
.sectionOrange .news-media-pagination .active a,
.sectionOrange .back-to-news-list a,
.sectionOrange .news-article-nav-links .icon,
.hcb-college,
.bg-orange,
.hcb-college .hcb-overlay, .content-sidebar .sectionOrange, .sectionOrange .form .button {
    background: #f99c32;
}

    .hcb-college .hcb-overlay {
        /* RGBA fallback above */
        background: rgba(249, 156, 50, 0.9);
    }

.sectionGreen-sub-menu-wrapper,
.sectionGreen .content-header,
.sectionGreen .student-profile-banner .banner-ribbon,
.sectionGreen .readmore-btn,
.sectionGreen .news-media-pagination .active a,
.sectionGreen .back-to-news-list a,
.sectionGreen.news-article-nav-links .icon,
.hcb-prospective-students,
.bg-green,
.hcb-prospective-students .hcb-overlay, .content-sidebar .sectionGreen, .sectionGreen .button {
    background: #b0c836;
}

    .hcb-prospective-students .hcb-overlay {
        /* RGBA fallback above */
        background: rgba(176, 200, 54, 0.9);
    }

.sectionSlateGrey-sub-menu-wrapper,
.sectionSlateGrey .content-header,
.sectionSlateGrey .student-profile-banner .banner-ribbon,
.sectionSlateGrey .readmore-btn,
.sectionSlateGrey .news-media-pagination .active a,
.sectionSlateGrey .back-to-news-list a,
.sectionSlateGrey .news-article-nav-links .icon,
.hcb-parents,
.bg-grey,
.hcb-parents .hcb-overlay, .content-sidebar .sectionSlateGrey, .sectionSlateGrey .form .button {
    background: #66589A;
}

    .sectionGold-sub-menu-wrapper,
    .sectionGold .content-header,
    .sectionGold .student-profile-banner .banner-ribbon,
    .sectionGold .readmore-btn,
    .sectionGold .news-media-pagination .active a,
    .sectionGold .back-to-news-list a,
    .sectionGold .news-article-nav-links .icon,
    .hcb-parents,
    .bg-yellow,
    .hcb-parents .hcb-overlay, .content-sidebar .sectionGold, .sectionGold .form .button {
        background: #ffd000;
    }

        .sectionPurple-sub-menu-wrapper,
        .sectionPurple .content-header,
        .sectionPurple .student-profile-banner .banner-ribbon,
        .sectionPurple .readmore-btn,
        .sectionPurple .news-media-pagination .active a,
        .sectionPurple .back-to-news-list a,
        .sectionPurple .news-article-nav-links .icon,
        .hcb-parents,
        .bg-purple,
        .hcb-parents .hcb-overlay, .content-sidebar .sectionPurple, .sectionPurple .form .button, .sectionPurple .button {
            background: #7e2b91;
        }


            .hcb-parents .hcb-overlay {
                /* RGBA fallback above */
                background: rgba(102, 88, 154, 0.9);
            }

.sectionBlue-sub-menu-wrapper,
.sectionBlue .content-header,
.sectionBlue .student-profile-banner .banner-ribbon,
.sectionBlue .readmore-btn,
.sectionBlue .news-media-pagination .active a,
.sectionBlue .back-to-news-list a,
.sectionBlue .news-article-nav-links .icon,
.hcb-tweet,
.hcb-news-media,
.bg-blue,
.hcb-news-media .hcb-overlay, .content-sidebar .sectionBlue, .sectionBlue .button {
    background: #31b0cd;
}

    .hcb-news-media .hcb-overlay {
        /* RGBA fallback above */
        background: rgba(49, 176, 205, 0.9);
    }

.sectionPink-sub-menu-wrapper,
.sectionPink .content-header,
.sectionPink .student-profile-banner .banner-ribbon,
.sectionPink .readmore-btn,
.sectionPink .news-media-pagination .active a,
.sectionPink .back-to-news-list a,
.sectionPink .news-article-nav-links .icon,
.hcb-adult-edu,
.bg-pink,
.hcb-adult-edu .hcb-overlay, .content-sidebar .sectionPink, .sectionPink .form .button {
    background: #e33e85;
}

    .hcb-adult-edu .hcb-overlay {
        /* RGBA fallback above */
        background: rgba(227, 62, 133, 0.9);
    }

.sub-menu-items .menu-title {
    color: #fff;
}
/*  .sub-menu-wrapper .menu-title h1  --  content width set above  */
.menu-title h1,
.content-header h1 {
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    padding: 14px;
}

.sub-menu-close {
    float: right;
    height: 40px;
    width: 40px;
    transition: transform ease-in-out 0.2s;
    cursor: pointer;
}

    .sub-menu-close:hover,
    .sub-menu-close:focus {
        transform: rotate(90deg);
    }

.sub-menu-items {
    background: #fff; /* RGBA fallback */
    background: rgba(255, 255, 255, 0.25);
    padding-bottom: 34px;
    padding-top: 17px;
}

    .sub-menu-items .menu-block {
        border-left: 1px solid #fff; /*   Fallback  */
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        float: left;
        padding: 0 20px 18px;
        width: 25%;
    }

        .sub-menu-items .menu-block:first-child {
            border-left: 0;
            padding-left: 0;
        }

        .sub-menu-items .menu-block ul.sub-menu {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.7;
            padding: 0;
        }

.sub-menu-title {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 0 3px;
    text-transform: uppercase;
}


/*  Footer  */
.page-footer {
    background: #333;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

    .page-footer .social-links-wrapper {
        background: #e7e7e7;
        color: #000;
    }

        .page-footer .social-links-wrapper * {
            vertical-align: middle;
        }
/*  .social-links-title - font styled above  */
.social-links-title {
    font-size: 15px;
    font-size: 1.5rem;
}

.page-footer .social-links {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .page-footer .social-links li {
        float: left;
        padding: 16px 8px;
    }

    .page-footer .social-links a {
        color: #000;
    }

.footer-bottom {
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    padding-top: 33px;
}

.footer-column-left {
    float: left;
    width: 49%;
    clear: both;
}

.footer-column-right {
    float: right;
    width: 51%;
    text-align: right;
}

.footer-bottom .contact-details h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
}

.footer-bottom .contact-details p {
    margin: 0;
}

    .footer-bottom .contact-details p.spacer-above {
        margin-top: 10px;
    }

.footer-bottom .contact-details a {
    color: #ffd000;
}

.footer-bottom .award-logos > a {
    margin-left: 25px;
}

.bottom-links,
.copyright {
    padding: 28px 0 7px;
}

    .bottom-links ul,
    .copyright p {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .bottom-links ul li {
            float: left;
            padding-right: 6px;
            font-size: 14px;
            font-size: 1.4rem;
        }

            .bottom-links ul li:before {
                content: "|";
                padding-right: 6px;
            }

            .bottom-links ul li.back-to-top:before {
                content: "C";
                font-family: "e-icons";
                color: #ffd000;
                font-size: 18px;
                line-height: 0.5;
                padding-right: 6px; /*  Add to override media query  */
            }

            .bottom-links ul li a {
                color: #fff;
                text-decoration: none;
            }

                .bottom-links ul li a:hover,
                .bottom-links ul li a:focus {
                    text-decoration: underline;
                }


.sectionPink .infoContainer:not(.NotSubmitted) {
    padding: 5px;
    background: #ce2e71;
    margin-bottom: 10px;
    color: white;
    display: table;
    width: 100%;
}

.sectionBlue .infoContainer:not(.NotSubmitted) {
    padding: 5px;
    background: #31b0cd;
    margin-bottom: 10px;
    color: white;
    display: table;
    width: 100%;
}

.sectionGreen .infoContainer:not(.NotSubmitted) {
    padding: 5px;
    background: #6fac29;
    margin-bottom: 10px;
    color: white;
    display: table;
    width: 100%;
}

.sectionOrange .infoContainer:not(.NotSubmitted) {
    background-color: #f99c32;
    padding: 5px;
    margin-bottom: 10px;
    color: white;
    display: table;
    width: 100%;
}

.sectionSlateGrey .infoContainer:not(.NotSubmitted) {
    padding: 5px;
    background: #66589A;
    margin-bottom: 10px;
    color: white;
    display: table;
    width: 100%;
}

.InfoSymbol {
    background-color: white;
    width: 20px !important;
    height: calc(100% - 4px);
    /*min-height: 25px;*/
    padding-left: 1px;
    margin-right: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    color: #66589A;
}


.sectionPink .infoContainer:not(.NotSubmitted) .InfoSymbol img {
    background: #ce2e71;
}
.sectionOrange .infoContainer:not(.NotSubmitted) .InfoSymbol img {
    background: #f99c32;
}

.sectionBlue .infoContainer:not(.NotSubmitted) .InfoSymbol img {
    background: #31b0cd;
}

.sectionGreen .infoContainer:not(.NotSubmitted) .InfoSymbol img {
    background: #6fac29;
}

.sectionSlateGrey .infoContainer:not(.NotSubmitted) .InfoSymbol img {
    background: #66589A;
}

.NotSubmitted {
    width: 100%;
    padding: 5px;
    margin-top: 10px;
    color: #fff;
    background-color: #ff0000;
    display: table;
}

    .NotSubmitted .InfoSymbol img {
        background: #ff0000;
        width: auto !important;
    }

.info {
    padding-top: 2px;
    font-size: 15px !important;
    line-height: 17px !important;
    margin-bottom: 0px !important;
    display: table-cell;
    padding-left: 7px;
}


.ApplicationTable {
    background: #f7f7f7;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px #dcdcdc solid;
}

.ApplicationDetails {
    width: 100%;
}

    .ApplicationDetails * {
        margin-bottom: 3px;
    }

.ApplicationField {
    float: left;
    width: 60%;
}

.ApplicationDetails input {
    margin-right: 5px;
}


.ApplicationTitle {
    width: 200px !important;
    font-weight: 600;
    float: left;
}


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

    .ApplicationHeaders h2 {
        margin-top: 0px !important;
    }

.requiredMark {
    color: red;
    padding-left: 3px;
}

.ApplicationInputs {
    margin-top: 8px;
    text-align: right;
}

    .ApplicationInputs * {
        display: inline-block;
    }

.tick {
    font-weight: 200;
    font-size: 90%;
    position: relative;
    display: inline-block;
}

    .tick img {
        position: absolute;
        top: 4px;
        right: 1px;
    }


.OptionText {
    padding-right: 25px;
    display: inline-block;
}

.submit {
    float: right;
}

.RegisterButton {
    margin-left: 5px;
}

.ApplicationField:last-child {
    margin-right: 0px;
}

.ApplicationField label:first-child {
    font-weight: bold;
}

.ApplicationData .ApplicationHighlight {
    color: #31b0cd;
    font-weight: 600;
}

main.content .CardField:last-child {
    margin-right: 0px;
}

main.content .CardField label:first-child {
    font-weight: bold;
}

main.content .CardElement .CardHighlight {
    color: #31b0cd;
    font-weight: 600;
}

main.content .CardFooter {
    text-align: right;
    position: relative;
    margin-top: 8px;
}

    main.content .CardFooter * {
        display: inline-block;
    }

main.content .Card {
    /*background: #f7f7f7;*/
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px #dcdcdc solid;
}

main.content .CardBody {
    width: 100%;
}

    main.content .CardBody * {
        margin-bottom: 0px;
    }

main.content .CardField {
    float: left;
    width: 60%;
}

@media only screen and (max-width: 580px) {
    main.content .CardField {
        float: left;
        width: 100%;
    }
}

main.content .CardBody input {
    margin-right: 5px;
}


main.content .CardTitle {
    width: 200px !important;
    font-weight: 600;
    float: left;
}


main.content .CardHeader {
    word-wrap: break-word;
    border-bottom: 1px solid #c4acca;
    margin-bottom: 10px;
}

    main.content .CardHeader h2 {
        margin-top: 2px;
    }

    main.content .CardHeader h3 {
        margin-top: 2px;
        font-size: 1.8rem;
    }

    main.content .CardHeader h4 {
        margin-top: 2px;
        font-size: 1.6rem
    }

.sectionPurple .Card {
    background: #e3dbe6;
}

.sectionPurple .CardHeader > h4 {
    color: #7e2b91;
}

.sectionPurple .CardHeader {
    border-color: #c5a4c54f;
}

div.Card.QualificationCard:nth-child(2) {
    margin-top: 10px
}

.validation-body {
    position: absolute;
    padding: 12px;
    color: #000;
    background: #f5f0f4;
    border: 1px solid #cf0302;
}

    .validation-body:after, .validation-body:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .validation-body:after {
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #f5f0f4;
        border-width: 8px;
        margin-top: -8px;
    }

    .validation-body:before {
        border-color: rgba(194, 225, 245, 0);
        border-right-color: #cf0302;
        border-width: 9px;
        margin-top: -9px;
    }

/*  Page content  */
.page-content-wrapper {
    padding-top: 11px;
    position: relative;
}

.content-header {
    border-top: 1px solid #b5b5b5;
    height: 156px;
    position: absolute;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}


.home .content-header {
    height: 374px;
    background: url('../img/banners/home-bg-image.jpg') no-repeat center center transparent;
    background-size: cover;
}

    .home .content-header .scanlines {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url('../img/banners/scanlines-w.png') repeat transparent;
    }

.content-header .button {
    float: right;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

section.page-content {
    margin-top: 64px;
    padding-left: 45px;
    position: relative;
}

.page-content .main-content {
    padding: 15px 15px 60px 15px;
    background: #fff;
    float: left;
    width: 72.3%;
}


.page-content .banner-wrapper {
    margin-bottom: 15px;
}

    .page-content .banner-wrapper img {
        display: block;
        height: auto;
        width: 100%;
    }

    /*  Carousel  */
    /*  If no owl-carousel or js - hide all but first carousel image  */
    .page-content .banner-wrapper.page-carousel img {
        display: none;
    }

        .page-content .banner-wrapper.page-carousel img:first-child {
            display: block;
        }


/*  Course A-Z : header letter nav  */
.banner-wrapper .link-list {
    border-bottom: 1px solid #efefef;
    list-style: none;
    padding: 0 0 15px;
    margin: 0;
    line-height: 1;
}

    .banner-wrapper .link-list li {
        display: inline;
    }

        .banner-wrapper .link-list li:before {
            content: '|';
            color: #ccc;
            font-size: 24px;
            font-size: 2.4rem;
            padding: 0 6px 0 1px;
        }

        .banner-wrapper .link-list li:first-child:before {
            content: '';
            padding: 0;
        }

        .banner-wrapper .link-list li a {
            text-decoration: none;
            font-size: 24px;
            font-size: 2.4rem;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
        }

/*  Student profiles  */
.banner-wrapper .student-carousel {
    font-size: 0;
}

.js .banner-wrapper .student-carousel {
    overflow: hidden;
    height: 90px;
}

.banner-wrapper .student-carousel a {
    display: inline-block;
    vertical-align: top;
    width: 75px;
    margin: 0 0 5px 5px;
}

    .banner-wrapper .student-carousel a:first-child,
    .banner-wrapper .student-carousel a:nth-child(7n+1) {
        margin-left: 0;
    }


/*  Courses  */
.blue-area {
    background: #dceff8;
}

    .blue-area h2,
    .blue-area p span {
        color: #095997;
    }

.course-header .course-detail {
    width: 54.6%;
    float: left;
    padding: 10px;
}

    .course-header .course-detail h2,
    .course-header .course-detail p {
        margin: 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .course-header .course-detail h2 {
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 600;
        border-bottom: 1px solid #095997;
        margin-bottom: 5px;
    }

    .course-header .course-detail a {
        text-decoration: none;
    }

        .course-header .course-detail a:hover,
        .course-header .course-detail a:focus {
            text-decoration: underline;
        }

.course-header .course-banner-image {
    width: 45.3%;
    float: right;
    padding-left: 2.5%;
    background: #fff;
}

.course-header nav.course-content-tabs {
    clear: both;
    display: none;
}

.course-content-tabs ul {
    border-bottom: 1px solid #999;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 0;
}

    .course-content-tabs ul li {
        display: inline-block;
    }

        .course-content-tabs ul li a {
            border-color: transparent;
            border-style: solid solid none;
            border-width: 2px 1px 0;
            display: inline-block;
            margin-bottom: -1px;
            padding: 5px 10px;
            text-decoration: none;
        }

        .course-content-tabs ul li.active a {
            border-color: #6fac29 #999 #999;
            background: #fff;
            font-weight: 600;
        }



/*  Prospectus  */
.prospectus-links {
    padding: 15px;
    width: 53.6%;
    float: left;
}

.prospectus-banner-image {
    width: 46.4%;
    float: right;
    margin-top: -6.7%;
}

.prospectus-links h2 {
    margin: 0;
    font-weight: 400;
    line-height: 1;
    font-size: 20px;
    font-size: 2.0rem;
}

.prospectus-links p {
    margin: 6px 0 20px;
}



.bold {
    font-weight: bold;
}




/*main.content > * {
	max-width: 530px;
}*/
main.content .full-width-content {
    max-width: none;
}

main.content h1,
main.content h2,
main.content h3 {
    font-weight: normal;
}

main.content h1,
main.content h2,
main.content > p:first-child,
main.content section > p:first-child {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 20px 0 15px;
}

main.content h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 15px 0;
    font-weight: 600;
}

main.content h4 {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 10px 0;
    font-weight: 600;
}

main.content p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 20px;
}

main.content ol,
main.content ul {
    padding-left: 15px;
}

main.content li {
    list-style: none;
}

    main.content li:before {
        display: block;
        position: relative;
        max-width: 0;
        max-height: 0;
        left: -15px;
        top: 0;
    }

main.content ul li:before {
    /* For a round bullet */
    content: '\2022';
    /* For a square bullet */
    /*content: '\25A0';*/
}

main.content ol {
    counter-reset: li; /* Initiate a counter */
}

    main.content ol li:before {
        content: counter(li); /* Use the counter as content */
        counter-increment: li; /* Increment the counter by 1 */
    }



/*  A-Z courses main-content  */
.a-z-courses main.content {
    font-size: 15px;
    font-size: 1.5rem;
}

    .a-z-courses main.content h2 {
        margin: 0;
        font-weight: 600;
        line-height: 1.2;
    }

    .a-z-courses main.content ul {
        list-style: none;
        padding: 0;
        margin: 0 0 10px;
    }

        .a-z-courses main.content ul li:before {
            content: '';
        }



/*  Student profiles  */
main.content .student-profile {
    max-width: none;
}

.student-profile-banner {
    position: relative;
}

    .student-profile-banner img {
        height: auto;
        width: 100%;
    }

    .student-profile-banner .banner-ribbon {
        color: #fff;
        font-size: 25px;
        font-size: 2.5rem;
        left: -15px;
        line-height: 1;
        padding: 14px 20px 12px;
        position: absolute;
        top: 75%;
    }

        .student-profile-banner .banner-ribbon:before {
            background: url("../img/ribbon-wrap.png") no-repeat left bottom transparent;
            content: "";
            display: block;
            left: 1px;
            padding: 5px 8px;
            position: absolute;
            top: -10px;
        }

.student-profile-detail {
    padding-top: 15px;
    max-width: 530px;
}

main.content .student-profile-details-breakdown p {
    margin: 0;
}



/*  Courses  */
main.content section h1:first-child,
main.content section h2:first-child,
main.content section h3:first-child,
main.content section > p:first-child {
    margin-top: 0;
}




/*  Prospectus & Apllications  */
/*.prospectus main.content a  -  Section colour (depending on where the page ends up  */



/*  News articles - listing page and single pages  */
main.content > .news-list,
main.content > .news-article {
    max-width: none;
}

.news-article {
    border-bottom: 1px solid #e4e7e7;
    margin-bottom: 15px;
}

.date {
    border: 1px solid #ffcf00;
    color: #ffcf00;
    float: left;
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: 600;
    line-height: 0.8;
    margin-right: 2.5%;
    text-align: center;
    width: 7.5%;
}

.month {
    background: #ffcf00;
    color: #444444;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
    padding-top: 2px;
}

.news-article-wrapper {
    float: left;
    width: 90%;
}

.article-image-thumb {
    float: left;
    margin-right: 2.7%;
    width: 32%;
}

.article-image > img {
    height: auto;
    width: 100%;
}

.article-summary {
    float: left;
    width: 65%;
}

    .article-summary a {
        font-weight: 700;
        text-decoration: none;
    }

.content .article-summary h3 {
    margin-bottom: 8px;
}

.content .article-summary p {
    margin: 8px 0 30px;
    font-size: 14px;
    font-size: 1.4rem;
}

a.readmore-btn {
    color: #fff;
    display: inline-block;
    font-weight: 300;
    padding: 0 5px 0 7px;
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.news-media-pagination {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 25px;
    clear: both;
}

.content .news-media-pagination ul {
    display: inline;
}

.news-media-pagination li {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
}

.content .news-media-pagination ul li:before {
    content: "";
}

.news-media-pagination a {
    display: block;
    font-weight: 300;
    padding: 3px 9px 0;
    text-decoration: none;
}

.news-media-pagination .active a {
    color: #fff;
}
/*  Single news article  */
.single-news-article {
    border-bottom: 0;
}

.article-image {
    margin-bottom: 15px;
}

.article-image-thumb img {
    height: auto;
    width: 100%;
}

.article-content {
    max-width: 480px; /* less than the general content max-width due to the date */
}

.content .article-content h2 {
    font-weight: 600;
}

.content .article-content p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}

.news-media-article-footer {
    border-top: 1px solid #e4e7e7;
    padding-top: 17px;
}

    .news-media-article-footer section {
        float: left;
    }

.back-to-news-list a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.4px;
    padding: 6px 9px 3px 7px;
    text-decoration: none;
    vertical-align: bottom;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.news-article-share {
    margin-left: 10px;
}

.share-wrapper {
    font-size: 0;
    height: 30px;
    overflow: hidden;
}

    .share-wrapper .share-button {
        border-width: 1px;
        border-style: solid;
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 600;
        padding: 6px 9px 2px 11px;
        text-decoration: none;
        vertical-align: bottom;
        height: 29px;
    }

        .share-wrapper .share-button:after {
            content: "B";
            font-family: "e-icons";
            font-size: 17px;
            font-weight: 300;
            line-height: 1;
            padding-left: 7px;
            vertical-align: top;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
        }

    .share-wrapper .sharing-links {
        display: inline-block;
        margin: 0 0 0 -1px;
        height: 29px;
        overflow: hidden;
        position: relative;
    }

        .share-wrapper .sharing-links ul {
            display: inline-block;
            padding: 0;
            white-space: nowrap;
            position: absolute;
            right: 0;
            top: 0;
        }

.js .share-wrapper .sharing-links {
    display: none;
}

.share-wrapper .sharing-links li {
    display: inline-block;
}

    .share-wrapper .sharing-links li:before {
        content: "";
    }

.news-media-article-footer .news-article-nav-links {
    float: right;
}

.nav-btn-label {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 8px 8px 0 0;
    vertical-align: top;
}



/*  Photo Galleries  */
.filters {
    margin-bottom: 15px;
}

    .filters em {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .filters ul {
        display: inline-block;
        font-size: 14px;
        font-size: 1.4rem;
        list-style: none;
        margin: 0 0 0 7px;
        padding: 0;
    }

.filter-option {
    display: inline-block;
    margin-bottom: 4px;
}

    .filter-option a {
        background: #e4e7e7;
        border: 1px solid #e4e7e7;
        display: inline-block;
        padding: 2px 7px 0;
        text-decoration: none;
    }

    .filter-option.active a {
        background: transparent;
    }

.photo-gallery-item {
    float: left;
    margin-left: 2.5%;
    width: 31.333%;
}

    .photo-gallery-item:first-child,
    .photo-gallery-item:nth-child(3n+1) {
        margin-left: 0;
        clear: left;
    }

.num-images {
    background: #ffcf00;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 2px 3px 2px #000; /* RGBA fallback */
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.35);
    font-size: 14px;
    font-size: 1.4rem;
    height: 32px;
    margin: auto auto -23px;
    padding: 6px 5px;
    position: relative;
    text-align: center;
    width: 32px;
    z-index: 1;
}

.photo-gallery-image-wrapper {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
}

.gallery-image a {
    position: relative;
    z-index: 0;
    display: block;
}

.gallery-image-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    background: url('../img/photo-galleries/overlay.png') no-repeat left top transparent;
    background-size: cover;
}

.gallery-image img {
    height: auto;
    width: 100%;
}

.photo-gallery-details-wrapper {
    text-align: center;
}

.content .photo-gallery-details-wrapper h3 {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
}

.photo-gallery-details-wrapper a {
    text-decoration: none;
}

.content .photo-gallery-date {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
}

.single-photo-gallery .photo-gallery-details-wrapper {
    text-align: left;
}

    .single-photo-gallery .photo-gallery-details-wrapper h2 {
        margin-bottom: 8px;
    }

.single-photo-gallery .photo-gallery-image-wrapper {
    border: medium none;
    padding: 0;
}

.single-photo-gallery .gallery-item {
    display: block;
    margin-bottom: 15px;
    text-decoration: none;
}

    .single-photo-gallery .gallery-item img {
        height: auto;
        width: 100%;
    }




.AboutYou h2 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.validaton-errors {
    display: none;
}

.form-errors {
    display: block;
    padding: 10px;
    color: #fff;
    background: #a90303;
    margin: 10px 0;
}

main.content .form-errors ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    main.content .form-errors ul li {
        list-style-type: none;
        padding: 5px 0;
        margin: 0px;
    }

        main.content .form-errors ul li:before {
            content: none !important;
        }

.form-success {
    display: block;
    padding: 10px;
    color: #fff;
    background: #2da903;
    margin: 10px 0;
}

.form-almost-success {
    display: block;
    padding: 10px;
    color: #fff;
    background: #f99c32;
    margin: 10px 0;
}

.captcha-items br:nth-child(7) {
    display: none;
}

.captcha-items > br {
    display: none;
}

.captchaLabel {
    width: 40%;
}

#CaptchaImage {
    height: 40px;
}


/*  magnificPopup  */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.mfp-open .mfp-figure {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}



.ListTextarea {
    height: 60px !important;
    float: none;
    margin-top: 3px;
}

.ListHiddenarea {
    height: auto;
    float: none;
    margin-top: 3px;
}

/*  HOME PAGE  */
.home .page-content .main-content {
    width: 100%;
    padding-left: 5px;
}

    .home .page-content .main-content main.content {
        padding-left: 10px;
    }

.home main.content > * {
    max-width: none;
}

.home-carousel-box {
    margin-left: 5%;
}

.hcb-child {
    float: left;
    margin-bottom: 5%;
    position: relative;
    width: 98.75%;
}

.hcb-large .hcb-child {
    margin-bottom: 0;
    width: 100%;
}

.correct-the-height {
    margin-top: 100%;
}

.hcb-overlay,
.hcb-child-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}

    .hcb-child-content,
    .hcb-child-content a,
    .hcb-overlay a {
        color: #ffffff;
    }

        .hcb-child-content h2,
        .hcb-child-content h3,
        .hcb-child-content ul,
        .hcb-child-content p {
            margin: 0;
            list-style: none;
            padding: 0;
        }

        .hcb-child-content h3 {
            border-bottom: 1px solid #fff; /* RGBA fallback */
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            font-size: 20px;
            font-size: 2.0rem;
            margin-bottom: 5px;
            padding-bottom: 2px;
        }

        .hcb-overlay a,
        .hcb-child-content a {
            text-decoration: none;
        }

            .hcb-overlay a:hover,
            .hcb-overlay a:focus,
            .hcb-child-content a:hover,
            .hcb-child-content a:focus {
                text-decoration: underline;
            }

    .hcb-overlay div,
    .hcb-apply .hcb-child-content div {
        border-top: 1px solid #fff; /* RGBA fallback */
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        margin-top: 15px;
        padding-top: 10px;
    }

        .hcb-overlay div.social-account-wrapper {
            border-top: none;
        }

        .hcb-overlay div a,
        .hcb-apply a {
            color: #fff; /* RGBA fallback */
            color: rgba(255, 255, 255, 0.7);
            display: block;
            text-transform: uppercase;
        }

.social-account-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 15px;
}

    .social-account-wrapper > p {
        float: left;
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 10px;
    }

    .social-account-wrapper p a {
        color: #fff; /* RGBA fallback */
        color: rgba(255, 255, 255, 0.7);
    }

.social-logo {
    background: #ffffff;
    -webkit-border-radius: 50px 0 0;
    -moz-border-radius: 50px 0 0;
    border-radius: 50px 0 0;
    display: block;
    float: right;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    width: 50px;
}

    .social-logo:after {
        display: block;
        font-family: "e-icons";
        font-size: 20px;
        line-height: 0;
        margin-right: 6px;
        margin-top: 10px;
        text-align: right;
    }

.social-account-wrapper .tweet-twitter-logo:after {
    color: #0bc4ee;
    content: "M";
}

.social-account-wrapper .facebook-logo:after {
    color: #3371c5;
    content: "N";
}

.hcb-quick-links li,
.hcb-link-list li {
    border-bottom: 1px solid #fff; /* RGBA fallback */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 3px;
    padding-bottom: 1px;
}

.hcb-course-search p {
    margin-bottom: 30px;
}

.hcb-overlay {
    filter: Alpha(Opacity=0); /*IE7 fix*/
    opacity: 0;
    transition: opacity 0.3s ease;
    padding: 15px;
}

.hcb-image:hover .hcb-overlay {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
}

.hcb-overlay h2 {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.1;
}

.hcb-blank-mq-wrapper {
    display: none;
}

.home .owl-theme .owl-controls .owl-buttons div {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    height: 50px;
    margin: -32px -22px;
    width: 50px;
}

    .home .owl-theme .owl-controls .owl-buttons div:before {
        font-size: 40px;
        line-height: 1.3;
        margin-left: -3px;
        padding: 0;
    }

    .home .owl-theme .owl-controls .owl-buttons div.owl-next {
        margin: -32px;
    }

        .home .owl-theme .owl-controls .owl-buttons div.owl-next:before {
            margin-left: 3px;
        }
/*  home mobile boxes  */
.blocks-banner.mobile-only {
    display: none;
}

.blocks-banner {
    padding-left: 8px;
}

    .blocks-banner .home-carousel-box {
        float: left;
        margin-left: 2%;
        width: 48%;
    }

        .blocks-banner .home-carousel-box img {
            width: 100%;
            height: auto;
        }

    .blocks-banner .hcb-overlay,
    .blocks-banner .hcb-child-content {
        padding: 10px;
    }

    .blocks-banner .social-account-wrapper {
        padding-left: 10px;
    }

        .blocks-banner .social-account-wrapper > p {
            font-size: 11px;
            font-size: 1.1rem;
        }

    .blocks-banner .social-logo {
        width: 30px;
        height: 30px;
        -webkit-border-radius: 30px 0 0;
        -moz-border-radius: 30px 0 0;
        border-radius: 30px 0 0;
    }

        .blocks-banner .social-logo:after {
            margin-top: 0;
            margin-right: 3px;
            font-size: 15px;
        }

    .blocks-banner .hcb-overlay h2,
    .blocks-banner .hcb-child-content h3 {
        font-size: 16px;
        font-size: 1.6rem;
        overflow: hidden;
    }

    .blocks-banner .hcb-quick-links li,
    .blocks-banner .hcb-link-list li {
        font-size: 11px;
        font-size: 1.1rem;
    }

input#website {
    display: none;
}


.left-column {
    float: left;
    margin-right: 5%;
    width: 45%;
}

.right-column {
    float: left;
    width: 50%;
}

.home .left-column > h1 {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 1.1;
    margin-bottom: 25px;
}

.home .left-column p {
    line-height: 1.5;
}

.news-article {
    padding-bottom: 5px;
    margin-bottom: 10px;
}

main.content .latest-news-announcements > h3 {
    color: #31b0cd;
    font-weight: 700;
    font-size: 19px;
    font-size: 1.9rem;
    border-bottom: 1px solid #e4e7e7;
    margin-bottom: 11px;
    padding-bottom: 2px;
}

.home .article-summary {
    width: 100%;
}

.home .date {
    width: 10%;
}

.home .news-article-wrapper {
    width: 87.5%;
}

.home .content .article-summary h3 {
    margin: 0;
    line-height: 1.1;
}

.home .content .article-summary p {
    color: #666666;
    margin: 0 0 3px;
}




/*FORM STYLING*/
/*.form div {
    margin: 0 0;
}*/

.input-pound {
    display: inline-block;
    position: relative;
    width: 60%;
}

    .input-pound input {
        padding-left: 18px;
        width: 100% !important;
    }

    .input-pound:before {
        position: absolute;
        content: "£";
        left: 11px;
        top: 7px;
        font-family: sans-serif;
    }

.SupportSelect .section {
    margin-bottom: 35px;
}

.form label {
    display: block;
    width: 40%;
    float: left;
    padding: 7px 0px;
    position: relative;
    font-size: 1.5rem;
}

.form input[type="text"], .form input[type="number"], select, textarea, input[type="password"], input[type="email"] {
    display: block;
    width: 60%;
    float: left;
    border: 1px solid #d6d6d6;
    font-size: 1.5rem;
    border-radius: 4px !important;
    background-color: white;
}

    .form input[type="text"]:disabled, .form input[type="number"]:disabled, select:disabled, textarea:disabled, input[type="password"]:disabled, input[type="email"]:disabled {
        background-color: #EBEBE4;
    }

.form textarea {
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px;
}

.form .selectYes span, .form .selectNo {
    margin-right: 5px;
}

    .form .selectYes span, .form .selectNo span {
        display: block;
        padding: 0px;
        background: #efefef;
        cursor: pointer;
        width: 40px;
        text-align: center;
        height: 32px;
        line-height: 35px;
    }

.form div.question-item { /*border-bottom:rgba(102,88,154,0.3)  1px solid;*/
    padding: 6px;
    margin: 5px 0;
}

    .form div.question-item:nth-child(even),
    .form .question-area {
        background: rgba(225,225,225,0.3);
    }


.form .helper-text {
    font-size: 0.9em;
    padding-left: 22px;
    color: #909090;
    margin: 3px 0px;
    width: 100%;
    line-height: 21px;
    padding-bottom: 0px;
}

.form .help {
    margin-right: 5px;
}

main.content .button {
    text-decoration: none;
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 3px;
    width: auto;
    border: 0px;
    font-family: Arial;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

main.content .NextButton {
    margin-left: 10px;
    float: right;
}

.SelectDual input[type="radio"] {
    position: absolute;
    z-index: -10;
}

.SelectDual input + label {
    display: block;
    width: 40px;
    margin-right: 5px;
    float: right;
    height: 32px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    background-color: #efefef;
    color: black;
}

.SelectDual input:checked + label {
    display: inline-block;
    color: #fff;
}

.PersonalDetails input:checked + label {
    background-color: #FFD000;
}

.Blue input:checked + label {
    background-color: #31b0cd;
}

.Emergencycontacts input:checked + label {
    background-color: #f99c32;
}

.NewApplication input:checked + label {
    background-color: #B0C836;
}

.WithdrawalsForm .RadioContainer label {
    width: 80%;
}

.WithdrawalsForm .RadioContainer .OtherInformation label {
    width: 40%;
}

.WithdrawalsForm .RadioChoice {
    float: right;
}

    .WithdrawalsForm .RadioChoice input[type="radio"] {
        position: absolute;
        z-index: -10;
    }

    .WithdrawalsForm .RadioChoice input + label {
        display: block;
        width: 40px;
        float: right;
        height: 32px;
        text-align: center;
        cursor: pointer;
        text-align: center;
        background-color: #efefef;
        color: #efefef;
    }

    .WithdrawalsForm .RadioChoice input:checked + label {
        display: inline-block;
        color: #fff;
        background-color: #66589A;
        padding-top: 5px;
    }

.WithdrawalsForm textarea.DynamicControls {
    margin-top: 5px;
}

.list-item {
    position: relative;
}

div.list-item .tick {
    position: absolute;
    top: 0;
    right: 5px;
}

div.list-item .helper-text {
    color: white;
    background-image: url(../img/infoinvert.png);
    line-height: 1.2em;
    font-size: 0.8em;
}

div.list-item .grade {
    display: block;
    float: right;
}

/*Personal details*/
.RegisterForm .helper-text, .PersonalDetails .helper-text {
    background-image: url("../img/infoGold.png");
    background-repeat: no-repeat;
}


.PersonalDetails div.selected {
    background: #FFD000;
    color: #fff;
}
/*Emergency Contacts*/
.Emergencycontacts .helper-text {
    background-image: url("../img/infoOrange.png");
    background-repeat: no-repeat;
}
/*About You*/
.AboutYou .helper-text {
    background-image: url("../img/infoGrey.png");
    background-repeat: no-repeat;
}

.SignDeclaration {
    background-color: #efefef;
    margin-bottom: 10px;
}
/*Declaration and submit*/
.Declaration .helper-text {
    background-image: url("../img/infoOrange.png");
    background-repeat: no-repeat;
}

/*Education*/
.sectionBlue .helper-text {
    background-image: url("../img/infoBlue.png");
    background-repeat: no-repeat;
}
/*about you*/
.sectionSlateGrey .helper-text {
    background-image: url("../img/infoGrey.png");
    background-repeat: no-repeat;
}

/*MEDICAL STYLING*/
div.list-item {
    background: rgba(225,225,225,0.2);
    padding: 6px;
    cursor: pointer;
    margin: 0 0 6px 0;
}

    div.list-item.ExtraSpace {
        margin-bottom: 20px;
    }

    div .list-item textarea {
        float: none;
        height: 60px;
    }

.medicalSelect div.selected {
    background: #7E2B91;
    color: #fff;
}

.medicalSelect .selectYes span.selected {
    background: #7E2B91;
    color: #fff;
}

.medicalSelect .selectNo span.selected {
    background: #7E2B91;
    color: #fff;
}

.medicalSelect .helper-text {
    background-image: url("../img/infoPurple.png");
    background-repeat: no-repeat;
}


.RevealBoxes div.list-item {
    background: rgba(225,225,225,0.3);
}

    .RevealBoxes div.list-item span.tick {
        font-size: 1.8em;
        color: #333;
    }

.RevealBoxes .Answer {
    padding: 6px;
    margin: 0 0 6px 0;
    display: none;
}

.RevealBoxes li {
    padding-bottom: 8px;
}
/*SUPPORT STYLING*/
.SupportSelect div.selected {
    background: #E33E85;
    color: #fff;
}

.SupportSelect .selectYes span.selected {
    background: #E33E85;
    color: #fff;
}

.SupportSelect .selectNo span.selected {
    background: #E33E85;
    color: #fff;
}

.SupportSelect .helper-text {
    background-image: url("../img/infoPink.png");
    background-repeat: no-repeat;
}

.form .width85 {
    width: 85%;
}


/*EDUCATION STYLING*/
.educationSelect div.list-item {
    background: #efefef;
    padding: 6px;
    cursor: pointer;
    margin: 0 0 6px 0;
}

.educationSelect div.selected {
    background: #31b0cd;
    color: #fff;
}

.educationSelect .helper-text {
    background-image: url("../img/infoBlue.png");
    background-repeat: no-repeat;
}

#QualificationsTaken .list-item span {
    border-right: 1px solid #ddd;
    text-align: center;
    padding: 0 10px;
    height: 32px;
    line-height: 35px;
    float: left;
}

.QualificationsFunctions {
    float: left;
    margin-left: 3px !important;
}

    .QualificationsFunctions span {
        width: 25px;
        height: 32px;
        line-height: 35px;
        padding: 0 6px 0 6px !important;
    }

#QualificationsTaken .list-item span:last-child {
    border-right: 0px;
}
/*MY ACCOUNT STYLING*/


.NewApplication .helper-text {
    background-image: url("../img/infoGreen.png");
    background-repeat: no-repeat;
}

.MyAccountTable:nth-child(even) {
    background-color: #efefef;
}

.MyAccountTable .matitle {
    display: none;
}

.otherSchool {
    width: 100% !important;
    margin-top: 5px;
}

/*Sidebar navigation STYLING*/
.progress-indicator {
    float: right;
    width: 20px;
}

.progress-indicator {
    top: -3px;
    position: relative;
}

/*REVIEW STYLING*/
.Review * {
    cursor: default !important;
}

.Review .button, .Review .content-header, .Review .content-sidebar, .Review .banner-wrapper, .Review .ShowSelectedCourses, .Review .hideOnReview, .Review .helper-text, .Review p,
.Review .list-item:not(.selected) {
    display: none !important;
}

.Review .main-content {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.Review .selected {
    background-color: #B0C836 !important;
}

.Review .page-content {
    margin: 0px;
    padding: 0px;
}

.Review h2 {
    padding-left: 5px;
    padding-top: 10px;
}

main.content .Review .SupportSelect .section {
    margin-bottom: 0px;
}

main.content .Review h3 {
    margin-left: 15px;
    font-weight: bold;
    font-size: 20px;
}

.Review .page-content > * {
    width: 100% !important;
    margin-top: 0px;
    padding-top: 0px;
}

.Review .page-content h2 {
    font-size: 12pt;
    margin-bottom: 5px;
    margin-top: 0px;
}

.Review .EntryQualTable thead tr th {
    background-color: #B0C836 !important;
}

.Review input:checked + label {
    background-color: #B0C836 !important;
}


/*Sidebar navigation STYLING*/
.progress-indicator {
    float: right;
    width: 20px;
}

.progress-indicator {
    top: -3px;
    position: relative;
}


/*Generic Colors and backgrounds*/
main.content .GreyBackground, .sectionBlue .form .GreyBackground, .GreyBackground {
    background: #efefef;
    color: #333;
}

.marginTopBottom10px, .form .marginTopBottom10px {
    margin: 10px 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.innerWidth44 * {
    width: 44%;
}

.border1 > div {
    border: 1px solid #efefef;
}

.padding10px > div {
    padding: 5px;
}


.item17 {
    display: inline-block;
    width: 17%;
    margin: 1%;
}

.Innerwidth20 > * {
    width: 20%;
    min-width: 90px;
    display: inline-block;
}



.captcha-items div {
    float: left;
    width: 40%;
}

/*TABLE STYLES*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
}

table tr td, table tr th {
    padding: 10px 0px;
    text-align: left;
}

    table tr td:first-child, table tr th:first-child {
        padding-left: 5px !important;
    }

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

.DOBdropdowns select, .DOBdropdowns2 select, .DateDropdowns select {
    width: 20%;
    display: inline;
}

/*  Text colours  */
.sectionOrange main.content h2,
.sectionOrange main.content h2 a,
.sectionOrange main.content h3,
.sectionOrange main.content h3 a,
.sectionOrange main.content > p:first-child,
.sectionOrange main.content section > p:first-child,
.sectionOrange main.content li:before,
.sectionOrange blockquote,
.sectionOrange q:before,
.sectionOrange cite,
.sectionOrange .in-this-section ul li.active a,
.sectionOrange .banner-wrapper .link-list li a,
.sectionOrange .highlighted,
.sectionOrange .student-profile-details-breakdown a,
.sectionOrange.prospectus main.content a,
.sectionOrange .share-wrapper .share-button {
    color: #ec8122;
}

.sectionGreen main.content h2,
.sectionGreen main.content h2 a,
.sectionGreen main.content h3,
.sectionGreen main.content h3 a,
.sectionGreen main.content > p:first-child,
.sectionGreen main.content section > p:first-child,
.sectionGreen main.content li:before,
.sectionGreen blockquote,
.sectionGreen q:before,
.sectionGreen cite,
.sectionGreen .in-this-section ul li.active a,
.sectionGreen .banner-wrapper .link-list li a,
.sectionGreen .highlighted,
.sectionGreen .student-profile-details-breakdown a,
.sectionGreen.prospectus main.content a,
.sectionGreen .share-wrapper .share-button {
    color: #6fac29;
}

.sectionSlateGrey main.content h2,
.sectionSlateGrey main.content h2 a,
.sectionSlateGrey main.content h3,
.sectionSlateGrey main.content h3 a,
.sectionSlateGrey main.content > p:first-child,
.sectionSlateGrey main.content section > p:first-child,
.sectionSlateGrey main.content li:before,
.sectionSlateGrey blockquote,
.sectionSlateGrey q:before,
.sectionSlateGrey cite,
.sectionSlateGrey .in-this-section ul li.active a,
.sectionSlateGrey .banner-wrapper .link-list li a,
.sectionSlateGrey .highlighted,
.sectionSlateGrey .student-profile-details-breakdown a,
.sectionSlateGrey.prospectus main.content a,
.sectionSlateGrey .share-wrapper .share-button {
    color: #5a4d8c;
}

.sectionGold main.content h2,
.sectionGold main.content h2 a,
.sectionGold main.content h3,
.sectionGold main.content h3 a,
.sectionGold main.content > p:first-child,
.sectionGold main.content section > p:first-child,
.sectionGold main.content li:before,
.sectionGold blockquote,
.sectionGold q:before,
.sectionGold cite,
.sectionGold .in-this-section ul li.active a,
.sectionGold .banner-wrapper .link-list li a,
.sectionGold .highlighted,
.sectionGold .student-profile-details-breakdown a,
.sectionGold .prospectus main.content a,
.sectionGold .share-wrapper .share-button {
    color: #ffd000;
}

.sectionPurple main.content h2,
.sectionPurple main.content h2 a,
.sectionPurple main.content h3,
.sectionPurple main.content h3 a,
.sectionPurple main.content > p:first-child,
.sectionPurple main.content section > p:first-child,
.sectionPurple main.content li:before,
.sectionPurple blockquote,
.sectionPurple q:before,
.sectionPurple cite,
.sectionPurple .in-this-section ul li.active a,
.sectionPurple .banner-wrapper .link-list li a,
.sectionPurple .highlighted,
.sectionPurple .student-profile-details-breakdown a,
.sectionPurple .prospectus main.content a,
.sectionPurple .share-wrapper .share-button {
    color: #7e2b91;
}

.sectionBlue main.content h2,
.sectionBlue main.content h2 a,
.sectionBlue main.content h3,
.sectionBlue main.content h3 a,
.sectionBlue main.content > p:first-child,
.sectionBlue main.content section > p:first-child,
.sectionBlue main.content li:before,
.sectionBlue blockquote,
.sectionBlue q:before,
.sectionBlue cite,
.sectionBlue .in-this-section ul li.active a,
.sectionBlue .banner-wrapper .link-list li a,
.sectionBlue .highlighted,
.sectionBlue .student-profile-details-breakdown a,
.sectionBlue.prospectus main.content a,
.sectionBlue .share-wrapper .share-button {
    color: #3799b1;
}

.sectionPink main.content h2,
.sectionPink main.content h2 a,
.sectionPink main.content h3,
.sectionPink main.content h3 a,
.sectionPink main.content > p:first-child,
.sectionPink main.content section > p:first-child,
.sectionPink main.content li:before,
.sectionPink blockquote,
.sectionPink q:before,
.sectionPink cite,
.sectionPink .in-this-section ul li.active a,
.sectionPink .banner-wrapper .link-list li a,
.sectionPink .highlighted,
.sectionPink .student-profile-details-breakdown a,
.sectionPink.prospectus main.content a,
.sectionPink .share-wrapper .share-button {
    color: #ce2e71;
}

.EntryQualTable {
    width: 100%;
}

.QualificationTakenTableBody img {
    cursor: pointer;
    margin-left: 5px;
    width: 15px;
}

.QualificationTakenTableBody .MobileButton {
    display: none;
}

.EntryQualTable tbody tr:nth-child(even) {
    background-color: rgba(225,225,225,0.2);
}

.EntryQualTable thead tr th {
    background-color: #31b0cd;
    color: white;
    padding: 10px 0px;
}

.QualificationTakenTableBody tr td {
    padding: 10px 6px;
}

    .QualificationTakenTableBody tr td.Buttons {
        padding: 10px 0px;
    }


.EntryQualTable tbody tr td:first-child,
.EntryQualTable tbody tr td:nth-child(2) {
    width: 25%;
}

.EntryQualTable tbody td:nth-child(4) {
    width: 20%;
}



.EntryQualTable thead tr th {
    margin: 5px 0px;
    font-weight: normal;
}


.SpecialNeeds input[type="checkbox"] {
    position: absolute;
    z-index: -1;
}

    .SpecialNeeds input[type="checkbox"] + label {
        display: block;
        width: 100% !important;
        margin-right: 5px;
        height: 32px;
        text-align: center;
        cursor: pointer;
        text-align: center;
        background-color: #efefef;
        margin-bottom: 10px;
        color: black;
    }

    .SpecialNeeds input[type="checkbox"]:checked + label {
        background-color: #ce2e71;
        color: #fff;
    }

    .SpecialNeeds input[type="checkbox"] + .ExtraSpace {
        margin-bottom: 20px;
    }

.TableHeader {
    display: none;
}

aside.content-sidebar {
    width: 27.7%;
    padding-left: 15px;
    float: right;
    color: #fff;
}

.content-sidebar section {
    background: #fff; /* RGBA fallback */
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 7px;
}

    .content-sidebar section > * {
        margin: 0;
    }

.content-sidebar .in-this-section {
    background: #efefef;
    color: #333;
    padding: 0;
}

.in-this-section h3 {
    font-size: 17px;
    font-size: 1.7rem;
    padding: 15px 20px 0;
}

.in-this-section ul {
    list-style: none;
    padding: 10px 20px;
}

    .in-this-section ul ul {
        padding: 0 20px 0 35px;
        margin: 0 -20px;
        border: 1px solid #e6e5e5;
        border-width: 1px 0 1px 0;
        background: #fbf9f9;
        display: none;
        box-sizing: padding-box;
    }

    .in-this-section ul li.has-submenu.active-child ul {
        display: block;
    }

    .in-this-section ul a {
        text-decoration: none;
        display: block;
        line-height: 1.2;
        padding: 6px 0;
        font-size: 15px;
        font-size: 1.5rem;
    }

        .in-this-section ul a:hover,
        .in-this-section ul a:focus {
            text-decoration: underline;
        }

    .in-this-section ul li.active-child > a {
        font-weight: bold;
    }

        .in-this-section ul li.active-child > a:hover,
        .in-this-section ul li.active-child > a:focus,
        .in-this-section ul ul li.active a {
            text-decoration: none;
        }

    .in-this-section ul li.active a:hover,
    .in-this-section ul li.active a:focus {
        font-weight: normal;
    }

.content-sidebar .view-prospectus {
    background: #8d58ba;
}

.navigation-button a,
.view-prospectus a {
    padding: 15px 18px 12px;
    color: #fff;
    display: block;
    text-decoration: none;
}

    .navigation-button a:hover,
    .navigation-button a:focus,
    .view-prospectus a:hover,
    .view-prospectus a:focus {
        text-decoration: underline;
    }


.content-sidebar .course-search {
    background: #b7ca1b;
    padding: 10px 20px 15px;
}

.course-search h3 {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1;
    margin-bottom: 13px;
}

.course-search p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 15px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.hcb-course-search fieldset,
.course-search fieldset {
    overflow: hidden;
    background: #fff;
}

.hcb-course-search label,
.course-search label {
    display: none;
}

.hcb-course-search select,
.course-search select {
    background: transparent;
    border: 0 none;
    box-sizing: content-box;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    height: 20px;
    padding: 6px 51px 6px 8px;
    width: 85%;
    position: relative;
    z-index: 1;
    -webkit-appearance: inherit;
}

.hcb-course-search .icon-select-drop,
.course-search .icon-select-drop {
    background: #4e6717;
    border: 2px solid #fff;
    color: #fff;
    float: right;
    height: 32px;
    margin-top: -32px;
    padding-left: 4px;
    width: 32px;
    cursor: default;
}


.content-sidebar .student-quote {
    background: #efefef;
    color: #333;
    padding: 10px;
    /*font-size: 16px;
	font-size: 1.6rem;*/
}

.student-quote a {
    text-decoration: none;
    color: #333;
}

.student-quote-img {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.student-quote q,
.student-quote cite {
    margin: 0;
    padding: 2px 10px;
}

.LoginContainer {
    width: 100%;
}

    .LoginContainer .LoginHeader {
        padding-right: 10px;
        padding-left: 10px;
    }

        .LoginContainer .LoginHeader h2, .LoginContainer .LoginHeader a {
            margin-top: 10px;
        }

    .LoginContainer .StandardLogin {
        width: 60%;
        float: left;
        padding: 0 10px;
        border-right: 1px solid #eee;
    }

        .LoginContainer .StandardLogin a {
            padding-right: 10px;
        }

        .LoginContainer .StandardLogin form label,
        .LoginContainer .StandardLogin form input {
            width: calc(100% - 10px);
        }

        .LoginContainer .StandardLogin .loginButton {
            margin: 10px 0 !important;
        }

.LoginForm div {
    margin-bottom: 10px;
}

.LoginForm input[type="text"], .LoginForm input[type="number"], .LoginForm select, .LoginForm textarea, .LoginForm input[type="password"], .LoginForm input[type="email"] {
    float: none;
}

/*External Logins*/
.ExternalLogIns {
    padding: 10px 0 0 10px;
    width: 40%;
    float: right;
}


    .ExternalLogIns .ExternalButton a {
        width: calc(100% - 10px);
        margin-left: 10px;
        margin-top: 10px;
        color: white;
        text-decoration: none;
        display: inline-block;
        padding: 8px 20px 8px 10px;
        color: #fff;
        font-size: 13px;
        border: 0px;
        font-family: sans-serif;
    }

    .ExternalLogIns a span {
        font-size: 15px;
        font-size: 1.5rem;
        margin-left: 10%;
    }

    .ExternalLogIns a:last-child {
        margin-right: 0px;
    }

.facebookButton {
    background: #4A6EA9 url("../img/facebook.png") no-repeat 5px center;
}

.TwitterButton {
    background: #11c1ff url("../img/twitter.png") no-repeat 5px center;
}

.GoogleButton {
    background: #DA4835 url("../img/google.png") no-repeat 5px center;
}

.MicrosoftButton {
    background: #04AEDA url("../img/Windows.png") no-repeat 5px center;
}

/*main.content .ReviewButton {
    float:right;
    display:none;
}*/

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.inactive,
.inactive a {
    opacity: 0.7 !important;
}

.errorField {
    background: #FDC3C3 !important;
    border: 1px #A72A2A !important;
}

.errorField2 {
    background: #FDC3C3 !important;
    border: 1px #A72A2A !important;
    padding: 2px !important;
}

.saved {
    padding: 1%;
    background: #0b7e1c;
    color: #fff;
    width: 98%;
    font-size: 1.5em;
}

form .YesNoText {
    width: 80%;
}

.main-menu ul level1, .content-sidebar .navigation-button {
    padding-right: 13px;
}

.main-menu ul .SectionComplete a, .content-sidebar .SectionComplete {
    background-image: url("/img/tick.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 13px);
}

.main-menu ul .SectionNotRequired a, .content-sidebar .SectionNotRequired {
    background-image: none !important;
}

.content-sidebar .navigation-button:not(.SectionComplete) {
    background-image: url("/img/x.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 13px);
}

.main-menu ul .SectionComplete a {
    background-position-x: calc(100% - 30px);
}



main.content .PostCodeButton {
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100px;
}

.SiblingAtEsher > h3 {
    margin: 5px 0 !important;
    padding: 0 !important;
}

.SiblingAtEsher .forMoreSiblings, .SiblingAtEsher select {
    margin-top: 10px;
}

main.content .btnSaveContact {
    margin-left: 10px;
}

@media only screen and (max-width:1000px) {
    .captcha-items input[type=text] {
        width: 40%;
        float: right;
    }
}
/**  MEDIA QUERIES  **/
@media only screen and (max-width: 900px) {

    #s4-bodyContainer {
        min-height: calc(100vh - 216.31px - 80px -10px);
    }

    .EntryQualTable tbody {
        display: table-row-group;
    }

    .EntryQualTable tr {
        display: block;
        margin-top: 15px;
    }

    .EntryQualTable thead {
        display: none;
        padding: 5px;
    }

    .EntryQualTable td {
        width: 100% !important;
        display: block;
        text-align: left;
    }

    .QualificationTakenTableBody tr td {
        padding: 2px 8px;
    }

    .EntryQualTable td div {
        display: inline-block;
        vertical-align: top;
    }

    .EntryQualTable tr td div:last-child {
        width: calc(100% - 118px);
    }

    .EntryQualTable tr td:first-child {
        padding-top: 7px;
    }

    .EntryQualTable tr {
        padding-bottom: 7px;
    }

    .EntryQualTable .Buttons {
        width: auto;
        display: inline;
    }

    .EntryQualTable td .TableHeader {
        display: inline-block;
        font-weight: bold;
        width: 100px !important;
    }



    .StandardLogin input {
        width: 100% !important;
    }

    .question-item {
        margin-bottom: 5px;
    }

    .helper-text {
        margin-bottom: 0px !important;
    }

    .SiblingAtEsher div div {
        float: none !important;
    }

    .forMoreSiblings {
        margin-top: 5px !important;
    }



    .NewApplication .question-item .clearfix {
        margin-bottom: 0px;
    }


    .LoginContainer .StandardLogin {
        width: 100% !important;
        float: none;
        border-right: 0px;
    }

    .ExternalLogIns {
        width: 100%;
        float: none;
        padding-right: 10px;
    }

        .ExternalLogIns .ExternalButton a {
            float: left;
            width: calc(25% - 5px);
            margin-left: 0px;
            margin-right: 5px;
            padding-left: 30px;
        }

            .ExternalLogIns .ExternalButton a .SignInWith {
                display: none;
            }

    .StandardLogin .right {
        margin-right: 0px;
        float: right;
    }

    .LoginContainer .StandardLogin a {
        padding-right: 0px;
    }

    .ExternalLogIns {
        padding-right: 0px;
    }

        .ExternalLogIns a {
            height: 30px;
            background-position: center;
        }

            .ExternalLogIns a .HideOnPhone {
                display: none;
            }

    .course-content-tabs ul {
        border-bottom: none;
    }

        .course-content-tabs ul li {
            display: block;
            border-bottom: 1px solid #efefef;
        }

            .course-content-tabs ul li.active:before {
                content: "X";
                font-family: "e-icons";
                color: #b0c836;
                font-size: 23px;
                line-height: 0;
                vertical-align: middle;
                width: 10px;
                display: inline-block;
                margin-top: -2px;
            }

            .course-content-tabs ul li a {
                padding: 3px 10px;
            }

            .course-content-tabs ul li.active a {
                border-color: transparent;
                background: transparent;
                padding-left: 0;
            }

    EntryQualTable #QualificationsTaken .list-item span {
        font-size: 16px;
        width: 20% !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    #QualificationsTaken > div > .list-item:first-child {
        width: 100% !important;
        margin-bottom: 0px;
    }

    #QualificationsTaken .QualificationsFunctions {
        margin: 0px;
        float: left;
        width: 50%;
        margin-left: 0px !important;
        margin-bottom: 10px;
    }

        #QualificationsTaken .QualificationsFunctions span {
            padding: 0px !important;
            margin-left: auto;
            margin-right: auto;
        }

    .AcessArrangements .list-item,
    .SpecialNeeds .list-item,
    .PhysicalHealthSection .list-item,
    .MentalHealthSection .list-item {
        position: relative;
        margin-right: 10px;
    }

        .AcessArrangements .list-item .tick,
        .SpecialNeeds .list-item .tick,
        .PhysicalHealthSection .list-item .tick,
        .MentalHealthSection .list-item .tick {
            position: absolute;
            top: 0px;
            right: 5px;
        }


    .PostCodeButton, .SelectDual {
        width: 25%;
    }



    .YesNoText {
        width: 74% !important;
    }

    .SelectDual {
        width: auto;
    }
}



@media only screen and (max-width: 830px) {

    .course-header .course-detail {
        width: 100%;
    }

    .course-header .course-banner-image {
        display: none;
    }


    form .YesNoText {
        width: 70%;
    }

    form .SelectDual {
        width: auto;
    }

    form .content-sidebar {
        font: 14px;
    }
}

@media only screen and (max-width: 790px) {
    .QualificationTakenTableBody .MobileButton {
        margin: 0 8px;
        background: #000;
        color: #fff;
        padding: 5px 15px;
        cursor: pointer;
        display: inline-block;
        margin-top: 10px;
        width: auto;
    }

    table tr td:first-child, table tr th:first-child {
        padding-left: 8px !important;
    }


    .QualificationTakenTableBody img {
        display: none;
    }

    .content-sidebar {
        display: none;
    }

    .captcha-items input[type=text] {
        width: 60%;
        float: right;
    }

    .main-content {
        width: 100% !important;
    }

    /*  Mobile Menu START  */
    .mobile-only,
    .main-menu-alt {
        display: block;
    }

    .page-header .content-block .social-links-wrapper,
    .page-header .content-block .admin-menu-wrapper {
        display: none;
    }

    .content-block,
    .sub-menu-wrapper .menu-title h1,
    .page-content-wrapper .content-header h1,
    .page-content,
    section.page-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-header > .content-block.clearfix:after {
        clear: none;
    }

    .main-menu-alt {
        background: #999;
        color: #fff;
        display: block;
        float: right;
        height: 55px;
        overflow: hidden;
        padding: 11px 20px;
        text-decoration: none;
        width: 55px;
        margin-top: 20px;
        margin-right: 30px;
    }

        .main-menu-alt:before {
            content: "V";
            display: block;
            font-family: "e-icons";
            font-size: 50px;
            line-height: 0;
            margin: 17px -9px;
            padding-bottom: 20px;
        }

        .main-menu-alt.active:before {
            content: "E";
            font-size: 30px;
            margin: 17px -2px;
        }

    .nav-wrapper {
        clear: both;
        padding-top: 20px;
    }

    .main-menu {
        padding: 0;
        border-top: 1px solid #b5b5b5;
        overflow: hidden;
        display: none;
    }

        .main-menu.active {
            display: block;
        }

        .main-menu .top-level {
            float: none;
        }

        .main-menu > ul > li {
            float: none;
            padding-left: 0;
        }

            .main-menu > ul > li:before {
                padding: 0;
                content: "";
                font-size: 0;
            }

        .main-menu .level1 .level1 a,
        .main-menu .level1 .level1 a.active,
        .main-menu .level1 .level1 a.menu-open {
            border: none;
            display: block;
            padding: 10px 30px;
            color: #fff;
            font-size: 20px !important;
            font-size: 2.0rem;
            font-family: "Museo W01", "Museo W01_700", Helvetica, Arial, sans-serif;
            font-weight: 700;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
        }

        .main-menu .level1 .NormalText > a,
        .main-menu .level1 .NormalText > form > a {
            font-size: 15px;
            font-weight: normal;
            padding-left: 15px !important;
        }

        .main-menu .level1 .level1.has-submenu > a:after {
            content: "I";
            font-family: "e-icons";
            color: #fff;
            float: right;
            font-size: 35px;
            line-height: 1;
            margin-top: -3px;
        }

        .main-menu .level1 .level1.has-submenu > a.menu-open:after {
            content: "J";
        }

        .main-menu a:hover,
        .main-menu a:focus,
        .main-menu a.active,
        .main-menu a.menu-open {
            padding-bottom: 0;
        }

        .main-menu .menu1 > a,
        .main-menu .menu1 > a.active,
        .main-menu .menu1 > a.menu-open {
            background-color: #ffd000;
        }

        .main-menu .sectionOrange > a,
        .main-menu .sectionOrange > a.active,
        .main-menu .sectionOrange > a.menu-open {
            background-color: #f99c32;
        }

        .main-menu .sectionGreen > a,
        .main-menu .sectionGreen > a.active,
        .main-menu .sectionGreen > a.menu-open {
            background-color: #b0c836;
        }

        .main-menu .sectionSlateGrey > a,
        .main-menu .sectionSlateGrey > a.active,
        .main-menu .sectionSlateGrey > a.menu-open {
            background-color: #66589a;
        }

        .main-menu .sectionGold > a,
        .main-menu .sectionGold > a.active,
        .main-menu .sectionGold > a.menu-open {
            background-color: #ffd000;
        }

        .main-menu .sectionPurple > a,
        .main-menu .sectionPurple > a.active,
        .main-menu .sectionPurple > a.menu-open {
            background-color: #7e2b91;
        }

        .main-menu .sectionBlue > a,
        .main-menu .sectionBlue > a.active,
        .main-menu .sectionBlue > a.menu-open {
            background-color: #31b0cd;
        }

        .main-menu .sectionPink > a,
        .main-menu .sectionPink > a.active,
        .main-menu .sectionPink > a.menu-open {
            background-color: #e33e85;
        }

        .main-menu > ul > li.admin-social-menu-item {
            background: #333;
            padding: 5px 30px;
        }

    .page-header .admin-social-menu-item ul.social-links {
        margin-bottom: -6px;
        padding-top: 8px;
    }

    .admin-social-menu-item #admin-menu {
        float: none;
        padding: 7px 0 11px;
    }

        .admin-social-menu-item #admin-menu li {
            float: left;
        }

            .admin-social-menu-item #admin-menu li,
            .admin-social-menu-item #admin-menu li:first-child {
                border: none;
            }

                .admin-social-menu-item #admin-menu li.admin-menu-search-field {
                    padding-left: 0;
                    width: 40%;
                }

    .admin-social-menu-item input#search-field {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
        box-sizing: border-box;
    }

    button.icon-search {
        right: 5px;
    }

    .main-menu .admin-social-menu-item a {
        color: #fff;
    }

    .main-menu .admin-social-menu-item .icon-facebook:before,
    .main-menu .admin-social-menu-item .icon-twitter:before {
        color: #fff;
    }


    .sub-menu-wrapper {
        position: relative;
        margin-top: 0;
        border-top: none;
    }

        .sub-menu-wrapper .menu-title {
            display: none;
        }

    .page-content-wrapper {
        top: 0 !important;
        padding-top: 1px;
        margin-top: -1px;
    }

    .content-header .button {
        display: none;
    }

    .page-content .main-content {
        width: 66%;
    }

    aside.content-sidebar {
        width: 33%;
    }

    /**  home page  */
    .home-carousel-box {
        margin-left: 14px;
    }

    .home .owl-theme .owl-controls .owl-buttons div {
        margin: -32px -14px;
    }

        .home .owl-theme .owl-controls .owl-buttons div.owl-next {
            margin: -32px -24px;
        }

    .news-article .date {
        display: none;
    }

    .home .news-article-wrapper,
    .news-article-wrapper {
        width: 100%;
    }


    /**  student profiles  **/
    .student-profile-banner .banner-ribbon {
        font-size: 17px;
        font-size: 1.7rem;
        padding: 11px 20px 10px;
        top: 70%;
    }


    /**  photo gallery  **/
    .photo-gallery-item {
        margin-left: 3%;
        width: 47%;
    }

        .photo-gallery-item:nth-child(3n+1) {
            clear: none;
            margin-left: 3%;
        }

        .photo-gallery-item:nth-child(2n+1) {
            clear: left;
            margin-left: 0;
        }


    /**  news listing  **/
    .news-list .news-article .date {
        display: block;
        float: none;
        margin-bottom: 3px;
        border: none;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1.2;
        color: #444444;
        margin-right: 0;
        text-align: left;
        width: auto;
    }

        .news-list .news-article .date .month {
            background: transparent;
            display: inline;
            font-weight: 400;
            font-size: 13px;
            font-size: 1.3rem;
        }




    .footer-column-left,
    .footer-column-right {
        width: 50%;
    }

    .bottom-links ul li {
        float: none;
    }

        .bottom-links ul li:before {
            content: "";
            padding-right: 0;
        }

    .MyAccountTable .matitle {
        display: block;
        font-weight: bold;
        float: left;
        margin-right: 5px;
        width: 80px;
    }

    .MyAccountTable .maValue {
        float: right;
    }

    .MyAccountTable .item17 {
        width: 90%;
    }

    .ApplicationTable {
        padding-top: 10px;
    }

    .ApplicationDetails {
        border-right: 0px;
        float: none;
        width: 100%;
    }

    .ApplicationTitle {
        width: 100% !important;
        text-align: left;
        padding-top: 5px;
        margin-left: 10px;
    }

    .ApplicationField {
        width: 97% !important;
        text-align: left;
        margin-left: 10px;
    }

    .ApplicationCourses {
        float: none;
        width: 100%;
        border-top: 1px solid white;
        padding: 0 10px;
    }

    .ApplicationData:nth-child(even) {
        background: rgba(225,225,225,0.3);
        text-align: center;
    }
}


.innerMenu {
    display: inline-block;
    width: 30%;
    margin-right: 10px;
    text-align: center;
}

.topMobileMenu {
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 5px;
}


@media only screen and (max-width:700px) {
    .form input[type="text"], .form input[type="number"], .form input[type="password"], select, textarea, password, .form input[type="email"] {
        display: block;
        width: 100%;
    }

    .input-pound {
        width: 100%;
    }
}

@media only screen and (max-width: 660px) {
    .showOnLogin {
        display: none;
    }

    .sub-menu-items .menu-block {
        padding-bottom: 0;
        width: 50%;
        margin-bottom: 20px;
    }

        .sub-menu-items .menu-block:nth-child(2n+1) {
            border: 0 none;
            clear: left;
            padding-left: 0;
        }

    .admin-social-menu-item #admin-menu li.admin-menu-search-field {
        width: 50%;
    }

    .page-content .main-content {
        width: 100%;
        float: none;
    }

    aside.content-sidebar {
        display: none;
    }

    .left-column,
    .right-column {
        width: 100%;
        float: none;
    }

    /**  student profile  **/
    .student-profile-banner .banner-ribbon {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 14px 20px 12px;
    }
}

@media only screen and (max-width: 580px) {
    /*FORM STYLING*/
    .form div {
        margin: 0 0 10px 0;
    }

    .form label {
        display: block;
        width: 100%;
        margin: 3px 0px;
        padding: 0px;
    }


    .left {
        float: none;
    }

    .right {
        float: none;
    }

    .mobileBlock {
        display: block;
    }

    .SelectDual {
        float: right;
        width: 20%;
    }



    .content-block,
    .sub-menu-wrapper .menu-title h1,
    .page-content-wrapper .content-header h1,
    .page-content,
    section.page-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-menu-alt {
        margin-right: 15px;
    }

    .main-menu .level1 .level1 > a,
    .main-menu .level1 .level1 > a.active,
    .main-menu .level1 .level1 > a.menu-open,
    .main-menu > ul > li.admin-social-menu-item {
        padding: 10px 15px;
    }

    .home section.page-content {
        margin-top: 20px;
    }

    .footer-column-left,
    .footer-column-right {
        width: 100%;
        float: none;
        text-align: left;
    }

    .footer-bottom .award-logos > a {
        display: inline-block;
        margin: 20px 20px 0 0;
    }

    /*My applications application information*/

    .ApplicationTable {
        text-align: center;
        padding: 0px;
        margin-bottom: 15px;
    }

        .ApplicationTable h2 {
            margin: 15px 0 !important;
        }

        .ApplicationTable .SmallscreenImage {
            font-size: 40px;
            padding-bottom: 40px;
            color: #31B0CD;
        }

        .ApplicationTable .ApplicationData {
            padding: 5px;
            margin: 0px;
        }

            .ApplicationTable .ApplicationData:nth-child(even) {
                background: rgba(225,225,225,0.3);
            }

            .ApplicationTable .ApplicationData label {
                width: 100% !important;
                margin: 0px;
            }

    .ApplicationInputs {
        margin-top: 5px;
    }

    .form label.YesNoText {
        width: 80%;
    }

    .SelectDual, .YesNoText {
        width: 100% !important;
    }

        .SelectDual input + label {
            width: 48%;
            margin-right: 2%;
            line-height: 2.5;
        }

            .SelectDual input + label:last-child {
                margin-left: 0;
            }



        .SelectDual input + label {
            height: 32px;
            line-height: 2.5;
        }

    main.content .button {
        width: 100%;
    }

    .RegisterButton {
        margin-left: 0px;
        margin-top: 10px;
    }

    /*main.content .ApplicationInputs .button {
        width: auto;
    }*/

    .DOBdropdowns2 select, .DateDropdowns select {
        width: 33%;
        margin: 0px;
    }

    main.content .btnSaveContact {
        margin-left: 0px;
    }

    .ApplicationInputs {
        margin-bottom: 10px !important;
        margin-right: 10px;
    }

    form input[name=Next] {
        margin-bottom: 10px;
    }

    form input[name=delete] {
        margin-top: 10px;
    }
}

@media only screen and (max-width:540px) {
    .SelectDual, .YesNoText {
        width: 100% !important;
    }

        .SelectDual input + label {
            width: 48%;
            margin-right: 2%;
            line-height: 2.5;
        }

            .SelectDual input + label:last-child {
                margin-left: 0;
            }
}


@media only screen and (max-width:522px) {
    /**  home page carousel  **/
    .home header.banner-wrapper {
        display: none !important;
    }

    .home header.mobile-only {
        display: block;
    }

    .forMoreSiblings {
        text-align: center;
    }

    .DOBdropdowns, .DOBdropdowns2 {
        float: none;
        width: 100%;
    }

        .DOBdropdowns select {
            width: 32%;
            margin: 0px;
        }



    form label {
        text-align: left;
    }

    .button {
        /* width: 100% !important;*/
        text-align: center;
    }


    .ApplicationInputs {
        padding-left: 0px !important;
        margin-right: 0px;
        float: none;
    }

        .ApplicationInputs form {
            width: 48%;
        }

            .ApplicationInputs form .button {
                width: 48%;
            }



    .SiblingAtEsher input, .SiblingAtEsher select {
        width: 100% !important;
    }
}

@media only screen and (max-width: 450px) {
    .page-header .content-block,
    .main-menu .level1 .level1 > a,
    .main-menu .level1 .level1 > a.active,
    .main-menu .level1 .level1 > a.menu-open,
    .main-menu > ul > li.admin-social-menu-item {
        padding-left: 15px;
    }

    .main-menu > ul > li NormalText {
        font-size: 1.6em;
        font-family: 'Museo W01', 'Museo W01_700', Helvetica, Arial, sans-serif;
        font-weight: normal;
    }

    .sub-menu-items .menu-block {
        padding: 0;
        width: 100%;
        border: 0 none;
        clear: left;
    }



    .admin-social-menu-item #admin-menu li.admin-menu-search-field {
        width: 80%;
    }

    .admin-social-menu-item #admin-menu li:first-child {
        float: none;
        padding-bottom: 10px;
    }

    .admin-menu-item > a {
        padding: 8px 20px 0 0;
    }

    .page-footer .social-links li {
        padding: 16px 5px;
    }

    .prospectus-banner-image,
    .prospectus-links {
        float: none;
        width: 100%;
    }

    .prospectus-banner-image {
        width: 75%;
        margin: auto;
        margin-bottom: 10px;
    }

    /**  student profile  **/
    .student-profile-banner .banner-ribbon {
        font-size: 17px;
        font-size: 1.7rem;
        padding: 11px 20px 10px;
        top: 62%;
    }

    /**  News article  **/
    .news-media-article-footer .news-article-share {
        margin-left: 0;
        margin-top: 8px;
    }

    .news-media-article-footer section {
        float: none;
    }

    .news-media-article-footer .news-article-nav-links {
        clear: both;
        margin-top: 8px;
    }
}

@media only screen and (max-width: 370px) {
    /**  photo gallery  **/
    .photo-gallery-item {
        margin-left: 0;
        width: 100%;
        clear: both;
        float: none;
    }

    .content .news-media-pagination ul {
        display: block;
        padding: 0;
        margin: 5px 0;
    }

    /**  news listing  **/
    .news-list .article-image-thumb,
    .news-list .article-summary {
        width: 100%;
    }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        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) ")";
    }
    /*
 * Don't show links for images, or javascript/internal links
 */
    .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; /* h5bp.com/t */
    }

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


.Share .ShareContainer {
    background: rgba(225,225,225,0.3) !important;
    color: #333;
    padding: 5px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

    .Share .ShareContainer a {
        font-size: 3em;
        margin: 5px;
    }

        .Share .ShareContainer a.facebook-style {
            margin-left: 0px;
            color: #3578E5;
        }

        .Share .ShareContainer a.instagram-style {
            color: #333;
        }

        .Share .ShareContainer a.twitter-style {
            margin-right: 0px;
            color: #1c94e0;
        }

}


/* Files */

.File {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #c4acca;
}

    .File .Size {
        float: right;
        margin-right: 5px;
        color: #9d53af
    }

    .File .DeleteButton {
        float: right;
        border: none;
        background: none;
    }

/* Margin and Padding */

.mr-10px {
    margin-right: 10px !important;
}

.mb-5px {
    margin-bottom: 5px !important;
}
.mb-10px {
    margin-bottom: 10px !important;
}

.mt-10px {
    margin-top: 10px !important;
}

.ml-5px {
    margin-left: 5px !important;
}

.pb-10px {
    padding-bottom: 10px !important;
}
.pt-10px {
    padding-top: 10px !important;
}

/* Backgrounds */
.bg-white {
    background-color: white !important;
}

/* Widths */

.width-100{
    width:100%;
}

/*************Signature*************/
.Signature {
    font-family: 'RockSalt-Regular';
    font-size: 1.5em;
}

.SignatureContainer {
    margin-top: 25px;
}

.SignatureUnderline {
    border-bottom: dotted
}

@@charset "UTF-8";

p {
    font-family: "DIN Next W01", "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 20px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    margin-bottom: 30px;
}

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

.esher_courseblocks .esher_eachCB {
    font-family: "DIN Next W01", "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 10px;
    background-color: #31B1CD24;
    padding: 10px;
    color: #1b1b1b;
    border-width: 1px;
    border-style: solid;
    border-color: #31B1CD;
    /*display: flex;
            flex-direction: row;*/
}

    .esher_courseblocks .esher_eachCB .ecb_circle {
        border-radius: 5%; /* 50*/
        display: inline-block;
        text-align: center;
        position: relative;
        height: 25px;
        width: 50px;
        min-width: 25px;
        line-height: 29px;
        background: #31B1CD;
        font-weight: 600;
        color: #fff;
    }

    .esher_courseblocks .esher_eachCB .ecb_title {
        padding-left: 15px;
        padding-top: 4px;
        display: inline-block;
        width: calc(100% - 50px);
        vertical-align: top;
    }

.ecb_footer {
    border-top: solid 1px #00000033;
    margin: 5px 0 0 65px;
    padding: 5px 0 0 0;
}

    .ecb_footer p {
        font-size: 0.9em !important;
        margin-bottom: 10px !important;
    }

    .ecb_footer li {
        font-size: 0.9em !important;
    }

.esher_courseblocks .esher_eachCB .ecb_title.no-padding {
    padding: 0px !important;
}

.esher_courseblocks .esher_eachCB.ecb_purple {
    background-color: #8C57B924;
    border-color: #8C57B9;
}

    .esher_courseblocks .esher_eachCB.ecb_purple .ecb_circle {
        background-color: #8C57B9;
    }

.esher_courseblocks .esher_eachCB.ecb_green {
    background-color: #B7C91B24;
    border-color: #B7C91B;
}

    .esher_courseblocks .esher_eachCB.ecb_green .ecb_circle {
        background-color: #B7C91B;
    }

.esher_courseblocks .esher_eachCB.ecb_orange {
    background-color: #F99B3124;
    border-color: #F99B31;
}

    .esher_courseblocks .esher_eachCB.ecb_orange .ecb_circle {
        background-color: #F99B31;
    }

.selectWrapper {
    border: 2px solid #8C57B9;
    margin-bottom: 15px;
}

    .selectWrapper .custom-select {
        position: relative;
        display: block;
        width: 100%;
        min-width: 180px;
        margin: 0 auto;
        background-color: #ffffff;
        z-index: 10;
    }

        .selectWrapper .custom-select select {
            border: none;
            outline: none;
            background: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 0;
            margin: 0;
            display: block;
            width: 100%;
            padding: 12px 55px 15px 15px;
            font-size: 14px;
            color: #8C57B9;
            font-family: "DIN Next W01", "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
            font-size: 15px;
            font-size: 1.5rem;
            line-height: 1.3;
        }

            .selectWrapper .custom-select select option {
                width: 100%;
            }

        .selectWrapper .custom-select:after {
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            height: 100%;
            line-height: 65px;
            content: "▼";
            text-align: center;
            color: #8C57B9;
            font-size: 24px;
            border-left: 1px solid #8C57B9;
            z-index: -1;
        }

        .selectWrapper .custom-select body {
            margin-top: 80px;
            background-color: #8C57B9;
        }

.ecb_diviboxes {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
}

@@media (max-width: 767.98px) {
    .ecb_diviboxes {
        flex-direction: column;
    }
}

.ecb_diviboxes > div {
    /*padding: 15px;*/
    width: 50%;
    margin-right: 10px;
    /*background: url(/img/youtube.png);
            background-size: cover;*/
    position: relative;
    box-sizing: border-box;
    /*border: 4px solid #8C57B9;*/
}

.ecb_diviboxes iframe {
    border: 4px solid #F99B31;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ecb_diviboxes > div.ecb_orange {
    /*border: 4px solid #F99B31;*/
}

.ecb_diviboxes > div:last-of-type {
    margin-right: 0;
}

@@media (max-width: 767.98px) {
    .ecb_diviboxes > div {
        width: 100%;
        margin-bottom: 15px;
    }
}

.ecb_diviboxes > div:before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 52.4633207373%;
}

.ecb_diviboxes > div .content {
    position: absolute;
    padding: 6px 12px;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
}

.btn {
    display: inline-block;
    color: white;
    padding: 6px 10px;
    text-decoration: none;
}

.btn-orange {
    background-color: #f99b31;
}

.btn-green {
    background-color: #B7C91B;
}

.ecb_diviboxes > div .content span {
    font-family: "DIN Next W01", "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.3;
    float: left;
    clear: left;
}