@charset "UTF-8";

/*

    GLOBAL RESETS
    =============

    Standard reset styles and a few extra bits and pieces including
    setting border-box on all elements.

*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote,
q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}

ins,
mark {
    background: #333;
    color: #fff;
    text-decoration: none;
}

mark {
    display: inline-block;
    padding: .1em;
    text-shadow: none;
    background: #f2d3a9;
    color: #a93901;
    border-radius: 2px;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

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

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

::-moz-selection,
::-webkit-selection,
::selection {
    text-shadow: none;
    background: #333;
    color: #fff;
}

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

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

[type=submit] {
    cursor: pointer;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

html {
    box-sizing: border-box;
}

*,
*::after,
*::before {
    box-sizing: inherit;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    appearance: none;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 1;
    padding: 0.75em 1.5em;
    text-decoration: none;
    transition: background-color 400ms ease;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

    button:hover,
    button:focus,
    input[type="button"]:hover,
    input[type="button"]:focus,
    input[type="reset"]:hover,
    input[type="reset"]:focus,
    input[type="submit"]:hover,
    input[type="submit"]:focus,
    .button:hover,
    .button:focus {
        background-color: #000;
        color: #fff;
    }

    button:disabled,
    input[type="button"]:disabled,
    input[type="reset"]:disabled,
    input[type="submit"]:disabled,
    .button:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }

        button:disabled:hover,
        input[type="button"]:disabled:hover,
        input[type="reset"]:disabled:hover,
        input[type="submit"]:disabled:hover,
        .button:disabled:hover {
            background-color: #d70c00;
        }

fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    font-weight: 600;
    margin-bottom: 0.375em;
    padding: 0;
}

label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.375em;
}

input,
select,
textarea {
    display: block;
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
}

    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    input:not([type]),
    textarea,
    select[multiple] {
        background-color: #fff;
        border: 1px solid #e0e7ee;
        border-radius: 3px;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
        box-sizing: border-box;
        margin-bottom: 0.75em;
        padding: 0.5em;
        transition: border-color 400ms ease;
        width: 100%;
    }

        input[type="color"]:hover,
        input[type="date"]:hover,
        input[type="datetime"]:hover,
        input[type="datetime-local"]:hover,
        input[type="email"]:hover,
        input[type="month"]:hover,
        input[type="number"]:hover,
        input[type="password"]:hover,
        input[type="search"]:hover,
        input[type="tel"]:hover,
        input[type="text"]:hover,
        input[type="time"]:hover,
        input[type="url"]:hover,
        input[type="week"]:hover,
        input:not([type]):hover,
        textarea:hover,
        select[multiple]:hover {
            border-color: #b3b9be;
        }

        input[type="color"]:focus,
        input[type="date"]:focus,
        input[type="datetime"]:focus,
        input[type="datetime-local"]:focus,
        input[type="email"]:focus,
        input[type="month"]:focus,
        input[type="number"]:focus,
        input[type="password"]:focus,
        input[type="search"]:focus,
        input[type="tel"]:focus,
        input[type="text"]:focus,
        input[type="time"]:focus,
        input[type="url"]:focus,
        input[type="week"]:focus,
        input:not([type]):focus,
        textarea:focus,
        select[multiple]:focus {
            border-color: #d70c00;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(190, 11, 0, 0.7);
            outline: none;
        }

        input[type="color"]:disabled,
        input[type="date"]:disabled,
        input[type="datetime"]:disabled,
        input[type="datetime-local"]:disabled,
        input[type="email"]:disabled,
        input[type="month"]:disabled,
        input[type="number"]:disabled,
        input[type="password"]:disabled,
        input[type="search"]:disabled,
        input[type="tel"]:disabled,
        input[type="text"]:disabled,
        input[type="time"]:disabled,
        input[type="url"]:disabled,
        input[type="week"]:disabled,
        input:not([type]):disabled,
        textarea:disabled,
        select[multiple]:disabled {
            background-color: #f2f2f2;
            cursor: not-allowed;
        }

            input[type="color"]:disabled:hover,
            input[type="date"]:disabled:hover,
            input[type="datetime"]:disabled:hover,
            input[type="datetime-local"]:disabled:hover,
            input[type="email"]:disabled:hover,
            input[type="month"]:disabled:hover,
            input[type="number"]:disabled:hover,
            input[type="password"]:disabled:hover,
            input[type="search"]:disabled:hover,
            input[type="tel"]:disabled:hover,
            input[type="text"]:disabled:hover,
            input[type="time"]:disabled:hover,
            input[type="url"]:disabled:hover,
            input[type="week"]:disabled:hover,
            input:not([type]):disabled:hover,
            textarea:disabled:hover,
            select[multiple]:disabled:hover {
                border: 1px solid #e0e7ee;
            }

textarea {
    resize: vertical;
}

[type="search"] {
    appearance: none;
}

[type="checkbox"],
[type="radio"] {
    display: inline;
    margin-right: 0.375em;
}

[type="file"] {
    margin-bottom: 0.75em;
    width: 100%;
}

select {
    margin-bottom: 0.75em;
    max-width: 100%;
    width: auto;
}

html {
    box-sizing: border-box;
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.flex {
    flex: 1;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

ul,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

dl {
    margin: 0;
}

dt {
    font-weight: 600;
    margin: 0;
}

dd {
    margin: 0;
}

figure {
    margin: 0;
}

img,
picture {
    margin: 0;
    max-width: 100%;
    /* make images responsive */
}

table {
    border-collapse: collapse;
    margin: 0.75em 0;
    table-layout: fixed;
    width: 100%;
}

th {
    border-bottom: 1px solid #a8adb3;
    font-weight: 600;
    padding: 0.75em 0;
    text-align: left;
}

td {
    border-bottom: 1px solid #e0e7ee;
    padding: 0.75em 0;
}

tr,
td,
th {
    vertical-align: middle;
}

html {
    font-size: 62.5%;
}

    html,
    html a {
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    }

body {
    color: #333;
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif;
    font-size: 1.55rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1.333em;
    line-height: 1.2;
    margin: 0 0 0.75em;
    font-weight: normal;
}

h3 {
    font-size: 1.5em;
}

h5,
h6 {
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 0 0 0.75em;
    font-family: 'Atlas Grotesk Medium', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
}

p {
    margin: 0 0 0.75em;
}

a {
    color: #333;
    text-decoration: none;
    transition: color 400ms ease;
}

div.page-intro-text p a, div.overview-inner span a, div.overview-inner p a, div.overview-inner p strong a {
    text-decoration: underline !important;
}

    div.page-intro-text p a:hover, div.overview-inner span a:hover, div.overview-inner p a:hover, div.overview-inner p strong a:hover {
        color: #808080 !important;
    }

a:active,
a:focus,
a:hover {
    color: #d70c00;
}

hr {
    border-bottom: 1px solid #e0e7ee;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1.5em 0;
}

.text-white {
    color: #fff;
}

@font-face {
    font-family: 'christies-ed';
    src: url("/static/fonts/christies-ed/christies-ed.eot?79563470");
    src: url("/static/fonts/christies-ed/christies-ed.eot?79563470#iefix") format("embedded-opentype"), url("/static/fonts/christies-ed/christies-ed.woff2?79563470") format("woff2"), url("/static/fonts/christies-ed/christies-ed.woff?79563470") format("woff"), url("/static/fonts/christies-ed/christies-ed.ttf?79563470") format("truetype"), url("/static/fonts/christies-ed/christies-ed.svg?79563470#christies-ed") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */


/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */


/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'christies-ed';
    src: url('../font/christies-ed.svg?79563470#christies-ed') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "christies-ed";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-angle-right:before {
    content: '\e800';
}

.courseButtons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.onlineCourseButton {
    border: 1px solid;
    background: white;
    padding: 10px;
    border-radius: 6px;
    margin: 10px 40px 0px 0px;
}

.shortCourseButton {
    border: 1px solid;
    background: white;
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
}

.footer-color{
    color : white !important;
}
.title-content h1 {
    color: white
}

.title-content p {
    color: white
}

.title-content span {
    color: white
}
/* '' */
.icon-angle-left:before {
    content: '\e801';
}


/* '' */

.icon-search:before {
    content: '\e802';
}


/* '' */

.icon-search-1:before {
    content: '\e803';
}


/* '' */

.icon-user:before {
    content: '\e804';
}


/* '' */

.icon-user-1:before {
    content: '\e805';
}


/* '' */

@font-face {
    font-family: 'Atlas Grotesk Light';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Light-Web.svg#Atlas Grotesk Light") format("svg");
    font-weight: 300;
    font-weight: normal;
    font-style: normal;
}

.atlasGroteskLight {
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Regular';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.svg#AtlasGrotesk-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.atlasGroteskRegular {
    font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Regular Italic';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-RegularItalic-Web.svg#AtlasGrotesk-RegularItalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Medium';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.svg#Atlas Grotesk Medium") format("svg");
    font-weight: 500;
    font-weight: normal;
    font-style: normal;
}

.atlasGroteskMedium {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Bold';
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.eot");
    src: url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.woff") format("font/x-woff"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.ttf") format("truetype"), url("/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.svg#AtlasGrotesk-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

.atlasGroteskBold {
    font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Baskerville10Pro';
    src: url("/static/fonts/Baskerville10/Baskerville10Pro.eot");
    src: url("/static/fonts/Baskerville10/Baskerville10Pro.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Baskerville10/Baskerville10Pro.woff2") format("woff2"), url("/static/fonts/Baskerville10/Baskerville10Pro.ttf") format("truetype"), url("/static/fonts/Baskerville10/Baskerville10Pro.svg#baskerville_10_proregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.baskerville10Pro {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Baskerville10Pro-Italic';
    src: url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.eot");
    src: url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.woff2") format("woff2"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.ttf") format("truetype"), url("/static/fonts/Baskerville10/Baskerville10Pro-Italic.svg#baskerville_10_proitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

.baskerville10ProItalic {
    font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LyonRegular';
    src: url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.eot");
    src: url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.woff") format("woff"), url("/static/fonts/LyonDisplay/LyonDisplay-Regular-Web.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.lyon {
    font-family: "LyonRegular", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'christies';
    src: url("/static/fonts/christies/Christies.eot");
    src: url("/static/fonts/christies/Christies.eot?#iefix") format("embedded-opentype"), url("/static/fonts/christies/Christies.woff2") format("woff2"), url("/static/fonts/christies/Christies.ttf") format("truetype"), url("/static/fonts/christies/Christies.svg#baskerville_10_proitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

section.home-video:after {
    content: ' ';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.45;
    filter: alpha(opacity=45);
}

section.home-video {
    height: calc(100vh);
    padding-top: 175px;
}

@media only screen and (min-width: 768px) {
    section.home-video {
        padding-top: 200px;
    }
}

@media only screen and (min-width: 1200px) {
    section.home-video {
        padding-top: 250px;
    }
}

.bg-video-content {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    text-align: left;
}

    .bg-video-content h1 {
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
        font-size: 36px;
        text-align: center;
        text-align: left;
        line-height: 1.2;
    }

@media only screen and (min-width: 768px) {
    .bg-video-content h1 {
        font-size: 40px;
        padding-bottom: 25px;
    }
}

@media only screen and (min-width: 1200px) {
    .bg-video-content h1 {
        font-size: 50px;
        padding-bottom: 30px;
    }
}

.bg-video-content h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    font-size: 24px;
    text-align: center;
    text-align: left;
    line-height: 1.2;
}

@media only screen and (min-width: 768px) {
    .bg-video-content h2 {
        font-size: 28px;
        padding-bottom: 25px;
    }
}

@media only screen and (min-width: 1200px) {
    .bg-video-content h2 {
        font-size: 32px;
        padding-bottom: 30px;
    }
}

.bg-video-content p {
    margin: 0;
    font-size: 30px;
    line-height: 1.5;
}

.bg-video-content ul li {
    margin: 0;
    font-size: 30px;
    line-height: 1.6;
    margin-left: -7px;
    text-transform: uppercase;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 768px) {
    .bg-video-content ul li {
        font-size: 35px;
    }
}

@media only screen and (min-width: 1200px) {
    .bg-video-content ul li {
        font-size: 40px;
    }
}

.bg-video-content ul li a {
    padding: 10px 7px 5px 7px;
}

    .bg-video-content ul li a:hover {
        color: #fff;
        background-color: #D70C00;
    }

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16 / 9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16 / 9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url("/static/images/videoframe.jpg") center center/cover no-repeat;
    }
    .fullscreen-bg__video {
        display: none;
    }
}

.header-wrapper {
    width: 100%;
    background: #fff;
}

header[role="banner"] {
    position: relative;
    width: 100%;
    line-height: 1rem;
}

body.node header[role="banner"] {
    margin-bottom: 0;
}

.topbar {
    position: relative;
    display: block;
    min-height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    border-bottom: 1px solid #e0e7ee;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (min-width: 768px) {
    .topbar {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .topbar {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1200px) {
    .topbar {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.topbar-expander {
    background-color: #f5f5f5;
    overflow: hidden;
    line-height: auto;
    display: none;
    margin: 0;
}

    .topbar-expander h4.form-head {
        font-size: 24px;
    }

nav[role="sub"] li a:before {
    font-family: 'christies-ed';
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

nav[role="sub"] li a.topcart:before {
    content: '\E805';
}

nav[role="sub"] li a.search:before {
    content: '\E802';
}

nav[role="sub"] li a.login:before {
    content: '\E800';
}

nav[role="sub"] {
    margin: 0;
    overflow: hidden;
    float: right;
}

    nav[role="sub"] ul {
        float: right;
        line-height: 40px;
        overflow: hidden;
    }

    nav[role="sub"] li {
        float: left;
        overflow: hidden;
        list-style: none;
        display: inline-block;
    }

        nav[role="sub"] li a {
            display: block;
            padding: 0 16px 0 0;
            position: relative;
            width: 32px;
            height: 0;
            padding-top: 50px;
            overflow: hidden;
            color: #333;
        }

            nav[role="sub"] li a span {
                font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                font-size: 11px;
                text-transform: uppercase;
            }

            nav[role="sub"] li a:hover,
            nav[role="sub"] li a.active {
                background-color: #f5f5f5;
                color: #333;
            }

            nav[role="sub"] li a:before {
                position: absolute;
                left: 6px;
                font-size: 18px;
                margin-top: -1px;
                color: #999;
            }

@media screen and (min-width: 769px) and (min-height: 420px) {
    nav[role="sub"] {
        margin: 0 -30px;
        margin: 0;
    }
        nav[role="sub"] ul {
            line-height: 48px;
            -moz-transition: line-height .3s ease, height .3s ease;
            -o-transition: line-height .3s ease, height .3s ease;
            -webkit-transition: line-height .3s ease, height .3s ease;
            transition: line-height .3s ease, height .3s ease;
        }
        nav[role="sub"] li a {
            padding: 0 12px 0 48px;
            height: auto;
            width: auto;
            -moz-transition: padding-left .3s ease;
            -o-transition: padding-left .3s ease;
            -webkit-transition: padding-left .3s ease;
            transition: padding-left .3s ease;
        }
}

.badge {
    position: absolute;
    top: 10px;
    left: 26px;
    display: inline-block;
    min-width: 10px;
    padding: 2px 4px;
    font-size: 11px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #d70c00;
    border-radius: 10px;
}

.basket-table {
    border-collapse: collapse;
    border-left: 0;
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
    table-layout: auto;
    margin-bottom: 20px;
}

    .basket-table .absorb {
        width: 100%;
    }

    .basket-table thead>tr>th {
        font-weight: normal;
    }

    .basket-table thead>tr>th,
    .basket-table tbody>tr>td {
        padding: 10px;
        line-height: 1.42857143;
        border-top: 1px solid #ddd;
        position: relative;
    }

        .basket-table thead>tr>th:first-child,
        .basket-table tbody>tr>td:first-child {
            padding-left: 0;
        }

        .basket-table thead > tr > th:last-child,
        .basket-table tbody > tr > td:last-child {
            padding-right: 0;
        }

        .basket-table thead > tr > th p,
        .basket-table tbody > tr > td p {
            margin-bottom: 0;
        }

    .basket-table input {
        font-size: 1.4rem;
        margin-top: 7px;
    }

.row {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .row:last-child {
        margin-right: 0;
    }

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

#formBasket button {
    font-size: 13px;
}

@media only screen and (min-width: 768px) {
    #formBasket button {
        font-size: 14px;
    }
}

#formBasket div.remove-button {
    width: 100%;
}

#formBasket .btn-remove {
    border: none;
    padding: 5px;
    position: absolute;
    top: 20px;
    right: 10px;
    margin-top: 0;
    color: #999;
}

    #formBasket .btn-remove:hover {
        color: #000;
        background: none;
    }

#formBasket .btn-checkout {
    background-color: #5cb85c;
    border-color: #398439;
    color: #fff;
}

    #formBasket .btn-checkout:hover {
        background-color: #449d44;
    }

#formBasket .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin-bottom: 40px;
}

    #formBasket .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin: 0;
        display: table-cell;
        font-size: 14px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

#formBasket .input-group-btn {
    position: relative;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0;
    display: table-cell;
}

    #formBasket .input-group-btn > .btn {
        position: relative;
        margin: 0;
        padding: 0.65em 1em;
        border-color: #e0e7ee;
        border-radius: 3px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-left: -2px;
        font-size: 12px;
    }

#formBasket dl.dl-horizontal {
    margin-top: 0;
    font-size: 14px;
}

    #formBasket dl.dl-horizontal dt {
        text-align: left;
        width: 130px;
        float: left;
        clear: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: normal;
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        line-height: 1.42857143;
    }

    #formBasket dl.dl-horizontal dd {
        margin-left: 140px;
        line-height: 1.42857143;
    }

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

.basketTotals {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .basketTotals:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    .basketTotals {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .basketTotals:last-child {
            margin-right: 0;
        }
}

.VoucherCodeBlock {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .VoucherCodeBlock:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    .VoucherCodeBlock {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .VoucherCodeBlock:last-child {
            margin-right: 0;
        }
}

.VoucherCodeBlock h3 {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.VoucherCodeBlock p {
    font-size: 14px;
    line-height: 1.5;
}

.search-container {
    background: #f5f5f5;
    overflow: hidden;
    color: #333;
    position: relative;
    line-height: 1.5rem;
    font-size: 1.2rem;
}

    .search-container .search-form {
        max-width: 1180px;
        margin: 0 auto;
        padding: 25px 15px 25px 20px;
        position: relative;
        cursor: text;
    }

@media only screen and (min-width: 992px) {
    .search-container .search-form {
        padding: 40px 50px;
    }
}

.search-container .input-container {
    position: relative;
}

@media only screen and (min-width: 768px) {
    .search-container .input-container {
        max-width: 600px;
        margin: auto;
    }
}

@media only screen and (min-width: 992px) {
    .search-container .input-container {
        max-width: 708px;
        margin: 10 auto;
    }
}

@media only screen and (min-width: 1200px) {
    .search-container .input-container {
        max-width: 860px;
        position: relative;
    }
}

.search-container .search-form input[type="search"],
.search-container .search-form input[type="text"] {
    height: 30px;
    padding-right: 20px;
    padding-left: 20px;
    border: none;
    z-index: 10;
    color: #999;
    position: relative;
    margin: 0;
    text-rendering: optimizeLegibility;
    width: 91%;
    height: 38px;
}

@media only screen and (min-width: 510px) {
    .search-container .search-form input[type="search"],
    .search-container .search-form input[type="text"] {
        padding-right: 30px;
        padding-left: 30px;
        width: 93%;
    }
}

@media only screen and (min-width: 768px) {
    .search-container .search-form input[type="search"],
    .search-container .search-form input[type="text"] {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .search-container .search-form input[type="search"],
    .search-container .search-form input[type="text"] {
        padding-right: 40px;
        height: 48px;
    }
}

@media only screen and (min-width: 1200px) {
    .search-container .search-form input[type="search"],
    .search-container .search-form input[type="text"] {
        width: 94%;
        padding-right: 50px;
    }
}

.search-container .search-form input[type="search"]:focus,
.search-container .search-form input[type="text"]:focus {
    color: #333;
    box-shadow: none;
    border: 1px solid #e0e7ee;
}

.search-container .search-form button[type="submit"] {
    line-height: 22px;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 4px;
    color: #ffffff;
    background: #999;
    border: 0;
    right: 0;
    padding: 0px 9px;
    border-radius: 50px;
}

@media only screen and (min-width: 992px) {
    .search-container .search-form button[type="submit"] {
        height: 40px;
        width: 40px;
    }
}

.search-container .search-form button[type="submit"]:after {
    font-family: 'christies-ed';
    content: '\E802';
    color: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    font-size: 1em;
}

@media only screen and (min-width: 992px) {
    .search-container .search-form button[type="submit"]:after {
        font-size: 1.1em;
    }
}

.search-container .search-form button[type="submit"]:hover,
.search-container .search-form button[type="submit"]:focus {
    background: #333;
}

.login-container {
    line-height: 1.5rem;
    font-size: 1.3rem;
}

    .login-container .form-head {
        margin-bottom: 18px;
        color: #333;
    }

    .login-container hr {
        border-bottom: 1px solid #e0e7ee;
        border-top: 0;
        margin-top: 0;
        margin-bottom: 40px;
        border-left: 0;
    }

    .login-container a {
        color: #333;
        text-decoration: underline;
    }

    .login-container button {
        font-size: 14px;
    }

    .login-container form input[type="text"],
    .login-container form input[type="password"] {
        color: #999;
        text-rendering: optimizeLegibility;
        border: 1px solid #ccc;
    }

        .login-container form input[type="text"]:focus,
        .login-container form input[type="password"]:focus {
            color: #333;
        }

    .login-container form input[type="submit"] {
        font-size: 14px;
        text-rendering: optimizeLegibility;
        margin-right: 50px;
    }

    .login-container p {
        margin-bottom: 20px;
    }

.login-or-register,
.password-reset {
    overflow: hidden;
    margin: auto;
    color: #999;
}

.login-or-register {
    max-width: 1180px;
}

    .login-or-register .forgot-password {
        line-height: 50px;
    }

    .login-or-register .login,
    .login-or-register .join {
        display: block;
        overflow: hidden;
    }

@media only screen and (min-width: 768px) {
    .login-or-register .login,
    .login-or-register .join {
        float: left;
        width: 50%;
    }
}

@media only screen and (min-width: 768px) {
    .login-or-register .login {
        padding-right: 5%;
        border-right: 1px solid #ccc;
    }
}

.login-or-register .join {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

@media only screen and (min-width: 768px) {
    .login-or-register .join {
        border: none;
        padding-top: 0;
        padding-left: 5%;
    }
}

.password-reset {
    max-width: 860px;
    overflow: hidden;
}

.back-to-login {
    display: block;
}

@media only screen and (min-width: 768px) {
    .back-to-login {
        display: inline-block;
    }
}

nav[role="main"] {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    nav[role="main"] {
        padding: 0;
    }
}

@media only screen and (min-width: 992px) {
    nav[role="main"] {
        padding: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    nav[role="main"] {
        padding: 0;
    }
}

section#navbar:before {
    height: 40px;
    background: #fff;
    content: ' ';
    display: block;
    left: 0;
    position: absolute;
    top: 50;
    width: 100%;
    z-index: -1;
}

section#navbar {
    width: 100%;
    background-color: #fff;
    z-index: 99;
    position: relative;
    min-height: 60px;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (min-width: 768px) {
    section#navbar {
        padding-left: 30px;
        padding-right: 30px;
        min-height: 75px;
    }
}

@media only screen and (min-width: 992px) {
    section#navbar {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1200px) {
    section#navbar {
        min-height: 90px;
        padding-left: 50px;
        padding-right: 50px;
    }
}

section#navbar.landing {
    position: fixed;
    top: 0;
    left: 0;
}

div.logo-container {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-left: 20px;
}

    div.logo-container:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    div.logo-container {
        padding-left: 12px;
    }
}

@media only screen and (min-width: 992px) {
    div.logo-container {
        padding-left: 7px;
    }
}

@media only screen and (min-width: 1200px) {
    div.logo-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        div.logo-container:last-child {
            margin-right: 0;
        }
}

div.nav-container {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    div.nav-container:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    div.nav-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        div.nav-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    div.nav-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        div.nav-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    div.nav-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%;
    }

        div.nav-container:last-child {
            margin-right: 0;
        }
}

a.logo {
    background: url(../images/logo/christies_edu_logo.svg) top left no-repeat;
    background-size: contain;
    content: ' ';
    display: inline-block;
    height: 33px;
    margin-top: 15px;
    width: 200px;
}

@media only screen and (min-width: 768px) {
    a.logo {
        height: 33px;
        margin-top: 25px;
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    a.logo {
        height: 33px;
    }
}

@media only screen and (min-width: 1200px) {
    a.logo {
        height: 36px;
        margin-top: 27px;
    }
}

a.logo.logo-ldn {
    background: url(../images/logo/christies_edu_logo_ldn.svg) top left no-repeat;
}

a.logo.logo-ny {
    background: url(../images/logo/christies_edu_logo_ny.svg) top left no-repeat;
}

a.logo.logo-hk {
    background: url(../images/logo/christies_edu_logo_hk.svg) top left no-repeat;
}

a.logo.logo-generic {
    background: url(../images/logo/christies_edu_logo.svg) top left no-repeat;
}

a.logo.landing,
a.logo-ny.landing {
    position: fixed;
    z-index: 2;
}

.menu-link,
.hamburger-box,
.hamburger-inner {
    display: none;
}

.menu {
    float: right;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    vertical-align: middle;
}

    .menu ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
        position: relative;
        display: inline-table;
    }

        .menu ul .menu > ul {
            text-align: center;
        }

        .menu ul li {
            padding: 0px;
            margin: 0;
        }

    .menu > ul > li {
        display: inline-block;
        position: relative;
    }

    .menu ul li a {
        display: block;
        text-decoration: none;
        color: #000;
        font-size: 11px;
        font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }

    .menu > ul > li > a {
        text-transform: uppercase;
        height: 60px;
        font-size: 11px;
        line-height: 60px;
        /* This bit chances the size of the text on the main heading */
        padding: 0px 9px;
        /* This is the padding between the different titles */
        -webkit-transition: color .15s;
        -moz-transition: color .15s;
        -o-transition: color .15s;
        transition: color .15s;
    }

@media only screen and (min-width: 1200px) {
    .menu > ul > li > a {
        height: 90px;
        line-height: 90px;
        font-size: 12px;
    }
}

.menu > li > ul.sub-menu {
    min-width: 10em;
    padding: 4px 0;
    background-color: #f4f4f4;
    border: 1px solid #CCC;
    margin-left: -50%;
}

.menu ul ul {
    background-color: #f4f4f4;
    border: 1px solid #CCC;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
}

.menu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 0;
    background-color: #fafafa;
    text-align: left;
    /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
    position: absolute;
    top: 50px;
    /* This is for the drop down annimation */
    left: 50%;
    margin-left: -90px;
    min-width: 180px;
    border-top: 1px solid #D70C00;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
}

@media only screen and (min-width: 1200px) {
    .menu > ul > li > ul {
        top: 80px;
    }
}

.menu > ul > li:hover > ul {
    opacity: 1;
    top: 60px;
    /* This is how far from the top the drop down annimation will go  */
    visibility: visible;
}

@media only screen and (min-width: 1200px) {
    .menu > ul > li:hover > ul {
        top: 90px;
    }
}

.menu > ul > li > ul:before {
    content: '';
    display: block;
    border-color: transparent transparent #333333 transparent;
    border-color: transparent transparent #D70C00 transparent;
    border-style: solid;
    border-width: 6px;
    /* The border on the drop down box  */
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -6px;
}

.menu ul ul > li {
    position: relative;
}

#cssmenu > ul ul > li {
    position: relative;
}

.menu ul ul > li a {
    padding: 11px 15px 11px 10px;
    height: auto;
    background-color: #f4f4f4;
    line-height: 18px;
    font-size: 13px;
    text-transform: none;
}

.menu ul ul a {
    /* This is the drop down menu, change font or size when its drops down */
    color: #323232;
    font-size: 13px;
    background-color: #fafafa;
    padding: 5px 8px 7px 16px;
    display: block;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
    transition: background-color .1s;
}

.menu ul ul > li a:hover {
    background-color: #000;
    color: #fff;
}

#cssmenu ul ul a:hover {
    background-color: #f0f0f0;
}

.menu ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

@media all and (max-width: 768px) {
    .hamburger-box {
        display: inline-block;
    }

    .hamburger-inner {
        display: block;
    }

    a.menu-link {
        display: block;
        color: #fff;
        background-color: #fff;
        float: right;
        text-decoration: none;
        padding: 12px 16px 21px;
        margin-top: 7px;
    }

    .menu {
        clear: both;
        min-width: inherit;
        float: none;
        text-align: left;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -ms-transition: all 0s ease;
        transition: all 0s ease;
    }

        .menu,
        .menu > ul ul {
            overflow: hidden;
            max-height: 0;
            background-color: #f4f4f4;
        }

            .menu > li > ul.sub-menu {
                padding: 0px;
                border: none;
            }

            .menu.active,
            .menu > ul ul.active {
                max-height: 55em;
            }

            .menu ul {
                display: inline;
                text-align: left;
            }

            .menu > ul {
                border-top: 1px solid #808080;
            }

                .menu > ul::after {
                    clear: both;
                    content: "";
                    display: table;
                }

                .menu li,
                .menu > ul > li {
                    display: block;
                }

                    .menu li a {
                        color: #000;
                        display: block;
                        padding: 0.8em;
                        border-bottom: 1px solid #e0e7ee;
                        position: relative;
                    }

                    .menu > ul > li > a {
                        padding-left: 20px;
                        height: 50px;
                        line-height: 50px;
                    }

                        .menu > ul > li > a:hover,
                        .menu > ul > li > a:focus {
                            background-color: #e4e4e4;
                        }

                    .menu li.has-submenu > a:after {
                        content: '+';
                        position: absolute;
                        top: 0;
                        right: 0;
                        display: block;
                        font-size: 1.5em;
                        padding: 0.1em 1em;
                    }

                    .menu li.has-submenu > a.active:after {
                        content: "-";
                    }

            .menu ul ul > li a {
                background-color: #e4e4e4;
                background-color: #fff;
                height: 50px;
                line-height: 50px;
                padding: 0px 18px 0px 30px;
            }

            .menu ul ul,
            .menu > ul > li > ul,
            .menu ul ul ul {
                display: inherit;
                position: relative;
                left: auto;
                top: auto;
                border: none;
            }

            .menu > ul > li > ul {
                padding: 0;
                margin: 0;
                opacity: 1;
                visibility: visible;
                -webkit-transition: all 0s 0s;
                -moz-transition: all 0s 0s;
                -o-transition: all 0s 0s;
                transition: all 0s 0s;
            }

            .menu > ul > li:hover > ul {
                top: 0;
                /* This is how far from the top the drop down annimation will go  */
            }
}

main {
    min-height: 500px;
    position: relative;
}

.container-wrapper {
    overflow: hidden;
    padding: 40px 40px 30px 40px;
}

@media only screen and (min-width: 992px) {
    .container-wrapper {
        padding: 60px 80px 60px 80px;
    }
}

.container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    min-height: 200px;
}

    .container::after {
        clear: both;
        content: "";
        display: table;
    }

.intro {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-bottom: 40px;
    padding-right: 20px;
}

    .intro:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .intro {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .intro:last-child {
            margin-right: 0;
        }
}

strong {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
}

.course-selector {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .course-selector:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .course-selector {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .course-selector:last-child {
            margin-right: 0;
        }
}

h3.section-title {
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.6rem;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    margin-bottom: 50px;
}

.content-block,
.content-block-owl,
.content-block-iso,
.content-card {
    min-height: 420px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 25px;
}

    .content-block .block-image-container,
    .content-block-owl .block-image-container,
    .content-block-iso .block-image-container,
    .content-card .block-image-container {
        background-color: #f8f8f8;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .content-block .block-image-container img,
        .content-block-owl .block-image-container img,
        .content-block-iso .block-image-container img,
        .content-card .block-image-container img {
            display: block;
            width: 100%;
        }

        .content-block .block-image-container:before,
        .content-block-owl .block-image-container:before,
        .content-block-iso .block-image-container:before,
        .content-card .block-image-container:before {
            content: '';
            background: rgba(0, 0, 0, 0.01);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background 0.3s linear;
        }

        .content-block .block-image-container:after,
        .content-block-owl .block-image-container:after,
        .content-block-iso .block-image-container:after,
        .content-card .block-image-container:after {
            content: "";
            background-color: transparent;
            border-bottom: 0px solid #d70c00;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background-color 0.4s, border-bottom 0.2s;
        }

    .content-block a.wrap-link,
    .content-block div.wrap-link,
    .content-block-owl a.wrap-link,
    .content-block-owl div.wrap-link,
    .content-block-iso a.wrap-link,
    .content-block-iso div.wrap-link,
    .content-card a.wrap-link,
    .content-card div.wrap-link {
        text-decoration: none;
        color: #333;
        display: block;
        transition: all .25s ease;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .content-block a.wrap-link:hover,
        .content-block div.wrap-link:hover,
        .content-block-owl a.wrap-link:hover,
        .content-block-owl div.wrap-link:hover,
        .content-block-iso a.wrap-link:hover,
        .content-block-iso div.wrap-link:hover,
        .content-card a.wrap-link:hover,
        .content-card div.wrap-link:hover {
            color: #d70c00;
            cursor: pointer;
        }

            .content-block a.wrap-link:hover .block-image-container:after,
            .content-block div.wrap-link:hover .block-image-container:after,
            .content-block-owl a.wrap-link:hover .block-image-container:after,
            .content-block-owl div.wrap-link:hover .block-image-container:after,
            .content-block-iso a.wrap-link:hover .block-image-container:after,
            .content-block-iso div.wrap-link:hover .block-image-container:after,
            .content-card a.wrap-link:hover .block-image-container:after,
            .content-card div.wrap-link:hover .block-image-container:after {
                background-color: rgba(0, 0, 0, 0.15);
                border-bottom: 3px solid #d70c00;
            }

.content-card {
    position: relative;
}

.content-block-iso {
    margin-right: 0 !important;
}

.owl-item {
    background: #fff;
}

.content-block,
.content-block-owl,
.content-block-iso {
    width: 100%;
    min-height: 470px;
}

    .content-block::after,
    .content-block-owl::after,
    .content-block-iso::after {
        clear: both;
        content: "";
        display: table;
    }

@media only screen and (min-width: 510px) {
    .content-block,
    .content-block-owl,
    .content-block-iso {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        min-height: 420px;
    }

        .content-block:last-child,
        .content-block-owl:last-child,
        .content-block-iso:last-child {
            margin-right: 0;
        }

        .content-block:nth-child(2n),
        .content-block-owl:nth-child(2n),
        .content-block-iso:nth-child(2n) {
            margin-right: 0;
        }

        .content-block:nth-child(2n+1),
        .content-block-owl:nth-child(2n+1),
        .content-block-iso:nth-child(2n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 992px) {
    .content-block,
    .content-block-owl,
    .content-block-iso {
        min-height: 470px;
    }
}

@media only screen and (min-width: 1200px) {
    .content-block,
    .content-block-owl,
    .content-block-iso {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        min-height: 450px;
    }

        .content-block:nth-child(2n),
        .content-block-owl:nth-child(2n),
        .content-block-iso:nth-child(2n) {
            margin-right: 2.3576515979%;
        }

        .content-block:nth-child(2n+1),
        .content-block-owl:nth-child(2n+1),
        .content-block-iso:nth-child(2n+1) {
            clear: none;
        }

        .content-block:last-child,
        .content-block-owl:last-child,
        .content-block-iso:last-child {
            margin-right: 0;
        }

        .content-block:nth-child(4n),
        .content-block-owl:nth-child(4n),
        .content-block-iso:nth-child(4n) {
            margin-right: 0;
        }

        .content-block:nth-child(4n+1),
        .content-block-owl:nth-child(4n+1),
        .content-block-iso:nth-child(4n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 510px) {
    .content-card {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .content-card:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    .content-card {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .content-card:last-child {
            margin-right: 0;
        }
}

.gutter-sizer {
    width: 2.3%;
}

.block-text,
.block-text-small,
.block-text-staff,
.block-text-cmag,
.block-more-link {
    padding: 20px 20px 10px 20px;
}

    .block-text h3,
    .block-text-small h3,
    .block-text-staff h3,
    .block-text-cmag h3,
    .block-more-link h3 {
        font-size: 2rem;
    }

    .block-text p,
    .block-text-small p,
    .block-text-staff p,
    .block-text-cmag p,
    .block-more-link p {
        font-size: 1.3rem;
        color: #999;
    }

        .block-text p.small,
        .block-text-small p.small,
        .block-text-staff p.small,
        .block-text-cmag p.small,
        .block-more-link p.small {
            font-size: 1.1rem;
            bottom: 20px;
            margin: 0;
        }

            .block-text p.small span,
            .block-text-small p.small span,
            .block-text-staff p.small span,
            .block-text-cmag p.small span,
            .block-more-link p.small span {
                color: #333;
            }

    .block-text ul.box-links,
    .block-text-small ul.box-links,
    .block-text-staff ul.box-links,
    .block-text-cmag ul.box-links,
    .block-more-link ul.box-links {
        position: relative;
        padding-top: 10px;
        margin-top: -10px;
    }

        .block-text ul.box-links li,
        .block-text-small ul.box-links li,
        .block-text-staff ul.box-links li,
        .block-text-cmag ul.box-links li,
        .block-more-link ul.box-links li {
            font-size: 1.4rem;
        }

            .block-text ul.box-links li:first-child:before,
            .block-text-small ul.box-links li:first-child:before,
            .block-text-staff ul.box-links li:first-child:before,
            .block-text-cmag ul.box-links li:first-child:before,
            .block-more-link ul.box-links li:first-child:before {
                background-color: #000;
                content: "";
                height: 1px;
                left: 0;
                position: absolute;
                top: 0;
                width: 1em;
            }

.block-text {
    min-height: 147px;
}

.block-text-small {
    position: absolute;
    bottom: 12px;
}

.block-text-staff,
.block-text-cmag {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.6) 100%);
    padding-bottom: 20px;
    transition: all 0.5s ease-in-out;
}

.block-more-link {
    padding-top: 0;
    position: relative;
}

.block-text.box-nav {
    padding: 20px 0px 20px 0px;
}

    .block-text.box-nav h3 {
        font-size: 1.8rem;
        padding: 0 20px;
    }

    .block-text.box-nav p {
        font-size: 1.4rem;
        color: #999;
    }

        .block-text.box-nav p.small {
            font-size: 1.1rem;
            position: absolute;
            bottom: 20px;
            margin: 0;
        }

            .block-text.box-nav p.small span {
                color: #333;
            }

    .block-text.box-nav ul li {
        font-size: 1.4rem;
        border-top: 1px solid #ddd;
    }

        .block-text.box-nav ul li a {
            color: #333;
            display: block;
            padding: 15px 20px;
        }

            .block-text.box-nav ul li a:hover {
                background-color: #ebebeb;
                background-color: #333;
                color: #fff;
            }

        .block-text.box-nav ul li:last-child {
            border-bottom: 1px solid #ddd;
        }

div.block-text.box-nav i,
nav.block-text.box-nav i {
    margin-right: 10px;
    color: #d70c00;
}

div.block-text.box-nav a:hover i,
nav.block-text.box-nav a:hover i {
    color: #fff;
}

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

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

.flex-direction-nav a {
    top: 21%;
}

@media only screen and (min-width: 510px) {
    .flex-direction-nav a {
        top: 25%;
    }
}

@media only screen and (min-width: 768px) {
    .flex-direction-nav a {
        top: 45%;
    }
}

.select-style {
    padding: 0;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    font-size: 1.4rem;
    line-height: 1.4rem;
    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 95% 50%;
}

    .select-style select {
        font-size: 1.4rem;
        padding: 12px 20px;
        margin: 0;
        width: 130%;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .select-style select:focus {
            outline: none;
        }

.campus-selector-wrapper {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
}

    .campus-selector-wrapper:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .campus-selector-wrapper {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .campus-selector-wrapper:last-child {
            margin-right: 0;
        }
}

div.dd-select {
    background-color: #fff !important;
}

.dd-select {
    border: solid 1px #e0e7ee !important;
}

.dd-select {
    border-top: none !important;
    border-bottom: none !important;
    border-right: 1px solid #e0e7ee !important;
    border-left: 1px solid #e0e7ee !important;
}

.dd-selected {
    padding: 4px 10px 4px 5px !important;
}

@media only screen and (min-width: 768px) {
    .dd-selected {
        padding: 4px 10px 4px 10px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .dd-selected {
        padding: 4px 10px !important;
    }
}

.dd-container .dd-select {
    width: 159px !important;
}

@media only screen and (min-width: 768px) {
    .dd-container .dd-select {
        width: 200px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .dd-container .dd-select {
        width: 200px !important;
    }
}

.dd-selected-text {
    line-height: 21px !important;
    line-height: 39px !important;
    font-size: 10px !important;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-top: 2px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@media only screen and (min-width: 768px) {
    .dd-selected-text {
        font-size: 11px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .dd-selected-text {
        font-size: 11px !important;
    }
}

.dd-selected-image {
    padding-top: 4px;
    padding-top: 13px;
}

.dd-options {
    border: solid 1px #e0e7ee !important;
    border-top: solid 1px #e0e7ee !important;
    margin-top: 8px;
    margin-top: 0px !important;
    box-shadow: none !important;
    transform-origin: 50% 0;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

.dd-option-image {
    padding-top: 2px;
    padding-top: 11px;
}

.dd-option {
    border-bottom: none !important;
    padding: 4px 10px 4px 18px !important;
}

@media only screen and (min-width: 1200px) {
    .dd-option {
        padding: 4px 10px !important;
    }
}

label.dd-option-text {
    line-height: 21px;
    line-height: 39px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

.dd-pointer {
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -4px;
}

.dd-pointer-down {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.dd-pointer-up {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.language-selector {
    position: absolute;
    left: 160px;
    top: 19px;
}

@media only screen and (max-width: 767px) {
    .language-selector {
        left: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .language-selector {
        left: 50px;
    }
}

@media only screen and (min-width: 992px) {
    .language-selector {
        left: 65px;
    }
}

/* The Overlay (background) */

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 0;
    width: 100%;
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: black;
    /* Black fallback color */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}


/* Position the content inside the overlay */

.overlay-content {
    position: relative;
    /*top: 25%;*/
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}


/* The navigation links inside the overlay */

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    /* Display block instead of inline */
    transition: 0.3s;
    /* Transition effects on hover (color) */
}


    /* When you mouse over the navigation links, change their color */

    .overlay a:hover,
    .overlay a:focus {
        color: #f1f1f1;
    }


/* Position the close button (top right corner) */

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    z-index: 999;
    cursor: pointer;
}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px;
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.title-content {
    width: 100%;
    text-align: center;
    bottom: 0px;
    left: 0;
    z-index: 2;
    position: absolute;
    margin-bottom: -5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.3);
    height: -webkit-fill-available;
}

    .title-content h1 {
        font-size: 40px;
        font-weight: 300;
    }

@media only screen and (max-width: 767px) {
    .title-content {
        height: 100%;
        margin-bottom : 0%;
    }

        .title-content h1 {
            font-size: 18px;
            font-weight: 400;
            padding: 0 20px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .title-content {
        height: 120%;
    }

        .title-content h1 {
            font-size: 40px;
            font-weight: 300;
        }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .title-content {
        height: 120%;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1366px) {
    .title-content {
        height: 120%;
    }
}

.general-title-content {
    margin-bottom: 0%;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .title-content {
        position: absolute;
    }
}

div.title-text,
div.title-text .wide-title,
div.page-title-bg,
div.page-title-bg .wide-title {
    z-index: 101;
    color: #333;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    padding: 30px 20px 40px;
}

@media only screen and (min-width: 768px) {
    div.title-text,
    div.title-text .wide-title,
    div.page-title-bg,
    div.page-title-bg .wide-title {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.title-text:last-child,
        div.title-text .wide-title:last-child,
        div.page-title-bg:last-child,
        div.page-title-bg .wide-title:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    div.title-text,
    div.title-text .wide-title,
    div.page-title-bg,
    div.page-title-bg .wide-title {
        padding: 40px 40px 50px;
    }
}

@media only screen and (min-width: 1200px) {
    div.title-text,
    div.title-text .wide-title,
    div.page-title-bg,
    div.page-title-bg .wide-title {
        padding: 40px 60px 40px;
    }
}

@media only screen and (min-width: 768px) {
    div.title-text div.title-text .wide-title,
    div.title-text div.page-title-bg .wide-title,
    div.title-text .wide-title div.title-text .wide-title,
    div.title-text .wide-title div.page-title-bg .wide-title,
    div.page-title-bg div.title-text .wide-title,
    div.page-title-bg div.page-title-bg .wide-title,
    div.page-title-bg .wide-title div.title-text .wide-title,
    div.page-title-bg .wide-title div.page-title-bg .wide-title {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%;
    }

        div.title-text div.title-text .wide-title:last-child,
        div.title-text div.page-title-bg .wide-title:last-child,
        div.title-text .wide-title div.title-text .wide-title:last-child,
        div.title-text .wide-title div.page-title-bg .wide-title:last-child,
        div.page-title-bg div.title-text .wide-title:last-child,
        div.page-title-bg div.page-title-bg .wide-title:last-child,
        div.page-title-bg .wide-title div.title-text .wide-title:last-child,
        div.page-title-bg .wide-title div.page-title-bg .wide-title:last-child {
            margin-right: 0;
        }
}

div.title-text span.course-level,
div.title-text span.page-pre-title,
div.title-text .wide-title span.course-level,
div.title-text .wide-title span.page-pre-title,
div.page-title-bg span.course-level,
div.page-title-bg span.page-pre-title,
div.page-title-bg .wide-title span.course-level,
div.page-title-bg .wide-title span.page-pre-title {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding-bottom: 15px;
    display: block;
    letter-spacing: 1px;
}

div.title-text h1,
div.title-text .wide-title h1,
div.page-title-bg h1,
div.page-title-bg .wide-title h1 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 0.6em;
}

@media only screen and (min-width: 768px) {
    div.title-text h1,
    div.title-text .wide-title h1,
    div.page-title-bg h1,
    div.page-title-bg .wide-title h1 {
        font-size: 34px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 992px) {
    div.title-text h1,
    div.title-text .wide-title h1,
    div.page-title-bg h1,
    div.page-title-bg .wide-title h1 {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 0.2em;
    }
}

@media only screen and (min-width: 1200px) {
    div.title-text h1,
    div.title-text .wide-title h1,
    div.page-title-bg h1,
    div.page-title-bg .wide-title h1 {
        font-size: 42px;
        line-height: 50px;
    }
}

div.title-text p,
div.title-text .wide-title p,
div.page-title-bg p,
div.page-title-bg .wide-title p {
    margin: 0 0 1em;
}

ul.slides li {
    position: relative;
    zoom: 1;
}

section#overview {
    width: 100%;
    background: #f8f8f8;
}

div.overview-inner {
    padding: 30px 20px 40px;
}

@media only screen and (min-width: 768px) {
    div.overview-inner {
        padding: 50px 40px 50px;
    }
}

@media only screen and (min-width: 1200px) {
    div.overview-inner {
        padding: 50px 60px 50px;
    }
}

div.overview-inner p {
    font-size: 14px;
    color: #333;
}

@media only screen and (min-width: 992px) {
    div.overview-inner p {
        font-size: 16px;
    }
}

div.overview-inner p strong {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

section.filters {
    width: 100%;
    background: #333333;
    min-height: 65px;
    padding: 20px;
}

@media only screen and (min-width: 768px) {
    section.filters {
        padding: 30px 39px 10px 39px;
    }
}

section.filters div.filter-group {
    display: inline-block;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    margin-bottom: 20px;
}

    section.filters div.filter-group:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    section.filters div.filter-group {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        section.filters div.filter-group:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    section.filters div.filter-group {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        section.filters div.filter-group:last-child {
            margin-right: 0;
        }
}

section.filters div.filter-search {
    display: inline-block !important;
    padding-top: 3px;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    vertical-align: top !important;
    float: none !important;
}

    section.filters div.filter-search:last-child {
        margin-right: 0;
    }

    section.filters div.filter-search [type='text'] {
        border-radius: 0;
        margin-bottom: 0;
        vertical-align: top !important;
    }

        section.filters div.filter-search [type='text']:focus {
            border: none;
        }

@media only screen and (min-width: 768px) {
    section.filters div.filter-search {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        section.filters div.filter-search:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    section.filters div.filter-search {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        margin-left: 25.5894128995%;
    }

        section.filters div.filter-search:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    section.filters div.filter-search.faq-search {
        margin-left: 51.178825799%;
    }
}

section.filters div.filter-group > small {
    color: #fff;
    margin-right: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.dateFilter,
.subjectFilter,
.locationFilter,
.coursesFilter,
.yearFilter,
.topicFilter,
.whenFilter,
.eLocationFilter,
.cLocationFilter,
.typeFilter {
    color: white;
    /*    width: 250px;*/
    min-height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    background: none;
    border: 1px solid #fff;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    position: relative;
    /*    margin-right: 30px;*/
    padding: 0 15px;
}

    .dateFilter:after,
    .subjectFilter:after,
    .coursesFilter:after,
    .locationFilter:after,
    .yearFilter:after,
    .topicFilter:after,
    .whenFilter:after,
    .eLocationFilter:after,
    .cLocationFilter:after,
    .typeFilter:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 16px;
        top: 50%;
        color: #fff;
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: grey transparent;
    }

.dateText,
.subjectText,
.locationText,
.coursesText,
.yearText,
.topicText,
.whenText,
.eLocationText,
.cLocationText,
.typeText {
    /*    padding: 10px;*/
}

.selected {
    background-color: #333;
    color: #fff;
}

.hide {
    display: none;
}

.dateFilter .dateOptions,
.subjectFilter .subjectOptions,
.coursesFilter .coursesOptions,
.locationFilter .locationOptions,
.yearFilter .yearOptions,
.topicFilter .topicOptions,
.whenFilter .whenOptions,
.eLocationFilter .eLocationOptions,
.cLocationFilter .cLocationOptions,
.typeFilter .typeOptions {
    background-color: #fff;
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: -1px;
    margin-right: -1px;
    border: 1px solid #fff;
    line-height: 28px;
}

    .dateFilter .dateOptions a,
    .coursesFilter .coursesOptions a,
    .subjectFilter .subjectOptions a,
    .locationFilter .locationOptions a,
    .yearFilter .yearOptions a,
    .topicFilter .topicOptions a,
    .whenFilter .whenOptions a,
    .eLocationFilter .eLocationOptions a,
    .cLocationFilter .cLocationOptions a,
    .typeFilter .typeOptions a {
        transition: all 0.2s ease-out;
        padding: 5px 15px;
        font-size: smaller;
        display: block;
    }

a.disabled {
    color: #ccc;
}

    a.disabled.selected {
        background-color: #fff;
    }

.dateFilter .dateOptions a:hover,
.subjectFilter .subjectOptions a:hover,
.coursesFilter .coursesOptions a:hover,
.locationFilter .locationOptions a:hover,
.yearFilter .yearOptions a:hover,
.topicFilter .topicOptions a:hover,
.whenFilter .whenOptions a:hover,
.eLocationFilter .eLocationOptions a:hover,
.cLocationFilter .cLocationOptions a:hover,
.typeFilter .typeOptions a:hover {
    background-color: #f5f5f5;
}

a.disabled:hover {
    background-color: #fff !important;
    cursor: default;
}

.tester {
    /*  display:inline-block;*/
}

section#course-blocks,
section#news-blocks,
section#event-blocks,
section#faculty-blocks,
section#cmag-blocks {
    width: 100%;
    padding: 40px 20px;
    background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
    section#course-blocks,
    section#news-blocks,
    section#event-blocks,
    section#faculty-blocks,
    section#cmag-blocks {
        padding: 50px 39px 30px 39px;
    }
}

section#course-blocks a.wrap-link,
section#news-blocks a.wrap-link,
section#event-blocks a.wrap-link,
section#faculty-blocks a.wrap-link,
section#cmag-blocks a.wrap-link {
    position: auto;
}

section#course-blocks div.wrap-link,
section#news-blocks div.wrap-link,
section#event-blocks div.wrap-link,
section#faculty-blocks div.wrap-link,
section#cmag-blocks div.wrap-link {
    position: auto;
}

.ribbon-wrapper {
    height: 85px;
    width: 85px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 9999;
}

    .ribbon-wrapper .ribbon {
        background-color: #d70c00;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        color: #fff;
        left: -5px;
        line-height: 1.6em;
        padding: 5px 7px 2px;
        position: relative;
        text-align: center;
        top: 15px;
        transform: rotate(45deg);
        width: 120px;
        font-size: 10px;
        font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }

div.tabbed-content-wrapper {
    width: 100%;
    height: 43px;
    background-color: #333;
    padding: 0;
    display: none;
}

@media only screen and (min-width: 768px) {
    div.tabbed-content-wrapper {
        display: block;
    }
}

section.tabbed-content,
div.tabbed-content,
article.main-content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    section.tabbed-content:last-child,
    div.tabbed-content:last-child,
    article.main-content:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
    }

        section.tabbed-content:last-child,
        div.tabbed-content:last-child,
        article.main-content:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content {
        font-size: 16px;
        line-height: 24px;
        height: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
        font-size: 16px;
        line-height: 24px;
    }

        section.tabbed-content:last-child,
        div.tabbed-content:last-child,
        article.main-content:last-child {
            margin-right: 0;
        }
}

section.tabbed-content,
div.tabbed-content,
article.main-content,
article.full-width {
    font-size: 14px;
    line-height: 20px;
    color: #2b2b2b;
}

@media only screen and (min-width: 992px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content,
    article.full-width {
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 1200px) {
    section.tabbed-content,
    div.tabbed-content,
    article.main-content,
    article.full-width {
        font-size: 16px;
        line-height: 24px;
    }
}

section.tabbed-content a,
article.main-content a,
article.full-width a {
    /*color: #a40900;*/
    color: #000 !important;
    text-decoration: underline !important;
}

@media only screen and (min-width: 768px) {
    div.tabbed-content a {
        /*color: #000 !important;*/
        text-decoration: underline !important;
    }
}

section.tabbed-content a:hover,
div.tabbed-content a:hover,
article.main-content a:hover,
article.full-width a:hover {
    color: #808080 !important;
}

section.tabbed-content h2,
div.tabbed-content h2,
article.main-content h2,
article.full-width h2 {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.1em;
    letter-spacing: -1px;
}

section.tabbed-content h3,
div.tabbed-content h3,
article.main-content h3,
article.full-width h3 {
    font-size: 1.8em;
}

section.tabbed-content h4,
div.tabbed-content h4,
article.main-content h4,
article.full-width h4 {
    font-size: 14px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    margin: 1em 0 0.5em;
}

@media only screen and (min-width: 992px) {
    section.tabbed-content h4,
    div.tabbed-content h4,
    article.main-content h4,
    article.full-width h4 {
        font-size: 16px;
    }
}

section.tabbed-content h5,
div.tabbed-content h5,
article.main-content h5,
article.full-width h5 {
    font-size: 16px;
    font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    margin: 1em 0 0.5em;
}

@media only screen and (min-width: 992px) {
    section.tabbed-content h5,
    div.tabbed-content h5,
    article.main-content h5,
    article.full-width h5 {
        font-size: 18px;
    }
}

section.tabbed-content p,
div.tabbed-content p,
article.main-content p,
article.full-width p {
    color: #333;
    line-height: 1.7em;
}

section.tabbed-content ul,
div.tabbed-content ul,
article.main-content ul,
article.full-width ul {
    margin-bottom: 1em;
    list-style: disc;
}

section.tabbed-content li,
div.tabbed-content li,
article.main-content li,
article.full-width li {
    /*padding-left: 16px;*/
    line-height: 28px;
    margin-left: 20px;
}

article.main-content {
    padding-top: 0;
}

    div.tabbed-content p strong,
    article.main-content p strong {
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-weight: normal;
    }

    div.tabbed-content p.course-intro,
    article.main-content p.news-intro {
        font-size: 21px;
        line-height: 32px;
        font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        padding-bottom: 20px;
    }

@media only screen and (min-width: 992px) {
    div.tabbed-content p.course-intro,
    article.main-content p.news-intro {
        font-size: 24px;
        line-height: 34px;
    }
}

.horizontal-tabs-container {
    margin-bottom: 1.5em;
    overflow: hidden;
    width: 100%;
}

    .horizontal-tabs-container::after {
        clear: both;
        content: "";
        display: table;
    }

    .horizontal-tabs-container a {
        color: #d70c00;
        text-decoration: none;
    }

    .horizontal-tabs-container .horizontal-tabs {
        display: none;
    }

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tabs {
        background-color: #333;
        display: block;
        float: left;
        height: auto;
        width: 100%;
        padding-left: 20px;
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tabs {
        padding-left: 40px;
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
    .horizontal-tabs-container .horizontal-tabs {
        padding-left: 60px;
    }
}

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tabs li {
        list-style: none;
    }

    .horizontal-tabs-container .horizontal-tabs a {
        color: #d70c00;
        text-decoration: none;
        font-size: 14px;
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }
}

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab {
        display: inline-block;
        margin-right: -5px;
        padding: 0.75em 0.809em;
    }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .horizontal-tabs-container .horizontal-tab {
        padding: 0.75em 1.618em;
    }
}

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab:hover {
        background-color: #000;
    }

    .horizontal-tabs-container .horizontal-tab.is-active {
        background-color: white;
    }
}

.horizontal-tabs-container a.horizontal-tab {
    color: white;
    border-right: 1px solid #fff;
}

    .horizontal-tabs-container a.horizontal-tab.is-active {
        color: #333;
        border-top: 1px solid #fff;
    }

.horizontal-tabs-container a.horizontal-tab-accordion-heading {
    color: #ededed;
    padding: 0.75em 1.618em;
}

    .horizontal-tabs-container a.horizontal-tab-accordion-heading.is-active {
        border-top: 1px solid #fff;
    }

.horizontal-tabs-container .horizontal-tab:focus {
    outline: none;
}

.horizontal-tabs-container .horizontal-tab-content-container {
    display: block;
    margin: -40px -20px 0 -20px;
}

    .horizontal-tabs-container .horizontal-tab-content-container a:focus {
        outline: none;
    }

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab-content-container {
        height: auto;
        width: auto;
        background-color: white;
        display: inline-block;
        margin: 0 auto;
        width: 100%;
    }
}

.horizontal-tabs-container .horizontal-tab-content {
    background-color: white;
    padding: 1.5em 1.618em;
    padding-top: 30px;
}

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab-content {
        border: 0;
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab-content {
        padding: 1.5em 2.427em;
        padding: 0px 10px 40px 0px;
    }
}

@media only screen and (min-width: 992px) {
    .horizontal-tabs-container .horizontal-tab-content {
        padding-top: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .horizontal-tabs-container .horizontal-tab-content {
        padding-top: 0;
    }
}

.horizontal-tabs-container .horizontal-tab-accordion-heading {
    background-color: #333;
    background-color: #333;
    border-top: 1px solid #e0e7ee;
    cursor: pointer;
    display: block;
    padding: 0.75em 0.809em;
}

    .horizontal-tabs-container .horizontal-tab-accordion-heading:focus,
    .horizontal-tabs-container .horizontal-tab-accordion-heading:hover {
        background-color: #000;
        color: #fff;
    }

    .horizontal-tabs-container .horizontal-tab-accordion-heading:first-child {
        border-top: 0;
    }

    .horizontal-tabs-container .horizontal-tab-accordion-heading.is-active {
        background: #000;
        border-bottom: 0;
        color: #fff;
    }

@media screen and (min-width: 768px) {
    .horizontal-tabs-container .horizontal-tab-accordion-heading {
        display: none;
    }
}

.horizontal-tabs-container .horizontal-tab-accordion-heading:after {
    content: '\002B';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #ccc;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.horizontal-tabs-container .horizontal-tab-accordion-heading.is-active:after {
    content: "\2212";
    /* Unicode character for "minus" sign (-) */
}


/* Style the buttons that are used to open and close the accordion panel */

button.accordion {
    color: #444;
    font-size: 15px;
    cursor: pointer;
    padding: 15px 15px 15px 2px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin: 0;
    border-top: 1px solid #e0e7ee;
}

@media only screen and (min-width: 768px) {
    button.accordion {
        padding: 15px 15px 15px 2px;
    }
}

button.accordion:after {
    content: '\002B';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
    /* Unicode character for "minus" sign (-) */
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

button.accordion:hover,
button.accordion:focus {
    background-color: #eee;
}


/* Style the accordion panel. Note: hidden by default */

div.panel,
div.faq-panel {
    padding: 0 20px 10px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    display: none;
    font-size: 12px;
}

@media only screen and (min-width: 992px) {
    div.panel,
    div.faq-panel {
        padding: 0 9px 10px;
        font-size: 14px;
    }
}

div.panel p,
div.faq-panel p {
    margin: 1em 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

div.panel ul,
div.faq-panel ul {
    list-style: disc;
    padding-left: 30px;
}

div.panel li,
div.faq-panel li {
    list-style: disc;
}


/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */

div.panel.show {
    opacity: 1;
    display: block;
    max-height: 5000px;
    /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

button.accordion.faq {
    font-size: 14px;
}

@media only screen and (min-width: 768px) {
    button.accordion.faq {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    button.accordion.faq {
        font-size: 18px;
    }
}

section#testimonials {
    width: 100%;
    background: #333;
    background: #3d4c53;
    padding: 50px 20px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    section#testimonials {
        padding: 70px 20px;
    }
}

section#testimonials .flexslider {
    background: transparent;
}

div.testimonial-inner {
    max-width: 800px;
    margin: 0 auto;
}

    div.testimonial-inner p {
        color: #fff;
    }

        div.testimonial-inner p.testimonial {
            font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 1.2em;
        }

@media only screen and (min-width: 768px) {
    div.testimonial-inner p.testimonial {
        font-size: 26px;
        line-height: 38px;
    }
}

div.testimonial-inner p.testimonial-author {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    div.testimonial-inner p.testimonial-author {
        font-size: 14px;
        line-height: 20px;
    }
}

div.testimonial-inner p.testimonial-course,
div.testimonial-inner p.testimonial-position,
div.testimonial-inner p.testimonial-dates {
    font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    div.testimonial-inner p.testimonial-course,
    div.testimonial-inner p.testimonial-position,
    div.testimonial-inner p.testimonial-dates {
        font-size: 12px;
        line-height: 18px;
    }
}

section#related-content {
    width: 100%;
    background: #f8f8f8;
    padding: 50px 20px 40px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    section#related-content {
        padding: 50px 20px 60px;
    }
}

section#related-content a {
    border: 1px solid #333;
    color: #000;
    display: inline-block;
    padding: 0 10px;
    font-size: 10px;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    margin: 0 15px 15px 0;
    transition: background-color 0.5s, color 0.5s;
    -webkit-transition: background-color 0.5s, color 0.5s;
    -moz-transition: background-color 0.5s, color 0.5s;
    -ms-transition: background-color 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, color 0.5s;
}

@media only screen and (min-width: 768px) {
    section#related-content a {
        padding: 0 15px;
        font-size: 12px;
        height: 45px;
        line-height: 45px;
        margin: 0 20px 20px 0;
    }
}

section#related-content a:hover,
section#related-content a:focus {
    background: #333;
    color: #fff;
}

div.related-content-inner {
    max-width: 800px;
    margin: 0 auto;
}

    div.related-content-inner p {
        margin-bottom: 30px;
        font-size: 16px;
        font-family: "Baskerville10Pro-Italic", Georgia, Cambria, "Times New Roman", Times, serif;
    }

div.table-list {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

    div.table-list::after {
        clear: both;
        content: "";
        display: table;
    }

    div.table-list .table-head {
        padding: 10px;
        background: #ababab;
        font-size: 16px;
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }

        div.table-list .table-head h5 {
            font-size: 14px;
            color: #fff;
        }

    div.table-list .table-col-head {
        background: #f8f8f8;
        overflow: hidden;
        display: none;
    }

@media only screen and (min-width: 768px) {
    div.table-list .table-col-head {
        display: block;
    }
}

div.table-list .table-col-head h6 {
    margin: 0;
}

div.table-list ul {
    list-style: none;
    font-size: 14px;
}

    div.table-list ul.meet-region {
        width: 100%;
    }

    div.table-list ul.table-row {
        border-top: 1px solid #e0e7ee;
        padding: 15px 0;
    }

div.table-list li {
    list-style: none;
    padding-left: 0;
    display: block;
}

    div.table-list li::after {
        clear: both;
        content: "";
        display: table;
    }

    div.table-list li:before {
        content: none;
    }

    div.table-list li.table-cell {
        padding-left: 15px;
        vertical-align: top;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.table-list li.table-cell:last-child {
            margin-right: 0;
        }

        div.table-list li.table-cell:nth-child(2n) {
            margin-right: 0;
        }

        div.table-list li.table-cell:nth-child(2n+1) {
            clear: left;
        }

@media only screen and (min-width: 768px) {
    div.table-list li.table-cell {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        div.table-list li.table-cell:nth-child(2n) {
            margin-right: 2.3576515979%;
        }

        div.table-list li.table-cell:nth-child(2n+1) {
            clear: none;
        }

        div.table-list li.table-cell:last-child {
            margin-right: 0;
        }

        div.table-list li.table-cell:nth-child(4n) {
            margin-right: 0;
        }

        div.table-list li.table-cell:nth-child(4n+1) {
            clear: left;
        }
}

span.pre-title {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding-bottom: 10px;
    display: block;
    letter-spacing: 1px;
}

div.page-intro-text.half {
    padding-right: 20px;
    padding-bottom: 10px;
}

@media only screen and (min-width: 992px) {
    div.page-intro-text.half {
        padding-right: 40px;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.page-intro-text.half:last-child {
            margin-right: 0;
        }
}

div.page-intro-text h1 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    div.page-intro-text h1 {
        font-size: 34px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 992px) {
    div.page-intro-text h1 {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 0.2em;
    }
}

@media only screen and (min-width: 1200px) {
    div.page-intro-text h1 {
        font-size: 42px;
        line-height: 50px;
    }
}

div.page-intro-text h2 {
    font-size: 24px;
    line-height: 30px;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 992px) {
    div.page-intro-text h2 {
        font-size: 32px;
        line-height: 40px;
    }
}

div.page-intro-text p.intro-text {
    font-size: 16px;
    line-height: 24px;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (min-width: 992px) {
    div.page-intro-text p.intro-text {
        font-size: 18px;
        line-height: 27px;
    }
}

div.page-intro-text p.intro-text-centred {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px 0 30px 0;
    font-size: 18px;
    line-height: 26px;
    font-family: "Atlas Grotesk Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

@media only screen and (max-width: 768px) {
    .page-intro-text iframe {
        width: auto;
    }
}

@media only screen and (min-width: 992px) {
    div.page-intro-text p.intro-text-centred {
        font-size: 21px;
        line-height: 30px;
    }
}

.tables {
    border: 1px solid #e0e7ee;
    border-collapse: separate;
    border-collapse: collapse;
    border-left: 0;
    border-radius: 3px;
    border-spacing: 0;
    width: 100%;
    table-layout: auto;
}

    .tables .absorb {
        width: 100%;
    }

    .tables tbody {
        background-color: white;
    }

        .tables tbody tr:hover > td,
        .tables tbody tr:hover > th {
            background-color: #f2f2f2;
        }

    .tables thead:first-of-type tr:first-child > th:first-child {
        border-top-left-radius: 3px;
    }

    .tables thead:first-of-type tr:first-child > th:last-child {
        border-top-right-radius: 3px;
    }

    .tables tbody:last-child tr:last-child > td:first-child {
        border-bottom-left-radius: 3px;
    }

    .tables tbody:last-child tr:last-child > td:last-child {
        border-bottom-right-radius: 3px;
    }

    .tables thead th {
        background-color: white;
        border-bottom: 0;
        border-left: 1px solid #e0e7ee;
        padding: 0.75em 1em;
        text-align: left;
        font-weight: normal;
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    }

        .tables thead th:first-child {
            border-left: 0;
        }

    .tables tbody {
        background-color: white;
    }

        .tables tbody td {
            border-bottom: 0;
            border-left: 1px solid #e0e7ee;
            border-top: 1px solid #e0e7ee;
            padding: 0.75em 1em;
        }

            .tables tbody td button {
                display: inline-block;
                font-size: 12px;
                line-height: 1.5;
                margin-bottom: 0.3em;
                margin-right: 0.5em;
                outline: none;
                padding: 0.3em 1em;
                width: 100%;
            }

@media screen and (min-width: 600px) {
    .tables tbody td button {
        margin-bottom: 0;
        width: auto;
    }
}

.tables tbody tr.t-term-row {
    background: gainsboro;
}

.tables tbody tr.t-module-row {
    background: #efefef;
}

.table-minimal {
    border: 1px solid #e0e7ee;
    border-collapse: separate;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
    table-layout: auto;
}

    .table-minimal .absorb {
        width: 100%;
    }

    .table-minimal tbody tr:first-child td {
        border-top: 2px solid #e0e7ee;
    }

    .table-minimal thead th {
        background-color: white;
        border-bottom: 0;
        padding: 0.5em 1em;
        text-align: left;
    }

    .table-minimal tbody {
        background-color: #fff;
    }

        .table-minimal tbody td {
            border-bottom: 0;
            border-top: 1px solid #e0e7ee;
            border-left: 1px solid #e0e7ee;
            line-height: 1.5;
            padding: 0.5em 1em;
            min-width: 80px;
        }

            .table-minimal tbody td button {
                display: inline-block;
                font-size: 12px;
                line-height: 1.5;
                margin-bottom: 0.3em;
                margin-right: 0.5em;
                outline: none;
                padding: 0.3em 1em;
                width: 100%;
                min-width: 106px;
            }

@media screen and (min-width: 600px) {
    .table-minimal tbody td button {
        margin-bottom: 0;
    }
}

.table-minimal tbody tr.t-course-row {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.table-minimal tbody tr.t-term-row {
    background: gainsboro;
}

    .table-minimal tbody tr.t-term-row:hover {
        background: #d7d7d7;
    }

.table-minimal tbody tr.t-module-row {
    background: #efefef;
}

    .table-minimal tbody tr.t-module-row:hover {
        background: #eaeaea;
    }

.table-minimal tbody tr.t-session-row {
    background: #fff;
}

    .table-minimal tbody tr.t-session-row:hover {
        background: #fbfbfb;
    }

.table-minimal tbody td.t-course-name {
    background: #333;
    color: #fff;
}

.table-minimal tbody td.t-course-add {
    background: #990000;
}

    .table-minimal tbody td.t-course-add button {
        font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        color: #fff;
        border: none;
        font-size: 11px;
    }

.table-minimal tbody td.t-term-name span {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.table-minimal tbody td.t-module-name {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.module-body-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-bottom: 40px;
}

    .module-body-text::after {
        clear: both;
        content: "";
        display: table;
    }

    .module-body-text:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .module-body-text {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .module-body-text:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    .module-body-text.right {
        float: right;
    }
}

.image-container {
    height: auto;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .image-container::after {
        clear: both;
        content: "";
        display: table;
    }

    .image-container:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .image-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%;
    }

        .image-container:last-child {
            margin-right: 0;
        }
}

.image-container.right {
    float: right;
}

.image-container.left {
    float: left;
}

.image-container .image-description {
    margin: 10px auto 0;
    padding: 0 0 30px 0;
    width: 100%;
}

.horizontal-tabs-container a.button {
    color: #000;
    text-align: center;
}

    .horizontal-tabs-container a.button:hover {
        color: #fff;
    }

.faculty-block {
    min-height: 420px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 25px;
}

    .faculty-block .block-image-container {
        background-color: #f8f8f8;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .faculty-block .block-image-container img {
            display: block;
            width: 100%;
        }

        .faculty-block .block-image-container:before {
            content: '';
            background: rgba(0, 0, 0, 0.01);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background 0.3s linear;
        }

        .faculty-block .block-image-container:after {
            content: "";
            background-color: transparent;
            border-bottom: 0px solid #d70c00;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background-color 0.4s, border-bottom 0.2s;
        }

    .faculty-block a.wrap-link {
        text-decoration: none;
        color: #333;
        display: block;
        transition: all .25s ease;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .faculty-block a.wrap-link:hover {
            color: #d70c00;
        }

            .faculty-block a.wrap-link:hover .block-image-container:after {
                background-color: rgba(0, 0, 0, 0.15);
                border-bottom: 3px solid #d70c00;
            }

.faculty-block {
    width: 100%;
    margin-right: 0 !important;
    min-height: 1px;
    background: none;
}

    .faculty-block::after {
        clear: both;
        content: "";
        display: table;
    }

@media only screen and (min-width: 510px) {
    .faculty-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .faculty-block:last-child {
            margin-right: 0;
        }

        .faculty-block:nth-child(2n) {
            margin-right: 0;
        }

        .faculty-block:nth-child(2n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 992px) {
    .faculty-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .faculty-block:nth-child(2n) {
            margin-right: 2.3576515979%;
        }

        .faculty-block:nth-child(2n+1) {
            clear: none;
        }

        .faculty-block:last-child {
            margin-right: 0;
        }

        .faculty-block:nth-child(3n) {
            margin-right: 0;
        }

        .faculty-block:nth-child(3n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 1200px) {
    .faculty-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .faculty-block:nth-child(3n) {
            margin-right: 2.3576515979%;
        }

        .faculty-block:nth-child(3n+1) {
            clear: none;
        }

        .faculty-block:last-child {
            margin-right: 0;
        }

        .faculty-block:nth-child(4n) {
            margin-right: 0;
        }

        .faculty-block:nth-child(4n+1) {
            clear: left;
        }
}

.faculty-block .block-image-container:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.faculty-block a.wrap-link {
    position: relative;
}

    .faculty-block a.wrap-link span.learn-more {
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        position: absolute;
        bottom: 0;
        left: 20px;
        opacity: 0;
    }

    .faculty-block a.wrap-link .block-text-staff {
        width: 100%;
        position: absolute;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
        padding-bottom: 20px;
        transition: all 0.3s ease-in-out;
    }

    .faculty-block a.wrap-link:hover {
        color: #d70c00;
    }

        .faculty-block a.wrap-link:hover .block-image-container:after {
            background-color: transparent;
            border-bottom: 0;
        }

        .faculty-block a.wrap-link:hover span.learn-more {
            visibility: visible;
            opacity: 1;
            bottom: 20px;
            left: 20px;
        }

        .faculty-block a.wrap-link:hover .block-text-staff {
            padding-bottom: 42px;
        }

div.staff-container {
    border: 1px solid #ddd;
    padding: 12px;
    background: #fff;
    font-size: 12px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 510px) {
    div.staff-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        margin-bottom: 0px;
    }

        div.staff-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    div.staff-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.staff-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    div.staff-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        font-size: 12px;
    }

        div.staff-container:last-child {
            margin-right: 0;
        }
}

div.staff-container img {
    margin-bottom: 12px;
    width: 100%;
}

div.staff-card {
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
}

@media only screen and (min-width: 992px) {
    div.staff-card {
        font-size: 12px;
    }
}

div.staff-card img {
    width: 100%;
}

span.staff-name {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0;
}

span.staff-position {
    color: #fff;
    font-size: 12px;
}

span.learn-more {
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 10px;
    display: block;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.faculty-member-img {
    width: 100%;
}

.cmag-block {
    min-height: 420px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 25px;
}

    .cmag-block .block-image-container {
        background-color: #f8f8f8;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .cmag-block .block-image-container img {
            display: block;
            width: 100%;
        }

        .cmag-block .block-image-container:before {
            content: '';
            background: rgba(0, 0, 0, 0.01);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background 0.3s linear;
        }

        .cmag-block .block-image-container:after {
            content: "";
            background-color: transparent;
            border-bottom: 0px solid #d70c00;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: background-color 0.4s, border-bottom 0.2s;
        }

    .cmag-block div.wrap-link {
        text-decoration: none;
        color: #333;
        display: block;
        transition: all .25s ease;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .cmag-block div.wrap-link:hover {
            color: #d70c00;
        }

            .cmag-block div.wrap-link:hover .block-image-container:after {
                background-color: rgba(0, 0, 0, 0.15);
                border-bottom: 3px solid #d70c00;
            }

.cmag-block {
    width: 100%;
    margin-right: 0;
    min-height: 1px;
    background: none;
}

    .cmag-block::after {
        clear: both;
        content: "";
        display: table;
    }

@media only screen and (min-width: 510px) {
    .cmag-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .cmag-block:last-child {
            margin-right: 0;
        }

        .cmag-block:nth-child(2n) {
            margin-right: 0;
        }

        .cmag-block:nth-child(2n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 992px) {
    .cmag-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .cmag-block:nth-child(2n) {
            margin-right: 2.3576515979%;
        }

        .cmag-block:nth-child(2n+1) {
            clear: none;
        }

        .cmag-block:last-child {
            margin-right: 0;
        }

        .cmag-block:nth-child(3n) {
            margin-right: 0;
        }

        .cmag-block:nth-child(3n+1) {
            clear: left;
        }
}

@media only screen and (min-width: 1200px) {
    .cmag-block {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .cmag-block:nth-child(3n) {
            margin-right: 2.3576515979%;
        }

        .cmag-block:nth-child(3n+1) {
            clear: none;
        }

        .cmag-block:last-child {
            margin-right: 0;
        }

        .cmag-block:nth-child(4n) {
            margin-right: 0;
        }

        .cmag-block:nth-child(4n+1) {
            clear: left;
        }
}

.cmag-block .block-image-container:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.cmag-block div.wrap-link {
    position: relative;
}

    .cmag-block div.wrap-link span.cmag-links {
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        position: absolute;
        bottom: 0;
        left: 20px;
        opacity: 0;
    }

    .cmag-block div.wrap-link .block-text-cmag {
        width: 100%;
        position: absolute;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
        padding-bottom: 20px;
        transition: all 0.3s ease-in-out;
    }

    .cmag-block div.wrap-link:hover {
        color: #fff;
    }

        .cmag-block div.wrap-link:hover .block-image-container:after {
            background-color: transparent;
            border-bottom: 0;
        }

        .cmag-block div.wrap-link:hover span.cmag-links {
            display: block;
            visibility: visible;
            opacity: 1;
            bottom: 20px;
            left: 20px;
        }

@media only screen and (max-width: 480px) {
    .cmag-block div.wrap-link span.cmag-links {
        display: block;
        visibility: visible;
        opacity: 1;
        bottom: 3px;
        left: 20px;
        transition: all 0.3s ease-in-out;
        position: absolute;
    }

    div.cmag-container:last-child {
        margin-right: 0;
    }
}

.cmag-block div.wrap-link:hover .block-text-cmag {
    padding-bottom: 42px;
}

div.cmag-container {
    border: 1px solid #ddd;
    padding: 12px;
    background: #fff;
    font-size: 12px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 510px) {
    div.cmag-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        margin-bottom: 0px;
    }

        div.cmag-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    div.cmag-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.cmag-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    div.cmag-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        font-size: 12px;
    }

        div.cmag-container:last-child {
            margin-right: 0;
        }
}

div.cmag-container img {
    margin-bottom: 12px;
    width: 100%;
}

div.cmag-card {
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
}

@media only screen and (min-width: 992px) {
    div.cmag-card {
        font-size: 12px;
    }
}

div.cmag-card img {
    width: 100%;
}

span.cmag-name {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0;
}

span.cmag-description {
    color: #fff;
    font-size: 12px;
}

a.cmag-link {
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 10px;
    display: inline-block;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #fff;
}

    a.cmag-link:hover {
        color: #d70c00;
    }

.cmag-member-img {
    width: 100%;
}

form label {
    font-size: 1.4rem;
    font-weight: normal;
    font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

form textarea {
    height: 200px;
}

form span {
    color: #D70C00;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /*safari and chrome*/
    form select {
        height: 30px;
        line-height: 30px;
        background: none;
    }
}

form select::-moz-focus-inner {
    /*Remove button padding in FF*/
    border: 0;
    padding: 0;
}

@-moz-document url-prefix() {
    /* targets Firefox only */
    form select {
        padding: 15px 0 !important;
    }
}

@media screen\0 {
    /* IE Hacks: targets IE 8, 9 and 10 */
    form select {
        height: 30px;
        line-height: 30px;
    }
}

.logos-container {
    width: 100%;
    position: relative;
}

.logos {
    display: inline-block;
    width: 49%;
}

.logo-list {
    font-size: 0;
    list-style: none;
}

    .logo-list::after {
        clear: both;
        content: "";
        display: table;
    }

    .logo-list li {
        float: left;
        position: relative;
        height: 150px;
        width: 50%;
        padding: 20px;
    }

        .logo-list li img {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%) scale(0.85);
            font-size: 0;
        }

article.main-content ul.big-list {
    list-style: none;
}

    article.main-content ul.big-list li {
        padding: 40px 0 40px 150px;
        position: relative;
        border-bottom: 1px solid #ddd;
    }

        article.main-content ul.big-list li span {
            position: absolute;
            top: 30px;
            left: 0;
            display: block;
            color: #D70C00;
            font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif;
            font-size: 170px;
            font-weight: bold;
            line-height: 170px;
        }

        article.main-content ul.big-list li:before {
            content: none;
            padding-right: 0px;
        }

.footer-wrapper {
    background-color: #f8f8f8;
    overflow: hidden;
    padding: 50px 40px 10px 40px;
}

@media only screen and (min-width: 992px) {
    .footer-wrapper {
        padding: 80px 80px 30px 80px;
    }
}

.footer-links {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    min-height: 200px;
}

    .footer-links::after {
        clear: both;
        content: "";
        display: table;
    }

    .footer-links .block,
    .footer-links .block-wide {
        margin-bottom: 25px;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }
@media only screen and (min-width: 768px) {
    .footer-links .footer-alignment {
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .footer-links .footer-alignment {
        display: block;
    }
}

.footer-links .block:last-child,
.footer-links .block-wide:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 768px) {
    .footer-links .block,
    .footer-links .block-wide {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .footer-links .block:last-child,
        .footer-links .block-wide:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    .footer-links .block,
    .footer-links .block-wide {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .footer-links .block:last-child,
        .footer-links .block-wide:last-child {
            margin-right: 0;
        }
}

.footer-links .block h2,
.footer-links .block-wide h2 {
    color: #000000;
    font-family: 'Atlas Grotesk Medium', Helvetica, sans-serif;
    font-size: 1.2rem;
    line-height: 12px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
    font-style: normal;
}

.footer-links .block p,
.footer-links .block-wide p {
    font-size: 1.4rem;
}

.footer-links .block-wide {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    .footer-links .block-wide:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    .footer-links .block-wide {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        .footer-links .block-wide:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    .footer-links .block-wide {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .footer-links .block-wide:last-child {
            margin-right: 0;
        }
}

.footer-bottom-wrapper {
    background-color: #333;
    overflow: hidden;
    padding: 10px 40px 10px 40px;
}

@media only screen and (min-width: 992px) {
    .footer-bottom-wrapper {
        padding: 10px 80px 10px 80px;
    }
}

.footer-bottom {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

    .footer-bottom::after {
        clear: both;
        content: "";
        display: table;
    }

    .footer-bottom ul {
        line-height: 1.5em;
        margin: 0;
        padding: 0;
    }

@media screen and (min-width: 900px) {
    .footer-bottom ul {
        float: left;
        line-height: 1.8em;
        margin-bottom: 0;
        margin-left: 0;
    }
}

.footer-bottom ul li {
    list-style: none;
    padding-right: 1em;
    font-size: 1.2rem;
    color: #fff;
}

@media screen and (min-width: 900px) {
    .footer-bottom ul li {
        display: inline;
        text-align: left;
    }
}

.footer-bottom ul li a {
    color: #999;
    text-decoration: none;
}

    .footer-bottom ul li a:focus,
    .footer-bottom ul li a:hover {
        color: #fff;
    }

footer .footer-social .social-icons a {
    padding-right: 15px;
}

footer .footer-social .social-icons {
    padding: 5px 0 65px;
}

footer .social-bar {
    background-color: #fff;
    float: left;
    width: 100%;
}

footer #social {
    clear: both;
    display: table;
    margin: 0 auto;
}

    footer #social li {
        float: left;
        height: 114px;
        width: 150px;
    }

        footer #social li a {
            display: block;
            height: 114px;
            width: 150px;
            text-align: center;
            position: relative;
            padding-top: 67px;
            color: #999;
            font-size: 14px;
        }

            footer #social li a:hover {
                color: #333;
            }

            footer #social li a span {
                position: absolute;
                left: 34%;
                top: 20px;
                font-size: 36px;
                color: #999;
                transition: color 400ms ease;
            }

            footer #social li a:hover span {
                color: #333;
            }

.button-wrapper {
    padding: 0 18px;
}

@media only screen and (min-width: 768px) {
    .button-wrapper {
        padding: 0;
    }
}

a.flat-square-red {
    padding: 7px 14px;
    border-radius: 3px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    background: #D70C00;
    padding: 15px 15px;
    font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 13px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
}

    a.flat-square-red:disabled {
        cursor: not-allowed;
    }

    a.flat-square-red:focus {
        outline: none;
    }

    a.flat-square-red:hover:not(:disabled) {
        background: #be0b00;
    }

    a.flat-square-red:active:not(:disabled) {
        box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
    }

@media only screen and (min-width: 768px) {
    a.flat-square-red {
        margin: 0;
        margin-top: 0;
        margin-bottom: 20px;
    }
}

a.flat-square {
    padding: 15px 15px;
    font-family: "Atlas Grotesk Bold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 12px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
}

@media only screen and (min-width: 768px) {
    a.flat-square {
        margin: 0;
        margin-top: 0;
        margin-bottom: 20px;
        color: #fff;
        display: inline-block;
    }
}

.b-red {
    padding: 7px 14px;
    border-radius: 3px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    background: #D70C00;
    color: #fff !important;
}

    .b-red:disabled {
        cursor: not-allowed;
    }

    .b-red:focus {
        outline: none;
    }

    .b-red:hover:not(:disabled) {
        background: #be0b00;
    }

    .b-red:active:not(:disabled) {
        box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
    }

.b-trans-w {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}

.b-trans-b {
    background: none;
    border: 1px solid #333;
    color: #333 !important;
    transition: background-color 0.5s, color 0.5s;
    -webkit-transition: background-color 0.5s, color 0.5s;
    -moz-transition: background-color 0.5s, color 0.5s;
    -ms-transition: background-color 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, color 0.5s;
}

    .b-trans-b:hover,
    .b-trans-b:focus {
        background: #333;
        color: #fff !important;
    }

a.flat-square-red i {
    margin-right: 0.5em;
}

a.flat-square i {
    margin-right: 0.5em;
}

.aside-btn {
    margin-bottom: 20px;
    width: 100%;
}

a.btn-bordered {
    padding: 7px 14px;
    border-radius: 3px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #333;
    border: 1px solid #333;
    background: none;
}

    a.btn-bordered:disabled {
        cursor: not-allowed;
    }

    a.btn-bordered:focus {
        outline: none;
    }

    a.btn-bordered:active:not(:disabled) {
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    }

    a.btn-bordered:hover,
    a.btn-bordered:focus {
        background: #333;
        color: #fff !important;
    }

div.container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

    div.container::after {
        clear: both;
        content: "";
        display: table;
    }

div.outer-container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

    div.outer-container::after {
        clear: both;
        content: "";
        display: table;
    }

div.container-pad {
    padding: 40px 20px 20px 20px;
}

    div.container-pad::after {
        clear: both;
        content: "";
        display: table;
    }

@media only screen and (min-width: 768px) {
    div.container-pad {
        padding: 40px 40px 20px 40px;
    }
}

@media only screen and (min-width: 992px) {
    div.container-pad {
        padding: 60px 60px 40px 60px;
    }
}

/* news-article stylings */
@media only screen and (min-width: 768px) {
    #news-article > div {
        display: flex
    }

    div.container-pad.left {
        float: left;
        width: 70%;
    }



    div.container-pad.right {
        float: left;
        width: 30%;
        padding: 60px 40px;
    }
}

div.column {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    div.column:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    div.column {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        div.column:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    div.column {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        div.column:last-child {
            margin-right: 0;
        }
}

.text-white {
    color: #fff;
}

.text-black {
    color: #333;
}

section.title-grey {
    clear: both;
    background-color: #ccc;
    min-height: 600px;
}

section.mini-content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
}

    section.mini-content:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 992px) {
    section.mini-content {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        padding-top: 80px;
        padding-right: 1.618em;
    }

        section.mini-content:last-child {
            margin-right: 0;
        }
}

aside {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-top: 30px;
}

    aside:last-child {
        margin-right: 0;
    }

@media only screen and (min-width: 768px) {
    aside {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        padding-top: 0px;
    }

        aside:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 992px) {
    aside {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        padding-top: 0px;
    }

        aside:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 1200px) {
    aside {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        padding-top: 0px;
        float: right;
    }

        aside:last-child {
            margin-right: 0;
        }
}

aside h3 {
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.aside-container {
    border: 1px solid #ddd;
    padding: 12px;
    background: #f8f8f8;
    margin: 30px 0 30px 0;
    font-size: 14px;
}

@media only screen and (min-width: 510px) {
    .aside-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .aside-container:last-child {
            margin-right: 0;
        }
}

@media only screen and (min-width: 768px) {
    .aside-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        margin: 0px 0 30px 0;
    }

        .aside-container:last-child {
            margin-right: 0;
        }
}

div.block-text.box-nav i {
    margin-right: 10px;
    color: #d70c00;
}

div.block-text.box-nav a {
    color: #333;
}

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

.invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.hide {
    display: none;
}

label {
    font-weight: normal;
    font-family: "Atlas Grotesk Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}


/* Course comparison section*/

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

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

.course-comparison-section {
    padding: 20px 10px 20px 10px;
    background-color: #f5f5f5;
    color: #000;
}

.register-btn-wrapper {
    /*padding:20%;
    width:250px;*/
    margin: 0 auto;
}

.course-center-box {
    margin: 0 auto;
    width: 65%;
    overflow: hidden;
    clear: both;
}

.course-purple {
    border-radius: 5px;
    border: 1px solid #000;
    min-height: 545px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #fff;
}

    .course-purple h3 {
        background-color: black;
        color: white;
        margin: 0;
        border-bottom: 1px solid #000;
        padding: 15px 0 15px 0;
    }

.course-list-purple {
    line-height: 28px;
    /*font-weight: bold;*/
    padding: 25px;
}

.basket-button {
    /*background-color: #4a4a4a;*/
    color: #ffffff;
    padding: 10px;
}

.basket-wrapper {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    align-content: center;
    /* padding: 20%; */
    left: 13%;
    right: 13%;
}

.register-btn {
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}

.basket-button {
    border: none;
    border-radius: 3px;
    font-weight: bold;
}

.basket-price {
    //font-weight: bold;
    font-size: 18px;
}

.course-white {
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #ffffff;
    color: #000;
    min-height: 545px;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .course-white h3 {
        background-color: black;
        color: white;
        margin: 0;
        border-bottom: 1px solid #000;
        padding: 15px 0 15px 0;
    }

.course-list-white {
    padding: 25px;
    line-height: 28px;
}

.course-white-image {
    border-radius: 50%;
}

.course-white-image-wrapper {
    padding: 10px;
}

.gift-coupon-link {
    color: #000;
    text-decoration: underline;
}

.course-list-box ul::after {
    clear: both;
    content: "";
}

@media only screen and (max-width: 768px) {
    .course-center-box {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) {
    .course-comparison-container {
        text-align: left;
        margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .course-comparison-container {
        text-align: left;
        margin: 0 auto;
        width: 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .course-comparison-container {
        text-align: left;
        margin: 0 auto;
        width: 85%;
    }
}

.course-dates-data p {
    text-align: left;
}

.course-dates-container {
    margin: 0 auto;
    width: 50%;
}

@media only screen and (min-width: 768px) {
    .basket-wrapper {
        bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .course-purple,
    .course-white {
        min-height: 620px;
    }
}


/*Enrol now content starts*/

.enroll-btn {
    width: 100%;
    padding: 15px 25px 15px 25px;
    background-color: #d70c00;
    color: #ffffff !important;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 25px;
}

.course-enroll-section {
    width: 50%;
    margin: 0 auto;
}

.enrol-row {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #999;
}


/*Enrol now content ends*/


section#course-blocks .owl-nav span {
    color: #ccc !important;
    border: 3px solid #ccc !important;
}

    section#course-blocks .owl-nav span:hover {
        color: #000 !important;
        border: 3px solid #fff !important;
        background-color: #fff;
    }

section#course-blocks {
    background-color: #333;
}

.akHTMLForm .ak-checkbox__input {
    margin-top: 4px !important;
}

.akHTMLForm .ak-checkbox__body {
    color: #000000 !important;
}

.akHTMLForm {
    font-family: "Atlas Grotesk Regular", Helvetica, Arial, sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
}

.ak-group h2 {
    font-family: "Baskerville10Pro", Georgia, Cambria, "Times New Roman", Times, serif !important;
    font-size: 1.33em !important;
}

.akHTMLForm .ak-submit {
    border: 1px solid #000000 !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
}

.akHTMLForm label {
    font-weight: normal !important;
}

.content-block-iso a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-block-iso a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;
}

.content-block-owl a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-block-owl a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;
}

.content-card a.wrap-link div.block-image-container span.learn-more {
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: 'MercuryDisplay';
    font-size: 12px;
    font-style: inherit;*/
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: center;
}

.content-card a.wrap-link:hover div.block-image-container span.learn-more {
    visibility: visible;
    opacity: 1;
    bottom: 0;
    left: 0;
}