/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

/*SG INTERVENTION*/
/*** replace with project specific fonts ***/
/**
 * @license
 * MyFonts Webfont Build ID 3932201, 2020-08-03T12:16:32-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: RamaGothicE-Regular by Dharma Type
 * URL: https://www.myfonts.com/fonts/flat-it/rama-gothic/e-regular/
 * Copyright: Copyright (c) 2011 by Ryoichi Tsunekawa. All rights reserved.
 * 
 * 
 * 
 * ? 2020 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("http://hello.myfonts.net/count/3c0029");

@font-face {
    font-family: 'Rama Gothic E W01 Regular';
    src: url('../common/css/fonts/font.woff2') format('woff2'), url('../common/css/fonts/font.woff') format('woff');
}

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

/**
 * Remove default margin.
 */
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;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* Transition and animation mixins */
/* Border radius mixins */
/* Border radius mixin */
/* Box shadow mixins */
/* Mixin for keeping mobile and desktop navs separate when they look completely different */
/* media query mixins that use breakpoints set in constants.scss */
/* Flexbox mixins */
/* Form mixins */
/* Miscellaneous mixins */
/*** replace with project specific fonts ***/
@font-face {
  font-family: IcoMoon;
  src: url("fonts/icomoon.eot") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg") format("svg"); }
body, body.mce-content-body {
  font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; }

html {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.5rem; }
  @media only screen and (max-width: 568px) {
    html {
      font-size: 14px; } }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin-top: 0;
  margin-bottom: 1rem; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1rem;
  font-family: "Rama Gothic E W01 Regular";
  font-weight: normal; }

h1 {
  margin-bottom: 2rem; }

h2 {
  margin-bottom: 1.5rem; }

/*** Look at "include(spanX)" instead of using span class names ***/
.row,
.standard-form .row-fluid {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  /* Can't decide whether this will be useful, or will cause issues */ }
  .row [class^=span],
  .standard-form .row-fluid [class^=span] {
    float: left;
    position: relative;
    margin: 0 1.25%; }
  .row .expand,
  .standard-form .row-fluid .expand {
    margin: 0; }
    .row .expand.double,
    .standard-form .row-fluid .expand.double {
      padding-right: 1.25%; }
    .row .expand.double + [class^=span],
    .standard-form .row-fluid .expand.double + [class^=span] {
      margin-left: 0; }
  @media only screen and (min-width: 569px) {
    .row.vertical-centre, .standard-form .row-fluid.vertical-centre {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      html.no-flexbox .row.vertical-centre,
      html.no-flexbox .standard-form .row-fluid.vertical-centre {
        display: block; }
      html.no-flexbox .row.vertical-centre [class^=span], html.no-flexbox .standard-form .row-fluid.vertical-centre [class^=span] {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 0 1.25%; }
        html.no-flexbox .row.vertical-centre [class^=span] img, html.no-flexbox .standard-form .row-fluid.vertical-centre [class^=span] img {
          width: 100%; } }
  .row .text-right,
  .standard-form .row-fluid .text-right {
    text-align: right; }
  .row .text-centre,
  .standard-form .row-fluid .text-centre {
    text-align: center; }
  .row .inner-row,
  .standard-form .row-fluid .inner-row {
    margin-left: -2.6%; }
    .row .inner-row [class^=span],
    .standard-form .row-fluid .inner-row [class^=span] {
      margin-right: 0;
      margin-left: 2.6%; }
  .row [class*=border-left],
  .standard-form .row-fluid [class*=border-left] {
    margin-left: 0;
    padding-left: 1.25%; }
  @media only screen and (min-width: 569px) {
    .row.gapless,
    .standard-form .row-fluid.gapless {
      padding: 0 1.25%; } }
  .row.gapless [class^=span],
  .standard-form .row-fluid.gapless [class^=span] {
    margin: 0; }
  @media only screen and (min-width: 569px) {
    .row.gapless .span4,
    .standard-form .row-fluid.gapless .span4 {
      width: 33.3333333333%; } }
  @media only screen and (max-width: 568px) {
    .row.gapless [class^=span],
    .standard-form .row-fluid.gapless [class^=span] {
      width: 100% !important;
      margin: 0 !important; } }
  .row .span1,
  .standard-form .row-fluid .span1 {
    width: 5.8333333333%; }
    .row .span1.expand,
    .standard-form .row-fluid .span1.expand {
      width: 8.3333333333%; }
  .row .span2,
  .standard-form .row-fluid .span2 {
    width: 14.1666666667%; }
    .row .span2.expand,
    .standard-form .row-fluid .span2.expand {
      width: 16.6666666667%; }
  .row .span3,
  .standard-form .row-fluid .span3 {
    width: 22.5%; }
    .row .span3.expand,
    .standard-form .row-fluid .span3.expand {
      width: 25%; }
  .row .span4,
  .standard-form .row-fluid .span4 {
    width: 30.8333333333%; }
    .row .span4.expand,
    .standard-form .row-fluid .span4.expand {
      width: 33.3333333333%; }
  .row .span5,
  .standard-form .row-fluid .span5 {
    width: 39.1666666667%; }
    .row .span5.expand,
    .standard-form .row-fluid .span5.expand {
      width: 41.6666666667%; }
  .row .span6,
  .standard-form .row-fluid .span6 {
    width: 47.5%; }
    .row .span6.expand,
    .standard-form .row-fluid .span6.expand {
      width: 47.5%; }
  .row .span7,
  .standard-form .row-fluid .span7 {
    width: 55.8333333333%; }
    .row .span7.expand,
    .standard-form .row-fluid .span7.expand {
      width: 58.3333333333%; }
  .row .span8,
  .standard-form .row-fluid .span8 {
    width: 64.1666666667%; }
    .row .span8.expand,
    .standard-form .row-fluid .span8.expand {
      width: 66.6666666667%; }
  .row .span9,
  .standard-form .row-fluid .span9 {
    width: 72.5%; }
    .row .span9.expand,
    .standard-form .row-fluid .span9.expand {
      width: 75%; }
  .row .span10,
  .standard-form .row-fluid .span10 {
    width: 80.8333333333%; }
    .row .span10.expand,
    .standard-form .row-fluid .span10.expand {
      width: 83.3333333333%; }
  .row .span11,
  .standard-form .row-fluid .span11 {
    width: 89.1666666667%; }
    .row .span11.expand,
    .standard-form .row-fluid .span11.expand {
      width: 91.6666666667%; }
  .row .span12,
  .standard-form .row-fluid .span12 {
    width: 97.5%; }
    .row .span12.expand,
    .standard-form .row-fluid .span12.expand {
      width: 100%; }
  .row .offset1,
  .standard-form .row-fluid .offset1 {
    margin-left: 9.5833333333%; }
  .row .offset2,
  .standard-form .row-fluid .offset2 {
    margin-left: 17.9166666667%; }
  .row .offset3,
  .standard-form .row-fluid .offset3 {
    margin-left: 26.25%; }
  .row .offset4,
  .standard-form .row-fluid .offset4 {
    margin-left: 34.5833333333%; }
  .row .offset5,
  .standard-form .row-fluid .offset5 {
    margin-left: 42.9166666667%; }
  .row .offset6,
  .standard-form .row-fluid .offset6 {
    margin-left: 51.25%; }
  .row .offset7,
  .standard-form .row-fluid .offset7 {
    margin-left: 59.5833333333%; }
  .row .offset8,
  .standard-form .row-fluid .offset8 {
    margin-left: 67.9166666667%; }
  .row .offset9,
  .standard-form .row-fluid .offset9 {
    margin-left: 76.25%; }
  .row .offset10,
  .standard-form .row-fluid .offset10 {
    margin-left: 84.5833333333%; }
  .row .offset11,
  .standard-form .row-fluid .offset11 {
    margin-left: 92.9166666667%; }
  .row:after,
  .standard-form .row-fluid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

@media only screen and (max-width: 568px) {
  section .row [class^=span],
  section .standard-form .row-fluid [class^=span] {
    width: 97.5%; }
  section .row [class*=offset],
  section .standard-form .row-fluid [class*=offset] {
    margin-left: 1.25%; } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -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;
  top: 0;
  left: 0;
  display: block; }

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

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

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

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

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

.slick-slide img {
  display: block; }

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

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

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

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

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

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

/*** BUTTON Styles ***/
.button:not(b),
.keyline-button,
.keyline-button-invert {
  display: inline-block;
  padding: 14px 47px 14px 15px;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .button:not(b):before,
  .keyline-button:before,
  .keyline-button-invert:before {
    content: '';
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  .button:not(b):after,
  .keyline-button:after,
  .keyline-button-invert:after {
    content: '\f178';
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: normal;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 16px;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease; }
  .button:not(b).back,
  .keyline-button.back,
  .keyline-button-invert.back {
    padding: 14px 15px 14px 47px; }
    .button:not(b).back:after,
    .keyline-button.back:after,
    .keyline-button-invert.back:after {
      content: '\f177';
      right: auto;
      left: 16px; }
  .button:not(b).large,
  .keyline-button.large,
  .keyline-button-invert.large {
    font-size: 16px;
    line-height: 16px;
    padding: 17px 87px 17px 15px; }
    .button:not(b).large.back,
    .keyline-button.large.back,
    .keyline-button-invert.large.back {
      padding: 17px 15px 17px 87px; }
  .button:not(b).jumbo,
  .keyline-button.jumbo,
  .keyline-button-invert.jumbo {
    font-size: 18px;
    line-height: 18px;
    padding: 21px 148px 21px 15px; }
    .button:not(b).jumbo.back,
    .keyline-button.jumbo.back,
    .keyline-button-invert.jumbo.back {
      padding: 21px 15px 21px 148px; }

.button:not(b) {
  background: -moz-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
  background: -webkit-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
  background: linear-gradient(to 30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
  background: -ms-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%); }
  .button:not(b):before {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 0;
    background-color: #e5007e;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  .button:not(b) span {
    display: inline-block;
    color: #fff;
    position: relative;
    z-index: 1; }
  .button:not(b):hover:before {
    opacity: 0; }

.keyline-button {
  background: -moz-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
  background: -webkit-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
  background: -ms-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
  background: linear-gradient(to 30deg, #e5007e 0%, #e5007e 30%, #05386c 100%); }
  .keyline-button:before {
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    top: 4px;
    right: 4px;
    background-color: #fff;
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -ms-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease;
    z-index: 0; }
  .keyline-button:after {
    color: #05386c; }
  .keyline-button span {
    display: inline-block;
    color: #09326e;
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease; }
  .keyline-button:hover:before {
    width: 0; }
  .keyline-button:hover span, .keyline-button:hover:after {
    color: #fff; }
  .keyline-button.beige:before {
    background-color: #f7f6f1; }
  .keyline-button.external:after {
    content: '\f08e'; }

.keyline-button-invert {
  background: transparent;
  border: 3px solid #fff;
  padding: 11px 47px 11px 15px;
  overflow: hidden;
  /* Twitter variant */ }
  .keyline-button-invert:before {
    background: -moz-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
    background: -webkit-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
    background: -ms-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
    background: linear-gradient(to 30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    z-index: 0;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    -ms-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease; }
  .keyline-button-invert span {
    position: relative;
    z-index: 1; }
  .keyline-button-invert:hover {
    color: #fff;
    text-decoration: none; }
    .keyline-button-invert:hover:before {
      opacity: 1;
      width: 100%;
      left: 0; }
  .keyline-button-invert.large {
    padding: 14px 87px 14px 15px; }
    .keyline-button-invert.large.back {
      padding: 14px 15px 14px 87px; }
  .keyline-button-invert.jumbo {
    padding: 18px 148px 18px 15px; }
    .keyline-button-invert.jumbo.back {
      padding: 18px 15px 18px 148px; }
  .keyline-button-invert.twitter-follow {
    padding-right: 30px;
    padding-left: 30px;
    min-width: 130px; }
    .keyline-button-invert.twitter-follow:after {
      display: none; }

/* Tablet Styles */
@media only screen and (max-width: 820px) {
  .button:not(b).large,
  .keyline-button.large,
  .keyline-button-invert.large {
    padding-right: 40px; }
    .button:not(b).large.back,
    .keyline-button.large.back,
    .keyline-button-invert.large.back {
      padding-right: 15px;
      padding-left: 40px; }
  .button:not(b).jumbo,
  .keyline-button.jumbo,
  .keyline-button-invert.jumbo {
    padding-right: 70px; }
    .button:not(b).jumbo.back,
    .keyline-button.jumbo.back,
    .keyline-button-invert.jumbo.back {
      padding-right: 15px;
      padding-left: 70px; }

  .keyline-button-invert.large {
    padding-right: 40px; }
    .keyline-button-invert.large.back {
      padding-right: 15px;
      padding-left: 40px; }
  .keyline-button-invert.jumbbo {
    padding-right: 70px; }
    .keyline-button-invert.jumbbo.back {
      padding-right: 15px;
      padding-left: 70px; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .button:not(b).large, .button:not(b).jumbo,
  .keyline-button.large,
  .keyline-button.jumbo,
  .keyline-button-invert.large,
  .keyline-button-invert.jumbo {
    font-size: 14px;
    line-height: 14px; }

  .keyline-button-invert.twitter-follow {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 30px;
    padding-left: 5px; }
    .keyline-button-invert.twitter-follow:after {
      display: block;
      content: '\f099';
      right: 10px; } }
/* VIdeo link */
.video-link {
  display: block;
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  html.no-flexbox .video-link {
    display: block; }
  html.no-flexbox .video-link [class^=span] {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0 1.25%; }
    html.no-flexbox .video-link [class^=span] img {
      width: 100%; }
  .video-link .icon {
    width: 35px;
    height: 35px;
    background-image: url(../images/icons/Play_Icon.html);
    background-position: center;
    background-size: 35px;
    background-repeat: no-repeat; }
    .video-link .icon a {
      display: block;
      width: 100%;
      height: 100%; }
  .video-link > a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin-left: 10px;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease; }
  .video-link:hover > a {
    border-color: #fff; }

/* Read more link */
.read-more {
  position: relative;
  font-family: "Rama Gothic E W01 Regular";
  font-size: 18px;
  color: #31312e;
  text-decoration: none;
  padding-left: 20px; }
  .read-more .cross {
    width: 13px;
    height: 13px;
    left: 0;
    top: 3px; }
    .read-more .cross:before {
      height: 3px;
      top: 5px; }
    .read-more .cross:after {
      width: 3px;
      left: 5px;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: transform 0.3s ease;
      -moz-transition: transform 0.3s ease;
      -ms-transition: transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease; }
  .read-more.active .cross:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .read-more:hover, .read-more:focus, .read-more.active {
    color: #31312e;
    text-decoration: none; }

.rich-text {
  /* We're using an inner-outer file structure here so that the umbraco text 
  	editor in the CMS can use a different scss file which imports the inner 
  	file but not the outer file. richtext-rte will be used by the site as well
  	as the CMS, the code here will only be used by the site, not the cms. So code
  	being used by the CMS text editor should NOT be put here
  */
  /* We're using an inner-outer file structure here so that the umbraco text
  	editor in the CMS can use a different scss file which imports the inner
  	file but not the outer file. This file will be used by the site as well
  	as the CMS, richtext.scss will only be used by the site, not the cms
  */
  /* TODO: Add blockquote styling */ }
  .rich-text > *:last-child {
    margin-bottom: 0; }
  .rich-text#tinymce {
    padding-top: 10px; }
  .rich-text .left-float {
    margin: 0 10px 10px 0; }
  .rich-text .right-float {
    margin: 0 0 10px 10px; }
  .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6, .rich-text p, .rich-text li {
    color: #31312e; }
  .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text p {
    line-height: normal;
    /* Styling for pink underline */ }
    .rich-text h1 u,
    .rich-text h1 span.underline, .rich-text h2 u,
    .rich-text h2 span.underline, .rich-text h3 u,
    .rich-text h3 span.underline, .rich-text h4 u,
    .rich-text h4 span.underline, .rich-text h5 u,
    .rich-text h5 span.underline, .rich-text p u,
    .rich-text p span.underline {
      text-decoration: none;
      margin-top: 3px;
      border-bottom: 4px solid #e5007e; }
  .rich-text h1 {
    font-size: 54px;
    font-size: 3.375rem; }
  .rich-text h2 {
    font-size: 36px;
    font-size: 2.25rem; }
    .rich-text h2 br {
      display: none; }
  .rich-text h3 {
    font-size: 28px;
    font-size: 1.75rem; }
  .rich-text h4 {
    font-size: 22px;
    font-size: 1.375rem; }
  .rich-text h5 {
    font-size: 18px;
    font-size: 1.125rem; }
  .rich-text h6 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 5px;
    font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; }
  .rich-text .pink {
    color: #e5007e; }
  .rich-text p {
    margin-bottom: 25px; }
    .rich-text p.large {
      font-size: 20px;
      font-size: 1.25rem; }
  .rich-text p, .rich-text li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px; }
    .rich-text p a, .rich-text li a {
      text-decoration: underline;
      color: #05386c; }
      .rich-text p a:hover, .rich-text li a:hover {
        text-decoration: none; }
  .rich-text .video-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 51%;
    margin: 30px 0; }
    .rich-text .video-wrap > iframe {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100% !important; }
  .rich-text iframe {
    width: 100% !important; }
  .rich-text .scrolloff {
    pointer-events: none; }
  .rich-text .image-wrap {
    position: relative; }
  .rich-text figure {
    margin: 50px 0; }
    .rich-text figure img {
      margin: 0; }
    .rich-text figure figcaption {
      position: absolute;
      display: inline-block;
      bottom: 0;
      right: 0;
      padding: 15px 45px 15px 20px;
      background-color: #fff;
      font-style: italic;
      color: #31312e;
      font-size: 16px;
      font-size: 1rem;
      line-height: 20px;
      -webkit-boz-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .rich-text figure figcaption p {
        margin: 0;
        font-size: inherit;
        line-height: inherit; }
      @media only screen and (max-width: 568px) {
        .rich-text figure figcaption {
          position: relative;
          width: 100%; } }
  .rich-text img {
    margin-bottom: 1rem; }
  .rich-text table {
    width: 100%;
    display: block;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto;
    border-collapse: collapse;
    margin: 30px 0; }
    .rich-text table th, .rich-text table td {
      padding: 14px 25px;
      line-height: normal; }
    .rich-text table td {
      font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
      font-size: 18px;
      font-size: 1.125rem; }
    .rich-text table thead th {
      text-align: left;
      background-color: #05386c;
      font-size: 22px;
      font-size: 1.375rem;
      color: #fff;
      font-family: "Rama Gothic E W01 Regular";
      font-weight: normal; }
    .rich-text table tbody td {
      background-color: #fff;
      border-bottom: 2px solid #f7f6f1; }
  .rich-text ul, .rich-text ol {
    list-style: none;
    padding-left: 0; }
    .rich-text ul li, .rich-text ol li {
      padding-bottom: 5px;
      padding-left: 20px;
      position: relative; }
  .rich-text ul li:before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    left: 2px;
    top: 9px;
    background-color: #e5007e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%; }
  .rich-text ol {
    counter-reset: list; }
    .rich-text ol li {
      counter-increment: list;
      padding-left: 20px; }
      .rich-text ol li:before {
        content: counter(list) ".";
        position: absolute;
        left: 0;
        color: #e5007e;
        font-weight: bold; }
    .rich-text ol.faqs li {
      padding-left: 35px;
      padding-bottom: 30px; }
      .rich-text ol.faqs li strong {
        color: #05386c; }
      .rich-text ol.faqs li > *:last-child {
        margin-bottom: 0; }
  .rich-text hr {
    margin: 30px 0 !important;
    /* override last-child style */
    border: none;
    border-bottom: 2px dotted #af976d; }
  .rich-text:not(.tweet) blockquote {
    position: relative;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    font-style: italic;
    padding-left: 20px;
    margin: 0 0 30px 0;
    border-left: 3px solid #e5007e; }

/*** Hero Banner Styles ***/
.hero-area {
  min-height: 750px;
  height: 85vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(5, 56, 108, 0.75);
  /* Standard variation */
  /* Error Variation */ }
  .hero-area.no-image {
    background: linear-gradient(60deg, #e5007e, #0539dd, #05386c, #e5007e);
    background-size: 800% 800%;
    -webkit-animation: AnimationName 49s linear infinite;
    -moz-animation: AnimationName 49s linear infinite;
    -ms-animation: AnimationName 49s linear infinite;
    -o-animation: AnimationName 49s linear infinite;
    -animation: AnimationName 49s linear infinite; }
  .hero-area .row {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    html.no-flexbox .hero-area .row {
      display: block; }
    html.no-flexbox .hero-area .row [class^=span] {
      display: table-cell;
      vertical-align: middle;
      float: none;
      padding: 0 1.25%; }
      html.no-flexbox .hero-area .row [class^=span] img {
        width: 100%; }
    .hero-area .row .wrapper {
      width: 100%; }
    .hero-area .row .hero-content {
      padding-top: 70px; }
      .hero-area .row .hero-content h1, .hero-area .row .hero-content p {
        color: #fff; }
      .hero-area .row .hero-content h1 {
        font-size: 81px;
        font-size: 5.0625rem;
        line-height: 81px;
        margin-bottom: 15px;
        word-break: break-word; }
      .hero-area .row .hero-content p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 26px;
        margin: 0; }
      .hero-area .row .hero-content [class*=button] {
        margin-top: 25px; }
  .hero-area.standard {
    min-height: 485px;
    height: 60vh; }
    .hero-area.standard .row .hero-content {
      padding-top: 0; }
      .hero-area.standard .row .hero-content h1 {
        font-size: 54px;
        font-size: 3.375rem;
        line-height: 54px; }
  .hero-area.error .row .hero-content {
    padding-top: 100px; }
    .hero-area.error .row .hero-content h1 {
      text-transform: uppercase; }
    .hero-area.error .row .hero-content p {
      margin-bottom: 20px; }
      .hero-area.error .row .hero-content p a {
        color: inherit;
        text-decoration: underline; }
        .hero-area.error .row .hero-content p a:hover {
          text-decoration: none; }
    .hero-area.error .row .hero-content [class*=button] {
      margin-top: 10px; }

/* Article date */
.article-updated {
  position: relative;
  padding-right: 9px;
  margin-right: 4px; }
  .article-updated:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    height: calc(100% - 7px);
    width: 1px;
    background-color: #fff; }

@media only screen and (min-width: 569px) {
  .hero-area.error {
    min-height: 500; }
    .hero-area.error .row .hero-content h1 {
      font-size: 81px;
      font-size: 5.0625rem;
      line-height: 81px; } }
/* Small Desktop styles */
@media only screen and (max-width: 980px) {
  .hero-area .row .hero-content h1 {
    font-size: 61px;
    font-size: 3.8125rem;
    line-height: 61px; } }
/* Tablet only styles */
@media only screen and (min-width: 569px) and (max-width: 820px) {
  .hero-area {
    height: 45vh;
    /* height required for 100% height on row */ }
    .hero-area .breadcrumbs {
      padding-top: 0; }
    .hero-area .row .hero-content {
      padding-top: 120px;
      padding-bottom: 0;
      width: 55.8333333333%; }
      .hero-area .row .hero-content > *:last-child {
        margin-bottom: 0; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .hero-area {
    min-height: 500px;
    height: 90vh;
    padding-left: 20px;
    padding-right: 20px; }
    .hero-area.standard {
      height: auto;
      min-height: 320px; }
    .hero-area.standard .row,
    .hero-area .row {
      padding-bottom: 30px; }
      .hero-area.standard .row .hero-content h1,
      .hero-area .row .hero-content h1 {
        font-size: 51px;
        font-size: 3.1875rem;
        line-height: 45px; } }
/* Hero Area gradient animation */
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 18%; }
  50% {
    background-position: 100% 83%; }
  100% {
    background-position: 0% 18%; } }
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 18%; }
  50% {
    background-position: 100% 83%; }
  100% {
    background-position: 0% 18%; } }
@keyframes AnimationName {
  0% {
    background-position: 0% 18%; }
  50% {
    background-position: 100% 83%; }
  100% {
    background-position: 0% 18%; } }
/*** Global and page-specific form style ***/
.form-pod {
  margin-bottom: 50px;
  padding: 50px 35px 65px 35px;
  background-color: #05386c; }
  @media only screen and (max-width: 568px) {
    .form-pod {
      padding: 35px 35px 20px 35px; } }

.standard-form {
  /* Umbraco forms style override */
  /* default for loading in styled select */
  /* overwrite importants on non-specific iframe styling to solve bug on captcha */ }
  .standard-form .row-fluid,
  .standard-form .row {
    max-width: 1200px;
    margin: 0 auto; }
    .standard-form .row-fluid [class*="span"]:first-child,
    .standard-form .row [class*="span"]:first-child {
      margin-left: 1.25%; }
  .standard-form [class^=span] {
    margin-bottom: 15px; }
  .standard-form h1, .standard-form h2, .standard-form h3, .standard-form h4, .standard-form h5, .standard-form p, .standard-form .help-block {
    color: #fff; }
  .standard-form legend {
    color: #3ad0f9;
    font-family: "Rama Gothic E W01 Regular";
    font-size: 28px;
    font-size: 1.75rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #1d687d; }
  .standard-form label,
  .standard-form input,
  .standard-form select {
    font-size: 16px;
    line-height: 20px; }
  .standard-form input, .standard-form .select-wrapper, .standard-form .selectric-wrapper {
    margin-bottom: 25px; }
  .standard-form label {
    position: relative;
    color: #fff;
    font-weight: bold;
    padding-right: 80px; }
    .standard-form label .required {
      font-size: 12px;
      position: absolute;
      right: 0;
      bottom: -3px; }
      .standard-form label .required i {
        display: inline-block;
        margin-bottom: 0;
        font-style: normal;
        font-size: 14px;
        line-height: inherit;
        top: 3px;
        position: relative; }
  .standard-form .input-wrap {
    position: relative; }
    .standard-form .input-wrap input {
      padding-left: 38px; }
    .standard-form .input-wrap:before {
      position: absolute;
      width: 17px;
      height: 17px;
      font-family: "FontAwesome";
      font-size: 16px;
      line-height: 16px;
      color: rgba(5, 56, 108, 0.75);
      left: 15px;
      top: 14px;
      z-index: 1; }
    .standard-form .input-wrap.name:before {
      content: '\f2bd'; }
    .standard-form .input-wrap.address:before {
      content: '\f2ba'; }
    .standard-form .input-wrap.email:before {
      content: '\f003'; }
  .standard-form input {
    border: none;
    padding: 12px 15px;
    border-left: 3px solid #e5007e;
    color: #05386c; }
    .standard-form input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.7); }
    .standard-form input:-moz-placeholder {
      /* Firefox 18- */
      color: rgba(0, 0, 0, 0.7);
      opacity: 1; }
    .standard-form input::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(0, 0, 0, 0.7);
      opacity: 1; }
    .standard-form input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.7); }
    .standard-form input::-webkit-input-placeholder {
      font-style: italic; }
    .standard-form input:-moz-placeholder {
      /* Firefox 18- */
      font-style: italic; }
    .standard-form input::-moz-placeholder {
      /* Firefox 19+ */
      font-style: italic; }
    .standard-form input:-ms-input-placeholder {
      font-style: italic; }
    .standard-form input.valid {
      background-image: url(../images/icons/Input_Valid.html);
      background-repeat: no-repeat;
      background-size: 14px auto;
      background-position: right 15px center; }
  .standard-form input.input-validation-error,
  .standard-form select.input-validation-error {
    border: 3px solid #ffb164;
    padding: 9px 38px 9px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-image: url(../images/icons/Input_Invalid.html);
    background-repeat: no-repeat;
    background-size: 5px auto;
    background-position: right 17px center; }
  .standard-form select[multiple] {
    max-height: 44px;
    overflow: hidden; }
    html.no-js .standard-form select[multiple] {
      overflow: auto; }
      html.no-js .standard-form select[multiple] + .select-arrow {
        display: none; }
  .standard-form .field-validation-error {
    color: #db3a3a;
    display: block;
    position: relative;
    top: -20px; }
  .standard-form .recaptcha .field-validation-error {
    top: 0;
    margin-bottom: 15px; }
  .standard-form .richtext {
    margin-top: 25px; }
    .standard-form .richtext div > *:last-child {
      margin-bottom: 0; }
    .standard-form .richtext p {
      margin-bottom: 15px; }
    .standard-form .richtext p, .standard-form .richtext ul li {
      font-size: 15px;
      line-height: 20px;
      color: #fff; }
      .standard-form .richtext p a, .standard-form .richtext ul li a {
        color: inherit; }
    @media only screen and (max-width: 568px) {
      .standard-form .richtext {
        margin-bottom: 25px; } }
  .standard-form .select-wrapper, .standard-form .selectric-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff; }
    .standard-form .select-wrapper .btn-group,
    .standard-form .select-wrapper select, .standard-form .selectric-wrapper .btn-group,
    .standard-form .selectric-wrapper select {
      -moz-appearance: none;
      -webkit-appearance: none;
      background-color: #fff;
      color: #31312e;
      font-weight: bold;
      padding: 11px 38px 12px 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25); }
      .standard-form .select-wrapper .btn-group.input-validation-error,
      .standard-form .select-wrapper select.input-validation-error, .standard-form .selectric-wrapper .btn-group.input-validation-error,
      .standard-form .selectric-wrapper select.input-validation-error {
        padding-top: 8px;
        padding-bottom: 9px; }
      @media only screen and (max-width: 568px) {
        .standard-form .select-wrapper .btn-group,
        .standard-form .select-wrapper select, .standard-form .selectric-wrapper .btn-group,
        .standard-form .selectric-wrapper select {
          margin-bottom: 0; } }
    .standard-form .select-wrapper .btn-group, .standard-form .selectric-wrapper .btn-group {
      width: 100%;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 5px; }
      .standard-form .select-wrapper .btn-group button, .standard-form .selectric-wrapper .btn-group button {
        background-color: transparent; }
      .standard-form .select-wrapper .btn-group .dropdown-toggle, .standard-form .selectric-wrapper .btn-group .dropdown-toggle {
        overflow: hidden;
        text-align: left;
        padding: 11px 38px 11px 0;
        margin: 0 0 2px 0;
        font-size: 16px;
        color: #31312e;
        border: none;
        height: 42px;
        width: 100%; }
        .standard-form .select-wrapper .btn-group .dropdown-toggle:hover, .standard-form .select-wrapper .btn-group .dropdown-toggle:active, .standard-form .selectric-wrapper .btn-group .dropdown-toggle:hover, .standard-form .selectric-wrapper .btn-group .dropdown-toggle:active {
          background-color: transparent;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          -ms-box-shadow: none;
          box-shadow: none; }
        .standard-form .select-wrapper .btn-group .dropdown-toggle .caret, .standard-form .selectric-wrapper .btn-group .dropdown-toggle .caret {
          display: none; }
      .standard-form .select-wrapper .btn-group.open, .standard-form .selectric-wrapper .btn-group.open {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
        .standard-form .select-wrapper .btn-group.open .dropdown-toggle, .standard-form .selectric-wrapper .btn-group.open .dropdown-toggle {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          -ms-box-shadow: none;
          box-shadow: none;
          background-color: transparent; }
      .standard-form .select-wrapper .btn-group .dropdown-menu, .standard-form .selectric-wrapper .btn-group .dropdown-menu {
        width: 100%;
        background-color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        padding-top: 5px;
        padding-bottom: 5px; }
        .standard-form .select-wrapper .btn-group .dropdown-menu li.active > a,
        .standard-form .select-wrapper .btn-group .dropdown-menu a:hover, .standard-form .selectric-wrapper .btn-group .dropdown-menu li.active > a,
        .standard-form .selectric-wrapper .btn-group .dropdown-menu a:hover {
          background-color: transparent; }
        .standard-form .select-wrapper .btn-group .dropdown-menu label, .standard-form .selectric-wrapper .btn-group .dropdown-menu label {
          color: #31312e;
          padding-top: 5px;
          padding-bottom: 5px;
          padding-left: 30px; }
          .standard-form .select-wrapper .btn-group .dropdown-menu label:before, .standard-form .selectric-wrapper .btn-group .dropdown-menu label:before {
            content: '';
            position: absolute;
            top: 8px;
            left: 10px;
            font-family: "FontAwesome";
            width: 14px;
            height: 14px;
            background-color: #fff;
            border: 1px solid #aaa;
            color: #fff;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            font-size: 11px;
            line-height: 14px;
            text-align: center; }
        .standard-form .select-wrapper .btn-group .dropdown-menu li.active label:before, .standard-form .selectric-wrapper .btn-group .dropdown-menu li.active label:before {
          content: '\f00c';
          background-color: #e5007e;
          border-color: transparent; }
    .standard-form .select-wrapper .select-arrow, .standard-form .selectric-wrapper .select-arrow {
      position: absolute;
      right: 3px;
      top: 3px;
      height: 36px;
      width: 38px;
      background-color: #fff;
      z-index: 2;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .standard-form .select-wrapper .select-arrow:before, .standard-form .selectric-wrapper .select-arrow:before {
        content: '';
        color: #05386c;
        font-size: 16px;
        line-height: 33px;
        position: relative;
        top: 2px; }
    .standard-form .select-wrapper .selectric .button, .standard-form .selectric-wrapper .selectric .button {
      position: absolute;
      right: 3px;
      top: 1px;
      height: 36px;
      width: 38px;
      z-index: 2;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .standard-form .select-wrapper .selectric .button:before, .standard-form .selectric-wrapper .selectric .button:before {
        color: #05386c;
        font-size: 16px;
        line-height: 33px;
        position: relative;
        top: 2px; }
  .standard-form textarea {
    height: 325px;
    padding: 22px 20px;
    border-left: 3px solid #e5007e;
    color: #05386c;
    margin-bottom: 25px; }
  .standard-form button[type=submit] {
    float: right; }
  .standard-form .button:not(b) {
    background: -moz-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #0539dd 100%);
    background: -webkit-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #0539dd 100%);
    background: linear-gradient(to 30deg, #e5007e 0%, #e5007e 30%, #0539dd 100%);
    background: -ms-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #0539dd 100%); }
  .standard-form .g-recaptcha {
    overflow: hidden; }
    .standard-form .g-recaptcha iframe {
      display: inline-block;
      position: initial;
      width: auto !important;
      height: initial !important;
      left: auto;
      top: auto; }

.rich-text .contourMessageOnSubmit,
.contourMessageOnSubmit {
  font-size: 24px;
  font-size: 1.5rem;
  color: #05386c;
  padding: 50px 0; }

/* .umb-editor-placeholder added for Umbraco Grid styles */
.rich-text .form-pod,
.umb-editor-placeholder .form-pod {
  padding-top: 30px;
  padding-bottom: 45px; }
  @media only screen and (max-width: 568px) {
    .rich-text .form-pod,
    .umb-editor-placeholder .form-pod {
      padding-bottom: 0; } }
.rich-text .standard-form,
.umb-editor-placeholder .standard-form {
  margin-left: -1.25%;
  margin-right: -1.25%; }
  @media only screen and (min-width: 821px) {
    .rich-text .standard-form [class^=span],
    .umb-editor-placeholder .standard-form [class^=span] {
      padding: 0; } }

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

label {
  display: block;
  margin-bottom: 5px; }
  label.hidden {
    visibility: hidden;
    height: 0 !important;
    width: 0 !important;
    font-size: 0 !important;
    margin: 0 !important; }

button,
textarea {
  border: none; }

input {
  display: block;
  width: 100%;
  padding: 8px; }
  input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0); }
  input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0);
    opacity: 1; }
  input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0);
    opacity: 1; }
  input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0); }
  input:focus {
    outline: 0; }
  input[type=radio], input[type=checkbox] {
    height: auto; }
  input[type=submit] {
    width: auto;
    border: none; }
  input[type=search] {
    -webkit-boz-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  input[type=text], input[type=search] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }

@media only screen and (max-width: 568px) {
  input,
  textarea,
  select,
  button,
  .radio-wrapper,
  .checkbox-wrapper {
    margin-bottom: 15px; } }

textarea {
  width: 100%; }

.select-wrapper,
select, .selectric-wrapper {
  width: 100%; }

select {
  padding: 8px;
  cursor: pointer;
  font-size: 16px;
  color: #31312e; }

.select-wrapper, .selectric-wrapper {
  position: relative; }
  .select-wrapper label.hidden, .selectric-wrapper label.hidden {
    visibility: hidden;
    height: 0;
    margin: 0; }
  .select-wrapper select, .selectric-wrapper select {
    border: none;
    font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    background-color: transparent; }
  .select-wrapper .select-arrow, .select-wrapper .button, .selectric-wrapper .select-arrow, .selectric-wrapper .button {
    bottom: auto;
    top: 0;
    width: 30px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    pointer-events: none; }
    .select-wrapper .select-arrow:before, .select-wrapper .button:before, .selectric-wrapper .select-arrow:before, .selectric-wrapper .button:before {
      content: '\f078';
      color: #e5007e;
      font-size: 14px;
      font-family: "FontAwesome"; }

input[type=radio],
input[type=checkbox] {
  position: absolute;
  left: -9999px; }

.radio-wrapper,
.checkbox-wrapper,
.contourField.checkbox,
.umbraco-forms-field.checkbox {
  margin-top: 10px;
  display: inline-block;
  max-width: 50%;
  vertical-align: top; }
  @media only screen and (max-width: 1024px) {
    .radio-wrapper,
    .checkbox-wrapper,
    .contourField.checkbox,
    .umbraco-forms-field.checkbox {
      max-width: none;
      width: 100%;
      margin-bottom: 10px; }
      .radio-wrapper label,
      .checkbox-wrapper label,
      .contourField.checkbox label,
      .umbraco-forms-field.checkbox label {
        padding-right: 15px; } }
  .radio-wrapper label,
  .checkbox-wrapper label,
  .contourField.checkbox label,
  .umbraco-forms-field.checkbox label {
    position: relative;
    padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 10px;
    cursor: pointer; }
    .radio-wrapper label:before,
    .checkbox-wrapper label:before,
    .contourField.checkbox label:before,
    .umbraco-forms-field.checkbox label:before {
      content: '';
      position: absolute;
      width: 18px;
      height: 18px;
      top: 1px;
      left: 0;
      background-color: #fff; }
  .radio-wrapper.inline label,
  .checkbox-wrapper.inline label,
  .contourField.checkbox.inline label,
  .umbraco-forms-field.checkbox.inline label {
    display: inline-block;
    margin-right: 30px; }
  .radio-wrapper + .field-validation-error,
  .checkbox-wrapper + .field-validation-error,
  .contourField.checkbox + .field-validation-error,
  .umbraco-forms-field.checkbox + .field-validation-error {
    top: -5px; }

.radio-wrapper label:before {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #fff; }
.radio-wrapper input[type=radio]:checked + label:before,
.radio-wrapper input[type=radio]:checked + input + label:before {
  background-color: #e5007e; }

.span12 .checkbox-wrapper {
  max-width: 100%; }

.checkbox-wrapper label:before,
.contourField.checkbox label:before,
.umbraco-forms-field.checkbox label:before {
  content: '';
  color: #05386c;
  font-family: "FontAwesome";
  background-color: #fff;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  line-height: 18px;
  text-align: center; }
.checkbox-wrapper input[type=checkbox]:checked + label:before,
.checkbox-wrapper input[type=checkbox]:checked + input + label:before,
.checkbox-wrapper label.checked:before,
.contourField.checkbox input[type=checkbox]:checked + label:before,
.contourField.checkbox input[type=checkbox]:checked + input + label:before,
.contourField.checkbox label.checked:before,
.umbraco-forms-field.checkbox input[type=checkbox]:checked + label:before,
.umbraco-forms-field.checkbox input[type=checkbox]:checked + input + label:before,
.umbraco-forms-field.checkbox label.checked:before {
  content: '\f00c';
  background-color: #e5007e; }
html.no-flexboxlegacy .checkbox-wrapper label:before,
html.no-flexboxlegacy .contourField.checkbox label:before,
html.no-flexboxlegacy .umbraco-forms-field.checkbox label:before {
  top: 11px; }

.search-area {
  position: relative;
  z-index: 20; }
  .search-area.cancel-transitions {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }

.search-icon {
  background-color: transparent;
  background-image: url(../images/icons/Search_Icon.html);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 40px auto;
  height: 40px;
  width: 40px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  float: right; }
  .search-icon.active {
    background-image: none; }
    .search-icon.active:before {
      content: '';
      width: 40px;
      height: 40px;
      top: 0;
      left: 0;
      position: absolute;
      background-image: url(../images/icons/Close_Icon.html);
      background-size: 34px;
      background-position: center;
      background-repeat: no-repeat; }
  @media only screen and (max-width: 820px) {
    .search-icon {
      display: none; } }

.large-search-form {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  padding-top: 60px; }
  @media only screen and (min-width: 821px) {
    .large-search-form {
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0);
      background-color: rgba(5, 56, 108, 0.55);
      -webkit-transition: all 0.3s ease 0.3s;
      -moz-transition: all 0.3s ease 0.3s;
      -ms-transition: all 0.3s ease 0.3s;
      -o-transition: all 0.3s ease 0.3s;
      transition: all 0.3s ease 0.3s; }
      #site-header.fixed .large-search-form {
        padding-top: 10px; } }
  @media only screen and (max-width: 820px) {
    .large-search-form {
      display: none; } }
  html.no-flexbox .large-search-form {
    display: block;
    padding-top: 40vh; }
    html.no-flexbox .large-search-form fieldset {
      display: block;
      margin: 0 auto; }
  .large-search-form fieldset {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 670px;
    margin: 0 auto;
    border: none;
    padding: 0 0 5px 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .large-search-form fieldset .input-wrap {
      position: relative;
      right: -moz-calc(-100% + 3px);
      right: -webkit-calc(-100% + 3px);
      right: -o-calc(-100% + 3px);
      right: calc(-100% + 3px);
      -webkit-transition: right 0.3s ease 1s;
      -moz-transition: right 0.3s ease 1s;
      -ms-transition: right 0.3s ease 1s;
      -o-transition: right 0.3s ease 1s;
      transition: right 0.3s ease 1s; }
      .large-search-form fieldset .input-wrap:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0; }
    .large-search-form fieldset input[type=search],
    .large-search-form fieldset input[type=text] {
      position: relative;
      background-color: #fff;
      border: none;
      border-left: 3px solid #e5007e;
      color: #05386c;
      float: left;
      height: auto;
      padding: 12px 20px 12px 42px;
      font-size: 16px;
      line-height: 20px; }
      .large-search-form fieldset input[type=search]::-webkit-input-placeholder,
      .large-search-form fieldset input[type=text]::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.7); }
      .large-search-form fieldset input[type=search]:-moz-placeholder,
      .large-search-form fieldset input[type=text]:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(0, 0, 0, 0.7);
        opacity: 1; }
      .large-search-form fieldset input[type=search]::-moz-placeholder,
      .large-search-form fieldset input[type=text]::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(0, 0, 0, 0.7);
        opacity: 1; }
      .large-search-form fieldset input[type=search]:-ms-input-placeholder,
      .large-search-form fieldset input[type=text]:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7); }
    .large-search-form fieldset input[type=submit] {
      position: absolute;
      top: 7px;
      left: 8px;
      padding: 0;
      margin: 0;
      background-color: transparent;
      background-image: url(../images/icons/Search_Icon_Navy.html);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 16px auto;
      width: 30px;
      height: 30px;
      text-indent: -2000px; }
  .large-search-form.active {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .large-search-form.active fieldset {
      opacity: 1;
      -webkit-transition: opacity 0.3s ease 0.2s;
      -moz-transition: opacity 0.3s ease 0.2s;
      -ms-transition: opacity 0.3s ease 0.2s;
      -o-transition: opacity 0.3s ease 0.2s;
      transition: opacity 0.3s ease 0.2s; }
      .large-search-form.active fieldset .input-wrap {
        right: 0;
        -webkit-transition: right 0.3s ease 0.5s;
        -moz-transition: right 0.3s ease 0.5s;
        -ms-transition: right 0.3s ease 0.5s;
        -o-transition: right 0.3s ease 0.5s;
        transition: right 0.3s ease 0.5s; }

/* Site Search form mobile styles */
@media only screen and (max-width: 820px) {
  .mobile .large-search-form {
    position: relative;
    height: auto;
    width: 100%;
    top: auto;
    right: auto;
    padding: 0 20px;
    display: block;
    z-index: 1;
    left: 0;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease; }
    .mobile .large-search-form.hide-element {
      left: -100%; }
    .mobile .large-search-form .search-icon {
      display: none; }
    .mobile .large-search-form fieldset {
      opacity: 1;
      overflow: visible;
      max-width: none; }
      .mobile .large-search-form fieldset .input-wrap {
        right: auto; }
      .mobile .large-search-form fieldset input[type=text],
      .mobile .large-search-form fieldset input[type=search] {
        margin-bottom: 0; }
      .mobile .large-search-form fieldset input[type=submit] {
        top: 7px; } }
.autocomplete-suggestions {
  position: relative !important;
  /* override js */
  background-color: #f7f6f1;
  padding: 0;
  width: 100% !important;
  /* override js */ }
  .autocomplete-suggestions span {
    color: rgba(5, 56, 108, 0.75);
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 10px; }
  .autocomplete-suggestions .autocomplete-suggestion {
    display: block;
    cursor: pointer;
    color: #05386c;
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 20px 15px 45px;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }
    .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
      background-color: #deddd9; }

@media only screen and (max-width: 820px) {
  .mobile .autocomplete-suggestions {
    position: absolute !important;
    /* override js */
    width: 100%; } }
.no-results {
  margin-bottom: 50px; }

.rich-text > *:last-child.no-results {
  margin-bottom: 50px; }

.standard-form.filter {
  padding: 15px 30px;
  margin-bottom: 30px;
  background-color: #05386c; }
  .standard-form.filter fieldset {
    width: 100%; }
    .standard-form.filter fieldset .flex {
      font-size: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      html.no-flexbox .standard-form.filter fieldset .flex {
        display: block; }
      html.no-flexbox .standard-form.filter fieldset .flex [class^=span] {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 0 1.25%; }
        html.no-flexbox .standard-form.filter fieldset .flex [class^=span] img {
          width: 100%; }
      .standard-form.filter fieldset .flex > * {
        display: inline-block;
        vertical-align: middle;
        margin-left: 30px; }
        .standard-form.filter fieldset .flex > *:first-child {
          margin-left: 0; }
  .standard-form.filter .title {
    color: #fff;
    font-family: "Rama Gothic E W01 Regular";
    font-size: 22px;
    line-height: normal; }
  .standard-form.filter input,
  .standard-form.filter select {
    margin-bottom: 0; }
  .standard-form.filter .select-wrapper, .standard-form.filter .selectric-wrapper {
    width: 20%;
    margin-bottom: 0; }
  .standard-form.filter .input-wrap {
    width: 40%; }
    .standard-form.filter .input-wrap input {
      padding: 12px 15px; }
  .standard-form.filter .button {
    background: -moz-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #0539dd 100%);
    background: -webkit-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #0539dd 100%);
    background: linear-gradient(to 30deg, #e5007e 0%, #e5007e 30%, #0539dd 100%);
    background: -ms-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #0539dd 100%);
    padding: 15px 90px 15px 15px;
    float: none;
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25); }
    .standard-form.filter .button:before {
      -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25); }

/* Search filter: short course listing. */
.short-course-listing .standard-form.filter .title {
  min-width: 210px; }

/* iPad landscape */
@media (min-width: 981px) and (max-width: 1024px) {
  .standard-form.filter .input-wrap {
    width: 30%; } }
/* Small desktop styles */
@media only screen and (max-width: 980px) {
  .standard-form.filter fieldset .flex {
    display: block; }
    .standard-form.filter fieldset .flex .title {
      width: 100%;
      margin-bottom: 15px;
      text-align: left; }
    .standard-form.filter fieldset .flex .select-wrapper, .standard-form.filter fieldset .flex .selectric-wrapper, .standard-form.filter fieldset .flex .input-wrap {
      width: 35%;
      margin-left: 0; }
    .standard-form.filter fieldset .flex .input-wrap {
      margin-left: 15px; }
    .standard-form.filter fieldset .flex .button {
      float: right; } }
/* Tablet styles */
@media only screen and (max-width: 820px) {
  .standard-form.filter {
    padding: 30px; }
    .standard-form.filter fieldset .flex .title, .standard-form.filter fieldset .flex .select-wrapper, .standard-form.filter fieldset .flex .selectric-wrapper .input-wrap {
      width: 100%; }
    .standard-form.filter fieldset .flex .select-wrapper, .standard-form.filter fieldset .flex .selectric-wrapper .input-wrap {
      margin-bottom: 15px; }
    .standard-form.filter fieldset .flex .input-wrap {
      margin-left: 0; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .standard-form.filter {
    padding: 15px; }
    .standard-form.filter fieldset .flex .button {
      margin-bottom: 0; } }
/* Standard form filter: search-results */
.standard-form.filter.search-results fieldset {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto; }
  .standard-form.filter.search-results fieldset .title {
    width: auto; }

/* Small desktop styles */
@media (min-width: 821px) and (max-width: 980px) {
  .standard-form.filter.search-results fieldset .title {
    max-width: 250px;
    margin-bottom: 0; } }
/* Wufoo iframe */
iframe {
  width: 100%;
  border: none; }

.selectric {
  padding: 2px; }

.selectric .label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold; }

.selectric-items li {
  font-size: 16px;
  font-size: 1rem;
  padding: 0;
  color: #000;
  padding: 4px 10px; }

/*** GENERAL Content Styles ***/
section,
#site-header,
#site-footer {
  position: relative; }

@media only screen and (max-width: 1200px) {
  #site-header,
  #site-footer {
    padding-left: 20px;
    padding-right: 20px; } }
@media only screen and (max-width: 568px) {
  #site-header,
  #site-footer {
    padding-left: 15px;
    padding-right: 15px; } }

.content {
  padding-top: 50px;
  padding-bottom: 50px; }
  .content + section.content {
    padding-top: 0; }
  .content > .content {
    padding-bottom: 0; }
  .content > .row + section {
    margin-top: 50px; }
  @media only screen and (max-width: 1200px) {
    .content {
      padding-top: 30px;
      padding-bottom: 30px; }
      .content > .row {
        padding-left: 15px;
        padding-right: 15px; }
        .content > .row [class*=offset] {
          width: 97.5%;
          margin-left: 1.25%; } }
  @media only screen and (max-width: 820px) {
    .content > .row {
      padding-left: 20px;
      padding-right: 20px; } }

/*** EQUALISE area ***/
.equalise .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  html.no-flexbox .equalise .row {
    display: block; }
  html.no-flexbox .equalise .row [class^=span] {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0 1.25%; }
    html.no-flexbox .equalise .row [class^=span] img {
      width: 100%; }
  .equalise .row .button {
    position: absolute;
    bottom: 0; }
  .equalise .row [class^=span] {
    padding-bottom: 45px; }
    html.no-flexbox .equalise .row [class^=span] {
      padding-bottom: 45px; }

/* share buttons on news article pages from addthis (overwrite hack for margin top being hard to target) */
.addthis_toolbox.addthis_toolbox.addthis_default_style {
  /* styling for at bottom of article */ }
  .tags .addthis_toolbox.addthis_toolbox.addthis_default_style {
    display: inline-block; }
    @media only screen and (max-width: 568px) {
      .tags .addthis_toolbox.addthis_toolbox.addthis_default_style {
        margin-left: -1px; } }
    .tags .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button] {
      color: black;
      margin-top: 4px; }
      @media only screen and (max-width: 568px) {
        .tags .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button] {
          margin-top: 4px; } }
  .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button] {
    font-family: "FontAwesome";
    font-size: 24px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin-left: 5px;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 22px;
    margin-bottom: 0; }
    @media only screen and (max-width: 568px) {
      .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button] {
        margin-top: 18px; } }
    .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button]:first-child {
      margin-left: 0; }
    .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button] span {
      display: none; }
    .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button].addthis_button_twitter:before {
      content: "\f081"; }
    .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button].addthis_button_linkedin:before {
      content: "\f08c"; }
    .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button].addthis_button_facebook:before {
      content: "\f082"; }
    .addthis_toolbox.addthis_toolbox.addthis_default_style [class*=button].addthis_button_google:before {
      content: "\f0d4"; }

.content-video {
  position: relative; }
  .content-video iframe {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1; }
  .content-video:after {
    content: '';
    display: block;
    padding-bottom: 56.25%; }
  @media only screen and (max-width: 568px) {
    .content-video {
      margin: 0 15px; } }

/*** SLIDER / CAROUSEL Styles ***/
.slider {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .slider.slick-initialized {
    opacity: 1; }
  .slider .slide:focus {
    outline: 0; }
  .slider .slide .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    html.no-flexbox .slider .slide .row {
      display: block; }
    html.no-flexbox .slider .slide .row [class^=span] {
      display: table-cell;
      vertical-align: middle;
      float: none;
      padding: 0 1.25%; }
      html.no-flexbox .slider .slide .row [class^=span] img {
        width: 100%; }

/* Arrows */
/* Left / Right arrows */
.arrows {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  width: 100%; }
  @media only screen and (max-width: 1200px) {
    .arrows {
      padding-left: 20px;
      padding-right: 20px; } }
  .arrows .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer; }
    .arrows .arrow:before {
      content: '\ea48';
      position: absolute;
      left: 0;
      top: 0;
      font-family: IcoMoon;
      font-size: 30px;
      font-size: 1.875rem;
      color: #fff; }
    .arrows .arrow.prev {
      left: 0; }
    .arrows .arrow.next {
      right: 0; }
      .arrows .arrow.next:before {
        content: '\ea46'; }

/* DOTS Paging */
.slick-dots {
  position: absolute;
  bottom: 45px;
  width: 100%;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 10px;
      height: 10px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: none;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%;
      outline: none;
      background-color: rgba(255, 255, 255, 0.5); }
    .slick-dots li.slick-active button {
      background-color: #fff; }

.featured-pages {
  margin-top: -35px; }
  .featured-pages .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    html.no-flexbox .featured-pages .row {
      display: block; }
  @media only screen and (min-width: 569px) {
    .featured-pages {
      margin-bottom: 50px; } }

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

.item {
  background-color: #fff; }
  .item img {
    width: 100%;
    height: auto; }
  .item .item-content {
    position: relative;
    padding: 40px 30px 60px 30px; }
    .item .item-content h2, .item .item-content h3, .item .item-content .title, .item .item-content p {
      color: #31312e; }
    .item .item-content h2, .item .item-content h3, .item .item-content .title {
      font-family: "Rama Gothic E W01 Regular";
      display: block;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: normal;
      margin-bottom: 20px;
      position: relative; }
    .item .item-content p {
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 30px; }

/* Small desktop styles */
@media only screen and (max-width: 980px) {
  .featured-pages {
    padding-left: 15px;
    padding-right: 15px; } }
/* Tablet styles */
@media only screen and (min-width: 569px) and (max-width: 820px) {
  .row .item {
    width: 47.5%; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .featured-pages {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px; }

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

  .item img {
    width: 100%;
    height: auto;
    max-width: none; }
  .item .item-content {
    padding: 15px 15px 25px 15px; }
    .item .item-content h2, .item .item-content h3, .item .item-content .title {
      font-size: 24px;
      margin-bottom: 10px; }
    .item .item-content p {
      margin-bottom: 15px; } }
.image-text-multi {
  position: relative;
  /* Colour variants */
  /* Navy-white variant */
  /* Navy-beige variant */
  /* beige-gold variant */
  /* Image right-aligned variant */
  /* Image full-width variant */ }
  .image-text-multi .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    html.no-flexbox .image-text-multi .row {
      display: block; }
    .image-text-multi .row:after {
      display: none; }
  .image-text-multi.navy-white + .row, .image-text-multi.beige-gold + .row, .image-text-multi.white-beige + .row, .image-text-multi.white-gold + .row, .image-text-multi.navy-beige + .row {
    margin-top: 50px; }
  .image-text-multi.navy-white:before, .image-text-multi.beige-gold:before, .image-text-multi.white-beige:before, .image-text-multi.white-gold:before, .image-text-multi.navy-beige:before {
    content: '';
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute; }
  .image-text-multi.navy-white.right:before, .image-text-multi.beige-gold.right:before, .image-text-multi.white-beige.right:before, .image-text-multi.white-gold.right:before, .image-text-multi.navy-beige.right:before {
    left: auto;
    right: 0; }
  .image-text-multi.navy-white .image figcaption, .image-text-multi.beige-gold .image figcaption, .image-text-multi.white-beige .image figcaption, .image-text-multi.white-gold .image figcaption, .image-text-multi.navy-beige .image figcaption {
    color: #fff; }
  .image-text-multi.navy-white {
    background-color: #fff; }
    .image-text-multi.navy-white:before {
      background-color: #05386c; }
  .image-text-multi.navy-beige {
    background-color: #f7f6f1; }
    .image-text-multi.navy-beige:before {
      background-color: #05386c; }
  .image-text-multi.beige-gold {
    background-color: #f7f6f1; }
    .image-text-multi.beige-gold:before {
      background-color: #af976d; }
  .image-text-multi.white-beige {
    background-color: #f7f6f1; }
    .image-text-multi.white-beige:before {
      background-color: #fff; }
    .image-text-multi.white-beige.right:before {
      left: 0;
      right: auto; }
    .image-text-multi.white-beige .image figcaption {
      color: #31312e; }
  .image-text-multi.white-gold {
    background-color: #fff; }
    .image-text-multi.white-gold:before {
      background-color: #af976d; }
  .image-text-multi .image {
    padding-top: 70px;
    padding-bottom: 70px; }
    .image-text-multi .image img {
      margin: 0; }
    .image-text-multi .image figure {
      margin: 0; }
      .image-text-multi .image figure iframe {
        min-height: 360px; }
        @media only screen and (max-width: 1200px) {
          .image-text-multi .image figure iframe {
            min-height: 280px; } }
        @media (max-width: 800px) {
          .image-text-multi .image figure iframe {
            min-height: 100%; } }
    .image-text-multi .image figcaption {
      width: 100%;
      padding-top: 15px;
      padding-right: 30%;
      text-align: right;
      position: relative;
      background-color: transparent;
      color: #31312e;
      font-style: normal; }
      .image-text-multi .image figcaption p {
        color: inherit; }
    @media only screen and (max-width: 820px) {
      .image-text-multi .image {
        padding-top: 35px;
        padding-bottom: 35px; } }
    @media only screen and (max-width: 568px) {
      .image-text-multi .image {
        padding-top: 0;
        padding-bottom: 0; } }
  .image-text-multi .text {
    padding-top: 70px;
    padding-bottom: 70px; }
  .image-text-multi.right .row {
    -webkit-box-direction: row-reverse;
    -moz-box-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .image-text-multi.right.text {
    padding-right: 35px;
    padding-left: 0; }
  .image-text-multi.right .image figcaption {
    text-align: left;
    padding-right: 0;
    padding-left: 30%; }
  .image-text-multi.full-width .image {
    width: 97.5%; }
    .image-text-multi.full-width .image img {
      width: 100%;
      height: auto; }
  .image-text-multi.full-width .text {
    display: none; }

/* Course styles */
.content-image-text-multi .image-text-multi {
  margin-top: 40px;
  margin-bottom: 70px;
  padding-top: 0;
  padding-bottom: 0; }
  .content-image-text-multi .image-text-multi .image {
    padding-top: 70px;
    padding-bottom: 70px; }
    @media only screen and (min-width: 569px) {
      .content-image-text-multi .image-text-multi .image {
        width: 55.8333333333%; } }
    .content-image-text-multi .image-text-multi .image figcaption {
      padding-right: 18%; }
  @media only screen and (min-width: 821px) and (max-width: 1200px) {
    .content-image-text-multi .image-text-multi .text {
      width: 39.1666666667%; } }
  .content-image-text-multi .image-text-multi.right .text {
    padding-left: 0;
    padding-right: 35px; }
  .content-image-text-multi .image-text-multi.right .image figcaption {
    padding-right: 0;
    padding-left: 18%; }
  @media only screen and (min-width: 569px) {
    .content-image-text-multi .image-text-multi.full-width .image {
      width: 97.5%; } }

@media only screen and (min-width: 821px) and (max-width: 1200px) {
  .image-text-multi {
    padding-left: 15px;
    padding-right: 15px; } }
/* Small desktop styles */
@media (min-width: 821px) and (max-width: 980px) {
  /* Course styles */
  .content-image-text-multi .image-text-multi .image {
    padding-top: 30px;
    padding-bottom: 30px; }
  .content-image-text-multi .image-text-multi.white-beige .text, .content-image-text-multi .image-text-multi.white-gold .text {
    padding-top: 30px;
    padding-bottom: 30px; } }
/* Tablet styles */
@media only screen and (min-width: 569px) and (max-width: 820px) {
  .image-text-multi {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px; }
    .image-text-multi .row [class^=span] {
      width: 47.5%; }
    .image-text-multi .image {
      padding-right: 15px; }
      .image-text-multi .image figcaption {
        padding-left: 0;
        padding-right: 0; }
    .image-text-multi .text {
      padding-left: 15px; }
    .image-text-multi.right .image {
      padding-right: 0;
      padding-left: 15px; }
      .image-text-multi.right .image figcaption {
        padding-left: 0;
        padding-right: 0; }
    .image-text-multi.right .text {
      padding-right: 15px;
      padding-left: 0; }
    .image-text-multi.full-width .image {
      padding-right: 0;
      padding-left: 0;
      width: 97.5%; }

  /* Course styles */
  .content-image-text-multi > .row [class*=offset] {
    width: 97.5%;
    margin-left: 1.25%; } }
@media only screen and (max-width: 820px) {
  /* Course styles */
  .content-image-text-multi > .row {
    padding-left: 20px;
    padding-right: 20px; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .image-text-multi {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px !important; }
    .image-text-multi.navy-white + .row, .image-text-multi.beige-gold + .row, .image-text-multi.white-beige + .row, .image-text-multi.white-gold + .row, .image-text-multi.navy-beige + .row {
      margin-top: 30px; }
    .image-text-multi.navy-white:before, .image-text-multi.beige-gold:before, .image-text-multi.white-beige:before, .image-text-multi.white-gold:before, .image-text-multi.navy-beige:before {
      display: none; }
    .image-text-multi.navy-white.right .image,
    .image-text-multi.navy-white .image, .image-text-multi.beige-gold.right .image,
    .image-text-multi.beige-gold .image, .image-text-multi.white-beige.right .image,
    .image-text-multi.white-beige .image, .image-text-multi.white-gold.right .image,
    .image-text-multi.white-gold .image, .image-text-multi.navy-beige.right .image,
    .image-text-multi.navy-beige .image {
      padding-top: 0; }
      .image-text-multi.navy-white.right .image figcaption,
      .image-text-multi.navy-white .image figcaption, .image-text-multi.beige-gold.right .image figcaption,
      .image-text-multi.beige-gold .image figcaption, .image-text-multi.white-beige.right .image figcaption,
      .image-text-multi.white-beige .image figcaption, .image-text-multi.white-gold.right .image figcaption,
      .image-text-multi.white-gold .image figcaption, .image-text-multi.navy-beige.right .image figcaption,
      .image-text-multi.navy-beige .image figcaption {
        padding: 8px 35px 10px 35px; }
    .image-text-multi.navy-white .image figcaption {
      background-color: #05386c; }
    .image-text-multi.beige-gold .image figcaption {
      background-color: #af976d; }
    .image-text-multi.white-beige .text {
      background-color: #f7f6f1;
      padding-bottom: 30px; }
    .image-text-multi.white-beige .image figcaption {
      background-color: #fff; }
    .image-text-multi.white-beige.right .text {
      background-color: #fff; }
    .image-text-multi.white-beige.right .image figcaption {
      background-color: #f7f6f1; }
    .image-text-multi.white-gold .image figcaption {
      background-color: #af976d; }
    .image-text-multi.navy-beige .image figcaption {
      background-color: #05386c; }
    .image-text-multi .row [class^=span] {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .image-text-multi .image {
      padding-top: 0;
      padding-bottom: 0; }
      .image-text-multi .image figcaption {
        padding-left: 20px;
        padding-right: 20px;
        text-align: left; }
    .image-text-multi .text {
      padding-left: 35px;
      padding-right: 35px;
      padding-top: 15px;
      padding-bottom: 30px; }
      .image-text-multi .text h4 {
        margin-bottom: 10px; }
    .image-text-multi.full-width .image {
      margin-bottom: 30px; }

  /* Course styles */
  .content-image-text-multi .image-text-multi {
    margin-top: 30px;
    margin-bottom: 30px; }
    .content-image-text-multi .image-text-multi .image {
      padding-bottom: 0; }
    .content-image-text-multi .image-text-multi .text {
      padding-left: 35px;
      padding-right: 35px; }
    .content-image-text-multi .image-text-multi.navy-white .text, .content-image-text-multi .image-text-multi.beige-gold .text, .content-image-text-multi .image-text-multi.white-beige .text, .content-image-text-multi .image-text-multi.white-gold .text, .content-image-text-multi .image-text-multi.navy-beige .text {
      padding-top: 30px; }
    .content-image-text-multi .image-text-multi.right .text {
      padding-left: 35px; }
    .content-image-text-multi .image-text-multi.navy-beige {
      padding-bottom: 0;
      margin-bottom: 0; } }
.promo-pod-branded {
  padding-top: 150px;
  padding-bottom: 150px;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden; }
  .promo-pod-branded .rich-text *,
  .promo-pod-branded .title,
  .promo-pod-branded p {
    color: #fff;
    line-height: normal; }
  .promo-pod-branded .title {
    display: block;
    margin: 0;
    font-family: "Rama Gothic E W01 Regular";
    font-size: 36px;
    font-size: 2.25rem;
    line-height: normal; }
    .promo-pod-branded .title.large {
      font-size: 72px;
      font-size: 4.5rem; }
    .promo-pod-branded .title + * {
      margin-top: 20px; }
  .promo-pod-branded p {
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    margin: 26px 0 30px 0; }
  .promo-pod-branded [class*=button] {
    margin-top: 25px; }
  .promo-pod-branded .rich-text li {
    padding-bottom: 25px; }
    .promo-pod-branded .rich-text li:last-child {
      padding-bottom: 0; }
  .promo-pod-branded #lcom-edge-right,
  .promo-pod-branded #lcom-edge-left {
    position: absolute;
    width: 134px;
    height: 600px;
    top: 50%;
    margin-top: -300px; }
    .promo-pod-branded #lcom-edge-right path,
    .promo-pod-branded #lcom-edge-left path {
      fill: #ffb164; }
  .promo-pod-branded #lcom-edge-left {
    left: 0; }
  .promo-pod-branded #lcom-edge-right {
    right: 0; }
  .promo-pod-branded.pink #lcom-edge-left path,
  .promo-pod-branded.pink #lcom-edge-right path {
    fill: #e5007e; }
  .promo-pod-branded.sky-blue #lcom-edge-left path,
  .promo-pod-branded.sky-blue #lcom-edge-right path {
    fill: #3ad0f9; }
  .promo-pod-branded.white #lcom-edge-left path,
  .promo-pod-branded.white #lcom-edge-right path {
    fill: #fff; }

/* Small desktop */
@media only screen and (max-width: 980px) {
  .promo-pod-branded {
    padding: 80px 0; }
    .promo-pod-branded #lcom-edge-right,
    .promo-pod-branded #lcom-edge-left {
      width: 100px;
      height: 450px;
      margin-top: -225px; } }
/* Small desktop only */
@media only screen and (min-width: 821px) and (max-width: 1200px) {
  .promo-pod-branded .row [class^=span] {
    width: 55.8333333333%;
    padding-left: 30px; } }
/* Tablet styles */
@media only screen and (max-width: 820px) {
  .promo-pod-branded {
    height: auto;
    min-height: 0;
    background-attachment: initial; } }
@media only screen and (min-width: 569px) and (max-width: 820px) {
  .promo-pod-branded {
    padding: 60px; }
    .promo-pod-branded .row [class^=span] {
      width: 64.1666666667%; }
    .promo-pod-branded #lcom-edge-right,
    .promo-pod-branded #lcom-edge-left {
      position: absolute;
      width: 67px;
      height: 300px;
      top: 50%;
      margin-top: -150px; }
      .promo-pod-branded #lcom-edge-right path,
      .promo-pod-branded #lcom-edge-left path {
        fill: #ffb164; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .promo-pod-branded {
    padding: 30px;
    background-position: left center; }
    .promo-pod-branded p {
      margin: 20px 0; }
    .promo-pod-branded #lcom-edge-left,
    .promo-pod-branded #lcom-edge-right {
      display: none; } }
.padded-promo {
  padding: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden; }
  .padded-promo > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
  .padded-promo:before, .padded-promo:after {
    pointer-events: none; }
  .padded-promo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3; }
  .padded-promo:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-boz-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 100px solid #f7f6f1;
    -webkit-transition: border-width 0.3s ease;
    -moz-transition: border-width 0.3s ease;
    -ms-transition: border-width 0.3s ease;
    -o-transition: border-width 0.3s ease;
    transition: border-width 0.3s ease; }
  .padded-promo:hover:after, .padded-promo.touch-hover:after {
    border-width: 0; }
  .padded-promo:hover .wrapper:before, .padded-promo.touch-hover .wrapper:before {
    left: -200%; }
  .padded-promo:hover .wrapper:after, .padded-promo.touch-hover .wrapper:after {
    right: -200%; }
  .padded-promo .wrapper {
    padding: 200px 50px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center; }
    html.no-flexbox .padded-promo .wrapper {
      display: block; }
    .padded-promo .wrapper:before, .padded-promo .wrapper:after {
      content: '';
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
      background-color: #f7f6f1; }
    .padded-promo .wrapper:before {
      left: -100%;
      -webkit-transition: left 0.2s ease;
      -moz-transition: left 0.2s ease;
      -ms-transition: left 0.2s ease;
      -o-transition: left 0.2s ease;
      transition: left 0.2s ease; }
    .padded-promo .wrapper:after {
      right: -100%;
      -webkit-transition: right 0.2s ease;
      -moz-transition: right 0.2s ease;
      -ms-transition: right 0.2s ease;
      -o-transition: right 0.2s ease;
      transition: right 0.2s ease; }
    .padded-promo .wrapper article {
      position: relative;
      max-width: 400px; }
      .padded-promo .wrapper article .title,
      .padded-promo .wrapper article p,
      .padded-promo .wrapper article a {
        color: #fff; }
      .padded-promo .wrapper article .title,
      .padded-promo .wrapper article p {
        line-height: normal; }
      .padded-promo .wrapper article .title {
        font-family: "Rama Gothic E W01 Regular";
        display: block;
        font-size: 36px; }
      .padded-promo .wrapper article p {
        font-size: 18px;
        margin: 25px 0 30px 0; }
      .padded-promo .wrapper article [class*=button] {
        position: relative;
        z-index: 1; }

@media only screen and (max-width: 568px) {
  .padded-promo:after {
    border-width: 30px; }
  .padded-promo .wrapper {
    padding: 120px 50px; }
    .padded-promo .wrapper:before, .padded-promo .wrapper:after {
      display: none; } }
.awards {
  background-color: #fff;
  padding: 20px; }
  .awards .list {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    html.no-flexbox .awards .list {
      display: block; }
    html.no-flexbox .awards .list [class^=span] {
      display: table-cell;
      vertical-align: middle;
      float: none;
      padding: 0 1.25%; }
      html.no-flexbox .awards .list [class^=span] img {
        width: 100%; }

/* Small Desktop Styles */
@media only screen and (max-width: 980px) {
  .awards .list img {
    display: none; } }
@media (min-width: 569px) and (max-width: 980px) {
  .awards .list img:nth-child(1), .awards .list img:nth-child(2), .awards .list img:nth-child(3), .awards .list img:nth-child(4) {
    display: block; } }
/* Mobile Styles */
@media only screen and (max-width: 568px) {
  .awards {
    padding: 20px 0; }
    .awards .list {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .awards .list img {
        margin: 0 5px; }
        .awards .list img:nth-child(1), .awards .list img:nth-child(2) {
          display: block; } }
.twitter-area {
  background-color: #3ad0f9; }
  .twitter-area .tweet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 55px; }
    html.no-flexbox .twitter-area .tweet {
      display: block; }
    html.no-flexbox .twitter-area .tweet [class^=span] {
      display: table-cell;
      vertical-align: middle;
      float: none;
      padding: 0 1.25%; }
      html.no-flexbox .twitter-area .tweet [class^=span] img {
        width: 100%; }
    .twitter-area .tweet:before {
      content: '\f099';
      font-family: "FontAwesome";
      font-size: 28px;
      line-height: normal;
      color: #fff;
      position: absolute;
      top: 20px;
      left: 0; }
    @media only screen and (min-width: 569px) {
      .twitter-area .tweet .quote {
        padding-right: 15px; } }
    .twitter-area .tweet blockquote,
    .twitter-area .tweet time {
      display: inline;
      color: #fff;
      font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
      font-size: 16px;
      line-height: 20px;
      position: relative; }
    .twitter-area .tweet blockquote {
      font-weight: bold;
      margin: 0 3px 0 0; }

/* Tablet styles */
@media only screen and (max-width: 820px) {
  .twitter-area {
    padding-left: 20px;
    padding-right: 20px; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .twitter-area {
    padding-left: 15px;
    padding-right: 15px; }
    .twitter-area .tweet {
      padding-left: 0;
      text-align: center;
      display: block; }
      .twitter-area .tweet:before {
        display: none; }
      .twitter-area .tweet .quote {
        margin-bottom: 15px; } }
.accordion-wrapper {
  padding-bottom: 50px; }

.accordion {
  word-break: break-word;
  word-wrap: break-word;
  /* Active state */ }
  .accordion .accordion-heading {
    position: relative;
    width: 100%;
    background-color: #05386c;
    border-top: 1px solid #042d56;
    padding: 10px 20px 10px 55px;
    cursor: pointer; }
    .accordion .accordion-heading span {
      font-family: "Rama Gothic E W01 Regular";
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 28px;
      color: #fff; }
  .accordion .accordion-content {
    display: none;
    padding: 25px 25px 40px 25px;
    background-color: #fff;
    /* fix for iframe width on ios mobile in accordion LCM-127 */ }
    @media only screen and (max-width: 568px) {
      .accordion .accordion-content.rich-text iframe {
        width: 1px !important;
        min-width: calc(100% + 30px) !important;
        margin-left: -15px !important; }
      .accordion .accordion-content a {
        word-break: break-all; } }
  .accordion.active .accordion-heading .cross:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.cross {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 13px; }
  .cross:before, .cross:after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    background-color: #e5007e; }
  .cross:before {
    height: 4px;
    width: 100%;
    top: 8px;
    left: 0; }
  .cross:after {
    width: 4px;
    height: 100%;
    top: 0;
    left: 8px;
    will-change: transform;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease; }

/* Mobile styles */
@media only screen and (max-width: 568px) {
  .accordion-wrapper {
    padding-bottom: 25px; } }
.tutor-pod + .content {
  padding-top: 0; }

.tutor-pod {
  padding-top: 30px;
  padding-bottom: 20px; }
  .tutor-pod .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    html.no-flexbox .tutor-pod .row {
      display: block; }
    .tutor-pod .row.heading {
      margin-bottom: 35px; }
  .tutor-pod .item-content {
    padding-top: 20px;
    padding-bottom: 40px; }
    .tutor-pod .item-content .title {
      position: relative;
      font-size: 28px;
      font-size: 1.75rem;
      color: #05386c;
      padding-left: 19px; }
      .tutor-pod .item-content .title a {
        color: inherit;
        text-decoration: none; }
        .tutor-pod .item-content .title a:hover {
          text-decoration: underline; }
      .tutor-pod .item-content .title:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 100%;
        background-color: #e5007e; }
      .tutor-pod .item-content .title .job-title {
        font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        color: #979797;
        font-size: 18px;
        font-size: 1.125rem;
        display: block; }
    .tutor-pod .item-content .read-more {
      position: absolute;
      bottom: 20px;
      left: 30px; }
      .tutor-pod .item-content .read-more .cross {
        top: 5px; }

/* Max desktop styles */
@media only screen and (max-width: 1200px) {
  .tutor-pod {
    padding-left: 20px;
    padding-right: 20px; } }
/* Mobile styles */
@media only screen and (min-width: 569px) {
  .tutor-pod .mobile {
    display: none; } }
@media only screen and (max-width: 820px) {
  .tutor-pod:not(.item-listing) .item {
    display: none;
    margin-bottom: 30px;
    width: 97.5%; }
    .tutor-pod:not(.item-listing) .item img {
      max-width: none;
      width: 100%; }
    .tutor-pod:not(.item-listing) .item:first-child {
      display: block; } }
@media only screen and (min-width: 569px) and (max-width: 820px) {
  /* Item Listing variant */
  .tutor-pod.item-listing .row.items [class^=span]:after,
  .events.item-listing .row.items [class^=span]:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .tutor-pod.item-listing .row.items [class^=span] .item,
  .events.item-listing .row.items [class^=span] .item {
    width: 48%;
    float: left; }
    .tutor-pod.item-listing .row.items [class^=span] .item:first-child,
    .events.item-listing .row.items [class^=span] .item:first-child {
      margin-right: 4%; }

  .tutor-pod:not(.item-listing) .item {
    display: none;
    margin-bottom: 30px;
    width: 97.5%; }
    .tutor-pod:not(.item-listing) .item img {
      max-width: none;
      width: 100%; }
    .tutor-pod:not(.item-listing) .item:nth-child(2) {
      display: block; } }
@media only screen and (max-width: 568px) {
  .tutor-pod,
  .events {
    margin-bottom: 30px; }
    .tutor-pod.item-listing .item,
    .events.item-listing .item {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px;
      display: block; }
      .tutor-pod.item-listing .item .item-content,
      .events.item-listing .item .item-content {
        padding-bottom: 20px; }
        .tutor-pod.item-listing .item .item-content .keyline-button,
        .events.item-listing .item .item-content .keyline-button {
          display: inline-block; }

  .tutor-pod:not(.item-listing) .keyline-button {
    display: none; }
  .tutor-pod:not(.item-listing) .mobile .keyline-button,
  .tutor-pod:not(.item-listing) .item .keyline-button {
    display: inline-block; } }
.tabbed-content {
  margin-top: 30px; }

.tab-list .tab,
.tab-accordion {
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 14px 20px;
  cursor: pointer;
  font-family: "Rama Gothic E W01 Regular";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28px;
  color: #989897;
  vertical-align: top;
  border-bottom: 4px solid #f7f6f1;
  text-align: center; }
  .tab-list .tab.active,
  .tab-accordion.active {
    color: #31312e;
    border-bottom: 4px solid #e5007e; }

.tab-accordion {
  text-align: left;
  padding-left: 50px; }
  .tab-accordion .cross {
    top: 17px; }
  .tab-accordion.active .cross:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.tab-list {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
  padding-left: 0;
  font-size: 0; }
  .tab-list .tab:before {
    display: none; }

.tab-content {
  display: none;
  background-color: #fff;
  padding: 25px 35px;
  margin-bottom: 50px; }
  .tab-content > *:last-child {
    padding-bottom: 0; }

.tab-accordion {
  display: block; }

/* Mobile styles */
@media (min-width: 861px) {
  .tab-accordion {
    display: none; }

  .tab-content.active {
    display: block !important; } }
@media (max-width: 860px) {
  .tab-list {
    display: none; }

  .tabbed-content {
    margin-bottom: 30px; }

  .tab-content {
    margin-bottom: 4px;
    padding: 15px 20px; } }
.unistats-pod {
  padding: 65px 0;
  overflow: hidden; }
  .unistats-pod iframe {
    outline: solid 12px #fff; }
  .unistats-pod iframe.mobile {
    display: none; }

@media only screen and (min-width: 821px) {
  .unistats-pod:before {
    content: '';
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #fff; } }
@media only screen and (max-width: 820px) {
  .unistats-pod {
    padding: 30px 0; }
    .unistats-pod .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      html.no-flexbox .unistats-pod .row {
        display: block; }
      .unistats-pod .row [class^=span] {
        margin-left: 1.25%;
        text-align: center; }
    .unistats-pod iframe.desktop {
      display: none; }
    .unistats-pod iframe.mobile {
      display: block;
      margin: 0 auto; } }
.intro-area {
  padding: 60px 0 0 0; }
  .intro-area .read-more-content {
    display: none; }

/* Mobile styles */
@media only screen and (max-width: 568px) {
  .intro-area {
    padding: 30px 20px 0 20px; } }
.item-listing {
  padding-top: 50px;
  padding-bottom: 25px; }
  .item-listing .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    html.no-flexbox .item-listing .row {
      display: block; }
    .item-listing .row.heading {
      margin-bottom: 35px; }
  .item-listing .item .item-content .timestamp {
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    margin-bottom: 8px; }
  .item-listing .item .item-content .title {
    font-size: 28px;
    font-size: 1.75rem;
    color: #05386c;
    margin-bottom: 10px; }
    .item-listing .item .item-content .title a {
      color: inherit;
      text-decoration: none; }
      .item-listing .item .item-content .title a:hover {
        text-decoration: underline; }
  .item-listing .item .item-content p {
    margin-bottom: 25px; }

/* Max-desktop styles */
@media only screen and (max-width: 1200px) {
  .item-listing {
    padding-left: 20px;
    padding-right: 20px; } }
/* Min desktop styles */
@media only screen and (min-width: 821px) {
  .item-listing .mobile {
    display: none; } }
/* Max-tablet styles */
@media only screen and (max-width: 820px) {
  .item-listing .heading .keyline-button {
    display: none; }
  .item-listing .mobile .keyline-button {
    display: inline-block; }
  .item-listing.related-news .item + .item + .item {
    display: none; } }
/* Min tablet styles */
@media only screen and (min-width: 569px) {
  .item-listing .item .item-content {
    padding: 22px 30px 30px 30px; } }
.events .item .image {
  position: relative; }
.events .item .item-content .title {
  margin-bottom: 20px; }
.events .item .item-content p {
  margin-bottom: 15px; }
.events .item .item-content time,
.events .item .item-content .address,
.events .item .item-content .pricing {
  padding-left: 25px;
  position: relative;
  font-size: 15px;
  line-height: normal;
  margin-bottom: 7px;
  color: #31312e;
  display: block; }
  .events .item .item-content time:before,
  .events .item .item-content .address:before,
  .events .item .item-content .pricing:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    font-family: "FontAwesome";
    color: inherit;
    font-size: 18px; }
  .events .item .item-content time.date:before,
  .events .item .item-content .address.date:before,
  .events .item .item-content .pricing.date:before {
    content: '\f133'; }
  .events .item .item-content time.time:before,
  .events .item .item-content .address.time:before,
  .events .item .item-content .pricing.time:before {
    content: '\f017'; }
.events .item .item-content .pricing {
  font-weight: bold; }
.events .item .item-content .address {
  font-style: normal; }
  .events .item .item-content .address:before {
    content: '\f041';
    left: 3px; }
.events .item .item-content [class*=button] {
  margin-top: 15px; }

.image-text-multi {
  position: relative;
  /* Colour variants */
  /* Navy-white variant */
  /* Navy-beige variant */
  /* beige-gold variant */
  /* Image right-aligned variant */
  /* Image full-width variant */ }
  .image-text-multi .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    html.no-flexbox .image-text-multi .row {
      display: block; }
    .image-text-multi .row:after {
      display: none; }
  .image-text-multi.navy-white + .row, .image-text-multi.beige-gold + .row, .image-text-multi.white-beige + .row, .image-text-multi.white-gold + .row, .image-text-multi.navy-beige + .row {
    margin-top: 50px; }
  .image-text-multi.navy-white:before, .image-text-multi.beige-gold:before, .image-text-multi.white-beige:before, .image-text-multi.white-gold:before, .image-text-multi.navy-beige:before {
    content: '';
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute; }
  .image-text-multi.navy-white.right:before, .image-text-multi.beige-gold.right:before, .image-text-multi.white-beige.right:before, .image-text-multi.white-gold.right:before, .image-text-multi.navy-beige.right:before {
    left: auto;
    right: 0; }
  .image-text-multi.navy-white .image figcaption, .image-text-multi.beige-gold .image figcaption, .image-text-multi.white-beige .image figcaption, .image-text-multi.white-gold .image figcaption, .image-text-multi.navy-beige .image figcaption {
    color: #fff; }
  .image-text-multi.navy-white {
    background-color: #fff; }
    .image-text-multi.navy-white:before {
      background-color: #05386c; }
  .image-text-multi.navy-beige {
    background-color: #f7f6f1; }
    .image-text-multi.navy-beige:before {
      background-color: #05386c; }
  .image-text-multi.beige-gold {
    background-color: #f7f6f1; }
    .image-text-multi.beige-gold:before {
      background-color: #af976d; }
  .image-text-multi.white-beige {
    background-color: #f7f6f1; }
    .image-text-multi.white-beige:before {
      background-color: #fff; }
    .image-text-multi.white-beige.right:before {
      left: 0;
      right: auto; }
    .image-text-multi.white-beige .image figcaption {
      color: #31312e; }
  .image-text-multi.white-gold {
    background-color: #fff; }
    .image-text-multi.white-gold:before {
      background-color: #af976d; }
  .image-text-multi .image {
    padding-top: 70px;
    padding-bottom: 70px; }
    .image-text-multi .image img {
      margin: 0; }
    .image-text-multi .image figure {
      margin: 0; }
      .image-text-multi .image figure iframe {
        min-height: 360px; }
        @media only screen and (max-width: 1200px) {
          .image-text-multi .image figure iframe {
            min-height: 280px; } }
        @media (max-width: 800px) {
          .image-text-multi .image figure iframe {
            min-height: 100%; } }
    .image-text-multi .image figcaption {
      width: 100%;
      padding-top: 15px;
      padding-right: 30%;
      text-align: right;
      position: relative;
      background-color: transparent;
      color: #31312e;
      font-style: normal; }
      .image-text-multi .image figcaption p {
        color: inherit; }
    @media only screen and (max-width: 820px) {
      .image-text-multi .image {
        padding-top: 35px;
        padding-bottom: 35px; } }
    @media only screen and (max-width: 568px) {
      .image-text-multi .image {
        padding-top: 0;
        padding-bottom: 0; } }
  .image-text-multi .text {
    padding-top: 70px;
    padding-bottom: 70px; }
  .image-text-multi.right .row {
    -webkit-box-direction: row-reverse;
    -moz-box-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .image-text-multi.right.text {
    padding-right: 35px;
    padding-left: 0; }
  .image-text-multi.right .image figcaption {
    text-align: left;
    padding-right: 0;
    padding-left: 30%; }
  .image-text-multi.full-width .image {
    width: 97.5%; }
    .image-text-multi.full-width .image img {
      width: 100%;
      height: auto; }
  .image-text-multi.full-width .text {
    display: none; }

/* Course styles */
.content-image-text-multi .image-text-multi {
  margin-top: 40px;
  margin-bottom: 70px;
  padding-top: 0;
  padding-bottom: 0; }
  .content-image-text-multi .image-text-multi .image {
    padding-top: 70px;
    padding-bottom: 70px; }
    @media only screen and (min-width: 569px) {
      .content-image-text-multi .image-text-multi .image {
        width: 55.8333333333%; } }
    .content-image-text-multi .image-text-multi .image figcaption {
      padding-right: 18%; }
  @media only screen and (min-width: 821px) and (max-width: 1200px) {
    .content-image-text-multi .image-text-multi .text {
      width: 39.1666666667%; } }
  .content-image-text-multi .image-text-multi.right .text {
    padding-left: 0;
    padding-right: 35px; }
  .content-image-text-multi .image-text-multi.right .image figcaption {
    padding-right: 0;
    padding-left: 18%; }
  @media only screen and (min-width: 569px) {
    .content-image-text-multi .image-text-multi.full-width .image {
      width: 97.5%; } }

@media only screen and (min-width: 821px) and (max-width: 1200px) {
  .image-text-multi {
    padding-left: 15px;
    padding-right: 15px; } }
/* Small desktop styles */
@media (min-width: 821px) and (max-width: 980px) {
  /* Course styles */
  .content-image-text-multi .image-text-multi .image {
    padding-top: 30px;
    padding-bottom: 30px; }
  .content-image-text-multi .image-text-multi.white-beige .text, .content-image-text-multi .image-text-multi.white-gold .text {
    padding-top: 30px;
    padding-bottom: 30px; } }
/* Tablet styles */
@media only screen and (min-width: 569px) and (max-width: 820px) {
  .image-text-multi {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px; }
    .image-text-multi .row [class^=span] {
      width: 47.5%; }
    .image-text-multi .image {
      padding-right: 15px; }
      .image-text-multi .image figcaption {
        padding-left: 0;
        padding-right: 0; }
    .image-text-multi .text {
      padding-left: 15px; }
    .image-text-multi.right .image {
      padding-right: 0;
      padding-left: 15px; }
      .image-text-multi.right .image figcaption {
        padding-left: 0;
        padding-right: 0; }
    .image-text-multi.right .text {
      padding-right: 15px;
      padding-left: 0; }
    .image-text-multi.full-width .image {
      padding-right: 0;
      padding-left: 0;
      width: 97.5%; }

  /* Course styles */
  .content-image-text-multi > .row [class*=offset] {
    width: 97.5%;
    margin-left: 1.25%; } }
@media only screen and (max-width: 820px) {
  /* Course styles */
  .content-image-text-multi > .row {
    padding-left: 20px;
    padding-right: 20px; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .image-text-multi {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px !important; }
    .image-text-multi.navy-white + .row, .image-text-multi.beige-gold + .row, .image-text-multi.white-beige + .row, .image-text-multi.white-gold + .row, .image-text-multi.navy-beige + .row {
      margin-top: 30px; }
    .image-text-multi.navy-white:before, .image-text-multi.beige-gold:before, .image-text-multi.white-beige:before, .image-text-multi.white-gold:before, .image-text-multi.navy-beige:before {
      display: none; }
    .image-text-multi.navy-white.right .image,
    .image-text-multi.navy-white .image, .image-text-multi.beige-gold.right .image,
    .image-text-multi.beige-gold .image, .image-text-multi.white-beige.right .image,
    .image-text-multi.white-beige .image, .image-text-multi.white-gold.right .image,
    .image-text-multi.white-gold .image, .image-text-multi.navy-beige.right .image,
    .image-text-multi.navy-beige .image {
      padding-top: 0; }
      .image-text-multi.navy-white.right .image figcaption,
      .image-text-multi.navy-white .image figcaption, .image-text-multi.beige-gold.right .image figcaption,
      .image-text-multi.beige-gold .image figcaption, .image-text-multi.white-beige.right .image figcaption,
      .image-text-multi.white-beige .image figcaption, .image-text-multi.white-gold.right .image figcaption,
      .image-text-multi.white-gold .image figcaption, .image-text-multi.navy-beige.right .image figcaption,
      .image-text-multi.navy-beige .image figcaption {
        padding: 8px 35px 10px 35px; }
    .image-text-multi.navy-white .image figcaption {
      background-color: #05386c; }
    .image-text-multi.beige-gold .image figcaption {
      background-color: #af976d; }
    .image-text-multi.white-beige .text {
      background-color: #f7f6f1;
      padding-bottom: 30px; }
    .image-text-multi.white-beige .image figcaption {
      background-color: #fff; }
    .image-text-multi.white-beige.right .text {
      background-color: #fff; }
    .image-text-multi.white-beige.right .image figcaption {
      background-color: #f7f6f1; }
    .image-text-multi.white-gold .image figcaption {
      background-color: #af976d; }
    .image-text-multi.navy-beige .image figcaption {
      background-color: #05386c; }
    .image-text-multi .row [class^=span] {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .image-text-multi .image {
      padding-top: 0;
      padding-bottom: 0; }
      .image-text-multi .image figcaption {
        padding-left: 20px;
        padding-right: 20px;
        text-align: left; }
    .image-text-multi .text {
      padding-left: 35px;
      padding-right: 35px;
      padding-top: 15px;
      padding-bottom: 30px; }
      .image-text-multi .text h4 {
        margin-bottom: 10px; }
    .image-text-multi.full-width .image {
      margin-bottom: 30px; }

  /* Course styles */
  .content-image-text-multi .image-text-multi {
    margin-top: 30px;
    margin-bottom: 30px; }
    .content-image-text-multi .image-text-multi .image {
      padding-bottom: 0; }
    .content-image-text-multi .image-text-multi .text {
      padding-left: 35px;
      padding-right: 35px; }
    .content-image-text-multi .image-text-multi.navy-white .text, .content-image-text-multi .image-text-multi.beige-gold .text, .content-image-text-multi .image-text-multi.white-beige .text, .content-image-text-multi .image-text-multi.white-gold .text, .content-image-text-multi .image-text-multi.navy-beige .text {
      padding-top: 30px; }
    .content-image-text-multi .image-text-multi.right .text {
      padding-left: 35px; }
    .content-image-text-multi .image-text-multi.navy-beige {
      padding-bottom: 0;
      margin-bottom: 0; } }
.tags {
  padding-top: 50px; }
  .tags [class^=span] {
    background-color: #fff;
    padding: 45px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-direction: row-reverse;
    -moz-box-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    html.no-flexbox .tags [class^=span] {
      display: block; }
    html.no-flexbox .tags [class^=span] [class^=span] {
      display: table-cell;
      vertical-align: middle;
      float: none;
      padding: 0 1.25%; }
      html.no-flexbox .tags [class^=span] [class^=span] img {
        width: 100%; }
  .tags .tag-list,
  .tags .author {
    /* Article date */ }
    .tags .tag-list span,
    .tags .tag-list p,
    .tags .tag-list li,
    .tags .author span,
    .tags .author p,
    .tags .author li {
      font-size: 17px;
      font-size: 1.0625rem;
      margin: 0; }
    .tags .tag-list .article-updated,
    .tags .author .article-updated {
      padding-right: 8px;
      margin-right: 4px; }
      .tags .tag-list .article-updated:after,
      .tags .author .article-updated:after {
        background-color: #31312e; }
  .tags .tag-list span {
    position: relative;
    padding-left: 27px; }
    .tags .tag-list span:before {
      content: '\f02c';
      font-family: "FontAwesome";
      font-size: 16px;
      position: absolute;
      left: 0;
      top: 0; }
  .tags .tag-list ul {
    list-style: none;
    margin: 0; }
    .tags .tag-list ul li {
      display: inline-block; }
      .tags .tag-list ul li a {
        position: relative;
        color: inherit;
        text-decoration: underline; }
        .tags .tag-list ul li a:hover {
          text-decoration: none; }
        .tags .tag-list ul li a:after {
          content: ',';
          position: relative;
          display: inline-block; }
      .tags .tag-list ul li:last-child a:after {
        display: none; }

@media only screen and (min-width: 821px) {
  .tags .tag-list {
    padding-right: 30px; } }
@media only screen and (min-width: 569px) {
  .tags .author {
    text-align: right; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .tags [class^=span] {
    display: block;
    padding: 15px; }
  .tags .author {
    margin-bottom: 10px; } }
body {
  position: relative;
  width: 100%;
  left: 0;
  background-color: #f7f6f1;
  color: #31312e; }
  body.open {
    position: fixed; }
  body.search-active {
    overflow: hidden;
    /* TODO: Add mobile fix for scrolling */ }

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

.inline {
  display: inline-block; }

strong {
  font-weight: bold; }

ul {
  padding-left: 0; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

/* Cookie Notification styles */
.cookie-notification {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 12;
  background-color: #05386c;
  color: #fff;
  display: none;
  padding: 38px 10px;
  width: 100%; }
  @media only screen and (max-width: 1200px) {
    .cookie-notification {
      padding: 38px 20px; } }
  @media only screen and (max-width: 820px) {
    .cookie-notification {
      padding: 20px; } }
  @media only screen and (max-width: 568px) {
    .cookie-notification {
      padding: 15px; } }
  .cookie-notification .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    html.no-flexbox .cookie-notification .row {
      display: block; }
    @media only screen and (min-width: 821px) {
      .cookie-notification .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        html.no-flexbox .cookie-notification .row [class^=span] {
          display: table-cell;
          vertical-align: middle;
          float: none;
          padding: 0 1.25%; }
          html.no-flexbox .cookie-notification .row [class^=span] img {
            width: 100%; } }
    html.no-flexbox .cookie-notification .row [class^=span] {
      display: block;
      float: left;
      padding: 0; }
  .cookie-notification p {
    margin: 0;
    line-height: normal; }
  .cookie-notification a {
    color: #fff;
    text-decoration: underline; }
  .cookie-notification .close span {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url(../images/icons/Close_Icon.html);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer; }
    @media only screen and (max-width: 820px) {
      .cookie-notification .close span {
        vertical-align: top;
        margin-top: 5px; } }

.InfinityNumber a {
  color: inherit;
  text-decoration: none;
  cursor: text; }

.social-links p {
  margin-bottom: 15px; }
.social-links a {
  font-family: "FontAwesome";
  font-size: 24px;
  line-height: normal;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  margin-left: 5px;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .social-links a:hover {
    -webkit-animation: wobble 0.5s ease;
    -moz-animation: wobble 0.5s ease;
    -ms-animation: wobble 0.5s ease;
    -o-animation: wobble 0.5s ease;
    -animation: wobble 0.5s ease; }
  .social-links a.soundcloud {
    background-image: url(../images/logos/soundcloud-logo.svg/index.html);
    background-position: center;
    background-repeat: no-repeat; }

.table-hidden-mobile {
  display: none !important; }
  @media (min-width: 820px) {
    .table-hidden-mobile {
      display: table !important; } }

.table-hidden-desktop {
  display: table !important; }
  @media (min-width: 820px) {
    .table-hidden-desktop {
      display: none !important; } }

/*** Site Header Styles ***/
#site-header {
  background-color: transparent;
  padding: 0;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 140px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* Header Nav Container */ }
  #site-header.fixed, #site-header.hide-element {
    height: 98px;
    /* .top plus .bottom */ }
    @media only screen and (max-width: 820px) {
      #site-header.fixed, #site-header.hide-element {
        height: 73px; } }
  #site-header.fixed {
    top: -35px; }
    @media only screen and (min-width: 821px) {
      #site-header.fixed .bottom {
        padding-top: 13px;
        padding-bottom: 13px; }
        #site-header.fixed .bottom .logo-area a {
          height: 38px;
          width: 38px;
          background-image: url(../images/logos/LC_Mobile.html);
          background-size: auto 38px;
          background-repeat: no-repeat;
          background-position: center; }
        #site-header.fixed .bottom .logo-area img {
          opacity: 0; }
        #site-header.fixed .bottom .nav-container {
          top: 19px; } }
    #site-header.fixed .bottom .search-icon {
      width: 30px;
      height: 30px;
      background-size: 30px auto; }
      #site-header.fixed .bottom .search-icon:before {
        width: 30px;
        height: 30px;
        background-size: 26px; }
    @media only screen and (min-width: 821px) {
      #site-header.fixed {
        background: -moz-linear-gradient(left, #0539dd, #e5007e);
        background: -webkit-linear-gradient(left, #0539dd, #e5007e);
        background: -ms-linear-gradient(left, #0539dd, #e5007e);
        background: linear-gradient(left, #0539dd, #e5007e); } }
    @media only screen and (max-width: 820px) {
      #site-header.fixed {
        top: 0;
        background-color: #05386c; } }
  #site-header.hide-element {
    top: -99px;
    overflow: hidden; }
    #site-header.hide-element .bottom {
      height: 64px; }
    @media only screen and (max-width: 820px) {
      #site-header.hide-element {
        top: -74px; }
        #site-header.hide-element .bottom {
          height: 73px; } }
  #site-header .nav-container {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 40px;
    left: 0;
    pointer-events: none; }
    #site-header .nav-container .secondary-nav {
      display: none; }
    @media only screen and (max-width: 820px) {
      #site-header .nav-container {
        top: 0;
        position: fixed;
        top: 0;
        left: 0;
        height: 0;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        text-align: left;
        background-color: #05386c;
        overflow: hidden;
        pointer-events: auto;
        transition: height 0.3s ease 0.3s, padding 0s linear 0.3s; }
        #site-header .nav-container.open {
          height: 100%;
          padding-bottom: 65px;
          padding-top: 73px;
          transition: height 0.3s ease, padding 0s linear;
          overflow: auto; }
          #site-header .nav-container.open:before {
            content: '';
            background-color: #05386c;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 73px;
            z-index: 2; }
          #site-header .nav-container.open #primary-nav,
          #site-header .nav-container.open .secondary-nav {
            opacity: 1;
            -webkit-transition: opacity 0.3s ease 0.3s;
            -moz-transition: opacity 0.3s ease 0.3s;
            -ms-transition: opacity 0.3s ease 0.3s;
            -o-transition: opacity 0.3s ease 0.3s;
            transition: opacity 0.3s ease 0.3s; }
          #site-header .nav-container.open .secondary-nav {
            pointer-events: auto; }
        #site-header .nav-container .secondary-nav {
          display: block;
          position: fixed;
          width: 100%;
          bottom: 0;
          left: 0;
          opacity: 0;
          pointer-events: none;
          -webkit-transition: opacity 0.3s ease;
          -moz-transition: opacity 0.3s ease;
          -ms-transition: opacity 0.3s ease;
          -o-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease; }
          #site-header .nav-container .secondary-nav ul {
            font-size: 0; }
          #site-header .nav-container .secondary-nav li {
            width: 50%;
            margin: 0;
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: center;
            font-family: "Rama Gothic E W01 Regular";
            font-size: 18px;
            background-color: #042d56;
            text-transform: uppercase; }
            #site-header .nav-container .secondary-nav li.space {
              margin-left: 0; } }
  #site-header p {
    margin: 0; }
  @media only screen and (max-width: 820px) {
    #site-header {
      height: 73px; } }

/* Top header strip */
#site-header .top, #site-header .bottom {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  html.no-flexbox #site-header .top,
  html.no-flexbox #site-header .bottom {
    display: block; }
  html.no-flexbox #site-header .top [class^=span], html.no-flexbox #site-header .bottom [class^=span] {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0 1.25%; }
    html.no-flexbox #site-header .top [class^=span] img, html.no-flexbox #site-header .bottom [class^=span] img {
      width: 100%; }
  #site-header .top > *, #site-header .bottom > * {
    line-height: normal; }
#site-header .top {
  background-color: #05386c;
  padding: 0; }
#site-header .social-links {
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 25px; }
  #site-header .social-links a {
    font-size: 18px;
    margin-left: 0;
    margin-right: 5px; }
    #site-header .social-links a.soundcloud {
      background-size: 16px;
      width: 16px;
      height: 17px; }
@media only screen and (max-width: 820px) {
  #site-header .secondary-nav {
    display: none; } }
#site-header .secondary-nav ul li {
  font-size: 14px;
  border: none;
  padding-top: 7px;
  padding-bottom: 7px;
  vertical-align: middle;
  position: relative;
  opacity: 0.9; }
  #site-header .secondary-nav ul li:before {
    content: '';
    position: absolute;
    display: inline-block;
    height: 40%;
    top: 30%;
    left: -1px;
    width: 2px;
    opacity: 0.7;
    background-color: #fff; }
  #site-header .secondary-nav ul li:first-child:before, #site-header .secondary-nav ul li.space:before {
    display: none; }
  #site-header .secondary-nav ul li.space {
    background-color: #053261;
    font-family: "Rama Gothic E W01 Regular";
    text-transform: uppercase;
    font-size: 18px;
    line-height: normal;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 20px;
    opacity: 1;
    position: relative; }
    #site-header .secondary-nav ul li.space:after {
      content: '';
      display: inline-block;
      height: 13px;
      width: 13px;
      margin-left: 4px;
      background-image: url(../images/icons/Space_Icon.html);
      background-size: auto 13px;
      background-position: center;
      background-repeat: no-repeat;
      position: relative; }
    #site-header .secondary-nav ul li.space a:hover {
      text-decoration: none; }
@media only screen and (max-width: 820px) {
  #site-header .top {
    display: none; } }

/* Bottom header strip */
#site-header .bottom {
  padding: 18px 25px; }
  #site-header .bottom .logo-area {
    position: relative;
    z-index: 1; }
    #site-header .bottom .logo-area a {
      position: relative;
      width: 138px;
      height: 70px;
      display: inline-block;
      vertical-align: top; }
      #site-header .bottom .logo-area a:hover img {
        opacity: 0.8; }
    #site-header .bottom .logo-area img {
      opacity: 1;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
    @media (min-width: 821px) and (max-width: 1024px) {
      #site-header .bottom .logo-area a {
        width: 100px;
        height: 53px; } }
#site-header.fixed .logo-area a:hover img {
  opacity: 0; }
@media only screen and (max-width: 820px) {
  #site-header .bottom {
    padding: 14px 16px; }
    #site-header .bottom .logo-area a {
      width: 85px;
      height: 45px;
      background-size: 82px auto; }
      #site-header .bottom .logo-area a:after {
        width: 3px;
        height: 42px; }
    #site-header .bottom .logo-area img {
      width: 85px;
      height: auto; } }

.menu {
  height: 22px; }
  .menu .menu-icon {
    height: 22px;
    width: 30px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .menu .menu-icon span {
      position: relative;
      height: 2px;
      width: 100%;
      display: block;
      background-color: #fff; }
      .menu .menu-icon span.middle {
        margin-top: 10px;
        -webkit-transition: background-color 0.3s ease 0.3s;
        -moz-transition: background-color 0.3s ease 0.3s;
        -ms-transition: background-color 0.3s ease 0.3s;
        -o-transition: background-color 0.3s ease 0.3s;
        transition: background-color 0.3s ease 0.3s; }
        .menu .menu-icon span.middle:before, .menu .menu-icon span.middle:after {
          content: '';
          position: absolute;
          left: 0;
          height: 2px;
          width: 100%;
          background-color: #fff;
          transition-delay: 0.3s, 0s;
          transition-duration: 0.3s;
          transition-timing-function: ease; }
        .menu .menu-icon span.middle:before {
          top: -10px;
          transition-property: top, transform; }
        .menu .menu-icon span.middle:after {
          bottom: -10px;
          transition-property: bottom, transform; }
  .menu.open .menu-icon .middle {
    background-color: transparent;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
    .menu.open .menu-icon .middle:before {
      top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .menu.open .menu-icon .middle:after {
      bottom: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .menu.open .menu-icon .middle:before, .menu.open .menu-icon .middle:after {
      transition-delay: 0s, 0.3s; }

@media only screen and (min-width: 821px) {
  .menu {
    display: none; } }
.fb-chat-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none; }
  .fb-chat-wrap.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
    .fb-chat-wrap.show .fb_dialog {
      right: 18pt !important; }

/*** Site Footer Styles ***/
#site-footer {
  background-color: #05386c;
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff; }
  #site-footer #footer-logo {
    display: inline-block;
    margin-bottom: 47px; }
    #site-footer #footer-logo img {
      height: 70px;
      width: auto; }
  #site-footer .title,
  #site-footer .social-links p {
    display: block;
    position: relative;
    margin-bottom: 25px;
    font-size: 22px;
    line-height: normal;
    font-family: "Rama Gothic E W01 Regular"; }
  #site-footer .social-links .soundcloud {
    width: 21px;
    height: 24px;
    background-size: 21px; }
  #site-footer address, #site-footer .quick-links li {
    line-height: 22px; }
  #site-footer address {
    font-style: normal;
    margin: 0; }
  #site-footer .tel {
    margin-top: 23px;
    margin-bottom: 0; }
  #site-footer .quick-links nav ul {
    list-style-type: none; }
    #site-footer .quick-links nav ul li {
      color: #fff; }
      #site-footer .quick-links nav ul li a {
        color: inherit;
        text-decoration: none; }
        #site-footer .quick-links nav ul li a:hover {
          text-decoration: underline; }
  #site-footer .quick-links {
    padding-left: 50px; }
    #site-footer .quick-links nav ul {
      margin: 0;
      padding: 0; }
      @media only screen and (min-width: 821px) {
        #site-footer .quick-links nav ul {
          columns: 2; } }
      #site-footer .quick-links nav ul li {
        padding-right: 30px; }
  #site-footer .row.bottom {
    margin-top: 65px; }
    #site-footer .row.bottom p, #site-footer .row.bottom li {
      font-size: 14px;
      line-height: normal;
      margin-bottom: 0; }

@media only screen and (max-width: 980px) {
  #site-footer .row .address {
    width: 22.5%; }
  #site-footer .row .quick-links {
    width: 47.5%; }
  #site-footer .row .logo-area {
    width: 22.5%; } }
@media only screen and (min-width: 821px) {
  .collapsible {
    display: block !important; } }
@media only screen and (max-width: 820px) {
  .collapsible {
    display: none;
    margin-bottom: 15px; }

  #site-footer {
    padding-top: 30px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0; }
    #site-footer #footer-logo {
      display: none; }
    #site-footer .title {
      padding-right: 30px;
      line-height: 28px;
      cursor: pointer; }
      #site-footer .title:after {
        content: '\f077';
        font-family: "FontAwesome";
        color: #e5007e;
        font-size: 16px;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      #site-footer .title.active:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 2px; }
    #site-footer .row [class^=span] {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px;
      padding-left: 65px;
      padding-right: 65px; }
      #site-footer .row [class^=span].text-right {
        text-align: left; }
      #site-footer .row [class^=span].logo-area {
        margin-bottom: 30px; }
    #site-footer .row.bottom {
      background-color: #023162;
      margin-top: 0;
      padding-top: 0;
      padding-bottom: 15px;
      text-align: center; }
      #site-footer .row.bottom > * {
        opacity: 0.4; }
      #site-footer .row.bottom p, #site-footer .row.bottom li {
        font-size: 12px; }
      #site-footer .row.bottom [class^=span] {
        padding-left: 45px;
        padding-right: 45px;
        margin-top: 15px;
        margin-bottom: 0; }
    #site-footer .title,
    #site-footer .social-links p {
      margin-bottom: 15px; }
    #site-footer .tel {
      margin-top: 15px; }
    #site-footer .quick-links nav {
      border-bottom: 2px solid #e5007e;
      padding-bottom: 10px; }
      #site-footer .quick-links nav li a {
        display: block;
        line-height: 28px; }
    #site-footer .footer-links {
      text-align: center; }
    #site-footer .social-links a {
      margin-left: 0;
      margin-right: 5px; } }
@keyframes wobble {
  15% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg); }
  30% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  45% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  60% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  65% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); } }
/*** Header Primary Nav ***/
#primary-nav {
  position: relative;
  pointer-events: auto;
  /* Effects immediate children only */ }
  @media only screen and (max-width: 820px) {
    #primary-nav {
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; } }
  #primary-nav ul {
    font-size: 0;
    margin-bottom: 0;
    display: inline-block;
    width: auto; }
  #primary-nav > ul {
    list-style-type: none; }
    #primary-nav > ul > li {
      font-family: "Rama Gothic E W01 Regular";
      font-size: 24px;
      line-height: normal;
      color: #fff; }
      #primary-nav > ul > li > a {
        position: relative;
        color: inherit;
        padding: 0 25px 5px 25px;
        margin: 0 7px;
        text-decoration: none; }
      @media (min-width: 821px) and (max-width: 1024px) {
        #primary-nav > ul > li {
          font-size: 20px; }
          #primary-nav > ul > li > a {
            padding: 0 10px 5px 10px; } }
      @media only screen and (min-width: 821px) {
        #primary-nav > ul > li {
          display: inline-block; }
          #primary-nav > ul > li:hover > a:before, #primary-nav > ul > li:hover > a:after, #primary-nav > ul > li.active > a:before, #primary-nav > ul > li.active > a:after {
            opacity: 1; }
          #primary-nav > ul > li.has-child > a:before, #primary-nav > ul > li.has-child > a:after {
            transition: width 0.15s ease 0.15s, transform 0.15s ease 0s, opacity 0.15s ease 0.3s; }
          #primary-nav > ul > li.has-child:hover > a:before, #primary-nav > ul > li.has-child:hover > a:after {
            width: 20px;
            transition: width 0.15s ease 0.15s, transform 0.15s ease 0.25s, opacity 0.1s ease 0s; }
          #primary-nav > ul > li.has-child:hover > a:before {
            transition: width 0.15s ease 0.15s, transform 0.15s ease 0.25s, opacity 0.1s ease 0s;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #primary-nav > ul > li.has-child:hover > a:after {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
          #primary-nav > ul > li.has-child:hover .sub {
            visibility: visible;
            opacity: 1; }
          #primary-nav > ul > li > a:before, #primary-nav > ul > li > a:after {
            content: '';
            position: absolute;
            bottom: -10px;
            height: 4px;
            width: 50%;
            background-color: #e6007f;
            transform-origin: 100% 0;
            transition: opacity 0.1s ease 0s;
            /* pre hover of list element */
            opacity: 0;
            z-index: 2;
            /* IE11 */ }
            html.no-flexboxlegacy #primary-nav > ul > li > a:before, html.no-flexboxlegacy #primary-nav > ul > li > a:after {
              -webkit-transition: none !important;
              -moz-transition: none !important;
              -ms-transition: none !important;
              -o-transition: none !important;
              transition: none !important; }
          #primary-nav > ul > li > a:before {
            right: 50%; }
          #primary-nav > ul > li > a:after {
            left: 50%;
            transform-origin: 0 0; }
          #site-header.fixed #primary-nav > ul > li > a:before, #site-header.fixed #primary-nav > ul > li > a:after {
            bottom: -3px; } }
  #primary-nav.hide-element > ul {
    left: -100%; }
    #primary-nav.hide-element > ul .sub {
      opacity: 1;
      visibility: visible; }
  @media only screen and (min-width: 821px) {
    #primary-nav .mobile {
      display: none; } }
  @media only screen and (max-width: 820px) {
    #primary-nav .desktop {
      display: none; }
    #primary-nav .mobile > ul {
      width: 100%; }
      #primary-nav .mobile > ul > li {
        position: relative;
        font-family: "Rama Gothic E W01 Regular";
        font-size: 22px;
        margin: 22px 0 0 0;
        line-height: normal;
        color: #fff; }
        #primary-nav .mobile > ul > li > a {
          position: relative;
          color: inherit;
          padding: 0 36px;
          margin: 0;
          text-decoration: none; }
        #primary-nav .mobile > ul > li i {
          cursor: pointer;
          font-style: normal;
          font-family: "FontAwesome";
          font-size: 16px;
          line-height: 24px;
          text-align: right;
          height: 24px;
          width: 24px;
          color: #e5007e;
          position: absolute;
          right: 24px;
          top: 0; }
    #primary-nav .mobile .top-level-list {
      position: relative;
      left: 0;
      -webkit-transition: left 0.3s ease;
      -moz-transition: left 0.3s ease;
      -ms-transition: left 0.3s ease;
      -o-transition: left 0.3s ease;
      transition: left 0.3s ease; }
      #primary-nav .mobile .top-level-list.hide-element {
        left: -100%; }
    #primary-nav .mobile .sub-level-list {
      position: absolute;
      top: 0;
      right: -100%;
      width: 100%;
      padding-top: 20px;
      -webkit-transition: right 0.3s ease;
      -moz-transition: right 0.3s ease;
      -ms-transition: right 0.3s ease;
      -o-transition: right 0.3s ease;
      transition: right 0.3s ease; }
      #primary-nav .mobile .sub-level-list.show {
        right: 0; }
      #primary-nav .mobile .sub-level-list .back {
        display: block;
        position: relative;
        font-family: "Rama Gothic E W01 Regular";
        font-size: 22px;
        padding: 0 36px;
        line-height: normal;
        color: #fff;
        cursor: pointer; }
        #primary-nav .mobile .sub-level-list .back i {
          font-style: normal;
          font-family: "FontAwesome";
          font-size: 16px;
          color: #e5007e;
          margin-right: 10px; }
      #primary-nav .mobile .sub-level-list ul li {
        color: #fff;
        line-height: normal;
        font-size: 18px;
        font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        display: block;
        margin-top: 22px; }
        #primary-nav .mobile .sub-level-list ul li a {
          position: relative;
          color: inherit;
          text-decoration: none;
          padding: 0 36px 0 55px; }
          #primary-nav .mobile .sub-level-list ul li a:before {
            content: '';
            position: absolute;
            left: 36px;
            top: 12px;
            height: 1px;
            width: 14px;
            background-color: #e5007e; } }

/* Header Primary Nav - Sub Nav */
#primary-nav .sub {
  position: absolute;
  left: 0;
  top: 68px;
  width: 100%;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.15s ease 0.275s;
  -moz-transition: all 0.15s ease 0.275s;
  -ms-transition: all 0.15s ease 0.275s;
  -o-transition: all 0.15s ease 0.275s;
  transition: all 0.15s ease 0.275s; }
  #site-header.fixed #primary-nav .sub {
    top: 45px; }
    #site-header.fixed #primary-nav .sub .row {
      padding: 30px 60px; }
  #primary-nav .sub .row {
    padding: 50px 60px;
    background-color: rgba(5, 56, 108, 0.99);
    width: 100%;
    max-width: 770px;
    pointer-events: auto; }
    #primary-nav .sub .row [class^=span] {
      text-align: left; }
      #primary-nav .sub .row [class^=span] ul {
        display: block;
        border-right: 2px solid rgba(255, 255, 255, 0.5);
        list-style-type: none; }
        #primary-nav .sub .row [class^=span] ul li {
          display: block;
          margin-right: 0;
          padding-bottom: 13px;
          padding-left: 0; }
          #primary-nav .sub .row [class^=span] ul li:before {
            display: none; }
          #primary-nav .sub .row [class^=span] ul li a {
            text-decoration: none;
            position: relative;
            display: block;
            padding-right: 15px; }
            #primary-nav .sub .row [class^=span] ul li a:hover {
              color: #fff; }
            #primary-nav .sub .row [class^=span] ul li a:after {
              content: '';
              width: 5px;
              background-color: #e5007e;
              right: -2px;
              top: 0;
              position: absolute;
              height: 0; }
            #primary-nav .sub .row [class^=span] ul li a.active {
              color: #fff; }
              #primary-nav .sub .row [class^=span] ul li a.active:after {
                height: 100%; }
          #primary-nav .sub .row [class^=span] ul li:last-child {
            padding: 0; }
      #primary-nav .sub .row [class^=span].sub-list {
        padding-left: 20px; }
        #primary-nav .sub .row [class^=span].sub-list ul {
          border: none; }
      @media only screen and (max-width: 980px) {
        #primary-nav .sub .row [class^=span].top-level, #primary-nav .sub .row [class^=span].sub-list {
          width: 47.5%; } }
  #primary-nav .sub .top-level-list > li {
    font-family: "Rama Gothic E W01 Regular";
    font-size: 24px;
    line-height: normal;
    color: rgba(255, 255, 255, 0.5); }
    #primary-nav .sub .top-level-list > li a {
      color: inherit; }
  #primary-nav .sub .sub-level-list {
    display: none; }
    #primary-nav .sub .sub-level-list ul {
      list-style: none;
      border: none; }
      #primary-nav .sub .sub-level-list ul li {
        color: #fff;
        line-height: normal;
        font-size: 18px;
        font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; }
        #primary-nav .sub .sub-level-list ul li a {
          color: inherit; }

/* Secondary Nav within the Top part of the site-header; and footer links with the site-footer.
 * Header and footer specific styles can be found in their respective scss files.
 */
.footer-links ul,
.secondary-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .footer-links ul li,
  .secondary-nav ul li {
    display: inline-block;
    color: #fff; }
    .footer-links ul li a,
    .secondary-nav ul li a {
      color: inherit;
      text-decoration: none;
      border-bottom: 1px solid transparent;
      -webkit-transition: border-color 0.2s ease;
      -moz-transition: border-color 0.2s ease;
      -ms-transition: border-color 0.2s ease;
      -o-transition: border-color 0.2s ease;
      transition: border-color 0.2s ease; }
      .footer-links ul li a:hover,
      .secondary-nav ul li a:hover {
        border-color: #fff; }

.secondary-nav ul li {
  margin-left: 3px;
  padding-left: 7px; }
  .secondary-nav ul li:first-child {
    border: none;
    padding-left: 0;
    margin-left: 0; }

.footer-links ul li {
  margin-right: 3px;
  padding-right: 7px;
  border-right: 2px solid #e6e6e6; }
  .footer-links ul li:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0; }
  .footer-links ul li a {
    display: block;
    height: 14px;
    line-height: 14px; }

.breadcrumbs {
  position: relative;
  padding-top: 100px;
  margin-bottom: 15px; }
  .breadcrumbs ul li {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    margin-bottom: 0;
    color: #fff; }
    .breadcrumbs ul li a {
      color: inherit;
      text-decoration: none;
      padding-right: 12px;
      position: relative; }
      .breadcrumbs ul li a:after {
        content: '>';
        position: absolute;
        right: 2px;
        top: -1px; }
      .breadcrumbs ul li a:hover {
        text-decoration: underline; }
        .breadcrumbs ul li a:hover:after {
          text-decoration: none; }
  @media only screen and (max-width: 820px) {
    .breadcrumbs {
      margin-bottom: 20px; } }

/* lcm-pagination */
.lcm-pagination-group {
  text-align: center; }

.lcm-listing-count {
  display: inline-block; }
  .lcm-listing-count p {
    display: inline-block; }
  .lcm-listing-count .select-wrapper {
    display: inline-block;
    width: auto;
    position: relative;
    margin: 0 6px; }
    .lcm-listing-count .select-wrapper .select-arrow {
      position: absolute;
      top: 4px;
      right: 0; }
    .lcm-listing-count .select-wrapper select {
      background-color: white;
      color: #0539dd;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer;
      font-size: 16px !important;
      background-color: #fff;
      color: #05386c !important;
      font-weight: bold;
      margin-bottom: 0;
      padding: 10px 25px 11px 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25); }

.lcm-pagination {
  padding-top: 68px;
  padding-bottom: 68px;
  width: 100%;
  max-width: 560px;
  list-style: none;
  font-size: 0;
  display: inline-block;
  text-align: center; }
  .lcm-pagination li {
    display: inline-block;
    width: 14.2857142857%;
    max-width: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #31312e;
    font-weight: bold;
    border-top: 2px solid #ebe5db; }
    .lcm-pagination li:hover a:not(.disabled), .lcm-pagination li.active a:not(.disabled) {
      opacity: 1; }
      .lcm-pagination li:hover a:not(.disabled):before, .lcm-pagination li.active a:not(.disabled):before {
        opacity: 1; }
    .lcm-pagination li a {
      position: relative;
      display: block;
      padding-top: 17px;
      padding-bottom: 17px;
      color: inherit;
      text-decoration: none;
      text-align: center;
      opacity: 0.6;
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      -ms-transition: opacity 0.2s ease;
      -o-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease; }
      .lcm-pagination li a:before {
        content: '';
        position: absolute;
        top: -4px;
        right: 0;
        width: 100%;
        height: 4px;
        background-color: #e5007e;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -ms-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease; }
      .lcm-pagination li a.disabled {
        opacity: 0.25; }
    .lcm-pagination li.prev a:after, .lcm-pagination li.next a:after {
      position: absolute;
      top: 17px;
      color: inherit;
      font-family: "FontAwesome"; }
    .lcm-pagination li.prev a:after {
      content: '\f177';
      left: 0; }
    .lcm-pagination li.next a:after {
      content: '\f178';
      right: 0; }

@media only screen and (max-width: 980px) {
  .lcm-pagination {
    padding-top: 48px;
    padding-bottom: 48px; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .lcm-pagination {
    padding-top: 30px;
    padding-bottom: 25px; }
    .lcm-pagination li a.prev, .lcm-pagination li a.next {
      min-width: 60px; }
    .lcm-pagination li a.prev {
      padding-left: 15px; }
    .lcm-pagination li a.next {
      padding-right: 15px; }
    .lcm-pagination.pages2 li {
      width: 25%; }
    .lcm-pagination.pages3 li, .lcm-pagination.pages4 li, .lcm-pagination.pages5 li {
      width: 20%;
      max-width: none; }
    .lcm-pagination.pages4 li:nth-child(5) {
      display: none; }
    .lcm-pagination.pages5 li:nth-child(2), .lcm-pagination.pages5 li:nth-child(6) {
      display: none; } }
/* Small mobile styles */
@media (max-width: 420px) {
  .lcm-pagination.pages3 li, .lcm-pagination.pages4 li, .lcm-pagination.pages5 li {
    width: 33.3333333333%; }
    .lcm-pagination.pages3 li:not(.active), .lcm-pagination.pages4 li:not(.active), .lcm-pagination.pages5 li:not(.active) {
      display: none; }
    .lcm-pagination.pages3 li.prev, .lcm-pagination.pages3 li.next, .lcm-pagination.pages4 li.prev, .lcm-pagination.pages4 li.next, .lcm-pagination.pages5 li.prev, .lcm-pagination.pages5 li.next {
      display: inline-block; } }
/**
 * Pages
 *
 * Individual page styles, helps to keep them
 * well defined and separate
 */
.search-results .item {
  margin-top: 24px;
  margin-bottom: 0;
  padding-bottom: 26px;
  border-bottom: 1px solid #d7cbb6;
  background-color: transparent; }
  .search-results .item:last-child {
    border-bottom: none; }
  .search-results .item .title {
    display: block;
    font-family: "Rama Gothic E W01 Regular";
    color: #05386c;
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 5px; }
    .search-results .item .title a {
      color: inherit;
      text-decoration: none; }
      .search-results .item .title a:hover {
        text-decoration: underline; }
  .search-results .item p,
  .search-results .item > a {
    display: inline;
    font-size: 16px;
    font-size: 1rem; }
  .search-results .item p {
    position: relative;
    margin-bottom: 0;
    padding-right: 10px; }
    .search-results .item p:after {
      content: '';
      display: inline-block;
      position: absolute;
      width: 1px;
      height: 16px;
      right: 3px;
      bottom: 1px;
      background-color: #464643; }
  .search-results .item > a {
    color: #878787;
    text-decoration: none; }
    .search-results .item > a:hover {
      text-decoration: underline; }

/* Course Intro area */
#course-intro {
  padding: 15px 0; }
  #course-intro .rich-text h2 {
    margin-bottom: 30px; }
  #course-intro .key-points {
    background-color: #fff;
    padding: 20px 30px 12px 30px; }
    #course-intro .key-points ul {
      list-style: none;
      margin: 0; }
      #course-intro .key-points ul li {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 20px;
        padding-bottom: 8px;
        margin: 0;
        padding-left: 30px;
        position: relative; }
        #course-intro .key-points ul li:before {
          font-family: "FontAwesome";
          position: absolute;
          display: inline-block;
          font-size: 15px;
          top: 1px;
          left: 0;
          color: #e5007e; }
        #course-intro .key-points ul li time > span {
          display: inline-block; }
        #course-intro .key-points ul li.date:before {
          content: '\f133'; }
        #course-intro .key-points ul li.duration:before {
          content: '\f251';
          left: 1px; }
        #course-intro .key-points ul li.venue:before {
          content: '\f041';
          top: 0;
          left: 3px;
          font-size: 17px; }
        #course-intro .key-points ul li.fee {
          background-image: url(../images/icons/Price_Icon_Pink.html);
          background-repeat: no-repeat;
          background-position: left top 2px;
          background-size: 16px; }
        #course-intro .key-points ul li.age:before {
          content: '\f1fd'; }
        #course-intro .key-points ul li.tutors:before {
          content: '\f19d';
          left: -2px; }
        #course-intro .key-points ul li.ucas-code:before {
          content: '\f02b';
          left: 1px; }
        #course-intro .key-points ul li.study-mode:before {
          content: '\f017';
          left: 1px; }
        #course-intro .key-points ul li.validation:before {
          content: '\f19c';
          left: -1px; }
        #course-intro .key-points ul li.awarded:before {
          content: '\f0a3';
          left: 1px; }

/* Min-max desktop styles */
@media only screen and (min-width: 821px) and (max-width: 1200px) {
  #course-intro {
    padding: 15px; }
    #course-intro [class^=span] {
      margin: 0 1.25%; }
    #course-intro .text-area, #course-intro .key-points {
      width: 47.5%; }
    #course-intro .hr {
      width: 97.5%; } }
/* Tablet styles */
@media only screen and (max-width: 820px) {
  #course-intro {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px; }
    #course-intro [class^=span] {
      margin-left: 1.25%;
      width: 97.5%; } }
@media only screen and (min-width: 569px) and (max-width: 820px) {
  #course-intro .rich-text,
  #course-intro .key-points {
    width: 47.5%; }
    #course-intro .rich-text.span10,
    #course-intro .key-points.span10 {
      width: 97.5%; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  #course-intro {
    margin-bottom: 30px; }
    #course-intro .rich-text,
    #course-intro .key-points {
      background-color: #fff;
      padding: 15px; }
    #course-intro .rich-text h2 {
      margin-bottom: 15px; }
    #course-intro .rich-text[class^=span10] {
      display: none; }
    #course-intro .key-points {
      padding-top: 0; } }
/*** Course Jump Nav ***/
.course-jump-nav-wrapper {
  display: block;
  width: 100%;
  margin-top: -70px;
  margin-bottom: 50px; }

.course-jump-nav {
  background-color: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.05);
  /* Course Jump Nav apply button */
  /* Jump Select styles for tablet/mobile */ }
  .course-jump-nav .scroll {
    padding-right: 170px; }
  .course-jump-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 9px 0;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden; }
    .course-jump-nav ul li {
      display: inline-block;
      color: rgba(0, 0, 0, 0.5);
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 22px;
      padding: 0 15px 0 0;
      margin-right: 15px;
      font-family: "Rama Gothic E W01 Regular";
      margin-bottom: 10px;
      border-right: 1px solid rgba(0, 0, 0, 0.25); }
      .course-jump-nav ul li:last-child {
        border: none; }
      .course-jump-nav ul li a {
        text-decoration: none;
        color: inherit;
        -webkit-transition: color 0.2s ease;
        -moz-transition: color 0.2s ease;
        -ms-transition: color 0.2s ease;
        -o-transition: color 0.2s ease;
        transition: color 0.2s ease; }
        .course-jump-nav ul li a:hover, .course-jump-nav ul li a.active {
          color: #e5007e; }
    html.touch .course-jump-nav ul.horizontal-scroll {
      overflow: auto; }
  .course-jump-nav .apply-btn {
    background: -moz-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
    background: -webkit-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
    background: linear-gradient(to 30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
    background: -ms-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    min-width: 150px;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 11px;
    display: inline-block;
    padding: 7px 9px 9px;
    color: #fff;
    text-align: center;
    text-decoration: none; }
    .course-jump-nav .apply-btn span {
      display: inline-block;
      color: #fff;
      position: relative;
      z-index: 1; }
    .course-jump-nav .apply-btn:before {
      content: '';
      position: absolute;
      -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: #fff;
      z-index: 0;
      background-color: #e5007e;
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      -ms-transition: opacity 0.2s ease;
      -o-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease; }
    .course-jump-nav .apply-btn:after {
      content: '\f044';
      position: relative;
      margin-left: 10px;
      font-size: 18px;
      font-family: "FontAwesome";
      font-weight: normal;
      top: 1px; }
    .course-jump-nav .apply-btn:hover {
      background: -moz-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
      background: -webkit-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
      background: linear-gradient(to 30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
      background: -ms-linear-gradient(30deg, #e5007e 0%, #e5007e 30%, #05386c 100%);
      -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25); }
      .course-jump-nav .apply-btn:hover:before {
        opacity: 0; }
  .course-jump-nav .jump-select {
    display: none;
    width: 100%;
    background-color: #fff;
    padding: 8px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.25);
    -webkit-transition: bottom 0.3s linear;
    -moz-transition: bottom 0.3s linear;
    -ms-transition: bottom 0.3s linear;
    -o-transition: bottom 0.3s linear;
    transition: bottom 0.3s linear; }
    .course-jump-nav .jump-select > span {
      display: inline-block;
      position: relative;
      color: #636466;
      font-size: 16px;
      padding: 6px 25px 6px 0;
      cursor: pointer; }
      .course-jump-nav .jump-select > span:after {
        content: '\f078';
        position: absolute;
        right: 0;
        top: 6px;
        color: #e5007e;
        font-size: 14px;
        font-family: "FontAwesome";
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .course-jump-nav .jump-select > span.active:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 9px; }
    .course-jump-nav .jump-select .apply-btn {
      font-size: 14px;
      right: 20px;
      padding-top: 3px;
      padding-bottom: 5px;
      top: 9px; }
    .course-jump-nav .jump-select ul {
      width: 100%;
      clear: both;
      display: none;
      padding: 10px 0 0 0;
      max-height: 250px;
      overflow: auto; }
      .course-jump-nav .jump-select ul li {
        display: block;
        border: none;
        padding: 0;
        margin: 0; }
        .course-jump-nav .jump-select ul li a {
          display: block;
          font-size: 15px;
          line-height: 32px;
          padding: 0 0 0 33px;
          position: relative;
          color: inherit;
          text-decoration: none;
          color: #636466;
          border: none;
          font-family: "Source Sans Pro", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
          -webkit-transition: color 0.2s ease;
          -moz-transition: color 0.2s ease;
          -ms-transition: color 0.2s ease;
          -o-transition: color 0.2s ease;
          transition: color 0.2s ease; }
          .course-jump-nav .jump-select ul li a:before {
            content: '';
            position: absolute;
            left: 15px;
            top: 16px;
            height: 1px;
            width: 14px;
            background-color: #e5007e; }
          .course-jump-nav .jump-select ul li a.active {
            color: #e5007e; }

@media only screen and (min-width: 821px) {
  .course-jump-nav {
    padding-left: 15px;
    padding-right: 15px; }
    .course-jump-nav.fixed {
      position: fixed;
      top: 0;
      left: 0;
      margin-top: 0;
      margin-bottom: 0;
      width: 100%;
      -webkit-transition: top 0.3s ease;
      -moz-transition: top 0.3s ease;
      -ms-transition: top 0.3s ease;
      -o-transition: top 0.3s ease;
      transition: top 0.3s ease; }
      .course-jump-nav.fixed.header-fixed {
        top: 63px; } }
@media only screen and (max-width: 820px) {
  .course-jump-nav-wrapper {
    margin-top: 0;
    margin-bottom: 0; }

  .course-jump-nav > .row {
    display: none; }
  .course-jump-nav .jump-select {
    display: block; } }
.price {
  padding: 9px 12px;
  background-color: #e5007e;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  min-width: 85px;
  text-align: center;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0; }

.pricing {
  background-image: url(../images/icons/Price_Icon.html);
  background-repeat: no-repeat;
  background-position: left top 1px;
  background-size: 16px; }
  .pricing:before {
    display: none; }

.short-course-listing {
  padding-top: 60px; }

.short-course-listing .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  html.no-flexbox .short-course-listing .flex {
    display: block; }
.short-course-listing .flex-wrap,
.short-course-listing > .flex {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
.short-course-listing .course-item {
  font-size: 0;
  margin-bottom: 20px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  html.no-flexbox .short-course-listing .course-item {
    display: block; }
  .short-course-listing .course-item aside,
  .short-course-listing .course-item article {
    display: inline-block;
    vertical-align: top; }
  .short-course-listing .course-item aside {
    width: 220px;
    position: relative;
    overflow: hidden;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat; }
    .short-course-listing .course-item aside img {
      width: 100%;
      height: auto;
      max-width: none; }
  .short-course-listing .course-item article {
    position: relative;
    height: 100%;
    background-color: #fff;
    padding: 17px 30px;
    width: -moz-calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    width: -o-calc(100% - 220px);
    width: calc(100% - 220px); }
    .short-course-listing .course-item article .title,
    .short-course-listing .course-item article time,
    .short-course-listing .course-item article .pricing {
      display: block; }
    .short-course-listing .course-item article time,
    .short-course-listing .course-item article .pricing {
      padding-left: 25px;
      position: relative;
      font-size: 15px;
      line-height: normal;
      margin-bottom: 7px;
      color: #31312e;
      display: block; }
      .short-course-listing .course-item article time:before,
      .short-course-listing .course-item article .pricing:before {
        content: '';
        position: absolute;
        top: 1px;
        left: 0;
        font-family: "FontAwesome";
        color: inherit;
        font-size: 18px; }
      .short-course-listing .course-item article time.date:before,
      .short-course-listing .course-item article .pricing.date:before {
        content: '\f133'; }
      .short-course-listing .course-item article time.time:before,
      .short-course-listing .course-item article .pricing.time:before {
        content: '\f017'; }
    .short-course-listing .course-item article time > span {
      display: inline-block; }
    .short-course-listing .course-item article .title {
      font-family: "Rama Gothic E W01 Regular";
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 24px;
      color: #05386c;
      text-transform: uppercase;
      display: block;
      margin-bottom: 20px; }
      .short-course-listing .course-item article .title a {
        color: inherit;
        text-decoration: none; }
        .short-course-listing .course-item article .title a:hover {
          text-decoration: underline; }

/* Max desktop styles */
@media only screen and (max-width: 1200px) {
  .short-course-listing {
    padding-left: 20px;
    padding-right: 20px; } }
/* Small desktop styles */
@media only screen and (max-width: 980px) {
  .short-course-listing .course-item {
    width: 97.5%; }
    .short-course-listing .course-item article .keyline-button {
      margin-top: 20px; } }
@media only screen and (min-width: 569px) {
  .short-course-listing .course-item article {
    padding-bottom: 75px; } }
@media only screen and (min-width: 569px) {
  .short-course-listing .course-item article .keyline-button {
    position: absolute;
    left: 30px;
    bottom: 20px; } }
/* Tablet styles */
@media only screen and (min-width: 569px) and (max-width: 820px) {
  .short-course-listing .course-item aside img {
    height: 100%;
    width: auto; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .pricing {
    background-position: left top 2px; }

  .short-course-listing .flex {
    display: block; }
  .short-course-listing .course-item aside,
  .short-course-listing .course-item article {
    display: block;
    width: 100%; }
  .short-course-listing .course-item aside {
    background-image: none; }
    .short-course-listing .course-item aside img {
      display: block;
      margin-left: 0;
      width: 100%;
      height: auto; }
  .short-course-listing .course-item article {
    padding-left: 15px;
    padding-right: 15px; } }
/* Key Details */
.key-details {
  padding: 20px 30px 18px 30px;
  margin-top: 30px;
  margin-bottom: 50px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  html.no-flexbox .key-details {
    display: block; }
  .key-details .date-time {
    width: 26%; }
    .key-details .date-time time {
      padding-left: 25px;
      position: relative;
      font-size: 15px;
      line-height: normal;
      margin-bottom: 7px;
      color: #31312e;
      display: block;
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 0; }
      .key-details .date-time time:before {
        content: '';
        position: absolute;
        top: 1px;
        left: 0;
        font-family: "FontAwesome";
        color: inherit;
        font-size: 18px; }
      .key-details .date-time time.date:before {
        content: '\f133'; }
      .key-details .date-time time.time:before {
        content: '\f017'; }
      .key-details .date-time time:before {
        top: 0; }
  .key-details .address {
    padding-left: 25px;
    position: relative;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 7px;
    color: #31312e;
    display: block;
    font-size: 18px;
    line-height: 26px;
    width: 38%;
    padding-right: 15px;
    margin-bottom: 0; }
    .key-details .address:before {
      content: '';
      position: absolute;
      top: 1px;
      left: 0;
      font-family: "FontAwesome";
      color: inherit;
      font-size: 18px; }
    .key-details .address.date:before {
      content: '\f133'; }
    .key-details .address.time:before {
      content: '\f017'; }
    .key-details .address:before {
      content: '\f041'; }
    .key-details .address address {
      font-style: normal; }
  .key-details .entry {
    width: 15%;
    font-size: 32px; }
    .key-details .entry span {
      text-transform: uppercase;
      font-size: 14px;
      display: block;
      margin-bottom: -10px; }
  .key-details .button {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 30px;
    min-width: 150px;
    max-height: 40px;
    margin-top: 7px;
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .key-details .button:before {
      -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      -ms-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25); }

/* Small desktop styles */
@media only screen and (max-width: 980px) {
  .key-details {
    margin-bottom: 30px;
    display: block; }
    .key-details .date-time,
    .key-details .address {
      width: 100%;
      display: block; }
    .key-details .address {
      margin-top: 10px; }
      .key-details .address address {
        display: inline-block; } }
@media (min-width: 569px) and (max-width: 980px) {
  .key-details .entry,
  .key-details .button {
    position: absolute;
    top: 45px; }
  .key-details .entry {
    right: 195px;
    width: auto; }
  .key-details .button {
    right: 30px; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .key-details {
    padding: 15px 15px 10px 15px; }
    .key-details .address {
      margin-bottom: 10px; }
    .key-details .entry,
    .key-details .button {
      display: inline-block;
      vertical-align: middle; }
    .key-details .entry {
      width: auto; }
    .key-details .button {
      float: right;
      min-width: 130px; } }
.row .undergrad-course-item {
  margin-bottom: 20px; }

.undergrad-course-item {
  background-color: #fff;
  padding: 27px 30px 30px 30px;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* With image variant */ }
  html.no-flexbox .undergrad-course-item {
    display: block; }
  html.no-flexbox .undergrad-course-item [class^=span] {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0 1.25%; }
    html.no-flexbox .undergrad-course-item [class^=span] img {
      width: 100%; }
  .undergrad-course-item article,
  .undergrad-course-item .study {
    height: 100%; }
  .undergrad-course-item article {
    width: -moz-calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
    width: -o-calc(100% - 280px);
    width: calc(100% - 280px);
    padding-right: 30px; }
    .undergrad-course-item article .title {
      display: block;
      font-size: 28px;
      font-size: 1.75rem;
      font-family: "Rama Gothic E W01 Regular";
      text-transform: uppercase;
      color: #05386c;
      margin-bottom: 15px; }
      .undergrad-course-item article .title a {
        color: inherit;
        text-decoration: none; }
        .undergrad-course-item article .title a:hover {
          text-decoration: underline; }
    .undergrad-course-item article p {
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 27px; }
  .undergrad-course-item .study {
    min-height: 174px;
    width: 280px;
    text-align: center;
    border-left: 2px dotted #efeae2;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    html.no-flexbox .undergrad-course-item .study {
      display: block; }
    html.no-flexbox .undergrad-course-item .study [class^=span] {
      display: table-cell;
      vertical-align: middle;
      float: none;
      padding: 0 1.25%; }
      html.no-flexbox .undergrad-course-item .study [class^=span] img {
        width: 100%; }
    .undergrad-course-item .study .study-mode,
    .undergrad-course-item .study .duration {
      display: inline-block;
      position: relative;
      margin: 0 20px;
      padding-top: 30px; }
      .undergrad-course-item .study .study-mode:before,
      .undergrad-course-item .study .duration:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0; }
      .undergrad-course-item .study .study-mode span,
      .undergrad-course-item .study .duration span {
        color: #878787;
        font-size: 16px;
        line-height: 16px;
        display: block; }
        .undergrad-course-item .study .study-mode span.pink,
        .undergrad-course-item .study .duration span.pink {
          color: #e5007e;
          font-size: 18px;
          line-height: 20px;
          font-weight: bold; }
    .undergrad-course-item .study .study-mode:before {
      left: 50%;
      margin-left: -10px;
      width: 20px;
      height: 20px;
      top: 2px;
      background-image: url(../images/icons/Study_Mode_Icon.html);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px; }
    .undergrad-course-item .study .duration:before {
      content: '\f251';
      width: 100%;
      font-size: 22px;
      line-height: 22px;
      color: #878787;
      font-family: "FontAwesome"; }
  .undergrad-course-item.has-image {
    padding: 0; }
    .undergrad-course-item.has-image article {
      padding: 26px 30px 30px 30px; }
    .undergrad-course-item.has-image .study {
      min-height: 0; }
    .undergrad-course-item.has-image .image {
      overflow: hidden; }

/* Min desktop and above */
@media only screen and (min-width: 821px) {
  /* With image variant */
  .undergrad-course-item.has-image {
    padding: 0; }
    .undergrad-course-item.has-image article,
    .undergrad-course-item.has-image .image {
      width: 50%; }
    .undergrad-course-item.has-image .study {
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      width: auto;
      height: auto;
      padding: 20px 0 50px 0;
      border: none; }
      .undergrad-course-item.has-image .study .study-mode,
      .undergrad-course-item.has-image .study .duration {
        padding-top: 0;
        padding-left: 35px;
        margin: 0; }
        .undergrad-course-item.has-image .study .study-mode:before,
        .undergrad-course-item.has-image .study .duration:before {
          width: auto;
          height: 100%;
          left: 0;
          margin-left: 0; }
      .undergrad-course-item.has-image .study .study-mode {
        margin-right: 40px; }
        .undergrad-course-item.has-image .study .study-mode:before {
          background-position: left center;
          background-size: 23px;
          top: 0;
          width: 23px; }
      .undergrad-course-item.has-image .study .duration:before {
        font-size: 26px;
        line-height: 26px;
        top: 6px; }
    .undergrad-course-item.has-image .image {
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: cover; }
      .undergrad-course-item.has-image .image img {
        min-width: 100%;
        min-height: 100%;
        max-width: none; } }
/* Tablet styles */
@media only screen and (max-width: 820px) {
  .undergrad-course-item {
    display: block;
    /* With image variant */ }
    .undergrad-course-item article,
    .undergrad-course-item .study {
      width: 100%;
      height: auto;
      -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
    .undergrad-course-item .study {
      min-height: 0;
      margin-top: 30px;
      padding-top: 30px;
      border-left: none;
      border-top: 2px dotted #efeae2; }
    .undergrad-course-item.has-image .study {
      padding-bottom: 30px; }
    .undergrad-course-item.has-image .image {
      background-image: none !important;
      /* override inline style */ }
      .undergrad-course-item.has-image .image img {
        width: 100%;
        height: auto; } }
/* Mobile styles */
@media only screen and (max-width: 568px) {
  .row .undergrad-course-item {
    padding: 15px 15px 30px 15px;
    /* With image variant */ }
    .row .undergrad-course-item:last-child {
      margin-bottom: 30px; }
    .row .undergrad-course-item.has-image {
      padding: 0; }
      .row .undergrad-course-item.has-image article {
        padding: 15px 15px 30px 15px; }
      .row .undergrad-course-item.has-image .study {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 25px; } }

/*# sourceMappingURL=style.css.map */