.form-input[type='range']::-webkit-slider-runnable-track {
  background: #ccc;
  border: none;
  cursor: pointer;
  height: .25em;
  /* 4px / 16px */
  width: 100%;
}

.form-input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  box-sizing: content-box;
  cursor: pointer;
  height: 1.25em;
  /* 20px / 16px */
  margin-top: -.6875em;
  /* 11px / 16px */
  width: 1.25em;
  /* 20px / 16px */
}

.form-input[type='range']::-moz-range-track {
  background: #ccc;
  border: none;
  cursor: pointer;
  height: .25em;
  /* 4px / 16px */
  width: 100%;
}

.form-input[type='range']::-moz-range-thumb {
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  cursor: pointer;
  height: 1.25em;
  /* 20px / 16px */
  width: 1.25em;
  /* 20px / 16px */
}

.form-input[type='range']::-moz-range-thumb:after {
  content: 'here';
}

.form-input[type='range']::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
  cursor: pointer;
  height: .25em;
}

.form-input[type='range']::-ms-fill-lower {
  background: #4f9f31;
}

.form-input[type='range']::-ms-fill-upper {
  background: #ccc;
}

.form-input[type='range']::-ms-thumb {
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  cursor: pointer;
  height: 1.25em;
  /* 20px / 16px */
  width: 1.25em;
  /* 20px / 16px */
}

.form-input[type='range']::-ms-tooltip {
  display: none;
}

.form-input[type='range']:focus::-webkit-slider-thumb {
  border-color: #44c0ff;
}

.form-input[type='range']:focus::-moz-range-thumb {
  border-color: #44c0ff;
}

.form-input[type='range']:focus::-ms-thumb {
  border-color: #44c0ff;
}

.is-error .form-input[type='range'] {
  border-color: #bd2624;
}

.is-error .form-input[type='range']:focus {
  border-color: #ebbebd;
  box-shadow: none;
}

.is-error .form-input[type='range']::-webkit-slider-thumb {
  border-color: #bd2624;
}

.is-error .form-input[type='range']::-moz-range-thumb {
  border-color: #bd2624;
}

.is-error .form-input[type='range']::-ms-fill-lower {
  background: #bd2624;
}

.is-error .form-input[type='range']::-ms-thumb {
  border-color: #bd2624;
}

.is-disabled .form-input[type='range']::-webkit-slider-thumb {
  border-color: #999;
}

.is-disabled .form-input[type='range']::-moz-range-thumb {
  border-color: #999;
}

.is-disabled .form-input[type='range']::-ms-fill-lower {
  background: #999;
}

.is-disabled .form-input[type='range']::-ms-thumb {
  border-color: #999;
}

.form-input__range-min,
.form-input__range-max {
  color: #999;
  display: block;
  float: left;
  line-height: 1em;
  margin-top: -1.1em;
}

.form-input__range-max {
  float: right;
}

.is-disabled .form-input__range-min,
.is-disabled .form-input__range-max {
  color: #ccc;
}

/*  Input - Date field modifier
	==========================================================================

	Example

	<input class="form-input form-input--date" type="date" />
 */

.form-input--date {
  background: #fff url('../images/icons/calendar-old.png') no-repeat 95% center;
  /* 16px 12px / 16px */
  background-position: right 1em center;
  /* 16px 12px / 16px */
  padding-right: 3em;
  /* 48px / 16px */
  position: relative;
}

.svg .form-input--date {
  background-image: url('../images/icons/calendar-old.svg');
}

.is-disabled .form-input--date {
  background-color: #eee;
  background-image: url('../images/icons/calendar-old-grey.png');
}

.svg .is-disabled .form-input--date {
  background-image: url('../images/icons/calendar-old-grey.svg');
}

.form-input--date::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

.form-input--date::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  background: none;
  border: 0;
  content: '';
  display: block;
  height: 1.5625em;
  /* 25px / 16px */
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 1em;
  /* 16px / 16px */
  top: .75em;
  /* 12px / 16px */
  width: 1.375em;
  /* 22px / 16px */
}

.form-input--date:after {
  background: #fff url('../images/icons/calendar-old.png') no-repeat center center;
  /* 12px / 16px */
  bottom: 0;
  content: '';
  display: block;
  pointer-events: none;
  position: absolute;
  right: 1em;
  /* 16px / 16px */
  top: 0;
  width: 1.375em;
  /* 22px / 16px */
}

.svg .form-input--date:after {
  background-image: url('../images/icons/calendar-old.svg');
}

.is-disabled .form-input--date:after {
  background-color: #eee;
  background-image: url('../images/icons/calendar-old-grey.png');
}

.svg .is-disabled .form-input--date:after {
  background-image: url('../images/icons/calendar-old-grey.svg');
}

@media (min-width: 35em) {
  .form-input--date {
    background-position: 95% center;
    /* 20px / 16px */
    background-position: right 1.25em center;
    /* 20px / 16px */
    padding-right: 3.25em;
    /* 52px / 16px */
  }

  .form-input--date::-webkit-calendar-picker-indicator,
  .form-input--date:after {
    right: 1.25em;
    /* 20px / 16px */
  }
}

/*  Input - Pre symbol modifier
	==========================================================================

	Example

	<input class="form-input form-input--pre-symbol form-input--pre-symbol--pound" type="text" />
 */

.form-input--pre-symbol {
  background-position: 1em center;
  /* 16px 18px / 16px */
  background-repeat: no-repeat;
  padding-left: 1.75em;
  /* 28px / 16px */
}

@media (min-width: 35em) {
  .form-input--pre-symbol {
    background-position: 1.25em center;
    /* 20px 18px / 16px */
    padding-left: 2em;
    /* 32px / 16px */
  }
}

.form-input--pre-symbol--pound {
  background-image: url('../images/icons/forms/icon-pound.png');
}

.svg .form-input--pre-symbol--pound {
  background-image: url('../images/icons/forms/icon-pound.svg');
}

.is-disabled .form-input--pre-symbol--pound {
  background-image: url('../images/icons/forms/icon-pound-grey.png');
}

.svg .is-disabled .form-input--pre-symbol--pound {
  background-image: url('../images/icons/forms/icon-pound-grey.svg');
}

.form-input--pre-symbol--euro {
  background-image: url('../images/icons/forms/icon-euro.png');
}

.svg .form-input--pre-symbol--euro {
  background-image: url('../images/icons/forms/icon-euro.svg');
}

.is-disabled .form-input--pre-symbol--euro {
  background-image: url('../images/icons/forms/icon-euro-grey.png');
}

.svg .is-disabled .form-input--pre-symbol--euro {
  background-image: url('../images/icons/forms/icon-euro-grey.svg');
}

.form-input--pre-symbol--dollar {
  background-image: url('../images/icons/forms/icon-dollar.png');
}

.svg .form-input--pre-symbol--dollar {
  background-image: url('../images/icons/forms/icon-dollar.png');
}

.is-disabled .form-input--pre-symbol--dollar {
  background-image: url('../images/icons/forms/icon-dollar-grey.png');
}

.svg .is-disabled .form-input--pre-symbol--dollar {
  background-image: url('../images/icons/forms/icon-dollar-grey.png');
}

/*  Input - Post symbol modifier
	==========================================================================

	Example

	<input class="form-input form-input--post-symbol form-input--post-symbol--percent" type="text" />
 */

.form-input--post-symbol {
  background-position: 95% center;
  /* 16px 18px / 16px */
  background-position: right 1em center;
  /* 16px 18px / 16px */
  background-repeat: no-repeat;
  padding-right: 1.75em;
  /* 28px / 16px */
}

@media (min-width: 35em) {
  .form-input--post-symbol {
    background-position: 95% center;
    /* 20px 18px / 16px */
    background-position: right 1.25em center;
    /* 20px 18px / 16px */
    padding-right: 2em;
    /* 32px / 16px */
  }
}

.form-input--post-symbol--percent {
  background-image: url('../images/icons/forms/icon-percent.png');
}

.svg .form-input--post-symbol--percent {
  background-image: url('../images/icons/forms/icon-percent.svg');
}

.is-disabled .form-input--post-symbol--percent {
  background-image: url('../images/icons/forms/icon-percent-grey.png');
}

.svg .is-disabled .form-input--post-symbol--percent {
  background-image: url('../images/icons/forms/icon-percent-grey.svg');
}

.form-input--post-symbol--pence {
  background-image: url('../images/icons/forms/icon-pence.png');
}

.svg .form-input--post-symbol--pence {
  background-image: url('../images/icons/forms/icon-pence.svg');
}

.is-disabled .form-input--post-symbol--pence {
  background-image: url('../images/icons/forms/icon-pence-grey.png');
}

.svg .is-disabled .form-input--post-symbol--pence {
  background-image: url('../images/icons/forms/icon-pence-grey.svg');
}

/*  Input - Input length modifier
	==========================================================================

	Example

	<input class="form-input form-input--char1" type="text" />
 */

.form-input--char1,
.form-input--char2,
.form-input--char3,
.form-input--char4 {
  text-align: center;
}

.form-input--char1 {
  width: 3em;
  /* 48px / 16px */
}

input[type='password'].form-input--char1,
input[type='number'].form-input--char1 {
  width: 2.6875em;
  /* 43px / 16px */
}

.form-input--char2 {
  width: 3.5em;
  /* 56px / 16px */
}

input[type='password'].form-input--char2,
input[type='number'].form-input--char2 {
  width: 3.25em;
  /* 52px / 16px */
}

.form-input--char3 {
  width: 4.25em;
  /* 68px / 16px */
}

input[type='password'].form-input--char3 {
  width: 3.9375em;
  /* 63px / 16px */
}

input[type='number'].form-input--char3 {
  width: 3.625em;
  /* 58px / 16px */
}

.form-input--char4 {
  width: 5em;
  /* 80px / 16px */
}

input[type='password'].form-input--char4 {
  width: 4.5em;
  /* 72px / 16px */
}

input[type='number'].form-input--char4 {
  width: 4.125em;
  /* 66px / 16px */
}

@media (min-width: 35em) {
  .form-input--char1 {
    width: 3.5em;
    /* 56px / 16px */
  }

  input[type='number'].form-input--char1,
  input[type='password'].form-input--char1 {
    width: 3.1875em;
    /* 51px / 16px */
  }

  .form-input--char2 {
    width: 4.125em;
    /* 66px / 16px */
  }

  input[type='password'].form-input--char2 {
    width: 3.75em;
    /* 60px / 16px */
  }

  input[type='number'].form-input--char2 {
    width: 3.625em;
    /* 58px / 16px */
  }

  .form-input--char3 {
    width: 4.875em;
    /* 78px / 16px */
  }

  input[type='password'].form-input--char3 {
    width: 4.375em;
    /* 70px / 16px */
  }

  input[type='number'].form-input--char3 {
    width: 4.125em;
    /* 66px / 16px */
  }

  .form-input--char4 {
    width: 5.5em;
    /* 88px / 16px */
  }

  input[type='password'].form-input--char4 {
    width: 5em;
    /* 80px / 16px */
  }

  input[type='number'].form-input--char4 {
    width: 4.625em;
    /* 74px / 16px */
  }
}

/*  Dropdown - Core styles
	==========================================================================

	Example

	<span class="form-dropdown" ><select class="form-dropdown__select">...</select><span class="form-dropdown__ui"></span></span>
 */

.form-dropdown {
  display: block;
  position: relative;
  z-index: 2;
}

.form-dropdown__ui {
  background: #fff url('../images/icons/arrow-down-grey.png') no-repeat center center;
  /* center 20px / 16px */
  border-radius: 0 .25em .25em 0;
  bottom: 1px;
  content: ' ';
  display: block;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 3.125em;
  /* 50px / 16px */
}

.svg .form-dropdown__ui {
  background-image: #fff url('../images/icons/arrow-down-grey.svg');
}

.form-dropdown__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: .25em;
  /* 4px / 16px */
  color: #444;
  display: block;
  max-width: 100%;
  min-height: 3em;
  /* 48px / 16px */
  padding: .75em 3.125em .75em 1em;
  /* 12px 50px 12px 16px / 16px */
  transition: background-color .35s, border-color .35s, box-shadow .35s, color .35s;
  width: 100%;
}

_:-ms-fullscreen,
:root .form-dropdown__select {
  padding-right: 1.8125em;
  /* 29px / 16px - HACK: for IE11 that does not render right padding on select element correctly */
}

.form-dropdown__select:focus {
  border-color: #44c0ff;
  box-shadow: 0 0 0 1px #44c0ff;
}

.form-dropdown__select:focus + .form-dropdown__ui {
  background-image: url('../images/icons/arrow-down.png');
}

.svg .form-dropdown__select:focus + .form-dropdown__ui {
  background-image: url('../images/icons/arrow-down.svg');
}

.is-error .form-dropdown .form-dropdown__select {
  border-color: #bd2624;
}

.is-error .form-dropdown .form-dropdown__select:focus {
  border-color: #ebbebd;
  box-shadow: 0 0 0 1px #ebbebd;
}

.is-disabled .form-dropdown .form-dropdown__select {
  background-color: #eee;
  border-color: #ccc;
  color: #5c596d;
  pointer-events: none;
}

.is-disabled .form-dropdown .form-dropdown__ui {
  background-color: #eee;
}

@media (min-width: 35em) {
  .form-dropdown__ui {
    width: 3.625em;
    /* 58px / 16px */
  }

  .form-dropdown__select {
    padding: .75em 3.625em .75em 1.25em;
    /* 12px 58px 12px 20px / 16px */
  }

  _:-ms-fullscreen,
  :root .form-dropdown__select {
    padding-right: 2.3125em;
    /* 37px / 16px - HACK: for IE11 that does not render right padding on select element correctly */
  }
}

/*  File upload - Core styles
	==========================================================================

	Example

	<fieldset class="form-row">
		<span class="form-label"><legend>...</legend></span>
		<div class="form-row__content">
			<label class="form-file-upload" data-module="file-upload">
				<input class="form-file-upload__input" type="file" name="" id="" />
				<span class="form-file-upload__label">Choose a file</span>
			</label>
		</div>
	</fieldset>
 */

.form-file-upload__input {
  height: 1px;
  left: -9999em;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
  z-index: -1;
}

.form-file-upload__label {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #ccc;
  color: #004fb6;
  cursor: pointer;
  display: block;
  font: bold 1em/1.5 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 16px/24px / 16px */
  margin: 0;
  padding: .75em 1.6875em;
  /* 12px 27px / 16px */
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color .35s, border-color .35s, color .35s, padding .35s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fonts-loaded .form-file-upload__label {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.form-file-upload__label:after {
  background: url('../images/icons/upload-white.png') no-repeat center left;
  bottom: 0;
  content: '';
  display: block;
  left: .625em;
  /* 10px / 16px */
  opacity: 0;
  position: absolute;
  top: 1.875em;
  /* 30px / 16px */
  transition: all .35s;
  width: 1.3125em;
  /* 21px / 16px */
}

.svg .form-file-upload__label:after {
  background-image: url('../images/icons/upload-white.svg');
}

.form-file-upload__label:hover,
.form-file-upload__label:focus,
.form-file-upload__input:focus ~ .form-file-upload__label,
.form-file-upload__input.has-focus ~ .form-file-upload__label {
  background-color: #004fb6;
  border-color: #004fb6;
  color: #fff;
}

.form-file-upload__label:hover,
.form-file-upload__label:focus,
.form-file-upload__input:focus ~ .form-file-upload__label,
.form-file-upload__input.has-focus ~ .form-file-upload__label {
  padding-left: 2.375em;
  /* 38px / 16px */
  padding-right: 1em;
  /* 16px / 16px */
}

.form-file-upload__label:hover:after,
.form-file-upload__label:focus:after,
.form-file-upload__input:focus ~ .form-file-upload__label:after,
.form-file-upload__input.has-focus ~ .form-file-upload__label:after {
  left: .625em;
  /* 10px / 16px */
  opacity: 1;
  top: 0;
  /* 30px / 16px */
}

.form-file-upload__label:active {
  background-color: #004fb6;
  border-color: #004fb6;
  color: #fff;
}

.form-file-upload__ui {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: .25em 0 0 .25em;
  /* 4px / 16px */
  border-right: 0;
  color: #444;
  display: none;
  min-height: 3em;
  /* 48px / 16px */
  overflow: hidden;
  padding: .75em 1em;
  /* 12px 16px / 16px */
  text-overflow: ellipsis;
  transition: background-color .35s, border-color .35s, box-shadow .35s, color .35s;
  white-space: nowrap;
  width: 100%;
}

.js-file-upload.form-file-upload {
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;
  z-index: 2;
}

.js-file-upload.form-file-upload .form-file-upload__ui {
  display: table-cell;
}

.js-file-upload.form-file-upload .form-file-upload__label {
  border-radius: 0 .25em .25em 0;
  /* 4px / 16px */
  display: table-cell;
  width: 9.6875em;
  /* 155px / 16px */
}

.form-file-upload:focus,
.form-file-upload__input:focus + .form-file-upload__ui,
.form-file-upload__input.has-focus + .form-file-upload__ui {
  border-color: #44c0ff;
  box-shadow: 0 0 0 1px #44c0ff;
}

.form-file-upload__input:focus ~ .form-file-upload__label,
.form-file-upload__input.has-focus ~ .form-file-upload__label {
  box-shadow: 0 0 0 1px #44c0ff;
}

.is-error .form-file-upload__ui,
.is-error .form-file-upload__label {
  border-color: #bd2624;
}

.is-error .form-file-upload__input:focus + .form-file-upload__ui,
.is-error .form-file-upload__input.has-focus + .form-file-upload__ui,
.is-error .form-file-upload:focus,
.is-error .form-file-upload__input:focus ~ .form-file-upload__label,
.is-error .form-file-upload__input.has-focus ~ .form-file-upload__label {
  border-color: #ebbebd;
  box-shadow: 0 0 0 1px #ebbebd;
}

.is-disabled .form-file-upload__ui {
  background-color: #eee;
  border-color: #ccc;
  color: #5c596d;
  pointer-events: none;
}

.is-disabled .form-file-upload__label {
  background-color: #fff;
  border-color: #ccc;
  color: #5c596d;
  cursor: default;
  pointer-events: none;
  transition: none;
}

@media (min-width: 35em) {
  .form-file-upload__label {
    display: inline-block;
    width: auto;
  }
}

/*  Radio or checkbox input - Core styles
	==========================================================================

	Example

	<label class="form-option form-option--radio" for="..." ><input class="form-option__input" type="radio" /><span class="form-option__label"> ... </span></label>
 */

.form-option {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  vertical-align: middle;
}

.form-option__input {
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 1;
}

.form-option__label {
  background: #eee;
  border-radius: .25em;
  /* 4px / 16px */
  display: inline-block;
  padding: .5em .625em .5em 2.5em;
  /* 8px 10px 8px 40px / 16px */
  transition: background-color .35s;
}

.form-option__label:before,
.form-option__label:after {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  content: ' ';
  display: block;
  height: 1.125em;
  /* 18px / 16px */
  left: .625em;
  /* 10px / 16px */
  position: absolute;
  top: .625em;
  /* 10px / 16px */
  transition: background-color .35s, border-color .35s;
  width: 1.125em;
  /* 18px / 16px */
  z-index: 2;
}

.form-option--checkbox .form-option__label:before,
.form-option--checkbox .form-option__label:after {
  border-radius: .25em;
  /* 4px / 16px */
}

.form-option__label:after {
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: 3;
}

.form-option--radio .form-option__label:after {
  border-radius: 50%;
  height: .75em;
  /* 12px / 16px */
  left: .875em;
  /* 14px / 16px */
  top: .875em;
  /* 14px / 16px */
  transition: background-color .35s, height ease-out .35s, left ease-out .35s, top ease-out .35s, width ease-out .35s, -webkit-transform ease-out .35s;
  transition: background-color .35s, height ease-out .35s, left ease-out .35s, top ease-out .35s, transform ease-out .35s, width ease-out .35s;
  transition: background-color .35s, height ease-out .35s, left ease-out .35s, top ease-out .35s, transform ease-out .35s, width ease-out .35s, -webkit-transform ease-out .35s;
  width: .75em;
  /* 12px / 16px */
}

.form-option--checkbox .form-option__label:after {
  height: 1.125em;
  /* 20px / 16px */
  transition: background-color .35s, -webkit-transform ease-out .25s;
  transition: background-color .35s, transform ease-out .25s;
  transition: background-color .35s, transform ease-out .25s, -webkit-transform ease-out .25s;
  width: 1.125em;
  /* 20px / 16px */
}

.form-option:hover .form-option__label:after,
.form-option:focus .form-option__label:after,
.form-option__input:hover ~ .form-option__label:after,
.form-option__input:focus ~ .form-option__label:after {
  background-color: #44c0ff;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.form-option__input:checked ~ .form-option__label {
  background-color: #eef7eb;
}

.form-option__input:checked ~ .form-option__label:before {
  border-color: #4f9f31;
}

.form-option__input:checked ~ .form-option__label:after {
  background-color: #4f9f31;
  background-image: url('../images/icons/forms/check.png');
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.form-option--radio .form-option__input:checked ~ .form-option__label:after {
  height: 1.25em;
  /* 20px / 16px */
  left: .625em;
  /* 10px / 16px */
  top: .625em;
  /* 10px / 16px */
  width: 1.25em;
  /* 20px / 16px */
}

.svg .form-option__input:checked + .form-option__label:after {
  background-image: url('../images/icons/forms/check.svg');
}

.csstransforms .form-option--radio .form-option__label:after {
  height: 1.25em;
  /* 20px / 16px */
  left: .625em;
  /* 10px / 16px */
  top: .625em;
  /* 10px / 16px */
  transition: background-color .35s, -webkit-transform ease-out .35s;
  transition: background-color .35s, transform ease-out .35s;
  transition: background-color .35s, transform ease-out .35s, -webkit-transform ease-out .35s;
  width: 1.25em;
  /* 20px / 16px */
}

.csstransforms .form-option--radio .form-option:hover .form-option__label:after,
.csstransforms .form-option--radio .form-option:focus .form-option__label:after,
.csstransforms .form-option--radio .form-option__input:hover ~ .form-option__label:after,
.csstransforms .form-option--radio .form-option__input:focus ~ .form-option__label:after {
  -webkit-transform: scale(.6);
  -ms-transform: scale(.6);
  transform: scale(.6);
}

.csstransforms .form-option--radio .form-option__input:checked ~ .form-option__label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.is-error .form-option .form-option__label:before,
.form-option--checkbox.is-error .form-option__label:before {
  border-color: #bd2624;
}

.is-error .form-option .form-option__input:checked ~ .form-option__label:after,
.form-option--checkbox.is-error .form-option__input:checked ~ .form-option__label:after {
  background-color: #bd2624;
}

.is-disabled .form-option .form-option__label,
.form-option--checkbox.is-disabled .form-option__label {
  background: transparent;
  color: #444;
  text-decoration: line-through;
}

.is-disabled .form-option .form-option__label:before,
.form-option--checkbox.is-disabled .form-option__label:before {
  background-color: #eee;
  border-color: #ccc;
}

.is-disabled .form-option .form-option__label:after,
.form-option--checkbox.is-disabled .form-option__label:after {
  display: none;
}

.is-disabled .form-option .form-option__input:checked ~ .form-option__label:after,
.form-option--checkbox.is-disabled .form-option__input:checked ~ .form-option__label:after {
  background-color: #ccc;
  display: block;
}

/* Selected sweep right */

.form-option__input:checked ~ .form-option__label {
  background-color: transparent;
}

.form-option__ui {
  background: #eef7eb;
  border-radius: .25em;
  /* 4px / 16px */
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transition: -webkit-transform ease-out .25s;
  transition: transform ease-out .25s;
  transition: transform ease-out .25s, -webkit-transform ease-out .25s;
  z-index: -1;
}

.form-option__input:checked ~ .form-option__ui {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.is-error .form-option > .form-option__ui,
.form-option--checkbox.is-error > .form-option__ui {
  background: #ebbebd;
}

.is-disabled .form-option > .form-option__ui,
.form-option--checkbox.is-disabled > .form-option__ui {
  display: none;
}

/*  Static value within form - Core styles
	==========================================================================

	Example

   <dl class="form-row">
		<dt class="form-label" for="...">...</dt>
		<dd class="form-row__content">
			<span class="form-row__value" type="..." id="..." />...</span>
		</dd>
	</dl>
 */

.form-row__value {
  display: block;
  margin-bottom: .75em;
  /* 12px / 16px */
}

@media (min-width: 35em) {
  .form-row__value {
    margin-bottom: .625em;
    /* 10px / 16px */
    padding: .875em 0;
    /* 14px 0 / 16px */
  }
}

/*  Static value within form - Highlight modifier
	==========================================================================

	Example

   <dl class="form-row">
		<dt class="form-label" for="...">...</dt>
		<dd class="form-row__content">
			<span class="form-row__value form-row__value--highlight" type="..." id="..." />...</span>
		</dd>
	</dl>
 */

.form-row__value--highlight {
  font-size: 1.75em;
  /* 28px / 16px */
  line-height: 1.2857;
  /* 36px / 28px */
  margin-bottom: .4286em;
  /* 12px / 28px */
}

.fonts-loaded .form-row__value--highlight {
  font-family: 'source_sans_prolight', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

@media (min-width: 35em) {
  .form-row__value--highlight {
    margin-bottom: .3571em;
    /* 10px / 28px */
    padding: .25em 0;
    /* 7px 0 / 28px */
  }
}

/*  Payment options list - Core styles
	========================================================================== */

.payment-options-list {
  list-style-type: none;
  margin-top: 0;
  padding: 0;
}

.payment-options-list__item {
  display: inline-block;
  margin-bottom: .625em;
  /* 10px / 16px */
  margin-right: .625em;
  /* 10px / 16px */
  max-width: calc(33% - .675em);
}

.payment-options-list__item:last-child {
  margin-right: 0;
}

.payment-options-list__item img {
  display: block;
}

/* ==========================================================================

	FORM LAYOUTS - DEPRICATED

	========================================================================== */

/*  Form row - Core styles
	==========================================================================

	Example

	<div class="form-row">
		<label class="form-label" for="...">...</label>
		<div class="form-row__content">
			...
		</div>
	</div>
 */

.form-row {
  border: 0;
  display: block;
  margin: 1.25em 0;
  /* 20px / 16px */
  padding: 1px 0;
  position: relative;
}

.form-row > .form-label {
  background-position: right center;
  background-repeat: no-repeat;
}

.form-row__content {
  display: block;
}

.form-row__content > :first-child {
  margin-top: 0;
}

.form-row__content > :last-child {
  margin-bottom: 0;
}

@media (min-width: 35em) {
  .form-row {
    overflow: auto;
    padding-right: 2.5em;
    /* 40px / 16px */
  }

  .form-row > .form-label {
    background: none;
    display: block;
    float: left;
    padding-right: 1.25em;
    /* 20px / 16px */
    padding-top: .8125em;
    /* 13px / 16px */
    text-align: right;
    width: 37.5%;
  }

  .form-row > .form-label legend {
    display: block;
    text-align: right;
    width: 100%;
  }

  .form-row__content {
    float: right;
    min-height: 1.625em;
    /* 26px / 16px */
    position: relative;
    width: 62.5%;
  }
}

@media (min-width: 60em) {
  .form-row > .form-label {
    width: 33.33%;
  }

  .form-row__content {
    float: none;
    margin-left: 33.33%;
    width: 41.667%;
  }

  .form-label + .form-row__content {
    float: left;
    margin-left: 0;
  }
}

/*  Left aligned layout - Layout to produce left aligned form rows
	==========================================================================

	Example

	<div class="l-form--left-align">
		<div class="form-row">
			<label class="form-label" for="...">...</label>
			<div class="form-row__content">
				...
			</div>
		</div>
		...
	</div>
 */

@media (min-width: 35em) {
  .l-form--left-align .form-row {
    padding-right: 0;
    width: 73.75%;
  }

  .csscalc .l-form--left-align .form-row {
    width: calc(75% - .625em);
    /* 10px / 16px */
  }

  .l-form--left-align .form-row > .form-label {
    float: none;
    margin-bottom: .375em;
    /* 6px / 16px */
    min-height: 1.6875em;
    padding-right: 2.9375em;
    padding-top: 0;
    text-align: left;
    width: auto;
  }

  .l-form--left-align .form-row > .form-label legend {
    text-align: left;
  }

  .l-form--left-align .form-row__content {
    float: none;
    min-height: 0;
    position: static;
    width: auto;
  }

  .l-form--left-align .form-row__help-control {
    margin-bottom: .625em;
    /* 10px / 16px */
    right: 0;
    top: 0;
  }

  .l-form--left-align .form-row--option-group .form-row__help-control,
  .l-form--left-align .form-row--start-end-date .form-row__help-control,
  .l-form--left-align .form-text-group--labels .form-row__help-control {
    top: 0;
  }

  .l-form--left-align .form-row__help-control + .form-row__help {
    margin-top: .625em;
  }

  .l-form--left-align .form-row__help-control + .form-row__help:before {
    border: .625em solid transparent;
    /* 10px / 16px */
    border-bottom-color: #e5edf8;
    border-top-width: 0;
    right: .25em;
    /* 4px / 16px */
    top: -.625em;
    /* 10px / 16px */
  }

  .l-form--left-align .form-row--start-end-date .form-row__help-control + .form-row__help:before,
  .l-form--left-align .form-text-group--labels .form-row__help-control + .form-row__help::before,
  .l-form--left-align .form-row--option-group .form-row__help-control + .form-row__help::before {
    top: -.625em;
    /* 10px / 16px */
  }

  .l-form--left-align .form-row--option-group > .form-row__content:first-child > .form-row__help {
    margin-top: 2.75em;
  }

  .l-form--left-align .form-row__value {
    padding: 0;
  }
}

@media (min-width: 60em) {
  .l-form--left-align .form-row {
    width: 48.75%;
  }

  .csscalc .l-form--left-align .form-row {
    width: calc(50% - .9375em);
    /* 15px / 16px */
  }

  .l-form--left-align .form-row > .form-label,
  .l-form--left-align .form-row__content {
    float: none;
    margin-left: 0;
    width: auto;
  }
}

@media (min-width: 35em) {
  .l-form--left-align.l-form--full-width-left-align .form-row,
  .csscalc .l-form--left-align.l-form--full-width-left-align .form-row {
    width: 100%;
  }
}

/*  Contrained layout - Modifier content containers to produce narrow form rows
	==========================================================================

	Example

	<div class="conten-container content-container--constrained">
		<div class="form-row">
			<label class="form-label" for="...">...</label>
			<div class="form-row__content">
				...
			</div>
		</div>
		...
	</div>
 */

@media (min-width: 20em) {
  .l-content-container--constrained .form-label--inc-link {
    overflow: auto;
  }

  .l-content-container--constrained .form-label--inc-link > label,
  .l-content-container--constrained .form-label__link {
    float: left;
    width: 60%;
  }

  .l-content-container--constrained .form-label--inc-link > label {
    padding-right: .5em;
    /* 8px / 16px */
    width: 40%;
  }

  .l-content-container--constrained .form-label__link {
    padding-left: .5em;
    /* 8px / 16px */
    text-align: right;
  }
}

@media (min-width: 35em) {
  .l-content-container--constrained .form-row {
    margin-right: -2.3125em;
    /* 37px / 16px */
  }

  .l-content-container--constrained .form-row > .form-label {
    float: none;
    margin-bottom: .375em;
    /* 6px / 16px */
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    width: auto;
  }

  .l-content-container--constrained .form-row > .form-label legend {
    text-align: left;
  }

  .l-content-container--constrained .form-row__content {
    float: none;
    min-height: 0;
    width: auto;
  }
}

@media (min-width: 60em) {
  .l-content-container--constrained .form-row > .form-label,
  .l-content-container--constrained .form-row__content {
    float: none;
    margin-left: 0;
    width: auto;
  }
}

/*  Form help - Core styles
	==========================================================================

	Example

	<div class="form-row">
		<label class="form-label" for="...">...</label>
		<div class="form-row__content">
			<div class="form-row__help" data-module="form-help">...</div>
			...
		</div>
	</div>
 */

.form-row__help {
  background: #e5edf8;
  border-radius: .25em;
  /* 4px / 16px */
  margin-bottom: .625em;
  /* 10px / 16px */
  margin-top: .625em;
  /* 10px / 16px */
  padding: .625em;
  /* 10px / 16px */
  position: relative;
}

.form-row__help-control + .form-row__help:before {
  border: .625em solid transparent;
  /* 10px / 16px */
  border-bottom-color: #e5edf8;
  border-top-width: 0;
  content: '';
  display: block;
  position: absolute;
  right: .25em;
  /* 4px / 16px */
  top: -.625em;
  /* 10px / 16px */
}

.form-row__help > :first-child {
  margin-top: 0;
}

.form-row__help > :last-child {
  margin-bottom: 0;
}

.form-row__help-control {
  background: url('../images/icons/info.png') no-repeat center center;
  border: 0;
  display: block;
  height: 1.75em;
  /* 28px / 16px */
  margin-bottom: .625em;
  /* 10px / 16px */
  margin-top: .625em;
  /* 10px / 16px */
  position: absolute;
  right: 0;
  text-indent: -9999em;
  top: 0;
  width: 1.75em;
  /* 28px / 16px */
}

.svg .form-row__help-control {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiMwMDRmYjY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5jbHMtMntmaWxsOiMwMDRmYjY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pbmZvPC90aXRsZT48Y2lyY2xlIGN4PSIxNCIgY3k9IjE0IiByPSIxMy41IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJNMTQgOS41NGExLjQ3IDEuNDcgMCAwIDEtMS0uMzYgMS4yIDEuMiAwIDAgMS0uNC0uOTQgMS4yNCAxLjI0IDAgMCAxIC40LTEgMS42IDEuNiAwIDAgMSAyIDAgMS4yNCAxLjI0IDAgMCAxIC40IDEgMS4yIDEuMiAwIDAgMS0uNC45NCAxLjQ3IDEuNDcgMCAwIDEtMSAuMzZ6bS0xLjE2IDEuNzJoMi4zdjkuODJoLTIuM3YtOS44MnoiIGNsYXNzPSJjbHMtMiIvPjwvc3ZnPg==');
}

.form-row__help-control:hover,
.form-row__help-control:focus {
  background-image: url('../images/icons/info-blue.png');
  border: 0;
}

.svg .form-row__help-control:hover,
.svg .form-row__help-control:focus {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI3IDI3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNGZiNjt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmluZm9fYmx1ZTwvdGl0bGU+PGNpcmNsZSBjeD0iMTMuNSIgY3k9IjEzLjUiIHI9IjEzLjUiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Ik0xMy41IDkuMDRhMS40NyAxLjQ3IDAgMCAxLTEtLjM2IDEuMiAxLjIgMCAwIDEtLjQtLjk0IDEuMjQgMS4yNCAwIDAgMSAuNC0xIDEuNiAxLjYgMCAwIDEgMiAwIDEuMjQgMS4yNCAwIDAgMSAuNCAxIDEuMiAxLjIgMCAwIDEtLjQuOTQgMS40NyAxLjQ3IDAgMCAxLTEgLjM2em0tMS4xNiAxLjcyaDIuM3Y5LjgyaC0yLjN2LTkuODJ6IiBjbGFzcz0iY2xzLTIiLz48L3N2Zz4=');
}

@media (min-width: 35em) {
  .form-row__help {
    margin-top: 0;
    padding-left: 1.25em;
    /* 20px / 16px */
    padding-right: 1.25em;
    /* 20px / 16px */
    position: relative;
  }

  .form-row__help-control + .form-row__help:before {
    border: .625em solid transparent;
    /* 10px / 16px */
    border-left-color: #e5edf8;
    border-right-width: 0;
    right: -.625em;
    /* 10px / 16px */
    top: .9375em;
    /* 15px / 16px */
  }

  .form-row--start-end-date .form-row__help-control + .form-row__help:before,
  .form-text-group--labels .form-row__help-control + .form-row__help:before {
    top: 2.375em;
    /* 38px / 16px */
  }

  .form-row__help-control {
    margin-bottom: 0;
    right: -2.5em;
    /* 40px / 16px */
    top: .6875em;
    /* 11px / 16px */
  }

  .form-row--start-end-date .form-row__help-control,
  .form-text-group--labels .form-row__help-control {
    top: 2.125em;
    /* 34px / 16px */
  }
}

/*  Inline form errors - Core styles
	==========================================================================

	Example

	<div class="form-row">
		<label class="form-label" for="...">...</label>
		<div class="form-row__content">
			<input class="form-input" type="..." name="..." id="..." value="..." />
			<p class="form-row__error-message">...</p>
		</div>
	</div>
 */

.form-row__error-message {
  background: #bd2624 url('../images/icons/warning-white.png') no-repeat 97% center;
  background-position: right 1em center;
  border-radius: .25em;
  /* 4px / 16px */
  color: #fff;
  font-weight: bold;
  margin: .625em 0 0;
  /* 10px / 16px */
  padding: .625em 3.6875em .625em 1em;
  /* 10px 59px 16px / 16px */
}

.svg .form-row__error-message {
  background-image: url('../images/icons/warning-white.svg');
}

.fonts-loaded .form-row__error-message {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.form-input + .form-row__error-message,
.form-dropdown + .form-row__error-message,
.js-file-upload.form-file-upload + .form-row__error-message {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -.25em;
  /* 4px / 16px */
  padding-top: .875em;
  /* 14px / 16px */
  position: relative;
  z-index: 1;
}

.form-input[type='range'] + .form-row__error-message,
.form-input--char1 + .form-row__error-message,
.form-input--char2 + .form-row__error-message,
.form-input--char3 + .form-row__error-message,
.form-input--char4 + .form-row__error-message {
  border-top-left-radius: .25em;
  /* 4px / 16px */
  border-top-right-radius: .25em;
  /* 4px / 16px */
  margin-top: .625em;
  /* 10px / 16px */
  padding-top: .625em;
  /* 10px / 16px */
}

.form-row__error-message a {
  border-bottom-color: #ccc;
  border-bottom-style: dotted;
  color: #fff;
}

.form-row__error-message a:hover,
.form-row__error-message a:focus {
  border-bottom-color: #fff;
  border-bottom-style: solid;
}

@media (min-width: 35em) {
  .form-row__error-message {
    padding-left: 1.25em;
    /* 20px / 16px */
  }
}

/*  Control group - Core styles
	==========================================================================

	Example

	<ul class="form-control-group">
		<li class="form-control-group__item">...</li>
	</ul>
 */

.form-row__content > .form-control-group,
.form-row__content > .form-control-group:first-child {
  margin: -.625em 0 0  0;
  padding: 0;
}

.form-control-group__item {
  display: inline-block;
  list-style-type: none;
  margin-right: .625em;
  /* 10px / 16px */
  margin-top: .625em;
  /* 10px / 16px */
  padding: 0;
}

.form-control-group__item:last-child {
  margin-right: 0;
}

/*  Option group - Core styles (for radio buttons and checkboxes)
	==========================================================================

	Example

	<fieldset class="form-row form-row--option-group">
		<span class="form-label"><legend>...</legend></span>
		<div class="form-row__content">
			<ul class="form-control-group">
				<li class="form-control-group__item">...</li>
			</ul>
		</div>
	</fieldset>
 */

.form-row--option-group > .form-row__content:first-child > .form-row__help-control {
  top: .40625em;
  /* 6.5px / 16px */
}

.form-row--option-group > .form-row__content:first-child > .form-row__help {
  margin-top: 2.75em;
  /* 44px / 16px */
}

@media (min-width: 35em) {
  .form-row--option-group > .form-label {
    padding-top: .5625em;
    /* 9px / 16px */
  }

  .form-row--option-group > .form-row__content:first-child > .form-row__help {
    margin-top: 0;
  }

  .form-row--option-group .form-row__help-control + .form-row__help:before {
    top: .625em;
    /* 10px / 16px */
  }

  .form-row--option-group .form-row__help-control {
    top: .4375em;
    /* 7px / 16px */
  }
}

/*  Start and end dates - Core styles
	==========================================================================

	Example

	<fieldset class="form-row form-row--start-end-date">
		<span class="form-label"><legend>Dates of cover</legend></span>
		<div class="form-row__content">
			<ul class="form-control-group">
				<li class="form-control-group__item">
					<label class="form-start-end-date" for="start-date">
						<span class="form-start-end-date__label">Start date</span>
						<input class="form-input form-input--date form-start-end-date__input" type="date" name="cover-dates" id="start-date" value="" />
					</label>
				</li>
				<li class="form-control-group__item">
					<label class="form-start-end-date" for="end-date">
						<span class="form-start-end-date__label">End date</span>
						<input class="form-input form-input--date form-start-end-date__input" type="date" name="cover-dates" id="end-date" value="" />
					</label>
				</li>
			</ul>
		</div>
	</fieldset>
 */

.form-row--start-end-date .form-control-group__item {
  display: block;
  margin-right: 0;
}

.form-start-end-date {
  display: block;
}

.form-start-end-date__label {
  display: block;
}

.is-disabled .form-start-end-date__label {
  text-decoration: line-through;
}

@media (min-width: 35em) {
  .form-row--start-end-date > .form-label {
    padding-top: 0;
  }

  .form-row--start-end-date .form-control-group__item {
    display: inline-block;
    margin-right: 5%;
    max-width: 45%;
  }

  .csscalc .form-row--start-end-date .form-control-group__item {
    margin-right: .625em;
    /* 10px / 16px */
    max-width: calc(50% - .4375em);
    /* 7px / 16px */
  }

  .form-row--start-end-date .form-control-group__item:last-child,
  .csscalc .form-row--start-end-date .form-control-group__item:last-child {
    margin-right: 0;
  }
}

/*  Text input group - Core styles
	==========================================================================

	Example

	<fieldset class="form-row form-text-group">
		<span class="form-label"><legend>...</legend></span>
		<div class="form-row__content">
			<ul class="form-control-group">
				<li class="form-control-group__item">
					<label class="form-text-group__item" for="...">
						<span class="form-text-group__label">...</span>
						<input class="form-input form-input--char1" type="..." name="..." id="..." maxlength="..." value="" />
					</label>
				</li>
				<li class="form-control-group__item">
					<label class="form-text-group__item" for="...">
						<span class="form-text-group__label">...</span>
						<input class="form-input form-input--char1" type="..." name="..." id="..." maxlength="..." value="" />
					</label>
				</li>
				...
			</ul>
		</div>
	</fieldset>
 */

.form-text-group {
  display: block;
}

.form-text-group__item {
  display: block;
}

.form-text-group__label {
  left: -9999em;
  position: absolute;
}

.is-disabled .form-text-group__label {
  text-decoration: line-through;
}

.form-text-group--labels .form-text-group__label {
  display: block;
  left: auto;
  position: static;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 35em) {
  .form-text-group--labels > .form-label {
    padding-top: 2.3125em;
    /* 37px / 16px */
  }
}

/*  Text input group - Modifer to make inputs narrower
	==========================================================================

	Example

	<fieldset class="form-row form-text-group form-text-group--compressed">
		<span class="form-label"><legend>...</legend></span>
		<div class="form-row__content">
			...
		</div>
	</fieldset>
 */

.form-text-group--compressed .form-input {
  padding-left: .625em;
  /* 10px / 16px */
  padding-right: .625em;
  /* 10px / 16px */
}

.form-text-group--compressed .form-input--char1 {
  width: 2.25em;
  /* 36px / 16px */
}

.form-text-group--compressed .form-input--char2 {
  width: 2.6875em;
  /* 43px / 16px */
}

.form-text-group--compressed .form-input--char3 {
  width: 3.4375em;
  /* 55px / 16px */
}

.form-text-group--compressed .form-input--char4 {
  width: 4.125em;
  /* 66px / 16px */
}

/* ==========================================================================

	FORM RADIO - SEGMENTED CONTROLS FALLBACKS

	========================================================================== */

.a-radio {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.a-radio__input {
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 1;
}

.a-radio__label {
  background: #5c596d;
  border: 1px solid #5c596d;
  border-radius: .25em;
  /* 4px / 16px */
  color: #fff;
  display: block;
  opacity: 1;
  padding: .75em 1.25em .75em 3.4375em;
  /* 12px 20px 12px 55px / 16px */
  transition: background-color .35s box-shadow .35s;
}

.a-radio__label,
.t-accent-light .a-radio__label,
.t-card-accent-light .m-card .a-radio__label,
.t-card-accent-light .m-card.t-accent-light .a-radio__label,
.t-card-accent-dark .m-card.t-accent-light .a-radio__label {
  box-shadow: 0 2px 2px 0 rgba(204, 204, 204, .5);
}

.t-accent-dark .a-radio__label,
.t-card-accent-dark .m-card .a-radio__label,
.m-card.t-accent-dark .a-radio__label,
.t-card-accent-light .m-card.t-accent-dark .a-radio__label,
.t-card-accent-light .m-card.t-accent-dark .a-radio__label,
.t-card-accent-dark .m-card.t-accent-dark .a-radio__label {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
}

.m-form-row--light .a-radio__label {
  background: #f9f9f9;
  border-color: #aaa;
  color: #444;
}

.fonts-loaded .a-radio__label {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
  opacity: 1;
}

.a-radio__label-inner {
  display: block;
}

.a-radio__label:after,
.a-radio__label:before {
  background: #fff;
  border-radius: 50%;
  bottom: .46875em;
  /* 7.5px / 16px */
  content: ' ';
  display: block;
  height: 2em;
  /* 32px / 16px */
  left: .625em;
  /* 10px / 16px */
  margin-top: .5625em;
  /* 9px / 16px */
  position: absolute;
  top: 0;
  transition: background-color .35s, border-color .35s;
  width: 2em;
  /*  32px / 16px */
  z-index: 2;
}

.a-radio__label:before {
  border: 1px solid #fff;
  height: 1.8125em;
  /* 28px / 16px */
  width: 1.8125em;
  /* 28px / 16px */
}

.m-form-row--light .a-radio__label:before {
  border-color: #aaa;
  box-shadow: none;
  transition: box-shadow .35s;
}

.a-radio__label:after {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: 3;
}

.a-radio:hover .a-radio__label,
.a-radio__input:focus ~ .a-radio__label {
  background-color: #413e51;
  border-color: #413e51;
}

.m-form-row--light .a-radio:hover .a-radio__label,
.m-form-row--light .a-radio__input:focus ~ .a-radio__label {
  background-color: #eee;
  border-color: #aaa;
}

.a-radio .a-radio__label:after {
  height: 2em;
  /* 32px / 16px */
  transition: -webkit-transform ease-out .35s;
  transition: transform ease-out .35s;
  transition: transform ease-out .35s, -webkit-transform ease-out .35s;
  width: 2em;
  /* 32px / 16px */
}

.a-radio__input:checked ~ .a-radio__label {
  background-color: #4ca02b;
  border-color: #4ca02b;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
}

.fonts-loaded .a-radio__input:checked ~ .a-radio__label {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
  opacity: 1;
}

.a-radio__input:checked ~ .a-radio__label:before {
  border-color: #fff;
}

.a-radio__input:checked ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/tick.png');
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.svg .a-radio__input:checked ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/tick.svg');
}

.a-radio__input:checked:focus ~ .a-radio__label {
  background-color: #3c8022;
  border-color: #3c8022;
}

.m-form-row--light .a-radio__input:checked:focus ~ .a-radio__label:before {
  border-color: #fff;
}

.m-form-row__content > .m-radio-group {
  margin: 0;
  padding: 0;
}

.m-form-row__content > .m-radio-group:after {
  clear: both;
  content: '';
  display: block;
}

.m-radio-group__item {
  display: block;
  list-style-type: none;
  margin-top: .9375em;
  /* 15px / 16px */
  padding: 0;
}

.m-radio-group__item:first-child {
  margin-top: 0;
}

.m-radio-group__item:last-child {
  margin-right: 0;
}

/* Pictorial Radio Button Variant */

.m-radio-group--pictorial .a-radio__label {
  display: table;
  min-height: 4.777em;
  /* 77px (50 + 13.5 + 13.5) / 18px */
  padding: 1.5em .833em 1.5em 4.444em;
  /* 27px 15px 27px 80px / 18px */
  text-align: left;
  width: 100%;
}

.m-radio-group--pictorial .a-radio__label-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.m-radio-group--pictorial .a-radio__label:after,
.m-radio-group--pictorial .a-radio__label:before {
  background: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  border-radius: 0;
  height: 2.777em;
  /* 50px / 18px */
  left: .75em;
  /* 13.5px / 18px */
  margin-top: .75em;
  /* 13.5px / 18px */
  width: 2.777em;
  /* 50px / 18px */
}

.m-radio-group--pictorial .a-radio__input ~ .a-radio__label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.m-radio-group--pictorial .buildings-and-contents .a-radio__input ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/buildingsandcontents-checked.png');
}

.svg .m-radio-group--pictorial .buildings-and-contents .a-radio__input + .a-radio__label:after {
  background-image: url('../images/icons/forms/buildingsandcontents-checked.svg');
}

.m-form-row--light .m-radio-group--pictorial .buildings-and-contents .a-radio__input ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/buildingsandcontents.png');
}

.svg .m-form-row--light .m-radio-group--pictorial .buildings-and-contents .a-radio__input + .a-radio__label:after {
  background-image: url('../images/icons/forms/buildingsandcontents.svg');
}

.m-radio-group--pictorial .buildings-and-contents .a-radio__input:checked ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/buildingsandcontents-checked.png');
}

.svg .m-radio-group--pictorial .buildings-and-contents .a-radio__input:checked + .a-radio__label:after {
  background-image: url('../images/icons/forms/buildingsandcontents-checked.svg');
}

.m-radio-group--pictorial .buildings .a-radio__input ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/buildings-checked.png');
}

.svg .m-radio-group--pictorial .buildings .a-radio__input + .a-radio__label:after {
  background-image: url('../images/icons/forms/buildings-checked.svg');
}

.m-form-row--light .m-radio-group--pictorial .buildings .a-radio__input ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/buildings.png');
}

.svg .m-form-row--light .m-radio-group--pictorial .buildings .a-radio__input + .a-radio__label:after {
  background-image: url('../images/icons/forms/buildings.svg');
}

.m-radio-group--pictorial .buildings .a-radio__input:checked ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/buildings-checked.png');
}

.svg .m-radio-group--pictorial .buildings .a-radio__input:checked + .a-radio__label:after {
  background-image: url('../images/icons/forms/buildings-checked.svg');
}

.m-radio-group--pictorial .contents .a-radio__input ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/contents-checked.png');
}

.svg .m-radio-group--pictorial .contents .a-radio__input + .a-radio__label:after {
  background-image: url('../images/icons/forms/contents-checked.svg');
}

.m-form-row--light .m-radio-group--pictorial .contents .a-radio__input ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/contents.png');
}

.svg .m-form-row--light .m-radio-group--pictorial .contents .a-radio__input + .a-radio__label:after {
  background-image: url('../images/icons/forms/contents.svg');
}

.m-radio-group--pictorial .contents .a-radio__input:checked ~ .a-radio__label:after {
  background-image: url('../images/icons/forms/contents-checked.png');
}

.svg .m-radio-group--pictorial .contents .a-radio__input:checked + .a-radio__label:after {
  background-image: url('../images/icons/forms/contents-checked.svg');
}

.csstransforms .a-radio {
  background: #5c596d;
  border-radius: .25em;
  /* 4px / 16px */
}

.csstransforms .a-form-row--light .a-radio {
  background: #eee;
}

.csstransforms .a-radio__label {
  position: relative;
  z-index: 3;
}

.csstransforms .a-radio__label,
.csstransforms .a-radio:hover .a-radio__label,
.csstransforms .a-radio__input:checked ~ .a-radio__label,
.csstransforms .a-radio__input:checked:focus ~ .a-radio__label,
.csstransforms .m-radio-group--short-label .a-radio__input:checked:hover ~ .a-radio__label,
.csstransforms .m-radio-group--short-label .a-radio__input:checked:focus ~ .a-radio__label {
  background-color: transparent;
  border-color: transparent;
}

.csstransforms .a-radio__ui {
  border-radius: .25em;
  /* 4px / 16px */
  bottom: 0;
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.csstransforms .a-radio__ui:before {
  background: #5c596d;
  border: 1px solid #5c596d;
  border-radius: .25em;
  /* 4px / 16px */
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color .35s, border-color .35s;
  z-index: 1;
}

.csstransforms .m-form-row--light .a-radio__ui:before {
  background: #f9f9f9;
  border-color: #aaa;
}

.csstransforms .a-radio:hover .a-checkbox__ui:before,
.csstransforms .a-radio__input:focus ~ .a-checkbox__ui:before {
  background-color: #413e51;
  border-color: #413e51;
}

.csstransforms .a-radio__ui:after {
  background: #4ca02b;
  bottom: 0;
  content: '';
  display: block;
  left: -40px;
  position: absolute;
  right: -40px;
  top: 0;
  -webkit-transform: scaleX(0) skew(-20deg);
  -ms-transform: scaleX(0) skew(-20deg);
  transform: scaleX(0) skew(-20deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transition: background-color .35s, -webkit-transform ease-out .35s;
  transition: background-color .35s, transform ease-out .35s;
  transition: background-color .35s, transform ease-out .35s, -webkit-transform ease-out .35s;
  z-index: 1;
}

.csstransforms .a-radio__label {
  position: relative;
  z-index: 5;
}

.csstransforms .a-radio__input:checked ~ .a-radio__ui:after {
  -webkit-transform: scaleX(1) skew(-20deg);
  -ms-transform: scaleX(1) skew(-20deg);
  transform: scaleX(1) skew(-20deg);
}

.csstransforms .a-radio:hover .a-radio__input:checked ~ .a-radio__ui:after,
.csstransforms .a-radio__input:checked:focus ~ .a-radio__ui:after {
  background-color: #3c8022;
}

.m-form-row--light .m-radio-group--pictorial .a-radio__input:focus ~ .a-radio__label {
  background-color: #eee;
}

.m-radio-group--pictorial .a-radio__input:checked:focus ~ .a-radio__label {
  background-color: #3c8022;
}

/* ==========================================================================

	FORM SEGMENTED CONTROLS

	========================================================================== */

.m-radio-group--segmented {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5c596d;
  border: 1px solid #5c596d;
  border-radius: .25em;
  /* 4px / 16px */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.125em;
  /* 18px / 16px */
  line-height: 1.333em;
  /*24px / 18px */
  margin: 0;
  position: relative;
  transition: border-color .35s;
  width: 100%;
  z-index: 2;
}

.m-radio-group--segmented,
.t-accent-light .m-radio-group--segmented,
.t-card-accent-light .m-card .m-radio-group--segmented,
.t-card-accent-light .m-card.t-accent-light .m-radio-group--segmented,
.t-card-accent-dark .m-card.t-accent-light .m-radio-group--segmented {
  box-shadow: 0 2px 2px 0 rgba(204, 204, 204, .5);
}

.t-accent-dark .m-radio-group--segmented,
.t-card-accent-dark .m-card .m-radio-group--segmented,
.m-card.t-accent-dark .m-radio-group--segmented,
.t-card-accent-light .m-card.t-accent-dark .m-radio-group--segmented,
.t-card-accent-light .m-card.t-accent-dark .m-radio-group--segmented,
.t-card-accent-dark .m-card.t-accent-dark .m-radio-group--segmented {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
}

.m-form-row--light .m-radio-group--segmented {
  background: #f9f9f9;
  border: 1px solid #aaa;
}

.m-radio-group--segmented:hover {
  border-color: #413e51;
}

.m-radio-group--segmented:focus,
.m-radio-group--segmented.has-focus {
  background: #5c596d;
  border-color: #44c0ff;
}

.m-form-row--light .m-radio-group--segmented:focus,
.m-form-row--light .m-radio-group--segmented.has-focus {
  background: #fff;
}

.m-form-row__content > .m-radio-group--segmented,
.m-form-row__content > .m-radio-group--segmented:first-child {
  margin-top: 0;
}

.m-form-row__content > .m-radio-group--segmented.m-radio-group {
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}

.m-form-row__content > .m-radio-group--segmented.m-radio-group {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

.m-form-row__content > .m-radio-group--segmented.m-radio-group,
.csscalc .m-form-row__content > .m-radio-group--segmented.m-radio-group,
.m-form-row__content > .m-radio-group--segmented.m-radio-group,
.m-radio-group--segmented .m-radio-group__item,
.csscalc .m-radio-group--segmented .m-radio-group__item {
  margin-left: 0;
}

.m-radio-group--segmented.m-radio-group > .m-radio-group__item {
  width: 100%;
}

.m-radio-group--segmented .m-radio-group__item {
  background-color: transparent;
  margin-top: 0;
  position: relative;
  z-index: 3;
}

.m-radio-group--segmented .a-radio {
  background-color: transparent;
}

.csstransforms .m-radio-group--segmented .a-radio__input:checked ~ .a-radio__label,
.csstransforms .m-form-row--light .m-radio-group--segmented .a-radio__input:checked ~ .a-radio__label {
  background-color: transparent;
}

.m-form-row--light .m-radio-group--segmented .a-radio__input:checked ~ .a-radio__label {
  color: #fff;
}

.m-radio-group--segmented .a-radio__label {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  padding: .667em .833em;
  /* 12px 15px / 18px */
  text-align: center;
  transition: background-color .35s;
}

.m-form-row--light .m-radio-group--segmented .a-radio__label {
  color: #444;
}

.m-radio-group--segmented.m-radio-group--pictorial .a-radio__label {
  padding: .75em .833em .75em 4.444em;
  /* 13.5px 15px 13.5px 80px / 18px */
  text-align: left;
}

.m-radio-group--segmented.m-radio-group--pictorial .a-radio__label-inner {
  width: 100%;
}

.m-radio-group--segmented .a-radio__label:focus,
.m-radio-group--segmented .a-radio__label:hover,
.m-radio-group--segmented .a-radio__label.has-focus,
.csstransforms .a-radio:hover .a-radio__label {
  background-color: #413e51;
}

.m-form-row--light .m-radio-group--segmented .a-radio__label:focus,
.m-form-row--light .m-radio-group--segmented .a-radio__label:hover,
.m-form-row--light .m-radio-group--segmented .a-radio__label.has-focus,
.csstransforms .m-form-row--light .a-radio:hover .a-radio__label {
  background-color: #eee;
}

.m-radio-group--segmented .a-radio__label-inner {
  width: 100%;
}

.m-radio-group--segmented .a-radio__label:after {
  display: none;
}

.m-radio-group--segmented.m-radio-group--pictorial .a-radio__label:after {
  display: block;
}

.m-radio-group--segmented .a-radio__label:before {
  background: none;
  border: none;
  border-radius: 0;
  border-top: 1px solid #fff;
  bottom: auto;
  content: '';
  height: 100%;
  left: 10%;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 80%;
  z-index: 1;
}

.csscalc .m-radio-group--segmented .a-radio__label:before {
  left: 4.4em;
  /* 80px / 18px */
  width: calc(100% - 8.8em);
  /* 160px / 18px */
}

.m-form-row--light .m-radio-group--segmented .a-radio__label:before {
  border-top-color: #aaa;
}

.m-radio-group--segmented .m-radio-group__item:first-child .a-radio__label:before,
.m-radio-group--segmented .m-radio-group__item.is-checked + .m-radio-group__item .a-radio__label:before,
.m-radio-group--segmented .a-radio__input:checked ~ .a-radio__label:before,
.m-radio-group--segmented .m-radio-group__item:focus .a-radio__label:before,
.m-radio-group--segmented .m-radio-group__item:focus + .m-radio-group__item .a-radio__label:before,
.m-radio-group--segmented .m-radio-group__item:hover .a-radio__label:before,
.m-radio-group--segmented .m-radio-group__item:hover + .m-radio-group__item .a-radio__label:before {
  display: none;
}

.is-valid .m-radio-group--segmented.m-radio-group {
  border-color: #4f9f31;
}

.is-error .m-radio-group--segmented.m-radio-group {
  border-color: #bd2624;
}

.m-radio-group--segmented .a-radio__ui {
  display: none;
}

.m-radio-group__ui {
  background-color: #4f9f31;
  content: '';
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  transition: color .35s, height .15s ease-out, top .15s ease-out;
  width: 100%;
  z-index: 1;
}

.js-radio-checked .m-radio-group__ui {
  border: none;
  border-radius: .25em;
  /* 4px / 16px */
  display: block;
}

.has-focus .m-radio-group__ui {
  background-color: #30850c;
}

.m-radio-group--segmented.m-radio-group--2.js-radio-checked--2 .m-radio-group__ui {
  top: 50%;
}

.m-radio-group--segmented.m-radio-group--3.js-radio-checked--2 .m-radio-group__ui {
  top: 33.33%;
}

.m-radio-group--segmented.m-radio-group--3.js-radio-checked--3 .m-radio-group__ui {
  top: 66.67%;
}

.m-radio-group--segmented.m-radio-group--4.js-radio-checked--2 .m-radio-group__ui {
  top: 25%;
}

.m-radio-group--segmented.m-radio-group--4.js-radio-checked--3 .m-radio-group__ui {
  top: 50%;
}

.m-radio-group--segmented.m-radio-group--4.js-radio-checked--4 .m-radio-group__ui {
  top: 75%;
}

.m-radio-group--segmented.m-radio-group--5.js-radio-checked--2 .m-radio-group__ui {
  top: 20%;
}

.m-radio-group--segmented.m-radio-group--5.js-radio-checked--3 .m-radio-group__ui {
  top: 40%;
}

.m-radio-group--segmented.m-radio-group--5.js-radio-checked--4 .m-radio-group__ui {
  top: 60%;
}

.m-radio-group--segmented.m-radio-group--5.js-radio-checked--5 .m-radio-group__ui {
  top: 80%;
}

/* Short label versions */

.m-radio-group--short-label.m-radio-group,
.m-form-row__content > .m-radio-group--short-label.m-radio-group {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.m-radio-group--short-label .m-radio-group__item {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-right: 0;
  width: auto;
}

.no-flexbox .m-radio-group--short-label .m-radio-group__item {
  float: left;
}

.m-radio-group--short-label .a-radio {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
}

.m-radio-group--short-label .a-radio__label {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  width: 100%;
}

.m-radio-group--short-label .a-radio__label:before {
  border-left: 1px solid #fff;
  border-top: none;
  height: 80%;
  left: 0;
  top: 10%;
  width: 100%;
}

.csscalc .m-radio-group--short-label .a-radio__label:before {
  height: calc(100% - 1.25em);
  left: 0;
  top: .6125em;
}

.m-form-row--light .m-radio-group--short-label .a-radio__label:before {
  border-left-color: #aaa;
}

.m-radio-group--short-label .m-radio-group__ui {
  height: 100%;
  left: 0;
  top: 0;
  transition: color .35s, left .15s ease-out;
}

.m-radio-group--short-label.m-radio-group--2 > .m-radio-group__item,
.m-radio-group--short-label.m-radio-group--2 .m-radio-group__ui {
  width: 50%;
}

.m-radio-group--short-label.m-radio-group--3 > .m-radio-group__item,
.m-radio-group--short-label.m-radio-group--3 .m-radio-group__ui {
  width: 33.33%;
}

.m-radio-group--short-label.m-radio-group--4 > .m-radio-group__item,
.m-radio-group--short-label.m-radio-group--4 .m-radio-group__ui {
  width: 25%;
}

.m-radio-group--short-label.m-radio-group--5 > .m-radio-group__item,
.m-radio-group--short-label.m-radio-group--5 .m-radio-group__ui {
  width: 20%;
}

.m-radio-group--short-label.m-radio-group--2.js-radio-checked--2 .m-radio-group__ui {
  left: 50%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--3.js-radio-checked--2 .m-radio-group__ui {
  left: 33.33%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--3.js-radio-checked--3 .m-radio-group__ui {
  left: 66.67%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--4.js-radio-checked--2 .m-radio-group__ui {
  left: 25%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--4.js-radio-checked--3 .m-radio-group__ui {
  left: 50%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--4.js-radio-checked--4 .m-radio-group__ui {
  left: 75%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--5.js-radio-checked--2 .m-radio-group__ui {
  left: 20%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--5.js-radio-checked--3 .m-radio-group__ui {
  left: 40%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--5.js-radio-checked--4 .m-radio-group__ui {
  left: 60%;
  top: 0;
}

.m-radio-group--short-label.m-radio-group--5.js-radio-checked--5 .m-radio-group__ui {
  left: 80%;
  top: 0;
}

/* Tablet & desktop versions */

@media (min-width: 35em) {
  .m-radio-group--segmented.m-radio-group,
  .m-form-row__content > .m-radio-group--segmented.m-radio-group {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }

  .m-radio-group--segmented .m-radio-group__item {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-right: 0;
    width: auto;
  }

  .no-flexbox .m-radio-group--segmented .m-radio-group__item {
    float: left;
  }

  .m-radio-group--segmented .a-radio {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
  }

  .m-radio-group--segmented .a-radio__label {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    width: 100%;
  }

  .m-radio-group--segmented .a-radio__label:before {
    border-left: 1px solid #fff;
    border-top: none;
    height: 80%;
    left: 0;
    top: 10%;
    width: 100%;
  }

  .csscalc .m-radio-group--segmented .a-radio__label:before {
    height: calc(100% - 1.25em);
    left: 0;
    top: .6125em;
  }

  .m-form-row--light .m-radio-group--segmented .a-radio__label:before {
    border-left-color: #aaa;
  }

  .m-radio-group--segmented .a-radio__label-inner {
    display: block;
  }

  .m-radio-group--segmented.m-radio-group--pictorial .a-radio__label {
    padding: 8.5em .75em 1em;
    /* 153px 13.5px 20px 13.5px / 18px */
    text-align: center;
  }

  .m-radio-group--segmented.m-radio-group--pictorial .a-radio__label:after {
    bottom: 0;
    height: 4.111em;
    /* 74px / 18px */
    left: 0;
    top: 1.667em;
    /* 30px / 18px */
    width: 100%;
  }

  .m-radio-group__ui {
    height: 100%;
    left: 0;
    top: 0;
    transition: color .35s, left .15s ease-out;
  }

  .m-radio-group--segmented.m-radio-group--2 > .m-radio-group__item,
  .m-radio-group--2 .m-radio-group__ui {
    width: 50%;
  }

  .m-radio-group--segmented.m-radio-group--3 > .m-radio-group__item,
  .m-radio-group--3 .m-radio-group__ui {
    width: 33.33%;
  }

  .m-radio-group--segmented.m-radio-group--4 > .m-radio-group__item,
  .m-radio-group--4 .m-radio-group__ui {
    width: 25%;
  }

  .m-radio-group--segmented.m-radio-group--5 > .m-radio-group__item,
  .m-radio-group--5 .m-radio-group__ui {
    width: 20%;
  }

  .m-radio-group--segmented.m-radio-group--2.js-radio-checked--2 .m-radio-group__ui {
    left: 50%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--3.js-radio-checked--2 .m-radio-group__ui {
    left: 33.33%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--3.js-radio-checked--3 .m-radio-group__ui {
    left: 66.67%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--4.js-radio-checked--2 .m-radio-group__ui {
    left: 25%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--4.js-radio-checked--3 .m-radio-group__ui {
    left: 50%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--4.js-radio-checked--4 .m-radio-group__ui {
    left: 75%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--5.js-radio-checked--2 .m-radio-group__ui {
    left: 20%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--5.js-radio-checked--3 .m-radio-group__ui {
    left: 40%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--5.js-radio-checked--4 .m-radio-group__ui {
    left: 60%;
    top: 0;
  }

  .m-radio-group--segmented.m-radio-group--5.js-radio-checked--5 .m-radio-group__ui {
    left: 80%;
    top: 0;
  }
}

/* ==========================================================================

	FORM RANGE INPUT

	========================================================================== */

.m-slider--range {
  background: url('../images/icons/forms/date-range-arrow.png') no-repeat center center;
  list-style: none;
  margin-bottom: 0;
  margin-top: .625em;
  /* 10px / 16px */
  overflow: auto;
  padding: 0;
}

.svg .m-slider--range {
  background: url('../images/icons/forms/date-range-arrow.svg') no-repeat center center;
}

.m-slider__item {
  float: left;
  margin-top: 0;
  width: 45%;
}

.csscalc .m-slider__item {
  width: calc(50% - .9375em);
  /* 15px / 16px */
}

.m-slider__item:last-child {
  float: right;
}

.m-slider__item-label {
  left: -9999em;
  position: absolute;
  visibility: hidden;
}

.m-slider__label--slider,
.m-slider__slider-input,
.m-slider__slider-wrapper {
  display: none;
}

.m-slider__slider-value {
  font-size: 2.625em;
  /* 42px / 16px */
  line-height: 1.1905em;
  /* 50px / 42px */
  margin: 0 0 .1191em;
  /* 0 0 5px 0 / 42px */
  text-align: center;
}

.m-slider__slider-value,
.t-accent-light .m-slider__slider-value,
.t-card-accent-light .m-card .m-slider__slider-value,
.t-card-accent-light .m-card.t-accent-light .m-slider__slider-value,
.t-card-accent-dark .m-card.t-accent-light .m-slider__slider-value {
  color: #5c596d;
}

.t-accent-dark .m-slider__slider-value,
.t-card-accent-dark .m-card .m-slider__slider-value,
.m-card.t-accent-dark .m-slider__slider-value,
.t-card-accent-light .m-card.t-accent-dark .m-slider__slider-value,
.t-card-accent-light .m-card.t-accent-dark .m-slider__slider-value,
.t-card-accent-dark .m-card.t-accent-dark .m-slider__slider-value {
  color: #fff;
}

@media (min-width: 35em) {
  .m-slider__label--original {
    display: none;
  }

  .js-m-slider {
    left: -9999em;
    position: absolute;
  }

  .m-slider__label--slider,
  .m-slider__slider-wrapper {
    display: block;
  }

  .m-slider__label--slider.a-label {
    margin-bottom: .2273em;
    /* 5px / 22px */
  }
}

/* Bootstrap slider styles */

.slider {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.slider.slider-horizontal {
  height: 66px;
  /* 90px - 24px / 16px */
  max-width: 100%;
  width: 200px;
}

.slider.slider-horizontal .slider-track {
  height: 5px;
  left: 0;
  margin-top: 0;
  top: 29px;
  width: 100%;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  bottom: 0;
  height: 100%;
  top: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -17px;
}

.slider.slider-horizontal .slider-tick-container,
.slider.slider-horizontal .slider-tick-label-container {
  left: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 100%;
}

.slider.slider-horizontal .slider-tick-container {
  left: 0;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  display: inline-block;
  text-align: center;
}

.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}

.slider.slider-disabled .slider-track {
  cursor: not-allowed;
}

.slider input {
  display: none;
}

.slider .tooltip.top {
  margin-top: -34px;
}

.slider .tooltip-inner {
  max-width: none;
  white-space: nowrap;
}

.slider .hide {
  display: none;
}

.slider-track {
  background: #ccc;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
}

.slider-selection {
  background: #4f9f31;
  border-radius: 5px;
  box-sizing: border-box;
  position: absolute;
}

.slider-track-low,
.slider-track-high {
  background: transparent;
  border-radius: 4px;
  box-sizing: border-box;
  position: absolute;
}

.slider-handle {
  background: url('../images/icons/forms/drop-selector-dark.png') no-repeat center center;
  height: 58px;
  position: absolute;
  top: 32px;
  width: 34px;
}

.slider-handle,
.t-accent-light .slider-handle,
.t-card-accent-light .m-card .slider-handle,
.t-card-accent-light .m-card.t-accent-light .slider-handle,
.t-card-accent-dark .m-card.t-accent-light .slider-handle {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(204,204,204,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 2px 2px 0 rgba(204, 204, 204, .5));
  filter: drop-shadow(0 2px 2px 0 rgba(204, 204, 204, .5));
}

.t-accent-dark .slider-handle,
.t-card-accent-dark .m-card .slider-handle,
.m-card.t-accent-dark .slider-handle,
.t-card-accent-light .m-card.t-accent-dark .slider-handle,
.t-card-accent-light .m-card.t-accent-dark .slider-handle,
.t-card-accent-dark .m-card.t-accent-dark .slider-handle {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.15)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 2px 2px 0 rgba(0, 0, 0, .15));
  filter: drop-shadow(0 2px 2px 0 rgba(0, 0, 0, .15));
}

.svg .slider-handle {
  background-image: url('../images/icons/forms/drop-selector-dark.svg');
}

.slider-handle:focus {
  background-image: url('../images/icons/forms/drop-selector-dark-focus.png');
}

.svg .slider-handle:focus {
  background-image: url('../images/icons/forms/drop-selector-dark-focus.svg');
}

.m-form-row--light .slider-handle {
  background-image: url('../images/icons/forms/drop-selector.png');
}

.svg .m-form-row--light .slider-handle {
  background-image: url('../images/icons/forms/drop-selector.svg');
}

.m-form-row--light .slider-handle:focus {
  background-image: url('../images/icons/forms/drop-selector-focus.png');
}

.svg .m-form-row--light .slider-handle:focus {
  background-image: url('../images/icons/forms/drop-selector-focus.svg');
}

/* ==========================================================================

	LOADER / SPINNER

	========================================================================== */

@-webkit-keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader-container {
  background: #fff;
  border-radius: 50%;
  display: block;
  height: 12em;
  padding: 1em;
  position: relative;
  width: 12em;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
}

.loader {
  background: #fff url('../images/misc/loader.gif') no-repeat center center;
  color: #4f9f31;
  height: 10em;
  position: relative;
  text-indent: -99999em;
  width: 10em;
}

.cssanimations .loader {
  background: #fff;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.cssanimations .loader:before,
.cssanimations .loader:after {
  -webkit-animation: loader 2s infinite ease .5s;
  animation: loader 2s infinite ease .5s;
  background: #fff;
  border-radius: 11em 0 0 11em;
  content: '';
  height: 11em;
  left: -.5em;
  position: absolute;
  top: -.5em;
  -webkit-transform-origin: 5.5em 5.5em;
  -ms-transform-origin: 5.5em 5.5em;
  transform-origin: 5.5em 5.5em;
  width: 5.5em;
}

.cssanimations .loader:after {
  -webkit-animation: loader 2s infinite ease;
  animation: loader 2s infinite ease;
  border-radius: 0 11em 11em 0;
  left: 5em;
  -webkit-transform-origin: 0 5.5em;
  -ms-transform-origin: 0 5.5em;
  transform-origin: 0 5.5em;
}

.loader--small {
  background-image: url('../images/misc/loader-small.gif');
  font-size: 2px;
}

.cssanimations .loader--small {
  background: #fff;
  box-shadow: inset 0 0 0 2em;
}

.loader__message {
  color: #999;
  content: 'Please wait';
  display: table-cell;
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-size: 1.25em;
  /* 20px / 16px */
  font-weight: bold;
  height: 5em;
  left: 1.5em;
  line-height: 1.2857;
  /* 36px / 28px */
  position: relative;
  text-align: center;
  text-indent: 0;
  top: 1.5em;
  vertical-align: middle;
  width: 5em;
  z-index: 5;
}

.loader--small .loader__message {
  display: none;
}

.t-accent-light--white .loader--small,
.t-accent-dark .t-accent-light--white .loader--small {
  background-image: url('../images/misc/loader-small.gif');
}

.t-accent-light--white .loader--small,
.cssanimations .t-accent-light--white .loader--small:before,
.cssanimations .t-accent-light--white .loader--small:after,
.t-accent-dark .t-accent-light--white .loader--small,
.cssanimations .t-accent-dark .t-accent-light--white .loader--small:before,
.cssanimations .t-accent-dark .t-accent-light--white .loader--small:after {
  background-color: #fff;
}

.t-accent-light--grey .loader--small,
.cssanimations .t-accent-light--grey .loader--small:before,
.cssanimations .t-accent-light--grey .loader--small:after,
.t-accent-dark .t-accent-light--grey .loader--small,
.cssanimations .t-accent-dark .t-accent-light--grey .loader--small:before,
.cssanimations .t-accent-dark .t-accent-light--grey .loader--small:after {
  background-color: #eee;
}

.t-accent-light--yellow .loader--small,
.cssanimations .t-accent-light--yellow .loader--small:before,
.cssanimations .t-accent-light--yellow .loader--small:after,
.t-accent-dark .t-accent-light--yellow .loader--small,
.cssanimations .t-accent-dark .t-accent-light--yellow .loader--small:before,
.cssanimations .t-accent-dark .t-accent-light--yellow .loader--small:after {
  background-color: #ffd900;
}

.t-accent-dark .loader--small {
  background-color: transparent;
  background-image: url('../images/misc/loader-small-white.gif');
  color: #fff;
}

.cssanimations .t-accent-dark--dark-blue .loader--small:before,
.cssanimations .t-accent-dark--dark-blue .loader--small:after {
  background: #001e60;
}

.cssanimations .t-accent-dark--light-blue .loader--small:before,
.cssanimations .t-accent-dark--light-blue .loader--small:after {
  background: #1a61bd;
}

.cssanimations .t-accent-dark--dark-green .loader--small:before,
.cssanimations .t-accent-dark--dark-green .loader--small:after {
  background: #0e573f;
}

.cssanimations .t-accent-dark--dark-purple .loader--small:before,
.cssanimations .t-accent-dark--dark-purple .loader--small:after {
  background: #421b67;
}

.cssanimations .t-accent-dark--light-purple .loader--small:before,
.cssanimations .t-accent-dark--light-purple .loader--small:after {
  background: #87378e;
}

.cssanimations .t-accent-dark--pink .loader--small:before,
.cssanimations .t-accent-dark--pink .loader--small:after {
  background: #c01b83;
}

.cssanimations .t-accent-dark--teal .loader--small:before,
.cssanimations .t-accent-dark--teal .loader--small:after {
  background: #00788a;
}

/*  ==========================================================================

	PROGRESS LIST - ANIMATIONS

	========================================================================== */

/*  Slide the progress bar in from the left
	========================================================================== */

@-webkit-keyframes animateProgressBar1 {
  from {
    width: 0;
  }

  16.66% {
    width: 100%;
  }
}

@keyframes animateProgressBar1 {
  from {
    width: 0;
  }

  16.66% {
    width: 100%;
  }
}

@-webkit-keyframes animateProgressBar2 {
  from {
    width: 0;
  }

  16.66% {
    width: 0;
  }

  33.33% {
    width: 100%;
  }
}

@keyframes animateProgressBar2 {
  from {
    width: 0;
  }

  16.66% {
    width: 0;
  }

  33.33% {
    width: 100%;
  }
}

@-webkit-keyframes animateProgressBar3 {
  from {
    width: 0;
  }

  33.33% {
    width: 0;
  }

  50% {
    width: 100%;
  }
}

@keyframes animateProgressBar3 {
  from {
    width: 0;
  }

  33.33% {
    width: 0;
  }

  50% {
    width: 100%;
  }
}

@-webkit-keyframes animateProgressBar4 {
  from {
    width: 0;
  }

  50% {
    width: 0;
  }

  66.66% {
    width: 100%;
  }
}

@keyframes animateProgressBar4 {
  from {
    width: 0;
  }

  50% {
    width: 0;
  }

  66.66% {
    width: 100%;
  }
}

@-webkit-keyframes animateProgressBar5 {
  from {
    width: 0;
  }

  66.66% {
    width: 0;
  }

  83.33% {
    width: 100%;
  }
}

@keyframes animateProgressBar5 {
  from {
    width: 0;
  }

  66.66% {
    width: 0;
  }

  83.33% {
    width: 100%;
  }
}

/*  Bounce each number in one after the other from left to right
	========================================================================== */

@-webkit-keyframes animateProgressNum1 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  6% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  13% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  16% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes animateProgressNum1 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  6% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  13% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  16% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes animateProgressNum2 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  13.66% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  19.66% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  26.66% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  29.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes animateProgressNum2 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  13.66% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  19.66% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  26.66% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  29.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes animateProgressNum3 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30.33% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  36.33% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  43.33% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  46.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes animateProgressNum3 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30.33% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  36.33% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  43.33% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  46.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes animateProgressNum4 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  47% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  53% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  60% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  63% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes animateProgressNum4 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  47% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  53% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  60% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  63% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes animateProgressNum5 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  63.66% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  69.66% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  76.66% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  79.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes animateProgressNum5 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  63.66% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  69.66% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  76.66% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  79.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes animateProgressNum6 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80.33% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  86.33% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  93.33% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  96.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes animateProgressNum6 {
  from {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80.33% {
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  86.33% {
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  93.33% {
    color: inherit;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  96.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*  Fade each label in one after the other from left to right
	========================================================================== */

@-webkit-keyframes animateProgressText1 {
  from {
    opacity: 0;
  }

  6% {
    opacity: 0;
  }

  12% {
    opacity: 1;
  }
}

@keyframes animateProgressText1 {
  from {
    opacity: 0;
  }

  6% {
    opacity: 0;
  }

  12% {
    opacity: 1;
  }
}

@-webkit-keyframes animateProgressText2 {
  from {
    opacity: 0;
  }

  19.66% {
    opacity: 0;
  }

  25.66% {
    opacity: 1;
  }
}

@keyframes animateProgressText2 {
  from {
    opacity: 0;
  }

  19.66% {
    opacity: 0;
  }

  25.66% {
    opacity: 1;
  }
}

@-webkit-keyframes animateProgressText3 {
  from {
    opacity: 0;
  }

  36.33% {
    opacity: 0;
  }

  42.33% {
    opacity: 1;
  }
}

@keyframes animateProgressText3 {
  from {
    opacity: 0;
  }

  36.33% {
    opacity: 0;
  }

  42.33% {
    opacity: 1;
  }
}

@-webkit-keyframes animateProgressText4 {
  from {
    opacity: 0;
  }

  53% {
    opacity: 0;
  }

  59% {
    opacity: 1;
  }
}

@keyframes animateProgressText4 {
  from {
    opacity: 0;
  }

  53% {
    opacity: 0;
  }

  59% {
    opacity: 1;
  }
}

@-webkit-keyframes animateProgressText5 {
  from {
    opacity: 0;
  }

  69.66% {
    opacity: 0;
  }

  75.66% {
    opacity: 1;
  }
}

@keyframes animateProgressText5 {
  from {
    opacity: 0;
  }

  69.66% {
    opacity: 0;
  }

  75.66% {
    opacity: 1;
  }
}

@-webkit-keyframes animateProgressText6 {
  from {
    opacity: 0;
  }

  86.33% {
    opacity: 0;
  }

  92.33% {
    opacity: 1;
  }
}

@keyframes animateProgressText6 {
  from {
    opacity: 0;
  }

  86.33% {
    opacity: 0;
  }

  92.33% {
    opacity: 1;
  }
}

/*  Animate colour change from grey to green on each completed section label
	one after the other from left to right
	========================================================================== */

@-webkit-keyframes loadProgressNum1 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  6% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  12% {
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  16% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadProgressNum1 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  6% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  12% {
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  16% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadProgressNum2 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  13.66% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  19.66% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  25.66% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #fff;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  29.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadProgressNum2 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  13.66% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  19.66% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  25.66% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #fff;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  29.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadProgressNum3 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30.33% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  36.33% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  42.33% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #999;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  46.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadProgressNum3 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30.33% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  36.33% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  42.33% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #999;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  46.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadProgressNum4 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  47% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  53% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  59% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #fff;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  63% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadProgressNum4 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  47% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  53% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  59% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #fff;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  63% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadProgressNum5 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  63.66% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  69.66% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  75.66% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #fff;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  79.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadProgressNum5 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  63.66% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  69.66% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  75.66% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #fff;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  79.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadProgressNum6 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80.33% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  86.33% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  92.33% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #fff;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  96.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadProgressNum6 {
  from {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80.33% {
    background-color: #ccc;
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  86.33% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  92.33% {
    background-color: #4f9f31;
    border-color: #4f9f31;
    color: #fff;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  96.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*  Animate colour change from grey to green on each completed section label
	one after the other from left to right
	========================================================================== */

@-webkit-keyframes loadCurrentProgressNum1 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  6% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  12% {
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  16% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadCurrentProgressNum1 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  6% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  12% {
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  16% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadCurrentProgressNum2 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  13.66% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  19.66% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  25.66% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  29.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadCurrentProgressNum2 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  13.66% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  19.66% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  25.66% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  29.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadCurrentProgressNum3 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30.33% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  36.33% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  42.33% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  46.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadCurrentProgressNum3 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30.33% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  36.33% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  42.33% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  46.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadCurrentProgressNum4 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  47% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  53% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  59% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  63% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadCurrentProgressNum4 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  47% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  53% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  59% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  63% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadCurrentProgressNum5 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  63.66% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  69.66% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  75.66% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  79.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadCurrentProgressNum5 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  63.66% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  69.66% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  75.66% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  79.66% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes loadCurrentProgressNum6 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80.33% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  86.33% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  92.33% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  96.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadCurrentProgressNum6 {
  from {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80.33% {
    border-color: #ccc;
    color: #999;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  86.33% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }

  92.33% {
    border-color: #4f9f31;
    color: #4f9f31;
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }

  96.33% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*  Animate colour change from grey to green on each completed section label
	one after the other from left to right
	========================================================================== */

@-webkit-keyframes loadProgressText2 {
  from {
    color: #999;
  }

  19.66% {
    color: #999;
  }

  25.66% {
    color: #4f9f31;
  }
}

@keyframes loadProgressText2 {
  from {
    color: #999;
  }

  19.66% {
    color: #999;
  }

  25.66% {
    color: #4f9f31;
  }
}

@-webkit-keyframes loadProgressText3 {
  from {
    color: #999;
  }

  36.33% {
    color: #999;
  }

  42.33% {
    color: #4f9f31;
  }
}

@keyframes loadProgressText3 {
  from {
    color: #999;
  }

  36.33% {
    color: #999;
  }

  42.33% {
    color: #4f9f31;
  }
}

@-webkit-keyframes loadProgressText4 {
  from {
    color: #999;
  }

  53% {
    color: #999;
  }

  59% {
    color: #4f9f31;
  }
}

@keyframes loadProgressText4 {
  from {
    color: #999;
  }

  53% {
    color: #999;
  }

  59% {
    color: #4f9f31;
  }
}

@-webkit-keyframes loadProgressText5 {
  from {
    color: #999;
  }

  69.66% {
    color: #999;
  }

  75.66% {
    color: #4f9f31;
  }
}

@keyframes loadProgressText5 {
  from {
    color: #999;
  }

  69.66% {
    color: #999;
  }

  75.66% {
    color: #4f9f31;
  }
}

@-webkit-keyframes loadProgressText6 {
  from {
    color: #999;
  }

  86.33% {
    color: #999;
  }

  92.33% {
    color: #4f9f31;
  }
}

@keyframes loadProgressText6 {
  from {
    color: #999;
  }

  86.33% {
    color: #999;
  }

  92.33% {
    color: #4f9f31;
  }
}

/*  Animate colour change from grey to blue on the current section label one
	after the other from left to right
	========================================================================== */

@-webkit-keyframes loadCurrentProgressText2 {
  from {
    border-color: #999;
    color: #999;
  }

  19.66% {
    border-color: #999;
    color: #999;
  }

  25.66% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@keyframes loadCurrentProgressText2 {
  from {
    border-color: #999;
    color: #999;
  }

  19.66% {
    border-color: #999;
    color: #999;
  }

  25.66% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@-webkit-keyframes loadCurrentProgressText3 {
  from {
    border-color: #999;
    color: #999;
  }

  36.33% {
    border-color: #999;
    color: #999;
  }

  42.33% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@keyframes loadCurrentProgressText3 {
  from {
    border-color: #999;
    color: #999;
  }

  36.33% {
    border-color: #999;
    color: #999;
  }

  42.33% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@-webkit-keyframes loadCurrentProgressText4 {
  from {
    border-color: #999;
    color: #999;
  }

  53% {
    border-color: #999;
    color: #999;
  }

  59% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@keyframes loadCurrentProgressText4 {
  from {
    border-color: #999;
    color: #999;
  }

  53% {
    border-color: #999;
    color: #999;
  }

  59% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@-webkit-keyframes loadCurrentProgressText5 {
  from {
    border-color: #999;
    color: #999;
  }

  69.66% {
    border-color: #999;
    color: #999;
  }

  75.66% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@keyframes loadCurrentProgressText5 {
  from {
    border-color: #999;
    color: #999;
  }

  69.66% {
    border-color: #999;
    color: #999;
  }

  75.66% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@-webkit-keyframes loadCurrentProgressText6 {
  from {
    border-color: #999;
    color: #999;
  }

  86.33% {
    border-color: #999;
    color: #999;
  }

  92.33% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

@keyframes loadCurrentProgressText6 {
  from {
    border-color: #999;
    color: #999;
  }

  86.33% {
    border-color: #999;
    color: #999;
  }

  92.33% {
    border-color: #4f9f31;
    color: #4f9f31;
  }
}

/* ==========================================================================

	PROGRESS NAVIGATION

	========================================================================== */

.list-progress {
  color: #999;
  display: table;
  font: bold 1em/1.5 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 16px/24px / 16px */
  margin: 1.25em 0 1.875em;
  /* 20px 0 30px / 16px */
  padding: 0 0 1.5em;
  position: relative;
  table-layout: fixed;
  width: 100%;
}

.fonts-loaded .list-progress {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.list-progress-item {
  counter-increment: section;
  display: table-cell;
  vertical-align: top;
}

.list-progress-item:after {
  bottom: 0;
  color: #4f9f31;
  content: attr(data-current);
  display: block;
  left: 0;
  position: absolute;
}

.list-progress-item:first-child {
  padding-left: 0;
}

.list-progress-item__value {
  display: block;
  font: inherit;
  min-width: 2.1875em;
  /* 35px / 16px */
  padding-top: 2.1875em;
  /* 35px / 16px */
  position: relative;
  text-align: center;
}

.list-progress-item__value:before,
.list-progress-item__value:after {
  border-bottom: 3px solid #ccc;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: .84375em;
  /* 13.5px / 16px */
  width: 50%;
  z-index: 1;
}

.list-progress-item__value:after {
  left: 50%;
  width: 50%;
}

.list-progress-item:first-child .list-progress-item__value:before {
  display: none;
}

.list-progress-item:last-child .list-progress-item__value:after {
  display: none;
}

.list-progress-item__num {
  background: #fff;
  border: 3px solid #ccc;
  border-radius: 50%;
  display: block;
  height: 1.875em;
  /* 30px / 16px */
  left: 50%;
  line-height: 1.5;
  /* 24px / 16px */
  margin-left: -.9375em;
  /* 15px / 16px */
  position: absolute;
  top: 0;
  width: 1.875em;
  /* 30px / 16px */
  z-index: 5;
}

.list-progress-item__text {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  left: -9999em;
  opacity: 0;
  position: absolute;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

.list-progress-item--current {
  color: #30850c;
}

.list-progress-item--current .list-progress-item__value:before {
  border-color: #4f9f31;
}

.list-progress-item--current .list-progress-item__num {
  border-color: #4f9f31;
}

.list-progress-item--complete .list-progress-item__value {
  color: #30850c;
}

.list-progress-item--complete .list-progress-item__value:before,
.list-progress-item--complete .list-progress-item__value:after {
  border-color: #4f9f31;
}

.list-progress-item--complete .list-progress-item__num {
  background: #4f9f31 url('../images/icons/tick-white.png') no-repeat center center;
  border-color: #4f9f31;
  text-indent: -9999em;
}

.svg .list-progress-item--complete .list-progress-item__num {
  background-image: url('../images/icons/tick-white.svg');
}

a.list-progress-item__value,
a.list-progress-item__value:hover,
a.list-progress-item__value:focus {
  border: 0;
  transition: color .35s;
}

a.list-progress-item__value:hover,
a.list-progress-item__value:focus {
  color: #004fb6;
}

.list-progress-item--complete a .list-progress-item__text {
  border-bottom: 3px solid transparent;
  transition: border-color .35s;
}

.list-progress-item--complete a:hover .list-progress-item__text,
.list-progress-item--complete a:focus .list-progress-item__text {
  border-bottom-color: #004fb6;
}

.list-progress-item--complete a .list-progress-item__num {
  transition: background-color .35s, border .35s;
}

.list-progress-item--complete a:hover .list-progress-item__num,
.list-progress-item--complete a:focus .list-progress-item__num {
  background-color: #004fb6;
  border-color: #004fb6;
}

@media (min-width: 35em) {
  .list-progress {
    padding: 0;
    table-layout: fixed;
  }

  .list-progress-item:after {
    content: '';
    display: none;
  }

  .list-progress-item__value {
    min-width: 3.125em;
    /* 50px / 16px */
    padding-top: 2.8125em;
    /* 45px / 16px */
  }

  .list-progress-item__value:before,
  .list-progress-item__value:after {
    border-bottom-width: 4px;
    top: 1.125em;
    /* 18px / 16px */
  }

  .list-progress-item__value:before {
    left: auto;
    right: 50%;
    width: 100%;
  }

  .list-progress-item__value:after {
    border-color: #4f9f31;
    display: none;
    left: 50%;
    right: auto;
    width: 0;
    z-index: 2;
  }

  .list-progress-item__num {
    border-width: 4px;
    font-size: 1.25em;
    /* 20px / 16px */
    height: 2em;
    /* 40px / 20px */
    line-height: 1.6;
    /* 32px / 20px */
    margin-left: -1em;
    /* 20px / 20px */
    width: 2em;
    /* 40px / 20px */
  }

  .list-progress-item__text {
    left: auto;
    opacity: 1;
    position: static;
  }

  .list-progress-item--current .list-progress-item__text {
    border-bottom-width: 4px;
  }

  .cssanimations .list-progress-item--current .list-progress-item__value:before,
  .cssanimations .list-progress-item--complete .list-progress-item__value:before {
    border-color: #ccc;
  }

  .cssanimations .list-progress-item--complete .list-progress-item__value:after {
    display: block;
    width: 100%;
  }

  .cssanimations .list-progress-item--complete .list-progress-item__value:after,
  .cssanimations .list-progress-item .list-progress-item__num,
  .cssanimations .list-progress-item .list-progress-item__text {
    -webkit-animation-duration: 2.25s;
    animation-duration: 2.25s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  /*  Animate progress line
	========================================================================== */

  .cssanimations .list-progress-item--complete:first-child .list-progress-item__value:after {
    -webkit-animation-name: animateProgressBar1;
    animation-name: animateProgressBar1;
  }

  .cssanimations .list-progress-item--complete:nth-child(2) .list-progress-item__value:after {
    -webkit-animation-name: animateProgressBar2;
    animation-name: animateProgressBar2;
  }

  .cssanimations .list-progress-item--complete:nth-child(3) .list-progress-item__value:after {
    -webkit-animation-name: animateProgressBar3;
    animation-name: animateProgressBar3;
  }

  .cssanimations .list-progress-item--complete:nth-child(4) .list-progress-item__value:after {
    -webkit-animation-name: animateProgressBar4;
    animation-name: animateProgressBar4;
  }

  .cssanimations .list-progress-item--complete:nth-child(5) .list-progress-item__value:after {
    -webkit-animation-name: animateProgressBar5;
    animation-name: animateProgressBar5;
  }

  /*  Animations for when on the first section
	========================================================================== */

  .cssanimations .list-progress-item--current:first-child .list-progress-item__num {
    -webkit-animation-name: animateProgressNum1;
    animation-name: animateProgressNum1;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(2) .list-progress-item__num {
    -webkit-animation-name: animateProgressNum2;
    animation-name: animateProgressNum2;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(3) .list-progress-item__num {
    -webkit-animation-name: animateProgressNum3;
    animation-name: animateProgressNum3;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(4) .list-progress-item__num {
    -webkit-animation-name: animateProgressNum4;
    animation-name: animateProgressNum4;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(5) .list-progress-item__num {
    -webkit-animation-name: animateProgressNum5;
    animation-name: animateProgressNum5;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(6) .list-progress-item__num {
    -webkit-animation-name: animateProgressNum6;
    animation-name: animateProgressNum6;
  }

  .cssanimations .list-progress-item--current:first-child .list-progress-item__text {
    -webkit-animation-name: animateProgressText1;
    animation-name: animateProgressText1;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(2) .list-progress-item__text {
    -webkit-animation-name: animateProgressText2;
    animation-name: animateProgressText2;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(3) .list-progress-item__text {
    -webkit-animation-name: animateProgressText3;
    animation-name: animateProgressText3;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(4) .list-progress-item__text {
    -webkit-animation-name: animateProgressText4;
    animation-name: animateProgressText4;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(5) .list-progress-item__text {
    -webkit-animation-name: animateProgressText5;
    animation-name: animateProgressText5;
  }

  .cssanimations .list-progress-item--current:first-child ~ .list-progress-item:nth-child(6) .list-progress-item__text {
    -webkit-animation-name: animateProgressText6;
    animation-name: animateProgressText6;
  }

  /*  Animations for completed sections
	========================================================================== */

  .cssanimations .list-progress-item--complete:first-child .list-progress-item__num {
    -webkit-animation-name: loadProgressNum1;
    animation-name: loadProgressNum1;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(2) .list-progress-item__num {
    -webkit-animation-name: loadProgressNum2;
    animation-name: loadProgressNum2;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(3) .list-progress-item__num {
    -webkit-animation-name: loadProgressNum3;
    animation-name: loadProgressNum3;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(4) .list-progress-item__num {
    -webkit-animation-name: loadProgressNum4;
    animation-name: loadProgressNum4;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(5) .list-progress-item__num {
    -webkit-animation-name: loadProgressNum5;
    animation-name: loadProgressNum5;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(6) .list-progress-item__num {
    -webkit-animation-name: loadProgressNum6;
    animation-name: loadProgressNum6;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(2) .list-progress-item__text {
    -webkit-animation-name: loadProgressText2;
    animation-name: loadProgressText2;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(3) .list-progress-item__text {
    -webkit-animation-name: loadProgressText3;
    animation-name: loadProgressText3;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(4) .list-progress-item__text {
    -webkit-animation-name: loadProgressText4;
    animation-name: loadProgressText4;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(5) .list-progress-item__text {
    -webkit-animation-name: loadProgressText5;
    animation-name: loadProgressText5;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--complete:nth-child(6) .list-progress-item__text {
    -webkit-animation-name: loadProgressText6;
    animation-name: loadProgressText6;
  }

  /*  Animations of the current section
	========================================================================== */

  .cssanimations .list-progress-item--current:first-child .list-progress-item__num {
    -webkit-animation-name: loadCurrentProgressNum1;
    animation-name: loadCurrentProgressNum1;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(2) .list-progress-item__num {
    -webkit-animation-name: loadCurrentProgressNum2;
    animation-name: loadCurrentProgressNum2;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(3) .list-progress-item__num {
    -webkit-animation-name: loadCurrentProgressNum3;
    animation-name: loadCurrentProgressNum3;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(4) .list-progress-item__num {
    -webkit-animation-name: loadCurrentProgressNum4;
    animation-name: loadCurrentProgressNum4;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(5) .list-progress-item__num {
    -webkit-animation-name: loadCurrentProgressNum5;
    animation-name: loadCurrentProgressNum5;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(6) .list-progress-item__num {
    -webkit-animation-name: loadCurrentProgressNum6;
    animation-name: loadCurrentProgressNum6;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(2) .list-progress-item__text {
    -webkit-animation-name: loadCurrentProgressText2;
    animation-name: loadCurrentProgressText2;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(3) .list-progress-item__text {
    -webkit-animation-name: loadCurrentProgressText3;
    animation-name: loadCurrentProgressText3;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(4) .list-progress-item__text {
    -webkit-animation-name: loadCurrentProgressText4;
    animation-name: loadCurrentProgressText4;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(5) .list-progress-item__text {
    -webkit-animation-name: loadCurrentProgressText5;
    animation-name: loadCurrentProgressText5;
  }

  .cssanimations .list-progress-item--complete:first-child ~ .list-progress-item--current:nth-child(6) .list-progress-item__text {
    -webkit-animation-name: loadCurrentProgressText6;
    animation-name: loadCurrentProgressText6;
  }
}

/* ==========================================================================

	PROGRESS BAR

	========================================================================== */

.a-progress-bar {
  border-bottom: 5px solid #eee;
  position: relative;
}

.t-accent-dark .a-progress-bar {
  border-color: #fff;
}

.a-progress-bar__step {
  margin-bottom: .9375em;
  /* 15px / 16px */
}

@media (min-width: 60em) {
  .a-progress-bar__step {
    margin-bottom: 1.25em;
    /* 20px / 16px */
  }
}

.a-progress-bar__step strong {
  padding-left: .25em;
}

.a-progress-bar + h1,
.a-progress-bar + .heading--1 {
  margin-top: .46875em;
  /* 15px / 32px */
}

@media (min-width: 60em) {
  .a-progress-bar + h1,
  .a-progress-bar + .heading--1 {
    margin-top: .36em;
    /* 15px / 42px */
  }
}

.a-progress-bar__line {
  -webkit-animation: progressBar .7s 1 linear;
  animation: progressBar .7s 1 linear;
  background: #eee;
  position: relative;
}

.a-progress-bar__line div {
  background: #4f9f31;
  bottom: -5px;
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
}

.t-accent-dark .a-progress-bar__line {
  background: #fff;
}

.a-progress-bar:before,
.a-progress-bar:after,
.a-progress-bar__step:before,
.a-progress-bar__step:after,
.a-progress-bar__step strong:before,
.a-progress-bar__step strong:after,
.a-progress-bar__ui:before,
.a-progress-bar__ui:after,
.a-progress-bar__ui div:before,
.a-progress-bar__ui div:after {
  background: #fff;
  bottom: -5px;
  content: '';
  display: none;
  height: 5px;
  margin-left: -2.5px;
  position: absolute;
  width: 5px;
  z-index: 3;
}

@-webkit-keyframes progressBar {
  from {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes progressBar {
  from {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.a-progress-bar--1-2 .a-progress-bar__line div {
  width: 50%;
}

.a-progress-bar--2-2 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--2-steps:before {
  display: block;
  left: 50%;
}

.a-progress-bar--1-3 .a-progress-bar__line div {
  width: 33.33%;
}

.a-progress-bar--2-3 .a-progress-bar__line div {
  width: 66.67%;
}

.a-progress-bar--3-3 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--3-steps:before,
.a-progress-bar--3-steps:after {
  display: block;
}

.a-progress-bar--3-steps:before {
  left: 33.33%;
}

.a-progress-bar--3-steps:after {
  left: 66.67%;
}

.a-progress-bar--1-4 .a-progress-bar__line div {
  width: 25%;
}

.a-progress-bar--2-4 .a-progress-bar__line div {
  width: 50%;
}

.a-progress-bar--3-4 .a-progress-bar__line div {
  width: 75%;
}

.a-progress-bar--4-4 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--4-steps:before,
.a-progress-bar--4-steps:after,
.a-progress-bar--4-steps .a-progress-bar__step:before {
  display: block;
}

.a-progress-bar--4-steps:before {
  left: 25%;
}

.a-progress-bar--4-steps:after {
  left: 50%;
}

.a-progress-bar--4-steps .a-progress-bar__step:before {
  left: 75%;
}

.a-progress-bar--1-5 .a-progress-bar__line div {
  width: 20%;
}

.a-progress-bar--2-5 .a-progress-bar__line div {
  width: 40%;
}

.a-progress-bar--3-5 .a-progress-bar__line div {
  width: 60%;
}

.a-progress-bar--4-5 .a-progress-bar__line div {
  width: 80%;
}

.a-progress-bar--5-5 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--5-steps:before,
.a-progress-bar--5-steps:after,
.a-progress-bar--5-steps .a-progress-bar__step:before,
.a-progress-bar--5-steps .a-progress-bar__step:after {
  display: block;
}

.a-progress-bar--5-steps:before {
  left: 20%;
}

.a-progress-bar--5-steps:after {
  left: 40%;
}

.a-progress-bar--5-steps .a-progress-bar__step:before {
  left: 60%;
}

.a-progress-bar--5-steps .a-progress-bar__step:after {
  left: 80%;
}

.a-progress-bar--1-6 .a-progress-bar__line div {
  width: 16.67%;
}

.a-progress-bar--2-6 .a-progress-bar__line div {
  width: 33.33%;
}

.a-progress-bar--3-6 .a-progress-bar__line div {
  width: 50%;
}

.a-progress-bar--4-6 .a-progress-bar__line div {
  width: 66.67%;
}

.a-progress-bar--5-6 .a-progress-bar__line div {
  width: 83.33%;
}

.a-progress-bar--6-6 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--6-steps:before,
.a-progress-bar--6-steps:after,
.a-progress-bar--6-steps .a-progress-bar__step:before,
.a-progress-bar--6-steps .a-progress-bar__step:after,
.a-progress-bar--6-steps .a-progress-bar__step strong:before {
  display: block;
}

.a-progress-bar--6-steps:before {
  left: 16.67%;
}

.a-progress-bar--6-steps:after {
  left: 33.33%;
}

.a-progress-bar--6-steps .a-progress-bar__step:before {
  left: 50%;
}

.a-progress-bar--6-steps .a-progress-bar__step:after {
  left: 66.67%;
}

.a-progress-bar--6-steps .a-progress-bar__step strong:before {
  left: 83.33%;
}

.a-progress-bar--1-7 .a-progress-bar__line div {
  width: 14.29%;
}

.a-progress-bar--2-7 .a-progress-bar__line div {
  width: 28.57%;
}

.a-progress-bar--3-7 .a-progress-bar__line div {
  width: 42.86%;
}

.a-progress-bar--4-7 .a-progress-bar__line div {
  width: 57.14%;
}

.a-progress-bar--5-7 .a-progress-bar__line div {
  width: 71.43%;
}

.a-progress-bar--6-7 .a-progress-bar__line div {
  width: 85.71%;
}

.a-progress-bar--7-7 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--7-steps:before,
.a-progress-bar--7-steps:after,
.a-progress-bar--7-steps .a-progress-bar__step:before,
.a-progress-bar--7-steps .a-progress-bar__step:after,
.a-progress-bar--7-steps .a-progress-bar__step strong:before,
.a-progress-bar--7-steps .a-progress-bar__step strong:after {
  display: block;
}

.a-progress-bar--7-steps:before {
  left: 14.29%;
}

.a-progress-bar--7-steps:after {
  left: 28.57%;
}

.a-progress-bar--7-steps .a-progress-bar__step:before {
  left: 42.86%;
}

.a-progress-bar--7-steps .a-progress-bar__step:after {
  left: 57.14%;
}

.a-progress-bar--7-steps .a-progress-bar__step strong:before {
  left: 71.43%;
}

.a-progress-bar--7-steps .a-progress-bar__step strong:after {
  left: 85.71%;
}

.a-progress-bar--1-8 .a-progress-bar__line div {
  width: 12.5%;
}

.a-progress-bar--2-8 .a-progress-bar__line div {
  width: 25%;
}

.a-progress-bar--3-8 .a-progress-bar__line div {
  width: 37.5%;
}

.a-progress-bar--4-8 .a-progress-bar__line div {
  width: 50%;
}

.a-progress-bar--5-8 .a-progress-bar__line div {
  width: 62.5%;
}

.a-progress-bar--6-8 .a-progress-bar__line div {
  width: 75%;
}

.a-progress-bar--7-8 .a-progress-bar__line div {
  width: 87.5%;
}

.a-progress-bar--8-8 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--8-steps:before,
.a-progress-bar--8-steps:after,
.a-progress-bar--8-steps .a-progress-bar__step:before,
.a-progress-bar--8-steps .a-progress-bar__step:after,
.a-progress-bar--8-steps .a-progress-bar__step strong:before,
.a-progress-bar--8-steps .a-progress-bar__step strong:after,
.a-progress-bar--8-steps .a-progress-bar__ui:before {
  display: block;
}

.a-progress-bar--8-steps:before {
  left: 12.5%;
}

.a-progress-bar--8-steps:after {
  left: 25%;
}

.a-progress-bar--8-steps .a-progress-bar__step:before {
  left: 37.5%;
}

.a-progress-bar--8-steps .a-progress-bar__step:after {
  left: 50%;
}

.a-progress-bar--8-steps .a-progress-bar__step strong:before {
  left: 62.5%;
}

.a-progress-bar--8-steps .a-progress-bar__step strong:after {
  left: 75%;
}

.a-progress-bar--8-steps .a-progress-bar__ui:before {
  left: 87.5%;
}

.a-progress-bar--1-9 .a-progress-bar__line div {
  width: 11.11%;
}

.a-progress-bar--2-9 .a-progress-bar__line div {
  width: 22.22%;
}

.a-progress-bar--3-9 .a-progress-bar__line div {
  width: 33.33%;
}

.a-progress-bar--4-9 .a-progress-bar__line div {
  width: 44.44%;
}

.a-progress-bar--5-9 .a-progress-bar__line div {
  width: 55.56%;
}

.a-progress-bar--6-9 .a-progress-bar__line div {
  width: 66.67%;
}

.a-progress-bar--7-9 .a-progress-bar__line div {
  width: 77.78%;
}

.a-progress-bar--8-9 .a-progress-bar__line div {
  width: 88.89%;
}

.a-progress-bar--9-9 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--9-steps:before,
.a-progress-bar--9-steps:after,
.a-progress-bar--9-steps .a-progress-bar__step:before,
.a-progress-bar--9-steps .a-progress-bar__step:after,
.a-progress-bar--9-steps .a-progress-bar__step strong:before,
.a-progress-bar--9-steps .a-progress-bar__step strong:after,
.a-progress-bar--9-steps .a-progress-bar__ui:before,
.a-progress-bar--9-steps .a-progress-bar__ui:after {
  display: block;
}

.a-progress-bar--9-steps:before {
  left: 11.11%;
}

.a-progress-bar--9-steps:after {
  left: 22.22%;
}

.a-progress-bar--9-steps .a-progress-bar__step:before {
  left: 33.33%;
}

.a-progress-bar--9-steps .a-progress-bar__step:after {
  left: 44.44%;
}

.a-progress-bar--9-steps .a-progress-bar__step strong:before {
  left: 55.56%;
}

.a-progress-bar--9-steps .a-progress-bar__step strong:after {
  left: 66.67%;
}

.a-progress-bar--9-steps .a-progress-bar__ui:before {
  left: 77.78%;
}

.a-progress-bar--9-steps .a-progress-bar__ui:after {
  left: 88.89%;
}

.a-progress-bar--1-10 .a-progress-bar__line div {
  width: 10%;
}

.a-progress-bar--2-10 .a-progress-bar__line div {
  width: 20%;
}

.a-progress-bar--3-10 .a-progress-bar__line div {
  width: 30%;
}

.a-progress-bar--4-10 .a-progress-bar__line div {
  width: 40%;
}

.a-progress-bar--5-10 .a-progress-bar__line div {
  width: 50%;
}

.a-progress-bar--6-10 .a-progress-bar__line div {
  width: 60%;
}

.a-progress-bar--7-10 .a-progress-bar__line div {
  width: 70%;
}

.a-progress-bar--8-10 .a-progress-bar__line div {
  width: 80%;
}

.a-progress-bar--9-10 .a-progress-bar__line div {
  width: 90%;
}

.a-progress-bar--10-10 .a-progress-bar__line div {
  width: 100%;
}

.a-progress-bar--10-steps:before,
.a-progress-bar--10-steps:after,
.a-progress-bar--10-steps .a-progress-bar__step:before,
.a-progress-bar--10-steps .a-progress-bar__step:after,
.a-progress-bar--10-steps .a-progress-bar__step strong:before,
.a-progress-bar--10-steps .a-progress-bar__step strong:after,
.a-progress-bar--10-steps .a-progress-bar__ui:before,
.a-progress-bar--10-steps .a-progress-bar__ui:after,
.a-progress-bar--10-steps .a-progress-bar__ui div:before {
  display: block;
}

.a-progress-bar--10-steps:before {
  left: 10%;
}

.a-progress-bar--10-steps:after {
  left: 20%;
}

.a-progress-bar--10-steps .a-progress-bar__step:before {
  left: 30%;
}

.a-progress-bar--10-steps .a-progress-bar__step:after {
  left: 40%;
}

.a-progress-bar--10-steps .a-progress-bar__step strong:before {
  left: 50%;
}

.a-progress-bar--10-steps .a-progress-bar__step strong:after {
  left: 60%;
}

.a-progress-bar--10-steps .a-progress-bar__ui:before {
  left: 70%;
}

.a-progress-bar--10-steps .a-progress-bar__ui:after {
  left: 80%;
}

.a-progress-bar--10-steps .a-progress-bar__ui div:before {
  left: 90%;
}

/* ==========================================================================

	NAVIGATION

	========================================================================== */

@-webkit-keyframes tab-dropdown-icon {
  from {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes tab-dropdown-icon {
  from {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes tab-dropdown-icon--show {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}

@keyframes tab-dropdown-icon--show {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}

/*  Tabs - Core styles
	========================================================================== */

.nav-tab {
  border-bottom: 3px solid #ccc;
}

.nav-tab__list-wrapper {
  margin: 1.375em 0;
}

.nav-tab__list {
  margin: 0;
}

.nav-tab__list > li {
  border-bottom: 1px solid #ccc;
  height: 100%;
  margin: 0;
  position: relative;
}

.nav-tab__list > li:first-child {
  border-top: 1px solid #ccc;
}

.nav-tab__list > li:last-child {
  border-bottom: 4px solid #ccc;
}

.nav-tab__list .nav-tab__list-link {
  border: 0;
  border-bottom: .25em solid transparent;
  /* 4px / 16px */
  display: block;
  min-height: 100%;
  padding: 1em 1.25em .75em;
  /* 16px 20px 12px / 16px */
  transition: background .35s, border-color .35s, color .35s;
}

.nav-tab__list .nav-tab__list-link:visited {
  color: #004fb6;
}

.nav-tab__list .nav-tab__list-link:hover,
.nav-tab__list .nav-tab__list-link:focus {
  background: #e5edf8;
  border-color: #004fb6;
  padding-bottom: .75em;
  /* 12px / 16px */
}

.nav-tab__list .nav-tab__list-link:after {
  border-left: .625em solid transparent;
  /* 10px / 16px */
  border-right: .625em solid transparent;
  /* 10px / 16px */
  border-top: .625em solid transparent;
  /* 10px / 16px */
  bottom: 0;
  content: '';
  display: block;
  left: 50%;
  margin-left: -.625em;
  /* 10px / 16px */
  position: absolute;
  transition: border-top-color 0s .35s, bottom .35s 0s;
}

.nav-tab__list > li.is-selected {
  border: 0;
}

.nav-tab__list > li.is-selected .nav-tab__list-link {
  background: #4f9f31;
  border-top-color: #4f9f31;
  color: #fff;
  cursor: default;
  font-weight: bold;
}

.fonts-loaded .nav-tab__list > li.is-selected .nav-tab__list-link {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.nav-tab__list > li.is-selected .nav-tab__list-link:hover {
  background: #4f9f31;
  color: #fff;
}

.nav-tab__list > li.is-selected .nav-tab__list-link:focus {
  border-top-color: #4f9f31;
}

.nav-tab__list > li.is-selected .nav-tab__list-link:focus {
  border-bottom: 0;
  border-top-color: #004fb6;
  color: #fff;
}

.nav-tab__list > li.is-selected .nav-tab__list-link:focus:after {
  border-bottom: 0;
  border-top-color: #4f9f31;
  transition: border-top-color .35s;
}

.nav-tab__list-dropdown {
  background: #4f9f31 url('../images/icons/arrow-down-white.png') no-repeat 95% center;
  background-position: right 1.25em center;
  /* 20px / 16px */
  border: 0;
  color: #fff;
  display: block;
  min-height: 100%;
  padding: 1em  3.3125em 1em 1.25em;
  /* 16px 53px 16px 20px / 16px */
  position: relative;
}

.svg .nav-tab__list-dropdown {
  background-image: url('../images/icons/arrow-down-white.svg');
}

.js-tabs .nav-tab__list-dropdown,
.nav-tab__list-dropdown:visited {
  color: #fff;
}

.nav-tab__list-dropdown:hover,
.nav-tab__list-dropdown:focus {
  background-color: #004fb6;
  color: #fff;
}

.is-open .nav-tab__list-dropdown {
  background-image: url('../images/icons/arrow-up-white.png');
}

.svg .is-open .nav-tab__list-dropdown {
  background-image: url('../images/icons/arrow-up-white.svg');
}

.js-tabs .nav-tab__list > li.is-selected {
  display: none;
}

.js-tabs .nav-tab__list {
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: max-height .5s, display 0s .5s;
}

.js-tabs .is-open .nav-tab__list {
  max-height: 40em;
  pointer-events: auto;
  transition: max-height 1s, display 0s;
}

.csstransforms .nav-tab__list-dropdown,
.csstransforms .is-open .nav-tab__list-dropdown {
  background-image: none;
}

.csstransforms .nav-tab__list-dropdown:before {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: tab-dropdown-icon;
  animation-name: tab-dropdown-icon;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: url('../images/icons/arrow-down-white.svg') no-repeat center center;
  content: '';
  display: block;
  height: 1.75em;
  /* 28px / 16px */
  margin-top: -.875em;
  /* 14px / 16px */
  position: absolute;
  right: 1.25em;
  /* 20px / 16px */
  top: 50%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 1.75em;
  /* 28px / 16px */
}

.csstransforms .is-open .nav-tab__list-dropdown:before {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: tab-dropdown-icon--show;
  animation-name: tab-dropdown-icon--show;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.nav-tab__content {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1.875em;
  /* 30px / 16px */
}

.nav-tab__content:last-child,
.js-tabs .nav-tab__content {
  margin-bottom: 0;
}

@media (min-width: 60em) {
  .nav-tab__list-wrapper {
    background: #eee;
  }

  .nav-tab__list {
    display: table;
    height: 100%;
    min-height: 100%;
    table-layout: auto;
    width: auto;
  }

  .nav-tab__list > li {
    border: 0;
    border-left: 1px solid #ccc;
    display: table-cell;
    text-align: center;
    width: auto;
  }

  .nav-tab__list > li:first-child {
    border: 0;
  }

  .nav-tab__list > li:last-child {
    border-bottom: 0;
  }

  .nav-tab__list .nav-tab__list-link {
    border-bottom: 0;
    border-top: .25em solid #eee;
    /* 4px / 16px */
    padding-bottom: 1em;
    /* 16px / 16px */
    padding-top: .75em;
    /* 12px / 16px */
    transition: background .35s .35s, border-color .35s .35s, color .35s .35s;
  }

  .nav-tab__list .is-selected .nav-tab__list-link {
    border-top-color: #4f9f31;
    transition: background .35s, border-color .35s, color .35s;
  }

  .nav-tab__list .nav-tab__list-link:hover,
  .nav-tab__list .nav-tab__list-link:focus {
    border-top-color: #e5edf8;
  }

  .nav-tab__list .nav-tab__list-link:hover,
  .nav-tab__list .nav-tab__list-link:focus {
    border-bottom: 0;
    border-top-color: #44c0ff;
    /* 4px / 16px */
    padding-bottom: 1em;
    /* 16px / 16px */
    padding-top: .75em;
    /* 12px / 16px */
    transition: background .35s, border-color .35s, color .35s;
  }

  .nav-tab__list > li.is-selected .nav-tab__list-link:hover {
    border-top-color: #4f9f31;
  }

  .nav-tab__list > li.is-selected .nav-tab__list-link:focus {
    border-top: .25em solid #004fb6;
    /* 4px / 16px */
    padding-bottom: 1em;
    /* 16px / 16px */
    padding-top: .75em;
    /* 12px / 16px */
  }

  .nav-tab__list > li.is-selected .nav-tab__list-link:after {
    border-top-color: #4f9f31;
    bottom: -.625em;
    /* 10px / 16px */
    transition: border-top-color 0s .35s, bottom .35s .35s;
  }

  .nav-tab__list-dropdown {
    display: none;
  }

  .js-tabs .nav-tab__list,
  .js-tabs .is-open .nav-tab__list {
    max-height: none;
    overflow: visible;
    pointer-events: auto;
    transition: none;
  }

  .js-tabs .nav-tab__list > li.is-selected,
  .js-tabs .is-open .nav-tab__list > li.is-selected {
    display: table-cell;
  }

  .flexbox .nav-tab__list {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
  }

  .flexbox .nav-tab__list > li,
  .flexbox .js-tabs .nav-tab__list > li.is-selected,
  .flexbox .js-tabs .is-open .nav-tab__list > li.is-selected {
    display: block;
    height: auto;
  }

  .flexbox .nav-tab__list .nav-tab__list-link {
    -webkit-flex-grow: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
  }
}

/*  Tabs - Modifier for only two tabs or when tabs will fit at smaller screens
	========================================================================== */

.nav-tab--two > .nav-tab__list-wrapper,
.nav-tab--will-fit > .nav-tab__list-wrapper {
  background: #eee;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list {
  display: table;
  height: 100%;
  min-height: 100%;
  table-layout: auto;
  width: auto;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list {
  table-layout: fixed;
  width: 100%;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li {
  border: 0;
  border-left: 1px solid #ccc;
  display: table-cell;
  text-align: center;
  width: auto;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li {
  width: 50%;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li:first-child,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li:first-child {
  border: 0;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li:last-child,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li:last-child {
  border-bottom: 0;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link {
  border-bottom: 0;
  border-top: .25em solid #eee;
  /* 4px / 16px */
  padding-bottom: 1em;
  /* 16px / 16px */
  padding-top: .75em;
  /* 12px / 16px */
  transition: background .35s .35s, border-color .35s .35s, color .35s .35s;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list .is-selected .nav-tab__list-link,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list .is-selected .nav-tab__list-link {
  border-top-color: #4f9f31;
  transition: background .35s, border-color .35s, color .35s;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link:hover,
.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link:focus,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link:hover,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link:focus {
  border-top-color: #e5edf8;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link:hover,
.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link:focus,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link:hover,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link:focus {
  border-bottom: 0;
  border-top-color: #004fb6;
  /* 4px / 16px */
  padding-bottom: 1em;
  /* 16px / 16px */
  padding-top: .75em;
  /* 12px / 16px */
  transition: background .35s, border-color .35s, color .35s;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected .nav-tab__list-link:hover,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected .nav-tab__list-link:hover {
  border-top-color: #4f9f31;
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected .nav-tab__list-link:focus,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected .nav-tab__list-link:focus {
  border-top: .25em solid #004fb6;
  /* 4px / 16px */
  padding-bottom: 1em;
  /* 16px / 16px */
  padding-top: .75em;
  /* 12px / 16px */
}

.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected .nav-tab__list-link:after,
.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected .nav-tab__list-link:after {
  border-top-color: #4f9f31;
  bottom: -.625em;
  /* 10px / 16px */
  transition: border-top-color 0s .35s, bottom .35s .35s;
}

.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list-dropdown {
  display: none;
}

.js-tabs.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list,
.js-tabs.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list {
  max-height: none;
  overflow: visible;
  pointer-events: auto;
  transition: none;
}

.js-tabs.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected,
.js-tabs.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected {
  display: table-cell;
}

.flexbox .nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list,
.flexbox .nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}

.flexbox .nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li,
.flexbox .nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li,
.flexbox .js-tabs.nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected,
.flexbox .js-tabs.nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list > li.is-selected {
  display: block;
  height: auto;
}

.flexbox .nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link,
.flexbox .nav-tab--will-fit > .nav-tab__list-wrapper > .nav-tab__list .nav-tab__list-link {
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
}

@media (min-width: 35em) {
  .nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list {
    max-width: 100%;
    table-layout: auto;
    width: auto;
  }

  .nav-tab--two > .nav-tab__list-wrapper > .nav-tab__list > li {
    width: auto;
  }
}

/* ==========================================================================

	PAGINATION

	========================================================================== */

.pagination {
  margin: 0 auto 1em;
  /* 16px / 16px */
  max-width: 26em;
  /* 416px / 16px */
  overflow: auto;
}

.pagination__list {
  margin: 0;
  text-align: center;
}

.pagination__list > li {
  margin-bottom: 0;
}

.pagination__list-item {
  display: inline-block;
  margin: 0;
}

.pagination__list a,
.pagination__list span {
  border: 0;
  border-radius: 50%;
  color: #004fb6;
  display: block;
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: bold;
  line-height: 2.5em;
  /* 40px / 16px */
  padding: 0;
  transition: background .35s, color .35s;
  width: 2.5em;
  /* 40px / 16px */
}

.pagination__list a:visited {
  color: #004fb6;
}

.pagination__list a:hover,
.pagination__list a:focus {
  background: #e5edf8;
}

.pagination__list-item--selected span {
  background: #4f9f31;
  color: #fff;
}

.pagination__list-item--secondary {
  display: none;
}

.pagination__previous,
.pagination__next {
  float: left;
  margin-top: -2.55em;
}

.pagination__next {
  float: right;
}

.pagination__previous a,
.pagination__next a {
  background-repeat: no-repeat;
  border: 0;
  display: block;
  line-height: 2.5em;
  /* 40px / 16px */
  padding: 0;
  transition: background-position .35s;
  width: 1.25em;
  /* 20px / 16px */
}

.pagination__previous a {
  background-image: url('../images/icons/arrow-left.png');
  background-position: right center;
}

.svg .pagination__previous a {
  background-image: url('../images/icons/arrow-left.svg');
}

.pagination__next a {
  background-image: url('../images/icons/arrow-right.png');
  background-position: left center;
}

.svg .pagination__next a {
  background-image: url('../images/icons/arrow-right.svg');
}

.pagination__previous a:hover,
.pagination__previous a:focus {
  background-position: left center;
}

.pagination__next a:hover,
.pagination__next a:focus {
  background-position: right center;
}

.pagination__previous span,
.pagination__next span {
  display: block;
  text-indent: -9999em;
}

@media (min-width: 20em) {
  .pagination__previous a,
  .pagination__next a {
    width: 1.875em;
    /* 30px / 16px */
  }
}

@media (min-width: 35em) {
  .pagination {
    max-width: 36em;
    /* 576px / 16px */
  }

  .pagination__list-item--secondary {
    display: inline-block;
  }

  .pagination__previous a,
  .pagination__next a {
    width: 2.5em;
    /* 40px / 16px */
  }

  .pagination__previous a,
  .pagination__next a:hover,
  .pagination__next a:focus {
    background-position: 75% center;
  }

  .pagination__next a,
  .pagination__previous a:hover,
  .pagination__previous a:focus {
    background-position: 25% center;
  }
}

/* ==========================================================================

	PODS

	========================================================================== */

/*  Pod - Core styles
	========================================================================== */

.pod {
  background: #eee;
  margin-bottom: 1.25em;
  /* 20px / 16px */
}

.pod__heading {
  border-bottom: 1px solid #ccc;
  color: #5c596d;
  font: normal 1.5em/1.4167 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 24px/34px / 16px */
  margin: 0;
  padding: .9167em;
  /* 22px / 24px */
}

.fonts-loaded .pod__heading {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.pod__content {
  padding: 1em;
  /* 16px / 16px */
}

.pod__content > :first-child {
  margin-top: 0;
}

.pod__content > :last-child {
  margin-bottom: 0;
}

@media (min-width: 35em) {
  .pod__heading {
    font-size: 1.625em;
    /* 26px / 16px */
    line-height: 1.3846em;
    /* 36px / 26px */
    padding-left: .7692em;
    /* 20px / 26px */
    padding-right: .7692em;
    /* 20px / 26px */
  }

  .pod__content {
    padding-left: 1.25em;
    /* 20px / 16px */
    padding-right: 1.25em;
    /* 20px / 16px */
  }
}

@media (min-width: 60em) {
  .pod__heading {
    font-size: 1.75em;
    /* 28px / 16px */
    line-height: 1.2857;
    /* 36px / 28px */
    padding-left: 1.0714em;
    /* 30px / 28px */
    padding-right: 1.0714em;
    /* 30px / 28px */
  }

  .pod__content {
    padding-left: 1.875em;
    /* 30px / 16px */
    padding-right: 1.875em;
    /* 30px / 16px */
  }
}

/*  Pod - Modifier bordered
	========================================================================== */

.pod--bordered {
  background: #fff;
  border: 1px solid #ccc;
}

/*  Pod - Error modifier
	========================================================================== */

.pod--error {
  background: #fff;
  border: 1px solid #bd2624;
  padding: 1.375em 1em 1.875em;
  /* 22px 16px 30px 16px / 16px */
}

.pod--error.t-accent-light {
  background: #fff;
}

.pod--error .pod__heading {
  background: url('../images/icons/warning.png') no-repeat 0 .2143em;
  /* 0 6px / 28px */
  border: 0;
  color: #bd2624;
  padding: 0 0 .7857em 1.7143em;
  /* 0 0 22px 48px / 28px */
}

.svg .pod--error .pod__heading {
  background-image: url('../images/icons/warning.svg');
}

.pod--error .pod__content {
  padding: 0 0 0 3em;
  /* 48px / 16px */
}

@media (min-width: 35em) {
  .pod--error {
    padding-left: 1.25em;
    /* 20px / 16px */
    padding-right: 1.25em;
    /* 20px / 16px */
  }
}

@media (min-width: 60em) {
  .pod--error {
    padding-left: 1.875em;
    /* 30px / 16px */
    padding-right: 1.875em;
    /* 30px / 16px */
  }
}

/*  Error pod - modifer for error pods used with forms
	========================================================================== */

@media (min-width: 60em) {
  .pod--form-error .pod__heading,
  .pod--form-error .pod__content {
    margin-left: 33.33%;
  }

  .csscalc .pod--form-error .pod__heading {
    margin-left: calc(33.33% - 1.7143em - .714em);
  }

  .csscalc .pod--form-error .pod__content {
    margin-left: calc(33.33% - 3em - 1.25em);
  }

  .l-content-container--constrained .pod--form-error .pod__heading,
  .l-content-container--constrained .pod--form-error .pod__content {
    margin-left: 0;
  }
}

/*  Pod - notification pod modifers
	========================================================================== */

.pod--success,
.pod--information,
.pod--neutral,
.pod--warning {
  background-position: 1.5em center;
  /* 20px / 16px */
  background-repeat: no-repeat;
  padding-left: 3.125em;
  /* 50px / 16px */
}

.pod--success,
.t-accent-light.pod--success {
  background-color: #4f9f31;
}

.pod--success {
  background-image: url('../images/icons/tick-white.png');
  background-position: 1.125em center;
  /* 18px / 16px */
}

.svg .pod--success {
  background-image: url('../images/icons/tick-white.svg');
}

.pod--neutral,
.t-accent-light.pod--neutral {
  background-color: #44c0ff;
}

.pod--information,
.t-accent-light.pod--information {
  background-color: #ffa000;
}

.pod--information,
.pod--neutral {
  background-image: url('../images/icons/notification-info.png');
}

.svg .pod--information,
.svg .pod--neutral {
  background-image: url('../images/icons/notification-info.svg');
}

.pod--warning,
.t-accent-light.pod--warning {
  background-color: #bd2624;
}

.pod--warning {
  background-image: url('../images/icons/notification-warning.png');
}

.svg .pod--warning {
  background-image: url('../images/icons/notification-warning.svg');
}

.pod--success .pod__content,
.pod--information .pod__content,
.pod--neutral .pod__content,
.pod--warning .pod__content {
  background: #eee;
}

/* ==========================================================================

	PAGE LAYOUTS

	========================================================================== */

/*  Media query detection settings
	========================================================================== */

body:after {
  content: 'small';
  left: -9999em;
  position: absolute;
  top: 0;
  visibility: hidden;
}

html {
  font-family: 'small';
}

@media (min-width: 35em) {
  body:after {
    content: 'medium';
  }

  html {
    font-family: 'medium';
  }
}

@media (min-width: 60em) {
  body:after {
    content: 'large';
  }

  html {
    font-family: 'large';
  }
}

/*  Content container
	==========================================================================

	Contrain content to a central proportion of the screen to maintain
	consistency down the page
*/

.l-content-container {
  margin: 0 auto;
  max-width: 81.25em;
  /* 1300px / 16px */
  padding: 0 1.25em;
  /* 20px / 16px */
}

.l-content-container--constrained {
  max-width: 28em;
  /* 448px / 16px */
}

@media (min-width: 35em) {
  .l-content-container {
    padding: 0 1.875em;
    /* 30px / 16px */
  }

  .l-content-container--constrained {
    max-width: 29.75em;
    /* 476px / 16px */
  }
}

/*  Divider
	==========================================================================

	Adds a line at the bottom of the element
*/

.u-divider {
  border-bottom: 1px solid #ccc;
  margin: 1.625em 0 1em;
  /* 26px 0 16px 0 / 16px */
  overflow: auto;
}

.u-divider h1,
.u-divider .heading--1 {
  margin-bottom: .381em;
  /* 16px / 42px */
  margin-top: 0;
}

.u-divider h2,
.u-divider .heading--2,
.u-divider h3,
.u-divider .heading--3 {
  margin-bottom: .5714em;
  /* 16px / 28px */
  margin-top: 0;
}

.u-divider > h1.u-align--left + p.u-align--right,
.u-divider > .heading--1.u-align--left + p.u-align--right,
.u-divider > h2.u-align--left + p.u-align--right,
.u-divider > .heading--2.u-align--left + p.u-align--right,
.u-divider > h3.u-align--left + p.u-align--right,
.u-divider > .heading--3.u-align--left + p.u-align--right {
  margin-left: 1.25em;
  /* 20px / 16px */
  margin-top: 1.25em;
  /* 20px / 16px */
}

.u-divider > h2.u-align--left + p.u-align--right,
.u-divider > .heading--2.u-align--left + p.u-align--right,
.u-divider > h3.u-align--left + p.u-align--right,
.u-divider > .heading--3.u-align--left + p.u-align--right {
  margin-top: .5em;
  /* 8px / 16px */
}

@media (min-width: 35em) {
  .u-divider {
    margin: 3.5em 0 1em;
    /* 56px 0 18px 0 / 12.8px */
  }
}

/*  Pod - Sentence followed by print button
	========================================================================== */

@media (min-width: 35em) {
  .with-print-button {
    display: table;
    width: 100%;
  }

  .with-print-button p {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
  }

  .with-print-button p:first-child {
    text-align: left;
  }
}

/*  Columns
	========================================================================== */

.l-columns {
  margin: -1.25em 0 1.25em 0;
  /* -20px 0 20px 0 / 16px */
  overflow: auto;
}

.l-columns:after {
  clear: both;
  content: '';
  display: block;
}

.l-columns > .l-columns__column {
  margin: 1.25em 0 0;
  /* 20px 0 0 / 16px */
  padding-bottom: 1px;
  /* fix for scroll bar when text link last item within column */
}

.l-columns > .l-columns__column > :first-child {
  margin-top: 0;
}

.l-columns > .l-columns__column > .l-columns:first-child {
  margin-top: -1.25em;
  /* -20px / 16px */
}

.l-columns > .l-columns__column > :last-child {
  margin-bottom: 0;
}

@media (max-width: 35em) {
  .l-columns--2-small.l-columns {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -4%;
    /* -4% / 16px */
  }

  .l-columns--2-small.l-columns--reversed {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .csscalc .l-columns--2-small.l-columns {
    margin-left: -1.25em;
    /* 20px / 16px */
  }

  .l-columns--2-small > .l-columns__column {
    float: left;
    margin-left: 4%;
    /* 4% / 16px */
    overflow: auto;
  }

  .l-columns--2-small.l-columns--reversed > .l-columns__column {
    float: right;
  }

  .csscalc .l-columns--2-small > .l-columns__column {
    margin-left: 1.25em;
    /* 20px / 16px */
  }

  .l-columns--2-small > .l-columns__column {
    width: 46%;
  }

  .csscalc .l-columns--2-small > .l-columns__column {
    width: calc(50% - 1.25em);
    /* 20px / 16px */
  }

  .l-columns--2-small > .l-columns__column:nth-child(2n+1) {
    clear: both;
  }
}

@media (min-width: 35em) and (max-width: 60em) {
  .l-columns--2-medium.l-columns,
  .l-columns--3-medium.l-columns,
  .l-columns--4-medium.l-columns {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -2.5%;
    /* -2.5% / 16px */
  }

  .l-columns--2-medium.l-columns--reversed,
  .l-columns--3-medium.l-columns--reversed,
  .l-columns--4-medium.l-columns--reversed {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .csscalc .l-columns--2-medium.l-columns,
  .csscalc .l-columns--3-medium.l-columns,
  .csscalc .l-columns--4-medium.l-columns {
    margin-left: -1.25em;
    /* 20px / 16px */
  }

  .l-columns--2-medium > .l-columns__column,
  .l-columns--3-medium > .l-columns__column,
  .l-columns--4-medium > .l-columns__column {
    float: left;
    margin-left: 2.5%;
    /* 2.5% / 16px */
    overflow: auto;
  }

  .l-columns--2-medium.l-columns--reversed > .l-columns__column,
  .l-columns--3-medium.l-columns--reversed > .l-columns__column,
  .l-columns--4-medium.l-columns--reversed > .l-columns__column {
    float: right;
  }

  .csscalc .l-columns--2-medium > .l-columns__column,
  .csscalc .l-columns--3-medium > .l-columns__column,
  .csscalc .l-columns--4-medium > .l-columns__column {
    margin-left: 1.25em;
    /* 20px / 16px */
  }

  .l-columns--2-medium > .l-columns__column {
    width: 47.5%;
  }

  .csscalc .l-columns--2-medium > .l-columns__column {
    width: calc(50% - 1.25em);
    /* 20px / 16px */
  }

  .l-columns--2-medium > .l-columns__column:nth-child(2n+1) {
    clear: both;
  }

  .l-columns--3-medium > .l-columns__column {
    width: 30.83%;
  }

  .csscalc .l-columns--3-medium > .l-columns__column {
    width: calc(33.33% - 1.25em);
    /* 20px / 16px */
  }

  .l-columns--3-medium > .l-columns__column:nth-child(3n+1) {
    clear: both;
  }

  .l-columns--4-medium > .l-columns__column {
    width: 22.5%;
  }

  .csscalc .l-columns--4-medium > .l-columns__column {
    width: calc(25% - 1.25em);
    /* 20px / 16px */
  }

  .l-columns--4-medium > .l-columns__column:nth-child(4n+1) {
    clear: both;
  }
}

@media (min-width: 60em) {
  .l-columns {
    margin-bottom: 1.875em;
    /* 30px / 16px */
    margin-top: -1.875em;
    /* -30px / 16px */
  }

  .l-columns > .l-columns__column {
    margin-top: 1.875em;
    /* 30px / 16px */
  }

  .l-columns > .l-columns__column > .l-columns:first-child {
    margin-top: -1.875em;
    /* -30px / 16px */
  }

  .l-columns--2-large.l-columns,
  .l-columns--3-large.l-columns,
  .l-columns--4-large.l-columns,
  .l-columns--5-large.l-columns,
  .l-columns--6-large.l-columns {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -2.5%;
    /* -2.5% / 16px */
  }

  .l-columns--2-large.l-columns--reversed,
  .l-columns--3-large.l-columns--reversed,
  .l-columns--4-large.l-columns--reversed,
  .l-columns--5-large.l-columns--reversed,
  .l-columns--6-large.l-columns--reversed {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .csscalc .l-columns--2-large.l-columns,
  .csscalc .l-columns--3-large.l-columns,
  .csscalc .l-columns--4-large.l-columns,
  .csscalc .l-columns--5-large.l-columns,
  .csscalc .l-columns--6-large.l-columns {
    margin-left: -1.875em;
    /* 30px / 16px */
  }

  .l-columns--2-large > .l-columns__column,
  .l-columns--3-large > .l-columns__column,
  .l-columns--4-large > .l-columns__column,
  .l-columns--5-large > .l-columns__column,
  .l-columns--6-large > .l-columns__column {
    float: left;
    margin-left: 2.5%;
    /* 2.5% / 16px */
    overflow: auto;
  }

  .l-columns--2-large.l-columns--reversed > .l-columns__column,
  .l-columns--3-large.l-columns--reversed > .l-columns__column,
  .l-columns--4-large.l-columns--reversed > .l-columns__column,
  .l-columns--5-large.l-columns--reversed > .l-columns__column,
  .l-columns--6-large.l-columns--reversed > .l-columns__column {
    float: right;
  }

  .csscalc .l-columns--2-large > .l-columns__column,
  .csscalc .l-columns--3-large > .l-columns__column,
  .csscalc .l-columns--4-large > .l-columns__column,
  .csscalc .l-columns--5-large > .l-columns__column,
  .csscalc .l-columns--6-large > .l-columns__column {
    margin-left: 1.875em;
    /* 30px / 16px */
  }

  .l-columns--2-large > .l-columns__column {
    width: 47.5%;
  }

  .csscalc .l-columns--2-large > .l-columns__column {
    width: calc(50% - 1.875em);
    /* 30px / 16px */
  }

  .l-columns--2-large > .l-columns__column:nth-child(2n+1) {
    clear: both;
  }

  .l-columns--3-large > .l-columns__column {
    width: 30.83%;
  }

  .csscalc .l-columns--3-large > .l-columns__column {
    width: calc(33.33% - 1.875em);
    /* 30px / 16px */
  }

  .l-columns--3-large > .l-columns__column:nth-child(3n+1) {
    clear: both;
  }

  .l-columns--4-large > .l-columns__column {
    width: 22.5%;
  }

  .csscalc .l-columns--4-large > .l-columns__column {
    width: calc(25% - 1.875em);
    /* 30px / 16px */
  }

  .l-columns--4-large > .l-columns__column:nth-child(4n+1) {
    clear: both;
  }

  .l-columns--5-large > .l-columns__column {
    width: 17.5%;
  }

  .csscalc .l-columns--5-large > .l-columns__column {
    width: calc(20% - 1.875em);
    /* 30px / 16px */
  }

  .l-columns--5-large > .l-columns__column:nth-child(5n+1) {
    clear: both;
  }

  .l-columns--6-large > .l-columns__column {
    width: 14.167%;
  }

  .csscalc .l-columns--6-large > .l-columns__column {
    width: calc(16.667% - 1.875em);
    /* 30px / 16px */
  }

  .l-columns--6-large > .l-columns__column:nth-child(6n+1) {
    clear: both;
  }
}

/*  Constrain - constrain on desktop
	========================================================================== */

.l-max {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 35em) {
  .l-max--2-col-small {
    max-width: 46%;
  }

  .csscalc .l-max--2-col-small {
    max-width: calc(50% - 1.25em);
    /* 20px / 16px */
  }
}

@media (min-width: 35em) and (max-width: 60em) {
  .l-max--4-col-medium {
    max-width: 47.5%;
  }

  .csscalc .l-max--4-col-medium {
    max-width: calc(50% - 1.25em);
    /* 20px / 16px */
  }

  .l-max--6-col-medium {
    max-width: 72.5%;
  }

  .csscalc .l-max--6-col-medium {
    max-width: calc(75% - 1.25em);
    /* 20px / 16px */
  }
}

@media (min-width: 60em) {
  .l-max--4-col-large {
    max-width: 30.833%;
  }

  .csscalc .l-max--4-col-large {
    max-width: calc(33.333% - 1.875em);
    /* 30px / 16px */
  }

  .l-max--6-col-large {
    max-width: 47.5%;
  }

  .csscalc .l-max--6-col-large {
    max-width: calc(50% - 1.875em);
    /* 30px / 16px */
  }

  .l-max--8-col-large {
    max-width: 64.167%;
  }

  .csscalc .l-max--8-col-large {
    max-width: calc(66.667% - 1.875em);
    /* 30px / 16px */
  }

  .l-max--10-col-large {
    max-width: 80.833%;
  }

  .csscalc .l-max--10-col-large {
    max-width: calc(83.333% - 1.875em);
    /* 30px / 16px */
  }
}

/*Pullout containers*/

@media (min-width: 60em) {
  .l-editorial-content {
    overflow: auto;
    padding-left: 17%;
    padding-right: 17%;
  }

  .l-editorial-content .l-editorial-content__pullout {
    float: left;
    margin: 1em 1.875em 1em -17%;
    /* 16px 30px 16px 17% / 16px */
    width: 45%;
  }

  .l-editorial-content .l-editorial-content__pullout--right {
    float: right;
    margin-left: 1.875em;
    /* 30px / 16px */
    margin-right: -17%;
  }

  .l-editorial-content .l-editorial-content__pullout > :first-child {
    margin-top: 0;
  }

  .l-editorial-content .l-editorial-content__pullout > :last-child {
    margin-bottom: 0;
  }
}

/* ==========================================================================

	MASTHEAD

	========================================================================== */

/*  Masthead with logo - Core styles
	========================================================================== */

.masthead {
  background: #ffd900;
  padding: 1.25em 0 .875em;
  /* 20px 0 14px / 16px */
}

.masthead .l-content-container {
  position: relative;
}

.masthead-logo {
  line-height: 1px;
  margin: 0 auto;
  padding: 0 1em;
  width: 8.25em;
  /* 132px / 16px */
}

.masthead-logo__link {
  border: 0;
  display: block;
  line-height: 1px;
  min-height: 21px;
  padding: 0;
}

.svg .masthead-logo__link {
  background: url('../images/logo/aviva-logo.svg') no-repeat center center;
  background-size: 6.25em;
  /* 100px / 16px */
}

.svg .masthead-logo__image {
  visibility: hidden;
}

@media (min-width: 35em) {
  .masthead-logo {
    width: 9.1875em;
    /* 147px / 16px */
  }

  .svg .masthead-logo__link {
    background-size: 7.1875em;
    /* 115px / 16px */
  }
}

@media (min-width: 60em) {
  .masthead__full .masthead-logo {
    margin: 0;
  }
}

/*  Skip links - Core styles
	========================================================================== */

.masthead__skip-links {
  margin: 0;
}

.masthead__skip-links > li {
  margin: 0;
}

.masthead__skip-links > li > a {
  background: #e5edf8;
  border-bottom: .25em solid #44c0ff;
  left: -999em;
  padding: .5em 1.0625em .625em;
  /* 8px 17px 10px / 16px */
  position: absolute;
  top: -1.25em;
  /* 20px / 16px */
  transition: background-color .35s;
  z-index: 3;
}

.masthead__skip-links > li > a:focus {
  left: 0;
}

.masthead__skip-links > li > a:visited {
  color: #004fb6;
}

.masthead__full .masthead__menu-link > a {
  background: transparent url('../images/icons/hamburger.png') no-repeat center center;
  border: 0;
  height: 3.4375em;
  /* 55px / 16px */
  left: 0;
  text-indent: -9999em;
  width: 3.4375em;
  /* 55px / 16px */
  z-index: 2;
}

.masthead__full .masthead__menu-link > a:hover,
.masthead__full .masthead__menu-link > a:focus {
  background-color: #fff;
}

.masthead__full .masthead__menu-link > .is-open {
  background-image: url('../images/icons/hamburger-close.png');
}

/*  Logged in links - Core styles
	========================================================================== */

.masthead__loggedin-links {
  margin: 0;
  position: absolute;
  right: 1em;
  /* 16px / 16px */
  top: -.375em;
}

.masthead__loggedin-links > li {
  border-right: 1px solid #999;
  display: none;
  float: left;
  margin: 0;
  padding: 0 .625em;
  /* 10px / 16px */
}

.masthead__loggedin-links > li:last-child {
  border-right: 0;
  padding-right: 0;
}

.masthead__loggedin-links a,
.masthead__loggedin-links a:visited {
  border-bottom-color: transparent;
  color: #5c596d;
  font-weight: normal;
  transition: border .35s, color .35s;
}

.fonts-loaded .masthead__loggedin-links a,
.fonts-loaded .masthead__loggedin-links a:visited {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.masthead__loggedin-links a:hover,
.masthead__loggedin-links a:focus {
  border-bottom-color: #004fb6;
  color: #004fb6;
}

.masthead__loggedin-links .masthead__messages-link {
  border: 0;
  display: block;
  padding: 0;
}

.masthead__messages-link a {
  background: url('../images/icons/email.png') no-repeat right bottom;
  border: 0;
  display: block;
  overflow: hidden;
  position: relative;
  text-indent: -9999em;
  width: 1.875em;
  /* 30px / 16px */
}

.svg .masthead__messages-link a {
  background-image: url('../images/icons/email.svg');
}

.masthead__messages-link a:hover,
.masthead__messages-link a:focus {
  outline: 1px dotted #999;
}

.masthead__messages-link__notification-number {
  background: #fff;
  border-radius: 50%;
  color: #004fb6;
  display: block;
  font-size: .625em;
  /* 10px / 16px */
  font-weight: bold;
  left: 0;
  line-height: 2;
  /* 20px / 10px */
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 0;
  width: 2em;
  /* 20px / 10px */
}

@media (min-width: 35em) {
  .masthead__loggedin-links {
    right: 1.25em;
    /* 20px / 16px */
  }
}

@media (min-width: 60em) {
  .masthead__full .masthead__menu-link > a {
    background: #e5edf8;
    border-bottom: .25em solid #44c0ff;
    height: auto;
    left: -999em;
    text-indent: 0;
    width: auto;
    z-index: 3;
  }

  .masthead__full .masthead__menu-link > a:hover,
  .masthead__full .masthead__menu-link > a:focus {
    background: #e5edf8;
    left: 0;
  }

  .masthead__loggedin-links {
    right: 1.875em;
    /* 30px / 16px */
  }

  .masthead__loggedin-links > li {
    display: block;
  }

  .masthead__loggedin-links .masthead__messages-link {
    padding-right: .625em;
    /* 10px / 16px */
  }
}

/*  Page layout - Core styles
	========================================================================== */

.js-hamburger body {
  overflow: hidden;
}

.page-wrapper {
  background: #fff;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.js-hamburger .page-wrapper {
  width: 200%;
}

.js-hamburger.csstransforms3d .page-wrapper {
  left: 0;
  overflow-x: visible;
  position: relative;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  width: 100%;
}

.js-hamburger .page-wrapper:after {
  background: #333;
  bottom: 0;
  content: '';
  display: block;
  left: -10px;
  opacity: 0;
  position: absolute;
  right: auto;
  top: 0;
  transition: opacity .5s, left 0s .5s, right 0s .5s, visibility 0s .5s, width 0s .5s;
  visibility: hidden;
  width: 1px;
  z-index: 1000;
}

.js-hamburger .page-wrapper:before {
  background: #fff;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  margin-left: -100%;
  max-width: 19.375em;
  /* 310px / 16px */
  position: absolute;
  top: 0;
  transition: margin-left .5s;
  width: 50%;
  z-index: 1010;
}

.js-hamburger.csstransforms3d .page-wrapper:before {
  margin-left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  width: 19.375em;
  /* 310px / 16px */
}

.js-hamburger .page-wrapper.is-open:before {
  display: block;
  margin-left: 0;
  transition: margin-left .5s;
}

.js-hamburger .page-wrapper.is-open:after {
  display: block;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
  -webkit-filter: blur(0);
  filter: blur(0);
  left: 0;
  opacity: .75;
  right: 0;
  transition: opacity .5s, left 0s, right 0s, visibility 0s, width 0s;
  visibility: visible;
  width: auto;
}

@media (min-width: 60em) {
  .js-hamburger .page-wrapper {
    width: 100%;
  }

  .js-hamburger.csstransforms .page-wrapper,
  .js-hamburger.csstransforms .page-wrapper.is-open {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .js-hamburger .page-wrapper.is-open:before,
  .js-hamburger .page-wrapper.is-open:after {
    display: none;
  }
}

.content-wrapper {
  position: relative;
  width: 100%;
}

.content-wrapper > * {
  transition: -webkit-filter .5s;
  transition: filter .5s;
  transition: filter .5s, -webkit-filter .5s;
}

.js-hamburger .content-wrapper {
  float: left;
  position: relative;
  width: 50%;
}

.js-hamburger.csstransforms3d .content-wrapper {
  float: none;
  overflow: auto;
  width: 100%;
}

.js-hamburger .page-wrapper.is-open .content-wrapper > * {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2.5" /></filter></svg>#filter');
  -webkit-filter: blur(2.5px);
  filter: blur(2.5px);
}

@media (min-width: 60em) {
  .js-hamburger .content-wrapper {
    float: none;
    width: 100%;
  }

  .js-hamburger .page-wrapper.is-open .content-wrapper > * {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

/*  Main naviation - Core styles
	========================================================================== */

.nav--main {
  background: #fff;
  position: relative;
  z-index: 2000;
}

.nav-list {
  margin: 0;
}

.nav-list .nav-list__item {
  margin: 0;
}

.nav-list__item a,
.nav-list__item a:visited {
  border-bottom: 0;
  border-left: .25em solid transparent;
  color: #5c596d;
  display: block;
  padding: 1.625em 2.375em 1.625em 1em;
  /* 26px 38px 16px 26px / 16px */
  position: relative;
  transition: background .35s, border-color .35s;
}

.nav-list__item a:hover,
.nav-list__item a:focus {
  background: #e5edf8;
  border-bottom: 0;
}

.nav-list__item.is-selected a {
  background-color: #eef7eb;
  border-left-color: #4f9f31;
}

.nav-list__item.is-selected a:hover,
.nav-list__item.is-selected a:focus {
  background-color: #e5edf8;
  border-left-color: #004fb6;
}

.nav-list__item a:after {
  background: url('../images/icons/arrow-right.png') no-repeat center left;
  bottom: 0;
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  right: 1.875em;
  /* 30px / 16px */
  top: 0;
  transition: all .35s;
  width: 1em;
  /* 16px / 16px */
}

.svg .nav-list__item a:after {
  background-image: url('../images/icons/arrow-right.svg');
}

.nav-list__item a:hover:after,
.nav-list__item a:focus:after {
  opacity: 1;
  right: .625em;
  /* 10px / 16px */
}

.nav-list__item--divider {
  border-top: 1px solid #ccc;
}

.js .nav--main {
  float: left;
  margin-left: -100%;
  max-width: 19.375em;
  /* 310px / 16px */
  transition: margin-left .5s, visibility 0s .5s;
  visibility: hidden;
  width: 50%;
}

.js.csstransforms3d .nav--main {
  float: none;
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  transition: visibility 0s .5s, -webkit-transform .5s;
  transition: transform .5s, visibility 0s .5s;
  transition: transform .5s, visibility 0s .5s, -webkit-transform .5s;
  width: 19.375em;
  /* 310px / 16px */
}

.js-hamburger.csstransforms3d .page-wrapper.is-open {
  -webkit-transform: translate3d(19.375em, 0, 0);
  transform: translate3d(19.375em, 0, 0);
  /* 310px / 16px */
}

.page-wrapper.is-open .nav--main {
  margin-left: 0;
  transition: margin-left .5s, visibility 0s;
  visibility: visible;
}

@media (min-width: 60em) {
  .nav--main {
    background: #ffd000;
    text-align: center;
  }

  .js.csstransforms3d .nav--main {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .nav-list,
  .nav-list .nav-list__item {
    display: inline-block;
  }

  .nav-list__item a,
  .nav-list__item a:visited {
    border-bottom: .25em solid transparent;
    border-left: 0;
    font-weight: normal;
    padding: 1em 1em .75em;
    /* 16px 16px 12px / 16px */
    transition: background .35s, border-color .35s;
  }

  .fonts-loaded .nav-list__item a,
  .fonts-loaded .nav-list__item a:visited {
    font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  }

  .nav-list__item.is-selected a {
    background-color: transparent;
    border-bottom: .25em solid #4f9f31;
  }

  .nav-list__item a:hover,
  .nav-list__item a:focus,
  .nav-list__item.is-selected a:hover,
  .nav-list__item.is-selected a:focus {
    background: transparent;
    border-bottom: .25em solid #004fb6;
    color: #004fb6;
  }

  .nav-list__item a:after,
  .nav-list .nav-list__item--hamburger-only {
    display: none;
  }

  .js-hamburger.csstransforms3d .page-wrapper.is-open {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .js .nav--main,
  .js.csstransforms3d .nav--main {
    float: none;
    margin-left: 0;
    max-width: none;
    transition: none;
    visibility: visible;
    width: 100%;
  }
}

/*  Hamburger icon - Core styles
	========================================================================== */

.csstransforms .hamburger,
.csstransforms .masthead__full .masthead__menu-link .hamburger {
  background-image: none;
  text-indent: 0;
}

.csstransforms .hamburger-box {
  display: inline-block;
  height: 2.5em;
  /* 40px / 16px */
  position: relative;
  width: 1.25em;
  /* 20px / 16px */
}

.csstransforms .hamburger-inner {
  display: block;
  margin-top: -.125em;
  /* -2px / 16px */
  text-indent: -9999em;
  top: 50%;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.csstransforms .hamburger-inner,
.csstransforms .hamburger-inner:before,
.csstransforms .hamburger-inner:after {
  background-color: #004fb6;
  border-radius: .1875em;
  /* 3px / 16px */
  height: .1875em;
  /* 3px / 16px */
  position: absolute;
  transition: -webkit-transform .35s ease;
  transition: transform .35s ease;
  transition: transform .35s ease, -webkit-transform .35s ease;
  width: 1.25em;
  /* 20px / 16px */
}

.csstransforms .hamburger-inner:before,
.csstransforms .hamburger-inner:after {
  content: '';
  display: block;
}

.csstransforms .hamburger-inner:before {
  top: -.4375em;
  /* 7px / 16px */
  transition: top .3s .54s ease-in, opacity .3s ease-in;
}

.csstransforms .hamburger-inner:after {
  bottom: -.4375em;
  /* 7px / 16px */
  transition: bottom .3s .54s ease-in, -webkit-transform .5s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .3s .54s ease-in, transform .5s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .3s .54s ease-in, transform .5s cubic-bezier(.55, .055, .675, .19), -webkit-transform .5s cubic-bezier(.55, .055, .675, .19);
}

.csstransforms .is-open .hamburger-inner {
  background: none;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  transition-delay: .34s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.csstransforms .is-open .hamburger-inner:before {
  top: 0;
  transition: top .3s ease-out, opacity .3s .34s ease-out;
}

.csstransforms .is-open .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom .3s ease-out, -webkit-transform .5s .34s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .3s ease-out, transform .5s .34s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .3s ease-out, transform .5s .34s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s .34s cubic-bezier(.215, .61, .355, 1);
}

@media (min-width: 60em) {
  .csstransforms .hamburger-box {
    height: auto;
    position: static;
    width: auto;
  }

  .csstransforms .hamburger-inner,
  .csstransforms .is-open .hamburger-inner {
    background: none;
    border-radius: 0;
    height: auto;
    position: static;
    text-indent: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: none;
    width: auto;
  }

  .csstransforms .hamburger-inner:before,
  .csstransforms .hamburger-inner:after {
    display: none;
  }
}

/* ==========================================================================

	GLOBAL MASTHEAD

	========================================================================== */

/*  Page layout - Core styles
	========================================================================== */

.js body {
  overflow: hidden;
}

.page-wrapper {
  background: #fff;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.page-wrapper.is-open {
  overflow: visible;
}

.js-o-masthead .page-wrapper {
  width: 100%;
}

.js-o-masthead .page-wrapper:after {
  background: #004fb6;
  bottom: 0;
  content: '';
  display: block;
  left: -10px;
  opacity: 0;
  position: absolute;
  right: -9999em;
  top: 0;
  transition: opacity .25s, left 0s .25s, right 0s .25s, width 0s .25s;
  visibility: visible;
  width: 1px;
  z-index: 1000;
}

.js-o-masthead .page-wrapper.is-open:after {
  display: block;
  left: 0;
  opacity: .75;
  right: 0;
  transition: opacity .25s, left 0s, right 0s, width 0s;
  visibility: visible;
  width: 100%;
}

/*  Site and country selector bar - core styles
	========================================================================== */

.m-site-country-selection {
  background: #111;
  color: #fff;
  overflow: auto;
}

.m-site-country-selection__site-list {
  float: left;
  font-size: .875em;
  /* 14px / 16px */
  line-height: 1.2857em;
  /* 18px / 14px */
  margin: 0;
  margin-left: -1.1429em;
  /* -16px / 14px */
  overflow: auto;
}

.m-site-country-selection__site-list li {
  float: left;
  margin: 0;
}

.m-site-country-selection__site-list a,
.m-site-country-selection__site-list span {
  border: 0;
  display: block;
  font-weight: bold;
  padding: .5em .7857em .5714em;
  /* 7px 11px 8px / 14px */
  text-decoration: none;
  transition: background .35s;
}

.m-site-country-selection__site-list a,
.m-site-country-selection__site-list a:visited {
  color: #fff;
}

.fonts-loaded .m-site-country-selection__site-list a,
.fonts-loaded .m-site-country-selection__site-list span {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-site-country-selection__site-list a:hover,
.m-site-country-selection__site-list a:focus {
  background-color: #444;
}

.m-site-country-selection__site-list span {
  background: #efefef;
  color: #444;
}

.m-site-country-selection__country {
  float: right;
  font-size: .875em;
  /* 14px / 16px */
  line-height: 1.2857em;
  /* 18px / 14px */
  margin: 0;
  margin-right: -1.4286em;
  /* -20px / 14px */
}

.m-site-country-selection__country a {
  background-position: .7857em center;
  background-repeat: no-repeat;
  border: 0;
  display: block;
  font-weight: bold;
  padding: .5em 0 .5714em 3.4285em;
  /* 7px 11px 8px 48px / 14px */
  text-decoration: none;
  text-indent: -9999em;
  transition: background-color .35s, color .35s;
  width: 0;
}

.svg .m-site-country-selection__country a {
  background-size: 1.8571em;
  /* 26px / 14px */
}

.m-site-country-selection__country .js-m-site-country-selection__country {
  padding-right: 1.4286em;
  /* 20px / 14px */
  position: relative;
}

.js-m-site-country-selection__country:after {
  background: url('../images/icons/arrow-down-white-small.png') no-repeat center center;
  content: '';
  display: block;
  height: .4286em;
  /* 6px / 14px */
  margin-top: -.2143em;
  /* 3px / 14px */
  position: absolute;
  right: .7857em;
  /* 11px / 14px */
  top: 50%;
  width: .6429em;
  /* 9px / 14px */
}

.svg .js-m-site-country-selection__country:after {
  background-image: url('../images/icons/arrow-down-white-small.svg');
}

.m-site-country-selection__country a,
.m-site-country-selection__country a:visited {
  color: #fff;
}

.fonts-loaded .m-site-country-selection__country a {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-site-country-selection__country a:hover,
.m-site-country-selection__country a:focus {
  background-color: #444;
}

.m-site-country-selection__country a.is-open:after {
  background-image: url('../images/icons/arrow-up-white-small.png');
}

.svg .m-site-country-selection__country a.is-open:after {
  background-image: url('../images/icons/arrow-up-white-small.svg');
}

@media (min-width: 35em) {
  .m-site-country-selection__country {
    margin-right: -1.5714em;
    /* -22px / 14px */
  }

  .m-site-country-selection__country a {
    padding-right: .7857em;
    /* 11px / 14px */
    text-indent: 0;
    width: auto;
  }

  .m-site-country-selection__country .js-m-site-country-selection__country {
    padding-right: 2.2143em;
    /* 31px / 14px */
  }
}

.m-site-country-selection__country--ca a {
  background-image: url('../images/icons/flags/small/CA.png');
}

.m-site-country-selection__country--cn a {
  background-image: url('../images/icons/flags/small/CN.png');
}

.m-site-country-selection__country--es a {
  background-image: url('../images/icons/flags/small/ES.png');
}

.m-site-country-selection__country--fr a {
  background-image: url('../images/icons/flags/small/FR.png');
}

.m-site-country-selection__country--gb a {
  background-image: url('../images/icons/flags/small/GB.png');
}

.m-site-country-selection__country--hk a {
  background-image: url('../images/icons/flags/small/HK.png');
}

.m-site-country-selection__country--id a {
  background-image: url('../images/icons/flags/small/ID.png');
}

.m-site-country-selection__country--ie a {
  background-image: url('../images/icons/flags/small/IE.png');
}

.m-site-country-selection__country--in a {
  background-image: url('../images/icons/flags/small/IN.png');
}

.m-site-country-selection__country--it a {
  background-image: url('../images/icons/flags/small/IT.png');
}

.m-site-country-selection__country--lt a {
  background-image: url('../images/icons/flags/small/LT.png');
}

.m-site-country-selection__country--pl a {
  background-image: url('../images/icons/flags/small/PL.png');
}

.m-site-country-selection__country--sg a {
  background-image: url('../images/icons/flags/small/SG.png');
}

.m-site-country-selection__country--tr a {
  background-image: url('../images/icons/flags/small/TR.png');
}

.m-site-country-selection__country--tw a {
  background-image: url('../images/icons/flags/small/TW.png');
}

.m-site-country-selection__country--vn a {
  background-image: url('../images/icons/flags/small/VN.png');
}

.svg .m-site-country-selection__country--ca a {
  background-image: url('../images/icons/flags/large/CA.svg');
}

.svg .m-site-country-selection__country--cn a {
  background-image: url('../images/icons/flags/large/CN.svg');
}

.svg .m-site-country-selection__country--es a {
  background-image: url('../images/icons/flags/large/ES.svg');
}

.svg .m-site-country-selection__country--fr a {
  background-image: url('../images/icons/flags/large/FR.svg');
}

.svg .m-site-country-selection__country--gb a {
  background-image: url('../images/icons/flags/large/GB.svg');
}

.svg .m-site-country-selection__country--hk a {
  background-image: url('../images/icons/flags/large/HK.svg');
}

.svg .m-site-country-selection__country--id a {
  background-image: url('../images/icons/flags/large/ID.svg');
}

.svg .m-site-country-selection__country--ie a {
  background-image: url('../images/icons/flags/large/IE.svg');
}

.svg .m-site-country-selection__country--in a {
  background-image: url('../images/icons/flags/large/IN.svg');
}

.svg .m-site-country-selection__country--it a {
  background-image: url('../images/icons/flags/large/IT.svg');
}

.svg .m-site-country-selection__country--lt a {
  background-image: url('../images/icons/flags/large/LT.svg');
}

.svg .m-site-country-selection__country--pl a {
  background-image: url('../images/icons/flags/large/PL.svg');
}

.svg .m-site-country-selection__country--sg a {
  background-image: url('../images/icons/flags/large/SG.svg');
}

.svg .m-site-country-selection__country--tr a {
  background-image: url('../images/icons/flags/large/TR.svg');
}

.svg .m-site-country-selection__country--tw a {
  background-image: url('../images/icons/flags/large/TW.svg');
}

.svg .m-site-country-selection__country--vn a {
  background-image: url('../images/icons/flags/large/VN.svg');
}

.o-masthead-navigation__country-listing .m-country-selection__main-heading {
  margin-top: 0;
}

/*  Masthead - core styles
	========================================================================== */

.o-masthead {
  background: #ffd900;
  overflow: auto;
  position: relative;
}

.o-masthead__navigation-container {
  min-height: 3.4375em;
  /* 55px / 16px */
  overflow: auto;
}

.o-masthead-logo {
  margin: 0 auto;
  padding: 0 1em;
  width: 8.25em;
  /* 132px / 16px */
}

.o-masthead-logo__link {
  border: 0;
  border-bottom: 4px solid transparent;
  display: block;
  height: 3.4375em;
  /* 55px / 16px */
  line-height: 1px;
  margin: 0;
  padding: 1.25em 0 .8125em;
  /* 20px 16px 13px 16px / 16px */
  text-decoration: none;
}

.t-accent-light--yellow .o-masthead-logo__link,
.o-masthead-logo__link:hover,
.t-accent-light--yellow .o-masthead-logo__link:hover {
  border-bottom-color: transparent;
}

.o-masthead-logo__link:focus,
.t-accent-light--yellow .o-masthead-logo__link:focus {
  border-bottom-color: #bfa300;
}

.o-masthead-logo__image {
  display: block;
}

.svg .o-masthead-logo {
  background: url('../images/logo/aviva-logo.svg') no-repeat center 1.25em;
  background-size: 6.25em;
  /* 100px / 16px */
}

.svg .o-masthead-logo__image {
  visibility: hidden;
}

@media (min-width: 35em) {
  .o-masthead-logo {
    width: 9.1875em;
    /* 147px / 16px */
  }

  .svg .o-masthead-logo {
    background-position: center 1.1875em;
    background-size: 7.1875em;
    /* 115px / 16px */
  }

  .o-masthead-logo__link {
    padding: 1.1875em 0 .75em;
    /* 19px 0 12px / 16px */
  }
}

@media (min-width: 60em) {
  .o-masthead-logo {
    float: left;
    margin-left: -1em;
    /* 16px / 16px */
    margin-right: 2.8125em;
    /* 45px / 16px */
  }
}

/*  Skip links - core styles
	========================================================================== */

.o-masthead__skip-links {
  margin: -3.4375em 0 0;
  /* 55px / 16px */
}

.o-masthead__skip-links li {
  margin: 0;
}

.o-masthead__skip-links a,
.o-masthead__skip-links a:visited,
.o-masthead__primary-nav a,
.o-masthead__primary-nav a:visited {
  color: #004fb6;
  display: block;
  text-decoration: none;
}

.fonts-loaded .o-masthead__skip-links a,
.fonts-loaded .o-masthead__primary-nav a {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.o-masthead__skip-links a,
.o-masthead__primary-nav a {
  background-repeat: no-repeat;
  border: 4px solid transparent;
  border-width: 4px 0;
  left: -9999em;
  padding: .6875em 1em .75em;
  /* 11px 16px 12px 16px / 16px */
  position: absolute;
  text-decoration: none;
  top: 0;
  transition: background-color .35s, border-color .35s, color .35s;
  z-index: 100;
}

.o-masthead__skip-links a:hover,
.o-masthead__skip-links a:focus {
  background-color: #3372c4;
  border-bottom-color: #3372c4;
  color: #fff;
  left: 0;
}

.o-masthead__skip-links .o-masthead__menu-link {
  float: left;
  margin-left: -1.25em;
  /* 20px / 16px */
}

.o-masthead__menu-link a {
  background-position: 1em center;
  /* 16px / 16px */
  left: auto;
  position: static;
  top: auto;
  z-index: auto;
}

.o-masthead__skip-links .o-masthead__login-link {
  float: right;
  margin-right: -1.25em;
  /* 20px / 16px */
}

.o-masthead__login-link a {
  position: static;
  z-index: auto;
}

.o-masthead__menu-link a:hover,
.o-masthead__menu-link a:focus,
.o-masthead__login-link a:hover,
.o-masthead__login-link a:focus {
  background-color: transparent;
  color: #004fb6;
}

.o-masthead__skip-links a.is-open,
.o-masthead__skip-links a.is-open:hover,
.o-masthead__skip-links a.is-open:focus {
  background-color: #004fb6;
  background-image: url('../images/icons/masthead-close-white.png');
  border-bottom-color: #004fb6;
  color: #fff;
}

.o-masthead__skip-links a.is-open:hover,
.o-masthead__skip-links a.is-open:focus {
  background-color: #3372c4;
  border-color: #3372c4;
}

.svg .o-masthead__skip-links a.is-open,
.svg .o-masthead__skip-links a.is-open:hover,
.svg .o-masthead__skip-links a.is-open:focus {
  background-image: url('../images/icons/masthead-close-white.svg');
}

.o-masthead__login-link a.is-open {
  background-position: center center;
  text-indent: -9999em;
}

@media (min-width: 20em) {
  .o-masthead__menu-link > a {
    background-image: url('../images/icons/masthead-menu.png');
    padding-left: 2.5em;
    /* 40px / 16px */
  }
}

@media (min-width: 35em) {
  .o-masthead__skip-links a {
    padding-left: 1.25em;
    /* 20px / 16px */
    padding-right: 1.25em;
    /* 20px / 16px */
  }

  .o-masthead__skip-links .o-masthead__menu-link {
    margin-left: -1.875em;
    /* 30px / 16px */
  }

  .o-masthead__menu-link > a {
    background-position: 1.25em center;
    /* 20px / 16px */
    padding-left: 3.125em;
    /* 50px / 16px */
  }

  .o-masthead__skip-links .o-masthead__search-link,
  .o-masthead__skip-links .o-masthead__login-link {
    margin-right: -1.875em;
    /* 30px / 16px */
  }

  .o-masthead__skip-links .o-masthead__login-link + .o-masthead__search-link {
    margin-right: 0;
  }

  .o-masthead__skip-links .o-masthead__login-link,
  .o-masthead__skip-links .o-masthead__search-link {
    border-left: 1px solid #e9c700;
    float: right;
  }

  .o-masthead__search-link a {
    background-image: url('../images/icons/search.png');
    background-position: center center;
    position: static;
    text-indent: -9999em;
    width: 3.625em;
    /* 58px / 16px */
    z-index: auto;
  }

  .svg .o-masthead__search-link a {
    background-image: url('../images/icons/search.svg');
  }

  .o-masthead__search-link a:hover,
  .o-masthead__search-link a:focus {
    background-color: transparent;
    color: #004fb6;
  }
}

@media (min-width: 60em) {
  .o-masthead__skip-links {
    margin-top: 0;
  }

  .o-masthead__skip-links .o-masthead__menu-link {
    margin-left: 0;
  }

  .o-masthead__skip-links .o-masthead__search-link,
  .o-masthead__skip-links .o-masthead__login-link {
    margin-right: -1.875em;
    /* 30px / 16px */
  }

  .o-masthead__skip-links .o-masthead__login-link + .o-masthead__search-link {
    margin-right: 0;
  }
}

.csstransforms .o-masthead__menu-link {
  position: relative;
}

.csstransforms .o-masthead__menu-link > a,
.csstransforms .o-masthead__menu-link > a:hover,
.csstransforms .o-masthead__menu-link > a:focus,
.csstransforms .o-masthead__menu-link > a.is-open,
.csstransforms .o-masthead__menu-link > a.is-open:hover,
.csstransforms .o-masthead__menu-link > a.is-open:focus {
  background-image: none;
}

.o-masthead__menu-link-icon {
  display: none;
}

.csstransforms .o-masthead__menu-link-icon {
  background: #004fb6;
  height: 2px;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 26px;
  transition: background .35s, top .35s;
  width: 20px;
  z-index: 5;
}

.csstransforms .o-masthead__menu-link-icon:before,
.csstransforms .o-masthead__menu-link-icon:after {
  background-color: #004fb6;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: relative;
  transition-delay: 0s, 0s, 0s;
  transition-duration: .35s, .35s, .35s;
  width: 100%;
}

.csstransforms .o-masthead__menu-link-icon:before {
  top: -6px;
  transition-property: background, top, -webkit-transform;
  transition-property: background, top, transform;
  transition-property: background, top, transform, -webkit-transform;
}

.csstransforms .o-masthead__menu-link-icon:after {
  bottom: -4px;
  transition-property: background, bottom, -webkit-transform;
  transition-property: background, bottom, transform;
  transition-property: background, bottom, transform, -webkit-transform;
}

.csstransforms .o-masthead__menu-link a.is-open ~ .o-masthead__menu-link-icon {
  background: none;
  top: 24px;
}

.csstransforms .o-masthead__menu-link a.is-open ~ .o-masthead__menu-link-icon:before {
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.csstransforms .o-masthead__menu-link a.is-open ~ .o-masthead__menu-link-icon:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.csstransforms .o-masthead__menu-link a.is-open ~ .o-masthead__menu-link-icon:before,
.csstransforms .o-masthead__menu-link a.is-open ~ .o-masthead__menu-link-icon:after {
  background-color: #fff;
  transition-delay: 0s, 0s, .35s;
}

.csstransforms .o-masthead__menu-link > a,
.csstransforms .o-masthead__login-link a {
  left: auto;
  position: relative;
  right: auto;
  top: auto;
  z-index: 1;
}

.csstransforms .o-masthead__menu-link > a:after,
.csstransforms .o-masthead__login-link a:after,
.csstransforms .o-masthead__search-link a:after {
  background: #004fb6 url('../images/icons/masthead-close-white.png') no-repeat center center;
  bottom: -4px;
  content: '';
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  transition: background .35s, height .35s;
  z-index: 2;
}

.csstransforms .o-masthead__menu-link > a:after {
  background-image: none;
  z-index: -1;
}

.svg .o-masthead__login-link a:after {
  background-image: url('../images/icons/masthead-close-white.svg');
}

.csstransforms .o-masthead__menu-link > a:hover:after,
.csstransforms .o-masthead__menu-link > a:focus:after,
.csstransforms .o-masthead__login-link a:hover:after,
.csstransforms .o-masthead__login-link a:focus:after {
  background-color: #3372c4;
}

.csstransforms .o-masthead__menu-link > a.is-open,
.csstransforms .o-masthead__menu-link > a.is-open:focus,
.csstransforms .o-masthead__menu-link > a.is-open:hover,
.csstransforms .o-masthead__login-link a.is-open,
.csstransforms .o-masthead__login-link a.is-open:focus,
.csstransforms .o-masthead__login-link a.is-open:hover {
  background: transparent;
  border-color: transparent;
}

.csstransforms .o-masthead__menu-link > a.is-open:after,
.csstransforms .o-masthead__login-link a.is-open:after {
  height: 120%;
}

@media (min-width: 20em) {
  .csstransforms .o-masthead__menu-link-icon {
    display: block;
  }

  .js-o-masthead--fit-tabs .o-masthead__menu-link-icon {
    display: none;
  }
}

@media (min-width: 35em) {
  .csstransforms .o-masthead__menu-link-icon {
    left: 20px;
  }

  .csstransforms .o-masthead__search-link a {
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    z-index: 1;
  }

  .svg .o-masthead__search-link a:after {
    background-image: url('../images/icons/masthead-close-white.svg');
  }

  .csstransforms .o-masthead__search-link > a:hover:after,
  .csstransforms .o-masthead__search-link > a:focus:after {
    background-color: #3372c4;
  }

  .csstransforms .o-masthead__search-link > a.is-open,
  .csstransforms .o-masthead__search-link > a.is-open:focus,
  .csstransforms .o-masthead__search-link > a.is-open:hover {
    background: transparent;
    border-color: transparent;
  }

  .csstransforms .o-masthead__search-link > a.is-open:after,
  .csstransforms .o-masthead__search-link a.is-open:after {
    height: 120%;
  }
}

@media (min-width: 60em) {
  .js-o-masthead--fit-tabs .o-masthead__menu-link > a {
    display: none;
  }

  .js-o-masthead--fit-tabs .m-primary-navigation__section {
    padding-top: 0;
  }

  .js-o-masthead--fit-tabs .m-primary-navigation__section-heading {
    left: -9999em;
    position: absolute;
  }

  .o-masthead__navigation-container {
    min-height: auto;
    overflow: visible;
  }

  .js-o-masthead--wont-fit-extra-content .o-masthead__navigation-container {
    overflow: auto;
  }
}

/*  Extra content area - core styles
	========================================================================== */

.o-masthead__extra-content {
  background: #fff;
  clear: both;
  padding: 1em 0 .9375em;
  /* 16px 0 15px / 16px */
  text-align: center;
}

.js-o-masthead--is-open .o-masthead__extra-content {
  display: none;
}

.o-masthead__extra-content .l-content-container > :first-child {
  margin-top: 0;
}

.o-masthead__extra-content .l-content-container > :last-child {
  margin-bottom: 0;
}

@media (min-width: 60em) {
  .o-masthead__extra-content {
    background: transparent;
    clear: none;
    display: block;
    float: right;
    margin: 0;
    min-height: 3.4375em;
    /* 55px / 16px */
    padding: 0;
    text-align: right;
    width: 21.25em;
    /* 340px / 16px */
  }

  .o-masthead__extra-content .l-content-container {
    display: table-cell;
    height: 3.4375em;
    /* 55px / 16px */
    padding: .5em 1.25em;
    /* 8px 20px / 16px */
    vertical-align: middle;
    width: 21.25em;
    /* 340px / 16px */
  }

  .js-o-masthead--wont-fit-extra-content .o-masthead__extra-content {
    background: #fff;
    clear: both;
    float: none;
    padding: .9375em 0 1em;
    /* 15px 0 16px / 16px */
    text-align: center;
    width: auto;
  }

  .js-o-masthead--wont-fit-extra-content .o-masthead__extra-content .l-content-container {
    display: block;
    height: auto;
    padding: 0 1.875em;
    /* 0 30px / 16px */
    width: auto;
  }

  .js-o-masthead--is-open .o-masthead__extra-content {
    display: block;
  }

  .js-o-masthead--is-open.js-o-masthead--wont-fit-extra-content .o-masthead__extra-content {
    display: none;
  }
}

/*  Primary navigation - core styles
	========================================================================== */

.o-masthead__primary-nav {
  display: none;
}

.o-masthead__primary-nav ul {
  margin: 0;
}

.o-masthead__primary-nav li {
  float: left;
  margin: 0;
  padding-left: 1.25em;
  /* 20px / 16px */
  padding-right: 1.25em;
  /* 20px / 16px */
}

.o-masthead__primary-nav a {
  background-image: none;
  left: auto;
  padding-left: 0;
  padding-right: 0;
  position: static;
  top: auto;
}

.svg .o-masthead__primary-nav a,
.svg .o-masthead__primary-nav a.is-open {
  background-image: none;
}

.o-masthead__primary-nav a.is-open,
.o-masthead__primary-nav a.is-open:hover,
.o-masthead__primary-nav a.is-open:focus {
  background-color: transparent;
  background-image: none;
  border-bottom-color: #004fb6;
  color: #004fb6;
}

.o-masthead__primary-nav a:hover,
.o-masthead__primary-nav a:focus,
.o-masthead__primary-nav a.is-open:hover,
.o-masthead__primary-nav a.is-open:focus {
  border-bottom-color: #004fb6;
  border-top-color: transparent;
}

.o-masthead__primary-nav a:focus,
.o-masthead__primary-nav a.is-open:focus {
  border-bottom-color: #5389ce;
}

.svg .o-masthead__primary-nav a,
.svg .o-masthead__primary-nav a.is-open,
.svg .o-masthead__primary-nav a.is-open:hover,
.svg .o-masthead__primary-nav a.is-open:focus {
  background-image: none;
}

@media (min-width: 60em) {
  .o-masthead__primary-nav {
    display: none;
    float: left;
  }

  .js-o-masthead--fit-tabs .o-masthead__primary-nav {
    display: block;
  }
}

/*  Navigation area - core styles
	========================================================================== */

.o-masthead-navigation {
  border-top: 2px solid #ccc;
  padding: 1.5625em 0 5.3125em;
  /* 25px 0 85px / 16px */
  position: relative;
}

.js-o-masthead .o-masthead-navigation {
  border-top: 0;
  display: none;
  left: 0;
  overflow: hidden;
  padding-bottom: 1.6875em;
  /* 27px / 16px */
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1001;
}

.js-o-masthead .page-wrapper.is-open .o-masthead-navigation {
  display: block;
}

@media (max-width: 35em) {
  .o-masthead-navigation {
    border-top: 2px solid #ccc;
    padding-bottom: 1.5625em;
    /* 25px / 16px */
    position: relative;
  }

  .m-site-search + .m-primary-navigation {
    margin-top: 1.25em;
    /* 20px / 16px */
  }
}

/*  Site search - core styles
	========================================================================== */

.m-site-search {
  margin-bottom: 1.25em;
  /* 20px / 16px */
  margin-top: -.5em;
  /* -8px / 16px */
  position: relative;
}

.js-o-masthead .m-site-search {
  margin-bottom: 0;
}

.m-site-search__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-bottom: 2px solid #ccc;
  box-sizing: border-box;
  display: block;
  padding: 1em 3.125em 1em 0;
  /* 16px 50px 0 0 / 16px */
  transition: border-color;
  width: 100%;
}

.m-site-search__input:focus {
  border-bottom-color: #004fb6;
}

.m-site-search__input::-webkit-input-placeholder {
  font-style: italic;
}

.m-site-search__input:-ms-input-placeholder {
  font-style: italic;
}

.m-site-search__input::placeholder {
  font-style: italic;
}

.m-site-search__input::-webkit-input-placeholder {
  font-style: italic;
}

.m-site-search__input::-moz-placeholder {
  font-style: italic;
}

.m-site-search__input:-ms-input-placeholder {
  font-style: italic;
}

.m-site-search__input:-moz-placeholder {
  font-style: italic;
}

.m-site-search__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url('../images/icons/search-grey.png') no-repeat center center;
  border: 0;
  height: 3.625em;
  /* 58px / 16px */
  overflow: hidden;
  position: absolute;
  right: -1em;
  /* 16px / 16px */
  text-indent: -9999em;
  top: 0;
  width: 3.125em;
  /* 50px / 16px */
}

.svg .m-site-search__button {
  background-image: url('../images/icons/search-grey.svg');
}

.m-site-search__button:focus,
.m-site-search__input:focus ~ .m-site-search__button {
  background-image: url('../images/icons/search.png');
}

.svg .m-site-search__input:focus ~ .m-site-search__button {
  background-image: url('../images/icons/search.svg');
}

@media (min-width: 35em) {
  .m-site-search__input {
    padding-right: 3.75em;
    /* 60px / 16px */
  }

  .m-site-search__button {
    background-color: #eee;
    border: 2px solid #eee;
    border-radius: 50%;
    height: 3.125em;
    /* 50px / 16px */
    right: 0;
    top: 0;
    width: 3.125em;
    /* 50px / 16px */
  }

  .m-site-search__button:focus,
  .m-site-search__input:focus ~ .m-site-search__button {
    background-color: #004fb6;
    background-image: url('../images/icons/search-white.png');
    border-color: #004fb6;
  }

  .m-site-search__button:focus,
  .svg .m-site-search__input:focus ~ .m-site-search__button {
    background-image: url('../images/icons/search-white.svg');
  }
}

/*  Login / register area - core styles
	========================================================================== */

.o-masthead-login .o-masthead-login__link-list {
  margin-bottom: 0;
}

.js-o-masthead .o-masthead-login__link-list {
  margin-top: 0;
}

.o-masthead-login__link-list-divider {
  position: relative;
  text-align: center;
}

.o-masthead-login__link-list-divider span {
  background: #fff;
  display: inline-block;
  margin: 0 auto;
  padding: 0 1.125em;
  /* 18px / 16px */
  position: relative;
  text-align: center;
  z-index: 3;
}

.o-masthead-login__link-list-divider:before {
  border-top: 1px solid #eee;
  content: '';
  font-size: .875em;
  /* 14px / 16px */
  left: 0;
  margin-top: -1px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  z-index: 1;
}

@media (min-width: 35em) {
  .o-masthead-login {
    margin-right: 0;
  }

  .o-masthead-login__link-list {
    margin-bottom: 0;
    overflow: auto;
  }

  .o-masthead-login__link-list li {
    border-right: 1px solid #eee;
    float: left;
    margin: 0;
    padding: 0 .75em;
    /* 12px / 16px */
    width: 50%;
  }

  .o-masthead-login__link-list li:first-child {
    padding-left: 0;
  }

  .o-masthead-login__link-list li:last-child {
    border: 0;
    padding-right: 0;
  }

  .o-masthead-login__link-list-divider {
    display: none;
  }
}

/*  Primary navigation sections - Core styles
	========================================================================== */

.m-primary-navigation__section-heading {
  border-bottom: 1px solid #eee;
  padding-bottom: .6667em;
  /* 16px / 24px */
}

.js-o-masthead .m-primary-navigation__section .l-columns {
  margin-bottom: 0;
}

.js-o-masthead.js-o-masthead--is-open #main,
.js-o-masthead.js-o-masthead--is-open .main {
  overflow: hidden;
}

.m-primary-navigation-sub-section {
  padding-bottom: 1px;
}

.m-primary-navigation-sub-section__heading {
  font-weight: bold;
  margin-bottom: .4em;
  /* 8px / 20px */
  margin-top: 0;
}

.fonts-loaded .m-primary-navigation-sub-section__heading {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.m-primary-navigation-sub-section__link-list {
  margin-top: 0;
}

.m-primary-navigation-sub-section__link-list li {
  margin-bottom: .5em;
  /* 8px / 16px */
}

.m-primary-navigation-sub-section__link-list a {
  border-bottom-color: transparent;
  font-weight: normal;
}

.fonts-loaded .m-primary-navigation-sub-section__link-list a {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.m-primary-navigation-sub-section__link-list a:visited {
  color: #004fb6;
}

@media (max-width: 35em) {
  .m-primary-navigation__section {
    padding-top: 1em;
  }

  .m-primary-navigation h2 + .m-primary-navigation__section {
    padding-top: 0;
  }

  .m-primary-navigation__section-heading {
    padding-bottom: .6134em;
    /* 16px / 26px */
  }

  .m-primary-navigation > h2 + .m-primary-navigation__section .m-primary-navigation__section-heading {
    margin-top: 0;
  }

  .m-primary-navigation__section .l-columns__column.m-card {
    display: none;
  }
}

@media (min-width: 35em) {
  .js-o-masthead .m-primary-navigation {
    padding-bottom: 3.4375em;
    /* 55px / 16px */
  }

  .js-o-masthead .m-primary-navigation > h2 + .m-primary-navigation__section .m-primary-navigation__section-heading {
    margin-top: 0;
  }
}

@media (min-width: 60em) {
  .m-primary-navigation__section .l-columns__column.m-card {
    float: right;
    margin-left: auto;
  }
}

/*  In nav card - styles
	========================================================================== */

.m-primary-navigation__section .m-card {
  background-color: #f3f8ff;
  text-align: center;
}

.m-primary-navigation__section .m-card .heading--3 {
  color: #333;
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: -.01em;
  line-height: 1.4em;
  margin-bottom: .5em;
  /* 10px / 20px */
}

.fonts-loaded .m-primary-navigation__section .m-card .heading--3 {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-primary-navigation__section .m-card-content {
  padding: .9375em 1.875em 1.25em;
  /* 15px 30px 20px / 16px */
}

.m-primary-navigation__section .m-card-content__inner--bottom p {
  margin-top: .9375em;
  /* 15px / 16px */
}

/*  Support bar - core styles
	========================================================================== */

.o-masthead-support {
  background: #f5f5f5;
  border-bottom: 1px solid #e1e2e0;
  border-top: 1px solid #e1e2e0;
  margin: 1.6875em -1em;
  /* 27px -16px / 16px */
  padding: 0 1em 1.25em;
  /* 0 16px 20px / 16px */
}

.js-o-masthead .o-masthead-support {
  margin-bottom: -1.6875em;
  /* -27px / 16px */
}

.o-masthead-support__heading {
  border-bottom: 1px solid #e1e2e0;
  font-size: 1.25em;
  /* 20px / 16px */
  font-weight: normal;
  line-height: 1.25em;
  /* 25px / 20px */
  margin: 0;
  padding: .7em 0 .75em;
  /* 14px 0 15px / 20px */
}

.fonts-loaded .o-masthead-support__heading {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.o-masthead-support__list {
  margin: 0;
  padding-top: .625em;
  /* 10px / 16px */
}

@media (min-width: 35em) {
  .o-masthead-support__list {
    padding-top: 0;
    /* 10px / 16px */
  }
}

.o-masthead-support__list > li {
  margin: 0;
  padding: .625em 0;
  /* 10px / 16px */
}

.o-masthead-support__link {
  background: transparent no-repeat 6px center;
  border-bottom: 0;
  display: inline-block;
  line-height: 1.5625em;
  /* 25px / 16px */
  padding: 0 0 0 2.75em;
  /* 0 0 44px 0 / 16px */
}

.o-masthead-support__link > span {
  border-bottom: 1px solid transparent;
  color: #004fb6;
  transition: color .35s, border-color .35s;
}

.o-masthead-support__link:hover > span,
.o-masthead-support__link:focus > span {
  border-bottom-color: #004fb6;
  color: #004fb6;
}

.fonts-loaded .o-masthead-support__list a {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.o-masthead-support__link--contact {
  background-image: url('../images/icons/nav-contact.png');
}

.svg .o-masthead-support__link--contact {
  background-image: url('../images/icons/nav-contact.svg');
}

.o-masthead-support__link--claim {
  background-image: url('../images/icons/nav-claim.png');
}

.svg .o-masthead-support__link--claim {
  background-image: url('../images/icons/nav-claim.svg');
}

.o-masthead-support__link--faq {
  background-image: url('../images/icons/nav-faq.png');
}

.svg .o-masthead-support__link--faq {
  background-image: url('../images/icons/nav-faq.svg');
}

@media (min-width: 35em) {
  .o-masthead-support {
    border-bottom: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0;
  }

  .js-o-masthead .o-masthead-support {
    margin-bottom: 0;
  }

  .o-masthead-support__inner {
    margin: 0 auto;
    max-width: 81.25em;
    /* 1300px / 16px */
    padding: 0 1.25em;
    /* 20px / 16px */
  }

  .o-masthead-support__heading {
    border-bottom: 0;
    float: left;
  }

  .o-masthead-support__list {
    float: right;
  }

  .o-masthead-support__list > li {
    float: left;
    margin-left: 1.25em;
    /* 20px / 16px */
    padding: .875em 0 .9375em;
    /* 14px 0 15px / 16px */
  }
}

@media (min-width: 60em) {
  .o-masthead-support__inner {
    padding: 0 1.875em;
    /* 30px / 16px */
  }
}

/* ==========================================================================

	COUNTRY SELECTION

	========================================================================== */

.m-country-selection {
  margin-bottom: 1.25em;
}

.m-country-selection__heading {
  margin: .5em 0;
  /* 10px 0 / 20px */
}

.m-country-selection-list {
  border-bottom: 1px solid #eee;
  margin: 0;
}

.m-country-selection-list > .m-country-selection-list__item {
  background-position: 1.25em 1.125em;
  /* 20px 18px / 16px */
  background-repeat: no-repeat;
  border-top: 1px solid #eee;
  margin: 0;
  overflow: auto;
  padding: 1em 1.25em 0 5.125em;
  /* 16px 20px 0 82px / 16px */
  transition: background-color .35s;
}

.m-country-selection-list__item:hover,
.m-country-selection-list__item:focus,
.m-country-selection-list__item.is-selected {
  background-color: #edf7fa;
}

.m-country-selection-list__heading {
  color: #444;
  font-size: 1em;
  /* 16px / 16px */
  font-weight: bold;
  line-height: 1em;
  /* 16px / 16px */
  margin: 0;
}

.fonts-loaded .m-country-selection-list__heading {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-country-selection-list__language-list {
  line-height: 1em;
  margin: .125em 0 0;
  /* 2px / 16px */
  overflow: visible;
}

.m-country-selection-list__language-list > li {
  border-right: 2px solid #ccc;
  float: left;
  margin: .25em .375em .875em 0;
  /* 4px 6px 14px 0 / 16px */
  padding: 0 .375em 0 0;
  /* 6px / 16px */
}

.m-country-selection-list__language-list > li:first-child {
  padding-left: 0;
}

.m-country-selection-list__language-list > li:last-child {
  border-right: 0;
  margin-bottom: .875em;
  /* 14px / 16px */
  margin-right: 0;
  padding-right: 0;
}

.m-country-selection-list__language-list a {
  border: 0;
  display: inline-block;
  font-weight: normal;
  line-height: 1em;
  padding: 0;
  position: relative;
}

.m-country-selection-list__language-list a,
.m-country-selection-list__language-list a:visited {
  color: #004fb6;
}

.fonts-loaded .m-country-selection-list__language-list a {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-country-selection-list__language-list a:after {
  border-bottom: 4px solid transparent;
  bottom: -.875em;
  /* 14px / 16px */
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  transition: border-color .35s;
}

.m-country-selection-list__language-list a:hover,
.m-country-selection-list__language-list a:focus {
  border: 0;
}

.m-country-selection-list__language-list a:hover:after,
.m-country-selection-list__language-list a:focus:after {
  border-bottom-color: #5389ce;
}

.m-country-selection-list__language-list .is-selected:after {
  border-bottom-color: #004fb6;
}

.m-country-selection-list__item--ca {
  background-image: url('../images/icons/flags/large/CA.png');
}

.m-country-selection-list__item--cn {
  background-image: url('../images/icons/flags/large/CN.png');
}

.m-country-selection-list__item--es {
  background-image: url('../images/icons/flags/large/ES.png');
}

.m-country-selection-list__item--fr {
  background-image: url('../images/icons/flags/large/FR.png');
}

.m-country-selection-list__item--gb {
  background-image: url('../images/icons/flags/large/GB.png');
}

.m-country-selection-list__item--hk {
  background-image: url('../images/icons/flags/large/HK.png');
}

.m-country-selection-list__item--id {
  background-image: url('../images/icons/flags/large/ID.png');
}

.m-country-selection-list__item--ie {
  background-image: url('../images/icons/flags/large/IE.png');
}

.m-country-selection-list__item--in {
  background-image: url('../images/icons/flags/large/IN.png');
}

.m-country-selection-list__item--it {
  background-image: url('../images/icons/flags/large/IT.png');
}

.m-country-selection-list__item--lt {
  background-image: url('../images/icons/flags/large/LT.png');
}

.m-country-selection-list__item--pl {
  background-image: url('../images/icons/flags/large/PL.png');
}

.m-country-selection-list__item--sg {
  background-image: url('../images/icons/flags/large/SG.png');
}

.m-country-selection-list__item--tr {
  background-image: url('../images/icons/flags/large/TR.png');
}

.m-country-selection-list__item--tw {
  background-image: url('../images/icons/flags/large/TW.png');
}

.m-country-selection-list__item--vn {
  background-image: url('../images/icons/flags/large/VN.png');
}

.svg .m-country-selection-list__item--ca {
  background-image: url('../images/icons/flags/large/CA.svg');
}

.svg .m-country-selection-list__item--cn {
  background-image: url('../images/icons/flags/large/CN.svg');
}

.svg .m-country-selection-list__item--es {
  background-image: url('../images/icons/flags/large/ES.svg');
}

.svg .m-country-selection-list__item--fr {
  background-image: url('../images/icons/flags/large/FR.svg');
}

.svg .m-country-selection-list__item--gb {
  background-image: url('../images/icons/flags/large/GB.svg');
}

.svg .m-country-selection-list__item--hk {
  background-image: url('../images/icons/flags/large/HK.svg');
}

.svg .m-country-selection-list__item--id {
  background-image: url('../images/icons/flags/large/ID.svg');
}

.svg .m-country-selection-list__item--ie {
  background-image: url('../images/icons/flags/large/IE.svg');
}

.svg .m-country-selection-list__item--in {
  background-image: url('../images/icons/flags/large/IN.svg');
}

.svg .m-country-selection-list__item--it {
  background-image: url('../images/icons/flags/large/IT.svg');
}

.svg .m-country-selection-list__item--lt {
  background-image: url('../images/icons/flags/large/LT.svg');
}

.svg .m-country-selection-list__item--pl {
  background-image: url('../images/icons/flags/large/PL.svg');
}

.svg .m-country-selection-list__item--sg {
  background-image: url('../images/icons/flags/large/SG.svg');
}

.svg .m-country-selection-list__item--tr {
  background-image: url('../images/icons/flags/large/TR.svg');
}

.svg .m-country-selection-list__item--tw {
  background-image: url('../images/icons/flags/large/TW.svg');
}

.svg .m-country-selection-list__item--vn {
  background-image: url('../images/icons/flags/large/VN.svg');
}

@media (min-width: 25em) {
  .m-country-selection-list > .m-country-selection-list__item {
    background-position: 1.25em .875em;
    /* 20px 14px / 16px */
  }

  .m-country-selection-list__heading {
    float: left;
    line-height: 1.75em;
    /* 28px / 16px */
    margin-bottom: 0;
  }

  .m-country-selection-list__language-list {
    float: right;
    margin-top: 0;
    padding: .375em 0;
    /* 6px / 16px */
  }

  .m-country-selection-list__language-list > li {
    margin-top: 0;
  }

  .m-country-selection-list__language-list a:after {
    bottom: -1.25em;
    /* 20px / 16px */
  }
}

@media (min-width: 35em) {
  .m-country-selection-list__heading {
    float: none;
    line-height: 1em;
    /* 28px / 16px */
  }

  .m-country-selection-list__language-list {
    float: none;
    margin-top: .125em;
    /* 2px / 16px */
    padding: 0;
  }

  .m-country-selection-list__language-list > li {
    margin-top: .25em;
    /*  4px / 16px */
  }

  .m-country-selection-list__language-list a:after {
    bottom: -.875em;
    /* 14px / 16px */
  }

  .m-country-selection-list {
    border-top: 1px solid #eee;
    margin-left: -2%;
    overflow: auto;
  }

  .m-country-selection-list > .m-country-selection-list__item {
    background-position: 1.25em 1.125em;
    /* 20px 18px / 16px */
    border-top: 0;
    float: left;
    margin-bottom: .5em;
    /* 8px / 16px */
    margin-left: 2%;
    width: 48%;
  }

  .flexbox .m-country-selection-list {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    /* 16px / 16px */
    margin-left: 0;
  }

  .flexbox .m-country-selection-list > .m-country-selection-list__item {
    display: inline-block;
    float: none;
    margin-left: 0;
    width: 100%;
  }
}

@media (min-width: 45em) {
  .m-country-selection-list > .m-country-selection-list__item {
    width: 31%;
  }

  .flexbox .m-country-selection-list {
    -webkit-column-count: 3;
    column-count: 3;
  }
}

.m-country-sections__tab-list {
  border-bottom: 1px solid #eee;
  display: none;
  margin: 0;
  overflow: auto;
}

.m-country-sections__tab-list li {
  float: left;
  margin: 0 2.5em 0 0;
  /* 40px / 16px */
}

.m-country-sections__tab-list li:last-child {
  margin: 0;
}

.m-country-sections__tab-list a {
  border-bottom-color: transparent;
  border-bottom-width: 4px;
  display: block;
  padding-bottom: .5em;
  /* 8px / 16px */
}

.m-country-sections__tab-list a:hover,
.m-country-sections__tab-list a:focus,
.m-country-sections__tab-list a.is-open:focus {
  border-bottom-color: #3372c4;
}

.m-country-sections__tab-list a.is-open {
  border-bottom-color: #004fb6;
}

@media (min-width: 35em) {
  .m-country-sections__tab-list {
    display: block;
  }

  .js-m-country-selection .m-country-selection__heading {
    left: -9999em;
    position: absolute;
  }

  .js-m-country-selection .m-country-selection-list {
    border: 0;
  }
}

/* ==========================================================================

	CONTEXTUAL HELP

	==========================================================================

	Example

	<div class="contextual-help" data-module="contextual-help">
		<div class="contextual-help-group-heading" id="conhelp-all">
			<h2>
				<span class="contextual-help-group-heading__option">...</span>
				<span class="u-hidden--visually">, </span>
				<span class="contextual-help-group-heading__option">...</span>
				<span class="u-hidden--visually"> and </span>
				<span class="contextual-help-group-heading__option">...</span>
			</h2>
		</div>
		<div class="contextual-help__group">
			<h3 class="contextual-help__heading" id="conhelp-...">...</h3>
			<div class="contextual-help__content content-container">
				...
			</div>
			<h3 class="contextual-help__heading" id="conhelp-...">...</h3>
			<div class="contextual-help__content content-container">
				...
			</div>
			<h3 class="contextual-help__heading" id="conhelp-...">...</h3>
			<div class="contextual-help__content content-container">
				...
			</div>
		</div>
	</div>
 */

@-webkit-keyframes contextual-help-icon {
  from {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes contextual-help-icon {
  from {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes contextual-help-icon--visible {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}

@keyframes contextual-help-icon--visible {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}

.contextual-help-group-heading {
  background: #004fb6;
  color: #fff;
}

.contextual-help--two .contextual-help-group-heading,
.contextual-help--three .contextual-help-group-heading {
  left: -9999em;
  position: absolute;
  top: 0;
}

.contextual-help-group-heading h2,
.contextual-help-group-heading .contextual-help-link {
  color: #fff;
}

.contextual-help-group-heading h2 {
  font: bold 1.25em/1.4 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 20px/28px / 16px */
  margin: 0 auto;
  max-width: 65em;
  /* 1300px / 20px */
  overflow: hidden;
  padding: .8em 1em;
  /* 16px 1em / 20px */
}

.fonts-loaded .contextual-help-group-heading h2 {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.js-contextual-help .contextual-help-group-heading h2 {
  padding: .8em 1em;
  /* 16px 1em / 20px */
}

.contextual-help-group-heading__option {
  display: block;
}

.contextual-help--two .contextual-help-group-heading__option,
.contextual-help--three .contextual-help-group-heading__option {
  float: left;
  width: 50%;
}

.contextual-help--three .contextual-help-group-heading__option {
  width: 33.333%;
}

.contextual-help-group-heading .contextual-help-link {
  border: 0;
  display: block;
  padding: 0;
}

.contextual-help-group-heading .contextual-help-link .contextual-help-group-heading__option:last-child {
  background: url('../images/icons/arrow-down-white.png') no-repeat center right;
}

.svg .contextual-help-group-heading .contextual-help-link .contextual-help-group-heading__option:last-child {
  background-image: url('../images/icons/arrow-down-white.svg');
}

.contextual-help-group-heading.is-visible .contextual-help-link .contextual-help-group-heading__option:last-child {
  background-image: url('../images/icons/arrow-up-white.png');
}

.svg .contextual-help-group-heading.is-visible .contextual-help-link .contextual-help-group-heading__option:last-child {
  background-image: url('../images/icons/arrow-up-white.svg');
}

.contextual-help-group-heading .contextual-help-link:focus {
  outline: 2px solid #44c0ff;
  outline-offset: -2px;
}

.csstransforms .contextual-help-group-heading .contextual-help-link .contextual-help-group-heading__option:last-child,
.csstransforms .contextual-help-group-heading.is-visible .contextual-help-link .contextual-help-group-heading__option:last-child {
  background-image: none;
  position: relative;
}

.csstransforms .contextual-help-group-heading .contextual-help-link .contextual-help-group-heading__option:last-child:after {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: contextual-help-icon;
  animation-name: contextual-help-icon;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: url('../images/icons/arrow-down-white.svg') no-repeat center center;
  content: '';
  display: block;
  height: 1.75em;
  /* 28px / 16px */
  margin-top: -.875em;
  /* 14px / 16px */
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 1.75em;
  /* 28px / 16px */
}

.csstransforms .contextual-help-group-heading.is-visible .contextual-help-link .contextual-help-group-heading__option:last-child:after {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: contextual-help-icon--visible;
  animation-name: contextual-help-icon--visible;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.contextual-help__heading {
  background: #004fb6;
  border-top: 1px solid #fff;
  color: #fff;
  font: bold 1.25em/1.4 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 20px/28px / 16px */
  margin: 0;
  padding: .8em 1em;
  /* 16px 1em / 20px */
}

.fonts-loaded .contextual-help__heading {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.js-contextual-help .contextual-help__heading {
  padding: 0;
}

.js-contextual-help .contextual-help__heading .contextual-help-link {
  background: url('../images/icons/arrow-down-white.png') no-repeat center 95%;
  background-position: center right .8em;
  /* 16px / 20px */
  color: #fff;
  display: block;
  padding: .8em 1em;
  /* 16px 1em / 20px */
  padding-right: 2.65em;
  /* 53px / 20px */
}

.svg .js-contextual-help .contextual-help__heading .contextual-help-link {
  background-image: url('../images/icons/arrow-down-white.svg');
}

.js-contextual-help .contextual-help__heading.is-visible .contextual-help-link {
  background-image: url('../images/icons/arrow-up-white.png');
}

.svg .js-contextual-help .contextual-help__heading.is-visible .contextual-help-link {
  background-image: url('../images/icons/arrow-up-white.svg');
}

.js-contextual-help .contextual-help__heading a:focus {
  outline: 2px solid #44c0ff;
}

.csstransforms .contextual-help__heading .contextual-help-link,
.csstransforms .js-contextual-help .contextual-help__heading .contextual-help-link,
.csstransforms .contextual-help__heading.is-visible .contextual-help-link,
.csstransforms .js-contextual-help .contextual-help__heading.is-visible .contextual-help-link {
  background-image: none;
  position: relative;
}

.csstransforms .contextual-help__heading .contextual-help-link:after {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: contextual-help-icon;
  animation-name: contextual-help-icon;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: url('../images/icons/arrow-down-white.svg') no-repeat center center;
  content: '';
  display: block;
  height: 1.75em;
  /* 28px / 16px */
  margin-top: -.875em;
  /* 14px / 16px */
  position: absolute;
  right: .8em;
  /* 16px / 20px */
  top: 50%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 1.75em;
  /* 28px / 16px */
}

.csstransforms .contextual-help__heading.is-visible .contextual-help-link:after {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: contextual-help-icon--visible;
  animation-name: contextual-help-icon--visible;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.js-contextual-help .contextual-help__content {
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: max-height .5s .2s;
}

.js-contextual-help .contextual-help__heading.is-visible + .contextual-help__content {
  max-height: 1000em;
  pointer-events: auto;
  transition: max-height 1s .2s;
}

.js-contextual-help.contextual-help--one .contextual-help__group {
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: max-height .5s;
}

.js-contextual-help.contextual-help--one .contextual-help-group-heading.is-visible + .contextual-help__group {
  max-height: 1000em;
  pointer-events: auto;
  transition: max-height 1s;
}

.js-contextual-help.contextual-help--one .contextual-help__content {
  max-height: none;
  padding: 0 1.25em;
  /* 0 20px / 16px */
  pointer-events: auto;
  transition: none;
}

@media (min-width: 35em) {
  .contextual-help-group-heading h2,
  .contextual-help__heading,
  .js-contextual-help .contextual-help-group-heading h2,
  .js-contextual-help .contextual-help__heading .contextual-help-link {
    padding: .8em 1.5em;
    /* 16px 30px / 20px */
  }

  .js-contextual-help.contextual-help--one .contextual-help__content {
    padding: 0 1.875em;
    /* 30px / 16px */
  }
}

@media (min-width: 60em) {
  .contextual-help--two .contextual-help-group-heading,
  .contextual-help--three .contextual-help-group-heading {
    position: static;
  }

  .js-contextual-help .contextual-help-group-heading h2 {
    font: normal 1.75em/1.2857 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
    /* 28px/36px / 16px */
    max-width: 46.4286em;
    /* 1300px / 28px */
    padding: .5714em 1.0714em;
    /* 16px 30px / 28px */
  }

  .fonts-loaded .js-contextual-help .contextual-help-group-heading h2 {
    font-family: 'source_sans_prolight', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  }

  .contextual-help-group-heading__option {
    padding-left: .5714em;
    /* 16px / 28px */
  }

  .contextual-help-group-heading__option:first-child {
    padding-left: 0;
  }

  .contextual-help__group {
    margin: 0 auto;
    max-width: 81.25em;
    /* 1300px / 16px */
    overflow: auto;
    padding: 0 1.875em;
    /* 30px / 16px */
  }

  .contextual-help--two .contextual-help__group,
  .contextual-help--three .contextual-help__group {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .contextual-help__heading {
    left: -9999em;
    position: absolute;
    top: 0;
  }

  .contextual-help__content {
    margin: 1.625em 0;
    /* 26px 0 / 16px */
    padding: 0 1em;
    /* 0 16px / 16px */
  }

  .contextual-help--one .contextual-help__content,
  .js-contextual-help.contextual-help--one .contextual-help__content {
    padding: 0;
  }

  .contextual-help--two .contextual-help__content,
  .contextual-help--three .contextual-help__content {
    float: left;
    width: 50%;
  }

  .contextual-help--three .contextual-help__content {
    width: 33.333%;
  }

  .flexbox .contextual-help--two .contextual-help__content,
  .flexbox .contextual-help--three .contextual-help__content {
    border-right: 1px solid #ccc;
  }

  .contextual-help--two .contextual-help__heading:first-child + .contextual-help__content,
  .contextual-help--three .contextual-help__heading:first-child + .contextual-help__content {
    padding-left: 0;
  }

  .contextual-help--two .contextual-help__content:last-child,
  .contextual-help--three .contextual-help__content:last-child {
    border-right: 0;
    padding-right: 0;
  }

  .contextual-help__content > :first-child {
    margin-top: 0;
  }

  .contextual-help__content > :last-child {
    margin-bottom: 0;
  }

  .js-contextual-help .contextual-help__group {
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-height .5s;
  }

  .js-contextual-help .contextual-help-group-heading.is-visible + .contextual-help__group {
    max-height: 100em;
    pointer-events: auto;
    transition: max-height 1s;
  }

  .js-contextual-help .contextual-help__content {
    max-height: none;
    padding: 0 1em;
    /* 0 16px / 16px */
    pointer-events: auto;
    transition: none;
  }
}

/* ==========================================================================

	FAQ LIST

	==========================================================================

	Example

	<dl class="definition-list faq-list" data-module="faq-list" data-faq-link-text="...">
		<dt class="faq-list__question">...</dt>
		<dd class="faq-list__answer">...</dd>
	</dl>
 */

.faq-list-back-link,
.js-faq-list .faq-list__answer {
  display: none;
}

.faq-list__control {
  transition: border-color .35s 0s, color .35s, font-family .35s 0s, font-size .35s, font-weight .35s 0s, line-height .35s, margin .35s;
}

.faq-list__question.is-visible .faq-list__control {
  border-color: transparent;
  color: #5c596d;
  cursor: text;
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-size: 1.5em;
  /* 24px / 16px */
  font-weight: normal;
  line-height: 1.4167;
  /* 34px / 24px */
  margin-bottom: .9167em;
  /* 22px / 24px */
  margin-top: .9167em;
  /* 22px / 24px */
  transition: border-color 0s, color .35s, font-family .15s 0s, font-size .35s, font-weight .15s 0s, line-height .35s, margin .35s;
}

@media (min-width: 35em) {
  .faq-list__question.is-visible .faq-list__control {
    font-size: 1.625em;
    /* 26px / 16px */
    line-height: 1.3846em;
    /* 36px / 26px */
    margin-bottom: .8462em;
    /* 22px / 26px */
    margin-top: .8462em;
    /* 22px / 26px */
  }
}

@media (min-width: 60em) {
  .faq-list__question.is-visible .faq-list__control {
    font-size: 1.75em;
    /* 28px / 16px */
    line-height: 1.2857;
    /* 36px / 28px */
    margin-bottom: .7857em;
    /* 22px / 28px */
    margin-top: .7857em;
    /* 22px / 28px */
  }

  .faq-list-back-link:first-child + .faq-list {
    margin-top: 0;
  }
}

/* ==========================================================================

	FOOTER

	========================================================================== */

.m-footer {
  background-color: #333;
  color: #ccc;
  line-height: 2;
  /* 32px / 16px */
  margin: 0;
  /* 0 / 14px */
  overflow: hidden;
  padding: .75em 0 0;
  /* 12px 0 / 16px */
}

.m-footer .l-columns {
  margin-top: 0;
}

.m-footer .l-columns--5-large {
  margin-bottom: 0;
}

.m-footer__lists:after {
  border-top: 2px solid #ccc;
  clear: both;
  content: '';
  display: block;
  height: 0;
  padding-bottom: .625em;
  /* 10px / 16px */
}

.l-columns > .m-footer__group {
  margin-bottom: 1.75em;
  /* 28px / 16px */
  margin-top: 0;
}

.l-columns > .m-footer__group--social {
  float: right;
  margin-bottom: .75em;
  /* 12px / 16px */
  margin-left: auto;
}

.l-columns > .m-footer__group--inline {
  margin-bottom: .3125em;
  /* 5px / 16px */
  padding-right: 0;
}

.m-footer__list-heading {
  color: #fff;
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25em;
  /* 25px / 20px */
  margin-bottom: .25em;
  /* 4px / 16px; */
  margin-top: 0;
}

.m-footer__list {
  margin-top: 0;
}

.m-footer__list--legal,
.m-footer__list--copyright {
  font-size: .875em;
  /* 14px / 16px */
  margin-bottom: .75em;
  /* 12px / 16px */
}

.m-footer__list--legal {
  -webkit-columns: 2;
  columns: 2;
}

.m-footer__list li {
  margin-bottom: 0;
}

.m-footer__list--copyright li {
  display: inline;
  margin-right: .625em;
}

.m-footer__list .link-icon--external:after {
  background-image: url('../images/icons/external-grey.png');
}

.svg .m-footer__list .link-icon--external:after {
  background-image: url('../images/icons/external-grey.svg');
}

.m-footer__list .link-icon--external:hover:after,
.m-footer__list .link-icon--external:focus:after {
  background-image: url('../images/icons/external-white.png');
}

.svg .m-footer__list .link-icon--external:hover:after,
.svg .m-footer__list .link-icon--external:focus:after {
  background-image: url('../images/icons/external-white.svg');
}

.m-footer__list a,
.m-footer__list a:visited {
  border-bottom: 1px solid transparent;
  color: #ccc;
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
  padding-bottom: 1px;
  transition: all .35s;
}

.m-footer__list a:focus,
.m-footer__list a:hover {
  border-color: #fff;
  color: #fff;
}

.m-footer__list .link-icon {
  transition: none;
}

.m-footer__list .link-icon:focus,
.m-footer__list .link-icon:hover {
  border-color: transparent;
}

.m-footer__list .link-icon .link-icon__inner {
  border-color: transparent;
  border-style: solid;
  transition: all .35s;
}

.m-footer__list .link-icon .link-icon__inner:focus,
.m-footer__list .link-icon .link-icon__inner:hover {
  border-bottom-color: #fff;
}

.m-footer .social-list li {
  padding-right: 1.75em;
  /* 28px / 16px */
  padding-top: .5em;
  /* 8px / 16px */
}

.m-footer .social-list li:last-child {
  padding-right: 0;
}

.m-footer .social-list a {
  border-bottom: none;
}

@media (min-width: 35em) {
  .m-footer {
    padding-top: 2.5em ;
  }

  .m-footer__lists:after {
    margin-left: 1.25em;
    /* 20px / 16px */
    width: 100%;
  }

  .l-columns--1-medium.m-footer__lists:after,
  .l-columns--1-large.m-footer__lists:after {
    margin-left: 0;
  }

  .m-footer__group {
    margin-bottom: 0;
  }

  .m-footer .social-list {
    margin-bottom: .75em;
    /* 12px / 16px */
  }

  .m-footer__list--legal,
  .m-footer__list--copyright {
    margin-bottom: 0;
  }

  .m-footer__list--legal {
    -webkit-columns: 3;
    columns: 3;
  }
}

@media (min-width: 35em) and (max-width: 60em) {
  .csscalc .l-columns--3-medium > .m-footer__group--social {
    width: calc(66.67% - 1.25em);
  }

  .csscalc .l-columns--4-medium > .m-footer__group--social {
    width: calc(100% - 1.25em);
  }
}

@media (min-width: 50em) {
  .m-footer__list--legal {
    -webkit-columns: 1;
    columns: 1;
  }

  .m-footer__list--legal li {
    display: inline;
    margin-right: 2.25em;
    /* 36px / 16px */
  }
}

@media (min-width: 60em) {
  .m-footer__lists:after {
    margin-left: 1.875em;
    /* 30px / 16px */
  }

  .m-footer__group {
    margin-bottom: .625em;
    /* 10px / 16px */
    padding-right: 1.875em;
    /* 30px / 16px */
  }

  .m-footer__group--social {
    padding-right: 0;
  }

  .m-footer__group--inline {
    display: inline;
  }

  .m-footer__list--legal,
  .m-footer__list--copyright {
    display: inline;
  }

  .m-footer__list--copyright {
    float: right;
    padding-top: 2px;
  }

  .m-footer__list--copyright li {
    display: inline;
    margin-left: .625em;
    margin-right: 0;
  }

  .m-footer .social-list {
    float: right;
  }
}

/* ==========================================================================

	FOOTER

	========================================================================== */

@-webkit-keyframes footer-icon {
  50% {
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }
}

@keyframes footer-icon {
  50% {
    -webkit-transform: scale(.85);
    transform: scale(.85);
  }
}

.footer {
  background: #333;
  color: #fff;
  font-size: .875em;
  /* 14px / 16px */
  line-height: 1.7143;
  /* 24px / 14px */
  margin: 0;
  /* 30px 0 0 / 14px */
  overflow: hidden;
  padding: 2.857em 0 2.1428em;
  /* 40px 0 30px 0 / 14px */
}

.footer .l-content-container {
  max-width: 92.857em;
  /* 1300px / 14px */
  overflow: auto;
  padding: 0 1.4285em;
  /* 20px / 14px */
}

.footer__link-list {
  float: left;
  margin: 0 0 1.4286em 2%;
  /* 20px / 14px */
  width: 48%;
}

.csscalc .footer__link-list {
  margin-left: 1.39286em;
  /* 19.5px / 14px */
  width: calc(50% - .7143em);
  /* 50% - 10px / 14px */
}

.footer__link-list:nth-child(odd) {
  clear: both;
}

.csscalc .footer__link-list:nth-child(odd) {
  margin-left: 0;
}

.footer__link-list > li {
  margin-bottom: .3571em;
  /* 5px / 14px */
}

.footer__link-list > li:last-child {
  margin-bottom: 0;
}

.footer a {
  font-weight: normal;
}

.fonts-loaded .footer a {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.footer .social-list {
  clear: both;
  float: none;
  margin: 0 0 1.4286em;
  /* 20px / 14px */
  padding-top: 2.8571em;
  /* 40px / 14px */
  text-align: center;
  width: auto;
}

.footer .social-list > li {
  padding: 0 .3571em;
  /* 5px / 14px */
}

.footer .social-list__icon {
  height: 1.4286em;
  /* 20px / 14px */
  width: 1.4286em;
  /* 20px / 14px */
}

.footer .social-list__icon--twitter {
  width: 1.7143em;
  /* 24px / 14px */
}

.footer .social-list__icon--google {
  width: 2.1429em;
  /* 30px / 14px */
}

.footer .social-list__icon--youtube {
  width: 2em;
  /* 28px / 14px */
}

.footer__copyright {
  clear: both;
  color: #999;
  margin-top: 0;
  text-align: center;
}

.footer__datecode {
  display: inline-block;
}

.footer__copyright__text {
  margin-left: 1.4286em;
  /* 20px / 14px */
  white-space: nowrap;
  word-break: keep-all;
}

@media (min-width: 35em) {
  .footer .l-content-container {
    padding: 0 2.1429em;
    /* 30px / 14px */
  }

  .footer__link-list {
    width: 23%;
  }

  .csscalc .footer__link-list {
    width: calc(25% - 1.0714em);
    /* 50% - 15px / 14px */
  }

  .footer__link-list:nth-child(odd) {
    clear: none;
  }

  .footer__link-list:nth-child(5) {
    clear: both;
    width: 48%;
  }

  .csscalc .footer__link-list:nth-child(5) {
    margin-left: 0;
    width: calc(50% - .7143em);
    /* 50% - 10px / 14px */
  }

  .csscalc .footer__link-list:nth-child(even) {
    margin-left: 1.39286em;
    /* 19.5px / 14px */
  }

  .footer .social-list,
  .footer__copyright {
    clear: none;
    float: right;
    margin-left: 2%;
    padding-top: 0;
    text-align: right;
    width: 48%;
  }

  .csscalc .footer .social-list,
  .csscalc .footer__copyright {
    margin-left: 1.39286em;
    /* 19.5px / 14px */
    width: calc(50% - .7143em);
    /* 50% - 10px / 14px */
  }
}

@media (min-width: 60em) {
  .footer__link-list,
  .footer .social-list {
    clear: none;
    width: 15%;
  }

  .footer__link-list:nth-child(5) {
    clear: none;
    width: 15%;
  }

  .csscalc .footer__link-list,
  .csscalc .footer__link-list:nth-child(even),
  .csscalc .footer__link-list:nth-child(odd),
  .csscalc .footer__link-list:nth-child(4),
  .csscalc .footer .social-list {
    margin-left: 1.03571em;
    /* 14.5px / 14px */
  }

  .footer__link-list:first-child,
  .csscalc .footer .footer__link-list:first-child {
    margin-left: 0;
  }

  .csscalc .footer__link-list,
  .csscalc .footer__link-list:nth-child(5),
  .csscalc .footer .social-list {
    width: calc(16.6% - .8929em);
    /* 50% - 12.5px / 14px */
  }

  .footer .social-list {
    display: table;
    float: right;
    margin-bottom: 0;
    margin-left: 2%;
    table-layout: fixed;
    text-align: center;
  }

  .footer .social-list > li {
    display: table-cell;
    padding: 0;
  }

  .footer .social-list__icon {
    display: inline-block;
  }

  .footer__copyright,
  .csscalc .footer__copyright {
    float: none;
    text-align: right;
    width: auto;
  }

  .footer__link-list + .footer__copyright {
    float: right;
    width: 30%;
  }

  .footer__link-list + .footer__link-list + .footer__link-list + .footer__link-list + .footer__link-list + .footer__copyright,
  .social-list + .footer__copyright {
    clear: both;
    float: none;
    padding-top: 2.1429em;
    /* 30px / 14px */
    width: auto;
  }
}

/* ==========================================================================

	HERO

	========================================================================== */

/**
 * Fixes the min-height bug in IE10-11.
 * This class should be added to a container element as described in
 * Flexbug #3. See http://bit.ly/1gy8OJS for details.
 */

.m-hero-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.m-hero {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #333;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 65vh;
  position: relative;
  width: 100%;
}

.m-hero:before {
  background: rgba(51, 51, 51, .3);
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.m-hero--focus-center,
.m-hero--focus-left,
.m-hero--focus-right,
.m-hero--focus-top-center,
.m-hero--focus-top-left,
.m-hero--focus-top-right {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.m-hero--focus-left,
.m-hero--focus-top-left {
  background-position: 25% 50%;
}

.m-hero--focus-right,
.m-hero--focus-top-right {
  background-position: 75% 50%;
}

.m-hero-message {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 81.25em;
  /* 1300px / 16px */
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 0 1.25em 1.875em;
  /* 0 20px 30px / 16px */
  position: relative;
  text-align: center;
  width: 100%;
  word-wrap: break-word;
}

.m-hero--focus-center .m-hero-message,
.m-hero--focus-left .m-hero-message,
.m-hero--focus-right .m-hero-message {
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.m-hero--focus-center .m-hero-message .m-hero-message__text,
.m-hero--focus-left .m-hero-message .m-hero-message__text,
.m-hero--focus-right .m-hero-message .m-hero-message__text {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.m-hero--focus-center .m-hero-message .m-hero-message__button,
.m-hero--focus-left .m-hero-message .m-hero-message__button,
.m-hero--focus-right .m-hero-message .m-hero-message__button {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.m-hero--focus-top-center .m-hero-message,
.m-hero--focus-top-left .m-hero-message,
.m-hero--focus-top-right .m-hero-message {
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
}

.m-hero--focus-top-center .m-hero-message .m-hero-message__text,
.m-hero--focus-top-left .m-hero-message .m-hero-message__text,
.m-hero--focus-top-right .m-hero-message .m-hero-message__text {
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
}

.m-hero--focus-top-center .m-hero-message .m-hero-message__button,
.m-hero--focus-top-left .m-hero-message .m-hero-message__button,
.m-hero--focus-top-right .m-hero-message .m-hero-message__button {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.m-hero-message .heading--0 {
  margin-bottom: .11905em;
  /* 5px / 16px */
}

.m-hero-message .m-hero__sub-heading {
  margin-bottom: 0;
  margin-top: 0;
}

.m-hero-message__button {
  margin: 0;
}

.m-hero-message__button .btn-group {
  margin: .9375em 0 0;
  /* 15px / 0.1px */
}

.m-hero__image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.m-hero__image:before {
  background: rgba(51, 51, 51, .3);
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.m-hero .btn-group {
  display: inline-block;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/*  Object-fit (hero image)
	========================================================================== */

.m-hero--objectfit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.m-hero--objectfit .m-hero__image {
  overflow: hidden;
}

.m-hero--objectfit .m-hero__image img {
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  width: 100%;
}

.m-hero--objectfit.m-hero--focus-right .m-hero__image img {
  object-position: 75% 50%;
}

.m-hero--objectfit.m-hero--focus-left .m-hero__image img {
  object-position: 25% 50%;
}

/*  Object-fit polyfill (hero image)
	========================================================================== */

.compat-object-fit.m-hero {
  background-repeat: no-repeat;
  background-size: cover;
}

.compat-object-fit .m-hero__image {
  display: none;
}

.compat-object-fit.m-hero--focus-right {
  object-position: 75% 50%;
}

.compat-object-fit.m-hero--focus-left {
  object-position: 25% 50%;
}

@media (min-width: 35em) {
  .m-hero {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 56.25vw;
    /* 16:9 ratio for tablet devices */
  }

  .m-hero--focus-top-center,
  .m-hero--focus-top-left,
  .m-hero--focus-top-right {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .m-hero--focus-center,
  .m-hero--focus-left,
  .m-hero--focus-right {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .m-hero--focus-left {
    background-position: 40% 50%;
  }

  .m-hero--focus-right {
    background-position: 60% 50%;
  }

  .m-hero--focus-center .m-hero-message,
  .m-hero--focus-left .m-hero-message,
  .m-hero--focus-right .m-hero-message {
    -webkit-flex-grow: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .m-hero--focus-left .m-hero-message__text,
  .m-hero--focus-left .m-hero-message__button,
  .m-hero--focus-top-left .m-hero-message__text,
  .m-hero--focus-top-left .m-hero-message__button {
    padding-left: 40%;
    text-align: left;
  }

  .m-hero--focus-right .m-hero-message__text,
  .m-hero--focus-right .m-hero-message__button,
  .m-hero--focus-top-right .m-hero-message__text,
  .m-hero--focus-top-right .m-hero-message__button {
    padding-right: 40%;
    text-align: left;
  }

  .m-hero-message {
    padding: 0 1.875em 2em;
    /* 0 30px 32px / 16px */
  }

  .m-hero-message .heading--0 {
    margin-bottom: .1471em;
    /* 10px / 16px */
  }

  .m-hero-message__button {
    margin: 1.25em 0 0;
    /* 20px 0 0 / 16px */
  }

  .m-hero--text-align-left .m-hero-message {
    text-align: left;
  }

  /*  Object-fit (hero image)
	========================================================================== */

  .m-hero--objectfit.m-hero--focus-left .m-hero__image img {
    object-position: 40% 50%;
  }

  .m-hero--objectfit.m-hero--focus-right .m-hero__image img {
    object-position: 60% 50%;
  }

  /*  Object-fit polyfill (hero image)
	========================================================================== */

  .compat-object-fit.m-hero--focus-left {
    object-position: 40% 50%;
  }

  .compat-object-fit.m-hero--focus-right {
    object-position: 60% 50%;
  }
}

@media (min-width: 60em) {
  .m-hero {
    min-height: 65vh;
  }

  .m-hero-message {
    padding: 0 1.875em 2em;
    /* 0 30px 32px / 16px */
  }

  .m-hero-message .heading--0 {
    margin-bottom: .14286em;
    /* 10px / 16px */
  }

  .m-hero-message__button {
    margin: 1.875em 0 0;
    /* 30px 0 0 / 16px */
  }

  .m-hero--focus-left .m-hero-message__text,
  .m-hero--focus-left .m-hero-message__button,
  .m-hero--focus-top-left .m-hero-message__text,
  .m-hero--focus-top-left .m-hero-message__button {
    padding-left: 55%;
  }

  .m-hero--focus-right .m-hero-message__text,
  .m-hero--focus-right .m-hero-message__button,
  .m-hero--focus-top-right .m-hero-message__text,
  .m-hero--focus-top-right .m-hero-message__button {
    padding-right: 55%;
  }

  .m-hero--focus-top-left .m-hero-message,
  .m-hero--focus-top-right .m-hero-message,
  .m-hero--focus-top-center .m-hero-message {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }

  .m-hero--focus-left .m-hero-message,
  .m-hero--focus-right .m-hero-message,
  .m-hero--focus-center .m-hero-message {
    -webkit-flex-grow: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
  }
}

/* ==========================================================================

	SHOW/HIDE

	========================================================================== */

@-webkit-keyframes showhide {
  from {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes showhide {
  from {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes showhide--show {
  from {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes showhide--show {
  from {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.js-showhide.showhide {
  border-top: 1px solid #ccc;
  margin: 1.875em 0;
  /* 30px / 16px */
}

.js-showhide .showhide__heading {
  border-bottom: 1px solid #ccc;
  color: #004fb6;
  font: normal 1em/1.5 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 16px/24px / 16px */
  font-weight: bold;
  margin: 0;
}

.fonts-loaded .js-showhide .showhide__heading {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.t-accent-light .js-showhide.showhide,
.t-card-accent-light .m-card .js-showhide.showhide,
.t-card-accent-light .m-card .js-showhide.showhide,
.t-card-accent-dark .m-card.t-accent-light .js-showhide.showhide {
  border-top-color: #ccc;
}

.t-accent-light .js-showhide .showhide__heading,
.t-card-accent-light .m-card .js-showhide .showhide__heading,
.t-card-accent-light .m-card .js-showhide .showhide__heading,
.t-card-accent-dark .m-card.t-accent-light .js-showhide .showhide__heading {
  border-bottom-color: #ccc;
  color: #004fb6;
}

.t-accent-dark .js-showhide.showhide,
.t-card-accent-dark .m-card .js-showhide.showhide,
.t-card-accent-dark .m-card .js-showhide.showhide,
.t-card-accent-light .m-card.t-accent-dark .js-showhide.showhide {
  border-top-color: #fff;
}

.t-accent-dark .js-showhide .showhide__heading,
.t-card-accent-dark .m-card .js-showhide .showhide__heading,
.t-card-accent-dark .m-card .js-showhide .showhide__heading,
.t-card-accent-light .m-card.t-accent-dark .js-showhide .showhide__heading {
  border-bottom-color: #fff;
  color: #fff;
}

.fonts-loaded.js-showhide .showhide__heading {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.showhide__control {
  border: 0;
  display: block;
  padding: 1.5em 0 1.625em 4.375em;
  /* 24px 0 26px 70px / 16px */
  position: relative;
  transition: background-color .35s, color .35s;
}

.showhide__control:before {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: showhide;
  animation-name: showhide;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: #fff url('../images/icons/arrow-down.png') no-repeat center center;
  /* 10px 24px / 16px */
  border: 1px solid #ccc;
  border-radius: 50%;
  content: '';
  display: block;
  font-size: 16px;
  height: 1.8125em;
  /* 29px / 16px */
  left: 1.25em;
  /* 20px / 16px */
  position: absolute;
  top: 1.375em;
  /* 22px / 16px */
  transition: background-color .35s, border-color .35s;
  width: 1.8125em;
  /* 29px / 16px */
}

.svg .showhide__control:before {
  background-image: url('../images/icons/arrow-down.svg');
}

.t-card-accent-light .m-card .showhide__control,
.t-card-accent-dark .m-card.t-accent-light .showhide__control {
  color: #004fb6;
}

.t-card-accent-dark .m-card .showhide__control,
.t-card-accent-light .m-card.t-accent-dark .showhide__control {
  color: #fff;
}

.showhide__control:hover:before,
.showhide__control:focus:before {
  background-color: #004fb6;
  background-image: url('../images/icons/arrow-down-white.png');
  border-color: #004fb6;
}

.svg .showhide__control:hover:before,
.svg .showhide__control:focus:before {
  background-image: url('../images/icons/arrow-down-white.svg');
}

.showhide__control:hover,
.showhide__control:focus {
  background-color: #e5edf8;
  border: 0;
}

.js-showhide .showhide__heading.is-visible {
  border-bottom: 0;
}

.showhide__heading.is-visible .showhide__control {
  color: #5c596d;
}

.showhide__heading.is-visible .showhide__control:before {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: showhide--show;
  animation-name: showhide--show;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-color: #fff;
  background-image: url('../images/icons/arrow-up.png');
  border-color: #ccc;
}

.svg .showhide__heading.is-visible .showhide__control:before {
  background-image: url('../images/icons/arrow-up.svg');
}

.showhide__heading.is-visible .showhide__control:hover:before,
.showhide__heading.is-visible .showhide__control:focus:before {
  background-color: #004fb6;
  background-image: url('../images/icons/arrow-up-white.png');
  border-color: #004fb6;
}

.svg .showhide__heading.is-visible .showhide__control:hover:before,
.svg .showhide__heading.is-visible .showhide__control:focus:before {
  background-image: url('../images/icons/arrow-up-white.svg');
}

.js-showhide .showhide__content {
  border-bottom: 4px solid #ccc;
  padding: .625em 0 1.9375em 4.375em;
  /* 10px 0 31px 70px / 16px */
}

.js-showhide .showhide__content > :first-child {
  margin-top: 0;
}

.js-showhide .showhide__content > :last-child {
  margin-bottom: 0;
}

/*  Transcript - Modifer for stranscript showhide
	========================================================================== */

.showhide--transcript,
.js-showhide.showhide--transcript {
  margin-left: auto;
  margin-right: auto;
  max-width: 50em;
  /* 800px / 16px */
}

.showhide--transcript .showhide__control {
  padding-bottom: .78125em;
  /* 12.5px / 16px */
  padding-top: .78125em;
  /* 12.5px / 16px */
}

.showhide--transcript .showhide__control::before {
  top: .5em;
}

/* ==========================================================================

	TABBED COMPONENT

	========================================================================== */

.m-tabs {
  margin-bottom: 1.875em;
  /* 30px / 16px */
}

.m-tabs__nav {
  margin-bottom: 1.875em;
  /* 30px / 16px */
  position: relative;
}

.m-tabs__nav-list {
  border-bottom: 1px solid #ccc;
  margin: 0;
  min-height: 3.625em;
  /* 58px / 16px */
  overflow: hidden;
  position: relative;
}

@media (min-width: 35em) {
  .m-tabs__nav-list {
    min-height: 4.3125em;
    /* 69px / 16px */
  }
}

.m-tabs__nav-list--test-height {
  overflow: auto;
}

.m-tabs__nav-list > li {
  float: left;
  margin: 0;
}

.m-tabs__nav-list > li.is-hidden {
  display: none;
}

.m-tabs__heading,
.m-tabs__control {
  font-size: 1em;
  /* 16px / 16px */
  font-weight: bold;
  line-height: 1.5em;
  /* 24px / 16px */
  margin-bottom: 1.875em;
  /* 30px / 16px */
  padding-bottom: .25em;
  /* 4px / 16px */
  text-decoration: none;
}

.fonts-loaded .m-tabs__heading,
.fonts-loaded .m-tabs__control {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-tabs__heading {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  /* 16px / 16px */
  margin-top: 2em;
  /* 32px / 16px */
}

.js-m-tabs .m-tabs__heading {
  border-bottom: none;
}

@media (min-width: 35em) {
  .m-tabs__heading,
  .m-tabs__control {
    font-size: 1.25em;
    /* 20px / 16px */
    line-height: 1.4em;
    /* 28px / 20px */
    padding-bottom: .2em;
    /* 4px / 20px */
  }

  .m-tabs__heading {
    margin-bottom: .8em;
    /* 16px / 20px */
    margin-top: 1.6em;
    /* 32px / 20px */
  }
}

@media (min-width: 60em) {
  .m-tabs__heading,
  .m-tabs__control {
    font-size: 1.25em;
    /* 20px / 16px */
    line-height: 1.4em;
    /* 28px / 20px */
  }
}

.m-tabs__nav-list .m-tabs__control {
  border-bottom: .3125em solid transparent;
  /* 5px / 16px */
  display: block;
  margin: 0 2.5em 0 0;
  /* 40px / 16px */
  padding-bottom: .8125em;
  /* 13px / 16px */
  padding-top: 1em;
  /* 16px / 16px */
  text-decoration: none;
  transition: background-color .35s, border .35s;
}

@media (min-width: 35em) {
  .m-tabs__nav-list .m-tabs__control {
    border-bottom-width: .3em;
    /* 6px / 20px */
    margin-right: 2em;
    /* 40px / 20px */
    padding-bottom: .75em;
    /* 15px / 20px */
    padding-top: 1em;
    /* 20px / 20px */
  }
}

.m-tabs__nav-list .m-tabs__control,
.t-accent-light .m-tabs__nav-list .m-tabs__control,
.t-accent-dark .t-accent-light .m-tabs__nav-list .m-tabs__control {
  color: #5c596d;
}

.t-accent-dark .m-tabs__nav-list .m-tabs__control {
  color: #ccc;
}

.m-tabs__nav-list .m-tabs__control:focus,
.m-tabs__nav-list .m-tabs__control:hover,
.t-accent-light .m-tabs__nav-list .m-tabs__control:focus,
.t-accent-light .m-tabs__nav-list .m-tabs__control:hover,
.t-accent-dark .t-accent-light .m-tabs__nav-list .m-tabs__control:focus,
.t-accent-dark .t-accent-light .m-tabs__nav-list .m-tabs__control:hover,
.t-accent-dark .m-tabs__nav-list .m-tabs__control:focus,
.t-accent-dark .m-tabs__nav-list .m-tabs__control:hover {
  border-bottom-color: #004fb6;
}

.m-tabs__nav-list .m-tabs__control--selected,
.t-accent-light .m-tabs__nav-list .m-tabs__control--selected,
.t-accent-dark .t-accent-light .m-tabs__nav-list .m-tabs__control--selected,
.t-accent-dark .m-tabs__nav-list .m-tabs__control--selected {
  border-bottom-color: #4f9f31;
}

.m-tabs__nav-list .m-tabs__control--selected,
.t-accent-light .m-tabs__nav-list .m-tabs__control--selected,
.t-accent-dark .t-accent-light .m-tabs__nav-list .m-tabs__control--selected {
  color: #444;
}

.t-accent-dark .m-tabs__nav-list .m-tabs__control--selected {
  color: #fff;
}

.m-tabs__more-tab,
.m-tabs__more-list {
  display: none;
}

.m-tabs__more-tab {
  display: none;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.m-tabs__more-tab.is-showing {
  display: block;
}

.m-tabs__nav-list .m-tabs__more-control,
.m-tabs__nav-list .m-tabs__more-control:visited {
  border-bottom: .3125em solid transparent;
  /* 5px / 16px */
  margin-right: 0;
  padding-left: 1.25em;
  /* 20px / 16px */
  padding-right: 2.8125em;
  /* 45px / 16px */
}

@media (min-width: 35em) {
  .m-tabs__nav-list .m-tabs__more-control,
  .m-tabs__nav-list .m-tabs__more-control:visited {
    border-bottom-width: .3em;
    /* 6px / 20px */
    padding-bottom: .75em;
    /* 15px / 20px */
    padding-right: 3.4375em;
    /* 55px / 16px */
    padding-top: 1em;
    /* 20px / 20px */
  }
}

.m-tabs__nav-list .m-tabs__more-control,
.m-tabs__nav-list .m-tabs__more-control:visited,
.t-accent-light .m-tabs__nav-list .m-tabs__more-control,
.t-accent-light .m-tabs__nav-list .m-tabs__more-control:visited,
.t-accent-dark .t-accent-light .m-tabs__nav-list .m-tabs__more-control,
.t-accent-dark .t-accent-light .m-tabs__nav-list .m-tabs__more-control:visited {
  background-color: #ccc;
  color: #444;
}

.t-accent-dark .m-tabs__nav-list .m-tabs__more-control,
.t-accent-dark .m-tabs__nav-list .m-tabs__more-control:visited {
  background-color: #fff;
  color: #5c596d;
}

.m-tabs__more-control:after {
  background: transparent url('../images/icons/arrow-down.png') no-repeat center center;
  content: '';
  height: 9px;
  position: absolute;
  right: 1em;
  top: 1.6em;
  transition: -webkit-transform .35s;
  transition: transform .35s;
  transition: transform .35s, -webkit-transform .35s;
  width: 16px;
}

.svg .m-tabs__more-control:after {
  background-size: 13px;
}

@media (min-width: 35em) {
  .svg .m-tabs__more-control:after {
    background-size: auto;
  }
}

.m-tabs__more-control--close:after {
  background-image: url('../images/icons/arrow-up.png');
}

.svg .m-tabs__more-control--close:after {
  background-image: url('../images/icons/arrow-down.svg');
}

.csstransforms .m-tabs__more-control--close:after {
  background-image: url('../images/icons/arrow-down.png');
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.svg .m-tabs__more-control:after,
.csstransforms.svg .m-tabs__more-control--close:after {
  background-image: url('../images/icons/arrow-down.svg');
}

.m-tabs__more-list {
  display: none;
  left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .35s;
  z-index: 2000;
}

.m-tabs__more-list,
.t-accent-light .m-tabs__more-list,
.t-accent-dark .t-accent-light .m-tabs__more-list {
  box-shadow: 0 5px 8px 0 rgba(17, 17, 17, .2);
}

.t-accent-dark .m-tabs__more-list {
  box-shadow: 0 8px 10px 0 rgba(44, 55, 76, .5);
}

.m-tabs__more-list.is-showing {
  opacity: 1;
}

.m-tabs__more-list > li {
  margin: 0;
  padding: 0;
}

.m-tabs__more-list > li.is-hidden {
  display: none;
}

.m-tabs__more-list > li a {
  border-bottom: 6px solid transparent;
  display: block;
  margin-bottom: 0;
  padding: .9375em 1.25em .5625em;
  /* 15px 20px 9px / 20px */
  text-decoration: none;
  transition: background-color .35s, border .35s;
}

@media (min-width: 35em) {
  .m-tabs__more-list > li a {
    padding: .75em 1em .45em;
    /* 15px 20px 9px / 20px */
  }
}

.m-tabs__more-list > li a,
.t-accent-light .m-tabs__more-list > li a,
.t-accent-dark .t-accent-light .m-tabs__more-list > li a {
  background-color: #eee;
  color: #444;
}

.t-accent-dark .m-tabs__more-list > li a {
  background-color: #fff;
  color: #5c596d;
}

.m-tabs__more-list > li a:focus,
.m-tabs__more-list > li a:hover,
.t-accent-light .m-tabs__more-list > li a:focus,
.t-accent-light .m-tabs__more-list > li a:hover,
.t-accent-dark .t-accent-light .m-tabs__more-list > li a:focus,
.t-accent-dark .t-accent-light .m-tabs__more-list > li a:hover,
.t-accent-dark .m-tabs__more-list > li a:focus,
.t-accent-dark .m-tabs__more-list > li a:hover {
  background-color: #ccc;
  border-color: #ccc;
}

.m-tabs__more-list > li a.m-tabs__control--selected,
.t-accent-light .m-tabs__more-list > li a.m-tabs__control--selected,
.t-accent-dark .t-accent-light .m-tabs__more-list > li a.m-tabs__control--selected,
.t-accent-dark .m-tabs__more-list > li a.m-tabs__control--selected {
  border-bottom-color: #4f9f31;
}

.m-tabs__content {
  overflow: auto;
}

.js-m-tabs .m-tabs__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height .35s, opacity .35s;
}

.js-m-tabs .m-tabs__content--selected {
  max-height: 1000em;
  opacity: 1;
  overflow: auto;
}

/* ==========================================================================

	DATA GROUP

	==========================================================================

	Example

	<ul class="data-group [modifer]">
		<li class="data-group-item">
			<h3 class="data-group-item__title"...</h3>
			<p class="data-group-item__data">...</p>
		</li>
		...
	</ul>
 */

.data-group {
  list-style-type: none;
  margin: 1.375em 0 0;
  /* 22px / 16px */
  padding: 0;
}

.data-group-item {
  margin-bottom: 1.375em;
  /* 22px / 16px */
}

.data-group-item__title {
  color: #444;
  display: block;
  font: normal 1.75em/1.2857 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 28px/36px / 16px */
  margin: 0;
}

.t-accent-light .data-group-item__title,
.t-accent-dark .t-accent-light .data-group-item__title {
  color: #444;
}

.t-accent-dark .data-group-item__title {
  color: #fff;
}

.fonts-loaded .data-group-item__title {
  font-family: 'source_sans_prolight', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.data-group-item__data {
  display: block;
  margin: 0;
}

.data-group-item__data > :first-child {
  margin-top: 0;
}

.data-group-item__data > :last-child {
  margin-bottom: 0;
}

/*  Data group - Inverted font size modifier (title smaller than content)
	========================================================================== */

.data-group--inverted .data-group-item__title {
  font: normal 1em/1.5 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 16px/24px / 16px */
}

.fonts-loaded .data-group--inverted .data-group-item__title {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.data-group--inverted .data-group-item__data {
  display: block;
  font: normal 1.75em/1.2857 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 28px/36px / 16px */
  margin: 0;
}

.fonts-loaded .data-group--inverted .data-group-item__data {
  font-family: 'source_sans_prolight', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.data-group--inverted .unordered-list {
  margin: .7857em 0;
  /* 22px / 28px */
}

.data-group--inverted .data-group-item__data.unordered-list {
  margin: 0;
}

.data-group--inverted .unordered-list > li {
  margin-bottom: 0;
  /* 12px / 28px */
  padding: 0 0 0 1.0714em;
  /* 30px / 28px */
  position: relative;
}

.data-group--inverted .unordered-list > li:before {
  top: .8125em;
  /* 13px / 16px */
}

.data-group--inverted .unordered-list__item--tick:before {
  top: .6875em;
  /* 11px / 16px */
}

/*  Data group - 4 column at large and 2 column at medium modifer
	========================================================================== */

@media (min-width: 35em) {
  .data-group--4col {
    margin-left: -2%;
    overflow: auto;
  }

  .data-group--4col .data-group-item {
    float: left;
    margin-left: 2%;
    width: 48%;
  }

  .data-group--4col .data-group-item:nth-child(odd) {
    clear: both;
  }

  .csscalc .data-group--4col {
    margin-left: 0;
  }

  .csscalc .data-group--4col .data-group-item {
    margin-left: 1.21875em;
    /* 19.5px / 16px */
    width: calc(50% - .625em);
    /* 10px / 16px */
  }

  .csscalc .data-group--4col .data-group-item:nth-child(odd) {
    margin-left: 0;
  }
}

@media (min-width: 60em) {
  .data-group--4col .data-group-item {
    width: 23%;
  }

  .data-group--4col .data-group-item:nth-child(odd) {
    clear: none;
  }

  .data-group--4col .data-group-item:nth-child(4n+1) {
    clear: both;
  }

  .csscalc .data-group--4col .data-group-item {
    width: calc(25% - .9375em);
    /* 15px / 16px */
  }

  .csscalc .data-group--4col .data-group-item:nth-child(odd) {
    margin-left: 1.21875em;
    /* 19.5px / 16px */
  }

  .csscalc .data-group--4col .data-group-item:nth-child(4n+1) {
    margin-left: 0;
  }
}

/*  Data group - 2 column at large modifer
	========================================================================== */

@media (min-width: 60em) {
  .data-group--2col {
    margin-left: -1%;
    overflow: hidden;
  }

  .data-group--2col .data-group-item {
    float: left;
    margin-left: 1%;
    width: 49%;
  }

  .data-group--2col .data-group-item:nth-child(odd) {
    clear: both;
  }

  .csscalc .data-group--2col {
    margin-left: 0;
  }

  .csscalc .data-group--2col .data-group-item {
    margin-left: 1.21875em;
    /* 19.5px / 16px */
    width: calc(50% - .625em);
    /* 10px / 16px */
  }

  .csscalc .data-group--2col .data-group-item:nth-child(odd) {
    margin-left: 0;
  }
}

/* ==========================================================================

	MEDIA - VIDEOS AND AUDIO

	========================================================================== */

/*  Media utility classes
	========================================================================== */

.media__hide {
  display: none;
}

.media__show-inline {
  display: inline-block;
}

/*  Overall layout
	========================================================================== */

.media {
  height: 100%;
  left: 0;
  margin-top: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.media__container {
  margin: 0 auto;
  max-width: 50em;
  /* 800px / 16px */
  min-width: 15.625em;
  /* 250px / 16px */
  overflow: hidden;
}

.media__container--fullscreen {
  height: 100%;
  max-width: none;
  width: 100%;
}

.media__captions-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.media__wrapper {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  z-index: 1;
}

.media__controls {
  padding-bottom: .625em;
  /* 10px / 16px */
  padding-top: 1.5em;
  /* 24px / 16px */
}

.media__controls:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.media__progress-bar {
  margin: 0 0 1.5em;
  /* 24px / 16px */
  position: relative;
  width: 82%;
}

@media (min-width: 480px) {
  .media__progress-bar {
    width: 86%;
  }
}

@media (min-width: 970px) {
  .media__progress-bar {
    width: 92%;
  }
}

@media (min-width: 1795px) {
  .media__progress-bar {
    width: 94.5%;
  }
}

.media__progress {
  display: block;
  height: .25em;
  /* 4px / 16px */
  width: 100%;
}

.media__progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #4f9f31;
  position: relative;
}

.media__progress[value]::-webkit-progress-bar {
  background-color: #ccc;
}

.media__progress[value]::-webkit-progress-value {
  background-color: #4f9f31;
}

.media__progress[value]::-moz-progress-bar {
  background-color: #4f9f31;
}

.media__progress-time {
  float: right;
  margin-top: -2.5em;
  /* 40px / 16px */
}

.media__playback-buttons {
  margin: 0 auto;
  width: 3.125em;
  /* 50px / 16px */
}

.media__controls button {
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 3.125em;
  /* 50px / 16px */
  margin: 0;
  overflow: hidden;
  padding: 0;
  transition: background .35s, border-color .35s, colour .35s;
  width: 3.125em;
  /* 50px / 16px */
}

.media__controls button:hover,
.media__controls button:focus {
  background-color: #004fb6;
  border-color: #004fb6;
  color: #fff;
}

.media__forward,
.media__rewind,
.media__restart {
  display: none;
}

.media__controls button.media__play {
  background-image: url('../images/icons/video-play.png');
}

.svg .media__controls button.media__play {
  background-image: url('../images/icons/video-play.svg');
}

.media__controls button.media__play:hover,
.media__controls button.media__play:focus {
  background-image: url('../images/icons/video-play-white.png');
}

.svg .media__controls button.media__play:hover,
.svg .media__controls button.media__play:focus {
  background-image: url('../images/icons/video-play-white.svg');
}

.media__controls button.media__pause {
  background-image: url('../images/icons/video-pause.png');
}

.svg .media__controls button.media__pause {
  background-image: url('../images/icons/video-pause.svg');
}

.media__controls button.media__pause:hover,
.media__controls button.media__pause:focus {
  background-image: url('../images/icons/video-pause-white.png');
}

.svg .media__controls button.media__pause:hover,
.svg .media__controls button.media__pause:focus {
  background-image: url('../images/icons/video-pause-white.svg');
}

.media__fullscreen-btn-container {
  float: right;
  height: 2.5em;
  /* 40px / 16px */
  margin-top: -.4375em;
  /* -7px / 16px */
  width: 1.875em;
  /* 30px / 16px */
}

.media__fullscreen-btn-container label {
  background: url('../images/icons/video-fullscreen.png') no-repeat center center;
  display: inline-block;
  height: 2.5em;
  /* 40px / 16px */
  width: 1.875em;
  /* 30px / 16px */
}

.svg .media__fullscreen-btn-container label {
  background-image: url('../images/icons/video-fullscreen.svg');
}

.media__fullscreen-btn-container input[type='checkbox']:hover + label,
.media__fullscreen-btn-container input[type='checkbox']:focus + label {
  background-image: url('../images/icons/video-fullscreen-blue.png');
  cursor: pointer;
}

.svg .media__fullscreen-btn-container input[type='checkbox']:hover + label,
.svg .media__fullscreen-btn-container input[type='checkbox']:focus + label {
  background-image: url('../images/icons/video-fullscreen-blue.svg');
}

.media__fullscreen-btn-container input[type='checkbox']:checked + label {
  background-image: url('../images/icons/video-inline.png');
}

.svg .media__fullscreen-btn-container input[type='checkbox']:checked + label {
  background-image: url('../images/icons/video-inline.svg');
}

.media__fullscreen-btn-container input[type='checkbox']:checked:hover + label,
.media__fullscreen-btn-container input[type='checkbox']:checked:focus + label {
  background-image: url('../images/icons/video-inline-blue.png');
}

.svg .media__fullscreen-btn-container input[type='checkbox']:checked:hover + label,
.svg .media__fullscreen-btn-container input[type='checkbox']:checked:focus + label {
  background-image: url('../images/icons/video-inline-blue.svg');
}

.media__controls--fullscreen {
  background: #fff;
  bottom: 0;
  padding-left: 1.25em;
  /* 20px / 16px */
  padding-right: 1.25em;
  /* 20px / 16px */
  position: absolute;
  width: 100%;
  z-index: 3;
}

.media__volume-controls {
  margin-top: -2.5em;
  /* 40px / 16px */
  overflow: hidden;
}

.media__mute-btn-container {
  float: left;
  width: 1.875em;
  /* 30px / 16px */
}

.media__mute-btn-container label {
  background: url('../images/icons/sound-on.png') no-repeat center center;
  display: inline-block;
  height: 2.5em;
  /* 40px / 16px */
  margin-top: -.4375em;
  /* -7px / 16px */
  width: 1.875em;
  /* 30px / 16px */
}

.media__mute-btn-container input[type='checkbox']:hover + label {
  cursor: pointer;
}

.media__mute-btn-container input[type='checkbox']:focus + label {
  outline: 1px dotted #999;
}

.media__mute-btn-container input[type='checkbox']:checked + label {
  background-image: url('../images/icons/mute.png');
}

.svg .media__mute-btn-container input[type='checkbox']:checked + label {
  background-image: url('../images/icons/mute.svg');
}

.media__volume-slider {
  float: left;
  width: 5em;
  /* 80px / 16px */
}

@media (min-width: 35em) {
  .media__volume-slider {
    width: 9.375em;
    /* 150px / 16px */
  }
}

.media__volume-controls input[type='range'] {
  -webkit-appearance: none;
  height: 2.5em;
  /* 40px / 16px */
  margin-top: -.4375em;
  /* 7px / 16px */
  padding: 0;
  width: 4.375em;
  /* 70px / 16px */
}

.media__volume-controls input[type='range']:focus {
  outline: none;
}

@media (min-width: 540px) {
  .media__volume-controls input[type='range'] {
    width: 8.75em;
    /* 140px / 16px */
  }
}

.media__volume-controls input[type='range']::-webkit-slider-runnable-track {
  background-color: #ccc;
  border: none;
  cursor: pointer;
  height: .25em;
  /* 4px / 16px */
  width: 100%;
}

.media__volume-controls input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  box-sizing: content-box;
  cursor: pointer;
  height: .625em;
  /* 10px / 16px */
  margin-top: -.4375em;
  /* 7px / 16px */
  width: .625em;
  /* 10px / 16px */
}

.media__volume-controls input[type='range']::-moz-range-track {
  background-color: #ccc;
  border: none;
  cursor: pointer;
  height: .25em;
  /* 4px / 16px */
  width: 100%;
}

.media__volume-controls input[type='range']::-moz-range-thumb {
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  cursor: pointer;
  height: .625em;
  /* 10px / 16px */
  width: .625em;
  /* 10px / 16px */
}

.media__volume-controls input[type='range']::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
  cursor: pointer;
  height: .25em;
  width: 100%;
}

.media__volume-controls input[type='range']::-ms-fill-lower {
  background: #4f9f31;
}

.media__volume-controls input[type='range']::-ms-fill-upper {
  background: #ccc;
}

.media__volume-controls input[type='range']::-ms-thumb {
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  cursor: pointer;
  height: .625em;
  /* 10px / 16px */
  width: .625em;
  /* 10px / 16px */
}

.media__volume-controls input[type='range']:focus::-webkit-slider-thumb {
  border-color: #44c0ff;
}

.media__volume-controls input[type='range']:focus::-moz-range-thumb {
  border-color: #44c0ff;
}

.media__volume-controls input[type='range']:focus::-ms-thumb {
  border-color: #44c0ff;
}

.media__progress-bar-marker {
  -webkit-appearance: none;
  background: none;
  height: 40px;
  /* 40px / 16px */
  padding: 0;
  position: absolute;
  top: -19px;
  width: 100%;
}

.media__progress-bar-marker::-webkit-slider-runnable-track {
  background: none;
  border: none;
  cursor: pointer;
  height: .25em;
  /* 4px / 16px */
  width: 100%;
}

.media__progress-bar-marker::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  box-sizing: content-box;
  cursor: pointer;
  height: 1.25em;
  /* 20px / 16px */
  margin-top: -.6875em;
  /* 11px / 16px */
  width: 1.25em;
  /* 20px / 16px */
}

.media__progress-bar-marker::-moz-range-track {
  background: none;
  border: none;
  cursor: pointer;
  height: .25em;
  /* 4px / 16px */
  width: 100%;
}

.media__progress-bar-marker::-moz-range-thumb {
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  cursor: pointer;
  height: 1.25em;
  /* 20px / 16px */
  width: 1.25em;
  /* 20px / 16px */
}

.media__progress-bar-marker::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
  cursor: pointer;
  height: .25em;
}

.media__progress-bar-marker::-ms-fill-lower {
  background: #4f9f31;
}

.media__progress-bar-marker::-ms-fill-upper {
  background: #ccc;
}

.media__progress-bar-marker::-ms-thumb {
  background-color: #fff;
  border: .25em solid #4f9f31;
  border-radius: 50%;
  cursor: pointer;
  height: 1.25em;
  /* 20px / 16px */
  width: 1.25em;
  /* 20px / 16px */
}

.media__progress-bar-marker:focus::-webkit-slider-thumb {
  border-color: #44c0ff;
}

.media__progress-bar-marker:focus::-moz-range-thumb {
  border-color: #44c0ff;
}

.media__progress-bar-marker:focus::-ms-thumb {
  border-color: #44c0ff;
}

.media__container--audio .media__captions-container,
.media__container--audio .media__wrapper {
  padding-bottom: 0;
}

.media__container--audio .media__fullscreen-btn-container {
  display: none;
}

.media__container--native .media__captions-container,
.media__container--native .media__wrapper {
  height: auto;
  padding-bottom: 0;
  position: static;
  width: auto;
}

.media__container--native .media {
  height: auto;
  min-height: 39px;
  /*Fix for iOS collapsing player */
  position: static;
}

.media__container--native .media__controls {
  display: none;
}

.media-download {
  border: 0;
  display: inline-block;
  position: relative;
}

.media-download__image {
  display: block;
}

.media-download__text {
  background-color: rgba(255, 255, 255, .75);
  border: 0;
  bottom: 0;
  left: 0;
  margin: .625em;
  /* 10px / 16px */
  padding-left: 1.8125em;
  /* 29px / 16px */
  padding-right: 1.8125em;
  /* 29px / 16px */
  position: absolute;
}

.media-download:hover .media-download__text,
.media-download:focus .media-download__text {
  background: #fff;
  background-color: rgba(255, 255, 255, .75);
  color: #004fb6;
  padding-left: 1em;
  /* 16px / 16px */
  padding-right: 2.625em;
  /* 42px / 16px */
}

.media-download__text:after {
  background-image: url('../images/icons/download.png');
}

.svg .media-download__text:after {
  background-image: url('../images/icons/download.svg');
}

.media-download:hover .media-download__text:after,
.media-download:focus .media-download__text:after {
  display: block;
  opacity: 1;
  right: .625em;
  /* 10px / 16px */
}

/* ==========================================================================

	SEARCH

	========================================================================== */

.form-row--search {
  margin: 0;
}

.form-row--search > .form-label {
  left: -9999em;
  position: absolute;
}

.u-divider--result {
  margin: 1.625em 0;
  /* 26px / 16px */
  padding-bottom: 1em;
  /* 16px / 16px */
}

.filter,
.filter__item,
.filter__label {
  border-bottom: 2px solid #ccc;
  display: block;
}

.filter__item,
.filter .filter__item,
.filter .filter__item:last-child,
.filter__label,
.filter .filter__label:last-child {
  margin-bottom: -2px;
}

.filter {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: .5em;
  /* 8px / 16px */
}

.form-row--search-filter .filter {
  margin: 0;
}

.filter:after {
  clear: both;
  content: '';
  display: block;
}

.filter__item {
  -webkit-flex-basis: fit-content;
  -ms-flex-preferred-size: fit-content;
  flex-basis: fit-content;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  float: left;
}

.filter__item:last-child {
  -webkit-flex-grow: 9999;
  -ms-flex-positive: 9999;
  flex-grow: 9999;
  /* hack to stop elements being distributed evenly when all on one line */
}

.filter__input {
  left: -9999em;
  margin-bottom: 0;
  opacity: 0;
  position: absolute;
}

.filter__label {
  color: #004fb6;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: .625em 1.25em;
  /* 10px 20px / 16px */
  text-decoration: none;
  transition: border-bottom-color .25s;
}

.fonts-loaded .filter__label {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.filter__label:visited {
  color: #004fb6;
}

.filter__input:checked + .filter__label,
.filter__label.is-selected {
  border-color: #4f9f31;
}

.filter__input:focus + .filter__label,
.filter__input:checked:focus + .filter__label,
.filter__label:hover,
.filter__label:focus {
  border-color: #004fb6;
}

@media (min-width: 35em) {
  .form-row--search {
    max-width: 25em;
    /* 400px / 16px */
    width: 60%;
  }

  .form-row--search .form-row__content,
  .form-row--search-btn .form-row__content {
    float: none;
    margin: 0;
    width: 100%;
  }

  .flexbox .form-row--search-filter {
    padding-right: 0;
  }

  .form-row--search .form-input {
    margin-bottom: 0;
    width: 100%;
  }

  .form-row--search-btn {
    display: block;
  }

  .flexbox .search {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    width: 100%;
  }

  .flexbox .form-row--search {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .flexbox .form-row--search-btn {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    margin: 0;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 30%;
  }

  .flexbox .form-row--search-filter {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
  }
}

/*  ==========================================================================

	PRODUCT HEADER

	========================================================================== */

.product-header {
  border-top: 1px solid #ccc;
  margin: 1.625em 0 1em;
  /* 26px 0 16px 0 / 16px */
  overflow: auto;
  padding: 1em 0 0;
  /* 16px / 16px */
}

.product-header--first {
  border-top: 0;
  padding-top: 0;
}

.product-header--offer {
  border-bottom: 1px solid #ccc;
  border-top: 0;
  padding: 1em 0;
  /* 16px / 16px */
}

.product-header--offer.product-header--first {
  margin-top: 0;
}

.product-header .heading--2.heading--heavy,
.product-header--offer .heading--1 {
  margin-top: 0;
}

.product-header--offer .heading--3 {
  margin-bottom: .8em;
  /* 16px / 20px */
}

.product-header__btn {
  margin-bottom: 0;
}

@media (min-width: 35em) {
  .product-header__headings,
  .product-header__btn {
    display: table-cell;
    vertical-align: middle;
  }

  .product-header__headings {
    width: 90%;
  }

  .product-header__headings :last-child {
    margin-bottom: 0;
  }

  .product-header__btn {
    padding-left: 1.25em;
    /* 20px / 16px */
    white-space: nowrap;
  }
}

@media (min-width: 60em) {
  .product-header__headings .heading {
    display: inline-block;
    margin-bottom: 0;
  }

  .product-header__headings .heading--1 {
    padding-right: .476em;
    /* 20px / 42px */
  }

  .product-header__headings .heading--2.heading--heavy {
    padding-right: .714em;
    /* 20px / 28px */
  }

  .product-header__headings .heading--2 {
    margin-top: 0;
  }
}

/* ==========================================================================

	PRODUCT TABS

	========================================================================== */

.product-tabs {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 1em 0;
  position: relative;
}

.product-tabs__tab {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  width: 100%;
}

.product-tabs__tab--offer {
  border-bottom: 1px solid #ccc;
}

.product-tab-category {
  box-sizing: border-box;
  margin: 1em 0;
  /* 16px / 16px */
  padding: 0 1em;
  /* 16px / 16px */
  position: relative;
  text-align: center;
}

@media all and (min-width: 20em) {
  .product-tabs__tab {
    float: left;
    padding-top: 2em;
    width: 50%;
  }

  .product-tabs__tab:nth-child(2n+1) {
    clear: both;
  }

  .product-tabs--four .product-tabs__tab {
    float: none;
    width: 100%;
  }

  .product-tabs__tab--offer {
    clear: both;
    width: 100%;
  }

  .product-tabs__group-heading {
    margin: -1.4em 0 0;
    /* 28px / 20px */
    padding: 0 .8em;
    /* 16px / 20px */
    position: relative;
  }
}

@media all and (min-width: 35em) {
  .product-tabs__tab,
  .product-tabs__tab--offer {
    clear: none;
    width: 33.33%;
  }

  .product-tabs__tab:nth-child(2n+1) {
    clear: none;
  }

  .product-tabs__tab:nth-child(3n+1) {
    clear: both;
  }

  .product-tabs__tab--offer {
    border-bottom: none;
  }

  .product-tabs__tab--offer > .product-tab-category {
    border-left: 1px solid #ccc;
  }

  .product-tabs__tab:nth-child(3n+1) > .product-tab-category {
    border-left-color: transparent;
  }

  .product-tabs--four .product-tabs__tab {
    clear: none;
    float: left;
    width: 50%;
  }

  .product-tabs--four .product-tabs__tab:nth-child(2n+1) {
    clear: both;
  }

  .product-tabs--four .product-tabs__tab:nth-child(3n+1) > .product-tab-category {
    border-left-color: #ccc;
  }

  .product-tabs--four .product-tabs__tab:nth-child(2n+1) > .product-tab-category {
    border-left-color: transparent;
  }
}

@media all and (min-width: 60em) {
  .product-tabs__tab,
  .product-tabs__tab--offer {
    clear: none;
    width: 16.65%;
  }

  .product-tabs__tab:nth-child(3n+1) {
    clear: none;
  }

  .product-tabs__tab:nth-child(6n+1) {
    clear: both;
  }

  .product-tabs__tab--offer > .product-tab-category {
    border-left: 1px solid #ccc;
  }

  .product-tabs__tab:nth-child(3n+1) > .product-tab-category {
    border-left-color: #ccc;
  }

  .product-tabs__tab:nth-child(6n+1) > .product-tab-category {
    border-left-color: transparent;
  }

  .product-tabs--four .product-tabs__tab {
    clear: none;
    width: 25%;
  }

  .product-tabs--four .product-tabs__tab:nth-child(2n+1) {
    clear: none;
  }

  .product-tabs--four .product-tabs__tab:nth-child(4n+1) {
    clear: both;
  }

  .product-tabs--four .product-tabs__tab:nth-child(2n+1) > .product-tab-category {
    border-left-color: #ccc;
  }

  .product-tabs--four .product-tabs__tab:nth-child(4n+1) > .product-tab-category {
    border-left-color: transparent;
  }
}

.product-tab-category__heading {
  margin-top: 0;
}

@media all and (min-width: 60em) {
  .product-tab-category__heading {
    min-height: 2.57em;
  }

  .product-tab-category__description {
    min-height: 4.5em;
  }
}

.product-tab-category__alert {
  background-color: #bd2624;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: .875em;
  /* 14px / 16px */
  font-weight: bold;
  line-height: 1.4285em;
  /* 20px / 14px */
  margin: 0 auto;
  padding: .357em .7143em;
  /* 5px 10px / 14px */
  position: relative;
  text-align: center;
  top: 0;
}

.fonts-loaded .product-tab-category__alert {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.product-tab-category__alert:after {
  border-color: rgb(200, 49, 30) transparent transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  bottom: -7px;
  content: ' ';
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

.product-tab-category__alert p {
  margin: 0;
}

.product-tab-category__link {
  border-bottom: 0;
  color: #30850c;
  display: block;
  font-size: 1.25em;
  /* 20px / 16px */
  font-weight: normal;
  line-height: 1.4em;
  /* 28px / 20px */
  margin: 1.5em 0 0;
  /* 30px / 20px */
  padding-top: .5em;
  /* 10px / 20px */
}

.product-tab-category__alert + .product-tab-category__link {
  margin: 0;
}

.fonts-loaded .product-tab-category__link {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.product-tab-category__link-text {
  border-bottom: 1px solid transparent;
  padding-bottom: .1em;
  transition: border-color .35s;
}

.product-tab-category__link:before {
  background-color: #4f9f31;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 57%;
  border-radius: 50%;
  content: '';
  display: block;
  margin: 0 auto .5em;
  /* 10px / 20px */
  padding-top: 100%;
  transition: background-color .35s;
  width: 100%;
}

.product-tabs--four .product-tab-category__link:before {
  background-size: auto;
  padding-top: 8.8em;
  /* 176px / 20px */
  width: 8.8em;
  /* 176px / 20px */
}

a.product-tab-category__link:hover,
a.product-tab-category__link:focus {
  cursor: pointer;
}

a.product-tab-category__link:hover .product-tab-category__link-text,
a.product-tab-category__link:focus .product-tab-category__link-text {
  border-bottom-color: #4f9f31;
}

a.product-tab-category__link:hover:before,
a.product-tab-category__link:focus:before {
  background-color: #30850c;
}

.product-tabs__tab--offer .product-tab-category__link {
  color: #004fb6;
  margin: .8em;
  /* 16px / 20px */
  padding: 0;
}

.product-tabs__tab--offer a.product-tab-category__link .product-tab-category__link-text {
  border-bottom-color: #ccc;
}

.product-tabs__tab--offer a.product-tab-category__link:hover .product-tab-category__link-text,
.product-tabs__tab--offer a.product-tab-category__link:focus .product-tab-category__link-text {
  border-bottom-color: #004fb6;
}

.product-tabs__tab--offer .product-tab-category__link:before {
  content: none;
  display: none;
}

.product-tab-category:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0 15px 15px;
  bottom: -16px;
  content: '';
  display: block;
  height: 0;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 0;
}

.product-tabs__tab.is-open .product-tab-category:after {
  border-bottom-color: #4f9f31;
}

.product-tab-category__label {
  margin-bottom: 0;
  margin-top: .8em;
  /* 16px / 20px */
}

.product-tab-category__label:before {
  background-position: center center;
  background-repeat: no-repeat;
  content: '\00a0';
  display: inline-block;
  margin-right: .3125em;
  /* 5px / 16px */
  width: 1.25em;
  /* 20px / 16px */
}

.product-tabs__tab-content {
  background: #fff;
  border-bottom: 2px solid #ccc;
  border-top: 3px solid #4f9f31;
}

.js .product-tabs__tab-content {
  display: none;
  left: 0;
  margin-bottom: 1em;
  position: relative;
  right: 0;
}

.product-tab-category--health .product-tab-category__link:before {
  background-image: url('../images/icons/products/health-white.png');
}

.svg .product-tab-category--health .product-tab-category__link:before {
  background-image: url('../images/icons/products/health-white.svg');
}

.product-tab-category--health .product-tab-category__label:before {
  background-image: url('../images/icons/products/health-small.png');
}

.svg .product-tab-category--health .product-tab-category__label:before {
  background-image: url('../images/icons/products/health-small.svg');
}

.product-tab-category--home .product-tab-category__link:before {
  background-image: url('../images/icons/products/home-white.png');
}

.svg .product-tab-category--home .product-tab-category__link:before {
  background-image: url('../images/icons/products/home-white.svg');
}

.product-tab-category--home .product-tab-category__label:before {
  background-image: url('../images/icons/products/home-small.png');
}

.svg .product-tab-category--home .product-tab-category__label:before {
  background-image: url('../images/icons/products/home-small.svg');
}

.product-tab-category--life .product-tab-category__link:before {
  background-image: url('../images/icons/products/life-white.png');
}

.svg .product-tab-category--life .product-tab-category__link:before {
  background-image: url('../images/icons/products/life-white.svg');
}

.product-tab-category--life .product-tab-category__label:before {
  background-image: url('../images/icons/products/life-small.png');
}

.svg .product-tab-category--life .product-tab-category__label:before {
  background-image: url('../images/icons/products/life-small.svg');
}

.product-tab-category--motor .product-tab-category__link:before {
  background-image: url('../images/icons/products/motor-white.png');
}

.svg .product-tab-category--motor .product-tab-category__link:before {
  background-image: url('../images/icons/products/motor-white.svg');
}

.product-tab-category--motor .product-tab-category__label:before {
  background-image: url('../images/icons/products/motor-small.png');
}

.svg .product-tab-category--motor .product-tab-category__label:before {
  background-image: url('../images/icons/products/motor-small.svg');
}

.product-tab-category--pensions .product-tab-category__link:before {
  background-image: url('../images/icons/products/pensions-white.png');
}

.svg .product-tab-category--pensions .product-tab-category__link:before {
  background-image: url('../images/icons/products/pensions-white.svg');
}

.product-tab-category--pensions .product-tab-category__label:before {
  background-image: url('../images/icons/products/pensions-small.png');
}

.svg .product-tab-category--pensions .product-tab-category__label:before {
  background-image: url('../images/icons/products/pensions-small.svg');
}

.product-tab-category--pet .product-tab-category__link:before {
  background-image: url('../images/icons/products/pet-white.png');
}

.svg .product-tab-category--pet .product-tab-category__link:before {
  background-image: url('../images/icons/products/pet-white.svg');
}

.product-tab-category--pet .product-tab-category__label:before {
  background-image: url('../images/icons/products/pet-small.png');
}

.svg .product-tab-category--pet .product-tab-category__label:before {
  background-image: url('../images/icons/products/pet-small.svg');
}

.product-tab-category--savings .product-tab-category__link:before {
  background-image: url('../images/icons/products/savings-white.png');
}

.svg .product-tab-category--savings .product-tab-category__link:before {
  background-image: url('../images/icons/products/savings-white.svg');
}

.product-tab-category--savings .product-tab-category__label:before {
  background-image: url('../images/icons/products/savings-small.png');
}

.svg .product-tab-category--savings .product-tab-category__label:before {
  background-image: url('../images/icons/products/savings-small.svg');
}

.product-tab-category--travel .product-tab-category__link:before {
  background-image: url('../images/icons/products/travel-white.png');
}

.svg .product-tab-category--travel .product-tab-category__link:before {
  background-image: url('../images/icons/products/travel-white.svg');
}

.product-tab-category--travel .product-tab-category__label:before {
  background-image: url('../images/icons/products/travel-small.png');
}

.svg .product-tab-category--travel .product-tab-category__label:before {
  background-image: url('../images/icons/products/travel-small.svg');
}

/*  No JavaScript styles
	========================================================================== */

.no-js .product-tabs__tab {
  width: 100%;
}

.no-js .product-tabs__group-heading {
  font-size: 2.625em;
  font-weight: normal;
  line-height: 1.1905;
  margin: 0 0 .5238em;
  position: static;
  text-align: center;
}

.no-js .product-tabs__tab--offer > .product-tab-category {
  border: 0;
}

.no-js .product-tabs__tab .product-tab-category:after {
  border-bottom-color: #4f9f31;
}

.no-js .product-tabs__tab-content {
  display: block;
  position: initial;
  width: 100%;
}

.no-js .product-tab-category__link:before {
  padding-top: 10em;
  width: 10em;
}

.no-js .product-tabs__tab--offer .product-tab-category__link {
  display: none;
}

.no-js .product-tab-category__heading,
.no-js .product-tab-category__description {
  min-height: 0;
}

/* ==========================================================================

	AGENT PROFILE CARD

	========================================================================== */

.agent-profile .dividing-text {
  background: #eef7eb;
}

.agent-profile__image {
  border: 3px solid #4f9f31;
  border-radius: 50%;
  display: block;
  margin: 1.5625em auto 2.5em;
  /* 25px auto 40px / 16px */
  max-width: 60%;
}

.agent-profile__rating-link {
  margin-left: .5em;
}

.specialism-list > .specialism-list__item {
  padding-bottom: .0625em;
  /* 1px / 16px */
}

.agent-profile__section-4 {
  margin-bottom: 4.6875em;
  /* 75px / 16px */
}

.agent-profile--last .agent-profile__section-4 {
  margin-bottom: 0;
}

@media (min-width: 30em) {
  .agent-profile__section-1,
  .agent-profile__section-2 {
    float: right;
    margin-bottom: 1em;
    /* 30px / 16px */
    width: 48%;
  }

  .agent-profile__section-2 {
    float: left;
  }

  .csscalc .agent-profile__section-1 {
    width: calc(60% - .625em);
    /* 10px / 16px */
  }

  .csscalc .agent-profile__section-2 {
    width: calc(40% - 1em);
    /* 10px / 16px */
  }

  .agent-profile__section-3,
  .agent-profile__section-4 {
    border-top: 1px solid #ccc;
    clear: both;
    margin-top: 1em;
    /* 14px / 16px */
  }

  .agent-profile__image {
    margin-top: 0;
    max-width: 80%;
  }
}

@media (min-width: 55em) {
  .agent-profile__section-1 {
    margin-bottom: 0;
    width: 70%;
  }

  .agent-profile__section-2 {
    width: 25%;
  }

  .agent-profile__section-3 {
    clear: none;
    float: right;
    width: 70%;
  }

  .csscalc .agent-profile__section-1,
  .csscalc .agent-profile__section-3 {
    width: 75%;
  }

  .csscalc .agent-profile__section-2 {
    width: calc(25% - 1.875em);
    /* 30px / 16px */
  }

  .agent-profile__job-title,
  .agent-profile__rating {
    float: left;
    margin-top: 0;
    width: 48%;
  }

  .agent-profile__rating {
    float: right;
    text-align: right;
  }

  .agent-profile__image {
    max-width: 100%;
  }
}

/*  Constrain - constrain on desktop
	========================================================================== */

@media (min-width: 60em) {
  .agent-profile {
    margin-left: auto;
    margin-right: auto;
    max-width: 80.833%;
  }

  .csscalc .agent-profile {
    max-width: calc(83.333% - 1.875em);
    /* 30px / 16px */
  }
}

/*  Agent profile callback form
	========================================================================== */

.agent-callback-wrapper:after {
  content: 'small';
  left: -9999em;
  position: absolute;
  top: 0;
  visibility: hidden;
}

.agent-callback-wrapper {
  font-family: 'small';
}

.agent-callback-wrapper .l-content-container {
  font-family: blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

@media (min-width: 30em) {
  .agent-callback-wrapper:after {
    content: 'medium';
    font-family: 'medium';
  }

  .agent-callback-wrapper {
    font-family: 'medium';
  }
}

@media (min-width: 55em) {
  .agent-callback-wrapper:after {
    content: 'large';
    font-family: 'large';
  }

  .agent-callback-wrapper {
    font-family: 'large';
  }
}

.agent-profile .agent-callback {
  background: #e5edf8;
  clear: both;
  margin-top: 1.75em;
  /* 28px / 16px */
  padding: 3.5em 1em 1.25em;
  /* 56px 16px 20px 16px / 16px */
  position: relative;
}

.agent-profile .agent-callback:before {
  border-bottom: 1em solid #e5edf8;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  content: '';
  display: block;
  left: 50%;
  margin-left: -1em;
  /* -16px / 16px */
  position: absolute;
  top: -1em;
  /* -16px / 16px */
}

.agent-callback__close {
  margin-top: 0;
  position: absolute;
  right: 1em;
  /* 16px / 16px */
  top: 1.25em;
  /* 20px / 16px */
}

.agent-callback__close a {
  margin: 0 2.5em 0 0;
  /* 0 40px 0 / 16px */
  position: relative;
  text-transform: uppercase;
}

.agent-callback__close a:visited {
  color: #004fb6;
}

.agent-callback__close a:after {
  background: url('../images/icons/cross.png') no-repeat center 30%;
  content: '';
  display: inline-block;
  height: 1.5em;
  /* 24px / 20px */
  position: absolute;
  right: -1.75em;
  /* 28px / 16px */
  width: 1.25em;
  /* 20px / 20px */
}

.svg .agent-callback__close a:after {
  background-image: url('../images/icons/cross.svg');
}

.agent-callback__close-btn {
  display: none;
}

.agent-profile .agent-callback__close-btn {
  display: block;
}

@media (min-width: 30em) {
  .agent-profile .agent-callback:before {
    left: 18%;
  }

  .csscalc .agent-profile .agent-callback:before {
    left: calc(20% - .5em);
  }
}

@media (min-width: 35em) {
  .agent-profile .agent-callback {
    padding: 1.25em;
    /* 20px / 16px */
  }

  .agent-profile .agent-callback .heading {
    width: 70%;
  }

  .agent-callback__close {
    top: 1.625em;
    /* 26px / 16px */
  }
}

@media (min-width: 55em) {
  .agent-profile .agent-callback:before {
    left: 10.5%;
  }

  .csscalc .agent-profile .agent-callback:before {
    left: calc(12.5% - .9375em);
  }
}

@media (min-width: 60em) {
  .agent-profile .agent-callback {
    padding-left: 1.875em;
    /* 30px / 16px */
    padding-right: 1.875em;
    /* 30px / 16px */
  }

  .agent-callback__close {
    right: 1.875em;
    /* 30px / 16px */
    top: 2em;
    /* 32px / 16px */
  }
}

/* ==========================================================================

	Reviews

	========================================================================== */

.review-stars {
  background: url('../images/icons/review-stars.png') -1600px 0 no-repeat;
  display: block;
  line-height: 1.25em;
  /* 20px / 16px */
  margin-bottom: .3125em;
  /* 5px / 16px */
  min-height: 1.25em;
  /* 20px / 16px */
  padding-left: 10em;
  /* 160px / 16px */
}

.review-stars:last-child {
  margin-bottom: 0;
}

.review-stars,
.t-accent-light .review-stars,
.t-accent-dark .t-accent-light .review-stars,
.t-card-accent-light .m-card .review-stars,
.t-card-accent-light .m-card.t-accent-light .review-stars,
.t-card-accent-dark .m-card.t-accent-light .review-stars {
  background-image: url('../images/icons/review-stars.png');
}

.t-accent-dark .review-stars,
.t-card-accent-dark .m-card .review-stars,
.m-card.t-accent-dark .review-stars,
.t-card-accent-light .m-card.t-accent-dark .review-stars,
.t-card-accent-dark .m-card.t-accent-dark .review-stars {
  background-image: url('../images/icons/review-stars-dark.png');
}

.review-stars--zero {
  background-position: -1600px 0;
}

.review-stars--half {
  background-position: -1440px -30px;
}

.review-stars--one {
  background-position: -1280px -60px;
}

.review-stars--one-half {
  background-position: -1120px -90px;
}

.review-stars--two {
  background-position: -960px -120px;
}

.review-stars--two-half {
  background-position: -800px -150px;
}

.review-stars--three {
  background-position: -640px -180px;
}

.review-stars--three-half {
  background-position: -480px -210px;
}

.review-stars--four {
  background-position: -320px -240px;
}

.review-stars--four-half {
  background-position: -160px -270px;
}

.review-stars--five {
  background-position: 0 -300px;
}

.review-stars__rating {
  margin-left: .625em;
  /* 10px / 16px */
}

@media (min-width: 35em) {
  .review-stars {
    display: inline;
    margin-right: .625em;
    /* 10px / 16px */
  }
}

/*  ==========================================================================

	Promo card

	========================================================================== */

.promo-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.promo-card__logo {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #eee;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 12.5em;
  /* 200px / 16px */
  text-align: center;
  width: 100%;
}

.promo-card__logo img {
  max-height: 10em;
  /* 160px / 16px */
  max-width: 100%;
}

.promo-card__details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
}

.promo-card__link {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.promo-card__label {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: .875em;
  /* 14px / 16px */
  font-style: italic;
  line-height: 1.5714em;
  /* 22px / 14px */
  margin-bottom: 0;
}

.promo-card__heading {
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  margin-top: .6667em;
  /* 16px / 24px */
}

.promo-card__offer {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: 0;
}

.promo-card__heading {
  margin-top: .6154em;
  /* 16px / 26px */
}

.promo-card__heading {
  margin-top: .5714em;
  /* 16px / 28px */
}

/*  ==========================================================================

	AVATAR

	========================================================================== */

.a-avatar {
  margin: 0 auto;
}

.a-avatar img {
  border-radius: 50%;
  margin: 0 auto;
}

/*  ==========================================================================

	CARDS

	========================================================================== */

.m-card-content .heading--2 {
  margin-bottom: .1785em;
  /* 5px / 28px */
  margin-top: 0;
}

@media (max-width: 60em) {
  .m-card-content .heading--2 {
    margin-bottom: .1921em;
    /* 5px / 26px */
  }
}

@media (max-width: 60em) {
  .m-card-content .heading--2 {
    margin-bottom: .2083em;
    /* 5px / 24px */
  }
}

.m-card-content p {
  margin-top: .625em;
  /* 10px / 16px */
}

.m-card-content .heading--2 + *,
.m-card-content .m-card-tagline + *,
.m-card-content .m-card-dateline + * {
  margin-top: 0;
}

.m-card-group {
  padding-bottom: 1px;
  /* to force padding */
}

.m-card {
  border-bottom: 0;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 0;
}

.m-card:after {
  clear: both;
  content: '';
  display: block;
}

.l-columns > .m-card {
  padding-bottom: 0;
}

.m-card--image-left,
.m-card--image-right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.m-card--image-left img,
.m-card--image-right img {
  min-height: 100%;
}

.l-columns > .l-columns__column.m-card--button {
  margin-top: 1.875em;
  /* 30px / 16px */
}

.m-card-image {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.m-card--image-right .m-card-image {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.m-card--image-left .m-card-image,
.m-card--image-right .m-card-image {
  width: 33%;
}

.m-card--image-left--50 .m-card-image,
.m-card--image-right--50 .m-card-image {
  width: 50%;
}

.m-card-image img {
  display: block;
}

.m-card-image--icon img {
  margin: 2.1875em auto 0;
  /* 35px / 16px */
}

.m-card-image__play {
  background-image: url('../images/icons/play-white.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all .5s ease-in-out;
  width: 100%;
}

.svg .m-card-image__play {
  background-image: url('../images/icons/play-white.svg');
}

a:focus .m-card-image__play,
a:hover .m-card-image__play {
  -webkit-transform: scale(1.2) rotate(.02deg);
  -ms-transform: scale(1.2) rotate(.02deg);
  transform: scale(1.2) rotate(.02deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.m-card-image__duration {
  background-color: #444;
  bottom: 1em;
  color: #fff;
  display: block;
  padding: 5px;
  position: absolute;
  right: 1em;
}

.m-card-image__duration p {
  font-size: .875em;
  letter-spacing: 2px;
  margin: -5px 2px;
}

.m-card-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: .9375em 1.25em;
  /* 15px 20px / 16px */
  transition: background .35s;
}

.m-card-icon .m-card-content {
  padding: .625em 1.25em 2.5em;
  /* 10px 20px 40px / 16px */
}

a.m-card,
a.m-card:visited .m-card-content,
a.m-card.t-accent-light,
a.m-card.t-accent-light:visited .m-card-content,
.t-accent-dark a.m-card.t-accent-light,
.t-accent-dark a.m-card.t-accent-light:visited .m-card-content,
.t-card-accent-light a.m-card,
.t-card-accent-light a.m-card:visited .m-card-content,
.t-card-accent-dark a.m-card.t-accent-light,
.t-card-accent-dark a.m-card.t-accent-light:visited .m-card-content {
  color: #444;
}

a.m-card.t-accent-dark,
a.m-card.t-accent-dark:visited .m-card-content,
.t-accent-light a.m-card.t-accent-dark,
.t-accent-light a.m-card.t-accent-dark:visited .m-card-content,
.t-card-accent-dark a.m-card,
.t-card-accent-dark a.m-card:visited .m-card-content,
.t-card-accent-light a.m-card.t-accent-dark,
.t-card-accent-light a.m-card.t-accent-dark:visited .m-card-content {
  color: #fff;
}

.m-card-content--middle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-card-content--centred {
  text-align: center;
}

.m-card-content--right > div {
  float: right;
  position: relative;
  text-align: right;
}

.m-card-content--left .heading--1,
.m-card-content--right .heading--1 {
  width: 75%;
}

.m-card-content--right .heading--1 {
  margin-left: 25%;
}

.m-card-content--left .heading--2,
.m-card-content--right .heading--2 {
  width: 50%;
}

.m-card-content--right .heading--2 {
  margin-left: 50%;
}

.m-card-content__inner {
  z-index: 2;
}

.m-card-content__inner > :first-child {
  margin-top: 0;
}

.m-card-content__inner--bottom > :first-child {
  margin-top: .625em;
  /* 10px / 16px */
}

.m-card-icon .m-card-content__inner--bottom > :first-child {
  margin-top: .3125em;
}

.m-card-content__inner > :last-child {
  margin-bottom: 0;
}

.m-card-content__inner--top {
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  margin-top: 0;
}

.m-card-content__inner--bottom {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 0;
}

.m-card-dateline,
.m-card-tagline {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-size: .875em;
  /* 14px / 16px */
  letter-spacing: 0;
  line-height: 1.7142em;
  /* 24px / 16px */
  margin-bottom: .3571em;
  /* 5px / 14px */
  margin-top: 0;
}

.m-card-content__inner--bottom > .m-card-dateline:first-child,
.m-card-content__inner--bottom > .m-card-tagline:first-child {
  margin-bottom: 0;
  margin-top: .7142em;
  /* 20px / 14px */
}

.heading--2 + .m-card-readmore {
  margin-top: .625em;
}

a.m-card .m-card-readmore span {
  border-bottom: 1px solid #ccc;
  color: #004fb6;
  font-weight: bold;
  transition: all .35s;
}

.fonts-loaded a.m-card .m-card-readmore span {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

a.m-card.t-accent-light .m-card-readmore span,
.t-accent-light a.m-card .m-card-readmore span,
.t-card-accent-light a.m-card .m-card-readmore span,
.t-accent-dark.t-card-accent-light a.m-card .m-card-readmore span,
.t-card-accent-dark a.m-card.t-accent-light .m-card-readmore span {
  border-bottom-color: #ccc;
  border-bottom-style: solid;
  color: #004fb6;
}

a.m-card.t-accent-light:hover .m-card-readmore span,
a.m-card.t-accent-light:focus .m-card-readmore span,
.t-accent-light a.m-card:hover .m-card-readmore span,
.t-accent-light a.m-card:focus .m-card-readmore span,
.t-card-accent-light a.m-card:hover .m-card-readmore span,
.t-card-accent-light a.m-card:focus .m-card-readmore span,
.t-accent-dark.t-card-accent-light a.m-card:hover .m-card-readmore span,
.t-accent-dark.t-card-accent-light a.m-card:focus .m-card-readmore span,
.t-card-accent-dark a.m-card.t-accent-light:hover .m-card-readmore span,
.t-card-accent-dark a.m-card.t-accent-light:focus .m-card-readmore span {
  border-bottom-color: #004fb6;
}

a.m-card.t-accent-dark .m-card-readmore span,
.t-accent-dark a.m-card .m-card-readmore span,
.t-card-accent-dark a.m-card .m-card-readmore span,
.t-card-accent-light a.m-card.t-accent-dark .m-card-readmore span {
  border-bottom-style: dotted;
  color: #fff;
}

a.m-card.t-accent-dark:hover .m-card-readmore span,
a.m-card.t-accent-dark:focus .m-card-readmore span,
.t-accent-dark a.m-card:hover .m-card-readmore span,
.t-accent-dark a.m-card:focus .m-card-readmore span,
.t-card-accent-dark a.m-card:hover .m-card-readmore span,
.t-card-accent-dark a.m-card:focus .m-card-readmore span,
.t-card-accent-light a.m-card.t-accent-dark:hover .m-card-readmore span,
.t-card-accent-light a.m-card.t-accent-dark:focus .m-card-readmore span {
  border-bottom-color: #fff;
  border-bottom-style: solid;
}

@media (min-width: 35em) and (max-width: 60em) {
  .l-columns--2-medium > .m-card--two-thirds,
  .l-columns--3-medium > .m-card--two-thirds {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .l-columns--2-medium > .m-card--double ~ .m-card,
  .l-columns--3-medium > .m-card--double ~ .m-card,
  .l-columns--2-medium > .m-card--two-thirds ~ .m-card,
  .l-columns--3-medium > .m-card--two-thirds ~ .m-card {
    clear: none;
  }

  .l-columns--2-medium > .m-card--double,
  .l-columns--3-medium > .m-card--double,
  .l-columns--2-medium > .m-card--two-thirds,
  .l-columns--3-medium > .m-card--two-thirds {
    width: 97.5%;
    /* 100% - 2.5% / 16px */
  }

  .csscalc .l-columns--2-medium > .m-card--double,
  .csscalc .l-columns--3-medium > .m-card--double,
  .csscalc .l-columns--2-medium > .m-card--two-thirds,
  .csscalc .l-columns--3-medium > .m-card--two-thirds {
    width: calc(100% - 1.25em);
    /* 100% - 20px */
  }

  .l-columns--2-medium > .m-card--triple,
  .l-columns--3-medium > .m-card--triple {
    width: 64.17%;
    /* 66.67% - 2.5% */
  }

  .csscalc .l-columns--2-medium > .m-card--triple,
  .csscalc .l-columns--3-medium > .m-card--triple {
    width: calc(66.67% - 1.25em);
    /* 66.67% - 20px / 16px */
  }

  .l-columns--2-medium > .m-card--one-third,
  .l-columns--3-medium > .m-card--one-third {
    width: 30.83%;
    /* 33.33% - 2.5% */
  }

  .csscalc .l-columns--2-medium > .m-card--one-third,
  .csscalc .l-columns--3-medium > .m-card--one-third {
    width: calc(33.33% - 1.25em);
    /* 33.33% - 20px / 16px */
  }
}

@media (min-width: 60em) {
  .l-columns--4-large > .m-card--two-thirds {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .l-columns--4-large > .m-card--double {
    width: 47.5%;
    /* 50% - 2.5% */
  }

  .csscalc .l-columns--4-large > .m-card--double {
    width: calc(50% - 1.875em);
    /* 50% - 30px / 16px */
  }

  .l-columns--4-large > .m-card--triple {
    width: 72.5%;
    /* 75% - 2.5% */
  }

  .csscalc .l-columns--4-large > .m-card--triple {
    width: calc(75% - 1.875em);
    /* 75% - 30px / 16px */
  }

  .l-columns--4-large > .m-card--one-third {
    width: 30.83%;
    /* 33.33% - 2.5% */
  }

  .csscalc .l-columns--4-large > .m-card--one-third {
    width: calc(33.33% - 1.875em);
    /* 33% - 30px / 16px */
  }

  .csscalc .l-columns--4-large > .m-card--two-thirds {
    width: 64.17%;
    /* 66.67% - 2.5% */
  }
}

@media (min-width: 35em) {
  .m-card--two-thirds .m-card-image,
  .m-card--two-thirds .m-card-content {
    text-align: center;
    vertical-align: middle;
    width: 50%;
  }
}

/*  Report cards
	========================================================================== */

.m-card--report-group a {
  margin-bottom: 1.25em;
  /* 20px / 16px */
}

@media (max-width: 35em) {
  .m-card--report .m-card-image {
    display: none;
  }
}

.m-card--report .heading--1 {
  float: left;
  font-size: 3.5em;
  /* 56px / 16px */
  font-weight: normal;
  line-height: 1;
  margin-bottom: .125em;
  /* 7px / 56px */
  margin-right: .27em;
  /* 15px / 56px */
  margin-top: 0;
}

.m-card--report .heading--3 {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  line-height: 1.2;
  margin-top: .5em;
  /* 10px / 20px */
}

.m-card--report .heading--1,
.m-card--report .heading--3,
.m-card--report.t-accent-light .heading--1,
.m-card--report.t-accent-light .heading--3 {
  color: #444;
}

.m-card--report.t-accent-dark .heading--1,
.m-card--report.t-accent-dark .heading--3 {
  color: #fff;
}

/*  Download cards
	========================================================================== */

a.m-card--download .m-card-content__inner--bottom .m-card-tagline:after,
.download-list a .m-card-flex__inner-bottom.m-card-tagline:after {
  background: url('../images/icons/download.png') no-repeat center center;
  content: '';
  display: inline-block;
  height: 1.4285em;
  /* 20px / 14px */
  margin-bottom: -.2143em;
  /* 3px / 14px */
  margin-left: .7143em;
  /* 10em / 14px */
  width: 1.4285em;
  /* 20px / 14px */
}

a.m-card--download .m-card-content__inner--bottom .m-card-tagline:after,
.t-card-accent-light a.m-card--download .m-card-content__inner--bottom .m-card-tagline:after,
a.m-card--download.t-accent-light .m-card-content__inner--bottom .m-card-tagline:after,
.t-card-accent-dark a.m-card--download.t-accent-light .m-card-content__inner--bottom .m-card-tagline:after,
.download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.t-card-accent-light .m-card .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.m-card.t-accent-light .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.t-card-accent-dark .m-card.t-accent-light .download-list a .m-card-flex__inner-bottom.m-card-tagline:after {
  background-image: url('../images/icons/download.png');
}

.svg a.m-card--download .m-card-content__inner--bottom .m-card-tagline:after,
.svg .t-card-accent-light a.m-card--download .m-card-content__inner--bottom .m-card-tagline:after,
.svg a.m-card--download.t-accent-light .m-card-content__inner--bottom .m-card-tagline:after,
.svg .t-card-accent-dark a.m-card--download.t-accent-light .m-card-content__inner--bottom .m-card-tagline:after,
.svg .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.svg .t-card-accent-light .m-card .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.svg .m-card.t-accent-light .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.svg .t-card-accent-dark .m-card.t-accent-light .download-list a .m-card-flex__inner-bottom.m-card-tagline:after {
  background-image: url('../images/icons/download.svg');
}

.t-card-accent-dark a.m-card--download .m-card-content__inner--bottom .m-card-tagline:after,
a.m-card--download.t-accent-dark .m-card-content__inner--bottom .m-card-tagline:after,
.t-card-accent-light a.m-card--download.t-accent-dark .m-card-content__inner--bottom .m-card-tagline:after,
.t-card-accent-dark .m-card .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.m-card.t-accent-dark .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.t-card-accent-light .m-card.t-accent-dark .download-list a .m-card-flex__inner-bottom.m-card-tagline:after {
  background-image: url('../images/icons/download-white.png');
}

.svg .t-card-accent-dark a.m-card--download .m-card-content__inner--bottom .m-card-tagline:after,
.svg a.m-card--download.t-accent-dark .m-card-content__inner--bottom .m-card-tagline:after,
.svg .t-card-accent-light a.m-card--download.t-accent-dark .m-card-content__inner--bottom .m-card-tagline:after,
.svg .t-card-accent-dark .m-card .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.svg .m-card.t-accent-dark .download-list a .m-card-flex__inner-bottom.m-card-tagline:after,
.svg .t-card-accent-light .m-card.t-accent-dark .download-list a .m-card-flex__inner-bottom.m-card-tagline:after {
  background-image: url('../images/icons/download-white.svg');
}

.m-card--download .download-icon {
  display: none;
  float: left;
  margin-right: .9375em;
  /* 15px / 16px */
}

@media (min-width: 35em) {
  .m-card--download .download-icon {
    display: block;
    height: 40px;
    width: 32px;
  }
}

@media (min-width: 60em) {
  .m-card--download .download-icon {
    display: block;
    height: 78px;
    width: 62px;
  }
}

/* flex to align text and tagline next to icon/image */

.m-card-flex {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.m-card-flex__inner {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.m-card-flex__inner-top {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: .3125em;
  /* 5px / 16px */
  max-width: 100%;
}

a.m-card--download .m-card-flex__inner-top {
  margin-bottom: 0;
}

a.m-card--download .m-card-content__inner--bottom .m-card-tagline {
  margin-top: .3571em;
  /* 5px / 14px */
}

.m-card-flex__inner-bottom {
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 100%;
}

.m-card-flex__inner .heading--2,
.m-card-flex__inner .heading--3 {
  margin-top: 0;
}

/* download lists */

.download-list-item__inner .m-card-tagline {
  margin-top: .3571em;
  /* 5px / 14px */
}

.download-list-item__inner .m-card-flex__inner-top {
  margin-bottom: 0;
  margin-top: 0;
}

.m-card--download--list .m-card-content {
  padding-bottom: 1.25em;
  /* 20px / 16px */
}

.download-list {
  margin: -.625em -1.25em 1.25em -1.25em;
  /* 10px 20px 0 20px / 16px */
}

.download-list .download-list-item {
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}

.download-list--ordered .download-list-item:before {
  content: counter(section, decimal) '.';
  left: .625em;
  /* 20px / 32px */
  min-width: 0;
  text-align: left;
  top: .21875em;
  /* 7px / 32px - by eye */
}

@media (min-width: 35em) {
  .download-list--ordered .download-list-item:before {
    left: .4762em;
    /* 20px / 42px */
    top: .1667em;
    /* 7px / 42px - by eye */
  }
}

.download-list-item__inner {
  background-position: bottom .6125em right 1.25em;
  /* 10px 20px / 16px */
  border-bottom: 1px solid #ccc;
  color: #444;
  font-weight: normal;
  overflow: auto;
  padding: .625em 1.25em;
  /* 10px 20px / 16px */
  width: 100%;
}

.download-list-item:last-child .download-list-item__inner {
  border: 0;
}

.download-list .download-list-item a {
  transition: background-color .35s;
}

.download-list .download-list-item a:focus,
.download-list .download-list-item a:hover {
  border-bottom-color: #ccc;
}

.m-card.t-accent-dark .download-list .download-list-item a,
.m-card.t-accent-dark .download-list .download-list-item a:focus,
.m-card.t-accent-dark .download-list .download-list-item a:hover {
  border-bottom-color: #fff;
  border-bottom-style: solid;
}

.fonts-loaded .download-list-item__inner {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

a.download-list-item__inner:focus,
a.download-list-item__inner:hover {
  border-bottom: 1px solid #ccc;
  color: #fff;
}

.download-list--icons .download-list-item:before {
  display: none;
}

.download-list--ordered .download-list-item {
  border-bottom: none;
  margin-top: 0;
}

.download-list--ordered .download-list-item__inner {
  padding: .625em 1.25em .625em 3.3125em;
  /* 10px 20px 10px 53px / 16px */
}

@media (min-width: 35em) {
  .download-list--ordered .download-list-item__inner {
    padding-left: 3.75em;
    /* 60px / 16px */
  }
}

/* animated download icon prototype */

.svg .m-card-svg {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.svg .ani {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all .5s;
  z-index: 0;
}

.svg .ani .top {
  transition: all .5s;
}

.svg a.m-card--download--ani:focus .ani,
.svg a.m-card--download--ani:hover .ani {
  opacity: 1;
  transition: all .5s;
}

.svg a.m-card--download--ani:focus .ani .top,
.svg a.m-card--download--ani:hover .ani .top {
  opacity: 1;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  transition: all .5s;
}

/*  Notification cards
	========================================================================== */

.m-card--notification {
  position: relative;
  transition: color .2s ease-in-out;
}

.m-card--notification-success,
.m-card--notification-information,
.m-card--notification-neutral,
.m-card--notification-warning {
  background-position: 1.625em center;
  /* 26px / 16px */
  background-repeat: no-repeat;
  padding-left: 3.4375em;
  /* 55px / 16px */
}

.m-card.m-card--notification-success {
  background-color: #4f9f31;
}

.m-card--notification-success {
  background-image: url('../images/icons/tick-white.png');
  background-position: 1.3125em center;
  /* 21px / 16px */
}

.svg .m-card--notification-success {
  background-image: url('../images/icons/tick-white.svg');
}

.m-card.m-card--notification-information {
  background-color: #ffa000;
}

.m-card.m-card--notification-neutral {
  background-color: #44c0ff;
}

.m-card--notification-information,
.m-card--notification-neutral {
  background-image: url('../images/icons/notification-info.png');
}

.svg .m-card--notification-information,
.svg .m-card--notification-neutral {
  background-image: url('../images/icons/notification-info.svg');
}

.m-card.m-card--notification-warning {
  background-color: #bd2624;
}

.m-card--notification-warning {
  background-image: url('../images/icons/notification-warning.png');
}

.svg .m-card--notification-warning {
  background-image: url('../images/icons/notification-warning.svg');
}

.m-card--notification .m-card-content {
  background: #fff;
  border: 1px solid #ccc;
  border-left: 0;
  padding: .875em 3.75em .9375em 1.5625em;
  /* 14px 60px 15px 25px / 16px */
}

.t-accent-dark .m-card--notification .m-card-content {
  border: 0;
}

.m-card--notification .m-card-content :first-child {
  margin-top: 0;
}

.m-card--notification .m-card-content :last-child {
  margin-bottom: 0;
}

.t-accent-light--white.t-card-accent-light--white .m-card.m-card--notification,
.t-accent-light--white .m-card.m-card--notification.t-accent-light--white,
.t-accent-light--white.t-card-accent-dark .m-card.m-card--notification.t-accent-light--white,
.t-accent-light--grey.t-card-accent-light--white .m-card.m-card--notification,
.t-accent-light--grey .m-card.m-card--notification.t-accent-light--white,
.t-accent-light--grey.t-card-accent-dark .m-card.m-card--notification.t-accent-light--white {
  border: 0;
}

/*  Card close
	========================================================================== */

.m-card__close {
  background: url('../images/icons/cross-grey.png') no-repeat center center;
  border: 0;
  cursor: pointer;
  padding: .9375em 1.875em;
  /* 15px 30px / 16px */
  position: absolute;
  right: 0;
  text-indent: -9999em;
  top: 0;
}

.svg .m-card__close {
  background-image: url('../images/icons/cross-grey.svg');
}

.m-card__close:focus {
  background-image: url('../images/icons/cross.png');
}

.svg .m-card__close:focus {
  background-image: url('../images/icons/cross.svg');
}

/*  Review cards
	========================================================================== */

.m-card--review .heading--2 {
  margin-bottom: .625em;
  /* 15px / 24px */
}

.m-card--review p {
  margin-bottom: .625em;
  /* 10px / 16px */
}

@media (min-width: 35em) {
  .m-card--review .heading--2 {
    margin-bottom: .5769em;
    /* 15px / 26px */
  }
}

@media (min-width: 60em) {
  .m-card--review .heading--2 {
    margin-bottom: .5357em;
    /* 15px / 28px */
  }
}

/*  Full bleed promo cards
	========================================================================== */

.m-card--full-bleed-promo .m-card-content__inner--bottom {
  margin-top: .9375em;
  /* 15px 10px / 16px */
}

.m-card--full-bleed-promo .m-card-content__inner--bottom :first-child {
  margin-top: 0;
}

.m-card--full-bleed-promo .m-card-content {
  padding: 2.5em 1.875em 3.125em;
  /* 40px 30px 50px / 16px */
  text-align: center;
}

@media (min-width: 35em) {
  .m-card--full-bleed-promo .m-card-content {
    padding: 5em 15%;
    /* 80px 15% / 16px */
  }
}

@media (min-width: 60em) {
  .m-card--full-bleed-promo .m-card-content {
    padding: 7.5em 25%;
    /* 120px 25% / 16px */
  }
}

/*  Image cards
	========================================================================== */

.m-card--full-bleed {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.m-card--full-bleed .m-card-image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.m-card--full-bleed .m-card-image img {
  min-height: 100%;
  object-fit: cover;
  width: 100%;
}

.m-card--full-bleed .m-card-content {
  background-color: rgba(0, 0, 0, .25);
  width: 100%;
  z-index: 2;
}

.m-card--full-bleed .m-card-content,
.compat-object-fit .m-card-content {
  transition: background .35s, color .35s;
}

a.m-card--full-bleed:focus .m-card-content,
a.m-card--full-bleed:hover .m-card-content,
a.compat-object-fit:focus .m-card-content,
a.compat-object-fit:hover .m-card-content {
  background-color: rgba(0, 0, 0, .5);
}

@media (min-width: 60em) {
  .m-card--full-bleed--left,
  .m-card--full-bleed--left .m-card-image img {
    background-position: 75% 50%;
    object-position: 75% 50%;
  }

  .m-card--full-bleed--right,
  .m-card--full-bleed--right .m-card-image img {
    background-position: 25% 50%;
    object-position: 25% 50%;
  }
}

/*  Object-fit polyfill (image cards)
	========================================================================== */

.compat-object-fit.m-card {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.compat-object-fit .m-card-image {
  display: none;
}

.compat-object-fit .m-card-content {
  min-height: 20em;
  /* 320pc / 16 - to force aspect ratio */
}

/*  Video cards
	========================================================================== */

.m-card--video .m-card-image {
  position: relative;
}

a.m-card--video .m-card-image:before {
  background-color: transparent;
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color .35s, color .35s;
  width: 100%;
}

a.m-card--video:focus .m-card-image:before,
a.m-card--video:hover .m-card-image:before {
  background-color: rgba(0, 0, 0, .25);
}

/*  Overrides
	========================================================================== */

a.m-card .m-card-content,
a.m-card h1,
a.m-card h2,
a.m-card h3,
a.m-card h4,
a.m-card h5,
a.m-card .heading {
  transition: background-color .35s, color .35s;
}

.t-accent-light .download-list a,
.t-accent-light .download-list a:focus,
.t-accent-light .download-list a:hover,
.t-accent-dark .t-accent-light .download-list a,
.t-accent-dark .t-accent-light .download-list a:focus,
.t-accent-dark .t-accent-light .download-list a:hover,
.t-card-accent-light .m-card .download-list a,
.t-card-accent-light .m-card .download-list a:focus,
.t-card-accent-light .m-card .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-light .download-list a,
.t-card-accent-dark .m-card.t-accent-light .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-light .download-list a:hover {
  color: #444;
}

.t-card-accent-light .m-card .download-list a:focus,
.t-card-accent-light .m-card .download-list a:hover,
.t-accent-light .download-list a:focus,
.t-accent-light .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-light .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-light .download-list a:hover,
.t-card-accent-light--white .m-card .download-list a:focus,
.t-card-accent-light--white .m-card .download-list a:hover,
.t-accent-light--white .download-list a:focus,
.t-accent-light--white .download-list a:hover,
.t-card-accent-light .m-card.t-accent-light--white .download-list a:focus,
.t-card-accent-light .m-card.t-accent-light--white .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-light--white .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-light--white .download-list a:hover,
.t-card-accent-light--white .m-card .download-list a:focus,
.t-card-accent-light--white .m-card .download-list a:hover,
.t-card-accent-light--grey .m-card .download-list a:focus,
.t-card-accent-light--grey .m-card .download-list a:hover,
.t-accent-light--grey .download-list a:focus,
.t-accent-light--grey .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-light--grey .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-light--grey .download-list a:hover,
.t-card-accent-light .m-card.t-accent-light--grey .download-list a:focus,
.t-card-accent-light .m-card.t-accent-light--grey .download-list a:hover,
.t-card-accent-light--grey .m-card .download-list a:focus,
.t-card-accent-light--grey .m-card .download-list a:hover {
  background-color: #ccc;
}

.t-card-accent-light--yellow .m-card .download-list a:focus,
.t-card-accent-light--yellow .m-card .download-list a:hover,
.t-accent-light--yellow .download-list a:focus,
.t-accent-light--yellow .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-light--yellow .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-light--yellow .download-list a:hover,
.t-card-accent-ligh .m-card.t-accent-light--yellow .download-list a:focus,
.t-card-accent-light .m-card.t-accent-light--yellow .download-list a:hover,
.t-card-accent-light--yellow .m-card .download-list a:focus,
.t-card-accent-light--yellow .m-card .download-list a:hover {
  background-color: #ffe340;
}

.t-accent-dark .download-list a,
.t-accent-dark .download-list a:focus,
.t-accent-dark .download-list a:hover,
.t-card-accent-dark .m-card .download-list a,
.t-card-accent-dark .m-card .download-list a:focus,
.t-card-accent-dark .m-card .download-list a:hover,
.t-card-accent-light .m-card.t-accent-dark .download-list a,
.t-card-accent-light .m-card.t-accent-dark .download-list a:focus,
.t-card-accent-light .m-card.t-accent-dark .download-list a:hover {
  color: #fff;
}

.t-card-accent-dark .m-card .download-list a:focus,
.t-card-accent-dark .m-card .download-list a:hover,
.t-card-accent-dark--dark-blue .m-card .download-list a:focus,
.t-card-accent-dark--dark-blue .m-card .download-list a:hover,
.t-accent-dark--dark-blue .download-list a:focus,
.t-accent-dark--dark-blue .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-dark--dark-blue .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-dark--dark-blue .download-list a:hover,
.t-card-accent-light .m-card.t-accent-dark--dark-blue .download-list a:focus,
.t-card-accent-light .m-card.t-accent-dark--dark-blue .download-list a:hover {
  background-color: #001647;
}

.t-card-accent-dark--light-blue .m-card .download-list a:focus,
.t-card-accent-dark--light-blue .m-card .download-list a:hover,
.t-accent-dark--light-blue .download-list a:focus,
.t-accent-dark--light-blue .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-dark--light-blue .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-dark--light-blue .download-list a:hover,
.t-card-accent-light .m-card.t-accent-dark--light-blue .download-list a:focus,
.t-card-accent-light .m-card.t-accent-dark--light-blue .download-list a:hover {
  background-color: #13488d;
}

.t-card-accent-dark--dark-green .m-card .download-list a:focus,
.t-card-accent-dark--dark-green .m-card .download-list a:hover,
.t-accent-dark--dark-green .download-list a:focus,
.t-accent-dark--dark-green .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-dark--dark-green .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-dark--dark-green .download-list a:hover,
.t-card-accent-light .m-card.t-accent-dark--dark-green .download-list a:focus,
.t-card-accent-light .m-card.t-accent-dark--dark-green .download-list a:hover {
  background-color: #0e412f;
}

.t-card-accent-dark--dark-purple .m-card .download-list a:focus,
.t-card-accent-dark--dark-purple .m-card .download-list a:hover,
.t-accent-dark--dark-purple .download-list a:focus,
.t-accent-dark--dark-purple .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-dark--dark-purple .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-dark--dark-purple .download-list a:hover,
.t-card-accent-light .m-card.t-accent-dark--dark-purple .download-list a:focus,
.t-card-accent-light .m-card.t-accent-dark--dark-purple .download-list a:hover {
  background-color: #31144d;
}

.t-card-accent-dark--light-purple .m-card .download-list a:focus,
.t-card-accent-dark--light-purple .m-card .download-list a:hover,
.t-accent-dark--light-purple .download-list a:focus,
.t-accent-dark--light-purple .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-dark--light-purple .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-dark--light-purple .download-list a:hover,
.t-card-accent-light .m-card.t-accent-dark--light-purple .download-list a:focus,
.t-card-accent-light .m-card.t-accent-dark--light-purple .download-list a:hover {
  background-color: #65296a;
}

.t-card-accent-dark--pink .m-card .download-list a:focus,
.t-card-accent-dark--pink .m-card .download-list a:hover,
.t-accent-dark--pink .download-list a:focus,
.t-accent-dark--pink .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-dark--pink .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-dark--pink .download-list a:hover,
.t-card-accent-light .m-card.t-accent-dark--pink .download-list a:focus,
.t-card-accent-light .m-card.t-accent-dark--pink .download-list a:hover {
  background-color: #aa1772;
}

.t-card-accent-dark--teal .m-card .download-list a:focus,
.t-card-accent-dark--teal .m-card .download-list a:hover,
.t-accent-dark--teal .download-list a:focus,
.t-accent-dark--teal .download-list a:hover,
.t-card-accent-dark .m-card.t-accent-dark--teal .download-list a:focus,
.t-card-accent-dark .m-card.t-accent-dark--teal .download-list a:hover,
.t-card-accent-light .m-card.t-accent-dark--teal .download-list a:focus,
.t-card-accent-light .m-card.t-accent-dark--teal .download-list a:hover {
  background-color: #005a67;
}

.fonts-loaded a.m-card {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-card.t-accent-light .download-list a:visited,
.t-accent-light .download-list a:visited,
.t-accent-dark .t-accent-light .download-list a:visited,
.t-card-accent-light .m-card .download-list a:visited,
.t-card-accent-light .m-card .download-list a:visited,
.t-card-accent-dark .m-card.t-accent-light .download-list a:visited {
  color: #444;
}

.m-card.t-accent-dark .download-list a:visited,
.t-accent-dark .download-list a:visited,
.t-accent-light .t-accent-dark .download-list a:visited,
.t-card-accent-dark .m-card .download-list a:visited,
.t-card-accent-dark .m-card .download-list a:visited,
.t-card-accent-light .m-card.t-accent-dark .download-list a:visited {
  color: #fff;
}

/* ==========================================================================

	CARD CAROUSEL USING SLICK

	========================================================================== */

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

.no-flexbox .slick-initialized.l-columns {
  display: block;
}

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

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

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

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

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

.flexbox .slick-track {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

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

.flexbox .slick-slide {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  height: auto;
}

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

/*  loading
========================================================================== */

.slick-loading .slick-list {
  background: url('../images/misc/ajax-loader.gif') center center no-repeat;
}

/*  Arrows
========================================================================== */

.slick-prev,
.slick-next {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  border-radius: 50%;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .15);
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 40px;
  line-height: 0;
  opacity: 1;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: background-color .35s, opacity .35s;
  width: 40px;
  z-index: 9999;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: #ffd900;
  opacity: 1;
  outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
  transition: opacity .35s;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0;
  transition: opacity .35s;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0;
}

.slick-prev:before,
.slick-next:before {
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  opacity: 1;
}

.slick-prev {
  background-image: url('../images/icons/arrow-left.png');
  left: 5px;
}

.svg .slick-prev {
  background-image: url('../images/icons/arrow-left.svg');
}

[dir='rtl'] .slick-prev {
  background-image: url('../images/icons/arrow-right.png');
  left: auto;
  right: -15px;
}

[dir='rtl'] .svg .slick-prev {
  background-image: url('../images/icons/arrow-right.svg');
}

.slick-prev:before {
  content: '';
}

[dir='rtl'] .slick-prev:before {
  content: '';
}

.slick-next {
  background-image: url('../images/icons/arrow-right.png');
  right: 5px;
}

.svg .slick-next {
  background-image: url('../images/icons/arrow-right.svg');
}

[dir='rtl'] .slick-next {
  background-image: url('../images/icons/arrow-left.png');
  left: -15px;
  right: auto;
}

[dir='rtl'] .svg .slick-next {
  background-image: url('../images/icons/arrow-left.svg');
}

.slick-next:before {
  content: '';
}

[dir='rtl'] .slick-next:before {
  content: '';
}

@media (min-width: 35em) {
  .slick-prev,
  .slick-next {
    margin-top: -16px;
  }
}

@media (min-width: 60em) {
  .slick-prev {
    left: -15px;
  }

  .slick-next {
    right: -15px;
  }

  .slick-prev,
  .slick-next {
    height: 45px;
    width: 45px;
  }
}

/*  Pagination
========================================================================== */

.slick-dots {
  left: -9999px;
  position: absolute;
}

@media (min-width: 60em) {
  .slick-dots {
    bottom: 0;
    display: block;
    left: 0;
    line-height: 1px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
  }

  .slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
  }

  .slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: none;
    padding: 5px;
    width: 20px;
  }

  .slick-dots li button:hover,
  .slick-dots li button:focus {
    outline: none;
  }

  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before {
    opacity: 1;
  }

  .slick-dots li button:before {
    background-color: #ccc;
    border-radius: 50%;
    content: '';
    height: 12px;
    left: 4px;
    opacity: .75;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 12px;
  }

  .slick-dots .slick-active button:before {
    background-color: #444;
  }
}

/*  Initialisation (only show first 4 cards for non-js)
========================================================================== */

.o-card-carousel .m-card:nth-child(n+5) {
  display: none;
}

.slick-initialized .m-card,
.slick-initialized .m-card:nth-child(n+5) {
  display: block;
}

.flexbox .slick-initialized .m-card,
.flexbox .slick-initialized .m-card:nth-child(n+5) {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*  Styling for correct spacing with cards
========================================================================== */

.slick-initialized,
.csscalc .l-columns.slick-initialized {
  margin-left: -1.25em;
  /* 20px / 16px */
  margin-right: -1.25em;
  /* 20px / 16px */
  margin-top: 0;
  overflow: visible;
}

.slick-list {
  padding-left: 1.875em;
  /* 30px / 16px */
  padding-right: 1.875em;
  /* 30px / 16px */
}

.slick-initialized .m-card {
  margin-left: .625em;
  /* 10px / 16px */
  margin-right: .625em;
  /* 10px / 16px */
}

.slick-initialized .m-card:first-child {
  margin-left: .625em;
  /* 10px / 16px */
}

.slick-initialized .m-card:last-child {
  margin-right: .625em;
  /* 10px / 16px */
}

@media (min-width: 35em) {
  .slick-initialized,
  .csscalc .l-columns.slick-initialized {
    padding-bottom: 2em;
  }
}

@media (min-width: 60em) {
  .slick-initialized,
  .csscalc .l-columns.slick-initialized {
    margin-left: -.9375em;
    /* 15px / 16px */
    margin-right: -.9375em;
    /* 15px / 16px */
  }

  .slick-list {
    padding-left: 0;
    padding-right: 0;
  }

  .slick-initialized .m-card {
    margin-left: .9375em;
    /* 15px / 16px */
    margin-right: .9375em;
    /* 15px / 16px */
  }

  .slick-initialized .m-card:first-child {
    margin-left: .9375em;
    /* 15px / 16px */
  }

  .slick-initialized .m-card:last-child {
    margin-right: .9375em;
    /* 15px / 16px */
  }
}

/* ==========================================================================

	LINEAR/NON-LINEAR LIST NAVIGATION

	========================================================================== */

/* shared */

@media (min-width: 35em) {
  .m-non-linear-navigation,
  .m-linear-navigation__list {
    -webkit-columns: 2;
    columns: 2;
  }

  .m-non-linear-navigation li,
  .m-linear-navigation__list li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
  }
}

@media (min-width: 60em) {
  .m-non-linear-navigation,
  .m-linear-navigation__list {
    -webkit-columns: 4;
    columns: 4;
  }
}

.m-non-linear-navigation li a,
.m-linear-navigation__list li a,
.m-non-linear-navigation li a:focus,
.m-linear-navigation__list li a:focus,
.m-non-linear-navigation li a:hover,
.m-linear-navigation__list li a:hover,
.m-non-linear-navigation li a:visited,
.m-linear-navigation__list li a:visited {
  border-bottom: 2px solid transparent;
  color: #5c596d;
  font-weight: normal;
  padding-bottom: .25em;
  /* 4px / 16px */
}

.fonts-loaded .m-non-linear-navigation li a,
.fonts-loaded .m-linear-navigation__list li a,
.fonts-loaded .m-non-linear-navigation li a:focus,
.fonts-loaded .m-linear-navigation__list li a:focus,
.fonts-loaded .m-non-linear-navigation li a:hover,
.fonts-loaded .m-linear-navigation__list li a:hover,
.fonts-loaded .m-non-linear-navigation li a:visited,
.fonts-loaded .m-linear-navigation__list li a:visited {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.t-accent-light .m-non-linear-navigation li a,
.t-accent-light .m-linear-navigation__list li a,
.t-accent-light .m-non-linear-navigation li a:visited,
.t-accent-light .m-linear-navigation__list li a:visited,
.t-accent-dark .t-accent-light .m-non-linear-navigation li a,
.t-accent-dark .t-accent-light .m-linear-navigation__list li a,
.t-accent-dark .t-accent-light .m-non-linear-navigation li a:visited,
.t-accent-dark .t-accent-light .m-linear-navigation__list li a:visited {
  border-color: transparent;
  color: #5c596d;
}

.t-accent-light .m-non-linear-navigation li a:focus,
.t-accent-light .m-linear-navigation__list li a:focus,
.t-accent-dark .t-accent-light .m-non-linear-navigation li a:focus,
.t-accent-dark .t-accent-light .m-linear-navigation__list li a:focus,
.t-accent-light .m-non-linear-navigation li a:hover,
.t-accent-light .m-linear-navigation__list li a:hover,
.t-accent-dark .t-accent-light .m-non-linear-navigation li a:hover,
.t-accent-dark .t-accent-light .m-linear-navigation__list li a:hover {
  border-color: #004fb6;
  color: #004fb6;
}

.t-accent-dark .m-non-linear-navigation li a,
.t-accent-dark .m-linear-navigation__list li a,
.t-accent-dark .m-non-linear-navigation li a:focus,
.t-accent-dark .m-linear-navigation__list li a:focus,
.t-accent-dark .m-non-linear-navigation li a:hover,
.t-accent-dark .m-linear-navigation__list li a:hover,
.t-accent-dark .m-non-linear-navigation li a:visited,
.t-accent-dark .m-linear-navigation__list li a:visited {
  border-bottom-color: transparent;
  color: #fff;
}

.t-accent-dark .m-non-linear-navigation li a:focus,
.t-accent-dark .m-linear-navigation__list li a:focus,
.t-accent-dark .m-non-linear-navigation li a:hover,
.t-accent-dark .m-linear-navigation__list li a:hover {
  border-color: #fff;
}

.m-non-linear-navigation .m-non-linear-navigation__current,
.m-linear-navigation__list .m-linear-navigation__current {
  font-weight: bold;
}

.fonts-loaded .m-non-linear-navigation .m-non-linear-navigation__current,
.fonts-loaded .m-linear-navigation__list .m-linear-navigation__current {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-non-linear-navigation .m-non-linear-navigation__current span,
.m-linear-navigation__list .m-linear-navigation__current span,
.t-accent-light .m-non-linear-navigation .m-non-linear-navigation__current span,
.t-accent-light .m-linear-navigation__list .m-linear-navigation__current span,
.t-accent-dark .t-accent-light .m-non-linear-navigation .m-non-linear-navigation__current span,
.t-accent-dark .t-accent-light .m-linear-navigation__list .m-linear-navigation__current span {
  border-bottom: 2px solid #4f9f31;
  padding-bottom: .25em;
  /* 4px / 16px */
}

.t-accent-dark .m-non-linear-navigation .m-non-linear-navigation__current span,
.t-accent-dark .m-linear-navigation__list .m-linear-navigation__current span {
  border-bottom: 2px solid #fff;
}

/* non-linear lists */

.m-non-linear-navigation {
  margin-bottom: .75em;
  /* 12px / 16px */
  margin-top: 1em;
  /* 16px / 16px */
}

.m-non-linear-navigation li {
  margin-bottom: .5em;
  /* 8px / 16px */
}

.m-non-linear-navigation > li:before,
.t-accent-light .m-non-linear-navigation > li:before,
.t-accent-dark .t-accent-light .m-non-linear-navigation > li:before {
  background-image: url('../images/icons/arrow-right-grey.png');
  background-repeat: no-repeat;
  content: '';
}

.svg .m-non-linear-navigation > li:before,
.svg .t-accent-light .m-non-linear-navigation > li:before,
.svg .t-accent-dark .t-accent-light .m-non-linear-navigation > li:before {
  background-image: url('../images/icons/arrow-right-grey.svg');
}

.t-accent-dark .m-non-linear-navigation > li:before {
  background-image: url('../images/icons/arrow-right-white.png');
}

.svg .t-accent-dark .m-non-linear-navigation > li:before {
  background-image: url('../images/icons/arrow-right-white.svg');
}

/* linear lists */

.m-linear-navigation__list {
  margin: .75em 0;
  /* 12px / 16px */
}

.m-linear-navigation__list > li {
  border-bottom: none;
  margin-top: 0;
  padding: 0 0 .5em 1.875em;
  /* 8px 0 16px 30px / 16px */
}

.m-linear-navigation__list > li:before {
  font-size: 1em;
  /* 20px / 16px */
  font-size: 1rem;
  /* Fix for IE not overriding the font size correctly */
  line-height: 1.5em;
  min-width: 2em;
  text-align: left;
  top: 0;
}

.m-linear-navigation__button {
  display: none;
}

@media (max-width: 35em) {
  .m-linear-navigation__list {
    margin-top: 1.5em;
    /* 24px / 16px */
  }

  .js-m-linear-navigation .m-linear-navigation__heading {
    left: -9999em;
    position: absolute;
    visibility: hidden;
  }

  .js-m-linear-navigation .m-linear-navigation__button {
    display: block;
  }

  .js-m-linear-navigation .m-linear-navigation__list {
    margin-top: 0;
    max-height: 100em;
    pointer-events: auto;
    transition: margin 1s, max-height 1s;
  }

  .js-m-linear-navigation .m-linear-navigation__list li:first-child {
    margin-top: 1.5em;
    /* 24px / 16px */
  }

  .js-m-linear-navigation .m-linear-navigation__list--hidden {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: margin .5s, max-height .5s;
  }
}

@charset 'UTF-8';

/*  ==========================================================================

	PIKADAY

	Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/

	Modified for Aviva March 2016 | Nicky Bliss

	========================================================================== */

.pika-single {
  background: #fff;
  border: 1px solid #ccc;
  color: #5c596d;
  display: block;
  position: relative;
  z-index: 9999;
}

/*
	clear child float (pika-lendar), using the famous micro clearfix hack
	http://nicolasgallagher.com/micro-clearfix-hack/
*/

.pika-single:before,
.pika-single:after {
  content: ' ';
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
}

.pika-lendar {
  float: left;
  margin: 1.25em;
  /* 20px / 16px */
  width: 16.25em;
  /* 260px / 16px */
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  background-color: #fff;
  display: inline-block;
  font: bold 1.1875em/1.333 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 18px/24px / 16px */
  margin: 0 0 .25em;
  overflow: hidden;
  padding: 0 .25em;
  position: relative;
  z-index: 9999;
}

.fonts-loaded .pika-label {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.pika-title select {
  cursor: pointer;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 5px;
  z-index: 9998;
}

.pika-prev,
.pika-next {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  display: block;
  height: 1.5em;
  /* 24px / 16px */
  opacity: 1;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: -9999em;
  transition: opacity .35s;
  white-space: nowrap;
  width: 1.5em;
  /* 24px / 16px */
}

.pika-prev:hover,
.pika-prev:focus,
.pika-next:hover,
.pika-next:focus {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  background-image: url('../images/icons/arrow-left.png');
  float: left;
}

.svg .pika-prev,
.svg .is-rtl .pika-next {
  background-image: url('../images/icons/arrow-left.svg');
}

.pika-next,
.is-rtl .pika-prev {
  background-image: url('../images/icons/arrow-right.png');
  float: right;
}

.svg .pika-next,
.svg .is-rtl .pika-prev {
  background-image: url('../images/icons/arrow-right.svg');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
}

.pika-prev.is-disabled,
.is-rtl .pika-next.is-disabled {
  background-image: url('../images/icons/arrow-left-grey.png');
}

.svg .pika-prev.is-disabled,
.svg .is-rtl .pika-next.is-disabled {
  background-image: url('../images/icons/arrow-left-grey.svg');
}

.pika-next.is-disabled,
.is-rtl .pika-prev.is-disabled {
  background-image: url('../images/icons/arrow-right-grey.png');
}

.svg .pika-next.is-disabled,
.svg .is-rtl .pika-prev.is-disabled {
  background-image: url('../images/icons/arrow-right-grey.svg');
}

.pika-select {
  display: inline-block;
}

.pika-table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.pika-table th,
.pika-table td {
  font-size: .875em;
  /* 14px / 16px */
  font-weight: normal;
  padding: 0;
  width: 14.285714%;
}

.pika-table tbody {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.pika-table td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.pika-table th {
  text-align: center;
}

.pika-button {
  background: #fff;
  border: 0;
  color: #004fb6;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin: 0;
  outline: none;
  padding: .5357em .7143em;
  /* 7.5px 10px / 14px */
  text-align: center;
  transition: background .35s, colour .35s;
  width: 100%;
}

.fonts-loaded .pika-button {
  font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.is-selected .pika-button {
  background: #4f9f31;
  color: #fff;
}

.is-inrange .pika-button {
  background: #eef7eb;
}

.is-startrange .pika-button,
.is-endrange .pika-button {
  background: #4f9f31;
  color: #fff;
}

.is-disabled .pika-button {
  background: #fff;
  color: #ccc;
  cursor: default;
  pointer-events: none;
}

.is-outside-current-month .pika-button {
  background: #eee;
  color: #eee;
  cursor: default;
  pointer-events: none;
}

.is-empty {
  background: #eee;
}

.pika-button:hover {
  background: #44c0ff;
  color: #fff;
}

/* styling for abbr */

.pika-table abbr {
  border-bottom: 0;
  cursor: help;
  text-decoration: none;
}

@media (min-width: 60em) {
  .pika-lendar:last-child {
    margin-left: 0;
  }
}

@charset 'UTF-8';

/*  ==========================================================================

	PIKADAY

	Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/

	Modified for Aviva March 2016 | Nicky Bliss

	========================================================================== */

.m-datepicker {
  background: transparent;
  border: 0;
  color: #5c596d;
  display: block;
  position: relative;
  z-index: 9999;
}

/*
	clear child float (pika-lendar), using the famous micro clearfix hack
	http://nicolasgallagher.com/micro-clearfix-hack/
*/

.m-datepicker:before,
.m-datepicker:after {
  content: ' ';
  display: table;
}

.m-datepicker:after {
  clear: both;
}

.m-datepicker.is-hidden {
  display: none;
}

.m-datepicker.is-bound {
  position: absolute;
}

.m-datepicker .pika-lendar {
  background: #f9f9f9;
  border-top: .3125em solid #5c596d;
  /* 5px / 16px */
  float: left;
  margin: 1.25em 0;
  /* 20px / 16px */
  padding: 1.25em .3125em;
  /* 20px 5px / 16px */
  position: relative;
  width: 17.75em;
  /* 284px / 16px */
}

.m-datepicker .pika-lendar:before {
  border-bottom: .3125em solid #5c596d;
  /* 5px / 16px */
  border-left: .3125em solid transparent;
  /* 5px / 16px */
  border-right: .3125em solid transparent;
  /* 5px / 16px */
  content: '';
  display: block;
  left: 50%;
  margin-left: -.3125em;
  /* 5px / 16px */
  position: absolute;
  top: -.625em;
  /* 10px / 16px */
}

.m-datepicker .pika-heading {
  background: #5c596d;
  color: #fff;
  margin: -1.5625em -.3125em 1.25em;
  /* -25px -5px 20px / 16px */
  padding: .9375em 1.25em 1em;
  /* 15px 20px 16px / 16px */
}

.m-datepicker .pika-title {
  height: 1.5em;
  /* 24px / 16px */
  position: relative;
  text-align: center;
}

.m-datepicker .pika-label {
  background: #f9f9f9 url('../images/icons/arrow-down-grey-small.png') no-repeat right 55%;
  color: #444;
  display: inline-block;
  font: bold 1.25em/1.2 blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  /* 20px/24px / 16px */
  margin: 0;
  overflow: hidden;
  padding: 0 .75em;
  /* 15px / 20px */
  position: relative;
  z-index: 9999;
}

.svg .m-datepicker .pika-label {
  background-image: url('../images/icons/arrow-down-grey-small.svg');
}

.fonts-loaded .m-datepicker .pika-label {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-datepicker .pika-title select {
  cursor: pointer;
  font-size: .8em;
  /* 16px / 20px */
  height: 1.5em;
  /* 24px / 16px */
  left: auto;
  line-height: 1.5em;
  /* 24px / 16px */
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9998;
}

.m-datepicker .pika-prev,
.m-datepicker .pika-next {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  display: block;
  height: 1.5em;
  /* 24px / 16px */
  opacity: 1;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: -9999em;
  transition: border-color .35s;
  white-space: nowrap;
  width: .625em;
  /* 10px / 16px */
}

.m-datepicker .pika-prev:hover,
.m-datepicker .pika-prev:focus,
.m-datepicker .pika-next:hover,
.m-datepicker .pika-next:focus {
  border-bottom-color: #5c596d;
}

.m-datepicker .pika-prev,
.m-datepicker .is-rtl .pika-next {
  background-image: url('../images/icons/arrow-left-dark-grey.png');
  float: left;
  margin-left: .3125em;
  /* 5px / 16px */
}

.svg .m-datepicker .pika-prev,
.svg .m-datepicker .is-rtl .pika-next {
  background-image: url('../images/icons/arrow-left-dark-grey.svg');
}

.m-datepicker .pika-next,
.is-rtl .m-datepicker .pika-prev {
  background-image: url('../images/icons/arrow-right-dark-grey.png');
  float: right;
  margin-right: .3125em;
  /* 5px / 16px */
}

.svg .m-datepicker .pika-next,
.svg .is-rtl .m-datepicker .pika-prev {
  background-image: url('../images/icons/arrow-right-dark-grey.svg');
}

.m-datepicker .pika-prev.is-disabled,
.m-datepicker .pika-next.is-disabled {
  cursor: default;
  visibility: hidden;
}

.m-datepicker .pika-select {
  display: inline-block;
}

.m-datepicker .pika-table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 1.25em;
  /* 20px / 16px */
  width: 100%;
}

.m-datepicker .pika-table tbody {
  border: 0;
}

.m-datepicker .pika-table th,
.m-datepicker .pika-table td {
  border: 0;
  font-size: .875em;
  /* 14px / 16px */
  font-weight: normal;
  line-height: 1.7143em;
  /* 24px / 14px */
  padding: 0;
  width: 14.285714%;
}

.fonts-loaded .m-datepicker .pika-table th,
.fonts-loaded .m-datepicker .pika-table td {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
}

.m-datepicker .pika-table th {
  color: #444;
  font-weight: bold;
  padding: 0 0 .7143em;
  /* 10px / 14px */
}

.fonts-loaded .m-datepicker .pika-table th {
  font-family: 'source_sans_probold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-datepicker .pika-table td {
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
}

.m-datepicker .pika-table td:last-child {
  border-right: 1px solid #aaa;
}

.m-datepicker .pika-table tbody tr:last-child td {
  border-bottom: 1px solid #aaa;
}

.m-datepicker .pika-table th {
  text-align: center;
}

.m-datepicker .pika-button {
  background: #fff;
  border: 0;
  color: #5c596d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin: 0;
  outline: none;
  padding: .5em;
  /* 7px / 14px */
  text-align: center;
  transition: background .35s, colour .35s;
  width: 100%;
}

.fonts-loaded .m-datepicker .pika-button {
  font-family: 'source_sans_prosemibold', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'arial', 'helvetica', sans-serif;
  font-weight: normal;
}

.m-datepicker .is-today .pika-button {
  background-color: #e5edf8;
}

.m-datepicker .is-selected .pika-button,
.m-datepicker .is-inrange .pika-button,
.m-datepicker .is-startrange .pika-button,
.m-datepicker .is-endrange .pika-button {
  background: #4f9f31;
  color: #fff;
}

.m-datepicker .is-startrange .pika-button {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
}

.m-datepicker .is-endrange .pika-button {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
}

.m-datepicker .is-disabled .pika-button {
  background: #fff;
  color: #9b9b9b;
  cursor: default;
  pointer-events: none;
}

.m-datepicker .is-outside-current-month .pika-button {
  background: #eee;
  color: #eee;
  cursor: default;
  pointer-events: none;
}

.m-datepicker .is-empty,
.m-datepicker .pika-table td.is-empty {
  background: #f9f9f9;
}

.m-datepicker .pika-table tbody tr:first-child td.is-empty {
  border-left: 0;
  border-top: 0;
}

.m-datepicker .pika-table tbody tr:last-child td.is-empty {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.m-datepicker .pika-table tbody tr:last-child td + td.is-empty {
  border-left: 1px solid #aaa;
}

.m-datepicker .pika-table tbody tr:last-child td.is-empty + td.is-empty {
  border-left: 0;
}

.m-datepicker .pika-button:hover,
.m-datepicker .pika-button:focus {
  background: #004fb6;
  color: #fff;
}

/* styling for abbr */

.m-datepicker .pika-table abbr {
  border-bottom: 0;
  cursor: help;
  text-decoration: none;
}

.pika-heading__content {
  visibility: visible;
}

@media (min-width: 35em) {
  .m-datepicker .pika-lendar {
    border: 1px solid #aaa;
    border-bottom-left-radius: .25em;
    /* 4px / 16px */
    border-bottom-right-radius: .25em;
    /* 4px / 16px */
    border-top: .3125em solid #5c596d;
    /* 5px / 16px */
    box-shadow: 0 .125em .125em 0 rgba(204, 204, 204, .5);
    /* 0 2px 2px 0 */
    margin: 1.5625em 0;
    /* 25px 0 / 16px */
    padding: 1.25em 4.375em 2.1875em;
    /* 20px 70px 35px / 16px */
    width: 31.125em;
    /* 498px / 16px */
  }

  .m-datepicker .pika-heading {
    margin: -1.5625em -4.4375em 1.25em;
    /* 25px 71px 20px / 16px */
    position: relative;
  }

  .m-datepicker .pika-prev,
  .m-datepicker .is-rtl .pika-next {
    margin-left: 0;
  }

  .m-datepicker .pika-next,
  .m-datepicker .is-rtl .pika-prev {
    margin-right: 0;
  }

  .m-datepicker .pika-button {
    padding: .8571em;
    /* 12px / 14px */
  }
}

@media (min-width: 60em) {
  .m-datepicker--range {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 826px;
  }

  .m-datepicker--range .pika-lendar {
    border-bottom-left-radius: 0;
    border-left: 0;
    margin: 1.5625em 0;
    /* 25px / 16px */
    padding-left: 35px;
    padding-right: 20px;
    width: 413px;
  }

  .m-datepicker--range .pika-heading {
    margin-left: -35px;
    margin-right: -20px;
  }

  .m-datepicker--range .pika-heading__content {
    visibility: hidden;
  }

  .m-datepicker--range .pika-lendar--first .pika-heading__content {
    visibility: visible;
  }

  .m-datepicker--range .pika-lendar--first {
    border-bottom-left-radius: .25em;
    /* 4px / 16px */
    border-bottom-right-radius: 0;
    border-left: 1px solid #aaa;
    border-right: 0;
    padding-left: 20px;
    padding-right: 35px;
  }

  .m-datepicker--range .pika-lendar--first .pika-heading {
    margin-left: -20px;
    margin-right: -35px;
  }

  .m-datepicker--range .pika-lendar--first {
    position: relative;
  }

  .m-datepicker--range .pika-lendar:before {
    left: 25%;
  }

  .m-datepicker--end-date .pika-lendar:before {
    left: 75%;
  }

  .m-datepicker--range .pika-lendar--first:after {
    background: #f9f9f9;
    bottom: 1px;
    content: '';
    display: block;
    position: absolute;
    right: -2px;
    top: 5px;
    width: 4px;
    z-index: 5;
  }

  .m-datepicker--range .pika-lendar--first .pika-heading:before {
    background: #5c596d;
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    right: -2px;
    top: 0;
    width: 4px;
    z-index: 6;
  }

  .m-datepicker--range .pika-lendar:before {
    display: none;
  }

  .m-datepicker--range .pika-arrow {
    border-bottom: .3125em solid #5c596d;
    /* 5px / 16px */
    border-left: .3125em solid transparent;
    /* 5px / 16px */
    border-right: .3125em solid transparent;
    /* 5px / 16px */
    content: '';
    display: none;
    left: 33%;
    margin-left: -.3125em;
    /* 5px / 16px */
    position: absolute;
    top: -.625em;
    /* 10px / 16px */
  }

  .m-datepicker--range .pika-lendar--first .pika-arrow {
    display: block;
  }
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* ---------------------------------------- */

/* ==========================================================================

	JQUERY mCustomScroll STYLES

	CUSTOMISED FOR AVIVA

	========================================================================== */

html .mCustomScrollbar,
html .mCustomScrollbar.mCS_touch_action,
html .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
  -ms-touch-action: auto;
  touch-action: auto;
}

html .mCustomScrollBox {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

html .mCustomScrollBox.mCSB_vertical_horizontal {
  -ms-touch-action: auto;
  touch-action: auto;
}

html .mCustomScrollBox.mCSB_horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

html .mCS-aviva.mCSB_scrollTools {
  opacity: 1;
  right: 0;
  width: 1em;
  /* 16px / 16px */
}

html .mCS-aviva.mCSB_scrollTools .mCSB_draggerContainer,
html .mCS-aviva.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0;
}

html .mCS-aviva.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

html .mCS-aviva.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 1em;
  /* 16px / 16px */
  width: auto;
}

html .mCS-aviva.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer {
  padding-left: 0;
  padding-top: 0;
}

html .mCS-aviva.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0;
}

html .mCS-aviva.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #ccc;
  border: 0;
  border-radius: .5em;
  /* 8px / 16px */
  box-sizing: border-box;
  width: 1em;
  /* 16px / 16px */
}

html .mCS-aviva.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: .3125em;
  /* 5px / 16px */
  bottom: 0;
  height: auto;
  left: 0;
  margin: .1875em;
  /* 3px / 16px */
  position: absolute;
  right: 0;
  top: 0;
  width: .625em;
  /* 10px / 16px */
}

html .mCS-aviva.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: .625em;
  /* 10px / 16px */
  width: auto;
}

html .mCS-aviva.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 1em;
  /* 16px / 16px */
  margin: 0;
  width: 100%;
}

html .mCS-aviva.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
html .mCS-aviva.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
html .mCS-aviva.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
html .mCS-aviva.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #004fb6;
  opacity: 1;
}

html .mCS-aviva.mCSB_scrollTools .mCSB_buttonUp,
html .mCS-aviva.mCSB_scrollTools .mCSB_buttonDown,
html .mCS-aviva.mCSB_scrollTools .mCSB_buttonLeft,
html .mCS-aviva.mCSB_scrollTools .mCSB_buttonRight {
  background: none;
  border: none;
  display: none;
  left: -99999em;
  visibility: hidden;
}

html .mCS-aviva.mCSB_vertical.mCSB_inside > .mCSB_container,
html .mCS-aviva.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 2.25em;
  /* 36px / 16px */
}

html .modal--hero-promo .mCS-aviva.mCSB_vertical.mCSB_inside > .mCSB_container,
html .modal--hero-promo .mCS-aviva.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 3.125em;
  /* 50px / 16px */
}

html .mCS-aviva.mCSB_vertical.mCSB_inside > .mCSB_container.mCS_y_hidden,
html .mCS-aviva.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container.mCS_y_hidden,
html .modal--hero-promo .mCS-aviva.mCSB_vertical.mCSB_inside > .mCSB_container.mCS_y_hidden,
html .modal--hero-promo .mCS-aviva.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container.mCS_y_hidden {
  margin-right: 0;
}

html .mCS-aviva.mCSB_horizontal.mCSB_inside > .mCSB_container,
html .mCS-aviva.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 2.25em;
  /* 36px / 16px */
}

html .modal--hero-promo .mCS-aviva.mCSB_horizontal.mCSB_inside > .mCSB_container,
html .modal--hero-promo .mCS-aviva.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 3.5em;
  /* 56px / 16px */
}

html .mCS-aviva.mCSB_horizontal.mCSB_inside > .mCSB_container.mCS_x_hidden,
html .mCS-aviva.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container.mCS_x_hidden,
html .modal--hero-promo .mCS-aviva.mCSB_horizontal.mCSB_inside > .mCSB_container.mCS_x_hidden,
html .modal--hero-promo .mCS-aviva.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container.mCS_x_hidden {
  margin-bottom: 0;
}

html .modal .mCS-aviva .mCSB_scrollTools {
  right: 1.25em;
  /* 20px / 16px */
}

html .modal--promo .mCS-aviva .mCSB_scrollTools {
  background: none;
}

html .modal--hero-promo .mCS-aviva.mCSB_scrollTools_horizontal {
  left: 1.25em;
  /* 20px / 16px */
  right: 1.25em;
  /* 20px / 16px */
}

html .modal--hero-promo .mCS-aviva.mCSB_scrollTools_vertical {
  bottom: 1.25em;
  /* 20px / 16px */
  top: 1.25em;
  /* 20px / 16px */
}

html .mCS_no_scrollbar .table--fixed-column {
  display: none;
}

/* ==========================================================================

	MODAL WINDOW

	========================================================================== */

/*  Whole page elements - Core styles
	========================================================================== */

.modal-active {
  max-height: 100%;
  overflow: hidden;
}

body > .whole-page {
  transition: -webkit-filter .5s;
  transition: filter .5s;
  transition: filter .5s, -webkit-filter .5s;
}

.modal-active body > .whole-page {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2.5" /></filter></svg>#filter');
  -webkit-filter: blur(2.5px);
  filter: blur(2.5px);
}

/*  In page modal content holder - Core styles
	========================================================================== */

.js .modal__content-container {
  display: none;
}

/*  Overlay - Core styles
	========================================================================== */

.modal-overlay {
  background: #333;
  background: rgba(51, 51, 51, .75);
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .5s;
  z-index: 5000;
}

.modal-overlay .loader-container {
  left: 50%;
  margin: -5.5em 0 0 -5.5em;
  position: absolute;
  top: 50%;
}

.modal-active .modal-overlay {
  opacity: 1;
}

.modal-overlay--loaded .loader-container {
  display: none;
}

/*  Modal - Core styles
	========================================================================== */

.modal {
  background: #fff;
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  padding-top: .625em;
  /* 10px / 16px */
  position: fixed;
  right: 0;
  text-align: right;
  top: 0;
  transition: display 0s .5s, opacity .5s;
  z-index: 5010;
}

.modal-loaded .modal {
  display: block;
  opacity: 1;
  transition: display 0s, opacity .5s;
}

.modal__content-holder {
  max-height: 100%;
  overflow-y: auto;
  padding-bottom: 1.875em;
  /* 30px / 16px */
  padding-top: 1.25em;
  /* 20px / 16px */
  text-align: left;
}

.csscalc .modal__content-holder {
  max-height: calc(100% - 2.125em);
  /* 34px / 16px */
}

.modal__content-outer {
  overflow: auto;
}

.modal__content {
  padding: 0 1.25em;
  /* 0 20px / 16px */
}

.modal__content > :first-child {
  margin-top: 0;
}

.modal__content > :last-child {
  margin-bottom: 0;
}

.modal__content > .heading.heading--1 {
  margin-bottom: .625em;
  /* 20px / 32px */
}

.modal__content > p:first-of-type {
  margin-top: 0;
}

@media (min-width: 35em) {
  .modal {
    background: none;
    bottom: 1.25em;
    /* 20px / 16px */
    margin: 0 auto;
    max-height: 95%;
    max-width: 50em;
    /* 800px / 16px */
    overflow: hidden;
    padding-top: 0;
    top: .625em;
    /* 10px / 16px */
    width: 95%;
  }

  .modal__content-holder {
    background: #fff;
    margin-top: .625em;
    /* 10px / 16px */
  }

  .modal__content {
    padding: 0 1.875em;
    /* 0 30px / 16px */
  }
}

@media (min-width: 60em) {
  .modal__content {
    padding: 0 1.875em;
    /* 0 30px / 16px */
  }

  .modal__content > .heading.heading--1 {
    margin-bottom: .4762em;
    /* 20px / 42px */
  }
}

/*  Modal cancel/close icon - Core styles
	========================================================================== */

.modal__cancel {
  border-bottom: 0;
  margin: 0 2.5em 0 0;
  /* 0 40px 0 / 16px */
  position: relative;
  /* text-transform: uppercase; */
}

.modal__cancel:visited {
  color: #004fb6;
}

.modal__cancel:after {
  background: url('../images/icons/cross.png') no-repeat center 65%;
  content: '';
  display: inline-block;
  height: 1.5em;
  /* 24px / 20px */
  position: absolute;
  right: -1.75em;
  /* 28px / 16px */
  width: 1.25em;
  /* 20px / 20px */
}

.svg .modal__cancel:after {
  background-image: url('../images/icons/cross.svg');
}

@media (min-width: 35em) {
  .modal__cancel {
    color: #fff;
    margin-right: 1.75em;
    /* 28px / 16px */
  }

  .modal__cancel:visited {
    color: #fff;
  }

  .modal__cancel:after {
    background-image: url('../images/icons/cross-white.png');
  }

  .svg .modal__cancel:after {
    background-image: url('../images/icons/cross-white.svg');
  }
}

/*  Modal cancel button - Core styles
	========================================================================== */

.modal__content-container .btn--cancel {
  display: none;
}

.js .modal__content-container .btn--cancel {
  display: inline-block;
}

/*  Modal - Promo modifier
	========================================================================== */

.modal--promo {
  background: #fff;
}

.modal--promo .modal__content > .heading.heading--1 {
  margin-bottom: .3125em;
  /* 10px / 32px */
}

.modal--promo .modal__content > .heading.heading--3 {
  margin: 0 0 .5em;
  /* 0 0 10px 0 / 24px */
}

.modal--promo .btn-group__item {
  margin-bottom: .9375em;
  /* 15px / 16px */
  padding-right: .9375em;
  /* 15px / 16px */
}

.modal--hero-promo .modal__content-holder {
  padding-bottom: 0;
  padding-top: 0;
}

.modal--hero-promo .modal__content-outer {
  padding-bottom: 1.25em;
  /* 20px / 16px */
  padding-top: .625em;
  /* 10px / 16px */
}

.modal__hero {
  background: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 10em;
  /* 160px / 16px */
  margin-bottom: .9375em;
  /* 15px / 16px */
}

@media (min-width: 35em) {
  .modal--promo {
    background: none;
  }

  .modal--promo .modal__content > .heading.heading--1 {
    margin-bottom: .3125em;
    /* 10px / 42px */
  }

  .modal--promo .modal__content-holder {
    background: #fff;
  }

  .modal--promo .btn-group__item {
    margin: 0;
  }

  .modal--hero-promo .modal__content-outer {
    padding-top: 1.25em;
    /* 20px / 16px */
  }

  .modal--hero-promo .modal__content-holder {
    position: relative;
  }

  .modal__hero {
    bottom: 0;
    height: auto;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
  }

  .modal--promo .modal__content {
    padding: 0 5em 0 1.875em;
    /* 0 80px 0 30px / 16px */
  }

  .modal--hero-promo .modal__content {
    padding: 0 1.875em;
    /* 0 30px / 16px */
  }

  .modal--hero-promo .modal__content {
    width: 70%;
  }
}

@media (min-width: 60em) {
  .modal--promo .modal__content {
    padding: 0 6.25em 0 1.875em;
    /* 0 100px 0 30px / 16px */
  }

  .modal--hero-promo .modal__content {
    padding: 0 1.875em;
    /* 0 30px / 16px */
  }

  .modal--promo .modal__content > .heading.heading--1 {
    margin-bottom: .2381em;
    /* 10px / 42px */
  }
}