/* Form Placeholder Styles */
/* Transitions */
@font-face {
  font-family: 'Miller Ban Rom';
  font-style: Normal;
  font-weight: Normal;
  src: url("//cloud.typenetwork.com/licenseWeb/138839/fontfile/eot/?8fe0700e46436de562bd1da98f884808d3dcf314");
  src: url("//cloud.typenetwork.com/licenseWeb/138839/fontfile/eot/?8fe0700e46436de562bd1da98f884808d3dcf314#iefix") format("embedded-opentype"), url("//cloud.typenetwork.com/licenseWeb/138839/fontfile/woff2/?8fe0700e46436de562bd1da98f884808d3dcf314") format("woff2"), url("//cloud.typenetwork.com/licenseWeb/138839/fontfile/woff/?8fe0700e46436de562bd1da98f884808d3dcf314") format("woff"); }

@font-face {
  font-family: 'Miller Ban Lt';
  font-style: Normal;
  font-weight: Normal;
  src: url("//cloud.typenetwork.com/licenseWeb/138838/fontfile/eot/?8fe0700e46436de562bd1da98f884808d3dcf314");
  src: url("//cloud.typenetwork.com/licenseWeb/138838/fontfile/eot/?8fe0700e46436de562bd1da98f884808d3dcf314#iefix") format("embedded-opentype"), url("//cloud.typenetwork.com/licenseWeb/138838/fontfile/woff2/?8fe0700e46436de562bd1da98f884808d3dcf314") format("woff2"), url("//cloud.typenetwork.com/licenseWeb/138838/fontfile/woff/?8fe0700e46436de562bd1da98f884808d3dcf314") format("woff"); }

@font-face {
  font-family: 'Mark OT';
  src: url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT-Bold.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT-Bold.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT-Bold.svg#MarkOT-Bold") format("svg");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: 'Mark OT';
  src: url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT.svg#MarkOT") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Mark OT';
  src: url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT-Medium.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT-Medium.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/fonts/MarkOT-Medium.svg#MarkOT-Medium") format("svg");
  font-style: normal;
  font-weight: 500; }

.red {
  background-color: #B52025; }

.navy {
  background-color: #152E55; }

.black {
  background-color: #000000; }

.grey900 {
  background-color: #212121; }

.grey700 {
  background-color: #616161; }

.grey600 {
  background-color: #848484; }

.grey500 {
  background-color: #9E9E9E; }

.grey300 {
  background-color: #E0E0E0; }

.grey200 {
  background-color: #EEEEEE; }

.grey100 {
  background-color: #F5F5F5; }

.white {
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3; }

body {
  font-family: "Miller Ban Rom";
  font-weight: normal;
  line-height: 1.5rem;
  -webkit-font-smoothing: antialiased; }

.heading--hero {
  font-family: "Miller Ban Lt";
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.25em; }

@media only screen and (max-width: 768px) {
  h1.heading--light {
    font-size: 2rem; } }

h1 {
  font-family: "Mark OT";
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.34em; }
  h1.navy--heading {
    color: #152E55; }
  h1.display--light {
    font-family: "Miller Ban Lt";
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.32em; }
  h1.display--large {
    font-family: "Mark OT";
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.27em; }
  h1.heading--light {
    font-family: "Miller Ban Lt";
    font-weight: 300; }
  h1.heading--medium {
    font-size: 1.88rem;
    font-weight: bold;
    line-height: 1.27em; }

h2 {
  font-family: "Miller Ban Lt";
  font-size: 1.375rem;
  font-weight: normal;
  line-height: 1.19em; }
  h2.heading--bold {
    font-family: "Mark OT";
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.4em; }

h4 {
  font-family: "Mark OT";
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5em; }
  h4.heading--light {
    font-weight: 300; }

h5 {
  font-family: "Mark OT";
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.25em; }

h3 {
  font-family: "Mark OT";
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.13rem;
  text-transform: uppercase;
  letter-spacing: 0.2em; }
  h3.subheading--small {
    font-family: "Mark OT";
    font-size: 0.645rem;
    line-height: 1rem;
    text-transform: uppercase; }

.body_large {
  font-family: "Miller Ban Lt";
  font-size: 1.13rem;
  line-height: 1.63rem; }

.body_regular_2 {
  font-family: "Mark OT";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5rem; }

.body_small {
  font-family: "Mark OT";
  font-size: 0.88rem;
  line-height: 1.38rem; }

caption, .caption {
  font-family: "Mark OT";
  font-size: 0.75rem;
  line-height: 1.13rem;
  display: block; }

p {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7em;
  margin: 1.3rem 0; }

.icon {
  width: 16px;
  height: 16px;
  margin: 5px; }

.icon--white {
  fill: #FFFFFF; }

.icon--navy {
  fill: #152E55; }

.icon--black {
  fill: #000000; }

.red {
  background-color: #B52025; }

.navy {
  background-color: #152E55; }

.black {
  background-color: #000000; }

.grey900 {
  background-color: #212121; }

.grey700 {
  background-color: #616161; }

.grey600 {
  background-color: #848484; }

.grey500 {
  background-color: #9E9E9E; }

.grey300 {
  background-color: #E0E0E0; }

.grey200 {
  background-color: #EEEEEE; }

.grey100 {
  background-color: #F5F5F5; }

.white {
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3; }

.button.button--fill {
  border: none;
  color: #FFFFFF;
  background-color: #152E55; }

.button.button--fill:hover, .button.button--fill.button--hover {
  color: #FFFFFF;
  background: #616161; }

.button.button--fill.button--disabled {
  opacity: 0.4;
  color: #212121;
  background-color: #848484;
  cursor: default; }

.button.button--fill.button--inverted {
  color: #152E55;
  background-color: #FFFFFF; }

.button.button--fill.button--inverted:hover, .button.button--fill.button--inverted.button--hover {
  color: #FFFFFF;
  background-color: #152E55; }

.button.button--outline {
  border: 1px solid #152E55;
  color: #152E55; }

.button.button--outline:hover, .button.button--outline.button--hover {
  color: #FFFFFF;
  background-color: #152E55; }

.button.button--outline.button--disabled {
  opacity: 0.4;
  cursor: default;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #616161; }

.button.button--outline.button--inverted {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  background: none; }

.button.button--outline.button--inverted:hover, .button.button--outline.button--inverted.button--hover {
  color: #152E55;
  background-color: #FFFFFF; }

.button.button--outline.button--inverted.button--disabled {
  opacity: 0.4;
  cursor: default;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #616161; }

.button.button--slim {
  padding: 6px 17px 5px; }

.button.button--large {
  padding: 15px 25px 14px; }

.button.button--link {
  color: #152E55;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: solid 1px #9E9E9E;
  padding: 0 0 2px 0;
  background-color: rgba(0, 0, 0, 0); }

.button.button--link:hover {
  border-bottom: solid 1px #152E55; }

.button.button--link--hover {
  border-bottom: solid 1px #152E55; }

.button.button--link:active {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: solid 1px #152E55; }

.button.button--tab {
  padding: 0 0 10px;
  border: none;
  color: #9E9E9E;
  background-color: transparent; }
  .button.button--tab:hover {
    color: #152E55; }
  .button.button--tab.active {
    border-bottom: solid 2px #152E55;
    color: #152E55; }
    .button.button--tab.active:active {
      border: none;
      border-bottom: solid 2px #152E55; }
  .button.button--tab.hover {
    color: #152E55; }
  .button.button--tab:active {
    border: none;
    background-color: transparent; }

.button {
  display: inline-block;
  padding: 9px 25px 8px;
  outline: none;
  font-family: "Mark OT";
  font-size: 0.7rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.5;
  letter-spacing: 0.16em;
  cursor: pointer; }

.button:focus {
  outline: none; }

.button:active {
  border: 1px solid #000000;
  background-color: #424242; }

input[type='text'],
input[type='search'],
input[type='email'],
input[type='tel'],
input[type='password'] {
  padding: 8px 13px 7px;
  border: 1px solid #C9C9C9;
  margin-bottom: 23px;
  color: #2C2C2C;
  box-shadow: none;
  font-family: "Mark OT";
  font-size: 0.83em;
  font-weight: 300;
  line-height: 1.54; }
  input[type='text'] ::-webkit-input-placeholder,
  input[type='search'] ::-webkit-input-placeholder,
  input[type='email'] ::-webkit-input-placeholder,
  input[type='tel'] ::-webkit-input-placeholder,
  input[type='password'] ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #848484;
    font-family: "Mark OT"; }
  input[type='text'] ::-moz-placeholder,
  input[type='search'] ::-moz-placeholder,
  input[type='email'] ::-moz-placeholder,
  input[type='tel'] ::-moz-placeholder,
  input[type='password'] ::-moz-placeholder {
    /* Firefox 19+ */
    color: #848484;
    font-family: "Mark OT"; }
  input[type='text'] :-ms-input-placeholder,
  input[type='search'] :-ms-input-placeholder,
  input[type='email'] :-ms-input-placeholder,
  input[type='tel'] :-ms-input-placeholder,
  input[type='password'] :-ms-input-placeholder {
    /* IE 10+ */
    color: #848484;
    font-family: "Mark OT"; }
  input[type='text'] :-moz-placeholder,
  input[type='search'] :-moz-placeholder,
  input[type='email'] :-moz-placeholder,
  input[type='tel'] :-moz-placeholder,
  input[type='password'] :-moz-placeholder {
    /* Firefox 18- */
    color: #848484;
    font-family: "Mark OT"; }
  input[type='text']:focus,
  input[type='search']:focus,
  input[type='email']:focus,
  input[type='tel']:focus,
  input[type='password']:focus {
    border-color: #2C2C2C;
    outline: none; }
    input[type='text']:focus ::-webkit-input-placeholder,
    input[type='search']:focus ::-webkit-input-placeholder,
    input[type='email']:focus ::-webkit-input-placeholder,
    input[type='tel']:focus ::-webkit-input-placeholder,
    input[type='password']:focus ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #848484;
      font-family: "Mark OT"; }
    input[type='text']:focus ::-moz-placeholder,
    input[type='search']:focus ::-moz-placeholder,
    input[type='email']:focus ::-moz-placeholder,
    input[type='tel']:focus ::-moz-placeholder,
    input[type='password']:focus ::-moz-placeholder {
      /* Firefox 19+ */
      color: #848484;
      font-family: "Mark OT"; }
    input[type='text']:focus :-ms-input-placeholder,
    input[type='search']:focus :-ms-input-placeholder,
    input[type='email']:focus :-ms-input-placeholder,
    input[type='tel']:focus :-ms-input-placeholder,
    input[type='password']:focus :-ms-input-placeholder {
      /* IE 10+ */
      color: #848484;
      font-family: "Mark OT"; }
    input[type='text']:focus :-moz-placeholder,
    input[type='search']:focus :-moz-placeholder,
    input[type='email']:focus :-moz-placeholder,
    input[type='tel']:focus :-moz-placeholder,
    input[type='password']:focus :-moz-placeholder {
      /* Firefox 18- */
      color: #848484;
      font-family: "Mark OT"; }
  input[type='text']:disabled,
  input[type='search']:disabled,
  input[type='email']:disabled,
  input[type='tel']:disabled,
  input[type='password']:disabled {
    border-color: #E0E0E0;
    color: #9E9E9E;
    background-color: #F5F5F5;
    cursor: not-allowed; }

select {
  -webkit-appearance: none;
  padding: 8px 13px 7px;
  border: 1px solid #C9C9C9;
  border-radius: 0;
  margin-bottom: 23px;
  color: #2C2C2C;
  background: url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/Library/Components/Input/Select/ico-select.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  box-shadow: none;
  font-family: "Mark OT";
  font-size: 0.83em;
  font-weight: 300;
  line-height: 1.54; }
  select ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #848484;
    font-family: "Mark OT"; }
  select ::-moz-placeholder {
    /* Firefox 19+ */
    color: #848484;
    font-family: "Mark OT"; }
  select :-ms-input-placeholder {
    /* IE 10+ */
    color: #848484;
    font-family: "Mark OT"; }
  select :-moz-placeholder {
    /* Firefox 18- */
    color: #848484;
    font-family: "Mark OT"; }
  select:focus {
    border-color: #2C2C2C;
    outline: none; }
    select:focus ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #848484;
      font-family: "Mark OT"; }
    select:focus ::-moz-placeholder {
      /* Firefox 19+ */
      color: #848484;
      font-family: "Mark OT"; }
    select:focus :-ms-input-placeholder {
      /* IE 10+ */
      color: #848484;
      font-family: "Mark OT"; }
    select:focus :-moz-placeholder {
      /* Firefox 18- */
      color: #848484;
      font-family: "Mark OT"; }
  select:disabled {
    border-color: #E0E0E0;
    color: #9E9E9E;
    background-color: #F5F5F5;
    cursor: not-allowed; }

textarea {
  padding: 8px 13px 7px;
  border: 1px solid #C9C9C9;
  margin-bottom: 23px;
  color: #2C2C2C;
  font-size: 0.83em;
  font-weight: 300;
  line-height: 1.54; }
  textarea ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #848484;
    font-family: "Mark OT"; }
  textarea ::-moz-placeholder {
    /* Firefox 19+ */
    color: #848484;
    font-family: "Mark OT"; }
  textarea :-ms-input-placeholder {
    /* IE 10+ */
    color: #848484;
    font-family: "Mark OT"; }
  textarea :-moz-placeholder {
    /* Firefox 18- */
    color: #848484;
    font-family: "Mark OT"; }
  textarea:focus {
    border-color: #2C2C2C;
    outline: none; }
    textarea:focus ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #848484;
      font-family: "Mark OT"; }
    textarea:focus ::-moz-placeholder {
      /* Firefox 19+ */
      color: #848484;
      font-family: "Mark OT"; }
    textarea:focus :-ms-input-placeholder {
      /* IE 10+ */
      color: #848484;
      font-family: "Mark OT"; }
    textarea:focus :-moz-placeholder {
      /* Firefox 18- */
      color: #848484;
      font-family: "Mark OT"; }
  textarea:disabled {
    border-color: #E0E0E0;
    color: #9E9E9E;
    background-color: #F5F5F5;
    cursor: not-allowed; }

.checkbox {
  margin: 8px 0;
  /* Checkbox */
  /* :checked */
  /* disabled */
  /* Transition */
  /* Error */ }
  .checkbox input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .checkbox label {
    display: inline-block;
    height: 1.5em;
    padding: 0 0 0 1.6em;
    margin-right: 1.5em;
    position: relative;
    font-family: "Mark OT";
    font-size: 0.8em;
    line-height: 1.5;
    cursor: pointer; }
    .checkbox label::before, .checkbox label::after {
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 2px;
      left: 0; }
    .checkbox label::before {
      border: 1px solid #C9C9C9;
      content: ' '; }
  .checkbox input[type='checkbox'] + label::after {
    width: 12px;
    height: 9px;
    top: 7px;
    left: 3px;
    color: #2c3e50;
    background: url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/Library/Components/Input/Checkbox/tick.svg");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 1.5;
    content: ' '; }
  .checkbox input[type='checkbox']:checked + label::before,
  .checkbox input[type='checkbox']:focus + label::before {
    width: 18px;
    height: 18px;
    border-width: 2px;
    border-color: #2C2C2C;
    background: #fff; }
  .checkbox input[type='checkbox'] + label::after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  .checkbox input[type='checkbox']:checked + label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .checkbox input[type='checkbox']:disabled + label::before {
    border: 1px solid #E0E0E0;
    background-color: #F5F5F5;
    cursor: not-allowed; }
  .checkbox input[type='checkbox']:disabled:checked + label::after {
    background: url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/Library/Components/Input/Checkbox/tick-grey.svg"); }
  .checkbox label::before,
  .checkbox label::after {
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease; }
  .checkbox.error input[type='checkbox'] + label::before {
    border-color: #B52025;
    background-color: #FBEAE5; }
  .checkbox.error input[type='checkbox'] + label::after {
    background: url("https://s3-ap-southeast-2.amazonaws.com/academybrand-styleguide/Library/Components/Input/Checkbox/tick-red.svg"); }

.radio {
  margin: 8px 0;
  /* Radio */
  /* :checked */
  /* disabled */ }
  .radio input[type='radio'] {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .radio label {
    display: inline-block;
    height: 1.5em;
    padding: 0 0 0 1.6em;
    margin-right: 1.5em;
    position: relative;
    font-family: "Mark OT";
    font-size: 0.8em;
    line-height: 1.5;
    cursor: pointer; }
    .radio label::before, .radio label::after {
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 2px;
      left: 0; }
    .radio label::before {
      border: 1px solid #C9C9C9;
      content: ' '; }
  .radio input[type='radio'] + label::before {
    border-radius: 50%; }
  .radio input[type=radio] + label::after {
    width: 14px;
    height: 14px;
    border: 3px solid white;
    border-radius: 50%;
    top: 4px;
    left: 2px;
    background: #2C2C2C;
    content: ' '; }
  .radio input[type='radio']:checked + label::before,
  .radio input[type='radio']:focus + label::before {
    width: 18px;
    height: 18px;
    border-width: 2px;
    border-color: #2C2C2C;
    background: #fff; }
  .radio input[type=radio] + label::after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  .radio input[type=radio]:checked + label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .radio input[type='radio']:disabled + label::before {
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
    border: 1px solid #E0E0E0;
    background-color: #F5F5F5;
    cursor: not-allowed; }
  .radio input[type='radio']:disabled:checked + label::after {
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
    border: 2px solid #F5F5F5;
    background-color: #E0E0E0; }