/****************************************
* Primary colours
****************************************/
/****************************************
* Secondary colours
****************************************/
/****************************************
* Tertiary colours - not in style guide but used in PSDs
****************************************/
/****************************************
* Department colours
****************************************/
/*
* @file
* Animation rules that can be included elsewhere for use
*/
@keyframes pulse_animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/**
 * Include the CSS transition rule & associated browser prefix versions where required
 *
 * @param $property string CSS property for transition, I.E. all, scale, color
 */
/**
* @file
* Adds an arrow to the right of an element which animates right slightly on hover
*/
/**
* @file
* This has been created to keep code other SASS files DRY as there's quite a few places where flexbox justify is required but IE10 requires special browser prefixes
*/
/**
* @file
* Defaults all elements to have the border box box sizing
*/
html {
  box-sizing: border-box;
}

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

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

body,
html {
  color: #363636;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
}

h1,
h2,
h3 {
  font-family: futura-pt-bold, sans-serif;
  text-transform: uppercase;
}

h4,
h5,
h6 {
  font-family: futura-pt, sans-serif;
  text-transform: uppercase;
}

h1 {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.050em;
  margin-bottom: 20px;
}
@media (min-width: 1170px) {
  h1 {
    font-size: 35px;
    line-height: 45px;
  }
}

h2 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.035em;
}

h3 {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.010em;
}

h4 {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.035em;
}

h5 {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0;
}

h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

p {
  margin: 0 0 10px 0;
  line-height: 25px;
  letter-spacing: 0.01em;
}

blockquote {
  font-style: italic;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.01em;
  margin: 15px 0;
}

a {
  color: #898989;
  cursor: pointer;
  text-decoration: none;
  -o-transition: color .4s ease-out, background .4s ease-in;
  -ms-transition: color .4s ease-out, background .4s ease-in;
  -moz-transition: color .4s ease-out, background .4s ease-in;
  -webkit-transition: color .4s ease-out, background .4s ease-in;
  transition: color .4s ease-out, background .4s ease-in;
}
a:hover {
  color: #252525;
}

li {
  padding-left: 20px;
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.01em;
}

fieldset {
  padding: 0;
  border: none;
}

input,
select {
  max-width: 100%;
  padding: 10px 25px;
  border: 1px solid #259A8D;
  background-color: white;
}

select {
  color: #898989;
}

option {
  color: #000;
}

option:first-child {
  color: #898989;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #898989;
}

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

:-ms-input-placeholder {
  /* IE 10+ */
  color: #898989;
}

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

iframe {
  width: 100%;
  max-width: 100%;
}

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

/**
 * Swiper 3.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: June 14, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Cube */
.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/**
* @file
* Custom grid system for site
*/
[class*='col-'] {
  margin-top: 30px;
}
@media (min-width: 480px) and (max-width: 899px) {
  [class*='col-'] {
    padding: 0 50px;
  }
}
@media (min-width: 900px) {
  [class*='col-'] {
    float: left;
    padding-right: 30px;
  }
}

.col--no-marg-top {
  margin-top: 0 !important;
}

.col--related-course {
  position: relative;
  padding: 0 20px !important;
}

.col-1-2 {
  width: 100%;
}
@media (min-width: 900px) {
  .col-1-2 {
    width: 50%;
  }
}

/*
* Small variant for the .col-1-2 used to keep the 50/50 split on smaller screens. Example can be found on homepage course search 'block'
*/
.col-1-2--smallv {
  margin: 0 !important;
}
@media (min-width: 480px) and (max-width: 899px) {
  .col-1-2--smallv {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .col-1-2--smallv {
    float: left;
    width: 50% !important;
    padding: 0 30px 0 0;
  }
  .col-1-2--smallv:last-of-type {
    padding-right: 0;
  }
}

/******************************
* Grid used for sidebar & main content
******************************/
.col-1-3 {
  width: 25%;
  padding-left: 10px;
}
@media (max-width: 899px) {
  .col-1-3 {
    display: none;
  }
}
@media (min-width: 1200px) {
  .col-1-3 {
    padding-left: 0;
  }
}

.col-2-3 {
  width: 100%;
  padding: 0 15px;
}
@media (min-width: 900px) {
  .col-2-3 {
    width: 75%;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .col-2-3 {
    padding-right: 0;
  }
}

/******************************
* Grid used for homepage events section (at the bottom)
******************************/
.col-1-3--rev {
  width: 25%;
  padding-right: 0;
}
@media (max-width: 899px) {
  .col-1-3--rev {
    width: auto;
  }
}
@media (min-width: 480px) and (max-width: 899px) {
  .col-1-3--rev {
    padding-right: 50px;
  }
}
@media (min-width: 900px) {
  .col-1-3--rev {
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-1-3--rev {
    padding-left: 80px;
  }
}

.col-2-3--rev {
  width: 100%;
  padding: 0 15px;
  outline: none;
}
@media (min-width: 900px) {
  .col-2-3--rev {
    width: 75%;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .col-2-3--rev {
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .col-2-3--rev {
    padding-left: 0;
  }
}

/**
* @file
* Used for flipping and icon around horizontally & vertically (with modifier class)
*/
.flip {
  /* entire container, keeps perspective */
  display: inline-block;
  perspective: 1000px;
}

/* flip the pane when hovered */
.flip:hover .flip__flipper {
  transform: rotateY(180deg);
}

/*
Sets the width & height of panels & container but as the icons can vary in size they'll likely have to be set in the .tpl file based on the image used
.flip, .flip__flipper__panel--front, .flip__flipper__panel--back {
  width: 320px;
  height: 480px;
}
*/
/* flip speed goes here */
.flip__flipper {
  position: relative;
  transition: 0.6s;
  transform-style: preserve-3d;
}

/* hide back of pane during swap */
.flip__flipper__panel {
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
}

/* front pane, placed above back */
.flip__flipper__panel--front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.flip__flipper__panel--back {
  transform: rotateY(180deg);
}

/******************************
* Vertical modifier for flip styling
******************************/
.flip--vertical {
  position: relative;
}

.flip--vertical .homepage-flip-icons {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.flip--vertical .flip__flipper__panel--back {
  transform: rotateX(180deg);
}

/*
.flip--vertical .flip__flipper {
  transform-origin: 100% 36px; // Half the height of element being flipped, as this will vary depending on the element it's best set in the .tpl file
}
*/
.flip--vertical:hover .flip__flipper {
  transform: rotateX(-180deg);
}

/**
* @file
* Adds a custom down arrow to select boxes
*/
.select-arrow {
  overflow: hidden;
  position: relative;
}
.select-arrow:before {
  content: "";
  width: 16px;
  height: 14px;
  position: absolute;
  top: 12px;
  right: 14px;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -188px -218px;
}

.select-arrow select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-arrow select::-ms-expand {
  display: none;
}

/**
* @file
* Generic slide styles for any slider on the site
*/
/******************************
* Next & previous buttons
******************************/
.slider__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 31px;
  height: 59px;
  cursor: pointer;
}
@media (max-width: 959px) {
  .slider__button {
    height: 35px;
  }
}

.slider__button--prev {
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -482px -196px;
  left: 40px;
}
@media (max-width: 959px) {
  .slider__button--prev {
    background-position: -482px -208px;
    left: 2px;
  }
}

.slider__button--next {
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -482px -196px;
  right: 40px;
  transform: rotate(180deg);
  transform-origin: 25% 25%;
}
@media (max-width: 959px) {
  .slider__button--next {
    background-position: -482px -208px;
    right: -12px;
  }
}

.swiper-button-disabled {
  display: none !important;
}

/******************************
* Pagination
******************************/
.dept-page .slider__pagination {
  bottom: 35px;
}

.slider__pagination {
  position: absolute;
  right: 30px;
  bottom: 0;
  z-index: 10;
  margin-bottom: 15px;
}
.node-type-course .slider__pagination {
  left: 0;
}
.slider__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  background-color: #FFFFFF;
  opacity: 0.5;
}
.slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
@media (max-width: 959px) {
  .slider__pagination {
    display: none;
  }
}
@media (min-width: 1200px) {
  .slider__pagination {
    right: 14px;
  }
}

/******************************
* Play & pause buttons
******************************/
.dept-page .slider__auto--pause {
  bottom: 50px;
}
.dept-page .slider__auto--play {
  bottom: 53px;
}

.slider__auto {
  display: none;
  position: absolute;
  right: 10px;
  z-index: 50;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .slider__auto {
    right: 0;
  }
}

.slider__auto--play {
  bottom: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 5px 7px;
  border-color: transparent transparent transparent #ffffff;
}

.slider__auto--pause {
  bottom: 14px;
}
.slider__auto--pause:before, .slider__auto--pause:after {
  display: inline-block;
  width: 2px;
  height: 10px;
  background-color: white;
  content: "";
}
.slider__auto--pause:after {
  margin-left: 3px;
}

/******************************
* Colour modifiers
******************************/
.slider__slide--light {
  color: #D3EBE8;
}

/**
* @file
* Replace radio or checkbox with custom image
*/
.custom_radio {
  display: none;
}

.custom_radio + label {
  margin: 0;
  clear: none;
  position: relative;
  /* Right padding makes room for image */
  padding: 5px 30px 4px 0;
  /* Make look clickable */
  cursor: pointer;
}
.custom_radio + label:after {
  content: "";
  position: absolute;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../img/icn/sprite.png") no-repeat;
  background-position: -154px -221px;
}

.custom_radio:checked + label:after {
  background: url("../img/icn/sprite.png") no-repeat;
  background-position: -154px -196px;
}

/*
Styles that are needed for Drupal 7 admin tool bars etc
*/
* {
  box-sizing: border-box;
}

.clearfix:before, .header:before, .tabs:before {
  content: '';
  display: table;
}

.clearfix:after, .header:after, .tabs:after {
  content: '';
  display: table;
  clear: both;
}

.visually-hidden, .element-invisible, .element-focusable, .breadcrumb__title, .main-navigation .block-menu .block__title, .main-navigation .block-menu-block .block__title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}

.cu-page-tabs ul,
.cu-action-links ul {
  padding: 0;
  border-bottom: 2px solid #259A8D;
  margin: 0;
}
.cu-page-tabs li,
.cu-action-links li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.cu-page-tabs a,
.cu-action-links a {
  display: inline-block;
  padding: 0 15px;
  background-color: #259A8D;
  color: white;
  font-size: 14px;
  text-decoration: none;
}
.cu-page-tabs a.active,
.cu-action-links a.active {
  background-color: #D3EBE8;
  color: #259A8D;
}

.cu-action-links.wrapper {
  margin-top: 10px;
}

/**
* @file
* Basic layout styles for the site
*/
.wrapper {
  position: relative;
  width: 100%;
  max-width: 1190px;
  margin: 0 auto;
}
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper--side-pad {
  padding-right: 30px;
  padding-left: 30px;
}

.wrapper--extra-bottom {
  padding-bottom: 120px;
}

.wrapper-wide {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.wrapper-wide:after {
  content: "";
  display: table;
  clear: both;
}

.region-content {
  overflow: hidden;
}
.node-type-intro-section-page .region-content {
  overflow: visible;
}

/**
* @file
* Styles for the header area on the site which has the logo & main navigation in
*/
.cu-site-header {
  position: relative;
  height: 45px;
  padding: 0 10px;
  margin: 15px auto;
}
@media (min-width: 200px) {
  .cu-site-header {
    padding: 0 25px;
  }
}
@media (min-width: 350px) {
  .cu-site-header {
    padding: 3px 15px;
  }
}
@media (min-width: 1030px) {
  .cu-site-header {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    height: 70px;
  }
}
@media (min-width: 1170px) {
  .cu-site-header {
    padding: 0;
  }
}

.region-header {
  position: relative;
  width: 100%;
  max-width: 800px;
}
@media (min-width: 1050px) {
  .region-header {
    max-width: 820px;
  }
}
@media (min-width: 1100px) {
  .region-header {
    max-width: 855px;
  }
}
@media (min-width: 1150px) {
  .region-header {
    max-width: 890px;
  }
}
@media (max-width: 1200px) {
  .region-header {
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .region-header {
    padding: 0;
    max-width: 915px;
  }
}

/****************************************
* Magnifier
****************************************/
.cu-site-header__magnifier {
  display: none;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1030px) {
  .cu-site-header__magnifier {
    display: block;
    position: relative;
    width: 25px;
    height: 100%;
  }
}

.cu-site-header__magnifier__img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
@media (min-width: 1030px) {
  .cu-site-header__magnifier__img {
    position: absolute;
    bottom: 15px;
    height: 20px;
    transition: 0.3s ease-in;
  }
  .cu-site-header__magnifier__img:hover {
    transform: scale(1.1);
  }
}

/****************************************
* Logo
****************************************/
.cu-site-header__logo {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100px;
  height: 60px;
  max-height: 100%;
}
@media (min-width: 350px) {
  .cu-site-header__logo {
    max-width: 200px;
  }
}
@media (max-width: 1030px) {
  .cu-site-header__logo {
    margin: 0 12px 0 0;
  }
}
@media (min-width: 1030px) {
  .cu-site-header__logo {
    width: 150px;
    height: auto;
  }
}

.cu-site-header__logo__img {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
  max-height: 100%;
  margin: 0;
}
@media (min-width: 1030px) {
  .cu-site-header__logo__img {
    margin: 0 auto;
  }
}

/*
* @file
* CSS rules for menus used on the site
*/
.cu-menu ul {
  padding-left: 0;
  margin: 0;
}
.cu-menu li {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.cu-menu--horizontal li {
  float: left;
}

.cu-menu--equal-spacing ul {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
  width: 100%;
}

/****************************************
* Main site navigation
****************************************/
.cu-menu-block__main-navigation {
  display: none;
  position: absolute;
  bottom: -23px;
  width: 100%;
  font-family: futura-pt, sans-serif;
  text-transform: uppercase;
}
.cu-menu-block__main-navigation li {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.050em;
}
.cu-menu-block__main-navigation a,
.cu-menu-block__main-navigation span {
  display: block;
  padding: 35px 0;
  color: #002220;
  text-decoration: none;
}
.cu-menu-block__main-navigation a:hover,
.cu-menu-block__main-navigation span:hover {
  color: #259A8D;
}
.cu-menu-block__main-navigation .expanded:before {
  display: inline-block;
  position: absolute;
  top: 44%;
  right: -14px;
  width: 7px;
  height: 10px;
  content: "";
  transform: rotate(90deg);
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -223px -196px;
  transition: 0.3s ease-in;
}
.cu-menu-block__main-navigation .expanded:hover ul {
  top: 90px;
  z-index: 1000;
  opacity: 1;
  transition: top 0.3s ease-in, 0.3s opacity ease-in, 0s z-index ease-in;
}
.cu-menu-block__main-navigation .expanded:hover:before {
  transform: rotate(-90deg);
}
@media (min-width: 1030px) {
  .cu-menu-block__main-navigation {
    display: block;
  }
}
@media (max-width: 1200px) {
  .cu-menu-block__main-navigation {
    padding-right: 15px;
  }
}

/****************************************
* Main site navigation sub menu
****************************************/
.cu-menu-block__main-navigation li ul {
  display: block;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1000;
  width: 780px;
  padding: 30px 45px 40px 45px;
  border-top: 2px solid black;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: top 0.3s ease-in, 0.3s opacity ease-in, z-index ease-in 0.3s;
}
.cu-menu-block__main-navigation li ul li {
  width: 50%;
}
.cu-menu-block__main-navigation li ul a {
  display: inline-block;
  padding: 5px 0;
}
.cu-menu-block__main-navigation li ul a:after {
  display: inline-block;
  width: 7px;
  height: 11px;
  padding-left: 15px;
  content: "";
  transition: transform 0.3s ease-in;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -215px -195px;
}
.cu-menu-block__main-navigation li ul a:hover:after {
  transform: translateX(5px);
}
.cu-menu-block__main-navigation li ul:before {
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 24px;
  height: 18px;
  background: white;
  background-image: url("../img/icn/sprite.png");
  background-position: -117px -291px;
}

/****************************************
* List of links displayed above the main site navigation on larger screens
****************************************/
.cu-menu-block__above-nav-menu {
  position: absolute;
  right: 0;
  z-index: 20;
  font-family: futura-pt, sans-serif;
  text-transform: uppercase;
}
.cu-menu-block__above-nav-menu li {
  font-size: 12px;
  line-height: 12px;
}
.cu-menu-block__above-nav-menu li:first-child a {
  padding-left: 0;
  border: none;
}
.cu-menu-block__above-nav-menu li:last-child a {
  padding-right: 0;
}
.cu-menu-block__above-nav-menu a {
  display: inline-block;
  padding: 0 15px;
  border-left: 1px solid #51AEA4;
  color: #51AEA4;
  text-decoration: none;
}
.cu-menu-block__above-nav-menu a:hover {
  color: #259A8D;
}
@media (max-width: 1029px) {
  .cu-menu-block__above-nav-menu {
    display: none;
  }
}

.mobile-nav {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background-color: #f0f2f3;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-nav .search {
  position: fixed;
  bottom: 1px;
  z-index: 999;
  height: 60px;
  width: 100%;
  padding: 0 7%;
}
.mobile-nav ul {
  width: 100%;
  padding: 0 30px;
}
.mobile-nav ul li ul {
  margin-bottom: 70px;
}
.mobile-nav li {
  line-height: 25px;
}
.mobile-nav a,
.mobile-nav span {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #c7c6c6;
  position: relative;
  color: #898989;
  text-align: left;
  font-size: 14px;
  text-transform: uppercase;
}
.mobile-nav .expanded > span:before,
.mobile-nav .expanded > a:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 16px;
  width: 15px;
  height: 17px;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -193px -195px;
}

.mobile-nav__content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.mobile-nav-back {
  display: none;
  position: relative;
  top: 23px;
  padding: 0 40px;
  width: 100%;
  height: 38px;
}

/****************************************
* Mobile navigation icon
****************************************/
#menu-title {
  font-size: 10px;
  position: absolute;
  top: 42%;
  right: 52px;
  display: block;
  color: #259A8D;
}
@media (min-width: 1030px) {
  #menu-title {
    display: none;
  }
}

.cu-site-header__mobile-nav-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 23px;
  height: 17px;
  margin: 0;
  cursor: pointer;
  -webkit-transform: rotate(0deg) translateY(-50%);
  -moz-transform: rotate(0deg) translateY(-50%);
  -o-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%);
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1030px) {
  .cu-site-header__mobile-nav-icon {
    display: none;
  }
}

.cu-site-header__mobile-nav-icon span {
  display: block;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #259A8D;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cu-site-header__mobile-nav-icon span:nth-child(1) {
  top: 0;
}

.cu-site-header__mobile-nav-icon span:nth-child(2), .cu-site-header__mobile-nav-icon span:nth-child(3) {
  top: 7px;
}

.cu-site-header__mobile-nav-icon span:nth-child(4) {
  top: 14px;
}

.cu-site-header__mobile-nav-icon.cu-site-header__mobile-nav-icon--open span:nth-child(1) {
  top: 18px;
  left: 50%;
  width: 0;
}

.cu-site-header__mobile-nav-icon.cu-site-header__mobile-nav-icon--open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cu-site-header__mobile-nav-icon.cu-site-header__mobile-nav-icon--open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cu-site-header__mobile-nav-icon.cu-site-header__mobile-nav-icon--open span:nth-child(4) {
  top: 18px;
  left: 50%;
  width: 0;
}

.button {
  padding: 20px 30px;
  font-family: futura-pt, sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}

/****************************************
* Background colour variations
****************************************/
.button--style1 {
  background-color: #259A8D;
  color: white;
}

.button--style2 {
  background-color: #51AEA4;
  color: white;
}

.button--style3 {
  background-color: #7CC2BB;
  color: white;
}

.button--style4 {
  background-color: #A8D7D1;
  color: white;
}

.button--style5 {
  background-color: #002220;
  color: white;
}

/****************************************
* Colour variations
****************************************/
.button--style6 {
  background-color: white;
  color: #259A8D;
}

.button--style7 {
  background-color: white;
  color: #51AEA4;
}

.button--style8 {
  background-color: white;
  color: #7CC2BB;
}

.button--style9 {
  background-color: white;
  color: #A8D7D1;
}

.button--style10 {
  background-color: white;
  color: #002220;
}

/****************************************
* Other variations
****************************************/
.button--prominent {
  display: block;
  width: 100%;
  padding: 20px;
}
@media (min-width: 500px) {
  .button--prominent {
    position: absolute;
    right: 0;
    width: auto;
    z-index: 10;
  }
}
.logged-in .button--prominent {
  top: 66px;
}
.front.logged-in .button--prominent {
  top: 0;
}

/*
* @file
* Style rules for the XL slider
*
* @see sass/_object.slide.scss - Other related CSS rules
* @see templates/field--fences-xlSlider.tpl.php - Markup
* @see js/dev/xl-slider.js
*/
.xl-slider {
  position: relative;
}
.xl-slider .xl-slider__action-links {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  padding: 0;
  margin: 0;
  background-color: #259A8D;
}
.xl-slider .xl-slider__action-links li {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.xl-slider .xl-slider__action-links a {
  padding: 5px 10px;
  color: white;
}
.xl-slider .skip-to-content {
  display: none;
}
.node-type-course .xl-slider {
  height: 50vw;
  margin-bottom: 5rem;
}
.node-type-course .xl-slider .skip-to-content {
  display: block;
  position: absolute;
  bottom: 1rem;
  width: 100%;
  text-align: center;
  z-index: 9;
}
.node-type-course .xl-slider .skip-to-content a {
  display: inline-block;
  width: 31px;
  height: 59px;
  background: url(../img/icn/sprite.png) no-repeat transparent;
  background-position: -482px -196px;
  transform: rotate(270deg);
}
@media (max-width: 768px) {
  .node-type-course .xl-slider {
    margin-bottom: 2rem;
    height: auto;
  }
  .node-type-course .xl-slider .slider__button {
    display: block;
    top: 7rem;
  }
  .node-type-course .xl-slider .slider__button.slider__button--prev {
    left: 1rem;
  }
  .node-type-course .xl-slider .slider__button.slider__button--next {
    right: 0;
  }
  .node-type-course .xl-slider .skip-to-content {
    bottom: -0.6rem !important;
  }
}

.xl-slider__slide {
  position: relative;
  overflow: hidden;
}
.xl-slider__slide img {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.xl-slider__slide .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.xl-slider__slide .wrapper.video-title {
  top: auto;
  bottom: 5rem;
  font-size: 20px;
}
.xl-slider__slide .wrapper.video-title p {
  color: #fff;
  text-transform: uppercase;
}

.xl-slider__slide__content {
  position: absolute;
}
.xl-slider__slide__content h1 p, .xl-slider__slide__content h1 {
  font-size: 45px;
  line-height: 47px;
}
@media (min-width: 900px) {
  .xl-slider__slide__content h1 p, .xl-slider__slide__content h1 {
    font-size: 55px;
    line-height: 60px;
  }
}
.xl-slider__slide__content p {
  font-size: 22px;
  line-height: 29px;
}
@media (min-width: 900px) {
  .xl-slider__slide__content p {
    line-height: 35px;
  }
}
.xl-slider__slide__content .button {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
}
.xl-slider__slide--left .xl-slider__slide__content {
  top: 50%;
  left: 13%;
  transform: translateY(-50%);
  text-align: left;
}
.xl-slider__slide--centre .xl-slider__slide__content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.xl-slider__slide--right .xl-slider__slide__content {
  top: 50%;
  right: 13%;
  transform: translateY(-50%);
  text-align: right;
}
@media (max-width: 749px) {
  .xl-slider__slide__content {
    right: 0 !important;
    left: 0 !important;
    margin: 0 20px;
    transform: translateY(-50%) !important;
    width: 90%;
  }
  .xl-slider__slide__content h1 {
    font-size: 20px;
    line-height: 23px;
  }
  .xl-slider__slide__content p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 1099px) {
  .xl-slider__slide__content {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .slider__slide--light .xl-slider__slide__content {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.xl-slider__slide__content.course-page {
  bottom: 0;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.98);
  box-sizing: border-box;
  width: 45%;
  padding: 3.88rem;
  color: #fff;
    /****************************************
* Business department
*/
  /****************************************
  * Theology department
  */
  /****************************************
  * Psychology department
  */
  /****************************************
  * English department
  */
  /****************************************
  * English department
  */
  /****************************************
  * Education department
  */
  /****************************************
  * Dance department
  */
  /****************************************
  * Creative department
  */
  /****************************************
  * Art department
  */
  /****************************************
  * Music department
  */
  /****************************************
  * Social department
  */
  /****************************************
  * Sport department
  */
  /****************************************
  * Theatre department
  */
  /****************************************
  * History department
  */
  	/****************************************
      * Computing department
      */
}
@media (max-width: 768px) {
  .xl-slider__slide__content.course-page {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 2rem 2rem 0;
    min-height: 14rem;
    justify-content: flex-start;
  }
}
.xl-slider__slide__content.course-page h2 {
  font-size: 35px;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  line-height: 1.2em;
}
@media (max-width: 768px) {
  .xl-slider__slide__content.course-page h2 {
    font-size: 1.6rem;
  }
}
.xl-slider__slide__content.course-page p {
  font-size: 16px;
  line-height: 18px;
}
.xl-slider__slide__content.course-page ul {
  color: #FFF;
}
.xl-slider__slide__content.course-page ul li {
  color: #FFF;
}
.xl-slider__slide__content.course-page ul li a {
  color: #FFF;
}
.xl-slider__slide__content.course-page .field {
  width: 66%;
}
@media (max-width: 768px) {
  .xl-slider__slide__content.course-page .field {
    width: 100%;
  }
  .xl-slider__slide__content.course-page .field .field-items p, .xl-slider__slide__content.course-page .field .field-items ul {
    display: none;
  }
  .xl-slider__slide__content.course-page .field .field-items.show p, .xl-slider__slide__content.course-page .field .field-items.show ul {
    display: block;
  }
  .xl-slider__slide__content.course-page .field .course-codes, .xl-slider__slide__content.course-page .field .course-length {
    display: none;
  }
}
.dept-business .xl-slider__slide__content.course-page {
  background-color: rgba(61, 122, 154, 0.9);
}
.dept-theology .xl-slider__slide__content.course-page {
  background-color: rgba(157, 56, 108, 0.9);
}
.dept-psychology .xl-slider__slide__content.course-page {
  background-color: rgba(105, 58, 123, 0.9);
}
.dept-english .xl-slider__slide__content.course-page {
  background-color: rgba(199, 94, 39, 0.9);
}
.dept-childhood .xl-slider__slide__content.course-page {
  background-color: rgba(87, 144, 71, 0.9);
}
.dept-education .xl-slider__slide__content.course-page {
  background-color: rgba(17, 142, 143, 0.9);
}
.dept-dance .xl-slider__slide__content.course-page {
  background-color: rgba(169, 150, 97, 0.9);
}
.dept-creative .xl-slider__slide__content.course-page {
  background-color: rgba(55, 140, 103, 0.9);
}
.dept-art .xl-slider__slide__content.course-page {
  background-color: rgba(63, 135, 129, 0.9);
}
.dept-music .xl-slider__slide__content.course-page {
  background-color: rgba(197, 131, 60, 0.9);
}
.dept-social .xl-slider__slide__content.course-page {
  background-color: rgba(62, 89, 141, 0.9);
}
.dept-sport .xl-slider__slide__content.course-page {
  background-color: rgba(62, 89, 141, 0.9);
}
.dept-theatre .xl-slider__slide__content.course-page {
  background-color: rgba(52, 126, 133, 0.9);
}
.dept-history .xl-slider__slide__content.course-page {
  background-color: rgba(194, 92, 29, 0.9);
}
.dept-film .xl-slider__slide__content.course-page {
  background-color: rgba(55, 140, 103, 0.9);
}
.dept-engineering .xl-slider__slide__content.course-page {
  background-color: rgba(17, 142, 143, 0.9);
}
.dept-sport .xl-slider__slide__content.course-page {
  background-color: rgba(62, 89, 141, 0.9);
}
.dept-adventure .xl-slider__slide__content.course-page {
  background-color: rgba(62, 89, 141, 0.9);
}
.dept-exercise .xl-slider__slide__content.course-page {
  background-color: rgba(62, 89, 141, 0.9);
}
.dept-pe .xl-slider__slide__content.course-page {
  background-color: rgba(62, 89, 141, 0.9);
}
.dept-development .xl-slider__slide__content.course-page {
  background-color: rgba(62, 89, 141, 0.9);
}
.dept-humanities .xl-slider__slide__content.course-page {
  background-color: rgba(137, 137, 137, 0.9);
}
.dept-childhood-social-work-social-care .xl-slider__slide__content.course-page {
  background-color: rgba(87, 144, 71, 0.9);
}
.dept-computing .xl-slider__slide__content.course-page {
  background-color: rgba(137, 137, 137, 0.9);
}
.xl-slider__slide__content.course-page .field-name-field-main-content .accordion-open-mobile {
  display: none;
  float: left;
  line-height: 33px;
  width: 100%;
  margin: 1rem 0;
}
.xl-slider__slide__content.course-page .field-name-field-main-content .accordion-open-mobile:before {
  content: "";
  width: 33px;
  height: 33px;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -224px -253px;
  margin-right: 1rem;
  display: block;
  float: left;
}
@media (max-width: 768px) {
  .xl-slider__slide__content.course-page .field-name-field-main-content .accordion-open-mobile {
    display: block;
  }
}
.xl-slider__slide__content.course-page .field-name-field-more-content .accordion-open {
  display: block;
  float: left;
  line-height: 33px;
  width: 100%;
  margin-bottom: 1rem;
}
.xl-slider__slide__content.course-page .field-name-field-more-content .accordion-open:before {
  content: "";
  width: 33px;
  height: 33px;
  background: transparent url("../img/icn/plus-circle.png") no-repeat center center;
  margin-right: 1rem;
  display: block;
  float: left;
}
.xl-slider__slide__content.course-page .field-name-field-more-content .accordion-open.open:before {
  content: "";
  width: 33px;
  height: 33px;
  background: transparent url("../img/icn/minus-circle.png") no-repeat center center;
  margin-right: 1rem;
  display: block;
  float: left;
}
.xl-slider__slide__content.course-page .field-name-field-more-content .accordion-content {
  display: none;
  width: 100%;
  float: left;
}
.xl-slider__slide__content.course-page .course-codes {
  margin-top: 1.5rem;
}
.xl-slider__slide__content.course-page .course-codes:before {
  content: "";
  width: 45px;
  height: 80px;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -344px -221px;
  margin-right: 1rem;
  display: block;
  float: left;
}
.xl-slider__slide__content.course-page .course-length {
  margin-top: 1.5rem;
}
.xl-slider__slide__content.course-page .course-length:before {
  content: "";
  width: 45px;
  height: 80px;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -290px -221px;
  margin-right: 1rem;
  display: block;
  float: left;
}

@media (max-width: 1000px) {
  .xl-slider__slide__img-wrap {
    width: 100%;
    max-width: 100%;
  }
  .xl-slider__slide__img-wrap img {
    width: 150%;
    max-width: 150%;
    height: auto;
  }
}
@media (max-width: 749px) {
  .xl-slider__slide__img-wrap img {
    width: 200%;
    max-width: 200%;
  }
}
@media (max-width: 350px) {
  .xl-slider__slide__img-wrap img {
    width: 300%;
    max-width: 300%;
  }
}
@media (max-width: 300px) {
  .xl-slider__slide__img-wrap img {
    width: 400%;
    max-width: 400%;
  }
}
@media (max-width: 500px) {
  .xl-slider__slide__img-wrap .video-wrapper {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
  }
}
.node-type-course .xl-slider__slide__img-wrap {
  height: 100%;
}
.node-type-course .xl-slider__slide__img-wrap .field, .node-type-course .xl-slider__slide__img-wrap .field-item, .node-type-course .xl-slider__slide__img-wrap .field-items {
  height: 100%;
}
.node-type-course .xl-slider__slide__img-wrap .field img, .node-type-course .xl-slider__slide__img-wrap .field-item img, .node-type-course .xl-slider__slide__img-wrap .field-items img {
  height: 100%;
  max-width: 200%;
  width: 100%;
  position: relative;
  object-fit: cover;
}
@media (max-width: 768px) {
  .node-type-course .xl-slider__slide__img-wrap .field img, .node-type-course .xl-slider__slide__img-wrap .field-item img, .node-type-course .xl-slider__slide__img-wrap .field-items img {
    height: auto;
    max-height: 24rem;
  }
}
@media (max-width: 500px) {
  .node-type-course .xl-slider__slide__img-wrap .field img, .node-type-course .xl-slider__slide__img-wrap .field-item img, .node-type-course .xl-slider__slide__img-wrap .field-items img {
    height: auto;
    max-height: 14rem;
  }
}
.node-type-course .xl-slider__slide__img-wrap video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .node-type-course .xl-slider__slide__img-wrap video {
    position: relative;
    float: left;
    height: 24rem;
  }
}
@media (max-width: 500px) {
  .node-type-course .xl-slider__slide__img-wrap video {
    height: 14rem;
  }
}
.node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  color: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  .node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course {
    height: 24rem;
  }
}
@media (max-width: 500px) {
  .node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course {
    height: 14rem;
  }
}
.node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course svg {
  opacity: 1;
}
.node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course img {
  opacity: 0;
  -webkit-transition: opacity 700ms;
  -moz-transition: opacity 700ms;
  -ms-transition: opacity 700ms;
  -o-transition: opacity 700ms;
  transition: opacity 700ms;
}
@media (max-width: 768px) {
  .node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course img {
    opacity: 1;
  }
}
.node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course.play svg.play {
  display: inline-block;
}
.node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course.play img {
  display: none;
}
.node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course.pause svg.play {
  display: none;
}
.node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course.pause img {
  display: inline-block;
  width: 80px;
  height: 80px;
  left: 0;
  position: relative;
  transform: none;
}
@media (max-width: 768px) {
  .node-type-course .xl-slider__slide__img-wrap .slider__auto--play-course.pause img {
    display: none;
  }
}
.node-type-course .xl-slider__slide__img-wrap:hover .slider__auto--play-course svg {
  opacity: 1;
}
.node-type-course .xl-slider__slide__img-wrap:hover .slider__auto--play-course img {
  opacity: 1;
}
@media (max-width: 768px) {
  .node-type-course .xl-slider__slide__img-wrap img {
    height: auto;
  }
}

/*
* @file
* Stylings specifically for the course search 'block' on the homepage of the site
*/
#find-your-course {
  margin-top: 0;
}
@media (min-width: 1400px) {
  #find-your-course {
    margin-top: -70px;
  }
}

.find-course-block {
  padding: 95px 30px;
  height: 100%;
  background-color: #259A8D;
}
.find-course-block input[type=text],
.find-course-block select {
  width: 100%;
}
@media (max-width: 599px) {
  .find-course-block .input-arrow {
    margin-top: 20px;
  }
}

.find-course-block__heading {
  margin-bottom: 50px;
  color: white;
}

.find-course-block__top-element {
  margin-bottom: 35px;
}

/*
* @file
* Styles for the latest news block on the site homepage
*/
.home-latest-news h1 {
  font-size: 20px;
  line-height: 17px;
}
.home-latest-news .view {
  height: 100%;
  padding: 30px;
  background-color: white;
}
.home-latest-news .views-row {
  padding-bottom: 20px;
  border-bottom: 1px solid #959595;
  margin-bottom: 20px;
}
.home-latest-news .views-row-last {
  padding: 0;
  border: none;
}
.home-latest-news .views-field-title {
  margin-bottom: 20px;
}
.home-latest-news .views-field-created {
  color: #b7b7b7;
}
.home-latest-news .view-footer p {
  margin: 0;
}
.home-latest-news .view-footer a {
  color: #363636;
  font-family: futura-pt, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.home-latest-news .view-footer a:after {
  display: inline-block;
  width: 7px;
  height: 11px;
  padding-left: 15px;
  content: "";
  transition: transform 0.3s ease-in;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -215px -195px;
}
.home-latest-news .view-footer a:hover:after {
  transform: translateX(5px);
}
.home-latest-news .view-footer a:after {
  padding-top: 13px;
}

div.tweets-pulled-listing {
  padding: 30px;
  background-color: white;
  font-family: futura-pt, sans-serif;
}
div.tweets-pulled-listing h1 {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 15px;
}
div.tweets-pulled-listing ul,
div.tweets-pulled-listing li {
  padding: 0;
  margin: 0;
}
div.tweets-pulled-listing .tweet-author-info {
  width: 100%;
}
div.tweets-pulled-listing .tweet-author,
div.tweets-pulled-listing .tweet-screenname {
  margin-right: 10px;
  line-height: 15px;
}
div.tweets-pulled-listing .tweet-author,
div.tweets-pulled-listing .tweet-time {
  font-weight: bold;
}
div.tweets-pulled-listing .tweet-author {
  float: left;
}
div.tweets-pulled-listing .tweet-screenname {
  float: left;
}
div.tweets-pulled-listing .tweet-time {
  float: left;
  line-height: 15px;
}
div.tweets-pulled-listing .tweet-author a,
div.tweets-pulled-listing .tweet-time a {
  color: #363636;
}
div.tweets-pulled-listing .tweet-text {
  margin-top: 20px;
}
@media (max-width: 649px) {
  div.tweets-pulled-listing .tweet-text {
    clear: both;
  }
}
div.tweets-pulled-listing .tweet-time-bottom {
  display: none;
}

div.tweets-pulled-listing div.tweet-authorphoto img {
  max-width: 70px !important;
  max-height: 70px !important;
}

@media (min-width: 430px) {
  .link-box12.col-1-2 {
    float: left;
    width: 50%;
  }
  .link-box12.col-1-2:first-of-type {
    padding-right: 15px;
  }
  .link-box12.col-1-2:last-of-type {
    padding-left: 15px;
    padding-right: 0;
  }
}
@media (min-width: 480px) and (max-width: 899px) {
  .link-box12.col-1-2 {
    padding-left: 0;
  }
}

.link-box12__box {
  min-height: 159px;
}

.link-box12__box--odd .link-box12__box__link-wrapper {
  background-color: #93A9B5;
}

.link-box12__box--even .link-box12__box__link-wrapper {
  background-color: #259A8D;
}

.link-box12__box__link-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 15px;
  color: white;
}
.link-box12__box__link-wrapper.box-image {
  padding: 0;
}

.link-box12__box__heading {
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  line-height: 14px;
}

.link-box12__box__desc {
  margin-bottom: 0;
  font-family: futura-pt, sans-serif;
}

/**
* @file
* These styles are for the field_link_box_col_1_2 field collection - it's the video display that shows a thumbnail which the user clicks to load the video
*/
.static-video {
  cursor: pointer;
}
.static-video iframe {
  display: block;
}

.static-video__heading {
  padding: 20px 25px;
  margin: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  background-color: #97A8B0;
  color: white;
}
.static-video__heading:after {
  display: inline-block;
  width: 7px;
  height: 11px;
  padding-left: 15px;
  content: "";
  transition: transform 0.3s ease-in;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -246px -196px;
}
.static-video__heading:hover:after {
  transform: translateX(5px);
}
.static-video__heading:hover:after {
  transform: translateX(5px);
}
.static-video:hover .static-video__heading:after {
  transform: translateX(5px);
}

.static-video__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  /*
  * Everything below here is related to fading between the light & dark play button on hover
  */
}
.static-video__play-icon:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  z-index: 10;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -2px -196px;
  content: "";
  opacity: 1;
  -webkit-animation: 0.4s ease-out;
  -moz-animation: 0.4s ease-out;
  -o-animation: 0.4s ease-out;
  animation: 0.4s ease-out;
}
.static-video__play-icon:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  z-index: 10;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -2px -252px;
  content: "";
  opacity: 0;
  -webkit-transition: 0.4s ease-out;
  -moz-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.static-video:hover .static-video__play-icon:before {
  opacity: 0;
}
.static-video:hover .static-video__play-icon:after {
  opacity: 1;
}

.youtube-placeholder {
  position: relative;
  width: 100%;
  min-height: 300px;
}
@media (min-width: 900px) {
  .youtube-placeholder {
    max-width: 535px;
  }
}
@media (max-width: 420px) {
  .youtube-placeholder {
    min-height: 185px;
  }
}

/**
* @file
* Styles for the field collection field_carousel_4_slide
*
* @see js/dev/carousel-4-slide.js - JavaScript functionality
* @see templates/field--fences-carousel4slide.tpl.php - Markup
*/
.carousel4slide {
  clear: both;
  width: 180px;
}
@media (min-width: 280px) {
  .carousel4slide {
    width: 255px;
  }
}
@media (min-width: 700px) {
  .carousel4slide {
    width: 510px;
  }
}
@media (min-width: 900px) {
  .carousel4slide {
    width: 820px;
  }
}
@media (min-width: 1200px) {
  .carousel4slide {
    width: 1100px;
    margin-right: 30px;
  }
}

.carousel4slide__slide {
  display: block;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.carousel4slide__slide .carousel4-swiper-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.carousel4slide__slide__img {
  display: block;
  width: 100%;
}

.carousel4slide__slide__text {
  padding: 15px 20px;
  background-color: #71848F;
  color: white;
  -o-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.carousel4slide__slide:hover .carousel4slide__slide__text {
  color: black;
}

.carousel4slide__button {
  position: absolute;
  top: 50%;
  width: 13px;
  height: 23px;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -110px -196px;
  cursor: pointer;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.carousel4slide__button--prev {
  left: -20px;
  transform: translateY(-50%);
}
.carousel4slide__button--prev:hover {
  transform: translateY(-50%) scale(0.8);
}
@media (min-width: 430px) {
  .carousel4slide__button--prev {
    left: 0;
  }
}
@media (min-width: 1200px) {
  .carousel4slide__button--prev {
    left: -30px;
  }
}

.carousel4slide__button--next {
  right: -20px;
  transform: translateY(-50%) rotate(180deg);
}
.carousel4slide__button--next:hover {
  transform: translateY(-50%) rotate(180deg) scale(0.8);
}
@media (min-width: 430px) {
  .carousel4slide__button--next {
    right: 0;
  }
}

/**
* @file
* Specific styles for this site for flip icon object styles
*/
/******************************
* Homepage social icons
******************************/
.homepage-social-icons {
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
}

@media (max-width: 899px) {
  .homepage-social-icons--multiple {
    width: 100%;
  }
}
@media (min-width: 900px) {
  .homepage-social-icons--multiple {
    width: 500px;
  }
}
.homepage-social-icons--multiple .flip {
  margin: 0 5px;
}
.homepage-social-icons--multiple .flip:first-of-type {
  margin-left: 0;
}
.homepage-social-icons--multiple .flip:last-of-type {
  margin-right: 0;
}
@media (min-width: 900px) {
  .homepage-social-icons--multiple .flip {
    margin: 0 15px;
  }
}
@media (max-width: 420px) {
  .homepage-social-icons--multiple .flip {
    margin: 0;
    width: 71px !important;
  }
}

/**
* @file
* Styles for the field collection field_large_img_link_box
*
* Example can be found on the homepage in the "We Are Chichester" area
*
* @see templates/field--fences-lgLinkBox.tpl.php
* @see js/dev/lg-link-box.js
*/
.lg-link-box {
  padding-top: 100px;
}
.lg-link-box h1 {
  margin-bottom: 70px;
  text-align: center;
}

@media (min-width: 1100px) {
  .lg-link-box__boxes {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
  }
}

.lg-link-box__box {
  display: block;
  width: 100%;
  max-width: 350px;
  position: relative;
  margin: 30px auto 0 auto;
  overflow: hidden;
}
.lg-link-box__box:first-of-type {
  margin-top: 0;
}
.lg-link-box__box:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 780px) and (max-width: 1099px) {
  .lg-link-box__box {
    clear: left;
    max-width: 700px;
    margin-top: 0;
  }
  .lg-link-box__box.lg-link-box__box--2 {
    margin: 30px auto;
  }
}
@media (min-width: 1100px) {
  .lg-link-box__box {
    float: left;
    margin: 0;
  }
}
@media (min-width: 1100px) and (max-width: 1199px) {
  .lg-link-box__box {
    max-width: 325px;
  }
}
.lg-link-box__box .lg-link-set-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.lg-link-box__box__img-wrap {
  overflow: hidden;
}
@media (min-width: 780px) and (max-width: 1099px) {
  .lg-link-box__box__img-wrap {
    display: inline-block;
    float: left;
    max-width: 50%;
  }
}
@media (min-width: 1100px) {
  .lg-link-box__box__img-wrap {
    max-height: 220px;
  }
}

.lg-link-box__box__img-wrap__img {
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (max-width: 779px) {
  .lg-link-box__box__img-wrap__img {
    display: none;
  }
}
@media (min-width: 780px) {
  .lg-link-box__box:hover .lg-link-box__box__img-wrap__img {
    transform: scale(1.1);
  }
}
@media (min-width: 1100px) {
  .lg-link-box__box__img-wrap__img {
    display: block;
  }
}

/****************************************
* Text content of LG Link Box
****************************************/
.lg-link-box__box__content {
  width: 100%;
  padding: 40px 30px 30px 30px;
  background-color: #8599a4;
  color: white;
  text-align: center;
}
.lg-link-box__box:nth-of-type(2) .lg-link-box__box__content {
  background-color: #2E434F;
}
@media (min-width: 780px) and (max-width: 1099px) {
  .lg-link-box__box__content {
    float: left;
    max-width: 350px;
  }
}

.lg-link-box__box__heading {
  margin-bottom: 15px;
  line-height: 1;
}

.lg-link-box__box__subtitle {
  padding-bottom: 20px;
  margin-bottom: 20px;
  line-height: 20px;
}
.lg-link-box__box__subtitle:after {
  display: block;
  position: relative;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 1px;
  content: "";
  background-color: white;
}

.lg-link-box__box__desc {
  margin-bottom: 0;
}

.latest-events {
  padding-top: 50px;
}
.latest-events h1 {
  margin-bottom: 40px;
}
.latest-events img {
  width: 100%;
  height: auto;
  margin-bottom: 20px !important;
}
.latest-events .views-field-title {
  margin-bottom: 20px;
  color: black;
  font-family: futura-pt-bold, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.latest-events .field-name-field-date {
  color: #959595;
}

.latest-events__right,
.latest-events__left .views-row-1 {
  padding-bottom: 20px;
  border-bottom: 1px solid #cdcdcd;
}

.latest-events__left {
  margin-top: 20px;
}
.latest-events__left .views-row-2 {
  margin-top: 20px;
}
.latest-events__left .views-row-3 {
  display: none;
}
.latest-events__left:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 620px) and (max-width: 899px) {
  .latest-events__left {
    padding-bottom: 30px;
  }
  .latest-events__left .views-row {
    width: 47%;
  }
  .latest-events__left .views-row-1 {
    float: left;
    border-bottom: none;
  }
  .latest-events__left .views-row-2 {
    float: right;
    margin-top: 0;
  }
}
@media (max-width: 899px) {
  .latest-events__left h1 {
    display: none;
  }
}
@media (min-width: 900px) {
  .latest-events__left {
    float: left;
    width: 31%;
  }
  .latest-events__left h1 {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1100px) {
  .latest-events__left .views-row-2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #cdcdcd;
  }
  .latest-events__left .views-row-3 {
    display: block;
    margin-top: 20px;
  }
}

@media (min-width: 900px) {
  .latest-events__right {
    float: right;
    width: 64%;
    border: none;
  }
  .latest-events__right h1 {
    display: none;
  }
}

.intro-box,
.dept-intro-box {
  padding: 40px;
  background-color: #71848F;
  color: white;
}
.intro-box h1,
.dept-intro-box h1 {
  font-size: 20px;
  line-height: 25px;
}

.dept-twitter {
  padding: 40px;
  background-color: #EBEBEB;
}
.dept-twitter h1 {
  font-family: futura-pt, sans-serif !important;
  font-weight: bold;
}
.dept-twitter li:first-of-type {
  padding-bottom: 10px !important;
  border-bottom: 1px solid #259A8D;
  margin-bottom: 10px !important;
}
.dept-twitter .tweets-pulled-listing {
  padding: 0;
  background-color: transparent;
}
.dept-twitter .tweet-authorphoto,
.dept-twitter .tweet-author,
.dept-twitter .tweet-screenname,
.dept-twitter .tweet-time {
  display: none;
}
.dept-twitter .tweet-time-bottom {
  display: block !important;
  margin-top: 10px;
}
.dept-twitter .tweet-time-bottom a {
  color: black;
}
.dept-twitter div.tweets-pulled-listing .tweet-text {
  margin: 0;
}

.dept-intro {
  margin-top: -40px;
}
@media (max-width: 900px) {
  .dept-intro {
    margin-bottom: 20px;
  }
}
@media (min-width: 900px) {
  .dept-intro .col-1-2 {
    margin-top: 0;
  }
}

/**
* @file
* Styles for side bar menus used across the site
*/
.region-sidebar-left .menu-name-main-menu,
.region-sidebar-left .menu-name-menu-footer-links-2,
.region-sidebar-left .menu-name-menu-footer-links-5,
.region-sidebar-left .dept-menu-dd {
  /******************************
  * General styles for sidebar menus
  ******************************/
  /******************************
  * Default styles for expandable sidebar menu item icons (default state being closed, even though they're actually open but JS is closing them)
  ******************************/
  /******************************
  * Styles for closed sidebar menu item, hiding sub menu items
  ******************************/
  /******************************
  * Styles for opened sidebar menu item, revealing sub menu items
  ******************************/
}
.region-sidebar-left .menu-name-main-menu > ul,
.region-sidebar-left .menu-name-menu-footer-links-2 > ul,
.region-sidebar-left .menu-name-menu-footer-links-5 > ul,
.region-sidebar-left .dept-menu-dd > ul {
  border-top: 1px solid #959595;
}
.region-sidebar-left .menu-name-main-menu ul,
.region-sidebar-left .menu-name-menu-footer-links-2 ul,
.region-sidebar-left .menu-name-menu-footer-links-5 ul,
.region-sidebar-left .dept-menu-dd ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.region-sidebar-left .menu-name-main-menu li,
.region-sidebar-left .menu-name-menu-footer-links-2 li,
.region-sidebar-left .menu-name-menu-footer-links-5 li,
.region-sidebar-left .dept-menu-dd li {
  padding: 0;
  margin: 0;
  line-height: 15px;
}
.region-sidebar-left .menu-name-main-menu li li,
.region-sidebar-left .menu-name-menu-footer-links-2 li li,
.region-sidebar-left .menu-name-menu-footer-links-5 li li,
.region-sidebar-left .dept-menu-dd li li {
  margin-left: 10px;
}
.region-sidebar-left .menu-name-main-menu a,
.region-sidebar-left .menu-name-menu-footer-links-2 a,
.region-sidebar-left .menu-name-menu-footer-links-5 a,
.region-sidebar-left .dept-menu-dd a {
  display: block;
  padding: 11px 20px 16px 0;
  border-bottom: 1px solid #959595;
  font-size: 14px;
  color: #959595;
}
.region-sidebar-left .menu-name-main-menu a:hover,
.region-sidebar-left .menu-name-menu-footer-links-2 a:hover,
.region-sidebar-left .menu-name-menu-footer-links-5 a:hover,
.region-sidebar-left .dept-menu-dd a:hover {
  color: #259A8D;
}
.region-sidebar-left .menu-name-main-menu a.active,
.region-sidebar-left .menu-name-menu-footer-links-2 a.active,
.region-sidebar-left .menu-name-menu-footer-links-5 a.active,
.region-sidebar-left .dept-menu-dd a.active {
  font-weight: bold;
  color: #259A8D;
}
.region-sidebar-left .menu-name-main-menu .expand > a,
.region-sidebar-left .menu-name-main-menu .expanded > a,
.region-sidebar-left .menu-name-menu-footer-links-2 .expand > a,
.region-sidebar-left .menu-name-menu-footer-links-2 .expanded > a,
.region-sidebar-left .menu-name-menu-footer-links-5 .expand > a,
.region-sidebar-left .menu-name-menu-footer-links-5 .expanded > a,
.region-sidebar-left .dept-menu-dd .expand > a,
.region-sidebar-left .dept-menu-dd .expanded > a {
  position: relative;
}
.region-sidebar-left .menu-name-main-menu .expand > a:before, .region-sidebar-left .menu-name-main-menu .expand > a:after,
.region-sidebar-left .menu-name-main-menu .expanded > a:before,
.region-sidebar-left .menu-name-main-menu .expanded > a:after,
.region-sidebar-left .menu-name-menu-footer-links-2 .expand > a:before,
.region-sidebar-left .menu-name-menu-footer-links-2 .expand > a:after,
.region-sidebar-left .menu-name-menu-footer-links-2 .expanded > a:before,
.region-sidebar-left .menu-name-menu-footer-links-2 .expanded > a:after,
.region-sidebar-left .menu-name-menu-footer-links-5 .expand > a:before,
.region-sidebar-left .menu-name-menu-footer-links-5 .expand > a:after,
.region-sidebar-left .menu-name-menu-footer-links-5 .expanded > a:before,
.region-sidebar-left .menu-name-menu-footer-links-5 .expanded > a:after,
.region-sidebar-left .dept-menu-dd .expand > a:before,
.region-sidebar-left .dept-menu-dd .expand > a:after,
.region-sidebar-left .dept-menu-dd .expanded > a:before,
.region-sidebar-left .dept-menu-dd .expanded > a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  content: "";
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -158px -248px;
  transition: 0.3s ease-in;
}
.region-sidebar-left .menu-name-main-menu .expand > a:before,
.region-sidebar-left .menu-name-menu-footer-links-2 .expand > a:before,
.region-sidebar-left .menu-name-menu-footer-links-5 .expand > a:before,
.region-sidebar-left .dept-menu-dd .expand > a:before {
  transform: translateY(-50%) rotate(90deg);
}
.region-sidebar-left .menu-name-main-menu .event-opened:before,
.region-sidebar-left .menu-name-menu-footer-links-2 .event-opened:before,
.region-sidebar-left .menu-name-menu-footer-links-5 .event-opened:before,
.region-sidebar-left .dept-menu-dd .event-opened:before {
  transform: translateY(-50%) rotate(0deg) !important;
}

.expanded-icon-click {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  z-index: 1000;
}

.region-sidebar-left #breadcrumb,
.dept-menu-title {
  display: none;
}

.cu-mobile-submenu {
  position: relative;
  left: 0;
  width: 92%;
  z-index: 300;
  margin: 0 4% 10px;
  overflow: hidden;
  border: 1px solid #259A8D;
}
.cu-mobile-submenu .menu-block-wrapper {
  display: block !important;
  margin: 0 !important;
}
.cu-mobile-submenu ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 30px !important;
  margin: 0;
  border: 0px !important;
}
.cu-mobile-submenu li {
  padding: 0;
  margin: 0;
  border-top: 1px solid;
  list-style: none;
  font-size: 15px;
  text-transform: uppercase;
}
.cu-mobile-submenu h2,
.cu-mobile-submenu a {
  display: block;
  padding: 13px 25px 13px 0;
  font-size: 15px;
  margin: 0;
  color: #898989;
  text-align: left;
}
.cu-mobile-submenu h2 {
  position: relative;
  font-size: 13px;
  text-align: center;
}
.cu-mobile-submenu h2:before, .cu-mobile-submenu h2:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: 50% 0;
  width: 15px;
  height: 9px;
  content: "";
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.cu-mobile-submenu h2:before {
  left: 20px;
}
.cu-mobile-submenu h2:after {
  right: 20px;
}
.cu-mobile-submenu #mobile-nav-icon {
  right: 22%;
}
.cu-mobile-submenu .cu-mobile-submenu__title--open:before, .cu-mobile-submenu .cu-mobile-submenu__title--open:after {
  transform: rotate(180deg) translateY(-50%);
}
.cu-mobile-submenu .expanded > a {
  position: relative;
}
.cu-mobile-submenu .expanded > a:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 17px;
  background: transparent url(../img/icn/sprite.png) no-repeat;
  background-position: -193px -195px;
}
.cu-mobile-submenu .menu-block-wrapper {
  position: absolute;
  top: 56px;
  width: 100%;
  height: 100%;
}

/**
* @file
* Styles breadcrumbs for site
*/
.breadcrumb-wrapper {
  padding: 20px;
  margin: 0 auto;
  background-color: #898989;
  color: white;
}
.breadcrumb-wrapper a {
  color: white;
}
@media (min-width: 1170px) {
  .breadcrumb-wrapper {
    padding: 20px 0;
  }
}

.breadcrumb {
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
}
.breadcrumb a {
  margin: 0 10px;
}
.breadcrumb a:first-of-type {
  margin-left: 0;
}
.breadcrumb a:last-of-type {
  margin-right: 0;
}

/**
* @file
* Styles field collection field_basic_accordion - these aren't true accordions as there can be multiple ones open at once
*
* @see js/dev/accordions.js - JavaScript functionality
* @see templates/field--fences-basicAccordion.tpl.php - Markup
*/
.accordion {
  clear: both;
  padding-bottom: 15px;
  border-bottom: 1px solid #409A8E;
}

.accordion h2,
.accordion_title {
  display: block;
  padding: 15px 35px 0 0;
  border-top: 1px solid #409A8E;
  color: black;
  cursor: pointer;
  font-weight: normal;
  position: relative;
}
.accordion h2:after,
.accordion_title:after {
  content: "";
  position: absolute;
  height: 23px;
  width: 25px;
  right: 9px;
  bottom: 10px;
}
.accordion h2.accordion_closed:after,
.accordion_title.accordion_closed:after {
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -65px -281px;
}
.accordion h2.accordion_open:after,
.accordion_title.accordion_open:after {
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -113px -266px;
}

.accordion-container .accordion_title.accordion_closed:after {
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -65px -281px;
}
.accordion-container .accordion_title.accordion_open:after {
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -113px -266px;
}

.group-additional-costs.collapsible, .group-english-studies.collapsible {
  display: none;
}

.accordion_content {
  margin-top: 10px;
}

body.node-type-intro-section-page .node-intro-section-page .accordion {
  margin-top: 30px;
}

/**
* @ file
* Styles the menu in the middle of the department homepages
*/
.node-type-department-homepage .desktop .menu-block-wrapper {
  margin-top: 30px;
}
@media (max-width: 899px) {
  .node-type-department-homepage .desktop .menu-block-wrapper {
    display: none;
  }
}
.node-type-department-homepage .desktop .menu-block-wrapper ul {
  width: 100%;
  padding: 15px;
  border: 1px solid #259A8D;
  margin: 0;
  text-transform: uppercase;
  list-style-type: none;
}
@media (min-width: 900px) {
  .node-type-department-homepage .desktop .menu-block-wrapper ul {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
}
.node-type-department-homepage .desktop .menu-block-wrapper ul ul {
  display: none;
}
.node-type-department-homepage .desktop .menu-block-wrapper li {
  padding: 0;
  margin: 0;
  line-height: 12px;
}
@media (max-width: 899px) {
  .node-type-department-homepage .desktop .menu-block-wrapper li {
    padding: 10px 0;
    text-align: center;
  }
}
.node-type-department-homepage .desktop .menu-block-wrapper a {
  font-size: 12px;
  font-weight: bold;
}

/**
* @file
* Styles for link boxes, I.E. "Department homepage" Content type
*/
.link-box {
  padding: 0 30px;
  margin-top: 30px;
}
@media (max-width: 779px) {
  .link-box {
    max-width: 410px;
  }
}
@media (min-width: 780px) and (max-width: 1119px) {
  .link-box {
    max-width: 850px;
  }
}
@media (max-width: 1119px) {
  .link-box {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1120px) {
  .link-box {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
  }
}

.link-box__box {
  display: block;
  width: 100%;
  max-width: 350px;
}
@media (min-width: 780px) and (max-width: 1119px) {
  .link-box__box.link-box__box--odd {
    clear: both;
    float: left;
  }
  .link-box__box.link-box__box--even {
    float: right;
  }
}

.link-box__box__img {
  display: block;
  width: 100%;
  height: auto;
}

.link-box__box__text {
  position: relative;
  float: right;
  padding: 30px 30px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  margin-top: -40px;
  z-index: 50;
  width: 280px;
  font-family: futura-pt, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  background-color: #71848F;
  color: white;
}
.link-box__box:hover .link-box__box__text:after {
  padding-left: 20px;
}

/**************************************************
* Modifiers to the link box for specific pages / page types
**************************************************/
.node-type-course-search-landing .link-box,
.node-type-intro-section-page .link-box {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1099px) {
  .node-type-course-search-landing .link-box,
  .node-type-intro-section-page .link-box {
    width: 350px;
  }
}
.node-type-course-search-landing .link-box:after,
.node-type-intro-section-page .link-box:after {
  content: "";
  display: table;
  clear: both;
}
.node-type-course-search-landing .link-box .link-box__box,
.node-type-intro-section-page .link-box .link-box__box {
  margin-bottom: 30px;
}
@media (max-width: 1099px) {
  .node-type-course-search-landing .link-box .link-box__box,
  .node-type-intro-section-page .link-box .link-box__box {
    float: none;
    width: 350px;
  }
}
@media (min-width: 1100px) {
  .node-type-course-search-landing .link-box .link-box__box--odd,
  .node-type-intro-section-page .link-box .link-box__box--odd {
    clear: both;
    float: left;
  }
  .node-type-course-search-landing .link-box .link-box__box--even,
  .node-type-intro-section-page .link-box .link-box__box--even {
    float: right;
  }
}

.node-type-section-page .link-box {
  max-width: 250px;
}
.node-type-section-page .link-box:after {
  content: "";
  display: table;
  clear: both;
}
.node-type-section-page .link-box .link-box__box {
  max-width: 250px;
}
.node-type-section-page .link-box .link-box__box__img-wrap {
  width: 100%;
  height: 155px;
  overflow: hidden;
}
.node-type-section-page .link-box .link-box__box__text {
  width: 100%;
  max-width: 225px;
  font-size: 14px;
  min-height: 112px;
}
@media (min-width: 600px) {
  .node-type-section-page .link-box {
    max-width: 600px;
    padding-right: 0;
    padding-left: 0;
  }
  .node-type-section-page .link-box .link-box__box--odd {
    clear: both;
    float: left;
  }
  .node-type-section-page .link-box .link-box__box--even {
    float: right;
  }
}
@media (min-width: 1100px) {
  .node-type-section-page .link-box {
    max-width: none;
  }
  .node-type-section-page .link-box .link-box__box {
    clear: none;
    float: left;
  }
  .node-type-section-page .link-box .link-box__box--2,
  .node-type-section-page .link-box .link-box__box--5 {
    margin: 0 5px;
  }
  .node-type-section-page .link-box .link-box__box--4 {
    clear: both;
  }
}

.node-type-intro-section-page .intro-box {
  position: relative;
  z-index: 100;
}
.node-type-intro-section-page .intro-box h1 {
  font-weight: normal;
}
@media (min-width: 900px) {
  .node-type-intro-section-page .intro-box {
    margin-top: -75px;
  }
}
@media (min-width: 1100px) {
  .node-type-intro-section-page .region-content {
    padding-left: 70px;
  }
}
@media (min-width: 1200px) {
  .node-type-intro-section-page .region-content {
    padding-left: 90px;
  }
}

/**
* @file
* Styles news index page grid
*/
.page-news .view-news,
.node-type-news-list .view-news {
  position: relative;
}
.page-news .views-row,
.node-type-news-list .views-row {
  padding-bottom: 25px;
  border-bottom: 1px solid #959595;
  margin-bottom: 25px;
}
.page-news .views-row img,
.node-type-news-list .views-row img {
  display: none;
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
.page-news .views-row a,
.node-type-news-list .views-row a {
  color: #363636;
}
.page-news .views-row.views-row-1 img,
.node-type-news-list .views-row.views-row-1 img {
  display: block;
}
.page-news .views-row .views-field-title,
.node-type-news-list .views-row .views-field-title {
  margin-bottom: 15px;
  font-family: futura-pt, sans-serif;
  font-size: 20px;
  font-weight: bold;
}
.page-news .views-row .views-field-created,
.node-type-news-list .views-row .views-field-created {
  margin-bottom: 15px;
  font-weight: 600;
}
@media (min-width: 500px) {
  .page-news .views-row,
  .node-type-news-list .views-row {
    float: left;
    width: 50%;
  }
  .page-news .views-row img,
  .node-type-news-list .views-row img {
    float: left;
    max-width: 255px;
    margin-right: 15px;
  }
  .page-news .views-row.views-row-1,
  .node-type-news-list .views-row.views-row-1 {
    width: 100%;
  }
  .page-news .views-row.views-row-2, .page-news .views-row.views-row-4, .page-news .views-row.views-row-6, .page-news .views-row.views-row-8, .page-news .views-row.views-row-10,
  .node-type-news-list .views-row.views-row-2,
  .node-type-news-list .views-row.views-row-4,
  .node-type-news-list .views-row.views-row-6,
  .node-type-news-list .views-row.views-row-8,
  .node-type-news-list .views-row.views-row-10 {
    padding-right: 20px;
  }
  .page-news .views-row.views-row-3, .page-news .views-row.views-row-5, .page-news .views-row.views-row-7, .page-news .views-row.views-row-9,
  .node-type-news-list .views-row.views-row-3,
  .node-type-news-list .views-row.views-row-5,
  .node-type-news-list .views-row.views-row-7,
  .node-type-news-list .views-row.views-row-9 {
    padding-left: 20px;
  }
  .page-news .views-row .views-field-created,
  .node-type-news-list .views-row .views-field-created {
    clear: both;
  }
}
@media (min-width: 600px) {
  .page-news .views-row .views-field-created,
  .node-type-news-list .views-row .views-field-created {
    clear: none;
  }
  .page-news .views-row .views-field-field-main-body,
  .node-type-news-list .views-row .views-field-field-main-body {
    clear: both;
  }
}
@media (min-width: 1100px) {
  .page-news .views-row,
  .node-type-news-list .views-row {
    width: 33%;
  }
  .page-news .views-row img,
  .node-type-news-list .views-row img {
    margin-right: 25px;
  }
  .page-news .views-row.views-row-2, .page-news .views-row.views-row-3, .page-news .views-row.views-row-5, .page-news .views-row.views-row-6, .page-news .views-row.views-row-8, .page-news .views-row.views-row-9,
  .node-type-news-list .views-row.views-row-2,
  .node-type-news-list .views-row.views-row-3,
  .node-type-news-list .views-row.views-row-5,
  .node-type-news-list .views-row.views-row-6,
  .node-type-news-list .views-row.views-row-8,
  .node-type-news-list .views-row.views-row-9 {
    padding-right: 20px;
    padding-left: 0;
  }
  .page-news .views-row.views-row-4, .page-news .views-row.views-row-7, .page-news .views-row.views-row-10,
  .node-type-news-list .views-row.views-row-4,
  .node-type-news-list .views-row.views-row-7,
  .node-type-news-list .views-row.views-row-10 {
    padding-left: 20px;
  }
  .page-news .views-row .views-field-field-main-body,
  .node-type-news-list .views-row .views-field-field-main-body {
    clear: none;
  }
}
.page-news .pager a,
.node-type-news-list .pager a {
  color: #363636;
}
.page-news .pager,
.page-news .pager li,
.node-type-news-list .pager,
.node-type-news-list .pager li {
  padding: 0;
  margin: 0;
}
.page-news .pager-item,
.page-news .pager-current,
.node-type-news-list .pager-item,
.node-type-news-list .pager-current {
  display: none !important;
}
@media (min-width: 350px) {
  .page-news .pager,
  .node-type-news-list .pager {
    height: 25px;
  }
  .page-news .pager a,
  .node-type-news-list .pager a {
    color: #363636;
  }
  .page-news .pager-next,
  .node-type-news-list .pager-next {
    position: absolute;
    right: 65px;
  }
  .page-news .pager-last,
  .node-type-news-list .pager-last {
    position: absolute;
    right: 10px;
  }
  .page-news .pager-previous,
  .node-type-news-list .pager-previous {
    position: absolute;
    left: 65px;
  }
  .page-news .pager-first,
  .node-type-news-list .pager-first {
    position: absolute;
    left: 10px;
  }
}

/**
* @file
* Styles for the site wide footer
*
* @see templates/region--footer.tpl.php - Markup
*/
.site-footer {
  padding: 2em 10px 1em 10px;
  margin-top: 100px;
  background-color: #efefef;
}
.front .site-footer {
  margin-top: 0;
}
.site-footer .wrapper {
  overflow: hidden;
}

#block-menu-menu-site-footer ul {
  padding: 0;
  margin: 0 0 25px 0;
  list-style-type: none;
  text-align: center;
}
@media (max-width: 767px) {
  #block-menu-menu-site-footer ul {
    margin: 30px 20px;
  }
}
#block-menu-menu-site-footer li {
  display: block;
  padding: 0 0 0 15px;
  margin: 0;
  font-size: 13px;
  text-align: left;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  #block-menu-menu-site-footer li {
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #999999;
  }
  #block-menu-menu-site-footer li:first-child {
    border-top-color: #000000;
  }
}
#block-menu-menu-site-footer li.expanded {
  padding: 0;
}
#block-menu-menu-site-footer li.expanded > a {
  display: none;
}
#block-menu-menu-site-footer li.expanded ul {
  margin: 20px 0 0;
}
@media (max-width: 767px) {
  #block-menu-menu-site-footer li.expanded ul {
    margin: 0;
  }
  #block-menu-menu-site-footer li.expanded ul li:first-child {
    border-top: 0 none;
  }
  #block-menu-menu-site-footer li.expanded ul li:last-child {
    border-bottom: 1px solid black;
  }
}
#block-menu-menu-site-footer a {
  color: #363636;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
}

.site-footer__static__left p {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .site-footer__static__left p {
    line-height: 1.3;
  }
}
.site-footer__static__left p small {
  font-size: 100%;
}
.site-footer__static__left a {
  color: #363636;
}
@media (min-width: 1100px) {
  .site-footer__static__left {
    float: left;
  }
}

.site-footer__static__right img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 1100px) {
  .site-footer__static__right {
    float: right;
  }
}

.region-footer > .block {
  position: relative;
  padding-bottom: 100%;
  margin-bottom: -100%;
}
.region-footer > .block::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-right: 1px solid black;
}
.region-footer > .block:last-child::after {
  display: none;
}
.region-footer > .block ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.region-footer > .block ul li {
  text-align: center;
}
@media (min-width: 768px) {
  .region-footer > .block {
    width: 25%;
    float: left;
  }
}
@media (max-width: 767px) {
  .region-footer > .block {
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .region-footer > .block::after {
    display: none;
  }
}

@media (min-width: 768px) {
  .site-footer__static__logos ul li img {
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .site-footer__static__logos ul {
    margin: 0 20px 15px 20px;
    border-bottom: 1px solid black;
  }
  .site-footer__static__logos ul li {
    max-width: 50%;
    display: inline-block;
    padding-left: 0;
    vertical-align: middle;
    min-width: 26%;
  }
  .site-footer__static__logos ul li img {
    max-width: 80%;
  }
}

@media (min-width: 768px) {
  .block-social-media-links ul li {
    max-width: 22%;
    margin: 0 auto 10px auto !important;
  }
}
@media (max-width: 767px) {
  .block-social-media-links ul li {
    max-width: 20%;
    margin: 0;
    padding: 18px 8px 0;
    float: none;
    display: inline-block;
  }
}

.site-footer__copy__right {
  display: block;
  width: 100%;
  font-size: 14px;
  padding-top: 20px;
  margin-top: 4em;
  border-top: 1px solid black;
}
@media (max-width: 767px) {
  .site-footer__copy__right {
    text-align: center;
    margin-top: 0;
    border: none;
  }
}

/****************************************
    New content page
****************************************/
.node-type-new-content-page .row-fluid {
  margin-bottom: 20px;
}

/* Headings */
h3,
.node-type-new-content-page .field-name-field-nc-row2-title,
.node-type-new-content-page .field-name-field-nc-row3-left-title,
.node-type-new-content-page .field-name-field-nc-row3-middle-title,
.node-type-new-content-page .field-name-field-nc-row5-right-title,
.node-type-new-content-page .field-name-field-nc-row6-title,
.node-type-new-content-page .field-name-field-nc-row7-title,
.node-type-new-content-page .field-name-field-nc-row8-left-title,
.node-type-new-content-page .field-name-field-nc-row8-middle-title,
.node-type-new-content-page .field-name-field-nc-row8-right-title,
.node-type-new-content-page .field-name-field-nc-row9-left-title,
.node-type-new-content-page .field-name-field-nc-row10-left-title-1,
.node-type-new-content-page .field-name-field-nc-row10-left-title-2,
.node-type-new-content-page .field-name-field-nc-row11-left-title,
.node-type-new-content-page .field-name-field-nc-row12-left-title-1,
.node-type-new-content-page .field-name-field-nc-row12-left-title-2,
.node-type-new-content-page .field-name-field-nc-row13-left-title,
.node-type-new-content-page .field-name-field-nc-row14-left-title,
.node-type-new-content-page .field-name-field-nc-row14-middle-title,
.node-type-new-content-page .field-name-field-nc-row15-left-title,
.node-type-new-content-page .field-name-field-nc-row16-left-title,
.node-type-new-content-page .field-name-field-nc-row17-left-title,
.node-type-new-content-page .field-name-field-nc-row18-left-title,
.node-type-new-content-page .field-name-field-nc-row18-middle-title,
.node-type-new-content-page .field-name-field-nc-row18-right-title {
  margin: 15px 0 0 0;
  line-height: 1.3em;
  font-size: 18px;
  font-weight: bold;
}

/* Large image with overlapping text */
.node-type-new-content-page .image-text-overlap {
  position: relative;
}

.node-type-new-content-page .image-text-overlap .field-type-text {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 50;
  padding: 10px 15px 10px 20px;
  background-color: black;
  color: #fefefe;
  font-size: 18px;
  font-weight: normal;
}

/* Quotes */
.node-type-new-content-page .quote-area {
  padding: 15px 20px 15px 60px;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  border-left: none;
  background: transparent url("../img/open-quote.jpg") 20px 15px no-repeat;
  font-size: 16px;
}

.node-type-new-content-page .quote-area > div:first-child {
  background: transparent url("../img/close-quote.jpg") right bottom no-repeat;
  margin-bottom: 10px;
  color: #409a8e;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
}

.node-type-new-content-page .quote-area > div:last-child {
  font-style: normal;
}

.field-name-field-prospectus-link .field-label,
.field-name-field-take-tour .field-label {
  display: none;
}

.node-type-new-content-page .field-type-file a,
.node-type-new-content-page .icn-link-sm.icn-tour-link,
.node-type-new-content-page .icn-link-sm.icn-prospectus-link {
  display: block;
  width: 80px;
  height: 37px;
  padding: 23px 0 0 70px;
  margin: 0 auto;
  background: transparent url("../img/icns/icn-download-md.png") left center no-repeat;
  color: #409b8e;
  font-size: 16px;
  text-align: left;
}

.node-type-new-content-page .field-type-file img {
  display: none;
}

.node-type-new-content-page .field-type-file .file-size {
  display: none;
}

.node-type-new-content-page .icn-link-sm.icn-tour-link {
  float: none;
  width: auto;
  max-width: 130px;
  background: transparent url("../img/icns/icn-map-md.png") left center no-repeat !important;
  font-weight: normal;
}

.node-type-new-content-page .icn-link-sm.icn-prospectus-link {
  float: none;
  width: auto;
  max-width: 140px;
  background: transparent url("../img/icns/icn-book-md.png") left center no-repeat !important;
  font-weight: normal;
}

.node-type-new-content-page .group-nc-row10-right a,
.node-type-new-content-page .group-nc-row12-right a,
.node-type-new-content-page .group-nc-row14-right a {
  margin: 5px 0 !important;
}

@media (min-width: 768px) {
  .node-type-content-page .swiper-horiz-slide-lg .swiper-controllers,
  .node-type-new-content-page .swiper-horiz-slide-lg .swiper-controllers {
    right: 20px;
    left: inherit;
  }
}
.node-type-new-content-page {
 /*!
* Bootstrap Responsive v2.3.2
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
}
.node-type-new-content-page .clearfix {
  *zoom: 1;
}
.node-type-new-content-page .clearfix:before,
.node-type-new-content-page .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.node-type-new-content-page .clearfix:after {
  clear: both;
}
.node-type-new-content-page .hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.node-type-new-content-page .input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@-ms-viewport {
  .node-type-new-content-page {
    width: device-width;
  }
}
.node-type-new-content-page .hidden {
  display: none;
  visibility: hidden;
}
.node-type-new-content-page .visible-phone {
  display: none !important;
}
.node-type-new-content-page .visible-tablet {
  display: none !important;
}
.node-type-new-content-page .hidden-desktop {
  display: none !important;
}
.node-type-new-content-page .visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .node-type-new-content-page .hidden-desktop {
    display: inherit !important;
  }
  .node-type-new-content-page .visible-desktop {
    display: none !important;
  }
  .node-type-new-content-page .visible-tablet {
    display: inherit !important;
  }
  .node-type-new-content-page .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .node-type-new-content-page .hidden-desktop {
    display: inherit !important;
  }
  .node-type-new-content-page .visible-desktop {
    display: none !important;
  }
  .node-type-new-content-page .visible-phone {
    display: inherit !important;
  }
  .node-type-new-content-page .hidden-phone {
    display: none !important;
  }
}
.node-type-new-content-page .visible-print {
  display: none !important;
}
@media print {
  .node-type-new-content-page .visible-print {
    display: inherit !important;
  }
  .node-type-new-content-page .hidden-print {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .node-type-new-content-page .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .node-type-new-content-page .row:before,
  .node-type-new-content-page .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .node-type-new-content-page .row:after {
    clear: both;
  }
  .node-type-new-content-page [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .node-type-new-content-page .container,
  .node-type-new-content-page .navbar-static-top .container,
  .node-type-new-content-page .navbar-fixed-top .container,
  .node-type-new-content-page .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .node-type-new-content-page .span12 {
    width: 1170px;
  }
  .node-type-new-content-page .span11 {
    width: 1070px;
  }
  .node-type-new-content-page .span10 {
    width: 970px;
  }
  .node-type-new-content-page .span9 {
    width: 870px;
  }
  .node-type-new-content-page .span8 {
    width: 770px;
  }
  .node-type-new-content-page .span7 {
    width: 670px;
  }
  .node-type-new-content-page .span6 {
    width: 570px;
  }
  .node-type-new-content-page .span5 {
    width: 470px;
  }
  .node-type-new-content-page .span4 {
    width: 370px;
  }
  .node-type-new-content-page .span3 {
    width: 270px;
  }
  .node-type-new-content-page .span2 {
    width: 170px;
  }
  .node-type-new-content-page .span1 {
    width: 70px;
  }
  .node-type-new-content-page .offset12 {
    margin-left: 1230px;
  }
  .node-type-new-content-page .offset11 {
    margin-left: 1130px;
  }
  .node-type-new-content-page .offset10 {
    margin-left: 1030px;
  }
  .node-type-new-content-page .offset9 {
    margin-left: 930px;
  }
  .node-type-new-content-page .offset8 {
    margin-left: 830px;
  }
  .node-type-new-content-page .offset7 {
    margin-left: 730px;
  }
  .node-type-new-content-page .offset6 {
    margin-left: 630px;
  }
  .node-type-new-content-page .offset5 {
    margin-left: 530px;
  }
  .node-type-new-content-page .offset4 {
    margin-left: 430px;
  }
  .node-type-new-content-page .offset3 {
    margin-left: 330px;
  }
  .node-type-new-content-page .offset2 {
    margin-left: 230px;
  }
  .node-type-new-content-page .offset1 {
    margin-left: 130px;
  }
  .node-type-new-content-page .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .node-type-new-content-page .row-fluid:before,
  .node-type-new-content-page .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .node-type-new-content-page .row-fluid:after {
    clear: both;
  }
  .node-type-new-content-page .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .node-type-new-content-page .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .node-type-new-content-page .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .node-type-new-content-page .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .node-type-new-content-page .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .node-type-new-content-page .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .node-type-new-content-page .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .node-type-new-content-page .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .node-type-new-content-page .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .node-type-new-content-page .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .node-type-new-content-page .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .node-type-new-content-page .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .node-type-new-content-page .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .node-type-new-content-page .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .node-type-new-content-page .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .node-type-new-content-page .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .node-type-new-content-page .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .node-type-new-content-page .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .node-type-new-content-page .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .node-type-new-content-page .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .node-type-new-content-page .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .node-type-new-content-page .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .node-type-new-content-page .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .node-type-new-content-page .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .node-type-new-content-page .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .node-type-new-content-page .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .node-type-new-content-page .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .node-type-new-content-page .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .node-type-new-content-page .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .node-type-new-content-page .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .node-type-new-content-page .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .node-type-new-content-page .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .node-type-new-content-page .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .node-type-new-content-page .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .node-type-new-content-page .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .node-type-new-content-page .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .node-type-new-content-page .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .node-type-new-content-page .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .node-type-new-content-page .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  .node-type-new-content-page input,
  .node-type-new-content-page textarea,
  .node-type-new-content-page .uneditable-input {
    margin-left: 0;
  }
  .node-type-new-content-page .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  .node-type-new-content-page input.span12,
  .node-type-new-content-page textarea.span12,
  .node-type-new-content-page .uneditable-input.span12 {
    width: 1156px;
  }
  .node-type-new-content-page input.span11,
  .node-type-new-content-page textarea.span11,
  .node-type-new-content-page .uneditable-input.span11 {
    width: 1056px;
  }
  .node-type-new-content-page input.span10,
  .node-type-new-content-page textarea.span10,
  .node-type-new-content-page .uneditable-input.span10 {
    width: 956px;
  }
  .node-type-new-content-page input.span9,
  .node-type-new-content-page textarea.span9,
  .node-type-new-content-page .uneditable-input.span9 {
    width: 856px;
  }
  .node-type-new-content-page input.span8,
  .node-type-new-content-page textarea.span8,
  .node-type-new-content-page .uneditable-input.span8 {
    width: 756px;
  }
  .node-type-new-content-page input.span7,
  .node-type-new-content-page textarea.span7,
  .node-type-new-content-page .uneditable-input.span7 {
    width: 656px;
  }
  .node-type-new-content-page input.span6,
  .node-type-new-content-page textarea.span6,
  .node-type-new-content-page .uneditable-input.span6 {
    width: 556px;
  }
  .node-type-new-content-page input.span5,
  .node-type-new-content-page textarea.span5,
  .node-type-new-content-page .uneditable-input.span5 {
    width: 456px;
  }
  .node-type-new-content-page input.span4,
  .node-type-new-content-page textarea.span4,
  .node-type-new-content-page .uneditable-input.span4 {
    width: 356px;
  }
  .node-type-new-content-page input.span3,
  .node-type-new-content-page textarea.span3,
  .node-type-new-content-page .uneditable-input.span3 {
    width: 256px;
  }
  .node-type-new-content-page input.span2,
  .node-type-new-content-page textarea.span2,
  .node-type-new-content-page .uneditable-input.span2 {
    width: 156px;
  }
  .node-type-new-content-page input.span1,
  .node-type-new-content-page textarea.span1,
  .node-type-new-content-page .uneditable-input.span1 {
    width: 56px;
  }
  .node-type-new-content-page .thumbnails {
    margin-left: -30px;
  }
  .node-type-new-content-page .thumbnails > li {
    margin-left: 30px;
  }
  .node-type-new-content-page .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .node-type-new-content-page .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .node-type-new-content-page .row:before,
  .node-type-new-content-page .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .node-type-new-content-page .row:after {
    clear: both;
  }
  .node-type-new-content-page [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .node-type-new-content-page .container,
  .node-type-new-content-page .navbar-static-top .container,
  .node-type-new-content-page .navbar-fixed-top .container,
  .node-type-new-content-page .navbar-fixed-bottom .container {
    width: 724px;
  }
  .node-type-new-content-page .span12 {
    width: 724px;
  }
  .node-type-new-content-page .span11 {
    width: 662px;
  }
  .node-type-new-content-page .span10 {
    width: 600px;
  }
  .node-type-new-content-page .span9 {
    width: 538px;
  }
  .node-type-new-content-page .span8 {
    width: 476px;
  }
  .node-type-new-content-page .span7 {
    width: 414px;
  }
  .node-type-new-content-page .span6 {
    width: 352px;
  }
  .node-type-new-content-page .span5 {
    width: 290px;
  }
  .node-type-new-content-page .span4 {
    width: 228px;
  }
  .node-type-new-content-page .span3 {
    width: 166px;
  }
  .node-type-new-content-page .span2 {
    width: 104px;
  }
  .node-type-new-content-page .span1 {
    width: 42px;
  }
  .node-type-new-content-page .offset12 {
    margin-left: 764px;
  }
  .node-type-new-content-page .offset11 {
    margin-left: 702px;
  }
  .node-type-new-content-page .offset10 {
    margin-left: 640px;
  }
  .node-type-new-content-page .offset9 {
    margin-left: 578px;
  }
  .node-type-new-content-page .offset8 {
    margin-left: 516px;
  }
  .node-type-new-content-page .offset7 {
    margin-left: 454px;
  }
  .node-type-new-content-page .offset6 {
    margin-left: 392px;
  }
  .node-type-new-content-page .offset5 {
    margin-left: 330px;
  }
  .node-type-new-content-page .offset4 {
    margin-left: 268px;
  }
  .node-type-new-content-page .offset3 {
    margin-left: 206px;
  }
  .node-type-new-content-page .offset2 {
    margin-left: 144px;
  }
  .node-type-new-content-page .offset1 {
    margin-left: 82px;
  }
  .node-type-new-content-page .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .node-type-new-content-page .row-fluid:before,
  .node-type-new-content-page .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .node-type-new-content-page .row-fluid:after {
    clear: both;
  }
  .node-type-new-content-page .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .node-type-new-content-page .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .node-type-new-content-page .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .node-type-new-content-page .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .node-type-new-content-page .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .node-type-new-content-page .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .node-type-new-content-page .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .node-type-new-content-page .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .node-type-new-content-page .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .node-type-new-content-page .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .node-type-new-content-page .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .node-type-new-content-page .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .node-type-new-content-page .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .node-type-new-content-page .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .node-type-new-content-page .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .node-type-new-content-page .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .node-type-new-content-page .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .node-type-new-content-page .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .node-type-new-content-page .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .node-type-new-content-page .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .node-type-new-content-page .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .node-type-new-content-page .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .node-type-new-content-page .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .node-type-new-content-page .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .node-type-new-content-page .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .node-type-new-content-page .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .node-type-new-content-page .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .node-type-new-content-page .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .node-type-new-content-page .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .node-type-new-content-page .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .node-type-new-content-page .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .node-type-new-content-page .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .node-type-new-content-page .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .node-type-new-content-page .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .node-type-new-content-page .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .node-type-new-content-page .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .node-type-new-content-page .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .node-type-new-content-page .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .node-type-new-content-page .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  .node-type-new-content-page input,
  .node-type-new-content-page textarea,
  .node-type-new-content-page .uneditable-input {
    margin-left: 0;
  }
  .node-type-new-content-page .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  .node-type-new-content-page input.span12,
  .node-type-new-content-page textarea.span12,
  .node-type-new-content-page .uneditable-input.span12 {
    width: 710px;
  }
  .node-type-new-content-page input.span11,
  .node-type-new-content-page textarea.span11,
  .node-type-new-content-page .uneditable-input.span11 {
    width: 648px;
  }
  .node-type-new-content-page input.span10,
  .node-type-new-content-page textarea.span10,
  .node-type-new-content-page .uneditable-input.span10 {
    width: 586px;
  }
  .node-type-new-content-page input.span9,
  .node-type-new-content-page textarea.span9,
  .node-type-new-content-page .uneditable-input.span9 {
    width: 524px;
  }
  .node-type-new-content-page input.span8,
  .node-type-new-content-page textarea.span8,
  .node-type-new-content-page .uneditable-input.span8 {
    width: 462px;
  }
  .node-type-new-content-page input.span7,
  .node-type-new-content-page textarea.span7,
  .node-type-new-content-page .uneditable-input.span7 {
    width: 400px;
  }
  .node-type-new-content-page input.span6,
  .node-type-new-content-page textarea.span6,
  .node-type-new-content-page .uneditable-input.span6 {
    width: 338px;
  }
  .node-type-new-content-page input.span5,
  .node-type-new-content-page textarea.span5,
  .node-type-new-content-page .uneditable-input.span5 {
    width: 276px;
  }
  .node-type-new-content-page input.span4,
  .node-type-new-content-page textarea.span4,
  .node-type-new-content-page .uneditable-input.span4 {
    width: 214px;
  }
  .node-type-new-content-page input.span3,
  .node-type-new-content-page textarea.span3,
  .node-type-new-content-page .uneditable-input.span3 {
    width: 152px;
  }
  .node-type-new-content-page input.span2,
  .node-type-new-content-page textarea.span2,
  .node-type-new-content-page .uneditable-input.span2 {
    width: 90px;
  }
  .node-type-new-content-page input.span1,
  .node-type-new-content-page textarea.span1,
  .node-type-new-content-page .uneditable-input.span1 {
    width: 28px;
  }
}
@media (max-width: 767px) {
  .node-type-new-content-page body {
    padding-right: 20px;
    padding-left: 20px;
  }
  .node-type-new-content-page .navbar-fixed-top,
  .node-type-new-content-page .navbar-fixed-bottom,
  .node-type-new-content-page .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .node-type-new-content-page .container-fluid {
    padding: 0;
  }
  .node-type-new-content-page .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .node-type-new-content-page .dl-horizontal dd {
    margin-left: 0;
  }
  .node-type-new-content-page .container {
    width: auto;
  }
  .node-type-new-content-page .row-fluid {
    width: 100%;
  }
  .node-type-new-content-page .row,
  .node-type-new-content-page .thumbnails {
    margin-left: 0;
  }
  .node-type-new-content-page .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  .node-type-new-content-page [class*="span"],
  .node-type-new-content-page .uneditable-input[class*="span"],
  .node-type-new-content-page .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .node-type-new-content-page .span12,
  .node-type-new-content-page .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .node-type-new-content-page .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .node-type-new-content-page .input-large,
  .node-type-new-content-page .input-xlarge,
  .node-type-new-content-page .input-xxlarge,
  .node-type-new-content-page input[class*="span"],
  .node-type-new-content-page select[class*="span"],
  .node-type-new-content-page textarea[class*="span"],
  .node-type-new-content-page .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .node-type-new-content-page .input-prepend input,
  .node-type-new-content-page .input-append input,
  .node-type-new-content-page .input-prepend input[class*="span"],
  .node-type-new-content-page .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .node-type-new-content-page .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .node-type-new-content-page .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .node-type-new-content-page .modal.fade {
    top: -100px;
  }
  .node-type-new-content-page .modal.fade.in {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .node-type-new-content-page .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .node-type-new-content-page .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  .node-type-new-content-page input[type="checkbox"],
  .node-type-new-content-page input[type="radio"] {
    border: 1px solid #ccc;
  }
  .node-type-new-content-page .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .node-type-new-content-page .form-horizontal .controls {
    margin-left: 0;
  }
  .node-type-new-content-page .form-horizontal .control-list {
    padding-top: 0;
  }
  .node-type-new-content-page .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .node-type-new-content-page .media .pull-left,
  .node-type-new-content-page .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .node-type-new-content-page .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .node-type-new-content-page .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .node-type-new-content-page .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .node-type-new-content-page .carousel-caption {
    position: static;
  }
}
@media (max-width: 979px) {
  .node-type-new-content-page body {
    padding-top: 0;
  }
  .node-type-new-content-page .navbar-fixed-top,
  .node-type-new-content-page .navbar-fixed-bottom {
    position: static;
  }
  .node-type-new-content-page .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .node-type-new-content-page .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .node-type-new-content-page .navbar-fixed-top .navbar-inner,
  .node-type-new-content-page .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .node-type-new-content-page .navbar .container {
    width: auto;
    padding: 0;
  }
  .node-type-new-content-page .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .node-type-new-content-page .nav-collapse {
    clear: both;
  }
  .node-type-new-content-page .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .node-type-new-content-page .nav-collapse .nav > li {
    float: none;
  }
  .node-type-new-content-page .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .node-type-new-content-page .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .node-type-new-content-page .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .node-type-new-content-page .nav-collapse .nav > li > a,
  .node-type-new-content-page .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .node-type-new-content-page .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .node-type-new-content-page .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .node-type-new-content-page .nav-collapse .nav > li > a:hover,
  .node-type-new-content-page .nav-collapse .nav > li > a:focus,
  .node-type-new-content-page .nav-collapse .dropdown-menu a:hover,
  .node-type-new-content-page .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .node-type-new-content-page .navbar-inverse .nav-collapse .nav > li > a,
  .node-type-new-content-page .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .node-type-new-content-page .navbar-inverse .nav-collapse .nav > li > a:hover,
  .node-type-new-content-page .navbar-inverse .nav-collapse .nav > li > a:focus,
  .node-type-new-content-page .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .node-type-new-content-page .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .node-type-new-content-page .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .node-type-new-content-page .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .node-type-new-content-page .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .node-type-new-content-page .nav-collapse .dropdown-menu:before,
  .node-type-new-content-page .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .node-type-new-content-page .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .node-type-new-content-page .nav-collapse .nav > li > .dropdown-menu:before,
  .node-type-new-content-page .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .node-type-new-content-page .nav-collapse .navbar-form,
  .node-type-new-content-page .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .node-type-new-content-page .navbar-inverse .nav-collapse .navbar-form,
  .node-type-new-content-page .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .node-type-new-content-page .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .node-type-new-content-page .nav-collapse,
  .node-type-new-content-page .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .node-type-new-content-page .navbar .btn-navbar {
    display: block;
  }
  .node-type-new-content-page .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 980px) {
  .node-type-new-content-page .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
.node-type-new-content-page img {
  max-width: 100%;
  height: auto;
}

/**
* @file
* Styles specific for the staff profile page - not the staff index page
*/
.node-type-staff .field-name-field-job-title {
  font-weight: bold;
  margin-bottom: 30px;
}
.node-type-staff .field-name-field-profile-image img {
  border-radius: 55px;
  margin: 0 25px 20px 0;
}
.node-type-staff .field-name-field-tel {
  margin-bottom: 15px;
}
@media (min-width: 430px) {
  .node-type-staff .field-name-field-profile-image {
    float: left;
  }
  .node-type-staff .field-name-field-profile-image img {
    margin-bottom: 50px;
  }
}

/**
* @file
* Styles for the staff index page
*/
.node-type-staff-profile-page {
  text-align: center;
}
.node-type-staff-profile-page .views-row {
  margin-bottom: 25px;
}
.node-type-staff-profile-page .views-row:after {
  content: "";
  display: table;
  clear: both;
}
.node-type-staff-profile-page .views-field-field-profile-image img {
  border-radius: 55px;
}
.node-type-staff-profile-page .views-field-title {
  font-weight: bold;
}
.node-type-staff-profile-page .views-field-title a {
  color: #363636;
}
@media (min-width: 500px) {
  .node-type-staff-profile-page {
    text-align: left;
  }
  .node-type-staff-profile-page .views-row {
    clear: both;
  }
  .node-type-staff-profile-page .views-field-field-profile-image {
    float: left;
    margin-right: 25px;
  }
  .node-type-staff-profile-page .views-field-title {
    padding-top: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 700px) {
  .node-type-staff-profile-page .views-row {
    clear: none;
    float: left;
    width: 50%;
  }
  .node-type-staff-profile-page .views-row-even {
    padding-right: 20px;
  }
  .node-type-staff-profile-page .views-row-odd {
    clear: both;
    padding-left: 20px;
  }
}
@media (min-width: 900px) {
  .node-type-staff-profile-page .views-row {
    margin-bottom: 35px;
  }
}

/**
* @file
* Styles for slider created using the field collection field_content_slider
*
* @see js/dev/content-slider.js - JavaScript functionality
* @see templates/field--field-content-slider.tpl.php - Markup
*/
.content-slider__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 16px;
  height: 30px;
  background: transparent url(../img/icn/arr-lg-thin.png) no-repeat center center;
  background-size: 16px 30px;
  cursor: pointer;
}

.content-slider__button--prev {
  left: 20px;
}

.content-slider__button--next {
  right: 20px;
  transform: rotate(180deg);
  transform-origin: 25% 25%;
}

.content-slider-slider__pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
}

.submitted {
  margin-bottom: 25px;
}

/**
 * @file
 * Slide styling for related blocks, I.E. related staff block on an individual staff members profile page
 *
 * @see templates/views-view-unformatted--related-staff--block.tpl-php - Markup for related staff views block
 * @see templates/node--course.tpl-php - Markup for related course slider
 * @see js/dev/related-block.js - JavaScript functionality
 */
#block-views-related-staff-block h2 {
  padding-top: 50px;
  margin: 50px 0 30px 0;
}

.related-block .swiper-wrapper {
  padding-top: 35px;
}

.related-block__slide {
  padding: 50px 25px 25px 25px;
  background-color: #71848F;
  color: white;
  text-align: center;
}
.related-block__slide img {
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  width: 65px;
  height: 65px;
  border: 2px solid white;
  border-radius: 55px;
}
.related-block__slide a {
  display: block;
  margin-bottom: 20px;
  color: white;
  font-weight: bold;
}
@media (min-width: 900px) {
  .related-block__slide {
    padding: 50px 45px;
  }
}

.related-block__controls {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
}
.related-block__controls:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 599px) {
  .related-block__controls {
    display: none;
  }
}

.related-block__button__pagination {
  float: left;
}
.related-block__button__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #71848F;
  opacity: 0.5;
}
.related-block__button__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.related-block__button {
  float: left;
  width: 13px;
  height: 23px;
  background: transparent url("../img/icn/sprite.png") no-repeat;
  background-position: -110px -196px;
}

.related-block__button--prev {
  margin-right: 20px;
}

.related-block__button--next {
  margin-left: 20px;
  transform: rotate(180deg);
}

/******************************
* Modifiers specifically for the related courses slider on the Course content type
*/
.related-block--course h2 {
  margin-top: 15px;
}
.related-block--course .swiper-wrapper {
  padding-top: 0;
}
.related-block--course .related-block__slide {
  padding: 40px 15px;
  text-align: left;
}

.related-block__button--course.related-block__button {
  position: absolute;
  bottom: 45px;
}

.related-block__button--course.related-block__button--prev {
  left: 0;
}

.related-block__button--course.related-block__button--next {
  right: 0;
}

.related-block__button__pagination--course.related-block__button__pagination {
  display: none;
}

/**
* @file
* Classes for altering styles for form elements
*/
.round-input {
  border: none;
  border-radius: 20px;
  background-color: white;
}

.input-arrow {
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent url(../img/icn/sprite.png) no-repeat;
  background-position: -58px -196px;
  cursor: pointer;
}

/**
* @file
* Style the twitter block found on the home page & department homepages
*/
.twitter-block {
  padding: 30px;
  background-color: white;
  font-family: futura-pt, sans-serif;
}

.twitter-block__heading {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 15px;
}

.twitter-block__list,
.twitter-block__list__item {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

@media (min-width: 600px) {
  .twitter-block__list__item {
    display: table;
    width: 100%;
  }
}

@media (min-width: 600px) {
  .twitter-block__img-wrap {
    display: table-cell;
    width: 80px;
    height: 70px;
  }
}

.twitter-block__img {
  width: 100%;
  max-width: 70px;
  height: 100%;
  max-height: 70px;
}
@media (min-width: 600px) {
  .twitter-block__img {
    position: absolute;
  }
}

@media (min-width: 600px) {
  .twitter-block__content {
    display: table-cell;
  }
}

.twitter-block__content__head__para {
  font-weight: bold;
}
@media (min-width: 600px) {
  .twitter-block__content__head__para {
    line-height: 15px;
  }
}

.twitter-block__content__tweet {
  margin-bottom: 0;
}

.twitter-block__content__more {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  text-transform: uppercase;
}
.twitter-block__content__more a {
  color: black;
}

.twitter-block--dept-home {
  padding: 0;
  background-color: transparent;
}
.twitter-block--dept-home .twitter-block__content__time {
  margin-top: 10px;
  font-style: italic;
}

/**
* @file
* Styles specifically for the plain slider
*
* @see field--fences-plainNarrowSlider.tpl.php - Markup
* @see js/dev/plain-narrow-slider.js - JavaScript functionality
* @see sass/_object.slide.scss - Other CSS related to the styling
*/
.plain-slider img {
  width: 100%;
  height: auto;
}
.plain-slider .wrapper {
  top: -30px;
}

/**
* @file
* Styles specific to the "Course" content type
*/
.node-course {
  /******************************
  * Main content
  */
  /******************************
  * Sidebar content
  */
}
.node-course .field-name-field-top-video-embed iframe {
  width: 100%;
  min-height: 400px;
}
.node-course .field-name-field-top-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.node-course .field-group-div > h2 {
  display: inline-block;
  padding-top: 45px;
  border-top: 1px solid #959595;
  margin: 25px 0 20px 0;
  width: 100%;
}
.node-course .group-student-view:after {
  content: "";
  display: table;
  clear: both;
}
.node-course .field-name-field-student-quote-image img,
.node-course .field-name-field-student-view-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media (min-width: 650px) {
  .node-course .field-name-field-student-quote-image img,
  .node-course .field-name-field-student-view-image img {
    float: left;
    width: 25%;
  }
}
.node-course .field-name-field-student-quote-image img {
  float: none;
  width: 100%;
}
@media (min-width: 650px) {
  .node-course .field-item.even .field-name-field-student-quote-image {
    float: right;
    width: 25%;
  }
}
@media (min-width: 650px) {
  .node-course .field-item.odd .field-name-field-student-quote-image {
    float: left;
    width: 25%;
  }
}
@media (min-width: 650px) {
  .node-course .field-name-field-student-quote-quote,
  .node-course .field-name-field-student-view-quote {
    float: left;
    padding-left: 30px;
    margin-top: 10px;
    width: 75%;
  }
}
.node-course .field-item.even .field-name-field-student-quote-quote {
  padding-right: 30px;
  padding-left: 0;
  text-align: right;
}
.node-course .field-name-field-student-quote-name,
.node-course .field-name-field-student-view-name {
  margin-top: 15px;
  font-weight: bold;
}
@media (min-width: 650px) {
  .node-course .field-name-field-student-quote-name,
  .node-course .field-name-field-student-view-name {
    float: left;
    padding-left: 30px;
    margin-top: 0;
    width: 75%;
  }
}
.node-course .field-item.even .field-name-field-student-quote-name {
  padding-right: 30px;
  padding-left: 0;
  text-align: right;
}
.node-course .field-name-field-student-quote-course-title,
.node-course .field-name-field-student-course-title {
  margin-top: 15px;
}
@media (min-width: 650px) {
  .node-course .field-name-field-student-quote-course-title,
  .node-course .field-name-field-student-course-title {
    float: left;
    padding-left: 30px;
    margin-top: 5px;
    width: 75%;
  }
}
.node-course .field-item.even .field-name-field-student-quote-course-title {
  padding-right: 30px;
  padding-left: 0;
  text-align: right;
}
.node-course .field-name-field-student-view-quotes {
  clear: both;
}
.node-course .field-name-field-student-view-quotes .field-items > .field-item {
  margin-top: 5px;
}
.node-course .field-name-field-student-view-quotes .field-item:after {
  content: "";
  display: table;
  clear: both;
}
.node-course .field-name-field-student-view-quotes > .field-items > .field-item {
  padding-top: 25px;
  margin-top: 0;
}
.node-course #kis_iframeWrapper {
  margin: 50px 0 35px 0;
}
.node-course #kis_iframeWrapper iframe {
  width: 100%;
  max-width: 100%;
}
.node-course .course-side-content {
  font-size: 16px;
  text-align: center;
}
@media (max-width: 750px) {
  .node-course .course-side-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
  }
}
.node-course .course-side-content > div {
  padding-bottom: 30px;
  border-bottom: 1px solid #959595;
  margin-bottom: 30px;
}
@media (max-width: 750px) {
  .node-course .course-side-content > div {
    width: 50%;
    border-bottom: none;
  }
}
.node-course .course-side-content > div:last-of-type {
  border: none;
}
.node-course .course-side-content a {
  color: black;
}
.node-course .course-side-content h2,
.node-course .course-side-content .field-label {
  padding: 0;
  border: 0;
  margin: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.node-course .course-side-content .group-codes {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-code.jpg") no-repeat center top;
}
.node-course .course-side-content .group-course-length {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-length.jpg") no-repeat center top;
}
.node-course .course-side-content .group-entry-requirements {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-entry.jpg") no-repeat center top;
}
.node-course .course-side-content .group-places-still-available,
.node-course .course-side-content .group-apply-now {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-apply.jpg") no-repeat center top;
}
.node-course .course-side-content .group-order-prospectus {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-prospectus.jpg") no-repeat center top;
}
.node-course .course-side-content .group-open-days {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-open.jpg") no-repeat center top;
}
.node-course .course-side-content .group-campus-tour {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-campus.jpg") no-repeat center top;
}
.node-course .course-side-content .group-virtual-tour {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-virtual.jpg") no-repeat center top;
}
.node-course .course-side-content .group-more-information {
  padding-top: 60px;
  background: transparent url("../img/icn/course/course-info.jpg") no-repeat center top;
}
.node-course .course-side-content .group-social-links .field-group-format-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}
.node-course .course-side-content .group-social-links .field-group-format-wrapper a {
  display: inline-table;
  margin-right: 5px;
  margin-left: 5px;
}
.node-course .course-side-content h2 a span {
  text-transform: uppercase;
  color: #259A8D;
  font-weight: normal;
}

/**
* @file
* Styles specifically for the "Course Search Landing" content type
*
* @see templates/page--course-search-landing.tpl.php
*/
.node-type-course-search-landing .region-content {
  padding-left: 90px;
}
.node-type-course-search-landing .field-name-field-multi-image img {
  display: block;
}
.node-type-course-search-landing .link-box {
  margin-top: 0;
}

.course-search-landing-box {
  position: relative;
  width: 100%;
  max-width: 915px;
  padding: 40px 35px;
  margin: 0 auto;
  background-color: #259A8D;
  z-index: 50;
}
.course-search-landing-box h1 {
  color: white;
  text-align: center;
}
.course-search-landing-box label {
  display: inline-block;
  margin: 0 10px 10px 0;
  font-size: 16px;
  font-weight: normal;
  color: white;
}
.course-search-landing-box select,
.course-search-landing-box input[type=text] {
  width: 100%;
  margin-bottom: 10px;
}
.course-search-landing-box span {
  display: inline-block;
  margin: 0 20px 10px 0;
}
@media (min-width: 500px) {
  .course-search-landing-box .course-search-landing-box__radios {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
}
.course-search-landing-box .course-search-landing-box__radios__found {
  width: 110px;
}
.course-search-landing-box .course-search-landing-box__radios__under {
  width: 135px;
}
.course-search-landing-box .course-search-landing-box__radios__post {
  width: 125px;
}
@media (min-width: 700px) {
  .course-search-landing-box span {
    margin-bottom: 30px;
  }
  .course-search-landing-box select {
    width: 180px;
    margin-right: 25px;
  }
  .course-search-landing-box input[type=text] {
    width: 350px;
  }
  .course-search-landing-box input[type=submit] {
    float: right;
  }
  .course-search-landing-box .select-arrow {
    display: inline;
  }
}
@media (min-width: 750px) {
  .course-search-landing-box input[type=text] {
    width: 400px;
  }
}
@media (min-width: 800px) {
  .course-search-landing-box {
    padding: 90px 75px;
  }
  .course-search-landing-box input[type=text] {
    width: 370px;
  }
}
@media (min-width: 850px) {
  .course-search-landing-box input[type=text] {
    width: 420px;
  }
}
@media (min-width: 900px) {
  .course-search-landing-box {
    margin-top: -45px;
  }
  .course-search-landing-box input[type=text] {
    width: 460px;
  }
}
@media (min-width: 1100px) {
  .course-search-landing-box span {
    margin-right: 70px;
  }
  .course-search-landing-box input[type=text] {
    width: 480px;
  }
}

/**
* @file
* Style rules for search pages on the site
*/
/******************************
* Site search
*/
.page-search {
  /**
  * Facet filter
  */
  /**
  * "BROWSE AVAILABLE CATEGORIES" block, not sure why or how this was added
  */
}
.page-search .form-type-textfield label {
  display: none;
}
.page-search .form-type-textfield input {
  display: block;
  position: relative;
  float: left;
  width: 75%;
}
.page-search input[type=submit] {
  width: 25%;
  font-family: futura-pt, sans-serif;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #259A8D;
  color: white;
}
.page-search #block-system-main .search-results,
.page-search #block-system-main li {
  padding-left: 0;
}
.page-search #block-system-main li h2 {
  display: block;
}
.page-search #block-facetapi-apachesolr-bundle h2,
.page-search #block-facetapi-giiy4zr9gu0zsa0bumw1y9qiipidf1wu h2 {
  margin-bottom: 0;
}
.page-search #block-facetapi-apachesolr-bundle ul,
.page-search #block-facetapi-giiy4zr9gu0zsa0bumw1y9qiipidf1wu ul {
  clear: both;
  display: table;
  content: "";
}
.page-search #block-facetapi-apachesolr-bundle li,
.page-search #block-facetapi-giiy4zr9gu0zsa0bumw1y9qiipidf1wu li {
  margin: 0 0 10px 0;
  list-style: none;
}
@media (min-width: 750px) {
  .page-search #block-facetapi-apachesolr-bundle li,
  .page-search #block-facetapi-giiy4zr9gu0zsa0bumw1y9qiipidf1wu li {
    float: left;
    margin: 0 30px 0 0;
  }
  .page-search #block-facetapi-apachesolr-bundle li:last-child,
  .page-search #block-facetapi-giiy4zr9gu0zsa0bumw1y9qiipidf1wu li:last-child {
    margin-right: 0;
  }
}
.page-search .apachesolr-browse-blocks {
  display: none;
}

/******************************
* Course search
*/
.page-search-course-search-results #edit-field-department-wrapper {
  display: none;
}
.page-search-course-search-results #edit-search-api-views-fulltext-wrapper {
  display: block;
  position: relative;
  float: left;
  width: 75%;
  padding: 0;
}
.page-search-course-search-results #edit-search-api-views-fulltext-wrapper input {
  width: 100%;
}
.page-search-course-search-results .views-submit-button {
  width: 25%;
  padding: 0;
}
.page-search-course-search-results .views-submit-button input[type=submit] {
  width: 100%;
  margin: 0;
  font-family: futura-pt, sans-serif;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #259A8D;
  color: white;
}
.page-search-course-search-results .block-facetapi {
  padding-bottom: 5px;
  border-bottom: 1px solid #9FCDC6;
  margin: 5px 0;
}
.page-search-course-search-results .block-facetapi:after {
  content: "";
  display: table;
  clear: both;
}
.page-search-course-search-results .block-facetapi h2 {
  float: left;
  font-size: 14px;
  margin: 0;
}
.page-search-course-search-results .block-facetapi ul {
  padding-top: 2px;
  margin: 0;
}
.page-search-course-search-results .block-facetapi ul:after {
  content: "";
  display: table;
  clear: both;
}
.page-search-course-search-results .block-facetapi li {
  float: left;
  margin: 0 0 0 10px;
  list-style-type: none;
}
.page-search-course-search-results .block-facetapi li .item-list {
  display: inline-block;
  vertical-align: top;
}
.page-search-course-search-results .views-row h2 {
  display: block !important;
  margin-top: 25px;
}
.page-search-course-search-results .views-row-last {
  margin-bottom: 50px;
}

/**
* @file
* Styles specifically for the "News" content type
*/
.node-type-news .field-name-field-news-images {
  margin-bottom: 25px;
}
.node-type-news .field-name-field-news-images img {
  max-width: 100%;
  height: auto;
}

.content img {
  display: block;
  margin: 0 auto;
}
.content .group-course-accred-content img {
  margin: 0 15px 0 0;
  float: left;
}

/**
* @file
* Overwrites colour styles for parts of the site with department specific colours
*/
/****************************************
* Business department
*/
.dept-business .dept-intro-box, .dept-business .intro-box {
  background-color: #347E85;
}
.dept-business.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-business.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-business .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-business .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-business .cu-mobile-submenu h2, .dept-business .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-business .cu-mobile-submenu h2 span, .dept-business .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-business .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

/****************************************
* Theology department
*/
.dept-theology .dept-intro-box, .dept-theology .intro-box {
  background-color: #347E85;
}
.dept-theology.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-theology.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-theology .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-theology .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-theology .cu-mobile-submenu h2, .dept-theology .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-theology .cu-mobile-submenu h2 span, .dept-theology .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-theology .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

/****************************************
* Psychology department
*/
.dept-psychology .dept-intro-box, .dept-psychology .intro-box {
  background-color: #347E85;
}
.dept-psychology.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-psychology.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-psychology .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-psychology .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-psychology .cu-mobile-submenu h2, .dept-psychology .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-psychology .cu-mobile-submenu h2 span, .dept-psychology .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-psychology .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

/****************************************
* English department
*/
.dept-english .dept-intro-box, .dept-english .intro-box {
  background-color: #C75E27;
}
.dept-english.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #C75E27;
}
.dept-english.node-type-department-homepage .menu-block-wrapper ul a {
  color: #C75E27;
}
.dept-english .breadcrumb-wrapper {
  background-color: #C75E27;
}
.dept-english .cu-mobile-submenu {
  border: 1px solid #C75E27;
  color: #C75E27 !important;
}
.dept-english .cu-mobile-submenu h2, .dept-english .cu-mobile-submenu a {
  color: #C75E27 !important;
}
.dept-english .cu-mobile-submenu h2 span, .dept-english .cu-mobile-submenu a span {
  background-color: #C75E27;
}
.dept-english .cu-mobile-submenu .menu li {
  border-color: #C75E27;
}

/****************************************
* English department
*/
.dept-childhood .dept-intro-box, .dept-childhood .intro-box {
  background-color: #579047;
}
.dept-childhood.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #579047;
}
.dept-childhood.node-type-department-homepage .menu-block-wrapper ul a {
  color: #579047;
}
.dept-childhood .breadcrumb-wrapper {
  background-color: #579047;
}
.dept-childhood .cu-mobile-submenu {
  border: 1px solid #579047;
  color: #579047 !important;
}
.dept-childhood .cu-mobile-submenu h2, .dept-childhood .cu-mobile-submenu a {
  color: #579047 !important;
}
.dept-childhood .cu-mobile-submenu h2 span, .dept-childhood .cu-mobile-submenu a span {
  background-color: #579047;
}
.dept-childhood .cu-mobile-submenu .menu li {
  border-color: #579047;
}

/****************************************
* Education department
*/
.dept-education .dept-intro-box, .dept-education .intro-box {
  background-color: #118E8F;
}
.dept-education.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #118E8F;
}
.dept-education.node-type-department-homepage .menu-block-wrapper ul a {
  color: #118E8F;
}
.dept-education .breadcrumb-wrapper {
  background-color: #118E8F;
}
.dept-education .cu-mobile-submenu {
  border: 1px solid #118E8F;
  color: #118E8F !important;
}
.dept-education .cu-mobile-submenu h2, .dept-education .cu-mobile-submenu a {
  color: #118E8F !important;
}
.dept-education .cu-mobile-submenu h2 span, .dept-education .cu-mobile-submenu a span {
  background-color: #118E8F;
}
.dept-education .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

/****************************************
* Dance department
*/
.dept-dance .dept-intro-box, .dept-dance .intro-box {
  background-color: #347E85;
}
.dept-dance.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-dance.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-dance .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-dance .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-dance .cu-mobile-submenu h2, .dept-dance .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-dance .cu-mobile-submenu h2 span, .dept-dance .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-dance .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

/****************************************
* Creative department
*/
.dept-creative .dept-intro-box, .dept-creative .intro-box {
  background-color: #378C67;
}
.dept-creative.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #378C67;
}
.dept-creative.node-type-department-homepage .menu-block-wrapper ul a {
  color: #378C67;
}
.dept-creative .breadcrumb-wrapper {
  background-color: #378C67;
}
.dept-creative .cu-mobile-submenu {
  border: 1px solid #378C67;
  color: #378C67 !important;
}
.dept-creative .cu-mobile-submenu h2, .dept-creative .cu-mobile-submenu a {
  color: #378C67 !important;
}
.dept-creative .cu-mobile-submenu h2 span, .dept-creative .cu-mobile-submenu a span {
  background-color: #378C67;
}
.dept-creative .cu-mobile-submenu .menu li {
  border-color: #378C67;
}

/****************************************
* Art department
*/
.dept-art .dept-intro-box, .dept-art .intro-box {
  background-color: #3F8781;
}
.dept-art.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #3F8781;
}
.dept-art.node-type-department-homepage .menu-block-wrapper ul a {
  color: #3F8781;
}
.dept-art .breadcrumb-wrapper {
  background-color: #3F8781;
}
.dept-art .cu-mobile-submenu {
  border: 1px solid #3F8781;
  color: #3F8781 !important;
}
.dept-art .cu-mobile-submenu h2, .dept-art .cu-mobile-submenu a {
  color: #3F8781 !important;
}
.dept-art .cu-mobile-submenu h2 span, .dept-art .cu-mobile-submenu a span {
  background-color: #3F8781;
}
.dept-art .cu-mobile-submenu .menu li {
  border-color: #3F8781;
}

/****************************************
* Music department
*/
.dept-music .dept-intro-box, .dept-music .intro-box {
  background-color: #347E85;
}
.dept-music.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-music.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-music .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-music .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-music .cu-mobile-submenu h2, .dept-music .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-music .cu-mobile-submenu h2 span, .dept-music .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-music .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

/****************************************
* Social department
*/
.dept-social .dept-intro-box, .dept-social .intro-box {
  background-color: #3E598D;
}
.dept-social.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #3E598D;
}
.dept-social.node-type-department-homepage .menu-block-wrapper ul a {
  color: #3E598D;
}
.dept-social .breadcrumb-wrapper {
  background-color: #3E598D;
}
.dept-social .cu-mobile-submenu {
  border: 1px solid #3E598D;
  color: #3E598D !important;
}
.dept-social .cu-mobile-submenu h2, .dept-social .cu-mobile-submenu a {
  color: #3E598D !important;
}
.dept-social .cu-mobile-submenu h2 span, .dept-social .cu-mobile-submenu a span {
  background-color: #3E598D;
}
.dept-social .cu-mobile-submenu .menu li {
  border-color: #3E598D;
}

/****************************************
* Sport department
*/
.dept-sport .dept-intro-box, .dept-sport .intro-box {
  background-color: #347E85;
}
.dept-sport.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-sport.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-sport .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-sport .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-sport .cu-mobile-submenu h2, .dept-sport .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-sport .cu-mobile-submenu h2 span, .dept-sport .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-sport .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

/****************************************
* Theatre department
*/
.dept-theatre .dept-intro-box, .dept-theatre .intro-box {
  background-color: #347E85;
}
.dept-theatre.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-theatre.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-theatre .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-theatre .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-theatre .cu-mobile-submenu h2, .dept-theatre .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-theatre .cu-mobile-submenu h2 span, .dept-theatre .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-theatre .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

/****************************************
* History department
*/
.dept-history .dept-intro-box, .dept-history .intro-box {
  background-color: #C25C1D;
}
.dept-history.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #C25C1D;
}
.dept-history.node-type-department-homepage .menu-block-wrapper ul a {
  color: #C25C1D;
}
.dept-history .breadcrumb-wrapper {
  background-color: #C25C1D;
}
.dept-history .cu-mobile-submenu {
  border: 1px solid #C25C1D;
  color: #C25C1D !important;
}
.dept-history .cu-mobile-submenu h2, .dept-history .cu-mobile-submenu a {
  color: #C25C1D !important;
}
.dept-history .cu-mobile-submenu h2 span, .dept-history .cu-mobile-submenu a span {
  background-color: #C25C1D;
}
.dept-history .cu-mobile-submenu .menu li {
  border-color: #C25C1D;
}

.dept-childhood-social-work-social-care .dept-intro-box, .dept-childhood-social-work-social-care .intro-box {
  background-color: #347E85;
}
.dept-childhood-social-work-social-care.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-childhood-social-work-social-care.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-childhood-social-work-social-care .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-childhood-social-work-social-care .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-childhood-social-work-social-care .cu-mobile-submenu h2, .dept-childhood-social-work-social-care .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-childhood-social-work-social-care .cu-mobile-submenu h2 span, .dept-childhood-social-work-social-care .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-childhood-social-work-social-care .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

.dept-film .dept-intro-box, .dept-film .intro-box {
  background-color: #347E85;
}
.dept-film.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-film.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-film .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-film .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-film .cu-mobile-submenu h2, .dept-film .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-film .cu-mobile-submenu h2 span, .dept-film .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-film .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

.dept-engineering .dept-intro-box, .dept-engineering .intro-box {
  background-color: #118E8F;
}
.dept-engineering.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #118E8F;
}
.dept-engineering.node-type-department-homepage .menu-block-wrapper ul a {
  color: #118E8F;
}
.dept-engineering .breadcrumb-wrapper {
  background-color: #118E8F;
}
.dept-engineering .cu-mobile-submenu {
  border: 1px solid #118E8F;
  color: #118E8F !important;
}
.dept-engineering .cu-mobile-submenu h2, .dept-engineering .cu-mobile-submenu a {
  color: #118E8F !important;
}
.dept-engineering .cu-mobile-submenu h2 span, .dept-engineering .cu-mobile-submenu a span {
  background-color: #118E8F;
}
.dept-engineering .cu-mobile-submenu .menu li {
  border-color: #118E8F;
}

.dept-sport .dept-intro-box, .dept-sport .intro-box {
  background-color: #347E85;
}
.dept-sport.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-sport.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-sport .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-sport .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-sport .cu-mobile-submenu h2, .dept-sport .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-sport .cu-mobile-submenu h2 span, .dept-sport .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-sport .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

.dept-adventure .dept-intro-box, .dept-adventure .intro-box {
  background-color: #3E598D;
}
.dept-adventure.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #3E598D;
}
.dept-adventure.node-type-department-homepage .menu-block-wrapper ul a {
  color: #3E598D;
}
.dept-adventure .breadcrumb-wrapper {
  background-color: #3E598D;
}
.dept-adventure .cu-mobile-submenu {
  border: 1px solid #3E598D;
  color: #3E598D !important;
}
.dept-adventure .cu-mobile-submenu h2, .dept-adventure .cu-mobile-submenu a {
  color: #3E598D !important;
}
.dept-adventure .cu-mobile-submenu h2 span, .dept-adventure .cu-mobile-submenu a span {
  background-color: #3E598D;
}
.dept-adventure .cu-mobile-submenu .menu li {
  border-color: #3E598D;
}

.dept-exercise .dept-intro-box, .dept-exercise .intro-box {
  background-color: #3E598D;
}
.dept-exercise.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #3E598D;
}
.dept-exercise.node-type-department-homepage .menu-block-wrapper ul a {
  color: #3E598D;
}
.dept-exercise .breadcrumb-wrapper {
  background-color: #3E598D;
}
.dept-exercise .cu-mobile-submenu {
  border: 1px solid #3E598D;
  color: #3E598D !important;
}
.dept-exercise .cu-mobile-submenu h2, .dept-exercise .cu-mobile-submenu a {
  color: #3E598D !important;
}
.dept-exercise .cu-mobile-submenu h2 span, .dept-exercise .cu-mobile-submenu a span {
  background-color: #3E598D;
}
.dept-exercise .cu-mobile-submenu .menu li {
  border-color: #3E598D;
}

.dept-pe .dept-intro-box, .dept-pe .intro-box {
  background-color: #3E598D;
}
.dept-pe.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #3E598D;
}
.dept-pe.node-type-department-homepage .menu-block-wrapper ul a {
  color: #3E598D;
}
.dept-pe .breadcrumb-wrapper {
  background-color: #3E598D;
}
.dept-pe .cu-mobile-submenu {
  border: 1px solid #3E598D;
  color: #3E598D !important;
}
.dept-pe .cu-mobile-submenu h2, .dept-pe .cu-mobile-submenu a {
  color: #3E598D !important;
}
.dept-pe .cu-mobile-submenu h2 span, .dept-pe .cu-mobile-submenu a span {
  background-color: #3E598D;
}
.dept-pe .cu-mobile-submenu .menu li {
  border-color: #3E598D;
}

.dept-development .dept-intro-box, .dept-development .intro-box {
  background-color: #3E598D;
}
.dept-development.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #3E598D;
}
.dept-development.node-type-department-homepage .menu-block-wrapper ul a {
  color: #3E598D;
}
.dept-development .breadcrumb-wrapper {
  background-color: #3E598D;
}
.dept-development .cu-mobile-submenu {
  border: 1px solid #3E598D;
  color: #3E598D !important;
}
.dept-development .cu-mobile-submenu h2, .dept-development .cu-mobile-submenu a {
  color: #3E598D !important;
}
.dept-development .cu-mobile-submenu h2 span, .dept-development .cu-mobile-submenu a span {
  background-color: #3E598D;
}
.dept-development .cu-mobile-submenu .menu li {
  border-color: #3E598D;
}

.dept-humanities .dept-intro-box, .dept-humanities .intro-box {
  background-color: #347E85;
}
.dept-humanities.node-type-department-homepage .menu-block-wrapper ul {
  border-color: #347E85;
}
.dept-humanities.node-type-department-homepage .menu-block-wrapper ul a {
  color: #347E85;
}
.dept-humanities .breadcrumb-wrapper {
  background-color: #347E85;
}
.dept-humanities .cu-mobile-submenu {
  border: 1px solid #347E85;
  color: #347E85 !important;
}
.dept-humanities .cu-mobile-submenu h2, .dept-humanities .cu-mobile-submenu a {
  color: #347E85 !important;
}
.dept-humanities .cu-mobile-submenu h2 span, .dept-humanities .cu-mobile-submenu a span {
  background-color: #347E85;
}
.dept-humanities .cu-mobile-submenu .menu li {
  border-color: #347E85;
}

.front #page-title {
  display: none !important;
}

.largeh1 {
  font-size: 45px !important;
  line-height: 45px;
}

#page-title {
  margin-top: 56px;
}
@media (max-width: 899px) {
  #page-title {
    margin-left: 4px;
    margin-top: 40px;
  }
}
@media (min-width: 900px) {
  #page-title {
    margin-top: 26px;
  }
  .node-type-course #page-title {
    margin-top: 56px;
  }
}

.high-z-index {
  z-index: 500 !important;
}

.alt-bg-1 {
  background-color: #EBEBEB !important;
}

.alt-bg-2 {
  background-color: #ECECEC !important;
}

.alt-bg-3 {
  background-color: #F8F7F8 !important;
}

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