@charset "UTF-8";
@font-face {
  font-family: "FSMePro";
  font-weight: normal;
  src: url("../../fonts/FSMePro-Regular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "FSMePro";
  font-weight: bold;
  src: url("../../fonts/FSMePro-Bold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "FSMePro";
  font-style: italic;
  src: url("../../fonts/FSMePro-Italic.otf") format("opentype");
  font-display: swap;
}
html {
  font-family: "FSMePro", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: rgb(44, 42, 41);
}

h1, .h1 {
  font-size: 3rem;
  line-height: 3.625rem;
}
@media screen and (max-width: 768px) {
  h1, .h1 {
    font-size: 2rem;
    line-height: 2.375rem;
  }
}
h1, .h1 {
  font-weight: bold;
  margin: 1rem 0 1rem -0.7rem;
  background-color: #fae100;
  border-radius: 8px;
  display: inline-block;
  padding: 5px 10px;
}
h1.yb, .h1.yb {
  margin: 0 0 0 -0.7rem;
}
h1.aligned, .h1.aligned {
  margin-left: 0;
}

h2:not(.h3), .h2 {
  margin: 1rem 0;
  margin-left: -42px;
  padding-left: 42px;
  position: relative;
  font-size: 2.5rem;
  line-height: 3rem;
}
@media screen and (max-width: 768px) {
  h2:not(.h3), .h2 {
    font-size: 2rem;
    line-height: 2.438rem;
  }
}
h2:not(.h3):before, .h2:before {
  content: "";
  height: 80%;
  top: 5%;
  background-color: #1b5faa;
  width: 12px;
  border-radius: 3px;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 768px) {
  h2:not(.h3), .h2 {
    margin-left: -30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 650px) {
  h2:not(.h3), .h2 {
    margin-left: -25px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 450px) {
  h2:not(.h3), .h2 {
    margin-left: -20px;
    padding-left: 20px;
  }
}

h3, .h3 {
  font-weight: bold;
  margin: 1rem 0;
  font-size: 2rem;
  line-height: 2.75rem;
}
@media screen and (max-width: 768px) {
  h3, .h3 {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}

h4, .h4 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.063rem;
}
@media screen and (max-width: 768px) {
  h4, .h4 {
    font-size: 1.438rem;
    line-height: 1.75rem;
  }
}

p.h4 {
  margin-bottom: 0;
}

h5, .h5 {
  color: rgb(29, 29, 29);
  font-weight: bold;
  font-size: 1.313rem;
  line-height: 1.969rem;
}
@media screen and (max-width: 768px) {
  h5, .h5 {
    font-size: 1.313rem;
    line-height: 1.969rem;
  }
}

h6, .h6 {
  color: rgb(29, 29, 29);
  font-weight: bold;
  font-size: 1.313rem;
  line-height: 1.969rem;
}
@media screen and (max-width: 768px) {
  h6, .h6 {
    font-size: 1.313rem;
    line-height: 1.969rem;
  }
}

.regular {
  font-weight: normal;
}

.bold {
  font-weight: 700;
}

p, li, .p {
  font-family: "FSMePro", sans-serif;
  font-size: 1.313rem;
  line-height: 1.969rem;
}
@media screen and (max-width: 768px) {
  p, li, .p {
    font-size: 1.313rem;
    line-height: 1.969rem;
  }
}
p > .text:nth-child(1), li > .text:nth-child(1), .p > .text:nth-child(1) {
  margin-top: 0;
}

input,
span,
select,
textarea,
label {
  font-family: "FSMePro", sans-serif;
  font-size: 1.313rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
  input,
  span,
  select,
  textarea,
  label {
    font-size: 1.313rem;
    line-height: 1.5rem;
  }
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

a {
  color: #202020;
}

a.link, span.link {
  font-size: 1.313rem;
  text-decoration: none;
  border-bottom: 3px solid #202020;
  padding-bottom: 4px;
  margin: 0;
  line-height: 2.5rem;
}
a.link:hover, span.link:hover {
  border-bottom-color: #fae100;
}
a.link.link-arrow, span.link.link-arrow {
  font-weight: 700;
  /* position: relative;

   &:after {
       content: url('/img/link-arrow.svg');
       position: absolute;
       border-bottom: 3px solid $yellow;
       padding-left: 10px;
       width: 20px;
       height: 30px;
       bottom: -2.4px;
   }

   &:hover {
       &:after {
           border-bottom: 3px solid $black-color;
       }
   }*/
}
a.link.link-arrow img, span.link.link-arrow img {
  margin-bottom: -2px;
}
a.link.link-arrow span, span.link.link-arrow span {
  font-size: unset;
}
a.link.yellow, span.link.yellow {
  border-bottom: 3px solid #fae100;
}
a.link.yellow:hover, span.link.yellow:hover {
  border-bottom-color: #202020;
}
a.link.red, span.link.red {
  color: #AA3349;
}
a.link.standard, span.link.standard {
  border-bottom: none;
  text-decoration: underline;
  padding-bottom: 0;
}

.link-eye {
  margin-top: 1rem;
}
.link-eye:hover .link {
  border-bottom: 3px solid #000000;
}
.link-eye a {
  text-decoration: none;
}
.link-eye a img {
  display: block;
  float: left;
  padding-right: 7px;
  padding-top: 10px;
}

.copy-sm {
  font-family: "FSMePro", sans-serif;
  font-size: 1.188rem;
  line-height: 1.75rem;
}
@media screen and (max-width: 768px) {
  .copy-sm {
    font-size: 1.188rem;
    line-height: 1.75rem;
  }
}

.copy-tiny {
  font-size: 1rem;
}
.nowrap {
  white-space: nowrap;
}

.rich-text ul {
  padding-left: 1rem;
  list-style-image: url("/img/icons/bullet.svg");
}
.rich-text ul li {
  padding-left: 0.4rem;
  margin: 1rem 0;
}
.rich-text ol {
  padding-left: 1.2rem;
}
.rich-text ol li {
  padding-left: 3px;
  margin-bottom: 1rem;
}
.rich-text ol li::marker {
  color: #1b5faa;
  font-weight: bold;
}

html,
body {
  margin: 0;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

.general-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

b {
  font-weight: bold;
}

#content {
  width: 66.8%;
  margin-left: auto;
}
@media screen and (min-width: 1440px) {
  #content {
    width: calc(100% - 480px);
  }
}
@media screen and (max-width: 768px) {
  #content {
    width: 100%;
  }
}
#content.content--full-width {
  width: 100%;
  padding-top: 70px;
}

.spacing-content {
  margin-right: 9.35%;
  margin-left: 9.35%;
}
.spacing-content.max {
  margin-right: 16.6%;
  margin-left: 16.6%;
}

.padding-content {
  padding-right: 9.35%;
  padding-left: 9.35%;
}
.padding-content.max {
  padding-right: 16.6%;
  padding-left: 16.6%;
}

#side-nav .section-separator {
  margin-top: 65px;
}
#side-nav .btns.section-separator {
  margin-top: 45px;
  margin-bottom: 45px;
}
@media screen and (min-width: 769px) {
  #side-nav .btns.section-separator {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #side-nav.side-nav--hide-desktop .btns.section-separator {
    margin-bottom: 45px;
  }
}

.section-separator {
  margin-top: 95px;
}
.section-separator.sm {
  margin-top: 65px;
}
.section-separator.x-sm {
  margin-top: 2rem;
}

.padding-separator {
  padding-top: 95px;
  padding-bottom: 80px;
}

ul li a {
  text-decoration: none;
}

ul li a:hover {
  text-decoration: underline;
}

hr.separator {
  height: 6px;
  border-radius: 4px;
  background-color: #000000;
}
hr.separator-l {
  height: 3px;
  background-color: #f4f4f4;
  border: none;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
}

button {
  cursor: pointer;
}
button:hover {
  opacity: 0.8;
}
button.link {
  border: none;
  background: none;
  font-family: "FSMePro", sans-serif;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  font-size: 1.313rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
  button.link {
    font-size: 1.313rem;
    line-height: 1.5rem;
  }
}

input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

select {
  height: 57px;
}

.mob-only {
  display: none !important;
}

.tablet-only {
  display: none !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

#ccc-icon {
  z-index: 1 !important;
}

.print-only {
  display: none !important;
}
.print-only img {
  max-width: 21.42rem;
}

.block {
  display: block;
}

.flex {
  display: flex;
}
.flex.flex-col {
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .flex.mob-block {
    display: block;
  }
}

.flex-gap-1 {
  gap: 1rem;
}

.flex-gap-2 {
  gap: 2rem;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.align-middle {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.justify-end {
  justify-content: end;
}

.justify-between {
  justify-content: space-between;
}

.w-30 {
  width: 30%;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

.inline-block {
  display: inline-block;
}

.bg-lgrey {
  background-color: #f4f4f4;
}

.bg-white {
  background-color: #ffffff !important;
}

/*Helpers*/
.m-0 {
  margin: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 1rem !important;
}

.ms-10p {
  margin-left: 10px !important;
}

.me-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.76rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.76rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.ms--1 {
  margin-left: -1rem !important;
}

.p-0 {
  padding: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 1rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 1rem !important;
}

.pe-hf {
  padding-right: 0.5rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.76rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pb-1 {
  padding-bottom: 0.76rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.rounded {
  border-radius: 3px;
}

.overlap-h1 {
  margin-top: -32px;
}

.title-spacer-half {
  overflow: hidden;
  margin: 0 -50%;
}

@media screen and (max-width: 968px) {
  .hide-interim {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .tablet-only {
    display: block !important;
  }
  .desktop-only {
    display: none !important;
  }
  .desktop-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .spacing-content {
    margin-right: 4%;
    margin-left: 4%;
  }
  .spacing-content.max {
    margin-right: 6%;
    margin-left: 6%;
  }
  .padding-content {
    padding-right: 4%;
    padding-left: 4%;
  }
  .padding-content.max {
    padding-right: 6%;
    padding-left: 6%;
  }
  .desktop-only {
    display: none !important;
  }
  .tablet-only {
    display: none !important;
  }
  .desktop-tablet-only {
    display: none !important;
  }
  .mob-only {
    display: block !important;
  }
  .hide-interim {
    display: block;
  }
  .ms--1 {
    margin-left: 0 !important;
  }
  .w-50 {
    width: 100%;
  }
  .xs-ps-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 580px) {
  .hide-interim {
    display: none;
  }
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table.left-aligned thead,
table.left-aligned tbody {
  text-align: left;
}
table tr {
  border-top: 1px solid #e9ebec;
}
table tr:nth-child(even) {
  background-color: #f8f8f8;
}
table tr.extra-border {
  border-top: 2px solid rgb(205.6341463415, 210.1219512195, 212.3658536585);
}
table th {
  font-weight: bold;
}
table th,
table td {
  padding: 10px 30px;
}

.panel {
  padding: 40px 30px;
}
@media screen and (max-width: 768px) {
  .panel {
    padding: 30px 20px;
  }
}

.spacing-top-large {
  margin-top: 80px !important;
}

.spacing-wrapper.padding-top {
  padding-top: 40px;
}
.spacing-wrapper.padding-bottom {
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .spacing-top-large {
    margin-top: 50px !important;
  }
  .spacing-wrapper.padding-top {
    padding-top: 30px;
  }
  .spacing-wrapper.padding-bottom {
    padding-bottom: 30px;
  }
}
div.disabled {
  position: relative;
}
div.disabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f4f4f4;
  opacity: 0.8;
}
div.disabled:after {
  content: "";
  background-image: url("/img/spinner.gif");
  background-size: contain;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.accessibility-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  border: 0;
  background-color: #2c2a29;
  color: #ffffff;
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.5rem;
  min-height: 65px;
  opacity: 1 !important;
}

.accessibility-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.5rem;
  width: 100%;
}
.accessibility-title button {
  outline: none;
  background-color: #2c2a29;
  color: #ffffff;
  border: 0;
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.5rem;
}

.accessibility-settings {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  transition: visibility 0.5s ease-out;
  background-color: #202020;
  padding: 5%;
}

.accessibility-settings.collapsed {
  display: none;
}

.fonts-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 2px solid #ffffff;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.fonts-control div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: auto;
}
.fonts-control div button {
  margin: 0.5rem;
}
.fonts-control .font-slider {
  width: 6rem;
  border: 0;
}

.action-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.action-control button {
  font-size: 0.8rem;
}
.action-control .btns-play-sound {
  position: relative;
}
.action-control .btns-play-sound img {
  position: absolute;
  left: 0.8rem;
  width: 1.3rem;
  top: 0.35rem;
}
.action-control .rsbtn {
  position: static;
  margin: 0;
}
.action-control .rsbtn.rsexpanded {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  margin-top: 1rem;
}

.btns-accessibility {
  font-size: 1rem;
  font-weight: bold;
  border-radius: 4px;
  border: 0;
}

.btns-action-control {
  width: 9rem;
  border-radius: 0.5rem;
  background-color: #2c2a29;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-color: #ffffff;
  padding: 0.5rem;
}

.slider-container span:first-child {
  color: #ffffff;
  font-size: 0.7rem;
  margin: 0 0.3rem;
}
.slider-container span:last-child {
  color: #ffffff;
  font-size: 1.5rem;
  margin: 0 0.3rem;
}

#defaulttheme-button {
  background-color: #ffffff;
}

#yellowtheme-button {
  background-color: #fae100;
}

#greytheme-button {
  background-color: #2c2a29;
  color: #ffffff;
}

.no-images .hideable {
  display: none;
}
.no-images .images-section .info-box img.hideable {
  display: none;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .fonts-control,
  .action-control {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .action-control {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .action-control button {
    margin: 0.5em 0;
    width: 100%;
  }
}
#ccc-icon.ccc-icon--dark #star path {
  fill: #000 !important;
}

.adv-info {
  padding: 0 10%;
  text-align: left;
  color: #2c2a29;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .adv-info {
    padding: 0 6%;
  }
}
.adv-info p.text-adv, .adv-info a.text-adv {
  font-size: 1.3125rem;
  margin: 0;
  font-weight: bold;
}
.adv-info a.text-adv {
  text-decoration: none;
}
.adv-info a.text-adv:hover {
  text-decoration: underline;
}
.adv-info p.h4 {
  margin-top: 11px;
  margin-bottom: 16px;
}
.adv-info p.h4 a {
  text-decoration: none;
  font-weight: normal;
}
.adv-info p.h4 a:hover {
  text-decoration: underline;
}

button {
  cursor: pointer;
}

.btn {
  display: inline-block;
  border: 0;
  border-radius: 4px;
  font-size: 1.3125rem;
  padding: 17px 36px;
  min-width: 140px;
  font-weight: bold;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.btn:hover {
  opacity: 0.8;
}
.btn.no-min-width {
  min-width: unset;
}
.btn[disabled] {
  background-color: lightgray;
  color: #ffffff;
}
.btn.no-padding {
  padding: 0;
}

.btn-grey {
  background-color: #2c2a29;
  color: #ffffff;
}

.btn-soft-grey {
  background-color: #6e6e6e;
  color: #ffffff;
}

.btn-water-green {
  background-color: #008780;
  color: #ffffff;
}

.btn-white {
  background-color: #ffffff;
  color: #2c2a29;
}

.btn-yellow {
  background-color: #fae100;
  color: #2c2a29;
}

.btn.large {
  width: 298px;
  margin-left: 20px;
}

.btn.small {
  padding: 0.5em;
  border-radius: 4px;
  font-size: 1rem;
  font-family: "FSMePro", sans-serif;
}

.btns-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.btns-content button.btn-grey {
  width: 220px;
}

.search-btn {
  display: block;
  width: 30px;
  height: 30px;
}

.button-link {
  background-color: unset;
  padding: 10px 0;
  display: block;
  color: #fff;
  text-align: left;
  font-weight: bold;
  font-size: 1.3125rem;
  line-height: 1.5rem;
  border: none;
}

@media (max-width: 600px) {
  .btns-content {
    flex-flow: column;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: space-between;
    align-content: space-between;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .btn.large {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  .btns-content button.btn-grey {
    width: 100%;
  }
}
@media (min-width: 900px) {
  .btns-content button.btn-grey {
    width: 220px;
  }
  .btn.large {
    width: 298px;
  }
}
.card-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 49px;
}
.card-container.card-container--image {
  margin-top: 0.5rem;
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: nowrap;
}
.card-container.card-container--image:nth-child(1) {
  margin-top: 49px;
}
.card-container.card-container--image.wrap {
  flex-wrap: wrap;
}
.card-container.card-container--image .card--image {
  margin: 0;
  text-decoration: none;
  width: 100%;
}

.text-cards {
  width: 100%;
}

.card {
  margin-bottom: 15px;
  text-align: center;
  background-color: #f4f4f4;
  height: auto;
  width: 32%;
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .card {
    width: 48%;
    margin: 0 auto 15px;
  }
  .card:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 790px) {
  .card {
    width: 90%;
    height: auto;
  }
  .card p {
    margin: 0 0.5rem 1rem;
  }
}
.card img {
  margin: 40px 0;
}
.card .text p {
  font-weight: bold;
  font-size: 21px;
  line-height: 32px;
  padding: 0 10px;
}
.card .description {
  padding: 0 1rem;
  text-align: left;
}

.card--icon {
  text-decoration: none;
}
.card--icon img {
  max-width: 101px;
  height: auto;
}

.card--image {
  margin-right: 1%;
  text-decoration: none;
}

.card__image {
  position: relative;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.card__image::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 53.33333%;
}

@media (max-width: 600px) {
  .card-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: column;
  }
}
.link-help {
  margin-top: 45px;
}
.link-help a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: none;
  color: #000000;
}
.link-help a span {
  border-bottom: 2px solid #1b5faa;
  padding-bottom: 2px;
  font-size: 21px;
  margin-left: 12px;
  font-family: "FSMePro", sans-serif;
}

fieldset {
  border: none;
}

select, select:-internal-autofill-selected {
  padding: 15px;
  border: 1px solid #2c2a29;
  border-radius: 4px;
  background-image: url("../../img/triangle-dd.png"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) !important;
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff !important;
}

textarea {
  padding: 15px;
  border-radius: 4px;
  font-family: "FSMePro", sans-serif;
}

select.title-box {
  width: 50%;
}

input {
  padding: 15px;
  border: 1px solid #2c2a29;
  border-radius: 4px;
}

label .required, p .required {
  color: #d64a1a;
}

.help-block {
  padding: 10px;
}

.errorlist {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0;
  color: #d64a1a;
}

.form-first-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row;
}
.form-first-row .form-style:last-child {
  margin-right: 0;
}

.form-second-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form-second-row .form-style {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 calc(100% - 200px - 10px);
  -ms-flex: 1 1 calc(100% - 200px - 10px);
  flex: 1 1 calc(100% - 200px - 10px);
  max-width: none;
}
.form-second-row .errorlist {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: 0;
}
.form-second-row .btn-signup {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.form-second-row .btn-signup .btn {
  width: 200px;
}

.form-style {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 10px;
  -webkit-box: 2;
  -moz-box: 2;
  -webkit-flex: 2 1 100%;
  -ms-flex: 2 1 100%;
  flex: 2 1 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  max-width: 560px;
}
.form-style label {
  font-family: "FSMePro", sans-serif;
  margin: 0 10px;
}
.form-style select,
.form-style input {
  margin-top: 10px;
}

.form-style.email {
  max-width: 100%;
}

.form-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.form-field label {
  margin: 0 10px;
  font-family: "FSMePro", sans-serif;
}
.form-field select,
.form-field input,
.form-field textarea {
  margin-top: 10px;
}

.form-field--donation {
  margin: 0;
}
.form-field--donation label,
.form-field--donation select,
.form-field--donation input {
  margin: 0;
}

.form-field.title {
  font-weight: normal;
}
.form-field.title .field-validation-error {
  font-size: 16px;
  line-height: 20px;
}

.form-validation-errors {
  color: #D93A46;
}
.form-validation-errors ul {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
}

.single-validation-error {
  color: #D93A46;
  font-size: 1.3125rem;
}
.single-validation-error.hide {
  display: none;
}

@media screen and (max-width: 1200px) {
  .form-first-row,
  .form-second-row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form-first-row .form-style,
  .form-second-row .form-style {
    max-width: 100%;
    margin: 1em 0;
  }
  .form-style.email {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .form-style {
    max-width: 100%;
    margin: 1em 0;
  }
  .form-second-row .btn-signup {
    width: 100%;
  }
  .form-second-row .btn-signup input {
    width: 100%;
  }
  .form-second-row .btn-signup button {
    width: 100%;
  }
}
.postcode-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-flow: row;
}
.postcode-section input {
  width: auto;
}
@media screen and (max-width: 650px) {
  .postcode-section {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: column;
  }
  .postcode-section input {
    width: 90%;
  }
}

.link-address {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.link-address p {
  margin: 10px 0 0 auto;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (max-width: 650px) {
  .link-address {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}

.btn-address {
  border: 0;
  border-radius: 4px;
  font-size: 21px;
  line-height: 36px;
  padding: 10px 25px;
  font-weight: bold;
  margin-top: 50px;
  white-space: nowrap;
  height: 56px;
}
@media screen and (max-width: 650px) {
  .btn-address {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .btn-address {
    margin-left: 0;
    margin-top: 25px;
  }
}

.stripe {
  margin-top: 10px;
  padding: 18px 15px;
  border: 1px solid #2c2a29;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 16px;
}

.card-payment-errors p {
  margin-top: 0;
}

.gdpr-fields p {
  font-size: 1.25rem;
}
.gdpr-fields .form-field:last-child {
  padding-bottom: 2rem;
}

.fr_button {
  display: inline-block;
  background: none !important;
  border-radius: 0.25rem;
}
.fr_button:hover {
  background-color: #f4f4f4 !important;
}

.submission-error {
  color: #D93A46;
}

.hide-spinner input[type=number] {
  -moz-appearance: textfield;
}
.hide-spinner input[type=number]::-webkit-inner-spin-button, .hide-spinner input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.currency-prefix {
  position: relative;
}
.currency-prefix span {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  font-size: 1.3125rem;
  z-index: 1;
}
.currency-prefix input {
  width: 100%;
  box-sizing: border-box;
  padding-left: 2rem;
}

.field-validation-error {
  margin-top: 5px;
  background: #D93A46;
  display: block;
  padding: 0.5rem;
  color: #ffffff;
  font-weight: normal !important;
  line-height: 1.969rem;
}

.image-section {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.image-section:not(.auto) img {
  display: block;
  width: 100%;
  height: auto;
}

.image-section--has-overlay {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .image-section--has-overlay {
    margin-bottom: 65px;
  }
}

.image-section--top-spacing {
  margin-top: 65px;
}

.image-section--align-centre {
  text-align: center;
}

.image-section--align-right {
  text-align: right;
}

.image-section__image {
  max-height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.image-section__image.twentyone-nine {
  position: relative;
}
.image-section__image.twentyone-nine::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 42.8571428571%;
}
.image-section__image.twentyone-nine .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-section__image.sixteen-nine {
  position: relative;
}
.image-section__image.sixteen-nine::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 56.2857142857%;
}
.image-section__image.sixteen-nine .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-section__image.four-three {
  position: relative;
}
.image-section__image.four-three::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 75%;
}
.image-section__image.four-three .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-section__image.square {
  position: relative;
}
.image-section__image.square::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 100%;
}
.image-section__image.square .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-section__overlay {
  padding-top: 7%;
  padding-left: 7%;
}
@media screen and (max-width: 768px) {
  .image-section__overlay {
    padding: 0;
  }
}
.image-section__overlay img {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .image-section__overlay img {
    display: block !important;
  }
}

.image-section__overlay__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .image-section__overlay__image {
    display: none;
  }
}

.image-section__overlay__card {
  position: relative;
  bottom: -20px;
  width: 58%;
  max-width: 554px;
  min-width: 400px;
  padding: 46px 46px 43px;
  border-radius: 10px;
  background-color: #fae100;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .image-section__overlay__card {
    bottom: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
  }
}
.image-section__overlay__card h3 {
  margin: 0;
  padding-bottom: 33px;
}
.image-section__overlay__card p {
  margin: 0;
  padding-bottom: 43px;
  line-height: 1.7;
  font-size: 1.313rem;
}

.image-section__overlay__cta .btn {
  display: block;
  width: 100%;
  margin-bottom: 27px;
}
.image-section__overlay__cta .btn:last-child {
  margin: 0;
}

.image-section__image.twentyone-nine::before {
  z-index: -1;
}

.main-image {
  max-height: 40vh;
  object-fit: cover;
}

.menu-button {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  font-size: 0;
  background-color: #fae100;
  z-index: 99;
}
.menu-button:hover {
  cursor: pointer;
}

.menu-button--show-desktop {
  display: block;
}

.menu-button__logo,
.menu-button__opener {
  display: inline-block;
  vertical-align: middle;
}

.menu-button__logo {
  width: calc(100% - 86px);
  padding: 8px;
  font-size: 0;
}
.menu-button__logo img {
  width: 100%;
  max-width: 191px;
  height: auto;
}
.menu-button__logo a {
  line-height: 0;
}

.menu-button__opener {
  position: relative;
  width: 70px;
  height: 70px;
  padding: 0;
  border: 0;
  background-color: #2c2a29;
  text-align: center;
  cursor: pointer;
}
.menu-button__opener .nav {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.menu-toggle img {
  width: 25px;
  height: 26px;
}

.open {
  position: absolute;
}

@media screen and (max-width: 768px) {
  #content {
    width: 100%;
    padding-top: 70px;
  }
  .menu-button {
    display: block;
  }
  .nav-opener {
    width: 60px;
    height: 60px;
    background-color: #2c2a29;
  }
  header .branding,
  header .settings {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 64px;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
  }
  header .page-details {
    padding: 0 24px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .card-news img {
    width: 220px;
    height: 220px;
  }
}
.socialmedia {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row;
  width: 50%;
}

.left-social {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 180px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 25px 5px 5px 35px;
  width: 100%;
}

.link {
  margin: 10px;
}
.link a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
.link a img {
  width: 30px;
  height: 30px;
}
.link a span {
  border-bottom: 2px solid #fae100;
  color: #ffffff;
  padding-bottom: 2px;
  font-size: 21px;
  margin-left: 9px;
  font-family: "FSMePro", sans-serif;
}

@media (min-width: 1440px) {
  .left-social {
    margin-left: 15%;
  }
}
@media (max-width: 1024px) {
  .left-social {
    display: block;
    margin: auto;
    height: auto;
    padding: 25px 0;
  }
  .left-social .link {
    margin: 30px;
  }
}
@media (max-width: 850px) {
  .left-social {
    display: block;
    margin: 0;
    height: 95px;
    padding: 25px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .left-social .link {
    margin: 5px 25px;
  }
}
@media (max-width: 450px) {
  .left-social {
    display: block;
    margin: 0;
    height: 135px;
    padding: 25px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 5%;
  }
  .left-social .link {
    margin: 5px 10px;
  }
}
.title {
  font-size: 3rem;
  text-align: left;
  line-height: 3.75rem;
  color: #2c2a29;
  font-weight: bold;
}
@media (max-width: 768px) {
  .title {
    font-size: 2em;
    line-height: 2.5rem;
  }
}
.title.thin {
  font-family: "FSMePro", sans-serif;
}
.title .title-sub {
  font-size: 0.8em;
  font-family: "FSMePro", sans-serif;
}

.search-sector {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
  row-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .search-sector label {
    width: 92%;
  }
}
.search-sector .search-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #2c2a29;
  padding: 0 10px;
  border-radius: 5px;
  height: 64px;
  min-width: 360px;
}
@media screen and (max-width: 450px) {
  .search-sector .search-box {
    min-width: none;
    width: 100%;
    box-sizing: border-box;
  }
}
.search-sector .search-box img {
  width: 30px;
  height: 30px;
  padding-right: 10px;
}
.search-sector .search-box input {
  border: 0;
  outline: none;
  width: 85%;
  font-family: "FSMePro", sans-serif;
  font-size: 1.3125rem;
}
.search-sector .filter {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.search-sector .filter .sector {
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 0;
}
.search-sector .filter select {
  min-height: 64px;
  min-width: 130px;
}
.search-sector input.btn {
  height: 66px;
  margin: 0;
}

.filter__opener {
  padding: 17px;
  border-radius: 4px;
  text-decoration: none;
  font-family: "FSMePro", sans-serif;
  font-size: 1.3125rem;
  text-align: center;
  margin: 0;
}
.filter__opener.selected, .filter__opener:hover {
  color: #2c2a29;
  background-color: #fae100;
  opacity: 1;
}
.filter__opener span {
  width: 100%;
  text-align: center;
  margin-right: 0;
}

@media screen and (max-width: 650px) {
  .filters-list {
    width: 100%;
    text-align: left;
  }
  .filters-list p {
    width: 100%;
  }
  .filter p {
    width: auto;
  }
  .filter:last-child {
    width: 100%;
  }
  .filter button {
    width: 100%;
  }
  .search-sector .search-box {
    min-width: 300px;
  }
}
@media screen and (max-width: 450px) {
  .search-sector .search-box {
    min-width: 0;
  }
}
.filter-sector .filter-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-top: 10px;
  width: 100%;
  font-family: "FSMePro", sans-serif;
  font-size: 1.3125rem;
}
.filter-sector .filter-control span {
  margin: 0.5rem 20px 0.5rem 0;
}
.filter-sector .filter-control .filters-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.filter-sector .filter-control .filters-list p {
  margin: 25px 20px 25px 0;
}
.filter-sector .filter-control .filters-list .filter-item:last-child,
.filter-sector .filter-control .filters-list .filter:last-child {
  margin-right: 0;
}
.filter-sector .filter-control .filters-list .filter,
.filter-sector .filter-control .filters-list .filter-item {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
}
.filter-sector .filter-control .filters-list .filter {
  margin-right: 20px;
}
.filter-sector .filter-control .filters-list .filter a {
  display: inline-block;
}
@media screen and (max-width: 450px) {
  .filter-sector .filter-control .filters-list .filter a {
    display: block;
  }
}
.filter-sector .filter-control .filters-list .filter p {
  margin: 5px 0;
}
.filter-sector .filter-control .filters-list .filter .filter__opener {
  cursor: pointer;
}
.filter-sector .filter-control .filters-list .filter--separator p {
  margin: 25px 0;
}
@media screen and (max-width: 450px) {
  .filter-sector .filter-control .filters-list .filter--separator p {
    margin: 0;
  }
}
.filter-sector .filter-control .filters-list .filter-item {
  padding: 15px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-family: "FSMePro", sans-serif;
  font-size: 1rem;
  text-align: center;
}
.filter-sector .filter-control .filters-list .filter-item.selected, .filter-sector .filter-control .filters-list .filter-item:hover {
  color: #2c2a29;
  background-color: #fae100;
  opacity: 1;
}
.filter-sector .filter-control .filters-list .filter-item span {
  width: 100%;
  text-align: center;
  margin-right: 0;
}
.filter-sector .filter-control--tags .filter-item {
  margin-right: 20px;
}
@media screen and (max-width: 450px) {
  .filter-sector .filter-control--tags .filter-item {
    margin-right: 0;
  }
}
.filter-sector .filter-control--tags .filter-item:last-child {
  margin-right: 0;
}
.filter-sector .search-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  border: 1px solid #2c2a29;
  padding: 0 10px;
  border-radius: 5px;
  height: 64px;
  min-width: 300px;
}
@media screen and (max-width: 450px) {
  .filter-sector .search-box {
    min-width: 0;
  }
}
.filter-sector .search-box img {
  width: 30px;
  height: 30px;
}
.filter-sector .search-box input {
  border: 0;
  outline: none;
  width: 85%;
  font-family: "FSMePro", sans-serif;
  font-size: 1.3125rem;
}

.filter-sector--categories .filter-control .search-box {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.filter-sector--categories .filter-control select {
  height: 66px;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding-right: 2rem;
}
.filter-sector--categories .filter-control .btn {
  margin-bottom: 1rem;
}
.filter-sector--categories + .results-section {
  margin-top: 78px;
}

.filter-sector.separator {
  margin-bottom: 60px;
}

@media screen and (max-width: 450px) {
  .filter-control {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 10px;
    width: 100%;
    text-align: center;
  }
  .filter-control span {
    width: 100%;
  }
  .filter-control .filters-list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .filter-control .filters-list .filter-item {
    margin-left: 0;
    margin-top: 10px;
    padding: 10px 20px;
  }
  .filter-control .filters-list .filter-item:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .filter-sector .filter-control .filters-list .filter-item:first-child,
  .filter-sector .filter-control .filters-list .filter-item {
    margin-left: 0;
  }
  .filter-sector .filter-control {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
}
.filter__dropdown {
  display: none;
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  min-width: 300px;
  padding: 20px;
  border-radius: 4px;
  border: 2px solid #fae100;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  z-index: 99;
}
.filter__dropdown.show-filters {
  display: block;
}
.filter__dropdown ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.filter__dropdown ul li {
  display: block;
  width: 100%;
  padding-bottom: 16px;
}
.filter__dropdown ul li::after {
  display: table;
  clear: both;
  border-spacing: 0;
  content: "";
}
.filter__dropdown ul li:last-child {
  padding-bottom: 0;
}
.filter__dropdown ul li input {
  vertical-align: middle;
}

p.sector {
  margin-bottom: 60px;
  line-height: 2.25rem;
  font-size: 1.3125rem;
  font-family: "FSMePro", sans-serif;
}

p.sector.sm {
  margin-bottom: 45px;
}

p.sector.no-top-margin {
  margin-top: 0;
}

p.sector.title {
  margin: 5% 0 2%;
  line-height: 2.25rem;
  font-size: 1.5rem;
  font-weight: bold;
  width: 100%;
  display: block;
}

.fav-selectable-section {
  margin-top: 45px;
}
.fav-selectable-section .fav-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border: 4px solid transparent;
  font-family: "FSMePro", sans-serif;
  font-size: 1.3125rem;
  max-width: 1200px;
  margin-top: 2%;
  cursor: pointer;
  text-decoration: none;
}
.fav-selectable-section .fav-item .img-aside {
  width: 220px;
  height: 220px;
  margin: 20px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fav-selectable-section .fav-item .desc-event {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 calc(100% - 220px);
  -ms-flex: 1 1 calc(100% - 220px);
  flex: 1 1 calc(100% - 220px);
  margin: 10px;
  padding: 10px;
}
.fav-selectable-section .fav-item .desc-event .sector {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.fav-selectable-section .fav-item .desc-event .title-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-weight: bold;
}
.fav-selectable-section .fav-item .desc-event .title-box span {
  margin: 10px 0;
  width: 100%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.fav-selectable-section .fav-item .desc-event .title-box h3 {
  margin-bottom: 11px;
}
.fav-selectable-section .fav-item .desc-event .info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fav-selectable-section .fav-item .desc-event .info p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.fav-selectable-section .fav-item .desc-event .info p.sector {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.fav-selectable-section .fav-item .desc-event .info p span {
  margin-left: 10%;
  font-size: 1.3125rem;
}
.fav-selectable-section .fav-item .desc-event .info p strong {
  width: 115px;
  display: inline-block;
}
.fav-selectable-section .fav-item .desc-event .info span.small {
  font-size: 1rem;
}
.fav-selectable-section .fav-item .desc-event .info span.small span {
  font-size: 1rem;
}
.fav-selectable-section .fav-item .desc-event .info--spacing span {
  padding-bottom: 10px;
  line-height: 1.875rem;
}
.fav-selectable-section .fav-item .desc-event .info--spacing span span {
  padding: 0;
}
.fav-selectable-section .fav-item .desc-event .info--spacing span:last-child {
  padding: 0;
}
.fav-selectable-section .fav-item img.fav {
  width: 35px;
  height: 35px;
  display: none;
  position: absolute;
  top: 15px;
  right: 2%;
}
.fav-selectable-section .fav-item.active {
  border: 4px solid #fae100;
  border-radius: 5px;
  position: relative;
}
.fav-selectable-section .fav-item.active img.fav {
  display: block;
}
@media screen and (max-width: 768px) {
  .fav-selectable-section .fav-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
  }
  .fav-selectable-section .fav-item .desc-event {
    margin: 10px;
    padding: 10px;
  }
  .fav-selectable-section .fav-item .desc-event .title-box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-weight: bold;
  }
  .fav-selectable-section .fav-item .desc-event .title-box span {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 10px 0;
    width: 100%;
  }
  .fav-selectable-section .fav-item .desc-event .info {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fav-selectable-section .fav-item .desc-event .info p {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fav-selectable-section .fav-item .desc-event .info p span {
    margin-left: 0;
  }
  .fav-selectable-section .fav-item img.fav {
    top: 1%;
    right: 3%;
  }
  .fav-selectable-section .fav-item:hover,
  .fav-selectable-section .fav-item.active {
    border: 4px solid #fae100;
    border-radius: 5px;
    position: relative;
  }
  .fav-selectable-section .fav-item:hover img.fav,
  .fav-selectable-section .fav-item.active img.fav {
    display: block;
  }
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  margin-left: -15px;
  margin-right: -15px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -4px;
}

input[type=range]::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
}

input[type=range]::-ms-thumb {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #ffffff;
  border-radius: 1.3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #ffffff;
  border-radius: 1.3px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #ffffff;
  border-radius: 2.6px;
}

input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}

input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border-radius: 2.6px;
}

input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}

.img-cover {
  background-position: center center;
  background-size: cover;
}

.text-header {
  margin-top: 60px;
  margin-bottom: 1.5rem;
}
.text-header p {
  font-size: 1.313rem;
  line-height: 1.7;
}
.text-header + .risk-checker {
  padding-top: 1rem;
}

.overlap-header {
  position: absolute;
  bottom: -34px;
}

.text-header.sm {
  margin-bottom: 20px;
}

.text-header--centred {
  text-align: center;
}

.text-header--yellow {
  background-color: #fae100;
  padding: 17px 36px;
  border-radius: 4px;
}

/*.text-header.with-element {
    @include flexbox;
    @include justify-content(space-between);
    @include align-items(center);
    @include align-content(center);
}*/
@media screen and (max-width: 768px) {
  .text-header {
    margin-top: 30px;
  }
  .text-header.with-element {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .overlap-header {
    bottom: -24px;
  }
}
@media screen and (max-width: 450px) {
  .text-header.with-element {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.text-header__cta {
  display: inline-block;
  width: 250px;
  text-align: right;
  vertical-align: middle;
}
.text-header__cta a {
  display: block;
}
@media screen and (max-width: 768px) {
  .text-header__cta {
    display: block;
    width: 100%;
    text-align: left;
  }
  .text-header__cta a {
    display: inline-block;
  }
}

.text-header--cta h1 {
  display: inline-block;
  padding-right: 16px;
  width: calc(100% - 255px - 16px);
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .text-header--cta h1 {
    display: block;
    width: 100%;
    padding-right: 0;
  }
}

.container-radio-button {
  display: block;
  position: relative;
  padding-left: 50px;
  padding-top: 6px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container-radio-button .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 50%;
}
.container-radio-button input:checked ~ .checkmark {
  background-color: #ffffff;
}
.container-radio-button .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #000000;
}
.container-radio-button input:checked ~ .checkmark::after {
  display: block;
}

.container-radio-button:hover input ~ .checkmark {
  background-color: #c4c4c4;
}

.with-underlined {
  font-size: 1em;
  font-family: "FSMePro", sans-serif;
  padding-bottom: 0.4em;
  border-bottom: 3px solid #8dafd4;
}

input[type=checkbox],
input[type=checkbox]:focus {
  width: 48px;
  height: 48px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 10px;
  background-color: #ffffff;
  border: 1px solid #2c2a29;
  display: inline-block;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input[type=checkbox]:checked {
  background-image: url("../../img/tick.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  text-align: center;
}

.shop-sector {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.shop-sector .dropdown-box {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.shop-sector .dropdown-box label {
  margin-right: 0.5em;
}
.shop-sector button {
  -webkit-box: 2;
  -moz-box: 2;
  -webkit-flex: 2 1 auto;
  -ms-flex: 2 1 auto;
  flex: 2 1 auto;
  margin: 5px 0;
  padding: 10px 0;
  min-width: 0;
}

.shop-detail .detail-text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
}
.shop-detail .detail-numbers {
  background-color: #f4f4f4;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 45%;
  padding: 3%;
  border: solid 1px #f4f4f4;
  border-radius: 3px;
}
.shop-detail .detail-numbers .line {
  margin: 0 0 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.shop-detail .detail-numbers .line span {
  width: 40%;
}
.shop-detail .detail-numbers .line .h4 {
  margin-top: 1rem;
}

.yesno-button {
  width: 110px;
  padding: 1em;
  border: 2px solid #c4c4c4;
  border-radius: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.3125rem;
  font-family: "FSMePro", sans-serif;
  margin-right: 15px;
}
.yesno-button img {
  display: none;
}

.yesno-button.selected {
  border-color: #008780;
}
.yesno-button.selected img {
  display: block;
}

.container-radio-check {
  display: block;
  position: relative;
  width: 110px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 1em;
  border: 2px solid #c4c4c4;
  border-radius: 20px;
  font-size: 1.3125rem;
  font-family: "FSMePro", sans-serif;
  cursor: pointer;
}
@media screen and (min-width: 351px) {
  .container-radio-check {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: block;
    margin-bottom: 0;
  }
}
.container-radio-check.selected {
  border-color: #008780;
}
.container-radio-check:hover {
  border-color: #008780;
}
.container-radio-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container-radio-check .checkmark {
  position: relative;
  top: 0;
  left: 0;
}
.container-radio-check .checkmark img {
  display: none;
}
.container-radio-check .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.container-radio-check input:checked ~ .checkmark::after {
  display: block;
  content: url("../../img/tick.svg");
  position: absolute;
  left: 55px;
  top: 3px;
}

.collapsablebox {
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.collapsablebox.closed .collapsablebox-detail {
  display: none;
}
.collapsablebox .collapsablebox-head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #fae100;
}
.collapsablebox .collapsablebox-head .collapse {
  width: 38px;
}
.collapsablebox .collapsablebox-head p {
  font-size: 1.3125rem;
}
.collapsablebox .collapsablebox-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  direction: flex-start;
  background: #f4f4f4;
  border: 1px solid #f4f4f4;
  padding: 3% 5%;
}
.collapsablebox .collapsablebox-detail .field-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.collapsablebox .collapsablebox-detail label {
  font-size: 1.25rem;
}
.collapsablebox .collapsablebox-detail .postcode-section,
.collapsablebox .collapsablebox-detail .link-address {
  max-width: 460px;
}
.collapsablebox .collapsablebox-detail .btn-address {
  margin-top: 36px;
  height: auto;
}
.collapsablebox .collapsablebox-detail .link-address {
  -webkit-align-self: normal;
  -ms-flex-item-align: normal;
  align-self: normal;
  text-align: right;
}
.collapsablebox .collapsablebox-detail .link-address p {
  font-size: 1.25rem;
}
.collapsablebox .collapsablebox-detail .break {
  flex-basis: 100%;
}

.dropdown-box span {
  font-size: 1.3125rem;
}
.dropdown-box select {
  min-height: 56px;
  width: 100%;
  font-family: "FSMePro", sans-serif;
  font-size: 1.3125rem;
  min-width: 60px;
}

.img-with-footer:not(.auto) img, .video-with-footer:not(.auto) img {
  display: block;
  width: 100%;
  height: auto;
}
.img-with-footer a, .video-with-footer a {
  display: block;
  text-decoration: none;
}
.img-with-footer .footer, .video-with-footer .footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fae100;
}
.img-with-footer .footer img, .video-with-footer .footer img {
  display: block;
  margin: 1em;
  width: 50px;
  height: 50px;
}
.img-with-footer .footer img.image, .video-with-footer .footer img.image {
  width: 48px;
  height: 36px;
  min-width: 48px;
  min-height: 36px;
}

.grecaptcha-badge {
  visibility: hidden;
}

.recaptcha-legal {
  display: block;
}
.recaptcha-legal.hide {
  display: none;
}

.stripe {
  margin-bottom: 16px;
  padding: 18px 15px;
  font-size: 16px;
  border: 1px solid #2c2a29;
  border-radius: 4px;
}

.card-payment-errors p {
  color: #d64a1a;
}

.skip-links {
  position: absolute;
  top: -100%;
  left: -100%;
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: none;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
  margin-top: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
  margin-right: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
  margin-left: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
  margin-bottom: 6px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: #8d8d8d;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
  height: 6px;
  margin-left: -6px;
  width: 12px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
  height: 12px;
  margin-left: 0;
  margin-top: -6px;
  width: 6px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
  display: none;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
  border: 6px solid transparent;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
  left: -6px;
}

.tooltipster-sidetip.tooltipster-macular .tooltipster-box {
  padding: 0.714rem;
  border: 0;
  background: #fae100;
  box-shadow: 0 0 0.429rem 0.143rem rgba(0, 0, 0, 0.75);
  color: #000000;
}
.tooltipster-sidetip.tooltipster-macular .tooltipster-content {
  padding: 0;
  color: #000000;
}
.tooltipster-sidetip.tooltipster-macular .tooltipster-arrow .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-macular .tooltipster-arrow .tooltipster-arrow-background {
  border-top-color: #fae100;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  box-shadow: 0 0 0.429rem 0.143rem rgba(0, 0, 0, 0.1);
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .tooltipster-content {
  color: #000000;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .tooltipster-content .event-tooltip span {
  display: block;
  line-height: 1.4;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .tooltipster-content .event-tooltip span.event-ref {
  font-size: 0.714rem;
}

.fr_button {
  background: #fff url("../../img/formreader-btn.png") repeat-x scroll 0 0;
  border: 1px solid #666;
  padding: 6px;
  width: 200px;
  text-align: center;
}

.fr_button a {
  display: block;
  text-decoration: none;
}

.getAddress_autocomplete_container {
  font-size: 1.3125rem;
}

.form-builder .form-field li.getAddress_autocomplete_suggestion {
  padding: 0.5em 1em;
  margin-bottom: 0;
}

.basket-bar {
  border-bottom: 3px solid #f4f4f4;
  min-height: 55px;
  padding: 0.25rem 0;
  align-items: center;
  display: flex;
  margin-bottom: 2rem;
}
.basket-bar .spacing-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.basket-bar .spacing-content label {
  font-weight: 600;
  display: flex;
}
.basket-bar .spacing-content label a {
  display: flex;
  text-decoration: none;
}
.basket-bar .spacing-content label .qty {
  color: #1b5faa;
  margin: 0 0.4rem;
}
.basket-bar .trolley-icon {
  margin-top: -3px;
}
.basket-bar .trolley-icon:after {
  content: url(/img/icons/icon-trolley.svg);
}
.vat-exemption {
  margin-top: 0.5rem;
}
.vat-exemption .lozenge {
  background-color: #DDE7F2;
  border-radius: 2rem;
  color: #1b5faa;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
}
.vat-exemption button {
  margin-top: 1rem;
}
.vat-explanation {
  border-radius: 6px;
}

.expand-collapse .expand, .expand-collapse .collapse {
  display: none;
}
.expand-collapse .expanded {
  margin: 1.5rem 0;
  background-color: #f4f4f4;
  padding: 1.5rem;
}
.expand-collapse .expanded.transparent {
  background-color: transparent;
  padding: 0;
}
.expand-collapse .expanded p {
  margin: 0;
}
.expand-collapse .expanded .collapse {
  margin-top: 1.5rem;
  display: block;
}
.unsubscribe-form fieldset {
  margin: 0;
  padding: 0;
}
.unsubscribe-form fieldset .email {
  width: 90%;
}
.unsubscribe-form fieldset .btn-submit {
  width: max-content;
}

.exit-popup {
  position: absolute;
  width: 400px;
  padding: 5px;
  background-color: transparent;
}
.exit-popup .close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  color: #ffffff;
  text-decoration: none;
}
.exit-popup .inner {
  background-color: #1b5faa;
  border-radius: 0.5rem;
  color: #ffffff;
  padding: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.4) 4px 4px 5px;
}
.exit-popup .inner fieldset {
  padding: 0 0.5rem;
}
.exit-popup .inner fieldset .title {
  color: #ffffff;
}
.exit-popup .inner fieldset .title p {
  font-weight: normal;
}
.exit-popup .inner fieldset h4 {
  margin: 0.25rem 0;
}
.exit-popup .inner fieldset textarea {
  height: 95px;
}
.exit-popup .inner fieldset textarea.input-validation-error {
  background: #ffffff;
  border-color: #D93A46;
  width: 95%;
}
.exit-popup .inner fieldset .field-validation-error {
  background-color: #D93A46 !important;
  color: #ffffff !important;
}
.exit-popup .inner .umbraco-forms-navigation {
  padding: 0 0.5rem;
}
.exit-popup .inner .umbraco-forms-submitmessage {
  display: block;
  padding: 1rem 0;
}
.cta-panel {
  margin-top: 40px;
  background-color: #f4f4f4;
  border-radius: 6px;
  padding: 40px 30px 40px 44px;
  position: relative;
}
.cta-panel.tight {
  padding: 20px 30px;
  margin-top: 20px;
}
.cta-panel:after {
  content: "";
  height: 100%;
  width: 14px;
  background-color: #fae100;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0 0 6px;
}
.cta-panel.orange:after {
  background-color: #e87722;
}
@media screen and (max-width: 768px) {
  .cta-panel {
    padding: 30px 20px 30px 29px;
  }
  .cta-panel:after {
    width: 9px;
  }
}
.cta-panel h3, .cta-panel .h3 {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .cta-panel h3, .cta-panel .h3 {
    margin-bottom: 30px;
  }
}
.cta-panel h3 a, .cta-panel .h3 a {
  text-decoration: none;
  font-size: unset;
}
.cta-panel p {
  line-height: 33px;
  margin: 0 0 1.5rem;
  overflow-wrap: break-word;
}
.cta-panel p:last-child {
  margin-bottom: 0;
}

.on-this-page {
  margin-top: 30px;
}
.on-this-page .opener {
  display: none;
}
.on-this-page.scrolled {
  display: none;
}
@media screen and (max-width: 768px) {
  .on-this-page.scrolled {
    display: block;
    position: fixed;
    top: 70px;
    margin: 0;
    width: 100%;
    transition: 0.2s;
  }
  .on-this-page.scrolled .tab {
    height: 53px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #2c2a29;
    box-shadow: none;
    position: relative;
    z-index: 99;
  }
  .on-this-page.scrolled .tab > span {
    width: calc(100% - 102px);
    vertical-align: top;
    display: inline-block;
  }
  .on-this-page.scrolled .items {
    position: absolute;
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
    width: 100%;
    padding: 20px 0 20px 20px;
  }
  .on-this-page.scrolled .items ol li:before {
    top: 5px;
  }
  .on-this-page.scrolled .items ol li:after {
    top: 6px;
  }
  .on-this-page.scrolled .opener {
    display: inline-block;
    height: 54px;
    width: 70px;
    border-top: none;
    border-width: 1px;
  }
  .on-this-page.scrolled .opener .arrow {
    display: flex;
    justify-content: center;
    transform: rotate(180deg);
    transition: 0.3s;
  }
  .on-this-page.closed .tab {
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
  }
  .on-this-page.closed .items {
    bottom: 0;
  }
  .on-this-page.closed .opener .arrow {
    transform: rotate(0deg);
  }
}
.on-this-page .tab > span, .on-this-page .items {
  background-color: #f4f4f4;
}
.on-this-page .tab > span {
  padding: 14px 14px 0;
  line-height: 1.5rem;
  display: block;
  width: fit-content;
  border-top-right-radius: 4px;
}
.on-this-page .items {
  padding: 30px;
  border-radius: 0 4px 4px;
}
.on-this-page .items ol {
  margin: 0;
  counter-reset: li;
  columns: 2;
}
@media screen and (max-width: 768px) {
  .on-this-page .items ol {
    columns: 1;
  }
  .on-this-page .items ol li {
    width: 100%;
  }
}
.on-this-page .items ol.horizontal {
  columns: 1;
}
.on-this-page .items ol.horizontal li {
  width: 43%;
}
.on-this-page .items ol.horizontal li:nth-child(odd) {
  padding-right: 80px;
}
@media screen and (max-width: 1300px) {
  .on-this-page .items ol.horizontal li {
    width: 42%;
  }
}
@media screen and (max-width: 1200px) {
  .on-this-page .items ol.horizontal li {
    width: 100%;
  }
}
.on-this-page .items ol li {
  position: relative;
  list-style: none;
  margin: 0.5rem 0;
  float: left;
  width: 80%;
}
.on-this-page .items ol li:before {
  content: "";
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  left: -2em;
  background-color: #1b5faa;
  top: 6.5px;
}
.on-this-page .items ol li:after {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  color: #ffffff;
  font-weight: 700;
  left: -2rem;
  top: 7px;
}
.on-this-page .items ol li.big:after {
  left: -2.4rem;
}
.on-this-page .items ol li a {
  position: relative;
  width: fit-content;
  padding: 1px 0;
  /*&:hover {
      text-decoration: none;

      &:after {
          content: '';
          width: 100%;
          height: 2px;
          background-color: $yellow;
          position: absolute;
          bottom: 0;
          left: 0;
      }
  }*/
}

.mini-promo {
  margin-top: 40px;
  background-color: #f4f4f4;
  border-radius: 6px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.mini-promo.membership .decoration .colour {
  background-color: #C94C63;
}
.mini-promo.membership .decoration .colour img {
  max-width: 132px;
  width: 132px;
}
.mini-promo.helpline .decoration .colour {
  background-color: #8E5DA0;
}
.mini-promo.email .decoration .colour {
  background-color: #1B5FAA;
}
.mini-promo .decoration {
  width: 110px;
  margin-left: 110px;
  flex: 0 0 110px;
}
.mini-promo .decoration .colour {
  border-radius: 0 6px 6px 0;
  height: 100%;
  position: relative;
}
.mini-promo .decoration .colour img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mini-promo .content {
  padding: 40px 0 40px 40px;
}
.mini-promo .content .eyebrow {
  margin: 0;
  font-weight: normal;
}
.mini-promo .content .h3 {
  margin: 0.8rem 0 1rem 0;
  line-height: 2.1rem;
}
.mini-promo .content p {
  margin: 0 0 20px 0;
}
.mini-promo .content a.link {
  line-height: 2.5rem;
}
@media screen and (max-width: 768px) {
  .mini-promo {
    flex-direction: column;
    position: relative;
  }
  .mini-promo:after {
    content: "";
    height: 100%;
    width: 9px;
    background-color: #fae100;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0 0 6px;
  }
  .mini-promo .decoration {
    width: unset;
    margin-left: 40px;
    flex: 0 0 86px;
    padding-bottom: 18px;
  }
  .mini-promo .decoration .colour {
    margin-top: 16px;
  }
  .mini-promo .decoration .colour img {
    width: 86px;
    transform: translate(0, -50%);
  }
  .mini-promo.membership:after {
    background-color: #C94C63;
  }
  .mini-promo.membership .decoration .colour {
    background-color: unset;
  }
  .mini-promo.membership .decoration .colour img {
    width: 86px;
  }
  .mini-promo.helpline:after {
    background-color: #8E5DA0;
  }
  .mini-promo.helpline .decoration .colour {
    background-color: unset;
  }
  .mini-promo.email:after {
    background-color: #1B5FAA;
  }
  .mini-promo.email .decoration .colour {
    background-color: unset;
  }
  .mini-promo .content {
    padding: 30px;
  }
  .mini-promo .content .h3 {
    margin-bottom: 30px;
    line-height: 2rem;
  }
}

.large-promo {
  margin-top: 40px;
  border-radius: 6px;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.large-promo:after {
  content: "";
  height: 100%;
  width: 110px;
  background-color: #fae100;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0 0 6px;
  z-index: -1;
}
.large-promo .bg {
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
}
.large-promo.membership:after {
  background-color: #C94C63;
}
.large-promo.helpline:after {
  background-color: #8E5DA0;
}
.large-promo.email:after {
  background-color: #1B5FAA;
}
.large-promo .content {
  width: 55%;
  padding: 20px;
  position: relative;
}
.large-promo .content .heading {
  padding: 0.75rem;
  background-color: #fae100;
  border-radius: 3px;
  margin-bottom: 0.625rem;
}
.large-promo .content .heading .h3 {
  margin: 0;
  line-height: 2.25rem;
}
.large-promo .content .body {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 3px;
  margin-bottom: 40px;
}
.large-promo .content .body p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .large-promo {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .large-promo:after {
    width: 100%;
    border-radius: 6px;
  }
  .large-promo .bg {
    background-position: 0 30px;
    height: 290px;
    position: unset;
  }
  .large-promo .content {
    width: 90%;
    margin-top: -295px;
  }
  .large-promo .content .h3 span.h3 {
    padding: 0.4rem;
  }
  .large-promo .content .body {
    margin-top: 170px;
    padding: 30px 20px;
    margin-bottom: 0;
  }
}

.related-products .h2 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.related-products .product-list {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
  flex-wrap: wrap;
}
.banner {
  position: relative;
  /* @media screen and (max-width: $breakpoint-desktop) {
       .overlay p {
           display: none;
       }
   }*/
}
.banner .banner-image {
  border-radius: 3px;
  width: 100%;
  object-fit: cover;
}
.banner .overlay {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  padding: 1.5rem;
  border-radius: 3px;
  background-color: #ffffff;
  width: 45%;
}
@media screen and (max-width: 1200px) {
  .banner .overlay {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .banner .banner-image {
    border-radius: unset;
    height: 290px;
    object-fit: cover;
    object-position: right;
  }
  .banner .overlay {
    position: initial;
    width: unset;
  }
  .banner .overlay p {
    display: block;
  }
}
@media screen and (max-width: 650px) {
  .banner {
    margin-left: 0;
    margin-right: 0;
  }
}

.donation-ask-panel {
  margin-top: 40px;
  background-color: #f4f4f4;
  border-radius: 6px;
  padding: 40px 30px 40px 44px;
  position: relative;
}
.donation-ask-panel.tight {
  padding: 20px 30px;
  margin-top: 20px;
}
.donation-ask-panel:after {
  content: "";
  height: 100%;
  width: 14px;
  background-color: #e87722;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0 0 6px;
}
.donation-ask-panel .image-holder {
  flex-basis: 40%;
}
.donation-ask-panel .image-holder img {
  width: 100%;
  object-fit: cover;
}
.donation-ask-panel .tab-strip a.btn {
  border: solid 0.125rem #000000;
  border-radius: 4px;
  font-weight: normal;
}
.donation-ask-panel .tab-strip a.btn.btn-off {
  background-color: transparent;
}
.donation-ask-panel .tab-strip a.btn.btn-on {
  background-color: #fae100;
}
.donation-ask-panel .body {
  flex-basis: 50%;
}
.donation-ask-panel .body .h1 {
  font-size: 4rem;
}
.donation-ask-panel .body p {
  flex-basis: 60%;
}
.donation-ask-panel .body .container-radio-button {
  line-height: 2rem;
}
.donation-ask-panel .body .container-radio-button .checkmark {
  top: 5px;
}
.donation-ask-panel .body .min-amount-label {
  font-size: 1.1rem;
  display: block;
  margin-top: 0.5rem;
}
.donation-ask-panel .body .show-custom-message {
  font-size: 1.1rem;
  color: #008780;
  text-decoration: underline;
  cursor: pointer;
}
.donation-ask-panel .body .custom-message {
  font-size: 1.1rem;
  display: none;
  margin: 0.5rem 0 0 0;
}
@media screen and (max-width: 1300px) {
  .donation-ask-panel .body .h1 {
    font-size: 3rem;
  }
  .donation-ask-panel .tab-strip .btn {
    flex-grow: 1;
  }
  .donation-ask-panel .tab .image-holder, .donation-ask-panel .tab .body {
    flex-basis: 100%;
  }
  .donation-ask-panel .tab .btn {
    flex-grow: 1;
  }
  .donation-ask-panel .image-holder.desktop-only {
    display: none;
  }
  .donation-ask-panel .image-holder.tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .donation-ask-panel {
    padding: 30px 20px 30px 29px;
  }
  .donation-ask-panel:after {
    width: 9px;
  }
}
.donation-ask-panel h3, .donation-ask-panel .h3 {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .donation-ask-panel h3, .donation-ask-panel .h3 {
    margin-bottom: 30px;
  }
}
.donation-ask-panel h3 a, .donation-ask-panel .h3 a {
  text-decoration: none;
  font-size: unset;
}
.donation-ask-panel p {
  line-height: 33px;
  margin: 0 0 1.5rem;
  overflow-wrap: break-word;
}
.donation-ask-panel p:last-child {
  margin-bottom: 0;
}

.page-cards {
  display: flex;
  column-gap: 50px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .page-cards.vertical {
    row-gap: 50px;
    column-gap: 0;
  }
}
.page-cards .page-card {
  flex-basis: 40%;
  max-width: 50%;
  flex-grow: 1;
  position: relative;
}
.page-cards .page-card .pc-image {
  border-radius: 3px;
}
@media screen and (min-width: 768px) {
  .page-cards .page-card.vertical {
    flex-direction: row-reverse;
    display: flex;
    flex-basis: 100%;
    max-width: 100%;
    column-gap: 30px;
  }
  .page-cards .page-card.vertical .content {
    width: 50%;
  }
  .page-cards .page-card.vertical .content p {
    margin-bottom: 0;
  }
  .page-cards .page-card.vertical .pc-image {
    width: 50%;
    height: fit-content;
  }
  .page-cards .page-card.vertical .content {
    padding-top: 0;
  }
  .page-cards .page-card.vertical:nth-child(n+2) {
    padding-top: 53px;
  }
  .page-cards .page-card.vertical:nth-child(n+2):before {
    content: "";
    width: 100%;
    background-color: #f4f4f4;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    top: 0;
  }
}
.page-cards .page-card:hover .content a {
  border-bottom-color: #000000;
}
.page-cards .page-card .content {
  padding-top: 20px;
}
.page-cards .page-card .content h2 {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  line-height: 2.063rem;
}
@media screen and (max-width: 768px) {
  .page-cards .page-card .content h2 {
    font-size: 1.438rem;
    line-height: 1.75rem;
  }
}
.page-cards .page-card .content h2:before {
  content: unset;
}
.page-cards .page-card .content h3, .page-cards .page-card .content h4 {
  margin: 0;
}
.page-cards .page-card .content h3 a, .page-cards .page-card .content h4 a {
  font-size: unset;
}
.page-cards .page-card .content p {
  margin-top: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page-cards .page-card .content p {
    margin-bottom: 30px;
  }
}
.page-cards .page-card .page-card-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.page-cards .page-card:nth-child(n+3) {
  padding-top: 53px;
}
.page-cards .page-card:nth-child(n+3):before {
  content: "";
  width: 100%;
  background-color: #f4f4f4;
  height: 4px;
  border-radius: 4px;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 650px) {
  .page-cards .page-card {
    flex-basis: 50%;
    max-width: 100%;
  }
  .page-cards .page-card:nth-child(n+2) {
    padding-top: 43px;
  }
  .page-cards .page-card:nth-child(n+2):before {
    content: "";
    width: 100%;
    background-color: #f4f4f4;
    height: 4px;
    border-radius: 3px;
    position: absolute;
    top: 0;
  }
}

.section-promo {
  margin-top: 70px;
  padding: 70px 0 0;
  border-top: solid 6px #f4f4f4;
  border-radius: 4px;
  display: flex;
  flex-direction: row-reverse;
  column-gap: 50px;
}
.section-promo .image {
  flex-basis: 50%;
}
.section-promo .image img {
  border-radius: 3px;
}
.section-promo .content {
  flex-basis: 50%;
}
.section-promo .content .h2 {
  margin-top: 0;
  /*display: inline-block;*/
  /*margin-bottom: 10px;*/
  /*text-decoration:underline;
  text-underline-position:under;
  text-decoration-color: $yellow;
  line-height:3.75rem;*/
}
.section-promo .content p {
  padding-bottom: 10px;
  margin: 0;
  margin-top: 20px;
}
.section-promo .content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.section-promo .content ul li {
  margin-top: 20px;
}
.section-promo .content ul a {
  text-decoration: underline;
}
.section-promo .content ul a:hover {
  text-decoration-color: #fae100;
}
.section-promo .content .link-holder {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .section-promo {
    flex-wrap: wrap;
  }
  .section-promo .image {
    flex-basis: 100%;
    padding-bottom: 30px;
  }
  .section-promo .content {
    flex-basis: 100%;
  }
}

.pull-quote {
  max-width: 900px;
}
.pull-quote .bubble {
  background-color: #2c2a29;
  border-radius: 12px;
  padding: 50px 40px 40px 30px;
  color: #ffffff;
  position: relative;
}
.pull-quote .bubble p {
  margin: 0 10px 0 70px;
  position: relative;
}
.pull-quote .bubble p:before {
  content: url("/img/icons/quote.svg");
  display: block;
  height: 36px;
  width: 41px;
  position: absolute;
  left: -68px;
  top: 0;
}
.pull-quote.with-image .bubble {
  margin-right: 85px;
}
.pull-quote.with-image .bubble .quote {
  margin-right: 85px;
}
.pull-quote .avatar {
  width: 170px;
  border-radius: 50%;
  clip-path: circle();
  position: absolute;
  right: -170px;
  top: 25px;
  transform: translate(-50%, 0);
}
.pull-quote .attribution {
  display: inline-block;
  position: relative;
  font-weight: 700;
  padding-top: 1rem;
  max-width: 45%;
}
.pull-quote .attribution:after {
  content: url("/img/icons/quote-chevron.png");
  display: block;
  right: 0;
  transform: translate(125%, 0);
  top: -1px;
  position: absolute;
}
@media screen and (max-width: 850px) {
  .pull-quote .bubble {
    padding: 110px 40px 30px 30px;
  }
  .pull-quote .bubble .quote p {
    margin: 0;
  }
  .pull-quote .bubble .quote p:before {
    left: 0;
    top: -45px;
    transform: translate(0, -100%);
  }
  .pull-quote.with-image {
    margin-top: 45px;
  }
  .pull-quote.with-image .bubble {
    margin-right: 0;
  }
  .pull-quote.with-image .bubble .quote {
    margin-right: 0;
  }
  .pull-quote .avatar {
    width: 130px;
    position: absolute;
    right: 40px;
    top: 0;
    transform: translate(0, -33%);
  }
  .pull-quote .attribution {
    max-width: 60%;
  }
}

/*.pull-quote {
    @include flexbox;
    @include justify-content(space-between);
    @include align-items(center);
    background-color: $grey;
    padding: 3%;
    line-height: 2em;
    font-size: 1.2em;
    border-radius: 8px;

    &.image-right {
        @include flex-direction(row-reverse);
    }

    img {
        @include align-self(flex-start);
        vertical-align: middle;
        width: 35%;
        min-width: 200px;
        min-height: 200px;
        object-fit: cover;

        &.circle {
            border-radius: 50%;
            clip-path: circle();
        }
    }

    @media screen and (max-width: $breakpoint-large-desktop) {
        @include flex-direction(column);
        @include align-items(center);
        @include justify-content(center);
        width: auto;
        max-height: 100%;
        height: auto;

        img {
            margin: auto;
            object-fit: cover;
            width: 200px;
            height: 200px;
        }
    }

    @media screen and (max-width: $breakpoint-mobile) {
        img {
            margin: auto;
            width: 100%;
            object-fit: contain;
        }
    }
}

.pull-quote__description {
    @include flexbox;
    @include flex-direction(column);
    padding: 0 4%;

    p {
        font-size: $title-regular-font-size;
        font-style: italic;
        line-height: 2em;
    }

    &.no-img {
        padding: 0;
    }

    .attribution {
        font-style:normal;
    }
}

.pull-quote__author {
    @include flexbox;
    @include flex-direction(column);
    margin: 0 0 3%;
    font-size: 1.5em;
    line-height: 2em;
}

.pull-quote__job {
    font-size: .9em;
}
*/
.video-section {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.video-section .video-holder {
  position: relative;
}
.video-section .video-holder .image-pad {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: calc(56.25% - 82px);
}
.video-section .video-holder .image-pad img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.video-section .video-holder .image-pad:after {
  content: url("/img/play-overlay-yellow.png");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .video-section .video-holder .image-pad:after {
    transform: translate(-50%, -50%) scale(0.75);
  }
}
.video-section .video-holder .image-pad:hover:after {
  content: url("/img/play-overlay-grey.png");
}
.video-section .video-holder .image-pad.video-bg {
  background-color: #000000;
}
.video-section .video-wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.one-page-donation .amounts, .one-page-donation .donation-type {
  display: flex;
  column-gap: 1rem;
  width: 100%;
}
.one-page-donation .amounts .radio-button, .one-page-donation .donation-type .radio-button {
  flex-grow: 1;
  background-color: #f4f4f4;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  border-radius: 8px;
}
.one-page-donation .amounts .radio-button input, .one-page-donation .donation-type .radio-button input {
  border: none;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}
.one-page-donation .amounts .radio-button:has(input:checked), .one-page-donation .donation-type .radio-button:has(input:checked) {
  background-color: #fae100;
}
.one-page-donation .spacer {
  height: 4rem;
}
.one-page-donation .show-wrapper {
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .one-page-donation .donation-options .choice-section {
    max-width: 43vw;
  }
}
@media screen and (max-width: 768px) {
  .one-page-donation .donation-options .choice-section {
    max-width: 83vw;
  }
}

.footer-text-section {
  margin: 35px 9.35%;
}

.footer-text-section p {
  font-size: 1rem;
  font-family: "FSMePro", sans-serif;
  line-height: 1.5rem;
}
@media screen and (max-width: 850px) {
  .footer-text-section p {
    width: auto;
    padding: 0 2rem;
  }
}

.footer-menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer-menu ul li {
  padding: 0 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
  list-style-type: none;
}
.footer-menu ul li:first-child {
  padding-left: 0;
}
.footer-menu ul li.separator {
  padding: 0;
}
.footer-menu ul li a {
  color: #202020;
  text-decoration: none;
}
.footer-menu ul li a:hover {
  text-decoration: underline;
}

.footer-section {
  background-color: #f4f4f4;
  padding: 45px 9.35%;
  margin-top: 90px;
}
.footer-section.transparent {
  background-color: transparent;
}
.footer-section span {
  font-weight: bold;
}
.footer-section .fr_button:hover {
  background-color: #ffffff !important;
}
.footer-section .form-first-row {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer-section .form-first-row .form-style {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 25%;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
}
.footer-section .mini-promo {
  margin-top: 0;
}

.footer-brands-section {
  background-color: #2c2a29;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row;
  padding: 15px 0 15px 6%;
}
.footer-brands-section:first-child {
  margin-top: 90px;
}

.brands {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 50%;
}
@media screen and (max-width: 850px) {
  .brands {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
}
.brands img {
  padding-top: 20px;
  width: auto;
}
@media screen and (max-width: 850px) {
  .brands img {
    padding: 5% 1%;
  }
}

.brands-item {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 160px;
  -ms-flex: 1 1 160px;
  flex: 1 1 160px;
  text-align: center;
}

.brand-left {
  padding-left: 0;
}

@media (min-width: 1520px) {
  .brand-right {
    padding-left: 70px;
  }
  .footer-brands-section {
    padding: 45px 10%;
  }
  .brands-item {
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 1 200px;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
  }
}
@media (max-width: 650px) {
  .footer-brands-section {
    flex-flow: column;
    padding: 45px 0;
  }
}
@media screen and (max-width: 768px) {
  .footer-section {
    margin: 55px 0;
    padding: 4%;
  }
  .footer-menu ul {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media screen and (max-width: 850px) {
  .footer-text-section ul {
    padding: 0 2rem;
  }
  .footer-text-section,
  .footer-menu {
    width: 100vw;
    margin: 3rem 0;
  }
  .brands-item {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 180px;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    text-align: center;
  }
  .footer-brands-section {
    flex-flow: column;
  }
}
.breadcrumb,
.breadcrumb .a {
  background-color: #f4f4f4;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 57px;
  padding: 0.25rem 0;
  font-size: 1.313rem;
  font-family: "FSMePro", sans-serif;
  text-decoration: none;
}
.breadcrumb a,
.breadcrumb span,
.breadcrumb .a a,
.breadcrumb .a span {
  margin: 0 10px;
}
.breadcrumb a:first-child,
.breadcrumb .a a:first-child {
  margin-left: 0;
}
.breadcrumb span.blue,
.breadcrumb .a span.blue {
  color: #1b5faa;
}
.breadcrumb a,
.breadcrumb .a a {
  color: #202020;
}

.breadcrumb.checkout .spacing-content, .breadcrumb.donation .spacing-content {
  width: 100%;
}
.breadcrumb .checkout-crumb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.breadcrumb .checkout-crumb .step {
  display: flex;
}
.breadcrumb .checkout-crumb span {
  margin: 0;
  font-size: 1rem;
}
.breadcrumb .checkout-crumb .step.current {
  border-radius: 17px;
  background-color: #000000;
  color: #ffffff;
  font-weight: 700;
  padding: 0.4rem 0.9rem;
}
.breadcrumb .checkout-crumb .icon-arrow2.show {
  position: relative;
  color: transparent;
}
.breadcrumb .checkout-crumb .icon-arrow2.show:after {
  content: url("/img/icons/icon-arrow2.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.breadcrumb .checkout-crumb .icon-arrow2.dont-show {
  color: transparent;
}
@media screen and (max-width: 768px) {
  .breadcrumb .checkout-crumb a:first-child {
    display: block;
  }
  .breadcrumb .checkout-crumb .step {
    border-radius: 17px;
    background-color: #ffffff;
    color: #000000;
    padding: 0.4rem 0.9rem;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumb span,
  .breadcrumb span.blue {
    margin: 0 1%;
  }
  .breadcrumb div {
    width: 100%;
  }
  .breadcrumb.four-plus-items span,
  .breadcrumb.four-plus-items span.blue {
    margin: 0 1%;
  }
  .breadcrumb.four-plus-items span:last-child, .breadcrumb.four-plus-items span:nth-last-child(2), .breadcrumb.four-plus-items span:first-of-type,
  .breadcrumb.four-plus-items span.blue:last-child,
  .breadcrumb.four-plus-items span.blue:nth-last-child(2),
  .breadcrumb.four-plus-items span.blue:first-of-type {
    display: none;
  }
  .breadcrumb.four-plus-items .active {
    display: none;
  }
  .breadcrumb a:first-child {
    display: none;
  }
  .breadcrumb a:nth-of-type(2) {
    margin-left: 0;
  }
  .breadcrumb.three-items a:first-child {
    display: none;
  }
  .breadcrumb.three-items span:first-of-type,
  .breadcrumb.three-items span.blue:first-of-type {
    display: none;
  }
}
.steps,
.steps.div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 50px;
  padding-bottom: 20px;
  color: #202020;
  font-size: 1.125rem;
  font-family: "FSMePro", sans-serif;
}
.steps span,
.steps.div span {
  margin: 0 20px;
  color: #202020;
  text-decoration: none;
}
.steps span:first-child,
.steps.div span:first-child {
  margin-left: 0;
}
.steps span.selected,
.steps.div span.selected {
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  .breadcumb.div a,
  .breadcumb.div a.blue {
    margin: 0 1%;
  }
  .steps {
    margin-top: 15px;
  }
  .steps span {
    margin: 0 1%;
  }
  .steps div {
    width: 100%;
  }
}
.macular-card {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: block;
  flex-basis: 46%;
  text-decoration: none;
}
@media screen and (max-width: 980px) {
  .macular-card {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    margin-left: 0;
  }
  .macular-card img {
    width: 100%;
  }
}
.macular-card .text-cards {
  margin: 1em 0;
}
.macular-card span {
  font-size: 24px;
  font-weight: bold;
}
.macular-card p {
  font-size: 1.3125rem;
  line-height: 36px;
  font-family: "FSMePro", sans-serif;
}
.macular-card img {
  width: 100%;
  height: auto;
}

.macular-card.item {
  margin-bottom: 40px;
}

@media (max-width: 600px) {
  .macular-card p,
  .macular-card span {
    width: 95%;
  }
  .text-cards {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .text-cards {
    width: auto;
  }
}
.news-section {
  margin-top: 49px;
}
.news-section a {
  text-decoration: none;
}
.news-section h3 {
  margin-top: 0;
}

.card-news {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  text-decoration: none;
  color: #000000;
}
.card-news img {
  height: 220px;
}

.text-aside {
  margin-left: 50px;
}
.text-aside:first-child {
  margin-left: 0;
}
.text-aside .title-news {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  margin-top: 0;
}
.text-aside .date-news {
  font-family: "FSMePro", sans-serif;
  font-size: 16px;
  line-height: 42px;
}
.text-aside .resume-news {
  font-size: 21px;
  font-family: "FSMePro", sans-serif;
  line-height: 36px;
}

@media (max-width: 600px) {
  .text-aside .resume-news,
  .text-aside .title-news {
    width: 95%;
  }
  .card-news {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: column;
  }
  .card-news img {
    width: 100%;
    height: auto;
  }
  .card-news .text-aside {
    margin-top: 30px;
    margin-left: 0;
  }
}
#side-nav {
  background-color: #fae100;
  width: 33.4%;
  z-index: 9;
}
@media screen and (min-width: 1440px) {
  #side-nav {
    width: 480px;
  }
}
#side-nav .logo {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #side-nav {
    width: 0;
    min-height: 100vh;
    opacity: 0;
    z-index: -1;
  }
  #side-nav .logo {
    display: none;
  }
  #side-nav.open {
    width: 100%;
    opacity: 1;
    z-index: 9;
  }
  #side-nav.open + #content {
    max-height: 0;
  }
  #side-nav .accessibility-box {
    padding-top: 70px;
  }
  #side-nav .section-separator {
    margin-top: 0;
  }
}
#side-nav.side-nav--hide-desktop {
  width: 0;
  min-height: 100vh;
  opacity: 0;
  z-index: -1;
}
#side-nav.side-nav--hide-desktop .logo {
  display: none;
}
#side-nav.side-nav--hide-desktop.open {
  width: 100%;
  opacity: 1;
  z-index: 9;
}
#side-nav.side-nav--hide-desktop.open + #content {
  max-height: 0;
}
#side-nav.side-nav--hide-desktop .accessibility-box {
  padding-top: 70px;
}
#side-nav.side-nav--hide-desktop .spacing-content {
  margin-top: 0;
}
#side-nav.side-nav--hide-desktop .side-nav__fixed {
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #side-nav.side-nav--hide-desktop .v-menu a::before {
    left: 13%;
  }
  #side-nav.side-nav--hide-desktop .btns {
    max-width: 310px;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  #side-nav:not(.side-nav--hide-desktop) .btns .btn {
    min-width: 90px;
    width: 50%;
    padding: 5% 7%;
    margin: 1%;
  }
}

.side-nav__logo {
  display: block;
  font-size: 0;
  line-height: 0;
}

.side-nav__fixed {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 33.4%;
  border-top: 2px solid rgb(224.5, 202.05, 0);
  background-color: #fae100;
  z-index: 99;
}
@media screen and (min-width: 1440px) {
  .side-nav__fixed {
    width: 480px;
  }
}
@media screen and (max-width: 768px) {
  .side-nav__fixed {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
  }
}

.h-menu {
  margin-top: 0.5rem;
  background-color: #000000;
}
.h-menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 10%;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .h-menu ul {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 6%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .h-menu ul {
    padding-bottom: 0.5rem;
  }
}
.h-menu ul span {
  font-size: 2.25rem;
  color: #2c2a29;
}
.h-menu ul li {
  margin: 0.5rem 0;
  padding-right: 0.325rem;
  list-style-type: none;
  color: #ffffff;
}
.h-menu ul li:last-child {
  padding-right: 0;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .h-menu ul li {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .h-menu ul li {
    margin: 0 1rem 0.5rem 0;
  }
}
.h-menu ul li a {
  padding: 10px 0;
  display: block;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  font-size: 1.3125rem;
  line-height: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .h-menu ul li a {
    padding: 0.325rem 0;
  }
}

@media screen and (max-width: 768px) {
  .v-menu {
    padding: 1.25em 0;
  }
}
.v-menu a {
  line-height: 1.64rem;
}
.v-menu > ul > li ul {
  display: none;
}
.v-menu > ul > li.selected > a, .v-menu > ul > li.ancestor > a {
  position: relative;
  padding: 0 16.6%;
}
@media (max-width: 768px) {
  .v-menu > ul > li.selected > a, .v-menu > ul > li.ancestor > a {
    padding-right: 6%;
    padding-left: 15%;
  }
}
.v-menu > ul > li.selected > a::before, .v-menu > ul > li.ancestor > a::before {
  position: absolute;
  top: 4px;
  left: 7%;
  width: 16px;
  height: 14px;
  background-position: center;
  background-image: url("../../img/menu-dropdown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media (max-width: 768px) {
  .v-menu > ul > li.selected > a::before, .v-menu > ul > li.ancestor > a::before {
    left: 6%;
  }
}
.v-menu > ul > li.selected ul, .v-menu > ul > li.clicked ul {
  display: block;
}
.v-menu > ul > li.selected ul .sibling ul, .v-menu > ul > li.clicked ul .sibling ul {
  display: none;
}
.v-menu > ul > li.selected > a::before, .v-menu > ul > li.clicked > a::before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.v-menu > ul > li li.sibling ul {
  display: none;
}
.v-menu ul {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .v-menu ul {
    margin: 0;
  }
}
.v-menu ul li {
  margin: 2.5em 0;
  list-style-type: none;
}
.v-menu ul li.hide {
  display: none;
}
@media screen and (max-width: 768px) {
  .v-menu ul li {
    margin: 0;
    padding-bottom: 1.25em;
  }
  .v-menu ul li:last-child {
    padding-bottom: 0;
  }
}
.v-menu ul li a {
  display: block;
  position: relative;
  padding: 0 16.6%;
  color: #2c2a29;
  font-size: 1.3125rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .v-menu ul li a {
    padding: 0 6%;
  }
}
.v-menu ul li ul {
  margin-top: calc(2.5rem - 30px);
}
@media (max-width: 768px) {
  .v-menu ul li ul {
    padding-bottom: 2rem;
  }
}
.v-menu ul li ul li {
  margin: 0;
  padding: 0;
}
.v-menu ul li ul li a {
  padding: 18.5px 16.6%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .v-menu ul li ul li a {
    padding: 15px 6%;
    font-size: 1.25rem;
  }
}
.v-menu ul li ul li a::after {
  position: absolute;
  bottom: 0;
  left: 16.6%;
  width: 66.8%;
  height: 1px;
  background-color: rgba(44, 42, 41, 0.2);
  content: "";
}
@media (max-width: 768px) {
  .v-menu ul li ul li a::after {
    left: 6%;
    width: 88%;
  }
}
.v-menu ul li ul li a:hover {
  background-color: #f4f4f4;
  text-decoration: none;
}
.v-menu ul li ul li.selected > a {
  background-color: #2c2a29;
  color: #ffffff;
}
.v-menu ul li ul li ul {
  margin-top: 0;
}
@media (max-width: 768px) {
  .v-menu ul li ul li ul {
    padding-bottom: 0;
  }
}
.v-menu ul li ul li ul li a {
  padding-left: 22%;
}
@media (max-width: 768px) {
  .v-menu ul li ul li ul li a {
    padding-left: 10%;
  }
}
.v-menu ul li ul li ul li a::after {
  left: 22%;
  width: 61.4%;
}
@media (max-width: 768px) {
  .v-menu ul li ul li ul li a::after {
    left: 10%;
    width: 84%;
  }
}
.v-menu.short {
  position: fixed;
  margin-top: 65px;
  max-width: 330px;
}
@media screen and (max-width: 1440px) {
  .v-menu.short {
    width: 23%;
  }
}
@media screen and (max-width: 768px) {
  .v-menu.short {
    position: relative;
    width: 100%;
  }
}
.v-menu.short h3,
.v-menu.short p {
  font-size: 1.3125rem;
  line-height: 2.25rem;
}
.v-menu.short p {
  margin-top: 10px;
}
.v-menu.short h3.large {
  font-size: 2em;
  color: #2c2a29;
}
@media screen and (max-width: 1024px) {
  .v-menu.short h3.large {
    font-size: 1.5rem;
  }
}
.v-menu.short .adv-info {
  margin-top: 0;
  padding: 0;
}
.v-menu.short .adv-info .nmbr-adv {
  font-size: 2em;
}
@media screen and (max-width: 1024px) {
  .v-menu.short .adv-info .nmbr-adv {
    font-size: 1.5rem;
  }
}

.btns {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.long-form-content {
  font-family: "FSMePro", sans-serif;
}
.long-form-content .covid-description-section img {
  width: 100%;
}
.long-form-content img.avatar {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  vertical-align: middle;
  width: 30%;
  min-width: 200px;
  min-height: 200px;
  border-radius: 50%;
  clip-path: circle();
  object-fit: cover;
}
.long-form-content .table-users-section {
  font-size: 1.3125rem;
}
.long-form-content .table-users-section .row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f4f4f4;
  border-top: 1px solid #e5e5e5;
}
.long-form-content .table-users-section .row .item {
  font-family: "FSMePro", sans-serif;
  flex: 3;
  padding: 15px;
}
.long-form-content .table-users-section .row .item.id {
  flex: 1;
}
.long-form-content .table-users-section .row.white {
  background-color: #ffffff;
}
.long-form-content .table-users-section .row.header .item span {
  font-weight: bold;
}

.text-header-news {
  margin-bottom: 30px;
}
.text-header-news .title-news-detail {
  margin-top: 80px;
  margin-bottom: 42px;
  display: inline-block;
}
.text-header-news span {
  line-height: 26px;
}

.text-news-detail p.sector {
  margin-bottom: 45px;
}

.underline-link {
  border-bottom: 2px solid #008780;
}

.next-reading-section-news {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 2em;
  font-size: 1.2em;
}
.next-reading-section-news span {
  font-size: 1em;
  font-weight: bold;
}
.next-reading-section-news span.estimate {
  font-size: 0.8em;
}
.next-reading-section-news a {
  margin: 10px 0;
  font-size: 2em;
  text-decoration: underline;
  color: #000000;
}

.home .title {
  font-size: 3rem;
  text-align: left;
  line-height: 60px;
  color: #2c2a29;
  margin-bottom: 0;
  font-weight: bold;
  margin-top: 80px;
}
.home .sub-title {
  font-size: 2.5rem;
  text-align: left;
  line-height: 60px;
  color: #2c2a29;
  margin-bottom: 0;
  font-family: "FSMePro", sans-serif;
  margin-top: 80px;
}
.home .paragraph {
  color: #2c2a29;
  font-size: 1.3125rem;
  line-height: 36px;
  margin-top: 60px;
  font-family: "FSMePro", sans-serif;
}
.home .news-section a:hover h3 {
  text-decoration: underline;
}
.home .link-help a {
  text-decoration: none;
  color: #000000;
}

.news-index-content .news-section a {
  text-decoration: none;
}
.news-index-content .news-section a:hover h3 {
  text-decoration: underline;
}
.news-index-content .card-news img {
  margin-top: 0.35em;
}
@media screen and (max-width: 980px) {
  .news-index-content .card-news img {
    min-height: auto;
  }
}

.text-header-event {
  font-family: "FSMePro", sans-serif;
  margin-bottom: 40px;
  margin-top: 80px;
  font-size: 3rem;
}

.btn-detail {
  border: 0;
  border-radius: 4px;
  font-size: 21px;
  line-height: 36px;
  padding: 16px 36px;
  font-weight: bold;
}

.btn-event-detail {
  margin-top: 40px;
}

.info-event-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 24px;
  font-family: "FSMePro", sans-serif;
  margin-top: 60px;
  margin-bottom: 100px;
  max-width: 560px;
}
.info-event-detail p {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 5px 0;
  font-size: 1.25rem;
}
.info-event-detail p span,
.info-event-detail p a {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
}
.info-event-detail p span:first-child {
  font-weight: bold;
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 140px;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
}
.info-event-detail p a {
  color: #202020;
  text-decoration: none;
  border-bottom: 2px solid #1b5faa;
}

.supporter-group-content .location-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.supporter-group-content .location-section .location-map {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
}
.supporter-group-content .location-section .location-map img {
  display: block;
  width: 200px;
}
.supporter-group-content .location-section .location-map div {
  margin-top: 24px;
}
.supporter-group-content .location-section .location-map a {
  font-size: 1rem;
  text-decoration: underline;
  font-family: "FSMePro", sans-serif;
  color: #000000;
}
.supporter-group-content .location-section .location-details {
  margin-left: 40px;
  width: 100%;
}
.supporter-group-content .location-section .location-details h3 {
  margin-top: 0;
}
.supporter-group-content .location-section .location-details .detail-list {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.supporter-group-content .location-section .location-details .detail-list .detail-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "FSMePro", sans-serif;
  font-size: 1.3125rem;
  width: 100%;
}
.supporter-group-content .location-section .location-details .detail-list .detail-item .detail-item-title {
  min-width: 150px;
  font-weight: bold;
}
.supporter-group-content .location-section .location-details .detail-list .detail-item p {
  margin: 0.5rem 0;
  line-height: 1.75rem;
}

@media screen and (max-width: 1024px) {
  .location-section {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .supporter-group-content .location-section .location-details {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }
}
.select-miles {
  background-position: right 0.5em top 50%, 0 0;
}

@media screen and (max-width: 450px) {
  .supporter-group-content .location-section .location-details .detail-list .detail-item {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .detail-item p {
    margin: 5px 0;
  }
}
.supporter-group-index-content .description-section a {
  display: block;
  margin-bottom: 40px;
  color: #000000;
  text-decoration: none;
}
.supporter-group-index-content .description-section a p {
  padding-bottom: 1rem;
}
.supporter-group-index-content .description-section a p.sector {
  margin: 0;
}
.supporter-group-index-content .description-section a:hover h3 {
  text-decoration: underline;
}

.donation-1 .text-header.section-separator,
.donate-plugin .text-header.section-separator {
  margin-bottom: 10px;
}
.donation-1 .text-header.section-separator h1,
.donate-plugin .text-header.section-separator h1 {
  margin-bottom: 0;
}
.donation-1 .hide,
.donate-plugin .hide {
  display: none;
}
.donation-1 .beating-section .item-list,
.donate-plugin .beating-section .item-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 450px) {
  .donation-1 .beating-section .item-list,
  .donate-plugin .beating-section .item-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.donation-1 .beating-section .item-list .row-item,
.donate-plugin .beating-section .item-list .row-item {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 33%;
  -ms-flex: 1 1 33%;
  flex: 1 1 33%;
  padding: 12px;
  background-color: #f4f4f4;
  margin: 15px 0;
  border: 2px solid #100620;
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  .donation-1 .beating-section .item-list .row-item,
  .donate-plugin .beating-section .item-list .row-item {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 12px 0;
    margin: 0 0 15px;
    border-radius: 6px;
  }
  .donation-1 .beating-section .item-list .row-item:last-child,
  .donate-plugin .beating-section .item-list .row-item:last-child {
    margin: 0;
  }
}
.donation-1 .beating-section .item-list .row-item:first-child,
.donate-plugin .beating-section .item-list .row-item:first-child {
  border-right-width: 1px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
@media screen and (max-width: 450px) {
  .donation-1 .beating-section .item-list .row-item:first-child,
  .donate-plugin .beating-section .item-list .row-item:first-child {
    border-right-width: 2px;
  }
}
.donation-1 .beating-section .item-list .row-item:last-child,
.donate-plugin .beating-section .item-list .row-item:last-child {
  border-left-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media screen and (max-width: 450px) {
  .donation-1 .beating-section .item-list .row-item:last-child,
  .donate-plugin .beating-section .item-list .row-item:last-child {
    border-left-width: 2px;
  }
}
.donation-1 .beating-section .item-list .row-item .description,
.donate-plugin .beating-section .item-list .row-item .description {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.donation-1 .beating-section .item-list .row-item .description .choice,
.donate-plugin .beating-section .item-list .row-item .description .choice {
  font-size: 1.313rem;
}
.donation-1 .beating-section .item-list .row-item .description label,
.donate-plugin .beating-section .item-list .row-item .description label {
  font-size: 0;
}
.donation-1 .beating-section .item-list .row-item:hover,
.donate-plugin .beating-section .item-list .row-item:hover {
  border-color: #008780;
}
.donation-1 .beating-section .item-list .row-item.selected,
.donate-plugin .beating-section .item-list .row-item.selected {
  background-color: #fae100;
}
.donation-1 .beating-section .item-list .row-item.selected:hover,
.donate-plugin .beating-section .item-list .row-item.selected:hover {
  border-color: #100620;
}
.donation-1 .beating-section input,
.donate-plugin .beating-section input {
  display: none;
}
.donation-1 .donation-cards-section,
.donate-plugin .donation-cards-section {
  margin-top: 40px;
}
.donation-1 .donation-cards-section h2,
.donate-plugin .donation-cards-section h2 {
  padding-bottom: 20px;
}
.donation-1 .donation-cards-section .item-list,
.donate-plugin .donation-cards-section .item-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 5px;
}
.donation-1 .donation-cards-section .item-list .donation-card,
.donate-plugin .donation-cards-section .item-list .donation-card {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 0 calc(33% - 20px);
  -ms-flex: 1 0 calc(33% - 20px);
  flex: 1 0 calc(33% - 20px);
  border-radius: 6px;
  background-color: #f4f4f4;
  min-width: 175px;
  margin: 0 10px 10px;
  height: auto;
  border: 2px solid transparent;
  position: relative;
  box-sizing: border-box;
}
.donation-1 .donation-cards-section .item-list .donation-card label,
.donate-plugin .donation-cards-section .item-list .donation-card label {
  display: block;
  font-size: 0;
  line-height: 0;
}
.donation-1 .donation-cards-section .item-list .donation-card .description,
.donate-plugin .donation-cards-section .item-list .donation-card .description {
  font-size: 1.3rem;
  margin: 20px 10px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #d3d3d3;
  font-family: "FSMePro", sans-serif;
  font-weight: normal;
  line-height: 24px;
  box-sizing: border-box;
}
.donation-1 .donation-cards-section .item-list .donation-card .donation-amount,
.donate-plugin .donation-cards-section .item-list .donation-card .donation-amount {
  font-size: 2rem;
  text-align: right;
  padding: 0 5px;
  line-height: 0;
}
.donation-1 .donation-cards-section .item-list .donation-card img,
.donate-plugin .donation-cards-section .item-list .donation-card img {
  display: block;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.donation-1 .donation-cards-section .item-list .donation-card:hover,
.donate-plugin .donation-cards-section .item-list .donation-card:hover {
  border: 2px solid #008780;
  cursor: pointer;
}
.donation-1 .donation-cards-section .item-list .donation-card.selected,
.donate-plugin .donation-cards-section .item-list .donation-card.selected {
  border: 2px solid #100620;
  background-color: #fae100;
}
.donation-1 .donation-cards-section .item-list .donation-card.selected .description,
.donate-plugin .donation-cards-section .item-list .donation-card.selected .description {
  border-bottom-color: #100620;
}
.donation-1 .donation-cards-section .item-list .donation-card.selected:hover,
.donate-plugin .donation-cards-section .item-list .donation-card.selected:hover {
  border-color: #100620;
}
.donation-1 .donation-cards-section input,
.donate-plugin .donation-cards-section input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.donation-1 .description-section input,
.donation-1 .description-section textarea,
.donate-plugin .description-section input,
.donate-plugin .description-section textarea {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #c4c4c4;
  font-size: 1.3125rem;
}
.donation-1 .description-section .in-celebration-fields label,
.donation-1 .description-section .in-memory-fields label,
.donation-1 .description-section .is-company-fields label,
.donate-plugin .description-section .in-celebration-fields label,
.donate-plugin .description-section .in-memory-fields label,
.donate-plugin .description-section .is-company-fields label {
  margin: 1rem 0;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.donation-1 .description-section textarea,
.donate-plugin .description-section textarea {
  resize: vertical;
}
@media screen and (min-width: 351px) {
  .donation-1 .description-section .choice-section,
  .donate-plugin .description-section .choice-section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: space-between;
    align-content: space-between;
  }
}
.donation-1 .description-section .sub-title,
.donate-plugin .description-section .sub-title {
  font-size: 2.25rem;
  font-weight: bold;
}
.donation-1 .description-section .single-other,
.donation-1 .description-section .recurring-other,
.donation-1 .description-section .fundraising-other,
.donate-plugin .description-section .single-other,
.donate-plugin .description-section .recurring-other,
.donate-plugin .description-section .fundraising-other {
  font-size: 0;
}
.donation-1 .description-section .single-other label,
.donation-1 .description-section .recurring-other label,
.donation-1 .description-section .fundraising-other label,
.donate-plugin .description-section .single-other label,
.donate-plugin .description-section .recurring-other label,
.donate-plugin .description-section .fundraising-other label {
  font-size: 0;
  line-height: 0;
}
.donation-1 .description-section .single-other p,
.donation-1 .description-section .recurring-other p,
.donation-1 .description-section .fundraising-other p,
.donate-plugin .description-section .single-other p,
.donate-plugin .description-section .recurring-other p,
.donate-plugin .description-section .fundraising-other p {
  margin: 0;
  padding-bottom: 0.75rem;
  font-size: 1.313rem;
}
.donation-1 .description-section .single-other p span,
.donation-1 .description-section .recurring-other p span,
.donation-1 .description-section .fundraising-other p span,
.donate-plugin .description-section .single-other p span,
.donate-plugin .description-section .recurring-other p span,
.donate-plugin .description-section .fundraising-other p span {
  color: #008780;
  text-decoration: underline;
  cursor: pointer;
}
.donation-1 .description-section .single-other p.custom-message,
.donation-1 .description-section .recurring-other p.custom-message,
.donation-1 .description-section .fundraising-other p.custom-message,
.donate-plugin .description-section .single-other p.custom-message,
.donate-plugin .description-section .recurring-other p.custom-message,
.donate-plugin .description-section .fundraising-other p.custom-message {
  display: none;
}
.donation-1 .description-section .container-radio-check,
.donate-plugin .description-section .container-radio-check {
  border-radius: 6px;
  border-color: #100620;
}
.donation-1 .description-section .container-radio-check:hover,
.donate-plugin .description-section .container-radio-check:hover {
  border-color: #008780;
}
.donation-1 .description-section .container-radio-check.selected,
.donate-plugin .description-section .container-radio-check.selected {
  background-color: #fae100;
}
.donation-1 .gift-aid-section,
.donate-plugin .gift-aid-section {
  background-color: #f4f4f4;
  padding: 5%;
}
.donation-1 .gift-aid-section .section-title,
.donate-plugin .gift-aid-section .section-title {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 0;
}
.donation-1 .gift-aid-section .choice-section,
.donate-plugin .gift-aid-section .choice-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: space-between;
  align-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.donation-1 .gift-aid-section .choice-section .container-radio-button,
.donate-plugin .gift-aid-section .choice-section .container-radio-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 150px;
  font-size: 1.3125rem;
  font-family: "FSMePro", sans-serif;
}
.donation-1 .gift-aid-section .section-content,
.donate-plugin .gift-aid-section .section-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
.donation-1 .gift-aid-section .section-content .item,
.donate-plugin .gift-aid-section .section-content .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.donation-1 .gift-aid-section .section-content .item p,
.donate-plugin .gift-aid-section .section-content .item p {
  width: 443px;
  font-size: 1.3125rem;
}
.donation-1 .gift-aid-section .section-content .item img,
.donate-plugin .gift-aid-section .section-content .item img {
  width: 100%;
  max-width: 18.75rem;
  height: auto;
}
.donation-1 .gift-aid-section a,
.donate-plugin .gift-aid-section a {
  font-weight: 700;
}
.donation-1 .donate-continue,
.donate-plugin .donate-continue {
  margin-bottom: 160px;
}
.donation-1 .donate-continue button,
.donate-plugin .donate-continue button {
  width: 100%;
  box-sizing: border-box;
}
.donation-1 .donate-footer img,
.donate-plugin .donate-footer img {
  width: 300px;
}
.donation-1 h3,
.donate-plugin h3 {
  margin-bottom: 10px;
}
.donation-1 h2,
.donate-plugin h2 {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .donation-1 .donation-cards-section .item-list .donation-card,
  .donate-plugin .donation-cards-section .item-list .donation-card {
    width: 100%;
    margin-bottom: 15px;
  }
  .donation-1 .gift-aid-section .choice-section,
  .donate-plugin .gift-aid-section .choice-section {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .donation-1 .gift-aid-section .choice-section .container-radio-button,
  .donate-plugin .gift-aid-section .choice-section .container-radio-button {
    margin-bottom: 20px;
  }
  .donation-1 .gift-aid-section .section-content,
  .donate-plugin .gift-aid-section .section-content {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .donation-1 .gift-aid-section .section-content .item,
  .donate-plugin .gift-aid-section .section-content .item {
    width: 100%;
  }
  .donation-1 .gift-aid-section .section-content .item p,
  .donate-plugin .gift-aid-section .section-content .item p {
    width: 100%;
  }
  .donation-1 .gift-aid-section .section-content .item img,
  .donate-plugin .gift-aid-section .section-content .item img {
    margin: 15px 0;
  }
  .donation-1 .donate-continue,
  .donate-plugin .donate-continue {
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) and (max-width: 953px) {
  .donation-1 .donation-cards-section .item-list,
  .donate-plugin .donation-cards-section .item-list {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.donation-2 label {
  display: block;
  font-size: 1.31rem;
  margin: 20px 0 5px;
  padding-left: 15px;
}
.donation-2 input {
  width: 93%;
}
.donation-2 .donation-inputs-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 460px;
  flex-flow: column;
}
.donation-2 .donation-inputs-section a {
  font-weight: 700;
  margin-top: 10px;
  display: block;
}
.donation-2 .donation-inputs-section select {
  width: 230px;
}
.donation-2 .donation-inputs-section select#id_address {
  width: 100%;
}
.donation-2 .address-components {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-flow: column;
}
.donation-2 .getintouch-section .sub-title {
  font-size: 2.25rem;
  font-weight: bold;
}
.donation-2 .checkbox-donation {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-flow: row;
  margin-bottom: 25px;
}
.donation-2 .checkbox-donation label {
  margin-top: 0;
  font-family: "FSMePro", sans-serif;
  font-size: 1.5rem;
}
.donation-2 .checkbox-donation input {
  width: 48px;
  margin-top: 0;
}
.donation-2 .donate-continue {
  margin-bottom: 160px;
}
.donation-2 .donate-continue button {
  width: 100%;
  box-sizing: border-box;
}
.donation-2 .postcode-section input {
  width: auto;
}
@media screen and (max-width: 650px) {
  .donation-2 .postcode-section input {
    width: 90%;
  }
}
@media screen and (max-width: 450px) {
  .donation-2 .address-components {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .donation-2 .input-donation {
    width: 90%;
  }
}

.donation-3 .field-title {
  font-size: 1.31rem;
  margin: 20px 0 5px;
  padding-left: 15px;
}
.donation-3 .btn-donation {
  margin-bottom: 113px;
}
.donation-3 .donation-inputs-section-step4 {
  max-width: 460px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  margin-bottom: 34px;
}
.donation-3 .donation-inputs-section-step4 select {
  min-width: 140px;
}
.donation-3 .donation-inputs-section-step4 select:first-child {
  margin-right: 20px;
}
.donation-3 .donation-inputs-section-step4 .ccv {
  width: 108px;
}
.donation-3 .donation-inputs-section-step4 .postal-code {
  width: 148px;
}
.donation-3 .row-select {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row;
  max-width: 240px;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.donation-3 .progress-bar {
  margin-left: -8%;
}
.donation-3 .step-bar {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 650px) {
  .donation-3 .step-bar {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media (max-width: 650px) {
  .donation-3 .progress-bar {
    display: none;
  }
  .donation-3 .btn-donation button {
    width: 100%;
  }
}
.donation-3 .step {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 4px solid #000000;
  background-color: #000000;
  color: #ffffff;
  border-radius: 12px;
  position: relative;
}
@media (min-width: 650px) {
  .donation-3 .step {
    background-color: transparent;
    color: currentColor;
    border: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 0;
    flex-grow: 1;
  }
}
.donation-3 .step + .step {
  margin-top: 12px;
}
@media (min-width: 650px) {
  .donation-3 .step + .step {
    margin-top: 0;
  }
}
@media (min-width: 650px) {
  .donation-3 .step + .step .step__bullet::before {
    content: "";
    position: absolute;
    height: 4px;
    width: calc(100% - 12px - 4px);
    top: 6px;
    right: calc(50% + 12px / 2);
    background-color: #000000;
    border: 2px solid #000000;
    z-index: -1;
  }
}
.donation-3 .before-step .step__bullet {
  background-color: #000000;
  z-index: 999;
}
.donation-3 .step--current ~ .step {
  border-color: #000000;
  background-color: #fae100;
  color: currentColor;
  z-index: 999;
}
@media (min-width: 650px) {
  .donation-3 .step--current ~ .step {
    background-color: transparent;
  }
}
@media (min-width: 650px) {
  .donation-3 .step--current ~ .step .step__bullet {
    border: 4px solid #000000;
    background-color: #ffffff;
    color: currentColor;
    z-index: 99999;
  }
}
.donation-3 .step--current ~ .step .step__bullet::before {
  background-color: #ffffff;
  border: 2px solid #000000;
  z-index: 1;
  border-left: 0;
  border-right: 0;
}
.donation-3 .step__bullet {
  height: 12px;
  width: 12px;
  z-index: 9999;
  text-align: center;
}
@media (min-width: 650px) {
  .donation-3 .step__bullet {
    border: 4px solid #000000;
    background-color: #fae100;
    color: #ffffff;
    border-radius: 50%;
  }
}

.donation-4 .payment-section {
  background-color: #e5e5e5;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 48px 80px;
  border-radius: 4px;
  margin-bottom: 200px;
}
.donation-4 .btn-payment {
  border: 0;
  border-radius: 8px;
  font-size: 1.3125rem;
  padding: 16px 36px;
  font-family: "FSMePro", sans-serif;
}
.donation-4 .btn-payment img {
  vertical-align: middle;
}
.donation-4 .btn-payment span {
  vertical-align: middle;
  padding-left: 10px;
}
.donation-4 .black-btn {
  background-color: #000000;
  color: #ffffff;
  margin-bottom: 25px;
}
.donation-4 .blue-btn {
  background-color: #253a7e;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .donation-4 .payment-section {
    padding: 48px 20px;
  }
}

.donation-options label {
  margin: 1rem;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
@media screen and (min-width: 351px) {
  .donation-options .choice-section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: space-between;
    align-content: space-between;
  }
  .donation-options .choice-section label:nth-child(1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 650px) {
  .donation-options .choice-section .container-radio-check .checkmark:after {
    content: "";
    display: none;
  }
}
.donation-options .container-radio-check {
  width: 220px;
  padding: 1em 1.6em 1em 1em;
  border-radius: 6px;
  border-color: #100620;
}
.donation-options .container-radio-check:hover {
  border-color: #008780;
}
.donation-options .container-radio-check.selected {
  background-color: #fae100;
}
.donation-options .container-radio-check .checkmark {
  left: 165px;
}

.paypal-container, .stripe-container {
  margin-top: 3rem;
}

.gift-aid-wrapper .gift-aid .h5 {
  margin-top: 0;
}
.gift-aid-wrapper .gift-aid .col-1 {
  width: 75%;
}
.gift-aid-wrapper .gift-aid .logo {
  width: 30%;
}
.gift-aid-wrapper .gift-aid .logo img {
  width: 100%;
}
.gift-aid-wrapper .gift-aid .ga-check {
  height: 40px;
  margin-top: 1.5rem;
  min-width: 40px;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .gift-aid-wrapper .gift-aid .col-1 {
    width: 100%;
  }
}

.btn--card, .btn--payment-request, .btn--stored-card, .btn--edit-details, .btn--edirect-debit {
  background-color: #008780;
  color: #fff;
  font-weight: 400;
}

.form-card__form--index fieldset {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: column;
  margin-bottom: 48px;
  padding: 48px 80px 23px;
  border: 0;
  border-radius: 4px;
  background-color: #e5e5e5;
}

.btn--edirect-debit {
  display: flex;
}
.btn--edirect-debit img {
  width: auto;
  height: 1.5rem;
  margin-right: 0.625rem;
  vertical-align: middle;
}

.form-toolbox-content .form-section form {
  width: 70%;
}
.form-toolbox-content .form-section .postcode-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 560px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.form-toolbox-content .form-section .postcode-field .postcode-first-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-toolbox-content .form-section .postcode-field .postcode {
  -webkit-box: 2;
  -moz-box: 2;
  -webkit-flex: 2 1 auto;
  -ms-flex: 2 1 auto;
  flex: 2 1 auto;
}
.form-toolbox-content .form-section .postcode-field .btn-find-address {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: 1em;
  margin-bottom: 1em;
}
.form-toolbox-content .form-section .postcode-field .btn-find-address button {
  min-width: 200px;
}
.form-toolbox-content .form-section .btn-enter-address {
  max-width: 560px;
}
.form-toolbox-content .form-section .btn-enter-address button {
  width: 100%;
}
.form-toolbox-content .form-section .form-style select {
  width: 230px;
}
.form-toolbox-content .checklist-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.form-toolbox-content .checklist-control .checklist-column {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 30%;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
}
.form-toolbox-content .checklist-control .checklist-column .checkbox-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3% 0;
}
.form-toolbox-content .choice-section label:first-child {
  margin-bottom: 28px;
}
.form-toolbox-content .choice-section label {
  padding: 10px 40px;
}
.form-toolbox-content .text-control {
  width: 100%;
  height: 300px;
}
.form-toolbox-content .role-control h3 {
  margin-bottom: 30px;
}
.form-toolbox-content .role-control p {
  margin-bottom: 5px;
}
.form-toolbox-content .role-control .sector.left-margin {
  margin-left: 15px;
}
@media screen and (max-width: 450px) {
  .form-toolbox-content .form-section form {
    width: 100%;
  }
  .form-toolbox-content .form-section .postcode-field .postcode-first-row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .form-toolbox-content .form-section .postcode-field .postcode-first-row .btn-find-address {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .form-toolbox-content .form-section .postcode-field .postcode-first-row .btn-find-address button {
    width: 100%;
  }
  .form-toolbox-content .form-section .checklist-control {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.vacancies-detail-content p.sector span.bold-text {
  font-weight: bold;
}
.vacancies-detail-content .btn-vacancies-detail {
  margin-bottom: 113px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .vacancies-detail-content .btn-vacancies-detail .btn-detail {
    width: 100%;
  }
}

.shop-product .product-detail {
  padding-top: 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
}
.shop-product .product-detail .product-images {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
}
.shop-product .product-detail .product-images .big-image {
  width: 100%;
  height: auto;
  border: solid 1px #f4f4f4;
}
.shop-product .product-detail .product-images .big-image:hover {
  opacity: 0.8;
  cursor: pointer;
}
.shop-product .product-detail .product-images .others {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5%;
}
.shop-product .product-detail .product-images .others img {
  height: 100%;
  max-width: 47%;
}
.shop-product .product-detail .product-images .others.more img {
  width: 30%;
  margin-bottom: 0.5rem;
}
.shop-product .product-detail .info {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 2em 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 50%;
}
.shop-product .product-detail .info .prod-title {
  margin-top: 0;
}
.shop-product .product-detail .info h1 {
  margin-bottom: 0;
  line-height: 3rem;
}
.shop-product .product-detail .info .prod-desc {
  margin: 3rem 0 0;
  padding: 1.5rem 0 0;
  border-top: 3px solid #f4f4f4;
}
.shop-product .product-detail .info .prod-desc ul {
  margin-top: 0;
  padding-left: 1.5rem;
}
.shop-product .product-detail .info .shop-sector {
  margin: 1em 0;
}
.shop-product .product-detail .info .shop-sector .dropdown-box select {
  width: 60px;
}
.shop-product .product-detail .add-to-basket {
  width: 100%;
}
.shop-product .product-detail .price-stock {
  display: flex;
  align-items: center;
}
.shop-product .product-detail .stock {
  margin-left: 1.5rem;
  border-radius: 1.1rem;
  padding: 0.5rem 1rem;
  font-size: 1.1875rem;
}
.shop-product .product-detail .stock.in-stock {
  background-color: #D9EDEC;
  color: #008780;
}
.shop-product .product-detail .stock.low-stock {
  background-color: #FCEBDE;
  color: #AD5411;
}
.shop-product .product-detail .stock.no-stock {
  background-color: #EDD9D9;
  color: #AA3349;
}
.shop-product .product-detail .quantity-selector {
  display: flex;
  align-items: end;
  margin-top: 0.2rem;
}
.shop-product .product-detail .quantity-selector .border {
  border: 1px solid #000000;
  border-radius: 5px;
}
.shop-product .product-detail .quantity-selector .increment {
  width: 44px;
  text-align: center;
  background-color: transparent;
  height: 40px;
  position: relative;
  content: "";
  color: white;
  border: none;
  padding-top: 6px;
}
.shop-product .product-detail .quantity-selector .increment:after {
  color: #000000;
  font-size: 3rem;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shop-product .product-detail .quantity-selector .increment.minus:after {
  content: "-";
}
.shop-product .product-detail .quantity-selector .increment.plus:after {
  content: "+";
  font-size: 2.5rem;
  top: 50%;
}
.shop-product .product-detail .quantity-selector .quantity {
  text-align: center;
  width: 2rem;
  padding: 3px 8px;
  font-size: 1.313rem;
  line-height: 1.313rem;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background-color: #ffffff;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  height: 40px;
  margin: 0;
}
.shop-product .product-detail .quantity-selector .quantity:focus {
  outline: none;
}
.shop-product .footer-section {
  margin-top: 0;
}
.shop-product .added-to-basket {
  border-radius: 6px;
  background-color: #D9EDEC;
  display: flex;
  padding: 1.5rem;
  margin-top: 1rem;
}
.shop-product .added-to-basket .icon-added {
  position: relative;
  width: 40px;
  padding-right: 20px;
}
.shop-product .added-to-basket .icon-added:after {
  content: url("/img/icons/icon-added.svg");
  position: absolute;
  top: 1.313rem;
}
@media screen and (max-width: 768px) {
  .shop-product .product-detail {
    flex-direction: column;
    padding-top: 0;
  }
  .shop-product .product-detail .info {
    width: 100%;
  }
  .shop-product .product-detail .product-images {
    width: 100%;
    margin-top: 0.75rem;
  }
  .shop-product .product-detail .product-images a {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .shop-product .product-detail .product-images a .big-image {
    width: 75%;
  }
  .shop-product .prod-desc {
    margin-top: 2rem;
    border-top: 3px solid #f4f4f4;
    padding-top: 0.75rem;
  }
  .shop-product .expand.link {
    margin-top: 1.5rem;
    margin-left: 0.4rem;
  }
  .shop-product .added-to-basket .msg {
    padding-left: 0.5rem;
  }
}
@media screen and (max-width: 450px) {
  .shop-product .product-detail .product-images a .big-image {
    width: 100%;
  }
}

.shop-basket .basket-grid {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 1fr 4fr 1fr 3fr;
}
.shop-basket .basket-grid .cell {
  border-bottom: 3px solid #f4f4f4;
  padding: 1rem 0;
}
.shop-basket .basket-grid .cell .inner {
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding: 0 1rem;
}
.shop-basket .basket-grid .img-zone {
  grid-column-start: 1;
}
.shop-basket .basket-grid .prod-zone {
  grid-column-start: 2;
  min-width: 50%;
}
.shop-basket .basket-grid .prod-zone .inner {
  align-items: flex-start;
  margin-left: 0.5rem;
}
.shop-basket .basket-grid .prod-zone .inner .h5 {
  font-weight: 400;
}
.shop-basket .basket-grid .price-zone {
  grid-column-start: 3;
  padding-right: 1rem;
}
.shop-basket .basket-grid .price-zone .inner {
  padding: 1rem 0.5rem 1rem 0;
}
.shop-basket .basket-grid .qty-zone {
  grid-column-start: 4;
  min-width: 250px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.shop-basket .basket-grid .qty-zone form {
  text-align: right;
}
.shop-basket .basket-grid .qty-zone form button.link {
  font-size: 1rem;
  margin-top: 5px;
}
.shop-basket .discount-zone {
  grid-column: 1/span 4;
}
.shop-basket .discount-zone label {
  padding-right: 0.75rem;
  font-weight: 700;
}
.shop-basket .discount-zone .discount-box {
  max-width: 160px;
  margin-right: 0.5rem;
}
.shop-basket .discount-zone .discount-validation span {
  display: inline-block;
  margin-top: 1rem;
  line-height: 2rem;
}
.shop-basket .delivery-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.shop-basket .delivery-section input {
  height: 28px;
  width: 28px;
}
.shop-basket .delivery-section input[type=checkbox] {
  margin-right: 1.5rem;
}
.shop-basket .delivery-section label {
  line-height: 1.65rem;
}
@media screen and (max-width: 768px) {
  .shop-basket .header {
    border-bottom: 3px solid #f4f4f4;
  }
  .shop-basket .header .h5 {
    font-weight: 400;
    margin-bottom: 0.75rem;
  }
  .shop-basket .prod-row {
    padding-bottom: 1rem;
    margin: 1rem 0;
    border-bottom: 3px solid #f4f4f4;
  }
  .shop-basket .prod-row .top, .shop-basket .prod-row .bottom {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .shop-basket .prod-row .top .col1, .shop-basket .prod-row .bottom .col1 {
    width: 25%;
  }
  .shop-basket .prod-row .top .detail, .shop-basket .prod-row .bottom .detail {
    width: 65%;
  }
  .shop-basket .prod-row .top .detail > div, .shop-basket .prod-row .bottom .detail > div {
    margin-top: 0.75rem;
  }
  .shop-basket .prod-row .top.product-detail, .shop-basket .prod-row .bottom.product-detail {
    padding-top: 0.5rem;
  }
  .shop-basket .prod-row .bottom {
    align-items: center;
  }
  .shop-basket .discount-zone {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  .shop-basket .discount-zone input.discount-box {
    margin-right: 0;
  }
  .shop-basket .discount-zone span {
    width: 50%;
  }
  .shop-basket .discount-zone span.field-validation-error {
    width: fit-content;
  }
  .shop-basket .discount-zone .btn {
    margin-top: 0.5rem;
  }
  .shop-basket .detail-numbers {
    width: unset;
    padding: 6%;
  }
}

.shop-checkout .form-field {
  margin-bottom: 2rem;
}
.shop-checkout .form-field select {
  line-height: 1.7rem;
}
.shop-checkout .form-field label {
  margin: 0;
}
.shop-checkout .form-field.w-50 input, .shop-checkout .form-field.w-50 select {
  width: 50%;
}
.shop-checkout .form-field.w-70 {
  width: 70%;
}
.shop-checkout .form-field.w-80 {
  width: 80%;
}
.shop-checkout .form-field.w-20 {
  width: 20%;
}
.shop-checkout .form-field.w-20.expand {
  width: 100%;
}
.shop-checkout .form-field.w-20.expand input {
  width: 20%;
}
.shop-checkout .terms-control {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.shop-checkout .terms-control input {
  height: 28px;
  width: 28px;
}
.shop-checkout .terms-control label {
  line-height: 1.969rem;
}
.shop-checkout .confirm-section .payment-actions {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.shop-checkout .confirm-section .payment-actions .btn {
  width: 100%;
  text-align: left;
  padding: 1rem 1.5rem;
  position: relative;
}
.shop-checkout .confirm-section .payment-actions .btn.paypal {
  border: none;
  /*  font-style: italic;

    &:before {
        @include pseudo($content: 'PayPal');
        top: 50%;
        transform: translate(0, -50%);
        left: 1.555rem;
        width: 100%;
        color: $black;

        font: {
            style: italic;
            weight: bold;
        }
    }*/
}
.shop-checkout .confirm-section .payment-actions .btn:after {
  content: url("/img/icons/icon-arrow.svg");
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
.shop-checkout .confirm-section .shop-detail {
  width: 50%;
}
.shop-checkout .confirm-section .shop-detail .detail-numbers {
  width: unset;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  .shop-checkout .form-field.w-50, .shop-checkout .form-field.w-70, .shop-checkout .form-field.w-80, .shop-checkout .form-field.w-20 {
    width: 100%;
  }
  .shop-checkout .form-field.w-50 input, .shop-checkout .form-field.w-70 input, .shop-checkout .form-field.w-80 input, .shop-checkout .form-field.w-20 input {
    width: unset;
  }
  .shop-checkout .form-field.w-20.expand input {
    width: 50%;
  }
  .shop-checkout .form-field .getAddress_autocomplete_container input {
    width: 100%;
  }
  .shop-checkout .confirm-section .details-holder {
    flex-direction: column-reverse;
  }
  .shop-checkout .confirm-section .details-holder .payment-actions, .shop-checkout .confirm-section .details-holder .shop-detail {
    width: 100%;
  }
}

.product-card {
  flex-basis: 25%;
  flex-grow: 1;
}
.product-card .btn-holder {
  margin: 1rem 0;
}
.product-card .btn-holder .btn {
  padding: 0.75rem 1rem;
}
.product-card .detail {
  margin-top: 1.5rem;
}
.product-card .added, .product-card .error {
  position: relative;
  padding-left: 40px;
  margin-top: 2rem;
}
.product-card .added .green, .product-card .error .green {
  color: #008780;
}
.product-card .added .red, .product-card .error .red {
  color: #AA3349;
}
.product-card .added:after, .product-card .error:after {
  content: url("/img/icons/icon-added.svg");
  position: absolute;
  left: 0;
  top: -4px;
}
.product-card .error {
  padding-left: 0;
  margin-top: 1rem;
}
.product-card .error:after {
  content: "";
}
.shop-categories {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: row;
  width: 100%;
}

.item-category {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  flex-flow: column;
  text-decoration: none;
  cursor: pointer;
}
.item-category img {
  width: 100%;
}

.description-item {
  font-weight: bold;
  padding: 40px;
  margin: 0;
}

.row-category {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.bg-yellow {
  background-color: #fae100;
}

.bg-grey {
  background-color: #2c2a29;
  color: #ffffff;
}

@media screen and (max-width: 650px) {
  .row-category {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: column;
  }
  .item-category {
    width: 100%;
  }
}
.footer-shop-index {
  margin-top: 0;
}

.resources-index .resources-section .result-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: 580px;
}
.resources-index .resources-section .result-list .item {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #f4f4f4;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 10px 10px 10px 0;
  width: 349px;
  height: 72px;
}
.resources-index .resources-section .result-list .item .description {
  margin: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.resources-index .resources-section .result-list .item .description .filename {
  font-size: 1.2em;
}
.resources-index .resources-section .result-list .item .description .weight {
  font-size: 0.9em;
}
.resources-index .resources-section .result-list .item-image {
  margin: 10px 0;
}
.resources-index .resources-section .result-list .item-image .principal-img {
  width: 369px;
}
.resources-index .resources-section .result-list .item:hover {
  border-color: #6e6e6e;
  cursor: pointer;
}
.resources-index .filter-control select {
  background-position: right 0.8em top 50%, 0 0;
  min-width: 192px;
  height: 60px;
  line-height: normal;
}
@media screen and (max-width: 1200px) {
  .resources-index .resources-section .result-list {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .resources-index .resources-section .result-list {
    height: auto;
  }
  .resources-index .resources-section .result-list .item {
    width: 100%;
    box-sizing: border-box;
  }
  .resources-index .resources-section .result-list .item-image {
    width: 100%;
  }
  .resources-index .resources-section .result-list .item-image .item-image {
    width: 100%;
  }
}

.description-video {
  font-family: "FSMePro", sans-serif;
  background-color: #fae100;
  padding: 10px;
  margin: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 42px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
}

.item-image {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
}

.description-video img {
  width: 36px;
  height: 36px;
}

.icon-play {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .description-video img {
    width: 36px;
    height: 36px;
  }
  .resources-index .resources-section .result-list .item-image .principal-img {
    width: 100%;
  }
  .result-list {
    flex-flow: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
}
.shop-payment-content .collapsablebox {
  border-radius: 4px;
  overflow: hidden;
}
.shop-payment-content .collapsablebox .collapsablebox-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  direction: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #f4f4f4;
  border: 1px solid #f4f4f4;
  padding: 3% 5%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.shop-payment-content .collapsablebox .collapsablebox-detail .contact-group div {
  width: 49%;
}
.shop-payment-content .collapsablebox .collapsablebox-detail .location-group div {
  width: 32%;
}
.shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-data-group .cardnumber {
  width: 48%;
}
.shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-data-group .expiry {
  width: 24%;
}
.shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-data-group .cvc {
  width: 24%;
}
@media screen and (max-width: 768px) {
  .shop-payment-content .collapsablebox .collapsablebox-detail .contact-group,
  .shop-payment-content .collapsablebox .collapsablebox-detail .location-group,
  .shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-data-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .shop-payment-content .collapsablebox .collapsablebox-detail .contact-group div,
  .shop-payment-content .collapsablebox .collapsablebox-detail .location-group div,
  .shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-data-group div {
    width: 100%;
  }
  .shop-payment-content .collapsablebox .collapsablebox-detail .contact-group .cardnumber,
  .shop-payment-content .collapsablebox .collapsablebox-detail .contact-group .expiry,
  .shop-payment-content .collapsablebox .collapsablebox-detail .contact-group .cvc,
  .shop-payment-content .collapsablebox .collapsablebox-detail .location-group .cardnumber,
  .shop-payment-content .collapsablebox .collapsablebox-detail .location-group .expiry,
  .shop-payment-content .collapsablebox .collapsablebox-detail .location-group .cvc,
  .shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-data-group .cardnumber,
  .shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-data-group .expiry,
  .shop-payment-content .collapsablebox .collapsablebox-detail .creditcard-data-group .cvc {
    width: 100%;
  }
}
.shop-payment-content .pricing-section {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.shop-payment-content .pricing-section .terms-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.shop-payment-content .pricing-section .terms-control input {
  height: 28px;
  width: 28px;
}

.spinner {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
}
.spinner.max-height {
  height: 50vw;
}
.spinner img {
  margin-top: 2rem;
  width: 300px;
}

.shop .btn.print-icon {
  position: relative;
  padding-right: 45px;
  padding-left: 15px;
  text-align: left;
}
.shop .btn.print-icon:after {
  content: url("/img/icons/print-icon.svg");
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.order-summary .order-summary-list .order-line {
  justify-content: space-between;
  padding: 1rem 0;
  border-top: 3px solid #f4f4f4;
}
.order-summary .order-summary-list .order-line .image {
  width: 10%;
}
.order-summary .order-summary-list .order-line .product-name {
  width: 60%;
}
.order-summary .order-summary-list .order-line .price {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .order-summary .order-summary-list .order-line {
    flex-wrap: wrap;
    gap: 0 1rem;
  }
  .order-summary .order-summary-list .order-line .image {
    width: 25%;
  }
  .order-summary .order-summary-list .order-line .product-name {
    width: 70%;
  }
  .order-summary .order-summary-list .order-line .price {
    width: 100%;
    margin-left: 70%;
    margin-top: -1.5rem;
  }
}

.shop-category .item {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 3px solid #f4f4f4;
}
.shop-category .item .product-image {
  width: 170px;
}
.shop-category .item .product-detail {
  padding-left: 3rem;
  width: 60%;
}
.shop-category .item .product-detail .link {
  padding-bottom: 0px;
  line-height: 2rem;
}
.shop-category .item .product-detail .stock {
  margin-left: 0;
  margin-top: 1rem;
  width: fit-content;
}
.shop-category .item .product-detail .btn {
  margin-right: 1rem;
}
.shop-category .item .product-detail .added, .shop-category .item .product-detail .error {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  margin-top: 1rem;
  white-space: nowrap;
}
.shop-category .item .product-detail .added .green, .shop-category .item .product-detail .error .green {
  color: #008780;
}
.shop-category .item .product-detail .added .red, .shop-category .item .product-detail .error .red {
  color: #AA3349;
}
.shop-category .item .product-detail .added:after, .shop-category .item .product-detail .error:after {
  content: url("/img/icons/icon-added.svg");
  position: absolute;
  left: 0;
  top: -4px;
}
.shop-category .item .product-detail .error {
  padding-left: 0;
  margin-top: 1rem;
}
.shop-category .item .product-detail .error:after {
  content: "";
}
.shop-category .product-list {
  margin-bottom: 4rem;
}
.shop-category .category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.shop-category .category-list .category {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .shop-category .item .product-image img {
    width: unset;
  }
}
@media screen and (max-width: 450px) {
  .shop-category .item {
    flex-direction: column;
  }
  .shop-category .item .product-image {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .shop-category .item .product-image img {
    width: 100%;
  }
  .shop-category .item .product-detail {
    margin-top: 1rem;
    padding-left: 0;
    width: 100%;
  }
  .shop-category .category-list {
    row-gap: 1rem;
  }
  .shop-category .category-list .category {
    width: 100%;
  }
  .shop-category .category-list .category > a:first-child {
    display: block;
  }
}

.text-block:first-child {
  margin-top: 30px;
}
.text-block p {
  margin: 1.5rem 0 1.5rem;
}
.text-block p,
.text-block ul,
.text-block ol,
.text-block table {
  margin: 0 0 1.5rem;
}
.text-block li a {
  text-decoration: underline;
}
.text-block .intro {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.25rem;
}
.text-block + .macular-section.section-separator, .text-block + .images-section.section-separator {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .text-block.rich-text table {
    min-width: 768px;
  }
}

.text-block__cta {
  padding-top: 1.25rem;
}

.text-block--membership {
  padding: 3% 3% calc(3% - 1.5rem);
  font-size: 0;
}
.text-block--membership h3 {
  margin: 0;
  padding-bottom: 1.25rem;
}
.text-block--membership h3.expired span {
  color: #d64a1a;
}
.text-block--membership .btn-detail {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  text-decoration: none;
  box-sizing: border-box;
}
.text-block--membership .btn-detail:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.text-block--membership .btn-detail.end-date {
  padding-right: 16px;
  padding-left: 16px;
}
.text-block--membership__details {
  display: inline-block;
  width: 12.5rem;
  padding-right: 0.5rem;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) and (max-width: 1200px), screen and (max-width: 700px) {
  .text-block--membership__details {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 480px) {
  .text-block--membership__details .btn {
    display: block;
  }
}
.text-block--membership__links {
  display: inline-block;
  width: calc(100% - 12.5rem);
  text-align: right;
}
@media screen and (min-width: 769px) and (max-width: 1200px), screen and (max-width: 700px) {
  .text-block--membership__links {
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .text-block--membership__links .btn {
    display: block;
  }
}
.text-block--membership__links .btn + .btn {
  margin-left: 0.5rem;
}
@media screen and (max-width: 480px) {
  .text-block--membership__links .btn + .btn {
    margin: 0.5rem 0 0;
  }
}

.text-block--highlighted {
  padding: 5%;
  border-radius: 8px;
  background-color: #f4f4f4;
}
.text-block--highlighted p:last-child {
  margin: 0;
}

.text-block--iframe figure {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .text-block--iframe {
    margin-right: 4%;
    margin-left: 4%;
  }
}

.next-reading-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 2.375;
  font-size: 1rem;
}
.next-reading-section a {
  margin: 10px 0;
  font-size: 2.375rem;
  line-height: 1;
  text-decoration: underline;
  color: #000000;
}

.images-section .boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 60px;
}
.images-section .boxes.light .info-box p.grey {
  background-color: #fae100;
  color: #000000;
}
.images-section .boxes.dark .info-box p.yellow {
  background-color: #2c2a29;
  color: #ffffff;
}
.images-section .info-box {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display: block;
  text-decoration: none;
}
.images-section .info-box img {
  width: 100%;
  height: auto;
  display: block;
}
.images-section .info-box p {
  padding: 1em;
  margin: 0;
  min-height: 180px;
  font-weight: bold;
}
.images-section .info-box p.grey {
  background-color: #2c2a29;
  color: #ffffff;
}
.images-section .info-box p.yellow {
  background-color: #fae100;
}
.images-section .info-box p.sector {
  font-weight: 400;
}
.images-section .info-box p.sector strong {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .images-section .info-box {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.team-profiles h3 {
  margin: 1rem 0;
  font-size: 3rem;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .team-profiles h3 {
    font-size: 2rem;
  }
}
.team-profiles span {
  padding-block: 1rem;
  display: block;
  font-size: 1.3125rem;
  font-family: "FSMePro", sans-serif;
}

.team-profiles__container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .team-profiles__container {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.team-profiles__profile {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 2rem;
  max-width: 50%;
}
@media screen and (max-width: 1024px) {
  .team-profiles__profile {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .team-profiles__profile {
    margin: 5% 0;
  }
}
.team-profiles__profile b {
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.team-profiles__profile span {
  display: block;
  font-size: 1.3125rem;
  font-family: "FSMePro", sans-serif;
}
.team-profiles__profile span + p {
  margin-top: 0;
}
.team-profiles__profile img {
  margin-bottom: 10px;
  width: 95%;
}

.download-section .filter-sector {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
}
.download-section .filter-sector .dropdown-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
}
.download-section .filter-sector .dropdown-box span {
  margin: 0 10px;
  line-height: 2em;
  white-space: nowrap;
}
.download-section .filter-sector .dropdown-box .dropdown {
  cursor: pointer;
  width: 240px;
  line-height: normal;
}
.download-section .item-list .row-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
  border: 1px solid #f4f4f4;
  margin: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}
.download-section .item-list .row-item img {
  width: 48px;
}
.download-section .item-list .row-item .description {
  margin: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.download-section .item-list .row-item .description .filename {
  font-size: 1.2em;
}
.download-section .item-list .row-item .description .weight {
  font-size: 0.9em;
}
.download-section .item-list .row-item:hover {
  border-color: #6e6e6e;
}
.download-section .item-list .row-item:active {
  border-color: #6e6e6e;
}
.download-section .text-block.hide {
  display: none;
}

@media screen and (max-width: 768px) {
  .download-section .filter-sector {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
  }
  .download-section .filter-sector .dropdown-box span {
    font-size: 1rem;
  }
  .download-section .filter-sector .dropdown-box .dropdown {
    width: 100%;
    font-size: 0.875rem;
  }
  .download-section .filter-sector .dropdown-box select {
    background-position: right 0.5em top 50%, 0 0;
    padding: 15px 22px 15px 5px;
  }
}
.pagination {
  display: block;
  width: 100%;
  padding-bottom: 3.81rem;
  font-size: 0;
}

.pagination__container {
  padding: 0.857rem 1.905rem 1rem 0.952rem;
  border-radius: 0.19rem;
}

.pagination__pages {
  display: block;
  width: 100%;
  text-align: center;
}
.pagination__pages ul {
  padding-left: 0;
  list-style: none;
}
.pagination__pages ul li {
  display: inline-block;
  padding-right: 0.476rem;
}
.pagination__pages ul li.prev a, .pagination__pages ul li.next a {
  background-color: #2c2a29;
  color: #ffffff;
}
.pagination__pages ul li.prev a:hover, .pagination__pages ul li.next a:hover {
  background-color: rgb(30.8, 29.4, 28.7);
}
.pagination__pages ul li:last-child {
  padding-right: 0;
}
.pagination__pages ul li a,
.pagination__pages ul li span {
  display: block;
  min-width: 1.286rem;
  padding: 0.143rem 0.269rem;
  transition: background-color 0.3s ease;
  background-color: #e5e5e5;
  font-size: 1.3125rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
}
.pagination__pages ul li a:hover,
.pagination__pages ul li span:hover {
  background-color: rgb(203.5, 203.5, 203.5);
}
.pagination__pages ul li a.active,
.pagination__pages ul li span.active {
  background-color: #fae100;
}

.form-builder .spacing-content .spacing-content {
  margin-right: 0;
  margin-left: 0;
}
.form-builder .form-field,
.form-builder p {
  display: block;
  width: 100%;
}
.form-builder .form-field.umbraco-forms-hidden,
.form-builder p.umbraco-forms-hidden {
  display: none;
}
.form-builder .form-field label,
.form-builder .form-field input,
.form-builder .form-field textarea,
.form-builder .form-field select,
.form-builder p label,
.form-builder p input,
.form-builder p textarea,
.form-builder p select {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.form-builder .form-field label[disabled],
.form-builder .form-field input[disabled],
.form-builder .form-field textarea[disabled],
.form-builder .form-field select[disabled],
.form-builder p label[disabled],
.form-builder p input[disabled],
.form-builder p textarea[disabled],
.form-builder p select[disabled] {
  cursor: not-allowed;
}
.form-builder .form-field input,
.form-builder .form-field textarea,
.form-builder p input,
.form-builder p textarea {
  margin-top: 0.625rem;
}
.form-builder p.error {
  color: #d64a1a;
}
.form-builder .success-message {
  display: none;
  padding-bottom: 1.5rem;
}
.form-builder .success-message p {
  display: block;
  margin-bottom: 1.5rem;
  width: auto;
  cursor: default;
}
.form-builder .success-message p.btn {
  display: inline-block;
  margin: 0;
}
.form-builder .success-message p:hover {
  opacity: 1;
}
.form-builder .form-field {
  margin: 2rem 0;
}
.form-builder .form-field .form-field {
  width: 100%;
}
.form-builder .form-field .form-field:last-child {
  margin-bottom: 0;
}
.form-builder .form-field ul {
  padding-left: 0;
  list-style: none;
  padding: 0;
}
.form-builder .form-field ul li {
  margin-bottom: 1rem;
}
.form-builder .form-field ul li:last-child {
  margin: 0;
}
.form-builder .form-field ul li label {
  margin: 0;
}
.form-builder .form-field ul li input {
  margin-right: 0.625rem;
}
.form-builder .form-field__help-text {
  display: block;
  padding: 0.5rem 0 0 0.625rem;
}
.form-builder .form-field__help-text--rich-text ul,
.form-builder .form-field__help-text--rich-text ol {
  padding: 0 0 0 1.313rem;
}
.form-builder .form-field__help-text--rich-text ul {
  list-style-type: disc;
}
.form-builder .form-field__help-text--rich-text ol li {
  padding-bottom: 1rem;
}
.form-builder .form-field__help-text--rich-text ol li:last-child {
  padding: 0;
}
.form-builder label[for=id_address_details], .form-builder label[for=id_contact_preferences], .form-builder label[for=id_contact_details] {
  margin-top: 3rem;
  margin-left: 0;
}
.form-builder textarea {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #2c2a29;
  border-radius: 4px;
  resize: vertical;
}
.form-builder select.multiplechoicefield {
  min-height: 6.25rem;
  background-image: none;
}
.form-builder .form-field--checkbox input,
.form-builder .form-field--checkbox label,
.form-builder .form-field--radio input,
.form-builder .form-field--radio label {
  display: inline-block;
  vertical-align: top;
}
.form-builder .form-field--checkbox label,
.form-builder .form-field--radio label {
  width: calc(90% - 2.25rem);
  padding-top: 0.25rem;
}
.form-builder .form-field--checkbox input,
.form-builder .form-field--radio input {
  width: 28px;
  height: 28px;
  margin: 0;
}
.form-builder .form-field--multi-checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-builder .form-field--multi-checkbox input {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.form-builder .form-field--multi-checkbox label {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-top: 1rem;
  margin-left: 0;
  margin-bottom: 0.5rem;
}
.form-builder .form-field--multi-checkbox .error {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.form-builder .form-field--multi-checkbox .multiplechoicefield {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.form-builder .form-field--multi-checkbox .multiplechoicefield label {
  margin: 0;
}
.form-builder .form-field--radio label {
  margin-bottom: 1rem;
}
.form-builder .form-field--radio label:last-child {
  margin-bottom: 0;
}
.form-builder .postcode-section,
.form-builder .link-address {
  max-width: 460px;
}
.form-builder .postcode-section {
  margin-top: 2rem;
}
.form-builder .btn-address {
  margin-top: 37px;
  height: auto;
}
.form-builder .link-address {
  text-align: right;
}

.form-builder__hidden {
  position: absolute;
  top: -100%;
  left: -100%;
  opacity: 0;
}

.donate-plugin .fundraising {
  display: none;
}

.search-results {
  display: block;
  padding-top: 1rem;
}

.search-results__result {
  display: block;
  margin-bottom: 2.75rem;
  text-decoration: none;
}
.search-results__result .h3 {
  font-size: 1.75rem;
  text-decoration: underline;
}
.search-results__result p {
  font-size: 1.5rem;
  text-decoration: none;
}

.responsive-table .mobile-only {
  display: none;
}
@media screen and (max-width: 450px) {
  .responsive-table thead {
    display: none;
  }
  .responsive-table tr,
  .responsive-table td,
  .responsive-table .mobile-only {
    display: block;
  }
  .responsive-table tr {
    padding: 1rem 0;
  }
  .responsive-table td {
    padding: 0.25rem 1.875rem;
  }
}

.social-block {
  display: block;
  width: 100%;
  padding: 1rem 0;
}
.social-block h3 {
  text-align: center;
}
.social-block.section-seperator {
  padding: 0;
}

.social-block--left-aligned h3 {
  text-align: left;
}
.social-block--left-aligned .social-block__social ul {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.social-block__social {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: #f4f4f4;
  font-size: 0;
}
.social-block__social ul {
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}
.social-block__social ul li {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 0.781rem 0.781rem 0;
}
.social-block__social ul li:last-child {
  margin-right: 0;
}
.social-block__social ul li a {
  display: block;
}
.social-block__social ul li a svg {
  width: 3rem;
  height: 3rem;
}
.social-block__social ul li a svg.linkedin:hover path {
  fill: rgb(0, 64.7288135593, 100.5);
}
.social-block__social ul li a svg.facebook:hover path {
  fill: rgb(45.3073770492, 70.7069672131, 122.1926229508);
}
.social-block__social ul li a svg.twitter:hover path {
  fill: rgb(10.5794979079, 118.0020920502, 183.9205020921);
}
.social-block__social ul li a svg.whatsapp:hover path {
  fill: rgb(33.1955645161, 189.3044354839, 91.5120967742);
}
.social-block__social ul li a svg:hover path {
  fill: rgba(0, 0, 0, 0.75);
}
.social-block__social ul li a svg path {
  transition: fill 0.3s ease;
}

.image-wrap::after {
  display: table;
  clear: both;
  border-spacing: 0;
  content: "";
}
.image-wrap .text-block.rich-text {
  overflow-x: visible;
}

.image-wrap--plugin.image-right .image-wrap__image {
  padding-right: 0;
  padding-left: 1.5rem;
  float: right;
}
.image-wrap--plugin .image-wrap__image {
  margin-left: 0;
  font-size: 0;
}

.image-wrap__image {
  width: 40%;
  max-width: 27.5rem;
  margin-left: 9.35%;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  float: left;
}
.image-wrap__image.width-25 {
  width: 25%;
}
.image-wrap__image.width-40 {
  width: 40%;
}
.image-wrap__image.width-60 {
  width: 60%;
}
.image-wrap__image.force-right {
  float: right;
  margin-left: 2rem;
  padding: 0;
  width: 35%;
}
@media screen and (max-width: 450px) {
  .image-wrap__image.force-right {
    width: 100%;
    margin: 0;
    padding-right: 0;
    float: none;
    clear: both;
  }
}
@media screen and (max-width: 768px) {
  .image-wrap__image {
    margin-left: 4%;
  }
}
@media screen and (max-width: 450px) {
  .image-wrap__image {
    width: 100%;
    margin: 0;
    padding-right: 0;
    float: none;
    clear: both;
  }
  .image-wrap__image.width-25, .image-wrap__image.width-40, .image-wrap__image-width-60 {
    width: 100%;
  }
}

ul.renew-process {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
ul.renew-process li {
  display: inline-block;
  margin-right: 1.5rem;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: 1.25;
}
ul.renew-process li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 540px) {
  ul.renew-process li {
    display: block;
    margin: 0 0 0.5rem;
  }
  ul.renew-process li:last-child {
    margin-bottom: 0;
  }
}

.donation-choice {
  position: relative;
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #f4f4f4;
}
.donation-choice::after {
  display: table;
  clear: both;
  border-spacing: 0;
  content: "";
}
.donation-choice .error {
  clear: both;
  margin: 0;
  padding: 1rem 0 0;
}
.donation-choice .error.choose {
  text-align: right;
}
@media screen and (max-width: 1100px) {
  .donation-choice .error.choose {
    text-align: left;
  }
}

.donation-choice__fixed {
  width: calc((100% - 1rem) * 0.4);
  float: left;
  font-size: 0;
}
@media screen and (max-width: 1100px) {
  .donation-choice__fixed {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.donation-choice__choice {
  display: inline-block;
  position: relative;
  width: calc((100% - 1rem) / 2);
  box-sizing: border-box;
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .donation-choice__choice {
    width: 100%;
  }
}
.donation-choice__choice label {
  display: block;
  padding: 0.5rem 2rem;
  border: 2px solid #fae100;
  border-radius: 0.25rem;
  box-sizing: border-box;
  background-color: #fae100;
  color: #2c2a29;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 2.375rem;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.donation-choice__choice label:hover {
  border-color: #2c2a29;
}
.donation-choice__choice input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.donation-choice__choice input:checked + label {
  border-color: #2c2a29;
}
.donation-choice__choice + .donation-choice__choice {
  margin-left: 1rem;
}
@media screen and (max-width: 500px) {
  .donation-choice__choice + .donation-choice__choice {
    margin: 1rem 0 0;
  }
}

.donation-choice__custom {
  width: calc((100% - 1rem) * 0.6);
  padding-left: 1rem;
  border-left: 1px solid #d3d3d3;
  float: right;
  font-size: 0;
  text-align: right;
  box-sizing: border-box;
}
@media screen and (min-width: 1101px) {
  .donation-choice__custom {
    max-width: 28.5rem;
  }
}
@media screen and (max-width: 1100px) {
  .donation-choice__custom {
    width: 100%;
    padding: 1rem 0 0;
    border-left: 0;
    border-top: 1px solid #d3d3d3;
    text-align: left;
  }
}
.donation-choice__custom .currency-prefix {
  display: inline-block;
  width: calc(100% - 6.375rem - 1rem);
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .donation-choice__custom .currency-prefix {
    width: 100%;
  }
}
.donation-choice__custom .btn {
  width: 6.375rem;
  min-width: 0;
  margin-left: 1rem;
  padding: 0.5rem 2rem;
  line-height: 2.375rem;
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .donation-choice__custom .btn {
    width: 100%;
    margin: 1rem 0 0;
  }
}
.donation-choice__custom .btn.ready {
  border-color: #2c2a29;
  background-color: #fae100;
}

.donation-choice__chosen {
  display: none;
  font-size: 0;
}
.donation-choice__chosen::after {
  display: table;
  clear: both;
  border-spacing: 0;
  content: "";
}
.donation-choice__chosen p {
  display: inline-block;
  width: calc(100% - 15.25rem - 1rem);
  margin: 0;
  font-size: 1.5rem;
  vertical-align: middle;
}
@media screen and (max-width: 600px), screen and (min-width: 768px) and (max-width: 1000px) {
  .donation-choice__chosen p {
    width: 100%;
    text-align: center;
  }
}
.donation-choice__chosen .btn {
  width: 15.25rem;
  min-width: 0;
  margin-left: 1rem;
  padding: 0.5rem 2rem;
  line-height: 2.375rem;
  vertical-align: middle;
}
@media screen and (max-width: 600px), screen and (min-width: 768px) and (max-width: 1000px) {
  .donation-choice__chosen .btn {
    width: 100%;
    margin: 1rem 0 0;
  }
}

.donation-choice__amount {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.risk-checker h2 {
  margin-left: unset;
  padding-left: unset;
  position: relative;
}
.risk-checker h2:before {
  content: none;
}
.risk-checker main {
  padding-bottom: 1rem;
}
.risk-checker .text-block + .risk-checker__buttons {
  padding-top: 2.375rem;
}
.risk-checker .text-block .form-builder {
  padding-top: 1rem;
}
.risk-checker .text-block .form-builder input {
  max-width: 28.75rem;
}
.risk-checker .text-block .form-builder select {
  max-width: 14.375rem;
}
.risk-checker .text-block .form-builder .fields {
  padding-bottom: 1.563rem;
}
.risk-checker .text-block .form-builder .btn {
  margin-top: 1rem;
  margin-bottom: 2.188rem;
  border: 0.125rem solid #2c2a29;
}
.risk-checker .text-block .form-builder .recaptcha-legal {
  margin: 0;
  padding-top: 2.188rem;
}
.risk-checker .text-block .form-builder .recaptcha-legal p {
  font-size: 1rem;
}

.risk-checker__logo {
  display: block;
  padding: 3.125rem 0 4.313rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__logo {
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .risk-checker__logo {
    padding-top: 2.5rem;
  }
}

.risk-checker__logo-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.risk-checker__logo-container img {
  width: 100%;
  max-width: 36.125rem;
}
@media screen and (max-width: 768px) {
  .risk-checker__logo-container img {
    max-width: 28rem;
  }
}
.risk-checker__logo-container h1 {
  height: 0;
  font-size: 0;
  opacity: 0;
}

.risk-checker__steps {
  display: block;
  padding-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__steps {
    padding-bottom: 1.5rem;
  }
}
.risk-checker__steps svg path.question-1 {
  fill: #c94c63;
}
.risk-checker__steps svg path.question-3 {
  fill: #1b5faa;
}
.risk-checker__steps svg path.question-4 {
  fill: #008780;
}
.risk-checker__steps svg path.question-5 {
  fill: #e87722;
}
.risk-checker__steps.step-1 ul::after {
  opacity: 1;
}
.risk-checker__steps.step-1 li:first-child {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-1 li:first-child::after {
  opacity: 1;
}
.risk-checker__steps.step-2 ul::after {
  background-color: #8e5da0;
  opacity: 1;
}
.risk-checker__steps.step-2 li:nth-child(2) {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-2 li:nth-child(2)::after {
  opacity: 1;
}
.risk-checker__steps.step-2 li:first-child {
  background-image: url("../../img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.step-2 li:first-child span {
  font-size: 0;
}
.risk-checker__steps.step-3 ul::after {
  background-color: #1b5faa;
  opacity: 1;
}
.risk-checker__steps.step-3 li:nth-child(3) {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-3 li:nth-child(3)::after {
  opacity: 1;
}
.risk-checker__steps.step-3 li:nth-child(-n+2) {
  background-image: url("../../img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.step-3 li:nth-child(-n+2) span {
  font-size: 0;
}
.risk-checker__steps.step-4 ul::after {
  background-color: #008780;
  opacity: 1;
}
.risk-checker__steps.step-4 li:nth-child(4) {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-4 li:nth-child(4)::after {
  opacity: 1;
}
.risk-checker__steps.step-4 li:nth-child(-n+3) {
  background-image: url("../../img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.step-4 li:nth-child(-n+3) span {
  font-size: 0;
}
.risk-checker__steps.step-5 ul::after {
  background-color: #e87722;
  opacity: 1;
}
.risk-checker__steps.step-5 li:last-child {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-5 li:last-child::after {
  opacity: 1;
}
.risk-checker__steps.step-5 li:nth-child(-n+4) {
  background-image: url("../../img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.step-5 li:nth-child(-n+4) span {
  font-size: 0;
}
.risk-checker__steps.complete li {
  background-image: url("../../img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.complete li span {
  font-size: 0;
}

.risk-checker__steps-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.438rem 1rem;
  border-radius: 3.125rem;
  background-color: #f4f4f4;
}
.risk-checker__steps-container svg {
  padding-right: 1.25rem;
}
.risk-checker__steps-container.mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .risk-checker__steps-container {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
  .risk-checker__steps-container.desktop {
    display: none;
  }
  .risk-checker__steps-container.mobile {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.risk-checker__steps-container p,
.risk-checker__steps-container ul {
  margin: 0;
}
.risk-checker__steps-container p {
  font-size: 1.5rem;
}
.risk-checker__steps-container ul {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  margin: 0 1rem;
  padding: 0 3.688rem;
}
@media screen and (max-width: 1200px) {
  .risk-checker__steps-container ul {
    padding: 0 1rem;
  }
}
.risk-checker__steps-container ul::before {
  position: absolute;
  top: calc(50% - 0.125rem);
  left: 0;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background-color: #2c2a29;
  content: "";
  z-index: 1;
}
.risk-checker__steps-container ul::after {
  position: absolute;
  bottom: -2.313rem;
  left: 0;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background-color: #c94c63;
  content: "";
  opacity: 0;
  z-index: 1;
}
.risk-checker__steps-container ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 2.842rem;
  height: 2.842rem;
  border: 0.25rem solid #c94c63;
  border-radius: 50%;
  background-color: #ffffff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  z-index: 2;
}
.risk-checker__steps-container ul li::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: -2.063rem;
  border-left: 0.688rem solid transparent;
  border-right: 0.688rem solid transparent;
  border-bottom: 1.375rem solid #c94c63;
  content: "";
  opacity: 0;
}
.risk-checker__steps-container ul li.purple {
  border-color: #8e5da0;
}
.risk-checker__steps-container ul li.purple::after {
  border-bottom-color: #8e5da0;
}
.risk-checker__steps-container ul li.blue {
  border-color: #1b5faa;
}
.risk-checker__steps-container ul li.blue::after {
  border-bottom-color: #1b5faa;
}
.risk-checker__steps-container ul li.green {
  border-color: #008780;
}
.risk-checker__steps-container ul li.green::after {
  border-bottom-color: #008780;
}
.risk-checker__steps-container ul li.orange {
  border-color: #e87722;
}
.risk-checker__steps-container ul li.orange::after {
  border-bottom-color: #e87722;
}

.risk-checker__primary {
  display: block;
  padding-bottom: 1.563rem;
}

.risk-checker__spacer-image {
  padding: 2rem 0;
}
.risk-checker__spacer-image img {
  width: 100%;
}

.risk-checker__primary-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.risk-checker__primary-container .text {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 1.5rem;
  background-color: #F3EFF7;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text {
    padding-right: 0;
    padding-bottom: 1rem;
  }
}
.risk-checker__primary-container .text h2 {
  color: #2c2a29;
  font-size: 2.5rem;
  line-height: 3.75rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text h2 {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.risk-checker__primary-container .text p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
}
.risk-checker__primary-container .text p.related-text {
  margin: 0;
  padding-bottom: 2.25rem;
  font-weight: 400;
}
.risk-checker__primary-container form button {
  border: 0.125rem solid #2c2a29;
}
.risk-checker__primary-container .back-link {
  display: block;
  padding-top: 2.625rem;
}
.risk-checker__primary-container .back-link a {
  font-size: 1.313rem;
  line-height: 2rem;
}
.risk-checker__primary-container .text__risk {
  padding-bottom: 1.688rem;
}
.risk-checker__primary-container .text__risk:last-child {
  padding: 0;
}
.risk-checker__primary-container .text__risk h3 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #2c2a29;
}
.risk-checker__primary-container .text__risk h3 img {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 3.434rem;
  -ms-flex: 0 0 3.434rem;
  flex: 0 0 3.434rem;
  width: 55px;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text__risk h3 img {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 2.5rem;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    width: 2.5rem;
  }
}
.risk-checker__primary-container .text__risk h3 span {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 1.563rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text__risk h3 span {
    padding-left: 1.25rem;
    font-size: 1.5rem;
  }
}
.risk-checker__primary-container .text__risk p {
  font-size: 1.313rem;
}
.risk-checker__primary-container .text--risk p {
  font-weight: 400;
}
.risk-checker__primary-container .text--risk h2 {
  margin: 0;
}
.risk-checker__primary-container .text--risk .icon-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 2.625rem;
}
.risk-checker__primary-container .text--risk .icon-title h2 {
  padding-left: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text--risk .icon-title h2 {
    font-size: 2rem;
    line-height: 1.5;
  }
  .risk-checker__primary-container .text--risk .icon-title img {
    max-width: 4rem;
  }
}
.risk-checker__primary-container .image {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 15.625rem;
  -ms-flex: 0 0 15.625rem;
  flex: 0 0 15.625rem;
  padding-left: 1rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .image {
    display: none;
  }
}
.risk-checker__primary-container .image img {
  width: 100%;
  max-width: 15.625rem;
  height: auto;
  border: 0.25rem solid #2c2a29;
}
.risk-checker__primary-container .image img.question-1 {
  border-color: #c94c63;
}
.risk-checker__primary-container .image img.question-2 {
  border-color: #8e5da0;
}
.risk-checker__primary-container .image img.question-3 {
  border-color: #1b5faa;
}
.risk-checker__primary-container .image img.question-4 {
  border-color: #008780;
}
.risk-checker__primary-container .image img.question-5 {
  border-color: #e87722;
}

.risk-checker__buttons .btn {
  border: 0.125rem solid #2c2a29;
}

.risk-checker__field {
  padding-bottom: 4rem;
}
.risk-checker__field h2 {
  margin: 0;
  padding-bottom: 2.5rem;
}

.risk-checker__fields {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.risk-checker__fields label {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 calc(50% - 0.625rem);
  -ms-flex: 1 1 calc(50% - 0.625rem);
  flex: 1 1 calc(50% - 0.625rem);
  max-width: 13.75rem;
  margin-right: 0.625rem;
  margin-bottom: 1.25rem;
  padding: 1.125rem;
  border: 0.125rem solid #2c2a29;
  border-radius: 0.25rem;
  font-size: 1.313rem;
  font-weight: 700;
  text-align: center;
}
.risk-checker__fields label:last-of-type {
  margin-right: 0;
  margin-left: 0.625rem;
}
.risk-checker__fields label.selected {
  border-color: #2c2a29;
  background-color: #fae100;
}
.risk-checker__fields label.selected:hover {
  background-color: #fae100;
}
.risk-checker__fields label:hover {
  border-color: #2c2a29;
  background-color: #f4f4f4;
}

.risk-checker__checklist h2 {
  margin: 0;
  padding-bottom: 2.188rem;
  font-size: 3rem;
  color: #2c2a29;
}
@media screen and (max-width: 1024px) {
  .risk-checker__checklist h2 {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.risk-checker__checklist p {
  margin: 0;
  font-size: 1.313rem;
  line-height: 2.25rem;
}
.risk-checker__checklist p + h2 {
  padding-top: 3.375rem;
}
.risk-checker__checklist p.spacing {
  padding-bottom: 1.563rem;
}

.risk-checker__checks {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .risk-checker__checks {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.risk-checker__check {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 calc(33% - 0.5rem);
  -ms-flex: 1 1 calc(33% - 0.5rem);
  flex: 1 1 calc(33% - 0.5rem);
  max-width: calc(33% - 0.5rem);
  margin: 0 0.5rem;
  padding: 2.5rem 1.563rem;
  border-radius: 0.5rem;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .risk-checker__check {
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 1.25rem;
    max-width: 100%;
  }
}
.risk-checker__check:first-child {
  margin-left: 0;
}
.risk-checker__check:last-child {
  margin-right: 0;
}
.risk-checker__check h3,
.risk-checker__check p {
  margin: 0;
  padding-bottom: 1.25rem;
}
.risk-checker__check h3 {
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: underline;
  line-height: 3rem;
  color: #2c2a29;
}
@media screen and (max-width: 1024px) {
  .risk-checker__check h3 {
    font-size: 1.75rem;
    line-height: 1.5;
  }
}
.risk-checker__check p:last-child {
  padding: 0;
}
.risk-checker__check .icon {
  width: 6.25rem;
  height: 6.25rem;
  margin: 0 auto 2.5rem;
  border-radius: 50%;
  background-color: #008780;
}
.risk-checker__check .icon img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  margin: 0 auto;
  width: 2rem;
}
.risk-checker__check .icon.orange {
  background-color: #e87722;
}
.risk-checker__check .icon.purple {
  background-color: #8e5da0;
}

.risk-checker__list {
  padding: 2rem 3rem;
  background-color: #E8F3F2;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
}
.risk-checker__list h3.warning {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 2rem 0;
  font-size: 2rem;
  font-weight: 700;
  color: #2c2a29;
}
.risk-checker__list h3.warning img {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 3.434rem;
  -ms-flex: 0 0 3.434rem;
  flex: 0 0 3.434rem;
  width: 55px;
}
@media screen and (max-width: 1024px) {
  .risk-checker__list h3.warning img {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 2.5rem;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    width: 2.5rem;
  }
}
.risk-checker__list h3.warning span {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__list h3.warning span {
    padding-left: 1.25rem;
    font-size: 1.5rem;
  }
}
.risk-checker__list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.75rem;
  margin-left: 0.7rem;
}
.risk-checker__list .item .counter {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 0 1.6rem;
  -ms-flex: 0 0 1.6rem;
  flex: 0 0 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: 0.15rem solid #2c2a29;
  background-color: #fae100;
}
.risk-checker__list .item .counter span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}
.risk-checker__list .item > span {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.1rem 0 0 0.75rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
  color: #4a4a4a;
}
@media screen and (max-width: 1024px) {
  .risk-checker__list .item > span {
    font-size: 1.5rem;
  }
}

.risk-checker__share {
  padding-top: 2.75rem;
}
.risk-checker__share h4 {
  margin: 0;
  padding-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.risk-checker__share p {
  margin: 0;
  padding-bottom: 1.563rem;
  font-size: 1.313rem;
  line-height: 2.25rem;
}
.risk-checker__share .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 2.25rem;
}
.risk-checker__share .buttons .btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 11.375rem;
  margin: 0 1.875rem 1.25rem 0;
  margin-right: 1.875rem;
  padding: 0.875rem 1.25rem;
  border: 0.125rem solid #2c2a29;
  font-weight: 400;
}
@media screen and (max-width: 650px) {
  .risk-checker__share .buttons .btn {
    width: 100%;
    margin-right: 0;
  }
}
.risk-checker__share .buttons .btn span {
  padding-left: 0.875rem;
}
.risk-checker__share .buttons .btn:last-child {
  margin-right: 0;
}

.payment-buttons {
  padding-top: 1.75rem;
}
.payment-buttons .card-button,
.payment-buttons .paypal-button {
  display: block;
  width: 100%;
  max-width: 20rem;
  min-width: 0;
  margin: 0 auto;
}
.payment-buttons .card-button {
  margin-bottom: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0;
}
.payment-buttons .card-button img,
.payment-buttons .card-button span {
  display: inline-block;
  vertical-align: middle;
}
.payment-buttons .card-button img {
  width: 1.75rem;
  margin-right: 0.875rem;
}
.payment-buttons .card-button span {
  width: calc(100% - 2.313rem - 0.875rem);
  font-size: 1.313rem;
  line-height: 1.381;
}
.payment-buttons .paypal-button {
  position: relative;
  height: 45px;
  border-radius: 4px;
  background-color: #0070ba;
}
.payment-buttons .paypal-button::before {
  display: block;
  position: absolute;
  content: "PayPal";
  top: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
  line-height: 45px;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: bold;
}
.payment-buttons .paypal-button #paypal-button-container {
  position: relative;
  z-index: 1;
}
.payment-buttons .paypal-button .paypal-buttons {
  display: block !important;
}

.callout-box {
  background: #eeeeee;
  padding: 1rem 0.5rem 1rem 2rem;
  border-radius: 5px;
  border-left: 30px solid;
}
.callout-box.callout-box-purple {
  border-left-color: #8e5da0;
}
.callout-box.callout-box-yellow {
  border-left-color: #fae100;
}
.callout-box.callout-box-red {
  border-left-color: #c94c63;
}
.callout-box.callout-box-blue {
  border-left-color: #1b5faa;
}
.callout-box.callout-box-orange {
  border-left-color: #e87722;
}
.callout-box.callout-box-green {
  border-left-color: #008780;
}
.callout-box p {
  font-size: 18px;
  margin-bottom: 0;
}
.callout-box h2 {
  font-size: 22px;
  font-weight: bold;
  margin: 0.5rem 0;
  margin-top: 0;
}
.callout-box a {
  font-weight: bold;
}

.donation .options {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.donation .options label {
  border: solid 0.125rem #000000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 3rem;
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
  flex-wrap: wrap;
}
.donation .options label input {
  opacity: 0;
  position: absolute;
}
.donation .options label:hover {
  background-color: #f4f4f4;
}
.donation .options label.selected {
  background-color: #fae100;
}
.donation .gift-aid .h5 {
  margin-top: 0;
}
.donation .gift-aid .col-1 {
  width: 75%;
}
.donation .gift-aid .logo {
  width: 30%;
}
.donation .gift-aid .logo img {
  width: 100%;
}
.donation .gift-aid .ga-check {
  height: 40px;
  margin-top: 1.5rem;
  min-width: 40px;
  margin-right: 1rem;
}
.donation .input-pound {
  border: 1px solid #000000;
  border-radius: 3px;
  position: relative;
  padding-left: 2rem;
}
.donation .input-pound:after {
  content: "£";
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
.donation .input-pound input {
  border: none;
  margin-left: 0;
}
.donation .input-pound input:focus, .donation .input-pound input:active, .donation .input-pound input:focus-visible {
  outline: none;
}
@media screen and (max-width: 768px) {
  .donation .gift-aid .col-1 {
    width: 100%;
  }
}

.membership-payment .confirm-section .shop-detail {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .membership-payment .confirm-section .shop-detail {
    width: 100%;
  }
}
.membership-payment .confirm-section .shop-detail .detail-numbers {
  width: unset;
  padding: 2rem;
}

.notification-banner {
  padding: 10px 1rem;
  justify-content: space-between;
}
.notification-banner p {
  margin: 0.5rem;
}
.notification-banner p a {
  color: inherit;
}
.notification-banner a {
  flex-shrink: 0;
  height: fit-content;
}
.notification-banner a:hover svg path {
  fill-opacity: 0.2;
}
.notification-banner.desktop {
  display: flex;
}
@media screen and (max-width: 768px) {
  .notification-banner.desktop {
    display: none;
  }
}
.notification-banner.mobile {
  padding: 5px 0.5rem;
  display: none;
}
@media screen and (max-width: 768px) {
  .notification-banner.mobile {
    display: flex;
  }
}

.umbraco-forms-poll.umbraco-forms-form, .poll-results.umbraco-forms-form {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 3px solid #f4f4f4;
}
.umbraco-forms-poll .w-50, .poll-results .w-50 {
  float: left;
  width: calc(50% - 1.5rem);
}
.umbraco-forms-poll .w-50.col1, .poll-results .w-50.col1 {
  padding-right: 1.5rem;
}
.umbraco-forms-poll .poll-picture, .poll-results .poll-picture {
  padding-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .umbraco-forms-poll .poll-picture, .poll-results .poll-picture {
    display: none;
  }
  .umbraco-forms-poll .w-50, .poll-results .w-50 {
    width: 100%;
  }
}
.umbraco-forms-poll .umbraco-forms-fieldset .singlechoice .umbraco-forms-label, .poll-results .umbraco-forms-fieldset .singlechoice .umbraco-forms-label {
  font-weight: 400;
  padding: 1rem 0 0.75rem;
}
.umbraco-forms-poll .umbraco-forms-fieldset .umbraco-forms-label, .poll-results .umbraco-forms-fieldset .umbraco-forms-label {
  font-weight: 400;
  padding-top: 1rem;
}
.umbraco-forms-poll .umbraco-forms-fieldset .radiobuttonlist, .poll-results .umbraco-forms-fieldset .radiobuttonlist {
  margin-bottom: 1rem;
}
.umbraco-forms-poll .umbraco-forms-fieldset textarea, .poll-results .umbraco-forms-fieldset textarea {
  height: unset;
}
.umbraco-forms-poll button.btn.primary, .poll-results button.btn.primary {
  background-color: #000000;
  color: #ffffff;
  padding-right: 75px;
  position: relative;
}
.umbraco-forms-poll button.btn.primary:after, .poll-results button.btn.primary:after {
  content: url("/img/link-arrow-y.svg");
  position: absolute;
  right: 30px;
  height: 22px;
  width: 22px;
  transform: translate(0, -50%);
  top: 50%;
}
.umbraco-forms-poll .poll-option, .poll-results .poll-option {
  display: block;
  width: calc(100% - 3rem);
  margin-bottom: 0.5rem;
  border: none;
  font-size: 19px;
  font-weight: 700;
  background-color: #f4f4f4;
  border-radius: 25px;
  padding: 0.75rem 1.5rem;
}
.umbraco-forms-poll .poll-option .tickmark, .poll-results .poll-option .tickmark {
  position: absolute;
  right: 5px;
  left: unset;
  top: 4px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 20px;
}
.umbraco-forms-poll .poll-option.selected, .poll-results .poll-option.selected {
  background-color: #fae100;
}
.umbraco-forms-poll .poll-option.selected .tickmark:after, .poll-results .poll-option.selected .tickmark:after {
  display: block;
  content: url(../../img/tick.svg);
  position: absolute;
  left: 9px;
  top: 10px;
}
.umbraco-forms-poll .results, .poll-results .results {
  margin: 0;
  padding: 0;
}
.umbraco-forms-poll .results li, .poll-results .results li {
  margin-top: 0;
  position: relative;
  z-index: 9;
  line-height: 1.5rem;
}
.umbraco-forms-poll .results li .bar-holder, .poll-results .results li .bar-holder {
  position: absolute;
  left: 24px;
  bottom: 0;
  height: 8px;
  width: calc(100% - 48px);
}
.umbraco-forms-poll .results li .bar, .poll-results .results li .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 8px;
  background-color: #1b5faa;
  border-radius: 25px;
}
.umbraco-forms-poll .results li .pct, .poll-results .results li .pct {
  position: absolute;
  right: 8px;
  font-weight: 400;
}
.umbraco-forms-poll .results li.selected, .poll-results .results li.selected {
  background-color: #f4f4f4;
}
.umbraco-forms-poll .results li.selected .bar, .poll-results .results li.selected .bar {
  background-color: #fae100;
}
.umbraco-forms-poll .answer, .poll-results .answer {
  font-weight: 700;
  background-color: #f4f4f4;
  min-height: 10rem;
  padding: 0.75rem;
}

.grey-theme {
  background-color: #2c2a29;
  color: #ffffff;
}
.grey-theme a,
.grey-theme .title,
.grey-theme .paragraph {
  color: #ffffff;
}
.grey-theme .footer-menu ul li a {
  color: #ffffff;
}
.grey-theme .card p,
.grey-theme .footer-section p {
  color: #202020;
}
.grey-theme .btn-white {
  color: #202020;
}
.grey-theme .btn-yellow {
  color: #202020;
}
.grey-theme .btn-grey {
  background-color: #ffffff;
  color: #202020;
}
.grey-theme .btn-grey.light-background {
  background-color: #202020;
  color: #ffffff;
}
.grey-theme .detail-profile {
  background-color: #202020;
}
.grey-theme .next-reading a,
.grey-theme .next-reading-section-news a,
.grey-theme .info-event-detail a {
  color: #ffffff;
}
.grey-theme .detail-profile-section p {
  color: #202020;
}
.grey-theme .filter-sector .filter-control .filters-list .filter-item {
  border-color: #ffffff;
}
.grey-theme .search-box {
  border-color: #ffffff;
}
.grey-theme .resources-index .resources-section .result-list .item {
  border-color: #202020;
}
.grey-theme .text-header.with-element .basket {
  border-color: #ffffff;
}
.grey-theme .results-pages {
  color: #202020;
}
.grey-theme .creditcard-control .creditcard-head p {
  color: #202020;
}
.grey-theme .beating-section .description,
.grey-theme .beating-section .donation-amount,
.grey-theme .donation-cards-section .description,
.grey-theme .donation-cards-section .donation-amount {
  color: #202020;
}
.grey-theme .gift-aid-section h3,
.grey-theme .gift-aid-section label,
.grey-theme .gift-aid-section p {
  color: #202020;
}
.grey-theme .steps a,
.grey-theme .steps span {
  color: #ffffff;
}
.grey-theme .hide-on-white {
  display: block;
}
.grey-theme .inline.hide-on-white {
  display: inline;
}
.grey-theme .hide-on-grey {
  display: none;
}
.grey-theme .collapsablebox .collapsablebox-head p {
  color: #2c2a29;
}
.grey-theme .description-video {
  color: #2c2a29;
}
.grey-theme .step + .step .step__bullet::before {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  z-index: 1;
  width: calc(100% - 19px - 4px);
  right: calc(50% + 9.5px);
}
.grey-theme .before-step .step__bullet {
  background-color: #000000;
  z-index: 1;
}
.grey-theme .step__bullet {
  border-color: #000000;
  background-color: #fae100;
  color: currentColor;
  z-index: 1;
}
.grey-theme .img-with-footer .footer p {
  color: #2c2a29;
}
.grey-theme .next-reading-section a,
.grey-theme .shop-detail .detail-numbers .orders a,
.grey-theme .detail-numbers .terms-control label {
  color: #ffffff;
}
.grey-theme .author span {
  color: #2c2a29;
}
.grey-theme .additional-description p {
  color: #2c2a29;
}
.grey-theme .form-field label {
  color: #ffffff;
}
.grey-theme .image-section__overlay__card h3,
.grey-theme .image-section__overlay__card p,
.grey-theme .image-section__overlay__card h1 {
  color: #2c2a29;
}
.grey-theme .pull-quote,
.grey-theme .card-container,
.grey-theme .text-block--highlighted {
  color: #2c2a29;
}
.grey-theme .link-help a {
  color: #ffffff;
}
.grey-theme .breadcrumb {
  background-color: #2c2a29;
  color: #ffffff;
}
.grey-theme .breadcrumb span.blue,
.grey-theme .breadcrumb a.blue {
  color: #ffffff;
}
.grey-theme .images-section p.yellow {
  color: #202020;
}
.grey-theme table tr:nth-child(even) {
  background-color: rgb(17.6, 16.8, 16.4);
}
.grey-theme .footer-section a,
.grey-theme .footer-section .fr_button {
  color: #202020;
}
.grey-theme.supporter-group-index-content .description-section a,
.grey-theme.supporter-group-index-content .description-section p {
  color: #ffffff;
}
.grey-theme .filter__dropdown {
  color: #202020;
}
.grey-theme.supporter-group-content .location-section .location-map a {
  color: #ffffff;
}
.grey-theme .newsletter-form form label {
  color: #ffffff;
}
.grey-theme .card-news .text-aside {
  color: #ffffff;
}
.grey-theme hr.separator {
  background-color: #ffffff;
  border-color: #ffffff;
}
.grey-theme .yb {
  color: #202020;
}
.grey-theme .donation-ask-panel, .grey-theme .cta-panel, .grey-theme .on-this-page,
.grey-theme .mini-promo, .grey-theme .large-promo, .grey-theme .video-section {
  color: #202020;
}
.grey-theme .donation-ask-panel a, .grey-theme .cta-panel a, .grey-theme .on-this-page a,
.grey-theme .mini-promo a, .grey-theme .large-promo a, .grey-theme .video-section a {
  color: #202020;
}
.grey-theme .footer-section .form-style label {
  color: #202020;
}
.grey-theme .risk-checker__logo {
  background-color: #777;
}
.grey-theme .risk-checker__steps, .grey-theme .risk-checker__primary {
  color: #202020;
}
.grey-theme .risk-checker__steps .text__risk a, .grey-theme .risk-checker__primary .text__risk a {
  color: #202020;
}
.grey-theme .form-field .risk-checker__field label {
  color: #202020;
}
.grey-theme .risk-checker__checklist .bb {
  color: #ffffff;
}
.grey-theme .risk-checker__checklist .risk-checker__check h3 {
  color: #ffffff;
}
.grey-theme.shop-product h1.prod-title, .grey-theme.shop-category h1.prod-title, .grey-theme.shop-basket h1.prod-title {
  color: #202020;
}
.grey-theme.shop-product .banner h3, .grey-theme.shop-product .banner .overlay, .grey-theme.shop-product .banner a, .grey-theme.shop-category .banner h3, .grey-theme.shop-category .banner .overlay, .grey-theme.shop-category .banner a, .grey-theme.shop-basket .banner h3, .grey-theme.shop-basket .banner .overlay, .grey-theme.shop-basket .banner a {
  color: #202020;
}
.grey-theme.shop-product .vat-exemption .expand.link, .grey-theme.shop-category .vat-exemption .expand.link, .grey-theme.shop-basket .vat-exemption .expand.link {
  color: #ffffff;
}
.grey-theme.shop-product .vat-exemption .vat-explanation, .grey-theme.shop-category .vat-exemption .vat-explanation, .grey-theme.shop-basket .vat-exemption .vat-explanation {
  color: #202020;
}
.grey-theme.shop-product .basket-bar .trolley-icon:after, .grey-theme.shop-category .basket-bar .trolley-icon:after, .grey-theme.shop-basket .basket-bar .trolley-icon:after {
  content: url("/img/icons/icon-trolley-w.svg");
}
.grey-theme.shop-product .quantity-selector .border, .grey-theme.shop-category .quantity-selector .border, .grey-theme.shop-basket .quantity-selector .border {
  border-color: #ffffff;
}
.grey-theme.shop-product .quantity-selector .increment, .grey-theme.shop-category .quantity-selector .increment, .grey-theme.shop-basket .quantity-selector .increment {
  color: #2c2a29;
}
.grey-theme.shop-product .quantity-selector .increment:after, .grey-theme.shop-category .quantity-selector .increment:after, .grey-theme.shop-basket .quantity-selector .increment:after {
  color: #ffffff;
}
.grey-theme.shop-product .delivery-section .expand.link, .grey-theme.shop-category .delivery-section .expand.link, .grey-theme.shop-basket .delivery-section .expand.link {
  color: #ffffff;
}
.grey-theme.shop-product .detail-numbers, .grey-theme.shop-category .detail-numbers, .grey-theme.shop-basket .detail-numbers {
  color: #202020;
}
.grey-theme.shop-product .msg, .grey-theme.shop-category .msg, .grey-theme.shop-basket .msg {
  color: #202020;
}
.grey-theme.shop-product .msg a, .grey-theme.shop-category .msg a, .grey-theme.shop-basket .msg a {
  color: #202020;
}
.grey-theme.shop-order-content .h5 {
  color: #ffffff;
}
.grey-theme.shop-order-content .donation .options label {
  border-color: #ffffff;
}
.grey-theme.shop-order-content .donation .options label:hover, .grey-theme.shop-order-content .donation .options label.selected {
  color: #202020;
}
.grey-theme.shop-order-content .detail-numbers {
  color: #202020;
}
.grey-theme.shop .order-summary .h5 {
  color: #ffffff;
}
.grey-theme .shop-checkout .getAddress_autocomplete_list li {
  color: #202020;
}
.grey-theme .pagination {
  color: #202020;
}
.grey-theme .pagination a {
  color: #202020;
}
.grey-theme .rich-text h1 {
  color: #202020;
}
.grey-theme .form-builder .form-field ul {
  color: #202020;
}
.grey-theme label.container-radio-check.selected {
  color: #202020;
}
.grey-theme .fr_button:hover a {
  color: #202020;
}
.grey-theme .social-block__social h3 {
  color: #202020;
}
.grey-theme.opd .donation-type label, .grey-theme.opd .dt .amounts label {
  color: #202020;
}
.grey-theme .basket-bar .spacing-content label .qty {
  color: #ffffff;
}
.grey-theme .basket-grid .product-detail.qty-zone a.red {
  color: #ffffff;
}
.grey-theme .pull-quote .bubble {
  background-color: #ffffff;
  color: #202020;
}
.grey-theme .pull-quote .attribution {
  color: #ffffff;
}
.grey-theme .pull-quote .attribution:after {
  content: url("/img/icons/quote-chevron-w.png");
}
.grey-theme .text-block--membership.text-block--highlighted a {
  color: #202020;
}
.grey-theme .donation-choice .donation-choice__chosen p {
  color: #202020;
}
.grey-theme .form-card--gocardless-terms {
  color: #202020;
}

.yellow-theme {
  background-color: #fae100;
}
.yellow-theme .btn-yellow {
  background-color: #ffffff;
}
.yellow-theme .resources-section .result-list .item {
  border-color: #202020;
}
.yellow-theme .shop-detail .detail-numbers {
  border-color: #202020;
}
.yellow-theme .creditcard-control .creditcard-head {
  background-color: #202020;
}
.yellow-theme .creditcard-control .creditcard-head p {
  color: #ffffff;
}
.yellow-theme .collapsablebox .collapsablebox-head {
  border: 1px solid #ffffff;
}
.yellow-theme .img-with-footer .footer {
  border: 1px solid #ffffff;
}
.yellow-theme .container-video-p {
  border: 1px solid #ffffff;
}
.yellow-theme .fav-selectable-section .fav-item.active {
  border: 4px solid #2c2a29;
}
.yellow-theme .fav-selectable-section .fav-item.active img.star {
  fill: #2c2a29;
}
.yellow-theme .step + .step .step__bullet::before {
  background-color: #202020;
  border: 2px solid #202020;
  z-index: 1;
}
.yellow-theme .step--current ~ .step .step__bullet::before {
  background-color: #ffffff;
  border: 2px solid #000000;
  z-index: -1;
}

@media print {
  body .print-hide {
    display: none !important;
  }
  body #content {
    width: 100%;
  }
  body .print-only {
    display: block !important;
    padding-top: 2rem;
  }
}
.large-text {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  hyphens: auto;
}
.large-text .required {
  color: #d64a1a;
}

.orange-text {
  color: #d64a1a;
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-only {
    display: block;
  }
}

.not-mobile {
  display: block;
}
@media screen and (max-width: 768px) {
  .not-mobile {
    display: none;
  }
}

.hide-on-white {
  display: none;
}

.hide-on-grey {
  display: block;
}

.inline.hide-on-grey {
  display: inline;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-right {
  box-shadow: 0 0 8px 0 #000000;
}

div.cky-consent-container {
  width: 446px;
}
div.cky-consent-container .cky-consent-bar {
  box-shadow: 4px 4px 16px 4px #393939 !important;
  padding: 19px 24px !important;
}

body.grey {
  /*.cky-consent-container .cky-consent-bar {
      box-shadow: 0 -2px 10px 0 $white !important;
  }*/
}
body.grey .cky-btn-revisit-wrapper.cky-revisit-bottom-right {
  box-shadow: 0 0 8px 0 #ffffff !important;
}

div.cky-notice-btn-wrapper {
  row-gap: 0.5rem;
  column-gap: 0.5rem;
}
div.cky-notice-btn-wrapper.cky-btn-customize, div.cky-notice-btn-wrapper.cky-btn-reject {
  margin: 0;
}

.cky-notice-btn-wrapper button.cky-btn, .cky-prefrence-btn-wrapper button.cky-btn {
  display: inline-block;
  border: 0;
  border-radius: 4px;
  font-size: 1.3125rem;
  padding: 17px 36px;
  min-width: 140px;
  font-weight: bold;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  background-color: #2c2a29 !important;
  color: #ffffff !important;
}
.cky-notice-btn-wrapper button.cky-btn:hover, .cky-prefrence-btn-wrapper button.cky-btn:hover {
  opacity: 0.8;
}
.cky-notice-btn-wrapper button.cky-btn-customize, .cky-notice-btn-wrapper button.cky-btn-reject, .cky-prefrence-btn-wrapper button.cky-btn-customize, .cky-prefrence-btn-wrapper button.cky-btn-reject {
  background-color: #ffffff !important;
  color: #2c2a29 !important;
}

.cky-modal.cky-modal-open .cky-preference-header .cky-preference-title {
  font-size: 2.5rem;
  line-height: 3rem;
}
.cky-modal.cky-modal-open .cky-accordion-header .cky-accordion-btn {
  font-size: 1.25rem;
}
.cky-modal.cky-modal-open button.cky-btn-close img {
  height: 15px;
  width: 15px;
}

.rich-text .cky-cookie-audit-table td {
  font-size: 1rem;
}
.rich-text .cky-cookie-audit-table td p {
  font-size: 1rem;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

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