@charset "UTF-8";
/******************************************
GRADIENT BACKGROUND MIXIN
Used to add a gradient to an element as a background
******************************************/
/******************************************
GRADIENT BORDER MIXIN
Used to add a gradient color to a border
******************************************/
/******************************************
GRADIENT TEXT MIXIN
Used to add a gradient as a text color
******************************************/
/******************************************
CSS TRIANGLE MIXIN
Used to create a CSS triangle
@param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left`
@param {Color} $color [currentcolor] - Triangle color
@param {Length} $width [1em] - Triangle size
ref: https://css-tricks.com/snippets/sass/css-triangle-mixin/
******************************************/
/******************************************
CLEARFIX MIXIN
******************************************/
/******************************************
GRADIENT TEXT MIXIN
Used to ensure users cannot highlight certain elements of the page
Useful for checkboxes/radion buttons and their label text, etc.
******************************************/
/******************************************
BORDER BOX MIXIN
Used to add a border with a border raduis
******************************************/
/******************************************
SHADOW BOX MIXIN
Used to add a box shadow and border with a border radius
******************************************/
/******************************************
GRADIENT TEXT MIXIN
Used to add the CSS for a ribbon
******************************************/
/******************************************
ICON MIXIN
Used to include an icon and the AOHL icon font
Designed for use inside a :before pseudo-element CSS block
******************************************/
/******************************************
MEDIA QUERY MIXIN
Used to create a media query to allow referencing breakpoints by name
You can optionally specify whether the CSS is for print (screen by default)
******************************************/
/******************************************
STRUCTURAL STYLES
******************************************/
.row {
  position: relative;
}

.row-wrapper {
  margin-bottom: 1.875rem;
}

.row-wrapper > .row > .columns:last-child {
  float: left;
}

.three-column-row:first-of-type {
  margin-top: 0;
}

[data-equal-height] > .columns {
  padding-bottom: 1.875rem;
}

.very-light-grey-choice.row-wrapper {
  padding-top: 2.5rem;
  padding-bottom: 0.625rem;
}

.row-space-none {
  margin-bottom: 0;
}

.row-space-small {
  margin-bottom: 1.875rem;
}

.row-space-large {
  margin-bottom: 3.75rem;
}

.row-space-negative {
  margin-bottom: -3.75rem;
}

/******************************************
FONTS
******************************************/
@font-face {
  font-family: Gotham-Bold;
  src: url("../../fonts/Gotham-Bold.woff") format("woff"), url("../../fonts/Gotham-Bold.ttf") format("truetype"), url("../../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: Gotham-Bold;
    src: url("../../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  }
}

@font-face {
  font-family: Gotham-Medium;
  src: url("../../fonts/Gotham-Medium.woff") format("woff"), url("../../fonts/Gotham-Medium.ttf") format("truetype"), url("../../fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 400;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: Gotham-Medium;
    src: url("../../fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
  }
}

@font-face {
  font-family: Gotham-Book;
  src: url("../../fonts/Gotham-Book.woff") format("woff"), url("../../fonts/Gotham-Book.ttf") format("truetype"), url("../../fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: 400;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: Gotham-Book;
    src: url("../../fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  }
}

@font-face {
  font-family: Gotham-Italic;
  src: url("../../fonts/Gotham-MediumItalic.woff") format("woff"), url("../../fonts/Gotham-MediumItalic.ttf") format("truetype"), url("../../fonts/Gotham-MediumItalic.svg#Gotham-Italic") format("svg");
  font-weight: 400;
  font-style: italic;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: Gotham-Italic;
    src: url("../../fonts/Gotham-MediumItalic.svg#Gotham-Italic") format("svg");
  }
}

@font-face {
  font-family: "AOHL-Icons";
  src: url("/Content/AHL/fonts/AOHL-Icons.eot");
  src: url("/Content/AHL/fonts/AOHL-Icons.eot?#iefix") format("eot"), url("/Content/AHL/fonts/AOHL-Icons.woff") format("woff"), url("/Content/AHL/fonts/AOHL-Icons.ttf") format("truetype"), url("/Content/AHL/fonts/AOHL-Icons.svg#AOHL-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}


[class^="icon-"] {
  vertical-align: middle;
  line-height: 1;
}


[class^="icon-"]:before {
  margin: 0;
  font-family: "AOHL-Icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  font-size: inherit;
  text-rendering: auto;
  speak: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}


.icon-Arrow-Down:before {
  content: "\EA01";
}


.icon-Arrow-Left:before {
  content: "\EA02";
}


.icon-Arrow-Right:before {
  content: "\EA03";
}


.icon-Arrow-Up:before {
  content: "\EA04";
}


.icon-Basket:before {
  content: "\EA05";
}


.icon-Calendar:before {
  content: "\EA06";
}


.icon-Category:before {
  content: "\EA07";
}


.icon-Compare:before {
  content: "\EA08";
}


.icon-Cross:before {
  content: "\EA09";
}


.icon-Document:before {
  content: "\EA0A";
}


.icon-Download:before {
  content: "\EA0B";
}


.icon-Email:before {
  content: "\EA0C";
}


.icon-Facebook:before {
  content: "\EA0D";
}


.icon-Globe:before {
  content: "\EA0E";
}


.icon-Grid:before {
  content: "\EA0F";
}


.icon-Heart:before {
  content: "\EA10";
}


.icon-Home:before {
  content: "\EA11";
}


.icon-Instagram:before {
  content: "\EA12";
}


.icon-Location:before {
  content: "\EA13";
}


.icon-Minus:before {
  content: "\EA14";
}


.icon-Person:before {
  content: "\EA15";
}


.icon-Play-Icon:before {
  content: "\EA16";
}


.icon-Plus:before {
  content: "\EA17";
}


.icon-Print:before {
  content: "\EA18";
}


.icon-Question-Mark:before {
  content: "\EA19";
}


.icon-Quote-Mark:before {
  content: "\EA1A";
}


.icon-RSS:before {
  content: "\EA1B";
}


.icon-Save:before {
  content: "\EA1C";
}


.icon-Search:before,
.event-search__button:after,
.showcase-search__button:after {
  content: "\EA1D";
}


.icon-Speech-Bubble:before {
  content: "\EA1E";
}


.icon-Star:before {
  content: "\EA1F";
}


.icon-Stop-Icon:before {
  content: "\EA20";
}


.icon-Telephone:before {
  content: "\EA21";
}


.icon-Text-Phone:before {
  content: "\EA22";
}


.icon-Tick:before {
  content: "\EA23";
}


.icon-Twitter:before {
  content: "\EA24";
}


.icon-YouTube:before {
  content: "\EA25";
}

/******************************************
TYPE SETTINGS
******************************************/
body {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5625rem;
  color: #414042;
  letter-spacing: -0.025rem;
}

strong {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

p {
  margin-bottom: 1.75rem;
}

p.large {
  font-size: 1.125rem;
  line-height: 1.875rem;
}

code {
  font-size: 0.9375rem;
}

a,
.anchor {
  color: #E40089;
  text-decoration: underline;
  transition: all linear .2s;
}

a:focus, a:hover,
.anchor:focus,
.anchor:hover {
  color: #2E3192;
  text-decoration: underline;
}

/******************************************
LISTS
******************************************/
ul, ol {
  display: block;
  margin: 0 0 1.875rem 0;
  padding: 0;
}

ul {
  list-style: disc inside;
}

ul li {
  background-size: 6px auto;
}

ol {
  list-style: decimal inside;
  margin-left: 1rem;
}

li {
  margin-bottom: 0.25rem;
}

/******************************************
BUTTON STYLE OVERRIDES
******************************************/
button {
  outline: 0;
}

button:focus {
  outline: 1px solid #4d90fe;
}

[class^="button-"] {
  position: relative;
  min-height: 2.75rem;
  margin: 0 0 1.5625rem 0;
  padding: 0.875rem 1.25rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  vertical-align: top;
  color: #ffffff;
  border: 0;
  border-radius: 0.25rem;
  transition: all linear 0.2s;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
  cursor: pointer;
}

[class^="button-"]:focus, [class^="button-"]:hover {
  text-decoration: none;
}

[class^="button-"][disabled],
[class^="button-"].disabled {
  background: #D4D4D4;
  color: #ffffff;
}

[class^="button-"][disabled]:hover, [class^="button-"][disabled]:focus,
[class^="button-"].disabled:hover,
[class^="button-"].disabled:focus {
  background: #D4D4D4;
  color: #ffffff;
}

[class^="button-"][disabled] i,
[class^="button-"].disabled i {
  color: #ffffff;
}

a[class^='button-'] {
  display: inline-block;
  line-height: 1;
  color: #ffffff;
}

a[class^='button-']:hover, a[class^='button-']:focus {
  color: #ffffff;
}

a[class^='button-'].button-tertiary:focus, a[class^='button-'].button-tertiary:hover {
  background: #F0F0F0;
  color: #E40089;
}

.button-no-margin {
  margin-bottom: 0;
}

.button-primary {
  background-color: #E40089;
}

.button-primary:focus, .button-primary:hover {
  background: #CA0078;
}

.button-secondary {
  background-color: #00A3D8;
}

.button-secondary:focus, .button-secondary:hover {
  background: #057FB1;
}

.button-tertiary {
  background-color: #ffffff;
  color: #E40089 !important;
  border: 1px solid #E40089;
}

.button-tertiary.no-border {
  border: none;
  color: #E40089;
}

.button-tertiary:focus, .button-tertiary:hover {
  background: #F0F0F0;
}

.button-tertiary[disabled] {
  color: #ffffff !important;
}

.button-wide {
  width: 100%;
}

.merged-buttons {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  display: table;
  border: 0.0625rem solid #E0E0E0;
  height: 3.125rem;
  overflow: hidden;
  width: 100%;
}

.merged-button-wrapper {
  display: table-cell;
  vertical-align: top;
  border-left: 0.0625rem solid #D4D4D4;
}

.merged-button-wrapper [class^='button-'] {
  box-shadow: none;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0 1.25rem;
  position: relative;
  width: 100%;
  text-align: left;
  line-height: 1;
  line-height: 50px;
}

.merged-button-wrapper [class^='button-'] [class^='icon-'] {
  float: right;
  position: relative;
  top: 0.6875rem;
}

/* Buttons with icons
---------------------------------------------*/
[class*='button-icon'] {
  text-align: left;
  padding-right: 3.75rem;
}

[class*='button-icon'] [class^='icon-'] {
  position: absolute;
  right: 1.375rem;
  top: 0.9375rem;
  font-size: 0.875rem;
}

.button-icon-wide {
  width: 100%;
}

/* White Buttons
---------------------------------------------*/
[class*="button-white"] {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  color: #414042;
  padding: 0.9375rem;
  line-height: 1;
  border-width: 0.0625rem;
  text-decoration: none;
}

[class*="button-white"].button-icon {
  padding-right: 3.4375rem;
}

[class*="button-white"] [class^='icon-'] {
  color: #939598;
  font-size: 1.5rem;
  top: 0.6875rem;
}

[class*="button-white"]:hover, [class*="button-white"]:focus {
  background: #F9F9F9;
  text-decoration: none;
  color: #414042;
}

a[class^='button-white'],
a[class^='button-white']:focus,
a[class^='button-white']:hover {
  color: #414042;
}

.button-white-wide {
  width: 100%;
}

/* Grey Buttons
---------------------------------------------*/
.button-grey {
  padding: 0.875rem 1.25rem;
  background: #F0F0F0;
  color: #414042;
  font-weight: bold;
}

.button-grey:hover {
  background: #E0E0E0;
}

/* Link Buttons
---------------------------------------------*/
[class^='link-button'] {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  position: relative;
  text-decoration: none;
}

[class^='link-button'] span {
  display: inline-block;
  font-size: inherit;
}

[class^='link-button'] .link-button__last-word {
  margin-right: 0.9375rem;
  position: relative;
  left: -1px;
}

[class^='link-button'] .link-button__last-word [class^='icon-'] {
  font-size: 0.875rem;
  position: relative;
  right: -0.9375rem;
}

[class^='link-button'] .link-button__last-word [class^='icon-']:before {
  text-decoration: none;
}

[class^='link-button']:hover span, [class^='link-button']:visited span, [class^='link-button']:active span, [class^='link-button']:focus span {
  text-decoration: underline;
}

[class^='link-button']:hover .link-button__first-word,
[class^='link-button']:hover .link-button__last-word, [class^='link-button']:visited .link-button__first-word,
[class^='link-button']:visited .link-button__last-word, [class^='link-button']:active .link-button__first-word,
[class^='link-button']:active .link-button__last-word, [class^='link-button']:focus .link-button__first-word,
[class^='link-button']:focus .link-button__last-word {
  text-decoration: underline;
}

[class^='link-button']:hover .link-button__first-word:after,
[class^='link-button']:hover .link-button__last-word:after, [class^='link-button']:visited .link-button__first-word:after,
[class^='link-button']:visited .link-button__last-word:after, [class^='link-button']:active .link-button__first-word:after,
[class^='link-button']:active .link-button__last-word:after, [class^='link-button']:focus .link-button__first-word:after,
[class^='link-button']:focus .link-button__last-word:after {
  text-decoration: none;
}

[class^='link-button']:hover .link-button__first-word i,
[class^='link-button']:hover .link-button__last-word i, [class^='link-button']:visited .link-button__first-word i,
[class^='link-button']:visited .link-button__last-word i, [class^='link-button']:active .link-button__first-word i,
[class^='link-button']:active .link-button__last-word i, [class^='link-button']:focus .link-button__first-word i,
[class^='link-button']:focus .link-button__last-word i {
  text-decoration: none !important;
}

[class^='link-button'].link-button-primary {
  color: #E40089;
}

[class^='link-button'].link-button-secondary {
  color: #00A3D8;
}

[class^='link-button'].link-button-tertiary {
  color: #2E3192;
}

[class^='link-button'].link-button-tertiary [class^='icon-'] {
  color: #E40089;
}

[class^='link-button'].link-button-white {
  color: #ffffff;
}

[class^='link-button'].link-button-wide {
  display: block;
}

/******************************************
FORMS
******************************************/
.form {
  margin-bottom: 1.875rem;
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
  padding: 1.25rem;
}

form input,
form select,
form textarea,
form .form-file-input {
  background: #ffffff;
  border: 1px solid #D4D4D4;
  border-radius: 0.375rem;
  resize: vertical;
}

form input::-ms-clear,
form select::-ms-clear,
form textarea::-ms-clear,
form .form-file-input::-ms-clear {
  display: none;
}

form input:focus,
form select:focus,
form textarea:focus,
form .form-file-input:focus {
  border-color: #00A3D8;
  background-color: #ffffff;
}

form input,
form textarea,
form .form-file-input {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*Remove number spinners for phone inputs*/
form .phone-number-input[type=number]::-webkit-inner-spin-button, form .phone-number-input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-border {
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
  padding: 2.5rem;
}

input[type='file']:focus,
textarea:focus,
select:focus {
  border: 1px solid #8a8a8a !important;
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

select:focus::-ms-value {
  background: #fff;
  color: black;
}

.form-title {
  border-bottom: 0.0625rem solid #E0E0E0;
  padding-bottom: 1.25rem;
  margin-bottom: 0 !important;
}

form .form-spacer {
  height: 1.875rem;
}

form .form-spacer-half {
  height: 0.9375rem;
}

form .form-divider {
  width: 100%;
  height: 2px;
  margin: 1.25rem 0 1.875rem;
  border-top: 1px solid #E0E0E0;
}

form .form-divider--no-margin-bottom {
  width: 100%;
  height: 2px;
  margin: 1.25rem 0 0;
  border-top: 1px solid #E0E0E0;
}

form [type='submit'],
form .submit-wrapper input,
form .submit-wrapper button {
  float: right;
  margin-bottom: 0;
}

form .submit-wrapper {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: 0.0625rem solid #E0E0E0;
}

form .submit-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

form .form-cancel-link {
  float: left;
  margin-top: 0.5rem;
}

form > fieldset legend {
  width: 100%;
  float: left;
  margin-bottom: 0.75rem;
}

form fieldset > .section-heading {
  margin-top: 1.875rem;
}

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

.checkRadioSet {
  margin-bottom: 1rem;
}

.checkRadioSet label {
  line-height: 1.875rem;
  font-family: 'Gotham-Book', arial, sans-serif;
}

.checkRadioSet label:first-of-type {
  margin-left: 0;
}

form label {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
}

[data-mandatory]:after {
  content: "*";
  position: relative;
  top: -2px;
  margin-left: 0.125rem;
  color: #E40089;
}

label[for],
.form-label {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
  font-size: 1rem;
  cursor: pointer;
  margin-bottom: 0.625rem;
}

label[for][data-mandatory]:after,
.form-label[data-mandatory]:after {
  content: "*";
  position: relative;
  top: -2px;
  margin-left: 0.125rem;
  color: #E40089;
}

label[for].radio-label, label[for].check-label,
.form-label.radio-label,
.form-label.check-label {
  position: relative;
  padding-left: 1.5625rem;
}

label[for].radio-label:before, label[for].check-label:before,
.form-label.radio-label:before,
.form-label.check-label:before {
  content: "";
  display: block;
  float: left;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.3125rem 0.625rem 0 0;
  background: #ffffff;
  color: #E40089;
  position: absolute;
  left: 0;
}

label[for].radio-label.disabled:before, label[for].check-label.disabled:before,
.form-label.radio-label.disabled:before,
.form-label.check-label.disabled:before {
  background: #E0E0E0;
}

label[for].radio-label:before,
.form-label.radio-label:before {
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 2px #939598;
}

label[for].check-label:before,
.form-label.check-label:before {
  font-family: "AOHL-Icons";
  border: 1px solid #D4D4D4;
  border-radius: 2px;
  font-size: 1rem;
  line-height: 1.1;
}

input:checked + label[for].radio-label:before,
input:checked + span + label[for].radio-label:before,
input:checked + input[type='hidden'] + label[for].radio-label:before, input:checked +
.form-label.radio-label:before,
input:checked + span +
.form-label.radio-label:before,
input:checked + input[type='hidden'] +
.form-label.radio-label:before {
  background: #E40089;
}

input:checked + label[for].check-label:before,
input:checked + span + label[for].check-label:before,
input:checked + input[type='hidden'] + label[for].check-label:before, input:checked +
.form-label.check-label:before,
input:checked + span +
.form-label.check-label:before,
input:checked + input[type='hidden'] +
.form-label.check-label:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
}

input:focus + label[for].radio-label:before, input:focus + label[for].check-label:before,
input:focus + span + label[for].radio-label:before,
input:focus + span + label[for].check-label:before,
input:focus + input[type='hidden'] + label[for].radio-label:before,
input:focus + input[type='hidden'] + label[for].check-label:before, input:focus +
.form-label.radio-label:before, input:focus +
.form-label.check-label:before,
input:focus + span +
.form-label.radio-label:before,
input:focus + span +
.form-label.check-label:before,
input:focus + input[type='hidden'] +
.form-label.radio-label:before,
input:focus + input[type='hidden'] +
.form-label.check-label:before {
  box-shadow: 0 0 3px black;
}

/*Text beneath radio labels to keep them inline with start of label text*/
.radio-label-text {
  padding-left: 1.5625rem;
}

.form-label {
  cursor: default;
}

form textarea {
  min-height: 6.25rem;
}

.input-large {
  height: 3rem;
  padding: 0.9375rem 1.25rem;
  border-radius: 0.375rem;
}

.select-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: 1rem;
  background: #ffffff;
  width: 100%;
  border-radius: 0.25rem;
}

.select-wrapper select {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  background: transparent;
  cursor: pointer;
  padding-right: 5rem !important;
}

.select-wrapper select:focus + .select-icon-wrapper {
  z-index: 10;
}

.select-wrapper.select-large select {
  padding: 0 1.25rem;
  height: 3rem;
  border-radius: 0.375rem;
}

.select-wrapper.select-large .select-icon-wrapper {
  height: 2.9375rem;
  width: 3.75rem;
}

.select-wrapper.select-large .select-icon-wrapper [class^='icon-'] {
  top: 0.875rem;
}

.select-wrapper .select-icon-wrapper {
  position: absolute;
  width: 3.125rem;
  height: 38px;
  text-align: center;
  right: 0;
  top: 0;
  padding-top: 0;
  border-left: 0.0625rem solid #D4D4D4;
  z-index: 0;
  display: inline-block;
}

.select-wrapper .select-icon-wrapper [class^='icon-'] {
  position: relative;
  top: 0.5625rem;
  right: 0.125rem;
  color: #2E3192;
}

[type="file"] {
  position: absolute;
  left: -9999px;
}

.form-file-input {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 115px);
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0.625rem 0.625rem 0;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 3px;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
}

.file-type-label {
  min-height: 0;
  padding: 0.3125rem 0.4375rem;
}

form[novalidate='novalidate'] .checkRadioSet {
  border: 1px solid transparent;
  padding-bottom: 0.625rem !important;
  border-radius: 0.375rem;
}

[class^='field-wrapper'] {
  position: relative;
  padding-right: 2.5rem;
}

[class^='field-wrapper']:after {
  position: absolute;
  right: 0.625rem;
  top: 0.5rem;
}

[class^='field-wrapper'].valid:after {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  color: #3A913F;
}

[class^='field-wrapper'].invalid:after {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  color: #D0021B;
}

[class^='field-wrapper'].checkRadioSet-wrapper {
  display: inline-block;
}

[class^='field-wrapper'].checkRadioSet-wrapper:after {
  top: 0.25rem;
}

.field-wrapper-small {
  display: inline-block;
}

.field-validation-error {
  color: #D0021B;
  position: relative;
  top: -0.3125rem;
  font-weight: bold;
  display: block;
}

.unsuccessful-message .field-validation-error {
  top: 0;
}

.label-with-tooltip-icon {
  display: table;
  margin-bottom: 0.625rem;
}

.label-with-tooltip-icon label,
.label-with-tooltip-icon button {
  display: table-cell;
}

.label-with-tooltip-icon button {
  position: relative;
  top: 5px;
}

.label-with-tooltip-icon .tooltip-button,
.label-with-tooltip-icon .tooltip {
  margin-left: 0.625rem;
}

.quantity-input.out-of-stock {
  border-color: #D0021B;
}

/* Postcode styles */
@media only screen and (max-width: 991px) {
  .postcode-lookup-module .postcode-input {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 768px) {
  .postcode-lookup-module .house-number-input {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 768px) {
  input {
    max-width: 100%;
  }
  [type='checkbox'] + label,
  [type='radio'] + label {
    margin-left: 0;
  }
  .label-with-tooltip-icon label {
    width: calc(100% - 90px);
  }
  .label-with-tooltip-icon .tooltip-button {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 500px) {
  [type="submit"],
  .checkout-ajax-button {
    width: 100%;
    float: none;
  }
  .form-border {
    padding: 1.25rem;
  }
  form .form-cancel-link {
    float: none;
    margin-top: 0;
    margin-bottom: 1.25rem;
    display: inline-block;
  }
  [type='checkbox'] + label,
  [type='radio'] + label {
    display: block;
  }
  .form-file-input {
    width: 100%;
    max-width: 100%;
  }
  .file-type-label {
    width: 100%;
    display: block;
    text-align: center;
  }
}

/******************************************
HELPER CLASSES
******************************************/
.u-right {
  float: right;
}

.u-left {
  float: left;
}

.u-no-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none;
}

.u-list-horizontal li {
  float: left;
  margin-right: 1.25rem;
}

.u-list-horizontal li:last-of-type {
  margin-right: 0;
}

.u-no-margin {
  margin: 0 !important;
}

.u-no-padding {
  padding: 0 !important;
}

.u-form-right-padding,
.u-form-right-padding--large-only {
  padding-right: 2.5rem;
}

.u-form-right-margin {
  margin-right: 2.5rem;
}

@media only screen and (max-width: 500px) {
  button.u-form-right-margin {
    margin-right: 0;
  }
}

.u-table,
.u-table-mobile {
  display: table;
  width: 100%;
}

.u-table.u-cell-align-top .u-table-cell,
.u-table-mobile.u-cell-align-top .u-table-cell {
  vertical-align: top;
}

.u-table.u-cell-align-middle .u-table-cell,
.u-table-mobile.u-cell-align-middle .u-table-cell {
  vertical-align: middle;
}

.u-table-row {
  display: table-row;
}

.u-table-cell {
  display: table-cell;
}

.u-table-small .u-table-row,
.u-table-small .u-table-cell {
  display: initial;
}

.u-gotham-book {
  font-family: 'Gotham-Book', arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.u-hidden {
  display: none !important;
}

/* This is used to hide the honeypot input and isn't actually used to style anything 
    across the site, and it has been given a purposefully misleading name
*/
.u-render-visible {
  position: absolute;
  left: -3000px;
}

.u-invisible {
  visibility: hidden !important;
}

.u-word-break {
  word-break: break-all;
}

.u-no-border {
  border: none !important;
}

.u-fade-out {
  animation: fadeOut 1s ease forwards;
}

html.IE9 .hide-on-IE9 {
  display: none;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.u-margin-top {
  margin-top: 1.25rem;
}

.u-margin-bottom {
  margin-bottom: 1.875rem;
}

.u-no-highlight, [class^="rating-"] {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.u-bullet-point-list ul {
  margin-bottom: 0;
}

.u-bullet-point-list ul li {
  list-style-position: inside;
  text-indent: -2em;
  padding-left: 2em;
}

@media only screen and (max-width: 768px) {
  .u-table:not(.u-table-mobile),
  .u-table:not(.u-table-mobile) > .u-table-row,
  .u-table:not(.u-table-mobile) > .u-table-row > .u-table-cell,
  .u-table:not(.u-table-mobile) > .u-table-cell {
    display: block;
  }
  .u-table-small {
    display: table;
    width: 100%;
  }
  .u-table-small .u-table-row {
    display: table-row;
  }
  .u-table-small .u-table-cell {
    display: table-cell;
  }
}

@media only screen and (max-width: 500px) {
  .u-list-horizontal li {
    float: none;
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .u-two-colum-small-row > .columns {
    width: 50%;
  }
}

@media only screen and (max-width: 550px) {
  .u-two-colum-small-row > .columns {
    width: 100%;
  }
}

/******************************************
HEADINGS
******************************************/
/**
 * By default, all headings are always ‘just a bit bigger’ than body copy.
 * Any font, size, color, etc. styling is done based on the purpose of the heading.
 * See classes below which detail styles for specific heading uses.
 */
h1, h2, h3, h4, h5, h6 {
  font-size: 1.25rem;
}

.heading-page,
.heading-secondary-nav,
.heading-section {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

.heading-promo, .form-title, [data-wffm] .form-title,
.heading-product-card,
form fieldset > .section-heading,
.heading-text-content {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.heading-page {
  font-size: 2.25rem;
  color: #2E3192;
  margin-bottom: 1.875rem;
}

.heading-secondary-nav {
  font-size: 2.25rem;
  color: #2E3192;
}

.heading-section {
  font-size: 1.875rem;
  color: #2E3192;
  margin-bottom: 1.875rem;
}

.heading-promo, .form-title, [data-wffm] .form-title {
  font-size: 1.5rem;
  color: #2E3192;
  margin-bottom: 1.5rem;
}

.heading-product-card, form fieldset > .section-heading {
  font-size: 1.25rem;
  color: #2E3192;
  margin-bottom: 0.625rem;
}

.heading-text-content {
  font-size: 1.25rem;
  color: #414042;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

.article-content-heading {
  margin-top: 2.5rem;
}

@media only screen and (max-width: 768px) {
  .heading-section {
    font-size: 1.75rem;
  }
  .heading-page {
    font-size: 1.875rem;
  }
}

/******************************************
TABLES
******************************************/
table {
  margin-bottom: 1.75rem;
}

table thead {
  background: none;
  border: 0;
}

table thead th {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.9375rem;
  color: #414042;
}

table tbody {
  border: 0;
}

table tbody tr:nth-child(odd) {
  background: #fafafa;
}

table tbody tr:nth-child(even) {
  background: #ffffff;
}

/******************************************
TABLES RESPONSIVE
******************************************/
@media screen and (max-width: 63.9375em) {
  table {
    border-width: 0.9375rem;
  }
}

/******************************************
MISCELLANEOUS SITE STYLES
******************************************/
html,
body {
  overflow-x: hidden;
}

hr {
  margin: 0;
  margin-bottom: 1.75rem;
  border-bottom-color: #414042;
}

hr.grey {
  border-color: #E0E0E0;
  border-width: 0.125rem;
}

pre,
code {
  background: #D4D4D4;
}

pre code {
  border: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

iframe {
  max-width: 100%;
}

.rich-text-content .sign-post-link {
  font-size: 1.125rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  padding-right: 2rem;
  color: #00A3D8;
}

.rich-text-content .sign-post-link:after {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  font-size: 0.875rem;
  position: absolute;
  margin-top: 0.25rem;
  padding-left: 1.125rem;
  color: inherit;
  display: inline;
}

.rich-text-content .sign-post-link:after, .rich-text-content .sign-post-link:hover:after {
  text-decoration: underline;
}

.rich-text-content .sign-post-link:after, .rich-text-content .sign-post-link:hover:after {
  text-decoration: none;
}

.rich-text-content .sign-post-link:hover {
  color: #057FB1;
}

.rich-text-content .sign-post-link a {
  color: #00A3D8;
  text-decoration: none;
}

.rich-text-content .sign-post-link a:hover {
  color: #057FB1;
  text-decoration: underline;
}

cite {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1em;
  color: #414042;
}

cite:before {
  content: none;
}

@media only screen and (max-width: 768px) {
  .iOS *:hover,
  .iOS *:hover *,
  .android *:hover,
  .android *:hover * {
    text-decoration: none !important;
  }
}

/******************************************
COLOUR OPTIONS
******************************************/
/**
* Blue.
*/
.blue-choice {
  background-color: #00A3D8 !important;
}

.blue-choice:before {
  border-bottom-color: #057FB1;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.blue-choice {
  background-color: rgba(0, 163, 216, 0.9) !important;
}

/**
* Grey.
*/
.grey-choice {
  background-color: #D4D4D4 !important;
}

.grey-choice:before {
  border-bottom-color: #939598;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.grey-choice {
  background-color: rgba(212, 212, 212, 0.9) !important;
}

/**
* Light grey.
*/
.light-grey-choice {
  background-color: #E0E0E0 !important;
}

.light-grey-choice:before {
  border-bottom-color: #D4D4D4;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.light-grey-choice {
  background-color: rgba(224, 224, 224, 0.9) !important;
}

/**
* Very light grey.
*/
.very-light-grey-choice {
  background-color: #F0F0F0 !important;
}

.very-light-grey-choice:before {
  border-bottom-color: #E0E0E0;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.very-light-grey-choice {
  background-color: rgba(240, 240, 240, 0.9) !important;
}

/**
* Pink.
*/
.pink-choice {
  background-color: #E40089 !important;
}

.pink-choice:before {
  border-bottom-color: #CA0078;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.pink-choice {
  background-color: rgba(228, 0, 137, 0.9) !important;
}

/**
* Purple.
*/
.purple-choice {
  background-color: #2E3192 !important;
}

.purple-choice:before {
  border-bottom-color: #057FB1;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.purple-choice {
  background-color: rgba(46, 49, 146, 0.9) !important;
}

/**
* Orange.
*/
.orange-choice {
  background-color: #ED8B00 !important;
}

.orange-choice:before {
  border-bottom-color: #a15e00;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.orange-choice {
  background-color: rgba(237, 139, 0, 0.9) !important;
}

/**
* Purple to pink gradient.
*/
.purple-to-pink-choice {
  background: linear-gradient(45deg, #2E3192, #E40089);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E3192', endColorstr='#E40089');
  /*For IE7-8-9*/
}

.purple-to-pink-choice:before {
  border-bottom-color: #26277F;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.purple-to-pink-choice {
  background: linear-gradient(45deg, rgba(46, 49, 146, 0.9), rgba(228, 0, 137, 0.9));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='rgba(46, 49, 146, 0.9)', endColorstr='rgba(228, 0, 137, 0.9)');
  /*For IE7-8-9*/
}

/**
* Blue to purple gradient.
*/
.blue-to-purple-choice, [id^='faq-radio-']:checked + label[for].faq-button {
  background: linear-gradient(45deg, #00A3D8, #2E3192);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A3D8', endColorstr='#2E3192');
  /*For IE7-8-9*/
}

.blue-to-purple-choice:before, [id^='faq-radio-']:checked + label[for].faq-button:before {
  border-bottom-color: #057FB1;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.blue-to-purple-choice, .hero-intro-area:not(.no-image) [id^='faq-radio-']:checked + label.hero-intro-area-content-column[for].faq-button {
  background: linear-gradient(45deg, rgba(0, 163, 216, 0.9), rgba(46, 49, 146, 0.9));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='rgba(0, 163, 216, 0.9)', endColorstr='rgba(46, 49, 146, 0.9)');
  /*For IE7-8-9*/
}

/**
* Pink to dark pink gradient.
*/
.pink-to-dark-pink-choice {
  background: linear-gradient(77deg, #cc007a, #66093c);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc007a', endColorstr='#66093c');
  /*For IE7-8-9*/
}

.pink-to-dark-pink-choice:before {
  border-bottom-color: #CA0078;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column.pink-to-dark-pink-choice {
  background: linear-gradient(77deg, rgba(204, 0, 122, 0.9), rgba(102, 9, 60, 0.9));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='rgba(204, 0, 122, 0.9)', endColorstr='rgba(102, 9, 60, 0.9)');
  /*For IE7-8-9*/
}

/******************************************
GENERAL PRINT STYLES
******************************************/
.show-for-print {
  display: none !important;
}

@media only print {
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  .header,
  .nav-large-screen,
  footer,
  .shop-navigation-large,
  .breadcrumb,
  .checkout-process-steps,
  .social-share {
    display: none !important;
  }
  ::-webkit-scrollbar {
    display: none !important;
  }
  /* CHECKOUT - CONFIRMATION PAGE */
  #confirmation .order-confirmation-create-account-wrapper,
  #confirmation .print-button,
  #confirmation .order-summary-download-reciept-button {
    display: none !important;
  }
  /* PRODUCT DESCRIPTION PAGE */
  #product-details {
    padding-top: 0.625rem;
  }
  #product-details * {
    float: none !important;
  }
  #product-details .product-description-information-wrapper-two,
  #product-details .product-description-images-video-preview-ribbon,
  #product-details .highlighted-products,
  #product-details .feature-link-module,
  #product-details .newsletter-multiple-signup-pod,
  #product-details .tab-wrapper > ul,
  #product-details .product-reviews,
  #product-details .product-description-left-section,
  #product-details .product-description-watch-in-BSL-button {
    display: none !important;
  }
  #product-details .row-wrapper {
    margin-bottom: 0 !important;
  }
  #product-details .product-description__image-wrapper--print,
  #product-details .product-description__info-wrapper--print {
    float: left !important;
    width: 50%;
  }
  #product-details .product-description-title {
    margin-bottom: 0.625rem;
  }
  #product-details .product-description-images-video-preview-wrapper {
    width: 100% !important;
    padding: 1rem !important;
  }
  #product-details .product-description-information-wrapper {
    padding-top: 0 !important;
    width: 100% !important;
  }
  #product-details .product-description {
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 1.25rem !important;
  }
  #product-details .accordion-heading {
    font-size: 1.875rem;
    color: #2E3192;
    margin-top: 2.5rem;
    font-family: 'Gotham-Medium', arial, sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  #product-details .accordion-heading:first-child {
    margin-top: 0;
  }
  #product-details .product-description-information-research-text,
  #product-details .hide-when-printing {
    display: none;
  }
  #product-details .product-description-information-wrapper-one {
    page-break-after: always;
    position: relative;
    float: none;
  }
  #product-details .product-description-information-fields-table,
  #product-details .product-description-information-fields-table .u-table-cell {
    display: block !important;
  }
  #product-details .product-description-information-stock-wrapper.no-icons,
  #product-details .product-description-information-stock {
    display: none !important;
  }
  #product-details .product-description-information-fields-table .u-table-cell.product-description-information-fields-quantity {
    display: none !important;
  }
  #product-details .tab-content {
    display: block !important;
    border: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #product-details .tab-content#tabThree, #product-details .tab-content#tabFour {
    display: none !important;
  }
  #product-details .tab-content padding:last-of-type {
    margin-bottom: 0 !important;
  }
  #product-details .accordion-heading,
  #product-details .tab-container {
    display: block !important;
    border: none !important;
  }
  #product-details .accordion-heading[rel=tabThree], #product-details .accordion-heading[rel=tabFour],
  #product-details .tab-container[rel=tabThree],
  #product-details .tab-container[rel=tabFour] {
    display: none !important;
  }
}

/******************************************
SHARED LAYOUT STYLES
******************************************/
.hotlink-anchor {
  text-decoration: none !important;
}

.hotlink {
  border-radius: 0.5rem;
  background: #fbfbfb;
  width: 207px;
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  text-decoration: none;
  min-height: 5rem;
}

.hotlink:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0px 1.5625rem 2.8125rem;
  border-color: transparent transparent white transparent;
}

.hotlink svg {
  display: block;
}

.hotlink.donation {
  background: #E40089;
}

.hotlink.donation:after {
  content: none;
}

.hotlink.donation .hotlink-content-wrapper {
  display: table;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  min-height: 3.5rem;
}

.hotlink.donation .hotlink-content-wrapper .hotlink-text-wrapper {
  padding: 0;
}

.hotlink.donation .hotlink-content-wrapper .hotlink-text-wrapper .hotlink-text {
  color: #ffffff;
  line-height: 2;
}

.hotlink.donation .hotlink-content-wrapper * {
  width: 100%;
}

.hotlink-content-wrapper {
  display: table;
  min-height: 3.5rem;
  z-index: 2;
}

.hotlink-icon {
  float: left;
}

.hotlink-icon-wrapper,
.hotlink-text-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.hotlink-icon-wrapper {
  width: 3.125rem;
}

.hotlink-text-wrapper {
  padding-left: 0.625rem;
}

.hotlink-text {
  margin: 0;
  line-height: 1.4;
  color: #2E3192;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .hotlink {
    width: 10rem;
    padding: 0.75rem 0.9375rem 0;
    font-size: 0.875rem;
  }
  .hotlink-icon-wrapper {
    width: 2.5rem;
    padding-left: 0;
  }
  .hotlink-text-wrapper {
    padding-left: 0.5rem;
  }
}

/******************************************
SITE HEADER
******************************************/
.header .mobile {
  display: none;
}

.nav-open .header {
  background: #ffffff;
  margin-bottom: 0;
}

.nav-open .header .site-header-bottom {
  padding-bottom: 0;
}

.site-header-top {
  background: #F5F5F5;
  height: 2.5rem;
  margin-bottom: 3.125rem;
}

.site-header-top .row {
  position: relative;
}

.site-header-top .u-table {
  height: 2.5rem;
  width: auto;
  position: absolute;
  right: 0.625rem;
}

.site-header-top .u-table-cell {
  vertical-align: middle;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.site-header-top .u-table-cell:last-child {
  padding-right: 0;
  position: static;
}

.site-header-top-link-wrapper {
  position: relative;
}

.site-header-top-link-wrapper.has-sub-menu:hover, .site-header-top-link-wrapper.active {
  background: #ffffff;
  cursor: pointer;
}

.site-header-top-link-wrapper .site-header-account-link + .site-header-top-link-menu {
  width: 100%;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  padding: 1.25rem;
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
}

.site-header-top-link {
  display: block;
  color: #414042;
  font-size: 0.875rem;
}

.site-header-top-link [class^='icon-'] {
  color: #2E3192;
  margin-right: 0.625rem;
  font-size: 1.375rem;
  position: relative;
  top: 0.1875rem;
}

.site-header-top-link [class^='icon-']:before {
  text-decoration: none;
}

.site-header-top-link-logged-out a {
  display: inline-block;
  border: 0;
}

.site-header-account-link .icon-Arrow-Down {
  font-size: 0.625rem;
  margin-left: 0.625rem;
  margin-right: 0;
}

.site-header-top-link-menu {
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 0;
}

.site-header-top-link-menu-item {
  line-height: 1.25rem;
  padding: 0.625rem 0.9375rem;
  background: #ffffff;
  margin: 0;
  text-align: right;
}

.site-header-top-link-menu-item a {
  color: #414042;
}

.site-header-top-link-wrapper.has-sub-menu:hover .site-header-top-link-menu,
.site-header-top-link-menu:hover,
.active > .site-header-top-link-menu {
  display: block;
  z-index: 2;
}

.site-header-basket-link-wrapper.active {
  background: #ffffff;
}

.site-header-basket-link-wrapper.no-products {
  display: none !important;
}

.site-header-basket-link {
  width: 3.75rem;
}

.site-header-basket-link .icon-Basket {
  color: #00A3D8;
}

.site-header-basket-link,
.site-header-basket-link:hover,
.site-header-basket-link:focus,
.site-header-basket-link:active {
  text-decoration: none;
}

.site-header-basket-count {
  color: #00A3D8;
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  top: 0.0625rem;
}

.site-header-basket-pod {
  display: none;
  position: absolute;
  right: 0;
  top: 2.5rem;
  width: 25rem;
  background: #ffffff;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  z-index: 10;
  padding: 1.25rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.site-header-basket-pod.active {
  display: block;
}

.site-header-basket-pod > p {
  margin-bottom: 0.625rem;
}

.no-touch .site-header-basket-link-wrapper:hover,
.site-header-basket-link-wrapper.active {
  background: #ffffff;
}

.no-touch .site-header-basket-link-wrapper:hover .site-header-basket-pod,
.site-header-basket-link-wrapper.active .site-header-basket-pod {
  display: block;
}

/*Fix for if the nav is open*/
.nav-open .site-header-basket-link-wrapper.active .site-header-basket-pod,
.nav-open .site-header-basket-pod.active {
  position: fixed;
  overflow-y: scroll;
  max-height: calc(100vh - 140px);
}

.no-touch .site-header-basket-link:hover + .site-header-basket-pod,
.no-touch .site-header-basket-pod:hover {
  display: block;
}

.site-header-basket-pod-item-list:after {
  content: "";
  display: table;
  clear: both;
}

.site-header-basket-pod-item {
  margin-bottom: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #F0F0F0;
}

.site-header-basket-pod-item:after {
  content: "";
  display: table;
  clear: both;
}

.site-header-basket-pod-item-image,
.site-header-basket-pod-item-details {
  float: left;
}

.site-header-basket-pod-item-details {
  width: 60%;
}

.site-header-basket-pod-item-details li {
  text-align: left;
}

.site-header-basket-pod-item-image {
  margin-right: 1.25rem;
  width: 30%;
}

.site-header-basket-pod-subtotal-wrapper {
  background: #F5F5F5;
  padding: 0.625rem 0.9375rem;
}

.site-header-basket-pod-subtotal-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.site-header-basket-pod-subtotal-label {
  float: left;
}

.site-header-basket-pod-subtotal-value {
  float: right;
}

.site-header-basket-pod-checkout-button {
  margin: 1.25rem 0 0;
  width: 100%;
  display: block;
  text-align: center;
  line-height: inherit;
  color: #ffffff;
  text-decoration: none;
}

.site-header-basket-pod-checkout-button:hover {
  color: #ffffff;
  text-decoration: none;
}

.site-header-bottom .row > .u-table > .u-table-cell {
  vertical-align: bottom;
  position: relative;
  top: -0.9375rem;
}

.site-header-bottom .row > .u-table > .u-table-cell:first-of-type {
  top: 0;
}

.nav-open .site-header-bottom {
  padding-bottom: 1.25rem;
  background: #ffffff;
}

.site-header-logo-cell {
  vertical-align: top;
}

.site-header-logo-cell img {
  width: auto;
  height: 5rem;
}

.site-header-hotlinks-cell {
  width: 426px;
}

.site-header-hotlinks-cell .hotlink {
  float: left;
}

.site-header-hotlinks-cell .hotlink-anchor + .hotlink-anchor .hotlink {
  margin-left: 0.75rem;
}

.site-header-bottom .site-search-form.mobile {
  display: none;
}

.header .site-search-input {
  min-width: 16.1875rem;
}

.site-header-site-search-cell.desktop {
  width: 27.25rem;
  vertical-align: bottom;
  padding-left: 1.625rem;
  padding-bottom: 0.625rem;
}

.site-header-site-search-cell.desktop .site-search-submit-cell {
  width: 3.75rem;
}

.site-header-site-search-cell.desktop .site-search-submit-wrapper {
  width: 3.75rem;
  position: relative;
}

.site-header-site-search-cell.desktop .site-search-submit {
  border: none;
  width: 3.75rem;
  height: 3.625rem;
}

@media only screen and (max-width: 1199px) {
  .site-header-logo-cell {
    padding: 0 0.625rem;
  }
  .site-header-hotlinks-cell {
    width: auto;
  }
  .site-header-hotlinks-cell .hotlink-anchor:last-of-type {
    display: none;
  }
}

@media only screen and (max-width: 950px) {
  .site-header-hotlinks-cell {
    display: none;
  }
}

@media only screen and (max-width: 850px) {
  .header .desktop {
    display: none !important;
  }
  .header .mobile {
    display: block;
  }
  .header {
    margin-bottom: 1.875rem;
  }
  .site-header-top {
    margin-bottom: 1rem;
  }
  .site-header-bottom .site-search-form.mobile {
    display: block;
    margin-left: -1.25rem;
    width: calc(100% + 40px) !important;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 2px solid #2E3192;
  }
  .header .site-search-form .site-search-options-wrapper .radio-label {
    display: inline-block;
    position: relative;
    top: -0.5rem;
    padding-top: 0.4375rem;
    font-size: 1rem;
  }
  .header .site-search-form .site-search-options-wrapper .radio-label:first-of-type {
    margin-right: 2.5rem;
    top: -0.5rem;
  }
  .header .site-search-form .site-search-options-wrapper .radio-label:before {
    position: relative;
    top: -0.4375rem;
    width: 1.875rem;
    height: 1.875rem;
    border-width: 0.5rem;
  }
  .header .site-search-form.mobile .site-search-input-wrapper {
    border: 1px solid #D4D4D4;
    border-radius: 0.5rem;
  }
  .header .site-search-form.mobile .site-search-input,
  .header .site-search-form.mobile .site-search-submit {
    border: 0;
  }
  .header .site-search-form.mobile .site-search-input {
    width: 100%;
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .header .site-search-form.mobile .site-search-submit {
    background: #E0E0E0;
    border-left: 1px solid #D4D4D4;
  }
  .header .site-search-submit-cell {
    border: 0;
    border-radius: 0 0.5rem 0.5rem 0;
  }
  .search-lookup-dropdown-wrapper {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .site-header-bottom .site-search-form.mobile {
    margin-left: -1.25rem;
    width: calc(100% + 40px) !important;
  }
  .site-header-basket-pod {
    left: 0;
    right: 0;
    width: auto;
    border-radius: 0;
  }
  .site-header-hotlinks-cell {
    display: none !important;
  }
}

@media only screen and (max-width: 400px) {
  .site-header-top-links-cell.u-table {
    display: table;
    position: static;
    width: 100%;
  }
  .site-header-top-links-cell .u-table-cell {
    display: table-cell;
    padding: 0;
    text-align: center;
  }
  .site-header-top-link-menu {
    right: auto;
  }
  .site-header-top-link-wrapper {
    position: relative;
  }
  .site-header-top-link-wrapper .site-header-account-link + .site-header-top-link-menu {
    width: 100%;
  }
  .site-header-basket-link {
    margin: auto;
  }
  .site-header-top-link [class^='icon'] {
    margin-right: 0.375rem;
    font-size: 1rem;
  }
  .site-header-basket-link {
    width: auto;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .site-header-logo-cell {
    padding: 0;
  }
  .site-header-basket-pod-item-image,
  .site-header-basket-pod-item-details {
    display: block;
  }
}

/******************************************
DESKTOP NAVIGATION
******************************************/
.nav-small-screen {
  display: none;
}

.nav-wrapper {
  position: static;
}

.nav-wrapper > .columns {
  position: relative;
}

.primary-nav {
  position: relative;
  border-bottom: 2px solid #2E3192;
  margin-bottom: 1.875rem;
}

.primary-nav-menu,
.primary-nav-home-link,
.primary-nav-shop-link {
  display: inline-block;
  vertical-align: top;
}

.primary-nav-menu {
  width: calc(100% - 180px);
  height: 100%;
  margin-left: 3.5rem;
}

.primary-nav-menu > ul {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.primary-nav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0;
  padding: 0;
}

.primary-nav-link {
  display: block;
  -ms-flex-positive: 1;
      flex-grow: 1;
  position: relative;
  padding: 1.875rem 1rem;
  color: #2E3192;
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

.primary-nav-item:hover .primary-nav-link,
.primary-nav-item.nav-current-page .primary-nav-link {
  text-decoration: none;
}

.primary-nav-item:hover .primary-nav-link {
  font-weight: bold;
}

.primary-nav-item.nav-current-page .primary-nav-link {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

.mobile-nav-item-more {
  display: none;
}

.primary-nav-link:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1.375rem;
  height: 1.875rem;
  width: 0.0625rem;
  background: #e4e4e4;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.primary-nav-link [class^='icon-'] {
  display: none;
  position: absolute;
  left: calc(50% - 6px);
  font-size: 12px;
  bottom: -0.1875rem;
  color: #2E3192;
}

.primary-nav-item.active .primary-nav-link [class^='icon-'],
.primary-nav-item:hover .primary-nav-link [class^='icon-'],
.primary-nav-item.nav-current-page .primary-nav-link [class^='icon-'] {
  display: block;
}

.primary-nav-home-link {
  position: relative;
  width: 1.625rem;
  color: #2E3192;
  text-indent: -624.9375rem;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.primary-nav-home-link [class^='icon-'] {
  display: block;
  font-size: 1.5rem;
  text-indent: 0;
  transition: all linear 0.2s;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.primary-nav-home-link:hover [class^='icon-'] {
  color: #E40089;
}

.primary-nav-shop-link {
  width: 7.1875rem;
  text-align: center;
  right: 0.625rem;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.primary-nav-shop-link [class^="button-"] {
  width: 100%;
  height: 2.5rem;
  min-height: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: #2E3192;
  transition: all linear 0.2s;
  display: block;
  line-height: .7;
  text-decoration: none;
  background: linear-gradient(45deg, #00A3D8, #2f3490);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A3D8', endColorstr='#2f3490');
  /*For IE7-8-9*/
}

.primary-nav-shop-link [class^="button-"]:hover {
  text-decoration: underline;
  color: #ffffff;
}

.secondary-nav {
  width: 100vw;
  display: none;
  position: absolute;
  top: 100%;
  left: calc((-100vw + 100%)/2);
  z-index: 5;
  padding: 1.5rem 0 2rem;
  margin: 0;
  background: #F5F5F5;
  background-image: linear-gradient(239deg, #FEFEFD, #EEEFEE);
  background-image: linear-gradient(239deg, white, rgba(215, 215, 215, 0.8));
  background-position-y: calc(100% + 6px) !important;
  background: url("/Content/AHL/images/png/nav-swoop.png") no-repeat 100% 100%, linear-gradient(240deg, white, rgba(215, 215, 215, 0.8));
  border-top: 2px solid #2E3192;
  box-shadow: 0 2.5px 3px 0 #868585;
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);
}

.secondary-nav > .row {
  margin: auto;
}

.primary-nav-item.active .secondary-nav,
.primary-nav-item:hover .secondary-nav {
  display: block;
}

.heading-secondary-nav {
  width: 23%;
  float: left;
  padding-right: 1.875rem;
  margin-top: 0.625rem;
}

.secondary-nav-list {
  position: relative;
  display: inline-block;
  width: 70%;
  float: left;
  vertical-align: top;
  z-index: 1;
}

.secondary-nav-item,
.tertiary-nav-item {
  display: block;
  float: left;
  clear: left;
  margin: 0;
}

.secondary-nav-item {
  width: 50%;
}

.secondary-nav-link,
.tertiary-nav-link {
  display: block;
  position: relative;
  width: 100%;
  padding: 0.625rem 1rem;
  color: #2E3192;
  font-size: 1rem;
  text-decoration: none;
}

.secondary-nav-link {
  padding-right: 2rem;
  border-radius: 0.25rem;
}

.tertiary-nav-link {
  border-radius: 0 0.25rem 0.25rem 0;
}

.secondary-nav-link.hasChildren [class^='icon-'] {
  font-size: 0.875rem;
  color: #00a3d8;
  transition: color .2s linear;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 1rem;
}

.secondary-nav-item:hover .secondary-nav-link,
.secondary-nav-item.active .secondary-nav-link,
.secondary-nav-item.nav-current-page .secondary-nav-link {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-decoration: none;
}

.secondary-nav-item:hover .secondary-nav-link.hasChildren,
.secondary-nav-item.active .secondary-nav-link.hasChildren,
.secondary-nav-item.nav-current-page .secondary-nav-link.hasChildren {
  border-radius: 0.25rem 0 0 0.25rem;
}

.secondary-nav-item:hover .secondary-nav-link.hasChildren [class^='icon-'],
.secondary-nav-item.active .secondary-nav-link.hasChildren [class^='icon-'],
.secondary-nav-item.nav-current-page .secondary-nav-link.hasChildren [class^='icon-'] {
  color: #ffffff;
}

.secondary-nav-item:hover .secondary-nav-link,
.secondary-nav-item.active .secondary-nav-link,
.secondary-nav-item.nav-current-page:hover .secondary-nav-link,
.secondary-nav-item.nav-current-page.active .secondary-nav-link {
  background: #00A3D8;
}

.secondary-nav-item.nav-current-page .secondary-nav-link {
  background: linear-gradient(90deg, #2E3192, #00A3D8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E3192', endColorstr='#00A3D8');
  /*For IE7-8-9*/
}

.secondary-nav-item.active .tertiary-nav,
.secondary-nav-item:hover .tertiary-nav,
.secondary-nav-item.nav-current-page .tertiary-nav {
  display: block;
}

.hide-tertiary-nav .tertiary-nav {
  display: none !important;
}

.tertiary-nav {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 50%;
  padding: 0;
  z-index: 0;
  border-left: 2px solid #00A3D8;
  transition: none;
}

.tertiary-nav-item {
  width: 100%;
}

.tertiary-nav-link:hover,
.tertiary-nav-item.nav-current-page .tertiary-nav-link {
  text-decoration: none;
}

.tertiary-nav-link:hover {
  font-weight: bold;
}

.tertiary-nav-item.nav-current-page .tertiary-nav-link {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

/******************************************
PRIMARY NAVIGATION RESPONSIVE
******************************************/
@media only screen and (max-width: 1100px) {
  .primary-nav-menu {
    width: calc(100% - 140px);
    margin-left: 2.5rem;
  }
  .primary-nav-shop-link {
    width: 6.25rem;
    font-size: 0.8125rem;
  }
  .heading-secondary-nav {
    font-size: 1.75rem;
  }
}

/******************************************
MOBILE NAVIGATION
******************************************/
.primary-nav__hot-links,
.current-nav-item-banner {
  display: none;
}

@keyframes greyBg {
  0% {
    background: #ffffff;
  }
  100% {
    background: #F5F5F5;
  }
}

@keyframes openNav {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 62.5rem;
  }
}

@keyframes closeNav {
  0% {
    max-height: 62.5rem;
  }
  100% {
    max-height: 0;
  }
}

@media only screen and (max-width: 850px) {
  .primary-nav-item:hover .primary-nav-link {
    font-weight: normal;
  }
  .nav-large-screen {
    display: none;
  }
  .nav-small-screen {
    display: block;
  }
  .nav-open {
    min-height: 100%;
    animation: greyBg 1s ease forwards;
  }
  .primary-nav {
    z-index: 2;
    width: calc(100% + 40px);
    margin-left: -20px;
    max-height: 0;
    margin-top: 0.625rem;
    margin-bottom: 0;
    background: #F5F5F5;
    border: 0;
    overflow: hidden;
  }
  .primary-nav .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .primary-nav .nav-wrapper {
    height: calc(100vh - 9.2rem);
  }
  .nav-open .primary-nav {
    animation: openNav 1s ease forwards;
  }
  .nav-close .primary-nav {
    animation: closeNav 1s ease forwards;
  }
  .primary-nav > .row {
    width: 100%;
    margin: 0;
  }
  .primary-nav-home-link {
    display: none;
  }
  .primary-nav-shop-link {
    position: relative;
    width: 10rem;
    top: auto;
    left: 0;
    -ms-transform: none;
        transform: none;
    margin: 0 1.25rem 1.375rem;
  }
  .primary-nav-menu {
    width: 100%;
    margin: 0 0 1.375rem 0;
    padding: 0 1.25rem;
    border-top: 0.125rem solid #2E3192;
  }
  .primary-nav-menu > ul {
    display: block;
  }
  .primary-nav-menu ul.open {
    padding-top: 0 !important;
  }
  .primary-nav-item {
    display: block;
    float: left;
    margin: 0 1.25rem;
  }
  .primary-nav-item.hide {
    display: none;
  }
  .primary-nav-item,
  .secondary-nav-item,
  .tertiary-nav-item {
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    font-size: 1.125rem;
    border-bottom: 0.0625rem solid #D4D4D4;
  }
  .primary-nav-item.open,
  .secondary-nav-item.open,
  .tertiary-nav-item.open {
    margin: 0;
    width: 100%;
    padding-top: 0;
  }
  .primary-nav-item.no-children a,
  .secondary-nav-item.no-children a,
  .tertiary-nav-item.no-children a {
    width: 100%;
  }
  .primary-nav-item.nav-current-page-mobile .primary-nav-link,
  .secondary-nav-item.nav-current-page-mobile .secondary-nav-link,
  .tertiary-nav-item.nav-current-page-mobile .tertiary-nav-link {
    font-weight: bold !important;
  }
  .primary-nav-link,
  .secondary-nav-link,
  .tertiary-nav-link {
    width: calc(100% - 40px);
    padding: 0.875rem 0;
    font-size: 1.125rem;
    text-align: left;
    position: relative;
    height: 2.875rem;
  }
  .primary-nav-link [class^="icon"],
  .secondary-nav-link [class^="icon"],
  .tertiary-nav-link [class^="icon"] {
    display: none !important;
  }
  .primary-nav-link:after,
  .secondary-nav-link:after,
  .tertiary-nav-link:after {
    display: none;
  }
  .primary-nav-link:hover span,
  .secondary-nav-link:hover span,
  .tertiary-nav-link:hover span {
    color: #2E3192;
    font-weight: bold;
  }
  .secondary-nav-item:hover .secondary-nav-link,
  .tertiary-nav-link:hover {
    color: #2E3192;
  }
  .secondary-nav-link,
  .tertiary-nav-link {
    font-size: 1rem;
  }
  .mobile-nav-item-more {
    display: block;
    position: absolute;
    top: 0.375rem;
    bottom: 0;
    right: -0.9375rem;
    vertical-align: middle;
    width: 2.875rem;
    height: 2.75rem;
    font-size: 0.875rem;
    color: #00A3D8;
    background: none;
    border-radius: 0;
    text-indent: -9999px;
  }
  .mobile-nav-item-more:hover i:before {
    font-weight: bold !important;
  }
  .mobile-nav-item-more i {
    float: right;
    text-indent: 0;
    margin-left: 0.875rem;
    margin-right: 0.9375rem;
    color: #2E3192;
  }
  .mobile-nav-item-more i:before {
    content: '>';
    font-family: 'Gotham-Book', arial, sans-serif !important;
    font-weight: normal;
    background: none;
    font-size: 1.25rem;
  }
  .current-nav-item-banner {
    display: none;
    position: relative;
    left: -1.25rem;
    width: calc(100% + 40px);
    /*-----------------------*/
    color: #ffffff;
    padding: 1rem 0;
    line-height: 2.75rem;
    background: #2E3192;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .current-nav-item-banner:after {
    content: "";
    display: table;
    clear: both;
  }
  .current-nav-item-banner .current-nav-item-banner-inner-wrapper {
    display: table;
    width: 100%;
  }
  .current-nav-item-banner .current-nav-item-text {
    display: table-cell;
    font-size: 1.5rem;
    font-family: 'Gotham-Bold', arial, serif;
    font-weight: 700;
    font-style: normal;
  }
  .current-nav-item-banner .current-nav-item-back {
    display: table-cell;
    text-align: right;
    position: relative;
    width: 3.75rem;
  }
  .current-nav-item-banner .current-nav-item-back-icon {
    position: absolute;
    display: block;
    top: 0.125rem;
    left: 0.3125rem;
    cursor: pointer;
  }
  .current-nav-item-banner .current-nav-item-back-text {
    cursor: pointer;
    text-decoration: underline;
  }
  .current-nav-item-banner .current-nav-item-back-text:hover {
    text-decoration: none;
  }
  .primary-nav li.open {
    border-bottom: none;
  }
  .primary-nav li.open > [class*="nav-link"] {
    display: none;
  }
  .primary-nav li.open > .mobile-nav-item-more {
    display: none;
  }
  .primary-nav li.open > .mobile-nav-item-more .icon-Arrow-Down {
    display: none;
  }
  .primary-nav li.open > .mobile-nav-item-more span {
    width: 1.875rem;
    height: 0.25rem;
    border-radius: 0.625rem;
    background-color: #E40089;
    position: absolute;
    left: 0.3125rem;
  }
  .primary-nav li.open > .mobile-nav-item-more span.top {
    top: 0.5rem;
    -ms-transform: rotate(45deg);
        transform: rotateZ(45deg);
    -ms-transform-origin: 10% 250%;
        transform-origin: 10% 250%;
  }
  .primary-nav li.open > .mobile-nav-item-more span.bottom {
    bottom: 0.5rem;
    -ms-transform-origin: 0% -150%;
        transform-origin: 0% -150%;
    -ms-transform: rotate(-45deg);
        transform: rotateZ(-45deg);
  }
  li.open > div[class$="-nav"] {
    box-sizing: border-box;
  }
  .noDivider > li > div[class$="-nav"] {
    border-top: 0;
  }
  .secondary-nav,
  .tertiary-nav {
    display: none;
    position: relative;
    max-height: 0;
    padding: 0;
    float: left;
    background: none;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    transition: none;
  }
  .secondary-nav {
    padding: 0 1.25rem;
  }
  .primary-nav-item.open > [class*="nav-link"],
  .secondary-nav-item.open > [class*="nav-link"] {
    display: none;
  }
  .primary-nav-item.open > .mobile-nav-item-more-wrapper,
  .secondary-nav-item.open > .mobile-nav-item-more-wrapper {
    display: none;
  }
  .primary-nav-item.current > .current-nav-item-banner,
  .secondary-nav-item.current > .current-nav-item-banner {
    display: block;
  }
  .primary-nav-item.open .secondary-nav,
  .secondary-nav-item.open .tertiary-nav {
    display: block;
    max-height: 62.5rem;
    transition: max-height linear .3s;
    height: auto !important;
  }
  .heading-secondary-nav {
    display: none;
  }
  .secondary-nav-list,
  .tertiary-nav {
    width: 100%;
    left: auto;
    right: auto;
  }
  .secondary-nav-item:hover .secondary-nav-link,
  .secondary-nav-item:hover .tertiary-nav-link,
  .tertiary-nav-item:hover .secondary-nav-link,
  .tertiary-nav-item:hover .tertiary-nav-link {
    background: none;
    font-family: 'Gotham-Book', arial, sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .secondary-nav-link.hasChildren [class^="icon"],
  .secondary-nav-link:not(.hasChildren) + .mobile-nav-item-more-wrapper {
    display: none;
  }
  .tertiary-nav {
    visibility: visible;
  }
  .primary-nav__hot-links {
    display: block;
    padding: 0.5rem 1.25rem 2.5rem 1.25rem;
    border-top: 1px solid #D4D4D4;
    overflow: hidden;
  }
  .primary-nav__hot-links .u-table-cell {
    width: 50%;
    float: left;
    margin-top: 1.25rem;
  }
  .primary-nav__hot-links .u-table-cell:nth-of-type(2n) {
    padding-left: 0.4375rem;
  }
  .primary-nav__hot-links .u-table-cell:nth-of-type(2n+1) {
    padding-right: 0.4375rem;
  }
  .primary-nav__hot-links .hotlink {
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .primary-nav__hot-links .hotlink .hotlink-content-wrapper {
    margin: auto;
  }
  .primary-nav__hot-links .hotlink.donation .hotlink-content-wrapper {
    font-size: 1.125rem;
  }
}

@media only screen and (max-width: 375px) {
  .primary-nav__hot-links .u-table-cell {
    width: 100%;
    float: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .primary-nav__hot-links .u-table-cell {
    float: left;
    margin-top: 0.9375rem !important;
  }
}

/******************************************
HAMBURGER MENU BUTTON
******************************************/
.hamburger-text {
  display: none;
}

@keyframes topOpen {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(45deg);
  }
}

@keyframes topClose {
  0% {
    transform: rotateZ(45deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}

@keyframes bottomOpen {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-45deg);
  }
}

@keyframes bottomClose {
  0% {
    transform: rotateZ(-45deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}

@media only screen and (max-width: 850px) {
  /* Outer Menu Button */
  .hamburger-wrapper {
    height: 2.5rem;
    width: 2.5rem;
    right: 1.875rem;
    position: absolute;
    top: 1.25rem;
    cursor: pointer;
  }
  .hamburger {
    z-index: 5;
    right: 2.5rem;
    background: #ffffff;
    border: none;
    border-radius: 0.25rem;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
  }
  .hamburger span {
    width: 1.875rem;
    height: 0.25rem;
    border-radius: 0.625rem;
    background-color: #E40089;
    position: absolute;
    left: 0.3125rem;
  }
  .hamburger span.top {
    top: 0.5rem;
  }
  .hamburger span.middle {
    top: 50%;
    margin-top: -2px;
    opacity: 1;
    transition: all 0.6s linear;
  }
  .hamburger span.bottom {
    bottom: 0.5rem;
    -ms-transform-origin: 10% -40%;
        transform-origin: 10% -40%;
  }
  .hamburger span.top, .hamburger span.bottom {
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .hamburger-text {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    font-size: 0.6875rem;
    margin-top: 2.1875rem;
    margin-left: 0.25rem;
    color: #E40089;
  }
  .nav-open .hamburger .top {
    animation: topOpen 0.4s forwards;
    -ms-transform-origin: 10% 170%;
        transform-origin: 10% 170%;
  }
  .nav-open .hamburger .middle {
    opacity: 0;
    transition: all 0.25s linear;
  }
  .nav-open .hamburger .bottom {
    animation: bottomOpen 0.4s forwards;
  }
  .nav-open .hamburger-text {
    display: none;
  }
  .nav-close .hamburger .top {
    animation: topClose 0.4s forwards;
    -ms-transform-origin: 10% 170%;
        transform-origin: 10% 170%;
  }
  .nav-close .hamburger .bottom {
    animation: bottomClose 0.4s forwards;
  }
}

@media only screen and (max-width: 400px) {
  .hamburger-wrapper {
    top: 0.875rem;
  }
}

/******************************************
SHOP NAVIGATION
******************************************/
.shop-navigation {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2f3490', endColorstr='#00a3d8');
  /*For IE7-8-9*/
  background-image: linear-gradient(267deg, #2f3490, #2b3d96 8%, #00a3d8);
  padding-top: 0;
  margin-bottom: 1.875rem;
  margin-top: -1.875rem;
  position: relative;
}

.shop-navigation:before {
  width: 0;
  height: 0;
  border-top: 12.5rem solid transparent;
  border-bottom: 12.5rem solid transparent;
  border-left: 12.5rem solid #ffffff;
  content: '';
  position: absolute;
  top: -2.5rem;
  opacity: 0.1;
}

.shop-navigation .row,
.shop-navigation .columns {
  height: 100%;
}

.shop-navigation-small {
  display: none;
}

.shop-navigation-large {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.shop-navigation-active-icon {
  position: absolute;
  top: -1.625rem;
  right: 3.875rem;
  color: #2E3192;
  border-radius: 0;
  font-size: 0.875rem;
}

.shop-navigation-list {
  display: table;
  height: 100%;
}

.shop-navigation-item {
  display: table-cell;
  vertical-align: middle;
}

.shop-navigation-separator {
  width: 1px;
  height: 2.5rem;
  display: block;
  background: #e4e4e5;
}

.shop-navigation-separator.hidden {
  background: transparent;
}

.shop-navigation-link {
  border-radius: 0.25rem;
  color: white;
  padding: 0.9375rem;
  display: block;
  text-decoration: none;
}

.shop-navigation-link:focus, .shop-navigation-link:hover, .shop-navigation-link:active {
  color: #ffffff;
}

.shop-navigation-item.active .shop-navigation-link {
  background: white;
  color: #E40089;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
}

.shop-navigation-item.active .shop-navigation-link:before {
  content: none;
}

.shop-navigation-item.active + .shop-navigation-item:before {
  content: none;
}

@media only screen and (max-width: 1199px) {
  .shop-navigation .shop-navigation-link {
    padding: 1.125rem 0.625rem;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 1100px) {
  .shop-navigation-active-icon {
    right: 3.40625rem;
  }
}

@media only screen and (max-width: 991px) {
  .shop-navigation-large {
    display: none;
  }
  .shop-navigation-small {
    display: block;
  }
  .shop-navigation {
    height: 110px;
    padding: 1.25rem;
  }
  .shop-navigation:before {
    left: -1.25rem;
  }
  .shop-navigation .select-wrapper {
    margin-top: 0.9375rem;
  }
}

/******************************************
SITE FOOTER
******************************************/
.site-footer {
  border-top: 0.125rem solid #2E3192;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin-top: 3.75rem;
  padding-top: 3.375rem;
}

.site-footer .tablet,
.site-footer .mobile {
  display: none;
}

.site-footer .partWidth {
  margin-left: 4.375rem;
}

.site-footer-divider {
  width: 100%;
  height: 0;
  border-top: solid 0.0625rem #e4e4e5;
  margin: 1.875rem 0;
}

.site-footer-heading {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.8125rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.site-footer-link-list a {
  color: #2E3192;
  text-decoration: none;
}

.site-footer-link-list li {
  margin-bottom: 0.9375rem;
}

.site-footer-link-list li:last-of-type {
  margin-bottom: 0;
}

.clearfix-md,
.clearfix-sm {
  display: none;
}

.clearfix-md:after,
.clearfix-sm:after {
  content: "";
  display: table;
  clear: both;
}

.to-top {
  background: #F0F0F0;
  text-align: right;
}

.to-top__link {
  color: #414042;
  font-size: 0.875rem;
  line-height: 2.5rem;
  text-decoration: none;
}

.to-top__link:active, .to-top__link:focus {
  color: #414042;
}

.to-top__link span {
  text-decoration: underline;
}

.to-top__link:hover,
.to-top__link:hover .to-top__link__icon {
  text-decoration: none;
}

.to-top__icon {
  position: relative;
  top: 0.125rem;
  margin-left: 0.3125rem;
  font-size: 0.75rem;
}

.site-footer-top {
  padding-bottom: 2.25rem;
}

.site-footer-bottom {
  padding: 1.4375rem 0;
  background: #F5F5F5;
}

.site-footer-bottom .site-footer-divider {
  border-color: #c7c8ca;
}

.site-footer-hotlinks-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.site-footer-hotlinks-wrapper .u-table-cell {
  vertical-align: top;
}

.hotlink {
  float: right;
}

.site-footer-site-links {
  width: 22.5%;
}

.site-footer-site-links li {
  padding-right: 1.25rem;
}

.site-footer-social-links-heading {
  font-size: 1.125rem;
  color: #2E3192;
  margin-bottom: 1.25rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.site-footer-social-link-icon:before {
  font-size: 1.5rem;
  color: #E40089;
}

.site-footer-social-link-text {
  position: relative;
  top: -0.375rem;
  margin-left: 0.9375rem;
}

.u-table-cell:last-of-type .site-footer-social-link-list:last-of-type {
  position: relative;
  top: 0.3125rem;
}

.site-footer-newsletter-subscription-form {
  height: 6.25rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: rgba(191, 235, 251, 0.5);
  margin: 1.875rem 0 0;
  margin-bottom: 2.375rem;
}

.site-footer-newsletter-subscription-form .u-table {
  height: 100%;
}

.site-footer-newsletter-subscription-form .u-table-cell {
  padding-left: 1.25rem;
  vertical-align: middle;
}

.site-footer-newsletter-subscription-form .u-table-cell:last-of-type {
  padding-right: 1.25rem;
}

.site-footer-newsletter-subscription-form .site-footer-heading {
  margin-bottom: 0;
}

.site-footer-newsletter-subscription-form .field-validation-error {
  font-size: 0.875rem;
}

.site-footer-newsletter-subscription-email,
.site-footer-newsletter-subscription-submit {
  margin-bottom: 0 !important;
}

.site-footer-newsletter-subscription-email.input-validation-error {
  margin-top: 1.5625rem;
}

.site-footer-newsletter-subscription-submit {
  width: 100%;
}

.site-footer-newsletter-subscription-link {
  color: #2E3192;
  text-decoration: underline;
  font-size: 0.875rem;
}

.site-footer-newsletter-subscription-heading-cell {
  width: 35%;
}

.site-footer-newsletter-subscription-email-cell {
  width: 35%;
}

.site-footer-newsletter-subscription-link-cell {
  width: 19%;
}

/*Responsive for validation message*/
@media only screen and (max-width: 1115px) {
  .site-footer-newsletter-subscription-heading-cell {
    width: 32%;
  }
  .site-footer-newsletter-subscription-email-cell {
    width: 40%;
  }
  .site-footer-newsletter-subscription-link-cell {
    width: 17%;
  }
}

@media only screen and (max-width: 1035px) {
  .site-footer-newsletter-subscription-heading-cell {
    width: 27%;
  }
  .site-footer-newsletter-subscription-heading-cell .site-footer-heading {
    font-size: 1rem;
  }
  .site-footer-newsletter-subscription-email-cell {
    width: 46%;
  }
}

.site-footer-contact-details .u-table-cell {
  padding-right: 1.25rem;
}

.site-footer-contact-details .u-table-cell ul {
  list-style: none;
}

.site-footer-contact-details .u-table-cell ul li {
  margin-bottom: 0.625rem;
}

.site-footer-contact-details .u-table-cell:last-of-type {
  padding-right: 0;
}

.site-footer-contact-details a {
  color: #414042;
  text-decoration: underline;
  word-break: break-all;
}

.site-footer-contact-details p {
  margin-bottom: 0.625rem;
}

.site-footer-contact-details .site-footer-heading {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

.site-footer-contact-details .site-footer-heading.mobile {
  display: none;
}

.site-footer-contact-details-content-wrapper p:last-of-type:not(.site-footer-heading) {
  margin-bottom: 0;
}

.site-footer-contact-details-splitter {
  display: none;
}

.site-footer-charity-details p {
  margin-bottom: 0.9375rem;
}

@media only screen and (max-width: 1199px) {
  .site-footer .partWidth {
    margin-left: 0;
  }
  .site-footer-hotlinks-wrapper.u-table {
    display: block;
  }
  .site-footer-hotlinks-wrapper .u-table,
  .site-footer-hotlinks-wrapper .u-table-cell {
    display: inline-block;
    width: 25%;
    float: left;
  }
  .site-footer-hotlinks-wrapper .site-footer-logo-cell.u-table-cell {
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
  }
  .site-footer-hotlinks-wrapper .hotlink {
    display: block;
    margin: 0 auto;
    float: none;
  }
  .site-footer-newsletter-subscription-form {
    padding-left: 0;
    padding-right: 0;
  }
  .site-footer-newsletter-subscription-submit {
    float: right;
    width: 11.25rem;
  }
  .site-footer-contact-details-content-wrapper {
    display: block;
  }
  [class*='site-footer-contact-details-'].u-table-cell {
    width: 50%;
    padding: 0 1.25rem 0 0;
    display: inline-block;
    margin: 1.875rem 0;
    float: left;
  }
  .site-footer-contact-details-headings-wrapper {
    display: none !important;
  }
  .site-footer-contact-details .site-footer-heading.mobile {
    display: block;
  }
  .site-footer-contact-details-splitter {
    display: block;
  }
}

@media only screen and (max-width: 949px) {
  .site-footer .clearfix-md {
    display: block;
  }
  .site-footer .hotlink {
    width: 100%;
    float: none;
    margin: 0;
    margin-right: 1.25rem;
    padding: 0.75rem 0.9375rem 0;
    text-align: center;
  }
  .site-footer .hotlink-content-wrapper {
    margin: auto;
  }
  .site-footer .hotlink.donation .hotlink-content-wrapper {
    font-size: 1.125rem;
  }
  .site-footer-hotlinks-wrapper .u-table-cell {
    width: 50%;
    float: left;
    margin-top: 0.9375rem;
  }
  .site-footer-hotlinks-wrapper .u-table-cell:nth-of-type(2),
  .site-footer-hotlinks-wrapper .u-table-cell:nth-of-type(3) {
    margin-top: 1.9375rem;
  }
  .site-footer-hotlinks-wrapper .u-table-cell:not(.site-footer-logo-cell):nth-of-type(2n) {
    padding-right: 0.4375rem;
  }
  .site-footer-hotlinks-wrapper .u-table-cell:not(.site-footer-logo-cell):nth-of-type(2n+1) {
    padding-left: 0.4375rem;
  }
  .site-footer-social-links-clearfix:after {
    content: "";
    display: table;
    clear: both;
  }
  .site-footer-site-links-table {
    display: block;
  }
  .site-footer-site-links,
  .site-footer-social-links {
    width: 33.333%;
    float: left;
    display: block;
  }
  .site-footer-site-links {
    margin-bottom: 1.25rem;
  }
  .site-footer-site-links:last-of-type {
    margin-bottom: 0;
  }
  .site-footer-social-links {
    margin-top: 1.875rem;
  }
  .site-footer-newsletter-subscription-form {
    height: auto;
    padding: 1.25rem;
    margin-bottom: 2.5rem;
  }
  .site-footer-newsletter-subscription-form:after {
    content: "";
    display: table;
    clear: both;
  }
  .site-footer-newsletter-subscription-form .u-table,
  .site-footer-newsletter-subscription-form .u-table-cell {
    display: block;
  }
  .site-footer-newsletter-subscription-form .u-table-cell {
    width: 100%;
    padding-left: 0;
  }
  .site-footer-newsletter-subscription-email {
    margin: 0.625rem 0 !important;
    max-width: none !important;
  }
  .site-footer-newsletter-subscription-link {
    margin-top: 1.75rem;
    display: block;
  }
  .site-footer-newsletter-subscription-email-success-message {
    display: block;
    margin-top: 1.25rem;
  }
  .site-footer-newsletter-subscription-form .field-validation-valid {
    margin-top: 0.3125rem;
  }
}

@media only screen and (max-width: 991px) {
  .site-footer .desktop {
    display: none;
  }
  .site-footer .tablet {
    display: block;
  }
  .site-footer .site-footer-site-links-table.tablet {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .site-footer .site-footer-site-links {
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
        align-self: auto;
    width: auto;
    float: none;
  }
}

@media only screen and (max-width: 768px) {
  .site-footer-top,
  .site-footer-bottom {
    padding-left: 0;
    padding-right: 0;
  }
  .site-footer .partWidth {
    margin-left: 0;
  }
  .site-footer .clearfix-sm {
    display: block;
  }
  .site-footer .desktop,
  .site-footer .tablet {
    display: none !important;
  }
  .site-footer .mobile {
    display: block;
  }
  .site-footer .hotlink-text-wrapper {
    padding-left: 0.375rem;
  }
  .site-footer .site-footer-site-links,
  .site-footer .site-footer-social-links {
    width: 50%;
    float: left;
    padding-right: 1.25rem;
  }
  .site-footer-contact-details .u-table-cell {
    width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 0;
  }
  .site-footer-contact-details .u-table-cell:first-of-type {
    margin-top: 1.25rem;
  }
  .site-footer-contact-details .site-footer-contact-details-content-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
  .site-footer-contact-details ul {
    list-style: none;
  }
  .site-footer-contact-details ul li {
    margin-bottom: 0.75rem;
  }
  [class*='site-footer-contact-details-'].u-table-cell {
    padding: 0;
  }
}

@media only screen and (max-width: 500px) {
  .site-footer-newsletter-subscription-submit {
    width: 100%;
    text-align: center;
    float: none !important;
  }
  .site-footer-newsletter-subscription-submit i {
    display: none;
  }
  .site-footer-newsletter-subscription-link {
    margin-top: 0.875rem;
  }
}

@media only screen and (max-width: 374px) {
  .site-footer-hotlinks-wrapper .u-table-cell {
    width: 100%;
    float: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .site-footer-hotlinks-wrapper .u-table-cell {
    margin-top: 0.9375rem !important;
  }
  .site-footer-site-links,
  .site-footer-social-links {
    width: 100%;
    float: none;
    margin-bottom: 1.25rem;
  }
  .site-footer-social-links:first-of-type {
    margin-bottom: 0.625rem;
  }
  .site-footer-social-links:last-of-type {
    margin-top: 0;
  }
}

/******************************************
AUTOCOMPLETE SEARCH
******************************************/
.autocomplete {
  display: none;
  position: absolute;
  top: 94%;
  left: -0.0625rem;
  z-index: 9;
  width: calc(100% + 102px);
  max-width: calc(100% + 102px);
  padding-top: 0.1875rem;
  background: #ffffff;
  border: 1px solid #E0E0E0;
  border-top: 0;
  border-radius: 0 0 0.5rem 0.5rem;
}

.autocomplete__result {
  list-style: none;
  margin: 0;
  padding: 0.625rem 1.25rem;
  border-top: 0.0625rem solid #D4D4D4;
  border-color: #E0E0E0;
  transition: background-color linear 0.2s;
}

.autocomplete__link {
  display: block;
  color: #414042;
  text-decoration: none;
}

.autocomplete__info {
  padding: 0.625rem 1.25rem;
  background: #E0E0E0;
  font-size: 0.875rem;
  text-align: right;
}

.autocomplete--active {
  display: block;
}

.autocomplete--selected {
  background-color: #00A3D8;
}

.autocomplete--selected .autocomplete__link {
  color: #ffffff;
}

@media only screen and (max-width: 850px) {
  .autocomplete {
    width: calc(100% + 2px);
  }
}

/******************************************
ACCORDIONS
******************************************/
.accordion {
  margin-bottom: 1.75rem;
  border: 0;
}

.accordion .accordion-item {
  margin-bottom: 0;
}

.accordion .accordion-item + .accordion-item {
  border-top: 1px solid #ffffff;
}

.accordion .accordion-item:last-of-type {
  border-bottom: 0.125rem solid #E0E0E0;
}

.accordion .accordion-title,
.accordion .accordion-content {
  background: none;
  border: 0;
}

.accordion .accordion-title {
  padding: 1.5rem 3.75rem 1.5rem 0;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  color: #939598;
  text-decoration: none;
  text-transform: uppercase;
  border-top: 0.125rem solid #E0E0E0;
}

.accordion .accordion-title:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  top: 47%;
  right: 1.25rem;
  color: #2E3192;
  font-size: 1.5rem;
}

.accordion .accordion-content {
  padding: 0;
}

.accordion .accordion-content [class^='link-button-'] {
  font-size: 1rem;
}

.accordion .is-active .accordion-title {
  color: #2E3192;
}

.accordion .is-active .accordion-title:before {
  display: none;
}

.accordion[data-multi-expand="false"][data-allow-all-closed="false"] .is-active .accordion-title {
  cursor: default;
}

/******************************************
CAROUSELS
******************************************/
.hero-carousel {
  position: relative;
  overflow: hidden;
  height: 28.125rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 1.875rem;
}

.hero-carousel * {
  box-sizing: border-box;
}

.hero-carousel.loading {
  background: url("/Content/AHL/images/gif/ajax-loader.gif") no-repeat 50% 50%;
  box-shadow: none;
}

.hero-carousel .slick-dotted {
  margin: 0;
}

.hero-carousel .carousel-slide {
  height: 28.125rem;
  overflow: hidden;
  border-radius: 0.5rem;
}

.hero-carousel .carousel-slide > a {
  display: block;
  height: 100%;
  padding: 1.875rem 5rem;
  overflow: hidden;
}

.hero-carousel .carousel-slide.slide-quote > a {
  padding-right: 0;
}

.hero-carousel .carousel-slide .carousel-content {
  width: 54%;
  padding-top: 1.875rem;
  color: #414042;
}

.hero-carousel .carousel-slide .carousel-content h2,
.hero-carousel .carousel-slide .carousel-content p {
  margin-bottom: 1.875rem;
}

.hero-carousel .carousel-slide .carousel-content h2 {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  color: #2E3192;
}

.hero-carousel .carousel-slide .carousel-content p {
  font-size: 1.125rem;
}

.hero-carousel .carousel-slide.slide-quote .carousel-content {
  width: 57%;
}

.hero-carousel .carousel-slide .carousel-product-name,
.hero-carousel .carousel-slide .carousel-product-price,
.hero-carousel .carousel-slide .carousel-product-price-vat {
  display: block;
  margin-bottom: 1rem;
}

.hero-carousel .carousel-slide .carousel-product-name {
  color: #00A3D8;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
}

.hero-carousel .carousel-slide .carousel-product-price {
  color: #E40089;
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
}

.hero-carousel .carousel-slide .carousel-product-price-vat {
  font-size: 1rem;
}

.hero-carousel .carousel-slide .carousel-image {
  width: 40%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.hero-carousel .carousel-slide .carousel-image img {
  max-height: 100%;
  float: right;
}

.hero-carousel .carousel-slide.slide-text-image .carousel-content, .hero-carousel .carousel-slide.slide-quote .carousel-content {
  float: left;
}

.hero-carousel .carousel-slide.slide-text-image .carousel-image, .hero-carousel .carousel-slide.slide-quote .carousel-image {
  float: right;
}

.hero-carousel .carousel-slide.slide-image {
  background: #F0F0F0;
  /* Responsive Images */
}

.hero-carousel .carousel-slide.slide-image > a {
  padding: 0;
}

.hero-carousel .carousel-slide.slide-image .carousel-image {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: none;
}

.hero-carousel .carousel-slide.slide-image .carousel-image img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  min-width: 100%;
  max-width: none;
  min-height: 28.125rem;
}

.hero-carousel .carousel-slide.slide-image.responsive-picture {
  display: block;
}

.hero-carousel .carousel-slide.slide-image.responsive-picture > a {
  display: table;
}

.hero-carousel .carousel-slide.slide-image.responsive-picture .carousel-image {
  display: table-cell;
  vertical-align: middle;
}

.hero-carousel .carousel-slide.slide-image.responsive-picture .carousel-image img {
  position: static;
  -ms-transform: none;
      transform: none;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  width: 100%;
}

.hero-carousel .carousel-slide.slide-quote .carousel-content {
  position: relative;
  padding-top: 3.75rem;
  padding-right: 3.5rem;
}

.hero-carousel .carousel-slide.slide-quote .carousel-content:before, .hero-carousel .carousel-slide.slide-quote .carousel-content:after {
  content: "";
  display: block;
  position: absolute;
  width: 3.5rem;
  height: 2.5rem;
  background-size: 50% 100%;
}

.hero-carousel .carousel-slide.slide-quote .carousel-content:before {
  top: 0;
  left: -3.5rem;
  background-image: url("/Content/AHL/images/svg/quote-white-top.svg");
}

.hero-carousel .carousel-slide.slide-quote .carousel-content:after {
  bottom: -1.25rem;
  right: 0;
  background-image: url("/Content/AHL/images/svg/quote-white-bottom.svg");
}

.hero-carousel .carousel-slide.blue-choice .carousel-content, .hero-carousel .carousel-slide.pink-choice .carousel-content, .hero-carousel .carousel-slide.purple-choice .carousel-content, .hero-carousel .carousel-slide.purple-to-pink-choice .carousel-content, .hero-carousel .carousel-slide.pink-to-dark-pink-choice .carousel-content, .hero-carousel .carousel-slide.blue-to-purple-choice .carousel-content, .hero-carousel [id^='faq-radio-']:checked + label.carousel-slide[for].faq-button .carousel-content {
  color: #ffffff;
}

.hero-carousel .carousel-slide.blue-to-purple-choice, .hero-carousel [id^='faq-radio-']:checked + label.carousel-slide[for].faq-button {
  background: url("/Content/AHL/images/png/swoop-white.png") no-repeat 100% 100%, linear-gradient(260deg, #2E3192, #00A3D8);
}

.hero-carousel .carousel-slide.purple-to-pink-choice {
  background: url("/Content/AHL/images/png/swoop-black.png") no-repeat 100% 100%, linear-gradient(90deg, #2E3192, #E40089);
}

.hero-carousel .carousel-slide.light-grey-choice {
  background: linear-gradient(113deg, #f5f5f5, rgba(227, 227, 227, 0.7));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5f5f5', endColorstr='rgba(227, 227, 227, 0.7)');
  /*For IE7-8-9*/
}

.hero-carousel .carousel-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3.75rem;
  opacity: 0;
  transition: opacity linear .2s;
  z-index: 1000;
}

.hero-carousel .slick-dots {
  bottom: 1.25rem;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: auto;
  height: 3.75rem;
  padding: 1.5rem 3.75rem;
  background: #ffffff;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
}

.hero-carousel .slick-dots li {
  width: auto;
  margin: 0 0.1875rem;
  vertical-align: top;
}

.hero-carousel .slick-dots li button {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
  padding: 0;
  background: #2E3192;
  border-radius: 0.5rem;
  transition: all linear .3s;
}

.hero-carousel .slick-dots li.slick-active button {
  width: 3.375rem;
  background: #E40089;
}

.hero-carousel:hover .carousel-controls {
  opacity: 1;
}

.hero-carousel .slick-prev,
.hero-carousel .slick-next {
  top: 20%;
  z-index: 10;
}

.hero-carousel .slick-prev:before,
.hero-carousel .slick-next:before {
  font-family: "AOHL-Icons";
  color: #2E3192;
  opacity: 1;
}

.hero-carousel .slick-prev {
  left: 1rem;
}

.hero-carousel .slick-prev:before {
  content: "\EA02";
}

.hero-carousel .slick-next {
  right: 1rem;
}

.hero-carousel .slick-next:before {
  content: "\EA03";
}

/* Touch device styles */
.touch .hero-carousel .carousel-controls {
  opacity: 1;
}

/*Experience Editor styles */
.is-in-editing-mode .carousel-wrapper {
  display: block !important;
}

.is-in-editing-mode .hero-carousel {
  height: 100%;
}

.is-in-editing-mode .hero-carousel.loading {
  background: none;
}

/* Large-8 column styles */
.row-wrapper > .row > .large-8 .hero-carousel,
.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide {
  height: 30rem;
}

.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide.slide-image .carousel-image img {
  min-height: 30rem;
}

.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide:not(.slide-quote):not(.slide-image) > a {
  padding-top: 1.875rem;
}

.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide.slide-quote .carousel-content:before,
.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide.slide-quote .carousel-content:after {
  width: 2rem;
  height: 1.875rem;
}

.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide .carousel-content {
  padding-top: 0;
}

.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide .carousel-content h2,
.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide .carousel-content .carousel-product-price {
  font-size: 1.875rem;
}

.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide .carousel-content .carousel-content h2,
.row-wrapper > .row > .large-8 .hero-carousel .carousel-slide .carousel-content .carousel-content p {
  margin-bottom: 1rem;
}

.row-wrapper > .row > .large-8 .hero-carousel .slick-dots {
  bottom: 0.9375rem;
}

.row-wrapper > .row > .large-8 .hero-carousel .slick-prev,
.row-wrapper > .row > .large-8 .hero-carousel .slick-next {
  top: 25%;
}

.is-in-editing-mode .carousel-slide.slide-image figure {
  height: 450px !important;
}

.is-in-editing-mode .row-wrapper > .row > .large-8 .hero-carousel,
.is-in-editing-mode .row-wrapper > .row > .large-8 .hero-carousel .carousel-slide {
  height: auto;
}

.is-in-editing-mode .large-8 .hero-carousel .slide-image img {
  position: static !important;
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  min-width: auto;
  min-height: auto;
  -ms-transform: none;
      transform: none;
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
  .row-wrapper > .row > .large-8 .hero-carousel .carousel-slide .carousel-content {
    width: 100%;
  }
  .row-wrapper > .row > .large-8 .hero-carousel .carousel-slide.slide-text-image .carousel-image, .row-wrapper > .row > .large-8 .hero-carousel .carousel-slide.slide-quote .carousel-image {
    display: none;
  }
  .row-wrapper > .row > .large-8 .hero-carousel .carousel-slide.slide-quote > a {
    padding-right: 1.875rem;
  }
}

/* General Carousel Responsive styles */
@media only screen and (max-width: 1200px) {
  .hero-carousel .carousel-slide .carousel-content {
    padding-top: 0;
  }
  .hero-carousel .carousel-slide .carousel-content h2,
  .hero-carousel .carousel-slide .carousel-content .carousel-product-price {
    font-size: 1.875rem;
  }
  .hero-carousel .carousel-slide .carousel-content p {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 1000px) {
  .hero-carousel .carousel-slide.slide-quote .carousel-content:before,
  .hero-carousel .carousel-slide.slide-quote .carousel-content:after {
    width: 2rem;
    height: 1.875rem;
  }
  .hero-carousel .carousel-slide .carousel-content {
    width: 55%;
  }
  .hero-carousel .carousel-slide .carousel-content h2,
  .hero-carousel .carousel-slide .carousel-content p {
    margin-bottom: 1rem;
  }
  .hero-carousel .carousel-slide > a {
    padding: 2.5rem 1.875rem 4.375rem;
  }
  .hero-carousel .carousel-slide.slide-quote > a {
    padding-left: 5rem;
  }
  .hero-carousel .carousel-slide.slide-quote > a .carousel-content {
    padding-top: 1.875rem;
  }
  .hero-carousel .slick-dots {
    bottom: 0.9375rem;
  }
  .hero-carousel .slick-prev,
  .hero-carousel .slick-next {
    top: 25%;
  }
}

@media only screen and (max-width: 768px) {
  .hero-carousel {
    height: 28.125rem !important;
  }
  .hero-carousel .carousel-slide {
    height: 28.125rem !important;
  }
  .hero-carousel .carousel-slide > a {
    padding-top: 1.25rem;
  }
}

@media only screen and (max-width: 600px) {
  .hero-carousel .carousel-slide .carousel-content {
    width: 100% !important;
    float: left;
  }
  .hero-carousel .carousel-slide.slide-quote > a .carousel-content {
    padding-top: 3.75rem;
    padding-right: 0;
  }
  .hero-carousel .carousel-slide.slide-text-image .carousel-image, .hero-carousel .carousel-slide.slide-quote .carousel-image {
    display: none;
  }
  .hero-carousel .carousel-slide.slide-quote > a,
  .hero-carousel .carousel-slide.slide-text-image > a {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  .hero-carousel .carousel-slide.slide-quote > a .carousel-content:before,
  .hero-carousel .carousel-slide.slide-text-image > a .carousel-content:before {
    left: 0;
    top: 0.625rem;
  }
}

@media only screen and (max-width: 500px) {
  .hero-carousel {
    overflow: initial;
  }
  .hero-carousel .carousel-slide {
    box-shadow: none;
  }
  .hero-carousel .carousel-slide.slide-quote > a .carousel-content {
    padding-top: 2.5rem;
  }
  .hero-carousel .carousel-slide.slide-quote > a .carousel-content:before {
    top: -0.625rem;
  }
  .hero-carousel .carousel-slide .carousel-content {
    font-size: 80%;
  }
  .hero-carousel .carousel-slide .carousel-content h2,
  .hero-carousel .carousel-slide .carousel-content .carousel-product-price {
    font-size: 1.5rem;
  }
  .hero-carousel .carousel-slide .carousel-content p {
    font-size: 0.9375rem;
  }
  .hero-carousel .carousel-slide .carousel-content .carousel-product-name {
    font-size: 1.125rem;
  }
  .hero-carousel .carousel-slide .carousel-content .carousel-product-name,
  .hero-carousel .carousel-slide .carousel-content .carousel-product-price,
  .hero-carousel .carousel-slide .carousel-content .carousel-product-price-vat {
    margin-bottom: 0;
  }
  .hero-carousel .carousel-slide > a {
    padding-top: 2.5rem;
  }
  .hero-carousel .carousel-controls {
    width: 100%;
  }
  .hero-carousel .slick-dots {
    width: 90%;
  }
  .hero-carousel .slick-dots li {
    margin: 0 0.375rem;
  }
  .hero-carousel .slick-prev {
    left: 0.625rem;
  }
  .hero-carousel .slick-next {
    right: 0.625rem;
  }
}

@media only screen and (max-width: 360px) {
  .hero-carousel .slick-dots {
    padding: 1.5rem 2.75rem;
  }
  .hero-carousel .slick-dots .slick-prev {
    left: 0.625rem;
  }
  .hero-carousel .slick-dots .slick-next {
    right: 0.625rem;
  }
}

/******************************************
BREADCRUMBS
******************************************/
.breadcrumb {
  display: inline-block;
  margin-top: 0.375rem !important;
  margin-bottom: 0.625rem !important;
}

.breadcrumb li,
.breadcrumb a {
  font-size: 0.875rem;
  color: #414042;
  text-transform: none;
  float: left;
}

.breadcrumb li:not(:last-child)::after {
  content: '>';
  margin: 0 0.625rem;
  color: #c7c8ca;
}

.breadcrumb li:last-child a {
  text-decoration: none;
}

.breadcrumb li:last-child a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .breadcrumb li {
    line-height: 2;
  }
}

/******************************************
TABS
******************************************/
.tab-heading-wrapper {
  width: 100%;
  text-align: center;
  margin-bottom: 1.875rem;
  display: none;
}

.tab-heading-wrapper .tab-heading {
  display: none;
}

.tab-wrapper {
  margin-bottom: 1.875rem;
}

.tab-wrapper > ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  list-style: none;
  padding: 0;
  border: 0;
  height: 100%;
}

.tab-wrapper > ul li {
  display: table-cell;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  top: 1px;
  z-index: 2;
  height: 100%;
  vertical-align: bottom;
}

.tab-wrapper > ul li + li {
  padding: 0 0 0 0.4375rem;
}

.tab-wrapper > ul li a {
  display: block;
  height: 100%;
  line-height: 3.6875rem;
  padding: 0;
  background: #F5F5F5;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #414042;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3125rem;
  text-align: center;
  text-decoration: none;
  transition: none;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
}

.tab-wrapper > ul li a span {
  display: block;
  line-height: 1.1;
  vertical-align: middle;
  padding: 0.625rem;
}

.tab-wrapper > ul li.active a {
  z-index: 2;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
}

.tab-wrapper > ul li:not(.active) a {
  border: 1px solid #e5e5e5;
}

.tab-wrapper .tab-container {
  position: relative;
  clear: both;
  border-top: 1px solid #e5e5e5;
}

.tab-wrapper .tab-container > .tab-content {
  display: none;
  padding: 1.875rem;
  border: 1px solid #e5e5e5;
  border-top: none;
  border-radius: 0 0 0.25rem 0.25rem;
}

.tab-wrapper .accordion-heading {
  display: none;
}

/* TABS RESPONSIVE
---------------------------------*/
@media only screen and (max-width: 1140px) {
  .tab-wrapper > ul li a {
    font-size: 1.125rem;
  }
}

@media only screen and (max-width: 768px) {
  .tab-heading-wrapper {
    display: block;
  }
  .accordion-mobile.tab-wrapper {
    margin-bottom: 1.875rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .accordion-mobile.tab-wrapper > ul {
    display: none;
  }
  .accordion-mobile.tab-wrapper .tab-container {
    background: none;
    box-shadow: none;
    border-top: none;
  }
  .accordion-mobile.tab-wrapper .tab-container .open.accordion-heading:before {
    content: "";
    font-family: 'AOHL-Icons', arial, sans-serif;
    top: 2.1875rem;
  }
  .accordion-mobile.tab-wrapper .tab-container .accordion-heading {
    display: block;
    color: black;
    position: relative;
    margin-top: 0.25rem;
    padding: 1.25rem;
    font-size: 1.25rem;
    background: #F5F5F5;
    cursor: pointer;
    font-family: 'Gotham-Medium', arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    border-top: 2px solid transparent;
    transition: all .5s ease;
  }
  .accordion-mobile.tab-wrapper .tab-container .accordion-heading:before {
    content: "";
    font-family: 'AOHL-Icons', arial, sans-serif;
    position: absolute;
    color: #2E3192;
    top: 1.5rem;
    right: 1.25rem;
    margin-top: -0.5rem;
    font-size: 1.5625rem;
    transition: top .5s ease;
  }
  .accordion-mobile.tab-wrapper .tab-container .accordion-heading.open {
    background: white;
    border-top: 2px solid #D4D4D4;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
  .accordion-mobile.tab-wrapper .tab-container .accordion-heading.open + .tab-content .tab-content-inner {
    margin-bottom: 20px;
  }
  .accordion-mobile.tab-wrapper .tab-container .tab-content {
    display: block !important;
    overflow: hidden;
    max-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: max-height ease 0;
  }
  .accordion-mobile.tab-wrapper .tab-container .tab-content .tab-content-inner {
    padding: 0 1.25rem;
    transition: all .5s ease;
  }
  .accordion-mobile.tab-wrapper .tab-container .tab-content .tab-content-inner .accordion-content-heading {
    font-size: 1.125rem;
  }
  .accordion-mobile.tab-wrapper .tab-container .tab-content > *:last-child {
    margin: 0;
  }
  .accordion-mobile.tab-wrapper .tab-container .accordion-heading + .tab-content {
    transition: all ease .5s;
  }
  .accordion-mobile.tab-wrapper .tab-container .accordion-heading.open + .tab-content {
    max-height: 125rem;
    transition: all ease .5s .1s;
  }
}

@media only screen and (max-width: 650px) {
  .tab-wrapper .tab-container .tab-content {
    font-size: 1rem;
  }
  .tab-wrapper .tab-container .tab-content .tab-content-inner {
    padding: 0.125rem;
  }
}

@media only screen and (max-width: 430px) {
  .tab-wrapper .tab-container .tab-content {
    font-size: 0.875rem;
  }
}

/******************************************
PRODUCT CARDS
******************************************/
.product-card {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  position: relative;
  border-radius: 0.5rem;
  border: 0.0625rem solid #D4D4D4;
  height: 100%;
}

.product-card.has-comparison-footer {
  padding-bottom: 2.9375rem;
}

.product-card p {
  margin-bottom: 0.3125rem;
}

.product-card a,
.product-card a:hover,
.product-card a:focus,
.product-card a:active,
.product-card a:visited {
  text-decoration: none;
}

.product-card .show-horizontal {
  display: none !important;
}

.product-card-image-wrapper {
  max-height: 11.25rem;
  position: relative;
  display: block;
}

.product-card-image,
.product-card-image img {
  max-width: 100%;
  max-height: 11.25rem;
  margin: 0 auto;
  display: block;
}

.product-card-details {
  padding: 1.25rem;
}

.product-card-details-price-wrapper {
  padding-right: 0;
}

.product-card-details-previous-price {
  font-size: 1.125rem;
  color: #939598;
  text-decoration: line-through;
}

.product-card-details-icons-wrapper {
  padding-left: 0;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.product-card-details-icons-wrapper .tooltip-button {
  float: right;
}

.product-card-details-icons-wrapper .tooltip-button:nth-of-type(3) {
  clear: both;
}

.product-card-details-icons-wrapper.product-card-details-icons-wrapper-reduced {
  padding-left: 1.25rem;
}

.product-card-details-icons-wrapper.product-card-details-icons-wrapper-reduced .tooltip-button {
  float: none;
}

.product-card-details-icons-wrapper.product-card-details-icons-wrapper-reduced .tooltip-button .tooltip-icon {
  margin-bottom: 0;
}

.product-card-details-icons-wrapper.product-card-details-icons-wrapper-reduced img {
  float: left;
}

.product-card-details-icons-wrapper img {
  width: 1.5rem;
  display: block;
  color: #2E3192;
  margin-bottom: 0.3125rem;
  float: right;
}

.product-card-details-icons-wrapper img:nth-of-type(2n - 1) {
  margin-left: 0.375rem;
}

.product-card-details-icons-wrapper img:nth-of-type(3) {
  clear: right;
}

.product-card-details-price {
  color: #00A3D8;
}

.product-card-details-price.product-card-reduced {
  color: #E40089;
}

.product-card-details-price.reduced-price-true {
  font-size: 1.5rem;
  color: #E40089;
}

.product-card-details-price-vat {
  font-size: 1rem;
  color: #414042;
}

.product-card-ribbon {
  position: absolute;
  top: 10.625rem;
  background: #00A3D8;
  padding: 0 1.25rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
  border-bottom-left-radius: 0 !important;
  left: -0.625rem;
  line-height: 1.875rem;
  border-radius: 0.125rem;
  top: auto;
  bottom: -0.9375rem;
}

.product-card-ribbon:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #007ca6;
}

.product-card-ribbon:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  left: 0;
}

.product-card-ribbon:before {
  top: 1.8125rem;
}

.product-card-ribbon.orange-choice {
  background-color: #ED8B00;
}

.product-card-ribbon.orange-choice:before {
  border-bottom-color: #a15e00;
}

.product-card-ribbon.green-choice {
  background-color: #3A913F;
}

.product-card-ribbon.green-choice:before {
  border-bottom-color: #245e26;
}

.product-card-ribbon.pink-choice {
  background-color: #E40089;
}

.product-card-ribbon.pink-choice:before {
  border-bottom-color: #CA0078;
}

.product-card-ribbon.blue-choice {
  background-color: #00A3D8;
}

.product-card-ribbon.blue-choice:before {
  border-bottom-color: #057FB1;
}

.product-card-ribbon.purple-choice {
  background-color: #2E3192;
}

.product-card-ribbon.purple-choice:before {
  border-bottom-color: #2b2e88;
}

.product-card-ribbon.grey-choice {
  background-color: #D4D4D4;
}

.product-card-ribbon.grey-choice:before {
  border-bottom-color: #666666;
}

.product-card-ribbon.light-grey-choice {
  background-color: #E0E0E0;
}

.product-card-ribbon.light-grey-choice:before {
  border-bottom-color: #D4D4D4;
}

.product-card-ribbon.very-light-grey-choice {
  background-color: #F0F0F0;
}

.product-card-ribbon.very-light-grey-choice:before {
  border-bottom-color: #D4D4D4;
}

.product-card-ribbon .tooltip-button {
  position: relative;
  top: -0.0625rem;
}

.product-card-comparison {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
  background: #F0F0F0;
  border-top: 0.0625rem solid #D4D4D4;
  padding: 0.625rem 0;
  height: 2.9375rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-card-comparison:after {
  content: "";
  display: table;
  clear: both;
}

.product-card-comparison fieldset {
  margin-bottom: 0;
}

label.product-card-comparison-label,
.product-card-comparison-view-comparison-link {
  font-size: 0.875rem;
}

.product-card-comparison-view-comparison-link {
  position: relative;
  top: -0.3125rem;
  display: none;
}

.product-card-comparison-label-text {
  position: relative;
  top: -0.0625rem;
}

.product-card-comparison-view-comparison-checkbox:checked + .product-card-comparison-label {
  margin-right: 0;
}

.product-card-comparison-view-comparison-checkbox:checked + .product-card-comparison-label:before {
  margin-right: 0.375rem;
}

.product-card-comparison-view-comparison-checkbox:checked + .product-card-comparison-label + .product-card-comparison-view-comparison-link {
  display: inline-block;
}

.product-card-comparison-view-comparison-checkbox:checked + .product-card-comparison-label .product-card-comparison-label-text {
  display: none;
}

@media only screen and (min-width: 375px) {
  .product-card-horizontal {
    margin-left: auto;
    width: 100%;
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
    display: table;
  }
  .product-card-horizontal.has-ribbon {
    min-height: 12.5rem;
  }
  .product-card-horizontal .product-card-inner-wrapper {
    display: table;
    table-layout: fixed;
    padding-right: 0.625rem;
    width: 100%;
  }
  .product-card-horizontal .show-horizontal {
    display: block !important;
  }
  .product-card-horizontal .hide-horizontal {
    display: none !important;
  }
  .product-card-horizontal .product-card-image-wrapper {
    display: table-cell;
    width: 10rem;
    vertical-align: top;
    padding-bottom: 2.5rem;
  }
  .product-card-horizontal .product-card-details {
    display: table-cell;
    padding-top: 0.625rem;
    vertical-align: top;
    padding-right: 0;
    padding-bottom: 0;
  }
  .product-card-horizontal .product-card-details-name {
    font-size: 1.125rem;
  }
  .product-card-horizontal .product-card-details-price {
    font-size: 1.25rem;
  }
  .product-card-horizontal .product-card-details-price-vat {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  .product-card-horizontal .rating-count {
    font-size: 0.875rem;
  }
  .product-card-horizontal .product-card-details-icons-wrapper {
    padding-left: 0;
  }
  .product-card-horizontal .product-card-details-icons-wrapper.show-horizontal {
    margin-top: 0.625rem;
  }
  .product-card-horizontal .product-card-details-icons-wrapper > img,
  .product-card-horizontal .product-card-details-icons-wrapper .tooltip-button {
    float: left;
    margin-left: 0;
    margin-right: 0.375rem;
  }
  .product-card-horizontal + [class^='button-'] {
    position: relative;
    left: 10rem;
    margin-bottom: 0;
  }
  .product-card-horizontal .product-card-ribbon {
    position: absolute;
    top: 9.6875rem;
    background: #00A3D8;
    padding: 0 1.25rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 2;
    border-bottom-left-radius: 0 !important;
    left: -0.625rem;
    line-height: 1.875rem;
    border-radius: 0.125rem;
    top: auto;
    bottom: auto;
  }
  .product-card-horizontal .product-card-ribbon:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #007ca6;
  }
  .product-card-horizontal .product-card-ribbon:before {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    left: 0;
  }
  .product-card-horizontal .product-card-ribbon:before {
    top: 1.8125rem;
  }
}

@media only screen and (max-width: 768px) and (min-width: 375px) {
  .product-card.horizontal-mobile {
    margin-left: auto;
    width: 100%;
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
    display: table;
  }
  .product-card.horizontal-mobile.has-ribbon {
    min-height: 12.5rem;
  }
  .product-card.horizontal-mobile .product-card-inner-wrapper {
    display: table;
    table-layout: fixed;
    padding-right: 0.625rem;
    width: 100%;
  }
  .product-card.horizontal-mobile .show-horizontal {
    display: block !important;
  }
  .product-card.horizontal-mobile .hide-horizontal {
    display: none !important;
  }
  .product-card.horizontal-mobile .product-card-image-wrapper {
    display: table-cell;
    width: 10rem;
    vertical-align: top;
    padding-bottom: 2.5rem;
  }
  .product-card.horizontal-mobile .product-card-details {
    display: table-cell;
    padding-top: 0.625rem;
    vertical-align: top;
    padding-right: 0;
    padding-bottom: 0;
  }
  .product-card.horizontal-mobile .product-card-details-name {
    font-size: 1.125rem;
  }
  .product-card.horizontal-mobile .product-card-details-price {
    font-size: 1.25rem;
  }
  .product-card.horizontal-mobile .product-card-details-price-vat {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  .product-card.horizontal-mobile .rating-count {
    font-size: 0.875rem;
  }
  .product-card.horizontal-mobile .product-card-details-icons-wrapper {
    padding-left: 0;
  }
  .product-card.horizontal-mobile .product-card-details-icons-wrapper.show-horizontal {
    margin-top: 0.625rem;
  }
  .product-card.horizontal-mobile .product-card-details-icons-wrapper > img,
  .product-card.horizontal-mobile .product-card-details-icons-wrapper .tooltip-button {
    float: left;
    margin-left: 0;
    margin-right: 0.375rem;
  }
  .product-card.horizontal-mobile + [class^='button-'] {
    position: relative;
    left: 10rem;
    margin-bottom: 0;
  }
  .product-card.horizontal-mobile .product-card-ribbon {
    position: absolute;
    top: 9.6875rem;
    background: #00A3D8;
    padding: 0 1.25rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 2;
    border-bottom-left-radius: 0 !important;
    left: -0.625rem;
    line-height: 1.875rem;
    border-radius: 0.125rem;
    top: auto;
    bottom: auto;
  }
  .product-card.horizontal-mobile .product-card-ribbon:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #007ca6;
  }
  .product-card.horizontal-mobile .product-card-ribbon:before {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    left: 0;
  }
  .product-card.horizontal-mobile .product-card-ribbon:before {
    top: 1.8125rem;
  }
}

@media only screen and (max-width: 550px) and (min-width: 375px) {
  .product-card.horizontal-mobile-xs {
    margin-left: auto;
    width: 100%;
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
    display: table;
  }
  .product-card.horizontal-mobile-xs.has-ribbon {
    min-height: 12.5rem;
  }
  .product-card.horizontal-mobile-xs .product-card-inner-wrapper {
    display: table;
    table-layout: fixed;
    padding-right: 0.625rem;
    width: 100%;
  }
  .product-card.horizontal-mobile-xs .show-horizontal {
    display: block !important;
  }
  .product-card.horizontal-mobile-xs .hide-horizontal {
    display: none !important;
  }
  .product-card.horizontal-mobile-xs .product-card-image-wrapper {
    display: table-cell;
    width: 10rem;
    vertical-align: top;
    padding-bottom: 2.5rem;
  }
  .product-card.horizontal-mobile-xs .product-card-details {
    display: table-cell;
    padding-top: 0.625rem;
    vertical-align: top;
    padding-right: 0;
    padding-bottom: 0;
  }
  .product-card.horizontal-mobile-xs .product-card-details-name {
    font-size: 1.125rem;
  }
  .product-card.horizontal-mobile-xs .product-card-details-price {
    font-size: 1.25rem;
  }
  .product-card.horizontal-mobile-xs .product-card-details-price-vat {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  .product-card.horizontal-mobile-xs .rating-count {
    font-size: 0.875rem;
  }
  .product-card.horizontal-mobile-xs .product-card-details-icons-wrapper {
    padding-left: 0;
  }
  .product-card.horizontal-mobile-xs .product-card-details-icons-wrapper.show-horizontal {
    margin-top: 0.625rem;
  }
  .product-card.horizontal-mobile-xs .product-card-details-icons-wrapper > img,
  .product-card.horizontal-mobile-xs .product-card-details-icons-wrapper .tooltip-button {
    float: left;
    margin-left: 0;
    margin-right: 0.375rem;
  }
  .product-card.horizontal-mobile-xs + [class^='button-'] {
    position: relative;
    left: 10rem;
    margin-bottom: 0;
  }
  .product-card.horizontal-mobile-xs .product-card-ribbon {
    position: absolute;
    top: 9.6875rem;
    background: #00A3D8;
    padding: 0 1.25rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 2;
    border-bottom-left-radius: 0 !important;
    left: -0.625rem;
    line-height: 1.875rem;
    border-radius: 0.125rem;
    top: auto;
    bottom: auto;
  }
  .product-card.horizontal-mobile-xs .product-card-ribbon:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #007ca6;
  }
  .product-card.horizontal-mobile-xs .product-card-ribbon:before {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    left: 0;
  }
  .product-card.horizontal-mobile-xs .product-card-ribbon:before {
    top: 1.8125rem;
  }
}

/* LATEST PRODUCT STYLES */
.latest-products-heading {
  padding-top: 0.3125rem;
  margin-bottom: 0;
}

/* Product Category product cards */
.double-product-card-container .product-card-image-wrapper {
  margin-top: 1.25rem;
}

@media only screen and (max-width: 550px) {
  .double-product-card-container > .columns {
    width: 100%;
  }
}

/******************************************
SIGN POSTING MODULES
******************************************/
.sign-post {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  padding: 0;
  text-decoration: none;
  overflow: hidden;
  height: 100%;
  color: #00A3D8;
}

.sign-post:focus, .sign-post:hover {
  color: #00A3D8;
}

.sign-post:focus .sign-post-text span, .sign-post:hover .sign-post-text span {
  text-decoration: underline;
}

.sign-post.full-width-image:focus, .sign-post.full-width-image:hover {
  color: #2E3192;
}

.sign-post-image-container {
  background: linear-gradient(123deg, #ffffff, #e4e4e4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4');
  /*For IE7-8-9*/
  max-height: 15rem;
  width: 100%;
}

.sign-post-image-container img {
  margin: 0 auto;
  width: auto;
  display: block;
  max-height: 15rem;
}

.large-6 .sign-post-image-container,
.large-6 .sign-post-image-container img {
  max-height: 19.625rem;
}

.sign-post-image {
  display: block;
  max-width: 17.5rem;
  max-height: 13.75rem;
  margin: auto;
}

.sign-post.full-width-image .sign-post-image-container {
  max-height: none;
}

.sign-post.full-width-image .sign-post-image-container img {
  max-width: none;
  max-height: 350px;
  width: 100%;
}

.sign-post.full-width-image {
  color: #2E3192;
}

.sign-post.full-width-image .sign-post-text {
  color: #2E3192;
}

.sign-post.full-width-image .sign-post-text:after {
  color: #E40089;
}

.sign-post-text {
  color: #00A3D8;
  margin: 1.25rem;
}

.sign-post-collection-heading {
  display: none;
}

@media only screen and (max-width: 768px) {
  .sign-post-collection-heading {
    display: block;
  }
  .sign-post-image-container {
    display: none;
  }
  .sign-post-icon-cell {
    width: 1.875rem;
  }
  .sign-post-icon-cell i {
    position: relative;
    top: 0.125rem;
  }
  .sign-post-icon-cell i.sign-post-blue {
    color: #00A3D8;
  }
  .sign-post-icon-cell i.sign-post-pink {
    color: #E40089;
  }
  .sign-post-icon-cell i:before {
    text-decoration: none;
  }
  .sign-post-text {
    font-family: 'Gotham-Bold', arial, serif;
    font-weight: 700;
    font-style: normal;
    margin: 1.25rem 1.5625rem;
    font-size: 1.25rem;
    padding-right: 0;
  }
  .sign-post-text:after {
    content: none;
  }
  .sign-post-text.link-icon:after {
    right: 0;
    top: 0;
  }
}

/******************************************
PROMOTIONAL MODULE
******************************************/
.promotional-cta-module {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 1.875rem 0;
  /* one item in column*/
  /* two items in column*/
  /* three items in column*/
}

.promotional-cta-module:first-child:nth-last-child(1) {
  height: 100%;
}

.promotional-cta-module:first-child:nth-last-child(2),
.promotional-cta-module:first-child:nth-last-child(2) ~ .promotion-module-content-container {
  height: auto;
}

.promotional-cta-module:first-child:nth-last-child(3),
.promotional-cta-module:first-child:nth-last-child(3) ~ .promotion-module-content-container {
  height: auto;
}

.promotion-module-content-container {
  padding: 1.5625rem 2.1875rem;
  background-size: cover;
}

.promotional-cta-module-heading {
  margin-bottom: 0;
}

.promotional-cta-module-text-container {
  letter-spacing: inherit;
  margin-bottom: 1.875rem;
}

.promotional-cta-module-button {
  display: inline-block;
  margin-bottom: 1.25rem;
}

.promotional-cta-module-swoop {
  display: none;
}

.large-6 .promotional-cta-module .promotion-module-content-container {
  padding: 1.5625rem;
}

.large-6 .promotional-cta-module .promotional-cta-module-button {
  font-size: 1.25rem;
}

.columns > .promotional-cta-module + .promotional-cta-module {
  margin-top: 1.875rem;
}

.promotional-cta-module.standard {
  background: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border: 0.0625rem solid #D4D4D4;
}

.promotional-cta-module.grey-choice,
.promotional-cta-module.light-grey-choice,
.promotional-cta-module.very-light-grey-choice {
  position: relative;
}

.promotional-cta-module.grey-choice .promotional-cta-module-swoop,
.promotional-cta-module.light-grey-choice .promotional-cta-module-swoop,
.promotional-cta-module.very-light-grey-choice .promotional-cta-module-swoop {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.promotional-cta-module.very-light-grey-choice {
  background-color: rgba(228, 228, 229, 0.4);
}

.promotional-cta-module[class*='-to-'][class*='-choice'] .promotional-cta-module-heading,
.promotional-cta-module[class*='-to-'][class*='-choice'] .promotional-cta-module-text-container,
.promotional-cta-module .promotion-module-content-container[class*='-to-'][class*='-choice'] .promotional-cta-module-heading,
.promotional-cta-module .promotion-module-content-container[class*='-to-'][class*='-choice'] .promotional-cta-module-text-container {
  color: #ffffff;
  opacity: 1;
}

.promotional-cta-module[class*='-to-'][class*='-choice'] a[class^='link-button-'],
.promotional-cta-module .promotion-module-content-container[class*='-to-'][class*='-choice'] a[class^='link-button-'] {
  color: #ffffff;
}

.promotional-cta-module .promotion-module-content-container[class*='-choice'] .promotional-cta-module-heading,
.promotional-cta-module .promotion-module-content-container[class*='-choice'] .promotional-cta-module-text-container {
  color: #ffffff;
  opacity: 1;
}

.promotional-cta-module .promotion-module-content-container[class*='-choice'] a[class^='link-button-'] {
  color: #ffffff;
}

.promotional-cta-module .promotion-module-content-container.grey-choice .promotional-cta-module-heading,
.promotional-cta-module .promotion-module-content-container.light-grey-choice .promotional-cta-module-heading,
.promotional-cta-module .promotion-module-content-container.very-light-grey-choice .promotional-cta-module-heading {
  color: #2E3192;
}

.promotional-cta-module .promotion-module-content-container.grey-choice .promotional-cta-module-text-container,
.promotional-cta-module .promotion-module-content-container.light-grey-choice .promotional-cta-module-text-container,
.promotional-cta-module .promotion-module-content-container.very-light-grey-choice .promotional-cta-module-text-container {
  color: #414042;
}

.promotional-cta-module .promotion-module-content-container.grey-choice a[class^='link-button-'],
.promotional-cta-module .promotion-module-content-container.light-grey-choice a[class^='link-button-'],
.promotional-cta-module .promotion-module-content-container.very-light-grey-choice a[class^='link-button-'] {
  color: #E40089;
}

.promotional-cta-module-heading-table {
  table-layout: fixed;
  margin-bottom: 1.25rem;
  vertical-align: baseline;
}

.promotional-cta-module-heading-table .u-table-cell {
  vertical-align: top;
}

.promotional-cta-module-icon-cell {
  width: 4.375rem;
  width: 5.9375rem;
  padding-top: 0.625rem;
  padding-right: 1.25rem;
}

.promotional-cta-module-icon-cell img {
  position: relative;
  top: -7px;
  vertical-align: initial;
}

.promotional-cta-module.part-width-content {
  padding: 1.5625rem 0;
}

.promotional-cta-module.part-width-content .promotion-module-content-container {
  width: 21.875rem;
  padding-top: 1.875rem;
  padding-bottom: 0.875rem;
  max-width: 90%;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  opacity: 0.95;
}

@media only screen and (max-width: 768px) {
  .promotional-cta-module-button {
    width: 100%;
  }
}

@media only screen and (max-width: 25rem) {
  .promotional-cta-module.part-width-content {
    padding: 0;
  }
  .promotional-cta-module.part-width-content .promotion-module-content-container {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 23.375rem) {
  .promotion-module-content-container {
    padding: 2.5rem;
  }
  .promotional-cta-module-heading-table,
  .promotional-cta-module-heading-table-cell {
    display: block;
  }
  .promotional-cta-module-icon-cell {
    margin-bottom: 1.25rem;
  }
}

/******************************************
RATING
******************************************/
[data-rating] .icon-set-wrapper:hover {
  cursor: pointer;
}

[data-rating] .icon-set-wrapper:hover .icon-wrapper [class^="icon-"] {
  color: #E40089;
}

[data-rating] .icon-set-wrapper:hover .icon-wrapper:hover ~ .icon-wrapper [class^="icon-"] {
  color: #c7c8ca;
}

a[class^="rating-"]:hover .rating-count, a[class^="rating-"]:focus .rating-count {
  text-decoration: underline !important;
}

[class^="rating-"] .icon-set-wrapper {
  margin-right: 0.625rem;
}

[class^="rating-"] [class^="icon-"] {
  color: #c7c8ca;
}

.rating-1 .icon-wrapper:nth-of-type(1) [class^="icon-"] {
  color: #E40089;
}

.rating-2 .icon-wrapper:nth-of-type(1) [class^="icon-"], .rating-2 .icon-wrapper:nth-of-type(2) [class^="icon-"] {
  color: #E40089;
}

.rating-3 .icon-wrapper:nth-of-type(1) [class^="icon-"], .rating-3 .icon-wrapper:nth-of-type(2) [class^="icon-"], .rating-3 .icon-wrapper:nth-of-type(3) [class^="icon-"] {
  color: #E40089;
}

.rating-4 .icon-wrapper:nth-of-type(1) [class^="icon-"], .rating-4 .icon-wrapper:nth-of-type(2) [class^="icon-"], .rating-4 .icon-wrapper:nth-of-type(3) [class^="icon-"], .rating-4 .icon-wrapper:nth-of-type(4) [class^="icon-"] {
  color: #E40089;
}

.rating-5 [class^="icon-"] {
  color: #E40089;
}

[class^="rating-"] .rating-count {
  font-size: 0.875rem;
  color: #414042;
}

/******************************************
PROMOTIONAL PANEL MODULES
******************************************/
.promo-panel-padding {
  padding-top: 26px;
}

.promotional-panel {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  margin-bottom: 1.875rem;
  padding: 0;
  display: block;
  position: relative;
  height: 100%;
  text-decoration: none;
}

.promotional-panel:focus, .promotional-panel:hover {
  text-decoration: none;
}

.promotional-panel:focus .promotional-panel-details-heading, .promotional-panel:hover .promotional-panel-details-heading {
  text-decoration: underline;
}

.promotional-panel:focus .content-card-heading,
.promotional-panel:focus .content-card-heading span, .promotional-panel:hover .content-card-heading,
.promotional-panel:hover .content-card-heading span {
  text-decoration: underline;
}

.promotional-panel a {
  text-decoration: none;
}

.promotional-panel a:hover {
  text-decoration: none;
}

.promotional-panel a:hover .promotional-panel-details-link {
  text-decoration: underline;
}

.promotional-panel-image-container {
  position: relative;
  width: 100%;
  background: linear-gradient(123deg, #ffffff, #e4e4e4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4');
  /*For IE7-8-9*/
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.promotional-panel-image-full img {
  border-top-left-radius: 0.4375rem;
  border-top-right-radius: 0.4375rem;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  width: 100%;
}

.promotional-panel-image {
  height: 15rem;
  z-index: 1;
}

.promotional-panel-image img {
  max-height: 15rem;
  margin: 0 auto;
  display: block;
  -ms-transform: scale(1.1);
      transform: scale(1.1);
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

.promotional-panel-details {
  padding: 1.25rem;
  color: #414042;
}

/* Exepeirence Editor */
.is-in-editing-mode .promotional-panel-details {
  height: auto;
}

.promotional-panel-details-heading {
  color: #414042;
  margin-top: 0.9375rem;
  margin-bottom: 1.25rem;
}

.promotional-panel-details-link {
  color: #00A3D8;
  font-size: 1.25rem;
}

.promotional-panel [class^='ribbon-'] {
  position: absolute;
  top: 0;
  background: #00A3D8;
  padding: 0 1.25rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
  border-bottom-left-radius: 0 !important;
  left: -0.625rem;
  line-height: 1.875rem;
  border-radius: 0.125rem;
  top: auto;
  bottom: -0.9375rem;
  top: auto !important;
}

.promotional-panel [class^='ribbon-']:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #007ca6;
}

.promotional-panel [class^='ribbon-']:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  left: 0;
}

.promotional-panel [class^='ribbon-']:before {
  top: 1.8125rem;
}

.promotional-panel [class^='ribbon-'].ribbon-pink {
  position: absolute;
  top: 0;
  background: #E40089;
  padding: 0 1.25rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
  border-bottom-left-radius: 0 !important;
  left: -0.625rem;
  line-height: 1.875rem;
  border-radius: 0.125rem;
}

.promotional-panel [class^='ribbon-'].ribbon-pink:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #99005d;
}

.promotional-panel [class^='ribbon-'].ribbon-pink:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  left: 0;
}

.promotional-panel [class^='ribbon-'].ribbon-pink:before {
  top: 1.8125rem;
}

.promotional-panel [class^='ribbon-'].ribbon-orange {
  position: absolute;
  top: 0;
  background: #ED8B00;
  padding: 0 1.25rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
  border-bottom-left-radius: 0 !important;
  left: -0.625rem;
  line-height: 1.875rem;
  border-radius: 0.125rem;
}

.promotional-panel [class^='ribbon-'].ribbon-orange:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #a15e00;
}

.promotional-panel [class^='ribbon-'].ribbon-orange:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  left: 0;
}

.promotional-panel [class^='ribbon-'].ribbon-orange:before {
  top: 1.8125rem;
}

@media only screen and (max-width: 768px) {
  .promo-panel-padding {
    padding-top: 0;
  }
  .promotional-panel > a:hover .promotional-panel-details-heading,
  .promotional-panel > a:hover .promotional-panel-details-link {
    text-decoration: none;
  }
}

@media only screen and (max-width: 21.875rem) {
  .promotional-panel-image {
    width: 15.9375rem;
  }
  .promotional-panel [class^='ribbon-'] {
    top: 11.75rem;
  }
}

@media only screen and (max-width: 21.875rem) {
  .promotional-panel-image {
    width: 15.9375rem;
  }
  .promotional-panel [class^='ribbon-'] {
    top: 11.75rem;
  }
}

/******************************************
LINK ICON
******************************************/
.link-icon {
  position: relative;
  padding-right: 2rem;
}

.link-icon:after {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  font-size: 0.875rem;
  position: absolute;
  margin-top: 0.25rem;
  padding-left: 1.125rem;
  color: inherit;
  display: inline;
}

.link-icon:after, .link-icon:hover:after {
  text-decoration: underline;
}

.link-icon:after, .link-icon:hover:after {
  text-decoration: none;
}

/******************************************
FIND BEST PRODUCTS
******************************************/
.find-best-products {
  background: linear-gradient(261deg, #2E3192, #00A3D8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E3192', endColorstr='#00A3D8');
  /*For IE7-8-9*/
  width: 100%;
  text-align: center;
  border-radius: 0.4375rem;
  margin-bottom: 1.875rem;
  min-height: 11.875rem;
}

.find-best-products-heading {
  color: #ffffff;
  margin-top: 1.875rem;
  margin-bottom: 2.25rem;
}

.find-best-products-text {
  color: #ffffff;
  font-size: 1rem;
  margin-bottom: 1.625rem;
}

.find-best-product-button-row {
  padding: 0 2.5rem;
}

.find-best-product-button {
  border-radius: 0.25rem;
  color: #00A3D8 !important;
  margin-bottom: 2.5rem;
  display: block;
  text-align: left;
  padding: 0.875rem 1.25rem !important;
  line-height: 1.25 !important;
}

.find-best-product-button .icon-Arrow-Right {
  font-size: 0.875rem;
  color: #00A3D8;
  position: static;
  height: 14px;
  display: block;
}

.find-best-product-button-icon-table {
  height: 100%;
  padding: 0;
}

.find-best-product-button-icon-cell {
  width: 100px;
  text-align: right;
  padding-right: 0;
}

/*Last item - prevent float right*/
.find-best-products .columns:last-child {
  float: left;
}

.find-best-products-stacked {
  text-align: left;
  padding: 0 1.25rem;
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  border-radius: 0;
  padding-bottom: 2.5rem;
  background: linear-gradient(213deg, #2E3192, #00A3D8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E3192', endColorstr='#00A3D8');
  /*For IE7-8-9*/
}

.find-best-products-stacked .find-best-product-button-row {
  padding-left: 0;
  padding-right: 0;
}

.find-best-products-stacked .find-best-product-button-row .columns .columns {
  padding-bottom: 1.125rem;
}

.find-best-products-stacked .find-best-products-heading {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  line-height: 2.25rem;
  font-size: 1.75rem;
}

.find-best-products-stacked .find-best-products-text {
  font-family: "Gotham-Medium", arial, sans-serif;
}

.find-best-products-stacked .find-best-product-button {
  border-radius: 0.5rem;
  color: #00A3D8;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  padding-left: 1.5rem;
}

.find-best-products-stacked.plain .find-best-product-button {
  color: #2E3192;
}

.find-best-products.compact {
  text-align: left;
  padding: 0 1.25rem;
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  border-radius: 0;
  padding-bottom: 2.5rem;
  background: linear-gradient(213deg, #2E3192, #00A3D8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E3192', endColorstr='#00A3D8');
  /*For IE7-8-9*/
  width: 100%;
  height: 100%;
  position: static;
  border-radius: 0.5rem;
}

.find-best-products.compact .find-best-product-button-row {
  padding-left: 0;
  padding-right: 0;
}

.find-best-products.compact .find-best-product-button-row .columns .columns {
  padding-bottom: 1.125rem;
}

.find-best-products.compact .find-best-products-heading {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  line-height: 2.25rem;
  font-size: 1.75rem;
}

.find-best-products.compact .find-best-products-text {
  font-family: "Gotham-Medium", arial, sans-serif;
}

.find-best-products.compact .find-best-product-button {
  border-radius: 0.5rem;
  color: #00A3D8;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  padding-left: 1.5rem;
}

.find-best-products.compact.plain .find-best-product-button {
  color: #2E3192;
}

.find-best-products.compact .columns {
  width: 100%;
}

.find-best-products.compact .find-best-product-button {
  font-weight: normal;
  font-size: 1rem;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

@media only screen and (max-width: 991px) {
  .find-best-products {
    text-align: left;
    padding: 0 1.25rem;
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
    border-radius: 0;
    padding-bottom: 2.5rem;
    background: linear-gradient(213deg, #2E3192, #00A3D8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E3192', endColorstr='#00A3D8');
    /*For IE7-8-9*/
  }
  .find-best-products .find-best-product-button-row {
    padding-left: 0;
    padding-right: 0;
  }
  .find-best-products .find-best-product-button-row .columns .columns {
    padding-bottom: 1.125rem;
  }
  .find-best-products .find-best-products-heading {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    line-height: 2.25rem;
    font-size: 1.75rem;
  }
  .find-best-products .find-best-products-text {
    font-family: "Gotham-Medium", arial, sans-serif;
  }
  .find-best-products .find-best-product-button {
    border-radius: 0.5rem;
    color: #00A3D8;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-left: 1.5rem;
  }
  .find-best-products.plain .find-best-product-button {
    color: #2E3192;
  }
  .find-best-products.compact .find-best-product-button-row > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .find-best-products.compact .find-best-product-button-row > .columns .row {
    margin-left: 0;
  }
}

/******************************************
HIGHLIGHTED PRODUCTS
******************************************/
.highlighted-products {
  width: 100%;
  padding: 1.25rem 1.875rem 2.5rem;
}

.highlighted-products .columns {
  float: left !important;
}

.row-wrapper:not([class*='-choice']) .highlighted-products-heading {
  color: #414042;
  margin-bottom: 1.25rem;
}

.highlighted-products-heading {
  color: #ffffff;
  display: inline-block;
}

.highlighted-products-heading-subtext {
  margin-left: 1.875rem;
  color: #ffffff;
  display: inline-block;
}

.highlighted-products-heading-button {
  margin-bottom: 0;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-right: 3.125rem !important;
  color: #00A3D8 !important;
  float: right;
  line-height: 1.5 !important;
}

.highlighted-products-heading-button .icon-Arrow-Right {
  color: #00A3D8;
  font-size: 1rem;
  position: absolute;
  top: calc(50% - 8px);
  right: 1.25rem;
}

.highlighted-products-product {
  padding: 0 1.25rem;
}

.highlighted-products-product .product-card {
  height: 100%;
}

.highlighted-products-product .product-card .product-card-image-wrapper .product-card-ribbon {
  top: auto;
  bottom: -0.9375rem;
}

.highlighted-products-product .product-card-inner-wrapper {
  text-decoration: none;
}

.highlighted-products-products-container {
  background: #ffffff;
  width: 100%;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-width: 0.0625rem;
  padding: 2.5rem 1.875rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.highlighted-products-products-container .column:last-child:not(:first-child), .highlighted-products-products-container .columns:last-child:not(:first-child) {
  float: left;
}

.highlighted-products-products-container .product-card {
  border: 0;
  box-shadow: none;
}

.highlighted-products-products-container .product-card.add-to-basket-button-padding {
  padding-bottom: 3.75rem;
}

.highlighted-products-products-container .product-card-ribbon-new {
  display: none;
}

.highlighted-products-products-container .product-card-details-price {
  color: #00A3D8;
}

.highlighted-products-products-container .product-card-details-previous-price {
  display: none;
}

.highlighted-products-products-container .product-card-details-icons-wrapper {
  display: none;
}

.highlighted-products-products-container .product-card-details-price-vat {
  margin-bottom: 0.9375rem;
}

.highlighted-products-products-container .product-card [class^='rating-'] {
  margin-top: 0.9375rem;
}

.highlighted-products-cta-button-wrapper {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-top: 1.25rem;
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  right: 0;
}

.highlighted-products-cta-button-wrapper button {
  margin: 0;
}

.highlighted-products-cta-button-wrapper button.button-white {
  color: #E40089;
}

.highlighted-products-cta-button {
  margin-bottom: 0;
}

.highlighted-products-cta-button.button-white {
  color: #E40089;
}

.highlighted-products-footer-button {
  display: none;
}

.related-items-view-more-button {
  float: right;
  margin: 1.875rem 0 -1.25rem;
}

.large-4 .highlighted-products {
  margin-bottom: 3.75rem;
}

.large-4 .highlighted-products,
.large-4 .highlighted-products-products-container {
  padding: 0 !important;
  box-shadow: none;
}

.large-4 .highlighted-products .product-card,
.large-4 .highlighted-products-products-container .product-card {
  border-radius: 0;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem;
}

@media only screen and (min-width: 375px) {
  .large-4 .highlighted-products .product-card,
  .large-4 .highlighted-products-products-container .product-card {
    margin-left: auto;
    width: 100%;
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
    display: table;
  }
  .large-4 .highlighted-products .product-card.has-ribbon,
  .large-4 .highlighted-products-products-container .product-card.has-ribbon {
    min-height: 12.5rem;
  }
  .large-4 .highlighted-products .product-card .product-card-inner-wrapper,
  .large-4 .highlighted-products-products-container .product-card .product-card-inner-wrapper {
    display: table;
    table-layout: fixed;
    padding-right: 0.625rem;
    width: 100%;
  }
  .large-4 .highlighted-products .product-card .show-horizontal,
  .large-4 .highlighted-products-products-container .product-card .show-horizontal {
    display: block !important;
  }
  .large-4 .highlighted-products .product-card .hide-horizontal,
  .large-4 .highlighted-products-products-container .product-card .hide-horizontal {
    display: none !important;
  }
  .large-4 .highlighted-products .product-card .product-card-image-wrapper,
  .large-4 .highlighted-products-products-container .product-card .product-card-image-wrapper {
    display: table-cell;
    width: 10rem;
    vertical-align: top;
    padding-bottom: 2.5rem;
  }
  .large-4 .highlighted-products .product-card .product-card-details,
  .large-4 .highlighted-products-products-container .product-card .product-card-details {
    display: table-cell;
    padding-top: 0.625rem;
    vertical-align: top;
    padding-right: 0;
    padding-bottom: 0;
  }
  .large-4 .highlighted-products .product-card .product-card-details-name,
  .large-4 .highlighted-products-products-container .product-card .product-card-details-name {
    font-size: 1.125rem;
  }
  .large-4 .highlighted-products .product-card .product-card-details-price,
  .large-4 .highlighted-products-products-container .product-card .product-card-details-price {
    font-size: 1.25rem;
  }
  .large-4 .highlighted-products .product-card .product-card-details-price-vat,
  .large-4 .highlighted-products-products-container .product-card .product-card-details-price-vat {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  .large-4 .highlighted-products .product-card .rating-count,
  .large-4 .highlighted-products-products-container .product-card .rating-count {
    font-size: 0.875rem;
  }
  .large-4 .highlighted-products .product-card .product-card-details-icons-wrapper,
  .large-4 .highlighted-products-products-container .product-card .product-card-details-icons-wrapper {
    padding-left: 0;
  }
  .large-4 .highlighted-products .product-card .product-card-details-icons-wrapper.show-horizontal,
  .large-4 .highlighted-products-products-container .product-card .product-card-details-icons-wrapper.show-horizontal {
    margin-top: 0.625rem;
  }
  .large-4 .highlighted-products .product-card .product-card-details-icons-wrapper > img,
  .large-4 .highlighted-products .product-card .product-card-details-icons-wrapper .tooltip-button,
  .large-4 .highlighted-products-products-container .product-card .product-card-details-icons-wrapper > img,
  .large-4 .highlighted-products-products-container .product-card .product-card-details-icons-wrapper .tooltip-button {
    float: left;
    margin-left: 0;
    margin-right: 0.375rem;
  }
  .large-4 .highlighted-products .product-card + [class^='button-'],
  .large-4 .highlighted-products-products-container .product-card + [class^='button-'] {
    position: relative;
    left: 10rem;
    margin-bottom: 0;
  }
  .large-4 .highlighted-products .product-card .product-card-ribbon,
  .large-4 .highlighted-products-products-container .product-card .product-card-ribbon {
    position: absolute;
    top: 9.6875rem;
    background: #00A3D8;
    padding: 0 1.25rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 2;
    border-bottom-left-radius: 0 !important;
    left: -0.625rem;
    line-height: 1.875rem;
    border-radius: 0.125rem;
    top: auto;
    bottom: auto;
  }
  .large-4 .highlighted-products .product-card .product-card-ribbon:before,
  .large-4 .highlighted-products-products-container .product-card .product-card-ribbon:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #007ca6;
  }
  .large-4 .highlighted-products .product-card .product-card-ribbon:before,
  .large-4 .highlighted-products-products-container .product-card .product-card-ribbon:before {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    left: 0;
  }
  .large-4 .highlighted-products .product-card .product-card-ribbon:before,
  .large-4 .highlighted-products-products-container .product-card .product-card-ribbon:before {
    top: 1.8125rem;
  }
}

.large-4 .highlighted-products .product-card:after,
.large-4 .highlighted-products-products-container .product-card:after {
  content: "";
  display: table;
  clear: both;
}

.large-4 .highlighted-products .product-card .product-card-image-wrapper,
.large-4 .highlighted-products-products-container .product-card .product-card-image-wrapper {
  padding-bottom: 0 !important;
}

.large-4 .highlighted-products .product-card .product-card-details-name,
.large-4 .highlighted-products-products-container .product-card .product-card-details-name {
  font-size: 1.25rem;
  margin-bottom: 0;
}

.large-4 .highlighted-products .product-card .product-card-details-price,
.large-4 .highlighted-products-products-container .product-card .product-card-details-price {
  font-size: 1.5rem;
  margin-bottom: 0;
}

.large-4 .highlighted-products .product-card .product-card-details-price-vat,
.large-4 .highlighted-products-products-container .product-card .product-card-details-price-vat {
  margin-bottom: 0;
  font-size: 1rem;
}

.large-4 .highlighted-products .product-card [class*='rating-'],
.large-4 .highlighted-products-products-container .product-card [class*='rating-'] {
  margin-top: 0.625rem;
}

.large-4 .highlighted-products .highlighted-products-cta-button-wrapper,
.large-4 .highlighted-products-products-container .highlighted-products-cta-button-wrapper {
  position: relative;
}

.large-4 .highlighted-products .highlighted-products-cta-button,
.large-4 .highlighted-products-products-container .highlighted-products-cta-button {
  display: block;
  width: auto;
  margin-left: 7.875rem;
  top: 0;
  margin-top: 1.25rem;
  margin-bottom: 0;
}

.large-4 .highlighted-products-products-container {
  margin: 0;
}

.large-4 .highlighted-products-products-container .highlighted-products-product {
  width: 100% !important;
  padding: 0;
  border-bottom: 0.0625rem solid #D4D4D4;
}

.large-4 .highlighted-products-products-container .highlighted-products-product:last-child {
  border: 0;
}

.large-4 .highlighted-products-products-container .highlighted-products-product .product-card {
  padding-bottom: 2.1875rem;
}

.large-4 .highlighted-products-products-container .highlighted-products-product:first-of-type .product-card {
  padding-top: 0 !important;
}

.large-4 .highlighted-products-products-container .highlighted-products-product:last-of-type .product-card {
  padding-bottom: 0;
}

@media only screen and (max-width: 1199px) {
  .highlighted-products .saved-items-heading-table .u-table-cell {
    display: block;
  }
  .highlighted-products .highlighted-products-heading-button {
    margin-bottom: 1.875rem;
    float: none;
    width: auto;
  }
}

@media only screen and (max-width: 991px) {
  .highlighted-products-product:nth-of-type(3),
  .highlighted-products-product:nth-of-type(4) {
    margin-top: 3.125rem;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1100px), only screen and (min-width: 768px) and (max-width: 900px) {
  .large-4 .highlighted-products-product .product-card-image-wrapper {
    width: 8rem !important;
  }
  .large-4 .highlighted-products-product .highlighted-products-cta-button {
    margin-left: 9.1875rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .highlighted-products {
    padding-left: 0;
    padding-right: 0;
  }
  .highlighted-products .highlighted-products-products-container {
    padding: 0 0 1.875rem 0;
    margin-bottom: 1.875rem;
  }
  .highlighted-products .highlighted-products-product {
    width: 100%;
    padding: 0;
  }
  .highlighted-products .highlighted-products-product:after {
    display: block;
    content: "";
    width: calc(100% - 40px);
    margin-left: 1.25rem;
    border-bottom: 2px solid #e4e4e5;
  }
  .highlighted-products .highlighted-products-product:last-child:after {
    display: none;
  }
  .highlighted-products .product-card {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
  }
  .highlighted-products .product-card.add-to-basket-button-padding {
    padding-bottom: 1.25rem;
  }
  .highlighted-products .product-card-ribbon {
    display: none;
  }
  .highlighted-products .highlighted-products-heading {
    text-align: center;
    margin-bottom: 1.875rem;
  }
  .highlighted-products .highlighted-products-heading-subtext {
    margin: 0 0 1.875rem 0;
    display: block;
  }
  .highlighted-products .highlighted-products-heading-button {
    float: none;
    margin: 0 0 1.875rem 0;
  }
  .highlighted-products .highlighted-products-products-container.row {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
  .highlighted-products .highlighted-products-button {
    display: block;
    margin-bottom: 3rem;
  }
  .highlighted-products .highlighted-products-cta-button-wrapper {
    position: static;
  }
  .highlighted-products .highlighted-products-cta-button {
    display: block;
    width: auto;
    margin-left: 10rem;
    top: 0;
    margin-bottom: 0;
  }
  .highlighted-products .highlighted-products-product:nth-of-type(3),
  .highlighted-products .highlighted-products-product:nth-of-type(4) {
    margin-top: 0;
  }
  .highlighted-products .related-items-view-more-button {
    margin-top: 1.25rem;
  }
  .large-4 .highlighted-products-products-container .highlighted-products-product {
    border: none;
  }
}

@media only screen and (max-width: 500px) {
  .highlighted-products .highlighted-products-heading-button {
    width: 100%;
  }
  .highlighted-products-cta-button {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 375px) {
  .highlighted-products-cta-button {
    display: block;
    width: 100%;
    position: static;
    top: 0;
    margin-bottom: 1.25rem;
    margin-left: 0;
  }
}

/******************************************
FEATURE LINK MODULE
******************************************/
.large-4 .feature-link-module {
  margin-bottom: 3.75rem;
}

[data-equal-height] .feature-link-module {
  margin-bottom: 0;
}

.feature-link-module {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
  border: 1px solid #D4D4D4;
  height: 100%;
}

.feature-link-module-content-container {
  padding: 0 2.5rem 0.625rem 1.875rem;
}

.feature-link-module-heading {
  margin-top: 1.5625rem;
  color: #414042;
}

.feature-link-module-link {
  font-size: 1.125rem;
  color: #00A3D8;
  text-decoration: none;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0.4375rem;
  display: inline-block;
}

.feature-link-module-link:hover {
  color: #00A3D8;
}

.feature-link-module-link.link-icon:after {
  font-size: 0.875rem;
  margin-top: 0;
}

.feature-link-module-text {
  margin-bottom: 0.75rem;
}

@media only screen and (max-width: 768px) {
  .feature-link-module-heading {
    font-size: 1.75rem;
    margin-top: 1.875rem;
  }
}

/******************************************
CASE STUDY
******************************************/
.case-study {
  display: block;
  text-decoration: none;
  position: relative;
  border-radius: 0.5rem;
  height: 100%;
  background: linear-gradient(45deg, #00A3D8, #2E3192);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A3D8', endColorstr='#2E3192');
  /*For IE7-8-9*/
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1.875rem;
}

.case-study:focus, .case-study:hover {
  text-decoration: none;
}

.case-study:focus .case-study-details-link, .case-study:hover .case-study-details-link {
  text-decoration: underline;
}

.case-study.show-quotes .case-study-details {
  padding-bottom: 4.375rem;
}

.case-study.show-quotes .case-study-speechmark-span {
  display: block;
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
}

.case-study.show-quotes .case-study-speechmark-span .icon-Quote-Mark {
  color: #ffffff;
  font-size: 2.5rem;
  opacity: 0.25;
}

.case-study.show-quotes .case-study-speechmark-span .icon-Quote-Mark:last-child {
  margin-left: -0.9375rem;
}

.case-study.show-quotes .case-study-details-link {
  display: none;
}

.case-study-speechmark-span {
  display: none;
}

.case-study-image-container {
  width: 100%;
}

.case-study-image, .case-study-image img {
  width: 100%;
}

.case-study-details {
  padding: 0 1.875rem;
  color: #ffffff;
}

.case-study-details-heading {
  color: #ffffff;
  padding-top: 1.5rem;
  margin-bottom: 1.25rem;
}

.case-study-details-text {
  font-size: 1rem;
}

.case-study-details-link {
  color: #ffffff;
  padding-bottom: 2.5rem;
  margin: 0;
  display: block;
  font-size: 1.25rem;
}

/******************************************
SOCIAL SHARE
******************************************/
.social-share {
  display: inline-block;
  float: right;
}

.social-share [class^="button-"] + [class^="button-"] {
  margin-left: 0.75rem;
}

.social-share a {
  background: #F0F0F0 !important;
  background-color: #F0F0F0 !important;
  box-shadow: none;
  border: 0.0625rem solid #D4D4D4;
  padding-top: 0.8125rem;
  padding-bottom: 0.5625rem;
  font-size: 1rem;
  border-radius: 0.25rem !important;
  padding-right: 4.0625rem;
  padding-left: 1.125rem;
  margin-bottom: 0;
}

.social-share a [class^='icon-'] {
  top: 0.5625rem;
  right: 1.125rem;
}

.social-share-facebook [class^='icon-'] {
  color: #3b5998;
}

.social-share-twitter [class^='icon-'] {
  color: #55acee;
}

@media only screen and (max-width: 768px) {
  .social-share {
    float: none;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 500px) {
  .social-share a {
    width: 50%;
  }
}

/******************************************
LIGHTBOX
******************************************/
.lightbox-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1001;
  vertical-align: middle;
  opacity: 0;
  overflow-y: scroll;
}

.lightbox-overlay.show {
  display: table-cell;
}

.lightbox-overlay.show .lightbox {
  display: block;
}

.lightboxOpen {
  overflow: hidden;
}

.lightboxOpen.windows body {
  padding-right: 17px;
}

.lightbox {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  padding: 3.125rem;
  padding-top: 3.75rem;
  padding-right: 1.1875rem;
  max-width: 62.5rem;
  max-height: calc(100% - 60px);
  margin: 0 auto;
  position: relative;
  display: none;
  min-height: 100px !important;
}

.lightbox .lightbox-content-wrapper {
  min-height: 100px !important;
  padding-bottom: 0.3125rem;
}

.lightbox .lightbox-content-wrapper select {
  border-radius: 0.25rem;
}

.lightbox form {
  border: 0;
}

.lightbox-small {
  max-width: 34.375rem;
}

.lightbox-close-button {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  padding: 0.625rem;
}

.lightbox-close-button .lightbox-close-button-text {
  display: none;
}

.lightbox-close-button:after {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
}

@media only screen and (min-width: 768px) {
  .lightbox-close-button .lightbox-close-button-text {
    display: inline;
  }
  .lightbox-close-button:after {
    position: relative;
    top: 3px;
    margin-left: 10px;
  }
}

.lightbox-content-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 60px - 60px);
  padding-right: 1.9375rem;
}

html.iOS .lightbox-overlay,
html.android .lightbox-overlay {
  position: fixed;
}

html.iOS .lightbox,
html.android .lightbox {
  position: absolute;
  top: 0 !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  max-height: none;
  max-width: none;
  padding: 3.125rem 1.25rem;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}

html.iOS .lightbox .lightbox-content-wrapper,
html.android .lightbox .lightbox-content-wrapper {
  height: 100%;
  padding-right: 0;
}

html.iOS .lightbox .tab-wrapper > ul li + li,
html.android .lightbox .tab-wrapper > ul li + li {
  padding: 0;
}

html.iOS.lightboxOpen,
html.android.lightboxOpen {
  height: 100%;
  overflow: hidden;
}

html.iOS.lightboxOpen body,
html.android.lightboxOpen body {
  height: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  html .lightbox-overlay {
    position: fixed;
  }
  html .lightbox {
    position: absolute;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    max-height: none;
    max-width: none;
    padding: 3.125rem 1.25rem;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
  }
  html .lightbox .lightbox-content-wrapper {
    height: 100%;
    padding-right: 0;
  }
  html .lightbox .tab-wrapper > ul li + li {
    padding: 0;
  }
  html.lightboxOpen {
    height: 100%;
    overflow: hidden;
  }
  html.lightboxOpen body {
    height: 100%;
    overflow: hidden;
  }
}

/******************************************
DONATION FORM
******************************************/
.donation-form {
  margin-bottom: 0;
  padding: 1.875rem;
  margin-top: 1.25rem;
  background: linear-gradient(67deg, #cc007a, #890054);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc007a', endColorstr='#890054');
  /*For IE7-8-9*/
  border-radius: 0.5rem;
  overflow: hidden;
}

.donation-form > fieldset {
  margin-bottom: 0;
}

.donation-form-standalone {
  margin-bottom: 1.875rem;
}

.donation-form-heading,
.donation-form-sub-heading {
  color: white;
  font-weight: bold;
  display: inline-block;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 1.25rem;
}

.donation-form-heading {
  font-size: 1.875rem;
  float: left;
  max-width: 40%;
}

.donation-form-sub-heading {
  font-size: 1.25rem;
  float: right;
  text-align: right;
  position: relative;
  top: 0.3125rem;
  max-width: 56%;
}

.donation-form-text {
  color: #fff;
  border-top: 1px solid #fff;
  padding-top: 1.25rem;
  margin-top: 0.625rem;
  clear: both;
}

.donation-form-amounts-list,
.donation-form-frequency-list {
  display: table;
  width: 100%;
}

.donation-form-amounts-list-item,
.donation-form-frequency-list-item {
  display: table-cell;
  padding-right: 0.75rem;
  text-align: center;
  vertical-align: top;
}

.donation-form-amounts-list-item:last-of-type,
.donation-form-frequency-list-item:last-of-type {
  padding-right: 0;
}

.donation-form-amounts-list-item {
  min-width: 3.4375rem;
  width: 16.666666666%;
  position: relative;
}

.donation-form-frequency-list-item {
  width: 50%;
}

.donation-form-amount-radio-wrapper,
.donation-form-frequency-radio-wrapper {
  background: #E40089;
  border-radius: 0.25rem;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.3);
}

label[for].radio-label.donation-form-amount-radio-label:before,
label[for].radio-label.donation-form-frequency-radio-label:before {
  background: rgba(255, 255, 255, 0.6);
  border: 0;
  margin-right: 0;
  left: 0.375rem;
}

input:checked + label[for].radio-label.donation-form-amount-radio-label:before,
input:checked + label[for].radio-label.donation-form-frequency-radio-label:before {
  border: 3px solid #fff;
}

[type='radio'] + label.donation-form-amount-radio-label,
[type='radio'] + label.donation-form-frequency-radio-label {
  margin-right: 0;
  margin-bottom: 0;
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  color: #ffffff;
  width: 100%;
  height: 100%;
  padding: 0.375rem 0.625rem 0.375rem 1.25rem;
}

.donation-form-amount-tooltip {
  background: #ffffff;
  color: #414042;
  margin-bottom: 1.375rem;
  border-radius: 0.375rem;
  padding: 1.25rem;
  display: none;
  overflow: hidden;
}

.donation-form-amount-tooltip .donation-form-amount-tooltip-text {
  margin-bottom: 0;
}

.donation-form-amount-tooltip-arrow,
.donation-form-amount-tooltip-arrow-mobile {
  display: none;
}

.donation-form-amounts-list-item.selected .donation-form-amount-radio-wrapper,
.donation-form-amounts-list-item.selected .donation-form-frequency-radio-wrapper,
.donation-form-frequency-list-item.selected .donation-form-amount-radio-wrapper,
.donation-form-frequency-list-item.selected .donation-form-frequency-radio-wrapper,
.donation-form-amounts-list-item.preview-selected .donation-form-amount-radio-wrapper,
.donation-form-amounts-list-item.preview-selected .donation-form-frequency-radio-wrapper {
  background: #ffffff;
}

.donation-form-amounts-list-item.selected .donation-form-amount-radio-wrapper label,
.donation-form-amounts-list-item.selected .donation-form-frequency-radio-wrapper label,
.donation-form-frequency-list-item.selected .donation-form-amount-radio-wrapper label,
.donation-form-frequency-list-item.selected .donation-form-frequency-radio-wrapper label,
.donation-form-amounts-list-item.preview-selected .donation-form-amount-radio-wrapper label,
.donation-form-amounts-list-item.preview-selected .donation-form-frequency-radio-wrapper label {
  color: #E40089;
}

.donation-form-amounts-list-item.selected .donation-form-amount-tooltip-arrow,
.donation-form-frequency-list-item.selected .donation-form-amount-tooltip-arrow,
.donation-form-amounts-list-item.preview-selected .donation-form-amount-tooltip-arrow {
  position: absolute;
  top: -1.5625rem;
  left: calc(50% - 12px);
  display: inline;
  display: initial;
  color: #ffffff;
}

.donation-form-amounts-list-item.selected.hide-arrow .donation-form-amount-tooltip-arrow,
.donation-form-amounts-list-item.selected.hide-arrow .donation-form-amount-tooltip-arrow-mobile,
.donation-form-frequency-list-item.selected.hide-arrow .donation-form-amount-tooltip-arrow,
.donation-form-frequency-list-item.selected.hide-arrow .donation-form-amount-tooltip-arrow-mobile,
.donation-form-amounts-list-item.preview-selected.hide-arrow .donation-form-amount-tooltip-arrow,
.donation-form-amounts-list-item.preview-selected.hide-arrow .donation-form-amount-tooltip-arrow-mobile {
  display: none !important;
}

.donation-form-frequency-fieldset {
  border-top: 0.0625rem solid #00A3D8;
  border-bottom: 0.0625rem solid #00A3D8;
  padding: 1rem 0;
}

.donation-form-submit {
  margin: 0;
  margin-top: 1.25rem;
}

/* Other checkbox input */
.donation-form-amount-other-input-wrapper {
  width: 100%;
  padding: 0.375rem;
  display: none;
}

.donation-form-other-amount-input {
  height: 1.875rem;
  padding: 0;
}

.donation-form-amounts-list-item.selected .donation-form-other-label {
  display: none;
}

.donation-form-amounts-list-item.selected .donation-form-amount-other-input-wrapper {
  display: table;
}

.donation-form-amounts-list-item.selected .donation-form-amount-other-input-wrapper:before {
  content: "\00a3";
  padding: 0.25rem 0.375rem 0.25rem 0;
  display: table-cell;
  width: 0.75rem;
  vertical-align: top;
}

.donation-form-amounts-list-item.selected .donation-form-other-amount-input {
  display: table-cell;
  margin: 0;
  vertical-align: top;
  padding: 0;
  padding-left: 0.375rem;
}

.donation-form-amounts-list-item.selected .donation-form-amount-tooltip-arrow.donation-form-amount-error-tooltip-arrow,
.donation-form-amounts-list-item.preview-selected .donation-form-amount-tooltip-arrow.donation-form-amount-error-tooltip-arrow {
  top: 3.125rem !important;
  display: none;
}

.donation-form-amount-error-tooltip-wrapper {
  margin-top: 1.25rem;
}

.donation-form-amount-error-tooltip-wrapper .donation-form-amount-tooltip {
  margin-bottom: 0;
}

.donation-form-amount-error-tooltip-wrapper p {
  color: #D0021B;
  font-weight: bold;
}

.donation-form-amount-error-tooltip-wrapper p:last-child {
  margin-bottom: 0;
}

.donation-form-amount-error-tooltip-wrapper .field-validation-error {
  color: #D0021B;
}

.donation-form.error .donation-form-amount-error-tooltip {
  width: 100%;
}

.donation-form.error .donation-form-amount-error-tooltip,
.donation-form.error .donation-form-amount-error-tooltip-arrow {
  display: block !important;
}

.donation-form.error .donation-form-amount-error-tooltip.hide-validation,
.donation-form.error .donation-form-amount-error-tooltip-arrow.hide-validation {
  display: none !important;
}

.donation-form .donation-form-max-exceeded-error-message {
  display: none;
}

.donation-form.max-exceeded .donation-form-max-exceeded-error-message {
  display: block;
}

.donation-form.max-exceeded .input-validation-error {
  display: none;
}

.donation-form-frequency-wrapper {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-top: 1.5625rem;
  border-top: 0.0625rem solid #ffffff;
  border-bottom: 0.0625rem solid #ffffff;
  color: #ffffff;
}

.donation-form-next-button {
  float: right;
  border: none;
  margin-bottom: 0;
}

.donation-form-next-button.margin-top {
  margin-top: 1.875rem;
}

/*Donation form - gift aid section */
.donation-gift-aid-section .heading-text-content {
  font-size: 1.125rem;
}

/* Responsive */
@media only screen and (max-width: 1250px) {
  .donation-form.donation-form-standalone {
    padding: 1.25rem;
  }
  .donation-form.donation-form-standalone .donation-form-heading,
  .donation-form.donation-form-standalone .donation-form-sub-heading {
    display: block;
    width: 100%;
    float: none;
    max-width: 100%;
  }
  .donation-form.donation-form-standalone .donation-form-heading {
    margin-top: 1.25rem;
  }
  .donation-form.donation-form-standalone .donation-form-sub-heading {
    text-align: left;
    top: 0;
  }
  .donation-form.donation-form-standalone .donation-form-content-wrapper {
    display: table;
    width: 100%;
  }
  .donation-form.donation-form-standalone .donation-form-amounts-list,
  .donation-form.donation-form-standalone .donation-form-amount-tooltip-wrapper {
    display: table-cell;
    width: 50%;
  }
  .donation-form.donation-form-standalone .donation-form-amount-error-tooltip-wrapper {
    width: 100%;
  }
  .donation-form.donation-form-standalone .donation-form-content-wrapper.max-exceeded .donation-form-amount-error-tooltip-wrapper {
    display: inline-block;
    margin-top: 0;
  }
  .donation-form.donation-form-standalone .donation-form-content-wrapper.max-exceeded .donation-form-amount-tooltip-arrow.donation-form-amount-error-tooltip-arrow {
    display: block;
    top: 3.4rem !important;
  }
  .donation-form.donation-form-standalone .donation-form-amount-tooltip-wrapper {
    float: left;
  }
  .donation-form.donation-form-standalone .donation-form-amount-tooltip {
    height: 100%;
  }
  .donation-form.donation-form-standalone .donation-form-amounts-list {
    float: right;
    padding-left: 1.25rem !important;
  }
  .donation-form.donation-form-standalone .donation-form-amounts-list-item {
    display: block;
    width: 100%;
    padding-right: 0;
    margin-bottom: 0;
    padding: 0.125rem;
  }
  .donation-form.donation-form-standalone .donation-form-amount-radio-label {
    width: 100%;
    margin: 0;
  }
  .donation-form.donation-form-standalone .donation-form-amounts-list-item.selected .donation-form-amount-tooltip-arrow,
  .donation-form.donation-form-standalone .donation-form-amounts-list-item.preview-selected .donation-form-amount-tooltip-arrow {
    display: none;
  }
  .donation-form.donation-form-standalone .donation-form-amounts-list-item.selected .donation-form-amount-error-tooltip-arrow,
  .donation-form.donation-form-standalone .donation-form-amounts-list-item.preview-selected .donation-form-amount-error-tooltip-arrow {
    top: 3.4rem !important;
  }
  .donation-form.donation-form-standalone .donation-form-amounts-list-item.selected .donation-form-amount-tooltip-arrow-mobile,
  .donation-form.donation-form-standalone .donation-form-amounts-list-item.preview-selected .donation-form-amount-tooltip-arrow-mobile {
    position: absolute;
    left: -1.4375rem;
    top: 0.625rem;
    display: initial;
    color: #ffffff;
  }
  .donation-form.donation-form-standalone .donation-form-amount-other-input-wrapper {
    max-width: 100%;
  }
  .donation-form.donation-form-standalone .donation-form-amounts-list-item.selected .donation-form-other-amount-input {
    padding: 0 0.375rem;
  }
  .donation-form.donation-form-standalone .donation-form-frequency-wrapper {
    display: inline-block;
    margin-top: 0.625rem;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .donation-form {
    padding: 1.25rem;
  }
  .donation-form .donation-form-heading,
  .donation-form .donation-form-sub-heading {
    display: block;
    width: 100%;
    float: none;
    max-width: 100%;
  }
  .donation-form .donation-form-heading {
    margin-top: 1.25rem;
  }
  .donation-form .donation-form-sub-heading {
    text-align: left;
    top: 0;
  }
  .donation-form .donation-form-content-wrapper {
    display: table;
    width: 100%;
  }
  .donation-form .donation-form-amounts-list,
  .donation-form .donation-form-amount-tooltip-wrapper {
    display: table-cell;
    width: 50%;
  }
  .donation-form .donation-form-amount-error-tooltip-wrapper {
    width: 100%;
  }
  .donation-form .donation-form-content-wrapper.max-exceeded .donation-form-amount-error-tooltip-wrapper {
    display: inline-block;
    margin-top: 0;
  }
  .donation-form .donation-form-content-wrapper.max-exceeded .donation-form-amount-tooltip-arrow.donation-form-amount-error-tooltip-arrow {
    display: block;
    top: 3.4rem !important;
  }
  .donation-form .donation-form-amount-tooltip-wrapper {
    float: left;
  }
  .donation-form .donation-form-amount-tooltip {
    height: 100%;
  }
  .donation-form .donation-form-amounts-list {
    float: right;
    padding-left: 1.25rem !important;
  }
  .donation-form .donation-form-amounts-list-item {
    display: block;
    width: 100%;
    padding-right: 0;
    margin-bottom: 0;
    padding: 0.125rem;
  }
  .donation-form .donation-form-amount-radio-label {
    width: 100%;
    margin: 0;
  }
  .donation-form .donation-form-amounts-list-item.selected .donation-form-amount-tooltip-arrow,
  .donation-form .donation-form-amounts-list-item.preview-selected .donation-form-amount-tooltip-arrow {
    display: none;
  }
  .donation-form .donation-form-amounts-list-item.selected .donation-form-amount-error-tooltip-arrow,
  .donation-form .donation-form-amounts-list-item.preview-selected .donation-form-amount-error-tooltip-arrow {
    top: 3.4rem !important;
  }
  .donation-form .donation-form-amounts-list-item.selected .donation-form-amount-tooltip-arrow-mobile,
  .donation-form .donation-form-amounts-list-item.preview-selected .donation-form-amount-tooltip-arrow-mobile {
    position: absolute;
    left: -1.4375rem;
    top: 0.625rem;
    display: initial;
    color: #ffffff;
  }
  .donation-form .donation-form-amount-other-input-wrapper {
    max-width: 100%;
  }
  .donation-form .donation-form-amounts-list-item.selected .donation-form-other-amount-input {
    padding: 0 0.375rem;
  }
  .donation-form .donation-form-frequency-wrapper {
    display: inline-block;
    margin-top: 0.625rem;
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .donation-form-amount-tooltip {
    font-size: 0.875rem;
    padding: 0.75rem;
  }
  [type='radio'] + label.donation-form-amount-radio-label {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
  .donation-form-amount-other-input-wrapper:before {
    padding-left: 0;
  }
  .donation-form {
    margin-left: -20px;
    border-radius: 0;
    margin-right: -20px;
  }
}

@media only screen and (max-width: 350px) {
  .donation-form-amounts-list-item.selected .donation-form-other-amount-input {
    padding: 0;
  }
}

/******************************************
FULL WIDTH DONATION MODULE
******************************************/
/* dependency: donation-form.scss */
.full-width-donation-module {
  position: relative;
}

.full-width-donation-module .donation-form {
  background: none;
  margin-top: 0;
  padding-right: 0;
  margin-left: 435px;
}

.full-width-donation-module .donation-form-text {
  border-top: 0;
  padding-top: 0;
}

.full-width-donation-module .full-width-donation-module-image {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(((100% - 1200px)/2) + 405px);
  height: 100%;
  background-size: cover;
  background-position: center;
}

.full-width-donation-module .full-width-donation-module-image img {
  height: 100%;
}

/**
* Experience editor styles
*/
.is-in-editing-mode .full-width-donation-module-image {
  z-index: 2;
}

.is-in-editing-mode .donation-form-amount-tooltip {
  height: auto !important;
}

@media only screen and (max-width: 1199px) {
  .full-width-donation-module-image {
    display: none;
  }
  .full-width-donation-module .donation-form {
    margin-left: 0;
    padding-right: 1.875rem;
  }
}

/******************************************
OVERVIEW COPY
******************************************/
.overview-copy {
  margin-right: 2.5rem;
}

.overview-copy-heading {
  margin-bottom: 1.875rem;
}

.overview-copy-heading-subtext {
  font-weight: bold;
  margin-bottom: 1.25rem;
}

@media only screen and (max-width: 48rem) {
  .overview-copy {
    margin-right: 0;
  }
}

/******************************************
ADD MEMBERSHIP
******************************************/
.add-membership {
  border-radius: 0.5rem;
  background: linear-gradient(90deg, #00A3D8, #2E3192);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A3D8', endColorstr='#2E3192');
  /*For IE7-8-9*/
  color: white;
  padding: 0.9375rem;
  display: table;
  width: 100%;
  margin-bottom: 1.875rem;
}

.add-membership-title-wrapper {
  display: table-cell;
  vertical-align: middle;
  padding-right: 1.25rem;
  max-width: 21.25rem;
}

.add-membership-icon {
  float: left;
  padding-right: 0.625rem;
}

.add-membership-icon i {
  font-size: 3.75rem;
}

.add-membership-title {
  color: #ffffff;
  margin-bottom: 0;
  width: 65%;
  display: inline-block;
  font-size: 1.5rem;
}

.add-membership-text-wrapper {
  display: table-cell;
  vertical-align: middle;
  padding-right: 1.25rem;
  max-width: 26.25rem;
}

.add-membership-text {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: bold;
}

.add-membership-price-button-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 19.375rem;
}

.add-membership-price {
  color: #ffffff;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 1.0625rem;
  margin-top: 0.3125rem;
}

.add-membership-button {
  padding: 0.6875rem 1.8125rem;
  font-size: 1.25rem;
  margin-bottom: 0;
  max-width: 12.5rem;
  border: 0;
}

.is-in-editing-mode .add-membership-button {
  float: right;
  color: #E40089;
  margin-bottom: 0.625rem;
}

@media only screen and (max-width: 900px) {
  .add-membership {
    margin-top: 1.875rem;
    padding: 1.875rem;
  }
  .add-membership-title {
    display: inline-block;
    float: none;
    margin-left: 1.25rem;
  }
  .add-membership-text-wrapper {
    margin-top: 1.25rem;
    padding: 0;
  }
  .add-membership-title-wrapper,
  .add-membership-text-wrapper {
    display: block;
    width: 100%;
  }
  .add-membership-price-button-wrapper {
    display: block;
    margin-top: 1.25rem;
    text-align: left;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .add-membership {
    padding: 1.25rem;
  }
  .add-membership-title-wrapper {
    max-width: 100%;
    padding-right: 0;
  }
  .add-membership-price-button-wrapper {
    text-align: left;
  }
  .add-membership-title-wrapper,
  .add-membership-text-wrapper {
    display: block;
    width: 100%;
  }
  .add-membership-text-wrapper {
    margin-top: 2.5rem;
  }
}

@media only screen and (max-width: 500px) {
  .add-membership-price {
    display: block;
  }
  .add-membership-button {
    display: block;
    margin-top: 1.25rem;
    float: none !important;
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 410px) {
  .add-membership-icon {
    margin-top: 0.625rem;
  }
  .add-membership-icon i {
    font-size: 3.125rem;
  }
}

/******************************************
APPLY VOUCHER
******************************************/
.apply-voucher .small-only {
  display: none;
}

.apply-voucher .field-validation-error {
  margin-top: 0.625rem;
  margin-left: 12.5rem;
  max-width: 16.25rem;
}

.apply-voucher-input-wrapper {
  max-width: 16.25rem;
}

.apply-voucher-input {
  margin-bottom: 0;
  display: inline;
}

.apply-voucher-button-wrapper {
  text-align: right;
}

.apply-voucher-button {
  padding: 0.875rem;
  margin: 0;
  margin-left: 1.25rem;
  float: none !important;
  font-weight: normal;
  box-shadow: none;
}

.apply-voucher-text-wrapper {
  padding-right: 1.25rem;
  width: 12.5rem;
}

.voucher-is-applied .apply-voucher-text-wrapper {
  padding-right: 0;
  width: auto;
}

@media only screen and (max-width: 1100px) {
  .apply-voucher .small-only {
    display: block;
  }
  .apply-voucher .large-only {
    display: none !important;
  }
  .apply-voucher .field-validation-error {
    margin-left: 0;
  }
  .apply-voucher-text-wrapper {
    width: auto;
  }
  .apply-voucher-text {
    display: block;
    margin-bottom: 0.9375rem;
  }
  .apply-voucher .field-validation-error,
  .apply-voucher-input-wrapper {
    width: 80%;
    max-width: none;
  }
  .apply-voucher-input-wrapper + .apply-voucher-button-wrapper {
    vertical-align: bottom;
  }
}

@media only screen and (max-width: 910px) {
  .apply-voucher {
    margin-top: 1.875rem;
  }
}

@media only screen and (max-width: 768px) {
  .apply-voucher .u-table {
    display: table;
  }
  .apply-voucher .u-table-cell {
    display: table-cell;
  }
  .apply-voucher-text-wrapper.u-table-cell {
    display: table-cell !important;
  }
  .apply-voucher-text-wrapper.u-table-cell.large-only {
    display: none !important;
  }
  .apply-voucher-button-wrapper {
    padding-left: 1.25rem;
  }
  .apply-voucher-button-wrapper.u-table-cell {
    display: table-cell !important;
  }
  .apply-voucher-button {
    margin-left: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .apply-voucher-text-wrapper {
    max-width: 100%;
    padding: 0;
  }
  .apply-voucher-text-wrapper.u-table-cell {
    display: block !important;
  }
  .apply-voucher-button-wrapper {
    padding: 0;
    margin-top: 0.625rem;
  }
  .apply-voucher-button-wrapper.u-table-cell {
    display: block !important;
  }
  .apply-voucher-input-wrapper.u-table-cell {
    display: block;
    width: 100%;
  }
  .apply-voucher .field-validation-error {
    width: 100%;
  }
}

/******************************************
VAT EXEMPTION POD
******************************************/
.vat-exemption {
  border-radius: 0.5rem;
  margin-top: 1.875rem;
  border: 0.0625rem solid #D4D4D4;
  padding: 0 1.25rem;
}

.vat-exemption-content-wrapper {
  padding: 1.875rem 1.25rem;
}

.vat-exemption-content-intro-text {
  margin-top: 0.625rem;
}

.vat-exemption-text {
  color: #414042;
  margin-bottom: 0.5rem;
}

.vat-exemption-link {
  color: #2E3192;
  text-decoration: underline;
}

.vat-exemption-confirmation {
  background: #F0F0F0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding: 1.875rem 1.25rem;
}

.vat-exemption-confirmation-wrapper {
  margin-top: 2.1875rem;
}

[type='checkbox'] + label.vat-exemption-confirmation-label {
  margin-left: 0;
}

.vat-exemption-content-wrapper [type='radio'] + label {
  margin-left: 0;
}

.vat-exemption-label-input-wrapper {
  display: table;
  margin-top: 1.5625rem;
}

.vat-exemption-label-wrapper {
  display: table-cell;
}

.vat-exemption-input-wrapper {
  display: table-cell;
  width: 23.125rem;
  padding-left: 0.75rem;
}

.vat-exemption-input-label {
  display: inline-block;
}

.vat-exemption-input {
  display: inline-block;
  max-width: 100%;
}

.loading-message {
  display: none;
}

/* Your Details Vat exemption */
.your-details-vat-exemption-heading-pod {
  padding: 1.875rem;
}

.your-details-vat-exemption-heading-pod-heading {
  color: #ffffff;
}

.your-details-vat-exemption-heading-pod-text {
  color: #ffffff;
  margin-bottom: 0.625rem;
}

.your-details-vat-exemption-heading-pod-link {
  color: #ffffff;
}

.your-details-vat-exemption-heading-pod-link:hover {
  color: #ffffff;
  text-decoration: none;
}

.vat-exemption-details-heading {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
}

.your-details-vat-excemption-confirmation {
  border-radius: 0;
  margin: 1.25rem 0 1.875rem;
}

.vat-exemption-back-link {
  color: #2E3192;
}

.vat-exemption-back-link:hover {
  text-decoration: none;
}

.vat-exemption-back-link i {
  position: absolute;
  line-height: inherit;
}

.vat-exemption-back-link .shop-basket-back-link-text {
  margin-left: 1.875rem;
}

@media only screen and (max-width: 768px) {
  .vat-exemption-label-input-wrapper {
    display: block;
    margin-top: 1.5625rem;
  }
  .vat-exemption-input-wrapper {
    display: block;
    padding-left: 0;
    width: 100%;
  }
  .vat-exemption-input {
    display: block;
  }
  .vat-exemption-back-link {
    margin-bottom: 1.25rem;
  }
}

/******************************************
MINI CONTENT POD
******************************************/
.mini-content-pod {
  width: 100%;
  padding: 1.875rem;
  text-align: center;
  border-radius: 0.5rem;
  background: linear-gradient(90deg, #00A3D8, #2E3192);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A3D8', endColorstr='#2E3192');
  /*For IE7-8-9*/
  line-height: 1.3;
}

.mini-content-pod .mini-content-pod-text {
  line-height: 1.3;
  color: #ffffff;
  margin: 0;
  font-size: 1.25rem;
}

.mini-content-pod .mini-content-pod-text strong {
  font-size: 1.5rem;
}

@media only screen and (max-width: 48rem) {
  .purchase-info-pods div:nth-child(2) .purchase-info-pod, .purchase-info-pods div:nth-child(3) .purchase-info-pod {
    margin-top: 1.875rem;
  }
}

/******************************************
SAFE PAYMENT POD
******************************************/
.safe-payment-pod {
  width: 100%;
  border-radius: 0.5rem;
  border: solid 1px #d4d4d4;
  padding: 1.875rem 1.25rem;
}

.safe-payment-card-wrapper {
  margin-bottom: 0.875rem;
  text-align: center;
}

.safe-payment-card {
  display: inline-block;
  margin-right: 1.125rem;
  margin-top: 0.75rem;
  max-width: 75px;
}

.safe-payment-card:last-child {
  margin-left: 0;
}

.safe-payment-text-wrapper {
  text-align: center;
}

.safe-payment-text {
  margin-bottom: 0;
}

@media only screen and (max-width: 36.25rem) {
  .safe-payment-pod {
    padding: 1.25rem 0.3125rem 1.25rem 0;
  }
  .safe-payment-card-wrapper {
    padding-left: 1.25rem;
  }
  .safe-payment-text-wrapper {
    padding-left: 1.25rem;
  }
}

@media only screen and (max-width: 28.75rem) {
  .safe-payment-card-wrapper {
    text-align: left;
  }
}

@media only screen and (max-width: 22.5rem) {
  .safe-payment-card {
    margin-right: 0.5rem;
  }
}

/******************************************
PRODUCT LIST
******************************************/
.product-list {
  border-top: 0.0625rem solid #E0E0E0;
  padding-top: 1.25rem;
  position: relative;
}

.product-list .product-card,
.product-list .case-study,
.product-list .find-best-products {
  margin: 0;
}

.product-list .product-card [class^='rating-'],
.product-list .case-study [class^='rating-'],
.product-list .find-best-products [class^='rating-'] {
  margin-top: 0.625rem;
}

.product-list [data-ng-bind-html] {
  height: 100%;
}

.product-list .column:last-child:not(:first-child), .product-list .columns:last-child:not(:first-child) {
  float: left;
}

.product-list-overlay {
  position: absolute;
  top: 0;
  bottom: -1.25rem;
  left: -1.25rem;
  right: -1.25rem;
  background: #ffffff;
  z-index: 100;
}

@media only screen and (max-width: 1199px) {
  .product-list > div:nth-of-type(2n) > div {
    margin-left: 0;
    margin-right: 0;
  }
  .product-list > div:nth-of-type(2n + 2) > div {
    margin-left: 0;
    margin-right: 2.5rem;
  }
}

@media only screen and (max-width: 991px) {
  .product-list .row > div:nth-of-type(2n) > div {
    margin-right: 0.625rem;
    margin-left: 0;
  }
  .product-list .row > div:nth-of-type(2n + 1) > div {
    margin-left: 0.625rem;
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .product-list .columns {
    width: 50%;
  }
  .product-list .product-card,
  .product-list .case-study,
  .product-list .find-best-products {
    width: 100%;
    margin: 0 !important;
  }
  .product-list .product-card .product-card-details-price-vat,
  .product-list .case-study .product-card-details-price-vat,
  .product-list .find-best-products .product-card-details-price-vat {
    margin-bottom: 0;
  }
  .product-list .row > div:nth-of-type(2n) > div {
    margin-right: 0;
  }
  .product-list .row > div:nth-of-type(2n + 1) > div {
    margin-left: 0;
  }
}

@media only screen and (max-width: 550px) {
  .product-list > .row > .columns {
    width: 100%;
  }
}

/******************************************
FILTER PANEL
******************************************/
.filter-panel {
  background: url("/Content/AHL/images/gif/ajax-loader.gif") no-repeat 50% 50%;
  border-radius: 0.5rem;
  margin-bottom: 2.5rem;
  max-height: 0;
  padding: 1.25rem;
  overflow: hidden;
  transition: 2s;
}

.filter-panel .heading-promo, .filter-panel .form-title {
  margin-top: 1.25rem;
}

.filter-panel.filter-panel-open {
  max-height: 625rem;
  background: #F0F0F0;
}

.filter-panel.filter-panel-open .heading-promo, .filter-panel.filter-panel-open .form-title {
  margin-top: 0;
}

.filter-panel h2,
.filter-panel h3,
.filter-panel h4 {
  color: #414042;
}

.filter-panel h4.heading-promo, .filter-panel h4.form-title {
  font-size: 1.25rem;
}

.filter-panel h2 {
  margin-bottom: 1.25rem;
}

.filter-panel .checkRadioSet label {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-size: 0.875rem;
  margin-left: 0;
  margin-right: 0;
  display: block;
  width: calc(100% - 30px);
  float: left;
}

.filter-panel .checkRadioSet label:before {
  margin-bottom: 11px;
}

.filter-panel .checkRadioSet label + .tooltip-button {
  float: right;
}

.filter-panel .tooltip-button {
  float: right;
  margin-top: 0.125rem;
}

.filter-panel-accordion-icon {
  display: none;
  color: #2E3192;
}

.filter-panel-show-more-filters-wrapper {
  position: relative;
  top: -0.625rem;
}

.filter-panel-show-more-filters-button {
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  color: #2E3192;
  position: relative;
  top: -0.1875rem;
  left: 1.875rem;
  text-decoration: none;
}

.filter-panel-show-more-filters-button:hover {
  text-decoration: none;
}

.filter-panel-show-more-filters-button:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  position: absolute;
  top: -0.375rem;
  left: -1.875rem;
  font-size: 1.25rem;
}

.filter-panel-show-more-filters-button.less:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
}

.filter-panel-show-more-filters-button .filter-panel-show-more-filters-button-text {
  text-decoration: underline;
}

.filter-panel-clear-button {
  margin-bottom: 0;
  border-radius: 0.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.filter-panel-clear-filters-button {
  margin-bottom: 0;
}

.filter-panel [class^="rating-"] .icon-set-wrapper {
  position: relative;
  top: -2px;
}

.filter-panel [class^="rating-"] .icon-set-wrapper .icon-Star:before {
  line-height: 2;
}

@media only screen and (max-width: 768px) {
  .filter-panel {
    margin-bottom: 0;
  }
  .filter-panel .heading-promo, .filter-panel .form-title {
    margin-bottom: 0;
    cursor: pointer;
  }
  .filter-panel .filter-panel-accordion-icon {
    display: inline-block;
    float: right;
    position: relative;
    top: 0.125rem;
  }
  .filter-panel .facet-groups-wrapper {
    max-height: 0;
    transition: all .5s ease;
    overflow: hidden;
  }
  .filter-panel .facet-groups-wrapper.open {
    max-height: 3000px;
  }
  .filter-panel .facet-groups-wrapper.allow-overflow {
    overflow: visible;
  }
  .filter-panel .facet-group:first-of-type {
    padding-top: 1.25rem;
  }
  .filter-panel h4 {
    position: relative;
    display: inline-block;
    padding-right: 50px;
  }
  .filter-panel li {
    float: left;
    display: inline-block;
    clear: both;
    position: relative;
  }
  .filter-panel .checkRadioSet label {
    float: none;
    width: auto;
    padding-right: 50px;
  }
  .filter-panel .tooltip-button {
    position: absolute;
    right: 0;
    bottom: 12px;
    margin-top: 0;
  }
  .filter-panel h4 .tooltip-button {
    bottom: 0;
  }
}

/******************************************
PAGINATION
******************************************/
.pagination {
  border-radius: 0.5rem;
  height: 3rem;
  overflow: hidden;
  background: #F0F0F0;
}

.pagination .u-table-cell {
  vertical-align: middle;
}

.pagination-prev-cell,
.pagination-next-cell {
  width: 7.5rem;
}

.no-labels .pagination-prev-cell,
.no-labels .pagination-next-cell {
  width: 1.875rem;
}

.pagination-page-cell {
  text-align: center;
}

.pagination-next-cell {
  text-align: right;
}

.pagination-list {
  position: relative;
  top: 0.625rem;
  display: inline-block;
  height: 2.25rem;
  font-size: 0.875rem;
}

.pagination-list-item {
  float: left;
  color: #2E3192;
  margin-bottom: 0;
}

.pagination-prev,
.pagination-next {
  color: #2E3192;
  display: block;
}

.pagination-prev {
  margin-left: 1.25rem;
}

.pagination-next {
  margin-right: 1.25rem;
  float: right;
}

.pagination-button,
.pagination-separator {
  padding: 0.375rem 0.625rem;
  margin: 0 0.1875rem;
  margin-bottom: 0;
}

.pagination-button.active,
.pagination-separator.active {
  background: #2E3192;
  text-decoration: none;
  color: #ffffff;
}

.pagination-prev-text,
.pagination-next-text,
.pagination-page-number {
  border-bottom: 0.0625rem solid #2E3192;
}

.pagination-prev-inner [class^="icon-"],
.pagination-next-inner [class^="icon-"] {
  position: relative;
  top: 0.1875rem;
}

.pagination-prev-inner [class^="icon-"] {
  margin-right: 0.625rem;
}

.pagination-next-inner [class^="icon-"] {
  margin-left: 0.625rem;
}

/******************************************
TOOLTIPS
******************************************/
.tooltip {
  width: 20px;
  height: 20px;
  display: block;
}

.tooltip.show .tooltip-content {
  display: inline-block;
}

.tooltip-wrapper {
  position: absolute;
  width: 25rem;
  display: inline-block;
}

.tooltip-content {
  position: absolute;
  display: none;
  max-width: 25rem;
  padding: 0 !important;
  background: #ffffff;
  z-index: 1000;
  color: #414042;
  line-height: 1.5;
  text-transform: none;
  outline: none;
  text-align: left;
  font-size: 1rem;
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-color: #D4D4D4;
  box-shadow: 0 0 8px 0 #D4D4D4;
  border-width: 2px;
}

.tooltip-content:hover {
  display: inline-block;
}

.tooltip-content.error {
  background: #D0021B;
  color: #ffffff;
}

.tooltip-content:before, .tooltip-content:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
}

.tooltip-icon {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}

.tooltip-icon:before {
  font-size: 1.25rem;
}

.tooltip.img-icon,
.tooltip.img-icon .tooltip-icon {
  width: 24px;
  height: 24px;
}

.tooltip-button {
  border: 1px solid transparent;
  padding: 2px;
  border-radius: 100%;
  background: transparent;
  cursor: help;
}

.tooltip-button:focus .tooltip-content,
.tooltip-button:hover .tooltip-content {
  display: block;
}

.tooltip-inner-wrapper {
  padding: 0.625rem 0.75rem;
  position: relative;
}

.tooltip-below .tooltip-content:before {
  top: -0.75rem;
  left: calc(50% - 12px);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #D4D4D4;
}

.tooltip-below .tooltip-content:after {
  top: -0.5625rem;
  left: calc(50% - 9px);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ffffff;
}

.tooltip-below .tooltip-content.error:before, .tooltip-below .tooltip-content.error:after {
  border-bottom-color: #D0021B;
}

.tooltip-above .tooltip-content:before {
  bottom: -0.8125rem;
  left: calc(50% - 12px);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #D4D4D4;
}

.tooltip-above .tooltip-content:after {
  bottom: -0.5625rem;
  left: calc(50% - 9px);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #ffffff;
}

.tooltip-above .tooltip-content.error:before, .tooltip-above .tooltip-content.error:after {
  border-top-color: #D0021B;
}

.tooltip-left .tooltip-content:before {
  right: -0.75rem;
  top: calc(50% - 12px);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #D4D4D4;
}

.tooltip-left .tooltip-content:after {
  right: -0.5625rem;
  top: calc(50% - 9px);
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #ffffff;
}

.tooltip-left .tooltip-content.error:before, .tooltip-left .tooltip-content.error:after {
  border-left-color: #D0021B;
}

.tooltip-right .tooltip-content:before {
  left: -0.75rem;
  top: calc(50% - 12px);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #D4D4D4;
}

.tooltip-right .tooltip-content:after {
  left: -0.5625rem;
  top: calc(50% - 9px);
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #ffffff;
}

.tooltip-right .tooltip-content.error:before, .tooltip-right .tooltip-content.error:after {
  border-right-color: #D0021B;
}

@media only screen and (max-width: 768px) {
  .tooltip-content:before, .tooltip-content:after {
    content: none;
  }
  .tooltip-pointer {
    position: relative;
    top: -3.4375rem;
    z-index: 1000;
    display: none;
  }
  .tooltip-pointer:before, .tooltip-pointer:after {
    content: '';
    display: block;
    position: relative;
  }
  .tooltip-pointer:before {
    bottom: -0.8125rem;
    left: -0.125rem;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #D4D4D4;
  }
  .tooltip-pointer:after {
    top: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #ffffff;
  }
  .tooltip-button:hover .tooltip-pointer {
    display: block;
  }
}

.tooltip.img-icon .tooltip-pointer {
  top: -3.625rem;
}

.tooltip.img-icon .tooltip-pointer:before {
  bottom: -0.8125rem;
  left: -0.125rem;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #D4D4D4;
}

.tooltip.img-icon .tooltip-pointer:after {
  top: -2px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #ffffff;
}

@media only screen and (max-width: 31.25rem) {
  .tooltip-content {
    max-width: none;
  }
}

/******************************************
SITE SEARCH DETAILS
******************************************/
.site-search-form {
  margin-bottom: 0;
}

.site-search-form .u-table-cell {
  vertical-align: middle;
  position: relative;
}

.site-search-form .checkRadioSet {
  margin-bottom: 0;
}

.site-search-form {
  padding: 0;
  border: none;
}

.site-search-form .site-search-options-wrapper .radio-label {
  margin: 0;
  font-size: 0.875rem;
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8125rem;
}

.site-search-form .site-search-options-wrapper .radio-label:first-of-type {
  position: relative;
  top: 0.1875rem;
}

.site-search-wrapper {
  height: 3.75rem;
  border: 0.0625rem solid #e4e4e5;
  border-radius: 0.375rem;
}

.site-search-input,
.site-search-input:focus {
  border: none;
  border-right: 1px solid #E0E0E0;
  box-shadow: none;
  margin: 0.5rem 0 0.5rem 0.0625rem;
  padding: 0 1.125rem;
  height: 2.625rem;
  border-radius: 0;
}

.site-search-input:-ms-input-placeholder,
.site-search-input:focus:-ms-input-placeholder {
  color: #414042;
}

.site-search-input::placeholder,
.site-search-input:focus::placeholder {
  color: #414042;
}

.site-search-options-wrapper {
  width: 5.625rem;
}

.site-search-options-wrapper .radio-label {
  margin-right: 0.5rem;
}

.site-search-submit-cell {
  background: #f5f5f5;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-left: 0.0625rem solid #e4e4e5;
}

.site-search-submit {
  width: 100%;
  height: 100%;
}

.site-search-icon {
  position: absolute;
  top: 1.125rem;
  left: 1.125rem;
  font-size: 1.5625rem;
  color: #2E3192;
}

.site-search-form.mobile {
  display: block;
  width: 100%;
  background: #F5F5F5;
  padding: 1.25rem;
  margin-top: 1rem;
}

.site-search-form.mobile .u-table {
  display: table;
}

.site-search-form.mobile .u-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.site-search-form.mobile .site-search-form-fieldset {
  padding: 0;
}

.site-search-form.mobile .site-search-form-legend {
  display: inline-block;
  width: auto;
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  color: #2E3192;
  font-weight: bold;
}

.site-search-form.mobile .site-search-options-wrapper {
  margin-bottom: 1.125rem;
  width: auto;
  float: right;
}

.site-search-form.mobile .site-search-input {
  height: 3.125rem;
  margin: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #e4e4e5;
}

.site-search-form.mobile .site-search-submit-cell {
  width: 3.75rem;
}

.site-search-form.mobile .site-search-submit-wrapper {
  width: 3.75rem;
  height: 3.125rem;
  position: relative;
}

.site-search-form.mobile .site-search-submit {
  border: none;
  width: 3.75rem;
  height: 3.125rem;
  background: #ffffff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #D4D4D4;
  border-left: none;
}

.site-search-form.mobile .site-search-icon {
  position: absolute;
  top: 0.875rem;
  left: 1.125rem;
  font-size: 1.5625rem;
  color: #2E3192;
}

@media only screen and (max-width: 768px) {
  .site-search-form {
    display: block;
    width: 100%;
    background: #F5F5F5;
    padding: 1.25rem;
    margin-top: 1rem;
  }
  .site-search-form .u-table {
    display: table;
  }
  .site-search-form .u-table-cell {
    display: table-cell;
    vertical-align: middle;
  }
  .site-search-form .site-search-form-fieldset {
    padding: 0;
  }
  .site-search-form .site-search-form-legend {
    display: inline-block;
    width: auto;
    font-family: 'Gotham-Bold', arial, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #2E3192;
    font-weight: bold;
  }
  .site-search-form .site-search-options-wrapper {
    margin-bottom: 1.125rem;
    width: auto;
    float: right;
  }
  .site-search-form .site-search-input {
    height: 3.125rem;
    margin: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #e4e4e5;
  }
  .site-search-form .site-search-submit-cell {
    width: 3.75rem;
  }
  .site-search-form .site-search-submit-wrapper {
    width: 3.75rem;
    height: 3.125rem;
    position: relative;
  }
  .site-search-form .site-search-submit {
    border: none;
    width: 3.75rem;
    height: 3.125rem;
    background: #ffffff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #D4D4D4;
    border-left: none;
  }
  .site-search-form .site-search-icon {
    position: absolute;
    top: 0.875rem;
    left: 1.125rem;
    font-size: 1.5625rem;
    color: #2E3192;
  }
}

@media only screen and (max-width: 850px) {
  .site-search-form .site-search-options-wrapper .radio-label {
    display: inline-block;
    position: relative;
    top: -0.5rem;
    padding-top: 0.4375rem;
    font-size: 1rem;
  }
  .site-search-form .site-search-options-wrapper .radio-label:first-of-type {
    top: 0;
  }
  .site-search-form.mobile .site-search-input-wrapper {
    border: 1px solid #D4D4D4;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .site-search-form.mobile .site-search-input,
  .site-search-form.mobile .site-search-submit {
    border: 0;
  }
  .site-search-form.mobile .site-search-input {
    width: 100%;
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .site-search-form.mobile .site-search-submit {
    background: #E0E0E0;
    border-left: 1px solid #D4D4D4;
  }
  .site-search-submit-cell {
    border: 0;
    border-radius: 0 0.5rem 0.5rem 0;
  }
}

@media only screen and (max-width: 400px) {
  .header .site-search-form .site-search-options-wrapper .radio-label {
    padding-left: 1rem;
  }
  .header .site-search-form .site-search-options-wrapper .radio-label:first-of-type {
    margin-right: 1.25rem;
  }
}

/******************************************
CHECKOUT LOGIN PAGE
******************************************/
/* SHARED STYLE BETWEEN NEW CUSTOMER AND REGISTERED CUSTOMER */
.loginRegister-login-heading {
  margin-top: 0.625rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.loginRegister-login-email-input {
  margin-top: 1.25rem;
}

.lightbox-loginRegister-wrapper button[type="submit"] {
  margin-top: 0.625rem;
}

/* NEW CUSTOMER LOGIN AREA STYLES*/
.loginRegister-newCustomer-wrapper {
  padding: 1.25rem;
  padding-right: 2.4375rem;
}

.loginRegister-newCustomer-radioSet {
  margin-top: 1.25rem;
}

.loginRegister-newCustomer-fieldset {
  margin-bottom: 0.625rem;
  border: none !important;
}

.loginRegister-newCustomer-details {
  margin-top: 1.25rem;
  padding-left: 1.25rem;
}

.lightbox-loginRegister-mobile-wrapper {
  display: none;
}

/* REGISTERD CUSTOMER LOGIN AREA STYLES */
.loginRegister-registeredCustomer-border-left {
  border-left: 0.0625rem solid #D4D4D4;
}

.loginRegister-registeredCustomer-border-right {
  border-right: 0.0625rem solid #D4D4D4;
}

.loginRegister-registeredCustomer-wrapper {
  padding: 1.25rem;
  padding-left: 2.5rem;
}

.loginRegister-registeredCustomer-forgotPassword {
  margin-bottom: 1.25rem;
}

.lightbox-loginRegister-wrapper .loginRegister-registeredCustomer-forgotPassword {
  margin-bottom: 0.125rem;
}

.login-subtext {
  margin-top: 1.25rem;
}

@media only screen and (max-width: 768px) {
  .lightbox-loginRegister-wrapper {
    display: none;
  }
  .lightbox-loginRegister-mobile-wrapper {
    display: block;
  }
  .lightbox-loginRegister-mobile-wrapper .login-button {
    margin-bottom: 0;
    text-align: center;
  }
  .lightbox-loginRegister-mobile-wrapper .tab-wrapper {
    margin-bottom: 0;
  }
  .loginRegister-newCustomer-wrapper {
    padding: 0;
  }
  .loginRegister-newCustomer-fieldset {
    margin-bottom: 0.625rem;
  }
  .loginRegister-newCustomer-fieldset label {
    display: block;
    margin-top: 0.625rem;
  }
  .loginRegister-registeredCustomer-wrapper {
    padding: 0;
    border-top: 0.0625rem solid #D4D4D4;
    border-left: 0;
    margin-top: 1.875rem;
  }
  .loginRegister-registeredCustomer-border-left {
    border: none;
  }
  .loginRegister-registeredCustomer-border-right {
    border: none;
  }
  .lightbox .loginRegister-registeredCustomer-wrapper {
    border-top: 0;
  }
}

/******************************************
CHECKOUT PROCESS STEPS
******************************************/
.checkout-process-steps {
  border-radius: 0.5rem;
  border: 0.0625rem solid #D4D4D4;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

.checkout-process-step {
  text-align: center;
  position: relative;
  border-right: 0;
  padding-bottom: 0.0625rem;
  background: #4C4DA4;
  color: #ffffff;
  height: 2.8125rem;
}

.checkout-process-step a {
  text-decoration: none;
  display: block;
}

.checkout-process-step:before, .checkout-process-step:after {
  content: "";
  background: #4C4DA4;
}

.checkout-process-step:first-child {
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}

.checkout-process-step:first-child .checkout-process-step-arrow-helper {
  left: 0;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}

.checkout-process-step:last-child {
  border-bottom-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.checkout-process-step:before {
  position: absolute;
  right: 13px;
  height: 2.875rem;
  width: 1.875rem;
  z-index: 2;
}

.checkout-process-step:after {
  height: 2.5rem;
  width: 2.5rem;
  position: absolute;
  pointer-events: none;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  border: 0.0625rem solid #6C6EB2;
  border-radius: 0.5rem;
  z-index: 1;
  top: 0.125rem;
  right: -0.3125rem;
}

.checkout-process-step:last-child:before, .checkout-process-step:last-child:after {
  display: none;
}

.checkout-process-step-arrow-helper {
  height: 46px;
  width: 20px;
  position: absolute;
  left: -10px;
  background: #4C4DA4;
}

[class^='checkout-process-step-text'] {
  color: #414042;
  margin: 0;
  padding: 0.625rem;
  left: 0.125rem;
  color: #ffffff;
  position: relative;
  z-index: 3;
}

.checkout-process-step:first-of-type [class^='checkout-process-step-text'] {
  left: 0;
}

.checkout-process-step-text-mobile {
  display: none;
}

.checkout-process-step.active {
  background: #2E3192;
}

.checkout-process-step.active:after, .checkout-process-step.active:before {
  background: #2E3192;
}

.checkout-process-step.active .checkout-process-step-arrow-helper {
  background: #2E3192;
}

.checkout-process-step.active [class^='checkout-process-step-text'] {
  color: #ffffff;
}

.checkout-process-step.active ~ .checkout-process-step {
  background: #ffffff;
}

.checkout-process-step.active ~ .checkout-process-step:before, .checkout-process-step.active ~ .checkout-process-step:after {
  background: #ffffff;
}

.checkout-process-step.active ~ .checkout-process-step:after {
  border-color: #D4D4D4;
}

.checkout-process-step.active ~ .checkout-process-step .checkout-process-step-arrow-helper {
  background: #ffffff;
}

.checkout-process-step.active ~ .checkout-process-step [class^='checkout-process-step-text'] {
  color: #414042;
}

@media only screen and (max-width: 768px) {
  .checkout-process-steps {
    display: table;
  }
  .checkout-process-steps .u-table-cell {
    display: table-cell;
    vertical-align: middle;
  }
  .checkout-process-step.active .checkout-process-step-text-mobile {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .checkout-process-step:not(.active) .checkout-process-step-text {
    display: none;
  }
  .checkout-process-step:not(.active) .checkout-process-step-text-mobile {
    display: block;
  }
}

@media only screen and (max-width: 450px) {
  .checkout-process-step:not(.active):not(.prev-active):before, .checkout-process-step:not(.active):not(.prev-active):after {
    display: none;
  }
  .checkout-process-step:not(.active):not(.prev-active) .checkout-process-step-text-mobile {
    border-right: 1px solid #6C6EB2;
  }
  .checkout-process-step.active .checkout-process-step-text {
    display: none;
  }
  .checkout-process-step.active .checkout-process-step-text-mobile {
    display: block;
  }
  .checkout-process-step.active ~ .checkout-process-step .checkout-process-step-text-mobile {
    border-right: 1px solid #D4D4D4;
  }
}

/******************************************
FORGOTTEN PASSWORD
******************************************/
@media only screen and (max-width: 768px) {
  .forgotten-password-wrapper {
    padding: 1.25rem;
  }
}

/******************************************
CONTENT CARD
******************************************/
.content-card-list-wrapper .columns:last-of-type {
  float: left !important;
}

.content-card {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  padding: 0;
  overflow: hidden;
  height: 100%;
  position: relative;
  margin-bottom: 1.875rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.content-card .youtube-video {
  position: relative;
}

.content-card .youtube-video .youtube-video-wrapper {
  height: 100%;
  position: relative;
}

.content-card .youtube-video img {
  width: 100%;
  cursor: pointer;
}

.content-card .youtube-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.content-card .youtube-video.youtube-video-with-poster iframe {
  visibility: hidden;
}

.content-card .youtube-video.playing iframe {
  visibility: visible;
}

.large-4 .content-card .youtube-video {
  max-height: 12.5rem;
}

.large-6 .content-card .youtube-video {
  max-height: 19.5625rem;
}

.is-in-editing-mode .large-4 .content-card .youtube-video {
  height: 12.5rem;
}

.is-in-editing-mode .large-6 .content-card .youtube-video {
  height: 19.5625rem;
}

.is-in-editing-mode .content-card .youtube-video iframe {
  height: 12.5rem;
}

.is-in-editing-mode .content-card .youtube-video.youtube-video-with-poster iframe {
  position: static;
  visibility: visible;
}

[id^='showcase-jw-player-'][id$='_wrapper'] {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  overflow: hidden;
}

img.content-card-thumbnail-image,
.content-card-thumbnail-image img {
  width: 100%;
}

.content-card-heading {
  display: block;
}

.content-card-heading a {
  color: #414042;
}

.columns.large-4 .content-card-heading {
  font-size: 24px;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
}

.content-card-link-heading a {
  font-size: 1.5rem;
}

.content-card-link-heading a:hover {
  text-decoration: underline;
}

.content-card-heading.heading-promo, .content-card-heading.form-title {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

.two-column-row .content-card-summary {
  margin-bottom: 1.875rem;
}

.content-card-content {
  padding: 0.9375rem 1.25rem 0.625rem;
}

.content-card-summary {
  margin-bottom: 1.25rem;
}

.content-card-text-link {
  display: block;
}

.content-card-section-links {
  background: #F0F0F0;
  border-top: 0.0625rem solid #D4D4D4;
  padding: 1.25rem 1.875rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.content-card-section-links-list {
  position: relative;
}

.content-card-section-links-list:after {
  content: "";
  display: table;
  clear: both;
}

.content-card-section-links-list-label {
  float: left;
  margin-right: 1.25rem;
}

.content-card-section-links-list-item {
  float: left;
  margin-right: 0.625rem;
  margin-bottom: 0;
  line-height: 1.25rem;
  font-size: 0.875rem;
}

.content-card-section-links-list-item:after {
  content: ">";
  display: inline-block;
  margin-left: 0.5rem;
}

.content-card-section-links-list-item.no-arrow:after, .content-card-section-links-list-item:last-of-type:after {
  content: "";
}

.content-card-section-links-list-link {
  color: #2E3192;
}

@media only screen and (max-width: 768px) {
  .content-card .youtube-video {
    max-height: 25.5rem;
  }
  .content-card-list-wrapper .content-card {
    margin-bottom: 0;
  }
}

/******************************************
CONTACT OPTIONS POD
******************************************/
.contact-options-pod .email,
.contact-options-pod .phone,
.contact-options-pod .textphone {
  word-break: break-all;
}

.contact-options-pod .email:before,
.contact-options-pod .phone:before,
.contact-options-pod .textphone:before {
  position: absolute;
  left: 0;
  top: 0.1875rem;
  font-size: 1.5rem;
  color: #E40089;
}

.contact-options-pod .email:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
}

.contact-options-pod .phone:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
}

.contact-options-pod .textphone:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
}

.contact-options-item {
  margin-bottom: 1rem;
  position: relative;
}

.contact-options-item-heading {
  font-size: 1rem;
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0;
}

.contact-options-item-heading,
.contact-options-item-text-wrapper,
.contact-options-item-link-wrapper {
  margin-left: 2.5rem;
}

.contact-options-item-link-wrapper a {
  color: #414042;
}

/******************************************
NEWSLETTER MULTIPLE SIGNUP
******************************************/
.newsletter-multiple-signup-pod {
  border-radius: 0.5rem;
  background: #dff5fd;
  padding: 2rem 1.125rem;
  margin-bottom: 3.75rem;
}

.newsletter-multiple-signup-pod form {
  padding: 0;
  margin: 0;
  border: none;
}

.newsletter-multiple-signup-pod form:after {
  content: "";
  display: table;
  clear: both;
}

.newsletter-multiple-signup-pod p {
  margin-bottom: 0.625rem;
}

.newsletter-multiple-signup-pod-heading {
  color: #414042;
}

.newsletter-multiple-signup-pod [type='submit'] {
  margin: 0.625rem 0 0.3125rem;
  float: none;
  width: 100%;
}

.newsletter-multiple-signup-pod .checkRadioSet {
  margin-top: 1.125rem;
  margin-bottom: 0;
}

.newsletter-multiple-signup-pod .checkRadioSet label {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.newsletter-multiple-signup-pod-checkbox-wrapper {
  margin-bottom: 0.5rem;
}

.newsletter-multiple-signup-pod-link,
.newsletter-multiple-signup-pod-link:focus {
  color: #2E3192;
  font-size: 0.875rem;
  margin-top: 0.9375rem;
  display: inline-block;
  text-decoration: underline;
}

.newsletter-multiple-signup-pod .single-option + [type="submit"] {
  width: 50%;
}

.newsletter-multiple-signup-pod .error {
  color: #D0021B;
  font-weight: bold;
}

.newsletter-multiple-signup-pod .success-message {
  background: #ffffff;
}

/******************************************
CHECKOUT REVIEW - ORDER SUMMARY
******************************************/
.order-summary-product-card {
  border: 0;
  box-shadow: none;
}

.order-summary-product-card-price-wrapper {
  display: table-cell;
  padding-left: 1.25rem;
  padding-top: 0.625rem;
  text-align: right;
  float: right;
}

.order-summary-product-card-price-wrapper .strong {
  padding-left: 0.625rem;
  font-weight: bold;
}

.order-summary-your-donation-wrapper {
  margin: 0.625rem auto;
  padding: 0.625rem 0;
  border-top: 0.0625rem solid #D4D4D4;
  border-bottom: 0.0625rem solid #D4D4D4;
}

.order-summary-spacer {
  width: 100%;
  display: block;
  border-top: 0.0625rem solid #D4D4D4;
}

.order-summary-your-donation-text {
  display: inline-block;
  margin: 0;
}

.order-summary-your-donation-price {
  display: inline-block;
  float: right;
  font-weight: bold;
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
}

.order-summary-total-price-wrapper {
  margin-bottom: 2.5rem;
}

.order-summary-total-price-row-wrapper {
  display: block;
  margin: 0.625rem 0;
  position: relative;
}

.order-summary-total-price-row-wrapper strong {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
}

.order-summary-total-price-heading {
  display: inline-block;
  margin: 0;
  max-width: 12.5rem;
}

.order-summary-total-price-heading span {
  display: block;
}

.order-summary-total-price-price {
  display: inline-block;
  float: right;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}

.order-summary-edit-link {
  float: right;
  margin-top: 1.25rem;
}

.order-summary-address-book-save-checkbox {
  margin-top: 0.625rem;
}

.order-summary-address-book-save-checkbox label {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .order-summary-product-card-price-wrapper {
    padding-left: 0;
  }
  .order-summary-your-donation-text {
    width: 75%;
  }
  .order-summary-edit-link {
    margin: 0;
  }
  .terms-and-conditions-wrapper label[for].check-label:before {
    margin-bottom: 0.5rem;
  }
}

@media only screen and (max-width: 40.625rem) {
  .order-summary-price-breakdown-column {
    width: 100%;
    left: 0;
  }
}

@media only screen and (max-width: 34.375rem) {
  .order-summary-product-card {
    display: block;
  }
  .order-summary-product-card-price-wrapper {
    display: block;
  }
  .order-summary-total-price-heading {
    max-width: 18.75rem;
  }
}

@media only screen and (max-width: 26.25rem) {
  .order-summary-total-price-heading {
    max-width: 16.25rem;
  }
}

@media only screen and (max-width: 23.375rem) {
  .order-summary-product-card-price-wrapper {
    margin-left: 0;
  }
  .order-summary-total-price-heading {
    max-width: 13.75rem;
  }
}

/******************************************
SIDEBAR NAVIGATION
******************************************/
.sidebar-navigation {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  border: none;
  padding: 0;
  overflow: hidden;
  margin-bottom: 1.875rem;
}

.sidebar-navigation h2 {
  margin-bottom: 0;
}

.sidebar-navigation .sidebar-navigation-heading-mobile {
  display: none;
  text-decoration: none;
}

.sidebar-navigation .sidebar-navigation-heading-mobile:focus, .sidebar-navigation .sidebar-navigation-heading-mobile:hover {
  color: #ffffff;
}

.sidebar-navigation .sidebar-navigation-heading-link {
  display: block;
  text-decoration: none;
}

.sidebar-navigation .sidebar-navigation-heading-link:focus, .sidebar-navigation .sidebar-navigation-heading-link:hover {
  color: #ffffff;
}

.sidebar-navigation-heading {
  padding: 1.25rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: linear-gradient(90deg, #00A3D8, #2E3192);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00A3D8', endColorstr='#2E3192');
  /*For IE7-8-9*/
  color: white;
  cursor: pointer;
  margin-bottom: 0;
}

.sidebar-navigation-list {
  padding: 1.25rem;
  list-style: none;
  margin: 0;
  background: #F0F0F0;
  border: 0.0625rem solid #D4D4D4;
  border-top: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.sidebar-navigation-list .active {
  font-weight: bold;
}

.sidebar-navigation-list-item {
  margin-bottom: 1.25rem;
  font-size: 1rem;
}

.sidebar-navigation-list-item:last-of-type {
  margin-bottom: 0;
}

.sidebar-navigation-list-item.active {
  font-weight: bold;
}

.sidebar-navigation-list-item-link {
  text-decoration: none;
  color: #2E3192;
}

.sidebar-navigation.multi-level .sidebar-navigation-list {
  background: none;
  padding: 1.875rem 1.25rem 3.75rem;
}

.sidebar-navigation.multi-level .sidebar-navigation-heading {
  position: relative;
}

.sidebar-navigation.multi-level .sidebar-navigation-heading-triangle {
  position: absolute;
  right: 2.5rem;
  bottom: -0.625rem;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 25px;
  height: 25px;
  border-radius: 0.25rem;
  overflow: hidden;
}

.sidebar-navigation.multi-level .sidebar-navigation-heading-triangle:after {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #283E9A;
}

.sidebar-navigation.multi-level .sidebar-navigation-list-item {
  margin-bottom: 0;
}

.sidebar-navigation.multi-level .sidebar-navigation-list-item.active {
  font-weight: normal;
}

.sidebar-navigation.multi-level .sidebar-navigation-list-item-link {
  color: #414042;
  display: block;
  padding: 0.625rem 1.25rem;
}

.sidebar-navigation.multi-level .sidebar-navigation-list-item.active .sidebar-navigation-list-item-link {
  background: #F0F0F0;
  border: 0.0625rem solid #E0E0E0;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.sidebar-navigation.multi-level .sidebar-navigation-sublist {
  margin: 1.25rem 0 1.25rem 1.25rem !important;
  border-left: 0.125rem solid #F0F0F0;
}

.sidebar-navigation.multi-level .sidebar-navigation-sublist-item {
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
  position: relative;
  left: -0.125rem;
}

.sidebar-navigation.multi-level .sidebar-navigation-sublist-item:last-of-type {
  margin-bottom: 0;
}

.sidebar-navigation.multi-level .sidebar-navigation-sublist-item.active {
  border-left: 0.125rem solid #2E3192;
}

.sidebar-navigation.multi-level .sidebar-navigation-sublist-link {
  color: #414042;
  text-decoration: none;
}

.sidebar-navigation.multi-level .sidebar-navigation-sublist-link:hover, .sidebar-navigation.multi-level .sidebar-navigation-sublist-link:focus {
  text-decoration: underline;
}

.sidebar-navigation.multi-level .sidebar-navigation-sublist-item.active .sidebar-navigation-sublist-link {
  color: #2E3192;
}

@media only screen and (max-width: 768px) {
  .sidebar-navigation.collapse-on-mobile {
    border-radius: 0;
    margin: 0 0 1.875rem 0;
    margin-right: 0;
    border-radius: 8px;
    overflow: hidden;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-heading-mobile {
    display: block;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-heading-link {
    display: none;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-heading {
    border-radius: 0;
    position: relative;
    font-size: 1.25rem;
    text-decoration: none;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-heading:hover, .sidebar-navigation.collapse-on-mobile .sidebar-navigation-heading:focus {
    color: #ffffff;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-heading:after {
    position: absolute;
    content: "";
    font-family: 'AOHL-Icons', arial, sans-serif;
    right: 1.25rem;
    font-size: 1.25rem;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-list {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-list li:first-of-type {
    margin-top: 1.25rem;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-list li:last-of-type {
    margin-bottom: 1.25rem;
  }
  .sidebar-navigation.collapse-on-mobile .sidebar-navigation-list.open {
    max-height: 800px;
  }
  .sidebar-navigation.collapse-on-mobile.active .sidebar-navigation-heading:after {
    content: "";
    font-family: 'AOHL-Icons', arial, sans-serif;
  }
}

/******************************************
FEATURED CONTENT PODS
******************************************/
.featured-content-pods-heading-wrapper {
  border-bottom: 0.0625rem solid #D4D4D4;
}

.featured-content-pod-wrapper {
  margin-top: 1.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
}

.featured-content-pod-heading {
  position: relative;
  padding-right: 2rem;
  text-decoration: none;
}

.featured-content-pod-heading:after {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  font-size: 0.875rem;
  position: absolute;
  margin-top: 0.125rem;
  padding-left: 1.125rem;
  color: #E40089;
  display: inline;
}

.featured-content-pod-heading:after, .featured-content-pod-heading:hover:after {
  text-decoration: underline;
}

.featured-content-pod-heading:after, .featured-content-pod-heading:hover:after {
  text-decoration: none;
}

.featured-content-pod-heading:hover {
  text-decoration: underline;
}

.featured-content-pod-content-wrapper {
  padding: 1.25rem 1.25rem 0;
}

.featured-content-pod-tags-wrapper {
  background: #F0F0F0;
}

.featured-content-pod-tags {
  margin-bottom: 0;
  padding: 0.625rem 0.9375rem;
  font-size: 0.875rem;
}

.featured-content-pod-tags-link {
  color: #2E3192;
  padding: 0 0.3125rem;
}

.featured-content-pod-tags-link:hover {
  color: #E40089;
}

/******************************************
SHOP FEATURE PROMO
******************************************/
.shop-feature-promo {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  padding: 0;
  position: relative;
  height: 100%;
}

.shop-feature-promo .shop-feature-promo-icon {
  color: #00A3D8;
  font-size: 1.25rem;
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  padding: 1.25rem 1.875rem 0;
  margin: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(215, 215, 215, 0.27));
}

.shop-feature-promo .shop-feature-promo-content {
  padding: 1.875rem;
}

.shop-feature-promo .shop-feature-promo-title {
  margin-bottom: 1.5rem;
}

.shop-feature-promo .shop-feature-promo-items-title {
  font-size: 1.5rem;
  margin-bottom: 1.125rem;
}

.shop-feature-promo img {
  display: block;
}

.shop-feature-promo .ribbon {
  position: absolute;
  padding: 0 1.25rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
  border-bottom-left-radius: 0 !important;
  left: -0.625rem;
  line-height: 1.875rem;
  border-radius: 0.125rem;
  position: relative;
  top: 0;
  display: block;
  margin-left: -1.875rem;
  text-transform: none;
  margin-bottom: 0.9375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-radius: 0.25rem;
}

.shop-feature-promo .ribbon:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
}

.shop-feature-promo .ribbon:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  left: 0;
}

.shop-feature-promo .ribbon:before {
  top: 1.8125rem;
}

.shop-feature-promo .ribbon:before {
  top: auto;
  bottom: -0.375rem;
}

.shop-feature-promo .shop-feature-promo-row .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.shop-feature-promo .shop-feature-promo-product-card {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  position: relative;
  height: 100%;
  padding: 0.625rem;
  display: block;
  color: #2E3192;
  text-decoration: none;
  font-weight: bold;
}

.shop-feature-promo .shop-feature-promo-product-card:hover p, .shop-feature-promo .shop-feature-promo-product-card:focus p, .shop-feature-promo .shop-feature-promo-product-card:active p {
  text-decoration: underline;
}

.shop-feature-promo .shop-feature-promo-product-card p {
  line-height: 1;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-style: normal;
  line-height: 1.29;
}

.shop-feature-promo .shop-feature-promo-link-wrapper {
  text-align: right;
}

.shop-feature-promo .shop-feature-promo-link {
  display: inline-block;
  margin-top: 0.4375rem;
  font-size: 1.25rem;
}

@media only screen and (max-width: 768px) {
  .shop-feature-promo .shop-feature-promo-link-wrapper {
    text-align: left;
  }
  .shop-feature-promo .shop-feature-promo-row .small-6 {
    width: 33.33333%;
  }
}

@media only screen and (max-width: 500px) {
  .shop-feature-promo .shop-feature-promo-row .small-6 {
    width: 50%;
  }
  .shop-feature-promo .shop-feature-promo-row .small-6:nth-last-child(-n+2) {
    display: none;
  }
}

@media only screen and (max-width: 360px) {
  .shop-feature-promo .shop-feature-promo-row .small-6 {
    width: 100%;
  }
  .shop-feature-promo .shop-feature-promo-row .shop-feature-promo-product-card img {
    max-height: 8.125rem;
    margin: auto;
  }
  .shop-feature-promo .shop-feature-promo-row .shop-feature-promo-product-card p {
    margin-bottom: 0.625rem;
  }
}

[class^='spacer-'] {
  height: 2.5rem;
}

.spacer-small {
  height: 0.9375rem;
}

.spacer-mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .spacer-mobile {
    display: block;
  }
}

/******************************************
ORDER RATE REVIEW
******************************************/
.my-order-wrapper {
  padding: 0;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
}

.my-order-wrapper:first-child {
  margin-top: 0;
}

.my-order-row-wrapper {
  padding: 0 1.25rem;
}

.order-summary-band-wrapper {
  display: table;
  width: 100%;
  background: #F0F0F0;
  padding: 1.25rem;
  border-radius: 0.5rem 0.5rem 0 0;
}

.order-summary-band-heading-wrapper,
.order-summary-band-text-wrapper {
  display: table-row;
}

.order-summary-band-heading-wrapper .order-summary-band-text,
.order-summary-band-text-heading-mobile {
  color: #414042;
  font-weight: bold;
}

.order-summary-band-text {
  display: table-cell;
  color: #2E3192;
  padding-left: 0.9375rem;
  width: 9.375rem;
}

.order-summary-band-text:nth-last-child(2) {
  padding-right: 0.625rem;
}

.order-summary-band-text:last-child {
  border-left: 0.0625rem solid #D4D4D4;
  padding-left: 0.625rem;
}

.order-summary-band-text:first-child {
  padding-left: 0;
}

.order-summary-band-text p {
  margin-bottom: 0;
}

.order-summary-band-text .bold {
  font-weight: bold;
}

.order-summary-band-text .order-summary-band-text-heading-mobile {
  display: none;
}

.order-summary-band-text-price {
  color: #00A3D8;
  font-weight: bold;
}

.order-summary-band-link {
  padding-left: 0.3125rem;
  color: #00A3D8;
}

.myorders-track-order-wrapper,
.myorders-rate-review-toggle-wrapper {
  padding: 1.875rem 1.25rem;
}

.myorders-track-order-wrapper {
  padding-bottom: 0;
}

.myorders-track-order-wrapper > div {
  border-bottom: 0.0625rem solid #D4D4D4;
  padding-bottom: 1.875rem;
  margin: 0 1.25rem;
}

.myorders-track-order-wrapper > div .myorders-track-order-text-wrapper {
  padding-left: 0;
}

.myorders-track-order-wrapper > div .myorders-track-order-button-wrapper {
  padding-right: 0;
}

.myorders-track-order-text,
.myorders-rate-review-toggle-text {
  margin-top: 0.625rem;
  margin-bottom: 0;
  display: inline-block;
  font-weight: bold;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.myorders-rate-review-toggle-text {
  color: #2E3192;
  font-size: 1.25rem;
}

.myorders-track-order-text {
  color: #414042;
  font-size: 1rem;
}

.myorders-track-order-text .date {
  color: #2E3192;
  font-size: 1.25rem;
}

.myorders-rate-review-toggle-button {
  margin-bottom: 0;
}

.myorders-rate-review-toggle-button .myorders-rate-review-toggle-button-closed-text {
  display: block;
}

.myorders-rate-review-toggle-button .myorders-rate-review-toggle-button-open-text {
  display: none;
}

.myorders-rate-review-toggle-button.open .myorders-rate-review-toggle-button-closed-text {
  display: none;
}

.myorders-rate-review-toggle-button.open .myorders-rate-review-toggle-button-open-text {
  display: block;
}

.myorders-track-order-button,
.myorders-rate-review-toggle-button {
  float: right;
  margin: 0;
}

.myorders-track-order-button {
  background: #00A3D8;
}

.myorders-track-order-button:hover, .myorders-track-order-button:focus {
  background: #0690c6;
}

.my-orders-product-card-details-link {
  color: #2E3192;
  text-decoration: underline !important;
}

.my-orders-product-card-details-link:hover {
  color: #E40089;
}

.myorders-rate-review-wrapper {
  display: block;
}

.rate-review-product-card-rating-wrapper {
  margin: 0 1.25rem 1.875rem;
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
}

.rate-review-product-card-rating-wrapper:after {
  clear: both;
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-order: 1;
  order: 1;
}

.rate-review-product-card {
  border: none;
  box-shadow: none;
  padding-top: 2.5rem !important;
}

.rate-review-product-card .product-card-image-wrapper {
  padding: 0.9375rem;
  padding-top: 0;
  text-align: center;
}

.rate-review-product-card .product-card-image-wrapper img {
  max-height: 11.25rem;
}

.rate-review-product-card .product-card-details {
  padding-left: 0;
}

.rate-review-rating-wrapper {
  margin: 1.25rem 0;
  padding: 1.25rem;
  text-align: left;
  border-left: 0.0625rem solid #D4D4D4;
}

.rate-review-rating-wrapper h4 {
  font-size: 1rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rate-review-rating-subtext {
  margin-bottom: 0.625rem;
}

.rate-review-comment-wrapper {
  border-top: 0.0625rem solid #D4D4D4;
  padding: 1.25rem;
  background: #F0F0F0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rate-review-comment-wrapper textarea {
  min-height: 0;
  height: 3.75rem;
}

.rate-review-shop-feedback-wrapper {
  margin: 0 1.25rem;
  padding: 1.25rem 0;
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
  background: #F0F0F0;
}

.rate-review-shop-feedback-wrapper:after {
  clear: both;
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-order: 1;
  order: 1;
}

.rate-review-shop-feedback-wrapper label {
  margin-bottom: 0.3125rem;
}

.rate-review-shop-feedback-wrapper .rate-review-shop-feedback-label-sub-text {
  margin-bottom: 0.625rem;
}

.my-order-hearing-loss-type-wrapper {
  margin-top: 1.25rem;
}

.rate-review-submit-wrapper {
  padding: 3.125rem 2.5rem;
}

.rate-review-submit-sub-text-heading {
  font-weight: bold;
  margin: 0;
  padding-bottom: 0.625rem;
}

.rate-review-submit-button {
  padding: 1.25rem;
  font-weight: bold;
}

.rate-review-submit-cancel-link-wrapper {
  text-align: center;
}

@media only screen and (min-width: 500px) {
  .rate-review-product-card {
    margin-left: auto;
    width: 100%;
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
    display: table;
  }
  .rate-review-product-card.has-ribbon {
    min-height: 12.5rem;
  }
  .rate-review-product-card .product-card-inner-wrapper {
    display: table;
    table-layout: fixed;
    padding-right: 0.625rem;
    width: 100%;
  }
  .rate-review-product-card .show-horizontal {
    display: block !important;
  }
  .rate-review-product-card .hide-horizontal {
    display: none !important;
  }
  .rate-review-product-card .product-card-image-wrapper {
    display: table-cell;
    width: 10rem;
    vertical-align: top;
    padding-bottom: 2.5rem;
  }
  .rate-review-product-card .product-card-details {
    display: table-cell;
    padding-top: 0.625rem;
    vertical-align: top;
    padding-right: 0;
    padding-bottom: 0;
  }
  .rate-review-product-card .product-card-details-name {
    font-size: 1.125rem;
  }
  .rate-review-product-card .product-card-details-price {
    font-size: 1.25rem;
  }
  .rate-review-product-card .product-card-details-price-vat {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  .rate-review-product-card .rating-count {
    font-size: 0.875rem;
  }
  .rate-review-product-card .product-card-details-icons-wrapper {
    padding-left: 0;
  }
  .rate-review-product-card .product-card-details-icons-wrapper.show-horizontal {
    margin-top: 0.625rem;
  }
  .rate-review-product-card .product-card-details-icons-wrapper > img,
  .rate-review-product-card .product-card-details-icons-wrapper .tooltip-button {
    float: left;
    margin-left: 0;
    margin-right: 0.375rem;
  }
  .rate-review-product-card + [class^='button-'] {
    position: relative;
    left: 10rem;
    margin-bottom: 0;
  }
  .rate-review-product-card .product-card-ribbon {
    position: absolute;
    top: 9.6875rem;
    background: #00A3D8;
    padding: 0 1.25rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 2;
    border-bottom-left-radius: 0 !important;
    left: -0.625rem;
    line-height: 1.875rem;
    border-radius: 0.125rem;
    top: auto;
    bottom: auto;
  }
  .rate-review-product-card .product-card-ribbon:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #007ca6;
  }
  .rate-review-product-card .product-card-ribbon:before {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    left: 0;
  }
  .rate-review-product-card .product-card-ribbon:before {
    top: 1.8125rem;
  }
}

@media only screen and (max-width: 61.9375rem) {
  .rate-review-rating-wrapper {
    border: none;
    padding-top: 0;
  }
  .rate-review-rating-wrapper h4 {
    padding-top: 1.25rem;
    border-top: 0.0625rem solid #D4D4D4;
  }
}

@media screen and (min-width: 48rem) and (max-width: 53.125rem) {
  .order-summary-band-text {
    display: table;
    text-align: left;
    padding: 0;
    width: auto;
    margin-bottom: 0.3125rem;
  }
  .order-summary-band-text .order-summary-band-text-heading-mobile {
    display: table-cell;
    min-width: 7.5rem;
  }
  .order-summary-band-text.order-summary-band-text-desktop {
    display: none;
  }
  .order-summary-band-text span {
    margin-right: 2.5rem;
    display: table-cell;
  }
  .order-summary-band-text.order-summary-band-dispatched {
    border: none;
  }
  .order-summary-band-text:last-child, .order-summary-band-text:nth-last-child(2) {
    padding-left: 0;
    border: none;
  }
}

@media only screen and (min-width: 48rem) {
  .myorders-rate-review-toggle-button,
  .myorders-track-order-button {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 48rem) {
  .myorders-rate-review-wrapper .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .rate-review-product-card-rating-wrapper,
  .rate-review-shop-feedback-wrapper {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .rate-review-submit-wrapper {
    padding: 1.875rem 1.25rem;
  }
  .rate-review-submit-button {
    margin-top: 1.875rem;
  }
}

@media only screen and (max-width: 37.5rem) {
  .order-summary-band-text {
    display: table;
    text-align: left;
    padding: 0;
    width: auto;
    margin-bottom: 0.3125rem;
  }
  .order-summary-band-text .order-summary-band-text-heading-mobile {
    display: table-cell;
    min-width: 7.5rem;
  }
  .order-summary-band-text.order-summary-band-text-desktop {
    display: none;
  }
  .order-summary-band-text span {
    margin-right: 2.5rem;
    display: table-cell;
  }
  .order-summary-band-text.order-summary-band-dispatched {
    border: none;
  }
  .order-summary-band-text:last-child, .order-summary-band-text:nth-last-child(2) {
    padding-left: 0;
    border: none;
  }
}

@media only screen and (max-width: 31.25rem) {
  .myorders-rate-review-toggle-button,
  .myorders-track-order-button {
    width: 100%;
    text-align: center;
    margin-top: 1.875rem;
  }
  .myorders-rate-review-toggle-text-wrapper,
  .myorders-rate-review-toggle-button-wrapper,
  .myorders-track-order-text-wrapper,
  .myorders-track-order-button-wrapper {
    width: 100%;
  }
  .myorders-track-order-wrapper > div {
    margin: 0;
  }
  .myorders-track-order-wrapper > div .myorders-track-order-text-wrapper {
    padding-left: 1.25rem;
  }
  .myorders-track-order-wrapper > div .myorders-track-order-button-wrapper {
    padding-right: 1.25rem;
  }
}

@media only screen and (max-width: 22.5rem) {
  .order-summary-band-text .order-summary-band-text-heading-mobile {
    min-width: 6.25rem;
  }
}

/******************************************
SUCCESS MESSAGE
******************************************/
.success-message,
.unsuccessful-message {
  padding: 1.25rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}

.success-message {
  background: rgba(58, 145, 63, 0.15);
}

.success-message-text {
  color: #3A913F;
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

.unsuccessful-message {
  background: rgba(208, 2, 27, 0.15);
}

.unsuccessful-message-text {
  color: #D0021B;
  position: relative;
  font-weight: bold;
  display: block;
}

/******************************************
BREADCRUMB / SOCIAL BUTTON ROW
******************************************/
.breadcrumb-social-button-row .social-button-column .social-share {
  position: relative;
  top: -0.5rem;
}

@media only screen and (max-width: 768px) {
  .breadcrumb-social-button-row {
    margin-bottom: 1.875rem;
  }
  .breadcrumb-social-button-row .breadcrumb-column .breadcrumb {
    margin-bottom: 0 !important;
  }
  .breadcrumb-social-button-row .social-button-column .social-share {
    position: static;
    margin-top: 0.9375rem;
    width: auto;
  }
}

/******************************************
WELCOME MESSAGE
******************************************/
.welcome-message {
  position: relative;
}

/******************************************
HERO INTRO AREA
******************************************/
.hero-intro-area {
  margin-top: -1.875rem;
  margin-bottom: 1.875rem;
  position: relative;
}

.hero-intro-area.no-image {
  background: #F0F0F0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

/*Showcase hero intro area - border */
#showcase-page .hero-intro-area {
  border-top: 2px solid #2E3192;
}

.hero-intro-area-image-wrapper img {
  height: 400px;
  max-width: none;
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.section-link-hero .hero-intro-area-image-wrapper img {
  height: 31.25rem;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-row {
  position: absolute;
  bottom: 1.875rem;
  left: 2.5rem;
  right: 2.5rem;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-column {
  padding: 1.25rem 1.5625rem 2rem;
  border-radius: 0.5rem;
  position: absolute;
  bottom: 0;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-heading,
.hero-intro-area:not(.no-image) .hero-intro-area-content-paragraph {
  color: #ffffff;
}

.hero-intro-area:not(.no-image) .hero-intro-area-content-heading {
  margin-bottom: 0.9375rem;
}

.is-in-editing-mode .hero-intro-area.no-image .hero-intro-area-content-column {
  background: transparent !important;
}

.hero-intro-area-content-heading {
  margin-bottom: 0.625rem;
}

.hero-intro-area-content-paragraph {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0;
}

.main-sections-pod {
  border-radius: 0.5rem;
  padding: 1.25rem;
  background: rgba(240, 240, 240, 0.9);
  background: url("/Content/AHL/images/png/swoop-black-small.png") no-repeat, linear-gradient(260deg, rgba(224, 224, 224, 0.9), rgba(240, 240, 240, 0.9));
  background-size: cover;
  background-position: bottom;
  background-size: contain;
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.main-sections-pod:hover .main-sections-pod-title, .main-sections-pod:focus .main-sections-pod-title, .main-sections-pod:active .main-sections-pod-title {
  text-decoration: underline;
}

.main-sections-pod:hover .main-sections-pod-text p, .main-sections-pod:focus .main-sections-pod-text p, .main-sections-pod:active .main-sections-pod-text p {
  color: #414042;
}

.main-sections-pods-row .columns {
  padding: 0.375rem;
}

.main-sections-pods-row .columns:nth-last-child(-n+2) {
  padding-bottom: 0;
}

.main-sections-pod-title {
  margin-bottom: 0.9375rem;
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

.main-sections-pod-title:after {
  color: #E40089;
  position: absolute;
  right: 0;
  bottom: 0.3125rem;
}

.main-sections-pod-text p {
  margin: 0;
  color: #414042;
}

@media only screen and (max-width: 1750px) {
  .hero-intro-area:not(.no-image):not(.section-link-hero) .hero-intro-area-image img,
  .event-hero img {
    height: 350px;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
  }
  .hero-intro-area:not(.no-image):not(.section-link-hero) .hero-intro-area-content-column {
    width: 57.5%;
  }
}

@media only screen and (max-width: 1500px) {
  .hero-intro-area:not(.no-image):not(.section-link-hero) .hero-intro-area-image img,
  .event-hero img {
    height: 300px;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
  }
  .hero-intro-area:not(.no-image) .hero-intro-area-content-column {
    width: 62.5%;
  }
}

@media only screen and (max-width: 1200px) {
  .section-link-hero .hero-intro-area-image-wrapper img {
    height: 300px;
  }
}

@media only screen and (max-width: 850px) {
  .hero-intro-area:not(.no-image) .hero-intro-area-content-column {
    width: 65%;
  }
}

@media only screen and (max-width: 768px) {
  .hero-intro-area:not(.no-image) .hero-intro-area-content-column {
    padding: 2.5rem 1.25rem;
    background: transparent !important;
  }
  .hero-intro-area-image-wrapper,
  .hero-intro-area-image img {
    display: none;
  }
  .section-link-hero .hero-intro-area-image-wrapper {
    display: block;
  }
  .hero-intro-area:not(.no-image) .hero-intro-area-content-row,
  .hero-intro-area-content-row {
    position: relative;
    top: 0;
    left: 0;
    background: #F0F0F0;
  }
  .hero-intro-area:not(.no-image) .hero-intro-area-content-column,
  .hero-intro-area-content-column {
    border-radius: 0;
    background: none;
    position: relative;
  }
  .hero-intro-area:not(.no-image) .hero-intro-area-content-heading,
  .hero-intro-area-content-heading {
    color: #2E3192;
    margin-bottom: 0.625rem;
    font-size: 1.875rem;
  }
  .hero-intro-area:not(.no-image) .hero-intro-area-content-paragraph,
  .hero-intro-area-content-paragraph {
    color: #414042;
  }
  .section-link-hero.hero-intro-area:not(.no-image) .hero-intro-area-content-row, .section-link-hero.hero-intro-area-content-row {
    background: none;
    padding-bottom: 0;
  }
  .section-link-hero .hero-intro-area-image {
    min-height: 300px;
    height: auto;
  }
  .section-link-hero .hero-intro-area-image img {
    /**
                 * The math
                 * ---------
                 *
                 * For a desktop banner image of 2000x500 (as per the image guide), the left position is calculated as :
                   left: calc(-1 * ((2000px - 100vw)/2));
                 * 
                 * Mobile banner images are 240px high, so 500 / 240 = 0.48
                 * 0.48 * 2000 = 960 (so 960px is the width of the banner image when it's height is fixed at 240px)
                 *
                 * So we exchange the 2000px in the calc() function with the new width of 960px to get:
                   left: calc(-1 * ((960px - 100vw)/2));
                 */
    height: auto;
    display: block;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
  }
  .section-link-hero .main-sections-pods-row .columns {
    padding: 0.5625rem 1.25rem;
  }
  .section-link-hero .main-sections-pod {
    border: 0.0625rem solid #D4D4D4;
    min-height: 0;
    background: rgba(240, 240, 240, 0.9);
    background: url("/Content/AHL/images/png/swoop-black-small.png") no-repeat, linear-gradient(260deg, rgba(224, 224, 224, 0.9), rgba(240, 240, 240, 0.9));
    background-size: cover;
    background-position: bottom;
  }
  .section-link-hero .main-sections-pod-text {
    padding-right: 1.875rem;
  }
  .hero-intro-area:not(.no-image) .hero-intro-area-content-column,
  .hero-intro-area:not(.no-image):not(.section-link-hero) .hero-intro-area-content-column {
    width: 100%;
  }
}

/******************************************
CHECKOUT HEADING
******************************************/
.checkout-header-wrapper .help-with-order-wrapper {
  margin: 0;
}

/******************************************
ARTICLE PAGINATION
******************************************/
.article-pagination {
  margin-bottom: 3.75rem;
}

.article-pagination-border {
  border-top: 0.0625rem solid #D4D4D4;
  margin-bottom: 1.875rem;
}

[class*='article-pagination-table-'] {
  position: relative;
}

.article-pagination-table-next {
  text-align: right;
}

[class*='article-pagination-link-'] {
  color: #2E3192 !important;
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
}

[class*='article-pagination-link-']:focus {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.article-pagination-link {
  text-decoration: none;
}

.article-pagination-link:hover {
  text-decoration: none;
}

.article-pagination-link:hover .article-pagination-link-text {
  text-decoration: none;
  display: inline-block;
}

.article-pagination-link-text {
  display: inline-block;
  text-decoration: underline;
}

.article-pagination-link-previous-text {
  margin-left: 1.5625rem;
}

.article-pagination-link-next-text {
  margin-right: 1.5625rem;
}

.article-pagination-link-icon {
  position: absolute;
  top: 0;
}

.article-pagination-link-previous-icon {
  left: 0;
}

.article-pagination-link-next-icon {
  right: 0;
}

@media only screen and (max-width: 768px) {
  [class^='article-pagination-link-'] {
    display: block;
  }
  .article-pagination-link-previous {
    margin-bottom: 1.875rem;
  }
}

@media only screen and (max-width: 400px) {
  .article-pagination-row .columns {
    width: 75%;
  }
  .article-pagination-row .columns:first-child {
    float: left;
  }
  .article-pagination-row .columns:nth-child(2) {
    float: right;
  }
}

/******************************************
WEB FORMS FOR MARKETERS
******************************************/
[data-wffm] {
  opacity: 1 !important;
  /*Hiding top validation messages*/
  /* General error message */
}

[data-wffm] .form-title {
  border-bottom: 0.0625rem solid #E0E0E0;
  padding-bottom: 1.25rem;
  margin-bottom: 0 !important;
}

[data-wffm] .checkbox,
[data-wffm] .checkbox-inline,
[data-wffm] .control-label,
[data-wffm] .form-control-feedback,
[data-wffm] .help-block,
[data-wffm] .radio,
[data-wffm] .radio-inline,
[data-wffm] .checkbox label,
[data-wffm] .checkbox-inline label,
[data-wffm] .radio label,
[data-wffm] .radio-inline label {
  color: #414042 !important;
}

[data-wffm] .form-control,
[data-wffm] [type='text'],
[data-wffm] [type='password'],
[data-wffm] [type='date'],
[data-wffm] [type='datetime'],
[data-wffm] [type='datetime-local'],
[data-wffm] [type='month'],
[data-wffm] [type='week'],
[data-wffm] [type='email'],
[data-wffm] [type='number'],
[data-wffm] [type='search'],
[data-wffm] [type='tel'],
[data-wffm] [type='time'],
[data-wffm] [type='url'],
[data-wffm] [type='color'],
[data-wffm] select,
[data-wffm] textarea {
  height: 2.4375rem !important;
  background-color: transparent !important;
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px !important;
}

[data-wffm] .has-feedback .form-control {
  padding-right: 12px !important;
}

[data-wffm] label {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: normal !important;
}

[data-wffm] .check-label,
[data-wffm] .radio-label {
  padding-left: 1.5625rem !important;
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-right: 0;
}

[data-wffm] .submit-wrapper {
  margin-top: 1.875rem;
}

[data-wffm] input[type='submit'] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #ffffff;
}

[data-wffm] .required-field .control-label:before {
  color: #D0021B;
  float: right;
  margin-left: 0.125rem;
  font-weight: normal;
}

[data-wffm] .input-group .form-control:first-child {
  border-radius: 0.25rem !important;
}

[data-wffm] .validation-summary-errors {
  display: none !important;
}

[data-wffm] .has-success .form-control,
[data-wffm] .has-error .form-control {
  border: 0.0625rem solid #D4D4D4 !important;
  box-shadow: none !important;
}

[data-wffm] .field-validation-error {
  color: #D0021B !important;
}

[data-wffm] .form-message-wrapper {
  margin-top: 1.25rem;
}

[data-wffm] .has-error.bg-warning {
  padding: 1.25rem;
  border-radius: 0.5rem;
  background: rgba(208, 2, 27, 0.15);
}

[data-wffm] .has-error.bg-warning .list-group {
  margin: 0;
}

[data-wffm] .has-error.bg-warning .list-group-item-warning {
  color: #D0021B;
  position: relative;
  font-weight: bold;
  display: block;
  background: transparent !important;
}

[data-wffm] .help-block:empty {
  margin-top: 0;
  margin-bottom: 0;
}

[data-wffm] .form-control:focus,
[data-wffm] [type='text']:focus,
[data-wffm] [type='password']:focus,
[data-wffm] [type='date']:focus,
[data-wffm] [type='datetime']:focus,
[data-wffm] [type='datetime-local']:focus,
[data-wffm] [type='month']:focus,
[data-wffm] [type='week']:focus,
[data-wffm] [type='email']:focus,
[data-wffm] [type='number']:focus,
[data-wffm] [type='search']:focus,
[data-wffm] [type='tel']:focus,
[data-wffm] [type='time']:focus,
[data-wffm] [type='url']:focus,
[data-wffm] [type='color']:focus,
[data-wffm] textarea:focus {
  border: 1px solid #8a8a8a !important;
  background-color: #ffffff !important;
  outline: none !important;
  box-shadow: 0 0 5px #cacaca !important;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out !important;
}

[data-wffm] .input-group-addon {
  display: none !important;
}

.is-in-editing-mode [data-wffm] {
  display: block !important;
}

/******************************************
CHILD ITEM CARD
******************************************/
.child-item-card-row .columns:last-child:not(:first-child) {
  float: left;
}

.child-item-card-row {
  margin-bottom: 2.5rem;
}

.child-item-card {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  padding: 0;
  overflow: hidden;
}

.child-item-card-link-wrapper {
  padding: 1.875rem;
}

.child-item-card-link {
  font-size: 1.5rem;
}

/******************************************
FULL WIDTH CTA POD
******************************************/
.full-width-cta-pod-wrapper {
  border-radius: 0.5rem;
  overflow: hidden;
}

.full-width-cta-pod {
  border-radius: 0.5rem;
  border: 0.0625rem solid #D4D4D4;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  padding: 3rem 6rem 4rem;
  position: relative;
}

.full-width-cta-pod-swoop {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.full-width-cta-pod-table {
  position: relative;
  z-index: 1;
}

.full-width-cta-pod-table .u-table-cell {
  vertical-align: top;
}

.full-width-cta-pod-image-cell {
  padding-right: 3.75rem;
  width: 10rem;
}

.full-width-cta-pod-image-wrapper {
  width: 6.25rem;
}

.full-width-cta-pod-image {
  width: 100%;
}

.full-width-cta-pod-heading {
  margin-bottom: 1.25rem;
}

.full-width-cta-pod-text {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-bottom: 1.25rem;
}

.full-width-cta-pod-text + [class^='button-'] {
  margin-top: 1.25rem;
}

.full-width-cta-pod-button {
  margin-bottom: 0;
}

.blue-choice.full-width-cta-pod .full-width-cta-pod-heading,
.blue-choice.full-width-cta-pod .full-width-cta-pod-text,
.pink-choice.full-width-cta-pod .full-width-cta-pod-heading,
.pink-choice.full-width-cta-pod .full-width-cta-pod-text,
.purple-choice.full-width-cta-pod .full-width-cta-pod-heading,
.purple-choice.full-width-cta-pod .full-width-cta-pod-text,
.blue-to-purple-choice.full-width-cta-pod .full-width-cta-pod-heading, [id^='faq-radio-']:checked + label.full-width-cta-pod[for].faq-button .full-width-cta-pod-heading,
.blue-to-purple-choice.full-width-cta-pod .full-width-cta-pod-text, [id^='faq-radio-']:checked + label.full-width-cta-pod[for].faq-button .full-width-cta-pod-text,
.pink-to-dark-pink-choice.full-width-cta-pod .full-width-cta-pod-heading,
.pink-to-dark-pink-choice.full-width-cta-pod .full-width-cta-pod-text,
.purple-to-pink-choice.full-width-cta-pod .full-width-cta-pod-heading,
.purple-to-pink-choice.full-width-cta-pod .full-width-cta-pod-text {
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  .full-width-cta-pod {
    padding: 2.5rem 3.125rem;
  }
}

@media only screen and (max-width: 768px) {
  .full-width-cta-pod-image-wrapper {
    width: 50px;
    margin-bottom: 1.5625rem;
  }
  .full-width-cta-pod {
    padding: 1.5625rem 1.25rem 1.875rem;
  }
}

@media only screen and (max-width: 500px) {
  .full-width-cta-pod-button {
    width: 100%;
  }
}

/******************************************
THREE COLUMN CONTENT CARD ROW
******************************************/
.three-column-content-card-row .columns:last-child:not(:first-child) {
  float: left;
}

@media only screen and (max-width: 768px) {
  .three-column-content-card-row {
    margin-top: 1.875rem;
  }
}

/******************************************
BSL VIDEO
******************************************/
.watch-in-bsl-pod {
  max-width: 400px;
  /**
     * 1. Ensures fullscreen.
     * 2. Bug fix for #3208.
          Stops weird right alignment of video in fullscreen.
     */
}

.watch-in-bsl-pod * {
  transform: translateZ(0);
}

.watch-in-bsl-pod.is-fullscreen * {
  -ms-transform: none;
      transform: none;
}

.watch-in-bsl-pod.is-fullscreen video {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
}

.watch-in-bsl-button {
  background: #2E3192;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  border-radius: 0.5rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: static;
  width: 100%;
  transition: none;
}

.watch-in-bsl-button:hover, .watch-in-bsl-button:focus {
  background: #2E3192;
}

.watch-in-bsl-button [class^='icon-'] {
  display: block;
  height: 40px;
  font-size: 2.5rem;
}

.watch-in-bsl-text-cell {
  padding-right: 1.25rem;
  letter-spacing: -0.025rem;
}

.watch-in-bsl-text-cell + .u-table-cell {
  width: 2.5rem;
}

.watch-in-bsl-video-inner-wrapper {
  width: 100%;
  height: 100%;
}

.watch-in-bsl-pod object {
  width: 100% !important;
}

.watch-in-bsl-pod.active .watch-in-bsl-button {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.watch-in-bsl-pod .fixed {
  position: fixed;
  top: 0;
  z-index: 100000;
}

.watch-in-bsl-pod .fixed .watch-in-bsl-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .watch-in-bsl-pod .fixed {
    position: static;
  }
  .watch-in-bsl-pod .fixed .watch-in-bsl-button {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .watch-in-bsl-button {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}

/******************************************
VIEW IN WELSH
******************************************/
.view-welsh {
  width: 100%;
}

.view-welsh__button {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.5rem 4.375rem 1.5rem 1.875rem;
  background: #F0F0F0;
  border: 1px solid #D4D4D4;
  border-radius: 0.5rem;
  color: #2E3192;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4;
  text-align: left;
}

.view-welsh__icon {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 1.875rem;
  height: 2.5rem;
  color: #939598;
  font-size: 2.5rem;
}

@media only screen and (max-width: 768px) {
  .view-welsh__icon {
    height: 2.125rem;
    font-size: 1.75rem;
  }
}

/******************************************
LARGE IMAGE POD
******************************************/
.large-image-pod {
  margin-bottom: 3.125rem;
}

.large-image-pod-image {
  width: 100%;
  border-radius: 0.5rem;
  margin-bottom: 0.3125rem;
}

.large-image-pod-caption {
  color: #939598;
  font-style: italic;
}

.large-4 .large-image-pod {
  margin-bottom: 0;
}

/******************************************
FILE DOWNLOAD
******************************************/
.file-download {
  margin-bottom: 1.875rem;
}

.file-download-icon-cell {
  width: 1.875rem;
}

.file-download-icon-link {
  float: left;
  text-decoration: none !important;
}

.file-download-icon:before {
  font-size: 1.875rem;
  color: #00A3D8;
}

.file-download-link {
  padding-left: 1.25rem;
  position: relative;
  color: #2E3192;
  float: left;
}

/******************************************
PULL QUOTE
******************************************/
.pull-quote {
  margin: 3.125rem 0 3.75rem 0;
}

.pull-quote .u-table-cell {
  vertical-align: top;
}

.pull-quote-icon-cell {
  width: 3.75rem;
}

.pull-quote-icon-wrapper {
  width: 2.1875rem;
}

.pull-quote-text,
.pull-quote-author {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
}

.pull-quote-author {
  margin-top: 0.9375rem;
  color: #00A3D8;
}

/******************************************
CAMPAIGN WIDGET
******************************************/
.campaign-display-wrapper .campaign-display-title {
  width: 50%;
}

.campaign-display-wrapper .campaign-display-button {
  width: 50%;
  text-align: right;
}

.campaign-item {
  background: #ffffff;
  border-radius: 0.5rem;
  display: block;
  padding: 2.5rem 1.875rem;
  height: 100%;
  position: relative;
}

.campaign-item-inner-wrapper {
  position: relative;
  height: 100%;
}

.campaign-image img {
  visibility: hidden;
}

.campaign-image-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media only screen and (max-width: 1439px) {
  .campaign-display-wrapper .u-table .u-table-cell {
    vertical-align: middle;
  }
}

@media only screen and (max-width: 768px) {
  .campaign-display-wrapper .campaign-display-title,
  .campaign-display-wrapper .campaign-display-button {
    width: 100%;
  }
  .campaign-display-wrapper .campaign-display-button {
    text-align: left;
  }
}

/******************************************
FACT CARD
******************************************/
.fact-card-source {
  color: #ffffff;
}

/******************************************
IMAGE PROMO
******************************************/
.image-promo {
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
  overflow: hidden;
  max-width: 400px;
  margin-bottom: 1.875rem;
}

.image-promo img {
  width: 100%;
}

/******************************************
FULL WIDTH TRIPPLE CONTENT MODULE
******************************************/
.full-width-tripple-content-module .highlighted-products-heading-button,
.full-width-tripple-content-module .highlighted-products-heading-button [class^='icon-'] {
  color: #E40089 !important;
}

.full-width-tripple-content-module .full-width-tripple-content-module-heading {
  color: #414042;
  margin-bottom: 0.9375rem;
}

.full-width-tripple-content-module-content-wrapper {
  background: #ffffff;
  border-radius: 0.5rem;
}

@media only screen and (max-width: 500px) {
  .full-width-tripple-content-module .highlighted-products-heading-button {
    width: 100%;
  }
  .full-width-tripple-content-module .highlighted-products-heading-button [class^='icon-'] {
    float: right;
    position: relative;
    top: 0.3125rem;
  }
}

/******************************************
CONTENT POLL
******************************************/
.content-poll {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #E0E0E0;
  border-radius: 0.5rem;
  padding: 1.875rem;
}

.content-poll-image-collection .columns:nth-of-type(1) .content-poll-image-wrapper,
.content-poll-image-collection .columns:nth-of-type(2) .content-poll-image-wrapper {
  margin-bottom: 2.5rem;
}

.content-poll-image-wrapper {
  position: relative;
}

.content-poll-image-wrapper img {
  width: 100%;
  cursor: pointer;
}

body:not(.is-in-editing-mode) .content-poll [data-show-on-success] {
  display: none;
}

body:not(.is-in-editing-mode) .content-poll .content-poll-image-overlay {
  display: none;
}

.content-poll.success [data-show-on-success='True'] {
  display: block !important;
}

.content-poll.success .content-poll-image-overlay {
  display: block !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: default;
}

.content-poll-image-overlay-text {
  color: #ffffff;
  font-size: 1.875rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  bottom: 0.9375rem;
  right: 1.25rem;
}

@media only screen and (max-width: 768px) {
  .content-poll {
    padding: 1.25rem;
  }
  .content-poll-image-collection .columns .content-poll-image-wrapper {
    margin-bottom: 1.25rem !important;
  }
  .content-poll-image-collection .columns:last-of-type .content-poll-image-wrapper {
    margin-bottom: 0 !important;
  }
}

/******************************************
FULL WIDTH DONATION MODULE
******************************************/
/* dependency: donation-form.scss */
.full-width-donation-module {
  position: relative;
}

.full-width-donation-module .donation-form {
  background: none;
  margin-top: 0;
  padding-right: 0;
  margin-left: 435px;
}

.full-width-donation-module .donation-form-text {
  border-top: 0;
  padding-top: 0;
}

.full-width-donation-module .full-width-donation-module-image {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(((100% - 1200px)/2) + 405px);
  height: 100%;
  background-size: cover;
  background-position: center;
}

.full-width-donation-module .full-width-donation-module-image img {
  height: 100%;
}

/**
* Experience editor styles
*/
.is-in-editing-mode .full-width-donation-module-image {
  z-index: 2;
}

.is-in-editing-mode .donation-form-amount-tooltip {
  height: auto !important;
}

@media only screen and (max-width: 1199px) {
  .full-width-donation-module-image {
    display: none;
  }
  .full-width-donation-module .donation-form {
    margin-left: 0;
    padding-right: 1.875rem;
  }
}

/******************************************
DONATION PROGRESS
******************************************/
.donation-progress {
  border-radius: 0.5rem;
  padding: 1.25rem;
  padding-bottom: 2.1875rem;
  background-image: linear-gradient(78deg, #E40089, #a40c61 87%, #990e5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E40089', endColorstr='#990e5a');
  margin-bottom: 1.875rem;
  position: relative;
}

.donation-progress-table-cell {
  text-align: center;
  width: 25%;
  position: relative;
}

.donation-progress-link {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.125rem;
}

.donation-progress-link:focus, .donation-progress-link:active {
  color: #ffffff;
  text-decoration: none;
}

.donation-progress-link:hover {
  text-decoration: none;
  color: #ffffff;
}

.donation-progress-link:not([href]):hover {
  cursor: default;
}

.donation-progress-number {
  border-radius: 100%;
  width: 4.375rem;
  height: 4.375rem;
  line-height: 4.1875rem;
  border: 0.125rem solid #ffffff;
  text-align: center;
  font-size: 2.25rem;
  display: block;
  margin: 0 auto 0.625rem;
  background: #ffffff;
  color: #E40089;
}

.donation-progress-table-cell.current + .donation-progress-table-cell .donation-progress-link .donation-progress-number,
.donation-progress-table-cell.current + .donation-progress-table-cell ~ .donation-progress-table-cell .donation-progress-link .donation-progress-number {
  background: transparent;
  color: #ffffff;
}

.donation-progress-table-cell.current .donation-progress-link,
.donation-progress-table-cell.current + .donation-progress-table-cell .donation-progress-link,
.donation-progress-table-cell.current + .donation-progress-table-cell ~ .donation-progress-table-cell .donation-progress-link {
  cursor: default;
}

.donation-progress-arrow {
  display: none;
}

.donation-progress-table-cell.current .donation-progress-arrow {
  display: block;
  position: absolute;
  bottom: 0;
  color: #ffffff;
  bottom: -44px;
  left: calc(50% - 9px);
}

.donation-progress-line {
  background: white;
  height: 2px;
  position: absolute;
  top: 3.4375rem;
}

@media only screen and (max-width: 1200px) {
  .donation-progress-link {
    font-size: 1rem;
  }
  .donation-progress-number {
    width: 3.125rem;
    height: 3.125rem;
    line-height: 2.875rem;
    font-size: 2rem;
  }
  .donation-progress-line {
    top: 2.75rem;
  }
}

@media only screen and (max-width: 600px) {
  .donation-progress {
    padding: 1.25rem 0.9375rem;
  }
  .donation-progress-table-cell {
    width: 100%;
    float: left;
    text-align: left;
  }
  .donation-progress-table-cell:last-of-type .donation-progress-number {
    margin-bottom: 0;
  }
  .donation-progress-link {
    font-size: 1rem;
  }
  .donation-progress-number {
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.625rem;
    font-size: 1rem;
    float: left;
    margin-right: 0.625rem;
  }
  .donation-progress-text {
    display: inline-block;
    margin-top: 0.125rem;
  }
  .donation-progress-arrow {
    display: none !important;
  }
  .donation-progress-line {
    display: none;
  }
}

/******************************************
RICH TEXT CONTENT
******************************************/
.rich-text-content {
  margin-bottom: 1.875rem;
}

.rich-text-content h1, .rich-text-content h2, .rich-text-content h3, .rich-text-content h4, .rich-text-content h5, .rich-text-content h6 {
  color: #2E3192;
}

.rich-text-content h1, .rich-text-content h2 {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
}

.rich-text-content h3, .rich-text-content h4, .rich-text-content h5, .rich-text-content h6 {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rich-text-content h1 {
  font-size: 36px;
  margin: 10px 0 12px;
}

.rich-text-content h2 {
  font-size: 30px;
  margin: 10px 0 12px;
}

.rich-text-content h3 {
  font-size: 24px;
  margin: 10px 0 10px;
}

.rich-text-content h4 {
  font-size: 20px;
  margin: 10px 0 10px;
}

.rich-text-content h5 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}

.rich-text-content h6 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}

.rich-text-content ol {
  list-style: decimal;
  padding-left: 5px;
}

.rich-text-content ul {
  margin-left: 1rem;
  list-style: disc;
}

.rich-text-content a,
.rich-text-content a:hover,
.rich-text-content a:focus {
  color: #2E3192;
}

.rich-text-content *:last-of-type {
  margin-bottom: 0;
}

/******************************************
LANGUAGE BUTTON
******************************************/
.language-button {
  background: #F0F0F0;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  border-radius: 0.5rem;
  border: 1px solid #D4D4D4;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: static;
  width: 100%;
}

.language-button:hover, .language-button:focus {
  background: #E0E0E0;
}

.language-button [class^='icon-'] {
  display: block;
  height: 40px;
  font-size: 2.5rem;
  color: #939598;
}

.language-button-text-cell {
  padding-right: 1.25rem;
  letter-spacing: -0.025rem;
  color: #2E3192;
}

/******************************************
BLOG STYLES
******************************************/
.blog-meta {
  font-size: 1.125rem;
}

.blog-meta__author {
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .blog-meta {
    font-size: 1rem;
  }
  #disqus_thread {
    margin-bottom: 1.875rem;
  }
}

/******************************************
MPU LPACEHOLDER
******************************************/
.mpu-placeholder__desktop img, .mpu-placeholder__mobile img {
  width: 100%;
  border-radius: 0.5rem;
}

.mpu-placeholder__mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .mpu-placeholder__desktop {
    display: none;
  }
  .mpu-placeholder__mobile {
    display: block;
  }
}

/******************************************
HALF WIDTH IMAGE MODULE
******************************************/
.half-width-image-module {
  height: 100%;
  background-position: center;
  background-size: cover;
  border-radius: 0.5rem;
  margin-bottom: 1.875rem;
}

.half-width-image-module__image {
  width: 100%;
  border-radius: 0.5rem;
}

/******************************************
VIDEO WIDGET
******************************************/
.video-widget {
  width: 100%;
  height: auto;
  margin-bottom: 1.875rem;
}

/******************************************
AUDIO PLAYER
******************************************/
.audio-player {
  margin-bottom: 1.875rem;
  max-width: 25rem;
  /**
    * STATES
    */
}

.audio-player__controls {
  width: 100%;
  display: none;
}

.audio-player__button {
  background: #2E3192;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  border-radius: 0.5rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  position: static;
  width: 100%;
  transition: none;
  margin-bottom: 0;
}

.audio-player__button:hover, .audio-player__button:focus {
  background: #2E3192;
}

.audio-player__icon {
  display: block;
  height: 40px;
  font-size: 2.5rem;
}

.audio-player__text-cell {
  padding-right: 1.25rem;
  letter-spacing: -0.4px;
}

.audio-player__icon-cell {
  width: 2.5rem;
}

.audio-player.is-active .audio-player__controls {
  display: block;
}

.audio-player.is-active .audio-player__button {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/**
* Experience Editor Styles
*/
.is-in-editing-mode .audio-player__controls {
  display: block;
}

.is-in-editing-mode .audio-player__button {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/*
    VARIABLES
*/
.infoline {
  font-size: 1.125rem;
  position: relative;
  /**
    * Icon
    */
  /**
    * Details
    */
}

.infoline__icon-tagline-wrapper {
  height: 0;
  overflow: hidden;
}

.infoline__icon-wrapper {
  background: #ffffff;
  border: 0.25rem solid #F0F0F0;
  border-radius: 100%;
  display: inline-block;
  height: 5.9375rem;
  position: absolute;
  top: -0.46875rem;
  width: 5.9375rem;
}

.infoline__icon {
  color: #E40089;
  display: block;
  font-size: 2.1875rem;
  position: relative;
  text-align: center;
  top: calc((95px - 4px - 35px) / 2);
}

.infoline__details-wrapper {
  -ms-flex-align: center;
      align-items: center;
  background: #F0F0F0;
  display: table;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2.5rem;
  height: 5rem;
  vertical-align: middle;
  width: 100%;
}

.infoline__detail-spacer-start, .infoline__detail-spacer-end {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.infoline__detail-spacer-start {
  min-width: 5.9375rem;
  width: 5.9375rem;
}

.infoline__detail-spacer-end {
  width: 1.875rem;
}

.infoline__detail-line-spacer {
  background: #D4D4D4;
  display: table-cell;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  height: 1.875rem;
  max-width: 0.0625rem;
  position: relative;
  width: 0.0625rem;
  vertical-align: middle;
}

.infoline__detail-item {
  display: table-cell;
  -ms-flex: 100 1 auto;
      flex: 100 1 auto;
  text-align: center;
  vertical-align: middle;
}

.infoline__tagline {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  color: #2E3192;
  font-size: 1.5rem;
}

.infoline__phone-number {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2E3192;
  font-size: 1.375rem;
  margin-left: 0.125rem;
  vertical-align: middle;
}

.IE9 .infoline__detail-line-spacer {
  background: transparent;
}

.IE9 .infoline__detail-line-spacer:before {
  background: #D4D4D4;
  content: "";
  display: block;
  height: 30;
  width: 1;
}

@media only screen and (max-width: 1199px) {
  .infoline__detail-item {
    padding: 0 20px;
  }
  .infoline__detail-item.has-phone-number {
    min-width: 210px;
  }
  .infoline__tagline {
    text-align: left;
  }
  .infoline__phone-number {
    display: block;
    margin-left: 0;
  }
  .infoline__opening-times {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .infoline {
    background: #F0F0F0;
    border-radius: 0.5rem;
    padding: 1.5625rem 1.25rem 0.625rem;
    /**
        * Icon
        */
    /**
        * Details
        */
  }
  .infoline__icon-tagline-wrapper {
    -ms-flex-align: center;
        align-items: center;
    display: table;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    vertical-align: middle;
    width: 100%;
  }
  .infoline__icon-wrapper {
    border: 0 solid #F0F0F0;
    display: table-cell;
    height: 3.125rem;
    position: static;
    width: 3.125rem;
  }
  .infoline__icon {
    font-size: 1.5rem;
    top: calc((50px - 0px - 24px) / 2);
  }
  .infoline__details-wrapper {
    border-radius: 0;
    border-top: 0.0625rem solid #D4D4D4;
    margin-top: 1.5rem;
    padding-top: 0.25rem;
  }
  .infoline__tagline {
    display: table-cell;
    padding-left: 1.25rem;
  }
}

@media only screen and (max-width: 768px) {
  .infoline {
    font-size: 16px;
    padding-bottom: 1.5625rem;
  }
  .infoline__details-wrapper {
    display: block;
    -ms-flex: none;
        flex: none;
    height: auto;
  }
  .infoline__detail-line-spacer {
    display: none;
  }
  .infoline__detail-item {
    display: block;
    margin-top: 1.25rem;
    padding-left: 0;
    text-align: left;
  }
  .infoline__detail-item:after {
    content: "";
    display: table;
    clear: both;
  }
  .infoline__detail-item:before {
    content: none;
  }
  .infoline__phone-number-text, .infoline__phone-number {
    float: left;
  }
  .infoline__phone-number-text {
    margin-right: 0.625rem;
  }
  .infoline__phone-number {
    font-size: 1.25rem;
  }
  .infoline__opening-times {
    display: inline;
  }
}

@media only screen and (max-width: 374px) {
  .infoline__phone-number-text, .infoline__phone-number {
    float: none;
  }
  .infoline__opening-times {
    display: block;
  }
}

.address-card {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  height: 100%;
}

.address-card__address, .address-card__phone {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: block;
}

.address-card__phone {
  margin-bottom: 0.9375rem;
}

.address-card__summary {
  margin-bottom: 1.25rem;
}

.toggle-buttons {
  display: table;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
}

.toggle-buttons__button {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: table-cell;
  -ms-flex-order: 0;
  order: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
  background: #F0F0F0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0.625rem 0.75rem;
  color: #2E3192;
}

.toggle-buttons__button:first-of-type {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.toggle-buttons__button:last-of-type {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.toggle-buttons__button:focus, .toggle-buttons__button:hover {
  background: #E0E0E0;
}

.toggle-buttons__button.is-active {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #2E3192;
  color: #ffffff;
  cursor: default;
}

.toggle-buttons__button.is-active .toggle-buttons__text {
  text-decoration: none;
}

.toggle-buttons__text {
  text-decoration: underline;
}

.toggle-buttons__icon {
  font-size: 1.5rem;
  margin-left: 0.3125rem;
}

.toggle-buttons__icon, .toggle-buttons__icon:before {
  text-decoration: none !important;
}

@media only screen and (max-width: 500px) {
  .toggle-buttons__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}

/******************************************
EMBEDDED VIDEO
******************************************/
.embedded-video {
  position: relative;
  margin-bottom: 1.875rem;
}

.embedded-video__overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/**
 * Cluster icons.
 */
.cluster-icon {
  font-family: 'Gotham-Medium', arial, sans-serif !important;
  font-weight: normal !important;
  padding-left: 0.9375rem;
}

/**
 * Info Window - Single Result.
 */
.info-window {
  font-size: 0.875rem;
  padding-left: 1.875rem;
  width: 15.625rem;
}

.info-window__result {
  margin-bottom: 1.25rem;
}

.info-window__title {
  display: block;
  text-decoration: none;
}

.info-window__address, .info-window__phone {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.info-window__address {
  margin-bottom: 0;
}

.info-window__phone {
  margin-bottom: 0.625rem;
}

.info-window__details {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0.9375rem;
}

.info-window__link {
  font-size: 1rem;
}

.info-window__link span {
  margin-left: 0.625rem;
}

.info-window__link i,
.info-window__link i:before {
  font-size: 0.75rem;
}

/**
 * Info Window - Multiple Results.
 */
.multiple-results.info-window {
  height: 21.875rem;
  padding: 0;
}

.multiple-results .info-window {
  /**
        * 1. Positioning absolutely to fill the info window.
        * 2. Pad away from the edges of the info window.
        */
  /**
        * 1. Position at the top of the info window.
        * 2. Centre the heading vertically.
        * 3. Pad the heading away from the sides.
        * 4. Size and colour.
        */
  /**
        * 1. Position the element beneath the close icon.
        * 2. Size the element.
        * 3. Make the element a white circle.
        */
  /**
        * 1. Position below the .info-window__header-wrapper.
        * 2. Pad away from the scrollbar.
        * 3. Allow vertical scrolling when there are multiple results.
        */
}

.multiple-results .info-window__inner-wrapper {
  bottom: 0;
  left: 0;
  padding: 0 1.5625rem;
  position: absolute;
  right: 0;
  top: 0;
}

.multiple-results .info-window__heading-wrapper {
  -ms-flex-align: center;
      align-items: center;
  background: #2E3192;
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  left: 0;
  padding: 0 1.5625rem 0 1.5625rem;
  position: absolute;
  right: 0;
  top: 0;
}

.multiple-results .info-window__close-circle {
  background: #ffffff;
  border-radius: 100%;
  height: 1.28125rem;
  position: absolute;
  right: 0.53125rem;
  top: 0.375rem;
  width: 1.28125rem;
}

.multiple-results .info-window__heading {
  color: #ffffff !important;
  margin-bottom: 0;
}

.multiple-results .info-window__results-list {
  bottom: 1.25rem;
  left: 0.9375rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0.625rem;
  position: absolute;
  right: 0.9375rem;
  top: 6.25rem;
}

.multiple-results .info-window__result-break {
  border-top: solid 0.0625rem #D4D4D4;
  margin-bottom: 1.25rem;
  width: 100%;
  border-top-style: dashed;
}

/**
 * Overriding Google Maps inline styling.
 *
 * Ensures that this element is the full size of the info window.
 */
.gm-style-iw {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

.map-prompt {
  background: #2E3192;
  border-radius: 0.5rem;
  color: #ffffff;
  display: table;
  font-size: 1.125rem;
  padding: 20px;
  position: absolute;
  width: 250px;
  z-index: 30000;
}

.map-prompt:before {
  color: #2E3192;
  position: absolute;
  top: 20px;
}

.map-prompt.left:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  right: -15px;
}

.map-prompt.right:before {
  content: "";
  font-family: 'AOHL-Icons', arial, sans-serif;
  left: -15px;
}

@media only screen and (max-width: 768px) {
  .map-prompt {
    bottom: 25px;
    left: 25px !important;
    top: auto !important;
  }
  .map-prompt:before {
    content: none !important;
  }
  .gm-style-iw > div {
    max-height: 210px !important;
    max-width: 250px !important;
    overflow: hidden !important;
  }
}

/******************************************
DATETIMESTAMP WIDGET
******************************************/
.datetimestamp {
  font-style: italic;
  margin-bottom: 1.875rem;
}

.subtitle {
  line-height: 2.25rem;
  margin-bottom: 1.875rem;
}

.btn__readMore,
.btn__readless {
  text-decoration: underline;
}

.btn__readMore:hover,
.btn__readless:hover {
  text-decoration: none;
}

/******************************************
PRODUCT DESCRIPTION PAGE
******************************************/
#product-details .product-description {
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  padding: 3.125rem 3rem;
  margin-bottom: 3.6875rem;
  background-image: linear-gradient(233deg, rgba(255, 255, 255, 0.8), rgba(215, 215, 215, 0.27));
  position: relative;
}

#product-details .product-description-left-section,
#product-details .product-description-information-wrapper {
  float: left;
}

#product-details .product-description-price-rating-wrapper.small {
  display: none;
}

#product-details .product-description-left-section {
  width: 8.75rem;
  margin-right: 1.125rem;
}

#product-details .product-description-image-picker-wrapper.small [class^='product-description-image-picker-scroll-'] {
  display: none;
}

#product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:first-of-type,
#product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:first-of-type .product-description-thumbnail-image-wrapper-inner {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  box-shadow: none;
}

#product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:last-of-type,
#product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:last-of-type .product-description-thumbnail-image-wrapper-inner {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  box-shadow: none;
}

#product-details .product-description-image-picker-inner-wrapper {
  max-height: 248px;
  overflow: hidden;
}

#product-details .product-description-image-picker-list {
  position: relative;
  top: 0;
  left: 0;
}

#product-details [class^='product-description-image-picker-scroll-'] {
  background: #F0F0F0;
  width: 100%;
  height: 2.5rem;
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
}

#product-details [class^='product-description-image-picker-scroll-'] [class^='icon-'] {
  color: #2E3192;
}

#product-details [class^='product-description-image-picker-scroll-'].disabled {
  cursor: default;
}

#product-details [class^='product-description-image-picker-scroll-'].disabled [class^='icon-'] {
  color: #D4D4D4;
}

#product-details .product-description-image-picker-scroll-up {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

#product-details .product-description-image-picker-scroll-down {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}

#product-details .product-description-thumbnail-image-wrapper {
  height: 7.75rem;
  border: 0.0625rem solid #D4D4D4;
  margin-bottom: 0;
  cursor: pointer;
  background: #ffffff;
}

#product-details .product-description-thumbnail-image-wrapper.active {
  border: none;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.4);
}

#product-details .product-description-thumbnail-image-wrapper.active .product-description-thumbnail-image-wrapper-inner {
  border: 0.125rem solid #00A3D8;
}

#product-details .product-description-thumbnail-image-wrapper-inner {
  border: 0.0625rem solid transparent;
  padding: 0.375rem;
  height: 100%;
}

#product-details .product-description-thumbnail-image {
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

#product-details .product-description-demo-thumbnail {
  margin-top: 1rem;
  display: inline-block;
  width: 100%;
}

#product-details .product-description-demo-thumbnail-label {
  font-weight: bold;
  margin-bottom: 0.125rem;
}

#product-details .product-description-demo-thumbnail-image-wrapper {
  border-radius: 0.5rem;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
  position: relative;
  border: 0.0625rem solid #F0F0F0;
}

#product-details .product-description-demo-thumbnail-image-wrapper span {
  background: #E40089;
  border-radius: 100%;
  position: absolute;
  top: 1.25rem;
  left: 3.125rem;
  width: 2.5rem;
  height: 2.5rem;
}

#product-details .product-description-demo-thumbnail-image-wrapper span [class^='icon-'] {
  position: relative;
  top: 0.625rem;
  left: 0.875rem;
  color: #ffffff;
}

#product-details .product-description-demo-thumbnail-image-wrapper.product-demo {
  cursor: pointer;
}

#product-details .product-description-demo-thumbnail-image-wrapper:hover span {
  background: #CA0078;
}

#product-details .product-description-images-video-preview-wrapper {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  float: left;
  width: calc(100% - 158px);
  padding: 3.75rem 1.875rem 5rem;
  margin-bottom: 1.25rem;
  position: relative;
  background: #ffffff;
}

#product-details .product-description-images-video-preview-item {
  display: none;
  height: 100%;
}

#product-details .product-description-images-video-preview-item.active {
  display: block;
}

#product-details .product-description-images-video-preview {
  margin: auto;
  display: block;
  max-height: 100%;
}

#product-details .product-description-watch-in-BSL-button {
  background: #2E3192;
  font-size: 0.875rem;
  position: absolute;
  bottom: 1.125rem;
  right: 1.125rem;
  padding-right: 3.4375rem;
  margin-bottom: 0;
}

#product-details .product-description-watch-in-BSL-button [class^='icon-'] {
  color: #ffffff;
  display: inline-block;
  position: absolute;
  top: 0.5625rem;
  right: 1.125rem;
  font-size: 1.5625rem;
}

#product-details .product-description-images-video-preview-ribbon {
  position: absolute;
  top: 3.75rem;
  background: #3A913F;
  padding: 0 1.25rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
  border-bottom-right-radius: 0 !important;
  right: -0.625rem;
  line-height: 3.125rem;
  border-radius: 0.25rem;
}

#product-details .product-description-images-video-preview-ribbon:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #245e26;
}

#product-details .product-description-images-video-preview-ribbon:before {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  right: 0;
}

#product-details .product-description-images-video-preview-ribbon:before {
  top: 3.0625rem;
}

#product-details .product-description-images-video-preview-ribbon .tooltip-button {
  margin-left: 0.625rem;
  position: relative;
  top: -0.125rem;
}

#product-details .product-description-images-video-preview-ribbon.orange-choice {
  background-color: #ED8B00;
}

#product-details .product-description-images-video-preview-ribbon.orange-choice:before {
  border-bottom-color: #a15e00;
}

#product-details .product-description-images-video-preview-ribbon.green-choice {
  background-color: #3A913F;
}

#product-details .product-description-images-video-preview-ribbon.green-choice:before {
  border-bottom-color: #245e26;
}

#product-details .product-description-images-video-preview-ribbon.pink-choice {
  background-color: #E40089;
}

#product-details .product-description-images-video-preview-ribbon.pink-choice:before {
  border-bottom-color: #CA0078;
}

#product-details .product-description-images-video-preview-ribbon.blue-choice {
  background-color: #00A3D8;
}

#product-details .product-description-images-video-preview-ribbon.blue-choice:before {
  border-bottom-color: #057FB1;
}

#product-details .product-description-images-video-preview-ribbon.purple-choice {
  background-color: #2E3192;
}

#product-details .product-description-images-video-preview-ribbon.purple-choice:before {
  border-bottom-color: #2b2e88;
}

#product-details .product-description-images-video-preview-ribbon.grey-choice {
  background-color: #D4D4D4;
}

#product-details .product-description-images-video-preview-ribbon.grey-choice:before {
  border-bottom-color: #666666;
}

#product-details .product-description-images-video-preview-ribbon.light-grey-choice {
  background-color: #E0E0E0;
}

#product-details .product-description-images-video-preview-ribbon.light-grey-choice:before {
  border-bottom-color: #D4D4D4;
}

#product-details .product-description-images-video-preview-ribbon.very-light-grey-choice {
  background-color: #F0F0F0;
}

#product-details .product-description-images-video-preview-ribbon.very-light-grey-choice:before {
  border-bottom-color: #D4D4D4;
}

#product-details .product-description-left-section-small {
  display: none;
}

#product-details .product-description-information-wrapper {
  width: 18.75rem;
  padding-top: 0.9375rem;
}

#product-details .product-description-information-price {
  color: #00A3D8;
  margin-right: 0.625rem;
}

#product-details .product-description-information-price-previous {
  margin: 0;
  font-size: 1.125rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #939598;
  text-decoration: line-through;
}

#product-details .product-description-information-price-reduced {
  margin-bottom: 0.4375rem;
  color: #E40089;
}

#product-details .product-description-information-price-vat {
  font-size: 1.125rem;
  font-weight: bold;
}

#product-details .product-description-price-rating-wrapper {
  margin-bottom: 1.5625rem;
}

#product-details .product-description [class^='rating-'] {
  display: inline-block;
  margin-top: 0.3125rem !important;
  cursor: pointer;
  text-decoration: none;
}

#product-details .product-description-information-stock-wrapper {
  border-top: 0.0625rem solid #D4D4D4;
  border-bottom: 0.0625rem solid #D4D4D4;
  padding: 0.75rem 1.25rem 0.375rem 0;
  margin-top: 0.625rem;
  margin-bottom: 0.9375rem;
  min-height: 50px;
}

#product-details .product-description-information-stock-icon {
  font-size: 1.5rem;
  color: #2E3192;
  margin-right: 1.25rem;
  height: 30px;
  position: relative;
  top: -3px;
}

#product-details .product-description-information-stock {
  float: right;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
}

#product-details .product-description-information-fields-wrapper label {
  margin-bottom: 0.5rem;
}

#product-details .product-description-information-fields-wrapper .quantity-remaining-error {
  padding: 0 1.25rem;
}

#product-details .product-description-information-colour-select {
  width: 100%;
}

#product-details .product-description-information-colour-select select {
  min-width: 100%;
  width: 100%;
}

#product-details .product-description-information-colour-select .out-of-stock {
  color: #414042;
  background-color: #E0E0E0;
}

#product-details .product-description-information-fields-colour,
#product-details .product-description-information-fields-quantity {
  vertical-align: top;
}

#product-details .product-description-information-fields-table {
  margin-bottom: 0;
}

#product-details .product-description-information-fields-table * {
  background: transparent;
}

#product-details .product-description-information-fields-quantity {
  width: 7.5rem;
}

#product-details .variant-select .product-description-information-fields-quantity {
  padding-left: 1.25rem;
}

#product-details .product-description-information-research-text {
  margin-bottom: 1.5rem;
}

#product-details .product-description-add-to-basket {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-size: 1.5rem;
  padding: 1.125rem;
  width: 100%;
  line-height: 1;
}

#product-details .product-description .button-white-wide {
  margin-left: 0;
  margin-bottom: 0.75rem;
}

#product-details .product-description .button-white-wide:last-of-type {
  margin-bottom: 1.5rem;
}

#product-details .main-column {
  padding-left: 0;
}

#product-details .main-column [class^='heading-'] {
  color: #414042;
}

#product-details .side-column {
  padding-left: 1.375rem;
  padding-right: 0;
}

#product-details .side-column [class^='heading-'] {
  color: #414042;
}

#product-details .jw-initialised > div,
#product-details .jw-initialised > object,
#product-details .jw-initialised > div > div,
#product-details .jw-initialised > object > object {
  max-width: 100%;
  width: 100% !important;
}

#product-details .jw-initialised [id^="product-description-video-container-"][id$="_jwplayer_controlbar_capRight"] {
  width: 5px !important;
}

#product-details .accordion-mobile.tab-wrapper .tab-container .accordion-heading.open + .tab-content.ratings-reviews-tab {
  max-height: none !important;
}

#product-details .product-reviews {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  padding: 0;
  overflow: hidden;
  margin-bottom: 1.875rem;
}

#product-details .product-reviews-header {
  margin: 1.875rem;
  margin-bottom: 0;
}

#product-details .product-reviews-header [class^='heading-'] {
  margin: 0;
  position: relative;
  top: 0.375rem;
  color: #414042;
}

#product-details .product-reviews-overview {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  margin: 0.5rem 1.875rem;
}

#product-details .product-reviews-overview [class^='heading-'] {
  margin-top: 0.625rem;
}

#product-details .product-reviews-overview-rating-wrapper {
  margin-bottom: 0.3125rem;
}

#product-details .product-reviews-overview-rating-wrapper:last-of-type {
  margin-bottom: 0;
}

#product-details .product-reviews-write-review-button {
  margin-top: 0.625rem;
  margin-bottom: 0;
}

#product-details .product-review {
  padding: 2.5rem 0;
  border-bottom: 0.0625rem solid #D4D4D4;
  margin: 0 0.625rem;
}

#product-details .product-review:last-of-type {
  border-bottom: none !important;
}

#product-details .product-review p {
  margin-bottom: 0;
}

#product-details .product-review-reviewer-name,
#product-details .product-review-commenter-name {
  font-size: 1.125rem;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

#product-details .product-review-reviewer-condition {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0.9375rem;
}

#product-details .product-review-comments {
  padding: 0.3125rem 0 0.3125rem 1.875rem;
  border-left: 0.125rem solid #8cdaf8;
  margin-top: 1.25rem;
}

#product-details .product-review-comments-count {
  margin-bottom: 1.25rem;
}

#product-details .product-review-comment {
  margin-bottom: 2.5rem;
}

#product-details .product-review-comment:last-of-type {
  margin-bottom: 0;
}

#product-details .product-reviews-load-more {
  background: #F0F0F0;
}

#product-details .product-reviews-load-more-button {
  height: 5rem;
  width: 100%;
  border-top: 0.0625rem solid #D4D4D4;
  line-height: 5rem;
}

#product-details .product-reviews-load-more-button .heading-product-card, #product-details .product-reviews-load-more-button form fieldset > .section-heading, form #product-details .product-reviews-load-more-button fieldset > .section-heading {
  color: #414042;
}

#product-details .product-review-load-more-icon-wrapper {
  width: 1.5rem;
  height: 1.5rem;
  background: #E40089;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  top: 0.3125rem;
  margin-left: 0.9375rem;
}

#product-details .product-review-load-more-icon-wrapper [class^='icon-'] {
  color: #ffffff;
  position: absolute;
  top: 0.4375rem;
  left: 0.4375rem;
  font-size: 0.625rem;
}

#product-details .recommended-products .product-card {
  box-shadow: none;
  border: none;
  padding-top: 0;
}

#product-details .recommended-products .product-card-wrapper {
  padding: 1.875rem 0;
  border-bottom: 0.0625rem solid #D4D4D4;
}

#product-details .recommended-products .product-card-wrapper:first-of-type {
  padding-top: 0;
}

#product-details .recommended-products .product-card-wrapper:last-of-type {
  border-bottom: none;
}

.product-description-newsletter-signup-input {
  margin-bottom: 0;
  font-size: 15.5px;
}

.product-description-newsletter-signup-submit {
  font-size: 1rem;
  margin-bottom: 0;
  border-radius: 0.375rem;
}

.product-description-newsletter-signup-link {
  color: #414042;
  font-size: 0.875rem;
  margin-top: 1.5rem;
  display: inline-block;
}

@media only screen and (max-width: 1215px) {
  #product-details .product-description-price-rating-wrapper {
    right: -2.5625rem;
  }
  #product-details .product-description-information-wrapper {
    width: 17.5rem;
    float: right;
  }
}

@media only screen and (max-width: 1199px) {
  #product-details .product-description-title {
    margin-bottom: 0.625rem;
  }
  #product-details .product-description-price-rating-wrapper {
    position: static;
  }
  #product-details .product-description-images-video-preview-wrapper {
    width: calc(100% - 158px);
    margin-right: 0;
  }
  #product-details .product-description-information-wrapper {
    width: 100%;
    margin-top: 0.3125rem;
  }
  #product-details .product-description-information-wrapper .product-description-price-rating-wrapper {
    display: none;
  }
  #product-details .product-description-price-rating-wrapper.small {
    display: block;
  }
  #product-details .product-description-information-price-reduced {
    display: inline-block;
  }
  #product-details .product-description-information-price-vat-reduced {
    display: inline-block;
  }
}

@media only screen and (max-width: 991px) {
  .product-description-price-rating-wrapper {
    text-align: left;
  }
  .product-reviews-sort-select {
    margin-top: 1.25rem;
  }
  #product-details .product-description-information-wrapper-one,
  #product-details .product-description-information-wrapper-two {
    width: calc(50% - 20px);
    float: left;
  }
  #product-details .product-description-information-wrapper-two {
    float: right;
  }
}

@media only screen and (max-width: 768px) {
  #product-details .product-description {
    box-shadow: none;
    border: none;
    padding: 0;
    background: transparent;
  }
  #product-details .side-column {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: none;
  }
  #product-details .product-description-title {
    width: auto;
  }
  #product-details .product-description-information-price-vat {
    display: block;
    margin-top: 0.3125rem;
  }
  #product-details .product-description-left-section {
    display: none;
  }
  #product-details .product-description-left-section-small {
    display: block;
  }
  #product-details .product-description-images-video-preview-wrapper {
    width: 100%;
    height: auto;
    border: none;
    padding: 0;
  }
  #product-details .product-description-image-preview-button-table td {
    padding: 0;
  }
  #product-details .product-description-watch-in-BSL-button,
  #product-details .product-description-images-video-preview-ribbon {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  #product-details .product-description-watch-in-BSL-button {
    padding-right: 2.5rem;
    padding-left: 0.75rem;
    float: left;
    width: calc(62% - 20px);
  }
  #product-details .product-description-watch-in-BSL-button [class^="icon-"] {
    right: 0.625rem;
  }
  #product-details .product-description-images-video-preview-ribbon {
    padding: 0 0.75rem;
    border-bottom-right-radius: 0.25rem !important;
    line-height: 2.75rem;
    text-align: center;
    float: right;
    width: 38%;
  }
  #product-details .product-description-images-video-preview-ribbon:before {
    display: none;
  }
  #product-details .product-description-video-wrapper {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  #product-details .product-description-image-picker-inner-wrapper {
    width: calc(100% - 80px);
    float: left;
  }
  #product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:first-of-type,
  #product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:first-of-type .product-description-thumbnail-image-wrapper-inner {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:last-of-type,
  #product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:last-of-type .product-description-thumbnail-image-wrapper-inner {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:first-of-type:last-of-type,
  #product-details .product-description-image-picker-wrapper.small .product-description-thumbnail-image-wrapper:first-of-type:last-of-type .product-description-thumbnail-image-wrapper-inner {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  #product-details .product-description-image-picker-wrapper.small .product-description-image-picker-inner-wrapper {
    width: 100%;
  }
  #product-details .product-description-image-picker-list {
    float: left;
    width: 10000px;
  }
  #product-details .product-description-thumbnail-image-wrapper {
    float: left;
    height: 6.25rem;
    border-top-color: #D4D4D4;
  }
  #product-details .product-description-thumbnail-image-wrapper:last-of-type {
    border-bottom-color: #D4D4D4;
    border-left-color: transparent;
  }
  #product-details [class^='product-description-image-picker-scroll-'] {
    float: left;
    width: 2.5rem;
    height: 6.25rem;
  }
  #product-details .product-description-image-picker-scroll-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
  }
  #product-details .product-description-image-picker-scroll-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
  }
  #product-details .product-description-demo-thumbnail {
    float: none;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  #product-details .product-description-demo-thumbnail-image-wrapper {
    width: 8.75rem;
  }
  #product-details .product-description-demo-thumbnail-image-wrapper img {
    width: 100%;
  }
  #product-details .product-description-information-wrapper {
    position: static;
    width: auto;
    float: none;
    padding-left: 0;
  }
  #product-details .product-description-information-wrapper-one,
  #product-details .product-description-information-wrapper-two {
    float: none;
    width: 100%;
  }
  #product-details .product-reviews-write-review-text {
    margin-top: 1.875rem !important;
  }
  #product-details .product-reviews-overview-rating-wrapper .rating-count {
    position: relative;
    top: -2px;
  }
  #product-details .product-description-newsletter-signup-submit {
    width: 100%;
    margin-top: 1.25rem;
  }
  #product-details .product-description-newsletter-signup-link {
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 374px) {
  #product-details .product-description-image-preview-button-table,
  #product-details .product-description-image-preview-button-table tbody,
  #product-details .product-description-image-preview-button-table tr,
  #product-details .product-description-image-preview-button-table td,
  #product-details .product-description-information-fields-table,
  #product-details .product-description-information-fields-table tbody,
  #product-details .product-description-information-fields-table tr,
  #product-details .product-description-information-fields-table td {
    display: block;
  }
  #product-details .product-description-image-preview-button-table > *,
  #product-details .product-description-image-preview-button-table tbody > *,
  #product-details .product-description-image-preview-button-table tr > *,
  #product-details .product-description-image-preview-button-table td > *,
  #product-details .product-description-information-fields-table > *,
  #product-details .product-description-information-fields-table tbody > *,
  #product-details .product-description-information-fields-table tr > *,
  #product-details .product-description-information-fields-table td > * {
    width: 100%;
    max-width: 100%;
  }
  #product-details .product-description-watch-in-BSL-button,
  #product-details .product-description-images-video-preview-ribbon {
    width: 100%;
    float: none;
    margin-bottom: 1.25rem;
  }
  #product-details .variant-select .product-description-information-fields-quantity,
  #product-details .no-variant-select .product-description-information-fields-quantity,
  #product-details .product-description-information-fields-colour {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  #product-details .variant-select .product-description-information-fields-quantity .select-wrapper,
  #product-details .no-variant-select .product-description-information-fields-quantity .select-wrapper,
  #product-details .product-description-information-fields-colour .select-wrapper {
    width: 100%;
  }
}

/******************************************
PRODUCT SEARCH RESULTS / PRODUCT SUBCATEGORY PAGE
******************************************/
.product-results-listing-page .case-study .case-study-details {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.product-results-listing-page .case-study .case-study-details-heading {
  font-size: 1.75rem;
}

.product-results-listing-page .search-box-label {
  margin-bottom: 0;
}

.product-results-listing-page .search-results-count-wrapper {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.product-results-listing-page .products-found {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: block;
  margin-top: 0.9375rem;
}

.product-results-listing-page .sort-results {
  float: right;
  width: auto;
}

.product-results-listing-page .sort-results .select-wrapper {
  margin-left: 0.625rem;
  margin-bottom: 0;
  width: auto;
}

.product-results-listing-page .sort-results label {
  margin-bottom: 0;
  line-height: 3.5;
}

.product-results-listing-page .sort-results .u-table-cell {
  vertical-align: middle;
}

.product-results-listing-page .sort-results-select-label-wrapper {
  float: right;
}

.product-results-listing-page .product-list-wrapper {
  padding-left: 1.25rem;
}

.product-results-listing-page .pagination-items-per-page-table .items-per-page-cell {
  padding-left: 2.5rem;
}

.product-results-listing-page .pagination-items-per-page-table .items-per-page-cell label,
.product-results-listing-page .pagination-items-per-page-table .items-per-page-cell .select-wrapper {
  margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .pagination-items-per-page-table > .u-table-cell {
    display: block;
  }
  .pagination-items-per-page-table > .u-table-cell {
    margin-bottom: 1.875rem;
    margin-right: 0 !important;
  }
  .pagination-items-per-page-table .items-per-page-cell {
    padding-left: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .product-results-listing-page .products-found {
    margin-bottom: 0.625rem;
  }
  .product-results-listing-page .sort-results.u-table {
    display: table;
    float: none;
    width: 100%;
  }
  .product-results-listing-page .sort-results .u-table-cell {
    display: table-cell;
  }
  .product-results-listing-page .sort-results .u-table-cell:first-of-type {
    width: 4.375rem;
  }
  .product-results-listing-page .sort-results-select-label-wrapper {
    float: none;
  }
  .product-results-listing-page .sort-results .select-wrapper {
    margin: 0;
    width: 100%;
  }
}

/******************************************
SHOPPING BASKET PAGE
******************************************/
.shop-basket .mobile {
  display: none;
}

.shop-basket-heading {
  margin: 0;
}

.shop-basket-back-link-wrapper {
  margin-top: 1.5625rem;
}

.shop-basket-back-link {
  display: inline-block;
  color: #2E3192;
}

.shop-basket-back-link i {
  font-size: 0.8125rem;
}

.shop-basket-back-link i:before {
  text-decoration: none;
}

.shop-basket-back-link-text {
  margin-left: 0.9375rem;
}

.help-with-order-wrapper {
  width: 15.625rem;
  margin: auto;
}

.help-with-order-heading {
  clear: both;
  float: left;
  font-size: 1.125rem;
  color: #00A3D8;
  font-weight: bold;
  margin: 0;
}

.help-with-order-text {
  clear: both;
  float: left;
  margin: 0;
}

.shop-basket-proceed-form {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  padding: 0;
}

.shop-basket-checkout-button {
  margin: 0;
  float: right;
}

.basket-proceed-to-checkout-bottom-button {
  margin-top: 1.875rem;
  margin-bottom: 3.75rem !important;
}

.shop-basket-details-table {
  margin-top: 1.875rem;
  display: table;
  width: 100%;
}

.shop-basket-details-table .shop-basket-details-table-heading-row {
  background: #F0F0F0;
  display: table-row;
}

.shop-basket-details-table .shop-basket-details-table-product-row {
  display: table-row;
}

.shop-basket-details-table .shop-basket-details-table-product-row:last-of-type .shop-basket-details-table-cell {
  border-bottom: none;
}

.shop-basket-details-table .shop-basket-details-table-heading {
  font-size: 1.125rem;
  display: table-cell;
  padding: 0.625rem 0;
  color: #414042;
  font-weight: bold;
}

.shop-basket-details-table .shop-basket-details-table-heading:first-of-type {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.shop-basket-details-table .shop-basket-details-table-heading:last-of-type {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.shop-basket-details-table .shop-basket-details-table-cell {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 0.0625rem solid #D4D4D4;
  padding: 1.25rem 0;
  position: relative;
}

.shop-basket-details-table .shop-basket-details-table-cell .field-validation-error {
  margin: 0;
  position: absolute;
  top: 0.3125rem;
  width: 35rem;
}

.shop-basket-details-table:last-of-type {
  border-bottom: none;
}

.shop-basket-details-table-cell-product-card {
  max-width: 28.125rem;
}

.basket-product-card-details-text {
  margin: 0;
}

.basket-product-card-details-text .bold {
  font-weight: bold;
}

.quantity-remaining-error {
  margin-bottom: 0.3125rem;
}

.shop-basket-details-quantity-input {
  display: inline-block;
  width: 4.375rem;
  height: 3rem;
  padding: 0.3125rem;
  text-align: center;
  margin: 0.9375rem 0 0;
  border-radius: 0.375rem;
  border: solid 0.0625rem #d4d4d4;
}

.shop-basket-details-quantity-no-input {
  display: inline-block;
  padding-left: 1.875rem;
}

.shop-basket-details-quantity-button {
  margin-left: 0.625rem;
  margin-bottom: 0.9375rem;
  margin-top: 0.9375rem;
  height: 3rem;
  float: none !important;
}

[class*='shop-basket-details-quantity-button'] {
  box-shadow: none;
}

.shop-basket-remove-link {
  color: #2E3192;
  margin-left: 4.6875rem;
  margin-top: 1.5rem;
}

.shop-basket-remove-link:focus span, .shop-basket-remove-link:hover span {
  border-bottom: 1px solid #2E3192;
}

.shop-basket-remove-link i {
  font-size: 0.8125rem;
}

.shop-basket-remove-link-no-input {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 1.9375rem;
  margin-left: 1.875rem;
}

.shop-basket-mobile-heading {
  font-weight: bold;
}

.mobile.shop-basket-mobile-merged-buttons {
  display: none;
}

.shop-basket-remove-link-text {
  margin-left: 0.6875rem;
}

.shop-basket-details-table-product-price {
  font-size: 1.125rem;
}

.shop-basket-details-table-product-price.bold {
  font-weight: bold;
}

.shop-basket-details-table-product-price.sub-total {
  color: #00A3D8;
  font-size: 1.5rem;
}

.no-membership-spacer {
  border-top: 0.0625rem solid #D4D4D4;
}

.shop-basket .subtotal-wrapper {
  margin-top: 3.125rem;
}

.shop-basket .subtotal-text {
  text-align: right;
  font-weight: bold;
  color: #414042;
  margin: 0;
  padding-right: 0.625rem;
}

.shop-basket .subtotal-price {
  color: #00A3D8;
  padding-left: 1.25rem;
}

.shop-basket .latest-products-heading {
  padding-top: 0.3125rem;
}

@media only screen and (max-width: 1150px) {
  .shop-basket-details-table .shop-basket-details-table-cell .field-validation-error {
    width: 30rem;
  }
}

@media only screen and (max-width: 1020px) {
  .shop-basket-details-table .shop-basket-details-table-cell .field-validation-error {
    width: 26.25rem;
  }
}

@media only screen and (max-width: 910px) {
  .shop-basket .mobile {
    display: inline-block;
  }
  .shop-basket .mobile.shop-basket-desktop-merged-buttons {
    display: block;
    max-width: 320px;
    margin-top: 1.25rem;
  }
  .shop-basket .mobile.shop-basket-mobile-merged-buttons {
    display: none;
  }
  .shop-basket-details-table {
    border-collapse: collapse;
  }
  .shop-basket-details-table .shop-basket-details-table-product-row {
    padding: 2.5rem 0 0.625rem;
    border-bottom: 0.0625rem solid #D4D4D4;
    border-top: 0.0625rem solid #D4D4D4;
  }
  .shop-basket-details-table .shop-basket-details-table-heading-row {
    display: none;
  }
  .shop-basket-details-table .shop-basket-details-table-cell {
    width: 60%;
    border: none;
    padding: 0;
  }
  .shop-basket-details-table .shop-basket-details-table-cell.shop-basket-details-table-cell-product-card {
    min-width: 18.75rem;
    margin-right: 1.25rem;
    padding: 1.875rem 0;
  }
  .shop-basket-details-table .shop-basket-details-table-cell .field-validation-error {
    position: relative;
    top: 0;
    width: auto;
    margin-bottom: 0.625rem;
  }
  .shop-basket-details-table .shop-basket-details-table-cell.shop-basket-details-table-product-quantity-cell {
    margin-top: 1.875rem;
  }
  .shop-basket-details-table .product-card-horizontal {
    padding-top: 0;
  }
  .shop-basket-details-table .merged-buttons {
    box-shadow: none;
    overflow: visible;
    border: none;
  }
  .shop-basket-details-table .merged-buttons .merged-button-wrapper {
    border-left: 0;
  }
  .shop-basket-details-table .merged-buttons .merged-button-wrapper [class^='button-'] {
    border: 0.0625rem solid #E0E0E0;
    text-align: center;
    color: #2E3192;
    font-weight: normal;
    text-decoration: underline;
    font-size: 1rem;
  }
  .shop-basket-details-table .merged-buttons .merged-button-wrapper [class^='button-']:hover {
    text-decoration: none;
  }
  .shop-basket-details-table .merged-buttons .merged-button-wrapper [class^='button-'] i {
    float: none;
    top: 0.125rem;
    padding-right: 0.625rem;
    color: #2E3192;
    font-size: 1rem;
  }
  .shop-basket-details-table .merged-buttons .merged-button-wrapper [class^='button-'].shop-basket-details-save-button-mobile {
    border-radius: 0.375rem 0 0 0.375rem;
  }
  .shop-basket-details-table .merged-buttons .merged-button-wrapper [class^='button-'].shop-basket-details-remove-button-mobile {
    border-radius: 0 0.375rem 0.375rem 0;
  }
  .shop-basket-details-table .shop-basket-details-table-product-quantity-cell {
    margin-bottom: 2.5rem;
  }
  .shop-basket-details-table .shop-basket-details-table-product-quantity-cell .shop-basket-quantity-wrapper {
    margin: 0;
  }
  .shop-basket-details-table .shop-basket-details-table-product-quantity-cell .shop-basket-details-quantity-label {
    margin-bottom: 0;
    padding-top: 0.625rem;
  }
  .shop-basket-details-table .shop-basket-details-table-product-quantity-cell .shop-basket-remove-link {
    display: none;
  }
  .shop-basket-details-table .shop-basket-details-table-cell {
    vertical-align: top;
    margin-bottom: 1.875rem;
  }
  .shop-basket-details-table .shop-basket-details-table-cell.right {
    display: block;
    position: relative;
    width: 100%;
  }
  .shop-basket-details-table .shop-basket-details-table-cell.right .shop-basket-table-content {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .shop-basket-details-table .shop-basket-details-table-cell p {
    margin: 0;
  }
  .shop-basket-details-table .product-card-details p {
    margin-bottom: 0.625rem;
  }
}

@media only screen and (max-width: 768px) {
  .help-with-order-wrapper {
    margin: 0;
  }
}

@media only screen and (max-width: 700px) {
  .shop-basket .shop-basket-back-link-wrapper {
    display: none;
  }
  .shop-basket .shop-basket-checkout-button {
    display: none;
  }
  .shop-basket .subtotal-text {
    text-align: left;
  }
  .shop-basket .shop-basket-details-table .shop-basket-spacer {
    display: block;
  }
  .shop-basket .shop-basket-details-table .shop-basket-product-divider {
    border-top: 0.0625rem solid #D4D4D4;
    width: 120%;
    position: relative;
    left: -1.25rem;
  }
  .shop-basket .shop-basket-details-table-product-quantity-cell {
    margin-top: 0 !important;
    padding-top: 0;
  }
  .shop-basket form.shop-basket-details-table-product-row {
    max-width: 22.5rem;
    display: block;
    margin: auto;
    border: none;
  }
  .shop-basket .shop-basket-details-table .shop-basket-details-table-cell.shop-basket-details-table-cell-product-card {
    min-width: 0;
    padding: 0;
    margin: 0;
  }
  .shop-basket .mobile.shop-basket-desktop-merged-buttons {
    display: none;
  }
  .shop-basket .mobile.shop-basket-mobile-merged-buttons {
    display: block;
    margin: 1.875rem 0;
  }
  .shop-basket .shop-basket-details-table-cell {
    display: block;
    width: 100%;
    margin-bottom: 0.625rem;
  }
  .shop-basket .shop-basket-table-header.mobile {
    min-width: 80px;
  }
  .shop-basket .shop-basket-details-table .shop-basket-details-table-cell.right .shop-basket-table-content {
    position: initial;
    display: inline-block;
    padding-left: 4.375rem;
  }
  .shop-basket .shop-basket-details-quantity-button {
    margin-bottom: 0;
  }
  .shop-basket .no-thumbnail-image .product-card-details {
    padding-left: 0;
  }
}

@media only screen and (max-width: 500px) {
  .shop-basket .subtotal-wrapper {
    margin-top: 3.125rem;
  }
  .shop-basket .subtotal-text,
  .shop-basket .subtotal-price {
    display: block;
    text-align: left;
    max-width: 100%;
    padding: 0;
  }
  .shop-basket .shop-basket-details-quantity-button[type="submit"] {
    width: auto;
  }
  .basket-proceed-to-checkout-bottom-button {
    margin-top: 0;
  }
}

@media only screen and (max-width: 391px) {
  .shop-basket .shop-basket-details-table .shop-basket-details-table-cell.right .shop-basket-table-content {
    padding-left: 0.625rem;
  }
  .shop-basket-details-quantity-input {
    width: 3.125rem;
  }
}

@media only screen and (max-width: 374px) {
  .shop-basket .shop-basket-details-table .shop-basket-details-table-cell.shop-basket-details-table-cell-product-card {
    padding-bottom: 1.25rem;
  }
  .shop-basket .basket-product-card.product-card-horizontal {
    border-bottom: 1px solid #D4D4D4;
  }
}

@media only screen and (max-width: 335px) {
  .shop-basket .shop-basket-details-table .shop-basket-details-table-cell.right .shop-basket-table-content {
    padding-left: 0.3125rem;
  }
}

/******************************************
BASKET PRODUCT CARDS
******************************************/
.product-card-horizontal.basket-product-card .product-card-image {
  max-height: 8.125rem;
}

.product-card-horizontal.basket-product-card .basket-product-card-details-wrapper p {
  margin-bottom: 0.625rem;
}

.product-card-horizontal.basket-product-card .basket-product-card-details-wrapper p .bold {
  font-weight: bold;
}

.product-card-horizontal.basket-product-card .product-card-details-name {
  font-size: 1.5rem;
}

.product-card-horizontal.basket-product-card .product-card-details-text {
  font-size: 1rem;
  margin-bottom: 0.3125rem;
}

.product-card-horizontal.basket-product-card .product-card-details-text .bold {
  font-weight: bold;
}

.product-card-horizontal.basket-product-card .product-card-details-link {
  color: #2E3192;
  text-decoration: underline;
  float: none;
}

.product-card-horizontal.basket-product-card .product-card-details-link:hover {
  text-decoration: none;
}

.product-card-horizontal.basket-product-card .product-card-details-stock {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.product-card-horizontal.basket-product-card .product-card-details-stock .bold {
  font-weight: bold;
}

.product-card-horizontal.basket-product-card .rating-count {
  font-size: 0.75rem;
}

.product-card-horizontal.basket-product-card + [class^='button-'] {
  position: relative;
  left: 10rem;
  margin-bottom: 0;
}

.basket-product-card-details-link {
  color: #2E3192;
}

@media only screen and (max-width: 56.875rem) {
  .product-card-horizontal.basket-product-card .product-card-details-name {
    font-size: 1.125rem;
  }
  .product-card-details-link {
    display: none;
  }
}

@media only screen and (max-width: 23.4375rem) {
  .basket-product-card .product-card-details {
    padding-left: 0;
  }
  .basket-product-card .product-card-image-wrapper {
    max-height: 15rem;
  }
  .basket-product-card .product-card-image-wrapper .product-card-image {
    max-height: 13.75rem;
  }
}

/******************************************
CHECKOUT
******************************************/
.checkout-heading-wrapper {
  background: #E0E0E0;
  margin-top: 2.5rem;
  padding: 0.625rem;
  border-radius: 0.25rem;
}

.checkout-heading {
  color: #414042;
  margin-bottom: 0.625rem;
  padding: 0 0.625rem;
}

.buying-for-sub-options {
  display: none;
}

.buying-company-name {
  display: none;
}

.shop-basket-details-table .field-validation-error:not(.js-custom-validation-message) {
  top: 40px;
}

@media only screen and (max-width: 910px) {
  .shop-basket-details-table .field-validation-error:not(.js-custom-validation-message) {
    top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .checkout-heading-wrapper {
    border-radius: 0;
  }
  .checkout-heading {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

/******************************************
CHECKOUT CONFIRMATION PAGE
******************************************/
#vat-receipt {
  display: none;
}

/*Thank you order section/order details*/
.order-confirmation-thank-you-wrapper {
  padding: 1.25rem;
  position: relative;
  margin-top: 2.5rem;
}

.order-confirmation-thank-you-heading {
  padding: 0;
}

.order-confirmation-order-details-row-wrapper {
  display: block;
  margin: 0.625rem 0;
}

.order-confirmation-order-details-heading {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  width: 12.5rem;
}

.order-confirmation-order-details-content {
  display: inline-block;
  margin-left: 6.25rem;
  margin-bottom: 0;
}

.order-confirmation-order-details-content .address-addressLine {
  margin-bottom: 0;
}

.order-confirmation-print-details-mobile-button {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

/*Creat account section*/
.order-confirmation-create-account-wrapper {
  background: #F0F0F0;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin: 1.25rem 0 1.875rem;
}

.order-confirmation-create-account-wrapper-unsuccessful-message {
  display: none;
}

.order-confirmation-create-account-text-wrapper {
  margin-bottom: 0.625rem;
}

.order-confirmation-create-account-text-wrapper p:not(:last-child) {
  margin-bottom: 0;
}

.order-confirmation-create-account-button {
  margin-bottom: 0;
  margin-top: 0;
}

#order-confirmation-create-account-confirmation {
  display: none;
}

/*Order summary section*/
.order-summary-download-reciept-button {
  margin-top: 1.25rem;
}

.order-confirmation-order-summary-wrapper .form-title {
  margin-bottom: 0.625rem;
}

/*Returns policy section*/
.returns-policy-wrapper {
  margin-bottom: 1.875rem;
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
  padding: 1.25rem;
}

.return-policy-heading {
  border-bottom: 0.0625rem solid #E0E0E0;
  padding-bottom: 1.25rem;
}

/*Responsive*/
@media only screen and (max-width: 991px) {
  .order-confirmation-create-account-button {
    margin-top: 0.625rem;
  }
}

@media only screen and (max-width: 48rem) {
  .order-confirmation-order-details-heading {
    min-width: 10rem;
  }
  .order-confirmation-order-details-content {
    margin-left: 2.5rem;
  }
}

@media only screen and (max-width: 31.25rem) {
  .columns .order-confirmation-thank-you-heading {
    padding: 0;
  }
  .order-confirmation-order-details-heading {
    width: 35%;
    min-width: 0;
  }
  .order-confirmation-order-details-content {
    margin-right: 0;
    margin-left: 0;
    width: 60%;
  }
  .order-confirmation-create-account-button {
    width: 100%;
  }
  .order-confirmation-order-summary-wrapper .order-summary-product-card-price-wrapper {
    margin-top: 0.625rem;
  }
}

@media only screen and (max-width: 24.375rem) {
  .order-confirmation-order-details-heading {
    width: 45%;
    min-width: 0;
  }
  .order-confirmation-order-details-content {
    margin-right: 0;
    margin-left: 0;
    width: 50%;
  }
}

@media only print {
  .print-order-confirmation #vat-receipt {
    display: none;
  }
  .print-vat-receipt #content-wrapper * {
    display: none;
  }
  .print-vat-receipt #vat-receipt,
  .print-vat-receipt #vat-receipt * {
    display: block;
  }
  .print-vat-receipt #vat-receipt span {
    display: inline;
  }
  .print-vat-receipt .order-confirmation-order-details-content {
    margin-left: 0;
  }
  .print-vat-receipt .product-card-details {
    padding-left: 0 !important;
  }
  .print-vat-receipt .u-table {
    display: table !important;
    width: 100% !important;
  }
  .print-vat-receipt .u-table-cell {
    display: table-cell !important;
    vertical-align: top !important;
  }
  .print-vat-receipt .strong {
    font-family: 'Gotham-Bold', arial, serif;
    font-weight: 700;
    font-style: normal;
  }
  .print-vat-receipt .order-summary-product-card-price-wrapper {
    text-align: right;
  }
}

/******************************************
CHECKOUT ADDRESS
******************************************/
.checkout-details-form {
  margin-top: 1.875rem;
}

.findAddress-heading,
.enterAddress-heading {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
}

.find-address-form-button-wrapper {
  margin-top: 2.25rem;
}

.find-address-form-button {
  float: right;
  text-align: center;
  font-weight: normal;
}

.postcode-lookup-select-wrapper {
  margin-top: 0.625rem;
}

.address-address-wrapper {
  margin: 1.25rem 0;
}

.address-addressLine {
  margin-bottom: 0.625rem;
}

@media only screen and (max-width: 991px) {
  .find-address-form-button-wrapper {
    margin-top: 0.625rem;
    margin-bottom: 1.25rem;
  }
}

@media only screen and (max-width: 500px) {
  .find-address-form-button {
    width: 100%;
  }
}

/******************************************
CHECKOUT DELIVERY
******************************************/
.postcode-lookup-module {
  padding-bottom: 0.625rem;
}

.postcode-error-message {
  display: none;
}

label[for].existing-address {
  margin-top: 1.25rem;
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  min-width: 15.625rem;
  vertical-align: top;
}

label[for].existing-address span {
  display: block;
}

label[for].new-address-label {
  display: block;
  margin-top: 1.875rem;
}

.no-delivery-unsuccessful-message {
  margin: 1.25rem 0 0;
}

.delivery-contact-preference {
  margin-top: 1.25rem;
}

/******************************************
CHECKOUT REVIEW
******************************************/
.review-delivery-details-wrapper {
  margin-bottom: 1.25rem;
}

.review-edit-address-link-wrapper {
  padding: 1.25rem 0;
}

.review-terms-conditions-checkbox-wrapper.checkRadioSet {
  padding-top: 1.25rem;
  margin-bottom: 0;
  border-top: 0.0625rem solid #D4D4D4 !important;
  border-radius: 0 !important;
}

.review-terms-conditions-checkbox-wrapper .terms-link {
  display: inline-block;
}

form .submit-wrapper.review-submit-wrapper {
  padding-top: 0.625rem;
  border-top: none;
}

@media only screen and (max-width: 768px) {
  .review-delivery-details-wrapper {
    margin-bottom: 0;
  }
  .review-billing-details-wrapper .checkRadioSet {
    margin-bottom: 0;
  }
  .billing-address-fields {
    margin-bottom: 0.625rem;
  }
  .review-edit-address-link-wrapper {
    padding-top: 0;
    padding-bottom: 1.875rem;
    text-align: right;
  }
}

/******************************************
REGISTER FORM / LIGHTBOX
******************************************/
.register-page-login-text-wrapper {
  margin-bottom: 1.25rem;
}

.register-terms-and-conditions-text {
  color: #414042;
}

#form_register [type='checkbox'] + label,
#form_register [type='radio'] + label {
  display: block;
  margin-left: 0;
}

#signup-lightbox .lightBox-register-personalDetails-fieldset,
#signup-lightbox .lightBox-register-customerNeeds-fieldset {
  padding-bottom: 1.25rem;
}

#signup-lightbox .lightBox-register-personalDetails-fieldset,
#signup-lightbox .lightBox-register-customerNeeds-fieldset,
#signup-lightbox .lightBox-register-contactPref-fieldset {
  border-top: 0.0625rem solid #D4D4D4;
}

#signup-lightbox .lightBox-register-contactPref-fieldset p:last-child {
  margin: 0;
}

#signup-lightbox .custom-error {
  display: block;
  margin-bottom: 0.625rem;
}

.registrationComplete-text-wrapper {
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #D4D4D4;
  text-align: center;
}

.registrationComplete-heading {
  font-size: 2.75rem;
}

.registrationComplete-text {
  padding: 0 2.5rem;
  margin-bottom: 0.625rem;
}

.registrationComplete-button-wrapper {
  margin-top: 2.5rem;
  padding-right: 0;
}

.registrationComplete-button {
  width: 100%;
}

.lightbox-loginRegister-mobile-wrapper .loginRegister-registeredCustomer-wrapper {
  border-top: 0;
}

.lightbox-loginRegister-mobile-wrapper .loginRegister-registeredCustomer-forgotPassword {
  margin-bottom: 0.625rem;
}

.lightbox-loginRegister-mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .register-form-password input,
  .register-form-forum input {
    margin-bottom: 0.3125rem;
  }
  .register-form-helper-message {
    margin-bottom: 1.25rem;
  }
}

/******************************************
LOGIN FORM / LIGHTBOX
******************************************/
@media only screen and (max-width: 768px) {
  .lightbox-loginRegister {
    display: none;
  }
  .lightbox-loginRegister-mobile {
    display: block;
  }
}

/******************************************
NEWSLETTER SIGNUP LIGHTBOX
******************************************/
.lightbox-newsletter-confirmation-content-wrapper {
  text-align: center;
}

.newsletter-lightbox-cancel-button {
  margin-bottom: 1.25rem;
}

.newsletter-lightbox-submit-button {
  float: right;
}

label[for].newsletter-label {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0;
}

.newsletter-lightbox-option-description {
  margin: 0;
  padding-left: 1.5625rem;
}

@media only screen and (max-width: 500px) {
  .newsletter-lightbox-submit-button-wrapper {
    display: block;
    width: 100%;
  }
  .newsletter-lightbox-submit-button {
    width: 100%;
    margin-top: 1.75rem;
  }
}

#my-account-page .product-list {
  border: none;
  padding-top: 0;
}

#my-account-page .saved-products-wrapper .columns {
  float: left !important;
}

#my-account-page .saved-products .product-card {
  padding-bottom: 116px;
}

#my-account-page .saved-product-card-cta-wrapper {
  padding: 0 1.25rem;
  position: absolute;
  bottom: 0;
}

#my-account-page .saved-product-card-remove-link {
  display: block;
  margin-bottom: 1.25rem;
}

#my-account-page .saved-products-remove-lightbox-remove-button {
  float: right;
}

#my-account-page .lightbox .cancel-button {
  display: inline-block;
  margin-top: 0.625rem;
}

#my-account-page .lightbox .cancel-button-small {
  display: none;
}

@media only screen and (max-width: 768px) and (min-width: 640px) {
  .saved-products .product-card {
    padding-bottom: 1.25rem !important;
  }
  .saved-products .product-card-inner-wrapper {
    width: 60% !important;
    float: left;
  }
  .saved-products .saved-product-card-cta-wrapper {
    position: static !important;
    float: right;
    margin-top: 0.625rem;
    padding-left: 0 !important;
  }
  .saved-products .saved-product-card-cta-wrapper .saved-product-card-remove-link {
    text-align: left;
  }
}

@media only screen and (max-width: 500px) {
  #my-account-page .lightbox .add-basket-lightbox-submit-column button {
    width: auto;
  }
}

/******************************************
MY ACCOUNT ADDRESS BOOK
******************************************/
.address-book-address-wrapper {
  width: 50%;
}

.address-book-address-button-wrapper {
  vertical-align: bottom;
  visibility: hidden;
}

.address-book-address-button-wrapper > div:last-of-type {
  margin-bottom: 1.75rem;
}

.address-book-delete-address-button {
  float: none !important;
  margin-bottom: 0.625rem !important;
}

@media only screen and (max-width: 768px) {
  .address-spacer {
    margin: 1.25rem 0;
    border-color: #D4D4D4;
  }
}

@media only screen and (max-width: 500px) {
  .address-book-address-wrapper,
  .address-book-address-button-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
  }
}

@media only screen and (max-width: 360px) {
  .address-book-address-wrapper,
  .address-book-address-button-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
  }
  .address-book-address-button-wrapper {
    position: relative;
    width: 100%;
  }
}

/******************************************
MY ACCOUNT EMAIL PREFERENCES
******************************************/
.my-account-email-preferences {
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin: 0;
}

.email-preferences-change-email-form {
  margin: 1.875rem 0 3.75rem 0;
}

.my-account-email-preferences-email-heading {
  font-size: 1.25rem;
  color: #2E3192;
  margin-bottom: 1.25rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

form .my-account-email-preferences-submit-wrapper {
  padding-top: 0;
  border-top: none;
  margin-bottom: 0.625rem;
}

.my-account-email-preferences-submit-row {
  margin-bottom: 1.875rem;
}

.my-account-email-preferences-table .u-table-cell {
  width: 50%;
}

.my-account-email-preferences-link {
  display: none;
}

.my-account-email-preferences-link.show {
  display: inline-block;
}

.email-preferences-form .form-divider {
  margin-bottom: 1.25rem;
}

label.check-label.my-account-email-preferences-check-label {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

a.experience-editor-button {
  float: right;
}

@media only screen and (max-width: 48rem) {
  #email-preferences .heading-page {
    margin-bottom: 0;
  }
}

/******************************************
MY ACCOUNT ADDRESS BOOK
******************************************/
.address-book-address-wrapper {
  width: 50%;
}

.address-book-address-button-wrapper {
  vertical-align: bottom;
  visibility: hidden;
}

.address-book-address-button-wrapper > div:last-of-type {
  margin-bottom: 1.75rem;
}

.address-book-delete-address-button {
  float: none !important;
  margin-bottom: 0.625rem !important;
}

@media only screen and (max-width: 768px) {
  .address-spacer {
    margin: 1.25rem 0;
    border-color: #D4D4D4;
  }
}

@media only screen and (max-width: 500px) {
  .address-book-address-wrapper,
  .address-book-address-button-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
  }
}

@media only screen and (max-width: 360px) {
  .address-book-address-wrapper,
  .address-book-address-button-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
  }
  .address-book-address-button-wrapper {
    position: relative;
    width: 100%;
  }
}

.is-in-editing-mode .hide-for-medium,
.is-in-editing-mode .show-for-medium {
  display: block !important;
}

.is-in-editing-mode .promotional-panel-image-full {
  width: 100%;
}

/**
 * Fix for issue with Sitecore's empty image placeholder icon.
 * -----------------------------------------------------------
 *
 * Issue:   The icon can become very large when the image to be inserted needs
 *          to be large.
 *
 * Cause:   Natural image sizing in the browser.
 *
 * Fix:     Ensuring the  empty image placeholder icon cannot exceed a certain
 *          width/height & center-aligning the icon to ensure it stays visible 
 *          and easily accessibile.
 */
.scEmptyImage {
  max-width: 50px;
  max-height: 50px;
  display: block;
  margin: 0 auto;
}

/**
 * Fix for issue with Sitecore's breadcrumb navigation bar.
 * --------------------------------------------------------
 *
 * Issue:   The hover state doesn't align with the item being hovered over.
 *
 * Cause:   Foundation Library CSS (Version 6.2.0).
 *
 * Fix:     Overwriting the generic styles applied by Foundation specifically 
 *          for Sitecore's breadcrumb navigation bar & menu icons.
 */
.sc-breadcrumb-item-path {
  box-sizing: initial;
  line-height: initial;
}

.sc-breadcrumb-item-path img {
  vertical-align: auto;
}

/******************************************
MY ACCOUNT EMAIL PREFERENCES
******************************************/
.my-account-email-preferences {
  border: 0.0625rem solid #D4D4D4;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin: 0;
}

.email-preferences-change-email-form {
  margin: 1.875rem 0 3.75rem 0;
}

.my-account-email-preferences-email-heading {
  font-size: 1.25rem;
  color: #2E3192;
  margin-bottom: 1.25rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

form .my-account-email-preferences-submit-wrapper {
  padding-top: 0;
  border-top: none;
  margin-bottom: 0.625rem;
}

.my-account-email-preferences-submit-row {
  margin-bottom: 1.875rem;
}

.my-account-email-preferences-table .u-table-cell {
  width: 50%;
}

.my-account-email-preferences-link {
  display: none;
}

.my-account-email-preferences-link.show {
  display: inline-block;
}

.email-preferences-form .form-divider {
  margin-bottom: 1.25rem;
}

label.check-label.my-account-email-preferences-check-label {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

a.experience-editor-button {
  float: right;
}

@media only screen and (max-width: 48rem) {
  #email-preferences .heading-page {
    margin-bottom: 0;
  }
}

#product-category .heading-promo.row-heading, #product-category .row-heading.form-title {
  font-family: 'Gotham-Bold', arial, serif;
  font-weight: 700;
  font-style: normal;
  display: none;
}

@media only screen and (max-width: 768px) {
  #product-category .heading-promo.row-heading, #product-category .row-heading.form-title {
    display: block;
  }
}

.publication-listing-item-header-table {
  margin-bottom: 0.9375rem;
}

.publication-listing-item-heading {
  margin-bottom: 0 !important;
}

.publication-listing-item-more-link {
  float: right;
  margin-top: 0.1875rem;
  margin-left: 0.9375rem;
}

.publication-listing-item-details-row {
  font-weight: bold;
}

.publication-listing-item-details-row:first-of-type {
  margin-bottom: 1.25rem;
}

.publication-listing-item-download-button {
  float: right;
  margin-bottom: 0;
}

.publication-listing .u-table-cell.half-width {
  width: 50%;
}

.publication-listing-item-divider {
  border-color: #E0E0E0;
}

@media only screen and (max-width: 768px) {
  .publication-listing-item-image {
    display: none;
  }
  .publication-listing-item-details {
    width: 100%;
  }
  .publication-listing-item-details-row:first-of-type {
    margin-bottom: 0;
  }
  .publication-listing-item-details-row .columns {
    margin-bottom: 1.25rem;
  }
  .publication-listing-item-details-row .columns [class^='icon-'] {
    display: none;
  }
  .publication-listing-item-download-button {
    float: none;
    margin-left: 1.25rem;
  }
}

@media only screen and (max-width: 23.375rem) {
  .publication-listing-item-details-row .columns {
    width: 100%;
  }
  .publication-listing-item-more-link-mobile {
    display: inline-block;
    margin-bottom: 1.25rem;
  }
  .publication-listing-item-download-button {
    margin-left: 0;
  }
  .publication-listing .u-table-cell.half-width {
    display: block;
    width: 100%;
  }
}

/******************************************
PUBLICATION PAGE
******************************************/
.publication-header {
  margin-top: 1.25rem;
}

.publication-header [class^='icon-'] {
  margin-right: 0.3125rem;
  position: absolute;
  top: 0.125rem;
  line-height: inherit;
}

.publication-header-row-1 {
  margin-bottom: 0.625rem;
}

.publication-header-text {
  margin-left: 1.25rem;
}

.publication-collection-link-list-wrapper {
  margin: 1.875rem 0;
}

.publication-collection-link-list-item {
  margin-bottom: 0.9375rem;
  width: 50%;
  float: left;
}

@media only screen and (max-width: 768px) {
  .publication-header {
    margin-bottom: 1.25rem;
  }
  .publication-header-row-1 {
    margin-bottom: 0;
  }
  [class*="publication-header-row-"] .columns {
    margin-bottom: 0.625rem;
  }
  .publication-collection-link-list-item {
    width: 100%;
  }
  .publication-landing-collection-heading {
    display: block;
  }
}

/******************************************
BLOG
******************************************/
.recent-blog-post {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 1.875rem;
}

/******************************************
FAQ
******************************************/
.faq-button-wrapper {
  padding: 1.875rem 1.875rem 0.625rem;
  background-image: linear-gradient(102deg, #f5f5f5, rgba(227, 227, 227, 0.7));
  border-radius: 0.5rem;
  margin-bottom: 3.28125rem;
}

.faq-button-wrapper .columns:last-child:not(:first-child) {
  float: left;
}

label[for].faq-button {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  color: #2E3192;
  margin-bottom: 1.5625rem;
  text-align: center;
}

label[for].faq-button:hover, label[for].faq-button:focus {
  color: #2E3192;
}

[id^='faq-radio-']:checked + label[for].faq-button {
  color: #ffffff;
}

body:not(.is-in-editing-mode) [data-faq-section-id] {
  display: none;
}

[data-faq-section-id].show {
  display: block !important;
}

.faq-select-wrapper {
  background-image: linear-gradient(112deg, #f5f5f5, rgba(227, 227, 227, 0.7));
  margin-bottom: 3.28125rem;
  padding: 1.5625rem 0 1.25rem;
}

.faq-select-wrapper [class^="heading-"] {
  font-weight: bold;
}

body.is-in-editing-mode .show-for-small-only,
body.is-in-editing-mode .hide-for-small-only {
  display: block !important;
}

.faq-results .accordion .accordion-title {
  text-transform: none;
}

/******************************************
EVENT HERO AREA
******************************************/
.event-hero__details {
  padding: 1.375rem 1.875rem 2rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  background: linear-gradient(45deg, #fff, rgba(255, 255, 255, 0.95));
}

.event-hero__heading {
  color: #2E3192;
  margin-bottom: 0.7rem;
}

.event-hero__detail {
  position: relative;
  margin: 0;
  padding-left: 1.875rem;
  font-weight: bold;
}

.event-hero__detail + .event-hero__detail {
  margin-top: 0.625rem;
}

.event-hero__detail [class^="icon-"] {
  position: absolute;
  top: 0.1875rem;
  left: 0;
  color: #939598;
}

.event-hero__detail--website span {
  margin: 0;
}

.event-hero__detail--website .icon-Arrow-Right {
  left: auto;
  right: -0.625rem;
}

.event-location {
  margin-bottom: 1.875rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.event-location__map, .event-location__link {
  display: block;
}

.event-location__map {
  height: 18.75rem;
}

.event-location__link {
  display: block;
  padding: 0.625rem 1.25rem;
  background-color: #00A3D8;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.event-location__link:hover {
  background-color: #057FB1;
  color: #ffffff;
  text-decoration: none;
}

.event-location__link:focus, .event-location__link:active {
  color: #ffffff;
  text-decoration: none;
}

@media only screen and (max-width: 1199px) {
  .event-hero__heading {
    font-size: 1.625rem;
  }
}

@media only screen and (max-width: 768px) {
  .event-hero .hero-intro-area-content-row {
    padding: 0 !important;
  }
  .event-hero__details {
    background: #F0F0F0;
    border-radius: 0;
    box-shadow: none;
  }
  .event-hero__heading {
    font-size: 1.875rem;
  }
}

@media only screen and (max-width: 62em) {
  .event-hero__detail {
    margin-top: 0.625rem;
  }
}

[data-donation-step] {
  visibility: hidden;
}

[data-donation-step].show {
  visibility: visible;
}

[data-donation-step].hide {
  display: none;
}

.donation-form[data-donation-step] {
  margin-top: 0;
}

/******************************************
DONATION PAGE THANK YOU POD
******************************************/
.donation-thank-you {
  border-radius: 0.5rem;
  background: #E0E0E0;
  padding: 1.875rem;
  margin-bottom: 1.875rem;
}

.donation-thank-you p:last-of-type {
  margin-bottom: 0;
}

/******************************************
EVENT SEARCH
******************************************/
.event-search__container {
  width: 100%;
  overflow: hidden;
  padding: 1.125rem 1.875rem;
  background: #F0F0F0;
  border-radius: 0.5rem;
}

.event-search__label[for], .event-search__field, .event-search__button[type=submit] {
  margin: 0;
}

.event-search__label[for], .event-search__field {
  float: left;
}

.event-search__button {
  float: right;
}

.event-search__label[for] {
  margin-right: 0.75rem;
  margin-bottom: 0;
  line-height: 3rem;
}

.event-search__field {
  width: 32.5%;
  margin-right: 2.125rem;
}

.event-search__button {
  width: 13.3%;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 3rem;
  text-align: left;
}

.event-search__button:after {
  float: right;
  width: 1.5rem;
  height: 1.5rem;
  color: #ffffff;
  font-family: "AOHL-Icons";
  font-weight: normal;
}

.event-search__new {
  text-align: center;
}

.event-search__new-link {
  color: #2E3192;
  text-decoration: none;
}

.event-search__new-link span {
  text-decoration: underline;
}

.event-search__new-link:hover {
  text-decoration: none;
}

.event-search__new-link:hover span {
  text-decoration: none;
}

.event-search__new-link [class^="icon-"] {
  margin-left: 0.625rem;
  text-decoration: none;
}

.event-search__new-link [class^="icon-"]:before {
  text-decoration: none;
}

@media only screen and (max-width: 1100px) {
  .event-search__button {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    font-size: 0.9375rem;
  }
}

@media only screen and (max-width: 930px) {
  .event-search__field {
    margin-right: 1.25rem;
  }
  .event-search__button {
    width: 16%;
  }
}

@media only screen and (max-width: 900px) {
  .event-search__label[for] {
    width: 7%;
    margin-right: 2%;
    font-size: 0.875rem;
  }
  .event-search__field {
    width: 39%;
    margin-right: 0;
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
  }
  .event-search__field + .event-search__label {
    margin-left: 4%;
  }
  .event-search__button[type=submit] {
    width: 20%;
    clear: both;
    float: right;
  }
}

@media only screen and (max-width: 700px) {
  .event-search__container {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .event-search__label[for], .event-search__field {
    clear: left;
    margin-left: 0;
    font-size: 1rem;
  }
  .event-search__label[for] {
    line-height: normal;
    margin-bottom: 0.625rem;
  }
  .event-search__field {
    width: 100%;
    margin-bottom: 1.875rem;
  }
  .event-search__button[type=submit] {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
  }
  .event-search__button[type=submit]:after {
    float: none;
    position: relative;
    top: 3px;
    margin-left: 0.625rem;
  }
}

/******************************************
EVENT FILTERS
******************************************/
.event-filters__heading--mobile {
  display: none;
}

.event-filters__list {
  width: calc(100% - 200px);
  float: left;
}

.event-filters__label[for] {
  font-family: 'Gotham-Book', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
}

.event-filters__label[for]:before {
  position: relative;
  top: -0.1875rem;
}

.event-filters__actions {
  width: 12.5rem;
  float: right;
  text-align: right;
}

.event-filters__button {
  float: right;
  margin-bottom: 0;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  border: 0;
  border-radius: 0.25rem !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 1100px) {
  .event-filters__button {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .event-filters__button, .event-filters__clear {
    font-size: 0.9375rem;
  }
}

@media only screen and (max-width: 768px) {
  .event-filters {
    padding: 0;
  }
  .event-filters__heading--desktop {
    display: none;
  }
  .event-filters__heading--mobile {
    display: block;
    margin: 0;
    padding: 1.25rem;
    cursor: pointer;
  }
  .event-filters__heading--mobile [class^="icon-"] {
    float: right;
    position: relative;
    top: 3px;
  }
  .event-filters__heading--mobile:hover {
    color: #E40089;
  }
  .event-filters__heading--mobile:active, .event-filters__heading--mobile:focus {
    color: #2E3192;
  }
  .event-filters__wrapper {
    max-height: 0;
    margin: 0 1.25rem;
    overflow: hidden;
    transition: max-height .3s linear;
  }
  .event-filters__wrapper--open {
    max-height: 31.25rem;
    margin: 0 1.25rem 1.25rem;
  }
}

@media only screen and (max-width: 700px) {
  .event-filters__list {
    width: 100%;
    margin-bottom: 1.25rem;
  }
  .event-filters__actions, .event-filters__button {
    width: 100%;
  }
}

/******************************************
EVENT RESULTS
******************************************/
.event-results {
  position: relative;
}

.event-results__loading {
  width: 100%;
  height: 12.5rem;
  background: url("/Content/AHL/images/gif/ajax-loader.gif") no-repeat 50% 50%;
}

.event-results__item {
  position: relative;
  margin-bottom: 1.875rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #D4D4D4;
  overflow: hidden;
}

.event-results__details {
  width: 69%;
  float: left;
  padding: 1.875rem;
  text-decoration: none;
  color: #414042;
}

.event-results__details:hover {
  text-decoration: none;
  color: #414042;
}

.event-results__details:hover .event-results__title span {
  text-decoration: underline;
}

.event-results__details--noImg {
  width: 100%;
}

.event-results__title {
  margin-bottom: 0.875rem;
  color: #2E3192;
}

.event-results__title i:before {
  position: relative;
  top: -1px;
  margin-left: 0.625rem;
  font-size: 0.875rem;
  color: #E40089;
}

.event-results__description {
  margin-bottom: 0.625rem;
}

.event-results__meta {
  width: 100%;
  padding-top: 0.75rem;
  border-top: 1px solid #D4D4D4;
}

.event-results__metaData {
  position: relative;
  width: 33%;
  float: left;
  padding-left: 1.875rem;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.event-results__metaData [class^="icon-"] {
  position: absolute;
  left: 0;
  color: #939598;
}

.event-results__metaData:not(:last-child) {
  padding-right: 1.25rem;
}

.event-results__image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 31%;
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.event-results__image.small {
  display: none;
}

.event-results__image img {
  width: 100%;
}

.event-search-overlay {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  background: #ffffff;
  z-index: 1;
}

@media only screen and (max-width: 1000px) {
  .event-results__details {
    width: 75%;
    padding: 1.25rem;
  }
  .event-results__details--noImg {
    width: 100%;
  }
  .event-results__title {
    font-size: 1.25rem;
  }
  .event-results__description, .event-results__meta {
    font-size: 0.875rem;
  }
  .event-results__image {
    width: 25%;
  }
}

@media only screen and (max-width: 700px) {
  .event-results__details {
    width: 60%;
  }
  .event-results__details--noImg {
    width: 100%;
  }
  .event-results__metaData {
    width: 100%;
    margin: 0 0 0.625rem;
  }
  .event-results__image {
    width: 40%;
  }
}

@media only screen and (max-width: 600px) {
  .event-results__meta {
    font-size: 0.8125rem;
  }
}

@media only screen and (max-width: 500px) {
  .event-results__details, .event-results__image {
    width: 100%;
  }
  .event-results__image {
    position: relative;
    float: left;
  }
  .event-results__image.small {
    display: block;
  }
  .event-results__image.large {
    display: none;
  }
  .event-results__title {
    font-size: 1.5rem;
  }
  .event-results__description {
    font-size: 1rem;
  }
  .event-results__meta {
    font-size: 1rem;
  }
}

/******************************************
EVENT PAGINATION
******************************************/
.event-pagination {
  position: relative;
  box-sizing: border-box;
  height: 4.875rem;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #D4D4D4;
  text-align: center;
}

.event-pagination__controls {
  display: inline-block;
  position: relative;
  width: 31.25rem;
  max-width: 100%;
}

.event-pagination__list {
  padding: 0.5625rem 0;
  background: #F0F0F0;
  border-radius: 0.5rem;
}

.event-pagination__item {
  display: inline-block;
}

.event-pagination__link {
  display: block;
  height: 1.875rem;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #2E3192;
  border-radius: 0.125rem;
  text-decoration: underline;
  padding-top: 0.125rem;
}

.event-pagination__link:hover {
  color: #E40089;
}

.event-pagination [class^="icon-Arrow"] {
  font-size: 0.875rem;
  text-decoration: none;
}

.event-pagination [class^="icon-Arrow"]:before {
  text-decoration: none;
}

.event-pagination__perPage {
  position: absolute;
  top: 0;
  right: 0;
}

.event-pagination__perPage label {
  margin-right: 0.625rem;
}

.event-pagination__pageSizes {
  width: 8.75rem;
}

.event-pagination__item--disabled {
  display: none;
}

.event-pagination__item--number .event-pagination__link--active,
.event-pagination__item--number .event-pagination__link--active:active,
.event-pagination__item--number .event-pagination__link--active:focus {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #2E3192;
  color: #ffffff;
  text-decoration: none;
}

.event-pagination__item--number .event-pagination__link--active:hover {
  color: #ffffff;
  text-decoration: underline;
}

.event-pagination__item--number + .event-pagination__item--number {
  margin-left: 0.625rem;
}

.event-pagination__item--number .event-pagination__link {
  width: 1.875rem;
  font-size: 1.125rem;
}

.event-pagination__item--number.disabled .event-pagination__link {
  text-decoration: none;
}

.event-pagination__item--number.disabled .event-pagination__link:hover {
  cursor: default;
  color: initial;
}

.event-pagination__item--prev {
  position: absolute;
  left: 0.9375rem;
}

.event-pagination__item--prev [class^="icon-Arrow"] {
  margin-right: 0.625rem;
}

.event-pagination__item--next {
  position: absolute;
  right: 0.9375rem;
}

.event-pagination__item--next [class^="icon-Arrow"] {
  margin-left: 0.625rem;
}

@media only screen and (max-width: 1100px) {
  .event-pagination {
    height: auto;
    padding-bottom: 1.25rem;
  }
  .event-pagination__perPage {
    position: relative;
    width: 270px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 550px) {
  .event-pagination__link,
  .event-pagination__item--number .event-pagination__link {
    font-size: 0.875rem;
  }
  .event-pagination__item--number .event-pagination__link {
    width: 1.625rem;
  }
  .event-pagination__link--text {
    display: none;
  }
}

@media only screen and (max-width: 380px) {
  .event-pagination__item--prev {
    left: 0.625rem;
  }
  .event-pagination__item--next {
    right: 0.625rem;
  }
  .event-pagination__item--number + .event-pagination__item--number {
    margin-left: 0.3125rem;
  }
}

/******************************************
EVENT PROMO
******************************************/
.event-promo {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}

.event-promo__details, .event-promo__image {
  width: 50%;
}

.event-promo__details {
  float: left;
  padding: 2.25rem;
  color: #ffffff;
}

.event-promo__heading {
  margin-bottom: 0.625rem;
  color: #ffffff;
}

.event-promo__summary {
  font-size: 1.25rem;
}

.event-promo__meta {
  width: 100%;
  padding-top: 1.875rem;
  border-top: 2px solid #ffffff;
}

.event-promo__metaData {
  position: relative;
  padding-left: 1.5rem;
  vertical-align: top;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.event-promo__metaData [class^="icon-"] {
  position: absolute;
  left: 0;
  font-size: 1.125rem;
}

.event-promo__metaData--button {
  width: 10.9375rem;
  padding-left: 0;
}

.event-promo__metaData:not(.event-promo__metaData--button) {
  padding-right: 1rem;
}

.event-promo__button {
  display: block;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 2.625rem;
  color: #E40089 !important;
  border-radius: 0.25rem;
  text-align: center;
}

.event-promo__image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  margin: 0;
}

.event-promo__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 68.75rem) {
  .event-promo__details {
    width: 65%;
  }
  .event-promo__heading {
    font-size: 1.375rem;
  }
  .event-promo__summary {
    font-size: 1rem;
  }
  .event-promo__image {
    width: 35%;
  }
}

@media only screen and (max-width: 53.125rem) {
  .event-promo__details {
    width: 60%;
    padding: 1.25rem;
  }
  .event-promo__metaData {
    display: block;
    float: left;
  }
  .event-promo__metaData {
    width: 50%;
    font-size: 0.875rem;
  }
  .event-promo__metaData--button {
    width: 100%;
    clear: left;
    margin-top: 1.25rem;
  }
  .event-promo__image {
    width: 40%;
  }
}

@media only screen and (max-width: 37.5rem) {
  .event-promo__details, .event-promo__metaData {
    width: 100%;
  }
  .event-promo__heading {
    font-size: 1.875rem;
  }
  .event-promo__summary {
    font-size: 1.25rem;
  }
  .event-promo__metaData {
    padding-left: 1.875rem;
    font-size: 1rem;
  }
  .event-promo__metaData--button {
    margin-top: 0.625rem;
    padding: 0;
  }
  .event-promo__metaData:not(.event-promo__metaData--button) {
    margin-bottom: 0.625rem;
    padding-right: 0;
  }
  .event-promo__image {
    display: none;
  }
}

.showcase-list {
  margin-bottom: 1.25rem;
}

.showcase-list .content-card-heading,
.showcase-list .content-card-heading a {
  font-size: 1.5rem;
}

.showcase-list .content-card-section-links-list-item.no-arrow:after {
  display: none;
}

.showcase-item:last-of-type {
  float: left !important;
}

.showcase-header-area .sort-results {
  width: auto;
  float: right;
}

.showcase-header-area .sort-results .select-wrapper {
  width: 15.625rem;
  margin-left: 1.25rem;
}

@media only screen and (max-width: 768px) {
  .showcase-header-area .sort-results {
    float: none;
  }
  .showcase-header-area .sort-results .select-wrapper {
    margin-left: 0;
    width: 100%;
  }
}

/******************************************
EVENT SEARCH
******************************************/
.showcase-search .showcase-results {
  position: relative;
}

.showcase-search .showcase-results__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
  background: #ffffff;
  display: none;
  z-index: 1;
}

.showcase-search .showcase-results__overlay.show {
  display: block;
}

.showcase-search__container {
  width: 100%;
  overflow: hidden;
  padding: 1.125rem 1.875rem;
  background: #F0F0F0;
  border-radius: 0.5rem;
}

.showcase-search__label[for], .showcase-search__field, .showcase-search__button[type=submit] {
  margin: 0;
}

.showcase-search__label[for], .showcase-search__field {
  float: left;
}

.showcase-search__button {
  float: right;
}

.showcase-search__label[for] {
  margin-right: 0.75rem;
  margin-bottom: 0;
  line-height: 3rem;
}

.showcase-search__field {
  width: 75%;
  margin-right: 2.125rem;
}

.showcase-search__button {
  width: 13.3%;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 3rem;
  text-align: left;
}

.showcase-search__button:after {
  float: right;
  width: 1.5rem;
  height: 1.5rem;
  color: #ffffff;
  font-family: "AOHL-Icons";
  font-weight: normal;
}

.showcase-search__new {
  text-align: center;
}

.showcase-search__new-link {
  color: #2E3192;
  text-decoration: none;
}

.showcase-search__new-link span {
  text-decoration: underline;
}

.showcase-search__new-link:hover {
  text-decoration: none;
}

.showcase-search__new-link:hover span {
  text-decoration: none;
}

.showcase-search__new-link [class^="icon-"] {
  margin-left: 0.625rem;
}

@media only screen and (max-width: 1100px) {
  .showcase-search__button {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    font-size: 0.9375rem;
  }
}

@media only screen and (max-width: 930px) {
  .showcase-search__field {
    margin-right: 1.25rem;
  }
  .showcase-search__button {
    width: 16%;
  }
}

@media only screen and (max-width: 900px) {
  .showcase-search__label[for] {
    width: 7%;
    margin-right: 2%;
    font-size: 0.875rem;
  }
  .showcase-search__field {
    width: 70%;
    margin-right: 0;
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
  }
  .showcase-search__field + .showcase-search__label {
    margin-left: 4%;
  }
  .showcase-search__button[type=submit] {
    width: 20%;
    float: right;
  }
}

@media only screen and (max-width: 700px) {
  .showcase-search__container {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .showcase-search__label[for], .showcase-search__field {
    clear: left;
    margin-left: 0;
    font-size: 1rem;
  }
  .showcase-search__label[for] {
    line-height: normal;
    margin-bottom: 0.625rem;
  }
  .showcase-search__field {
    width: 100%;
    margin-bottom: 1.875rem;
  }
  .showcase-search__button[type=submit] {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
  }
  .showcase-search__button[type=submit]:after {
    float: none;
    position: relative;
    top: 3px;
    margin-left: 0.625rem;
  }
}

/******************************************
SITE SEARCH
******************************************/
.site-search-box-container {
  background: #F0F0F0;
  border-radius: 0.5rem;
  padding: 1.25rem 1.875rem;
  margin-bottom: 1.875rem;
}

.site-search-box-container .site-search-wrapper {
  background: #ffffff;
}

.site-search-box-container .search-box-label {
  margin-bottom: 0;
}

.site-search-box-container .site-search-options-wrapper {
  width: 10.9375rem;
}

.site-search-box-container .site-search-form .site-search-options-wrapper .radio-label:first-of-type {
  top: 0;
  margin-right: 0.9375rem;
}

.site-search-box-container .site-search-submit-wrapper {
  height: 100%;
}

.site-search-box-container .site-search-submit {
  float: none;
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  color: #2E3192;
}

.product-results-listing-page .site-search-submit {
  padding: 1.25rem 0;
}

.site-search-shop-results {
  border-radius: 0.5rem;
  background-color: #ffffff;
  border: 0.0625rem solid #D4D4D4;
  padding: 1.875rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  padding-bottom: 0;
  margin-bottom: 1.875rem;
}

.site-search-shop-results .site-search-shop-results-more-button {
  float: right;
}

.site-search-shop-results .product-card {
  border: none;
  box-shadow: none;
}

.site-search-divider {
  margin-top: 0.625rem;
}

.site-search-item {
  float: left !important;
}

.site-search-shop-results-wrapper {
  margin-bottom: 1.25rem;
}

.site-search-shop-results-wrapper .u-table-cell {
  vertical-align: top;
}

.site-search-shop-results-wrapper,
.site-search-results {
  position: relative;
}

.site-search-results {
  min-height: 1000px;
}

.site-search-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
  background: #ffffff;
  z-index: 1;
}

.site-search-shop-results-wrapper .site-search-overlay {
  left: 0px;
  right: 0px;
}

.site-search-header-area .sort-results {
  width: auto;
  float: right;
}

.site-search-header-area .sort-results .select-wrapper {
  width: 15.625rem;
  margin-left: 1.25rem;
}

.site-search-clear-filters-button,
.site-search-clear-filters-button:hover,
.site-search-clear-filters-button:focus {
  display: inline-block;
  margin-top: 0.625rem;
  color: #2E3192;
  clear: both;
  float: right;
}

@media only screen and (max-width: 1199px) {
  .site-search-shop-results .u-table-cell {
    display: none;
  }
  .site-search-shop-results .u-table-cell:nth-of-type(1), .site-search-shop-results .u-table-cell:nth-of-type(2) {
    display: table-cell;
  }
}

@media only screen and (max-width: 53.125rem) {
  .site-search-box-container {
    display: none;
  }
  .site-search-results-found {
    display: inline-block;
    margin-bottom: 0.625rem;
  }
}

@media only screen and (max-width: 768px) {
  .site-search-shop-results .site-search-shop-results-more-button {
    float: none;
  }
  .site-search-shop-results .u-table-cell {
    display: block !important;
  }
  .site-search-shop-results-wrapper .u-table-cell {
    display: none !important;
  }
  .site-search-shop-results-wrapper .u-table-cell:first-of-type {
    display: block !important;
  }
  .site-search-header-area .sort-results {
    float: none;
  }
  .site-search-header-area .sort-results .select-wrapper {
    margin-left: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .showcase-filters {
    padding: 0;
  }
}

.payment .error {
  font-family: 'Gotham-Medium', arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #D0021B;
  margin: 1.25rem 0;
}

.payment-form {
  -webkit-overflow-scrolling: touch;
  /*overflow-y: scroll;*/
}

.payment-form iframe {
  width: 100%;
}

.in-your-area__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
  background: #ffffff;
  display: none;
  z-index: 1;
}

.in-your-area .range-filter {
  display: table;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.875rem;
}

.in-your-area .range-filter__wrapper {
  display: table-cell;
  -ms-flex-order: 0;
  order: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
}

.in-your-area .range-filter__select-wrapper {
  width: 39%;
  margin: 0 1.25rem;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 12.5rem;
  min-width: 9.375rem;
}

.in-your-area .range-filter__text-before {
  margin-right: 1.25rem;
}

.in-your-area .range-filter__text-after {
  margin-left: 1.25rem;
}

.in-your-area .toggle-buttons {
  float: right;
}

.in-your-area .event-results.list {
  margin-bottom: 1.875rem;
}

.in-your-area .event-results.list > .row > .columns:last-child:not(:first-child) {
  float: left;
}

.in-your-area #in-your-area-map {
  height: 43.75rem;
}

@media only screen and (max-width: 1199px) {
  .in-your-area #in-your-area-map {
    height: 37.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .in-your-area .toggle-buttons {
    float: none;
  }
  .in-your-area #in-your-area-map {
    height: 25rem;
  }
}

@media only screen and (max-width: 500px) {
  .in-your-area .range-filter {
    display: block;
  }
  .in-your-area .range-filter__wrapper {
    display: block;
  }
  .in-your-area .range-filter__select-wrapper {
    max-width: none;
    width: 100%;
    margin: 0.625rem 0;
  }
  .in-your-area .range-filter__text-before {
    margin-right: 0;
  }
  .in-your-area .range-filter__text-after {
    margin-left: 0;
  }
}