/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$?...7$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$~....$$$$$$$
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Z=.....$$$$$$$$$$
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ+.  ...ZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ...  ..ZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZ$..    ..ZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZ...   ...ZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZ..      ..ZZZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZ..  ...   .ZZZZZZZZZZZZZZZZZZZZZZZZ
$OOOOOOOOOOOOOOOOO..         .OOOOOOOOOOOOOOOOOOOOOOOOO
$OOOOOOOOOOOOOOO.           .OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOOO.            8OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOZ             .OOOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOO.             .OOOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO,...............+OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO:................OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOOO.................8OOOOOOOOOOOOOOOOOOOOOOO0
Z8888888888888.................O88888888888888888888888
O88888888888888..................O888888888888888888888
O8888888888888888.................888888888888888888888
O888888888888888888?................8888888888888888888
O888888888888888888888$..............$88888888888888888
O888888888888888888888888D,............D888888888888888
O88888888888888888888888888888...........88888888888888
O888888888888888888888888888888888........:888888888888
O888888888888888888888888888888888888.......D8888888888
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD88.......DDDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD..........DDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDD8,... ...   ...   .DDDDDD
ODDDDDDDDDDDDDDDDDDDD.............................DDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDD,.....................DDDD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD$..............7DD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD+.......++
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/


/* Created by: 2016, Kinetic Solutions               */


/* BNB PAGES - CLIENT BRANDING --------------------- */


/* This is a special case, because there is no need to
   change the original Kinetic.BnB design here, because
   Kinetic design equals to KxBnB design. */


/* KINETIC-RESET ----------------------------------- */


/*BUILT FROM GIT REVISION */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

a {
    color: #3B3B3B;
    text-decoration: none;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 300;
}

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

p a,
ul a,
ol a,
dl a,
table a,
q a,
blockquote a,
span a {
    font-weight: 500;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #2C70AA
}

p a:hover,
ul a:hover,
ol a:hover,
dl a:hover,
table a:hover,
q a:hover,
blockquote a:hover,
span a:hover {
    color: #2C70AA;
    text-decoration: underline
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #2C70AA;
    text-decoration: underline
}

body {
    background-color: #FEFEFE
}

blockquote {
    margin: 0 24px 24px;
    padding: 0
}

.font-light {
    font-weight: 300
}

.font-regular {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

strong {
    font-weight: 500
}

form {
    margin-bottom: 24px
}

form ul li:last-child {
    margin-bottom: 0
}

form ul li input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]),
form ul li select,
form ul li textarea {
    margin-bottom: 0
}

.content-primary .content form p,
.content-primary .content form ul,
.content-primary .content form ol,
.content-primary .content form dl {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2777777778
}

form>div,
form fieldset>div {
    position: relative
}

form>div:after,
form fieldset>div:after {
    content: " ";
    display: table;
    clear: both
}

form .validator {
    position: absolute;
    top: 0;
    right: -10px;
    width: 12px;
    height: 12px
}

.content-primary .content form .validator img {
    margin-right: 0;
    float: none;
    padding: 10px 0 0 0px
}

.content-primary form {
    max-width: 696px
}

@media only screen and (min-width: 1024px) {
    .content-primary form {
        margin-left: 3.4905660377%
    }
}

@media only screen and (min-width: 1024px) {
    .content form,
    .full-width form {
        margin-left: 0
    }
}

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

label {
    font-weight: 500;
    display: block;
    margin: 10px 0 6px 2px
}

label.dform-label-required:after,
.require>label:after {
    content: " *";
    color: red
}

label.dform-label-required.checkbox:after {
    content: " ";
    color: transparent
}

label.dform-label-required.checkbox input+span:after {
    content: " *";
    color: red
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]),
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E;
    box-sizing: border-box;
    border-radius: 0;
    width: 100%;
    border: 0;
    padding: 0 11px;
    background-color: #E7E7E7;
    margin-bottom: 18px;
    border: 1px solid #909090
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"])::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #3B3B3B;
    opacity: 1
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"])::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #3B3B3B;
    opacity: 1
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]):-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #3B3B3B;
    opacity: 1
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]):-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #3B3B3B;
    opacity: 1
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]):focus,
select:focus,
textarea:focus {
    outline: 0
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]).notvalid,
select.notvalid,
textarea.notvalid {
    background-color: #F4D9D9
}

select,
select option {
    color: #3B3B3B;
    opacity: 1
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]),
select {
    height: 30px
}

textarea {
    height: 150px
}

select {
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 10px top 10px
}

select {
    background-image: url('../Images/Base/arrow-down-small-black.svg')
}

.no-svg select {
    background-image: url('../Images/Base/arrow-down-small-black.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg select {
        background-image: url('../Images/Base/arrow-down-small-black@2x.png')
    }
}

.no-appearance select {
    background-image: none !important
}

.multi-step input[type="button"] {
    float: left
}

legend {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    margin-right: 20px;
    display: block
}

@media only screen and (min-width: 1280px) {
    legend {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.checked form:not(#mongo-form) input[type="radio"],
.checked form:not(#mongo-form) input[type="checkbox"],
.checked main.full-width .content-primary input[type="radio"],
.checked main.full-width .content-primary input[type="checkbox"] {
    display: none
}

.checked form:not(#mongo-form) input[type="radio"]+label,
.checked form:not(#mongo-form) input[type="checkbox"]+label,
.checked form:not(#mongo-form) input[type="radio"]+span,
.checked form:not(#mongo-form) input[type="checkbox"]+span,
.checked main.full-width .content-primary input[type="radio"]+label,
.checked main.full-width .content-primary input[type="checkbox"]+label,
.checked main.full-width .content-primary input[type="radio"]+span,
.checked main.full-width .content-primary input[type="checkbox"]+span {
    font-weight: 300;
    position: relative;
    text-transform: none;
    display: block
}

.checked form:not(#mongo-form) input[type="radio"]+label:before,
.checked form:not(#mongo-form) input[type="checkbox"]+label:before,
.checked form:not(#mongo-form) input[type="radio"]+span:before,
.checked form:not(#mongo-form) input[type="checkbox"]+span:before,
.checked main.full-width .content-primary input[type="radio"]+label:before,
.checked main.full-width .content-primary input[type="checkbox"]+label:before,
.checked main.full-width .content-primary input[type="radio"]+span:before,
.checked main.full-width .content-primary input[type="checkbox"]+span:before {
    content: "";
    border: 1px solid #949194;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    margin-right: 12px
}

.checked form:not(#mongo-form) input[type="radio"]:checked+label:before,
.checked form:not(#mongo-form) input[type="checkbox"]:checked+label:before,
.checked form:not(#mongo-form) input[type="radio"]:checked+span:before,
.checked form:not(#mongo-form) input[type="checkbox"]:checked+span:before,
.checked main.full-width .content-primary input[type="radio"]:checked+label:before,
.checked main.full-width .content-primary input[type="checkbox"]:checked+label:before,
.checked main.full-width .content-primary input[type="radio"]:checked+span:before,
.checked main.full-width .content-primary input[type="checkbox"]:checked+span:before {
    border: 1px solid #fc0
}

.checked form:not(#mongo-form) input[type="radio"]:checked+label:after,
.checked form:not(#mongo-form) input[type="radio"]:checked+span:after,
.checked main.full-width .content-primary input[type="radio"]:checked+label:after,
.checked main.full-width .content-primary input[type="radio"]:checked+span:after {
    content: "";
    background-color: #fc0;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 999px
}

.checked form:not(#mongo-form) input[type="checkbox"]:checked+label:after,
.checked form:not(#mongo-form) input[type="checkbox"]:checked+span:after,
.checked main.full-width .content-primary input[type="checkbox"]:checked+label:after,
.checked main.full-width .content-primary input[type="checkbox"]:checked+span:after {
    content: "";
    width: 13px;
    height: 10px;
    position: absolute;
    top: 6px;
    left: 4px
}

.checked form:not(#mongo-form) input[type="checkbox"]:checked+label:after,
.checked form:not(#mongo-form) input[type="checkbox"]:checked+span:after,
.checked main.full-width .content-primary input[type="checkbox"]:checked+label:after,
.checked main.full-width .content-primary input[type="checkbox"]:checked+span:after {
    background-image: url(/img/icons/tick-black.svg)
}

.no-svg .checked form:not(#mongo-form) input[type="checkbox"]:checked+label:after,
.no-svg .checked form:not(#mongo-form) input[type="checkbox"]:checked+span:after,
.no-svg .checked main.full-width .content-primary input[type="checkbox"]:checked+label:after,
.no-svg .checked main.full-width .content-primary input[type="checkbox"]:checked+span:after {
    background-image: url(/img/icons/tick-black.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .checked form:not(#mongo-form) input[type="checkbox"]:checked+label:after,
    .no-svg .checked form:not(#mongo-form) input[type="checkbox"]:checked+span:after,
    .no-svg .checked main.full-width .content-primary input[type="checkbox"]:checked+label:after,
    .no-svg .checked main.full-width .content-primary input[type="checkbox"]:checked+span:after {
        background-image: url(/img/icons/tick-black@2x.png)
    }
}

.checked form:not(#mongo-form) input[type="radio"]+label:before,
.checked form:not(#mongo-form) input[type="radio"]:checked+label:after,
.checked form:not(#mongo-form) input[type="radio"]+span:before,
.checked form:not(#mongo-form) input[type="radio"]:checked+span:after,
.checked main.full-width .content-primary input[type="radio"]+label:before,
.checked main.full-width .content-primary input[type="radio"]:checked+label:after,
.checked main.full-width .content-primary input[type="radio"]+span:before,
.checked main.full-width .content-primary input[type="radio"]:checked+span:after {
    border-radius: 999px
}

.checked form:not(#mongo-form) label,
.checked main.full-width .content-primary label {
    cursor: pointer
}

select:focus::-ms-value {
    background: transparent;
    color: #fc0
}

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

.form-group:after {
    content: " ";
    display: table;
    clear: both
}

.form-group input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]),
.form-group select,
.form-group textarea {
    float: left;
    width: 90%
}

.form-group .hint,
.form-group [data-hint] {
    margin-left: 10px
}

.form-group>div {
    float: left;
    width: 90%
}

.hint,
[data-hint] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000000;
    cursor: help;
    word-wrap: break-word
}

.hint:before,
.hint:after,
[data-hint]:before,
[data-hint]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none
}

.hint:hover:before,
.hint:hover:after,
[data-hint]:hover:before,
[data-hint]:hover:after {
    visibility: visible;
    opacity: 1
}

.hint:before,
[data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 10px solid transparent;
    z-index: 1000001
}

.hint:after,
[data-hint]:after {
    content: attr(data-hint);
    background: #3B3B3B;
    color: #FFFFFF;
    padding: 12px 12px 16px;
    line-height: 16px;
    min-width: 250px
}

.hint--bottom:before {
    border-bottom-color: #3B3B3B
}

.hint--bottom:before {
    margin-top: -20px
}

.hint--bottom:before,
.hint--bottom:after {
    top: 100%;
    right: 50%
}

.hint--bottom:hover:before,
.hint--bottom:hover:after {
    -webkit-transform: translate(10px, 15px);
    -moz-transform: translate(10px, 15px);
    -ms-transform: translate(10px, 15px);
    -o-transform: translate(10px, 15px);
    transform: translate(10px, 15px)
}

.hint--top:before {
    border-top-color: #3B3B3B
}

.hint--top:before {
    margin-bottom: -12px
}

.hint--top:after {
    margin-left: -18px
}

.hint--top:before,
.hint--top:after {
    bottom: 100%;
    left: 50%
}

.hint--top:hover:after,
.hint--top:hover:before,
.hint--top:focus:after,
.hint--top:focus:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px)
}

.ui-dform-form .form-group .hint--bottom {
    float: left;
    margin-top: -0.2em
}

#progress-bar {
    position: relative;
    padding-top: 35px;
    padding-left: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375
}

#progress-bar:after {
    content: " ";
    display: table;
    clear: both
}

#progress-bar li {
    list-style: none
}

#progress-bar li {
    position: relative;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    counter-increment: step;
    margin-bottom: 14px;
    font-size: 16px !important;
    font-size: 1rem !important
}

#progress-bar li:before {
    font-weight: 500;
    content: counter(step);
    width: 22px;
    height: 22px;
    line-height: 21px;
    display: block;
    color: #FFFFFF;
    background: #4E4E4E;
    position: absolute;
    left: 0;
    text-align: center;
    z-index: 2;
    font-size: 14px;
    font-size: .875rem
}

#progress-bar li.active {
    font-weight: 500
}

#progress-bar li.active:before {
    color: #2B2B2B;
    background: #fc0
}

#progress-bar li.valid:before {
    color: #2B2B2B;
    background-color: #E7E7E7
}

@media only screen and (max-width: 767px) {
    #progress-bar {
        overflow: visible
    }
    #progress-bar li {
        width: 50% !important;
        padding-left: 30px;
        padding-top: 3px;
        margin-bottom: 7px
    }
    #progress-bar li:before {
        display: inline-block;
        margin-right: 10px;
        top: 4px
    }
}

@media only screen and (max-width: 479px) {
    #progress-bar li {
        width: 100% !important
    }
}

@media only screen and (min-width: 768px) {
    #progress-bar li {
        font-size: 13px !important;
        font-size: 0.8125rem !important;
        padding-right: 10px
    }
    #progress-bar li:before {
        top: -30px
    }
    #progress-bar li.active:before {
        border: 1px solid #fc0
    }
    #progress-bar li.active.valid:before {
        background-color: #fc0
    }
    #progress-bar li:after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #4E4E4E;
        position: absolute;
        left: 0%;
        top: -20px;
        z-index: 1
    }
    #progress-bar li.valid:after {
        background-color: #E7E7E7
    }
    #progress-bar li:last-child:after {
        content: none;
        height: 0
    }
}

.dform_error_notice {
    border: 1px solid red;
    padding: 20px 20px 5px;
    margin: 0 0 1.5em 0;
    max-width: calc(696px - 40px);
    line-height: 1
}

@media only screen and (min-width: 1024px) {
    .dform_error_notice {
        margin-left: 3.4905660377%
    }
}

form.long-label label {
    text-transform: none;
    font-weight: 400
}

form.long-label legend {
    text-transform: none;
    font-weight: 500
}

form.block-fieldset fieldset {
    border: 1px solid #E1E1E1;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    box-shadow: 0px 0px 0px 0px #000000
}

form.block-fieldset legend {
    font-size: 1.2em;
    font-weight: medium;
    text-align: left;
    width: auto;
    padding: 0 10px;
    border-bottom: none
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]),
select,
textarea {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]):focus,
select:focus,
textarea:focus {
    border: 1px solid #3B3B3B;
    background-color: white;
    box-shadow: 0 0 4px rgba(56, 56, 56, 0.1)
}

button:focus,
a:focus button,
.btn:focus,
a:focus .btn,
input[type="submit"]:focus,
a:focus input[type="submit"],
input[type="reset"]:focus,
a:focus input[type="reset"],
input[type="button"]:focus,
a:focus input[type="button"] {
    border-color: #202657;
    border-color: #3B3B3B
}

fieldset label {
    position: relative
}

.checked form:not(#mongo-form) input[type="radio"],
.checked form:not(#mongo-form) input[type="checkbox"],
.checked main.full-width .content-primary input[type="radio"],
.checked main.full-width .content-primary input[type="checkbox"] {
    display: block;
    opacity: 0;
    width: 0;
    position: absolute
}

.checked form:not(#mongo-form) input[type="radio"]:focus+span:before,
.checked form:not(#mongo-form) input[type="checkbox"]:focus+span:before,
.checked main.full-width .content-primary input[type="radio"]:focus+span:before,
.checked main.full-width .content-primary input[type="checkbox"]:focus+span:before {
    box-shadow: 0 0 3px rgba(56, 56, 56, 0.6)
}

select:focus option {
    background-color: white
}

h1,h3 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.125;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0;
    background-color: rgba(59, 59, 59, 0.98);
    color: white;
    letter-spacing: -0.01em;
    position: relative;
    z-index: 7;
    position: relative;
    padding-top: 8px;
    padding-bottom: 12px
}

@media only screen and (min-width: 1024px) {
    h1,h3 {
        background-color: rgba(59, 59, 59, 0.85)
    }
}

@media only screen and (min-width: 1280px) {
    h1,h3 {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.1111111111;
        background-color: rgba(59, 59, 59, 0.85)
    }
}

@media only screen and (min-width: 768px) {
    .content-primary h1 {
        padding-right: 60px;
        box-sizing: border-box;
        display: inline-block
    }
}

@media only screen and (min-width: 1024px) {
    .content-primary h1 {
        min-width: 502px;
        padding-right: 70px;
        padding-top: 8px;
        padding-bottom: 12px
    }
}

.content-secondary h1 {
    margin: 0;
    background-color: transparent;
    letter-spacing: initial;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px
}

@media only screen and (min-width: 1024px) {
    .content-secondary h1 {
        background-color: transparent
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .content-secondary h1 {
        padding-right: 0px
    }
}

@media only screen and (min-width: 1024px) {
    .content-primary .content-secondary h1 {
        min-width: initial;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px
    }
}

.full-width .content-primary .content-secondary h1 {
    padding-left: 0;
    margin-left: 0
}

.content-primary h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 24px
}

.content-primary h2 strong {
    font-weight: 500
}

.content-primary h3 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 24px
}

.content-primary h3 strong {
    font-weight: 500
}

.content-primary h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.2272727273;
    font-weight: 500;
    margin: 0 0 24px
}

.content-primary h4 strong {
    font-weight: 500
}

.content-primary h5,
.content-primary h6 {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.2105263158;
    font-weight: 500;
    margin: 0 0 24px
}

.content-primary h5 strong,
.content-primary h6 strong {
    font-weight: 500
}

.content-primary .content h2 {
    font-size: 30px;
    font-size: 1.875rem
}

@media only screen and (min-width: 1280px) {
    .content-primary .content h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

.content-primary .content h3 {
    font-size: 27px;
    font-size: 1.6875rem
}

@media only screen and (min-width: 1280px) {
    .content-primary .content h3 {
        font-size: 29px;
        font-size: 1.8125rem
    }
}

.content-primary .content h4 {
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width: 1280px) {
    .content-primary .content h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.content-primary .content h5,
.content-primary .content h6 {
    font-size: 21px;
    font-size: 1.3125rem
}

@media only screen and (min-width: 1280px) {
    .content-primary .content h5,
    .content-primary .content h6 {
        font-size: 23px;
        font-size: 1.4375rem
    }
}

.content-primary .content .curve-box-two h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 24px
}

.content-primary .content .curve-box-two h2 strong {
    font-weight: 500
}

.content-primary .content .curve-box-two h3 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 24px
}

.content-primary .content .curve-box-two h3 strong {
    font-weight: 500
}

.content-primary .content .curve-box-two h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.2272727273;
    font-weight: 500;
    margin: 0 0 24px
}

.content-primary .content .curve-box-two h4 strong {
    font-weight: 500
}

.content-primary .content .curve-box-two h5,
.content-primary .content .curve-box-two h6 {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.2105263158;
    font-weight: 500;
    margin: 0 0 24px
}

.content-primary .content .curve-box-two h5 strong,
.content-primary .content .curve-box-two h6 strong {
    font-weight: 500
}

.full-width-accordion .content h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 24px
}

.full-width-accordion .content h2 strong {
    font-weight: 500
}

.full-width-accordion .content h3 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 24px
}

.full-width-accordion .content h3 strong {
    font-weight: 500
}

.full-width-accordion .content h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.2272727273;
    font-weight: 500;
    margin: 0 0 24px
}

.full-width-accordion .content h4 strong {
    font-weight: 500
}

.full-width-accordion .content h5,
.full-width-accordion .content h6 {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.2105263158;
    font-weight: 500;
    margin: 0 0 24px
}

.full-width-accordion .content h5 strong,
.full-width-accordion .content h6 strong {
    font-weight: 500
}

.curve-box h2,
.curve-box-full-width h2 {
    font-size: 30px;
    font-size: 1.875rem
}

@media only screen and (min-width: 1280px) {
    .curve-box h2,
    .curve-box-full-width h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

.curve-box h3,
.curve-box-full-width h3 {
    font-size: 27px;
    font-size: 1.6875rem
}

@media only screen and (min-width: 1280px) {
    .curve-box h3,
    .curve-box-full-width h3 {
        font-size: 29px;
        font-size: 1.8125rem
    }
}

.curve-box h4,
.curve-box-full-width h4 {
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width: 1280px) {
    .curve-box h4,
    .curve-box-full-width h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.curve-box h5,
.curve-box h6,
.curve-box-full-width h5,
.curve-box-full-width h6 {
    font-size: 21px;
    font-size: 1.3125rem
}

@media only screen and (min-width: 1280px) {
    .curve-box h5,
    .curve-box h6,
    .curve-box-full-width h5,
    .curve-box-full-width h6 {
        font-size: 23px;
        font-size: 1.4375rem
    }
}

html {
    font-size: 100%;
    line-height: 1.4;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 300;
    color: #4E4E4E;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word
}

html.nav-active {
    overflow: auto
}

img {
    display: block;
    width: auto;
    margin: 0 auto 24px;
    height: auto;
    max-width: 100%
}

img.width100p {
    width: 100%
}

.width-original {
    width: auto
}

@media only screen and (min-width: 768px) {
    .tabbed-content img {
        float: right;
        padding-left: 20px
    }
    .tabbed-content img.float-left {
        float: left;
        padding: 0 20px 0 0
    }
    .tabbed-content img.width100p {
        width: 100%;
        float: none;
        padding: 0
    }
}

ul,
ol,
dl {
    margin: 0 0 24px;
    padding: 0 0 0 40px
}

ul ul,
ul ol,
ul dl,
ol ul,
ol ol,
ol dl,
dl ul,
dl ol,
dl dl {
    margin: 8px 0 -4px 0
}

li {
    padding: 0;
    margin: 0 0 7px 0
}

dt {
    font-weight: 500
}

.content ul,
.content ol,
.content dl {
    width: auto;
    overflow: hidden
}

.content-primary .content ul.feature-list,
.curve-box ul.feature-list,
.curve-box-full-width ul.feature-list {
    padding: 0
}

.content-primary .content ul.feature-list li,
.curve-box ul.feature-list li,
.curve-box-full-width ul.feature-list li {
    list-style: none
}

.content-primary .content ul.feature-list li,
.curve-box ul.feature-list li,
.curve-box-full-width ul.feature-list li {
    padding: 0 0 0 40px;
    background-repeat: no-repeat;
    background-position: 9px 6px
}

.content-primary .content ul.feature-list li,
.curve-box ul.feature-list li,
.curve-box-full-width ul.feature-list li {
    background-image: url(/img/bullets/bullet-diamond.svg)
}

.no-svg .content-primary .content ul.feature-list li,
.content-primary .no-svg .content ul.feature-list li,
.no-svg .curve-box ul.feature-list li,
.no-svg .curve-box-full-width ul.feature-list li {
    background-image: url(/img/bullets/bullet-diamond.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .content ul.feature-list li,
    .content-primary .no-svg .content ul.feature-list li,
    .no-svg .curve-box ul.feature-list li,
    .no-svg .curve-box-full-width ul.feature-list li {
        background-image: url(/img/bullets/bullet-diamond@2x.png)
    }
}

.content-primary .content ol.feature-list,
.curve-box ol.feature-list,
.curve-box-full-width ol.feature-list {
    counter-reset: my-counter;
    padding: 0
}

.content-primary .content ol.feature-list li,
.curve-box ol.feature-list li,
.curve-box-full-width ol.feature-list li {
    list-style: none
}

.content-primary .content ol.feature-list li,
.curve-box ol.feature-list li,
.curve-box-full-width ol.feature-list li {
    margin: 0 0 7px 0;
    padding: 0 0 0 40px;
    position: relative
}

.content-primary .content ol.feature-list li:before,
.curve-box ol.feature-list li:before,
.curve-box-full-width ol.feature-list li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    position: absolute;
    left: 12px;
    top: 0;
    color: #909090;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500
}

p {
    margin: 0 0 24px
}

p+h2,
p+h3,
p+h4,
p+h5 {
    margin-top: 40px
}

p.intro,
.content-primary p.intro {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.4;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    p.intro,
    .content-primary p.intro {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.3928571429
    }
}

.full-width p.intro,
.full-width .content-primary p.intro {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.4
}

p.note,
.content-primary p.note {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.3181818182;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    p.note,
    .content-primary p.note {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.1666666667
    }
}

.content-primary.normal .content-primary-main p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    .content-primary.normal .content-primary-main p {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.5
    }
}

.content-primary.normal .content-primary-main p.lead {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.4;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    .content-primary.normal .content-primary-main p.lead {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.3928571429
    }
}

.content-primary.normal .content-primary-main p small {
    font-size: 75%;
    line-height: 1.4;
    display: block
}

.content-primary.normal .content-secondary p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: 300
}

.content-primary.normal .content-secondary p.lead {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.3076923077;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: -0.01em
}

.content-primary.normal.fifty-fifty .content-secondary p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    .content-primary.normal.fifty-fifty .content-secondary p {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.5
    }
}

.content-primary.normal.fifty-fifty .content-secondary p.lead {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.4;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    .content-primary.normal.fifty-fifty .content-secondary p.lead {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.3928571429
    }
}

.content-primary.normal.fifty-fifty .content-secondary p small {
    font-size: 75%;
    line-height: 1.4;
    display: block
}

table {
    width: 100%;
    margin: 0 0 24px
}

table td,
table th {
    border-bottom: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    padding: 10px 8px 13px;
    text-align: left;
    vertical-align: top
}

table td:first-child,
table th:first-child {
    border-left: none
}

table th[colspan] {
    text-align: center
}

table p {
    margin-bottom: 0
}

table+h2,
table+h3,
table+h4,
table+h5 {
    margin-top: 40px
}

table.nocol td,
table.nocol th {
    border-left: none
}

table.full-width {
    max-width: none
}

@media only screen and (max-width: 767px) {
    table.table-overflow {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        min-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.075) 0%, transparent 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.075) 0%, transparent 75%) 100% center;
        background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.075) 0%, transparent 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.075) 0%, transparent 75%) 100% center;
        background-size: 10px 100%, 10px 100%;
        background-attachment: scroll, scroll;
        background-repeat: no-repeat
    }
    table.table-overflow td:first-child,
    table.table-overflow th:first-child {
        background-image: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%);
        background-repeat: no-repeat;
        background-size: 20px 100%
    }
    table.table-overflow td:last-child,
    table.table-overflow th:last-child {
        background-image: -webkit-linear-gradient(right, #fff 50%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0) 100%);
        background-repeat: no-repeat;
        background-position: 100% 0;
        background-size: 20px 100%
    }
    table.table-overflow th:only-child {
        background-color: #E7E7E7;
        background-size: 100% 0;
        background-position: 100% 100%
    }
    table.table-overflow.flip {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0;
        min-width: min-content
    }
    table.table-overflow.flip tbody {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.075) 0%, transparent 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.075) 0%, transparent 75%) 100% center;
        background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.075) 0%, transparent 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.075) 0%, transparent 75%) 100% center;
        background-size: 10px 100%, 10px 100%;
        background-attachment: scroll, scroll;
        background-repeat: no-repeat
    }
    table.table-overflow.flip tbody tr:first-child {
        background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%);
        background-repeat: no-repeat;
        background-size: 20px 100%
    }
    table.table-overflow.flip tbody tr:last-child {
        background-image: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0) 100%);
        background-repeat: no-repeat;
        background-position: 100% 0;
        background-size: 20px 100%
    }
    table.table-overflow.flip thead {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0;
        min-width: min-content
    }
    table.table-overflow.flip th {
        background-color: #F9F9F9
    }
    table.table-overflow.flip td,
    table.table-overflow.flip th {
        display: block;
        border: 1px solid #E7E7E7
    }
    table.table-overflow.flip tr {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0;
        min-width: min-content
    }
    table.table-overflow.flip th[colspan] {
        border-bottom: 0;
        vertical-align: middle
    }
    table.table-overflow.flip td {
        background-image: none !important;
        border-left: 0
    }
    table.table-overflow.flip th:not(:last-child),
    table.table-overflow.flip td:not(:last-child) {
        border-bottom: 0
    }
}

.content-primary .content table td ul,
.content-primary .content table td ol,
.content-primary .content table td p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

@media only screen and (min-width: 1280px) {
    .content-primary .content table td ul,
    .content-primary .content table td ol,
    .content-primary .content table td p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

.content-primary .content table td ul li,
.content-primary .content table td ol li,
.content-primary .content table td p li {
    margin-bottom: 0
}

.site-wrapper {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF
}

.slick-dots {
    text-align: center;
    margin-bottom: 0;
    padding-top: 6px;
    padding-left: 0
}

.slick-dots li {
    list-style: none
}

.slick-dots li {
    width: 30px;
    height: 40px;
    margin-bottom: 0;
    position: relative;
    display: inline-block
}

.slick-dots li.slick-active:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    border-radius: 999px;
    display: block;
    border: 1px solid #fc0;
    box-sizing: border-box
}

.slick-dots li.slick-active button:before {
    background-color: #fc0
}

.slick-dots button {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    width: 30px;
    height: 40px;
    position: relative;
    display: block
}

.slick-dots button:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #949194;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 999px
}

.lt-ie9 .slick-dots button:before {
    margin-top: -14px
}

.slick-arrow {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    width: 21px;
    height: 37px;
    display: block;
    padding: 0;
    z-index: 9
}

.slick-arrow:before {
    display: none
}

.slick-arrow.slick-prev {
    background-image: url('../Images/Base/arrow-left.svg')
}

.no-svg .slick-arrow.slick-prev {
    background-image: url('../Images/Base/arrow-left.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .slick-arrow.slick-prev {
        background-image: url('../Images/Base/arrow-left@2x.png')
    }
}

.slick-arrow.slick-next {
    background-image: url('../Images/Base/arrow-right.svg')
}

.no-svg .slick-arrow.slick-next {
    background-image: url('../Images/Base/arrow-right.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .slick-arrow.slick-next {
        background-image: url('../Images/Base/arrow-right@2x.png')
    }
}

.az-choice-panel {
    margin-left: -18px;
    margin-top: 24px
}

.az-choice-panel:after {
    content: " ";
    display: table;
    clear: both
}

.az-choice-panel a {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    -webkit-transition: color, .1s, background-color, .1s;
    -moz-transition: color, .1s, background-color, .1s;
    transition: color, .1s, background-color, .1s;
    background-color: #fc0;
    display: block;
    float: left;
    width: 40px;
    padding: 7px 0 9px;
    text-align: center;
    margin-left: 18px;
    margin-top: 18px
}

.az-choice-panel a:hover {
    background-color: #202657
}

.useful-links .az-choice-panel a:hover {
    color: #FFFFFF;
    text-decoration: none
}

.accordion {
    margin-bottom: 70px
}

.accordion .tabs {
    display: none;
    padding-left: 0
}

.accordion .tabs li {
    list-style: none
}

.accordion .tabs li {
    -webkit-transition: color, .1s, background-color, .1s;
    -moz-transition: color, .1s, background-color, .1s;
    transition: color, .1s, background-color, .1s
}

.accordion .tabs li:hover {
    background-color: #202657;
    color: #FFFFFF
}

.accordion .tabs li:hover.active {
    color: #4E4E4E
}

.accordion>h3 {
    display: none;
    cursor: pointer
}

.accordion .tabbed-content {
    padding: 24px;
    display: none
}

.accordion .tabbed-content.active {
    display: block
}

.accordion .tabbed-content button {
    cursor: pointer;
    padding: 12px 7%;
    background-color: #E7E7E7;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    text-transform: none
}

@media only screen and (min-width: 480px) {
    .accordion .tabbed-content button {
        padding: 12px 30px
    }
}

.accordion .tabbed-content button:hover,
.accordion .tabbed-content button:active {
    background-color: #202657;
    color: white
}

.accordion .tabbed-content button:before {
    height: 0;
    width: 0;
    margin-bottom: 0
}

.accordion .tabbed-content button.active,
.accordion .tabbed-content button.active:hover {
    background-color: #F9F9F9;
    color: #4E4E4E;
    cursor: default
}

.accordion .tabbed-content button+p {
    padding: 25px;
    font-size: 16px;
    font-size: 1rem
}

.accordion .tabbed-content #show-cy {
    margin-left: 10px
}

.accordion .tabbed-content h4,
.accordion .tabbed-content h5 {
    padding-top: 32px;
    margin-top: 32px;
    border-top: 1px dotted #E7E7E7
}

@media only screen and (max-width: 1023px) {
    .accordion>h3 {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.2;
        font-weight: 500;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        margin: 0 0 18px;
        color: #4E4E4E;
        -webkit-transition: color, .1s, background-color, .1s;
        -moz-transition: color, .1s, background-color, .1s;
        transition: color, .1s, background-color, .1s;
        text-transform: none;
        padding: 18px;
        text-align: center;
        margin-bottom: 4px;
        background-color: #E7E7E7;
        display: block
    }
}

@media only screen and (max-width: 1023px) and (min-width: 1280px) {
    .accordion>h3 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

@media only screen and (max-width: 1023px) {
    .accordion>h3:hover {
        background-color: #202657;
        color: #FFFFFF
    }
    .accordion>h3.active {
        background-color: #F9F9F9;
        color: #4E4E4E
    }
    .accordion .tabbed-content {
        background-color: #F9F9F9;
        margin-bottom: 4px;
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .accordion {
        background-color: #F9F9F9
    }
    .accordion .tabs {
        display: block;
        margin-bottom: 0;
        background-color: #E7E7E7
    }
    .accordion .tabs:after {
        content: " ";
        display: table;
        clear: both
    }
    .accordion .tabs li {
        padding: 18px 26px;
        margin: 0;
        float: left;
        cursor: pointer
    }
    .accordion .tabs li.active {
        background-color: #F9F9F9
    }
}

.accordion .box-container h4 {
    padding-top: 0px;
    margin-top: 0px;
    border-top: none;
    font-size: 18px;
    font-size: 1.125rem
}

.accordion .box-container ul {
    margin-bottom: 30px;
    padding-left: 0
}

.accordion .box-container ul li {
    margin: 0px;
    padding-left: 10px;
    list-style-type: none
}

.accordion .box-container ul li a {
    font-weight: 400
}

.accordion .box-container ul li a:hover {
    text-decoration: underline
}

.no-js .accordion .tabbed-content,
.no-js .accordion h3 {
    display: block
}

.no-js .accordion h3 {
    padding: 0 24px
}

.no-js .accordion .tabs {
    display: none
}

.accordion .expandable-content {
    padding: 30px;
    background-color: #F9F9F9;
    max-width: 635px
}

p+.accordion {
    margin-top: 40px
}

h3.accordion {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    -webkit-transition: color, .1s, background-color, .1s;
    -moz-transition: color, .1s, background-color, .1s;
    transition: color, .1s, background-color, .1s;
    padding: 18px;
    text-align: center;
    margin-bottom: 4px;
    background-color: #E7E7E7;
    display: block;
    max-width: 660px;
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    h3.accordion {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

h3.accordion:hover {
    background-color: #202657;
    color: #FFFFFF
}

h3.accordion.active {
    background-color: #F9F9F9;
    color: #4E4E4E
}

h3.accordion+div.content {
    max-width: 660px
}

h3.accordion+div.content:after {
    content: " ";
    display: table;
    clear: both
}

@media only screen and (min-width: 1024px) {
    div.accordion h3.accordion {
        display: none
    }
    .tabs {
        display: block
    }
}

.js h3.accordion.active+div {
    display: block
}

.content-primary .full-width-accordion {
    margin-bottom: 70px
}

.content-primary .full-width-accordion h3.accordion,
.content-primary .full-width-accordion h3.accordion+div.content,
.content-primary .full-width-accordion .content>* {
    max-width: none
}

.content-primary .full-width-accordion .content,
.content-primary .full-width-accordion .content p,
.content-primary .full-width-accordion .content ul li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E
}

.content-primary .full-width-accordion .content {
    background-color: #F9F9F9;
    padding: 18px;
    margin-top: 4px;
    margin-bottom: 4px
}

@media only screen and (min-width: 768px) {
    .content-primary .full-width-accordion .content {
        padding: 30px
    }
}

.content-primary .full-width-accordion .content table {
    font-size: 15px;
    font-size: .9375rem
}

@media only screen and (min-width: 768px) {
    .content-primary .full-width-accordion .content table {
        font-size: 16px;
        font-size: 1rem
    }
}

.content-primary .full-width-accordion .content table.table-overflow {
    white-space: normal
}

@media only screen and (max-width: 767px) {
    .content-primary .full-width-accordion .content table.table-overflow {
        background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.11) 0%, transparent 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.11) 0%, transparent 75%) 100% center;
        background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.11) 0%, transparent 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.11) 0%, transparent 75%) 100% center;
        background-size: 10px 100%, 10px 100%;
        background-attachment: scroll, scroll;
        background-repeat: no-repeat
    }
    .content-primary .full-width-accordion .content table.table-overflow td:first-child,
    .content-primary .full-width-accordion .content table.table-overflow th:first-child {
        background-image: -webkit-linear-gradient(left, #F9F9F9 50%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to right, #F9F9F9 50%, rgba(255, 255, 255, 0) 100%)
    }
    .content-primary .full-width-accordion .content table.table-overflow td:last-child,
    .content-primary .full-width-accordion .content table.table-overflow th:last-child {
        background-image: -webkit-linear-gradient(right, #F9F9F9 50%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to left, #F9F9F9 50%, rgba(255, 255, 255, 0) 100%)
    }
}

.content-primary .full-width-accordion .content img {
    margin-right: 0
}

.content-primary .full-width-accordion .content .list-listing ul,
.content-primary .full-width-accordion .content .list-filter ul {
    padding-left: 0
}

.content-primary .full-width-accordion .content ul {
    padding-left: 30px
}

.content-primary .full-width-accordion .content ul li {
    margin: 0;
    padding-left: 0px
}

.content-primary .full-width-accordion .content button {
    cursor: pointer;
    padding: 12px 7%;
    background-color: #E7E7E7;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 15px;
    margin-right: 5px
}

@media only screen and (min-width: 480px) {
    .content-primary .full-width-accordion .content button {
        padding: 12px 30px
    }
}

.content-primary .full-width-accordion .content button:hover {
    background-color: #202657;
    color: white
}

.content-primary .full-width-accordion .content button.active,
.content-primary .full-width-accordion .content button.active:hover {
    background-color: #F9F9F9;
    color: #4E4E4E;
    cursor: default
}

.content-primary .full-width-accordion .content button:before {
    height: 0px;
    background-color: #E7E7E7;
    width: 0px;
    margin-bottom: 0px
}

.content-primary .full-width-accordion .content .box-container ul {
    margin-bottom: 30px;
    padding-left: 0
}

.content-primary .full-width-accordion .content .box-container ul li {
    margin: 0px;
    padding-left: 10px;
    list-style-type: none
}

.content-primary .full-width-accordion .content .box-container ul li a {
    font-weight: 400
}

.content-primary .full-width-accordion .content blockquote {
    position: relative;
    margin: 0 0 14px;
    padding: 25px 10px 0px;
    font-style: italic;
    font-family: "MPlantin, Georgia, Times, 'Times New Roman', serif";
    background-repeat: no-repeat;
    background-position: 0px 0;
    margin-bottom: 30px;
    font-size: 19px;
    font-size: 1.1875rem
}

.content-primary .full-width-accordion .content blockquote {
    background-image: url(/img/quote/quote.svg)
}

.no-svg .content-primary .full-width-accordion .content blockquote {
    background-image: url(/img/quote/quote.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion .content blockquote {
        background-image: url(/img/quote/quote@2x.png)
    }
}

.content-primary .full-width-accordion .content blockquote:before {
    content: "";
    display: block;
    background-color: #fc0;
    height: 2px;
    margin-bottom: 20px;
    margin-left: 95px
}

.content-primary .full-width-accordion .content blockquote strong {
    display: block;
    margin-left: 10px
}

.content-primary .full-width-accordion h3.accordion {
    position: relative;
    text-align: left;
    padding: 18px 50px 18px 18px;
    background-repeat: no-repeat;
    background-position: center right
}

.content-primary .full-width-accordion h3.accordion {
    background-image: url(/img/arrows/arrow-down-border-black-mob.svg)
}

.no-svg .content-primary .full-width-accordion h3.accordion {
    background-image: url(/img/arrows/arrow-down-border-black-mob.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion h3.accordion {
        background-image: url(/img/arrows/arrow-down-border-black-mob@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .full-width-accordion h3.accordion {
        padding: 18px 60px 18px 30px
    }
    .content-primary .full-width-accordion h3.accordion {
        background-image: url(/img/arrows/arrow-down-border-black.svg)
    }
    .no-svg .content-primary .full-width-accordion h3.accordion {
        background-image: url(/img/arrows/arrow-down-border-black.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion h3.accordion {
        background-image: url(/img/arrows/arrow-down-border-black@2x.png)
    }
}

.content-primary .full-width-accordion h3.accordion:hover {
    background-image: url(/img/arrows/arrow-down-border-yellow-mob.svg)
}

.no-svg .content-primary .full-width-accordion h3.accordion:hover {
    background-image: url(/img/arrows/arrow-down-border-yellow-mob.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion h3.accordion:hover {
        background-image: url(/img/arrows/arrow-down-border-yellow-mob@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .full-width-accordion h3.accordion:hover {
        background-image: url(/img/arrows/arrow-down-border-yellow.svg)
    }
    .no-svg .content-primary .full-width-accordion h3.accordion:hover {
        background-image: url(/img/arrows/arrow-down-border-yellow.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion h3.accordion:hover {
        background-image: url(/img/arrows/arrow-down-border-yellow@2x.png)
    }
}

.content-primary .full-width-accordion h3.accordion.active {
    background-image: url(/img/arrows/arrow-up-border-black-mob.svg)
}

.no-svg .content-primary .full-width-accordion h3.accordion.active {
    background-image: url(/img/arrows/arrow-up-border-black-mob.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion h3.accordion.active {
        background-image: url(/img/arrows/arrow-up-border-black-mob@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .full-width-accordion h3.accordion.active {
        background-image: url(/img/arrows/arrow-up-border-black.svg)
    }
    .no-svg .content-primary .full-width-accordion h3.accordion.active {
        background-image: url(/img/arrows/arrow-up-border-black.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion h3.accordion.active {
        background-image: url(/img/arrows/arrow-up-border-black@2x.png)
    }
}

.content-primary .full-width-accordion h3.accordion.active:hover {
    background-color: #202657;
    color: white
}

.content-primary .full-width-accordion h3.accordion.active:hover {
    background-image: url(/img/arrows/arrow-up-border-yellow-mob.svg)
}

.no-svg .content-primary .full-width-accordion h3.accordion.active:hover {
    background-image: url(/img/arrows/arrow-up-border-yellow-mob.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion h3.accordion.active:hover {
        background-image: url(/img/arrows/arrow-up-border-yellow-mob@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .full-width-accordion h3.accordion.active:hover {
        background-image: url(/img/arrows/arrow-up-border-yellow.svg)
    }
    .no-svg .content-primary .full-width-accordion h3.accordion.active:hover {
        background-image: url(/img/arrows/arrow-up-border-yellow.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-primary .full-width-accordion h3.accordion.active:hover {
        background-image: url(/img/arrows/arrow-up-border-yellow@2x.png)
    }
}

.content-primary .full-width-accordion h3.accordion span {
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    right: 28px;
    margin-top: -16px;
    border: 1px solid #949194;
    background-repeat: no-repeat;
    background-position: center
}

.box-container,
.notification,
.notification-centre {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E;
    box-sizing: border-box;
    border: 3px solid #fc0;
    padding: 24px 24px 32px;
    margin-bottom: 32px
}

.box-container:last-child,
.notification:last-child,
.notification-centre:last-child {
    margin-bottom: 0
}

.box-container strong,
.notification strong,
.notification-centre strong {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    font-weight: 500;
    margin-bottom: 14px;
    display: block
}

@media only screen and (min-width: 1280px) {
    .box-container strong,
    .notification strong,
    .notification-centre strong {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.box-container p,
.content-primary .box-container p,
.notification p,
.content-primary .notification p,
.notification-centre p,
.content-primary .notification-centre p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E
}

.box-container>a+br,
.box-container>strong+br,
.notification>a+br,
.notification>strong+br,
.notification-centre>a+br,
.notification-centre>strong+br {
    display: none
}

.box-container a,
.notification a,
.notification-centre a {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s
}

.box-container a:hover,
.box-container a:hover strong,
.notification a:hover,
.notification a:hover strong,
.notification-centre a:hover,
.notification-centre a:hover strong {
    color: #2C70AA;
    text-decoration: none
}

.box-container p:last-child,
.notification p:last-child,
.notification-centre p:last-child {
    margin-bottom: 0
}

.box-container>div,
.notification>div,
.notification-centre>div {
    margin-left: 0 !important
}

.box-container>div p,
.notification>div p,
.notification-centre>div p {
    font-weight: 500
}

.box-container img,
.notification img,
.notification-centre img {
    width: 100%;
    display: block
}

.content-primary .content .box-container img,
.content-primary .content .notification img,
.content-primary .content .notification-centre img {
    padding-left: 0;
    margin-right: 0
}

.twocol .box-container img,
.threecol .box-container img,
.twocol .notification img,
.threecol .notification img,
.twocol .notification-centre img,
.threecol .notification-centre img {
    width: 100%;
    float: none;
    padding: 0
}

.content-primary .content .box-container img.img-float-right,
.content-primary .content .notification img.img-float-right,
.content-primary .content .notification-centre img.img-float-right {
    width: auto;
    margin-right: auto
}

@media only screen and (min-width: 480px) {
    .content-primary .content .box-container img.img-float-right,
    .content-primary .content .notification img.img-float-right,
    .content-primary .content .notification-centre img.img-float-right {
        margin-right: 0;
        padding: 0 0 0 20px
    }
}

.twocol .box-container img.img-float-right,
.threecol .box-container img.img-float-right,
.twocol .notification img.img-float-right,
.threecol .notification img.img-float-right,
.twocol .notification-centre img.img-float-right,
.threecol .notification-centre img.img-float-right {
    width: auto;
    float: right;
    padding: 0 0 0 20px
}

.box-container a,
.notification a,
.notification-centre a {
    font-weight: 500;
    color: #3B3B3B
}

@media only screen and (min-width: 1280px) {
    .threecol .box-container strong,
    .threecol .notification strong,
    .threecol .notification-centre strong {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.2142857143
    }
}

.has-secondary-nav .content-secondary>.box-container,
.has-secondary-nav .content-secondary>.notification,
.has-secondary-nav .content-secondary>.notification-centre {
    padding: 24px 24px 32px
}

.notification,
.notification-centre {
    border: 1px solid #C3C3C3;
    background-color: #F9F9F9
}

.notification-centre {
    text-align: center
}

.note-highlighted {
    box-sizing: border-box;
    padding: 12px 20px 14px;
    border: 1px solid #C3C3C3;
    border-left: 4px solid #FFCC00;
    background-color: #F9F9F9;
    margin-bottom: 32px
}

.note-highlighted p:last-child {
    margin-bottom: 0px
}

.breadcrumbs {
    display: none
}

@media only screen and (min-width: 768px) {
    .breadcrumbs {
        display: block;
        background-color: #E7E7E7
    }
    .breadcrumbs ol {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.1875;
        list-style: none;
        padding: 6px 0 7px;
        margin: 0
    }
    .breadcrumbs ol:after {
        content: " ";
        display: table;
        clear: both
    }
    .breadcrumbs ol li {
        list-style: none
    }
    .breadcrumbs ol li {
        padding: 2px 4px 2px 0;
        margin: 0;
        float: left
    }
    .breadcrumbs ol li a {
        -webkit-transition: color, .1s;
        -moz-transition: color, .1s;
        transition: color, .1s;
        display: inline-block;
        color: #3B3B3B;
        font-weight: 400
    }
    .breadcrumbs ol li a:hover {
        color: #20649E;
        text-decoration: underline
    }
    .breadcrumbs ol li:after {
        content: "/";
        padding-left: 4px
    }
    .breadcrumbs ol li:last-child {
        font-weight: 500;
        color: #2B2B2B
    }
    .breadcrumbs ol li:last-child a {
        font-weight: 500
    }
    .breadcrumbs ol li:last-child:after {
        display: none
    }
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    -ms-appearance: button;
    -o-appearance: button;
    appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    border: 0;
    padding: 0;
    background: none;
    overflow: visible
}

button,
.btn,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.2105263158;
    font-weight: 500;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B
}

button:before,
.btn:before,
input[type="submit"]:before,
input[type="reset"]:before,
input[type="button"]:before {
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    content: "";
    display: block;
    height: 6px;
    background-color: #fc0;
    width: 60px;
    margin-bottom: 5px
}

button:hover,
button:focus,
a:hover button,
a:focus button,
.btn:hover,
.btn:focus,
a:hover .btn,
a:focus .btn,
input[type="submit"]:hover,
input[type="submit"]:focus,
a:hover input[type="submit"],
a:focus input[type="submit"],
input[type="reset"]:hover,
input[type="reset"]:focus,
a:hover input[type="reset"],
a:focus input[type="reset"],
input[type="button"]:hover,
input[type="button"]:focus,
a:hover input[type="button"],
a:focus input[type="button"] {
    outline: 0;
    text-decoration: none;
    color: #3B3B3B
}

button:hover:before,
.btn:hover:before,
input[type="submit"]:hover:before,
input[type="reset"]:hover:before,
input[type="button"]:hover:before {
    background-color: #202657
}

.btn-no-style button {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-transform: none
}

.btn-no-style button:before {
    display: none
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    margin-top: 18px;
    margin-right: 30px;
    border-top: 6px solid #fc0;
    padding-top: 5px;
    border-radius: none
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    border-color: #202657
}

.btn-large {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 1;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: none;
    font-weight: 500
}

.btn-large:before {
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    background-color: #fc0;
    width: 86px
}

.btn-large:hover:before {
    background-color: #202657
}

.btn-large:before {
    content: "";
    display: block;
    height: 6px;
    margin-bottom: 5px
}

.content-primary .content p .btn {
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block
}

.content-primary .content p .btn:before {
    margin-bottom: 3px
}

.content-primary .content p .btn-large {
    color: #3B3B3B
}

.content-primary .content p .btn-large:hover {
    color: #3B3B3B;
    text-decoration: none
}

.content-primary .content p .btn-basic {
    background-color: #2C70AA;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    border-radius: 6px;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 3px;
    padding-top: 2px;
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s
}

.content-primary .content p .btn-basic:hover {
    background-color: #202657;
    text-decoration: none
}

.chat {
    background-color: #202657;
    color: white;
    padding-top: 25px;
    padding-bottom: 25px
}

.chat h2,
.chat h3 {
    color: #FFFFFF !important
}

.chat .btn {
    color: #FFFFFF;
    display: block
}

.chat .btn:before {
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    background-color: #FFFFFF
}

.chat .btn:hover:before {
    background-color: #fc0
}

.chat-now {
    background-color: transparent;
    display: block;
    width: auto;
    position: fixed;
    right: 30px;
    bottom: 30px;
    margin: 0;
    padding: 0;
    z-index: 9
}

.chat-now a {
    display: flex;
    flex-wrap: nowrap;
    background-color: yellow;
    padding: 6px;
    border-radius: 40px;
    background-color: #E7E7E7;
    box-shadow: 0 0 3px 0 #E7E7E7
}

.chat-now a:hover {
    box-shadow: 0 0 9px 0px #E7E7E7;
    text-decoration: none
}

.chat-now a:hover .chat-img {
    transition: background-color, .2s;
    background-color: #242753
}

.chat-now a:focus {
    outline: none;
    border-radius: 40px;
    box-shadow: 0 0 0 3px #000
}

.chat-now a .chat-img {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background-color: #3F8617;
    position: relative
}

.chat-now a .chat-img img {
    padding-top: 6px !important;
    position: relative;
    z-index: 12;
    float: none;
    margin-bottom: 0
}

.chat-now a span {
    align-self: center;
    padding: 0 16px 5px 8px;
    font-size: 22px;
    line-height: 1;
    color: #575756
}

.chat-now a span strong {
    display: block;
    padding-left: 20px;
    font-weight: 700
}

.chat-now a span strong.cy {
    padding-left: 32px
}

.clearing {
    background-color: #fc0;
    box-sizing: border-box;
    padding: 25px 20px 32px
}

.clearing h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    color: #4E4E4E;
    margin-bottom: 18px
}

@media only screen and (min-width: 1280px) {
    .clearing h2 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.clearing form {
    margin-bottom: 0;
    width: 74.9253731343%;
    box-sizing: border-box
}

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

.clearing form ul {
    margin-top: 24px
}

.clearing form legend {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 24px
}

.clearing form button {
    -webkit-transition: background-color, .1s;
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    float: right;
    margin-top: 18px
}

.clearing form button:before {
    background-color: #2B2B2B
}

.clearing form button:hover:before {
    background-color: #FFFFFF
}

@media only screen and (min-width: 1024px) {
    .clearing form {
        width: 100%;
        max-width: 251px;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .clearing form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        height: 22px
    }
}

.community {
    margin-top: 40px
}

.community h1 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    margin-bottom: 50px;
    background-color: transparent;
    padding: 0
}

@media only screen and (min-width: 1280px) {
    .community h1 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.community ul {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 400;
    padding-left: 0
}

.community ul li {
    list-style: none
}

.community ul li {
    margin-bottom: 24px
}

.community ul a {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B
}

.community ul a:hover {
    text-decoration: underline;
    color: #2C70AA
}

@media only screen and (min-width: 768px) {
    .community {
        float: right;
        width: 37.1924746744%
    }
}

@media only screen and (min-width: 1024px) {
    .community {
        width: 27.421875%
    }
}

.content {
    margin-top: 70px;
    clear: both
}

.content>* {
    max-width: 696px
}

.content p,
.content ul,
.content ol,
.content-primary .content p,
.content-primary .content ul,
.content-primary .content ol {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    .content p,
    .content ul,
    .content ol,
    .content-primary .content p,
    .content-primary .content ul,
    .content-primary .content ol {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.5
    }
}

.content-primary .content .base-text p,
.content-primary .content .base-text ul,
.content-primary .content .base-text ol {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E
}

.content table p,
.content-primary .content table p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E;
    font-weight: 300
}

.content table th p,
.content-primary .content table th p {
    font-weight: 500
}

.content-primary .content img {
    max-width: 100%
}

.content-primary .content img.img-fe {
    border: 12px solid #E7E7E7;
    padding: 0;
    margin: 0 0 20px 40px;
    box-shadow: 3px 3px 8px 0 #C5C5C5
}

@media only screen and (min-width: 480px) {
    .content-primary .content img {
        float: right;
        padding: 0 0 0 20px
    }
    .content-primary .content img.float-left {
        float: left;
        padding: 0 20px 0 0
    }
    .content-primary .content img.width100p {
        float: none;
        padding: 0
    }
    .content-primary .content img.centre {
        display: block;
        margin: 0 auto 24px;
        float: none;
        padding: 0
    }
    .content-primary .content img.float-none {
        display: block;
        margin: 0;
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 795px) {
    .content-primary .content img {
        margin-right: calc(100% - 696px)
    }
    .content-primary .content img.float-left {
        margin-right: 0
    }
}

.content-primary .content #map-container img {
    max-width: none
}

@media only screen and (min-width: 480px) {
    .content-primary .content #map-container img {
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 795px) {
    .content-primary .content #map-container img {
        margin-right: 0
    }
}

@media only screen and (min-width: 480px) {
    .content-primary .content table img {
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 795px) {
    .content-primary .content table img {
        margin-right: auto
    }
}

header:not([role=banner])+.content h2:first-child {
    margin-top: -50px
}

.cookie-message {
    background-color: #E7E7E7;
    box-shadow: inset 0px -11px 8px -10px #ccc
}

.cookie-message div {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 11px 5.55%
}

.cookie-message div img {
    display: none
}

.cookie-message div p {
    margin-bottom: 0;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.2;
    font-weight: 300;
    color: #3B3B3B
}

.cookie-message div p a {
    font-weight: 500;
    color: #20649E
}

.content-primary {
    position: relative
}

.content-primary p,
.content-primary ul,
.content-primary ol,
.content-primary dl {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E
}

@media only screen and (min-width: 580px) {
    .content-primary:after {
        content: " ";
        display: table;
        clear: both
    }
}

.content-primary h1 small {
    display: block;
    font-size: 50%;
    padding-top: 4px
}

.content-primary h1 small p {
    color: #FFFFFF;
    line-height: 1.2;
    margin-bottom: 5px
}

.content-primary h1 small ul {
    color: #FFFFFF;
    margin: 0
}

.content-primary h1 small ul li {
    margin: 0
}

@media only screen and (max-width: 1023px) {
    .content-primary h1 {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box;
        padding-left: 6.25%;
        padding-right: 6.25%
    }
}

.content-primary.normal .hero.hero-w-image .hero-header {
    min-height: 0
}

@media only screen and (min-width: 1024px) {
    .content-primary.normal.fifty-forty .content-primary-main {
        width: 50%
    }
    .content-primary.normal.fifty-forty .content-secondary {
        width: 40%
    }
    .content-primary.normal.fifty-fifty .content-primary-main {
        width: 45%
    }
    .content-primary.normal.fifty-fifty .content-secondary {
        width: 45%
    }
    .content-primary.normal.seventy-five .content-primary-main {
        width: 75%
    }
    .content-primary.normal.eighty .content-primary-main {
        width: 80%
    }
    .content-primary.normal.full .content-primary-main {
        width: 100%
    }
}

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

.content-secondary>div,
.content-secondary>section {
    margin-bottom: 40px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px
}

.content-secondary>div>h2,
.content-secondary>div>h3,
.content-secondary>section>h2,
.content-secondary>section>h3 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    margin-bottom: 18px
}

@media only screen and (min-width: 1280px) {
    .content-secondary>div>h2,
    .content-secondary>div>h3,
    .content-secondary>section>h2,
    .content-secondary>section>h3 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.content-secondary img {
    float: right;
    padding: 0 0 0 20px
}

.content-secondary img.float-left {
    float: left;
    padding: 0 20px 0 0
}

.content-secondary img.width100p {
    float: none;
    padding: 0
}

.content-secondary ul li:last-child {
    margin-bottom: 0
}

.content-secondary ul li a {
    font-weight: 400
}

.content-secondary .btn,
.content-secondary button {
    margin-top: 32px
}

.full-width .content-secondary p,
.full-width .content-secondary ul {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375
}

.full-width .content-secondary ul {
    margin-bottom: 0;
    padding-left: 0
}

.full-width .content-secondary ul li {
    list-style: none
}

.full-width .content-secondary ul li {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 14px
}

.full-width .content-secondary ul li:last-child {
    margin-bottom: 0
}

.content-img-nav {
    margin-left: -6.25%;
    margin-right: -6.25%
}

@media only screen and (min-width: 1024px) {
    .content-img-nav {
        margin-right: -7.82014%;
        margin-left: -3.61681%;
        padding-left: 3.61681%;
        width: 107.54717%
    }
}

.content-img-nav h1 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%
}

@media only screen and (min-width: 1024px) {
    .content-img-nav h1 {
        position: absolute;
        left: 0;
        top: 0;
        margin-left: -6.25%;
        width: 65%
    }
}

@media only screen and (min-width: 1024px) {
    .content-img-nav h1 {
        width: auto;
        min-width: 502px;
        margin-left: 0%
    }
}

.content-img-nav .image {
    position: relative
}

.content-img-nav .image>div {
    padding-top: 51%
}

.content-img-nav .video-link {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0
}

.content-img-nav .video-link:after {
    content: " ";
    display: table;
    clear: both
}

.content-img-nav .video-link div {
    background-color: #5D5D5D;
    background-color: rgba(59, 59, 59, 0.7);
    color: white;
    display: block;
    position: relative
}

.content-img-nav .video-link div .video-popup {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.content-img-nav .video-link div .video-popup figure {
    height: 26px;
    width: 34px;
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 15px
}

.content-img-nav .video-link div .video-popup figure {
    background-image: url(/img/icons/video/play-vid-wh-sm.svg)
}

.no-svg .content-img-nav .video-link div .video-popup figure {
    background-image: url(/img/icons/video/play-vid-wh-sm.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-img-nav .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-sm@2x.png)
    }
}

.content-img-nav .video-link div .video-popup p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    font-weight: 400;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    padding: 12px 0;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 3;
    vertical-align: middle;
    font-style: normal;
    color: white;
    width: 75%
}

@media only screen and (min-width: 768px) {
    .content-img-nav .video-link {
        margin-bottom: 50px
    }
    .content-img-nav .video-link div {
        display: inline-block
    }
    .content-img-nav .video-link div .video-popup figure {
        height: 40px;
        width: 53px;
        position: relative;
        z-index: 2;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0 0 0 12px
    }
    .content-img-nav .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me.svg)
    }
    .no-svg .content-img-nav .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-img-nav .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .content-img-nav .video-link div .video-popup p {
        padding: 19px 30px 19px 35px;
        width: auto;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1
    }
    .content-img-nav .video-link div .video-popup span {
        background-repeat: no-repeat;
        background-position: center right;
        position: absolute;
        top: 0;
        left: 0px;
        display: block;
        width: 104px;
        height: 100%;
        transition: width .3s ease
    }
    .content-img-nav .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar.svg)
    }
    .no-svg .content-img-nav .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-img-nav .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .content-img-nav .video-link div .video-popup:hover span {
        left: 0;
        width: 110%
    }
}

.content-img-nav .info {
    width: 100%;
    padding-left: 5.555555%;
    padding-right: 5.555555%;
    padding-top: 30px;
    padding-bottom: 70px;
    margin-bottom: 70px;
    box-sizing: border-box;
    background-color: #F9F9F9
}

.content-img-nav .info>* {
    max-width: 841px
}

.content-img-nav .info:after {
    content: " ";
    display: table;
    clear: both
}

.content-img-nav .info p,
.content-img-nav .info ul {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.619047619;
    font-weight: 300
}

.content-img-nav .info p.intro {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.4230769231;
    font-weight: light;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-style: italic;
    letter-spacing: -0.01em
}

.content-img-nav .info h3 {
    font-size: 23px;
    font-size: 1.4375rem;
    margin-bottom: 25px
}

.content-img-nav .info ul {
    margin-bottom: 30px
}

.content-img-nav .info ul li {
    margin-bottom: 15px
}

.content-img-nav .info ul li small {
    font-size: 60%;
    display: block
}

@media only screen and (min-width: 1024px) {
    .content-img-nav .info {
        padding-left: 3.49057%;
        padding-right: 3.49057%
    }
}

@media only screen and (min-width: 1280px) {
    .content-img-nav .info h2 {
        font-size: 36px;
        font-size: 2.25rem
    }
    .content-img-nav .info h3 {
        font-size: 27px;
        font-size: 1.6875rem;
        margin-bottom: 30px
    }
    .content-img-nav .info p,
    .content-img-nav .info ul {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.4166666667
    }
    .content-img-nav .info p.intro {
        font-size: 34px;
        font-size: 2.125rem
    }
}

.content-img-nav .nav-icons {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ebebeb;
    box-shadow: inset 0px -15px 30px -25px #dadada
}

@media only screen and (min-width: 768px) {
    .content-img-nav .nav-icons {
        padding-left: 0;
        padding-right: 0
    }
}

.content-img-nav .nav-icons ul {
    padding: 20px 0
}

.content-img-nav .nav-icons ul li {
    padding-bottom: 6px;
    font-size: 16px;
    font-size: 1rem
}

.content-img-nav .nav-icons ul li a figure.i-news {
    background-image: url(/img/icons/nav/news.svg)
}

.no-svg .content-img-nav .nav-icons ul li a figure.i-news {
    background-image: url(/img/icons/nav/news.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .content-img-nav .nav-icons ul li a figure.i-news {
        background-image: url(/img/icons/nav/news@2x.png)
    }
}

@media only screen and (min-width: 480px) {
    .content-img-nav .nav-icons ul {
        padding: 6px 0
    }
}

.content-nav {
    margin: -50px -6.25% 70px
}

@media only screen and (min-width: 1024px) {
    .content-nav {
        margin-right: -7.82014%;
        margin-left: -3.61681%;
        padding-left: 3.61681%;
        width: 107.54717%
    }
}

.content-nav .nav-icons {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 6.25%;
    padding-right: 6.25%
}

.content-nav .nav-icons ul {
    padding: 8px 0
}

.content-nav .nav-icons ul .nav-icons ul li {
    padding-bottom: 3px;
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width: 1024px) {
    .content-nav .nav-icons {
        padding-left: 0;
        padding-right: 0
    }
}

.course-search {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%;
    background-color: white;
    padding-top: 6px;
    padding-bottom: 24px;
    margin-top: 35px
}

.course-search form {
    position: relative;
    margin-bottom: 10px
}

.course-search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
    padding-right: 60px;
    border: 3px solid #fc0;
    height: 40px;
    background-color: #FFFFFF;
    margin-bottom: 0
}

.course-search button {
    background-repeat: no-repeat
}

.course-search button {
    background-image: url(/img/icons/icon-search-small.svg)
}

.no-svg .course-search button {
    background-image: url(/img/icons/icon-search-small.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .course-search button {
        background-image: url(/img/icons/icon-search-small@2x.png)
    }
}

.course-search ul {
    margin-left: 3px;
    padding: 0
}

.course-search ul li {
    display: inline-block;
    margin: 0
}

.course-search ul li:after {
    content: " | "
}

.course-search ul li:last-child:after {
    content: ""
}

.course-search ul li a {
    color: #2C70AA;
    text-decoration: underline;
    font-weight: 500
}

.course-search ul li:hover {
    text-decoration: none
}

@media only screen and (max-width: 1023px) {
    .course-search h1 {
        display: none
    }
    .course-search button {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        position: absolute;
        top: 0;
        right: 18px;
        width: 40px;
        height: 40px;
        background-position: 50%;
        padding: 0
    }
    .course-search button:before {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .course-search {
        margin-top: 55px
    }
}

@media only screen and (min-width: 1024px) {
    .course-search {
        padding-bottom: 45px;
        position: relative
    }
    .course-search form {
        margin-left: 220px;
        margin-bottom: 10px
    }
    .course-search form:after {
        content: " ";
        display: table;
        clear: both
    }
    .course-search h1 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517;
        font-weight: 500;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        color: #4E4E4E;
        box-sizing: border-box;
        margin: 0;
        padding: 18px 0px 0px;
        background-color: transparent;
        z-index: 4;
        cursor: default;
        float: left;
        letter-spacing: normal
    }
    .course-search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        height: 71px;
        padding-left: 20px;
        padding-right: 0;
        float: left;
        width: 62.5%
    }
    .course-search button {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1;
        font-weight: 300;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        text-transform: none;
        font-weight: 500;
        background-position: 0 15px;
        float: left;
        padding-left: 120px;
        margin-left: -50px;
        position: relative;
        margin-top: 10px
    }
    .course-search button:before {
        -webkit-transition: background-color, .1s;
        -moz-transition: background-color, .1s;
        transition: background-color, .1s;
        background-color: #fc0;
        width: 86px
    }
    .course-search button:hover:before {
        background-color: #202657
    }
    .course-search ul {
        margin: 0 0 0 225px
    }
    .course-search button {
        margin-left: 0;
        padding-left: 35px;
        background-image: none
    }
}

@media only screen and (min-width: 1024px) {
    .course-search.cy ul {
        margin: 0 0 0 250px
    }
    .course-search.cy form {
        margin-left: 245px
    }
}

.full-width-course-search {
    position: relative;
    margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
    .full-width-course-search {
        margin-top: 20px
    }
}

.full-width-course-search .level {
    margin-bottom: 5px
}

.full-width-course-search .level>label {
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .full-width-course-search .level>label {
        float: left;
        margin-right: 40px
    }
}

.full-width-course-search .level label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.16667;
    font-weight: 500;
    text-transform: none
}

.full-width-course-search .level ul {
    padding: 0
}

.full-width-course-search .level ul li {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    background-image: none;
    margin-bottom: 0px;
    margin-right: 24px
}

@media only screen and (min-width: 490px) {
    .full-width-course-search .level ul li {
        float: left
    }
}

.full-width-course-search .search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
    padding-right: 40px;
    border: 3px solid #fc0;
    height: 40px;
    background-color: #F9F9F9;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.full-width-course-search .search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]):focus {
    border: 1px solid #2B2B2B;
    background-color: white;
    box-shadow: 0 0 4px rgba(56, 56, 56, 0.1)
}

@media only screen and (min-width: 1024px) {
    .full-width-course-search .search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        height: 71px;
        padding-left: 20px;
        padding-right: 0;
        float: left;
        width: 70.3125%
    }
}

@media only screen and (max-width: 1023px) {
    .full-width-course-search .search {
        position: relative
    }
    .full-width-course-search .search label {
        display: none
    }
    .full-width-course-search .search button {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        position: absolute;
        top: 0;
        right: 5px;
        width: 40px;
        height: 40px;
        background-position: 50%;
        background-repeat: no-repeat
    }
    .full-width-course-search .search button {
        background-image: url(/img/icons/icon-search-small.svg)
    }
    .no-svg .full-width-course-search .search button {
        background-image: url(/img/icons/icon-search-small.png)
    }
}

@media only screen and (max-width: 1023px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1023px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1023px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .full-width-course-search .search button {
        background-image: url(/img/icons/icon-search-small@2x.png)
    }
}

@media only screen and (max-width: 1023px) {
    .full-width-course-search .search button:before {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .full-width-course-search .search button {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1;
        font-weight: 500;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        text-transform: none;
        margin-top: 12px;
        padding-left: 40px
    }
    .full-width-course-search .search button:before {
        width: 86px
    }
    .full-width-course-search .search label {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.1666666667;
        font-weight: 500;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        color: #4E4E4E;
        padding: 9px 0px 0px;
        float: left;
        margin-right: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .hero .hero-intro .full-width-course-search .options {
        margin-left: 3px
    }
}

.norm-page-search {
    background-color: white;
    padding: 5% 0% 4%
}

.norm-page-search form {
    max-width: 100%
}

.norm-page-search form .search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
    padding-right: 40px;
    border: 3px solid #fc0;
    height: 40px;
    background-color: white;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .norm-page-search {
        padding: 3% 0% 2%
    }
}

@media only screen and (max-width: 1023px) {
    .norm-page-search form .search {
        position: relative
    }
    .norm-page-search form .search label {
        display: none
    }
    .norm-page-search form .search button {
        background-image: url(/img/icons/icon-search-small.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        position: absolute;
        top: 0;
        right: 5px;
        width: 40px;
        height: 40px
    }
    .norm-page-search form .search button:before {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .norm-page-search {
        width: 107.54717%;
        margin-right: -7.82014%;
        margin-bottom: 70px;
        margin-top: 10px
    }
    .norm-page-search form .search label {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.12;
        font-weight: 500;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        color: #4E4E4E;
        padding: 11px 0 0;
        float: left;
        margin-right: 25px
    }
    .norm-page-search form .search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        height: 71px;
        padding-left: 20px;
        padding-right: 0;
        float: left;
        width: 42%
    }
    .norm-page-search form .search button {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.12;
        font-weight: 500;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        text-transform: none;
        margin-top: 12px;
        padding-left: 25px
    }
    .norm-page-search form .search button:before {
        width: 76px
    }
    .norm-page-search.cy form .search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        width: 40%
    }
}

@media only screen and (min-width: 1280px) {
    .norm-page-search form .search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        width: 52%
    }
    .norm-page-search.cy form .search input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        width: 46%
    }
}

.norm-page-search .options {
    position: relative;
    padding: 0;
    margin: 0
}

.norm-page-search .options li {
    display: inline-block;
    padding: 0;
    margin: 0
}

.norm-page-search .options li:after {
    content: " | "
}

.norm-page-search .options li:last-child:after {
    content: ""
}

.norm-page-search .options li a {
    color: #2C70AA;
    text-decoration: underline;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width: 1024px) {
    .norm-page-search .options {
        margin-left: 187px
    }
}

@media only screen and (min-width: 1024px) {
    .norm-page-search.cy .options {
        margin-left: 212px
    }
}

.course-search-filter {
    margin-top: 10px
}

.course-search-filter ul {
    padding-left: 0
}

.course-search-filter ul:after {
    content: " ";
    display: table;
    clear: both
}

.course-search-filter ul li {
    list-style: none
}

.course-search-filter ul li {
    float: left;
    margin-bottom: 12px;
    margin-right: 24px;
    padding-left: 0;
    margin-left: 0
}

.course-search-filter ul li:after {
    content: " ";
    display: table;
    clear: both
}

.course-search-filter ul li input {
    float: left
}

.course-search-filter ul li label {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1666666667;
    float: left
}

.course-search-filter ul li:last-child {
    margin-right: 0
}

.course-search-listing h4 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.1785714286;
    font-weight: light;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 32px;
    text-transform: none;
    border-top: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0
}

@media only screen and (min-width: 1280px) {
    .course-search-listing h4 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.1875
    }
}

.course-search-listing ul {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.5789473684;
    margin-bottom: 0;
    padding-left: 0;
    padding-left: 0
}

.course-search-listing ul li {
    list-style: none
}

.course-search-listing ul li {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
    border-bottom: 1px dashed #3B3B3B
}

.course-search-listing ul li a {
    font-weight: 400;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    padding: 7px 0 3px;
    display: block;
    color: #3B3B3B
}

.course-search-listing ul li a:hover {
    color: #2C70AA;
    text-decoration: none
}

.course-search-listing ul li {
    list-style: none
}

.course-search-listing>div {
    margin-bottom: 36px;
    max-width: 447px
}

.course-search-listing>div:last-child {
    margin-bottom: 20px
}

#course-video {
    margin-bottom: 30px
}

#course-video ul {
    padding-left: 0
}

#course-video ul li {
    margin: 0 19px 20px 0;
    display: inline-block
}

#course-video ul li a {
    display: block;
    width: 260px;
    height: 145px;
    position: relative;
    background-color: #E7E7E7
}

#course-video ul li a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.1);
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s
}

#course-video ul li a:before {
    background-image: url(/img/icons/video/play-vid.svg)
}

.no-svg #course-video ul li a:before {
    background-image: url(/img/icons/video/play-vid.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg #course-video ul li a:before {
        background-image: url(/img/icons/video/play-vid@2x.png)
    }
}

#course-video ul li a:hover:before {
    background-color: rgba(255, 255, 255, 0)
}

#course-video ul li a:hover:before {
    background-image: url(/img/icons/video/play-vid-hov.svg)
}

.no-svg #course-video ul li a:hover:before {
    background-image: url(/img/icons/video/play-vid-hov.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg #course-video ul li a:hover:before {
        background-image: url(/img/icons/video/play-vid-hov@2x.png)
    }
}

#course-video h3:first-of-type,
#cour-req h3:first-of-type,
#cour-req h2:first-of-type {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E
}

@media only screen and (min-width: 1280px) {
    #course-video h3:first-of-type,
    #cour-req h3:first-of-type,
    #cour-req h2:first-of-type {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

@media only screen and (min-width: 480px) {
    #course-video h3:first-of-type:before,
    #cour-req h3:first-of-type:before,
    #cour-req h2:first-of-type:before {
        display: block;
        content: " ";
        height: 130px;
        margin-top: -130px;
        visibility: hidden
    }
}

.curve-box,
.curve-box-full-width {
    background-color: #F9F9F9;
    position: static;
    min-height: 300px;
    margin-top: 70px;
    padding-top: 70px;
    margin-bottom: 70px;
    padding-bottom: 62px;
    box-sizing: border-box
}

.content:last-child .curve-box:last-child,
.content:last-child .curve-box-full-width:last-child {
    margin-bottom: 0
}

.curve-box p,
.curve-box ul,
.curve-box-full-width p,
.curve-box-full-width ul {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    .curve-box p,
    .curve-box ul,
    .curve-box-full-width p,
    .curve-box-full-width ul {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.5
    }
}

@media only screen and (max-width: 1023px) {
    .curve-box,
    .curve-box-full-width {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box;
        padding-left: 6.25%;
        padding-right: 6.25%
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box,
    .curve-box-full-width {
        margin-right: -7.5471698113%;
        margin-left: -28.3018867925%;
        padding-left: 28.3018867925%
    }
}

.curve-box>*,
.curve-box-full-width>* {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .curve-box>*,
    .curve-box-full-width>* {
        max-width: 832px;
        width: 79.0566037736%;
        margin-left: 3.2456140351%
    }
}

@media only screen and (min-width: 480px) {
    .curve-box>img,
    .curve-box-full-width>img {
        float: right;
        padding-left: 20px
    }
    .curve-box>img.float-left,
    .curve-box-full-width>img.float-left {
        float: left;
        padding: 0 20px 0 0
    }
    .curve-box>img.width100p,
    .curve-box-full-width>img.width100p {
        float: none;
        padding: 0;
        width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box>img,
    .curve-box-full-width>img {
        margin-right: calc(100% - 651px)
    }
    .curve-box>img.float-left,
    .curve-box-full-width>img.float-left {
        margin-right: 0
    }
    .curve-box>img.width100p,
    .curve-box-full-width>img.width100p {
        margin-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box>img,
    .curve-box-full-width>img {
        width: auto
    }
}

.curve-box img:first-child+*,
.curve-box .ug-video:first-child+*,
.curve-box-full-width img:first-child+*,
.curve-box-full-width .ug-video:first-child+* {
    margin-top: 70px
}

.curve-box img:first-child,
.curve-box .ug-video:first-child,
.curve-box-full-width img:first-child,
.curve-box-full-width .ug-video:first-child {
    padding: 0;
    z-index: 5;
    max-width: none;
    margin-top: -70px
}

@media only screen and (max-width: 1023px) {
    .curve-box img:first-child,
    .curve-box .ug-video:first-child,
    .curve-box-full-width img:first-child,
    .curve-box-full-width .ug-video:first-child {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box img:first-child,
    .curve-box .ug-video:first-child,
    .curve-box-full-width img:first-child,
    .curve-box-full-width .ug-video:first-child {
        width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box img:first-child,
    .curve-box .ug-video:first-child,
    .curve-box-full-width img:first-child,
    .curve-box-full-width .ug-video:first-child {
        margin-left: 0
    }
}

.curve-box .ug-video>div,
.curve-box-full-width .ug-video>div {
    position: relative;
    padding-bottom: 56.25%;
    height: auto;
    overflow: hidden;
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important
}

.curve-box .ug-video.bg-img>div,
.curve-box-full-width .ug-video.bg-img>div {
    padding-bottom: 51%
}

.curve-box .ug-video.bg-img-38>div,
.curve-box-full-width .ug-video.bg-img-38>div {
    padding-bottom: 38%
}

.content .curve-box,
.content .curve-box-full-width {
    max-width: none
}

@media only screen and (min-width: 1024px) {
    .content .curve-box,
    .content .curve-box-full-width {
        margin-right: -7.8201368524%;
        margin-left: -32.9423264907%;
        padding-left: 32.9423264907%
    }
}

.content .curve-box:first-of-type,
.content .curve-box-full-width:first-of-type {
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .content .curve-box>*,
    .content .curve-box-full-width>* {
        margin-left: 0
    }
}

@media only screen and (min-width: 1024px) {
    .content .curve-box img:first-child,
    .content .curve-box .ug-video:first-child,
    .content .curve-box-full-width img:first-child,
    .content .curve-box-full-width .ug-video:first-child {
        margin-left: -3.3728350046%;
        width: 103.3728350046%
    }
}

h1+.content .curve-box:first-child,
h1+.content .curve-box-full-width:first-child,
h1+.curve-box,
h1+.curve-box-full-width {
    padding-top: 0
}

h1+.content .curve-box:first-child .ug-video:before,
h1+.content .curve-box-full-width:first-child .ug-video:before,
h1+.curve-box .ug-video:before,
h1+.curve-box-full-width .ug-video:before {
    display: none
}

h1+.content .curve-box:first-child .ug-video .video-link,
h1+.content .curve-box-full-width:first-child .ug-video .video-link,
h1+.curve-box .ug-video .video-link,
h1+.curve-box-full-width .ug-video .video-link {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0
}

h1+.content .curve-box:first-child .ug-video .video-link:after:after,
h1+.content .curve-box-full-width:first-child .ug-video .video-link:after:after,
h1+.curve-box .ug-video .video-link:after:after,
h1+.curve-box-full-width .ug-video .video-link:after:after {
    content: " ";
    display: table;
    clear: both
}

h1+.content .curve-box:first-child .ug-video .video-link div,
h1+.content .curve-box-full-width:first-child .ug-video .video-link div,
h1+.curve-box .ug-video .video-link div,
h1+.curve-box-full-width .ug-video .video-link div {
    background-color: #5D5D5D;
    background-color: rgba(59, 59, 59, 0.7);
    color: white;
    display: block;
    position: relative
}

h1+.content .curve-box:first-child .ug-video .video-link div .video-popup,
h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup,
h1+.curve-box .ug-video .video-link div .video-popup,
h1+.curve-box-full-width .ug-video .video-link div .video-popup {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

h1+.content .curve-box:first-child .ug-video .video-link div .video-popup figure,
h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup figure,
h1+.curve-box .ug-video .video-link div .video-popup figure,
h1+.curve-box-full-width .ug-video .video-link div .video-popup figure {
    height: 26px;
    width: 34px;
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 15px
}

h1+.content .curve-box:first-child .ug-video .video-link div .video-popup figure,
h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup figure,
h1+.curve-box .ug-video .video-link div .video-popup figure,
h1+.curve-box-full-width .ug-video .video-link div .video-popup figure {
    background-image: url(/img/icons/video/play-vid-wh-sm.svg)
}

.no-svg h1+.content .curve-box:first-child .ug-video .video-link div .video-popup figure,
.no-svg h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup figure,
.no-svg h1+.curve-box .ug-video .video-link div .video-popup figure,
.no-svg h1+.curve-box-full-width .ug-video .video-link div .video-popup figure {
    background-image: url(/img/icons/video/play-vid-wh-sm.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg h1+.content .curve-box:first-child .ug-video .video-link div .video-popup figure,
    .no-svg h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup figure,
    .no-svg h1+.curve-box .ug-video .video-link div .video-popup figure,
    .no-svg h1+.curve-box-full-width .ug-video .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-sm@2x.png)
    }
}

h1+.content .curve-box:first-child .ug-video .video-link div .video-popup p,
h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup p,
h1+.curve-box .ug-video .video-link div .video-popup p,
h1+.curve-box-full-width .ug-video .video-link div .video-popup p {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.0952380952;
    font-weight: 300;
    padding: 12px 0;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 3;
    vertical-align: middle;
    font-style: normal;
    color: white;
    width: 75%
}

h1+.content .curve-box:first-child img:first-child,
h1+.content .curve-box:first-child .ug-video:first-child,
h1+.content .curve-box-full-width:first-child img:first-child,
h1+.content .curve-box-full-width:first-child .ug-video:first-child,
h1+.curve-box img:first-child,
h1+.curve-box .ug-video:first-child,
h1+.curve-box-full-width img:first-child,
h1+.curve-box-full-width .ug-video:first-child {
    margin-top: 0;
    padding-top: 0;
    margin-right: 0;
    float: none;
    padding-left: 0;
    margin-bottom: 0
}

h1+.content .curve-box:first-child img:first-child+*,
h1+.content .curve-box:first-child .ug-video:first-child+*,
h1+.content .curve-box-full-width:first-child img:first-child+*,
h1+.content .curve-box-full-width:first-child .ug-video:first-child+*,
h1+.curve-box img:first-child+*,
h1+.curve-box .ug-video:first-child+*,
h1+.curve-box-full-width img:first-child+*,
h1+.curve-box-full-width .ug-video:first-child+* {
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child img:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child img:first-of-type:first-child+*,
    h1+.curve-box img:first-of-type:first-child+*,
    h1+.curve-box-full-width img:first-of-type:first-child+* {
        padding-top: 48%
    }
}

@media only screen and (min-width: 768px) {
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video:first-of-type:first-child+*,
    h1+.curve-box .ug-video:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video:first-of-type:first-child+* {
        padding-top: 53%
    }
}

@media only screen and (min-width: 768px) {
    h1+.content .curve-box:first-child .ug-video.bg-img:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video.bg-img:first-of-type:first-child+*,
    h1+.curve-box .ug-video.bg-img:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video.bg-img:first-of-type:first-child+* {
        padding-top: 47%
    }
}

@media only screen and (min-width: 768px) {
    h1+.content .curve-box:first-child .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.curve-box .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video.bg-img-38:first-of-type:first-child+* {
        padding-top: 34%
    }
}

h1+.content .curve-box:first-child p:first-of-type,
h1+.content .curve-box-full-width:first-child p:first-of-type,
h1+.curve-box p:first-of-type,
h1+.curve-box-full-width p:first-of-type {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.4;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child p:first-of-type,
    h1+.content .curve-box-full-width:first-child p:first-of-type,
    h1+.curve-box p:first-of-type,
    h1+.curve-box-full-width p:first-of-type {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.3928571429
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child img:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child img:first-of-type:first-child+*,
    h1+.curve-box img:first-of-type:first-child+*,
    h1+.curve-box-full-width img:first-of-type:first-child+* {
        padding-top: 43%
    }
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child img:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child img:first-of-type:first-child+*,
    h1+.curve-box img:first-of-type:first-child+*,
    h1+.curve-box-full-width img:first-of-type:first-child+* {
        padding-top: 45%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video:first-of-type:first-child+*,
    h1+.curve-box .ug-video:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video:first-of-type:first-child+* {
        padding-top: 48%
    }
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video:first-of-type:first-child+*,
    h1+.curve-box .ug-video:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video:first-of-type:first-child+* {
        padding-top: 51%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .ug-video.bg-img:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video.bg-img:first-of-type:first-child+*,
    h1+.curve-box .ug-video.bg-img:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video.bg-img:first-of-type:first-child+* {
        padding-top: 42%
    }
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child .ug-video.bg-img:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video.bg-img:first-of-type:first-child+*,
    h1+.curve-box .ug-video.bg-img:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video.bg-img:first-of-type:first-child+* {
        padding-top: 45%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.curve-box .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video.bg-img-38:first-of-type:first-child+* {
        padding-top: 29%
    }
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.content .curve-box-full-width:first-child .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.curve-box .ug-video.bg-img-38:first-of-type:first-child+*,
    h1+.curve-box-full-width .ug-video.bg-img-38:first-of-type:first-child+* {
        padding-top: 32%
    }
}

h1+.content .curve-box:first-child:before,
h1+.content .curve-box-full-width:first-child:before,
h1+.curve-box:before,
h1+.curve-box-full-width:before {
    content: "";
    background-color: #F9F9F9;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width: 1023px) {
    h1+.content .curve-box:first-child:before,
    h1+.content .curve-box-full-width:first-child:before,
    h1+.curve-box:before,
    h1+.curve-box-full-width:before {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child:before,
    h1+.content .curve-box-full-width:first-child:before,
    h1+.curve-box:before,
    h1+.curve-box-full-width:before {
        width: 107.5471698113%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child img:first-child,
    h1+.content .curve-box:first-child .ug-video:first-child,
    h1+.content .curve-box-full-width:first-child img:first-child,
    h1+.content .curve-box-full-width:first-child .ug-video:first-child,
    h1+.curve-box img:first-child,
    h1+.curve-box .ug-video:first-child,
    h1+.curve-box-full-width img:first-child,
    h1+.curve-box-full-width .ug-video:first-child {
        width: 107.5471698113%
    }
}

@media only screen and (max-width: 1023px) {
    h1+.content .curve-box:first-child,
    h1+.content .curve-box-full-width:first-child,
    h1+.curve-box,
    h1+.curve-box-full-width {
        margin-top: 0
    }
    h1+.content .curve-box:first-child>*:first-child,
    h1+.content .curve-box:first-child img:first-of-type:first-child+*:first-of-type,
    h1+.content .curve-box:first-child>*:first-child,
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child+*:first-of-type,
    h1+.content .curve-box-full-width:first-child>*:first-child,
    h1+.content .curve-box-full-width:first-child img:first-of-type:first-child+*:first-of-type,
    h1+.content .curve-box-full-width:first-child>*:first-child,
    h1+.content .curve-box-full-width:first-child .ug-video:first-of-type:first-child+*:first-of-type,
    h1+.curve-box>*:first-child,
    h1+.curve-box img:first-of-type:first-child+*:first-of-type,
    h1+.curve-box>*:first-child,
    h1+.curve-box .ug-video:first-of-type:first-child+*:first-of-type,
    h1+.curve-box-full-width>*:first-child,
    h1+.curve-box-full-width img:first-of-type:first-child+*:first-of-type,
    h1+.curve-box-full-width>*:first-child,
    h1+.curve-box-full-width .ug-video:first-of-type:first-child+*:first-of-type {
        padding-top: 70px
    }
    h1+.content .curve-box:first-child img:first-child:first-of-type,
    h1+.content .curve-box:first-child .ug-video:first-child:first-of-type,
    h1+.content .curve-box-full-width:first-child img:first-child:first-of-type,
    h1+.content .curve-box-full-width:first-child .ug-video:first-child:first-of-type,
    h1+.curve-box img:first-child:first-of-type,
    h1+.curve-box .ug-video:first-child:first-of-type,
    h1+.curve-box-full-width img:first-child:first-of-type,
    h1+.curve-box-full-width .ug-video:first-child:first-of-type {
        padding-top: 0
    }
    h1+.content .curve-box:first-child .ug-video *:first-of-type,
    h1+.content .curve-box-full-width:first-child .ug-video *:first-of-type,
    h1+.curve-box .ug-video *:first-of-type,
    h1+.curve-box-full-width .ug-video *:first-of-type {
        padding-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child img:first-of-type:first-child,
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child,
    h1+.content .curve-box-full-width:first-child img:first-of-type:first-child,
    h1+.content .curve-box-full-width:first-child .ug-video:first-of-type:first-child,
    h1+.curve-box img:first-of-type:first-child,
    h1+.curve-box .ug-video:first-of-type:first-child,
    h1+.curve-box-full-width img:first-of-type:first-child,
    h1+.curve-box-full-width .ug-video:first-of-type:first-child {
        position: absolute;
        top: 0;
        left: 0
    }
    h1+.content .curve-box:first-child .ug-video .video-link,
    h1+.content .curve-box-full-width:first-child .ug-video .video-link,
    h1+.curve-box .ug-video .video-link,
    h1+.curve-box-full-width .ug-video .video-link {
        margin-bottom: 50px
    }
    h1+.content .curve-box:first-child .ug-video .video-link div,
    h1+.content .curve-box-full-width:first-child .ug-video .video-link div,
    h1+.curve-box .ug-video .video-link div,
    h1+.curve-box-full-width .ug-video .video-link div {
        display: inline-block
    }
    h1+.content .curve-box:first-child .ug-video .video-link div .video-popup figure,
    h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup figure,
    h1+.curve-box .ug-video .video-link div .video-popup figure,
    h1+.curve-box-full-width .ug-video .video-link div .video-popup figure {
        height: 40px;
        width: 53px;
        position: relative;
        z-index: 2;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0 0 0 12px
    }
    h1+.content .curve-box:first-child .ug-video .video-link div .video-popup figure,
    h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup figure,
    h1+.curve-box .ug-video .video-link div .video-popup figure,
    h1+.curve-box-full-width .ug-video .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me.svg)
    }
    .no-svg h1+.content .curve-box:first-child .ug-video .video-link div .video-popup figure,
    .no-svg h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup figure,
    .no-svg h1+.curve-box .ug-video .video-link div .video-popup figure,
    .no-svg h1+.curve-box-full-width .ug-video .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me.png)
    }
}

@media only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    .no-svg h1+.content .curve-box:first-child .ug-video .video-link div .video-popup figure,
    .no-svg h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup figure,
    .no-svg h1+.curve-box .ug-video .video-link div .video-popup figure,
    .no-svg h1+.curve-box-full-width .ug-video .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me@2x.png)
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .ug-video .video-link div .video-popup p,
    h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup p,
    h1+.curve-box .ug-video .video-link div .video-popup p,
    h1+.curve-box-full-width .ug-video .video-link div .video-popup p {
        padding: 19px 30px 19px 35px;
        width: auto;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1
    }
    h1+.content .curve-box:first-child .ug-video .video-link div .video-popup span,
    h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup span,
    h1+.curve-box .ug-video .video-link div .video-popup span,
    h1+.curve-box-full-width .ug-video .video-link div .video-popup span {
        background-repeat: no-repeat;
        background-position: center right;
        position: absolute;
        top: 0;
        left: 0px;
        display: block;
        width: 104px;
        height: 100%;
        transition: width .3s ease
    }
    h1+.content .curve-box:first-child .ug-video .video-link div .video-popup span,
    h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup span,
    h1+.curve-box .ug-video .video-link div .video-popup span,
    h1+.curve-box-full-width .ug-video .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar.svg)
    }
    .no-svg h1+.content .curve-box:first-child .ug-video .video-link div .video-popup span,
    .no-svg h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup span,
    .no-svg h1+.curve-box .ug-video .video-link div .video-popup span,
    .no-svg h1+.curve-box-full-width .ug-video .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar.png)
    }
}

@media only screen and (min-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    .no-svg h1+.content .curve-box:first-child .ug-video .video-link div .video-popup span,
    .no-svg h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup span,
    .no-svg h1+.curve-box .ug-video .video-link div .video-popup span,
    .no-svg h1+.curve-box-full-width .ug-video .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar@2x.png)
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .ug-video .video-link div .video-popup:hover span,
    h1+.content .curve-box-full-width:first-child .ug-video .video-link div .video-popup:hover span,
    h1+.curve-box .ug-video .video-link div .video-popup:hover span,
    h1+.curve-box-full-width .ug-video .video-link div .video-popup:hover span {
        left: 0;
        width: 110%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child,
    h1+.content .curve-box-full-width:first-child,
    h1+.curve-box,
    h1+.curve-box-full-width {
        margin-left: 0;
        padding-left: 3.4905660377%
    }
    h1+.content .curve-box:first-child>*,
    h1+.content .curve-box:first-child .ug-video:first-child,
    h1+.content .curve-box-full-width:first-child>*,
    h1+.content .curve-box-full-width:first-child .ug-video:first-child,
    h1+.curve-box>*,
    h1+.curve-box .ug-video:first-child,
    h1+.curve-box-full-width>*,
    h1+.curve-box-full-width .ug-video:first-child {
        margin-left: 0
    }
    h1+.content .curve-box:first-child>.intro-override-length,
    h1+.content .curve-box-full-width:first-child>.intro-override-length,
    h1+.curve-box>.intro-override-length,
    h1+.curve-box-full-width>.intro-override-length {
        max-width: 850px
    }
    h1+.content .curve-box:first-child img:first-child,
    h1+.content .curve-box:first-child .ug-video:first-child,
    h1+.content .curve-box-full-width:first-child img:first-child,
    h1+.content .curve-box-full-width:first-child .ug-video:first-child,
    h1+.curve-box img:first-child,
    h1+.curve-box .ug-video:first-child,
    h1+.curve-box-full-width img:first-child,
    h1+.curve-box-full-width .ug-video:first-child {
        max-width: none
    }
    h1+.content .curve-box:first-child:after,
    h1+.content .curve-box-full-width:first-child:after,
    h1+.curve-box:after,
    h1+.curve-box-full-width:after {
        content: " ";
        display: table;
        clear: both
    }
    h1+.content .curve-box:first-child img:first-of-type:first-child~img,
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child~img,
    h1+.content .curve-box-full-width:first-child img:first-of-type:first-child~img,
    h1+.content .curve-box-full-width:first-child .ug-video:first-of-type:first-child~img,
    h1+.curve-box img:first-of-type:first-child~img,
    h1+.curve-box .ug-video:first-of-type:first-child~img,
    h1+.curve-box-full-width img:first-of-type:first-child~img,
    h1+.curve-box-full-width .ug-video:first-of-type:first-child~img {
        padding-left: 0
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child img:first-of-type:first-child+*:first-of-type+*,
    h1+.curve-box img:first-of-type:first-child+*:first-of-type+* {
        padding-top: 43%
    }
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child img:first-of-type:first-child+*:first-of-type+*,
    h1+.curve-box img:first-of-type:first-child+*:first-of-type+* {
        padding-top: 45%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child+*:first-of-type+*,
    h1+.curve-box .ug-video:first-of-type:first-child+*:first-of-type+* {
        padding-top: 48%
    }
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child+*:first-of-type+*,
    h1+.curve-box .ug-video:first-of-type:first-child+*:first-of-type+* {
        padding-top: 51%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .ug-video.bg-img:first-of-type:first-child+*:first-of-type+*,
    h1+.curve-box .ug-video.bg-img:first-of-type:first-child+*:first-of-type+* {
        padding-top: 42%
    }
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child .ug-video.bg-img:first-of-type:first-child+*:first-of-type+*,
    h1+.curve-box .ug-video.bg-img:first-of-type:first-child+*:first-of-type+* {
        padding-top: 45%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .ug-video.bg-img-38:first-of-type:first-child+*:first-of-type+*,
    h1+.curve-box .ug-video.bg-img-38:first-of-type:first-child+*:first-of-type+* {
        padding-top: 29%
    }
}

@media only screen and (min-width: 1280px) {
    h1+.content .curve-box:first-child .ug-video.bg-img-38:first-of-type:first-child+*:first-of-type+*,
    h1+.curve-box .ug-video.bg-img-38:first-of-type:first-child+*:first-of-type+* {
        padding-top: 32%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child>*,
    h1+.content .curve-box:first-child .ug-video:first-child,
    h1+.curve-box>*,
    h1+.curve-box .ug-video:first-child {
        max-width: 651px
    }
    h1+.content .curve-box:first-child img:first-child,
    h1+.content .curve-box:first-child .ug-video:first-child,
    h1+.curve-box img:first-child,
    h1+.curve-box .ug-video:first-child {
        max-width: none
    }
    h1+.content .curve-box:first-child img:first-of-type:first-child+*:first-of-type,
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child+*:first-of-type,
    h1+.curve-box img:first-of-type:first-child+*:first-of-type,
    h1+.curve-box .ug-video:first-of-type:first-child+*:first-of-type {
        float: left;
        width: 36.4460562103%;
        margin-right: -36.4460562103%;
        margin-left: 0
    }
    h1+.content .curve-box:first-child img:first-of-type:first-child+*:first-of-type.intro-override-length,
    h1+.curve-box img:first-of-type:first-child+*:first-of-type.intro-override-length {
        width: 100%;
        max-width: 850px
    }
    h1+.content .curve-box:first-child img:first-of-type:first-child~*,
    h1+.content .curve-box:first-child .ug-video:first-of-type:first-child~*,
    h1+.curve-box img:first-of-type:first-child~*,
    h1+.curve-box .ug-video:first-of-type:first-child~* {
        float: left;
        width: 45.0589301904%;
        margin-left: 39.800543971%
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box-full-width>* {
        max-width: 900px;
        width: 85.4716981132%
    }
}

@media only screen and (min-width: 1024px) {
    h1+.curve-box:first-child,
    h1+.curve-box-full-width:first-child {
        margin-right: -7.5471698113%
    }
}

h1+.content .curve-box:first-child,
h1+.content .curve-box-full-width:first-child {
    margin-top: -70px
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child,
    h1+.content .curve-box-full-width:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child,
    h1+.content .curve-box-full-width:first-child {
        margin-right: -7.8201368524%;
        margin-left: -3.6168132942%;
        padding-left: 3.6168132942%
    }
}

.curve-box-two {
    background-color: #F9F9F9;
    position: static;
    min-height: 300px;
    margin-top: 70px;
    padding-top: 70px;
    margin-bottom: 70px;
    padding-bottom: 62px;
    box-sizing: border-box
}

.content:last-child .curve-box-two:last-child {
    margin-bottom: 0
}

.content-primary .content .curve-box-two p,
.content-primary .content .curve-box-two ul,
.content-primary .content .curve-box-two ol,
.content-primary .content .curve-box-two dl {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E
}

.content-primary .content .curve-box-two p.intro {
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (max-width: 1023px) {
    .curve-box-two {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box;
        padding-left: 6.25%;
        padding-right: 6.25%
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box-two {
        margin-right: -7.5471698113%;
        margin-left: -28.3018867925%;
        padding-left: 28.3018867925%
    }
}

.curve-box-two>* {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .curve-box-two>* {
        max-width: 696px;
        width: 79.0566037736%;
        margin-left: 3.2456140351%
    }
}

@media only screen and (min-width: 480px) {
    .curve-box-two>img {
        float: right;
        padding-left: 20px
    }
    .curve-box-two>img.float-left {
        float: left;
        padding: 0 20px 0 0
    }
    .curve-box-two>img.width100p {
        float: none;
        padding: 0;
        width: 100%
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1123px) {
    .curve-box-two>img {
        margin-right: 17%;
        margin-left: 0
    }
}

@media only screen and (min-width: 1124px) {
    .curve-box-two>img {
        margin-right: calc(97% - 696px);
        margin-left: 0
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box-two>img {
        width: auto
    }
    .curve-box-two>img.float-left {
        margin-right: 0;
        margin-left: 3.2456140351%
    }
    .curve-box-two>img.width100p {
        margin-right: 0;
        margin-left: 3.2456140351%
    }
}

.curve-box-two img:first-child+*,
.curve-box-two .ug-video:first-child+* {
    margin-top: 70px
}

.curve-box-two img:first-child,
.curve-box-two .ug-video:first-child {
    padding: 0;
    z-index: 5;
    max-width: none;
    margin-top: -70px
}

@media only screen and (min-width: 1024px) {
    .curve-box-two img:first-child,
    .curve-box-two .ug-video:first-child {
        margin-right: 0
    }
}

@media only screen and (max-width: 1023px) {
    .curve-box-two img:first-child,
    .curve-box-two .ug-video:first-child {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box-two img:first-child,
    .curve-box-two .ug-video:first-child {
        width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .curve-box-two img:first-child,
    .curve-box-two .ug-video:first-child {
        margin-left: 0
    }
}

.curve-box-two .ug-video>div {
    position: relative;
    padding-bottom: 56.25%;
    height: auto;
    overflow: hidden;
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important
}

.content .curve-box-two {
    max-width: none
}

@media only screen and (min-width: 1024px) {
    .content .curve-box-two {
        margin-right: -7.8201368524%;
        margin-left: -32.9423264907%;
        padding-left: 32.9423264907%
    }
}

.content .curve-box-two:first-of-type {
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .content .curve-box-two>* {
        margin-left: 0
    }
}

@media only screen and (min-width: 1024px) {
    .content .curve-box-two img:first-child,
    .content .curve-box-two .ug-video:first-child {
        margin-left: -3.3728350046%;
        width: 103.3728350046%
    }
}

h1+.curve-box .dep-logo:last-child {
    display: none
}

@media only screen and (min-width: 768px) {
    h1+.curve-box .dep-logo:last-child.image {
        display: block;
        width: auto;
        position: absolute;
        margin: 0;
        margin-left: auto;
        right: 0;
        top: 75px;
        z-index: 7;
        border: 6px solid rgba(222, 222, 222, 0.6);
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 1024px) {
    h1+.curve-box .dep-logo:last-child.image {
        border: 6px solid rgba(222, 222, 222, 0.4)
    }
}

h1+.content .curve-box:first-child .dep-logo:last-child {
    display: none
}

@media only screen and (min-width: 768px) {
    h1+.content .curve-box:first-child .dep-logo:last-child.image {
        display: block;
        width: auto;
        position: absolute;
        margin: 0;
        margin-left: auto;
        right: 0;
        top: 75px;
        z-index: 7;
        border: 6px solid rgba(222, 222, 222, 0.6);
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 1024px) {
    h1+.content .curve-box:first-child .dep-logo:last-child.image {
        border: 6px solid rgba(222, 222, 222, 0.4);
        width: auto
    }
}

h1+.content .dep-logo {
    display: none
}

@media only screen and (min-width: 1210px) {
    h1+.content .dep-logo {
        display: block;
        width: auto;
        position: absolute;
        margin: 0;
        margin-left: auto;
        right: 0;
        top: 75px;
        z-index: 7;
        border: 6px solid rgba(222, 222, 222, 0.4);
        float: none;
        padding: 0
    }
}

h1+.curve-box .dep-logo {
    display: none
}

@media only screen and (min-width: 1210px) {
    h1+.curve-box .dep-logo {
        display: block;
        width: auto;
        position: absolute;
        margin: 0;
        margin-left: auto;
        right: 0;
        top: 75px;
        z-index: 7;
        border: 6px solid rgba(222, 222, 222, 0.4);
        float: none;
        padding: 0
    }
}

#abernews-x-topstory .dep-logo {
    display: none
}

@media only screen and (min-width: 768px) {
    #abernews-x-topstory .dep-logo {
        display: block;
        width: auto;
        position: absolute;
        margin: 0;
        margin-left: auto;
        right: 0;
        top: 75px;
        z-index: 7;
        border: 6px solid rgba(222, 222, 222, 0.6);
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 1024px) {
    #abernews-x-topstory .dep-logo {
        border: 6px solid rgba(222, 222, 222, 0.4)
    }
}

.email-cap {
    background: #F3F3F3 url("/img/miscellaneous/email-cap-mobile.jpg") no-repeat top center;
    display: block
}

.email-cap.cy {
    background: #F3F3F3 url("/img/miscellaneous/email-cap-mobile-cy.jpg") no-repeat top center
}

.content>.email-cap,
.email-cap.special-menu {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%;
    max-width: none;
    margin-top: 20px;
    margin-bottom: 60px
}

.email-cap.special-menu {
    margin-top: -70px;
    margin-bottom: -83px
}

.email-cap .highlighted {
    background-color: #fc0;
    padding-left: 7px;
    padding-right: 7px
}

.content-primary .content .email-cap p,
.content-primary .content .email-cap p,
.email-cap p,
.email-cap p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 300;
    padding: 0 7% 0;
    max-width: 320px
}

.content-primary .content .email-cap p:first-child,
.content-primary .content .email-cap p:first-child,
.email-cap p:first-child,
.email-cap p:first-child {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    padding-top: 220px
}

@media only screen and (min-width: 650px) {
    .content-primary .content .email-cap p:first-child,
    .content-primary .content .email-cap p:first-child,
    .email-cap p:first-child,
    .email-cap p:first-child {
        padding-top: 125px
    }
}

.content-primary .content .email-cap p:last-child,
.content-primary .content .email-cap p:last-child,
.email-cap p:last-child,
.email-cap p:last-child {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 10px 7% 40px
}

.content-primary .content .email-cap p .btn,
.content-primary .content .email-cap p .btn,
.email-cap p .btn,
.email-cap p .btn {
    font-size: 21px;
    font-size: 1.3125rem
}

@media only screen and (min-width: 580px) {
    .content-primary .content .email-cap,
    .email-cap {
        padding: 0;
        margin: 0 0 60px;
        width: auto;
        max-width: 850px
    }
    .content-primary .content .email-cap.full-width,
    .email-cap.full-width {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box;
        padding-left: 6.25%;
        padding-right: 6.25%;
        margin-top: 20px;
        margin-bottom: 60px;
        max-width: none
    }
}

@media only screen and (min-width: 1024px) {
    .content-primary .content .email-cap.full-width,
    .email-cap.full-width {
        float: none;
        padding: 0;
        margin: 0;
        width: 111.5%;
        margin-left: -3.49057%
    }
}

.content-primary .content .email-cap p:last-child,
.email-cap.special-menu p:last-child {
    padding-bottom: 50px
}

@media only screen and (min-width: 1200px) {
    .content-primary .content .email-cap p:last-child,
    .email-cap.special-menu p:last-child {
        padding-bottom: 80px
    }
}

.email-cap.course {
    margin-bottom: 40px
}

@media only screen and (min-width: 1024px) {
    .email-cap.course {
        background: #F3F3F3 url("/img/miscellaneous/email-cap-mobile.jpg") no-repeat top center
    }
    .email-cap.course.cy {
        background: #F3F3F3 url("/img/miscellaneous/email-cap-mobile-cy.jpg") no-repeat top center
    }
    .email-cap.course p:first-child {
        font-size: 24px;
        font-size: 1.5rem;
        padding-top: 220px
    }
}

@media only screen and (min-width: 395px) {
    .email-cap {
        background-position: top right
    }
}

@media only screen and (min-width: 480px) {
    .content-primary .content .email-cap p:first-child,
    .email-cap p:first-child {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .content .email-cap p:first-child,
    .email-cap p:first-child {
        font-size: 30px;
        font-size: 1.875rem;
        max-width: 355px
    }
}

@media only screen and (min-width: 1024px) {
    .email-cap.special-menu {
        margin-left: -40%;
        width: 171%;
        padding-left: 33%
    }
}

@media only screen and (min-width: 670px) and (max-width: 1199px) {
    .content-primary .content .email-cap .email-cap.full-width p:first-child,
    .email-cap .email-cap.course p:first-child {
        padding-top: 100px
    }
}

@media only screen and (min-width: 1200px) {
    .email-cap {
        background: #F3F3F3 url("/img/miscellaneous/email-cap-desktop.jpg") no-repeat top right
    }
    .email-cap.cy {
        background: #F3F3F3 url("/img/miscellaneous/email-cap-desktop-cy.jpg") no-repeat top right
    }
    .email-cap.course {
        background: #F3F3F3 url("/img/miscellaneous/email-cap-mobile.jpg") no-repeat top center
    }
    .email-cap.course.cy {
        background: #F3F3F3 url("/img/miscellaneous/email-cap-mobile-cy.jpg") no-repeat top center
    }
}

@media only screen and (min-width: 1400px) {
    .content-primary .content .email-cap .email-cap.full-width p:first-child {
        padding-top: 100px
    }
}

.header-w-slideshow {
    min-height: 160px
}

@media only screen and (min-width: 1024px) {
    .header-w-slideshow h1 {
        position: absolute
    }
}

.hero .hero-header {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%;
    background-color: transparent;
    position: relative
}

.hero .hero-header .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    height: 237px
}

.hero .hero-header header {
    background-color: rgba(59, 59, 59, 0.98);
    position: relative;
    z-index: 7
}

@media only screen and (min-width: 1024px) {
    .hero .hero-header header {
        background-color: rgba(59, 59, 59, 0.85)
    }
}

.hero .hero-header header:before {
    content: "";
    display: block;
    background-color: #fc0;
    position: absolute;
    top: 0;
    left: 0;
    width: 2%;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .hero .hero-header header:before {
        width: 15px
    }
}

.hero .hero-header header span {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.0952380952;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 -10px;
    text-transform: none;
    padding-top: 12px;
    padding-bottom: 3px;
    display: block;
    color: white
}

.hero .hero-header header h1 {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    margin-left: 0;
    padding-bottom: 12px;
    padding-top: 8px
}

.hero .hero-header header h1 small {
    display: block;
    padding-top: 6px;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.2727272727;
    font-weight: 400;
    padding-bottom: 0px
}

.hero .hero-header .hero-video {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0
}

.hero .hero-header .hero-video:after:after {
    content: " ";
    display: table;
    clear: both
}

.hero .hero-header .hero-video div {
    position: relative;
    background-color: #5D5D5D;
    background-color: rgba(235, 235, 235, 0.4);
    display: inline-block
}

.hero .hero-header .hero-video div .video-popup {
    display: block;
    margin: 0;
    padding: 20px 40px
}

.hero .hero-header .hero-video div .video-popup figure {
    height: 40px;
    width: 53px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s
}

.hero .hero-header .hero-video div .video-popup figure {
    background-image: url(/img/icons/video/play-vid.svg)
}

.no-svg .hero .hero-header .hero-video div .video-popup figure {
    background-image: url(/img/icons/video/play-vid.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .hero .hero-header .hero-video div .video-popup figure {
        background-image: url(/img/icons/video/play-vid@2x.png)
    }
}

.hero .hero-header .hero-video div .video-popup figure:hover {
    background-image: url(/img/icons/video/play-vid-hov.svg)
}

.no-svg .hero .hero-header .hero-video div .video-popup figure:hover {
    background-image: url(/img/icons/video/play-vid-hov.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .hero .hero-header .hero-video div .video-popup figure:hover {
        background-image: url(/img/icons/video/play-vid-hov@2x.png)
    }
}

.hero .hero-header .hero-video .more {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 300;
    padding: 10px 18px 5px;
    position: absolute;
    bottom: -15px;
    left: 0px;
    background-color: #3B3B3B;
    color: white;
    margin: 0;
    padding: 5px 10px 7px;
    transition: all .3s ease
}

.hero .hero-header .hero-video .more:hover {
    text-decoration: underline;
    color: #2B2B2B;
    background-color: white;
    text-decoration: none
}

.hero .hero-intro {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%;
    background-color: #F9F9F9;
    padding-top: 40px;
    padding-bottom: 50px;
    margin-bottom: 70px
}

.hero .hero-intro p {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    font-weight: 300;
    text-transform: none
}

@media only screen and (min-width: 1280px) {
    .hero .hero-intro p {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.hero .hero-intro p:first-child {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.4;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: -0.01em
}

@media only screen and (min-width: 1280px) {
    .hero .hero-intro p:first-child {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.3928571429
    }
}

.hero .hero-intro p:last-child {
    margin-bottom: 0
}

.hero .hero-intro a {
    font-weight: 500;
    color: #3B3B3B
}

.hero .hero-intro:before {
    content: "";
    background-color: #F9F9F9;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (min-width: 1024px) {
    .hero .hero-intro:before {
        width: 106.25%
    }
}

.hero .hero-intro .options {
    position: relative;
    padding: 0;
    margin-top: 7px
}

@media only screen and (min-width: 1024px) {
    .hero .hero-intro .options {
        margin-left: 124px
    }
}

.hero .hero-intro .options li {
    display: inline-block;
    margin: 0
}

.hero .hero-intro .options li:after {
    content: " | "
}

.hero .hero-intro .options li:last-child:after {
    content: ""
}

.hero .hero-intro .options li a {
    color: #2C70AA;
    text-decoration: underline;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem
}

.hero .hero-message {
    background-color: rgba(59, 59, 59, 0.98);
    color: #FFFFFF;
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid grey
}

.hero .hero-message p {
    border-left: 2px solid #fc0;
    padding-left: 18px;
    margin-bottom: 0;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.3333333333;
    font-weight: 300;
    color: #FFFFFF
}

.hero .hero-message p strong {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: light;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif
}

.hero .hero-message p span {
    color: #fc0
}

.hero .hero-message p a {
    color: #fc0;
    font-weight: 400
}

.hero .hero-message p a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 1023px) {
    .hero .hero-header header,
    .hero .hero-header .image {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box;
        padding-left: 6.25%;
        padding-right: 6.25%
    }
    .hero .hero-header header h1 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 480px) {
    .hero .hero-message p {
        font-size: 18px;
        font-size: 1.125rem
    }
    .hero .hero-message p strong {
        font-size: 25px;
        font-size: 1.5625rem
    }
}

@media only screen and (min-width: 768px) {
    .hero .hero-header .image {
        height: 325px
    }
    .hero .hero-header .hero-video {
        bottom: 40px
    }
    .hero .hero-header .hero-video div .video-popup {
        padding: 31px 55px
    }
    .hero .hero-header .hero-video div .video-popup figure {
        height: 51px;
        width: 66px
    }
    .hero .hero-header .hero-video div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-lg.svg)
    }
    .no-svg .hero .hero-header .hero-video div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-lg.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .hero .hero-header .hero-video div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-lg@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .hero .hero-header .hero-video div .video-popup:hover figure {
        background-image: url(/img/icons/video/play-vid-hov-lg.svg)
    }
    .no-svg .hero .hero-header .hero-video div .video-popup:hover figure {
        background-image: url(/img/icons/video/play-vid-hov-lg.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .hero .hero-header .hero-video div .video-popup:hover figure {
        background-image: url(/img/icons/video/play-vid-hov-lg@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .hero .hero-message {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .hero .hero-message p {
        font-size: 19px;
        font-size: 1.1875rem
    }
    .hero .hero-message p strong {
        font-size: 27px;
        font-size: 1.6875rem
    }
}

@media only screen and (min-width: 1024px) {
    .hero.hero-w-image .hero-header {
        min-height: 500px
    }
    .hero .hero-header {
        position: relative
    }
    .hero .hero-header:after {
        content: " ";
        display: table;
        clear: both
    }
    .hero .hero-header header {
        min-width: 502px;
        max-width: 920px;
        padding-left: 6.25%;
        margin-left: -6.25%;
        padding-right: 6.25%;
        box-sizing: border-box;
        float: left
    }
    .hero .hero-header header span {
        padding-top: 12px;
        margin-bottom: -10px
    }
    .hero .hero-header header h1 {
        min-width: 0;
        padding-top: 8px;
        padding-bottom: 12px
    }
    .hero .hero-header header h1 small {
        padding-bottom: 0px
    }
    .hero .hero-header .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .hero .hero-intro {
        padding-bottom: 70px
    }
    .hero .hero-intro>div {
        margin-left: 8.515625%;
        margin-right: 17.1875%
    }
}

@media only screen and (min-width: 1280px) {
    .hero .hero-intro p {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.1666666667
    }
}

.highlighted_awards {
    margin: 30px 0 50px;
    display: inline-block;
    clear: both;
    padding: 25px 18px 15px;
    text-align: left;
    background-color: #F9F9F9;
    background-repeat: no-repeat;
    background-position: left -140px
}

.highlighted_awards {
    background-image: url(/img/miscellaneous/bg-awards.svg)
}

.no-svg .highlighted_awards {
    background-image: url(/img/miscellaneous/bg-awards.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .highlighted_awards {
        background-image: url(/img/miscellaneous/bg-awards@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .highlighted_awards {
        padding: 25px 30px 15px
    }
}

.highlighted_awards p {
    font-size: 18px;
    font-size: 1.125rem
}

.highlighted_awards p:after {
    content: ' ';
    display: block;
    border-bottom: 1px solid #E7E7E7;
    width: 75%;
    margin: 20px auto 0
}

.highlighted_awards p:last-child:after {
    border-bottom: none;
    margin: 0
}

.highlighted_awards h3 {
    display: inline-block;
    padding: 8px 40px 10px 30px;
    margin-left: -30px;
    background-color: white;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E;
    font-weight: 500;
    line-height: 1
}

@media only screen and (min-width: 480px) {
    .highlighted_awards {
        background-position: left top
    }
    .highlighted_awards p {
        padding-left: 20%
    }
}

@media only screen and (min-width: 480px) {
    .highlighted_awards {
        background-position: left top
    }
    .highlighted_awards p {
        padding-left: 20%
    }
}

.highlighted_text {
    border-top: 1px dashed #E7E7E7;
    border-bottom: 1px dashed #E7E7E7;
    padding-top: 8px;
    margin-bottom: 15px
}

.hp-content-block-grey {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%;
    background-color: #F8F8F8;
    margin-top: 70px;
    padding: 40px 15% 30px;
    text-align: center
}

@media only screen and (min-width: 480px) {
    .hp-content-block-grey {
        padding: 40px 25% 30px
    }
}

@media only screen and (min-width: 768px) {
    .hp-content-block-grey {
        padding: 40px 30% 30px;
        background: #F8F8F8 url("../img/content/mobile-twitter.jpg") no-repeat -70px top
    }
}

@media only screen and (min-width: 1024px) {
    .hp-content-block-grey {
        background: #F8F8F8 url("../img/content/mobile-twitter.jpg") no-repeat left top
    }
}

.hp-content-block-grey a {
    -webkit-transition: opacity, 0.1s;
    -moz-transition: opacity, 0.1s;
    transition: opacity, 0.1s;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

.hp-content-block-grey a:hover {
    opacity: .7
}

.hp-content-block-grey img {
    width: auto;
    display: inline;
    margin: 20px 15px 0
}

.hp-content-block-grey h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.1666666667;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin-bottom: 10px
}

.opendays-events {
    margin-top: 25px
}

.featured-article {
    margin-bottom: 32px
}

.featured-article a {
    display: block
}

.featured-article a:after {
    content: " ";
    display: table;
    clear: both
}

.featured-article a>span,
.featured-article a>div {
    background-color: white;
    min-height: 100px;
    width: 63.2835820896%;
    padding: 18px 0 0 15px;
    float: right;
    box-sizing: border-box;
    display: block;
    margin-top: -65px;
    margin-bottom: 0;
    position: relative
}

.featured-article a h2 {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s
}

.featured-article a:hover h2 {
    color: #202657
}

.featured-article a:hover .btn:before {
    background-color: #202657
}

@media only screen and (min-width: 1024px) {
    .flexbox .featured-article a {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
    .flexbox .featured-article a>span,
    .flexbox .featured-article a>div {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end;
        -ms-flex-item-align: end;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        margin-left: -213px;
        margin-top: auto
    }
    .flexbox .featured-article a img {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start
    }
    .featured-article a>span,
    .featured-article a>div {
        padding: 25px 0 0 25px
    }
}

@media only screen and (min-width: 1280px) {
    .featured-article a>span,
    .featured-article a>div {
        padding: 34px 0 0 34px
    }
}

.featured-article a>div {
    width: 81.7910447761%
}

.featured-article a>div>span {
    margin-top: 24px;
    display: block
}

.featured-article img {
    float: none;
    padding: 0;
    margin: 0
}

.featured-article h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E
}

@media only screen and (min-width: 1280px) {
    .featured-article h2 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.featured-article p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E
}

@media only screen and (min-width: 580px) {
    .featured-article {
        float: left;
        width: 48.5546875%;
        margin-right: 2.890625%;
        margin-bottom: 60px
    }
    .featured-article:nth-of-type(2n+2) {
        margin-right: 0
    }
    .featured-article:nth-of-type(2n+1) {
        clear: left
    }
    .featured-article img {
        width: 60.1286173633%
    }
    .featured-article:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .featured-article {
        margin-bottom: 70px
    }
    .featured-article a>div {
        width: 62.7009646302%;
        padding-right: 34px;
        margin-bottom: -25px;
        margin-top: -150px
    }
    .flexbox .featured-article a>div {
        margin-left: -146px
    }
}

@media only screen and (min-width: 1280px) {
    .featured-article a>div {
        margin-top: -180px
    }
}

.featured-articles {
    margin-top: 70px
}

.featured-articles h1 {
    display: none
}

@media only screen and (min-width: 580px) {
    .featured-articles:after {
        content: " ";
        display: table;
        clear: both
    }
}

.course-search+.featured-articles {
    margin-top: 40px
}

.feature-box {
    width: 100%;
    clear: both
}

.feature-box:last-child {
    margin-bottom: 0
}

.feature-box img {
    max-width: 100%;
    width: auto
}

.feature-box .floated-items:after {
    content: " ";
    display: table;
    clear: both
}

.feature-box .floated-items>* {
    float: left;
    margin-right: 18px
}

.feature-box-image {
    margin-bottom: 32px
}

.feature-box-image a {
    display: block
}

.feature-box-image a:after {
    content: " ";
    display: table;
    clear: both
}

.feature-box-image a>span,
.feature-box-image a>div {
    background-color: white;
    min-height: 100px;
    width: 63.2835820896%;
    padding: 18px 0 0 15px;
    float: right;
    box-sizing: border-box;
    display: block;
    margin-top: -65px;
    margin-bottom: 0;
    position: relative
}

.feature-box-image a h2 {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s
}

.feature-box-image a:hover h2 {
    color: #202657
}

.feature-box-image a:hover .btn:before {
    background-color: #202657
}

@media only screen and (min-width: 1024px) {
    .flexbox .feature-box-image a {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
    .flexbox .feature-box-image a>span,
    .flexbox .feature-box-image a>div {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end;
        -ms-flex-item-align: end;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        margin-left: -213px;
        margin-top: auto
    }
    .flexbox .feature-box-image a img {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start
    }
    .feature-box-image a>span,
    .feature-box-image a>div {
        padding: 25px 0 0 25px
    }
}

@media only screen and (min-width: 1280px) {
    .feature-box-image a>span,
    .feature-box-image a>div {
        padding: 34px 0 0 34px
    }
}

.feature-box-image a>div {
    width: 81.7910447761%
}

.feature-box-image a>div>span {
    margin-top: 24px;
    display: block
}

.feature-box-image h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E
}

@media only screen and (min-width: 1280px) {
    .feature-box-image h2 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.feature-box-image p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6666666667
}

.feature-box-image img {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0
}

@media only screen and (min-width: 580px) {
    .feature-box-image {
        margin-bottom: 60px
    }
    .twocol .feature-box-image img,
    .feature-box-image img {
        width: 85.2791878173%
    }
    .twocol .feature-box-image img {
        padding: 0;
        float: none
    }
    .twocol .feature-box-image:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .twocol+.twocol .feature-box-image {
        margin-left: -6.0913705584%;
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .flexbox .feature-box-image a>div {
        margin-left: -243px
    }
}

.content-secondary .feature-box-image:last-child {
    margin-bottom: 0
}

.content-secondary .feature-box-image a>div {
    margin-top: 0;
    float: none;
    background-color: transparent;
    min-height: 0;
    padding: 0;
    margin-top: 24px;
    width: 100%
}

.content-secondary .feature-box-image img {
    width: 100%
}

.content-secondary .feature-box-image .btn {
    display: none
}

.flexbox .content-secondary .feature-box-image a {
    display: block
}

.flexbox .content-secondary .feature-box-image a>div {
    margin-left: 0;
    margin-top: 24px
}

@media only screen and (min-width: 580px) {
    .content-secondary .feature-box-image {
        float: left;
        width: 46.3819691578%;
        margin-right: 3.5587188612%
    }
}

@media only screen and (min-width: 768px) {
    .content-secondary .feature-box-image {
        width: 29.7746144721%
    }
}

.featured-content {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    margin-top: 70px
}

.featured-content h1 {
    font-size: 46px;
    font-size: 2.875rem;
    line-height: 1.2608695652;
    background-color: transparent;
    padding: 0;
    margin-bottom: 24px;
    color: #2B2B2B
}

.blue .featured-content h1 {
    color: #FFFFFF
}

.featured-content h1 em {
    display: block;
    margin: -10px 0;
    color: #FFFFFF
}

.featured-content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6666666667;
    color: #2B2B2B
}

.blue .featured-content p {
    color: #FFFFFF
}

.featured-content article {
    padding-top: 375px;
    position: relative
}

.featured-content article .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 375px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.featured-content article .description {
    background-color: #fc0;
    padding-top: 108px;
    padding-bottom: 40px
}

.featured-content article.blue .description {
    background-color: #202657
}

.featured-content article.blue h1,
.featured-content article.blue p,
.featured-content article.blue .btn {
    color: #FFFFFF
}

.featured-content article.blue .btn:hover:before {
    background-color: #fc0
}

.featured-content .btn {
    margin-top: 24px;
    display: block
}

.featured-content .btn:before {
    background-color: #FFFFFF
}

.featured-content .btn:hover:before {
    background-color: #202657
}

@media only screen and (max-width: 767px) {
    .featured-content article .description {
        padding-left: 5.5555555556%;
        padding-right: 5.5555555556%
    }
}

@media only screen and (min-width: 768px) {
    .featured-content article {
        padding-top: 0
    }
    .featured-content article:after {
        content: " ";
        display: table;
        clear: both
    }
    .featured-content article .image-wrapper {
        width: 61.1111111111%;
        height: 100%
    }
    .featured-content article .description {
        float: right;
        width: 38.8888888889%;
        padding-top: 194px;
        box-sizing: border-box;
        padding-right: 5.5555555556%;
        padding-left: 3.4722222222%
    }
}

@media only screen and (min-width: 1280px) {
    .featured-content h1 {
        font-size: 86px;
        font-size: 5.375rem;
        line-height: .9069767442;
        letter-spacing: -0.05em
    }
    .featured-content p {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.4166666667;
        font-weight: 300;
        letter-spacing: -0.01em
    }
}

footer {
    padding: 70px 0
}

footer .footer-primary>div {
    margin-bottom: 40px
}

footer .footer-primary>div:last-child {
    margin-bottom: 0
}

footer .footer-primary>div ul {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 24px;
    margin-bottom: 0;
    padding-left: 0
}

footer .footer-primary>div ul li {
    list-style: none
}

footer .footer-primary>div ul li {
    margin-bottom: 12px
}

footer .footer-primary>div ul li:last-child {
    border-bottom: 0
}

footer .footer-primary>div ul li a {
    font-weight: 500;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B;
    display: block
}

footer .footer-primary>div a:hover {
    text-decoration: underline;
    color: #2C70AA
}

footer .footer-primary>div h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 24px
}

footer .footer-primary>div p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.7142857143
}

footer .footer-primary>div p a {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B
}

footer .footer-primary>div .address {
    font-weight: 500
}

footer .footer-awards img {
    width: 152px;
    display: block;
    float: none;
    margin: 0
}

footer .social-media {
    margin-top: 18px
}

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

footer .social-media li {
    float: left;
    margin-right: 25px
}

footer .social-media a {
    -webkit-transition: opacity, .1s;
    -moz-transition: opacity, .1s;
    transition: opacity, .1s;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

footer .social-media a:hover {
    opacity: .7
}

footer .social-media .sm-facebook {
    background-repeat: no-repeat;
    background-position: left top;
    width: 18px;
    height: 18px;
    display: block
}

footer .social-media .sm-facebook {
    background-image: url('../Images/Base/sm-facebook.svg')
}

.no-svg footer .social-media .sm-facebook {
    background-image: url('../Images/Base/sm-facebook.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg footer .social-media .sm-facebook {
        background-image: url('../Images/Base/sm-facebook@2x.png')
    }
}

footer .social-media .sm-youtube {
    background-repeat: no-repeat;
    background-position: left top;
    width: 20px;
    height: 16px;
    display: block
}

footer .social-media .sm-youtube {
    background-image: url('../Images/Base/sm-youtube.svg')
}

.no-svg footer .social-media .sm-youtube {
    background-image: url('../Images/Base/sm-youtube.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg footer .social-media .sm-youtube {
        background-image: url('../Images/Base/sm-youtube@2x.png')
    }
}

footer .social-media .sm-twitter {
    background-repeat: no-repeat;
    background-position: left top;
    width: 20px;
    height: 16px;
    display: block
}

footer .social-media .sm-twitter {
    background-image: url('../Images/Base/sm-twitter.svg')
}

.no-svg footer .social-media .sm-twitter {
    background-image: url('../Images/Base/sm-twitter.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg footer .social-media .sm-twitter {
        background-image: url('../Images/Base/sm-twitter@2x.png')
    }
}

footer .social-media .sm-instagram {
    background-repeat: no-repeat;
    background-position: left top;
    width: 18px;
    height: 18px;
    display: block
}

footer .social-media .sm-instagram {
    background-image: url('../Images/Base/sm-instagram.svg')
}

.no-svg footer .social-media .sm-instagram {
    background-image: url('../Images/Base/sm-instagram.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg footer .social-media .sm-instagram {
        background-image: url('../Images/Base/sm-instagram@2x.png')
    }
}

footer .social-media .sm-wall {
    background-repeat: no-repeat;
    background-position: left top;
    width: 18px;
    height: 18px;
    display: block
}

footer .social-media .sm-wall {
    background-image: url('../Images/Base/sm-wall.svg')
}

.no-svg footer .social-media .sm-wall {
    background-image: url('../Images/Base/sm-wall.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg footer .social-media .sm-wall {
        background-image: url('../Images/Base/sm-wall@2x.png')
    }
}

footer .social-media .sm-flicker {
    background-repeat: no-repeat;
    background-position: left top;
    width: 18px;
    height: 18px;
    display: block
}

footer .social-media .sm-flicker {
    background-image: url('../Images/Base/sm-flicker.svg')
}

.no-svg footer .social-media .sm-flicker {
    background-image: url('../Images/Base/sm-flicker.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg footer .social-media .sm-flicker {
        background-image: url('../Images/Base/sm-flicker@2x.png')
    }
}

footer .social-media .sm-snapchat {
    background-repeat: no-repeat;
    background-position: left top;
    width: 18px;
    height: 18px;
    display: block
}

footer .social-media .sm-snapchat {
    background-image: url('../Images/Base/sm-snapchat.svg')
}

.no-svg footer .social-media .sm-snapchat {
    background-image: url('../Images/Base/sm-snapchat.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg footer .social-media .sm-snapchat {
        background-image: url('../Images/Base/sm-snapchat@2x.png')
    }
}

footer .social-media .sm-soundcloud {
    background-repeat: no-repeat;
    background-position: left top;
    width: 26px;
    height: 18px;
    display: block
}

footer .social-media .sm-soundcloud {
    background-image: url('../Images/Base/sm-soundcloud.svg')
}

.no-svg footer .social-media .sm-soundcloud {
    background-image: url('../Images/Base/sm-soundcloud.png')
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg footer .social-media .sm-soundcloud {
        background-image: url('../Images/Base/sm-soundcloud@2x.png')
    }
}

footer .footer-logos {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px dotted #E7E7E7;
    text-align: center;
    display: block;
    clear: both
}

footer .footer-logos a {
    margin: 5px 12px;
    display: inline-block
}

footer .footer-logos a img {
    margin: 0;
    width: auto
}

footer .footer-logos a img[alt="Cyber essentials"] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

footer .footer-secondary {
    border-top: 1px dotted #E7E7E7;
    margin-top: 15px;
    padding-top: 30px
}

footer .footer-secondary ul {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 24px;
    margin-bottom: 0;
    padding-left: 0
}

footer .footer-secondary ul li {
    list-style: none
}

footer .footer-secondary ul li {
    margin-bottom: 12px
}

footer .footer-secondary ul li:last-child {
    border-bottom: 0
}

footer .footer-secondary ul li a {
    font-weight: 500;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B;
    display: block
}

footer .footer-secondary ul,
footer .footer-secondary p {
    text-transform: none;
    font-size: 14px;
    font-size: .875rem;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 1.7142857143
}

footer .footer-secondary p {
    font-weight: 300
}

footer .footer-secondary ul,
footer .footer-secondary p,
footer .footer-secondary a {
    color: #3B3B3B
}

footer .footer-secondary a:hover {
    color: #2C70AA
}

footer .footer-map img {
    float: right;
    width: auto
}

@media only screen and (max-width: 767px) {
    footer .footer-awards div:after {
        content: " ";
        display: table;
        clear: both
    }
    footer .footer-map img,
    footer .footer-logos img {
        float: left;
        width: 46.7692307692%;
        margin-right: 6.4615384615%
    }
    footer .footer-map img:nth-of-type(2n+2),
    footer .footer-logos img:nth-of-type(2n+2) {
        margin-right: 0
    }
    footer .footer-map img:nth-of-type(2n+1),
    footer .footer-logos img:nth-of-type(2n+1) {
        clear: left
    }
    footer .footer-map img {
        float: right;
        width: auto
    }
}

@media only screen and (min-width: 768px) {
    footer .footer-primary:after {
        content: " ";
        display: table;
        clear: both
    }
    footer .footer-primary>div {
        box-sizing: border-box;
        border-right: 1px dotted #E7E7E7
    }
    footer .footer-awards img {
        margin-bottom: 27px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    footer .footer-primary>div {
        float: left;
        width: 46.7692307692%;
        margin-right: 6.4615384615%
    }
    footer .footer-primary>div:nth-of-type(2n+2) {
        margin-right: 0
    }
    footer .footer-primary>div:nth-of-type(2n+1) {
        clear: left
    }
    footer .footer-primary>div:nth-child(2n) {
        border-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    footer .footer-primary>div {
        float: left;
        margin-left: 2.34375%;
        margin-bottom: 0;
        box-sizing: border-box
    }
    footer .footer-primary>div ul li {
        margin-bottom: 18px
    }
    footer .footer-primary>div:first-child {
        margin-left: 0
    }
    footer .footer-primary>div:last-child {
        border-right: 0
    }
    footer .footer-primary>div ul,
    footer .footer-primary>div h2 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1
    }
    footer .footer-primary .footer-nav {
        width: 21.640625%
    }
    footer .footer-primary .footer-nav-secondary {
        width: 24.140625%
    }
    footer .footer-primary .footer-awards {
        width: 24.140625%
    }
    footer .footer-primary .footer-contact {
        width: 23.046875%
    }
    footer .footer-primary .footer-contact p {
        margin-bottom: 10px;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    }
    footer .footer-primary .footer-map {
        width: 24.140625%
    }
    .flexbox footer .footer-primary {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
    footer .footer-secondary ul {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.5;
        font-weight: 300
    }
    footer .footer-secondary ul:after {
        content: " ";
        display: table;
        clear: both
    }
    footer .footer-secondary ul li {
        float: left;
        margin-right: 15px
    }
    footer .footer-secondary ul li:last-child {
        margin-right: 0
    }
    footer .footer-secondary p {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.5;
        font-weight: 300
    }
    footer .footer-secondary ul li a,
    footer .footer-secondary p,
    footer .footer-secondary a {
        color: #707070
    }
}

@media only screen and (min-width: 1280px) {
    footer .footer-secondary ul li:last-child {
        float: right
    }
}

#multiform-session {
    margin-top: 10px;
    margin-bottom: 50px
}

#multiform-session p {
    margin-bottom: 0
}

#multiform-session p:first-child {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.125;
    padding: 5px 20px 5px 45px;
    background-repeat: no-repeat;
    background-position: 5px center
}

#multiform-session p:first-child {
    background-image: url(/img/icons/clock-sm.svg)
}

.no-svg #multiform-session p:first-child {
    background-image: url(/img/icons/clock-sm.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg #multiform-session p:first-child {
        background-image: url(/img/icons/clock-sm@2x.png)
    }
}

@media only screen and (min-width: 1024px) {
    #multiform-session p:first-child {
        margin-left: 3.4905660377%
    }
}

#application-dialog {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 7;
    background-color: #3B3B3B;
    width: 100%;
    color: #FFFFFF;
    padding: 35px 0 15px
}

#application-dialog .inner {
    max-width: 1280px
}

#application-dialog input[type="text"] {
    width: 75%;
    background-color: #DBDBDB
}

#application-dialog input[type="text"]:focus {
    background-color: #FFFFFF
}

#application-dialog button {
    position: relative;
    top: 6px;
    margin-left: 15px
}

#application-dialog button:hover:before {
    background-color: #FFFFFF
}

.content-primary #application-dialog p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.125;
    color: #FFFFFF
}

.content-primary #application-dialog p #to_resume_pin {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.1363636364
}

#application-dialog button,
#application-dialog input[type="submit"] {
    color: #FFFFFF;
    margin-right: 0
}

#application-dialog input[type="submit"] {
    margin-top: 5px
}

#application-dialog input[type="submit"]:hover {
    border-color: #FFFFFF
}

#application-dialog #to_resume_pin {
    border: 1px solid #ccc;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: 5px
}

#application-dialog #application_resume_dismiss {
    position: absolute;
    top: 10px;
    right: 25px
}

#application-dialog #application_resume_dismiss a {
    color: white;
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width: 768px) {
    #application-dialog input[type="text"] {
        width: 90%
    }
}

@media only screen and (min-width: 1024px) {
    .content-primary #application-dialog form {
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    #application-dialog {
        text-align: center
    }
    #application-dialog label {
        display: inline-block;
        margin-right: 10px
    }
    #application-dialog input[type="text"] {
        width: 300px
    }
    .content-primary #application-dialog form {
        max-width: 100%
    }
}

.drop {
    position: relative
}

@media only screen and (min-width: 768px) {
    .drop {
        margin-bottom: 50px
    }
}

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

.drop .drop_menu {
    padding-left: 0;
    margin-bottom: 0;
    background-color: #4E4E4E;
    display: block;
    width: 250px;
    float: right
}

@media only screen and (min-width: 1400px) {
    .drop {
        position: absolute;
        right: 0
    }
}

.drop_menu li {
    margin: 0;
    list-style: none
}

.drop_menu li a {
    display: block;
    padding: 10px 20px
}

.drop_menu li:focus-within>ul {
    top: auto;
    left: auto
}

.drop_menu li:hover ul {
    top: auto;
    left: auto
}

.drop_menu>li {
    background-position: center right;
    background-repeat: no-repeat
}

.drop_menu>li {
    background-image: url(/img//arrows/drop-down-white.svg)
}

.no-svg .drop_menu>li {
    background-image: url(/img//arrows/drop-down-white.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .drop_menu>li {
        background-image: url(/img//arrows/drop-down-white@2x.png)
    }
}

.drop_menu li,
.drop_menu li a {
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    color: white;
    cursor: default
}

.drop_menu ul {
    background-color: #E7E7E7;
    position: absolute;
    z-index: 3;
    padding-left: 0;
    margin: 0;
    width: 250px;
    top: -9999em;
    left: -9999em
}

.drop_menu ul li {
    list-style: none
}

.drop_menu ul li a {
    color: #4E4E4E;
    cursor: pointer;
    font-weight: 400
}

.drop_menu ul li a:hover {
    text-decoration: underline;
    color: #2C70AA
}

@media only screen and (min-width: 1400px) {
    .drop_menu ul {
        top: auto;
        left: auto
    }
    .drop_menu>li,
    .no-svg .drop_menu>li {
        background-image: none
    }
}

@media only screen and (min-width: 1400px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1400px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1400px) and (min-device-pixel-ratio: 1.5) {
    .drop_menu>li,
    .no-svg .drop_menu>li {
        background-image: none
    }
}

.content-primary #form-container-272 .wForm h4 {
    line-height: 1.15385;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.1538461538
}

#form-container-272 #progress-bar {
    max-width: 696px
}

@media only screen and (min-width: 1024px) {
    #form-container-272 #progress-bar {
        padding-left: 3.4905660377%
    }
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 88.8888888889%
}

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

.image-menu-feature {
    margin-bottom: 70px;
    padding-left: 0
}

.image-menu-feature li {
    list-style: none
}

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

.image-menu-feature:last-child {
    margin-bottom: 0
}

.image-menu-feature a>span {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B
}

@media only screen and (min-width: 1280px) {
    .image-menu-feature a>span {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.image-menu-feature a>span>span {
    display: block;
    margin-top: 18px
}

.image-menu-feature a {
    display: block
}

.image-menu-feature a:after {
    content: " ";
    display: table;
    clear: both
}

.image-menu-feature a>span,
.image-menu-feature a>div {
    background-color: white;
    min-height: 100px;
    width: 63.2835820896%;
    padding: 18px 0 0 15px;
    float: right;
    box-sizing: border-box;
    display: block;
    margin-top: -65px;
    margin-bottom: 0;
    position: relative
}

.image-menu-feature a h2 {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s
}

.image-menu-feature a:hover h2 {
    color: #202657
}

.image-menu-feature a:hover .btn:before {
    background-color: #202657
}

@media only screen and (min-width: 1024px) {
    .flexbox .image-menu-feature a {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
    .flexbox .image-menu-feature a>span,
    .flexbox .image-menu-feature a>div {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end;
        -ms-flex-item-align: end;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        margin-left: -213px;
        margin-top: auto
    }
    .flexbox .image-menu-feature a img {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start
    }
    .image-menu-feature a>span,
    .image-menu-feature a>div {
        padding: 25px 0 0 25px
    }
}

@media only screen and (min-width: 1280px) {
    .image-menu-feature a>span,
    .image-menu-feature a>div {
        padding: 34px 0 0 34px
    }
}

.image-menu-feature a:hover {
    text-decoration: none
}

.image-menu-feature a:hover>span {
    color: #202657
}

.image-menu-feature li {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 32px
}

.image-menu-feature img {
    width: 100%;
    position: relative
}

@media only screen and (min-width: 580px) {
    .content-primary .content .image-menu-feature img {
        margin: 0;
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 580px) {
    .image-menu-feature:after {
        content: " ";
        display: table;
        clear: both
    }
    .image-menu-feature li {
        float: left;
        width: 48.2547169811%;
        margin-right: 3.4905660377%;
        margin-bottom: 60px
    }
    .image-menu-feature li:nth-of-type(2n+2) {
        margin-right: 0
    }
    .image-menu-feature li:nth-of-type(2n+1) {
        clear: left
    }
    .image-menu-feature img {
        width: 83.5820895522%
    }
}

@media only screen and (min-width: 1024px) {
    .image-menu-feature {
        width: 80%;
        max-width: 842px;
        padding-left: 3.4905660377%
    }
    .content .image-menu-feature {
        width: 83.4905660377%;
        margin-left: -3.4905660377%
    }
}

.content-primary .content .image-menu,
.content-primary .content .image-menu-small,
.content-primary .content .image-menu-large,
.content-primary .content .image-menu-border,
.twocol .image-menu {
    margin: 0 auto 1em auto;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333
}

.content-primary .content .image-menu img,
.content-primary .content .image-menu-small img,
.content-primary .content .image-menu-large img,
.content-primary .content .image-menu-border img,
.twocol .image-menu img {
    float: none;
    display: inline;
    margin: 3px auto;
    padding: 0
}

.content-primary .content .image-menu ul,
.content-primary .content .image-menu-small ul,
.content-primary .content .image-menu-large ul,
.content-primary .content .image-menu-border ul,
.twocol .image-menu ul {
    margin: 0 auto;
    list-style-type: none;
    width: 100%;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333
}

.content-primary .content .image-menu li,
.content-primary .content .image-menu-small li,
.content-primary .content .image-menu-large li,
.content-primary .content .image-menu-border li,
.twocol .image-menu li {
    width: 140px;
    padding: 0.5em;
    display: inline-block;
    vertical-align: top;
    margin: 0 0px 24px 0px
}

.content-primary .content .image-menu li span.caption,
.content-primary .content .image-menu-small li span.caption,
.content-primary .content .image-menu-large li span.caption,
.content-primary .content .image-menu-border li span.caption,
.twocol .image-menu li span.caption {
    display: block;
    text-align: center;
    text-decoration: none
}

.content-primary .content .im-large li {
    width: 250px
}

.content-primary .content .image-menu-large li {
    width: 250px
}

.ie7 .image-menu-border li {
    display: inline
}

.sw-image-menu {
    padding: 0
}

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

.content .sw-image-menu {
    max-width: 900px
}

.sw-image-menu li {
    margin: 0 0 10px 0;
    list-style: none
}

@media only screen and (min-width: 580px) {
    .sw-image-menu li {
        float: left;
        width: 50%;
        box-sizing: border-box;
        margin-bottom: 20px
    }
    .sw-image-menu li:nth-child(odd) {
        padding-right: 12px
    }
    .sw-image-menu li:nth-child(even) {
        padding-left: 12px
    }
    .sw-image-menu li a span {
        margin-top: 15px
    }
}

@media only screen and (min-width: 768px) {
    .sw-image-menu li {
        width: 33%
    }
    .sw-image-menu li:nth-child(odd),
    .sw-image-menu li:nth-child(even) {
        padding-right: 25px;
        padding-left: 0px
    }
}

.sw-image-menu a,
.responsive-video-slider a {
    display: block
}

.sw-image-menu a img,
.responsive-video-slider a img {
    margin: 0;
    width: 100%;
    position: relative;
    filter: brightness(85%)
}

@media only screen and (min-width: 480px) {
    .content-primary .content .sw-image-menu a img,
    .content-primary .content .responsive-video-slider a img {
        float: none;
        padding: 0;
        margin: 0
    }
}

.sw-image-menu a span:last-child,
.responsive-video-slider a span:last-child {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.1818181818;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E;
    display: block;
    margin: 7px 0 0 0;
    height: 60px;
    position: relative
}

.sw-image-menu a:hover img,
.responsive-video-slider a:hover img {
    filter: brightness(100%)
}

.sw-image-menu a:hover span,
.responsive-video-slider a:hover span {
    color: #2C70AA;
    text-decoration: underline
}

.sw-image-menu>li>a:hover+a:nth-child(2),
.responsive-video-slider>li>a:hover+a:nth-child(2) {
    color: #2C70AA;
    text-decoration: underline
}

.sw-image-menu>li>a:nth-child(2),
.responsive-video-slider>li>a:nth-child(2) {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.1818181818;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E;
    display: block;
    margin: 0;
    padding: 7px 0 0 0;
    height: 60px;
    position: relative
}

.sw-image-menu>li>a:nth-child(2):hover,
.responsive-video-slider>li>a:nth-child(2):hover {
    color: #2C70AA
}

.sw-image-menu.extra-info>li {
    min-height: 240px;
    margin-bottom: 0
}

.sw-image-menu.extra-info a:nth-child(2) {
    height: auto;
    margin-bottom: 8px
}

.sw-image-menu.extra-info li>ul {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    padding-left: 0;
    margin-bottom: 20px
}

.sw-image-menu.extra-info li>ul li {
    float: none;
    padding-right: 0;
    width: auto;
    margin-bottom: 0
}

@media only screen and (min-width: 580px) {
    .sw-image-menu.extra-info li>ul li:nth-child(even) {
        padding-left: 0
    }
}

.sw-image-menu.extra-info li>ul li a {
    display: inline
}

.sw-image-menu.video a span:last-child,
.responsive-video-slider a span:last-child {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: -25px;
    background-color: white;
    padding: 8px 10px 10px 10px;
    margin-left: 20px;
    box-sizing: border-box
}

.sw-image-menu.video a div,
.sw-image-menu.video a span:first-child,
.responsive-video-slider a div,
.responsive-video-slider a span:first-child {
    position: relative;
    display: block
}

.sw-image-menu.video a div:before,
.sw-image-menu.video a span:first-child:before,
.responsive-video-slider a div:before,
.responsive-video-slider a span:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2
}

.sw-image-menu.video a div:before,
.sw-image-menu.video a span:first-child:before,
.responsive-video-slider a div:before,
.responsive-video-slider a span:first-child:before {
    background-image: url(/img/icons/video/play-vid.svg)
}

.no-svg .sw-image-menu.video a div:before,
.no-svg .sw-image-menu.video a span:first-child:before,
.no-svg .responsive-video-slider a div:before,
.no-svg .responsive-video-slider a span:first-child:before {
    background-image: url(/img/icons/video/play-vid.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .sw-image-menu.video a div:before,
    .no-svg .sw-image-menu.video a span:first-child:before,
    .no-svg .responsive-video-slider a div:before,
    .no-svg .responsive-video-slider a span:first-child:before {
        background-image: url(/img/icons/video/play-vid@2x.png)
    }
}

.sw-image-menu.video a:hover div:before,
.sw-image-menu.video a:hover span:first-child:before,
.responsive-video-slider a:hover div:before,
.responsive-video-slider a:hover span:first-child:before {
    background-image: url(/img/icons/video/play-vid-hov.svg)
}

.no-svg .sw-image-menu.video a:hover div:before,
.no-svg .sw-image-menu.video a:hover span:first-child:before,
.no-svg .responsive-video-slider a:hover div:before,
.no-svg .responsive-video-slider a:hover span:first-child:before {
    background-image: url(/img/icons/video/play-vid-hov.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .sw-image-menu.video a:hover div:before,
    .no-svg .sw-image-menu.video a:hover span:first-child:before,
    .no-svg .responsive-video-slider a:hover div:before,
    .no-svg .responsive-video-slider a:hover span:first-child:before {
        background-image: url(/img/icons/video/play-vid-hov@2x.png)
    }
}

.responsive-video-slider article>img {
    margin: 0
}

.responsive-video-slider a span:last-child {
    height: auto;
    min-height: 60px;
    background-color: #F9F9F9
}

.sw-feature-box {
    max-width: 940px;
    margin-bottom: 75px;
    list-style-type: none;
    margin: 70px 0 0 0;
    padding: 0
}

.sw-feature-box:after {
    content: " ";
    display: table;
    clear: both
}

.sw-feature-box li {
    width: 280px;
    margin: 0 auto 20px;
    padding: 25px;
    background-color: #fc0;
    height: 300px;
    min-height: 300px;
    position: relative;
    box-sizing: border-box
}

.sw-feature-box li a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #4E4E4E;
    padding: 25px
}

.sw-feature-box li a:hover {
    text-decoration: none
}

.sw-feature-box li a:hover span.box-hover {
    margin: 10px;
    background: rgba(255, 255, 255, 0.08);
    border: 2px solid white
}

.sw-feature-box li:nth-child(odd) span.btn:before {
    background-color: #2C70AA
}

.sw-feature-box li:nth-child(even) {
    background-color: #EEEEEE
}

.sw-feature-box li:nth-child(even):hover span.box-hover {
    background: rgba(0, 0, 0, 0.02);
    border: 2px solid white
}

.sw-feature-box li:nth-child(odd):hover span.btn:before,
.sw-feature-box li:nth-child(even):hover span.btn:before {
    background-color: #202657
}

.sw-feature-box li span.btn {
    position: absolute;
    bottom: 25px;
    right: 25px
}

.sw-feature-box li span.box-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.2s ease-out
}

.content-primary .content .sw-feature-box li h3 {
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 500;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
    position: relative;
    margin-bottom: 12px
}

.content-primary .content .sw-feature-box li h3.smaller {
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width: 695px) {
    .sw-feature-box li {
        float: left;
        margin: 0 20px 20px 0
    }
}

.content-primary .content .sw-feature-box li p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E;
    position: relative
}

.content-primary .content .sw-feature-box li a img.icon {
    position: absolute;
    bottom: 20px;
    left: 15px;
    margin-bottom: 0
}

@media only screen and (min-width: 480px) {
    .content-primary .content .sw-feature-box li a img.icon {
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .content .sw-feature-box li a img.icon {
        margin: 0
    }
}

.key-facts {
    background-color: #F9F9F9;
    padding: 39px 18px 32px;
    margin-bottom: 32px
}

.key-facts:after {
    content: " ";
    display: table;
    clear: both
}

.key-facts header {
    margin-bottom: 24px
}

.key-facts header h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    margin-bottom: 14px
}

@media only screen and (min-width: 1280px) {
    .key-facts header h2 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.key-facts .course-code {
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-color: #fc0;
    padding: 8px 18px 10px 64px;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.7647058824;
    font-weight: 500
}

.key-facts .course-code {
    background-image: url(/img/icons/logo-ucas.svg)
}

.no-svg .key-facts .course-code {
    background-image: url(/img/icons/logo-ucas.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .key-facts .course-code {
        background-image: url(/img/icons/logo-ucas@2x.png)
    }
}

.key-facts .course-code em {
    font-style: normal
}

.key-facts ul {
    padding-left: 0;
    margin-bottom: 10px
}

.key-facts ul li {
    list-style: none
}

.key-facts ul li {
    margin-bottom: 10px
}

.key-facts ul li:after {
    content: " ";
    display: table;
    clear: both
}

.key-facts ul li:last-child {
    margin-bottom: 0
}

.key-facts ul li h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 24px;
    float: left;
    margin-right: 25px;
    margin-bottom: 0;
    margin-top: 6px
}

.key-facts ul li p {
    float: left;
    margin-bottom: 0;
    line-height: 25px;
    padding-top: 3px
}

.key-facts ul li.entry-requirements h3 {
    margin-bottom: 8px
}

.key-facts .btn-large {
    float: right
}

@media only screen and (min-width: 768px) {
    .key-facts header:after {
        content: " ";
        display: table;
        clear: both
    }
    .key-facts header h2 {
        float: left;
        width: 153px;
        margin-right: 25px;
        margin-bottom: 0;
        line-height: 1
    }
    .key-facts ul {
        margin-bottom: 0px
    }
    .key-facts ul:after {
        content: " ";
        display: table;
        clear: both
    }
    .key-facts ul li {
        float: left;
        position: relative;
        max-width: 47.5%;
        margin-right: 5%
    }
    .key-facts ul li:nth-of-type(2n+2) {
        margin-right: 0
    }
    .key-facts ul li:nth-of-type(2n+1) {
        clear: left
    }
    .key-facts ul li:last-child {
        margin-bottom: 10px
    }
    .key-facts ul li h3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 160px
    }
    .key-facts ul li p {
        max-width: 370px;
        padding-left: 153px;
        margin-left: 25px
    }
    .key-facts ul li.entry-requirements {
        float: none;
        max-width: 100%;
        margin-right: 0;
        clear: both
    }
}

@media only screen and (min-width: 1024px) {
    .key-facts {
        padding: 54px 32px 22px
    }
}

@media only screen and (min-width: 1280px) {
    .key-facts ul li.entry-requirements p {
        padding-right: 180px;
        min-height: 60px
    }
    .key-facts .btn-large {
        margin-top: -50px
    }
}

.text-block-yellow {
    background-color: #fc0;
    padding: 8px 18px
}

.logo-ucas {
    background: #fc0 url(/img/icons/logo-ucas.svg) no-repeat 12px 50%;
    padding-left: 64px
}

.kis-widget .kis-widget-large {
    display: none
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .kis-widget .kis-widget-small {
        display: none
    }
    .kis-widget .kis-widget-large {
        display: block
    }
}

.kis-widget-small {
    overflow: hidden;
    max-width: 190px
}

.mfp-close:hover,
.mfp-close:focus {
    background-color: transparent
}

.latest-news {
    margin-top: 40px
}

.latest-news header:after {
    content: " ";
    display: table;
    clear: both
}

.latest-news h1 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    margin-bottom: 32px;
    background-color: transparent;
    padding: 0;
    float: left;
    margin-right: 50px
}

@media only screen and (min-width: 1280px) {
    .latest-news h1 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.latest-news .btn {
    float: left
}

.latest-news article {
    margin-bottom: 32px
}

.latest-news article a {
    display: block
}

.latest-news article a:hover h3 {
    text-decoration: underline
}

.latest-news article h3 {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 400;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif
}

.latest-news article p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E
}

@media only screen and (min-width: 768px) {
    .latest-news {
        float: left;
        width: 57.4529667149%
    }
}

@media only screen and (min-width: 1024px) {
    .latest-news {
        width: 67.109375%
    }
    .latest-news>div:after {
        content: " ";
        display: table;
        clear: both
    }
    .latest-news article {
        float: left;
        width: 46.6821885914%;
        margin-right: 6.6356228172%
    }
    .latest-news article:nth-of-type(2n+2) {
        margin-right: 0
    }
    .latest-news article:nth-of-type(2n+1) {
        clear: left
    }
}

.image-popup-container .zoomcontainer img {
    margin-right: 15px;
    margin-bottom: 15px
}

.image-popup-container a:focus {
    outline: none
}

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

.mfp-wrap button.mfp-close:before,
.mfp-wrap button.mfp-arrow:before {
    height: 0;
    background-color: transparent;
    width: 0;
    margin-bottom: 0
}

.nav-icons {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    background-color: #F9F9F9;
    padding-top: 0px
}

.nav-icons ul {
    margin-bottom: 0;
    padding: 30px 0;
    line-height: 1.2
}

.nav-icons ul li {
    display: block;
    margin: 0;
    vertical-align: top
}

.nav-icons ul li a {
    color: #4E4E4E;
    font-weight: 400
}

.nav-icons ul li a br {
    display: none
}

.nav-icons ul li a figure {
    width: 65px;
    height: 65px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center
}

.nav-icons ul li a figure.i-why {
    background-image: url(/img/icons/nav/why.svg)
}

.no-svg .nav-icons ul li a figure.i-why {
    background-image: url(/img/icons/nav/why.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-why {
        background-image: url(/img/icons/nav/why@2x.png)
    }
}

.nav-icons ul li a figure.i-accommodation {
    background-image: url(/img/icons/nav/accommodation.svg)
}

.no-svg .nav-icons ul li a figure.i-accommodation {
    background-image: url(/img/icons/nav/accommodation.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-accommodation {
        background-image: url(/img/icons/nav/accommodation@2x.png)
    }
}

.nav-icons ul li a figure.i-visit {
    background-image: url(/img/icons/nav/visit.svg)
}

.no-svg .nav-icons ul li a figure.i-visit {
    background-image: url(/img/icons/nav/visit.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-visit {
        background-image: url(/img/icons/nav/visit@2x.png)
    }
}

.nav-icons ul li a figure.i-course-search {
    background-image: url(/img/icons/nav/course.svg)
}

.no-svg .nav-icons ul li a figure.i-course-search {
    background-image: url(/img/icons/nav/course.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-course-search {
        background-image: url(/img/icons/nav/course@2x.png)
    }
}

.nav-icons ul li a figure.i-departments {
    background-image: url(/img/icons/nav/dep.svg)
}

.no-svg .nav-icons ul li a figure.i-departments {
    background-image: url(/img/icons/nav/dep.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-departments {
        background-image: url(/img/icons/nav/dep@2x.png)
    }
}

.nav-icons ul li a figure.i-swall {
    background-image: url(/img/icons/nav/swall.svg)
}

.no-svg .nav-icons ul li a figure.i-swall {
    background-image: url(/img/icons/nav/swall.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-swall {
        background-image: url(/img/icons/nav/swall@2x.png)
    }
}

.nav-icons ul li a figure.i-smedia {
    background-image: url(/img/icons/nav/smedia.svg)
}

.no-svg .nav-icons ul li a figure.i-smedia {
    background-image: url(/img/icons/nav/smedia.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-smedia {
        background-image: url(/img/icons/nav/smedia@2x.png)
    }
}

.nav-icons ul li a figure.i-about-us {
    background-image: url(/img/icons/nav/about-us.svg)
}

.no-svg .nav-icons ul li a figure.i-about-us {
    background-image: url(/img/icons/nav/about-us.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-about-us {
        background-image: url(/img/icons/nav/about-us@2x.png)
    }
}

.nav-icons ul li a figure.i-student {
    background-image: url(/img/icons/nav/student.svg)
}

.no-svg .nav-icons ul li a figure.i-student {
    background-image: url(/img/icons/nav/student.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-student {
        background-image: url(/img/icons/nav/student@2x.png)
    }
}

.nav-icons ul li a figure.i-contact {
    background-image: url(/img/icons/nav/contact.svg)
}

.no-svg .nav-icons ul li a figure.i-contact {
    background-image: url(/img/icons/nav/contact.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-contact {
        background-image: url(/img/icons/nav/contact@2x.png)
    }
}

.nav-icons ul li a figure.i-email-cap {
    background-image: url(/img/icons/nav/email-cap.svg)
}

.no-svg .nav-icons ul li a figure.i-email-cap {
    background-image: url(/img/icons/nav/email-cap.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-email-cap {
        background-image: url(/img/icons/nav/email-cap@2x.png)
    }
}

.nav-icons ul li a figure.i-video {
    background-image: url(/img/icons/nav/video.svg)
}

.no-svg .nav-icons ul li a figure.i-video {
    background-image: url(/img/icons/nav/video.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-video {
        background-image: url(/img/icons/nav/video@2x.png)
    }
}

.nav-icons ul li a figure.i-faq {
    background-image: url(/img/icons/nav/faq.svg)
}

.no-svg .nav-icons ul li a figure.i-faq {
    background-image: url(/img/icons/nav/faq.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-faq {
        background-image: url(/img/icons/nav/faq@2x.png)
    }
}

.nav-icons ul li a figure.i-world {
    background-image: url(/img/icons/nav/world.svg)
}

.no-svg .nav-icons ul li a figure.i-world {
    background-image: url(/img/icons/nav/world.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-world {
        background-image: url(/img/icons/nav/world@2x.png)
    }
}

.nav-icons ul li a figure.i-globe {
    background-image: url(/img/icons/nav/globe.svg)
}

.no-svg .nav-icons ul li a figure.i-globe {
    background-image: url(/img/icons/nav/globe.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-globe {
        background-image: url(/img/icons/nav/globe@2x.png)
    }
}

.nav-icons ul li a figure.i-plane {
    background-image: url(/img/icons/nav/plane.svg)
}

.no-svg .nav-icons ul li a figure.i-plane {
    background-image: url(/img/icons/nav/plane.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-plane {
        background-image: url(/img/icons/nav/plane@2x.png)
    }
}

.nav-icons ul li a figure.i-note {
    background-image: url(/img/icons/nav/note.svg)
}

.no-svg .nav-icons ul li a figure.i-note {
    background-image: url(/img/icons/nav/note.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-note {
        background-image: url(/img/icons/nav/note@2x.png)
    }
}

.nav-icons ul li a figure.i-pencil {
    background-image: url(/img/icons/nav/pencil.svg)
}

.no-svg .nav-icons ul li a figure.i-pencil {
    background-image: url(/img/icons/nav/pencil.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-pencil {
        background-image: url(/img/icons/nav/pencil@2x.png)
    }
}

.nav-icons ul li a figure.i-welcome {
    background-image: url(/img/icons/nav/welcome.svg)
}

.no-svg .nav-icons ul li a figure.i-welcome {
    background-image: url(/img/icons/nav/welcome.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-welcome {
        background-image: url(/img/icons/nav/welcome@2x.png)
    }
}

.nav-icons ul li a figure.i-enquire {
    background-image: url(/img/icons/nav/enquire.svg)
}

.no-svg .nav-icons ul li a figure.i-enquire {
    background-image: url(/img/icons/nav/enquire.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-enquire {
        background-image: url(/img/icons/nav/enquire@2x.png)
    }
}

.nav-icons ul li a figure.i-gift {
    background-image: url(/img/icons/nav/gift.svg)
}

.no-svg .nav-icons ul li a figure.i-gift {
    background-image: url(/img/icons/nav/gift.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-gift {
        background-image: url(/img/icons/nav/gift@2x.png)
    }
}

.nav-icons ul li a figure.i-gift-regular {
    background-image: url(/img/icons/nav/gift-regular.svg)
}

.no-svg .nav-icons ul li a figure.i-gift-regular {
    background-image: url(/img/icons/nav/gift-regular.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-gift-regular {
        background-image: url(/img/icons/nav/gift-regular@2x.png)
    }
}

.nav-icons ul li a figure.i-volunteer {
    background-image: url(/img/icons/nav/volunteer.svg)
}

.no-svg .nav-icons ul li a figure.i-volunteer {
    background-image: url(/img/icons/nav/volunteer.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-volunteer {
        background-image: url(/img/icons/nav/volunteer@2x.png)
    }
}

.nav-icons ul li a figure.i-old-college {
    background-image: url(/img/icons/nav/old-college.svg)
}

.no-svg .nav-icons ul li a figure.i-old-college {
    background-image: url(/img/icons/nav/old-college.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-old-college {
        background-image: url(/img/icons/nav/old-college@2x.png)
    }
}

.nav-icons ul li a figure.i-prospectus {
    background-image: url(/img/icons/nav/prospectus.svg)
}

.no-svg .nav-icons ul li a figure.i-prospectus {
    background-image: url(/img/icons/nav/prospectus.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-prospectus {
        background-image: url(/img/icons/nav/prospectus@2x.png)
    }
}

.nav-icons ul li a figure.i-virtual-tour {
    background-image: url(/img/icons/nav/virtual-tour.svg)
}

.no-svg .nav-icons ul li a figure.i-virtual-tour {
    background-image: url(/img/icons/nav/virtual-tour.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-virtual-tour {
        background-image: url(/img/icons/nav/virtual-tour@2x.png)
    }
}

.nav-icons ul li a figure.i-money {
    background-image: url(/img/icons/nav/money.svg)
}

.no-svg .nav-icons ul li a figure.i-money {
    background-image: url(/img/icons/nav/money.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-money {
        background-image: url(/img/icons/nav/money@2x.png)
    }
}

.nav-icons ul li a figure.i-computer {
    background-image: url(/img/icons/nav/computer.svg)
}

.no-svg .nav-icons ul li a figure.i-computer {
    background-image: url(/img/icons/nav/computer.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-computer {
        background-image: url(/img/icons/nav/computer@2x.png)
    }
}

.nav-icons ul li a figure.i-accommodation-options {
    background-image: url(/img/icons/nav/accommodation-options.svg)
}

.no-svg .nav-icons ul li a figure.i-accommodation-options {
    background-image: url(/img/icons/nav/accommodation-options.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-accommodation-options {
        background-image: url(/img/icons/nav/accommodation-options@2x.png)
    }
}

.nav-icons ul li a figure.i-accommodation-portal {
    background-image: url(/img/icons/nav/accommodation-portal.svg)
}

.no-svg .nav-icons ul li a figure.i-accommodation-portal {
    background-image: url(/img/icons/nav/accommodation-portal.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-accommodation-portal {
        background-image: url(/img/icons/nav/accommodation-portal@2x.png)
    }
}

.nav-icons ul li a figure.i-international-students {
    background-image: url(/img/icons/nav/international-students.svg)
}

.no-svg .nav-icons ul li a figure.i-international-students {
    background-image: url(/img/icons/nav/international-students.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-international-students {
        background-image: url(/img/icons/nav/international-students@2x.png)
    }
}

.nav-icons ul li a figure.i-moving-in {
    background-image: url(/img/icons/nav/moving-in.svg)
}

.no-svg .nav-icons ul li a figure.i-moving-in {
    background-image: url(/img/icons/nav/moving-in.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-moving-in {
        background-image: url(/img/icons/nav/moving-in@2x.png)
    }
}

.nav-icons ul li a figure.i-living-in-residences {
    background-image: url(/img/icons/nav/living-in-residences.svg)
}

.no-svg .nav-icons ul li a figure.i-living-in-residences {
    background-image: url(/img/icons/nav/living-in-residences.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-living-in-residences {
        background-image: url(/img/icons/nav/living-in-residences@2x.png)
    }
}

.nav-icons ul li a figure.i-group {
    background-image: url(/img/icons/nav/group.svg)
}

.no-svg .nav-icons ul li a figure.i-group {
    background-image: url(/img/icons/nav/group.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-group {
        background-image: url(/img/icons/nav/group@2x.png)
    }
}

.nav-icons ul li a figure.i-podium {
    background-image: url(/img/icons/nav/podium.svg)
}

.no-svg .nav-icons ul li a figure.i-podium {
    background-image: url(/img/icons/nav/podium.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-podium {
        background-image: url(/img/icons/nav/podium@2x.png)
    }
}

.nav-icons ul li a figure.i-individual {
    background-image: url(/img/icons/nav/individual.svg)
}

.no-svg .nav-icons ul li a figure.i-individual {
    background-image: url(/img/icons/nav/individual.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-individual {
        background-image: url(/img/icons/nav/individual@2x.png)
    }
}

.nav-icons ul li a figure.i-gifts {
    background-image: url(/img/icons/nav/gifts.svg)
}

.no-svg .nav-icons ul li a figure.i-gifts {
    background-image: url(/img/icons/nav/gifts.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-gifts {
        background-image: url(/img/icons/nav/gifts@2x.png)
    }
}

.nav-icons ul li a figure.i-clearing {
    background-image: url(/img/icons/nav/clearing.svg)
}

.no-svg .nav-icons ul li a figure.i-clearing {
    background-image: url(/img/icons/nav/clearing.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-clearing {
        background-image: url(/img/icons/nav/clearing@2x.png)
    }
}

.nav-icons ul li a figure.i-graduation {
    background-image: url(/img/icons/nav/graduation.svg)
}

.no-svg .nav-icons ul li a figure.i-graduation {
    background-image: url(/img/icons/nav/graduation.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-graduation {
        background-image: url(/img/icons/nav/graduation@2x.png)
    }
}

.nav-icons ul li a figure.i-art {
    background-image: url(/img/icons/nav/art.svg)
}

.no-svg .nav-icons ul li a figure.i-art {
    background-image: url(/img/icons/nav/art.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-art {
        background-image: url(/img/icons/nav/art@2x.png)
    }
}

.nav-icons ul li a figure.i-computer-two {
    background-image: url(/img/icons/nav/computer-two.svg)
}

.no-svg .nav-icons ul li a figure.i-computer-two {
    background-image: url(/img/icons/nav/computer-two.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-computer-two {
        background-image: url(/img/icons/nav/computer-two@2x.png)
    }
}

.nav-icons ul li a figure.i-food {
    background-image: url(/img/icons/nav/food.svg)
}

.no-svg .nav-icons ul li a figure.i-food {
    background-image: url(/img/icons/nav/food.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-food {
        background-image: url(/img/icons/nav/food@2x.png)
    }
}

.nav-icons ul li a figure.i-spade {
    background-image: url(/img/icons/nav/spade.svg)
}

.no-svg .nav-icons ul li a figure.i-spade {
    background-image: url(/img/icons/nav/spade.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-spade {
        background-image: url(/img/icons/nav/spade@2x.png)
    }
}

.nav-icons ul li a figure.i-sports {
    background-image: url(/img/icons/nav/sports.svg)
}

.no-svg .nav-icons ul li a figure.i-sports {
    background-image: url(/img/icons/nav/sports.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-sports {
        background-image: url(/img/icons/nav/sports@2x.png)
    }
}

.nav-icons ul li a figure.i-building {
    background-image: url(/img/icons/nav/building.svg)
}

.no-svg .nav-icons ul li a figure.i-building {
    background-image: url(/img/icons/nav/building.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-building {
        background-image: url(/img/icons/nav/building@2x.png)
    }
}

.nav-icons ul li a figure.i-int-deposit {
    background-image: url(/img/icons/nav/int-deposit.svg)
}

.no-svg .nav-icons ul li a figure.i-int-deposit {
    background-image: url(/img/icons/nav/int-deposit.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-int-deposit {
        background-image: url(/img/icons/nav/int-deposit@2x.png)
    }
}

.nav-icons ul li a figure.i-car {
    background-image: url(/img/icons/nav/car.svg)
}

.no-svg .nav-icons ul li a figure.i-car {
    background-image: url(/img/icons/nav/car.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-car {
        background-image: url(/img/icons/nav/car@2x.png)
    }
}

.nav-icons ul li a figure.i-bus {
    background-image: url(/img/icons/nav/bus.svg)
}

.no-svg .nav-icons ul li a figure.i-bus {
    background-image: url(/img/icons/nav/bus.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-bus {
        background-image: url(/img/icons/nav/bus@2x.png)
    }
}

.nav-icons ul li a figure.i-top-up-card {
    background-image: url(/img/icons/nav/top-up-card.svg)
}

.no-svg .nav-icons ul li a figure.i-top-up-card {
    background-image: url(/img/icons/nav/top-up-card.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-top-up-card {
        background-image: url(/img/icons/nav/top-up-card@2x.png)
    }
}

.nav-icons ul li a figure.i-replace-card {
    background-image: url(/img/icons/nav/replace-card.svg)
}

.no-svg .nav-icons ul li a figure.i-replace-card {
    background-image: url(/img/icons/nav/replace-card.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-replace-card {
        background-image: url(/img/icons/nav/replace-card@2x.png)
    }
}

.nav-icons ul li a figure.i-shop {
    background-image: url(/img/icons/nav/shop.svg)
}

.no-svg .nav-icons ul li a figure.i-shop {
    background-image: url(/img/icons/nav/shop.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-shop {
        background-image: url(/img/icons/nav/shop@2x.png)
    }
}

.nav-icons ul li a figure.i-conference {
    background-image: url(/img/icons/nav/conference.svg)
}

.no-svg .nav-icons ul li a figure.i-conference {
    background-image: url(/img/icons/nav/conference.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .nav-icons ul li a figure.i-conference {
        background-image: url(/img/icons/nav/conference@2x.png)
    }
}

@media only screen and (min-width: 480px) {
    .nav-icons ul {
        text-align: center;
        padding: 12px 0
    }
    .nav-icons ul li {
        display: inline-block;
        text-align: center;
        padding: 12px 0px 10px;
        width: 145px
    }
    .nav-icons ul li a br {
        display: block
    }
    .nav-icons ul li a figure {
        vertical-align: inherit;
        margin: 0 auto 6px auto;
        display: block;
        border: 2px solid #fc0;
        border-radius: 10px;
        background-size: contain
    }
    .nav-icons ul li a:hover figure {
        border-color: #4E4E4E
    }
}

#nav-primary {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 10;
    width: 100%;
    background-color: #3B3B3B;
    overflow-y: scroll
}

@media only screen and (min-width: 580px) {
    #nav-primary {
        width: 80%;
        max-width: 496px;
        background-color: rgba(59, 59, 59, 0.92)
    }
    .lt-ie9 #nav-primary {
        max-width: 100%
    }
}

@media only screen and (min-width: 1440px) {
    #nav-primary {
        left: 50%;
        margin-left: 224px
    }
}

.nav-active #nav-primary {
    display: block
}

#nav-primary>ul {
    padding-left: 0;
    color: #fc0;
    margin: 125px 100px 100px 25px;
    letter-spacing: -0.01em
}

#nav-primary>ul li {
    list-style: none
}

.lt-ie9 #nav-primary>ul {
    width: 340px
}

#nav-primary>ul>li {
    margin-bottom: 0;
    position: relative;
    border-bottom: 1px dotted #636060
}

#nav-primary>ul>li:after {
    content: " ";
    display: table;
    clear: both
}

@media only screen and (max-width: 374px) {
    #nav-primary>ul {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: .9090909091
    }
}

@media only screen and (max-width: 479px) {
    #nav-primary>ul {
        margin-right: 70px
    }
}

@media only screen and (min-width: 375px) {
    #nav-primary>ul {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.0714285714
    }
}

@media only screen and (min-width: 1024px) {
    #nav-primary>ul {
        margin-top: 200px;
        margin-right: 150px
    }
}

@media only screen and (min-width: 1280px) {
    #nav-primary>ul {
        margin-right: 130px
    }
}

#nav-primary>ul .destination {
    font-weight: 500;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #fc0;
    display: block;
    padding: 12px 12px 12px 0;
    margin-right: 40px
}

#nav-primary>ul .destination:hover {
    color: #F9F9F9
}

#nav-primary>ul .destination.grad-nav {
    background: url("/img/icons/graduation-mob.png") no-repeat center left;
    padding-left: 42px
}

@media only screen and (min-width: 375px) {
    #nav-primary>ul .destination.grad-nav {
        background: url("/img/icons/graduation.png") no-repeat center left;
        padding-left: 55px
    }
}

#nav-primary>ul .destination.clearing-nav {
    background: transparent url("/img/icons/clearing-mob.png") no-repeat center left;
    padding-left: 38px
}

@media only screen and (min-width: 375px) {
    #nav-primary>ul .destination.clearing-nav {
        background: transparent url("/img/icons/clearing.png") no-repeat center left;
        padding-left: 49px
    }
}

#nav-primary>ul .toggle-section {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 7px;
    right: 0
}

@media only screen and (max-width: 374px) {
    #nav-primary>ul .toggle-section {
        top: 1px
    }
}

#nav-primary>ul .toggle-section span {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    -webkit-transition: background-image, .1s, background-color, .1s, color, .1s, border-color, .1s;
    -moz-transition: background-image, .1s, background-color, .1s, color, .1s, border-color, .1s;
    transition: background-image, .1s, background-color, .1s, color, .1s, border-color, .1s;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -14px;
    display: block;
    width: 29px;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid #707273
}

#nav-primary>ul .toggle-section span {
    background-image: url(/img/arrows/arrow-down-small.svg)
}

.no-svg #nav-primary>ul .toggle-section span {
    background-image: url(/img/arrows/arrow-down-small.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg #nav-primary>ul .toggle-section span {
        background-image: url(/img/arrows/arrow-down-small@2x.png)
    }
}

#nav-primary>ul .toggle-section:hover span {
    background-color: #fc0;
    border-color: #fc0
}

#nav-primary>ul .toggle-section:hover span {
    background-image: url(/img/arrows/arrow-down-small-black.svg)
}

.no-svg #nav-primary>ul .toggle-section:hover span {
    background-image: url(/img/arrows/arrow-down-small-black.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg #nav-primary>ul .toggle-section:hover span {
        background-image: url(/img/arrows/arrow-down-small-black@2x.png)
    }
}

#nav-primary>ul>li.currentsection .toggle-section span,
#nav-primary>ul>li.active .toggle-section span {
    background-image: url(/img/arrows/arrow-up-small.svg)
}

.no-svg #nav-primary>ul>li.currentsection .toggle-section span,
.no-svg #nav-primary>ul>li.active .toggle-section span {
    background-image: url(/img/arrows/arrow-up-small.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg #nav-primary>ul>li.currentsection .toggle-section span,
    .no-svg #nav-primary>ul>li.active .toggle-section span {
        background-image: url(/img/arrows/arrow-up-small@2x.png)
    }
}

#nav-primary>ul>li.currentsection .toggle-section:hover span,
#nav-primary>ul>li.active .toggle-section:hover span {
    background-image: url(/img/arrows/arrow-up-small-black.svg)
}

.no-svg #nav-primary>ul>li.currentsection .toggle-section:hover span,
.no-svg #nav-primary>ul>li.active .toggle-section:hover span {
    background-image: url(/img/arrows/arrow-up-small-black.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg #nav-primary>ul>li.currentsection .toggle-section:hover span,
    .no-svg #nav-primary>ul>li.active .toggle-section:hover span {
        background-image: url(/img/arrows/arrow-up-small-black@2x.png)
    }
}

#nav-primary>ul>li.currentsection .children,
#nav-primary>ul>li.active .children {
    display: block
}

#nav-primary>ul>li.currentsection .destination {
    color: #FFFFFF
}

#nav-primary>ul .children {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    color: #FFFFFF;
    padding-left: 26px;
    margin: 10px 0px 24px 0;
    display: none
}

@media only screen and (min-width: 375px) {
    #nav-primary>ul .children {
        padding-left: 32px
    }
}

#nav-primary>ul .children a,
#nav-primary>ul .children span {
    color: #FFFFFF;
    padding: 7px 0;
    display: block;
    margin-right: 0
}

#nav-primary>ul .children span {
    font-weight: 500
}

#nav-primary>ul .children a:hover {
    color: #fc0
}

#nav-primary>ul .children li {
    margin-bottom: 0
}

#nav-primary>ul .children>li.currentsection a,
#nav-primary>ul .children>li.currentsection span {
    color: #fc0
}

.no-js #nav-primary {
    display: block;
    position: relative;
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    left: auto;
    margin-left: 0
}

.no-js #nav-primary ul {
    margin: 30px 0 0
}

.no-js #nav-primary ul:after {
    content: " ";
    display: table;
    clear: both
}

.no-js #nav-primary ul li {
    float: left;
    margin-right: 50px
}

.no-js #nav-primary a {
    color: #3B3B3B
}

.no-js #nav-primary a:hover {
    color: #202657
}

#nav-secondary {
    padding-top: 35px;
    padding-bottom: 40px;
    position: relative;
    background-color: #FFFFFF
}

@media only screen and (min-width: 1024px) {
    #nav-secondary {
        float: left;
        width: 17.1875%;
        padding-right: 2.890625%;
        box-sizing: border-box
    }
    #nav-secondary:before {
        content: "";
        width: 200%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #FFFFFF
    }
}

@media only screen and (max-width: 1023px) {
    #nav-secondary {
        border-top: 1px dotted #E7E7E7;
        border-bottom: 1px dotted #E7E7E7
    }
}

#nav-secondary ul {
    padding-left: 0;
    position: relative
}

#nav-secondary ul li {
    list-style: none
}

#nav-secondary .menu {
    margin: 0
}

@media only screen and (min-width: 1280px) {
    #nav-secondary .menu {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.2777777778
    }
}

#nav-secondary .menu li {
    margin: 0
}

#nav-secondary .menu li:last-child {
    margin-bottom: 0
}

#nav-secondary .menu li:first-child span {
    padding-top: 1px
}

#nav-secondary .menu li a,
#nav-secondary .menu li span {
    display: block;
    padding: 7px 0 8px
}

#nav-secondary .menu li .currentsection {
    font-weight: 500
}

#nav-secondary .menu li .currentsection:before {
    content: "";
    display: block;
    height: 5px;
    width: 55px;
    background-color: #fc0
}

#nav-secondary .menu li a {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B
}

#nav-secondary .menu li a:hover {
    color: #2C70AA;
    text-decoration: underline
}

#nav-secondary .menu ul {
    margin: 3px 0 6px 10px
}

@media only screen and (min-width: 1280px) {
    #nav-secondary .menu ul {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.5;
        font-weight: 300;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        color: #4E4E4E;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.3125
    }
}

#nav-secondary .menu ul li:last-child {
    margin-bottom: 0
}

#nav-secondary .menu ul li:first-child span {
    padding-top: 1px
}

#nav-secondary .menu ul li a,
#nav-secondary .menu ul li span {
    color: #707070;
    padding: 6px 0
}

.content-primary .news-article>div:first-child {
    margin-top: -70px;
    background-color: #e7e7e7;
    margin-left: -6.25%;
    margin-right: -6.25%;
    max-width: none;
    margin-bottom: 50px
}

.content-primary .news-article>div:first-child img {
    max-height: 500px;
    margin-bottom: 0
}

@media only screen and (min-width: 480px) {
    .content-primary .news-article>div:first-child img {
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .news-article>div:first-child img {
        margin-right: auto
    }
}

.content-primary .news-article>div:first-child p {
    font-size: 16px;
    background-color: #dadada;
    padding: 7px 20px 10px;
    font-weight: 400;
    line-height: 1.2
}

@media only screen and (min-width: 1024px) {
    .content-primary .news-article>div:first-child {
        margin-right: -7.82014%;
        margin-left: -3.61681%;
        margin-bottom: 70px
    }
}

.content-primary .news-article>div:first-child+div p {
    font-size: 16px;
    font-weight: 400
}

.content-primary .news-article>div:first-child+div:after,
.share-icon:after {
    content: " ";
    display: table;
    clear: both
}

.news-article .tooltip {
    position: relative;
    border-bottom: 1px dotted black;
    float: right;
    background: url("/img/social-media/share.png") no-repeat left center;
    padding-left: 25px
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 162px;
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
    color: #fff;
    text-align: center;
    padding: 2px 4px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 23px;
    right: 0;
    opacity: 1;
    transition: opacity 1s
}

.tooltip .tooltiptext img {
    margin: 5px;
    padding: 0;
    float: left
}

.tooltip .tooltiptext a:hover img {
    opacity: 0.7
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.share-icon {
    margin: 25px 0 70px
}

.share-icon h4 {
    font-size: 16px;
    margin-bottom: 0px
}

.share-icon a:hover img {
    opacity: 0.7
}

.content-primary .share-icon img {
    float: left;
    margin: 5px 5px 0 0;
    padding: 0
}

.content.news-listing>* {
    max-width: 796px
}

.content-primary .news-listing article {
    margin-bottom: 60px;
    position: relative
}

.content-primary .news-listing article a h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2083333333;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin-bottom: 10px
}

.content-primary .news-listing article a:hover h2 {
    color: #377bb5
}

.content-primary .news-listing article a:hover span.btn:before {
    background-color: #202657
}

.content-primary .news-listing article a p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3888888889;
    margin-bottom: 20px
}

.content-primary .news-listing article a img {
    max-height: 340px
}

@media only screen and (min-width: 480px) {
    .content-primary .news-listing article img {
        float: none;
        padding: 0
    }
}

@media only screen and (min-width: 768px) {
    .content-primary .news-listing article:after {
        content: " ";
        display: table;
        clear: both
    }
    .content-primary .news-listing article div {
        position: relative;
        margin-top: -65px;
        margin-left: 20%;
        padding: 20px 0 0 25px;
        background-color: white
    }
    .content-primary .news-listing article span.btn {
        display: inline-block
    }
    .content-primary .news-listing article a img {
        margin: 0;
        max-width: 55%;
        max-height: 300px;
        filter: brightness(85%)
    }
    .content-primary .news-listing article a:hover img {
        filter: brightness(100%)
    }
    .content-primary .news-listing article p {
        padding-right: 30px
    }
}

.next-steps {
    border: 6px solid #fc0;
    padding-top: 25px;
    padding-bottom: 25px
}

.next-steps h2 {
    color: #4E4E4E
}

.next-steps ul a,
.content-secondary .next-steps ul a {
    font-weight: 500
}

.next-steps ul a {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B;
    display: block
}

.next-steps ul a:hover {
    text-decoration: underline;
    color: #2C70AA
}

.opendays-events {
    margin-top: 0;
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%;
    background-color: #F9F9F9;
    padding-top: 40px;
    padding-bottom: 40px
}

.opendays-events h1 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    background-color: transparent;
    height: auto;
    padding: 0;
    color: #4E4E4E;
    letter-spacing: normal
}

@media only screen and (min-width: 1280px) {
    .opendays-events h1 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.opendays-events p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #4E4E4E
}

.opendays-events h1 {
    margin-bottom: 10px
}

.opendays-events h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 18px;
    color: #4E4E4E;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    background-color: #F9F9F9;
    padding: 14px 14px 14px 0;
    position: relative
}

@media only screen and (min-width: 1280px) {
    .opendays-events h2 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

.opendays-events a {
    display: block
}

.opendays-events a:after {
    content: " ";
    display: table;
    clear: both
}

.opendays-events a:hover h2 {
    color: #202657
}

.opendays-events a:hover .btn:before {
    background-color: #202657
}

.opendays-events header h1,
.opendays-events header p {
    max-width: 400px
}

.opendays-events header ul {
    padding-left: 0
}

.opendays-events header ul li {
    list-style: none
}

.opendays-events header ul li {
    background-image: none;
    margin-bottom: 30px
}

.opendays-events>div {
    z-index: 8
}

.opendays-events img {
    width: 66.5671641791%;
    float: right;
    box-sizing: border-box
}

.opendays-events a>div {
    max-width: 262px;
    min-width: 200px;
    clear: both;
    margin-top: -140px;
    float: left;
    box-sizing: border-box
}

.opendays-events article {
    position: relative
}

.opendays-events article:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #F9F9F9;
    position: absolute;
    top: 0;
    right: 0
}

.opendays-events .date {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #202657;
    display: block;
    margin-bottom: -5px
}

.opendays-events .date span {
    display: block
}

.opendays-events .date .day {
    font-size: 55px;
    font-size: 3.4375rem;
    line-height: 1.0909090909;
    font-weight: 300;
    letter-spacing: -0.04em
}

.opendays-events .slick-arrow {
    position: absolute;
    top: -60px;
    right: 0
}

.opendays-events .slick-arrow.slick-prev {
    right: 40px
}

@media only screen and (min-width: 600px) {
    .opendays-events a>div {
        padding-left: 6.6666666667%
    }
    .opendays-events img {
        width: 55.1515151515%;
        padding-right: 6.6666666667%
    }
}

@media only screen and (min-width: 1024px) {
    .opendays-events:after {
        content: " ";
        display: table;
        clear: both
    }
    .opendays-events header {
        float: left;
        width: 22.8125%
    }
    .opendays-events>div {
        float: left;
        width: 77.1875%
    }
    .opendays-events a>div {
        padding-left: 17.8787878788%
    }
    .opendays-events img {
        width: 48.1818181818%;
        padding-right: 0
    }
    .opendays-events article:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 11.2121212121%;
        width: 1px;
        bottom: 0;
        border-left: 1px dashed #949194
    }
    .opendays-events .slick-arrow {
        top: auto;
        bottom: 0
    }
    .opendays-events .slick-arrow.slick-prev {
        right: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .opendays-events {
        padding-top: 50px;
        padding-bottom: 54px
    }
    .opendays-events header {
        padding-top: 10px
    }
    .opendays-events article:before {
        top: 20px
    }
    .opendays-events .date .day {
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 1
    }
    .opendays-events h2 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.1538461538;
        padding: 18px 23px 18px 0
    }
}

#contact {
    margin-top: 50px;
    padding-bottom: 55px;
    border-bottom: 1px dotted #E7E7E7
}

#contact address {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.5384615385;
    font-style: normal
}

#contact address strong {
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 8px;
    display: inline-block
}

#contact address abbr {
    padding-top: 8px;
    display: inline-block
}

#contact address a {
    color: #2C70AA;
    font-weight: 500
}

#contact address a:hover {
    text-decoration: underline
}

@media only screen and (min-width: 1024px) {
    #contact {
        float: right;
        width: 82.8125%;
        padding-bottom: 0;
        border: none
    }
    #contact address {
        padding-left: 3.49057%
    }
    #contact address strong {
        padding-bottom: 4px
    }
    #contact address abbr {
        padding-top: 4px
    }
}

.related-courses a {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B
}

.related-courses a:hover {
    color: #2C70AA;
    text-decoration: underline
}

.responsive-video-slider {
    background-color: #F9F9F9;
    margin-top: 0px;
    margin-bottom: 70px;
    padding: 60px 7% 30px
}

.responsive-video-slider.home {
    margin: -50px -6.25% 70px
}

@media only screen and (min-width: 450px) {
    .responsive-video-slider.home {
        margin-right: -7.54717%;
        margin-left: 0
    }
}

.responsive-video-slider>h2 {
    margin-bottom: 25px
}

.responsive-video-slider .slick-slider .slick-prev,
.responsive-video-slider .slick-slider .slick-next {
    position: absolute;
    top: 32%
}

.responsive-video-slider .slick-slider .slick-prev {
    left: -6%
}

@media only screen and (min-width: 450px) {
    .responsive-video-slider .slick-slider .slick-prev {
        left: -4%
    }
}

.responsive-video-slider .slick-slider .slick-next {
    right: -6%
}

@media only screen and (min-width: 450px) {
    .responsive-video-slider .slick-slider .slick-next {
        right: -4%
    }
}

.responsive-video-slider .slick-slide {
    padding: 0 10px
}

#search-overlay {
    display: none;
    position: fixed;
    background-color: #3B3B3B;
    background-color: rgba(59, 59, 59, 0.92);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

#search-overlay>div {
    width: 80%;
    max-width: 498px;
    margin: 0 auto
}

.csstransforms #search-overlay>div {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%
}

.no-csstransforms #search-overlay>div {
    margin-top: 100px
}

#search-overlay form {
    margin: 24px 0 0
}

#search-overlay form:first-child {
    margin-top: 0
}

#search-overlay form label {
    display: none
}

.no-placeholder #search-overlay form label {
    display: block;
    color: #FFFFFF
}

#search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 24px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-color: #fc0;
    height: 40px;
    padding-left: 40px;
    padding-right: 20px;
    margin-bottom: 0
}

#search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
    background-image: url(/img/icons/icon-search-small.svg)
}

.no-svg #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
    background-image: url(/img/icons/icon-search-small.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        background-image: url(/img/icons/icon-search-small@2x.png)
    }
}

#search-overlay form button {
    display: none
}

#search-overlay .close-search {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0 0 24px;
    display: block;
    box-sizing: border-box;
    color: #FFFFFF;
    padding: 20px;
    width: 100%;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.2;
        font-weight: 500;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        margin: 0 0 18px;
        color: #4E4E4E;
        background-position: 32px 50%;
        height: 68px;
        padding-left: 86px
    }
}

@media only screen and (min-width: 1280px) and (min-width: 1280px) {
    #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.2068965517
    }
}

@media only screen and (min-width: 1280px) {
    #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        background-image: url(/img/icons/icon-search.svg)
    }
    .no-svg #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        background-image: url(/img/icons/icon-search.png)
    }
}

@media only screen and (min-width: 1280px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1280px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1280px) and (min-device-pixel-ratio: 1.5) {
    .no-svg #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        background-image: url(/img/icons/icon-search@2x.png)
    }
}

@media only screen and (min-width: 1280px) {
    #search-overlay .close-search {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1;
        margin-top: 20px
    }
}

.no-js #search-overlay {
    display: block;
    background-color: transparent;
    position: relative
}

.no-js #search-overlay>div {
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    .no-js #search-overlay>div:after {
        content: " ";
        display: table;
        clear: both
    }
    .no-js #search-overlay form {
        float: left;
        width: 30%;
        margin-right: 20px;
        margin-top: 0
    }
}

#search-overlay #search-course {
    display: none
}

@media only screen and (min-width: 580px) {
    .seventy,
    .seventy.twocol {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .seventy,
    .seventy.twocol {
        width: 65.5571635311%;
        float: left
    }
}

@media only screen and (min-width: 1024px) {
    .seventy,
    .seventy.twocol {
        width: 48.3018867925%;
        margin-left: 3.4905660377%
    }
}

@media only screen and (min-width: 580px) {
    .thirty,
    .thirty.twocol {
        width: 100%
    }
    .thirty img,
    .thirty.twocol img {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding: 15px
    }
    .thirty img.width-original,
    .thirty.twocol img.width-original {
        width: auto;
        margin: 0 0 24px
    }
}

@media only screen and (min-width: 768px) {
    .thirty,
    .thirty.twocol {
        width: 28.9435600579%;
        float: left;
        clear: right
    }
    .thirty img,
    .thirty.twocol img {
        width: 100%;
        float: none;
        box-sizing: border-box;
        padding: 0;
        margin-bottom: 32px
    }
    .thirty img.width-original,
    .thirty.twocol img.width-original {
        width: auto;
        margin: 0 0 24px
    }
}

@media only screen and (min-width: 1024px) {
    .thirty,
    .thirty.twocol {
        width: 28.3018867925%
    }
}

@media only screen and (min-width: 580px) {
    .twocol+.thirty.twocol {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .thirty,
    .thirty.twocol,
    .twocol+.thirty.twocol {
        margin-left: 5.3545586107%
    }
}

@media only screen and (min-width: 1024px) {
    .thirty,
    .thirty.twocol,
    .twocol+.thirty.twocol {
        margin-left: 10.4716981132%
    }
}

.slideshow {
    color: white;
    margin-bottom: 50px
}

.slideshow .slide {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.slideshow .slide:before {
    background-color: #000;
    background-image: -webkit-linear-gradient(top, #000 0%, transparent 100%);
    background-image: linear-gradient(to bottom, #000 0%, transparent 100%);
    background-color: transparent;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    opacity: .47
}

.slideshow .slide>a {
    margin-left: auto;
    margin-right: auto;
    width: 88.8888888889%;
    display: block;
    position: relative;
    height: 375px
}

.slideshow .caption {
    position: absolute;
    top: 32px;
    left: 0
}

.slideshow .top-right .caption {
    right: 0;
    left: auto
}

.slideshow .bottom-left:before {
    background-color: #000;
    background-image: -webkit-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: linear-gradient(to top, #000 0%, transparent 100%);
    background-color: transparent;
    top: auto;
    bottom: 0
}

.slideshow .bottom-left .caption {
    top: auto;
    bottom: 32px
}

.slideshow .bottom-right:before {
    background-color: #000;
    background-image: -webkit-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: linear-gradient(to top, #000 0%, transparent 100%);
    background-color: transparent;
    top: auto;
    bottom: 0
}

.slideshow .bottom-right .caption {
    top: auto;
    left: auto;
    bottom: 32px;
    right: 0
}

.slideshow .no-gradient:before {
    display: none
}

.slideshow p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: white;
    letter-spacing: -0.02em;
    margin-left: .6em;
    margin-bottom: 0
}

.slideshow p em {
    display: block;
    text-indent: -0.6em
}

@media only screen and (min-width: 480px) {
    .slideshow .slide p {
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.0869565217
    }
}

@media only screen and (min-width: 768px) {
    .slideshow .slide p {
        font-size: 33px;
        font-size: 2.0625rem;
        line-height: 1.0909090909
    }
}

@media only screen and (min-width: 1024px) {
    .slideshow .slide>a {
        height: 500px
    }
    .slideshow .slide p {
        font-size: 33px;
        font-size: 2.0625rem;
        line-height: 1.0909090909
    }
}

@media only screen and (min-width: 1280px) {
    .slideshow .slide>a {
        height: 690px
    }
    .slideshow .slide p {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 1.0952380952
    }
    .slideshow .caption {
        top: 70px
    }
    .slideshow .bottom-left .caption {
        bottom: 70px
    }
    .slideshow .bottom-right .caption {
        bottom: 70px
    }
}

.full-width .slideshow {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    margin-bottom: 0
}

.full-width .slideshow .slide>a {
    margin-left: auto;
    margin-right: auto;
    width: 88.8888888889%
}

.full-width .slideshow .slick-dots {
    background-color: #F9F9F9;
    margin-top: -46px
}

.full-width .slideshow .slick-dots button:before {
    background-color: white;
    box-shadow: 0px 0px 4px #888888
}

.full-width .slideshow .slick-dots .slick-active button:before {
    background-color: #fc0
}

@media only screen and (min-width: 1024px) {
    .full-width .slideshow .slick-dots {
        margin-top: -46px
    }
}

@media only screen and (min-width: 1280px) {
    .full-width .slideshow .slide p {
        font-size: 90px;
        font-size: 5.625rem;
        line-height: 1.0222222222
    }
}

.has-secondary-nav .slideshow .slide>a {
    height: 300px
}

.has-secondary-nav .slideshow .slide:before {
    background-color: #000;
    background-image: -webkit-linear-gradient(bottom, #000 0%, transparent 100%);
    background-image: linear-gradient(to top, #000 0%, transparent 100%);
    background-color: transparent;
    top: auto;
    bottom: 0
}

.has-secondary-nav .slideshow .caption {
    top: auto;
    bottom: 25px
}

@media only screen and (min-width: 480px) {
    .has-secondary-nav .slideshow .caption {
        bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .has-secondary-nav .slideshow .caption {
        bottom: 55px
    }
}

@media only screen and (max-width: 1023px) {
    .has-secondary-nav .slideshow {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 768px) {
    .has-secondary-nav .slideshow .slide>a {
        height: 400px
    }
}

@media only screen and (min-width: 1024px) {
    .has-secondary-nav .slideshow {
        margin-right: -7.5471698113%
    }
    .has-secondary-nav .slideshow .slide>a {
        height: 450px;
        margin-left: 3.2456140351%;
        margin-right: 7.0175438596%;
        width: auto
    }
}

@media only screen and (min-width: 1280px) {
    .has-secondary-nav .slideshow .slide>a {
        height: 585px
    }
}

.has-secondary-nav .slideshow .slide>.video-link-container {
    margin-left: auto;
    margin-right: auto;
    width: 88.8888888889%;
    display: block;
    position: relative;
    height: 300px
}

@media only screen and (min-width: 768px) {
    .has-secondary-nav .slideshow .slide>.video-link-container {
        height: 400px
    }
}

@media only screen and (min-width: 1024px) {
    .has-secondary-nav .slideshow .slide>.video-link-container {
        height: 450px;
        margin-left: 3.2456140351%;
        margin-right: 7.0175438596%;
        width: auto
    }
}

@media only screen and (min-width: 1280px) {
    .has-secondary-nav .slideshow .slide>.video-link-container {
        height: 585px
    }
}

.has-secondary-nav .slideshow .slide>.video-link-container .video-link {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box
}

.has-secondary-nav .slideshow .slide>.video-link-container .video-link:after {
    content: " ";
    display: table;
    clear: both
}

.has-secondary-nav .slideshow .slide>.video-link-container .video-link div {
    background-color: #5D5D5D;
    background-color: rgba(59, 59, 59, 0.7);
    color: white;
    display: block;
    position: relative
}

.has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup figure {
    height: 26px;
    width: 34px;
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 15px
}

.has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup figure {
    background-image: url(/img/icons/video/play-vid-wh-sm.svg)
}

.no-svg .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup figure {
    background-image: url(/img/icons/video/play-vid-wh-sm.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-sm@2x.png)
    }
}

.has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup p {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.0952380952;
    font-weight: 400;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    padding: 12px 0;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 3;
    vertical-align: middle;
    font-style: normal;
    color: white;
    width: 75%
}

@media only screen and (min-width: 768px) {
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link {
        margin-bottom: 50px
    }
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link div {
        display: inline-block
    }
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup figure {
        height: 40px;
        width: 53px;
        position: relative;
        z-index: 2;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0 0 0 12px
    }
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me.svg)
    }
    .no-svg .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup figure {
        background-image: url(/img/icons/video/play-vid-wh-me@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup p {
        padding: 19px 30px 19px 35px;
        width: auto;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1
    }
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup span {
        background-repeat: no-repeat;
        background-position: center right;
        position: absolute;
        top: 0;
        left: 0px;
        display: block;
        width: 104px;
        height: 100%;
        transition: width .3s ease
    }
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar.svg)
    }
    .no-svg .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar.png)
    }
}

@media only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
    .no-svg .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup span {
        background-image: url(/img/miscellaneous/blue-bar@2x.png)
    }
}

@media only screen and (min-width: 768px) {
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link div .video-popup:hover span {
        left: 0;
        width: 110%
    }
}

@media only screen and (min-width: 1024px) {
    .has-secondary-nav .slideshow .slide>.video-link-container .video-link {
        margin-left: -3.6%;
        padding-right: 0;
        width: auto
    }
}

.has-secondary-nav .slideshow .slide.no-grad:before {
    background-color: transparent;
    background-image: none
}

.slideshow-layers {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box
}

.slideshow-layers .slide>a {
    margin-left: auto;
    margin-right: auto;
    width: 88.8888888889%;
    display: block;
    position: relative;
    width: 100%
}

.slideshow-layers .slide .image {
    padding-bottom: 75%;
    background-size: cover
}

.slideshow-layers .slide .logo {
    padding-bottom: 75%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.slideshow-layers .slide .logo div {
    position: absolute;
    width: 32%
}

.slideshow-layers .slide .logo div img {
    width: 100%;
    margin-bottom: 0
}

.slideshow-layers .slide .logo.top-left div {
    top: 20px;
    left: 5.5%
}

.slideshow-layers .slide .logo.top-right div {
    top: 20px;
    right: 5.5%
}

.slideshow-layers .slide .logo.bottom-left div {
    left: 5.5%;
    bottom: 32px
}

.slideshow-layers .slide .logo.bottom-right div {
    right: 5.5%;
    bottom: 32px
}

.slideshow-layers .slide .caption {
    position: relative;
    background-color: #3B3B3B;
    padding: 15px 10px 15px 30px;
    min-height: 94px;
    margin-top: -1px
}

@media (max-width: 580px) {
    .slideshow-layers .slide .caption {
        display: none;
    }
}

.slideshow-layers .slide .caption p {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.1428571429;
    font-weight: 500;
    font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: white;
    letter-spacing: -0.02em;
    margin-left: .6em;
    margin-bottom: 0
}

.slideshow-layers .slide .caption p span:first-child {
    display: block;
    text-indent: -0.6em
}

.slideshow-layers .slide .caption p span:last-child {
    display: block
}

@media only screen and (min-width: 580px) {
    .slideshow-layers .slide .caption p {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media only screen and (min-width: 768px) {
    .slideshow-layers .slide .caption p {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1024px) {
    .slideshow-layers .slide .caption p {
        font-size: 50px;
        font-size: 3.125rem
    }
}

@media only screen and (min-width: 1280px) {
    .slideshow-layers .slide .caption p {
        font-size: 60px;
        font-size: 3.75rem
    }
}

@media only screen and (min-width: 0) and (max-width: 579px) {
    .slideshow-layers .slide .caption:before {
        -webkit-transition: background-color, 0.1s;
        -moz-transition: background-color, 0.1s;
        transition: background-color, 0.1s;
        content: "";
        display: block;
        height: 65px;
        background-color: #fc0;
        width: 6px;
        margin-bottom: 5px;
        position: absolute;
        top: -20px;
        left: 16px
    }
}

@media only screen and (min-width: 580px) {
    .slideshow-layers .slide>a {
        padding-bottom: 47%
    }
    .slideshow-layers .slide .image {
        position: absolute;
        padding-bottom: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .slideshow-layers .slide .image.gradient-bottom:before,
    .slideshow-layers .slide .image.gradient-bottom-white:before,
    .slideshow-layers .slide .image.gradient-top:before,
    .slideshow-layers .slide .image.gradient-top-white:before {
        background-color: #000000;
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 60%;
        opacity: .47
    }
    .slideshow-layers .slide .image.gradient-bottom:before {
        background-image: -webkit-linear-gradient(bottom, #000 0%, transparent 100%);
        background-image: linear-gradient(to top, #000 0%, transparent 100%);
        background-color: transparent;
        bottom: 0
    }
    .slideshow-layers .slide .image.gradient-top:before {
        /*background-image: -webkit-linear-gradient(top, #000 0%, transparent 100%);
        background-image: linear-gradient(to bottom, #000 0%, transparent 100%);*/
        background-color: transparent;
        top: 0
    }
    .slideshow-layers .slide .image.gradient-bottom-white:before {
        background-image: -webkit-linear-gradient(bottom, #fff 0%, transparent 100%);
        background-image: linear-gradient(to top, #fff 0%, transparent 100%);
        background-color: transparent;
        bottom: 0
    }
    .slideshow-layers .slide .image.gradient-top-white:before {
        background-image: -webkit-linear-gradient(top, #fff 0%, transparent 100%);
        background-image: linear-gradient(to bottom, #fff 0%, transparent 100%);
        background-color: transparent;
        top: 0
    }
    .slideshow-layers .slide .image.gradient-top-white+.caption p,
    .slideshow-layers .slide .image.gradient-bottom-white+.caption p {
        color: #3B3B3B
    }
    .slideshow-layers .slide .logo {
        padding-bottom: 47%
    }
    .slideshow-layers .slide .logo div {
        width: 14%
    }
    .slideshow-layers .slide .caption {
        position: absolute;
        margin-top: 0;
        background-color: transparent;
        padding: 0;
        min-height: auto;
        width: 90%
    }
    .slideshow-layers .slide .caption.black p {
        color: #3B3B3B
    }
    .slideshow-layers .slide .caption.top-left {
        top: 32px;
        left: 5.5%
    }
    .slideshow-layers .slide .caption.top-right {
        top: 32px;
        right: 5.5%
    }
    .slideshow-layers .slide .caption.bottom-left {
        left: 5.5%;
        bottom: 45px
    }
}

@media only screen and (min-width: 580px) and (min-width: 1024px) {
    .slideshow-layers .slide .caption.bottom-left {
        bottom: 65px
    }
}

@media only screen and (min-width: 580px) {
    .slideshow-layers .slide .caption.bottom-right {
        right: 5.5%;
        bottom: 45px
    }
}

@media only screen and (min-width: 580px) and (min-width: 1024px) {
    .slideshow-layers .slide .caption.bottom-right {
        bottom: 65px
    }
}

@media only screen and (min-width: 580px) {
    .slideshow-layers .slide .triangles {
        position: absolute;
        padding-bottom: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover
    }
}

.slideshow-layers .slick-dots {
    background-color: #5A5A5A;
    margin-top: -6px
}

.slideshow-layers .slick-dots button:before {
    background-color: white;
    box-shadow: 0px 0px 4px #888888
}

@media only screen and (min-width: 580px) {
    .slideshow-layers .slick-dots {
        background-color: transparent;
        margin-top: -46px
    }
}

.slideshow-layers .slick-dots .slick-active button:before {
    background-color: #fc0
}

.hp-slider-container {
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    margin-top: 70px;
    background-color: #fc0
}

.hp-slider-container .featured-content {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0px
}

.hp-slider-container .featured-content article {
    padding-top: 0
}

.hp-slider-container .featured-content article .content-wrapper,
.hp-slider-container .featured-content .slick-dots {
    background-color: #F9F9F9
}

.hp-slider-container .featured-content .slick-dots {
    margin-top: -2px
}

@media only screen and (min-width: 900px) {
    .hp-slider-container .featured-content {
        width: 70%
    }
}

.hp-slider-container .text-block {
    width: 100%
}

.hp-slider-container .text-block div {
    padding: 55px 6.25% 25px
}

.hp-slider-container .text-block h2 {
    margin-bottom: 30px;
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.0571428571;
    background-color: transparent;
    padding: 0;
    margin-bottom: 24px;
    color: #4E4E4E;
    font-weight: 500
}

.hp-slider-container .text-block h2 em {
    display: block;
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1.0714285714
}

.hp-slider-container .text-block .btn {
    display: inline-block
}

.hp-slider-container .text-block .btn:before {
    background-color: #FFFFFF
}

.hp-slider-container .text-block .btn:hover:before {
    background-color: #202657
}

@media only screen and (min-width: 500px) {
    .hp-slider-container .text-block h2 {
        font-size: 40px;
        font-size: 2.5rem
    }
    .hp-slider-container .text-block h2 em {
        font-size: 47px;
        font-size: 2.9375rem
    }
}

@media only screen and (min-width: 900px) {
    .hp-slider-container .text-block {
        width: 29%;
        float: right
    }
    .hp-slider-container .text-block div {
        padding: 15% 4% 25px
    }
}

@media only screen and (min-width: 1024px) {
    .hp-slider-container .text-block h2 {
        margin-top: 10%;
        font-size: 46px;
        font-size: 2.875rem
    }
}

@media only screen and (min-width: 1280px) {
    .hp-slider-container .text-block h2 {
        font-size: 62px;
        font-size: 3.875rem;
        letter-spacing: -0.05em
    }
    .hp-slider-container .text-block h2 em {
        font-size: 72px;
        font-size: 4.5rem
    }
}

.hp-slider-container .content-wrapper .award {
    overflow: auto
}

.hp-slider-container .content-wrapper .award div {
    margin: 20px 6.25% 2px;
    padding: 15px 20px 25px;
    background-color: #8C8FA8;
    color: #F9F9F9
}

.hp-slider-container .content-wrapper .award div h2 {
    color: #F9F9F9;
    font-weight: 500;
    margin-bottom: 12px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1
}

.hp-slider-container .content-wrapper .award div p {
    color: #F9F9F9;
    margin-bottom: 35px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.1923076923
}

.hp-slider-container .content-wrapper .award div strong {
    color: #F9F9F9;
    text-align: right;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.125
}

@media only screen and (min-width: 650px) {
    .hp-slider-container .content-wrapper .award {
        width: 32.5%;
        float: left
    }
    .hp-slider-container .content-wrapper .award div {
        margin: 8% 0 20px 8%;
        padding: 15px;
        min-height: 280px
    }
    .hp-slider-container .content-wrapper .award div h2 {
        font-size: 40px;
        font-size: 2.5rem
    }
    .hp-slider-container .content-wrapper .award div p {
        font-size: 26px;
        font-size: 1.625rem
    }
    .hp-slider-container .content-wrapper .award div strong {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media only screen and (min-width: 1024px) {
    .hp-slider-container .content-wrapper .award div {
        min-height: 320px
    }
    .hp-slider-container .content-wrapper .award div h2 {
        font-size: 52px;
        font-size: 3.25rem
    }
    .hp-slider-container .content-wrapper .award div p {
        font-size: 30px;
        font-size: 1.875rem
    }
    .hp-slider-container .content-wrapper .award div strong {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width: 650px) {
    .hp-slider-container .content-wrapper:after {
        content: " ";
        display: table;
        clear: both
    }
    .hp-slider-container .content-wrapper.two-col .award {
        width: 48.7%
    }
    .hp-slider-container .content-wrapper.two-col .award div {
        margin: 5.2% 0 20px 5.2%
    }
}

@media only screen and (min-width: 650px) {
    .hp-slider-container.cy .content-wrapper .award div {
        min-height: 310px
    }
}

@media only screen and (min-width: 1024px) {
    .hp-slider-container.cy .content-wrapper .award div {
        min-height: 360px
    }
}

@media only screen and (min-width: 1024px) {
    .hp-slider-container.cy .text-block h1 {
        font-size: 55px;
        font-size: 3.4375rem
    }
}

.staff-profile-view img,
.content .staff-profile-view img {
    float: none;
    padding: 3px;
    border: 1px solid #BEBEBE;
    margin-bottom: 50px;
    margin-right: 30px;
    margin-left: 0
}

@media only screen and (min-width: 600px) {
    .staff-profile-view img,
    .content .staff-profile-view img {
        clear: none;
        float: left;
        width: auto;
        width: calc(100% - 288px);
        max-width: 620px
    }
}

.staff-profile-view img+div,
.content .staff-profile-view img+div {
    clear: left
}

@media only screen and (min-width: 600px) {
    .staff-profile-view img+div,
    .content .staff-profile-view img+div {
        clear: none;
        float: left;
        width: auto;
        width: calc(100% - 288px);
        max-width: 620px
    }
}

.staff-profile-view h2,
.staff-profile-view h3,
.content .staff-profile-view h2,
.content .staff-profile-view h3 {
    margin: 0 0 15px
}

.staff-profile-view h4,
.content .staff-profile-view h4 {
    margin: 45px 0 10px 0
}

.staff-profile-view #profile,
.content .staff-profile-view #profile {
    clear: both
}

.content-primary .content .staff-profile-view ul,
.content-primary .content .content .staff-profile-view ul {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 60px;
    padding-left: 17px;
    margin-left: 0
}

.content-primary .content .staff-profile-view ul li,
.content-primary .content .content .staff-profile-view ul li {
    list-style: none;
    padding-left: 30px;
    margin: 0 0 0 -30px;
    padding-bottom: 3px
}

.content .grey-box-fe {
    background-color: #F9F9F9;
    position: static;
    min-height: 300px;
    margin-top: 70px;
    margin-bottom: 70px;
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 6.25%;
    max-width: none
}

.content .grey-box-fe:before {
    content: " ";
    background-color: #F9F9F9;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box
}

.content .grey-box-fe:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
}

.content .grey-box-fe>* {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .content .grey-box-fe {
        margin-right: -7.82014%;
        margin-left: -3.61681%;
        padding-right: 3.61681%;
        padding-left: 3.61681%;
        width: auto
    }
    .content .grey-box-fe:before {
        margin-left: 0;
        margin-right: 0;
        width: 107.54717%
    }
}

#sp_listing .listing-thumbnail {
    padding: 10px;
    width: 170px;
    box-sizing: border-box
}

#sp_listing .listing-thumbnail a {
    display: block;
    width: 150px;
    height: 150px;
    overflow: hidden
}

#sp_listing .listing-thumbnail a img {
    margin-bottom: 0
}

.content-primary h1+.content .ug-video div.sticky-768.fe {
    background-color: #4A4A4A;
    background-color: rgba(60, 60, 60, 0.8);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    margin-bottom: 0;
    padding: 15px 0 10px 0;
    color: white
}

.content-primary h1+.content .ug-video div.sticky-768.fe span {
    display: block;
    margin-left: 6.25%
}

.content-primary h1+.content .ug-video div.sticky-768.fe a {
    display: inline;
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 500;
    color: white
}

.content-primary h1+.content .ug-video div.sticky-768.fe .btn:hover:before {
    background-color: white
}

@media only screen and (min-width: 768px) {
    .content-primary h1+.content .ug-video div.sticky-768.fe {
        position: absolute;
        bottom: 0;
        right: 0
    }
    .content-primary h1+.content .ug-video div.sticky-768.fe.is_stuck {
        bottom: auto;
        left: auto;
        right: auto
    }
}

@media only screen and (min-width: 1024px) {
    .content-primary h1+.content .ug-video div.sticky-768.fe {
        margin-left: 0;
        margin-right: 0
    }
    .content-primary h1+.content .ug-video div.sticky-768.fe span {
        margin-left: 3.25%
    }
}

.sticky-768.sticky-course-info {
    background-color: #3B3B3B;
    background-color: rgba(59, 59, 59, 0.9);
    z-index: 5;
    position: fixed;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100% !important
}

@media only screen and (min-width: 768px) {
    .sticky-768.sticky-course-info {
        opacity: 0;
        position: relative;
        bottom: inherit
    }
    .sticky-768.sticky-course-info.is_stuck {
        -webkit-backface-visibility: hidden;
        background-color: #3B3B3B;
        opacity: 1;
        box-shadow: 0px 2px 2px #606060;
        -webkit-transition: opacity .5s;
        -webkit-transition-delay: .5s;
        transition: opacity .5s;
        transition-delay: .5s
    }
    .sticky-768.sticky-course-info.is_stuck div {
        display: block
    }
}

.sticky-768.sticky-course-info div {
    padding: 5px 0;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .sticky-768.sticky-course-info div {
        max-width: 1440px;
        display: none
    }
}

.sticky-768.sticky-course-info div .inner p {
    margin-bottom: 10px;
    margin-top: 11px;
    float: left;
    line-height: 1.4;
    color: white
}

.sticky-768.sticky-course-info div .inner p span {
    display: block;
    font-size: 16px;
    font-size: 1rem
}

.sticky-768.sticky-course-info div .inner p strong {
    display: none
}

.sticky-768.sticky-course-info div .inner p .btn {
    color: white;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    font-size: 1.125rem;
    margin-left: 5px
}

.sticky-768.sticky-course-info div .inner p .btn:before {
    height: 4px;
    margin-bottom: 2px
}

.sticky-768.sticky-course-info div .inner p .btn:hover:before {
    background-color: white
}

.sticky-768.sticky-course-info div .inner p>span {
    margin-top: 8px
}

.sticky-768.sticky-course-info div .inner p>span a {
    color: #fc0
}

@media only screen and (min-width: 768px) {
    .sticky-768.sticky-course-info div .inner p {
        margin-top: 7px
    }
    .sticky-768.sticky-course-info div .inner p a {
        color: #fc0
    }
    .sticky-768.sticky-course-info div .inner p strong {
        display: inline
    }
    .sticky-768.sticky-course-info div .inner p .btn {
        display: none
    }
    .sticky-768.sticky-course-info div .inner p span {
        display: block;
        font-size: 18px;
        font-size: 1.125rem
    }
    .sticky-768.sticky-course-info div .inner p>span {
        margin-top: 0
    }
    .sticky-768.sticky-course-info div .inner p>span span {
        display: inline
    }
    .sticky-768.sticky-course-info div .inner p>span span:before {
        content: "| "
    }
}

.sticky-768.sticky-course-info div .inner>span {
    display: none
}

@media only screen and (min-width: 768px) {
    .sticky-768.sticky-course-info div .inner>span {
        display: block;
        float: right;
        margin-top: 8px
    }
}

.sticky-768.sticky-course-info div .inner>span .btn-large {
    color: white;
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width: 768px) {
    .sticky-768.sticky-course-info div .inner>span .btn-large {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.sticky-768.sticky-course-info div .inner>span .btn-large:hover {
    text-decoration: none
}

.sticky-768.sticky-course-info div .inner>span .btn-large:hover:before {
    background-color: white
}

.subjects>div {
    background-color: #E7E7E7;
    padding: 24px 18px 32px;
    box-sizing: border-box
}

.subjects>div .subject-col.width-100 {
    width: 100%
}

.subjects ul {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.5789473684;
    margin-bottom: 0;
    padding-left: 0
}

.subjects ul li {
    list-style: none
}

.subjects ul li {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
    border-bottom: 1px dashed #3B3B3B
}

.subjects ul li a {
    font-weight: 400;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    padding: 7px 0 3px;
    display: block;
    color: #3B3B3B
}

.subjects ul li a:hover {
    color: #2C70AA;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .subjects>div:after {
        content: " ";
        display: table;
        clear: both
    }
    .subjects>div .subject-col {
        float: left;
        width: 46.8823529412%;
        margin-right: 6.2352941176%
    }
    .subjects>div .subject-col:nth-of-type(2n+2) {
        margin-right: 0
    }
    .subjects>div .subject-col:nth-of-type(2n+1) {
        clear: left
    }
}

@media only screen and (min-width: 1024px) {
    .subjects>div {
        padding-left: 32px;
        padding-right: 32px
    }
}

.twocol {
    margin-bottom: 70px
}

.twocol:last-child {
    margin-bottom: 0
}

.twocol img {
    float: right;
    padding: 0 0 0 20px
}

.twocol img.img-fe {
    border: 12px solid #E7E7E7;
    padding: 0;
    margin: 0 0 20px 40px;
    box-shadow: 3px 3px 8px 0 #C5C5C5
}

.twocol img.float-left {
    float: left;
    padding: 0 20px 0 0
}

.twocol img.width100p {
    float: none;
    padding: 0
}

@media only screen and (max-width: 579px) {
    .twocol+.twocol {
        margin-top: -32px
    }
}

@media only screen and (min-width: 580px) {
    .twocol {
        width: 47.3227206946%;
        float: left
    }
    .twocol+.twocol {
        margin-left: 5.3545586107%
    }
}

@media only screen and (min-width: 580px) and (max-width: 1023px) {
    .twocol:after {
        content: " ";
        display: table;
        clear: both
    }
}

@media only screen and (min-width: 1024px) {
    .twocol {
        width: 37.2641509434%;
        margin-left: 3.4905660377%
    }
    .twocol+.twocol {
        margin-left: 6.5094339623%
    }
    form .twocol {
        width: 47.3227206946%;
        margin-left: 0
    }
    form .twocol+.twocol {
        margin-left: 5.3545586107%
    }
}

.threecol {
    margin-bottom: 70px
}

.threecol:last-child {
    margin-bottom: 0
}

.threecol img {
    float: right;
    padding: 0 0 0 20px
}

.threecol img.float-left {
    float: left;
    padding: 0 20px 0 0
}

.threecol img.width100p {
    float: none;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .threecol+.threecol {
        margin-top: -32px
    }
}

@media only screen and (min-width: 768px) {
    .threecol {
        width: 31.5484804631%;
        float: left
    }
    .threecol~.threecol {
        margin-left: 2.6049204052%
    }
}

@media only screen and (min-width: 1024px) {
    .threecol {
        width: 25.8490566038%;
        margin-left: 3.4905660377%
    }
    .threecol~.threecol {
        margin-left: 1.6981132075%
    }
}

.useful-links a {
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    color: #3B3B3B
}

.useful-links a:hover {
    color: #2C70AA;
    text-decoration: underline
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 24px
}

.curve-box .ug-video>div object,
.curve-box .ug-video>div iframe,
.curve-box .ug-video>div embed,
.curve-box .ug-video>div div.image,
.curve-box-full-width .ug-video>div object,
.curve-box-full-width .ug-video>div iframe,
.curve-box-full-width .ug-video>div embed,
.curve-box-full-width .ug-video>div div.image,
.curve-box-two .ug-video>div object,
.curve-box-two .ug-video>div iframe,
.curve-box-two .ug-video>div embed,
.video-wrapper object,
.video-wrapper iframe,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

@media only screen and (min-width: 768px) {
    .video-float-right,
    .video-float-right-fe {
        width: 350px;
        float: right;
        padding-left: 20px;
        margin-right: calc(100% - 696px)
    }
    h1+.curve-box .video-float-right,
    h1+.content .curve-box .video-float-right,
    h1+.curve-box .video-float-right-fe,
    h1+.content .curve-box .video-float-right-fe {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
    h1+.curve-box .video-float-right,
    h1+.content .curve-box .video-float-right,
    h1+.curve-box .video-float-right-fe,
    h1+.content .curve-box .video-float-right-fe {
        margin-right: 21%
    }
}

@media only screen and (min-width: 768px) and (min-width: 1090px) {
    h1+.curve-box .video-float-right,
    h1+.content .curve-box .video-float-right,
    h1+.curve-box .video-float-right-fe,
    h1+.content .curve-box .video-float-right-fe {
        margin-right: calc(100% - 651px)
    }
}

@media only screen and (min-width: 768px) {
    h1+.curve-box .video-float-right.img-fe,
    h1+.content .curve-box .video-float-right.img-fe,
    h1+.curve-box .video-float-right-fe.img-fe,
    h1+.content .curve-box .video-float-right-fe.img-fe {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
    h1+.curve-box .video-float-right.img-fe,
    h1+.content .curve-box .video-float-right.img-fe,
    h1+.curve-box .video-float-right-fe.img-fe,
    h1+.content .curve-box .video-float-right-fe.img-fe {
        padding-left: 0
    }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
    .curve-box-two .video-float-right,
    .curve-box-two .video-float-right-fe {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
    .curve-box-two .video-float-right,
    .curve-box-two .video-float-right-fe {
        margin-right: 21%
    }
}

@media only screen and (min-width: 768px) and (min-width: 1170px) {
    .curve-box-two .video-float-right,
    .curve-box-two .video-float-right-fe {
        margin-right: calc(100% - 696px)
    }
}

@media only screen and (min-width: 1170px) {
    .video-float-right-fe {
        width: 45%;
        float: right;
        padding-left: 20px;
        margin-right: 15%
    }
    h1+.curve-box .video-float-right-fe,
    h1+.content .curve-box .video-float-right-fe {
        width: 40%;
        margin-right: 25%
    }
    .curve-box-two .video-float-right-fe {
        width: 38%;
        margin-right: 22%
    }
}

@media only screen and (min-width: 768px) {
    .video-float-left {
        width: 350px;
        float: left;
        padding-right: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .video-large {
        width: 85%;
        margin-left: -3.4905660377%;
        max-width: none
    }
    h1+.curve-box .video-large,
    h1+.content .curve-box .video-large {
        width: 74%;
        margin-left: -3.3035714286%;
        max-width: none
    }
    .curve-box-two .video-large {
        width: 77%;
        margin-left: -3.3035714286%
    }
}

#skip-nav {
    font-size: 1px;
    position: absolute;
    top: -1001px
}

.hidden {
    display: none
}

.js .js-hidden {
    display: none
}

.no-js .js-show {
    display: none
}

.rfloat {
    float: right
}

.accordion .tabbed-content {
    overflow: auto
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix::after {
    clear: both
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix {
    clear: both
}

@media only screen and (min-width: 1024px) {
    .autocomplete-suggestions {
        width: 61% !important
    }
}

.autocomplete-suggestions {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid black;
    overflow: auto;
    width: 100% !important
}

.autocomplete-suggestion {
    overflow: hidden;
    padding: 2px 5px;
    white-space: nowrap;
    cursor: pointer
}

.course-videos {
    margin-top: 30px;
    margin-left: -6.25%;
    margin-right: -6.25%;
    width: 112.5%;
    box-sizing: border-box
}

.course-videos ul li {
    margin-bottom: 0 !important
}

.course-videos button::before {
    top: 10%
}

.course-videos .slick-dots li.slick-active::before {
    top: 90%
}

.featured-content.course-videos article {
    padding-top: 0;
    text-align: center
}

.video-link {
    display: inline-block;
    position: relative
}

.video-link:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: -25px 0 0 -25px;
    max-width: 50px;
    max-height: 50px;
    background-repeat: no-repeat
}

.yt-link:after {
    background-image: url("/img/icons/youtube-play.svg")
}

.nosvg .yt-link:after {
    background-image: url("/img/icons/youtube-play.png")
}

.white-popup-block {
    background: #FFFFFF none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 650px;
    padding: 20px 30px;
    position: relative;
    text-align: left
}

.acc-apply-online {
    margin-top: 0px
}

@media only screen and (min-width: 768px) {
    .acc-apply-online {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0px;
        margin-bottom: 0px
    }
}

.content.expandable-content {
    padding-bottom: 50px
}

.content-primary+ul.menu.clearfix.preview {
    padding-left: 0
}

.content-primary+ul.menu.clearfix.preview li {
    list-style: none
}

.t4-de-box {
    z-index: 12
}

@media only screen and (max-width: 479px) {
    .no-dis-max480 {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .no-dis-max768 {
        display: none
    }
}

@media only screen and (max-width: 1023px) {
    .no-dis-max1024 {
        display: none
    }
}

.content .max-w-750 {
    max-width: 750px
}

.content .max-w-800 {
    max-width: 800px
}

.content .max-w-850 {
    max-width: 850px
}

.content .max-w-900 {
    max-width: 900px
}

.content .max-w-950 {
    max-width: 950px
}

.content .max-w-1000 {
    max-width: 1000px
}

.no-display {
    display: none
}

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

.staff-profile-view img.width-original {
    pointer-events: none
}

header[role=banner] {
    padding: 64px 0 31px;
    position: relative
}

@media only screen and (min-width: 768px) {
    header[role=banner] {
        padding-top: 48px
    }
}

header[role=banner] .inner {
    position: relative
}

header[role=banner] .inner:after {
    content: " ";
    display: table;
    clear: both
}

header[role=banner] .logo {
    width: 167px;
    display: block;
    float: left
}

header[role=banner] .logo img {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    header[role=banner] .logo {
        width: 330px
    }
}

header[role=banner] #language-toggle {
    font-weight: 500;
    -webkit-transition: color, .1s;
    -moz-transition: color, .1s;
    transition: color, .1s;
    z-index: 8;
    line-height: 1.4
}

@media only screen and (max-width: 767px) {
    header[role=banner] #language-toggle {
        position: absolute;
        top: -50px;
        left: 0
    }
}

@media only screen and (min-width: 768px) {
    header[role=banner] #language-toggle {
        float: right;
        position: relative;
        border-left: 2px solid #3B3B3B;
        border-right: 2px solid #3B3B3B;
        padding: 7px 12px 8px;
        margin-top: 20px;
        margin-bottom: 14px
    }
}

header[role=banner] #language-toggle:hover {
    color: #2C70AA
}

header[role=banner] #language-toggle a {
    color: #2B2B2B;
    font-weight: 500
}

header[role=banner] #language-toggle a:hover {
    color: #2C70AA;
    text-decoration: underline
}

header[role=banner] #search-toggle {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    font-weight: 500;
    -webkit-transition: opacity, .1s;
    -moz-transition: opacity, .1s;
    transition: opacity, .1s;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    width: 52px;
    height: 41px;
    float: right;
    z-index: 8;
    position: relative;
    margin-right: 53px
}

header[role=banner] #search-toggle {
    background-image: url(/img/icons/icon-search.svg)
}

.no-svg header[role=banner] #search-toggle {
    background-image: url(/img/icons/icon-search.png)
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .no-svg header[role=banner] #search-toggle {
        background-image: url(/img/icons/icon-search@2x.png)
    }
}

@media only screen and (max-width: 1023px) {
    header[role=banner] #search-toggle {
        margin-top: -3px
    }
}

@media only screen and (min-width: 768px) {
    header[role=banner] #search-toggle {
        margin-top: 20px
    }
}

header[role=banner] #search-toggle:hover {
    opacity: .75
}

header[role=banner] #nav-primary-toggle {
    display: inline-block;
    float: right;
    z-index: 11;
    position: relative;
    margin-top: -64px;
    background-color: #fc0;
    padding: 62px 6px 6px;
    position: absolute;
    top: 0;
    right: 0
}

header[role=banner] #nav-primary-toggle div {
    font-weight: 500;
    margin-bottom: 15px;
    display: block
}

header[role=banner] #nav-primary-toggle span {
    position: relative;
    margin: 16px auto;
    text-indent: -9999px
}

header[role=banner] #nav-primary-toggle span,
header[role=banner] #nav-primary-toggle span:before,
header[role=banner] #nav-primary-toggle span:after {
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 33px;
    height: 4px;
    background-color: #3B3B3B;
    display: block
}

header[role=banner] #nav-primary-toggle span:before,
header[role=banner] #nav-primary-toggle span:after {
    content: '';
    position: absolute
}

header[role=banner] #nav-primary-toggle span:before {
    top: -13px
}

header[role=banner] #nav-primary-toggle span:after {
    top: 13px
}

header[role=banner] #nav-primary-toggle:hover span:before {
    top: -16px
}

header[role=banner] #nav-primary-toggle:hover span:after {
    top: 16px
}

header[role=banner] #nav-primary-toggle.active span {
    background-color: transparent !important
}

header[role=banner] #nav-primary-toggle.active span:before,
header[role=banner] #nav-primary-toggle.active span:after {
    top: 0
}

header[role=banner] #nav-primary-toggle.active span:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header[role=banner] #nav-primary-toggle.active span:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 768px) {
    header[role=banner] #nav-primary-toggle {
        margin-top: -48px;
        padding-top: 70px
    }
}

.nav-active header[role=banner] #nav-primary-toggle {
    position: fixed;
    background-color: transparent;
    color: #fc0
}

.nav-active header[role=banner] #nav-primary-toggle span,
.nav-active header[role=banner] #nav-primary-toggle span:before,
.nav-active header[role=banner] #nav-primary-toggle span:after {
    background-color: #fc0
}

@media only screen and (max-width: 1439px) {
    .nav-active header[role=banner] #nav-primary-toggle {
        margin-top: 0;
        right: 5.5555555556%
    }
}

@media only screen and (min-width: 1440px) {
    .nav-active header[role=banner] #nav-primary-toggle {
        margin-top: 0;
        left: 50%;
        margin-left: 588px;
        width: 41px
    }
}

header[role=banner] #skip-nav {
    font-size: 1px;
    position: absolute;
    top: -1001px;
    margin-left: 5.555555%
}

@media only screen and (min-width: 768px) {
    header[role=banner] #skip-nav:focus {
        top: 15px;
        left: 50%;
        width: 420px;
        text-align: center;
        font-size: 16px;
        font-size: 1rem;
        margin-left: -210px
    }
}

.no-js header[role=banner] #search-toggle,
.no-js header[role=banner] #nav-primary-toggle {
    display: none
}

.no-js header[role=banner] #nav-primary {
    overflow-y: hidden
}

.no-js header[role=banner] #nav-primary ul {
    margin: 10px 0px 10px
}

.no-js header[role=banner] #nav-primary ul li {
    float: none;
    margin-right: 0
}

@media only screen and (min-width: 480px) {
    .no-js header[role=banner] #nav-primary ul li {
        float: left
    }
}

.no-js header[role=banner] #nav-primary>ul {
    font-size: 24px;
    font-size: 1.5rem
}

.no-js header[role=banner] #nav-primary>ul .destination {
    margin-right: 30px
}

.no-js header[role=banner] #nav-primary>ul .children {
    padding-left: 0
}

.no-js header[role=banner] #nav-primary>ul .children a,
.no-js header[role=banner] #nav-primary>ul .children span {
    color: #949194;
    font-weight: 500
}

.no-js header[role=banner] #nav-primary>ul>li {
    border: none
}

.no-js header[role=banner] #nav-primary>ul .toggle-section {
    display: none
}

.no-js header[role=banner] #nav-primary a {
    color: #4E4E4E
}

.no-js header[role=banner] #nav-primary a:hover {
    color: #2C70AA
}

@media only screen and (min-width: 768px) {
    .no-js header[role=banner] #language-toggle {
        position: absolute;
        top: 0px;
        right: 0;
        border: 0
    }
}

.no-js header[role=banner] #close-search {
    display: none
}

.no-js header[role=banner] #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
    background-color: #F5F5F5
}

@media only screen and (min-width: 1280px) {
    .no-js header[role=banner] #search-overlay form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]) {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.1875;
        font-weight: 500;
        font-family: 'HK Grotesk', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        text-transform: none;
        height: 40px;
        margin: 0;
        padding-left: 40px;
        padding-right: 20px;
        background: #F5F5F5 url(/img/icons/icon-search-small.svg) no-repeat 10px 50%
    }
}

@media only screen and (min-width: 768px) {
    .no-js header[role=banner] #search-overlay form {
        width: 300px;
        margin-left: 20px;
        margin-right: 0px
    }
}

@media only screen and (min-width: 768px) {
    .no-js header[role=banner] #search-overlay>div {
        width: 650px
    }
}

.has-secondary-nav .content-secondary {
    clear: both;
    background-color: #F9F9F9;
    padding-top: 70px;
    padding-bottom: 70px
}

.has-secondary-nav .content-secondary>div,
.has-secondary-nav .content-secondary>section {
    padding: 0
}

.has-secondary-nav .content-primary h1:before {
    content: "";
    display: block;
    background-color: #fc0;
    position: absolute;
    top: 0;
    left: 0;
    width: 2%;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .has-secondary-nav .content-primary h1:before {
        width: 15px
    }
}

@media only screen and (max-width: 1023px) {
    .has-secondary-nav .content-secondary {
        margin-left: -6.25%;
        margin-right: -6.25%;
        width: 112.5%;
        box-sizing: border-box;
        padding-left: 6.25%;
        padding-right: 6.25%;
        background-color: #F9F9F9
    }
}

@media only screen and (min-width: 1024px) {
    .has-secondary-nav .inner:after {
        content: " ";
        display: table;
        clear: both
    }
    .has-secondary-nav .content-primary {
        float: right;
        width: 82.8125%
    }
    .has-secondary-nav .content-primary h1 {
        padding-left: 3.4905660377%
    }
    .has-secondary-nav .content-secondary {
        width: auto;
        margin-right: -7.5471698113%;
        margin-left: -28.3018867925%;
        padding-left: 31.7924528302%;
        padding-right: 24.5283018868%
    }
    .has-secondary-nav .content {
        padding-left: 3.4905660377%
    }
}

.full-width .content-primary h1 {
    padding-left: 6.25%;
    margin-left: -6.25%
}

.full-width .content-primary h1 .content>* {
    max-width: none
}

.full-width .content-primary:after {
    content: " ";
    display: table;
    clear: both
}

.full-width .content-primary-main,
.full-width .content-secondary {
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .full-width .content-primary-main,
    .full-width .content-secondary {
        margin-top: 70px
    }
    .full-width .content-primary-main {
        float: left;
        width: 66.40625%
    }
    .full-width .content-secondary {
        float: left;
        width: 25.078125%;
        margin-left: 6.328125%
    }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    footer.switchover,
    nav#nav-secondary,
    header#banner,
    .curve-box img:first-child,
    .content-primary .content ul.image-menu img,
    .hero-header,
    .full-width .content-secondary,
    .feature-box-image img,
    .ug-video,
    .content-primary:first-child>a[name],
    .content-secondary>a[name],
    .image-menu-feature img,
    .slideshow {
        display: none
    }
    .onecol,
    .twocol,
    .threecol,
    .content,
    .content-secondary,
    .feature-box-image a>div,
    .content-secondary .feature-box-image,
    .content-secondary .feature-box,
    .feature-box-image,
    .feature-box-image a>div>span,
    .slideshow,
    h1+.content .curve-box:first-child,
    div,
    .curve-box {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
    #contact {
        border-bottom: none
    }
    .content-primary .content ul.image-menu li {
        display: block;
        width: 100%;
        text-align: left
    }
    .curve-box {
        padding: 0;
        margin: 0;
        min-height: auto
    }
    h1 {
        page-break-before: avoid
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid
    }
    ul,
    ol,
    ul.feature-list li,
    ol.feature-list li {
        list-style-type: circle !important
    }
    a:after {
        content: " (" attr(href) ")";
        color: #2C70AA;
        font-size: 0.8em;
        font-weight: normal
    }
    .image-menu-feature li a>span {
        min-height: auto;
        width: 100%;
        float: none;
        margin-top: 0
    }
    .feature-box-image a:after,
    .image-menu-feature li a:after {
        content: " (" attr(href) ")";
        color: #2C70AA;
        font-size: 0.8em;
        font-weight: normal;
        visibility: visible;
        height: 2em;
        margin-bottom: 1em
    }
    a[href^="/"]:after {
        content: " (www.aber.ac.uk" attr(href) ")"
    }
    a[href^="//"]:after {
        content: " (" attr(href) ")"
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    p.box-container {
        border: none;
        padding: 0
    }
    .header-w-slideshow article {
        background-image: none
    }
    .has-secondary-nav .slideshow .slide>a {
        height: auto;
        width: auto
    }
    .has-secondary-nav .slideshow .caption {
        position: relative;
        top: 0;
        bottom: 0
    }
    .feature-box-image a>div {
        margin-left: 0;
        width: auto;
        float: left
    }
    .slideshow p {
        color: black
    }
    .slideshow p em {
        display: inline
    }
    thead {
        display: table-header-group
    }
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-regular.woff2') format('woff2'), url('../fonts/hkgrotesk-regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-medium.woff2') format('woff2'), url('../fonts/hkgrotesk-medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-semibold.woff2') format('woff2'), url('../fonts/hkgrotesk-semibold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('../fonts/hkgrotesk-bold.woff2') format('woff2'), url('../fonts/hkgrotesk-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/libre-baskerville-v5-latin-ext-regular.eot');
    src: url('../fonts/libre-baskerville-v5-latin-ext-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/libre-baskerville-v5-latin-ext-regular.woff2') format('woff2'), url('../fonts/libre-baskerville-v5-latin-ext-regular.woff') format('woff'), url('../fonts/libre-baskerville-v5-latin-ext-regular.ttf') format('truetype'), url('../fonts/libre-baskerville-v5-latin-ext-regular.svg#libre_baskervilleregular') format('svg');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/libre-baskerville-v5-latin-ext-italic.eot');
    src: url('../fonts/libre-baskerville-v5-latin-ext-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/libre-baskerville-v5-latin-ext-italic.woff2') format('woff2'), url('../fonts/libre-baskerville-v5-latin-ext-italic.woff') format('woff'), url('../fonts/libre-baskerville-v5-latin-ext-italic.ttf') format('truetype'), url('../fonts/libre-baskerville-v5-latin-ext-italic.svg#libre_baskervilleitalic') format('svg');
}

/************************************************************* Slider styling **************************************************************/

.slideshow-layers .one .image {
    background-image: url("../Images/Base/online-open-day-4-562.jpg")
}

.slideshow-layers .two .image {
    background-image: url("../Images/Base/discover-562.jpg")
}

.slideshow-layers .three .image {
    background-image: url("../Images/Base/hesa-562.jpg")
}

.slideshow-layers .four .image {
    background-image: url("../Images/Base/nss-2-562.jpg")
}

.slideshow-layers .five .image {
    background-image: url("../Images/Base/online-open-day-4-562.jpg")
}

.slideshow-layers .six .image {
    background-image: url("../Images/Base/research-562.jpg")
}

.slideshow-layers .seven .image {
    background-image: url("../Images/Base/diversity-2-562.jpg")
}

.slideshow-layers .eight .image {
    background-image: url("../Images/Base/not-too-late-562.jpg")
}

.slideshow-layers .nine .image {
    background-image: url("../Images/Base/tef-562.jpg")
}

.slideshow-layers .ten .image {
    background-image: url("../Images/Base/graduation-562.jpg")
}

.slideshow-layers .eleven .image {
    background-image: url("../Images/Base/bww-562.jpg")
}

.slideshow-layers .twelve .image {
    background-image: url("../Images/Base/good-university-guide-562.jpg")
}

.slideshow-layers .thirteen .image {
    background-image: url("../Images/Base/resources-hub-562.jpg")
}

.slideshow-layers .fourteen .image {
    background-image: url("../Images/Base/scholarships-562.jpg")
}

.slideshow-layers .fifteen .image {
    background-image: url("../Images/Base/visiting-days-562.jpg")
}

.slideshow-layers .sixteen .image {
    background-image: url("../Images/Base/student-experience-562.jpg")
}

.slideshow-layers .seventeen .image {
    background-image: url("../Images/Base/good-university-guide-2020-562.jpg")
}

.slideshow-layers .eighteen .image {
    background-image: url("../Images/Base/pantycelyn-2-562.jpg")
}

.slideshow-layers .nineteen .image {
    background-image: url("../Images/Base/clearing-562.jpg")
}

.slideshow-layers .twenty .image {
    background-image: url("../Images/Base/nss-20-562.jpg")
}

.slideshow-layers .twentyone .image {
    background-image: url("../Images/Base/campus-tours-562.jpg")
}

.slideshow-layers .twentytwo .image {
    background-image: url("../Images/Base/mba-562.jpg")
}

.slideshow-layers .twentythree .image {
    background-image: url("../Images/Base/vet-562.jpg")
}

.slideshow-layers .twentyfour .image {
    background-image: url("../Images/Base/entrance-scholarships-562.jpg")
}

.slideshow-layers .twentyfive .image {
    background-image: url("../Images/Base/bsw-562.jpg")
}

.slideshow-layers .twentysix .image {
    background-image: url("../Images/Base/psw-562.jpg")
}

.slideshow-layers .twentyseven .image {
    background-image: url("../Images/Base/research-2-562.jpg")
}

.slideshow-layers .three .top-right div {
    width: 40%
}

/*.slideshow-layers .four .top-right div {
	width: 40%
}*/

.slideshow-layers .five .bottom-right div {
    width: 40%
}

.slideshow-layers .six .top-right div {
    width: 40%
}

.slideshow-layers .seven .top-left div {
    width: 60%
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .slideshow-layers .one .image {
        background-image: url("../Images/Base/online-open-day-4-562@2x.jpg")
    }
    .slideshow-layers .two .image {
        background-image: url("../Images/Base/discover-562@2x.jpg")
    }
    .slideshow-layers .three .image {
        background-image: url("../Images/Base/hesa-562@2x.jpg")
    }
    .slideshow-layers .four .image {
        background-image: url("../Images/Base/nss-2-562@2x.jpg")
    }
    .slideshow-layers .five .image {
        background-image: url("../Images/Base/online-open-day-4-562@2x.jpg")
    }
    .slideshow-layers .six .image {
        background-image: url("../Images/Base/research-562@2x.jpg")
    }
    .slideshow-layers .seven .image {
        background-image: url("../Images/Base/diversity-2-562@2x.jpg")
    }
    .slideshow-layers .eight .image {
        background-image: url("../Images/Base/not-too-late-562@2x.jpg")
    }
    .slideshow-layers .nine .image {
        background-image: url("../Images/Base/tef-562@2x.jpg")
    }
    .slideshow-layers .ten .image {
        background-image: url("../Images/Base/graduation-562@2x.jpg")
    }
    .slideshow-layers .eleven .image {
        background-image: url("../Images/Base/bww-562@2x.jpg")
    }
    .slideshow-layers .twelve .image {
        background-image: url("../Images/Base/good-university-guide-562@2x.jpg")
    }
    .slideshow-layers .thirteen .image {
        background-image: url("../Images/Base/resources-hub-562@2x.jpg")
    }
    .slideshow-layers .fourteen .image {
        background-image: url("../Images/Base/scholarships-562@2x.jpg")
    }
    .slideshow-layers .fifteen .image {
        background-image: url("../Images/Base/visiting-days-562@2x.jpg")
    }
    .slideshow-layers .sixteen .image {
        background-image: url("../Images/Base/student-experience-562@2x.jpg")
    }
    .slideshow-layers .seventeen .image {
        background-image: url("../Images/Base/good-university-guide-2020-562@2x.jpg")
    }
    .slideshow-layers .eighteen .image {
        background-image: url("../Images/Base/pantycelyn-2-562@2x.jpg")
    }
    .slideshow-layers .nineteen .image {
        background-image: url("../Images/Base/clearing-562@2x.jpg")
    }
    .slideshow-layers .twenty .image {
        background-image: url("../Images/Base/nss-20-562@2x.jpg")
    }
    .slideshow-layers .twentyone .image {
        background-image: url("../Images/Base/campus-tours-562@2x.jpg")
    }
    .slideshow-layers .twentytwo .image {
        background-image: url("../Images/Base/mba-562@2x.jpg")
    }
    .slideshow-layers .twentythree .image {
        background-image: url("../Images/Base/vet-562@2x.jpg")
    }
    .slideshow-layers .twentyfour .image {
        background-image: url("../Images/Base/entrance-scholarships-562@2x.jpg")
    }
    .slideshow-layers .twentyfive .image {
        background-image: url("../Images/Base/bsw-562@2x.jpg")
    }
    .slideshow-layers .twentysix .image {
        background-image: url("../Images/Base/psw-562@2x.jpg")
    }
    .slideshow-layers .twentyseven .image {
        background-image: url("../Images/Base/research-2-562@2x.jpg")
    }
}

@media only screen and (min-width: 580px) {
    .slideshow-layers .one .image {
        background-image: url("../Images/Base/online-open-day-4-900.jpg")
    }
    .slideshow-layers .two .image {
        background-image: url("../Images/Base/discover-900.jpg")
    }
    .slideshow-layers .three .image {
        background-image: url("../Images/Base/hesa-900.jpg")
    }
    .slideshow-layers .four .image {
        background-image: url("../Images/Base/nss-3-900.jpg")
    }
    .slideshow-layers .five .image {
        background-image: url("../Images/Base/online-open-day-4a-900.jpg")
    }
    .slideshow-layers .six .image {
        background-image: url("../Images/Base/research-900.jpg")
    }
    .slideshow-layers .seven .image {
        background-image: url("../Images/Base/diversity-2-900.jpg")
    }
    .slideshow-layers .eight .image {
        background-image: url("../Images/Base/not-too-late-900.jpg")
    }
    .slideshow-layers .nine .image {
        background-image: url("../Images/Base/tef-900.jpg")
    }
    .slideshow-layers .ten .image {
        background-image: url("../Images/Base/graduation-900.jpg")
    }
    .slideshow-layers .eleven .image {
        background-image: url("../Images/Base/bww-900.jpg")
    }
    .slideshow-layers .twelve .image {
        background-image: url("../Images/Base/good-university-guide-900.jpg")
    }
    .slideshow-layers .thirteen .image {
        background-image: url("../Images/Base/resources-hub-900.jpg")
    }
    .slideshow-layers .fourteen .image {
        background-image: url("../Images/Base/scholarships-900.jpg")
    }
    .slideshow-layers .fifteen .image {
        background-image: url("../Images/Base/visiting-days-900.jpg")
    }
    .slideshow-layers .sixteen .image {
        background-image: url("../Images/Base/student-experience-900.jpg")
    }
    .slideshow-layers .seventeen .image {
        background-image: url("../Images/Base/good-university-guide-2020-900.jpg")
    }
    .slideshow-layers .eighteen .image {
        background-image: url("../Images/Base/pantycelyn-2-900.jpg")
    }
    .slideshow-layers .nineteen .image {
        background-image: url("../Images/Base/clearing-900.jpg")
    }
    .slideshow-layers .twenty .image {
        background-image: url("../Images/Base/nss-20-900.jpg")
    }
    .slideshow-layers .twentyone .image {
        background-image: url("../Images/Base/campus-tours-900.jpg")
    }
    .slideshow-layers .twentytwo .image {
        background-image: url("../Images/Base/mba-900.jpg")
    }
    .slideshow-layers .twentythree .image {
        background-image: url("../Images/Base/vet-900.jpg")
    }
    .slideshow-layers .twentyfour .image {
        background-image: url("../Images/Base/entrance-scholarships-900.jpg")
    }
    .slideshow-layers .twentyfive .image {
        background-image: url("../Images/Base/bsw-900.jpg")
    }
    .slideshow-layers .twentysix .image {
        background-image: url("../Images/Base/psw-900.jpg")
    }
    .slideshow-layers .twentyseven .image {
        background-image: url("../Images/Base/research-2-900.jpg")
    }
    .slideshow-layers .three .logo.top-right div {
        width: 19.79%
    }
    /*.slideshow-layers .four .logo.top-right div {
		width: 19.79%;
		right: 3%
	}*/
    /*.slideshow-layers .five .logo.bottom-right div {
		width: 19.79%;
		bottom: 45px
	}*/
    .slideshow-layers .six .logo.top-right div {
        width: 19.79%
    }
    .slideshow-layers .seven .logo.top-left div {
        width: 36%
    }
    /*.slideshow-layers .slide.two .caption p span {
		color: #2B2B2B;
	}*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 580px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 580px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 580px), only screen and (min-device-pixel-ratio: 2) and (min-width: 580px), only screen and (min-resolution: 192dpi) and (min-width: 580px), only screen and (min-resolution: 2dppx) and (min-width: 580px) {
    .slideshow-layers .one .image {
        background-image: url("../Images/Base/online-open-day-4-900@2x.jpg")
    }
    .slideshow-layers .two .image {
        background-image: url("../Images/Base/discover-900@2x.jpg")
    }
    .slideshow-layers .three .image {
        background-image: url("../Images/Base/hesa-900@2x.jpg")
    }
    .slideshow-layers .four .image {
        background-image: url("../Images/Base/nss-3-900@2x.jpg")
    }
    .slideshow-layers .five .image {
        background-image: url("../Images/Base/online-open-day-4a-900@2x.jpg")
    }
    .slideshow-layers .six .image {
        background-image: url("../Images/Base/research-900@2x.jpg")
    }
    .slideshow-layers .seven .image {
        background-image: url("../Images/Base/diversity-2-900@2x.jpg")
    }
    .slideshow-layers .eight .image {
        background-image: url("../Images/Base/not-too-late-900@2x.jpg")
    }
    .slideshow-layers .nine .image {
        background-image: url("../Images/Base/tef-900@2x.jpg")
    }
    .slideshow-layers .ten .image {
        background-image: url("../Images/Base/graduation-900@2x.jpg")
    }
    .slideshow-layers .eleven .image {
        background-image: url("../Images/Base/bww-900@2x.jpg")
    }
    .slideshow-layers .twelve .image {
        background-image: url("../Images/Base/good-university-guide-900@2x.jpg")
    }
    .slideshow-layers .thirteen .image {
        background-image: url("../Images/Base/resources-hub-900@2x.jpg")
    }
    .slideshow-layers .fourteen .image {
        background-image: url("../Images/Base/scholarships-900@2x.jpg")
    }
    .slideshow-layers .fifteen .image {
        background-image: url("../Images/Base/visiting-days-900@2x.jpg")
    }
    .slideshow-layers .sixteen .image {
        background-image: url("../Images/Base/student-experience-900@2x.jpg")
    }
    .slideshow-layers .seventeen .image {
        background-image: url("../Images/Base/good-university-guide-2020-900@2x.jpg")
    }
    .slideshow-layers .eighteen .image {
        background-image: url("../Images/Base/pantycelyn-2-900@2x.jpg")
    }
    .slideshow-layers .nineteen .image {
        background-image: url("../Images/Base/clearing-900@2x.jpg")
    }
    .slideshow-layers .twenty .image {
        background-image: url("../Images/Base/nss-20-900@2x.jpg")
    }
    .slideshow-layers .twentyone .image {
        background-image: url("../Images/Base/campus-tours-900@2x.jpg")
    }
    .slideshow-layers .twentytwo .image {
        background-image: url("../Images/Base/mba-900@2x.jpg")
    }
    .slideshow-layers .twentythree .image {
        background-image: url("../Images/Base/vet-900@2x.jpg")
    }
    .slideshow-layers .twentyfour .image {
        background-image: url("../Images/Base/entrance-scholarships-900@2x.jpg")
    }
    .slideshow-layers .twentyfive .image {
        background-image: url("../Images/Base/bsw-900@2x.jpg")
    }
    .slideshow-layers .twentysix .image {
        background-image: url("../Images/Base/psw-900@2x.jpg")
    }
    .slideshow-layers .twentyseven .image {
        background-image: url("../Images/Base/research-2-900@2x.jpg")
    }
}

@media only screen and (min-width: 900px) {
    .slideshow-layers .one .image {
        background-image: url("../Images/Base/online-open-day-4-1440.jpg")
    }
    .slideshow-layers .two .image {
        background-image: url("../Images/Base/discover-1440.jpg")
    }
    .slideshow-layers .three .image {
        background-image: url("../Images/Base/hesa-1440.jpg")
    }
    .slideshow-layers .four .image {
        background-image: url("../Images/Base/nss-3-1440.jpg")
    }
    .slideshow-layers .five .image {
        background-image: url("../Images/Base/online-open-day-4a-1440.jpg")
    }
    .slideshow-layers .six .image {
        background-image: url("../Images/Base/research-1440.jpg")
    }
    .slideshow-layers .seven .image {
        background-image: url("../Images/Base/diversity-2-1440.jpg")
    }
    .slideshow-layers .eight .image {
        background-image: url("../Images/Base/not-too-late-1440.jpg")
    }
    .slideshow-layers .nine .image {
        background-image: url("../Images/Base/tef-1440.jpg")
    }
    .slideshow-layers .ten .image {
        background-image: url("../Images/Base/graduation-1440.jpg")
    }
    .slideshow-layers .eleven .image {
        background-image: url("../Images/Base/bww-1440.jpg")
    }
    .slideshow-layers .twelve .image {
        background-image: url("../Images/Base/good-university-guide-1440.jpg")
    }
    .slideshow-layers .thirteen .image {
        background-image: url("../Images/Base/resources-hub-1440.jpg")
    }
    .slideshow-layers .fourteen .image {
        background-image: url("../Images/Base/scholarships-1440.jpg")
    }
    .slideshow-layers .fifteen .image {
        background-image: url("../Images/Base/visiting-days-1440.jpg")
    }
    .slideshow-layers .sixteen .image {
        background-image: url("../Images/Base/student-experience-1440.jpg")
    }
    .slideshow-layers .seventeen .image {
        background-image: url("../Images/Base/good-university-guide-2020-1440.jpg")
    }
    .slideshow-layers .eighteen .image {
        background-image: url("../Images/Base/pantycelyn-2-1440.jpg")
    }
    .slideshow-layers .nineteen .image {
        background-image: url("../Images/Base/clearing-1440.jpg")
    }
    .slideshow-layers .twenty .image {
        background-image: url("../Images/Base/nss-20-1440.jpg")
    }
    .slideshow-layers .twentyone .image {
        background-image: url("../Images/Base/campus-tours-1440.jpg")
    }
    .slideshow-layers .twentytwo .image {
        background-image: url("../Images/Base/mba-1440.jpg")
    }
    .slideshow-layers .twentythree .image {
        background-image: url("../Images/Base/vet-1440.jpg")
    }
    .slideshow-layers .twentyfour .image {
        background-image: url("../Images/Base/entrance-scholarships-1440.jpg")
    }
    .slideshow-layers .twentyfive .image {
        background-image: url("../Images/Base/bsw-1440.jpg")
    }
    .slideshow-layers .twentysix .image {
        background-image: url("../Images/Base/psw-1440.jpg")
    }
    .slideshow-layers .twentyseven .image {
        background-image: url("../Images/Base/research-2-1440.jpg")
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 900px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 900px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 900px), only screen and (min-device-pixel-ratio: 2) and (min-width: 900px), only screen and (min-resolution: 192dpi) and (min-width: 900px), only screen and (min-resolution: 2dppx) and (min-width: 900px) {
    .slideshow-layers .one .image {
        background-image: url("../Images/Base/online-open-day-4-1440@2x.jpg")
    }
    .slideshow-layers .two .image {
        background-image: url("../Images/Base/discover-1440@2x.jpg")
    }
    .slideshow-layers .three .image {
        background-image: url("../Images/Base/hesa-1440@2x.jpg")
    }
    .slideshow-layers .four .image {
        background-image: url("../Images/Base/nss-3-1440@2x.jpg")
    }
    .slideshow-layers .five .image {
        background-image: url("../Images/Base/online-open-day-4a-1440@2x.jpg")
    }
    .slideshow-layers .six .image {
        background-image: url("../Images/Base/research-1440@2x.jpg")
    }
    .slideshow-layers .seven .image {
        background-image: url("../Images/Base/diversity-2-1440@2x.jpg")
    }
    .slideshow-layers .eight .image {
        background-image: url("../Images/Base/not-too-late-1440@2x.jpg")
    }
    .slideshow-layers .nine .image {
        background-image: url("../Images/Base/tef-1440@2x.jpg")
    }
    .slideshow-layers .ten .image {
        background-image: url("../Images/Base/graduation-1440@2x.jpg")
    }
    .slideshow-layers .eleven .image {
        background-image: url("../Images/Base/bww-1440@2x.jpg")
    }
    .slideshow-layers .twelve .image {
        background-image: url("../Images/Base/good-university-guide-1440@2x.jpg")
    }
    .slideshow-layers .thirteen .image {
        background-image: url("../Images/Base/resources-hub-1440@2x.jpg")
    }
    .slideshow-layers .fourteen .image {
        background-image: url("../Images/Base/scholarships-1440@2x.jpg")
    }
    .slideshow-layers .fifteen .image {
        background-image: url("../Images/Base/visiting-days-1440@2x.jpg")
    }
    .slideshow-layers .sixteen .image {
        background-image: url("../Images/Base/student-experience-1440@2x.jpg")
    }
    .slideshow-layers .seventeen .image {
        background-image: url("../Images/Base/good-university-guide-2020-1440@2x.jpg")
    }
    .slideshow-layers .eighteen .image {
        background-image: url("../Images/Base/pantycelyn-2-1440@2x.jpg")
    }
    .slideshow-layers .nineteen .image {
        background-image: url("../Images/Base/clearing-1440@2x.jpg")
    }
    .slideshow-layers .twenty .image {
        background-image: url("../Images/Base/nss-20-1440@2x.jpg")
    }
    .slideshow-layers .twentyone .image {
        background-image: url("../Images/Base/campus-tours-1440@2x.jpg")
    }
    .slideshow-layers .twentytwo .image {
        background-image: url("../Images/Base/mba-1440@2x.jpg")
    }
    .slideshow-layers .twentyfour .image {
        background-image: url("../Images/Base/entrance-scholarships-1440@2x.jpg")
    }
    .slideshow-layers .twentyfive .image {
        background-image: url("../Images/Base/bsw-1440@2x.jpg")
    }
    .slideshow-layers .twentysix .image {
        background-image: url("../Images/Base/psw-1440@2x.jpg")
    }
    .slideshow-layers .twentyseven .image {
        background-image: url("../Images/Base/research-2-1440@2x.jpg")
    }
}

/*BG images for homepage awards and rankings slider*/

/*.hp-slider-container .content-wrapper .award.one div {
	background: #8c8fa8 url("/img/content/hp-slider/bottom-slider/nss.png") no-repeat left top
}
.hp-slider-container .content-wrapper .award.two div {
	background: #8c8fa8 url("/img/content/hp-slider/bottom-slider/nss-bg-en.png") no-repeat right bottom
}
.hp-slider-container .content-wrapper .award.three div {
	background: #8c8fa8 url("/img/content/hp-slider/bottom-slider/good-en.png") no-repeat right bottom
}
.hp-slider-container .content-wrapper .award.four div {
	background: #8c8fa8 url("/img/content/hp-slider/bottom-slider/complete.png") no-repeat right bottom
}
.hp-slider-container .content-wrapper .award.five div {
	background: #8c8fa8 url("/img/content/hp-slider/bottom-slider/hesa-bg-en.png") no-repeat right bottom
}
.hp-slider-container .content-wrapper .award.six div {
	background: #8c8fa8 url("/img/content/hp-slider/bottom-slider/ref.png") no-repeat right bottom
}*/

/* Background colour for homepage awards and rankings slider*/

.hp-slider-container .content-wrapper .award div {
    background-color: #242753;
}

/*Triangle*/

/*@media only screen and (min-width: 580px){
    .slideshow-layers .slide .triangles.bottom-left {
        background-image: url(/img/content/hp-slider/triangles/grey-lb-triange-bg.svg);
    }
    .no-svg .slideshow-layers .slide .triangles.bottom-left {
        background-image: url(/img/content/hp-slider/triangles/grey-lb-triange-bg.png);
    }
    @media only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3 / 2),
    only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .slideshow-layers .slide .triangles.bottom-left {
            background-image:url(/img/content/hp-slider/triangles/grey-lb-triange-bg@2x.png)
        }
    }
    .slideshow-layers .slide .triangles.bottom-right {
        background-image: url(/img/content/hp-slider/triangles/grey-rb-triange-bg.svg);
    }
    .no-svg .slideshow-layers .slide .triangles.bottom-right {
        background-image: url(/img/content/hp-slider/triangles/grey-rb-triange-bg.png);
    }
    @media only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3 / 2),
    only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .slideshow-layers .slide .triangles.bottom-right {
            background-image:url(/img/content/hp-slider/triangles/grey-r-triange-bg@2x.png)
        }
    }
    .slideshow-layers .slide .triangles.top-left {
        background-image: url(/img/content/hp-slider/triangles/grey-lt-triange-bg.svg);
    }
    .no-svg .slideshow-layers .slide .triangles.top-left {
        background-image: url(/img/content/hp-slider/triangles/grey-lt-triange-bg.png);
    }
    @media only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3 / 2),
    only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .slideshow-layers .slide .triangles.top-left {
            background-image:url(/img/content/hp-slider/triangles/grey-lt-triange-bg@2x.png)
        }
    }
    .slideshow-layers .slide .triangles.top-right {
        background-image: url(/img/content/hp-slider/triangles/grey-rt-triange-bg.svg);
    }
    .no-svg .slideshow-layers .slide .triangles.top-right {
        background-image: url(/img/content/hp-slider/triangles/grey-rt-triange-bg.png);
    }
    @media only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3 / 2),
    only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        .no-svg .slideshow-layers .slide .triangles.top-right {
            background-image:url(/img/content/hp-slider/triangles/grey-rt-triange-bg@2x.png)
        }
    }
}*/

/*.nav-icons ul li.important a {
    font-weight: 600;
}
.nav-icons ul li.important a figure {
    background-color: #FFCC00;
    border-color: #e6b800;
    border-radius: 10px;
}
.nav-icons ul li.important a:hover figure {
    border-color: #4e4e4e;
}*/

/**/

@media only screen and (min-width: 580px) {
    .slideshow-layers .slide.five .caption.bottom-left {
        bottom: 32%;
        left: 2%;
    }
    .slideshow-layers .slide.five.cy .caption.bottom-left {
        bottom: 33%;
        left: 3%;
    }
    .slideshow-layers .slide.twenty .caption.bottom-left {
        bottom: 30%;
        left: 5%;
    }
    .slideshow-layers .slide.twenty.cy .caption.bottom-left {
        bottom: 29%;
    }
    .slideshow-layers .slide.twenty .caption.bottom-left small {
        font-size: 60%;
    }
    .slideshow-layers .slide.two .caption.top-left small {
        font-size: 60%;
    }
    .slideshow-layers .slide.twentyone .caption.bottom-left {
        left: 3%;
    }
    .slideshow-layers .slide.twentyone .logo div {
        width: 13%;
    }
    .slideshow-layers .slide.twentyfour .caption.bottom-left {
        bottom: 25%;
        left: 3%;
    }
    .slideshow-layers .slide.twentyfive .caption.bottom-left,
    .slideshow-layers .slide.twentysix .caption.bottom-left {
        bottom: 35%;
        left: 3%;
    }
    .slideshow-layers .slide.twentyfive.cy .caption.bottom-left,
    .slideshow-layers .slide.twentysix.cy .caption.bottom-left {
        bottom: 35%;
        left: 3%;
    }
    .slideshow-layers .slide.twentysix .logo img {
        text-shadow: 0px 0px 3px #4e4e4e;
    }
}

.slideshow-layers .slide .caption p span:first-child {
    text-indent: 0;
}

.opendays-events h2+p {
    margin-top: -30px;
    padding: 0px 23px 18px 0;
    line-height: 1;
    position: relative;
}

/*Homepage change just for clearing*/

/*.nav-icons ul li a figure.i-clearing.cy {
    background: #51ca2d;
    background-image:url(/img/content/clearing-19/icons/clearing-phone-wh.svg);
    background-image:url(/img/content/clearing-19/icons/clearing-phone-wh.svg), linear-gradient(to top, #51ca2d 0%, #75ef43 100%);
    border: 2px solid #75ef43;
    background-size: contain;
}
.nav-icons ul li a:hover figure.i-clearing.cy {
    border-color: #4e4e4e;
}
.no-svg .nav-icons ul li a figure.i-clearing.cy {
    background-image:url(/img/icons/nav/clearing-wh.png)
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
    .no-svg .nav-icons ul li a figure.i-clearing.cy {
        background-image:url(/img/icons/nav/clearing-wh@2x.png)
    }
}*/

/*.nav-icons ul {
    max-width: 1000px;
    margin: 0 auto;
}*/

.opendays-events .date {
    position: relative;
    z-index: 1;
}

.opendays-events h2 small {
    font-size: 70%;
}

/************************** Overwrites ******************************/

.pageHeader {
    height: 0px;
}


.LoginSignupLinksPanel>input[type="submit"],
.LoginSignupLinksPanel>input[type="reset"],
.LoginSignupLinksPanel>input[type="button"] {
    -moz-transition: background-color, .1s;
    transition: background-color, .1s;
    margin-right: 0px;
    border-top: 6px solid #fc0;
    color: #333;
    background-color: #fff;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 0;
    margin-bottom: 0;
}

.LoginSignupLinksPanel>input[type="submit"]:hover,
.LoginSignupLinksPanel>input[type="reset"]:hover,
.LoginSignupLinksPanel>input[type="button"]:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    text-decoration: none;
    border-top: 6px solid #fc0;
}