.vishid,
.screen-reader-text,
.screen-reader-response {
  color: transparent !important;
  height: 1px !important;
  left: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  top: 0 !important;
  white-space: nowrap !important;
  width: 1px !important;
}
* {
  box-sizing: border-box;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
* + * {
  margin-top: 1em;
}
html {
  scroll-behavior: smooth;
  margin-top: 0;
}
body,
br,
li,
dt,
dd,
th,
td,
option,
span,
main,
#wpadminbar {
  margin-top: 0;
}
body {
  background-color: #ffffff;
  color: #03405f;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  line-height: 2.1;
  overflow-x: hidden;
}
/*
----------------------------------------------
BASE ELEMENTS
----------------------------------------------
*/
a {
  text-decoration: none;
  transition: color 0.3s;
  font-family: "DM Sans", sans-serif;
}
a:hover {
  color: #dbe900;
}
a img {
  border: 0;
}
strong {
  font-weight: 600;
}
p a {
  color: #dbe900;
}
p a:hover {
  color: #dbe900;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Permanent Marker", serif;
  font-weight: 500;
  line-height: 1.125;
}
h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 37.5rem) {
  h1 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 56.25rem) {
  h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 75rem) {
  h1 {
    font-size: 6rem;
  }
}
h1 img {
  display: inline-block;
  height: 0.75em;
  width: auto;
}
h2 {
  font-size: 2rem;
  font-weight: 400;
}
@media screen and (min-width: 37.5rem) {
  h2 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 56.25rem) {
  h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 75rem) {
  h2 {
    font-size: 2.813rem;
  }
}
h3 {
  font-size: 2rem;
}
@media screen and (min-width: 37.5rem) {
  h3 {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 56.25rem) {
  h3 {
    font-size: 1.5rem;
  }
}
h4 {
  font-size: 1.125rem;
}
h5 {
  font-size: 0.875rem;
}
h6 {
  font-size: 0.75rem;
}
form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
form > * {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  form .one-quarter {
    width: calc(25% - 0.5rem);
  }
  form .third {
    width: calc(33.33% - 0.5rem);
  }
  form .third:first-child + .third,
  form .third:first-child + .third + .third {
    margin-top: 0;
  }
  form .half {
    width: calc(50% - 0.5rem);
  }
  form .half:first-child + .half {
    margin-top: 0;
  }
  form .three-quarters {
    width: calc(75% - 0.5rem);
  }
}
form * + p {
  margin-top: 1rem;
}
form .submit {
  font-size: 0.625rem;
  margin-top: 1rem;
}
form .submit [type="submit"] + p {
  margin-top: 1rem;
}
form .submit p {
  max-width: 64em;
}
fieldset {
  border: 0;
}
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 0;
  color: #03405f;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 0;
  padding: 1em 1em;
  transition: background-color 0.3s, border 0.3s;
  width: 100%;
}
input:focus,
select:focus,
textarea:focus {
  background-color: #ffffff;
  border-color: #dbe900;
  outline: 0;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: #03405f;
  font-size: 1em;
  font-weight: 400;
  opacity: 0.75;
}
input[type="checkbox"],
input[type="radio"] {
  background-position: 50% 500%;
  background-repeat: no-repeat;
  background-size: 1em;
  cursor: pointer;
  display: inline-block;
  height: 1.5em;
  padding: 0;
  vertical-align: middle;
  transition: background 0.3s ease-out, border 0.3s;
  width: 1.5em;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-position: 50% 50%;
  border-color: #dbe900;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  cursor: pointer;
  display: inline-block;
  margin-top: 0;
  max-width: calc(100% - 2rem);
  padding-left: 0.5em;
  transition: color 0.3s;
  vertical-align: middle;
}
input[type="search"] {
  background-image: url(../images/icon-search.svg);
  background-position: calc(100% - 1em) center;
  background-repeat: no-repeat;
  background-size: 1.25em;
}
label {
  display: block;
  padding-left: 1.5em;
}
label + input,
label + select,
label + textarea {
  margin-top: 0.25em;
}
select {
  background-image: url(../images/icon-arrow-down.svg);
  background-position: calc(100% - 1em) center;
  background-repeat: no-repeat;
  background-size: 1em;
  cursor: pointer;
  padding-right: 2.5em;
}
select::-ms-expand {
  display: none;
  opacity: 0;
}
textarea {
  display: block;
  height: 10em;
  resize: none;
  transition: background-color 0.3s, border 0.3s;
}
.input {
  position: relative;
}
.input input,
.input textarea {
  color: #03405f;
  padding: 1.25em 1rem 0.75em 1.125rem;
  transition: background-color 0.3s, border 0.3s, color 0.3s;
}
.input input:focus ~ label,
.input textarea:focus ~ label,
.input input:not(:placeholder-shown) ~ label,
.input textarea:not(:placeholder-shown) ~ label {
  transform: translateY(-0.375rem) scale(0.5);
}
.input input:focus,
.input textarea:focus {
  color: #03405f;
}
.input input ~ label,
.input textarea ~ label {
  color: #03405f;
  font-size: 0.875rem;
  font-weight: 500;
  left: calc(1rem + 2px);
  line-height: 1.5;
  margin: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.75em);
  transform: translateY(-0.5rem) scale(0.625);
  transform-origin: top left;
  transition: color 0.3s, transform 0.3s;
  z-index: 5;
}
.input select {
  background-image: url(../images/icon-arrow-down.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  font-weight: 500;
  line-height: 2;
  padding: 1.25em 1rem 0.375em 1rem;
}
.input select ~ label {
  color: #03405f;
  font-size: 0.875rem;
  font-weight: 700;
  left: calc(1rem + 2px);
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  top: calc(50% - 0.75em);
  transform: translateY(-0.5rem) scale(0.625);
  transform-origin: top left;
  transition: color 0.3s, transform 0.3s;
  z-index: 5;
}
.input textarea ~ label {
  top: 1.125rem;
}
.input:not(*):placeholder-shown,
.input input ~ label,
.input textarea ~ label {
  transform: translateY(0) scale(1);
}
.input.hidden {
  display: none;
}
.checkbox {
  align-items: center;
  display: flex;
}
.checkbox label {
  color: #03405f;
}
.checkbox input {
  border: 1px solid #dbe900;
}
.checkbox input:hover {
  border-color: #dbe900;
}
.checkbox input:checked {
  border-color: #dbe900;
}
.checkbox input:checked + label {
  color: #dbe900;
}
.checkbox.small label {
  font-size: 0.75rem;
  line-height: 1.25;
}
.checkboxes {
  background-color: #ffffff;
  border: 1px solid #dbe900;
  padding: 1rem;
  transition: box-shadow 0.3s;
}
.checkboxes h3 {
  color: #03405f;
  font-size: 0.75rem;
  font-weight: 600;
  left: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-transform: uppercase;
}
.checkboxes p {
  font-size: 0.625rem;
  max-width: 64em;
}
.checkboxes .choices {
  display: flex;
  flex-wrap: wrap;
  margin: 0rem -0.5rem -0.5rem -0.5rem;
}
.checkboxes .choices > * {
  margin: 0.5rem;
}
.radio {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.radio > * {
  margin: 0.25rem;
  position: relative;
}
@media (min-width: 56.25rem) {
  .radio > * {
    margin: 0.75rem;
  }
}
.radio input[type="radio"]:checked + label {
  background-color: #dbe900;
  color: #ffffff;
}
.radio input[type="radio"] + label {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #dbe900;
  border-radius: 0;
  color: #dbe900;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  max-width: none;
  padding: 0.75rem 1.25rem;
  text-shadow: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
@media (min-width: 37.5rem) {
  .radio input[type="radio"] + label {
    font-size: 1rem;
    padding: 1rem 1.5rem;
  }
}
.radio input[type="radio"] + label:hover {
  background-color: #dbe900;
  color: #ffffff;
}
[role="button"],
input[type="submit"],
button,
.btn {
  align-items: center;
  background-color: transparent;
  border: 1px solid #000000;
  border-radius: 38px;
  color: #ffffff;
  display: inline-block;
  font-family: "DM Sans", serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  padding: 0.875rem 1.25rem;
  text-shadow: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 37.5rem) {
  [role="button"],
  input[type="submit"],
  button,
  .btn {
    font-size: 1rem;
    padding: 1rem 1.75rem;
  }
}
[role="button"]:hover,
input[type="submit"]:hover,
button:hover,
.btn:hover {
  background-color: #000000;
  color: #ffffff;
}
@media (min-width: 56.25rem) {
  [role="button"] + [role="button"],
  input[type="submit"] + [role="button"],
  button + [role="button"],
  .btn + [role="button"] {
    margin-left: 1.5rem;
  }
}
input[type="submit"],
button {
  cursor: pointer;
  width: auto;
  background-color: #03405f;
}
input[type="submit"]:hover,
button:hover {
  background-color: #548095;
}
input[type="submit"]:disabled,
button:disabled {
  cursor: auto;
  opacity: 0.5;
}
input[type="submit"] .arrow,
button .arrow {
  margin-left: 0.5em;
  width: 2.5em;
}
button::before {
  content: none;
}
q {
  display: block;
  line-height: 1.5;
}
q:after {
  content: none;
}
blockquote {
  font-style: italic;
}
table {
  border-spacing: 0;
  font-size: 0.75em;
  width: 100%;
}
tbody tr th,
tbody tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
tbody tr:last-child th,
tbody tr:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
thead {
  color: #dbe900;
  font-weight: 500;
}
td,
th {
  padding: 0.5rem 0.25rem 0.5rem 0;
  text-align: left;
}
td {
  width: 100%;
}
th {
  font-weight: 700;
}
address {
  font-style: normal;
}
time {
  display: block;
}
/*
----------------------------------------------
LAYOUT
----------------------------------------------
*/
body > header {
  background-color: #ffffff;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-weight: 300;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 990;
}
@media (max-width: 56.249rem) {
  body > header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
body > header > * {
  margin-top: 0;
}
body > header a {
  text-transform: uppercase;
}
body > header a:hover {
  color: #000000;
}
body > header nav {
  margin-top: 0;
}
@media (min-width: 56.25rem) {
  body > header nav {
    margin-left: auto;
    margin-right: 3rem;
  }
}
body > header nav a {
  display: block;
  padding: 0;
  color: #ffffff;
  text-transform: capitalize;
  border-bottom: 0.15rem solid transparent;
}
@media (min-width: 56.25rem) {
  body > header nav a {
    padding: 0.5rem 0rem;
    transition: color 0.3s;
    font-size: 0.75rem;
  }
}
@media (min-width: 75rem) {
  body > header nav a {
    padding: 0.5rem 0rem;
    font-size: 0.875rem;
  }
}
@media (min-width: 100rem) {
  body > header nav a {
    padding: 0.5rem 0rem;
    font-size: 1rem;
  }
}
body > header nav a:hover {
  color: #dbe900;
}
body > header nav li {
  position: relative;
}
@media (min-width: 56.25rem) {
  body > header nav li {
    padding: 1.5rem 0;
  }
}
@media (min-width: 56.25rem) {
  body > header nav li {
    padding: 1.5rem 0.3rem;
  }
}
@media (min-width: 75rem) {
  body > header nav li {
    padding: 1.5rem 0.5rem;
  }
}
@media (min-width: 100rem) {
  body > header nav li {
    padding: 1.5rem 1rem;
  }
}
body > header nav li:hover > ul {
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  visibility: visible;
}
@media (max-width: 56.249rem) {
  body > header nav li + li {
    margin-top: 1em;
  }
}
@media (min-width: 56.25rem) {
  body > header nav li + li {
    margin-left: 1rem;
  }
}
@media (min-width: 75rem) {
  body > header nav li + li {
    margin-left: 1.5rem;
  }
}
@media (min-width: 56.25rem) {
  body > header nav li.book-now-button {
    margin-left: 1.75rem;
  }
}
body > header nav li.book-now-button a {
  background-color: #03405f;
  color: #ffffff;
  padding: 0.5rem 1.25rem;
  font-weight: 400;
}
body > header nav li.book-now-button a:hover {
  background-color: #dbe900;
}
body > header nav ul {
  display: flex;
  list-style: none;
  padding: 0;
}
@media (max-width: 56.249rem) {
  body > header nav ul {
    flex-direction: column;
    padding: 0rem 0rem;
    align-items: flex-start;
  }
}
@media (min-width: 56.25rem) {
  body > header nav ul {
    align-items: flex-start;
    justify-content: center;
    padding: 0 0rem;
  }
}
@media (max-width: 56.249rem) {
  body > header nav ul ul {
    font-size: 1rem;
    margin-bottom: 1em;
    margin-top: 1em;
  }
  body > header nav ul ul a a {
    padding-left: 0.5rem;
  }
  body > header nav ul ul li + li {
    margin-top: 0.75em;
  }
}
@media (min-width: 56.25rem) {
  body > header nav ul ul {
    align-items: stretch;
    background-color: #ffffff;
    color: #03405f;
    flex-direction: column;
    left: calc(50% - 6rem);
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity 0.3s, visibility 0s 0.3s;
    visibility: hidden;
    width: 12rem;
  }
  body > header nav ul ul a {
    border: 0;
    display: block;
    padding: 0.75rem 1.5rem;
    transition: background-color 0.3s, color 0.3s;
  }
  body > header nav ul ul a:hover {
    background-color: #dbe900;
    color: #03405f;
  }
  body > header nav ul ul li {
    padding: 0;
  }
  body > header nav ul ul li + li {
    margin-left: 0;
  }
  body > header nav ul ul li:last-child {
    border-right: none;
  }
}
body > header nav .active > a {
  border-color: #548095;
}
@media (max-width: 56.249rem) {
  body > header nav[aria-label="Main"] {
    background-color: rgba(255, 255, 255, 0.95);
    color: #03405f;
    font-size: 1.25rem;
    height: calc(100% - 4rem);
    line-height: 1.25;
    margin: 0;
    overflow: scroll;
    padding: 3rem;
    position: fixed;
    right: 0;
    top: 4rem;
    transform: translate(-100%);
    transition: transform 0.4s ease-out, visibility 0s 0.4s;
    visibility: hidden;
    width: 100vw;
    z-index: 9;
    left: 0;
    height: calc(100vh - 4rem);
  }
  body > header nav[aria-label="Main"] .menu-item-has-children ul.sub-menu {
    display: none;
  }
  body > header nav[aria-label="Main"] .menu-item-has-children > a:not(.sub-menu-visible):after {
    content: ">";
    display: inline-block;
    padding-left: 5px;
  }
  body > header nav[aria-label="Main"] .menu-item-has-children > a.sub-menu-visible:before {
    content: "<";
    display: inline-block;
    padding-right: 5px;
  }
  body > header nav[aria-label="Main"] .sub-menu-visible {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
@media (min-width: 37.5rem) and (max-width: 56.249rem) {
  body > header nav[aria-label="Main"] {
    top: 6rem;
    height: calc(100% - 6rem);
  }
}
@media (min-width: 56.25rem) {
  body > header nav + .account-btn {
    margin-left: 1rem;
  }
}
@media (min-width: 75rem) {
  body > header nav + .account-btn {
    margin-left: 2rem;
  }
}
body > header nav #menu-contact {
  display: none;
}
@media (max-width: 56.249rem) {
  body > header nav #menu-contact {
    display: block;
  }
}
body > header nav:last-child {
  align-items: flex-end;
  width: 2.5rem;
}
body > header nav:last-child a {
  border: 1px solid;
  text-align: center;
  padding: 0.5rem 0.6rem;
  margin-right: 0.75rem;
  font-size: 0.75rem;
  display: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
@media (min-width: 56.25rem) {
  body > header nav:last-child a {
    padding: 0.6rem 1.5rem;
    display: block;
  }
}
@media (min-width: 75rem) {
  body > header nav:last-child a {
    font-size: 1rem;
  }
}
@media (min-width: 56.25rem) {
  body > header nav:last-child a:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
  }
}
body > header .has-mega-menu a {
  font-family: "DM Sans", sans-serif;
}
body > header .has-mega-menu a img {
  width: 100%;
}
body > header .has-mega-menu > a {
  padding-right: 1rem;
  background: url("../images/noun-down-chevron-20.png") center right no-repeat scroll transparent;
}
@media (max-width: 56.249rem) {
  body > header .has-mega-menu > a {
    background: none;
  }
}
@media (min-width: 56.25rem) {
  body > header .has-mega-menu {
    position: static;
  }
}
@media (max-width: 56.249rem) {
  body > header .has-mega-menu > ul {
    margin-left: 1rem;
  }
}
@media (min-width: 56.25rem) {
  body > header .has-mega-menu > .sub-menu {
    width: 100%;
    position: absolute;
    z-index: 100;
    left: 0px;
    right: 0px;
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    visibility: hidden;
    opacity: 0;
    padding: 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    padding-bottom: 3rem;
  }
  body > header .has-mega-menu > .sub-menu:after {
    content: "Global Excellence Award Winner - Consultant Dermatologist of the Year 2019";
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.5rem 2rem 0.5rem 5rem;
    background-image: url(../images/award-edit-copy.png) !important;
    background-position: 2.5rem center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 100rem) {
  body > header .has-mega-menu > .sub-menu {
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    padding: 0 calc(50% - 45rem);
    padding-bottom: 3rem;
  }
}
@media (min-width: 56.25rem) {
  body > header .has-mega-menu:hover .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
@media (min-width: 56.25rem) {
  body > header .has-mega-menu .mega-menu-column {
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    padding: 1rem 2rem;
    flex: 1 0 calc(50%);
  }
}
body > header .has-mega-menu .mega-menu-column a:has(.mega-heading):hover {
  background-color: transparent;
}
body > header .has-mega-menu .mega-menu-column .mega-heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
body > header .has-mega-menu .mega-menu-column .mega-heading img {
  max-width: 23px;
  object-fit: contain;
}
body > header .has-mega-menu .mega-menu-column .mega-heading h4 {
  margin-top: 0;
}
body > header .has-mega-menu .mega-menu-column .feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body > header .has-mega-menu .mega-menu-column .feature img {
  max-width: 100%;
}
body > header .has-mega-menu .mega-menu-column .feature h3 {
  margin-top: 0;
}
body > header .has-mega-menu .mega-menu-column .sub-menu {
  padding: 0.5rem 2rem;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  left: 0;
  top: auto;
  position: relative;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
body > header .has-mega-menu .mega-menu-column .sub-menu a {
  padding: 0.25rem 1.5rem;
}
@media screen and (min-width: 75rem) {
  body > header .has-mega-menu .mega-menu-column {
    flex: 1 0 calc(33.333%);
  }
}
@media screen and (min-width: 100rem) {
  body > header .has-mega-menu .mega-menu-column {
    flex: 1 0 calc(25%);
  }
}
body > header .mega-menu-heading > a {
  font-weight: 700;
}
body > header .mega-menu-heading > a:hover {
  background-color: unset;
  color: initial;
}
body > header .contact-bar {
  font-family: "DM Sans", sans-serif;
  padding: 0.2rem 1rem;
  text-align: center;
  line-height: 1.2;
}
@media (min-width: 37.5rem) {
  body > header .contact-bar {
    padding: 0.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  body > header .contact-bar {
    padding: 0.5rem 2.5rem;
  }
}
@media (min-width: 75rem) {
  body > header .contact-bar {
    padding: 0.5rem 5rem;
  }
}
@media (min-width: 100rem) {
  body > header .contact-bar {
    padding: 0.5rem calc(50% - 45rem);
  }
}
body > header .contact-bar > * {
  margin-top: 0;
}
body > header .contact-bar a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body > header .contact-bar a:hover {
  color: #03405f;
}
body > header .bottom-bar {
  font-family: "DM Sans", sans-serif;
  padding: 0.2rem 1rem;
  text-align: center;
  line-height: 1.2;
}
@media (min-width: 37.5rem) {
  body > header .bottom-bar {
    padding: 0.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  body > header .bottom-bar {
    padding: 0.5rem 2.5rem;
  }
}
@media (min-width: 75rem) {
  body > header .bottom-bar {
    padding: 0.5rem 5rem;
  }
}
@media (min-width: 100rem) {
  body > header .bottom-bar {
    padding: 0.5rem calc(50% - 45rem);
  }
}
body > header .bottom-bar > * {
  margin-top: 0;
}
body > header .bottom-bar a {
  color: inherit;
}
body > header .bottom-bar a:hover {
  color: #ffffff;
}
body > header .header {
  align-items: center;
  display: flex;
  padding: 0 0.3rem;
  background: #ffffff;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 37.5rem) {
  body > header .header {
    padding: 0 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  body > header .header {
    padding: 0 2.5rem;
  }
}
@media (min-width: 75rem) {
  body > header .header {
    padding: 0 3rem;
  }
}
@media (min-width: 100rem) {
  body > header .header {
    padding: 0 calc(50% - 45rem);
  }
}
body > header .header.scrolled {
  left: 0;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  animation: slideDown 0.5s ease-in-out;
}
body > header .icons {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
}
body > header .icons img {
  display: block;
  max-height: 18px;
  width: auto;
  margin: 0;
}
body > header .icons .search {
  display: inline-block;
  margin-top: 0;
}
body > header .icons .search > * > * {
  margin: 0;
}
body > header .icons .basket-btn {
  margin: 0;
  position: relative;
  padding: 18px 18px 18px 0;
}
body > header .icons .basket-btn .basket-no {
  padding: 0.2rem;
  background-image: url(../images/star.png);
  color: #03405f;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  width: 35px;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
body > header .logo {
  margin: 0;
}
@media (min-width: 56.25rem) {
  body > header .logo {
    align-self: center;
  }
}
body > header .logo img {
  display: block;
  height: 2.5rem;
  width: auto;
  margin: 0;
}
@media (min-width: 37.5rem) {
  body > header .logo img {
    height: 2.5rem;
    margin: 0.5rem 0;
  }
}
@media (min-width: 56.25rem) {
  body > header .logo img {
    height: 3rem;
  }
}
@media (min-width: 75rem) {
  body > header .logo img {
    height: 4rem;
  }
}
body > header .account-btn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  display: block;
  height: 3rem;
  margin-top: 0;
  transition: background-color 0.3s;
  width: 3rem;
}
@media (min-width: 56.25rem) and (max-width: 74.99rem) {
  body > header .account-btn {
    background-size: 1.25rem 1.25rem;
    height: 2rem;
    width: 2rem;
  }
}
body > header .account-btn:hover {
  background-color: #f7f7f7;
}
body > header .account-btn + a {
  margin-left: 0.25rem;
}
@media (min-width: 56.25rem) and (max-width: 74.99rem) {
  body > header .account-btn + a {
    margin-left: 0.125rem;
  }
}
body > header .account-btn {
  background-image: url(../images/icon-user.svg);
}
body > header [for="menu-btn"] {
  display: none;
}
@media (max-width: 56.249rem) {
  body > header [for="menu-btn"] {
    color: #03405f;
    cursor: pointer;
    display: inline-block;
    height: 4rem;
    line-height: 3;
    margin-top: 0;
    max-width: none;
    pointer-events: auto;
    position: relative;
    width: 2.5rem;
    z-index: 10;
  }
  body > header [for="menu-btn"]:hover {
    color: #dbe900;
  }
  body > header [for="menu-btn"] span:first-child {
    background-color: #ffffff;
    height: 2px;
    left: calc(50% - 1em);
    position: absolute;
    top: calc(50% - 1px);
    transition: background-color 0.2s;
    width: 2em;
  }
  body > header [for="menu-btn"] span:first-child::after,
  body > header [for="menu-btn"] span:first-child::before {
    background-color: #ffffff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 0.2s;
    width: 100%;
  }
  body > header [for="menu-btn"] span:first-child::after {
    animation: menu-btn-bot-rev 0.4s;
    transform: translateY(300%);
  }
  body > header [for="menu-btn"] span:first-child::before {
    animation: menu-btn-top-rev 0.4s;
    transform: translateY(-300%);
  }
  body > header [for="menu-btn"] span:last-child {
    display: inline-block;
  }
}
body > header #menu-btn {
  display: none;
}
body > header #menu-btn:checked ~ [for="menu-btn"]:hover {
  color: #03405f;
}
body > header #menu-btn:checked ~ [for="menu-btn"] span {
  background-color: transparent;
  transition-delay: 0s;
}
body > header #menu-btn:checked ~ [for="menu-btn"] span::before {
  animation: menu-btn-top 0.4s forwards;
}
body > header #menu-btn:checked ~ [for="menu-btn"] span::after {
  animation: menu-btn-bot 0.4s forwards;
}
body > header #menu-btn:checked ~ nav {
  transform: translateX(0);
  transition: transform 0.4s ease-out, visibility 0s;
  visibility: visible;
}
body > footer {
  font-size: 1rem;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body > footer .footer-before {
  width: 100%;
  text-align: center;
  padding: 0.2rem 1rem;
  line-height: 1.2;
}
@media (min-width: 37.5rem) {
  body > footer .footer-before {
    padding: 0.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  body > footer .footer-before {
    padding: 1rem 2.5rem;
  }
}
@media (min-width: 75rem) {
  body > footer .footer-before {
    padding: 1.5rem 5rem;
  }
}
@media (min-width: 100rem) {
  body > footer .footer-before {
    padding: 1.5rem calc(50% - 45rem);
  }
}
body > footer .footer {
  background-color: #03405f;
  color: #ffffff;
  padding: 2rem 1rem;
  display: flex;
  margin-top: 1rem;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  justify-content: space-between;
  margin-top: 0;
}
@media (min-width: 37.5rem) {
  body > footer .footer {
    padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  body > footer .footer {
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  body > footer .footer {
    padding: 2rem 3rem;
  }
}
@media (min-width: 100rem) {
  body > footer .footer {
    padding: 4rem calc(50% - 45rem);
  }
}
body > footer .footer .links-container {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
body > footer .footer .links-container > * {
  margin-top: 0;
  flex-basis: 100%;
}
@media (min-width: 37.5rem) {
  body > footer .footer .links-container > * {
    flex-basis: 100%;
  }
}
@media (min-width: 50rem) {
  body > footer .footer .links-container > * {
    flex-basis: calc(15% - 2rem);
  }
}
body > footer .footer .links-container > :nth-child(2) {
  flex-grow: 1;
}
body > footer .footer .links-container h3 {
  font-family: "DM Sans", sans-serif;
}
@media (min-width: 56.25rem) {
  body > footer .footer > * {
    margin-top: 0;
  }
}
@media (min-width: 56.25rem) {
  body > footer .footer .logo-container {
    display: flex;
  }
}
body > footer .footer .logo-container p + p {
  margin-top: 0.25em;
}
@media (min-width: 56.25rem) {
  body > footer .footer nav {
    flex-basis: 40%;
  }
}
body > footer .footer nav a {
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}
body > footer .footer nav ul {
  list-style: none;
  display: flex;
  gap: 0.1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
body > footer .footer-info {
  background-color: #f7f7f7;
  color: #afafaf;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  justify-content: space-between;
  margin-top: 0;
  font-size: 0.938rem;
}
@media (min-width: 37.5rem) {
  body > footer .footer-info {
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  body > footer .footer-info {
    padding: 1rem 2.5rem;
  }
}
@media (min-width: 75rem) {
  body > footer .footer-info {
    padding: 1rem 3rem;
  }
}
@media (min-width: 100rem) {
  body > footer .footer-info {
    padding: 1rem calc(50% - 45rem);
  }
}
body > footer .footer-info a {
  color: #afafaf;
}
body > footer .footer-info a:hover {
  color: #03405f;
}
body > footer .footer-info .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  min-width: 50%;
  gap: 0.3rem;
}
body > footer .footer-info .footer-social ul li {
  margin: 0 0 0 1.25rem;
}
body > footer .footer-info > * {
  margin-top: 1rem;
}
body > footer .footer-info p {
  margin-top: 0;
}
body > footer a {
  color: inherit;
}
body > footer a:hover {
  color: #548095;
}
@media (min-width: 56.25rem) {
  body > footer .contact {
    padding-left: 2.5rem;
  }
}
body > footer .contact > * + * {
  margin-top: 0.25em;
}
@media (min-width: 56.25rem) {
  body > footer .logo {
    margin-bottom: auto;
  }
}
body > footer .logo img {
  display: block;
  height: 8rem;
  width: auto;
}
@media (min-width: 56.25rem) {
  body > footer .logo img {
    height: 9rem;
  }
}
body > footer .legal {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
@media (min-width: 56.25rem) {
  body > footer .legal {
    margin-right: auto;
  }
}
body > footer .legal p + p {
  margin-top: 0.5em;
}
body > footer .social {
  font-size: 1.125em;
}
div:has(.grecaptcha-badge) {
  margin: 0;
}
main {
  display: block;
  overflow: hidden;
}
article > * + * {
  margin-top: 0;
}
/*
----------------------------------------------
HELPERS
----------------------------------------------
*/
.align-right {
  float: right;
  margin: 0 0 1rem 1rem;
}
.align-right img {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}
.align-left {
  float: left;
  margin: 0 1rem 1rem 0;
}
.align-left img {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}
.align-center {
  margin: 1rem auto;
}
.align-center img {
  display: block;
  height: auto;
  margin: auto;
  max-width: 100%;
  width: auto;
}
.before-after {
  position: relative;
  max-width: 35rem;
  margin: auto;
}
.before-after figure img {
  display: block;
  height: auto;
  width: 100%;
}
.before-after figure:nth-of-type(2) {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.before-after figure:nth-of-type(2) img {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.before-after input[type="range"] {
  appearance: none;
  background-color: transparent;
  border: 0;
  height: 4rem;
  left: -2rem;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(50% - 2rem);
  width: calc(100% + 4rem);
}
.before-after input[type="range"]:focus {
  outline: none;
}
.before-after input[type="range"]:active {
  outline: none;
}
.before-after input[type="range"]::-moz-range-track {
  -moz-appearance: none;
  outline: none;
}
.before-after input[type="range"]::active {
  border: none;
  outline: none;
}
.before-after input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 2px solid #dbe900;
  border-radius: 50%;
  cursor: move;
  height: 4rem;
  transition: background-color 0.3s;
  width: 4rem;
}
.before-after input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #dbe900;
}
.before-after input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
  background-color: #ffffff;
  border: 2px solid #dbe900;
  border-radius: 50%;
  cursor: move;
  height: 4rem;
  transition: background-color 0.3s;
  width: 4rem;
}
.before-after input[type="range"]::-moz-range-thumb:hover {
  background-color: #dbe900;
}
.cookies {
  background-color: #ffffff;
  bottom: 0.5rem;
  box-shadow: 0.5rem 0.5rem 4rem rgba(0, 0, 0, 0.25);
  color: #03405f;
  font-size: 0.5rem;
  max-width: 40em;
  padding: 1rem;
  position: fixed;
  right: 0.5rem;
  width: calc(100% - 1rem);
  z-index: 999;
}
.cookies h2.vishid + * {
  margin-top: 0;
}
.cookies [role="button"] {
  background-color: #03405f;
  border-color: #03405f;
  color: #ffffff;
  display: block;
  font-size: 1rem;
  margin: 1em 0 0 0;
  padding: 0.75rem 1.25rem;
  text-align: center;
}
.cookies [role="button"]:hover {
  background-color: #dbe900;
  border-color: #dbe900;
  color: #ffffff;
}
.social {
  display: flex;
  list-style: none;
  margin-top: 0;
}
.social a {
  display: block;
  height: 32px;
  position: relative;
  width: 37px;
}
.social li + li {
  margin-left: 0.5em;
}
.social svg {
  fill: currentColor;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider {
  position: relative;
}
.slider label {
  cursor: pointer;
}
.slider li {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  transition: transform 0.75s ease-in-out;
  width: 100%;
}
.slider li figure {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider li figure img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: relative;
  width: 100%;
}
.slider li .content {
  margin: 0;
  position: relative;
  z-index: 10;
}
.slider ul {
  display: block;
  height: 100vw;
  list-style: none;
  margin: auto;
  max-height: 120vh;
  overflow: hidden;
  position: relative;
  width: 80%;
}
.slider input[name^="slider"] {
  display: none;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-last-child(7),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-last-child(6),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-last-child(5),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-last-child(4),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-last-child(3),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(11) ~ ul li:nth-child(6) {
  transform: translateX(-600%);
  z-index: 15;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(10),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(11),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(12),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(13),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(14),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(15),
.slider input[name^="slider"]:checked:nth-last-of-type(6) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-last-of-type(5) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-last-of-type(4) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-last-of-type(3) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-last-of-type(2) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-last-of-type(1) ~ ul li:nth-child(6) {
  transform: translateX(600%);
  z-index: 10;
}
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-last-child(5),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-last-child(4),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-last-child(3),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(11) ~ ul li:nth-child(7) {
  transform: translateX(-500%);
  z-index: 15;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(10),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(11),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(12),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(13),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(14),
.slider input[name^="slider"]:checked:nth-last-of-type(5) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-last-of-type(4) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-last-of-type(3) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-last-of-type(2) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-last-of-type(1) ~ ul li:nth-child(5) {
  transform: translateX(500%);
  z-index: 10;
}
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-last-child(4),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-last-child(3),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(11) ~ ul li:nth-child(8) {
  transform: translateX(-400%);
  z-index: 15;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(10),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(11),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(12),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(13),
.slider input[name^="slider"]:checked:nth-last-of-type(4) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-last-of-type(3) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-last-of-type(2) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-last-of-type(1) ~ ul li:nth-child(4) {
  transform: translateX(400%);
  z-index: 10;
}
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-last-child(2),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-last-child(1),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(11) ~ ul li:nth-child(8) {
  transform: translateX(-300%);
  z-index: 15;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(10),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(11),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(12),
.slider input[name^="slider"]:checked:nth-last-of-type(3) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-last-of-type(2) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-last-of-type(1) ~ ul li:nth-child(3) {
  transform: translateX(300%);
  z-index: 10;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-last-child(2),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-last-child(1),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(11) ~ ul li:nth-child(9) {
  transform: translateX(-200%);
  z-index: 20;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(10),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(11),
.slider input[name^="slider"]:checked:nth-last-of-type(2) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-last-of-type(1) ~ ul li:nth-child(2) {
  transform: translateX(200%);
  z-index: 15;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:last-child,
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ ul li:nth-child(9) {
  transform: translateX(-100%);
  z-index: 25;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(10),
.slider input[name^="slider"]:checked:last-of-type ~ ul li:nth-child(1) {
  transform: translateX(100%);
  z-index: 20;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ ul li:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ ul li:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ ul li:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ ul li:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ ul li:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ ul li:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ ul li:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ ul li:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ ul li:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ ul li:nth-child(10) {
  transform: translateX(0);
  z-index: 50;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ .dots label:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ .dots label:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ .dots label:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ .dots label:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ .dots label:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ .dots label:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ .dots label:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ .dots label:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ .dots label:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ .dots label:nth-child(10),
.slider input[name^="slider"]:checked:nth-of-type(11) ~ .dots label:nth-child(11),
.slider input[name^="slider"]:checked:nth-of-type(12) ~ .dots label:nth-child(12),
.slider input[name^="slider"]:checked:nth-of-type(13) ~ .dots label:nth-child(13),
.slider input[name^="slider"]:checked:nth-of-type(14) ~ .dots label:nth-child(14),
.slider input[name^="slider"]:checked:nth-of-type(15) ~ .dots label:nth-child(15),
.slider input[name^="slider"]:checked:nth-of-type(16) ~ .dots label:nth-child(16),
.slider input[name^="slider"]:checked:nth-of-type(17) ~ .dots label:nth-child(17),
.slider input[name^="slider"]:checked:nth-of-type(18) ~ .dots label:nth-child(18),
.slider input[name^="slider"]:checked:nth-of-type(19) ~ .dots label:nth-child(19),
.slider input[name^="slider"]:checked:nth-of-type(20) ~ .dots label:nth-child(20),
.slider input[name^="slider"]:checked:nth-of-type(21) ~ .dots label:nth-child(21),
.slider input[name^="slider"]:checked:nth-of-type(22) ~ .dots label:nth-child(22) {
  background-color: currentColor;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ .arrows label:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(2) ~ .arrows label:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ .arrows label:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ .arrows label:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ .arrows label:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ .arrows label:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ .arrows label:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ .arrows label:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ .arrows label:nth-child(10),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ .arrows label:nth-child(11),
.slider input[name^="slider"]:checked:nth-of-type(11) ~ .arrows label:nth-child(12),
.slider input[name^="slider"]:checked:nth-of-type(12) ~ .arrows label:nth-child(13),
.slider input[name^="slider"]:checked:nth-of-type(13) ~ .arrows label:nth-child(14),
.slider input[name^="slider"]:checked:nth-of-type(14) ~ .arrows label:nth-child(15),
.slider input[name^="slider"]:checked:nth-of-type(15) ~ .arrows label:nth-child(16),
.slider input[name^="slider"]:checked:nth-of-type(16) ~ .arrows label:nth-child(17),
.slider input[name^="slider"]:checked:nth-of-type(17) ~ .arrows label:nth-child(18),
.slider input[name^="slider"]:checked:nth-of-type(18) ~ .arrows label:nth-child(19),
.slider input[name^="slider"]:checked:nth-of-type(19) ~ .arrows label:nth-child(20),
.slider input[name^="slider"]:checked:nth-of-type(20) ~ .arrows label:nth-child(21),
.slider input[name^="slider"]:checked:nth-of-type(21) ~ .arrows label:nth-child(22),
.slider input[name^="slider"]:checked:nth-last-of-type(1) ~ .arrows label:first-child {
  visibility: visible;
  right: 0;
}
.slider input[name^="slider"]:checked:nth-of-type(1) ~ .arrows label:last-child,
.slider input[name^="slider"]:checked:nth-of-type(2) ~ .arrows label:nth-child(1),
.slider input[name^="slider"]:checked:nth-of-type(3) ~ .arrows label:nth-child(2),
.slider input[name^="slider"]:checked:nth-of-type(4) ~ .arrows label:nth-child(3),
.slider input[name^="slider"]:checked:nth-of-type(5) ~ .arrows label:nth-child(4),
.slider input[name^="slider"]:checked:nth-of-type(6) ~ .arrows label:nth-child(5),
.slider input[name^="slider"]:checked:nth-of-type(7) ~ .arrows label:nth-child(6),
.slider input[name^="slider"]:checked:nth-of-type(8) ~ .arrows label:nth-child(7),
.slider input[name^="slider"]:checked:nth-of-type(9) ~ .arrows label:nth-child(8),
.slider input[name^="slider"]:checked:nth-of-type(10) ~ .arrows label:nth-child(9),
.slider input[name^="slider"]:checked:nth-of-type(11) ~ .arrows label:nth-child(10),
.slider input[name^="slider"]:checked:nth-of-type(12) ~ .arrows label:nth-child(11),
.slider input[name^="slider"]:checked:nth-of-type(13) ~ .arrows label:nth-child(12),
.slider input[name^="slider"]:checked:nth-of-type(14) ~ .arrows label:nth-child(13),
.slider input[name^="slider"]:checked:nth-of-type(15) ~ .arrows label:nth-child(14),
.slider input[name^="slider"]:checked:nth-of-type(16) ~ .arrows label:nth-child(15),
.slider input[name^="slider"]:checked:nth-of-type(17) ~ .arrows label:nth-child(16),
.slider input[name^="slider"]:checked:nth-of-type(18) ~ .arrows label:nth-child(17),
.slider input[name^="slider"]:checked:nth-of-type(19) ~ .arrows label:nth-child(18),
.slider input[name^="slider"]:checked:nth-of-type(20) ~ .arrows label:nth-child(19),
.slider input[name^="slider"]:checked:nth-of-type(21) ~ .arrows label:nth-child(20),
.slider input[name^="slider"]:checked:nth-of-type(22) ~ .arrows label:nth-child(21) {
  left: 0;
  visibility: visible;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.slider .arrows {
  margin-top: 0;
  position: static !important;
  z-index: 100;
}
.slider .arrows label {
  background-color: transparent;
  background-image: url(../images/ionic-ios-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  display: block;
  height: 2.5rem;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(50% - 1.25rem);
  transition: background-color 0.3s, opacity 0.5s;
  visibility: hidden;
  width: 2.5rem;
  z-index: 100;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
@media (min-width: 37.5rem) {
  .slider .arrows label {
    height: 3rem;
    top: calc(50% - 1.5rem);
    width: 3rem;
  }
}
@media (min-width: 56.25rem) {
  .slider .arrows label {
    height: 4rem;
    top: calc(50% - 2rem);
    width: 4rem;
  }
}
.slider .dots {
  display: flex;
  justify-content: center;
  margin-top: -2rem;
  margin-bottom: 2rem;
  z-index: 50;
  position: relative;
}
.slider .dots label {
  display: inline-block;
  height: 5px;
  width: 3rem;
  background-color: rgba(255, 255, 255, 0.4);
}
.slider .dots label + label {
  margin-left: 0.5em;
  margin-top: 0;
}
.title {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.title + h1,
.title + h2 {
  margin-top: 1rem;
}
.sub {
  font-size: 1.1em;
  font-family: "DM Sans", sans-serif;
  text-transform: uppercase;
  color: #548095;
}
.quote q {
  font-family: "Montserrat", serif;
  font-size: 1.125em;
}
@media (min-width: 37.5rem) {
  .quote q {
    font-size: 1.25em;
  }
}
@media (min-width: 56.25rem) {
  .quote q {
    font-size: 1.5em;
  }
}
.quote q::before {
  content: "“";
}
.quote q::after {
  content: "”";
}
.quote q + h4 {
  margin-top: 1rem;
}
@media (min-width: 56.25rem) {
  .quote q + h4 {
    margin-top: 2rem;
  }
}
.quote .author {
  margin-top: 0.75em;
}
.quote .author::before {
  content: "- ";
}
/*
----------------------------------------------
BLOCKS
----------------------------------------------
*/
[role="alert"] {
  background-color: #03405f;
  color: #ffffff;
  margin-top: 4rem;
  padding: 2rem 1rem;
}
@media (min-width: 37.5rem) {
  [role="alert"] {
    padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  [role="alert"] {
    margin-top: 9.625rem;
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  [role="alert"] {
    padding: 5rem;
  }
}
@media (min-width: 100rem) {
  [role="alert"] {
    padding: 5rem calc(50% - 45rem);
  }
}
[role="alert"] + main {
  margin-top: 0;
}
section {
  margin-top: 0;
}
[class*="-block"] {
  padding: 2rem 1rem;
  scroll-padding-top: 6.25rem;
}
@media (min-width: 37.5rem) {
  [class*="-block"] {
    padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  [class*="-block"] {
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  [class*="-block"] {
    padding: 5rem;
  }
}
@media (min-width: 100rem) {
  [class*="-block"] {
    padding: 5rem calc(50% - 45rem);
  }
}
[class*="-block"].full-width {
  padding: 0;
}
.before-after-block .actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin-top: 1.75rem;
}
@media (min-width: 75rem) {
  .before-after-block .actions {
    margin-top: 4.25rem;
  }
}
.before-after-block .actions > * {
  margin: 0.75rem;
}
@media (max-width: 56.249rem) {
  .before-after-block .before-after {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 37.49rem) {
  .before-after-block .before-after {
    margin-left: 0;
    margin-right: 0;
  }
}
.before-after-block .before-after-desc {
  margin-bottom: 1em;
}
.call-to-action-block {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 5rem 5rem 3rem 5rem;
  box-shadow: 0 0 0px 1rem #ffffff inset;
}
@media (max-width: 56.249rem) {
  .call-to-action-block {
    padding: 4rem 2rem 3rem 2rem;
  }
}
.call-to-action-block * + .actions {
  margin-top: 1.5rem;
}
@media (min-width: 56.25rem) {
  .call-to-action-block * + .actions {
    margin-top: 1.75rem;
  }
}
.call-to-action-block .label {
  position: absolute;
  display: block;
  width: max-content;
  padding: 1rem 5rem;
  background-color: #ffffff;
  color: #03405f;
  text-align: center;
  left: calc(-3.5rem - 0.5vw);
  top: calc(3rem + 0.5vw);
  transform: rotate(-45deg);
  font-size: calc(0.5rem + 0.5vw);
}
@media (min-width: 56.25rem) {
  .call-to-action-block .content {
    max-width: 60%;
    margin: auto;
  }
}
@media (min-width: 75rem) {
  .call-to-action-block .content {
    max-width: 50%;
  }
}
@media (max-width: 56.249rem) {
  .call-to-action-block .content img {
    max-width: 60%;
  }
}
.call-to-action-block .banner {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 1rem 5rem;
  background: #548095;
  color: #ffffff;
}
@media (min-width: 100rem) {
  .call-to-action-block .banner {
    padding: 1rem calc(50% - 45rem);
  }
}
.call-to-action-block .actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
@media (max-width: 56.249rem) {
  .call-to-action-block .actions {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.call-to-action-block .actions > * {
  margin: 0.25rem;
}
@media (min-width: 56.25rem) {
  .call-to-action-block .actions > * {
    margin: 0.75rem;
  }
}
.call-to-action-block .actions [role="button"] {
  min-width: 280px;
}
.call-to-action-block .actions [role="button"].background-foreground {
  background-color: #ffffff;
  color: #03405f;
}
.call-to-action-block .actions [role="button"].background-foreground:hover {
  background-color: #03405f;
  color: #ffffff;
}
.call-to-action-block .actions [role="button"].foreground-background {
  background-color: #03405f;
  color: #ffffff;
}
.call-to-action-block .actions [role="button"].foreground-background:hover {
  background-color: #ffffff;
  color: #03405f;
}
.call-to-action-block .actions [role="button"].transparent {
  background-color: transparent;
  color: #03405f;
}
.call-to-action-block .actions [role="button"].transparent:hover {
  background-color: #dbe900;
  color: #ffffff;
}
.call-to-action-block .actions .button-3,
.call-to-action-block .actions .button-2 {
  display: flex;
  justify-content: center;
}
.call-to-action-block .actions .button-2 {
  justify-content: center;
}
.call-to-action-block .actions .button-3::before {
  content: url(../images/play-icon.svg);
  display: inline-block;
  width: 31px;
  height: 31px;
  padding-right: 10px;
}
.content img {
  display: block;
  height: auto;
  width: auto;
  object-fit: contain;
  object-position: center;
  max-width: 100%;
}
.content img.aligncenter {
  text-align: center;
  margin: auto;
}
.content h1 img {
  display: block;
  height: 0.75em;
  margin-bottom: 0.25em;
  width: auto;
}
.content-block .content > * + * {
  margin-top: 1.7rem;
}
.content-block .content img {
  width: 100%;
}
.content-block.text-left-image-right,
.content-block.text-right-image-left {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right,
  .content-block.text-right-image-left {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 75rem) {
  .content-block.text-left-image-right,
  .content-block.text-right-image-left {
    min-height: 25rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right > *,
  .content-block.text-right-image-left > * {
    margin-top: 0;
  }
}
.content-block.text-left-image-right figure,
.content-block.text-right-image-left figure {
  flex-basis: 33.33%;
  flex-grow: 1;
}
@media (min-width: 37.5rem) {
  .content-block.text-left-image-right figure,
  .content-block.text-right-image-left figure {
    height: 100%;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right figure,
  .content-block.text-right-image-left figure {
    height: auto;
  }
}
@media (min-width: 75rem) {
  .content-block.text-left-image-right figure,
  .content-block.text-right-image-left figure {
    flex-basis: calc(50% + 5rem);
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right figure:nth-last-of-type(2),
  .content-block.text-right-image-left figure:nth-last-of-type(2) {
    flex-basis: 35%;
    height: auto;
    margin-bottom: 15%;
    margin-top: 0;
    position: relative;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right figure:nth-last-of-type(2) img,
  .content-block.text-right-image-left figure:nth-last-of-type(2) img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media (max-width: 56.249rem) {
  .content-block.text-left-image-right figure + figure,
  .content-block.text-right-image-left figure + figure {
    display: none;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right figure + figure,
  .content-block.text-right-image-left figure + figure {
    flex-basis: 30%;
    margin-bottom: 0;
    margin-top: 15%;
    position: relative;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right figure + figure img,
  .content-block.text-right-image-left figure + figure img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right figure + figure + .content,
  .content-block.text-right-image-left figure + figure + .content {
    flex-basis: 50%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 75rem) {
  .content-block.text-left-image-right figure + figure + .content,
  .content-block.text-right-image-left figure + figure + .content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.content-block.text-left-image-right figure img,
.content-block.text-right-image-left figure img {
  display: block;
  height: auto;
  object-fit: cover;
  object-position: center;
  width: 100%;
  min-height: 25rem;
  max-height: 25rem;
  overflow: hidden;
  padding: 0;
}
@media (max-width: 56.249rem) {
  .content-block.text-left-image-right figure img,
  .content-block.text-right-image-left figure img {
    height: 100%;
    padding: 0;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right figure img,
  .content-block.text-right-image-left figure img {
    min-height: 35rem;
    max-height: 35rem;
  }
}
@media (min-width: 75rem) {
  .content-block.text-left-image-right figure img,
  .content-block.text-right-image-left figure img {
    max-height: 64rem;
    min-height: 64rem;
  }
}
.content-block.text-left-image-right .content,
.content-block.text-right-image-left .content {
  padding: 2rem;
  margin-top: 0;
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right .content,
  .content-block.text-right-image-left .content {
    align-self: center;
    flex-basis: 50%;
    flex-shrink: 0;
  }
}
.content-block.text-left-image-right .content [role="button"],
.content-block.text-right-image-left .content [role="button"] {
  margin-top: 2rem;
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-right-image-left.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-left-image-right.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before,
  .content-block.text-right-image-left.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before {
    width: calc(50% - 5rem);
  }
}
@media (min-width: 75rem) {
  .content-block.text-left-image-right.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-right-image-left.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-left-image-right.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before,
  .content-block.text-right-image-left.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before {
    width: calc(50% - 10rem);
  }
}
@media (min-width: 100rem) {
  .content-block.text-left-image-right.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-right-image-left.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-left-image-right.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before,
  .content-block.text-right-image-left.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before {
    width: 40rem;
  }
}
.content-block.text-left-image-right .shopimage,
.content-block.text-right-image-left .shopimage {
  object-fit: contain;
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right {
    flex-direction: row-reverse;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right figure {
    margin-right: -2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.text-left-image-right figure {
    margin-right: -5rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-left-image-right .content {
    padding-right: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.text-left-image-right .content {
    padding-right: 5rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-right-image-left figure {
    margin-left: -2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.text-right-image-left figure {
    margin-left: -5rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-right-image-left .content {
    padding-left: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.text-right-image-left .content {
    padding-left: 5rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-right-image-left.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-right-image-left.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before {
    left: auto;
    right: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.text-right-image-left.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-right-image-left.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before {
    right: 5rem;
  }
}
@media (min-width: 100rem) {
  .content-block.text-right-image-left.background-foreground:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-foreground::before,
  .content-block.text-right-image-left.background-background:has(figure:nth-of-type(1):nth-last-of-type(1)) + .background-background::before {
    right: calc(50% - 45rem);
  }
}
.content-block.two-columns.full-width {
  padding: 0;
}
@media (min-width: 56.25rem) {
  .content-block.two-columns:not(.full-width) > *:nth-child(2) [role="button"] {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 56.25rem) {
  .content-block.two-columns {
    display: flex;
    justify-content: space-between;
  }
}
.content-block.two-columns > *:nth-child(1) {
  margin-top: 0;
  padding: 1rem 2rem;
}
@media (min-width: 56.25rem) {
  .content-block.two-columns > *:nth-child(1) {
    flex-basis: 70%;
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.two-columns > *:nth-child(1) {
    padding: 5rem;
  }
}
.content-block.two-columns > *:nth-child(2) {
  margin-top: 0;
  padding: 1rem 2rem;
}
@media (min-width: 56.25rem) {
  .content-block.two-columns > *:nth-child(2) {
    flex-basis: 30%;
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.two-columns > *:nth-child(2) {
    padding: 5rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.two-columns.border > *:nth-child(1) {
    flex-basis: calc(50% - 3rem);
  }
}
@media (min-width: 75rem) {
  .content-block.two-columns.border > *:nth-child(1) {
    flex-basis: calc(50% - 5.5rem);
  }
}
@media (min-width: 56.25rem) {
  .content-block.two-columns.border > *:nth-child(2) {
    border-right: 0.5rem solid #dbe900;
    flex-basis: 50%;
    padding-right: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.two-columns.border > *:nth-child(2) {
    flex-basis: 50%;
    padding-right: 5rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.two-columns.border + .two-columns.border > *:nth-child(1) {
    border-left: 0.5rem solid #dbe900;
    flex-basis: 50%;
    padding-leftt: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.two-columns.border + .two-columns.border > *:nth-child(1) {
    flex-basis: 50%;
    padding-left: 5rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.two-columns.border + .two-columns.border > *:nth-child(2) {
    border-right: none;
    flex-basis: calc(50% - 3rem);
    padding-right: 0;
  }
}
@media (min-width: 75rem) {
  .content-block.two-columns.border + .two-columns.border > *:nth-child(2) {
    flex-basis: calc(50% - 5.5rem);
  }
}
.content-block.two-columns-reverse.full-width {
  padding: 0;
}
@media (min-width: 56.25rem) {
  .content-block.two-columns-reverse:not(.full-width) > *:nth-child(2) [role="button"] {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 56.25rem) {
  .content-block.two-columns-reverse {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.content-block.two-columns-reverse > *:nth-child(1) {
  margin-top: 0;
  padding: 0 2rem;
}
@media (min-width: 56.25rem) {
  .content-block.two-columns-reverse > *:nth-child(1) {
    flex-basis: 70%;
    padding: 0 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.two-columns-reverse > *:nth-child(1) {
    padding: 0 5rem;
  }
}
.content-block.two-columns-reverse > *:nth-child(2) {
  margin-top: 0;
  padding: 0 2rem;
}
@media (min-width: 56.25rem) {
  .content-block.two-columns-reverse > *:nth-child(2) {
    padding: 0;
    flex-basis: 30%;
  }
}
.content-block.equal-columns.full-width {
  padding: 0;
}
@media (min-width: 56.25rem) {
  .content-block.equal-columns:not(.full-width):nth-child(2) [role="button"] {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 56.25rem) {
  .content-block.equal-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.content-block.equal-columns > * {
  margin-top: 0;
  padding: 1rem 2rem;
}
@media (min-width: 56.25rem) {
  .content-block.equal-columns > * {
    flex-basis: 50%;
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .content-block.equal-columns > * {
    padding: 5rem;
  }
}
@media (min-width: 56.25rem) {
  .content-block.text-centre {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.content-block.text-centre .content {
  padding: 0;
  max-width: 975px;
  margin-left: auto;
  margin-right: auto;
}
.content-block.text-centre .content [role="button"] {
  text-align: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.content-block.image-above {
  padding-top: 0;
}
@media (min-width: 56.25rem) {
  .content-block.image-above figure {
    width: 20%;
    margin: 0 auto;
  }
}
.content-block.image-above figure img {
  display: block;
  height: auto;
  width: auto;
  object-fit: contain;
  object-position: center;
  max-width: 100%;
  margin: auto;
}
.content-block.image-above .content {
  max-width: 56rem;
  margin: auto;
}
.content-block .content-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 56.25rem) {
  .content-block .content-row {
    flex-direction: row;
  }
}
.content-block .content-row > div {
  flex: 1 1 0;
  margin: 0;
}
.faqs-block > .content {
  max-width: 56rem;
  margin: auto;
}
.faqs-block > .content [role="button"] {
  margin-top: 1.5rem;
  text-align: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 2.5rem;
}
@media (min-width: 56.25rem) {
  .faqs-block > .content [role="button"] {
    margin-top: 2.5rem;
  }
}
@media (min-width: 56.25rem) {
  .faqs-block.three-col .faqs-list {
    margin-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
}
.faqs-block.three-col .question {
  background-color: #ffffff;
}
@media (min-width: 56.25rem) {
  .faqs-block.three-col .question {
    margin-top: 0;
  }
}
.faqs-block .faqs-list {
  margin-top: 3rem;
}
.faqs-block .faqs-list h3 {
  font-family: inherit;
  font-size: 2rem;
  position: relative;
}
.faqs-block .faqs-list h3 + * {
  margin-top: 0;
}
.faqs-block .faqs-list h3 a {
  display: block;
  padding: 1.5rem 3rem 1.5rem 1.5rem;
  transition: color 0.3s;
  border-top: 1px solid #f7f7f7;
}
.faqs-block .faqs-list h3 a:hover {
  color: #548095;
}
.faqs-block .faqs-list h3 a::after {
  background-image: url(../images/plus-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  right: 1rem;
}
@media (min-width: 56.25rem) {
  .faqs-block .faqs-list h3 a::after {
    right: 1.5rem;
  }
}
.faqs-block .faqs-list .answer {
  border-bottom: 1px solid #f7f7f7;
  max-height: 0;
  overflow: hidden;
  padding: 0 1.5rem;
  transition: border 0.5s, max-height 0.5s, padding 0.5s;
}
.faqs-block .faqs-list .question {
  margin-top: -1px;
}
.faqs-block .faqs-list .question:target h3 a::after,
.faqs-block .faqs-list .question.active h3 a::after {
  background-image: url(../images/minus-icon.svg);
}
.faqs-block .faqs-list .question:target .answer,
.faqs-block .faqs-list .question.active .answer {
  margin-top: 0;
  max-height: 20em;
  overflow-y: auto;
  padding: 1.5rem;
}
@media (min-width: 56.25rem) {
  .faqs-block.image-left {
    display: flex;
    gap: 5rem;
  }
}
.faqs-block.image-left figure {
  position: relative;
  min-height: 80vh;
}
@media (min-width: 56.25rem) {
  .faqs-block.image-left figure {
    flex-basis: 30%;
  }
}
.faqs-block.image-left figure img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: top;
}
@media (min-width: 56.25rem) {
  .faqs-block.image-left .faqs-list {
    margin-top: 0;
    flex-basis: 70%;
  }
}
.form-block .intro {
  margin-bottom: 2rem;
}
@media (min-width: 56.25rem) {
  .form-block .intro {
    max-width: 70%;
  }
}
.form-block form {
  padding: 1rem;
}
@media (min-width: 56.25em) {
  .form-block form {
    padding: 0rem;
  }
}
@media (min-width: 75em) {
  .form-block form {
    padding: 0rem;
  }
}
.form-block form .submit {
  margin-top: 2.5rem;
  text-align: right;
  margin-left: auto;
}
.form-block form .submit.half button {
  width: 100%;
}
.form-block form .submit button {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.form-block form .submit button:hover {
  background-color: #548095;
  border: 1px solid #548095;
  color: #ffffff;
}
@media (min-width: 56.25rem) {
  .form-block.form-left-image-right {
    display: flex;
    align-items: center;
    padding-right: 0;
    justify-content: space-between;
  }
}
.form-block.form-left-image-right .form-container {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 37.5rem) {
  .form-block.form-left-image-right .form-container {
    padding-right: 3rem;
  }
}
@media (min-width: 56.25rem) {
  .form-block.form-left-image-right .form-container:before {
    content: "";
    background-image: url(../images/dotty-line-3.svg);
    width: 70%;
    height: 70%;
    position: absolute;
    left: 70%;
    top: -35%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
  }
}
.form-block.form-left-image-right figure {
  margin: 0;
}
.form-block.form-left-image-right figure img {
  width: 100%;
}
@media (min-width: 56.25rem) {
  .form-block.form-left-image-right figure img {
    margin-left: 6rem;
    margin-top: -6rem;
  }
}
.form-block.form-left-image-right .map-container {
  height: 400px;
  padding: 1rem;
}
@media screen and (min-width: 37.5rem) {
  .form-block.form-left-image-right .map-container {
    flex-basis: 50%;
  }
}
@media (min-width: 56.25rem) {
  .form-block.form-left-image-right .map-container {
    height: 550px;
  }
}
@media (min-width: 56.25rem) {
  .form-block.form-right-text-left {
    display: flex;
    align-items: center;
  }
  .form-block.form-right-text-left .content,
  .form-block.form-right-text-left .form-container {
    flex-basis: 50%;
    margin-top: 0;
  }
  .form-block.form-right-text-left .content {
    padding-right: 3rem;
  }
}
.gallery-block > .content {
  text-align: center;
}
@media (min-width: 56.25rem) {
  .gallery-block > .content {
    margin-left: auto;
    margin-right: auto;
    max-width: 56rem;
  }
}
.gallery-block > .content + .slider {
  margin-top: 1.5rem;
}
@media (min-width: 37.5rem) {
  .gallery-block > .content + .slider {
    margin-top: 2rem;
  }
}
@media (min-width: 56.25rem) {
  .gallery-block > .content + .slider {
    margin-top: 3.25rem;
  }
}
.gallery-block.gallery-right {
  text-align: center;
}
@media (min-width: 56.25rem) {
  .gallery-block.gallery-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
.gallery-block .images {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 1rem;
}
@media (min-width: 56.25rem) {
  .gallery-block .images {
    gap: 5rem;
    flex-direction: row;
  }
}
@media (min-width: 56.25rem) {
  .gallery-block .images {
    justify-content: space-between;
    margin-top: 0;
  }
}
.gallery-block .images img {
  display: block;
  height: auto;
  width: 100%;
  object-fit: contain;
  object-position: center;
  max-width: 50%;
  margin: auto;
}
@media (min-width: 56.25rem) {
  .gallery-block .images img {
    max-width: 300px;
  }
}
.gallery-block .images a,
.gallery-block .images figure {
  margin-top: 0;
}
.gallery-block .slider {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 2rem;
}
@media (min-width: 37.5rem) {
  .gallery-block .slider {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
@media (min-width: 56.25rem) {
  .gallery-block .slider {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
}
@media (min-width: 75rem) {
  .gallery-block .slider {
    margin-left: -5rem;
    margin-right: -5rem;
  }
}
@media (min-width: 100rem) {
  .gallery-block .slider {
    margin-left: calc(-50vw + 45rem);
    margin-right: calc(-50vw + 45rem);
  }
}
.gallery-block .slider li {
  left: calc(50% - 25vw);
  width: 50vw;
}
@media (min-width: 56.25rem) {
  .gallery-block .slider li {
    left: calc(50% - 12.5vw);
    width: 26.67vw;
  }
}
.gallery-block .slider li figure {
  padding: 0.5rem;
  max-height: 5rem;
}
.gallery-block .slider li figure img {
  max-height: 4.5rem;
  object-fit: contain;
  object-position: center;
}
.gallery-block .slider ul {
  height: 16.25rem;
}
.gallery-block .slider ul:before {
  content: "";
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white);
  pointer-events: none;
  z-index: 60;
  left: -1rem;
  /*
        @media (min-width: 37.5rem) {
          left: -1.25rem;
        }
        @media (min-width: 56.25rem) {
          left: -2.5rem;
        }
        @media (min-width: 75rem) {
          left: -5rem;
          transform: translateX(-60%);
        }
        @media (min-width: 100rem) {
          left: calc(50% - 45rem);
          transform: translateX(-75%);
          width: 50%;
        }
        @media (min-width: 156rem) {
          transform: translateX(-90%);
          width: 100%;
        }*/
}
.gallery-block .slider ul:after {
  content: "";
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  pointer-events: none;
  z-index: 60;
  right: -1rem;
  /*
        @media (min-width: 37.5rem) {
          right: -1.25rem;
        }
        @media (min-width: 56.25rem) {
          right: -2.5rem;
        }
        @media (min-width: 75rem) {
          right: -5rem;
          transform: translateX(60%);
        }
        @media (min-width: 100rem) {
          right: calc(50% - 45rem);
          transform: translateX(75%);
          width: 50%;
        }
        @media (min-width: 156rem) {
          transform: translateX(90%);
          width: 100%;
        }*/
}
.gallery-block .slider .arrows {
  display: none;
}
.gallery-block.background-foreground .slider li {
  background-color: #03405f;
}
@media (min-width: 56.25rem) {
  .gallery-block.with-filters .gallery {
    display: flex;
    gap: 3rem;
  }
}
.gallery-block.with-filters .gallery .filters {
  flex-basis: 25%;
}
.gallery-block.with-filters .gallery .filters .filter-title {
  color: #f7f7f7;
}
.gallery-block.with-filters .gallery .filters label {
  padding-left: 0;
}
.gallery-block.with-filters .gallery .filters .filter-group {
  margin-top: 3rem;
}
.gallery-block.with-filters .gallery .filters .filter-group input[type="checkbox"],
.gallery-block.with-filters .gallery .filters .filter-group input[type="radio"] {
  border-radius: 50%;
}
.gallery-block.with-filters .gallery .filters .filter-group input[type="checkbox"]:checked,
.gallery-block.with-filters .gallery .filters .filter-group input[type="radio"]:checked {
  border-color: #03405f;
  background-color: #548095;
  outline: 2px solid #ffffff;
  outline-offset: -3px;
}
.gallery-block.with-filters .gallery .filters .filter-group input[type="checkbox"]:focus,
.gallery-block.with-filters .gallery .filters .filter-group input[type="radio"]:focus {
  border-color: #03405f;
}
.gallery-block.with-filters .gallery .filters .filter-buttons label {
  display: inline-flex;
  position: relative;
  height: 50px;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid #03405f;
}
.gallery-block.with-filters .gallery .filters .filter-buttons label input[type="checkbox"].filter-button,
.gallery-block.with-filters .gallery .filters .filter-buttons label input[type="radio"].filter-button {
  border: none;
  background-color: transparent;
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
}
.gallery-block.with-filters .gallery .filters .filter-buttons label:has(.filter-button:checked) {
  border-color: #03405f;
  background-color: #03405f;
  color: #ffffff;
}
.gallery-block.with-filters .gallery .images {
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-basis: 70%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
}
.gallery-block.with-filters .gallery .images .image {
  flex-basis: 49%;
  flex-grow: 0;
  margin-top: 0;
  position: relative;
}
.gallery-block.with-filters .gallery .images .image .content {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 1rem;
  color: #ffffff;
}
.gallery-block.with-filters .gallery .images .image .content p {
  margin: 0;
  font-family: "DM Sans", sans-serif;
}
.gallery-block.with-filters .gallery .images .image .content h3 {
  font-family: "DM Sans", serif;
}
.gallery-block.with-filters .gallery .images img {
  max-width: 100%;
}
.gallery-block.with-filters .gallery .content h1,
.gallery-block.with-filters .gallery .content h2 {
  margin-top: 1.7rem;
}
.items-list {
  list-style: none;
}
@media (min-width: 37.5rem) {
  .items-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
}
@media (min-width: 56.25rem) {
  .items-list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.25rem;
  }
}
@media (min-width: 75rem) {
  .items-list {
    grid-gap: 2.5rem;
  }
}
@media (max-width: 37.49rem) {
  .items-list > * + * {
    margin-top: 1.5em;
  }
}
.items-list li {
  background: #ffffff;
  color: #03405f;
  display: block;
  height: fit-content;
  position: relative;
}
.items-list li a:hover {
  color: #548095;
}
.items-list figure {
  position: relative;
}
.items-list figure img {
  display: block;
  height: auto;
  width: 100%;
}
@media (max-width: 37.5rem) {
  .items-list figure img {
    height: calc((100vw - 2rem) * 0.75);
    object-fit: cover;
    object-position: center;
  }
}
.items-list .content {
  min-height: 8em;
}
.items-list .content h3 {
  margin-bottom: auto;
}
.items-list .content h3 + * {
  margin-top: 0.5em;
}
.items-list.overlay-accent-1 a:hover figure img {
  mix-blend-mode: normal;
}
.items-list.overlay-accent-1 figure {
  background-color: #dbe900;
}
.items-list.overlay-accent-1 figure img {
  filter: none;
  mix-blend-mode: luminosity;
  transition: mix-blend-mode 0.3s;
}
.items-list.best-sellers {
  grid-template-columns: 1fr 1fr;
}
.items-list.best-sellers li {
  border: none;
  align-items: center;
}
@media (min-width: 56.25rem) {
  .items-list.best-sellers li {
    flex-direction: row;
  }
}
.items-list.best-sellers li .content {
  min-height: 8rem;
}
.items-list.best-sellers li .content .header {
  border-bottom: none;
}
.items-list.best-sellers li .buttons {
  border-top: none;
}
.items-list.best-sellers li .cart {
  border: 1px solid #ffffff;
}
.items-list.best-sellers li > a {
  flex-basis: 50%;
}
.items-list.best-sellers li > * {
  margin: 0;
}
.list-block {
  overflow: hidden;
}
@media (min-width: 56.25rem) {
  .list-block > .content {
    position: relative;
    max-width: 975px;
    margin: auto;
  }
}
@media (min-width: 56.25rem) {
  .list-block > .content [role="button"] {
    bottom: 0;
    position: absolute;
    right: 0;
  }
}
.list-block > .content + .items-list {
  margin-top: 2rem;
}
@media (min-width: 37.5rem) {
  .list-block > .content + .items-list {
    margin-top: 2.5rem;
  }
}
@media (min-width: 56.25rem) {
  .list-block > .content + .items-list {
    margin-top: 3.75rem;
  }
}
.list-block.page-list {
  padding-bottom: 3rem;
}
@media (min-width: 56.25rem) {
  .list-block.page-list {
    padding-bottom: 5rem;
  }
}
.list-block.page-list .slider {
  margin-top: 2rem;
}
.list-block.page-list .slider ul {
  height: auto;
  min-height: 900px;
  overflow: visible;
  width: 100%;
  max-height: unset;
}
.list-block.page-list .slider ul li {
  color: inherit;
  width: 100%;
}
@media (min-width: 37.5rem) {
  .list-block.page-list .slider ul li {
    width: 50%;
  }
}
@media (min-width: 56.25rem) {
  .list-block.page-list .slider ul li {
    width: 33.3%;
  }
}
.list-block.page-list .slider ul li > a {
  display: block;
  padding: 1rem;
}
.list-block.page-list .slider ul li > a:hover {
  color: inherit;
}
.list-block.page-list .slider ul li figure {
  position: relative;
  margin-bottom: 1rem;
  height: auto;
}
.list-block.page-list .slider ul li figure img {
  object-fit: cover;
  min-height: 650px;
}
.list-block.page-list .slider ul li .content {
  height: 30%;
}
.list-block.page-list .slider ul li .content h3 {
  text-transform: uppercase;
  margin-bottom: 1em;
}
.list-block.page-list .slider ul li .content .read-more {
  display: flex;
  line-height: 1;
  align-items: center;
  color: #548095;
}
@media (min-width: 56.25rem) {
  .list-block.page-list .slider .arrows label {
    top: calc(40% - 2rem);
  }
}
.list-block.page-list.publications .slider ul {
  min-height: 450px;
  overflow: hidden;
}
.list-block.page-list.publications .slider ul li {
  padding: 1rem;
}
@media (min-width: 56.25rem) {
  .list-block.page-list.publications .slider ul li {
    width: 25%;
  }
}
.list-block.page-list.publications .slider ul li .wrapper {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ffffff;
  color: #03405f;
  padding: 1.5rem;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: 18.75rem;
}
.list-block.page-list.publications .slider ul li .wrapper h3 {
  font-family: "DM Sans", sans-serif;
}
.list-block.page-list.publications .slider ul li .wrapper figure {
  position: absolute;
  height: 100%;
  width: 100%;
  right: -40%;
  object-fit: contain;
  object-position: bottom right;
}
.list-block.page-list.publications .slider ul li .wrapper figure img {
  object-fit: cover;
  min-height: unset;
  object-fit: contain;
  object-position: bottom right;
  width: 80%;
  right: -20%;
  bottom: -10%;
  position: absolute;
}
.blog-list .read-more {
  color: #548095;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.blog-list .read-more:hover {
  color: #000000;
}
.blog-list > .content {
  max-width: unset;
}
.blog-list.slider {
  padding: 0;
}
.blog-list.slider .slider ul {
  height: 90vw;
  width: 100%;
  overflow: visible;
}
@media (min-width: 56.25rem) {
  .blog-list.slider .slider ul {
    height: 30vw;
  }
}
@media (min-width: 37.5rem) {
  .blog-list.slider .slider ul li {
    width: 65%;
  }
}
@media (min-width: 56.25rem) {
  .blog-list.slider .slider ul li {
    width: 45%;
  }
}
.blog-list.slider .slider ul li a {
  color: #03405f;
}
.blog-list.slider .slider ul li a:hover {
  color: #dbe900;
}
.blog-list.slider .slider ul li figure:before {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.5));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  transition: all 0.5s;
  opacity: 0.8;
}
.blog-list.slider .slider ul li:hover figure:before {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.95));
  opacity: 1;
}
.blog-list.slider .slider .content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  padding: 5rem;
}
.blog-list.slider .slider .content h3 {
  font-size: 1.75rem;
}
.publications {
  position: relative;
  color: #ffffff;
  padding-top: 5rem;
  padding-bottom: 0 !important;
}
@media (min-width: 56.25rem) {
  .publications {
    padding-top: 10rem;
  }
}
.publications:after {
  content: "";
  width: 250vw;
  height: 250vw;
  display: block;
  border: 40px solid #4786a5;
  background-color: #03405f;
  border-radius: 50%;
  position: absolute;
  left: -80vw;
  top: 0;
  z-index: -1;
}
@media (min-width: 56.25rem) {
  .publications:after {
    left: -30vw;
    width: 170vw;
    height: 150vw;
  }
}
.publications + .form-block {
  padding-top: 0;
}
.treatment-block {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 56.25rem) {
  .treatment-block {
    display: flex;
    justify-content: space-between;
  }
}
.treatment-block > *:nth-child(1) {
  margin-top: 0;
  padding: 2rem;
}
@media (min-width: 56.25rem) {
  .treatment-block > *:nth-child(1) {
    flex-basis: 30%;
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .treatment-block > *:nth-child(1) {
    padding: 3rem 5rem;
  }
}
.treatment-block > *:nth-child(2) {
  margin-top: 0;
  padding: 2rem;
}
@media (min-width: 56.25rem) {
  .treatment-block > *:nth-child(2) {
    flex-basis: 70%;
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .treatment-block > *:nth-child(2) {
    padding: 5rem;
  }
}
.treatment-block .overview h3 {
  text-align: center;
  color: #548095;
  margin-bottom: 1rem;
}
.treatment-block .overview .package {
  margin-top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.treatment-block .overview .package .content {
  padding: 0.5rem;
  flex-grow: 1;
  margin-top: 0;
}
.treatment-block .overview .package figure {
  margin-top: 0;
  line-height: 1;
}
@media (min-width: 56.25rem) {
  .treatment-block .overview .package {
    scroll-margin-top: 200px;
  }
}
.treatment-block .actions {
  font-family: "DM Sans", sans-serif;
}
.treatment-block .actions a {
  color: #000000;
  gap: 2rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
@media screen and (min-width: 56.25rem) {
  .treatment-block .actions a {
    width: 80%;
    margin-left: auto;
    text-align: right;
  }
}
.treatment-block .actions a:hover {
  color: #548095;
}
.treatment-block .background-image {
  position: relative;
  min-height: 30rem;
}
@media screen and (min-width: 56.25rem) {
  .treatment-block .background-image {
    margin: -1.5rem 0 -19% 0;
  }
}
@media screen and (min-width: 75rem) {
  .treatment-block .background-image {
    margin: -2rem 0 -16% 0;
  }
}
.treatment-block .background-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mailing-list-block form {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.mailing-list-block form > * {
  width: auto;
}
.mailing-list-block form .input {
  flex-grow: 1;
}
.mailing-list-block form .input input {
  color: inherit;
}
.mailing-list-block form .submit {
  margin-top: 0;
}
@media (min-width: 56.25rem) {
  .mailing-list-block .content {
    flex-basis: calc(50% - 1.25rem);
  }
}
@media screen and (min-width: 56.25rem) {
  .mailing-list-block .content h2 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 75rem) {
  .mailing-list-block .content h2 {
    font-size: 2.25rem;
  }
}
.map-block {
  position: relative;
  min-height: 80vh;
}
@media (max-width: 56.249rem) {
  .map-block {
    padding: 0;
  }
}
@media (min-width: 56.25rem) {
  .map-block {
    padding-bottom: 5rem;
  }
}
@media (min-width: 75rem) {
  .map-block {
    padding-bottom: 10rem;
  }
}
.map-block figure {
  height: 65vw;
}
@media (min-width: 37.5rem) {
  .map-block figure {
    height: 50vw;
  }
}
@media (min-width: 56.25rem) {
  .map-block figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.map-block figure img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.map-block .content {
  background-color: #03405f;
  color: #ffffff;
  margin-top: 0;
  padding: 2rem 1rem;
  position: relative;
}
@media (min-width: 37.5em) {
  .map-block .content {
    padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 56.25em) {
  .map-block .content {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.15);
    max-width: 40em;
    padding: 2.5rem;
  }
}
@media (min-width: 75em) {
  .map-block .content {
    padding: 5rem;
  }
}
.map-block .content p a {
  color: inherit;
}
.map-block .content p a:hover {
  color: #dbe900;
}
@media (min-width: 56.25rem) {
  .map-block + .form-block {
    padding-top: 0;
  }
}
@media (min-width: 56.25rem) {
  .map-block + .form-block form {
    margin-top: -2.5rem;
  }
}
@media (min-width: 75rem) {
  .map-block + .form-block form {
    margin-top: -5rem;
  }
}
.slider-block {
  padding: 0;
}
.slider-block .slider ul {
  width: 100%;
}
@media (max-width: 56.249rem) {
  .slider-block .slider ul {
    min-height: 90vh;
  }
}
@media screen and (min-width: 56.25rem) {
  .slider-block .slider ul {
    height: 85vh;
  }
}
.slider-block .slider ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
@media (min-width: 37.5em) {
  .slider-block .slider ul li {
    padding: 2rem;
  }
}
@media (min-width: 56.25rem) {
  .slider-block .slider ul li {
    padding: 5rem;
  }
}
.slider-block .slider ul li figure:after {
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 56.25rem) {
  .slider-block .slider ul li .content {
    max-width: 45%;
    margin-left: auto;
  }
}
.slider-block .slider ul li .content p {
  font-size: 1.75rem;
  line-height: 1.4;
}
@media (max-width: 56.249rem) {
  .slider-block .slider ul li .content h2 {
    font-size: 2.5rem;
  }
}
.slider-block .slider ul li .slider-icons {
  margin: 0;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  overflow: hidden;
  flex-direction: row;
}
@media (max-width: 56.249rem) {
  .slider-block .slider ul li .slider-icons {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.slider-block .slider ul li .slider-icons .slider-icon {
  position: relative;
  margin: 0;
}
.slider-block .slider ul li .slider-icons .slider-icon figure {
  position: relative;
  margin: 0;
}
.slider-block .slider ul li .slider-icons .slider-icon figure img {
  width: auto;
  height: auto;
  object-fit: contain;
  margin: auto;
}
.slider-block .slider ul li .slider-icons .slider-icon p {
  margin: 0;
  text-align: center;
}
.slider-block .slider.image-right ul {
  max-height: unset;
}
.slider-block .slider.image-right ul li {
  align-items: stretch;
  justify-content: stretch;
}
@media (min-width: 56.25rem) {
  .slider-block .slider.image-right ul li {
    flex-direction: row-reverse;
  }
}
.slider-block .slider.image-right ul li figure {
  position: relative;
  flex-basis: 50%;
}
@media (max-width: 56.249rem) {
  .slider-block .slider.image-right ul li figure {
    max-height: 100vh;
  }
}
.slider-block .slider.image-right ul li .content {
  flex-basis: 50%;
  flex-shrink: 0;
  text-align: left;
  padding: 2rem;
}
@media (min-width: 56.25rem) {
  .slider-block .slider.image-right ul li .content {
    padding: 5rem;
  }
}
.slider-block .slider.image-right ul li .content .actions {
  text-align: left;
}
.slider-block .slider.image-right .dots {
  display: flex;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  z-index: 50;
  transform: translateX(-50%);
  color: #548095;
}
@media (min-width: 56.25rem) {
  .slider-block .slider.image-right .dots {
    bottom: 5%;
  }
}
.slider-block .slider.image-right .dots label {
  background-color: transparent;
  border: 1px solid #548095;
  border-radius: 50%;
  display: block;
  height: 1rem;
  padding: 0;
  transition: background-color 0.3s, border-color 0.3s;
  width: 1rem;
}
.slider-block .slider .arrows label {
  background-image: url(../images/noun-down-chevron-20.svg);
}
.slider-block input[name^="slider"]:checked:nth-of-type(1) ~ ul li .content .dots label:nth-child(1),
.slider-block input[name^="slider"]:checked:nth-of-type(2) ~ ul li .content .dots label:nth-child(2),
.slider-block input[name^="slider"]:checked:nth-of-type(3) ~ ul li .content .dots label:nth-child(3),
.slider-block input[name^="slider"]:checked:nth-of-type(4) ~ ul li .content .dots label:nth-child(4),
.slider-block input[name^="slider"]:checked:nth-of-type(5) ~ ul li .content .dots label:nth-child(5),
.slider-block input[name^="slider"]:checked:nth-of-type(6) ~ ul li .content .dots label:nth-child(6),
.slider-block input[name^="slider"]:checked:nth-of-type(7) ~ ul li .content .dots label:nth-child(7),
.slider-block input[name^="slider"]:checked:nth-of-type(8) ~ ul li .content .dots label:nth-child(8),
.slider-block input[name^="slider"]:checked:nth-of-type(9) ~ ul li .content .dots label:nth-child(9),
.slider-block input[name^="slider"]:checked:nth-of-type(10) ~ ul li .content .dots label:nth-child(10) {
  background-color: currentColor;
}
.slider-block.background-accent-3 .slider .arrows label {
  background-image: url(../images/noun-down-chevron-201.svg);
}
.slider-block.background-accent-3 .slider .dots label {
  border: 1px solid #ffffff;
}
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(1) ~ .dots label:nth-child(1),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(2) ~ .dots label:nth-child(2),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(3) ~ .dots label:nth-child(3),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(4) ~ .dots label:nth-child(4),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(5) ~ .dots label:nth-child(5),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(6) ~ .dots label:nth-child(6),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(7) ~ .dots label:nth-child(7),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(8) ~ .dots label:nth-child(8),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(9) ~ .dots label:nth-child(9),
.slider-block.background-accent-3 .slider input[name^="slider"]:checked:nth-of-type(10) ~ .dots label:nth-child(10) {
  background-color: #03405f;
  border: 1px solid #03405f;
}
.col-content {
  padding: 3rem;
}
@media (min-width: 56.25rem) {
  .col-content {
    padding: 5rem;
  }
}
.col-content > * {
  margin-top: 1.7rem;
}
.content-and-slider-block {
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 56.25rem) {
  .content-and-slider-block {
    flex-direction: row;
  }
}
.content-and-slider-block:first-child {
  min-height: 100vh;
}
.content-and-slider-block > div {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 56.25rem) {
  .content-and-slider-block > div {
    flex-direction: row;
  }
}
.content-and-slider-block > div > div {
  width: 100%;
  margin-top: 0;
}
@media (min-width: 56.25rem) {
  .content-and-slider-block > div > div {
    width: 50%;
  }
}
.content-and-slider-block .slider ul {
  width: 100%;
}
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(1) ~ .dots label:nth-child(1),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(2) ~ .dots label:nth-child(2),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(3) ~ .dots label:nth-child(3),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(4) ~ .dots label:nth-child(4),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(5) ~ .dots label:nth-child(5),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(6) ~ .dots label:nth-child(6),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(7) ~ .dots label:nth-child(7),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(8) ~ .dots label:nth-child(8),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(9) ~ .dots label:nth-child(9),
.content-and-slider-block input[name^="slider"]:checked:nth-of-type(10) ~ .dots label:nth-child(10) {
  background-color: #548095;
}
.content-and-slider-block .slider .dots {
  display: flex;
  justify-content: center;
  margin-bottom: 0rem;
  z-index: 100;
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
}
.content-and-slider-block .slider .dots label {
  height: 25px;
  display: inline-block;
  border: 1px solid #f9b233;
  border-radius: 100%;
  scale: 65%;
  margin: 0;
}
.content-and-slider-block .slider .arrows label {
  background-image: url(../images/noun-down-chevron-20.svg);
}
@media (min-width: 56.25rem) {
  .content-and-slider-block.text-right-image-left > div {
    flex-direction: row-reverse;
  }
}
.profile-block {
  display: flex;
  position: relative;
  justify-content: flex-end;
  flex-direction: column;
  padding-left: 0;
  padding-top: 0;
}
@media (min-width: 56.25rem) {
  .profile-block {
    flex-direction: row;
    align-items: center;
  }
}
.profile-block figure {
  position: relative;
  bottom: 0;
  line-height: 100%;
  display: flex;
  margin-left: -20%;
}
@media (min-width: 56.25rem) {
  .profile-block figure {
    margin-left: -30%;
  }
}
.profile-block figure img {
  width: 100%;
  object-fit: contain;
  max-height: 67rem;
}
@media (min-width: 56.25rem) {
  .profile-block figure img {
    margin-bottom: -6rem;
  }
}
.profile-block .content {
  flex-basis: 100%;
  padding: 3rem;
  margin-top: 0;
}
@media (min-width: 56.25rem) {
  .profile-block .content {
    flex-basis: 50%;
    padding: 5rem;
  }
}
.profile-block .content p {
  color: #4786a5;
}
.page-header-block {
  position: relative;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 37.5rem) {
  .page-header-block {
    min-height: 10rem;
  }
}
@media screen and (min-width: 56.25rem) {
  .page-header-block {
    flex-direction: row;
    min-height: 26.25rem;
  }
}
.page-header-block .column {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 2rem 1rem;
  min-height: 15rem;
}
@media (min-width: 37.5rem) {
  .page-header-block .column {
    padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  .page-header-block .column {
    padding: 2rem 5rem;
  }
}
@media (min-width: 100rem) {
  .page-header-block .column {
    padding: 2rem calc(50% - 45rem);
  }
}
.page-header-block figure {
  opacity: 30%;
}
.page-header-block figure:nth-of-type(1) {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-header-block figure:nth-of-type(2) {
  margin-top: 0;
  position: relative;
}
@media (max-width: 56.249rem) {
  .page-header-block figure:nth-of-type(2) {
    height: 60vw;
  }
}
@media (max-width: 37.49rem) {
  .page-header-block figure:nth-of-type(2) {
    height: 75vw;
  }
}
@media (min-width: 56.25rem) {
  .page-header-block figure:nth-of-type(2) {
    margin-left: auto;
    order: 2;
    flex-basis: 40%;
  }
}
@media (min-width: 75rem) {
  .page-header-block figure:nth-of-type(2) {
    flex-basis: 50%;
  }
}
.page-header-block figure:nth-of-type(2) img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
  background: #000;
  opacity: 0.7;
}
@media (min-width: 56.25rem) {
  .page-header-block figure:nth-of-type(2) img {
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media (max-width: 56.249rem) {
  .page-header-block figure:nth-of-type(2) + .content {
    margin-top: 2rem;
  }
}
.page-header-block figure img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
  background: #000;
  opacity: 0.7;
}
.page-header-block:not(:has(figure)) {
  min-height: 10vw;
  justify-content: center;
}
.page-header-block .content {
  margin: auto;
  position: relative;
  font-size: 1rem;
  width: 100%;
  max-width: 90rem;
}
.page-header-block .content > * {
  margin-top: 1.7rem;
}
.page-header-block .content .actions {
  margin-top: 2rem;
}
@media (min-width: 56.25rem) {
  .page-header-block .content .actions {
    margin-top: 2.5rem;
  }
}
.page-header-block .content .shop-intro {
  text-align: center;
  line-height: 1.25;
}
@media screen and (min-width: 37.5rem) {
  .page-header-block .content .shop-intro {
    padding: 0rem 4rem;
  }
}
@media screen and (min-width: 90rem) {
  .page-header-block .content .shop-intro {
    padding: 0rem 0rem;
    max-width: 75rem;
  }
}
.page-header-block .content:has([role="button"]) {
  text-align: center;
}
.page-header-block.narrow {
  min-height: 10vw;
  height: 100%;
}
.page-header-block.narrow .column {
  min-height: 10vw;
}
.page-header-block + .content-block.two-columns-reverse {
  padding-top: 1rem;
}
.page-header-block + .quick-list-block.documents {
  padding-top: 0;
}
.content-block + .page-header-block:not(:first-child):not(:last-child) + .content-block figure:before {
  background-image: linear-gradient(90deg, rgba(199, 160, 130, 0.82), rgba(199, 160, 130, 0.82));
}
.quick-list-block.documents .items-list li {
  padding: 2rem;
  border-bottom: 1px solid #f7f7f7;
}
.quick-list-block.documents .items-list li .content h2 {
  color: #548095;
}
.quick-list-block.documents .items-list li:nth-child(3n + 1) {
  background-color: #dbe900;
}
.is-search-form.is-form-id-3493,
.is-form-style.is-form-id-3500,
.is-form-style-2 {
  max-width: 454px;
  margin-top: 0;
}
.is-search-form.is-form-id-3493 #is-search-input-3493,
.is-form-style.is-form-id-3500 #is-search-input-3493,
.is-form-style-2 #is-search-input-3493,
.is-search-form.is-form-id-3493 input#is-search-input-3500,
.is-form-style.is-form-id-3500 input#is-search-input-3500,
.is-form-style-2 input#is-search-input-3500,
.is-search-form.is-form-id-3493 .is-form-style input.is-search-input,
.is-form-style.is-form-id-3500 .is-form-style input.is-search-input,
.is-form-style-2 .is-form-style input.is-search-input {
  border-color: #f7f7f7 !important;
  border-top-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  background-image: url(../images/feather-search.svg) !important;
  background-position: 0% center;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  padding-left: 2rem;
}
form.is-search-form.is-form-id-3522 .is-search-icon {
  border-left-width: 0px !important;
  background-image: url(../images/feather-search.svg) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
}
form.is-search-form.is-form-id-3522 .is-search-icon svg {
  display: none;
}
.pum-overlay {
  margin-top: 0;
}
@media (max-width: 56.249rem) {
  .mobile-break {
    display: block;
    margin-bottom: 1em;
  }
}
.pricing-block {
  position: relative;
  padding-top: 0;
  background-color: transparent !important;
}
.pricing-block > .content {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 56.25rem) {
  .pricing-block > .content {
    flex-direction: row;
  }
}
.pricing-block > .content h2 {
  color: #548095;
}
.pricing-block > .content figure {
  margin-top: 0;
}
.pricing-block > .content figure img {
  max-width: 43rem;
}
.pricing-block > .content + .price-list {
  margin-top: 2rem;
}
@media (min-width: 37.5rem) {
  .pricing-block > .content + .price-list {
    margin-top: 2.5rem;
  }
}
@media (min-width: 56.25rem) {
  .pricing-block > .content + .price-list {
    margin-top: 3.75rem;
  }
}
.pricing-block > .content:before {
  content: "";
  background-image: url(../images/dotty-line.svg);
  width: 100%;
  height: 100%;
  position: absolute;
  left: -1%;
  top: -35%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
}
@media (min-width: 56.25rem) {
  .pricing-block > .content:before {
    background-size: 60%;
    left: 3%;
    top: -45%;
  }
}
.pricing-block .price-list {
  list-style: none;
}
@media (min-width: 37.5rem) {
  .pricing-block .price-list {
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 56.25rem) {
  .pricing-block .price-list {
    grid-gap: 3.75rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 37.49rem) {
  .pricing-block .price-list > * + * {
    margin-top: 2.5rem;
  }
}
.pricing-block .price-list .meta {
  color: #4786a5;
  margin-top: 0.25em;
  font-size: 2.25rem;
  font-weight: 700;
}
.pricing-block .price-list li h3 {
  margin-top: 0;
  z-index: 1;
  position: relative;
}
@media (min-width: 56.25rem) {
  .pricing-block .price-list li h3 {
    font-size: 4.5rem;
  }
}
.pricing-block .price-list li h3:before {
  content: "X";
  font-family: "Permanent Marker", serif;
  font-size: 2.875rem;
  font-weight: normal;
  line-height: 44px;
  font-style: normal;
  text-align: left;
  color: #dbe900;
  position: absolute;
  right: 0;
  z-index: -1;
}
@media (min-width: 56.25rem) {
  .pricing-block .price-list li h3:before {
    font-size: 9.125rem;
  }
}
.pricing-block .price-list li [role="button"] {
  border-radius: 5px;
  font-size: 0.813rem;
  padding: 0.6rem 1.5rem;
  color: #03405f;
  background-color: #dbe900;
  border-color: #dbe900;
}
.pricing-block .price-list li [role="button"]:hover {
  color: #ffffff;
  background-color: #03405f;
  border-color: #03405f;
}
.pricing-block .price-list li ul li {
  position: relative;
  list-style: none;
  display: flex;
  align-items: flex-start;
}
.pricing-block .price-list li ul li:before {
  content: "O";
  font-family: "Permanent Marker", serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 44px;
  font-style: normal;
  text-align: left;
  color: #dbe900;
  padding-right: 10px;
}
.pricing-block:after {
  content: "";
  width: 50vw;
  height: 50vw;
  position: absolute;
  top: 0;
  top: -20vw;
  right: -50vh;
  border-radius: 50%;
  border-color: #4786a5;
  border-width: 40px;
  border-style: solid;
  opacity: 0.18;
  max-width: 720px;
  max-height: 720px;
}
@media (min-width: 75rem) {
  .pricing-block:after {
    right: -33vh;
  }
}
@media (min-width: 100rem) {
  .pricing-block:after {
    right: -20vh;
  }
}
.pricing-block:before {
  content: "";
  background-image: url(../images/dotty-line-2.svg);
  width: 100%;
  height: 100%;
  position: absolute;
  left: -1%;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -15%;
  z-index: -1;
}
@media (min-width: 56.25rem) {
  .pricing-block:before {
    background-size: 55%;
    left: 3%;
  }
}
.products-block {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.products-block .ui-slider-range {
  background: #ffffff;
}
.products-block .ui-slider.ui-widget-content .ui-slider-handle {
  background: #dbe900;
  border: 1px solid #dbe900 !important;
  border-radius: 99px;
  width: 0.8em;
  height: 0.8em;
  top: -0.1em;
}
.products-block .ui-slider.ui-widget-content .ui-slider-handle:hover,
.products-block .ui-slider.ui-widget-content .ui-slider-handle.ui-state-hover,
.products-block .ui-slider.ui-widget-content .ui-slider-handle.ui-state-active {
  border-color: #ffffff !important;
}
.products-block .woocommerce-pagination ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.products-block .woocommerce-pagination li {
  padding: 1rem 0.5rem;
  list-style: none;
}
@media (min-width: 56.25rem) {
  .products-block .products-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.products-block .products-list .content {
  min-height: 0;
}
.products-block .products-list li {
  border: 1px solid #dbe900;
  padding: 1rem 0rem;
  text-align: center;
}
@media (min-width: 56.25rem) {
  .products-block .products-list li {
    border: none;
  }
}
.products-block .products-list li figure {
  position: relative;
  display: flex;
  height: 300px;
}
.products-block .products-list li figure img {
  display: block;
  height: auto;
  width: 100%;
  object-fit: contain;
  max-height: 750px;
  max-width: 750px;
}
.products-block .shop-sidebar {
  flex-basis: 100%;
}
@media (max-width: 37.49rem) {
  .products-block .shop-sidebar {
    /*position: sticky;*/
    /*top: 4rem;*/
    /*z-index: 9999;*/
    /*width: 100%;*/
  }
}
@media (min-width: 56.25rem) {
  .products-block .shop-sidebar {
    flex-basis: 20%;
    border-right: 1px solid #4786a5;
  }
}
.products-block .shop-sidebar .sidebar-dropdown .btn {
  padding-left: 1.5rem;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 37.5rem) {
  .products-block .shop-sidebar .sidebar-dropdown .btn {
    display: none;
  }
}
@media (max-width: 37.49rem) {
  .products-block .shop-sidebar .sidebar-dropdown #sidebarbutton ~ div {
    display: none;
  }
  .products-block .shop-sidebar .sidebar-dropdown #sidebarbutton:checked ~ div {
    display: block;
    background-color: lightgray;
    padding: 2rem;
    overflow-y: auto;
    height: 30rem;
    margin-top: 0rem;
  }
  .products-block .shop-sidebar .sidebar-dropdown #sidebarbutton:checked ~ div h3 {
    text-align: center;
  }
  .products-block .shop-sidebar .sidebar-dropdown #sidebarbutton:checked ~ div .product-categories {
    text-align: center;
  }
  .products-block .shop-sidebar .sidebar-dropdown #sidebarbutton:checked ~ div .product-categories li {
    margin: 0.5rem 0rem;
  }
}
.products-block .shop-products {
  margin-top: 0rem;
}
@media (min-width: 56.25rem) {
  .products-block .shop-products {
    flex-basis: 70%;
    margin-left: 2rem;
  }
}
.products-block .product-categories {
  list-style-type: none;
  padding: 0.5rem 0rem;
}
.product {
  padding: 2rem 1rem;
}
@media (min-width: 37.5rem) {
  .product {
    padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  .product {
    /*align-items: flex-start;
    display: flex;*/
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .product {
    padding: 5rem;
  }
}
.product .product-info-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.product .product-info-container:has(.onsale) {
  padding-top: 4rem;
}
.product .product-info-container .accordion-tab {
  border: 1px solid #4786a5;
  padding: 1rem;
  color: #03405f;
}
.product .product-info-container .accordion-tab h2 {
  color: #03405f;
  font-size: 1.5rem;
  font-weight: 300;
}
.product .product-info-container .accordion-tab .tab-title:after {
  background-image: url(../images/arrow-down.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  content: "";
  height: 25px;
  margin-right: 0.25em;
  width: 25px;
  float: right;
}
.product .product-info-container .accordion-tab .tab-title.open:after {
  background-image: url(../images/arrow-up.png);
}
.product .onsale {
  position: absolute;
  background-color: #dbe900;
  min-height: 3.236em;
  min-width: 3.236em;
  text-align: center;
  line-height: 3.236;
  margin: 0;
  color: #ffffff;
  z-index: 9;
  top: 0;
  left: 0;
}
.product .images {
  position: relative;
  margin: 0;
}
@media (min-width: 56.25rem) {
  .product .images {
    flex-basis: 40%;
  }
}
.product .images img {
  display: block;
  height: auto;
  width: auto;
  max-width: 100%;
  margin: auto;
}
.product .images figure {
  flex-basis: 100%;
  margin-top: 0;
}
.product .images figure img {
  display: block;
  height: auto;
  width: 100%;
}
.product .images figure:nth-child(3n),
.product .images figure:nth-child(3n - 1) {
  flex-basis: calc(50% - 0.5rem);
}
.product .images .woocommerce-product-gallery__wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
}
.product .images .woocommerce-product-gallery__image:first-child {
  width: 100%;
  float: right;
  margin: 0;
}
.product .images .woocommerce-product-gallery__image:nth-child(n + 2) {
  width: 25%;
  display: inline-block;
  float: right;
}
.product .images .woocommerce-product-gallery__image:nth-child(n + 2) img {
  object-fit: cover;
  object-position: center;
  max-width: 100%;
  margin: auto;
}
.product .images .woocommerce-product-gallery__trigger {
  display: none;
}
.product .woocommerce-tabs {
  display: flex;
  flex-direction: column;
}
.product .woocommerce-tabs .tabs {
  display: none;
}
.product .woocommerce-tabs .wc-tab {
  margin-top: 3rem;
  border-top: 1px solid #ffffff;
  padding-top: 3rem;
}
.product .woocommerce-tabs .woocommerce-product-attributes tbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10rem;
}
@media (max-width: 56.249rem) {
  .product .woocommerce-tabs .woocommerce-product-attributes tbody {
    grid-template-columns: 1fr;
  }
}
.product .woocommerce-tabs .woocommerce-product-attributes .woocommerce-product-attributes-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ffffff;
  flex-wrap: wrap;
  flex-direction: row;
}
.product .woocommerce-tabs .woocommerce-product-attributes .woocommerce-product-attributes-item__label {
  flex-basis: 60%;
  flex-grow: 1;
  text-transform: uppercase;
}
.product .woocommerce-tabs .woocommerce-product-attributes .woocommerce-product-attributes-item__value {
  flex-basis: 40%;
  flex-grow: 1;
}
.product .summary {
  font-size: 0.875rem;
}
.product .summary h1 {
  color: #03405f;
  margin-top: 1rem;
  line-height: 1.25;
}
@media (max-width: 56.249rem) {
  .product .summary {
    margin-top: 2rem;
  }
}
@media (min-width: 56.25rem) {
  .product .summary {
    flex-basis: 60%;
    margin-top: 0;
    padding-left: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .product .summary {
    padding-left: 5rem;
  }
}
.product .summary .product_meta {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.product .summary > .price {
  font-size: 1.2rem;
  font-weight: 500;
  margin: 2rem 0rem;
  color: #03405f;
}
.product .summary > .price del {
  color: #ffffff;
  display: block;
  font-size: 0.625em;
}
.product .summary > .price ins {
  display: block;
  margin-top: 0;
  text-decoration: none;
}
.product .summary form {
  margin-top: 1rem;
  justify-content: flex-start;
}
.product .summary form .woocommerce-variation-price {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 0;
  color: #dbe900;
}
.product .summary form .variations .label {
  display: none;
}
.product .summary form .variations select {
  color: #ffffff;
  background: #03405f;
}
.product .summary form .quantity {
  flex-basis: 50%;
  width: auto;
}
@media (min-width: 75rem) {
  .product .summary form .quantity {
    flex-basis: 10%;
  }
}
.product .summary form .quantity input {
  margin-top: 0;
  border: 1px solid #4786a5;
}
.product .summary form [type="submit"] {
  background-color: #4786a5;
  color: #03405f;
  flex-basis: 50%;
  margin-top: 0;
  padding: 1em 1em;
  width: auto;
}
@media (min-width: 75rem) {
  .product .summary form [type="submit"] {
    flex-basis: 30%;
  }
}
.product .summary form [type="submit"]:hover {
  background-color: #03405f;
  color: #ffffff;
}
.product .summary .woocommerce-variation-add-to-cart {
  display: flex;
  justify-content: space-between;
}
.product .summary .variations {
  font-size: 1em;
}
.product .summary .variations .value {
  display: flex;
}
.product .summary .variations .reset_variations {
  display: none !important;
}
.upsells,
.related.products {
  margin-top: 3rem;
  border-top: 1px solid #ffffff;
  padding-top: 3rem;
}
.upsells > h2,
.related.products > h2 {
  color: #03405f;
  font-size: 1.75rem;
  text-align: center;
}
.upsells ul,
.related.products ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 1rem;
}
@media (min-width: 37.5rem) {
  .upsells ul,
  .related.products ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 56.25rem) {
  .upsells ul,
  .related.products ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.upsells ul li,
.related.products ul li {
  padding: 0;
}
.upsells ul li img,
.related.products ul li img {
  width: 100%;
  height: auto;
}
.upsells ul li .add_to_cart_button,
.related.products ul li .add_to_cart_button {
  background-color: #548095;
  color: #03405f;
  padding: 1em 1em;
  width: fit-content;
  display: block;
  margin-right: auto;
  margin-top: 1rem;
}
.upsells ul li .add_to_cart_button:hover,
.related.products ul li .add_to_cart_button:hover {
  background-color: #03405f;
  color: #ffffff;
}
.upsells ul li h2,
.related.products ul li h2 {
  font-size: 1.5rem;
}
.products-list li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.products-list li .content {
  min-height: 8rem;
}
.products-list li .cart {
  color: #03405f;
  background: #548095;
  text-transform: uppercase;
  text-align: center;
}
.products-list li .cart:hover {
  background-color: #dbe900;
  color: #ffffff;
}
.testimonials-block {
  position: relative;
}
.testimonials-block .testimonal-background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.testimonials-block .testimonal-background:before {
  background-image: linear-gradient(90deg, rgba(199, 160, 130, 0.43), rgba(199, 160, 130, 0.43));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.testimonials-block .testimonal-background img {
  display: block;
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%;
}
@media (min-width: 56.25rem) {
  .testimonials-block > .content {
    margin-left: auto;
    margin-right: auto;
    max-width: 56rem;
    text-align: center;
  }
}
.testimonials-block .testimonial-logo {
  margin: 0;
  text-align: center;
}
.testimonials-block .slider {
  margin-left: auto;
  margin-right: auto;
  max-width: 64rem;
  margin-top: 0;
}
.testimonials-block .slider li {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.testimonials-block .slider li img {
  width: 200px;
  margin: 0 auto;
  padding-bottom: 2rem;
}
.testimonials-block .slider li figure img {
  position: relative;
}
.testimonials-block .slider ul {
  height: 32rem;
}
@media (min-width: 37.5rem) {
  .testimonials-block .slider ul {
    height: 20rem;
  }
}
@media (min-width: 56.25rem) {
  .testimonials-block .slider ul {
    height: 20rem;
  }
}
.testimonials-block .slider .quote {
  margin-top: 0;
  text-align: center;
}
@media (min-width: 37.5rem) {
  .testimonials-block .slider .quote {
    font-size: 1.25em;
  }
}
.testimonials-block .slider .quote p {
  font-size: 1rem;
}
.testimonials-block.background-accent-1 .slider li {
  background-color: #dbe900;
  color: #ffffff;
}
@media (max-width: 56.249rem) {
  .video-block {
    padding: 0;
  }
}
.video-block img,
.video-block video {
  display: block;
  height: auto;
  width: 100%;
}
.single-post .page-header-block time {
  display: block;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
}
.single-post .page-header-block time + h1 {
  margin-top: 0;
}
.product-video-block {
  background-color: #4786a5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 56.25rem) {
  .product-video-block {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 56.25rem) {
  .product-video-block > * {
    flex-basis: 45%;
  }
}
.product-video-block iframe {
  height: 400px;
  aspect-ratio: 16/9;
}
.background-background {
  background: #ffffff;
  color: #03405f;
}
.background-background [role="button"],
.background-background input[type="submit"],
.background-background button,
.background-background .btn {
  background-color: transparent;
  border: 1px solid #4786a5;
  color: #4786a5;
}
.background-background [role="button"]:hover,
.background-background input[type="submit"]:hover,
.background-background button:hover,
.background-background .btn:hover {
  background-color: #4786a5;
  color: #ffffff;
}
.background-foreground {
  background-color: #03405f;
  color: #ffffff;
}
.background-foreground [role="button"],
.background-foreground input[type="submit"],
.background-foreground button,
.background-foreground .btn {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.background-foreground [role="button"]:hover,
.background-foreground input[type="submit"]:hover,
.background-foreground button:hover,
.background-foreground .btn:hover {
  background-color: #548095;
  border: 1px solid #548095;
  color: #000000;
}
.background-foreground [role="button"] + [role="button"],
.background-foreground input[type="submit"] + [role="button"],
.background-foreground button + [role="button"],
.background-foreground .btn + [role="button"] {
  background-color: #548095;
  border: 1px solid #548095;
  color: #000000;
}
.background-foreground [role="button"] + [role="button"]:hover,
.background-foreground input[type="submit"] + [role="button"]:hover,
.background-foreground button + [role="button"]:hover,
.background-foreground .btn + [role="button"]:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #000000;
}
.background-foreground input,
.background-foreground select,
.background-foreground textarea {
  border-color: #ffffff;
}
.background-foreground + .background-foreground {
  position: relative;
}
@media (min-width: 56.25rem) {
  .background-foreground:last-child {
    position: relative;
  }
}
.background-foreground.background-foreground.list-block.page-list .slider:after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #03405f);
}
.background-foreground.background-foreground.list-block.page-list .slider:before {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #03405f);
}
.background-accent-1 {
  background-color: #dbe900;
  color: #03405f;
}
.background-accent-1 .content h2,
.background-accent-1.content h2,
.background-accent-1 .content h3,
.background-accent-1.content h3,
.background-accent-1 .content h4,
.background-accent-1.content h4,
.background-accent-1 .content h5,
.background-accent-1.content h5,
.background-accent-1 .content h6,
.background-accent-1.content h6 {
  color: inherit;
}
.background-accent-1 [role="button"] {
  color: #ffffff;
}
.background-accent-1 [role="button"]:hover {
  color: #03405f;
}
.background-accent-2 {
  background-color: #548095;
  color: #03405f;
}
.background-accent-2 .content h2,
.background-accent-2.content h2,
.background-accent-2 .content h3,
.background-accent-2.content h3,
.background-accent-2 .content h4,
.background-accent-2.content h4,
.background-accent-2 .content h5,
.background-accent-2.content h5,
.background-accent-2 .content h6,
.background-accent-2.content h6 {
  color: inherit;
}
.background-accent-2 [role="button"],
.background-accent-2 input[type="submit"],
.background-accent-2 button,
.background-accent-2 .btn {
  background-color: #ffffff;
  color: #03405f;
}
.background-accent-2 [role="button"]:hover,
.background-accent-2 input[type="submit"]:hover,
.background-accent-2 button:hover,
.background-accent-2 .btn:hover {
  background-color: #03405f;
  color: #ffffff;
}
.background-accent-3 {
  background-color: #4786a5;
  color: #03405f;
}
.background-accent-3 .content h2,
.background-accent-3.content h2,
.background-accent-3 .content h3,
.background-accent-3.content h3,
.background-accent-3 .content h4,
.background-accent-3.content h4,
.background-accent-3 .content h5,
.background-accent-3.content h5,
.background-accent-3 .content h6,
.background-accent-3.content h6 {
  color: inherit;
}
.background-accent-3 [role="button"],
.background-accent-3 input[type="submit"],
.background-accent-3 button,
.background-accent-3 .btn {
  background-color: transparent;
  color: #03405f;
  border: 1px solid #03405f;
}
.background-accent-3 [role="button"]:hover,
.background-accent-3 input[type="submit"]:hover,
.background-accent-3 button:hover,
.background-accent-3 .btn:hover {
  background-color: #03405f;
  color: #ffffff;
}
.background-accent-4 {
  background-color: #4786a5;
  color: #03405f;
}
.background-accent-4 .content h2,
.background-accent-4.content h2,
.background-accent-4 .content h3,
.background-accent-4.content h3,
.background-accent-4 .content h4,
.background-accent-4.content h4,
.background-accent-4 .content h5,
.background-accent-4.content h5,
.background-accent-4 .content h6,
.background-accent-4.content h6 {
  color: inherit;
}
.background-accent-4 [role="button"],
.background-accent-4 input[type="submit"],
.background-accent-4 button,
.background-accent-4 .btn {
  background-color: #03405f;
  color: #ffffff;
}
.background-accent-4 [role="button"]:hover,
.background-accent-4 input[type="submit"]:hover,
.background-accent-4 button:hover,
.background-accent-4 .btn:hover {
  background-color: #ffffff;
  color: #03405f;
}
.background-grey {
  background-color: #f7f7f7;
  color: #afafaf;
}
.button-3 {
  display: flex;
  justify-content: center;
}
.button-3::before {
  content: url(../images/play-icon.svg);
  display: inline-block;
  width: 31px;
  height: 31px;
  padding-right: 10px;
}
.page-id-22 .form-block form .submit {
  margin-left: unset;
}
.page-id-22 .form-block form .submit button {
  background-color: #548095;
  border: 1px solid #548095;
  color: #ffffff;
}
.page-id-22 .form-block form .submit button:hover {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
/*
----------------------------------------------
WOOCOMMERCE
----------------------------------------------
*/
.pswp__bg {
  background: rgba(0, 0, 0, 0.85);
}
.product-info-block {
  margin: 0;
}
.product-info-block h2 {
  color: #dbe900;
}
body .woocommerce {
  margin-top: 0;
  padding: 2rem 1rem;
}
@media (min-width: 37.5rem) {
  body .woocommerce {
    padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  body .woocommerce {
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  body .woocommerce {
    padding: 5rem;
  }
}
.cart-collaterals .wc-proceed-to-checkout {
  text-align: right;
}
#shipping_method {
  list-style: none;
  width: 15em;
}
#shipping_method label {
  margin: 0;
  padding-left: 0.5em;
}
.checkout {
  padding: 1rem 0;
}
@media (min-width: 37.5rem) {
  .checkout {
    padding: 1.25rem 0;
  }
}
@media (min-width: 56.25rem) {
  .checkout {
    display: flex;
    flex-wrap: wrap;
    padding: 2.5rem 0;
  }
}
@media (min-width: 75rem) {
  .checkout {
    padding: 3.57% 0;
  }
}
.checkout h1,
.checkout h2,
.checkout h3,
.checkout h4,
.checkout h5,
.checkout h6 {
  color: #dbe900;
}
.checkout input::placeholder,
.checkout textarea::placeholder {
  color: transparent;
}
.checkout .woocommerce-NoticeGroup {
  flex-basis: 100%;
  margin-bottom: 2.5rem;
}
.checkout .woocommerce-NoticeGroup > * {
  border-bottom: 1px solid #f7f7f7;
  border-top: 1px solid #f7f7f7;
  padding: 1.5rem 2.5rem;
}
.checkout .woocommerce-NoticeGroup .woocommerce-error {
  border-color: crimson;
  color: crimson;
}
@media (min-width: 56.25rem) {
  .checkout .customer-details {
    flex-basis: 10em;
    flex-grow: 1;
    padding: 0 1.25rem 0 0;
  }
}
@media (min-width: 75rem) {
  .checkout .customer-details {
    padding: 0 2.5rem 0 0;
  }
}
@media (min-width: 56.25rem) {
  .checkout .order-review {
    border-left: 1px solid #f7f7f7;
    margin-top: 0;
    max-width: 24rem;
    padding: 0 0 0 1.25rem;
  }
}
@media (min-width: 65rem) {
  .checkout .order-review {
    padding: 0 0 0 2.5rem;
  }
}
.checkout .shipping_address {
  display: none;
}
.checkout #ship-to-different-address-checkbox:checked ~ .shipping_address {
  display: block;
}
.checkout input[type="radio"],
.checkout input[type="checkbox"] {
  padding-right: 0.5em;
}
.checkout #wc-stripe-new-payment-method {
  width: 1.5em !important;
}
.checkout .payment_methods {
  list-style: none;
}
.checkout .payment_methods > li {
  border: 1px solid #f7f7f7;
  padding: 1rem;
}
.checkout .payment_methods input[type="radio"] {
  width: 1.5em !important;
}
.checkout .payment_methods .wc-saved-payment-methods {
  list-style: none;
}
.checkout label {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  opacity: 0.75;
  padding-left: 0rem;
  text-transform: uppercase;
}
.checkout label + * {
  margin-top: 0.25rem;
}
.checkout .woocommerce-input-wrapper {
  display: block;
}
.checkout #ship-to-different-address-checkbox + label {
  padding-left: 0.5rem;
}
.checkout .woocommerce-privacy-policy-text {
  color: #03405f;
  font-size: 0.75rem;
  opacity: 0.5;
}
.checkout .woocommerce-form__label-for-checkbox {
  padding-left: 0;
}
.checkout .woocommerce-form__label-for-checkbox input[type="checkbox"] {
  height: 1.5rem;
  width: 1.5rem;
}
.checkout .woocommerce-form__label-for-checkbox a {
  color: #dbe900;
  text-decoration: underline;
}
.checkout .woocommerce-form__label-for-checkbox a:hover {
  color: #dbe900;
}
.checkout .woocommerce-terms-and-conditions-wrapper .form-row {
  margin-top: 1.5rem;
}
.checkout #agree_field {
  border-top: 1px solid #f7f7f7;
  margin-top: 1rem;
  padding-top: 1rem;
}
.checkout #agree_field label {
  padding-left: 0;
}
.checkout #agree_field input[type="checkbox"] {
  background-position: 50% 700%;
}
.checkout #agree_field input[type="checkbox"]:checked {
  background-position: 50% 50%;
  background-image: url("../images/tick.png");
}
.checkout_coupon {
  border-bottom: 1px solid #f7f7f7;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 0;
  padding: 1rem 0;
}
.checkout_coupon button {
  margin-left: 1rem;
  margin-top: 0;
  white-space: nowrap;
}
.checkout_coupon label + input {
  margin-top: 0;
}
@media (max-width: 37.49rem) {
  .shop_table thead {
    display: none;
  }
  .shop_table .cart_item {
    display: block;
    padding-right: 3rem;
    position: relative;
  }
  .shop_table .cart_item > * {
    border-top: 0;
    display: block;
    padding: 0.5rem 0;
  }
  .shop_table .cart_item > *[data-title]::before {
    content: attr(data-title);
    color: #dbe900;
    display: block;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .shop_table .actions {
    padding: 0.5rem 0;
  }
}
@media (min-width: 37.5rem) {
  .shop_table thead {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .shop_table thead td,
  .shop_table thead th {
    border-color: #f7f7f7;
  }
  .shop_table td,
  .shop_table th {
    padding: 0.5rem;
  }
}
.shop_table .coupon {
  border-bottom: 1px solid #f7f7f7;
  display: flex;
  padding: 1rem 0;
}
.shop_table .coupon button {
  margin-left: 1rem;
  margin-top: 0;
  white-space: nowrap;
}
.shop_table .coupon label {
  color: transparent !important;
  height: 1px !important;
  left: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  top: 0 !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.shop_table .coupon label + input {
  margin-top: 0;
}
.shop_table .order_item .wc-item-meta {
  list-style: none;
}
.shop_table .order_item .wc-item-meta li > * {
  display: inline;
  margin: 0;
}
.shop_table .order_item .wc-item-meta li + li {
  margin-top: 0.5em;
}
.shop_table .product-name {
  width: 100%;
}
.shop_table .product-thumbnail {
  width: 7rem;
}
.shop_table .product-thumbnail img {
  display: block;
  height: 6rem;
  object-fit: contain;
  object-position: center;
  width: 6rem;
}
@media (min-width: 37.5rem) {
  .shop_table .product-quantity input {
    width: 5em;
  }
}
.shop_table .product-remove,
.shop_table .product-edit {
  text-align: center;
  width: 3rem;
}
@media (max-width: 37.49rem) {
  .shop_table .product-remove,
  .shop_table .product-edit {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.shop_table .product-remove a,
.shop_table .product-edit a {
  font-size: 2rem;
}
.shop_table .product-edit svg {
  display: block;
  fill: currentColor;
  height: 0.625em;
  width: 0.625em;
}
.shop_table .variation {
  font-size: 0.75em;
  text-transform: none;
}
.shop_table .variation > * {
  display: inline-block;
}
.shop_table .variation dt {
  font-weight: 600;
}
.shop_table .variation * + dt::before {
  content: "| ";
}
.woocommerce-cart h1,
.woocommerce-cart h2,
.woocommerce-cart h3,
.woocommerce-cart h4,
.woocommerce-cart h5,
.woocommerce-cart h6 {
  color: #dbe900;
}
@media (min-width: 75rem) {
  .woocommerce-cart .woocommerce {
    display: flex;
    flex-wrap: wrap;
  }
}
.woocommerce-cart .cart-collaterals {
  margin-top: 2rem;
}
@media (min-width: 75rem) {
  .woocommerce-cart .cart-collaterals {
    border-left: 1px solid #f7f7f7;
    margin-top: 0;
    max-width: 24rem;
    padding: 0 0 0 3.57%;
  }
}
.woocommerce-cart .cart-collaterals h2 {
  color: #dbe900;
  font-size: 2rem;
}
@media screen and (min-width: 37.5rem) {
  .woocommerce-cart .cart-collaterals h2 {
    font-size: 2.5rem;
  }
}
.woocommerce-cart .woocommerce-notices-wrapper {
  flex-basis: 100%;
}
@media (min-width: 75rem) {
  .woocommerce-cart .woocommerce-cart-form {
    flex-basis: 50%;
    flex-grow: 1;
    padding: 0 3.57% 0 0;
  }
}
@media (min-width: 56.25rem) {
  .woocommerce-order {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.woocommerce-order .woocommerce-notice {
  border-bottom: 1px solid #f7f7f7;
  border-top: 1px solid #f7f7f7;
  color: #dbe900;
  flex-basis: 100%;
  font-weight: 700;
  padding: 1.5rem 0;
}
.woocommerce-order .woocommerce-order-overview {
  list-style: none;
}
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order .woocommerce-order-details {
  flex-basis: 100%;
}
.woocommerce-order .order_details td,
.woocommerce-order .order_details th {
  width: auto;
}
.woocommerce-order .order_details td:last-child,
.woocommerce-order .order_details th:last-child {
  width: 10em;
}
.woocommerce-order .order_details .item-attributes {
  font-size: 0.75em;
  margin-top: 0.5em;
}
.woocommerce-order .order_details .product-image {
  display: block;
  float: left;
  height: 8rem;
  object-fit: contain;
  width: 100%;
}
@media (max-width: 37.49rem) {
  .woocommerce-order .order_details .product-image {
    margin-bottom: 1em;
    object-position: left;
  }
}
@media (min-width: 37.5rem) {
  .woocommerce-order .order_details .product-image {
    height: 8rem;
    margin-right: 1em;
    width: 8rem;
  }
}
.woocommerce-order .order_details tfoot tr td,
.woocommerce-order .order_details tfoot tr th {
  border-top: 1px solid #f7f7f7;
}
.woocommerce-notices-wrapper > * {
  background-color: #dbe900;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 1rem;
  text-transform: uppercase;
  margin: 0;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
@media (min-width: 37.5rem) {
  .woocommerce-notices-wrapper > * {
    padding: 1.5rem 1.25rem;
  }
}
@media (min-width: 56.25rem) {
  .woocommerce-notices-wrapper > * {
    padding: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .woocommerce-notices-wrapper > * {
    padding: 2.5rem 5rem;
  }
}
@media (min-width: 100rem) {
  .woocommerce-notices-wrapper > * {
    padding: 2.5rem calc(50% - 44rem);
  }
}
.woocommerce-notices-wrapper .button {
  color: #03405f;
  padding: 1em 1.5em;
}
.woocommerce-notices-wrapper .woocommerce-error {
  background-color: #dbe900;
  list-style: none;
}
.woocommerce-notices-wrapper a {
  color: #03405f;
}
.woocommerce-notices-wrapper a:hover {
  color: #ffffff;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.woocommerce-billing-fields__field-wrapper > *,
.woocommerce-shipping-fields__field-wrapper > *,
.woocommerce-address-fields__field-wrapper > * {
  flex-basis: 100%;
  margin: 0.5rem;
}
@media (min-width: 37.5rem) {
  .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
  .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
  .woocommerce-address-fields__field-wrapper #billing_first_name_field,
  .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
  .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
  .woocommerce-address-fields__field-wrapper #billing_last_name_field,
  .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
  .woocommerce-shipping-fields__field-wrapper #billing_address_1_field,
  .woocommerce-address-fields__field-wrapper #billing_address_1_field,
  .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
  .woocommerce-shipping-fields__field-wrapper #billing_address_2_field,
  .woocommerce-address-fields__field-wrapper #billing_address_2_field,
  .woocommerce-billing-fields__field-wrapper #billing_city_field,
  .woocommerce-shipping-fields__field-wrapper #billing_city_field,
  .woocommerce-address-fields__field-wrapper #billing_city_field,
  .woocommerce-billing-fields__field-wrapper #billing_state_field,
  .woocommerce-shipping-fields__field-wrapper #billing_state_field,
  .woocommerce-address-fields__field-wrapper #billing_state_field,
  .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
  .woocommerce-shipping-fields__field-wrapper #billing_postcode_field,
  .woocommerce-address-fields__field-wrapper #billing_postcode_field,
  .woocommerce-billing-fields__field-wrapper #billing_country_field,
  .woocommerce-shipping-fields__field-wrapper #billing_country_field,
  .woocommerce-address-fields__field-wrapper #billing_country_field,
  .woocommerce-billing-fields__field-wrapper #billing_phone_field,
  .woocommerce-shipping-fields__field-wrapper #billing_phone_field,
  .woocommerce-address-fields__field-wrapper #billing_phone_field,
  .woocommerce-billing-fields__field-wrapper #billing_email_field,
  .woocommerce-shipping-fields__field-wrapper #billing_email_field,
  .woocommerce-address-fields__field-wrapper #billing_email_field,
  .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
  .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
  .woocommerce-address-fields__field-wrapper #shipping_first_name_field,
  .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
  .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
  .woocommerce-address-fields__field-wrapper #shipping_last_name_field,
  .woocommerce-billing-fields__field-wrapper #shipping_address_1_field,
  .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field,
  .woocommerce-address-fields__field-wrapper #shipping_address_1_field,
  .woocommerce-billing-fields__field-wrapper #shipping_address_2_field,
  .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field,
  .woocommerce-address-fields__field-wrapper #shipping_address_2_field,
  .woocommerce-billing-fields__field-wrapper #shipping_city_field,
  .woocommerce-shipping-fields__field-wrapper #shipping_city_field,
  .woocommerce-address-fields__field-wrapper #shipping_city_field,
  .woocommerce-billing-fields__field-wrapper #shipping_state_field,
  .woocommerce-shipping-fields__field-wrapper #shipping_state_field,
  .woocommerce-address-fields__field-wrapper #shipping_state_field,
  .woocommerce-billing-fields__field-wrapper #shipping_postcode_field,
  .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field,
  .woocommerce-address-fields__field-wrapper #shipping_postcode_field,
  .woocommerce-billing-fields__field-wrapper #shipping_country_field,
  .woocommerce-shipping-fields__field-wrapper #shipping_country_field,
  .woocommerce-address-fields__field-wrapper #shipping_country_field {
    flex-basis: calc(50% - 1rem);
  }
}
.wc-forward {
  color: #03405f;
  border-color: #ffffff;
  background-color: #ffffff;
}
.wc-forward:hover {
  background-color: #03405f;
  border-color: #dbe900;
  color: #dbe900;
}
@media (min-width: 56.25rem) {
  .woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
  }
  .woocommerce-account .woocommerce > * {
    flex-basis: 100%;
  }
}
.woocommerce-account .woocommerce h1,
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3,
.woocommerce-account .woocommerce h4,
.woocommerce-account .woocommerce h5,
.woocommerce-account .woocommerce h6 {
  color: #dbe900;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media (min-width: 56.25rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
    border-right: 1px solid #f7f7f7;
    flex-basis: calc(25% - 1.25rem);
    max-width: 24em;
    padding-right: 1.25rem;
    margin-right: 1.25rem;
  }
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li + li {
  border-top: 1px solid #f7f7f7;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .is-active > a {
  color: #dbe900;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  background-image: url(../images/icon-login.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1em;
  margin-right: 0.25em;
  width: 1em;
}
@media (min-width: 56.25rem) {
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content {
    flex-basis: 75%;
    flex-grow: 1;
    margin-top: 0;
  }
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content img {
  max-width: 500px;
}
@media (min-width: 56.25rem) {
  .woocommerce-account .col2-set {
    display: flex;
  }
}
@media (max-width: 56.249rem) {
  .woocommerce-account .col2-set > *:last-child {
    border-top: 1px solid #f7f7f7;
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
@media (min-width: 56.25rem) {
  .woocommerce-account .col2-set > * {
    flex-basis: 50%;
    margin-top: 0;
  }
  .woocommerce-account .col2-set > *:first-child {
    padding-right: 2.5rem;
  }
  .woocommerce-account .col2-set > *:last-child {
    border-left: 1px solid #f7f7f7;
    padding-left: 2.5rem;
  }
}
.woocommerce-account .col2-set .title {
  display: flex;
  justify-content: space-between;
}
.woocommerce-account .col2-set .title a {
  border: 2px solid #dbe900;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-top: 0;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
}
.woocommerce-account .col2-set .title a:hover {
  background-color: #dbe900;
  color: #ffffff;
}
.woocommerce-account .change-password {
  border: 1px solid #f7f7f7;
  margin-top: 2.5rem;
  padding: 1rem;
}
.woocommerce-account .change-password + * {
  margin-top: 1.5rem;
}
.woocommerce-account .woocommerce-MyAccount-orders .button {
  margin: 0.25rem;
  padding: 0.75rem 1.5rem;
}
.woocommerce-account .woocommerce-privacy-policy-text {
  font-size: 0.75rem;
}
.woocommerce-account .lost_reset_password {
  max-width: 40rem;
}
.woocommerce-account .woocommerce-password-strength {
  font-weight: 600;
}
.woocommerce-account .woocommerce-password-strength.bad,
.woocommerce-account .woocommerce-password-strength.short {
  color: crimson;
}
.woocommerce-account .woocommerce-password-strength.good {
  color: orange;
}
.woocommerce-account .woocommerce-password-strength.strong {
  color: green;
}
.checkout-button,
#place_order {
  background-color: #dbe900;
  border-color: #dbe900;
  color: #ffffff;
  margin-top: 2rem;
  padding: 0.75rem 2rem;
}
.checkout-button:hover,
#place_order:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.woocommerce-checkout-review-order-table th {
  text-align: left;
}
.woocommerce-checkout-review-order-table tr td,
.woocommerce-checkout-review-order-table tr th {
  border-top: 1px solid #f7f7f7;
}
.woocommerce-form-login {
  margin-top: 2.5rem;
  max-width: 40rem;
}
.woocommerce-form-login button {
  background-color: #dbe900;
  color: #ffffff;
  margin-top: 1.5rem;
  padding: 1rem 2rem;
}
.woocommerce-form-login .lost_password a {
  font-size: 0.875rem;
  opacity: 0.75;
}
.woocommerce-form-login .woocommerce-form-login__rememberme {
  padding-left: 0;
}
.pum ul {
  margin-top: 0;
}
.pum ul li {
  position: relative;
  list-style: none;
  display: flex;
  align-items: flex-start;
}
.pum ul li p {
  margin-top: 0;
}
.pum ul li:before {
  content: "O";
  font-family: "Permanent Marker", serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  font-style: normal;
  text-align: left;
  color: #dbe900;
  padding-right: 10px;
}
.pum .pum-close {
  font-family: "Permanent Marker", serif !important;
  margin-top: 0;
}
/*
----------------------------------------------
ANIMATIONS
----------------------------------------------
*/
@keyframes menu-btn-top {
  50% {
    transform: translateY(0);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes menu-btn-bot {
  50% {
    transform: translateY(0);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@keyframes menu-btn-top-rev {
  0% {
    transform: rotate(45deg);
  }
  50% {
    transform: translateY(0);
  }
}
@keyframes menu-btn-bot-rev {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: translateY(0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translateX(-5rem) translateZ(0);
  }
}
@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(5rem) translateZ(0);
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(4rem) translateZ(0);
  }
}
@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-4rem) translateZ(0);
  }
}
@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(0.55) translateZ(0);
  }
}
@keyframes banner-reveal {
  0% {
    clip-path: polygon(0% 50%, 100% 50%, 100% 50%, 0 50%);
    opacity: 0;
    transform: scale(0.9) translateZ(0);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes image-reveal-right {
  0% {
    clip-path: polygon(8rem 0%, 8rem 0%, 8rem 100%, 8rem 100%);
    opacity: 0;
    transform: translateX(-4rem) translateZ(0);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes image-reveal-left {
  0% {
    clip-path: polygon(calc(100% - 8rem) 0%, calc(100% - 8rem) 0%, calc(100% - 8rem) 100%, calc(100% - 8rem) 100%);
    opacity: 0;
    transform: translateX(4rem) translateZ(0);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes image-reveal-top {
  0% {
    clip-path: polygon(0% calc(100% - 8rem), 100% calc(100% - 8rem), 100% calc(100% - 8rem), 0% calc(100% - 8rem));
    opacity: 0;
    transform: translateY(4rem) translateZ(0);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes image-reveal-bottom {
  0% {
    clip-path: polygon(0% 8rem, 100% 8rem, 100% 8rem, 0% 8rem);
    opacity: 0;
    transform: translateY(-4rem) translateZ(0);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@media (min-width: 56.25rem) {
  .reveal-enabled .reveal {
    opacity: 0;
  }
  .reveal-enabled .reveal.inview {
    opacity: 1;
  }
  .reveal-enabled .content-block.inview .content > * {
    animation: fade-in-left 0.5s 0.25s backwards ease-out;
  }
  .reveal-enabled .content-block.inview .content > *:nth-child(1) {
    animation-delay: 0s;
  }
  .reveal-enabled .content-block.inview .content > *:nth-child(2) {
    animation-delay: 0.05s;
  }
  .reveal-enabled .content-block.inview .content > *:nth-child(3) {
    animation-delay: 0.1s;
  }
  .reveal-enabled .content-block.inview .content > *:nth-child(4) {
    animation-delay: 0.15s;
  }
  .reveal-enabled .content-block.inview .content > *:nth-child(5) {
    animation-delay: 0.2s;
  }
  .reveal-enabled .content-block.inview.background-accent-1,
  .reveal-enabled .content-block.inview.background-accent-1,
  .reveal-enabled .content-block.inview.background-grey {
    animation: fade-in 0.75s backwards ease-out;
  }
  .reveal-enabled .content-block.inview.background-accent-1 .content > *,
  .reveal-enabled .content-block.inview.background-accent-1 .content > *,
  .reveal-enabled .content-block.inview.background-grey .content > * {
    animation: fade-in-left 0.5s 0.55s backwards ease-out;
  }
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(1),
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(1),
  .reveal-enabled .content-block.inview.background-grey .content > *:nth-child(1) {
    animation-delay: 0.3s;
  }
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(2),
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(2),
  .reveal-enabled .content-block.inview.background-grey .content > *:nth-child(2) {
    animation-delay: 0.35s;
  }
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(3),
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(3),
  .reveal-enabled .content-block.inview.background-grey .content > *:nth-child(3) {
    animation-delay: 0.4s;
  }
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(4),
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(4),
  .reveal-enabled .content-block.inview.background-grey .content > *:nth-child(4) {
    animation-delay: 0.45s;
  }
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(5),
  .reveal-enabled .content-block.inview.background-accent-1 .content > *:nth-child(5),
  .reveal-enabled .content-block.inview.background-grey .content > *:nth-child(5) {
    animation-delay: 0.5s;
  }
  .reveal-enabled .content-block.inview.two-columns .content:nth-child(2) > * {
    animation: fade-in-left 0.5s 0.55s backwards ease-out;
  }
  .reveal-enabled .content-block.inview.two-columns .content:nth-child(2) > *:nth-child(1) {
    animation-delay: 0.3s;
  }
  .reveal-enabled .content-block.inview.two-columns .content:nth-child(2) > *:nth-child(2) {
    animation-delay: 0.35s;
  }
  .reveal-enabled .content-block.inview.two-columns .content:nth-child(2) > *:nth-child(3) {
    animation-delay: 0.4s;
  }
  .reveal-enabled .content-block.inview.two-columns .content:nth-child(2) > *:nth-child(4) {
    animation-delay: 0.45s;
  }
  .reveal-enabled .content-block.inview.two-columns .content:nth-child(2) > *:nth-child(5) {
    animation-delay: 0.5s;
  }
  .reveal-enabled .content-block.inview.text-left-image-right figure,
  .reveal-enabled .content-block.inview.text-right-image-left figure {
    animation: image-reveal-left 0.75s 0.375s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .content-block.inview.text-left-image-right figure:nth-of-type(2),
  .reveal-enabled .content-block.inview.text-right-image-left figure:nth-of-type(2) {
    animation-delay: 0.5s;
  }
  .reveal-enabled .content-block.inview.text-left-image-right .content > *,
  .reveal-enabled .content-block.inview.text-right-image-left .content > * {
    animation: fade-in-up 0.625s 0.5s backwards ease-out;
  }
  .reveal-enabled .content-block.inview.text-left-image-right .content > *:nth-child(1),
  .reveal-enabled .content-block.inview.text-right-image-left .content > *:nth-child(1) {
    animation-delay: 0s;
  }
  .reveal-enabled .content-block.inview.text-left-image-right .content > *:nth-child(2),
  .reveal-enabled .content-block.inview.text-right-image-left .content > *:nth-child(2) {
    animation-delay: 0.1s;
  }
  .reveal-enabled .content-block.inview.text-left-image-right .content > *:nth-child(3),
  .reveal-enabled .content-block.inview.text-right-image-left .content > *:nth-child(3) {
    animation-delay: 0.2s;
  }
  .reveal-enabled .content-block.inview.text-left-image-right .content > *:nth-child(4),
  .reveal-enabled .content-block.inview.text-right-image-left .content > *:nth-child(4) {
    animation-delay: 0.3s;
  }
  .reveal-enabled .content-block.inview.text-left-image-right .content > *:nth-child(5),
  .reveal-enabled .content-block.inview.text-right-image-left .content > *:nth-child(5) {
    animation-delay: 0.4s;
  }
  .reveal-enabled .content-block.inview.text-right-image-left figure {
    animation: image-reveal-right 0.75s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .content-block.inview.text-right-image-left .content {
    animation: image-reveal-left 0.75s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .items-list > *.inview figure {
    animation: image-reveal-left 1s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .items-list > *.inview h3 {
    animation: fade-in-left 0.75s 0.25s backwards ease-out;
  }
  .reveal-enabled .items-list > *.inview p {
    animation: fade-in-left 0.75s 0.3s backwards ease-out;
  }
  .reveal-enabled .pagination-block.inview li {
    animation: fade-in 0.75s 0.25s backwards ease-out;
  }
  .reveal-enabled .pagination-block.inview li:nth-child(1) {
    animation-delay: 0s;
  }
  .reveal-enabled .pagination-block.inview li:nth-child(2) {
    animation-delay: 0.05s;
  }
  .reveal-enabled .pagination-block.inview li:nth-child(3) {
    animation-delay: 0.1s;
  }
  .reveal-enabled .pagination-block.inview li:nth-child(4) {
    animation-delay: 0.15s;
  }
  .reveal-enabled .pagination-block.inview li:nth-child(5) {
    animation-delay: 0.2s;
  }
  .reveal-enabled .page-header-block.inview .content > * {
    animation: fade-in-up 0.75s 0.5s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .page-header-block.inview .content > *:nth-child(1) {
    animation-delay: 0.2s;
  }
  .reveal-enabled .page-header-block.inview .content > *:nth-child(2) {
    animation-delay: 0.3s;
  }
  .reveal-enabled .page-header-block.inview .content > *:nth-child(3) {
    animation-delay: 0.4s;
  }
  .reveal-enabled .page-header-block.inview figure {
    animation: image-reveal-right 1s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .quick-links-block .inview div {
    animation: fade-in-up 0.75s backwards ease-out;
  }
  .reveal-enabled .quick-links-block .inview div:nth-of-type(2) {
    animation-delay: 0.5s;
  }
  .reveal-enabled .quick-links-block .inview div:nth-of-type(3) {
    animation-delay: 1s;
  }
  .reveal-enabled .quick-links-block .inview figure {
    animation: image-reveal-left 1s 0.25s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .quick-links-block .inview figure:nth-of-type(2) {
    animation-delay: 0.75s;
  }
  .reveal-enabled .quick-links-block .inview figure:nth-of-type(3) {
    animation-delay: 1.25s;
  }
  .reveal-enabled .quick-list-block.inview > .content {
    animation: fade-in-up 0.75s 0.3s backwards ease-out;
  }
  .reveal-enabled .slider-block.inview .slider {
    animation: banner-reveal 1s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .slider-block.inview .slider .content > * {
    animation: fade-in-left 0.75s 0.6s backwards cubic-bezier(0, 0, 0.25, 1);
  }
  .reveal-enabled .slider-block.inview .slider .content > *:nth-child(1) {
    animation-delay: 0.2s;
  }
  .reveal-enabled .slider-block.inview .slider .content > *:nth-child(2) {
    animation-delay: 0.3s;
  }
  .reveal-enabled .slider-block.inview .slider .content > *:nth-child(3) {
    animation-delay: 0.4s;
  }
  .reveal-enabled .slider-block.inview .slider .content > *:nth-child(3) {
    animation-delay: 0.5s;
  }
  .reveal-enabled .load {
    opacity: 0;
    transition: opacity 0.5s, visibility 0s 0.5s;
    visibility: hidden;
  }
}
.load {
  display: none;
}
@media (min-width: 56.25rem) {
  .load {
    background-color: #ffffff;
    background-image: url(../images/suisselle.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16rem auto;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
}
/*
----------------------------------------------
WORDPRESS
----------------------------------------------
*/
.admin-bar .header.scrolled {
  top: 48px;
}
@media screen and (min-width: 768px) {
  .admin-bar .header.scrolled {
    top: 32px;
  }
}