/**
 * Layout mixins
 */
/**
 * Design mixins - colors, backgrounds, ...
 * @type {[type]}
 */
/**
 * Scott Kellum image replacement
 */
@import "https://cdn.rawgit.com/murtaugh/HTML5-Reset/d48d053d/assets/css/reset.css";
.sprite {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: none;
}
/**
 * Other mixins
 */
/**
 * Custom mixins
 */
@font-face {
  font-family: 'Replica';
  src: url('../fonts/Replica-Light.eot');
  src: local('Replica-Light'), url('../fonts/Replica-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Replica-Light.woff') format('woff'), url('../fonts/Replica-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Replica';
  src: url('../fonts/Replica-Italic.eot');
  src: local('Replica-Italic'), url('../fonts/Replica-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Replica-Italic.woff') format('woff'), url('../fonts/Replica-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Replica';
  src: url('../fonts/Replica-Regular.eot');
  src: local('Replica-Regular'), url('../fonts/Replica-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Replica-Regular.woff') format('woff'), url('../fonts/Replica-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Replica-LightItalic';
  src: url('../fonts/Replica-LightItalic.eot');
  src: local('Replica-LightItalic'), url('../fonts/Replica-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Replica-LightItalic.woff') format('woff'), url('../fonts/Replica-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Replica';
  src: url('../fonts/Replica-Bold.eot');
  src: local('Replica-Bold'), url('../fonts/Replica-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Replica-Bold.woff') format('woff'), url('../fonts/Replica-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
html {
  font-size: 15px;
}
body {
  font-family: 'Replica', sans-serif;
  font-size: 1rem;
  color: #0A1E2D;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
 * CSS reset
 */
/**
 * WP custom styles
 */
/* =WordPress Core
 -------------------------------------------------------------- */
.unitext {
  /* Text meant only for screen readers. */
}
.unitext .alignnone {
  margin: 5px 20px 20px 0;
}
.unitext .aligncenter,
.unitext div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.unitext .alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.unitext .alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.unitext a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.unitext a img.alignnone {
  margin: 5px 20px 20px 0;
}
.unitext a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.unitext a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.unitext .wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.unitext .wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.unitext .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.unitext .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.unitext .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.unitext .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.unitext .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.unitext .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
.svg-arrow-dims {
  width: 100%;
  height: 100%;
}
.svg-arrow-dark-dims {
  width: 100%;
  height: 100%;
}
.svg-arrow-left-dims {
  width: 100%;
  height: 100%;
}
.svg-arrow-scroll-dims {
  width: 100%;
  height: 100%;
}
.svg-arrow-scroll-up-dims {
  width: 100%;
  height: 100%;
}
.svg-arrow-scroll-white-dims {
  width: 100%;
  height: 100%;
}
.svg-book-dims {
  width: 100%;
  height: 100%;
}
.svg-carousel-dims {
  width: 100%;
  height: 100%;
}
.svg-connect-dims {
  width: 100%;
  height: 100%;
}
.svg-contact-dims {
  width: 100%;
  height: 100%;
}
.svg-facebook-dims {
  width: 100%;
  height: 100%;
}
.svg-linkedin-dims {
  width: 100%;
  height: 100%;
}
.svg-logo-dims {
  width: 100%;
  height: 100%;
}
.svg-menu-dims {
  width: 100%;
  height: 100%;
}
.svg-payment-dims {
  width: 100%;
  height: 100%;
}
.svg-scroll-arrow-dims {
  width: 100%;
  height: 100%;
}
.svg-search-dims {
  width: 100%;
  height: 100%;
}
.svg-shield-dims {
  width: 100%;
  height: 100%;
}
hr {
  display: none;
}
.cfx:after {
  display: block;
  content: "";
  clear: both;
}
/**
 * CONTAINERS
 */
.container {
  position: relative;
  padding: 2.8rem;
  background-color: white;
}
.container:after {
  display: block;
  content: "";
  clear: both;
}
.container.container--dark {
  background-color: #0A1E2D;
  color: white;
}
.container.container--bright {
  background-color: #002857;
  color: white;
}
.container.container--light {
  background-color: #00677f;
  color: white;
}
.container.container--breeze {
  background-color: #EFF8F9;
  color: #0A1E2D;
}
.container.container--grey {
  background-color: #e8e9ed;
  color: #0A1E2D;
}
.container.container--green {
  background-color: #00677f;
  color: white;
}
.container.container--shadow {
  box-shadow: -2px 1px 15px 2px rgba(0, 0, 0, 0.13);
  z-index: 1;
}
.container--wide {
  padding: 2.8rem 0;
}
.container .content--tight {
  width: 100%;
  height: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.container .content--wide {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.container .w-0 {
  width: 100%;
}
.container .w-1 {
  width: 33%;
}
.container .w-2 {
  width: 66%;
}
.container .w-half {
  width: 50%;
}
.container h2 {
  font-size: 1.4rem;
  font-weight: bold;
}
/**
 * HEADINGS
 */
.heading {
  position: relative;
  text-transform: uppercase;
}
.heading:before {
  content: "";
  display: inline;
  width: 100%;
}
.heading.heading--bottom-light-thin-full:before {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid white;
  width: 100%;
}
.heading.heading--bottom-bright-fat-short:before {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #00677f;
  width: 15%;
}
.heading.heading--top-bright-fat-short,
.heading.heading--top-yellow-fat-short,
.heading.heading--top-glight-fat-short {
  padding-top: 0.7rem;
}
.heading.heading--top-bright-fat-short:before,
.heading.heading--top-yellow-fat-short:before,
.heading.heading--top-glight-fat-short:before {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 3px solid #4ec3e0;
  width: 40px;
}
.heading.heading--top-dark-fat-short {
  padding-top: 0.7rem;
}
.heading.heading--top-dark-fat-short:before {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 3px solid #0A1E2D;
  width: 40px;
}
.heading.heading--top-dark-fat {
  padding-top: 0.7rem;
}
.heading.heading--top-dark-fat:before {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 3px solid #0A1E2D;
  width: 60px;
}
.heading.heading--top-bright-fat {
  padding-top: 0.7rem;
}
.heading.heading--top-bright-fat:before {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 3px solid #00677f;
  width: 60px;
}
.heading.heading--top-yellow-fat-short:before {
  border-color: #f9c53b;
}
.heading.heading--top-glight-fat-short:before {
  border-color: #4ec3e0;
}
.heading.heading--section {
  font-size: 2.14285714rem;
  font-weight: bold;
  text-transform: none;
}
.heading--bold-upper {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
/**
 * Padding settings
 */
.padding {
  padding: 1.4rem;
}
.padding.padding--big {
  padding: 2.8rem;
}
.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: 1.4rem;
}
.pl-2 {
  padding-left: 2.8rem;
}
.pl-2 {
  padding-left: 2.8rem;
}
.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: 1.4rem;
}
.pr-2 {
  padding-right: 2.8rem;
}
.pr-3 {
  padding-right: 4.2rem;
}
.pt-middle {
  padding-top: 5.5rem;
}
.pt-big {
  padding-top: 11rem;
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 1.4rem;
}
.pt-2 {
  padding-top: 2.8rem;
}
.pt-3 {
  padding-top: 4.2rem;
}
.pb-middle {
  padding-bottom: 5.5rem;
}
.pb-big {
  padding-bottom: 11rem;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 1.4rem;
}
.pb-2 {
  padding-bottom: 2.8rem;
}
.pb-3 {
  padding-bottom: 4.2rem;
}
/**
 * Column settings
 */
.row {
  clear: both;
}
.row:after {
  display: block;
  content: "";
  clear: both;
}
.col {
  float: left;
  min-height: 1px;
}
.col.col-1-4 {
  width: 25%;
}
.col.col-1-2 {
  width: 50%;
}
.col.col-1 {
  width: 33%;
}
.col.col-2 {
  width: 66%;
}
.col.col-3 {
  width: 99%;
}
/**
 * Buttons settings
 */
.btn {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  padding: .5rem 3rem .5rem .8rem;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
}
.btn:before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50%;
  padding-bottom: 100%;
}
.btn:hover {
  color: white;
  -webkit-transition: background-color 1s 0.2s ease;
  transition: background-color 1s 0.2s ease;
}
.btn:hover span {
  color: white;
}
.btn:hover:before {
  -webkit-transform: scale(2);
          transform: scale(2);
  background-color: #0A1E2D;
  border: 3px solid #0A1E2D;
}
.btn span {
  position: relative;
  z-index: 2;
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -webkit-transition: color .6s ease;
  transition: color .6s ease;
}
.btn.btn--skin {
  border: none;
  color: white;
  padding: 0 2rem 0 0;
  overflow: visible;
}
.btn.btn--skin:before {
  top: auto;
  left: auto;
  position: absolute;
  bottom: -4px;
  left: 0;
  padding-bottom: 0;
  width: 100%;
  height: 2px;
  max-width: 0;
  background-color: currentColor;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  border-radius: 0;
  border-width: 1px;
  -webkit-transition: max-width 1s ease;
  transition: max-width 1s ease;
}
.btn.btn--skin:hover:before {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  border-radius: 0;
  max-width: 90%;
}
.btn.btn--dark {
  color: #0A1E2D;
}
.btn.btn--bright-light {
  border: 2px solid #00677f;
  color: white;
}
.btn.btn--bright-light:hover,
.btn.btn--bright-light:before {
  background-color: #00677f;
}
.btn.btn--bright-dark {
  border: 2px solid #00677f;
  color: #0A1E2D;
}
.btn.btn--bright-dark:hover,
.btn.btn--bright-dark:before {
  background-color: #00677f;
}
.btn.btn--glight-dark {
  border: 2px solid #4ec3e0;
  color: #0A1E2D;
}
.btn.btn--glight-dark:hover,
.btn.btn--glight-dark:before {
  background-color: #4ec3e0;
}
.btn.btn--dark-glight {
  border: 2px solid #0A1E2D;
  color: #4ec3e0;
}
.btn.btn--dark-glight:hover,
.btn.btn--dark-glight:before {
  background-color: #0A1E2D;
}
.btn.btn--dark-dark {
  border: 2px solid #0A1E2D;
  color: #0A1E2D;
}
.btn.btn--dark-dark:hover:after {
  border-color: white;
}
.btn.btn--dark-dark:hover,
.btn.btn--dark-dark:before {
  background-color: #0A1E2D;
}
.btn.btn--light-dark {
  border: 2px solid white;
  color: #0A1E2D;
}
.btn.btn--light-dark:hover,
.btn.btn--light-dark:before {
  background-color: #0A1E2D;
}
.btn.btn--light-dark:hover {
  color: white;
  border-color: #0A1E2D;
}
.btn.btn--dark-light {
  border: 2px solid #0A1E2D;
  color: white;
}
.btn.btn--dark-light:hover,
.btn.btn--dark-light:before {
  background-color: #0A1E2D;
}
.btn.btn--dark-light.btn--full {
  background-color: #0A1E2D;
}
.btn.btn--wide {
  width: 100%;
  max-width: 300px;
}
.btn.btn--fat {
  border-width: 3px;
}
.btn:after {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  top: 50%;
  right: 1rem;
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  margin-top: -2px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 2;
}
.btn:hover:after {
  -webkit-animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate arrow;
          animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate arrow;
}
@-webkit-keyframes arrow {
  from {
    position: absolute;
    top: 50%;
    right: 1rem;
  }
  to {
    position: absolute;
    top: 50%;
    right: 1.5rem;
  }
}
@keyframes arrow {
  from {
    position: absolute;
    top: 50%;
    right: 1rem;
  }
  to {
    position: absolute;
    top: 50%;
    right: 1.5rem;
  }
}
.btn.btn--reverse {
  padding-right: 0;
}
.btn.btn--reverse:after {
  position: absolute;
  top: 50%;
  left: -1.5rem;
  right: auto;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.btn.btn--reverse:hover:after {
  -webkit-animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate arrow_reverse;
          animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate arrow_reverse;
}
.btn.btn--reverse:hover:before {
  max-width: 100%;
}
@-webkit-keyframes arrow_reverse {
  from {
    position: absolute;
    top: 50%;
    right: 1rem;
  }
  to {
    position: absolute;
    top: 50%;
    left: -1.5rem;
  }
}
@keyframes arrow_reverse {
  from {
    position: absolute;
    top: 50%;
    right: 1rem;
  }
  to {
    position: absolute;
    top: 50%;
    left: -1.5rem;
  }
}
.btn.btn--arrow {
  padding-right: 8.57142857rem;
}
.btn.btn--arrow.w-0 {
  padding-right: 2.8rem;
}
.btn.btn--arrow:after {
  width: 29px;
  height: 15px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  margin-top: -7.5px;
  border: none;
  background: transparent url(../images/sprites/arrow.svg) 0 50% no-repeat;
}
.btn.btn--arrow-dark:after {
  background: transparent url(../images/sprites/arrow-dark.svg) 0 50% no-repeat;
}
.btn.btn--arrow-dark:hover:after {
  background: transparent url(../images/sprites/arrow.svg) 0 50% no-repeat;
}
.btn.btn--glight-dark.btn--arrow:after {
  background: transparent url(../images/sprites/arrow-dark.svg) 0 50% no-repeat;
}
.btn.btn--glight-dark.btn--arrow:hover:after {
  background: transparent url(../images/sprites/arrow.svg) 0 50% no-repeat;
}
.c-db {
  color: #0A1E2D;
}
.c-b {
  color: #002857;
}
.c-g {
  color: #00677f;
}
.c-gl {
  color: #4ec3e0;
}
.c-grey {
  color: #e8e9ed;
}
.c-y {
  color: #f9c53b;
}
.shadow {
  box-shadow: 0px 2px 20px 3px rgba(0, 0, 0, 0.18);
}
.shadow--inner {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, #f8c43b 15%, #f8c43b 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.18) 0%, #f8c43b 15%, #f8c43b 100%);
}
.unitext ul,
.unilists ul,
.unitext ol,
.unilists ol {
  margin: 1.4rem 0;
  list-style-type: none !important;
  padding-left: 0.7rem;
}
.unitext ul li,
.unilists ul li,
.unitext ol li,
.unilists ol li {
  padding-bottom: 0.7rem;
  position: relative;
  line-height: 1.6;
}
.unitext ul li b,
.unilists ul li b,
.unitext ol li b,
.unilists ol li b,
.unitext ul li strong,
.unilists ul li strong,
.unitext ol li strong,
.unilists ol li strong {
  font-weight: bold;
}
.unitext ul li:last-of-type,
.unilists ul li:last-of-type,
.unitext ol li:last-of-type,
.unilists ol li:last-of-type {
  padding-bottom: 0;
}
.unitext ul ul,
.unilists ul ul,
.unitext ol ul,
.unilists ol ul,
.unitext ul ol,
.unilists ul ol,
.unitext ol ol,
.unilists ol ol {
  padding: 1.4rem 0 0 1.4rem;
}
.unitext ul li:before,
.unilists ul li:before {
  display: inline-block;
  content: "›";
  position: absolute;
  top: -1px;
  left: -0.7rem;
}
.unitext ol li:before,
.unilists ol li:before {
  display: inline-block;
  content: "·";
  position: absolute;
  top: -1px;
  left: -0.7rem;
}
.unitext p {
  margin: 1.4rem 0;
}
.unitext table {
  width: 100%;
  border-collapse: collapse;
}
.unitext table th,
.unitext table td {
  text-align: left;
  padding: 1.12rem 0;
  border-bottom: 1px solid #0A1E2D;
  font-size: 1.14285714rem;
}
.unitext table th {
  font-weight: bold;
}
.unitext table td {
  padding-left: 4px;
  padding-right: 4px;
}
.container--green .unitext table th,
.container--green .unitext table td {
  border-color: white;
}
input,
textarea,
select,
button {
  font-size: 1rem;
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
}
button {
  background-color: transparent;
  margin-top: 2.8rem;
}
form.siteform {
  width: 100%;
}
form.siteform.success {
  display: none;
}
form.siteform .form__row {
  margin-top: 2.1rem;
}
form.siteform .form__row--thetcha {
  display: none;
}
form.siteform .form__row .form__input {
  float: left;
}
form.siteform .form__row .form__input:nth-of-type(2n+2) {
  float: right;
}
form.siteform .form__row.hidden {
  display: none;
}
form.siteform .form__input {
  position: relative;
  width: 100%;
  padding-bottom: .1rem;
  border-bottom: 2px solid #4ec3e0;
}
form.siteform .form__input input,
form.siteform .form__input label,
form.siteform .form__input .form__label,
form.siteform .form__input .form__label span {
  position: relative;
  font-size: 1.28571429rem;
  line-height: 1.3;
  font-weight: bold;
}
form.siteform .form__input label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  display: block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
form.siteform .form__input label.form__radio {
  position: static;
  margin-bottom: 0.7rem;
}
form.siteform .form__input label.hidden {
  display: none;
}
form.siteform .form__input input[type=text],
form.siteform .form__input input[type=email],
form.siteform .form__input input[type=tel] {
  position: relative;
  z-index: 2;
  width: 100%;
  border: none;
  background-color: transparent;
  outline: none;
}
form.siteform .form__input input[type=text]::-webkit-input-placeholder,
form.siteform .form__input input[type=email]::-webkit-input-placeholder,
form.siteform .form__input input[type=tel]::-webkit-input-placeholder {
  color: transparent;
}
form.siteform .form__input input[type=text]:-ms-input-placeholder,
form.siteform .form__input input[type=email]:-ms-input-placeholder,
form.siteform .form__input input[type=tel]:-ms-input-placeholder {
  color: transparent;
}
form.siteform .form__input input[type=text]::placeholder,
form.siteform .form__input input[type=email]::placeholder,
form.siteform .form__input input[type=tel]::placeholder {
  color: transparent;
}
form.siteform .form__input input[type=text]:focus::-webkit-input-placeholder,
form.siteform .form__input input[type=email]:focus::-webkit-input-placeholder,
form.siteform .form__input input[type=tel]:focus::-webkit-input-placeholder,
form.siteform .form__input input[type=text].active::-webkit-input-placeholder,
form.siteform .form__input input[type=email].active::-webkit-input-placeholder,
form.siteform .form__input input[type=tel].active::-webkit-input-placeholder {
  color: rgba(10, 30, 45, 0.1);
}
form.siteform .form__input input[type=text]:focus:-ms-input-placeholder,
form.siteform .form__input input[type=email]:focus:-ms-input-placeholder,
form.siteform .form__input input[type=tel]:focus:-ms-input-placeholder,
form.siteform .form__input input[type=text].active:-ms-input-placeholder,
form.siteform .form__input input[type=email].active:-ms-input-placeholder,
form.siteform .form__input input[type=tel].active:-ms-input-placeholder {
  color: rgba(10, 30, 45, 0.1);
}
form.siteform .form__input input[type=text]:focus::placeholder,
form.siteform .form__input input[type=email]:focus::placeholder,
form.siteform .form__input input[type=tel]:focus::placeholder,
form.siteform .form__input input[type=text].active::placeholder,
form.siteform .form__input input[type=email].active::placeholder,
form.siteform .form__input input[type=tel].active::placeholder {
  color: rgba(10, 30, 45, 0.1);
}
form.siteform .form__input input[type=text]:focus + label,
form.siteform .form__input input[type=email]:focus + label,
form.siteform .form__input input[type=tel]:focus + label,
form.siteform .form__input input[type=text].active + label,
form.siteform .form__input input[type=email].active + label,
form.siteform .form__input input[type=tel].active + label {
  font-size: .8rem;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
form.siteform .form__input input[type=text]:not(:placeholder-shown)::-webkit-input-placeholder,
form.siteform .form__input input[type=email]:not(:placeholder-shown)::-webkit-input-placeholder,
form.siteform .form__input input[type=tel]:not(:placeholder-shown)::-webkit-input-placeholder {
  color: rgba(10, 30, 45, 0.1);
}
form.siteform .form__input input[type=text]:not(:placeholder-shown):-ms-input-placeholder,
form.siteform .form__input input[type=email]:not(:placeholder-shown):-ms-input-placeholder,
form.siteform .form__input input[type=tel]:not(:placeholder-shown):-ms-input-placeholder {
  color: rgba(10, 30, 45, 0.1);
}
form.siteform .form__input input[type=text]:not(:placeholder-shown)::placeholder,
form.siteform .form__input input[type=email]:not(:placeholder-shown)::placeholder,
form.siteform .form__input input[type=tel]:not(:placeholder-shown)::placeholder {
  color: rgba(10, 30, 45, 0.1);
}
form.siteform .form__input input[type=text]:not(:placeholder-shown) + label,
form.siteform .form__input input[type=email]:not(:placeholder-shown) + label,
form.siteform .form__input input[type=tel]:not(:placeholder-shown) + label {
  font-size: .8rem;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
form.siteform .form__input input[type=text].required + label:after,
form.siteform .form__input input[type=email].required + label:after,
form.siteform .form__input input[type=tel].required + label:after {
  content: "*";
}
form.siteform .form__input input[required] + label:after {
  content: "*";
}
form.siteform .form__input .form__radio {
  width: 47%;
  float: left;
}
form.siteform .form__input .form__radio:nth-of-type(2n+2) {
  float: right;
}
form.siteform .form__input .form__radio input[type=text] {
  margin-top: 0.7rem;
  border-bottom: 1px solid #0A1E2D;
  color: #0A1E2D;
  font-weight: 300;
  font-style: italic;
  font-size: 1.14285714rem;
}
form.siteform .form__input .form__radio input[type=text]::-webkit-input-placeholder {
  color: #0A1E2D;
  font-weight: 300;
  font-style: italic;
  font-size: 1.14285714rem;
}
form.siteform .form__input .form__radio input[type=text]:-ms-input-placeholder {
  color: #0A1E2D;
  font-weight: 300;
  font-style: italic;
  font-size: 1.14285714rem;
}
form.siteform .form__input .form__radio input[type=text]::placeholder {
  color: #0A1E2D;
  font-weight: 300;
  font-style: italic;
  font-size: 1.14285714rem;
}
form.siteform .form__input input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: none;
}
form.siteform .form__input input[type=radio] + span {
  width: 100%;
  display: inline-block;
  font-size: 1.14285714rem;
  font-weight: 300;
}
form.siteform .form__input input[type=radio] + span:before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 1.4rem;
  border-radius: 100%;
  border: 2px solid #4ec3e0;
  vertical-align: text-top;
}
form.siteform .form__input input[type=radio]:checked + span:before {
  background-color: #4ec3e0;
}
form.siteform .form__input .form__select {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease, margin-top 1s ease;
  transition: max-height 0.5s ease, margin-top 1s ease;
}
form.siteform .form__input .form__select input[type=radio] + span:before {
  display: none;
}
form.siteform .form__input .form__select input[type=radio]:checked + span {
  font-weight: bold;
}
form.siteform .form__input .form__select .form__radio,
form.siteform .form__input .form__select .form__radio:nth-of-type(2n+2) {
  float: none;
}
form.siteform .form__input .form__radiolist {
  margin-top: 1.4rem;
}
form.siteform .form__input--select .form__radiolist {
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease, margin-top 1s ease;
  transition: max-height 0.5s ease, margin-top 1s ease;
}
form.siteform .form__input--checkbox {
  border-bottom: none;
  padding-bottom: 4.2rem;
  margin-left: 2.8rem;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
form.siteform .form__input--checkbox label {
  font-weight: normal;
  font-style: italic;
  font-size: 1rem;
}
form.siteform .form__input--checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
form.siteform .form__input--checkbox input + span {
  position: absolute;
  top: 3px;
  left: -2.8rem;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid #4ec3e0;
}
form.siteform .form__input--checkbox input:checked + span {
  background-color: #4ec3e0;
}
form.siteform .form__input--half {
  width: 47%;
}
form.siteform .form__input--2rd {
  width: 66%;
}
form.siteform .form__input--1rd {
  width: 30%;
}
form.siteform .form__input--group,
form.siteform .form__input--select {
  border: none;
}
form.siteform .form__input--group .form__label,
form.siteform .form__input--select .form__label {
  position: static;
  width: 100%;
  padding-bottom: .1rem;
  border-bottom: 2px solid #4ec3e0;
}
form.siteform .form__input--group .form__label.required span:after,
form.siteform .form__input--select .form__label.required span:after {
  content: "*";
}
form.siteform .form__input--select .form__label {
  cursor: pointer;
}
form.siteform .form__input--select .form__label:after {
  position: absolute;
  top: 10px;
  right: 10px;
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #0A1E2D;
  border-top: 2px solid #0A1E2D;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
form.siteform .form__input--active .form__select,
form.siteform .form__input--active .form__radiolist {
  max-height: 1000px;
  margin-top: 1.4rem;
}
form.siteform .form__input--active.form__input--select .form__label:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 5px;
}
form.siteform .form__input.error {
  border-bottom-color: red;
}
form.siteform .form__input.error.form__input--group .form__label,
form.siteform .form__input.error.form__input--select .form__label {
  border-bottom-color: red;
}
form.siteform + #success {
  display: none;
}
form.siteform.success + #success {
  display: block;
}
form.siteform .form-error {
  margin-bottom: 0 !important;
  color: #cc2222;
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 1;
  min-height: 2em;
}
form.siteform.form-prospectus .form-error:empty {
  display: none;
}
form.siteform ul.error li {
  color: red;
}
form.siteform button.sending {
  width: 1px;
  height: 1px;
  padding: 0;
  border: none;
  overflow: visible;
}
form.siteform button.sending span {
  display: none;
}
form.siteform button.sending:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #4ec3e0;
  overflow: visible;
  -webkit-animation: 1.3s linear 0s infinite alternate anim;
          animation: 1.3s linear 0s infinite alternate anim;
}
form.siteform button.sending:before {
  display: inline-block;
  content: "Sending, please wait...";
  background-color: transparent;
  -webkit-transform: translate(3rem, 2px);
          transform: translate(3rem, 2px);
  white-space: nowrap;
}
@-webkit-keyframes anim {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes anim {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
form.siteform button.sending:hover:before {
  -webkit-transform: translate(3rem, 2px);
          transform: translate(3rem, 2px);
}
form.siteform button.sending:hover:after {
  -webkit-animation: 1.3s linear 0s infinite alternate anim;
          animation: 1.3s linear 0s infinite alternate anim;
}
/**
 * FEEDBACK FORM
 */
form.siteform .form__feedback {
  padding-right: 2.8rem;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
form.siteform .form__feedback.active {
  max-height: 3000px;
  padding-top: 1.4rem;
}
form.siteform .form__feedback textarea {
  margin-bottom: 1.4rem;
  border: 2px solid #4ec3e0;
  width: 100%;
  resize: none;
}
form.siteform .form__disclaimer {
  padding: 2.8rem 2.8rem 0 0;
}
form.siteform .form__disclaimer h3 {
  font-weight: bold;
  font-size: 1.14285714rem;
}
/**
 * Google Custom Search
 */
input.gsc-search-button {
  box-sizing: content-box;
}
#newsflash {
  position: fixed;
  top: 7rem;
  left: 100%;
  z-index: 1000;
  width: 100%;
  height: calc(100vh - 7rem);
  display: table;
  background-color: #f8c43b;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#newsflash.active {
  left: 0;
}
#newsflash .newsflash__container {
  display: table-cell;
  vertical-align: middle;
}
#newsflash .newsflash__container h1 {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  font-size: 3.57142857rem;
  font-weight: bold;
}
#newsflash .newsflash__container footer {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  padding-top: 2.8rem;
  font-size: 1.71428571rem;
  font-style: italic;
}
#newsflash .close {
  position: absolute;
  top: 15%;
  right: 4%;
  display: block;
  width: 24px;
  height: 24px;
}
#newsflash .close:before,
#newsflash .close:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  content: "";
  width: 33px;
  height: 2px;
  background-color: #0A1E2D;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#newsflash .close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#newsflash .close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#newsflash .close:hover:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#newsflash .close:hover:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
/**
 * Accordion
 */
.accordion {
  border-top: 3px solid #0A1E2D;
}
.accordion article {
  border-bottom: 3px solid #0A1E2D;
}
.accordion h2 a,
.accordion h3 a,
.accordion h4 a,
.accordion h5 a {
  border-bottom: 3px solid #0A1E2D;
  margin-bottom: -3px;
  position: relative;
  display: block;
  width: 100%;
  padding: 1.12rem 0 1.26rem;
  font-weight: bold;
  font-size: 1.28571429rem;
  text-decoration: none;
}
.accordion h2 a:before,
.accordion h3 a:before,
.accordion h4 a:before,
.accordion h5 a:before,
.accordion h2 a:after,
.accordion h3 a:after,
.accordion h4 a:after,
.accordion h5 a:after {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.accordion h2 a:before,
.accordion h3 a:before,
.accordion h4 a:before,
.accordion h5 a:before {
  position: absolute;
  top: 40px;
  right: 15px;
  display: inline-block;
  content: "";
  width: 26px;
  height: 2px;
  background-color: white;
}
.accordion h2 a:after,
.accordion h3 a:after,
.accordion h4 a:after,
.accordion h5 a:after {
  position: absolute;
  top: 28px;
  right: 27px;
  display: inline-block;
  content: "";
  width: 2px;
  height: 26px;
  background-color: white;
}
.accordion h2 a:before,
.accordion h3 a:before,
.accordion h4 a:before,
.accordion h5 a:before {
  top: 50%;
}
.accordion h2 a:after,
.accordion h3 a:after,
.accordion h4 a:after,
.accordion h5 a:after {
  top: 50%;
  margin-top: -12px;
}
.accordion h2 a.active:before,
.accordion h3 a.active:before,
.accordion h4 a.active:before,
.accordion h5 a.active:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.accordion h2 a.active:after,
.accordion h3 a.active:after,
.accordion h4 a.active:after,
.accordion h5 a.active:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.accordion .content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.accordion .content.active {
  max-height: 800px;
}
.container--green .accordion h2 a,
.container--green .accordion h3 a,
.container--green .accordion h4 a,
.container--green .accordion h5 a {
  color: white;
}
.container--dark .accordion {
  border-color: #00677f;
}
.container--dark .accordion article {
  border-color: #00677f;
}
.container--dark .accordion h2 a,
.container--dark .accordion h3 a,
.container--dark .accordion h4 a,
.container--dark .accordion h5 a {
  color: white;
  border-bottom: 3px solid #00677f;
}
/**
 * URL list
 */
.list-url a {
  display: block;
  margin-top: -3px;
  font-size: 1.28571429rem;
  padding: 1.12rem;
}
body > header.container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 7rem;
  z-index: 300;
  padding: 1.4rem 2.8rem;
  overflow: hidden;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
body > header.container h1 a {
  display: block;
  width: 205px;
  height: 59.90218183px;
}
body > header.container h1 svg {
  fill: #002856;
}
body > header.container #subnav {
  position: absolute;
  top: 50px;
  right: 1.4rem;
  margin-top: -1.4rem;
}
body > header.container #subnav li {
  position: relative;
  display: inline-block;
  padding: 0 1.4rem;
  vertical-align: middle;
}
body > header.container #subnav li.subnav__form {
  padding: 0;
}
body > header.container #subnav a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
body > header.container #subnav li[title]:after,
body > header.container #subnav a[title]:after {
  content: attr(title);
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #0A1E2D;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
body > header.container #subnav li[title]:hover:after,
body > header.container #subnav a[title]:hover:after {
  opacity: 1;
  text-decoration: none;
}
body > header.container #subnav svg {
  fill: #0A1E2D;
}
body > header.container .subnav__connect a {
  display: inline-block;
  width: 27px;
  height: 26.96508788px;
}
body > header.container .subnav__payment a {
  display: inline-block;
  width: 27px;
  height: 26.93711931px;
}
body > header.container .subnav__contact a {
  display: inline-block;
  width: 27px;
  height: 27px;
}
body > header.container .subnav__search a {
  display: inline-block;
  width: 27px;
  height: 26.79576399px;
}
body > header.container .subnav__menu:after {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
body > header.container .subnav__menu a {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 22.89038961px;
  border-top: 2px solid #0A1E2D;
  border-bottom: 2px solid #0A1E2D;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.24, 0, 1.07);
  transition: all 0.3s cubic-bezier(0, 0.24, 0, 1.07);
}
body > header.container .subnav__menu a:before,
body > header.container .subnav__menu a:after {
  -webkit-transition: all 0.3s cubic-bezier(0, 0.24, 0, 1.07);
  transition: all 0.3s cubic-bezier(0, 0.24, 0, 1.07);
}
body > header.container .subnav__menu a:before {
  position: absolute;
  top: 48%;
  left: 0;
  display: inline-block;
  content: "";
  width: 27px;
  height: 0;
  border-top: 2px solid #0A1E2D;
}
body > header.container .subnav__menu a:after {
  position: absolute;
  top: 48%;
  left: 0;
  display: inline-block;
  content: "";
  width: 27px;
  height: 0;
  border-top: 2px solid #0A1E2D;
}
body > header.container form {
  display: inline-block;
  min-width: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  overflow: hidden;
}
body > header.container form input {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  background-color: transparent;
  border: none;
  border-bottom: 3px solid #f9c53b;
  color: white;
  font-size: 1.2rem;
  line-height: 2;
  outline: none;
}
body > header.container form input::-webkit-input-placeholder {
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
}
body > header.container form input:-ms-input-placeholder {
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
}
body > header.container form input::placeholder {
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
}
body > header.container nav {
  opacity: 0;
  margin-top: 90px;
}
body > header.container nav .nav__goback {
  display: none;
}
body > header.container nav .heading {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 165px;
  color: white;
  font-weight: bold;
  text-transform: none;
  font-size: 1.42857143rem;
  text-decoration: none;
}
body > header.container nav .heading:before {
  border-top-width: 3px;
}
body > header.container nav > ul > li {
  position: relative;
  float: left;
}
body > header.container nav > ul > li.current_page_item:before,
body > header.container nav > ul > li:hover:before {
  position: absolute;
  top: 20px;
  left: -23px;
  display: inline-block;
  content: "";
  width: 1rem;
  height: 0;
  border-top: 2px solid #f9c53b;
}
body > header.container nav > ul > li.current_page_item:after,
body > header.container nav > ul > li:hover:after {
  position: absolute;
  top: 14px;
  left: -16px;
  display: inline-block;
  content: "";
  width: 0;
  height: 1rem;
  border-left: 2px solid #f9c53b;
}
body > header.container nav ul ul {
  margin-top: 4.76rem;
  padding-right: 50px;
}
body > header.container nav ul ul li {
  margin-bottom: 1.12rem;
  max-width: 160px;
}
body > header.container nav ul ul a {
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  color: white;
  text-decoration: none;
}
body > header.container nav ul ul a:hover:before,
body > header.container nav ul ul a.active:before {
  position: absolute;
  top: 8px;
  left: -23px;
  display: inline-block;
  content: "";
  width: 1rem;
  height: 0;
  border-top: 2px solid #f9c53b;
}
body > header.container nav ul ul a:hover:after,
body > header.container nav ul ul a.active:after {
  position: absolute;
  top: 2px;
  left: -16px;
  display: inline-block;
  content: "";
  width: 0;
  height: 1rem;
  border-left: 2px solid #f9c53b;
}
body > header.container.header--active {
  background-color: rgba(10, 30, 45, 0.95);
  height: 100vh;
}
body > header.container.header--active h1 {
  opacity: 1;
}
body > header.container.header--active h1 svg {
  fill: white;
}
body > header.container.header--active .subnav__menu a {
  border: 0;
  border-color: white;
}
body > header.container.header--active .subnav__menu a:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-color: white;
}
body > header.container.header--active .subnav__menu a:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-color: white;
}
body > header.container.nav--active nav {
  opacity: 1;
}
body > header.container.nav--active #subnav svg {
  fill: white;
}
body > header.container.nav--active #subnav a {
  border-color: white;
  color: white;
}
body > header.container.nav--active #subnav li[title]:after,
body > header.container.nav--active #subnav a[title]:after {
  opacity: 1;
  color: white;
}
body > header.container.nav--active #subnav li[title]:hover:after,
body > header.container.nav--active #subnav a[title]:hover:after {
  text-decoration: underline;
}
body > header.container.search--active #subnav a {
  display: none;
}
body > header.container.search--active #subnav .subnav__search {
  display: inline-block;
}
body > header.container.search--active #subnav .subnav__search svg {
  fill: white;
}
body > header.container.search--active #subnav .subnav__search a {
  display: inline-block;
}
body > header.container.search--active #subnav .subnav__search a:after {
  display: none;
}
body > header.container.search--active #subnav .subnav__menu {
  display: inline-block;
}
body > header.container.search--active #subnav .subnav__menu a {
  display: inline-block;
}
body > header.container.search--active form {
  min-width: 20vw;
}
body > header.container.search--active form input {
  min-width: 20vw;
  opacity: 1;
}
#quicklinks:after {
  display: block;
  content: "";
  clear: both;
}
#quicklinks ul > li {
  float: left;
  width: 100%;
  max-width: 33%;
}
#quicklinks ul > li li {
  float: none;
  max-width: none;
  padding-bottom: 1.05rem;
  font-weight: bold;
}
#quicklinks ul > li .quicklinks__heading {
  display: block;
  padding: 1.4rem 0 2.1rem;
  font-weight: bold;
}
#quicklinks ul > li a {
  color: white;
  text-transform: none;
  text-decoration: none;
}
#quicklinks ul > li a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
body > footer nav {
  float: left;
}
body > footer nav li {
  display: inline-block;
  margin-right: 2.8rem;
}
body > footer nav li a {
  line-height: 30px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}
body > footer aside {
  float: right;
}
body > footer aside li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.4rem;
  font-size: 0.8rem;
  font-weight: bold;
}
body > footer aside li.copyright {
  position: relative;
  top: 10px;
}
body > footer aside li.copyright a:hover {
  text-decoration: underline;
}
body > footer aside li.copyright .eow {
  display: block;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
body > footer aside li a {
  color: white;
  text-decoration: none;
}
body > footer aside li a.icon {
  width: 30px;
  height: 27.03409091px;
  display: inline-block;
  vertical-align: middle;
}
body > footer aside li a.icon svg {
  fill: white;
}
body > footer aside li:nth-of-type(2) {
  margin-right: 2.8rem;
}
body > footer span.eow {
  display: none;
}
body > footer .footer__cricos {
  clear: both;
  font-size: 0.7rem;
}
main.unipage > header {
  position: relative;
}
main.unipage > header .header__wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 25vw;
  max-height: 25vw;
  overflow: hidden;
  padding: 0 2.8rem;
  z-index: 100;
}
main.unipage > header .header__title {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
main.unipage > header .header__title h2 {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 0 auto;
  font-size: 2.85714286rem;
  font-weight: bold;
  color: white;
}
main.unipage > header img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
main.unipage > header p {
  font-size: 1.42857143rem;
  font-style: italic;
  padding-top: 2.8rem;
}
main.unipage > header p.breadcrumb {
  padding-top: 0;
  font-size: 0.85714286rem;
  font-weight: bold;
  font-style: normal;
}
main.unipage > header p span {
  display: none;
}
main.unipage > header p a {
  color: currentColor;
  text-decoration: none;
  margin-right: 1.12rem;
}
main.unipage > header p a:after {
  content: ">";
  padding-left: 1.12rem;
}
main.unipage .container h2.heading {
  font-size: 2.14285714rem;
  text-transform: none;
}
main.unipage .col .heading {
  font-size: 1.28571429rem;
  font-weight: bold;
  text-transform: none;
  padding-bottom: 2.8rem;
}
main.unipage .col blockquote {
  position: relative;
  z-index: 1;
  font-size: 1.28571429rem;
  font-style: italic;
}
main.unipage .col p {
  margin: 1.4rem 0;
  line-height: 1.6;
}
main.unipage .col p a {
  color: #4ec3e0;
  text-decoration: underline;
}
main.unipage .col p a:hover,
main.unipage .col p a.btn {
  text-decoration: none;
}
#unipage #body {
  padding-top: 7rem;
}
#unipage #body article {
  margin-top: 2.8rem;
  border-bottom: none;
}
#unipage #body article.unitext h1 {
  font-size: 2rem;
  font-weight: bold;
}
#unipage #body article.unitext h2 {
  font-size: 1.6rem;
  font-weight: bold;
}
#unipage #body article.unitext h3 {
  font-size: 1.3rem;
  font-weight: bold;
}
#unipage #body article.unitext h4 {
  font-size: 1.1rem;
  font-weight: bold;
}
#pagination {
  background-color: #101f2d;
}
#pagination .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: white;
}
#pagination .content span.pagination__link {
  visibility: hidden;
}
#pagination .content .pagination__link {
  display: block;
  position: relative;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.28571429rem;
}
#pagination .content .pagination__link--prev svg,
#pagination .content .pagination__link--next svg {
  display: block;
  width: 29px;
  height: 14px;
  fill: white;
}
#pagination .content .pagination__link--prev:before,
#pagination .content .pagination__link--next:before {
  display: block;
  text-transform: uppercase;
  padding-bottom: .3rem;
}
#pagination .content .pagination__link--prev {
  text-align: right;
  padding-left: 10%;
}
#pagination .content .pagination__link--prev svg {
  position: absolute;
  top: 0;
  left: 0;
}
#pagination .content .pagination__link--prev:before {
  content: "Previous";
}
#pagination .content .pagination__link--prev:hover svg {
  -webkit-animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate pagination_prev;
          animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate pagination_prev;
}
@-webkit-keyframes pagination_prev {
  from {
    position: absolute;
    top: 0;
    left: 0;
  }
  to {
    position: absolute;
    top: 0;
    left: 1rem;
  }
}
@keyframes pagination_prev {
  from {
    position: absolute;
    top: 0;
    left: 0;
  }
  to {
    position: absolute;
    top: 0;
    left: 1rem;
  }
}
#pagination .content .pagination__link--next {
  text-align: left;
  padding-right: 10%;
}
#pagination .content .pagination__link--next svg {
  position: absolute;
  top: 0;
  right: 0;
}
#pagination .content .pagination__link--next:before {
  content: "Next";
}
#pagination .content .pagination__link--next:hover svg {
  -webkit-animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate pagination_next;
          animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate pagination_next;
}
@-webkit-keyframes pagination_next {
  from {
    position: absolute;
    top: 0;
    right: 0;
  }
  to {
    position: absolute;
    top: 0;
    right: 1rem;
  }
}
@keyframes pagination_next {
  from {
    position: absolute;
    top: 0;
    right: 0;
  }
  to {
    position: absolute;
    top: 0;
    right: 1rem;
  }
}
#pagination .content .pagination__link--top {
  text-align: center;
  text-transform: uppercase;
}
#pagination .content .pagination__link--top span {
  display: block;
  padding-top: 1rem;
  font-weight: bold;
}
#pagination .content .pagination__link--top svg {
  display: block;
  width: 53px;
  height: 53px;
  margin: 10px;
  margin: 0 auto;
  fill: white;
}
#pagination .content .pagination__link--top:hover .svg {
  -webkit-animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate pagination_top;
          animation: 0.4s cubic-bezier(0.58, 0.03, 0.58, 1) 0s infinite alternate pagination_top;
}
@-webkit-keyframes pagination_top {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes pagination_top {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
.anchor {
  display: block;
  margin-top: -7rem;
  padding-top: 7rem;
}
.waypoints-wrapper {
  position: relative;
}
#waypoints {
  position: absolute;
  top: 11.2rem;
  right: 0;
  z-index: 100;
  padding: 1.4rem 1.4rem 1.4rem calc(50px);
}
@media screen and (max-width: 1505px) {
  #waypoints {
    display: none;
  }
}
#waypoints.fixed {
  position: fixed;
  top: 50%;
}
#waypoints li {
  margin: 0 0 0.28rem 0;
}
#waypoints a {
  position: relative;
  font-weight: bold;
  color: #0A1E2D;
  text-decoration: none;
  /*visibility: hidden;*/
  color: #c1c2c5;
}
#waypoints a:before,
#waypoints a:after {
  position: absolute;
  top: 8px;
  left: calc(-50px + 1.4rem);
  display: block;
  content: "";
  width: 19px;
  height: 2px;
  background-color: #c1c2c5;
  visibility: visible;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#waypoints a:after {
  position: absolute;
  top: 8px;
  left: calc(-50px + 1.4rem);
}
#waypoints a.active {
  visibility: visible;
  color: #0A1E2D;
}
#waypoints a.active:before {
  background-color: #0A1E2D;
}
#waypoints a.active:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: #0A1E2D;
}
body {
  overflow-x: hidden;
}
body > main {
  margin-top: 7rem;
}
.mobile-only {
  display: none;
}
/**
 * SCHOOL BOXES
 */
#homepage #schools {
  padding-top: 0;
}
.schools__school {
  position: relative;
  float: left;
  width: 33.33333333%;
}
.schools__school:after {
  display: inline-block;
  content: "";
  padding-top: 100%;
}
.schools__school header {
  position: absolute;
  top: 1.96rem;
  left: 1.96rem;
  z-index: 10;
}
.schools__school main {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.4rem;
  z-index: 30;
}
.schools__school a.link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 30;
}
.schools__school.schools__school--prep {
  background: #66a3b3 url('../images/school--prep.jpg') 0 0 / cover;
}
.schools__school.schools__school--prim {
  background: #338599 url('../images/school--primary.jpg') 0 0 / cover;
}
.schools__school.schools__school--sec {
  background: #006680 url('../images/school--sec.jpg') 0 0 / cover;
}
.schools__school:hover main,
.schools__school.active main {
  display: block;
  -webkit-transform: translateY(10rem);
          transform: translateY(10rem);
}
.schools__school:hover:before {
  content: "";
  display: block;
  background-color: rgba(10, 30, 45, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
#carousel {
  position: relative;
  width: 100%;
  height: calc(94vh - 7rem);
  overflow: hidden;
}
#carousel nav.carousel__listing {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}
#carousel nav.carousel__listing a {
  color: white;
}
#carousel nav.carousel__counter {
  position: absolute;
  bottom: 7vh;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 20px;
  padding-left: 1.4rem;
}
#carousel nav.carousel__counter ul {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 0 auto;
}
#carousel nav.carousel__counter li {
  display: inline-block;
  padding-right: 1.4rem;
}
#carousel nav.carousel__counter a {
  display: inline-block;
  color: white;
  width: 10px;
  height: 10px;
  background-color: white;
  opacity: .5;
  border-radius: 5px;
  overflow: hidden;
}
#carousel nav.carousel__counter a.active {
  opacity: 1;
}
#carousel .carousel__heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#carousel .carousel__heading.active:before {
  opacity: 1;
}
#carousel .carousel__heading.active:after {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
#carousel .carousel__heading:before {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#carousel .carousel__heading:after {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#carousel .carousel__heading.carousel__heading:before,
#carousel .carousel__heading.carousel__heading:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#carousel .carousel__slideshow {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#carousel .carousel__slideshow .carousel__slide {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: calc(94vh - 7rem);
  background: transparent url() 50% 100% / cover no-repeat;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#carousel .carousel__slideshow .carousel__slide.active {
  opacity: 1;
}
#aftercare blockquote {
  font-size: 1.3rem;
  font-style: italic;
  color: #4ec3e0;
}
#information {
  padding: 2.8rem 0 0 1.4rem;
  border-top: 2px solid #4ec3e0;
}
#information #news {
  float: left;
  width: 66.66666667%;
}
#information #news > header {
  padding-left: 1.4rem;
}
#information #news > header .heading--bold-upper {
  font-size: 2.28571429rem;
}
#information #news > header h2 {
  font-size: 1.64285714rem;
  font-style: italic;
  font-weight: normal;
}
#information #news article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2.8rem 0;
}
#information #news img {
  width: 50%;
  height: 100%;
}
#information #news .news__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 50%;
  padding: 0 1.4rem 0;
}
#information #news .news__copy h3 {
  width: 70%;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #4ec3e0;
}
#information #news .news__copy h3.heading--top-bright-fat-short:before {
  border-width: 2px;
}
#information #news .news__copy time {
  font-size: 1.2rem;
}
#information #news .news__copy p {
  width: 100%;
  font-size: 1.1rem;
  line-height: 1.3;
}
#information #news .news__copy a.btn {
  margin-bottom: 0;
}
#information aside {
  float: left;
  width: 33.33333333%;
}
#information aside .container {
  padding: 2.1rem 2.1rem;
  margin-bottom: 0.28rem;
}
#information aside h3 {
  padding-bottom: 2.8rem;
  font-size: 1.64285714rem;
  color: #0A1E2D;
  text-transform: uppercase;
  font-weight: bold;
}
#information aside h3 svg {
  display: none;
}
#information aside h4 {
  font-weight: bold;
  text-transform: none;
}
#information aside p {
  margin-bottom: 1.4rem;
  font-style: italic;
}
#information aside .btn {
  margin-top: 0.7rem;
}
#information aside .container:nth-of-type(2) h4 {
  font-size: 1.71428571rem;
  text-transform: uppercase;
}
#information aside .container:nth-of-type(2) p {
  font-style: normal;
}
#prospectus h2 {
  text-transform: uppercase;
  color: #0A1E2D;
  font-size: 1.71428571rem;
}
#prospectus p {
  line-height: 1.3;
  font-size: 1.14285714rem;
}
#prospectus img {
  display: block;
  box-shadow: -1px 6px 16px 5px rgba(0, 0, 0, 0.12);
}
#headmaster .col-1 h4,
#headmaster .col-1 h5 {
  font-size: 1.28571429rem;
  font-weight: bold;
}
#headmaster .col-1 h5 {
  color: #f9c53b;
}
#statement {
  padding-bottom: 11.2rem;
}
#character .container--dark {
  position: relative;
  padding: 0;
  margin-bottom: 2.8rem;
}
#character .container--dark .heading-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.6rem 2.8rem 0;
  width: 100%;
  z-index: 2;
}
#character .container--dark .heading-wrapper h2 {
  padding-left: 2.8rem;
}
#character .container--dark img {
  display: block;
}
#character .character__copy .row:nth-of-type(1) {
  padding-bottom: 2.8rem;
}
#virtues h2 {
  font-size: 2.14285714rem;
}
#virtues ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#virtues li {
  width: 33%;
  margin-bottom: 4.2rem;
}
#virtues li .content {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  max-width: 207px;
  height: 256.30337849px;
  overflow: hidden;
}
#virtues li .content span {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding-bottom: 16px;
  vertical-align: middle;
  font-size: 2.14285714rem;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
#virtues li .content svg {
  position: absolute;
  top: 0;
  left: 0;
}
#virtues li:nth-of-type(3n+1) .content {
  margin-right: auto;
}
#virtues li:nth-of-type(3n+2) .content {
  margin: 0 auto;
}
#virtues li:nth-of-type(3n+3) .content {
  margin-left: auto;
}
#virtues li.virtue--blue {
  color: #FABF37;
}
#virtues li.virtue--blue svg {
  fill: #00687D;
}
#virtues li.virtue--yellow {
  color: #002857;
}
#virtues li.virtue--yellow svg {
  fill: #FABF37;
}
#virtues li.virtue--green {
  color: #002857;
}
#virtues li.virtue--green svg {
  fill: #3AC4DE;
}
#virtues li .content:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url() 50% 50% / contain no-repeat;
  -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, transform .5s ease;
  transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
#virtues li .content:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#virtues li.virtues__ingenuity .content:before {
  background-image: url(../images/virtues/2019/WHY-US-OUR-VIRTUES-INGENUITY.png);
}
#virtues li.virtues__courage .content:before {
  background-image: url(../images/virtues/2019/WHY-US-OUR-VIRTUES-COURAGE.png);
}
#virtues li.virtues__hope .content:before {
  background-image: url(../images/virtues/2019/WHY-US-OUR-VIRTUES-HOPE.png);
}
#virtues li.virtues__justice .content:before {
  background-image: url(../images/virtues/2019/WHY-US-OUR-VIRTUES-JUSTICE.png);
}
#virtues li.virtues__humility .content:before {
  background-image: url(../images/virtues/2019/WHY-US-OUR-VIRTUES-HUMILITY.png);
}
#virtues li.virtues__integrity .content:before {
  background-image: url(../images/virtues/2019/WHY-US-OUR-VIRTUES-INTEGRITY.png);
}
#college .college__rows .container {
  padding: 0;
}
#college .college__rows .college__row {
  box-sizing: content-box;
}
#college .college__rows .col-1 {
  position: relative;
  width: 36%;
  height: 100%;
}
#college .college__rows .col-2 {
  position: relative;
  width: 64%;
  height: 100%;
}
#college .college__rows h3,
#college .college__rows p {
  font-weight: bold;
}
#college .college__row--1,
#college .college__row--7 {
  height: 400px;
}
#college .college__row--1 .col-2,
#college .college__row--7 .col-2 {
  background-color: #0A1E2D;
}
#college .college__row--1 .col-2 h3,
#college .college__row--7 .col-2 h3 {
  position: absolute;
  bottom: 0;
  left: 2.8rem;
  color: #f9c53b;
  font-size: 15rem;
  line-height: 16.78571429rem;
}
#college .college__row--1 .col-2 p,
#college .college__row--7 .col-2 p {
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 35%;
  color: white;
  padding: 0 0 2.8rem 0;
  margin-bottom: 0;
  font-size: 1.1rem;
}
#college .college__row--1 .col-1,
#college .college__row--7 .col-1 {
  background: #4ec3e0 url(../images/whyus-grid-2.jpg) 50% 100% / cover no-repeat;
}
#college .college__row--1 .col-1 h3,
#college .college__row--7 .col-1 h3 {
  position: absolute;
  top: 1.4rem;
  right: 2.8rem;
  color: #0A1E2D;
  font-size: 5.71428571rem;
}
#college .college__row--1 .col-1 p,
#college .college__row--7 .col-1 p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  color: white;
  padding: 2.8rem;
  margin-bottom: 0;
  font-size: 1.1rem;
}
#college .college__row--2 {
  height: 200px;
}
#college .college__row--2 .col-2 {
  background-color: #002857;
}
#college .college__row--2 .col-2 h3 {
  position: absolute;
  bottom: 15%;
  left: 1.4rem;
  color: #14C2DE;
  font-size: 5.71428571rem;
  line-height: 5.71428571rem;
  padding: 1.4rem 0;
}
#college .college__row--2 .col-2 p {
  box-sizing: border-box;
  position: absolute;
  bottom: 8%;
  left: 46%;
  width: 50%;
  padding: 1.4rem 0;
  color: white;
  font-size: 1.1rem;
}
#college .college__row--3 {
  height: 400px;
}
#college .college__row--3:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: white;
}
#college .college__row--3 .col-2 {
  background: white url(../images/whyus-grid-4.jpg) 80% 100% no-repeat;
}
#college .college__row--3 .col-2 h3 {
  position: absolute;
  top: 0;
  left: 2.8rem;
  color: #0A1E2D;
  font-size: 13.57142857rem;
  line-height: 13.57142857rem;
}
#college .college__row--3 .col-2 p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  color: #0A1E2D;
  padding: 2.8rem 2.8rem 0 2.8rem;
  font-size: 1.1rem;
}
#college .college__row--4 {
  height: 200px;
}
#college .college__row--4 .col-1 {
  background-color: #f9c53b;
}
#college .college__row--4 .col-1 h3 {
  position: absolute;
  top: 25px;
  left: 0;
  display: inline-block;
  padding: 1.4rem;
  font-size: 5rem;
  line-height: 5rem;
}
#college .college__row--4 .col-1 p {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  padding: 1.4rem;
  margin-bottom: 0;
  color: white;
  width: 70%;
  font-size: 1.1rem;
}
#college .college__row--5 {
  height: 200px;
}
#college .college__row--5 .col-2 {
  background-color: #0A1E2D;
}
#college .college__row--5 .col-2 h3 {
  position: absolute;
  bottom: 0;
  left: 2.8rem;
  color: #f9c53b;
  font-size: 5.71428571rem;
  padding: 1.4rem 0;
}
#college .college__row--5 .col-2 p {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 46%;
  width: 50%;
  padding: 1.4rem 0;
  color: white;
  font-size: 1.1rem;
}
#college .college__row--6 {
  height: 400px;
}
#college .college__row--6 .content--wide {
  position: relative;
  height: 100%;
  background: transparent url(../images/whyus-grid-7.jpg) 100% 0 no-repeat;
}
#college .college__row--6 .content--wide h3 {
  display: inline-block;
  position: absolute;
  top: 1.4rem;
  right: 840px;
  color: #0A1E2D;
  font-size: 11.42857143rem;
  line-height: 11.42857143rem;
  font-weight: bold;
}
#college .college__row--6 .content--wide p {
  position: absolute;
  bottom: 2.8rem;
  right: 700px;
  width: 220px;
  font-size: 1.1rem;
  line-height: 1.6rem;
  padding: 0;
}
#college .college__row--7 .col-2 {
  background-color: #002857;
}
#college .college__row--7 .col-2 h3 {
  color: #4ec3e0;
}
#snapshot {
  text-align: center;
}
#snapshot .btn {
  padding: 1.4rem 2.8rem;
  border: 3px solid black;
  color: white;
  font-weight: bold;
  font-size: 1.71428571rem;
}
#snapshot .btn:after {
  display: none;
}
#location h4 {
  padding-bottom: 1.4rem;
}
#location p,
#location a {
  font-size: 1.14285714rem;
}
#location a {
  text-decoration: none;
  font-style: normal;
  color: currentColor;
}
.teams .team__person,
#team .team__person,
#council .team__person {
  float: left;
  width: 30%;
}
.teams .team__person .team__headshot,
#team .team__person .team__headshot,
#council .team__person .team__headshot {
  position: relative;
}
.teams .team__person .team__headshot.team__headshot--empty,
#team .team__person .team__headshot.team__headshot--empty,
#council .team__person .team__headshot.team__headshot--empty {
  width: 100%;
  height: 100%;
  max-width: 192px;
  max-height: 192px;
  background-color: #4ec3e0;
  border-radius: 50%;
  margin-bottom: 2.8rem;
}
.teams .team__person .team__headshot.team__headshot--empty:before,
#team .team__person .team__headshot.team__headshot--empty:before,
#council .team__person .team__headshot.team__headshot--empty:before {
  display: block;
  content: "";
  padding-top: 100%;
}
.teams .team__person .team__headshot img,
#team .team__person .team__headshot img,
#council .team__person .team__headshot img {
  -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease;
}
.teams .team__person .team__headshot img:nth-of-type(1),
#team .team__person .team__headshot img:nth-of-type(1),
#council .team__person .team__headshot img:nth-of-type(1) {
  position: relative;
  z-index: 1;
  opacity: 1;
}
.teams .team__person .team__headshot img:nth-of-type(2),
#team .team__person .team__headshot img:nth-of-type(2),
#council .team__person .team__headshot img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}
.teams .team__person:hover .team__headshot img,
#team .team__person:hover .team__headshot img,
#council .team__person:hover .team__headshot img {
  -webkit-transition: opacity 8s ease;
  transition: opacity 8s ease;
}
.teams .team__person:hover .team__headshot img:nth-of-type(2),
#team .team__person:hover .team__headshot img:nth-of-type(2),
#council .team__person:hover .team__headshot img:nth-of-type(2) {
  opacity: 1;
}
.teams .team__person h4,
#team .team__person h4,
#council .team__person h4 {
  padding-top: 1.4rem;
  font-weight: bold;
  text-transform: none;
  font-size: 1.28571429rem;
}
.teams .team__person h4.heading--top-bright-fat-short:before,
#team .team__person h4.heading--top-bright-fat-short:before,
#council .team__person h4.heading--top-bright-fat-short:before {
  border-width: 3px;
}
.teams .team__person h4 + p,
#team .team__person h4 + p,
#council .team__person h4 + p {
  font-size: 1.28571429rem;
  color: #4ec3e0;
  width: 80%;
}
#terms {
  background-color: #0A1E2D;
}
#terms h3,
#terms dd {
  color: #00677f;
}
#terms h3 {
  text-indent: -2px;
}
#terms h4 {
  color: white;
  font-size: 1.71428571rem;
  padding-bottom: 1.12rem;
}
#terms dl {
  font-size: 1.28571429rem;
}
#terms dl dt {
  color: white;
  font-style: italic;
}
#terms dl dt:before {
  display: block;
  content: "";
  border-top: 4px solid #00677f;
  width: 60px;
  padding-top: 1.4rem;
}
#terms dl dd {
  padding-bottom: 2.8rem;
  padding-top: 0.28rem;
}
#terms .terms-note {
  color: white;
  font-size: 1.28571429rem;
}
#terms .terms-note a {
  color: white;
  text-decoration: underline;
}
#contact h4 {
  font-size: 1.71428571rem;
  font-weight: bold;
}
#contact h4:after {
  display: block;
  content: "";
  border-top: 3px solid #00677f;
  width: 60px;
  margin-top: 0.7rem;
  padding-top: 1.4rem;
}
#contact dt {
  width: 50%;
  display: inline-block;
  padding-bottom: 1.4rem;
  font-weight: bold;
  font-size: 1.28571429rem;
}
#contact dd {
  display: inline-block;
}
#contact a {
  display: inline-block;
  font-size: 1.28571429rem;
  text-decoration: none;
  color: #0A1E2D;
}
#college .col .btn {
  border-width: 3px;
  font-size: 1.1rem;
}
#college #teaching {
  padding-bottom: 0;
}
#college #schools header {
  color: white;
}
#college #schools .schools__school {
  z-index: 3;
}
#college #schools .schools__school:before {
  background-color: rgba(10, 30, 45, 0.5);
}
#college #schools .schools__school main {
  display: none;
}
#college #schools .schools__school a.link:before,
#college #schools .schools__school a.link:after {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#college #schools .schools__school a.link:before {
  position: absolute;
  top: 40px;
  right: 15px;
  display: inline-block;
  content: "";
  width: 26px;
  height: 2px;
  background-color: white;
}
#college #schools .schools__school a.link:after {
  position: absolute;
  top: 28px;
  right: 27px;
  display: inline-block;
  content: "";
  width: 2px;
  height: 26px;
  background-color: white;
}
#college #schools .schools__school.active a.link:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#college #schools .schools__school.active a.link:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#college #schools main {
  clear: both;
}
#college #schools main .col-1 .btn {
  margin: 1.4rem 0 0 0;
  width: 100%;
}
#college #schools .schools__detail {
  display: inline-block;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#college #schools .schools__detail.active {
  max-height: 1000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  overflow: visible;
}
#college #schools.active .schools__school:not(.active):before {
  content: "";
  display: block;
  background-color: rgba(10, 30, 45, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
#college #schools.active .schools__school:not(.active):hover:before {
  display: none;
}
#college #schools.active .schools__school.active:hover:before {
  display: none;
}
#college #prospectus {
  text-align: center;
}
#college #prospectus .btn {
  display: inline-block;
  margin: 0 auto 0 auto;
  padding: 1.26rem 5.6rem 1.26rem 1.26rem;
  border: 3px solid white;
  color: white;
  font-size: 1.28571429rem;
}
#college #prospectus .btn:before {
  background-color: white;
}
#college #prospectus .btn:hover {
  color: #0A1E2D;
}
#college #prospectus .btn:hover span {
  color: currentColor;
}
#college #prospectus .btn:after {
  right: 2.8rem;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  border-width: 3px;
}
#college #wellbeing img {
  margin-bottom: 1.4rem;
}
#college #curricular {
  padding-top: 0;
}
#college #curricular .heading--top-bright-fat-short {
  padding-bottom: 2.1rem;
}
#college #curricular .heading--top-bright-fat-short:before {
  width: 25%;
  max-width: 70px;
  -webkit-transform: translate(0, -0.7rem);
          transform: translate(0, -0.7rem);
}
#college #curricular .curricular__activity .col p {
  margin-top: 0;
}
#college #care img {
  margin-bottom: 4.2rem;
}
#college #care .heading--top-bright-fat {
  padding: 1.4rem 0 0;
}
#college #care .btn {
  font-size: 1.14285714rem;
  margin-top: 0.7rem;
}
#college #care .care__hours h4 {
  font-weight: bold;
  padding: 3.08rem 0 1.4rem;
}
#college #care .care__hours dt {
  font-size: 1.28571429rem;
  font-weight: bold;
}
#college #care .care__hours dt:last-of-type {
  padding-top: 1.4rem;
}
#college #care .care__hours dd {
  font-size: 1.28571429rem;
}
#college #care .care__hours dd em {
  display: block;
  padding-bottom: 1.4rem;
}
#college #shop .col-1 h4 {
  padding-top: 1.4rem;
}
#college #shop .col-1 li a {
  display: block;
  margin-top: -3px;
}
#college #employment .employment__vacancies {
  width: 50%;
}
#college #employment .employment__vacancies h4 {
  margin-top: 2.8rem;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
#college #employment .employment__vacancies h5,
#college #employment .employment__vacancies time {
  color: #00677f;
  font-weight: 1.14285714rem;
}
#college #employment .employment__vacancies h5 {
  font-weight: bold;
}
#college #employment .employment__vacancies time {
  font-style: italic;
}
#college #employment .col-1 h4 {
  padding-top: 1.4rem;
}
#college #employment .col-1 li a {
  display: block;
  margin-top: -3px;
}
#enrol #howto .col-1 a.btn {
  display: block;
  margin-bottom: 0.7rem;
}
#enrol #tours .btn {
  margin-top: 2.8rem;
}
#enrol #resources blockquote {
  font-size: 1.28571429rem;
  font-style: italic;
}
#blog article,
#unipage article {
  padding-bottom: 2.8rem;
  border-bottom: 1px solid #0A1E2D;
}
#blog article header h4,
#unipage article header h4 {
  padding-bottom: 0;
}
#blog article header time,
#unipage article header time {
  display: block;
}
#blog article header .category,
#unipage article header .category {
  margin: 0;
  font-style: italic;
}
#blog article .blog-content p:first-of-type,
#unipage article .blog-content p:first-of-type {
  padding-top: 0;
  margin-top: 0;
}
#blog article .btn--reverse,
#unipage article .btn--reverse {
  margin-left: 1.4rem;
}
#blog #related-articles,
#unipage #related-articles {
  padding-top: 2.8rem;
}
#blog #related-articles time,
#unipage #related-articles time {
  padding-top: 0;
}
#blog .pagination li,
#unipage .pagination li {
  display: inline-block;
}
#blog .pagination li a,
#unipage .pagination li a {
  padding-right: 1.4rem;
  font-size: 1.71428571rem;
  font-weight: bold;
  color: #002857;
  text-decoration: none;
}
#blog.blog--detail article h2,
#unipage.blog--detail article h2 {
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 12px;
  }
  .mobile-only {
    display: block;
  }
  .container {
    padding: 2.8rem 2.1rem;
  }
  .container .w-1 {
    width: 100%;
  }
  .container .w-2 {
    width: 100%;
  }
  .container.container--wide {
    padding: 0;
  }
  .pl-0,
  .pl-1,
  .pl-2 {
    padding-left: 0;
  }
  .pt-2 {
    padding-top: 0;
  }
  .pt-big {
    padding-top: 2.8rem;
  }
  /**
 * Column settings
 */
  .col {
    float: left;
  }
  .col.col-1 {
    width: 100%;
  }
  .col.col-2 {
    width: 100%;
  }
  .col.col-3 {
    width: 100%;
  }
  .row.row--reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .row.row--reverse .col {
    float: none;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  /**
 * Accordion
 */
  .accordion h2 a:before,
  .accordion h3 a:before,
  .accordion h4 a:before,
  .accordion h5 a:before {
    width: 16px;
    height: 2px;
    right: 10px;
  }
  .accordion h2 a:after,
  .accordion h3 a:after,
  .accordion h4 a:after,
  .accordion h5 a:after {
    width: 2px;
    height: 16px;
    margin-top: -7px;
    right: 17px;
  }
  .btn {
    padding: .8rem 3rem .8rem 1rem;
    font-size: 1.3rem;
  }
  body > header.container {
    padding: 1.4rem;
    height: 60px;
    height: 6.5rem;
  }
  body > header.container h1 a {
    display: block;
    width: 147px;
    height: 42.95424746px;
  }
  body > header.container #subnav {
    position: static;
    width: 76vw;
    margin: 0 auto 0 auto;
    margin: 1.4rem auto 0;
  }
  body > header.container #subnav ul {
    width: 100%;
  }
  body > header.container #subnav li {
    text-align: left;
    padding: 0;
    margin: 0 4rem 0 0;
    opacity: 0;
  }
  body > header.container #subnav li.subnav__apply {
    min-height: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    position: fixed;
    background-color: #0A1E2D;
    width: 100%;
    text-align: center;
    -webkit-transition: inherit;
    transition: inherit;
    box-shadow: 0px -11px 20px 5px #0A1E2D;
    z-index: 100;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  body > header.container #subnav li.subnav__apply a {
    display: block;
    opacity: 1;
    width: 100%;
    padding: 1.4rem;
    color: #f9c53b;
    border: none;
    font-size: 1.8rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-color: #0A1E2D;
    z-index: 30;
  }
  body > header.container #subnav li.subnav__apply a:after {
    display: none;
  }
  body > header.container #subnav li.subnav__search {
    margin-right: 0;
  }
  body > header.container #subnav li.subnav__menu {
    position: absolute;
    top: 28px;
    right: 1.4rem;
    opacity: 1;
    margin: 0;
  }
  body > header.container nav .heading {
    font-size: 1.8rem;
  }
  body > header.container nav ul ul a {
    font-size: 1.3rem;
  }
  body > header.container nav .nav__goback {
    display: block;
    position: absolute;
    top: -0.5rem;
    right: 0;
    z-index: 30;
    font-size: 1.1rem;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  body > header.container nav .nav__goback:after {
    width: 10px;
    height: 10px;
    top: 5px;
  }
  body > header.container.header--active {
    background-color: #0A1E2D;
    position: fixed;
    overflow-y: scroll;
  }
  body > header.container.nav--active #subnav li {
    opacity: 1;
  }
  body > header.container.nav--active #subnav li.subnav__apply {
    display: block;
    min-height: 10px;
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  body > header.container.nav--active #subnav a[title]:after {
    bottom: -2.5rem;
  }
  body > header.container.nav--active nav {
    position: relative;
    width: 76vw;
    padding-left: 0;
    margin-top: 2.8rem;
  }
  body > header.container.nav--active nav .nav__goback.active {
    opacity: 1;
  }
  body > header.container.nav--active nav > ul {
    position: relative;
  }
  body > header.container.nav--active nav > ul > li {
    float: none;
    padding: 1.4rem 0 1.4rem 0;
    -webkit-transition: all 0.5s cubic-bezier(0.07, 0.9, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.07, 0.9, 0.25, 1);
  }
  body > header.container.nav--active nav > ul > li a.heading--top-yellow-fat-short:before {
    display: none;
  }
  body > header.container.nav--active nav > ul > li.active a:before,
  body > header.container.nav--active nav > ul > li.current_page_item a:before {
    display: inline-block;
  }
  body > header.container.nav--active nav > ul > li.active:before,
  body > header.container.nav--active nav > ul > li.current_page_item:before,
  body > header.container.nav--active nav > ul > li.active:after,
  body > header.container.nav--active nav > ul > li.current_page_item:after {
    display: none;
  }
  body > header.container.nav--active nav > ul > li.inactive {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
  body > header.container.nav--active nav > ul > li.active a.heading--top-yellow-fat-short:before {
    display: block;
  }
  body > header.container.nav--active nav > ul > li.active ul {
    max-height: 100vh;
    margin: 1.4rem 0 0;
  }
  body > header.container.nav--active nav > ul > li:hover:before {
    position: absolute;
    top: 30px;
    left: -21px;
  }
  body > header.container.nav--active nav > ul > li:hover:after {
    position: absolute;
    top: 24px;
    left: -16px;
  }
  body > header.container.nav--active nav > ul .heading {
    position: static;
    top: auto;
    left: auto;
  }
  body > header.container.nav--active nav > ul ul {
    max-height: 0;
    padding-right: 0;
    overflow: hidden;
    margin: 0;
  }
  body > header.container.nav--active nav > ul ul li {
    max-width: none;
    padding-left: 26px;
  }
  body > header.container.nav--active nav > ul ul a:hover:before,
  body > header.container.nav--active nav > ul ul a.active:before {
    position: absolute;
    top: 6px;
    left: -26px;
    display: inline-block;
    content: "";
    width: 16px;
    height: 0;
    border-top: 2px solid #f9c53b;
  }
  body > header.container.nav--active nav > ul ul a:hover:after,
  body > header.container.nav--active nav > ul ul a.active:after {
    position: absolute;
    top: -1px;
    left: -19px;
    display: inline-block;
    content: "";
    width: 0;
    height: 16px;
    border-left: 2px solid #f9c53b;
  }
  body > header.container.nav--active nav > ul ul a br {
    display: none;
  }
  body > header.container.search--active #subnav li.subnav__form {
    min-width: 100%;
    opacity: 1;
  }
  body > header.container.search--active form {
    min-width: 100%;
  }
  body > header.container.search--active form input {
    min-width: 100%;
    opacity: 1;
  }
  body > main {
    margin-top: 6.5rem;
  }
  #quicklinks ul > li {
    float: none;
    width: 100%;
    max-width: none;
  }
  #quicklinks ul > li ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 1px solid white;
    padding-bottom: 1.4rem;
  }
  #quicklinks ul > li:last-of-type ul {
    border-bottom: none;
    padding-bottom: 0;
  }
  #quicklinks ul > li li {
    float: none;
    width: 50%;
    max-width: none;
    padding-bottom: 1.05rem;
    font-weight: bold;
  }
  #quicklinks ul > li .quicklinks__heading {
    display: block;
    padding: 2.8rem 0 2.1rem;
    font-weight: bold;
    font-size: 1.2rem;
  }
  #quicklinks ul > li a {
    color: white;
    text-transform: none;
    text-decoration: none;
  }
  #quicklinks ul > li a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  body > footer nav {
    float: none;
  }
  body > footer nav li {
    display: block;
  }
  body > footer aside {
    float: none;
    margin-top: 1.4rem;
  }
  body > footer aside li.copyright {
    top: auto;
  }
  body > footer aside li.copyright a.eow {
    display: none;
  }
  body > footer aside li:nth-of-type(3) {
    display: block;
    margin-top: 1.4rem;
  }
  body > footer span.eow {
    display: block;
    margin-top: .5rem;
  }
  body > footer span.eow a {
    color: white;
    text-decoration: none;
  }
  main.unipage header .header__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 78vw;
    max-height: none;
  }
  main.unipage header p {
    padding-top: 0;
  }
  main.unipage header p.breadcrumb {
    display: none;
  }
  main.unipage header img {
    position: static;
  }
  main.unipage .col p {
    font-size: 1.2rem;
  }
  #pagination .content .pagination__link {
    position: static;
    font-size: 1.1rem;
    white-space: nowrap;
  }
  #pagination .content .pagination__link span {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow-x: hidden;
  }
  #pagination .content .pagination__link--prev {
    position: relative;
    padding-left: 0;
    width: 20vw;
    text-align: left;
  }
  #pagination .content .pagination__link--prev svg {
    position: absolute;
    top: -100%;
    left: 0;
  }
  #pagination .content .pagination__link--prev:hover svg {
    -webkit-animation: none;
            animation: none;
  }
  #pagination .content .pagination__link--next {
    position: relative;
    padding-right: 0;
    width: 20vw;
    text-align: right;
  }
  #pagination .content .pagination__link--next svg {
    position: absolute;
    top: -100%;
    right: 0;
  }
  #pagination .content .pagination__link--next:hover svg {
    -webkit-animation: none;
            animation: none;
  }
  form.siteform .form__row .form__input {
    float: none;
  }
  form.siteform .form__row .form__input--half {
    width: 100%;
  }
  form.siteform .form__row .form__input--2rd {
    width: 100%;
  }
  form.siteform .form__row .form__input--1rd {
    width: 100%;
  }
  form.siteform .form__row .form__input:nth-of-type(2n+2) {
    margin-top: 2.1rem;
  }
  form.siteform .form__input--checkbox {
    padding-bottom: 2.8rem;
  }
  form.siteform .form__input--checkbox label {
    width: 90%;
  }
  form.siteform .form__input--checkbox label br {
    display: none;
  }
  #newsflash {
    top: 6rem;
    width: 100%;
    height: calc(100vh - 6rem);
  }
  #newsflash .newsflash__container {
    padding: 1.4rem;
  }
  #newsflash .newsflash__container h1 {
    font-size: 2rem;
  }
  #newsflash .newsflash__container footer {
    font-size: 1.2rem;
  }
  #newsflash .close {
    top: 10%;
    right: 1.4rem;
    display: block;
    width: 24px;
    height: 24px;
  }
  #carousel {
    height: calc(100vh - 6.5rem);
    min-height: 435px;
  }
  #carousel:after {
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -25px;
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    background: transparent url(../images/sprites/arrow-scroll-white.svg) 0 0 / cover no-repeat;
  }
  #carousel nav {
    display: none;
  }
  #carousel .carousel__headings {
    display: none;
  }
  #carousel .carousel__slideshow .carousel__slide {
    height: calc(100vh - 6.5rem);
    min-height: 435px;
    background: transparent url('') 50% 0 / cover no-repeat;
  }
  /**
 * SCHOOL BOXES
 */
  #schools.container {
    padding: 0;
  }
  #schools .schools__apply-now {
    width: 100%;
    padding: 2.8rem;
    color: #f9c53b;
    font-size: 1.8rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
  }
  .schools__school {
    float: none;
    width: 100%;
    padding: 1.4rem;
  }
  .schools__school:after {
    display: none;
  }
  .schools__school header {
    position: relative;
    top: auto;
    left: auto;
  }
  .schools__school header h2,
  .schools__school header span {
    font-size: 2rem;
  }
  .schools__school main {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    padding: 1.4rem 0 0;
  }
  .schools__school main p {
    display: none;
  }
  .schools__school a.btn {
    display: inline-block;
    font-size: 1.4rem;
    padding-right: 2.5rem;
  }
  .schools__school a.btn:after {
    width: 1rem;
    height: 1rem;
    margin-top: -0.45rem;
    border-width: 2px;
  }
  .schools__school.schools__school--prep {
    background-image: none !important;
  }
  .schools__school.schools__school--prim {
    background-image: none !important;
  }
  .schools__school.schools__school--sec {
    background-image: none !important;
  }
  .schools__school:hover:before {
    display: none;
  }
  .schools__school:hover main {
    display: block;
    -webkit-transform: none;
            transform: none;
  }
  #aftercare {
    padding: 1.4rem;
  }
  #aftercare .col {
    float: none;
  }
  #aftercare .col-1 {
    padding-bottom: 1.4rem;
  }
  #aftercare header {
    width: 100%;
    float: none;
  }
  #aftercare header .heading--bold-upper {
    font-size: 2rem;
  }
  #aftercare header br {
    display: inline;
  }
  #aftercare blockquote {
    display: none;
  }
  #aftercare a.btn {
    display: inline-block;
    font-size: 1.4rem;
    padding-right: 2.5rem;
  }
  #aftercare a.btn:after {
    width: 1rem;
    height: 1rem;
    margin-top: -0.45rem;
    border-width: 2px;
  }
  #prospectus p {
    margin: 2.8rem 0;
    padding-bottom: 0;
  }
  #prospectus .btn {
    width: 100%;
    max-width: none;
  }
  #prospectus .col h2 {
    display: none;
  }
  #prospectus .col-2 {
    padding-right: 0;
  }
  #homepage .mobile-swap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
  }
  #homepage .mobile-swap .container--dark {
    background: -webkit-linear-gradient(bottom, #00677f 80%, #005266);
    background: linear-gradient(to top, #00677f 80%, #005266);
  }
  #information {
    border-top: none;
    padding: 0;
    background-color: transparent;
  }
  #information #news {
    display: none;
  }
  #information aside {
    width: 100%;
  }
  #information aside .container {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
  }
  #information aside .container h3 svg.svg-book-dims {
    float: right;
    width: 30px;
    height: 32.10972569px;
    vertical-align: middle;
    fill: #4ec3e0;
  }
  #information aside .container:nth-of-type(1) {
    border-bottom: 2px solid #4ec3e0;
    padding-bottom: 2.8rem;
  }
  #information aside .container:nth-of-type(1) h4 {
    font-size: 1.3rem;
  }
  #information aside .container:nth-of-type(1) p {
    font-size: 1.2rem;
  }
  #information aside .container:nth-of-type(1) .btn {
    background-color: transparent;
  }
  #information aside .container:nth-of-type(2) {
    padding-bottom: 0;
  }
  #information aside .container:nth-of-type(2) h3 {
    color: #4ec3e0;
  }
  #information aside .container:nth-of-type(2) h4 {
    font-size: 2.3rem;
  }
  #information aside .container:nth-of-type(2) h4:before {
    border-color: #4ec3e0;
  }
  #information aside .container:nth-of-type(2) p {
    font-size: 1.2rem;
  }
  #information aside .container:nth-of-type(2) .btn {
    border-color: #4ec3e0;
  }
  #information aside .btn {
    width: 100%;
  }
  #why-us .col h4,
  #why-us .col h5,
  #why-us .col .heading {
    font-size: 1.71428571rem;
  }
  #why-us .col blockquote {
    font-size: 1.71428571rem;
  }
  #why-us .col p {
    line-height: 1.3;
    font-size: 1.42857143rem;
    margin: 1.4rem 0;
  }
  #headmaster .col-1 {
    padding: 0;
  }
  #statement .statement__community img.w-half {
    display: none;
  }
  #statement .statement__learners {
    padding-top: 2.8rem;
  }
  #statement .statement__passion {
    padding-top: 2.8rem;
  }
  #statement .statement__passion .col-1 {
    padding-top: 2.8rem;
  }
  #character h2 {
    position: absolute;
    top: -4.2rem;
    left: 1.4rem;
    color: #0A1E2D;
  }
  #character .container--dark .heading-wrapper h2 {
    padding-left: 0;
  }
  #character .character__images {
    display: none;
  }
  #character .character__copy .row:nth-of-type(1) {
    padding-bottom: 0;
  }
  #virtues .content--tight {
    padding: 0 1.4rem;
  }
  #virtues li {
    width: 45%;
    margin-bottom: 2.8rem;
  }
  #virtues li .content {
    max-width: 130px;
    max-height: 160.96347441px;
  }
  #virtues li .content span {
    font-size: 1.6rem;
  }
  #virtues li:nth-of-type(3n+1) .content {
    margin: auto;
  }
  #virtues li:nth-of-type(3n+2) .content {
    margin: auto;
  }
  #virtues li:nth-of-type(3n+3) .content {
    margin: auto;
  }
  #teaching img {
    margin-bottom: 2.8rem;
  }
  #teaching .pr-1,
  #teaching .pr-2 {
    padding-right: 0;
  }
  #college .college__row {
    height: auto;
  }
  #college .college__row--1,
  #college .college__row--7 {
    margin: 0 1.4rem;
  }
  #college .college__row--1 .col,
  #college .college__row--7 .col {
    float: none;
  }
  #college .college__row--1 .col-2,
  #college .college__row--7 .col-2 {
    width: 100%;
    height: auto;
  }
  #college .college__row--1 .col-2:before,
  #college .college__row--7 .col-2:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  #college .college__row--1 .col-2 h3,
  #college .college__row--7 .col-2 h3 {
    font-size: 25vw;
  }
  #college .college__row--1 .col-2 p,
  #college .college__row--7 .col-2 p {
    top: 0;
    bottom: auto;
    right: 10%;
    font-size: 3.5vw;
    width: 40%;
    padding: 0;
    line-height: 1.3;
  }
  #college .college__row--1 .col-1,
  #college .college__row--7 .col-1 {
    position: relative;
    width: 50%;
    height: auto;
    margin-left: 50%;
    background-size: 100%;
  }
  #college .college__row--1 .col-1:before,
  #college .college__row--7 .col-1:before {
    display: block;
    content: "";
    padding-top: 106%;
  }
  #college .college__row--1 .col-1 h3,
  #college .college__row--7 .col-1 h3 {
    position: absolute;
    top: 1.12rem;
    right: 1.12rem;
    color: #0A1E2D;
    font-size: 13vw;
  }
  #college .college__row--1 .col-1 p,
  #college .college__row--7 .col-1 p {
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 80%;
    padding: 1.4rem;
    color: #0A1E2D;
    font-size: 3.5vw;
    line-height: 1.3;
  }
  #college .college__row--2,
  #college .college__row--5 {
    box-sizing: content-box;
    margin: 0 1.4rem;
  }
  #college .college__row--2 .col-1,
  #college .college__row--5 .col-1 {
    display: none;
  }
  #college .college__row--2 .col-2,
  #college .college__row--5 .col-2 {
    width: 100%;
    height: auto;
  }
  #college .college__row--2 .col-2:before,
  #college .college__row--5 .col-2:before {
    display: block;
    content: "";
    padding-top: 29%;
  }
  #college .college__row--2 .col-2 h3,
  #college .college__row--5 .col-2 h3 {
    font-size: 12vw;
    line-height: 12vw;
  }
  #college .college__row--2 .col-2 p,
  #college .college__row--5 .col-2 p {
    bottom: auto;
    left: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    padding: 0;
    font-size: 3.5vw;
    line-height: 1.3;
  }
  #college .college__row--3:before,
  #college .college__row--3 .col-1 {
    display: none;
  }
  #college .college__row--3 .col-2 {
    width: 100%;
    height: auto;
    background: #a4edff url(../images/whyus-grid-4-mobile.jpg) 100% 100% no-repeat;
  }
  #college .college__row--3 .col-2:before {
    display: block;
    content: "";
    padding-top: 50%;
  }
  #college .college__row--3 .col-2 h3 {
    position: absolute;
    top: 0;
    right: 2.8rem;
    left: auto;
    color: #0A1E2D;
    font-size: 20vw;
    line-height: 20vw;
  }
  #college .college__row--3 .col-2 p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    padding: 0 2.8rem;
    font-size: 3.5vw;
    line-height: 1.3;
  }
  #college .college__row--4 {
    margin: 0 1.4rem;
  }
  #college .college__row--4 .col-1 {
    display: 0;
  }
  #college .college__row--4 .col-1 {
    width: 50%;
  }
  #college .college__row--4 .col-1:before {
    display: block;
    content: "";
    padding-top: 70vw;
  }
  #college .college__row--4 .col-1 h3 {
    top: 0;
    font-size: 11vw;
  }
  #college .college__row--4 .col-1 p {
    bottom: 0;
    font-size: 3.5vw;
    margin: 0;
    line-height: 1.3;
  }
  #college .college__row--5 .col-2:before {
    padding-top: 40%;
  }
  #college .college__row--5 .col-2 h3 {
    left: 1.4rem;
    font-size: 15vw;
  }
  #college .college__row--5 .col-2 p {
    bottom: auto;
    top: 1.4rem;
    padding: 0 1.4rem 0 0;
    margin: 0;
    font-size: 3.5vw;
    line-height: 1.3;
  }
  #college .college__row--6 {
    height: auto;
  }
  #college .college__row--6 .content--wide {
    height: auto;
    background-size: cover;
  }
  #college .college__row--6 .content--wide:before {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 2.8rem;
    font-size: 7.14285714rem;
  }
  #college .college__row--6 .content--wide:after {
    display: block;
    content: "";
    padding-top: 50%;
  }
  #college .college__row--6 .content--wide h3 {
    right: 1.4rem;
    bottom: 1.4rem;
    top: auto;
    font-size: 15vw;
    line-height: 15vw;
  }
  #college .college__row--6 .content--wide p {
    right: auto;
    top: 1.4rem;
    left: 1.4rem;
    width: 90%;
    font-size: 3.5vw;
    line-height: 1.3;
  }
  #college .college__row--7 .col-2 h3 {
    font-size: 35vw;
    bottom: 1.4rem;
  }
  #college .college__row--7 .col-2 p {
    font-size: 3.5vw;
    line-height: 1.3;
  }
  #snapshot .btn {
    width: 100%;
    font-size: 1rem;
    padding: 0.84rem 0;
  }
  #history .flex-wrapper .col-1 {
    padding-bottom: 1.4rem;
  }
  #facilities img {
    display: none;
  }
  #facilities .btn {
    width: 100%;
  }
  #location .col-2 {
    padding-right: 0;
  }
  .teams h3,
  #team h3,
  #council h3 {
    padding-bottom: 2.8rem;
  }
  .teams .row,
  #team .row,
  #council .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .teams .team__person,
  #team .team__person,
  #council .team__person {
    width: 50%;
    float: none;
  }
  .teams .team__headshot,
  #team .team__headshot,
  #council .team__headshot {
    display: none;
  }
  #council {
    padding-bottom: 0;
  }
  #foundation {
    padding: 0 0 2.8rem;
  }
  #foundation .content {
    padding: 1.4rem 2.1rem;
  }
  #foundation .pt-3 {
    padding-top: 0;
  }
  #terms .col-1-2 {
    width: 100%;
  }
  #terms .col-1-2 .col-1-2 {
    width: 50%;
    padding-right: 0.7rem;
  }
  #terms .col-1-2 .col-1-2 + .col-1-2 {
    padding-right: 0;
    padding-left: 0.7rem;
  }
  #contact h4 {
    padding-top: 2.8rem;
  }
  #college .col {
    float: none;
  }
  #college .col .btn {
    font-size: 1.3rem !important;
  }
  #college #wellbeing .unitext p,
  #college #curricular .unitext p,
  #college #care .unitext p,
  #college #employment .unitext p,
  #college #wellbeing .unitext ol,
  #college #curricular .unitext ol,
  #college #care .unitext ol,
  #college #employment .unitext ol,
  #college #wellbeing .unitext ul,
  #college #curricular .unitext ul,
  #college #care .unitext ul,
  #college #employment .unitext ul,
  #college #wellbeing .unitext img,
  #college #curricular .unitext img,
  #college #care .unitext img,
  #college #employment .unitext img {
    display: none;
  }
  #college #wellbeing .unitext a.mobile-only,
  #college #curricular .unitext a.mobile-only,
  #college #care .unitext a.mobile-only,
  #college #employment .unitext a.mobile-only {
    display: inline-block;
    padding-right: 2.8rem;
    margin-top: 1.4rem;
  }
  #college #schools {
    margin-top: 2.8rem;
  }
  #college #schools .schools__detail {
    display: none;
  }
  #college #schools .schools__school {
    padding: 0;
    clear: both;
  }
  #college #schools .schools__school a.link {
    height: 125px;
  }
  #college #schools .schools__school a.link:before {
    top: 62px;
  }
  #college #schools .schools__school a.link:after {
    top: 50px;
  }
  #college #schools .schools__school header {
    padding: 2.8rem;
  }
  #college #schools .schools__school main {
    display: block;
    padding-top: 0;
    background-color: white;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease;
  }
  #college #schools .schools__school main blockquote {
    padding-bottom: 1.4rem;
  }
  #college #schools .schools__school main .col-2 {
    padding: 2.8rem 2.8rem 0;
  }
  #college #schools .schools__school main .col-1 {
    padding: 0 2.8rem 2.8rem;
  }
  #college #schools .schools__school main .btn {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  #college #schools .schools__school main .btn.btn--arrow:after {
    width: 29px;
    height: 15px;
    margin-top: -7.5px;
  }
  #college #schools .schools__school main img {
    display: none;
  }
  #college #schools .schools__school.active main {
    max-height: 1000px;
    padding-top: 1.4rem;
  }
  #college #wellbeing .col-1 img:last-of-type {
    display: none;
  }
  #college #curricular .row {
    padding-top: 0;
  }
  #college #curricular .heading--top-bright-fat-short {
    padding-bottom: 0;
  }
  #college #care {
    padding-bottom: 2.8rem;
  }
  #college #care .content {
    padding: 0 2.1rem;
  }
  #college #care > img {
    margin: 2.8rem 0;
  }
  #college #care .care__hours {
    padding-bottom: 2.8rem;
  }
  #college #care .care__hours h4 {
    display: none;
  }
  #college #care .care__hours dt {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  #college #care .care__hours dt:first-of-type {
    padding-bottom: 1.4rem;
  }
  #college #care .care__hours dt:last-of-type {
    padding-top: 0;
  }
  #college #care .care__hours dt.mobile-only {
    visibility: hidden;
  }
  #college #care .care__hours dd {
    display: inline-block;
    width: 40%;
  }
  #college #care .care__hours dd em {
    padding-bottom: 0;
  }
  #college #care .care__description .btn {
    display: none;
  }
  #college #shop {
    display: none;
  }
  #college #employment .employment__vacancies,
  #college #employment img,
  #college #employment .col-1 {
    display: none;
  }
  #college #alumni img {
    display: none;
  }
  #college #alumni .btn {
    width: 100%;
  }
  #enrol .btn {
    width: 100%;
  }
  #enrol #scholarships {
    padding: 1.4rem 0 2.8rem;
  }
  #enrol #scholarships .content {
    padding: 1.4rem;
  }
  #blog article header time,
  #unipage article header time {
    padding-top: 2.8rem;
  }
  #blog article header h4,
  #unipage article header h4 {
    font-size: 1.71428571rem;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5) {
  #college .college__row--3 .col-2 {
    background: #a4edff url(../images/whyus-grid-4-mobile@2x.jpg) 100% 100% / cover no-repeat;
  }
}
@media only screen and (max-width: 345px) {
  body > header.container #subnav li {
    margin-right: 3rem;
  }
}



@media only screen and (min-width: 769px) and (max-width: 1200px){
    body > header.container nav > ul > li {
    width: 16.6% !important;
    }
    body > header.container nav ul ul a {
    font-size: 14px !important;
    }
    body > header.container nav ul ul {
    padding-right: 30px !important;
    }

    body > header.container nav .heading {
    max-width: 130px !important;
    font-size: 16px !important;
    }
    body > header.container nav {
    padding-left: 2.8rem !important;
}   
}