@charset "UTF-8";
/*
 * Extenders
 */
.colour-temp-calc::after {
  content: "";
  display: table;
  clear: both;
}

.diffusion-comparator__list ul, .dealer-list, .colour-temp-calc__list--exact, .colour-temp-calc__list--above, .colour-temp-calc__list--below, .testimonials__list, .careers-list ul, .video-section ul, .photo-galleries, .footer__tertiary-nav ul, .footer__navigation ul, .colour__transmissions, .colours-list, .masthead ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fancybox-navigation .fancybox-button, .match__header-delete button, .irnd-test-switcher button, .location-arrow, .video-play, .comparison .slick-arrow, .video-section__filters button, .posts #rooster_loadmore, .form .wpcf7-field-group-remove,
.form .wpcf7-field-group-add, .ajax-filters button, .page-header__text-slides .slick-arrow, .page-header__colour-meta button, .close-sub-nav-button, .menu-toggle, .sub-nav-button {
  background: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: 0; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  max-width: 100%;
  height: auto;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: 0; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.0075em;
}

body {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 500;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 16px;
}
body.js-show-colours {
  margin-bottom: 40px;
}
body.js-mobile-nav {
  position: fixed;
}

a[href^=tel] {
  color: inherit;
  text-decoration: inherit;
}

.hide,
.screen-reader-text,
.visually-hidden {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

style {
  display: none;
}

:root {
  --toolGel: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="42.629" height="42.629" viewBox="0 0 42.629 42.629"%3E%3Crect transform="translate(1 1)" width="40.629" height="40.629" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline transform="translate(20.315)" y2="40.629" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline transform="translate(0 33.3)" x2="40.629" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/svg%3E%0A');
  --toolColour: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="45.389" height="45.389" viewBox="0 0 45.389 45.389"%3E%3Cline x2="43.389" transform="translate(1 1)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y1="43.389" transform="translate(1 1)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="43.389" transform="translate(1 44.389)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y2="43.389" transform="translate(44.389 1)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="43.389" transform="translate(1 33.542)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="43.389" transform="translate(1 22.694)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="43.389" transform="translate(1 11.847)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="11.107" transform="translate(1 5.82)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="11.107" transform="translate(1 17.271)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="11.107" transform="translate(1 28.118)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="11.107" transform="translate(1 38.975)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/svg%3E%0A');
  --toolDiffList: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="45.502" height="45.502" viewBox="0 0 45.502 45.502"%3E%3Cpath d="M1122.348,790.789h0a8.871,8.871,0,0,1,8.871,8.871h0a8.871,8.871,0,0,1-8.871,8.871h0a8.871,8.871,0,0,1-8.871-8.871h0A8.871,8.871,0,0,1,1122.348,790.789Z" transform="translate(-1099.597 -777.079)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Crect width="43.502" height="43.502" transform="translate(1 1)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y2="43.502" transform="translate(22.751 1)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/svg%3E%0A');
  --toolDiffComp: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="45.201" height="44.945" viewBox="0 0 45.201 44.945"%3E%3Cg transform="translate(1.181 1)"%3E%3Cline y1="19.435" transform="translate(0 11.579)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cline y2="42.945" transform="translate(42.799 0)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cline y2="37.067" transform="translate(32.099 2.895)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cline y2="31.19" transform="translate(21.399 5.79)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cline y2="9.386" transform="translate(10.7 8.684)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cpath d="M653.336,776.257l42.759-11.227" transform="translate(-653.296 -761.521)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cpath d="M696.095,846.65l-42.759-11.227" transform="translate(-653.296 -807.214)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cline x2="28.841" transform="translate(13.958 21.304)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cpath d="M677.873,806.746h0a3.158,3.158,0,0,1,3.158,3.158h0a3.158,3.158,0,0,1-3.158,3.158h0a3.158,3.158,0,0,1-3.158-3.158h0A3.158,3.158,0,0,1,677.873,806.746Z" transform="translate(-667.173 -788.6)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y2="9.26" transform="translate(10.7 24.737)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3Cline x2="7.233" transform="translate(0.058 21.304)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="isolation: isolate"/%3E%3C/g%3E%3C/svg%3E%0A');
  --toolLudwig: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="41.075" height="41.194" viewBox="0 0 41.075 41.194"%3E%3Ccircle transform="translate(1.075 1)" cx="19.5" cy="19.5" r="19.5" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cg transform="translate(1.372 1.16)"%3E%3Cline y2="3.812" transform="translate(19.238)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="2.476" y2="2.951" transform="translate(29.319 4.57)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="3.884" y2="0.685" transform="translate(34.592 16.143)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="3.51" y1="2.027" transform="translate(32.646 27.276)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="1.409" y1="3.872" transform="translate(24.51 34.02)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y1="3.871" x2="1.409" transform="translate(12.557 34.02)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y1="2.026" x2="3.509" transform="translate(2.32 27.276)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x2="3.884" y2="0.685" transform="translate(0 16.143)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x2="2.476" y2="2.951" transform="translate(6.681 4.57)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/g%3E%3Cg transform="translate(1.17 2.303)"%3E%3Cline x1="0.54" y2="1.605" transform="translate(25.379)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="1.439" y2="0.798" transform="translate(34.716 8.589)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="1.68" y1="0.296" transform="translate(36.796 21.453)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x1="1.211" y1="1.399" transform="translate(30.584 31.923)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y1="2.009" transform="translate(19.238 35.883)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y1="1.604" x2="1.369" transform="translate(6.681 31.717)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline y1="0.403" x2="2.106" transform="translate(0 21.346)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x2="1.67" y2="0.964" transform="translate(2.32 8.589)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3Cline x2="0.643" y2="1.716" transform="translate(12.557)" fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/g%3E%3C/svg%3E%0A');
  --toolComparator: url('data:image/svg+xml,%3Csvg height="18.386" viewBox="0 0 18.386 18.386" width="18.386" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" stroke="%234c9ac4" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m9.193 17.886h-8.693v-17.386h8.693"/%3E%3Cpath d="m10.906.5h2.5"/%3E%3Cpath d="m15.386.5h2.5v2.5"/%3E%3Cpath d="m17.886 7.129v6.193" stroke-dasharray="4.129 4.129"/%3E%3Cpath d="m17.886 15.386v2.5h-2.5"/%3E%3Cpath d="m13.406 17.886h-2.5"/%3E%3Cpath d="m9.193.5v17.386"/%3E%3Cpath d="m.5 14.75h8.693"/%3E%3C/g%3E%3C/svg%3E');
  --svgArrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="5.176" height="8.529" viewBox="0 0 5.176 8.529"%3E%3Cpath d="M5.576-3.419a.469.469,0,0,0,0-.663l-3.8-3.8a.469.469,0,0,0-.663,0l-.443.443a.469.469,0,0,0,0,.662L3.682-3.75.674-.728a.469.469,0,0,0,0,.662l.443.443a.469.469,0,0,0,.663,0Z" fill="currentColor" transform="translate(-0.537 8.014)"/%3E%3C/svg%3E%0A');
  --svgArrowBlue: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="5.176" height="8.529" viewBox="0 0 5.176 8.529"%3E%3Cpath d="M5.576-3.419a.469.469,0,0,0,0-.663l-3.8-3.8a.469.469,0,0,0-.663,0l-.443.443a.469.469,0,0,0,0,.662L3.682-3.75.674-.728a.469.469,0,0,0,0,.662l.443.443a.469.469,0,0,0,.663,0Z" fill="#4c9ac4" transform="translate(-0.537 8.014)"/%3E%3C/svg%3E%0A');
  --cross: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16.874" height="16.874" viewBox="0 0 16.874 16.874"%3E%3Cpath d="M10.227-10.125l5.408-5.408,1.115-1.115a.422.422,0,0,0,0-.6l-1.193-1.193a.422.422,0,0,0-.6,0L8.437-11.915,1.914-18.439a.422.422,0,0,0-.6,0L.123-17.246a.422.422,0,0,0,0,.6l6.524,6.524L.123-3.6a.422.422,0,0,0,0,.6L1.317-1.811a.422.422,0,0,0,.6,0L8.437-8.335l5.408,5.408,1.115,1.115a.422.422,0,0,0,.6,0L16.751-3a.422.422,0,0,0,0-.6Z" transform="translate(0 18.562)"/%3E%3C/svg%3E%0A');
  --crossInCircle: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M8-13.75A7.749,7.749,0,0,0,.25-6,7.749,7.749,0,0,0,8,1.75,7.749,7.749,0,0,0,15.75-6,7.749,7.749,0,0,0,8-13.75Zm3.8,9.784a.375.375,0,0,1,0,.531L10.562-2.2a.375.375,0,0,1-.531,0L8-4.25,5.966-2.2a.375.375,0,0,1-.531,0L4.2-3.437a.375.375,0,0,1,0-.531L6.25-6,4.2-8.034a.375.375,0,0,1,0-.531L5.437-9.8a.375.375,0,0,1,.531,0L8-7.75,10.034-9.8a.375.375,0,0,1,.531,0L11.8-8.562a.375.375,0,0,1,0,.531L9.75-6Z" transform="translate(-0.25 13.75)"/%3E%3C/svg%3E%0A');
  --tickWhite: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M15.75-6A7.75,7.75,0,0,0,8-13.75,7.75,7.75,0,0,0,.25-6,7.75,7.75,0,0,0,8,1.75,7.75,7.75,0,0,0,15.75-6ZM7.1-1.9a.5.5,0,0,1-.707,0l-3.25-3.25a.5.5,0,0,1,0-.707l.707-.707a.5.5,0,0,1,.707,0L6.75-4.371l4.689-4.689a.5.5,0,0,1,.707,0l.707.707a.5.5,0,0,1,0,.707Z" transform="translate(-0.25 13.75)" fill="%23fff"/%3E%3C/svg%3E%0A');
  --binBlue: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"%3E%3Cpath d="M13.75-12H10.5L9.45-13.4a1.5,1.5,0,0,0-1.2-.6H5.75a1.5,1.5,0,0,0-1.2.6L3.5-12H.25a.25.25,0,0,0-.25.25v.5A.25.25,0,0,0,.25-11H.841L1.878.634A1.5,1.5,0,0,0,3.372,2h7.256A1.5,1.5,0,0,0,12.122.634L13.159-11h.591a.25.25,0,0,0,.25-.25v-.5A.25.25,0,0,0,13.75-12Zm-8.4-.8a.5.5,0,0,1,.4-.2h2.5a.5.5,0,0,1,.4.2l.6.8H4.75ZM11.125.544a.5.5,0,0,1-.5.456H3.37a.5.5,0,0,1-.5-.456L1.844-11H12.156Z" transform="translate(0 14)" fill="%234c9ac4"/%3E%3C/svg%3E%0A');
  --plusBlue: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M12-6.187a.376.376,0,0,0-.375-.375H8.562V-9.625A.376.376,0,0,0,8.187-10H7.812a.376.376,0,0,0-.375.375v3.062H4.375A.376.376,0,0,0,4-6.187v.375a.376.376,0,0,0,.375.375H7.437v3.062A.376.376,0,0,0,7.812-2h.375a.376.376,0,0,0,.375-.375V-5.437h3.062A.376.376,0,0,0,12-5.812ZM15.75-6A7.749,7.749,0,0,0,8-13.75,7.749,7.749,0,0,0,.25-6,7.749,7.749,0,0,0,8,1.75,7.749,7.749,0,0,0,15.75-6Zm-1,0A6.75,6.75,0,0,1,8,.75,6.75,6.75,0,0,1,1.25-6,6.75,6.75,0,0,1,8-12.75,6.75,6.75,0,0,1,14.75-6Z" transform="translate(-0.25 13.75)" fill="%236199c0"/%3E%3C/svg%3E%0A');
  --sliderArrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="27" height="15" viewBox="0 0 27 15"%3E%3Cpath d="M18.224-18.544l-.414.414a.7.7,0,0,0,0,.994l4.918,4.889H.7a.7.7,0,0,0-.7.7v.586a.7.7,0,0,0,.7.7H22.728L17.81-5.365a.7.7,0,0,0,0,.994l.414.414a.7.7,0,0,0,.994,0l6.825-6.8a.7.7,0,0,0,0-.994l-6.825-6.8A.7.7,0,0,0,18.224-18.544Z" transform="translate(0 18.75)"/%3E%3C/svg%3E%0A');
  --sliderArrowWhite: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="27" height="15" viewBox="0 0 27 15"%3E%3Cpath d="M18.224-18.544l-.414.414a.7.7,0,0,0,0,.994l4.918,4.889H.7a.7.7,0,0,0-.7.7v.586a.7.7,0,0,0,.7.7H22.728L17.81-5.365a.7.7,0,0,0,0,.994l.414.414a.7.7,0,0,0,.994,0l6.825-6.8a.7.7,0,0,0,0-.994l-6.825-6.8A.7.7,0,0,0,18.224-18.544Z" fill="white" transform="translate(0 18.75)"/%3E%3C/svg%3E%0A');
  --playButtonBlue: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74"%3E%3Cpath d="M51.525-30.713a3.487,3.487,0,0,1,1.662,2.963,3.487,3.487,0,0,1-1.662,2.963L30.713-12.068a3.445,3.445,0,0,1-3.5.058,3.447,3.447,0,0,1-1.778-3.021V-40.6a3.4,3.4,0,0,1,1.778-2.891,3.172,3.172,0,0,1,3.5.058ZM30.063-38.4v21.3L47.507-27.88ZM0-27.75a37,37,0,0,1,37-37,37,37,0,0,1,37,37,37,37,0,0,1-37,37A37,37,0,0,1,0-27.75ZM37,4.625A32.377,32.377,0,0,0,69.375-27.75,32.377,32.377,0,0,0,37-60.125,32.377,32.377,0,0,0,4.625-27.75,32.377,32.377,0,0,0,37,4.625Z" transform="translate(0 64.75)" fill="%234c9ac4"/%3E%3C/svg%3E%0A');
  --magnifyingGlassBlue: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"%3E%3Cpath d="M20.856,1.378,15.565-3.913a.487.487,0,0,0-.349-.144h-.422a8.494,8.494,0,0,0,2.268-5.787,8.53,8.53,0,0,0-8.531-8.531A8.53,8.53,0,0,0,0-9.844,8.53,8.53,0,0,0,8.531-1.312a8.509,8.509,0,0,0,5.787-2.264v.418a.5.5,0,0,0,.144.349l5.291,5.291a.493.493,0,0,0,.7,0l.406-.406A.493.493,0,0,0,20.856,1.378Zm-12.325-4A7.214,7.214,0,0,1,1.312-9.844a7.214,7.214,0,0,1,7.219-7.219A7.214,7.214,0,0,1,15.75-9.844,7.214,7.214,0,0,1,8.531-2.625Z" transform="translate(0 18.375)" fill="%234c9ac4"/%3E%3C/svg%3E%0A');
  --handBlue: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M387.4 210h-7.469c-10.75-18.33-30.41-30-51.97-30h-14.84c-5.781 0-11.5 .8594-17.03 2.547C284.9 171.4 269.8 165 253.7 165h-14.88c-4.625 0-9.219 .5469-13.69 1.609V61C225.2 27.36 197.1 0 164.6 0C131.1 0 103.1 27.36 103.1 61v211.6L102.4 270.5C95.35 261 80.31 247.5 56.75 247.5c-41.59 0-56.75 37.41-56.75 57.33c0 11.94 3.69 23.97 11.33 34.23l84.66 114C123.4 489.1 167.1 512 212.8 512h118.9c5.5 0 11.06-.9219 15.09-2.344c27.47-5.062 51.81-18.5 70.19-38.69C437 449.6 448 421.3 448 391.2V271C448 237.4 420.8 210 387.4 210zM416 391.2c0 21.89-7.939 42.44-22.53 58.03c-13.78 15.12-31.91 25.14-54.41 29.41C336.2 479.6 333.9 480 331.7 480H212.8c-35.66 0-69.72-17.22-91.16-46.03L37.02 319.1C33.62 315.4 31.98 310.1 31.98 304.8c0-8.385 6.573-25.28 24.85-25.28c10.27 0 16.79 5.934 19.84 10.06l30.47 41.02c3.078 4.139 7.897 6.469 12.85 6.469c11.1 0 15.1-10.83 15.1-16.02V61C135.1 45.02 148.8 32 164.6 32c15.78 0 28.6 13.02 28.6 29v131.7c0 6.908 5.418 15.98 16 15.98c11.97 0 12.7-11.65 29.69-11.65h14.88c24.02 0 21.02 21 37.61 21c8.19 0 10.4-6.004 21.83-6.004h14.84c12 0 22.78 7.844 26.81 19.5c2.325 6.68 10.37 10.5 17.57 10.5L387.4 242C403.2 242 416 255 416 271V391.2zM224.7 304c-8.844 0-16 7.156-16 16v96c0 8.844 7.156 16 16 16s16-7.156 16-16v-96C240.7 311.2 233.5 304 224.7 304zM287.1 304c-8.844 0-16 7.156-16 16l.002 96c0 8.844 7.156 16 16 16s15.1-7.156 15.1-16v-96C303.1 311.2 296.8 304 287.1 304zM352 304c-8.844 0-16 7.156-16 16v96c0 8.844 7.156 16 16 16s16-7.156 16-16v-96C368 311.2 360.8 304 352 304z" fill="%234c9ac4"/%3E%3C/svg%3E');
  --layoutSidePadding: 25px;
  --padding-sides: 25px;
  --padding-ends: 25px;
}
@media (min-width: 35em) {
  :root {
    --layoutSidePadding: 3vw;
  }
}
@media (min-width: 48em) {
  :root {
    --padding-sides: 3.125vw;
    --padding-ends: 2.604vw;
  }
}
@media (min-width: 120em) {
  :root {
    --padding-sides: 60px;
    --padding-ends: 50px;
    --layoutSidePadding: 65px;
  }
}

#page,
#content {
  position: relative;
  overflow: hidden;
}
.ie #page,
.ie #content {
  float: left;
  width: 100%;
  background: #fff;
}

#page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 100%;
  min-height: 100vh;
}

#content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #fff;
  overflow: hidden;
}
@media (min-width: 48em) {
  #content {
    margin-top: 135px;
    padding-top: 0;
  }
}
.white-header #content {
  margin: 0;
}

.ie #primary {
  width: 100%;
  float: left;
}

.ie .section {
  width: 100%;
  float: left;
  clear: both;
}
@supports (display: grid) {
  .section {
    grid-template-columns: 1fr minmax(auto, 86.5em) 1fr;
  }
  @media (min-width: 48em) {
    .section {
      grid-template-columns: 1fr minmax(auto, 72.1354166667vw) 1fr;
    }
  }
  .section {
    display: grid;
  }
}

span {
  display: inline-block;
}

.ie .container {
  max-width: 82em;
  margin: 0 auto;
  display: block;
  clear: both;
}
@supports (display: grid) {
  .container {
    grid-column: 2/3;
    grid-auto-flow: row;
  }
}

@supports (display: grid) {
  .col {
    display: grid;
  }
}

.ie .col-2 > * {
  width: 100%;
  float: left;
}
@supports (display: grid) {
  .col-2 {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
@media (min-width: 48em) {
  .ie .col-2 > * {
    width: 50%;
  }
  @supports (display: grid) {
    .col-2 {
      grid-template-columns: 1fr 1fr;
    }
  }
}

.ie .col-3 > * {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.ie .col-3 > *:nth-last-child(1) {
  margin-bottom: 0;
}
@supports (display: grid) {
  .col-3 {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
@media (min-width: 48em) {
  .ie .col-3.hp {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ie .col-3 > * {
    width: calc(50% - 40px);
    margin-right: 10px;
    margin-left: 10px;
  }
  @supports (display: grid) {
    .col-3 {
      grid-template-columns: 1fr 1fr;
    }
  }
}
@media (min-width: 60em) {
  .ie .col-3 > * {
    width: calc(33.33% - 20px);
  }
  @supports (display: grid) {
    .col-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
}

.ie .col-4 > * {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.ie .col-4 > *:nth-last-child(1) {
  margin-bottom: 0;
}
@supports (display: grid) {
  .col-4 {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
@media (min-width: 35em) {
  .ie .col-4.hp {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ie .col-4 > * {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
  @supports (display: grid) {
    .col-4 {
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px;
    }
  }
}
@media (min-width: 48em) {
  .ie .col-4 > * {
    width: calc(33.33% - 20px);
  }
  @supports (display: grid) {
    .col-4 {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
}
@media (min-width: 60em) {
  .ie .col-4 > * {
    width: calc(25% - 20px);
  }
  .col-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.ph {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 48em) {
  .ph.container {
    padding-left: 0;
    padding-right: 0;
  }
}

.pv {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pt {
  padding-top: 20px;
}

.pb {
  padding-bottom: 20px;
}

.pr {
  padding-right: 20px;
}

.pl {
  padding-left: 20px;
}

.mt {
  margin-top: 20px;
}

.mv {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mb {
  margin-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.section-pt {
  padding-top: 25px;
}
@media (min-width: 48em) {
  .section-pt {
    padding-top: 50px;
  }
}

.section-pb {
  padding-bottom: 25px;
}
@media (min-width: 48em) {
  .section-pb {
    padding-bottom: 50px;
  }
}

.np {
  padding-top: 0;
  padding-bottom: 0;
}

.section-pv {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (min-width: 48em) {
  .section-pv {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.cover {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: cover;
  background-size: cover;
}

.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.textcenter {
  text-align: center;
}

.black-bg {
  background: #000;
}

.bold-blue {
  font-weight: 700;
  color: #4c9ac4;
  text-transform: uppercase;
}

.wysiwyg h2 {
  margin-bottom: 1.25rem;
}
.wysiwyg h3,
.wysiwyg h4 {
  margin-bottom: 8px;
}
.wysiwyg ol,
.wysiwyg ul {
  margin-left: 20px;
  margin-bottom: 1rem;
}
.page-header--centre .wysiwyg ol, .layout--a-centre .wysiwyg ol,
.page-header--centre .wysiwyg ul,
.layout--a-centre .wysiwyg ul {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-header--centre .wysiwyg ol li, .layout--a-centre .wysiwyg ol li,
.page-header--centre .wysiwyg ul li,
.layout--a-centre .wysiwyg ul li {
  margin: auto;
}
.wysiwyg ul li::marker {
  font-size: 0.8em;
}
.wysiwyg > *:last-child {
  margin-bottom: 0;
}

.masthead {
  --masthead-color: #000;
  --masthead-border: #ccc;
}
@media (min-width: 0) and (max-width: 767px) {
  .masthead {
    position: absolute;
    z-index: 10000;
    width: 100%;
  }
}
@media (min-width: 48em) {
  .white-header .masthead {
    --masthead-color: #fff;
  }
}
.masthead:hover .masthead__inner {
  --masthead-border: #ccc;
}
@media (min-width: 48em) {
  .masthead:hover .masthead__inner {
    background: white;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .js-mobile-nav .masthead {
    position: fixed;
    top: 0;
    height: calc(var(--vh, 1vh) * 100);
    overflow: auto;
    background: rgba(0, 0, 0, 0.1);
  }
}
.masthead__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 1000;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media (min-width: 48em) {
  .masthead__inner {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
    background: rgba(255, 255, 255, 0);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .js-mobile-nav .masthead__inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    min-height: calc(var(--vh, 1vh) * 100);
  }
  .js-mobile-nav .masthead__inner::before {
    content: "";
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
  }
}
.masthead .tophead,
.masthead .mainhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media (min-width: 48em) {
  .masthead .tophead,
  .masthead .mainhead {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--masthead-border);
  }
  .modal--open .masthead .tophead,
  .modal--open .masthead .mainhead {
    border-bottom: 0;
  }
}
.masthead .tophead .inner,
.masthead .mainhead .inner {
  width: 100%;
}
@media (min-width: 80em) {
  .masthead .tophead .inner,
  .masthead .mainhead .inner {
    width: 73.9768229167vw;
    max-width: 1420px;
  }
}
@media (min-width: 48em) {
  .masthead .tophead .inner,
  .masthead .mainhead .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 20px;
  }
}
@media (min-width: 80em) {
  .masthead .tophead .inner,
  .masthead .mainhead .inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0 20px 0 0;
  }
}
.masthead .tophead .inner .button-sub,
.masthead .mainhead .inner .button-sub {
  font-size: 0.8125rem;
}
.ie .masthead .tophead .inner,
.ie .masthead .mainhead .inner {
  display: block;
}
@media (min-width: 0) and (max-width: 767px) {
  .masthead .tophead {
    margin-bottom: auto;
  }
}
.modal--open .masthead .tophead {
  visibility: hidden;
}
.masthead .site-branding {
  padding: 14px 25px;
  margin-right: auto;
  border-bottom: 1px solid var(--masthead-border);
}
@media (min-width: 48em) {
  .masthead .site-branding {
    padding: calc(10px + 0.5vh) 20px;
    border-bottom: 0;
  }
}
.modal--open .masthead .site-branding svg {
  fill: #fff;
}
.ie .masthead .site-branding {
  width: 184px;
  border-bottom: 0 !important;
  float: left;
}
@media (min-width: 0) and (max-width: 767px) {
  .js-mobile-nav .masthead .site-branding {
    display: none;
  }
}
.masthead .site-branding a {
  display: inline-block;
}
.masthead .site-branding a:hover svg {
  fill: #4c9ac4;
}
.masthead .site-branding svg {
  display: inline-block;
  height: auto;
  width: 104px;
}
@media (min-width: 60em) {
  .masthead .site-branding svg {
    height: 46px;
    width: auto;
  }
}
.black-bg .masthead .site-branding svg {
  fill: #fff;
}
.masthead.smaller .masthead__inner, .white-header .masthead.smaller .masthead__inner, .white-header .masthead:hover .masthead__inner {
  --masthead-border: #ccc;
  --masthead-color: #000;
}
@media (min-width: 48em) {
  .masthead.smaller .masthead__inner, .white-header .masthead.smaller .masthead__inner, .white-header .masthead:hover .masthead__inner {
    background: white;
    color: var(--masthead-color);
  }
}
@media (min-width: 48em) {
  .masthead.smaller svg, .white-header .masthead.smaller svg, .white-header .masthead:hover svg {
    fill: #000;
  }
}
@media (min-width: 48em) {
  .masthead.smaller .tophead,
  .masthead.smaller .mainhead, .white-header .masthead.smaller .tophead,
  .white-header .masthead.smaller .mainhead, .white-header .masthead:hover .tophead,
  .white-header .masthead:hover .mainhead {
    border-color: var(--masthead-border);
  }
}
.masthead.smaller .masthead__inner:focus-within, .white-header .masthead.smaller .masthead__inner:focus-within {
  --masthead-border: #ccc;
  --masthead-color: #000;
}
@media (min-width: 48em) {
  .masthead.smaller .masthead__inner:focus-within, .white-header .masthead.smaller .masthead__inner:focus-within {
    background: white;
    color: var(--masthead-color);
  }
}
@media (min-width: 48em) {
  .masthead.nav-up {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.white-header .masthead:not(:hover) {
  --masthead-border: rgba(255, 255, 255, 0.2);
}
.ie .masthead a,
.ie .masthead a:hover {
  color: #000 !important;
}
.ie .black-bg .masthead a,
.ie .black-bg .masthead a:hover {
  color: #fff !important;
}
.ie .black-bg .masthead:hover a, .ie .black-bg .masthead:hover a:hover {
  color: #000 !important;
}

.head-has-subscribe a.button-sub {
  background-color: #4c9ac4;
  color: #fff;
  padding: 10px 23px;
  border-radius: 10px;
}
.head-has-subscribe a.button-sub:hover {
  color: white;
  background-color: rgba(76, 154, 196, 0.7);
}
.head-has-subscribe .button-sub-mobile {
  display: block;
  width: 100%;
  margin: 13px 20px 3px 20px;
  text-align: center;
}
.head-has-subscribe .button-sub-desktop {
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .head-has-subscribe .button-sub-mobile {
    display: none !important;
  }
}
@media (max-width: 48em) {
  .head-has-subscribe .button-sub-desktop {
    display: none !important;
  }
  .head-has-subscribe .page-header__inner {
    padding-top: 60px !important;
  }
}
.head-has-subscribe.js-mobile-nav .button-sub-mobile {
  display: none !important;
}
.head-has-subscribe.js-mobile-nav .menu-toggle {
  top: 20px;
  bottom: unset;
}
.head-has-subscribe .page-header__text-slides .page-header__slide {
  padding-top: 150px !important;
}
.head-has-subscribe .menu-toggle {
  top: unset;
  bottom: 25px;
}

#hero .container {
  padding-top: calc(135px + 33vh);
}
#hero.half-height .container {
  padding-top: calc(135px + 7vh);
}
#hero h1 {
  margin: 0 0 10px;
}

.hero__inner {
  --button-arrows: #fff;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .hero__inner {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}

.masthead {
  --nav-space: 1rem;
}
@media (min-width: 48em) {
  .masthead {
    --nav-space: 1rem;
  }
}
@media (min-width: 60em) {
  .masthead {
    --nav-space: 1.875rem;
  }
}
@media (min-width: 48em) {
  .masthead ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.masthead li {
  position: relative;
}
.masthead li:hover > a {
  color: #4c9ac4;
}
@media (min-width: 0) and (max-width: 767px) {
  .masthead li a {
    padding: 20px;
    border-bottom: 1px solid #ccc;
  }
}
.masthead a {
  display: block;
  color: var(--masthead-color);
  text-decoration: none;
  font-weight: 700;
  line-height: 20px;
}
.masthead a:focus, .masthead a:hover {
  color: #4c9ac4;
}
.masthead a:focus-visible {
  color: #4c9ac4;
}
.masthead .menu-prefix {
  display: none;
}

.sub-nav-button {
  text-indent: -9999px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  height: 60px;
  width: 54px;
}
@media (min-width: 48em) {
  .sub-nav-button {
    height: 14px;
    width: 8px;
    top: auto;
    right: auto;
    left: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    z-index: 100;
    opacity: 0;
    pointer-events: none;
  }
  .sub-nav-button:focus {
    pointer-events: auto;
    opacity: 1;
  }
  .level-2 > .sub-nav-button {
    right: var(--nav-space);
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.sub-nav-button::before {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  background-image: var(--svgArrow);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 48em) {
  .sub-nav-button::before {
    right: 0;
  }
}
@media (min-width: 48em) {
  .level-2 > .sub-nav-button::before {
    display: none;
  }
}

.menu-toggle {
  --ham-colour: #fff;
  width: 22px;
  height: 18px;
  text-indent: -9999px;
  position: absolute;
  top: 20px;
  right: 25px;
  z-index: 10010;
  cursor: pointer;
  border-top: 2px solid var(--ham-colour);
  border-bottom: 2px solid var(--ham-colour);
}
@media (min-width: 48em) {
  .menu-toggle {
    display: none;
  }
}
.js-mobile-nav .menu-toggle {
  border-color: transparent;
}
.modal--open .menu-toggle {
  display: none;
}
.menu-toggle:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: var(--ham-colour);
}
.js-mobile-nav .menu-toggle:after {
  display: none;
}
.menu-toggle:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: var(--cross);
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}
.js-mobile-nav .menu-toggle:before {
  display: block;
}
body:not(.black-bg) .menu-toggle {
  --ham-colour: #000;
}

.close-sub-nav-button {
  max-width: 280px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  top: 20px;
  left: 35px;
  z-index: 10010;
  cursor: pointer;
  display: none;
  padding-left: 25px;
  font-weight: 700;
  line-height: 20px;
  color: #909090;
}
@media (min-width: 0) and (max-width: 767px) {
  .js-mobile-sub-nav .close-sub-nav-button {
    display: block;
  }
}
.close-sub-nav-button:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: var(--svgArrowBlue);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}

.extra-navigation {
  display: none;
}
@media (min-width: 48em) {
  .extra-navigation {
    display: block;
  }
}
.js-mobile-nav .extra-navigation {
  display: block;
  margin-left: 15px;
}
@media (min-width: 48em) {
  .extra-navigation .panavision-dropdown > a {
    cursor: normal;
    pointer-events: none;
  }
}
@media (min-width: 48em) {
  .extra-navigation li {
    border-right: 1px solid var(--masthead-border);
  }
  .extra-navigation li::before {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: #4c9ac4;
    z-index: 2;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
  .extra-navigation li:focus::before, .extra-navigation li:hover::before {
    width: 100%;
  }
  .extra-navigation li:focus-within::before {
    width: 100%;
  }
  .search-visible .extra-navigation li {
    display: none;
  }
  .search-visible .extra-navigation li.extra-navigation__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search-visible .extra-navigation li.extra-navigation__search a {
    visibility: hidden;
  }
}
.js .extra-navigation li.menu-item-has-children .sub-menu {
  display: none;
}
@media (min-width: 48em) {
  .js .extra-navigation li.menu-item-has-children .sub-menu {
    position: absolute;
    top: 100%;
    left: -3px;
    z-index: 101;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 0;
    padding: 10px 0;
    min-width: calc(100% + 2px);
  }
}
@media (min-width: 48em) {
  .js .extra-navigation li.menu-item-has-children > a::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 1ch;
    min-width: 2rem;
    content: "\f0d7";
    color: #4c9ac4;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.15em;
    font-weight: 400;
    content: "\f0d7";
    padding: 0 0 0 1ch;
    min-width: 0;
  }
  .js .extra-navigation li.menu-item-has-children.js-hovered > .sub-menu, .js .extra-navigation li.menu-item-has-children:hover > .sub-menu {
    display: block;
  }
  .js .extra-navigation li.menu-item-has-children li {
    padding-right: 23px;
    border-right: 0;
  }
  .js .extra-navigation li.menu-item-has-children li a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.extra-navigation li .search-submit,
.extra-navigation li a {
  line-height: 20px;
  color: #000;
  text-decoration: none;
  font-weight: 700;
  display: block;
  position: relative;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 48em) {
  .extra-navigation li .search-submit,
  .extra-navigation li a {
    padding: calc(10px + 0.5vh) calc(2px + 1vw);
    border-bottom: 0;
    font-size: 0.8125rem;
    color: var(--masthead-color);
    white-space: nowrap;
  }
}
@media (min-width: 48em) {
  .extra-navigation li .sub-menu {
    display: none;
  }
}
@media (min-width: 48em) {
  .extra-navigation li.extra-navigation__search {
    border-right: 0;
    margin-right: calc((2px + 1vw) * -1);
  }
}
.extra-navigation .extra-navigation__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.extra-navigation .extra-navigation__search a {
  display: none;
}
@media (min-width: 48em) {
  .extra-navigation .extra-navigation__search a {
    display: block;
  }
}
.extra-navigation .extra-navigation__search .search-submit::before,
.extra-navigation .extra-navigation__search a::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f002";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f002";
  padding: 0 2ch 0 0;
  min-width: 0;
}
@media (min-width: 48em) {
  .extra-navigation .extra-navigation__search-form {
    display: none;
  }
}
.search-visible .extra-navigation .extra-navigation__search-form {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
.extra-navigation .extra-navigation__search-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.extra-navigation .extra-navigation__search-form .form__text {
  width: 300px;
  margin-right: 1ch;
  color: var(--masthead-color);
}
@media (min-width: 0) and (max-width: 767px) {
  .extra-navigation .extra-navigation__search-form .form__text {
    margin: 0;
    border-bottom: 1px solid #ccc;
    width: calc(100vw - 50px - 2.3125rem);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .extra-navigation .extra-navigation__search-form .search-field {
    line-height: 20px;
    font-weight: 700;
    display: block;
    padding: 20px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .extra-navigation .extra-navigation__search-form button.search-submit {
    padding-right: 20px;
    color: #000;
  }
  .extra-navigation .extra-navigation__search-form button.search-submit::before {
    display: none;
  }
}

.extra-navigation .menu-dealers a::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f124";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f124";
  padding: 0 2ch 0 0;
  min-width: 0;
}

@media (min-width: 48em) {
  .extra-navigation .menu-shop {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.main-navigation {
  display: none;
}
@media (min-width: 48em) {
  .main-navigation {
    display: block;
  }
}
.modal--open .main-navigation {
  visibility: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .js-mobile-nav .main-navigation {
    display: block;
    padding-top: 60px;
    margin-left: 15px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .js-mobile-nav .main-navigation .menu-main-menu-container {
    border-top: 1px solid #ccc;
  }
}
@media (min-width: 48em) and (max-width: 60em) {
  .main-navigation li.level-1 {
    margin-left: auto;
    margin-right: auto;
  }
}
.main-navigation li.level-1 > a {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media (min-width: 48em) {
  .main-navigation li.level-1 > a {
    padding: calc(26px + 0.5vh) calc(0.5vw + 3px);
    font-size: 0.875rem;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 60em) {
  .main-navigation li.level-1 > a {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    font-size: 1rem;
  }
}
@media (min-width: 48em) {
  .main-navigation li.level-1:last-child {
    margin-right: calc((0.5vw + 3px) * -1);
  }
}
@media (min-width: 60em) {
  .main-navigation li.level-1:last-child {
    margin-right: -1.5vw;
  }
}
@media (min-width: 48em) {
  .main-navigation li.level-1.menu-item-has-children.js-hovered > .sub-menu {
    visibility: visible;
    top: 100%;
    z-index: 1;
  }
}
@media (min-width: 48em) {
  .no-js .main-navigation li.level-1.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    top: 100%;
    z-index: 1;
  }
}
@media (min-width: 48em) {
  .main-navigation li.level-1.menu-item-has-children.align-dropdown-right.js-hovered > .sub-menu {
    right: 0;
  }
}
.main-navigation li.level-2.has-prefix a {
  position: relative;
  width: 100%;
  margin-top: 5rem;
}
@media (min-width: 48em) {
  .main-navigation li.level-2.has-prefix a {
    margin-top: calc(1.875rem + var(--subMenuPadding));
  }
}
.main-navigation li.level-2.has-prefix a .menu-prefix {
  display: block;
  position: absolute;
  top: -41px;
  color: #ccc;
  pointer-events: none;
  border-bottom: 1px solid;
  left: 0;
  right: 0;
  padding-left: 20px;
  padding-bottom: 20px;
}
@media (min-width: 48em) {
  .main-navigation li.level-2.has-prefix a .menu-prefix {
    left: var(--nav-space);
    right: var(--nav-space);
    padding-bottom: 3px;
    padding-left: 0;
    font-size: 0.8125rem;
    top: -1.625rem;
  }
}
.main-navigation li.level-2.menu-item-has-children > a {
  padding-right: calc(25px + var(--nav-space));
  position: relative;
}
@media (min-width: 48em) {
  .main-navigation li.level-2.menu-item-has-children > a::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-image: var(--svgArrow);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    position: absolute;
    top: 50%;
    right: var(--nav-space);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.main-navigation li.level-2.menu-item-has-children.js-hovered {
  --svgArrow: var(--svgArrowBlue);
}
@media (min-width: 48em) {
  .main-navigation li.level-2.menu-item-has-children.js-hovered > .sub-menu {
    visibility: visible;
    top: calc(var(--subMenuPadding) * -1 - 1px);
    left: 100%;
  }
}
.no-js .main-navigation li.level-2.menu-item-has-children:hover {
  --svgArrow: var(--svgArrowBlue);
}
@media (min-width: 48em) {
  .no-js .main-navigation li.level-2.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    top: calc(var(--subMenuPadding) * -1 - 1px);
    left: 100%;
  }
}
.main-navigation li.level-2 a {
  --l2aSize: .875rem;
  --l2aPadding: .3125rem;
}
@media (min-height: 750px) {
  .main-navigation li.level-2 a {
    --l2aSize: .9375rem;
    --l2aPadding: .375rem;
  }
}
@media (min-width: 48em) {
  .main-navigation li.level-2 a {
    font-size: var(--l2aSize);
    line-height: 1.2;
    padding: var(--l2aPadding) var(--nav-space);
    white-space: nowrap;
  }
}
@media (min-width: 48em) {
  .main-navigation li.level-2 .align-wrapping {
    width: var(--width);
  }
}
@media (min-width: 48em) {
  .main-navigation li.level-2 .align-wrapping a {
    white-space: normal;
  }
}
.main-navigation .sub-menu {
  --subMenuPadding: .75rem;
  will-change: display, visibility;
  display: none;
  background: #fff;
}
@media (min-width: 48em) {
  .main-navigation .sub-menu {
    display: block;
    visibility: hidden;
    position: absolute;
    border: 1px solid #ccc;
    padding: var(--subMenuPadding) 0;
  }
}
@media (min-height: 750px) {
  .main-navigation .sub-menu {
    --subMenuPadding: 1.5rem;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  #masthead [data-open=true] {
    position: static;
  }
  #masthead [data-open=true] > .sub-nav-button {
    display: none;
  }
  #masthead [data-open=true] > .sub-menu {
    display: block;
    position: absolute;
    top: 60px;
    width: 100%;
    max-width: calc(100vw - 15px);
    min-height: 100%;
    z-index: 1000;
    background: #fff;
  }
  #masthead [data-open=true] > .sub-menu [data-open=true] .sub-menu {
    top: 0;
  }
}

.page-header {
  background-color: #fff;
  color: #000;
  position: relative;
  padding: 105px 0 20px;
}
@media (min-width: 48em) {
  .page-header {
    padding-top: calc(35px + 5vh);
  }
}
.page-header--none {
  padding: 0;
}
.page-header--padded {
  padding-bottom: 80px;
}
@media (min-width: 48em) {
  .page-header--padded {
    padding-bottom: calc(35px + 5vh);
  }
}
.page-header--centre {
  --button-left-padd: 45px;
  text-align: center;
}
.page-header--dark {
  color: #fff;
  background-color: #000;
}
@media (min-width: 48em) {
  .page-header--dark {
    padding-top: 135px;
  }
}
@media (min-width: 48em) {
  .page-header--dark .page-header__inner {
    padding-top: 90px;
  }
}
.page-header--dark .button {
  --button-colour: #fff;
}
@media (min-width: 48em) {
  .page-header--dark.page-header--none {
    padding-top: 0;
  }
}
.page-header .page-header__inner {
  position: relative;
  z-index: 2;
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 35em) {
  .page-header .page-header__inner {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
@media (min-width: 48em) {
  .page-header .page-header__inner {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .page-header .page-header__inner {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
.page-header .page-header__text {
  max-width: 675px;
}
.page-header--centre.page-header .page-header__text {
  margin-left: auto;
  margin-right: auto;
  max-width: 817px;
}

.page-header .page-header__text h1 {
  margin-bottom: 0;
}
.page-header .page-header__intro {
  margin-top: 1.125rem;
}
.page-header .page-header__intro > *:last-child {
  margin-bottom: 0;
}
.page-header .page-header__button {
  padding-top: 40px;
}

.page-template-tool-comparison .page-header__text {
  max-width: none !important;
  text-align: left;
}
.page-template-tool-comparison .page-header__text h1 {
  text-align: center;
}
.page-template-tool-comparison .page-header__text .page-header__intro {
  margin-top: 50px;
}
.page-template-tool-comparison .filter-comparator--footer {
  padding-bottom: 40px;
}

/*
.page-header--title-only {

}
*/
.page-header--title-text h2 {
  font-size: 1.625rem;
}

.page-header--dark .page-header__text a:not(.button) {
  color: rgba(255, 255, 255, 0.5);
}
.page-header--dark .page-header__text a:not(.button):hover {
  color: rgba(255, 255, 255, 0.75);
}

.page-header__colour {
  position: relative;
}
@media (min-width: 35em) and (max-width: 90em) {
  .page-header__colour {
    margin-bottom: 2.5rem;
  }
  .colour--compare .page-header__colour {
    margin-bottom: 0;
  }
}

.page-header__colour-example {
  height: 0;
  padding: 0 0 29.5%;
  margin-bottom: 1rem;
  background-color: var(--colour);
  background-image: var(--texture);
  background-size: cover;
  border: 1px solid #f1f1f1;
}
.page-header--dark .page-header__colour-example {
  border-color: #000;
}

.page-header__colour-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 35em) {
  .page-header__colour-meta {
    position: absolute;
    right: 0;
  }
}
.colour--compare .page-header__colour-meta {
  bottom: 0;
  background: #000;
  padding: 3px 0 1px 9px;
}
.page-header__colour-meta .filter-comparator-link {
  margin-right: calc(1vw + 11px);
}

@media (min-width: 35em) {
  .page-header--title-colour .page-header__text {
    max-width: calc(675px + 8rem);
    padding-right: 8rem;
  }
  .colour--compare .page-header--title-colour .page-header__text {
    padding-right: 0;
  }
}
.page-header--title-colour .page-header__text h1 {
  margin: calc(0.75rem + 1vw) 0 1rem;
}
.colour--compare .page-header--title-colour .page-header__text h1 {
  font-size: 1.625rem;
  line-height: 1.2182;
}
@media (min-width: 48em) {
  .colour--compare .page-header--title-colour .page-header__text h1 {
    font-size: 2.1880967537rem;
  }
}

.page-header__colour-desc {
  font-weight: bold;
}

@-webkit-keyframes pageHeaderSlideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes pageHeaderSlideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .page-header__slide .page-header__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 48em) {
  .page-header__slide .page-header__inner {
    margin-left: 40px;
    margin-right: 0;
  }
}
@media (min-width: 48em) and (max-width: 80em) {
  .page-header__slide .page-header__inner {
    width: 85vw;
  }
}
@media (min-width: 80em) {
  .page-header__slide .page-header__inner {
    padding-left: 20px;
  }
}
@media (min-width: 80em) and (min-width: 48em) {
  .page-header__slide .page-header__inner {
    margin-left: 12.9719921875vw;
  }
}
@media (min-width: 80em) and (min-width: 120em) {
  .page-header__slide .page-header__inner {
    margin-left: 249px;
  }
}
.slick-active .page-header__slide .page-header__text .page-header__intro {
  opacity: 0;
  -webkit-animation: pageHeaderSlideUp 0.8s 0.3s forwards;
          animation: pageHeaderSlideUp 0.8s 0.3s forwards;
}
.slick-active .page-header__slide .page-header__text .page-header__button {
  opacity: 0;
  -webkit-animation: pageHeaderSlideUp 0.6s 0.5s forwards;
          animation: pageHeaderSlideUp 0.6s 0.5s forwards;
}

.page-header--slides {
  padding: 0;
  position: relative;
  border-bottom: 5px solid #fff;
  overflow: hidden;
  height: 100vh;
}
.page-header--slides.page-header--slides-init {
  overflow: visible;
  height: auto;
}

.page-header__text-slides {
  position: relative;
  z-index: 3;
}
.page-header__text-slides::before {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.25);
}
@media (min-width: 48em) {
  .page-header__text-slides::before {
    display: none;
  }
}
.page-header__text-slides .page-header__slide {
  overflow: hidden;
  position: relative;
  padding: 100px 25px;
}
@media (min-width: 48em) {
  .page-header__text-slides .page-header__slide {
    min-height: 594px;
    height: calc(100vh - 6px);
    max-height: 894px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 48em) {
  .page-header__text-slides .page-header__slide h1 {
    font-size: 2.1880967537rem;
  }
}
@media (min-width: 48em) and (min-height: 750px) {
  .page-header__text-slides .page-header__slide h1 {
    font-size: 3.4375rem;
  }
}
@media (min-width: 48em) {
  .white-header .page-header__text-slides .page-header__slide {
    padding-top: 135px;
  }
}
@media (min-width: 48em) and (min-height: 850px) {
  .white-header .page-header__text-slides .page-header__slide {
    padding-top: calc(5vw + 135px);
  }
}
@media (min-width: 48em) {
  .page-header__text-slides .page-header__inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 80em) {
  .page-header__text-slides .page-header__inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 90em) {
  .page-header__text-slides .page-header__inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.page-header__text-slides .page-header__intro {
  max-width: 533px;
}
.page-header--centre .page-header__text-slides .page-header__intro {
  margin-left: auto;
  margin-right: auto;
}
.page-header__text-slides .slick-arrow {
  position: absolute;
  bottom: 30px;
  left: 80px;
  z-index: 1;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  width: 2em;
  height: 2em;
  font-size: 30px;
}
@media (min-width: 48em) {
  .page-header__text-slides .slick-arrow {
    bottom: 70px;
    left: 33.5vw;
  }
}
.page-header__text-slides .slick-arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  text-indent: 0;
  color: #000;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f178";
  color: inherit;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f178";
}
.white-header .page-header__text-slides .slick-arrow::before {
  color: #fff;
}
.page-header__text-slides .slick-arrow.slick-prev {
  left: 25px;
}
@media (min-width: 48em) {
  .page-header__text-slides .slick-arrow.slick-prev {
    left: calc(32.5vw - 2em);
  }
}
.page-header__text-slides .slick-arrow.slick-prev::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f177";
  color: inherit;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f177";
}

div.page-header__image-slides {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 48em) {
  div.page-header__image-slides {
    left: 33vw;
  }
}
div.page-header__image-slides .slick-list {
  position: static;
}
@media (min-width: 48em) {
  div.page-header__image-slides .slick-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
}
div.page-header__image-slides .slick-track {
  position: static;
}
@media (min-width: 48em) {
  div.page-header__image-slides .slick-track {
    overflow: hidden;
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 48em) {
  div.page-header__image-slides .slick-slide {
    position: relative;
    min-height: 600px;
    height: 100vh;
    max-height: 900px;
    -webkit-transform: none;
            transform: none;
  }
}
div.page-header__image-slides .page-header__image {
  height: var(--page-slide-height, 100%);
  position: relative;
  overflow: hidden;
  display: none;
}
@media (min-width: 48em) {
  div.page-header__image-slides .page-header__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: auto;
  }
}
div.page-header__image-slides .page-header__image--gradient::after {
  content: "";
  display: block;
  width: 50%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 100%);
  opacity: 0.75;
  z-index: 2;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
div.page-header__image-slides .page-header__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
div.page-header__image-slides .page-header__slide:first-child .page-header__image, .page-header--slides-init div.page-header__image-slides .page-header__image {
  display: block;
}

.search-visible .button-sub {
  display: none;
}

.ajax-filters label {
  font-size: 1.125rem;
  font-weight: 700;
  padding-right: 1.5rem;
  display: inline-block;
}
.ajax-filters button {
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 5px;
  color: #6c6c6c;
  border-left: 1px solid #6c6c6c;
  line-height: 1;
  cursor: pointer;
}
.ajax-filters button.all {
  border-left: 0;
}
.ajax-filters button.active {
  color: #4c9ac4;
}

.event-details span {
  padding: 8px 20px 8px 0;
  line-height: 1.2857;
}
.event-details i {
  color: #4c9ac4;
  margin-right: 15px;
  font-size: 1.3125rem;
}
.event-details a {
  margin-top: 1rem;
  color: inherit;
  text-decoration: none;
}
.event-details--horizontal span {
  margin-right: 1.25vw;
}

.form {
  color: #6c6c6c;
  padding: calc(1rem + 3vw);
}
.form fieldset {
  border: 0;
  padding: 0 calc(1rem + 3vw) calc(1rem + 3vw);
  margin: 1rem calc((1rem + 3vw) * -1) 0.75rem;
  min-width: 0;
  background: #000;
  color: #fff;
  position: relative;
}
.form h3 {
  font-weight: bold;
  font-size: 1.625rem;
  padding-top: calc(1rem + 3vw);
}
.form label,
.form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.form label {
  max-width: 11rem;
  padding-right: 1rem;
}
.form .wpcf7-field-groups[data-max="2"] .wpcf7-field-group:nth-child(2) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="3"] .wpcf7-field-group:nth-child(3) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="4"] .wpcf7-field-group:nth-child(4) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="5"] .wpcf7-field-group:nth-child(5) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="6"] .wpcf7-field-group:nth-child(6) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="7"] .wpcf7-field-group:nth-child(7) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="8"] .wpcf7-field-group:nth-child(8) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="9"] .wpcf7-field-group:nth-child(9) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="10"] .wpcf7-field-group:nth-child(10) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="11"] .wpcf7-field-group:nth-child(11) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-groups[data-max="12"] .wpcf7-field-group:nth-child(12) .wpcf7-field-group-add {
  display: none;
}
.form .wpcf7-field-group p {
  margin: 0;
}
.form .wpcf7-field-group-remove,
.form .wpcf7-field-group-add {
  display: inline-block;
  padding: 0.75rem 0.75rem 0.75rem 3rem;
  margin: 0.5rem 1rem 0.5rem 0;
  position: relative;
  border: 1px solid #4c9ac4;
}
.form .wpcf7-field-group-remove:focus,
.form .wpcf7-field-group-add:focus {
  background: #f1f1f1;
}
.form .wpcf7-field-group-remove::before,
.form .wpcf7-field-group-add::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f067";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f067";
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: left;
  font-size: 20px;
}
.form .wpcf7-field-group-remove::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f068";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f068";
}
.form--dark {
  background: #000;
  color: #fff;
}
.form--dark .button {
  color: inherit;
}
.form--dark fieldset {
  background: #fff;
  color: #6c6c6c;
}
.form--no-padd {
  padding: 0;
}
.form.invalid .wpcf7-response-output {
  color: #cd0a0a;
}
.form .screen-reader-response {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.form .screen-reader-response:focus-within {
  position: static !important;
  border: 0;
  clip: auto !important;
  clip-path: none;
  height: auto;
  width: auto;
  margin: inherit;
  overflow: visible;
  padding: inherit;
  white-space: normal;
}

.page-template-page-contact .form__select,
.form__text,
.form__textarea,
.form__email,
.form__date,
.form__number {
  position: relative;
  border-bottom: 1px solid currentColor;
  padding: 0;
  line-height: 0;
  margin-bottom: 1ex;
}
.form--dark .page-template-page-contact .form__select,
.form--dark .form__text,
.form--dark .form__textarea,
.form--dark .form__email,
.form--dark .form__date,
.form--dark .form__number {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.page-template-page-contact .form__select .wpcf7-form-control-wrap,
.form__text .wpcf7-form-control-wrap,
.form__textarea .wpcf7-form-control-wrap,
.form__email .wpcf7-form-control-wrap,
.form__date .wpcf7-form-control-wrap,
.form__number .wpcf7-form-control-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-template-page-contact .form__select .form__link,
.page-template-page-contact .form__select input,
.page-template-page-contact .form__select textarea,
.form__text .form__link,
.form__text input,
.form__text textarea,
.form__textarea .form__link,
.form__textarea input,
.form__textarea textarea,
.form__email .form__link,
.form__email input,
.form__email textarea,
.form__date .form__link,
.form__date input,
.form__date textarea,
.form__number .form__link,
.form__number input,
.form__number textarea {
  font-size: 1rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  background: transparent;
  border-width: 0;
  border-style: solid;
  line-height: 1;
  color: inherit;
  padding: 1rem 0 0.75rem;
}
.page-template-page-contact .form__select .form__link:focus,
.page-template-page-contact .form__select input:focus,
.page-template-page-contact .form__select textarea:focus,
.form__text .form__link:focus,
.form__text input:focus,
.form__text textarea:focus,
.form__textarea .form__link:focus,
.form__textarea input:focus,
.form__textarea textarea:focus,
.form__email .form__link:focus,
.form__email input:focus,
.form__email textarea:focus,
.form__date .form__link:focus,
.form__date input:focus,
.form__date textarea:focus,
.form__number .form__link:focus,
.form__number input:focus,
.form__number textarea:focus {
  outline: none;
}
.page-template-page-contact .form__select textarea,
.form__text textarea,
.form__textarea textarea,
.form__email textarea,
.form__date textarea,
.form__number textarea {
  line-height: 1.4;
}
.page-template-page-contact .form__select label,
.form__text label,
.form__textarea label,
.form__email label,
.form__date label,
.form__number label {
  padding: 1rem 0 0.75rem;
  position: absolute;
  line-height: 1.3;
  top: 0;
  left: 0;
  width: auto;
  max-height: 2.3em;
  overflow: hidden;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.page-template-page-contact .form__select.label-focused label,
.form__text.label-focused label,
.form__textarea.label-focused label,
.form__email.label-focused label,
.form__date.label-focused label,
.form__number.label-focused label {
  padding: 0;
  font-size: 0.8em;
  max-height: 1.3em;
  max-width: 100%;
  color: #4c9ac4;
}
.page-template-page-contact .form__select .wpcf7-not-valid-tip,
.form__text .wpcf7-not-valid-tip,
.form__textarea .wpcf7-not-valid-tip,
.form__email .wpcf7-not-valid-tip,
.form__date .wpcf7-not-valid-tip,
.form__number .wpcf7-not-valid-tip {
  color: #cd0a0a;
  display: block;
  line-height: 2;
}

.page-template-page-contact .form__select {
  padding: 1rem 0 0.75rem;
}
.page-template-page-contact .form--dark .form__select {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}

.form__radio {
  padding: 1rem 0 0.75rem;
}
.form__radio input {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.form__radio input:checked + .wpcf7-list-item-label::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  border: 2px solid #4c9ac4;
}
.form__radio label {
  max-width: none;
}
.form__radio .wpcf7-form-control .wpcf7-list-item {
  margin-left: 1ex;
}
.form__radio .wpcf7-list-item-label {
  line-height: 1;
  display: inline-block;
  position: relative;
  padding: 1rem 1rem 1rem 35px;
}
.form__radio .wpcf7-list-item-label::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #4c9ac4;
  border-radius: 50%;
}

.form__checkboxes {
  padding: 1rem 0 0.75rem;
}
.form__checkboxes fieldset {
  background: #fff;
  color: #6c6c6c;
}
.form--dark .form__checkboxes fieldset {
  background: transparent;
  color: #fff;
}
.form__checkboxes input {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.form__checkboxes input:checked + .wpcf7-list-item-label::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 35%;
  border: 2px solid #4c9ac4;
}
.form__checkboxes label {
  max-width: none;
}
.form__checkboxes .wpcf7-list-item-label {
  line-height: 1;
  display: inline-block;
  position: relative;
  padding: 1rem 1rem 1rem 35px;
}
.form__checkboxes .wpcf7-list-item-label::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #4c9ac4;
  border-radius: 35%;
}

.form__checkbox {
  padding: 1rem 0 0.75rem;
}
.form__checkbox input {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.form__checkbox input:focus + .wpcf7-list-item-label {
  color: #4c9ac4;
}
.form__checkbox input:checked + .wpcf7-list-item-label::after {
  position: absolute;
  top: 0.8rem;
  left: 3px;
  content: "✓";
  font-size: 1.2em;
  text-align: center;
  color: #4c9ac4;
  line-height: 1.1;
}
.form__checkbox label {
  max-width: none;
}
.form__checkbox .wpcf7-form-control .wpcf7-list-item {
  margin-left: 1ex;
}
.form__checkbox .wpcf7-list-item-label {
  line-height: 1;
  display: inline-block;
  position: relative;
  padding: 0.75rem 0.5rem 0.75rem 35px;
  line-height: 1.5;
}
.form--dark .form__checkbox .wpcf7-list-item-label {
  color: #909090;
}
.form__checkbox .wpcf7-list-item-label::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0.8rem;
  left: 0;
  border-radius: 3px;
  opacity: 0.25;
  background: #000;
}
.form--dark .form__checkbox .wpcf7-list-item-label::before {
  background: #fff;
}

.form__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 0 0.75rem;
}
.form__select .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  height: 24px;
  position: relative;
}
.form__select .wpcf7-form-control-wrap::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f0d7";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 400;
  content: "\f0d7";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: right;
  font-size: 20px;
}
.form__select .wpcf7-form-control-wrap select {
  outline: none;
  position: relative;
  width: 100%;
  font-size: 16px;
  padding: 2px 36px 6px 4px;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  line-height: 1.2;
  color: currentColor;
}
.page-template-page-contact .form__select .wpcf7-form-control-wrap select option {
  background: #000;
}
.form__select .wpcf7-form-control-wrap select::-ms-expand {
  display: none;
}

.js .form__file input {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.js .form__file label {
  max-width: 100%;
}
.js .form__file label .js-label {
  display: inline-block;
  padding: 0.75rem 0.75rem 0.75rem 3rem;
  position: relative;
  border: 1px solid #4c9ac4;
}
.js .form__file label .js-label::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f0c6";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f0c6";
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: left;
  font-size: 20px;
}
.js .form__file label .js-filename {
  display: inline-block;
  padding-left: 1rem;
}

a {
  display: inline-block;
  color: #4c9ac4;
  text-decoration: underline;
  -webkit-transition: color ease 0.3s;
  transition: color ease 0.3s;
  position: relative;
}
a .fas {
  -webkit-transition: color ease 0.3s;
  transition: color ease 0.3s;
}
a:hover {
  cursor: pointer;
}

@-webkit-keyframes arrow-1 {
  0% {
    -webkit-transform: translateX(-100%) translateY(50%);
            transform: translateX(-100%) translateY(50%);
    opacity: 0;
  }
  10% {
    opacity: 0;
    -webkit-transform: translateX(-100%) translateY(50%);
            transform: translateX(-100%) translateY(50%);
  }
  38% {
    opacity: 0.45;
  }
  50% {
    -webkit-transform: translateX(0%) translateY(50%);
            transform: translateX(0%) translateY(50%);
  }
}

@keyframes arrow-1 {
  0% {
    -webkit-transform: translateX(-100%) translateY(50%);
            transform: translateX(-100%) translateY(50%);
    opacity: 0;
  }
  10% {
    opacity: 0;
    -webkit-transform: translateX(-100%) translateY(50%);
            transform: translateX(-100%) translateY(50%);
  }
  38% {
    opacity: 0.45;
  }
  50% {
    -webkit-transform: translateX(0%) translateY(50%);
            transform: translateX(0%) translateY(50%);
  }
}
@-webkit-keyframes arrow-2 {
  0% {
    -webkit-transform: translateX(calc(-100% - 12px)) translateY(50%);
            transform: translateX(calc(-100% - 12px)) translateY(50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%) translateY(50%);
            transform: translateX(0%) translateY(50%);
    opacity: 0.75;
  }
}
@keyframes arrow-2 {
  0% {
    -webkit-transform: translateX(calc(-100% - 12px)) translateY(50%);
            transform: translateX(calc(-100% - 12px)) translateY(50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%) translateY(50%);
            transform: translateX(0%) translateY(50%);
    opacity: 0.75;
  }
}
@-webkit-keyframes arrow-3 {
  0% {
    -webkit-transform: translateX(calc(-100% - 15px)) translateY(50%);
            transform: translateX(calc(-100% - 15px)) translateY(50%);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: translateX(0%) translateY(50%);
            transform: translateX(0%) translateY(50%);
    opacity: 1;
  }
}
@keyframes arrow-3 {
  0% {
    -webkit-transform: translateX(calc(-100% - 15px)) translateY(50%);
            transform: translateX(calc(-100% - 15px)) translateY(50%);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: translateX(0%) translateY(50%);
            transform: translateX(0%) translateY(50%);
    opacity: 1;
  }
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept),
.button,
a.button {
  text-decoration: none;
  background: none;
  border: 0;
  font-weight: 700;
  position: relative;
  padding-top: 10px;
  padding-right: 45px;
  padding-bottom: 10px;
  padding-left: var(--button-left-padd);
  line-height: 1.15;
  color: var(--button-colour, #000);
}
.layout--c-i-black button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept).white,
.layout--c-i-black .button,
.button.white,
.layout--c-i-black a.button,
a.button.white {
  --button-colour: #fff;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept).centred,
.button.centred,
a.button.centred {
  --button-left-padd: 45px;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) a,
.button a,
a.button a {
  color: inherit;
}
.ie button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept),
.ie .button,
.ie a.button {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) .button__anim,
.button .button__anim,
a.button .button__anim {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 10px;
  vertical-align: baseline;
  margin-right: calc(45px * -1);
}
.ie button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) .button__anim,
.ie .button .button__anim,
.ie a.button .button__anim {
  width: 14px;
  height: 0;
  margin-right: 0;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i,
.button i,
a.button i {
  position: absolute;
  right: 0;
  width: 10px;
  bottom: 50%;
  color: var(--button-arrows, #4c9ac4);
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(1),
.button i:nth-of-type(1),
a.button i:nth-of-type(1) {
  right: 16px;
  -webkit-transform: translateX(-100%) translateY(50%);
          transform: translateX(-100%) translateY(50%);
  opacity: 0;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(1) svg,
.button i:nth-of-type(1) svg,
a.button i:nth-of-type(1) svg {
  height: 6px;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(2),
.button i:nth-of-type(2),
a.button i:nth-of-type(2) {
  right: 8px;
  -webkit-transform: translateX(calc(-100% - 12px)) translateY(50%);
          transform: translateX(calc(-100% - 12px)) translateY(50%);
  opacity: 0;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(2) svg,
.button i:nth-of-type(2) svg,
a.button i:nth-of-type(2) svg {
  height: 8px;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(3),
.button i:nth-of-type(3),
a.button i:nth-of-type(3) {
  -webkit-transform: translateX(calc(-100% - 15px)) translateY(50%);
          transform: translateX(calc(-100% - 15px)) translateY(50%);
  opacity: 0.75;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(3) svg,
.button i:nth-of-type(3) svg,
a.button i:nth-of-type(3) svg {
  height: 10px;
}
a:focus button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):focus, a:hover button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):hover,
a:focus .button,
.button:focus,
a:hover .button,
.button:hover,
a:focus a.button,
a.button:focus,
a:hover a.button,
a.button:hover {
  cursor: pointer;
}
a:focus button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i, button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):focus i, a:hover button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i, button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):hover i,
a:focus .button i,
.button:focus i,
a:hover .button i,
.button:hover i,
a:focus a.button i,
a.button:focus i,
a:hover a.button i,
a.button:hover i {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.47, 0.39, 0.36, 0.92);
          animation-timing-function: cubic-bezier(0.47, 0.39, 0.36, 0.92);
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
}
a:focus button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(1), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):focus i:nth-of-type(1), a:hover button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(1), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):hover i:nth-of-type(1),
a:focus .button i:nth-of-type(1),
.button:focus i:nth-of-type(1),
a:hover .button i:nth-of-type(1),
.button:hover i:nth-of-type(1),
a:focus a.button i:nth-of-type(1),
a.button:focus i:nth-of-type(1),
a:hover a.button i:nth-of-type(1),
a.button:hover i:nth-of-type(1) {
  -webkit-animation-name: arrow-1;
          animation-name: arrow-1;
}
a:focus button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(2), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):focus i:nth-of-type(2), a:hover button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(2), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):hover i:nth-of-type(2),
a:focus .button i:nth-of-type(2),
.button:focus i:nth-of-type(2),
a:hover .button i:nth-of-type(2),
.button:hover i:nth-of-type(2),
a:focus a.button i:nth-of-type(2),
a.button:focus i:nth-of-type(2),
a:hover a.button i:nth-of-type(2),
a.button:hover i:nth-of-type(2) {
  -webkit-animation-name: arrow-2;
          animation-name: arrow-2;
}
a:focus button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(3), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):focus i:nth-of-type(3), a:hover button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i:nth-of-type(3), button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):hover i:nth-of-type(3),
a:focus .button i:nth-of-type(3),
.button:focus i:nth-of-type(3),
a:hover .button i:nth-of-type(3),
.button:hover i:nth-of-type(3),
a:focus a.button i:nth-of-type(3),
a.button:focus i:nth-of-type(3),
a:hover a.button i:nth-of-type(3),
a.button:hover i:nth-of-type(3) {
  -webkit-animation-name: arrow-3;
          animation-name: arrow-3;
}
.ie a:focus button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i, .ie button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):focus i, .ie a:hover button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept) i, .ie button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):hover i,
.ie a:focus .button i,
.ie .button:focus i,
.ie a:hover .button i,
.ie .button:hover i,
.ie a:focus a.button i,
.ie a.button:focus i,
.ie a:hover a.button i,
.ie a.button:hover i {
  -webkit-animation-name: none !important;
          animation-name: none !important;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):focus,
.button:focus,
a.button:focus {
  outline: none;
  color: #4c9ac4;
}
button:not(.no-button):not(.uc-embedding-more-info):not(.uc-embedding-accept):focus i,
.button:focus i,
a.button:focus i {
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
}

span.button a {
  text-decoration: none;
}

button.add-colour-list,
button.remove-colour-list {
  padding: 0;
  margin-left: 0.5ch;
  position: relative;
  text-indent: -9999px;
  width: 2ch;
  overflow: hidden;
}
button.add-colour-list::before,
button.remove-colour-list::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f0fe";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f0fe";
  position: absolute;
  top: 0.25rem;
  right: 0;
  padding-right: 0;
  text-indent: 0;
  min-width: 0;
}
button.add-colour-list--show,
button.remove-colour-list--show {
  margin-left: 0;
  text-indent: 0;
  width: auto;
  padding-top: 0.25rem;
  padding-left: 2.5ch;
}
button.add-colour-list--show::before,
button.remove-colour-list--show::before {
  right: auto;
  left: 0;
}
button.add-colour-list.ticked::before,
button.remove-colour-list.ticked::before {
  content: "\f14a";
  font-weight: 900;
}
button.add-colour-list.ticked.add-colour-list.remove-colour-list:hover::before,
button.remove-colour-list.ticked.add-colour-list.remove-colour-list:hover::before {
  content: "\f146";
  font-weight: 300;
}

button.remove-colour-list::before {
  content: "\f146";
}

ol {
  padding-left: 15px;
}

video,
img {
  width: 100%;
  vertical-align: top;
}

.video__embed .uc-embedding-container {
  z-index: 2000 !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 250px !important;
}

.modal__overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background-color: #272727;
}
.modal--open .modal__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal__box {
  background-color: #fff;
  padding: 0;
  max-width: 95vw;
}
@media (min-width: 25.875em) {
  .modal__box {
    width: 472px;
  }
}
.modal__heading {
  text-align: center;
  font-size: 1.625rem;
  margin: 0;
  padding: calc(1.25vw + 25px) calc(2.5vw + 50px);
}
.modal__regions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 450px) {
  .modal__regions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.modal__regions button {
  text-align: center;
  cursor: pointer;
  margin: 0;
  padding: 20px !important;
  width: 50%;
}
@media screen and (max-width: 450px) {
  .modal__regions button {
    width: 100% !important;
  }
}
.modal__regions button:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
}
@media screen and (max-width: 450px) {
  .modal__regions button:first-child {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
  }
}
.modal__regions button:nth-child(2) {
  height: 100% !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
}
@media screen and (max-width: 450px) {
  .modal__regions button:nth-child(2) {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
  }
}
.modal__regions button:nth-child(3) {
  border-right: 1px solid rgba(0, 0, 0, 0.25) !important;
}
@media screen and (max-width: 450px) {
  .modal__regions button:nth-child(3) {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
  }
}

@media (min-width: 48em) {
  .products .layout__inner {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
.products .layout__inner {
  margin: 0 auto;
}
.products .products__inner {
  margin: 0 -0.625rem;
  padding-top: 2rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .products .products__inner {
    padding-left: var(--layoutSidePadding);
    padding-right: var(--layoutSidePadding);
  }
}
@media (min-width: 35em) {
  .products .products__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.layout--c-i-white.layout--c-o-white.products .products__inner {
  padding-top: 0;
}

.layout--c-i-grey.layout--c-o-grey.products .products__inner {
  padding-top: 0;
}

.layout--c-i-black.layout--c-o-black.products .products__inner {
  padding-top: 0;
}

.product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0.625rem 2rem;
}
@media (min-width: 35em) {
  .product-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media (min-width: 60em) {
  .product-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
  }
}
@media (min-width: 80em) {
  .product-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}

.product-card__title {
  margin-bottom: 0.5rem;
}
.product-card__title h3 {
  margin: 0;
  font-size: 1.125rem;
}

.product-card__image {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.product-card__desc {
  margin-bottom: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-card__link {
  margin-top: auto;
}
.product-card__link a {
  color: #000;
}

.grecaptcha-badge {
  z-index: 20000;
  display: none !important;
}
.page-has-form .grecaptcha-badge {
  display: block !important;
  visibility: visible !important;
}

.search-wrapper {
  border-bottom: 1px solid #909090;
}

.pre-results {
  background: #fff;
}
@media (min-width: 48em) {
  .pre-results .search-form {
    width: 57.3580859375vw;
    max-width: 1101px;
  }
}
.pre-results .search-form {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 70px;
}
.pre-results .search-form .form__text {
  -webkit-box-flex: 999;
      -ms-flex-positive: 999;
          flex-grow: 999;
  margin-right: 3.645vw;
  width: 100%;
}

.pre-results__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .pre-results__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .pre-results__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .pre-results__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}

.pre-results__number {
  font-weight: 700;
  margin: 0;
  padding: 0 0 1.5rem;
  text-align: center;
}

.results {
  color: #fff;
}

.results__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .results__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .results__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .results__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.results__inner {
  padding-bottom: 1px;
  padding-top: 34px;
}
@media (min-width: 48em) {
  .results__inner {
    padding-top: 4.5vw;
  }
}
@media (min-width: 48em) {
  .results__inner {
    padding-top: 86px;
  }
}

@media (min-width: 48em) {
  .search-result {
    width: 64.7557682292vw;
    max-width: 1243px;
  }
}
@media (min-width: 80em) {
  .search-result {
    width: 44.38609375vw;
    max-width: 852px;
  }
}
.search-result {
  color: inherit;
  text-decoration: none;
  margin-bottom: 34px;
}
@media (min-width: 48em) {
  .search-result {
    margin-bottom: 4.5vw;
  }
}
@media (min-width: 48em) {
  .search-result {
    margin-bottom: 86px;
  }
}

.search-result__url {
  color: #909090;
  word-break: break-word;
}

.search-result__title {
  padding: 0.5rem 0;
  line-height: 1.2308;
  margin: 0;
}

.search-result__excerpt > *:last-child {
  margin-bottom: none;
}

.results .navigation {
  padding-bottom: 34px;
}
@media (min-width: 48em) {
  .results .navigation {
    padding-bottom: 4.5vw;
  }
}
@media (min-width: 48em) {
  .results .navigation {
    padding-bottom: 86px;
  }
}
.results .navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.results .navigation .nav-links a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.results .navigation .nav-previous {
  margin-right: auto;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48em) {
  .social {
    --social-diameter: 25px;
    --social-margin: 0 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: var(--social-direction, column);
            flex-direction: var(--social-direction, column);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .social.social--share {
    --social-margin: 10px;
  }
}
@media (min-width: 48em) {
  .social.social--share {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.social.social--share a {
  color: #fff;
}
@media (min-width: 48em) {
  .social.social--share a {
    margin: 0 0 0 20px;
  }
}
.social i {
  font-size: 1.15em;
}
.social svg {
  width: calc((var(--social-diameter, 33px) + 1px) / 2);
  height: calc((var(--social-diameter, 33px) + 1px) / 2);
}
.social a {
  width: var(--social-diameter, 38px);
  height: var(--social-diameter, 38px);
  border-radius: 50%;
  border: 1px solid #4c9ac4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin: var(--social-margin, 15px 20px);
  font-size: 1rem;
}
@media (min-width: 48em) {
  .social a {
    font-size: 0.625rem;
  }
}
.social span {
  font-weight: 700;
  margin-right: 1ch;
}

.spec-list {
  --margin: 1.25rem;
  --modifier-outer: calc(50rem - 100%);
  --modifier: calc(22em - 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 calc(var(--margin) * -1);
}
.spec-list li {
  min-width: calc(50% - var(--margin) * 2);
  max-width: 100%;
  -ms-flex-preferred-size: calc(var(--modifier-outer) * 999);
      flex-basis: calc(var(--modifier-outer) * 999);
  margin: 0 var(--margin);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: calc(var(--margin) / 2) 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.spec-list li > * {
  max-width: 100%;
  -ms-flex-preferred-size: calc(var(--modifier) * 999);
      flex-basis: calc(var(--modifier) * 999);
}
.spec-list--dark {
  --modifier: calc(16em - 100%);
}
.layout--c-i-black .spec-list, .spec-list--dark {
  color: #fff;
}
.layout--c-i-black .spec-list li, .spec-list--dark li {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.spec-list--33-33-33 {
  --modifier: calc(14.5rem - 100%);
}
.spec-list--33-33-33 li {
  min-width: calc(33.333% - var(--margin) * 2);
}

.spec-list__spec {
  text-align: left;
  font-weight: bold;
  min-width: calc(33% - (var(--margin)));
  margin: 0 var(--margin) 0 0;
}
.spec-list--wide-spec .spec-list__spec {
  min-width: calc(66% - (var(--margin)));
}
.spec-list--50-50 .spec-list__spec {
  min-width: calc(50% - (var(--margin)));
}

.spec-list__value {
  min-width: 66%;
}
.spec-list--wide-spec .spec-list__value {
  min-width: 33%;
  text-align: right;
}
.spec-list--50-50 .spec-list__value {
  min-width: 50%;
}
.spec-list--33-33-33 .spec-list__value {
  text-align: right;
}

.spec-list__measure {
  font-weight: normal;
}

.tabbed [role=tablist] {
  margin: 0 -1rem 1rem;
}
.tabbed [role=tablist] li,
.tabbed [role=tablist] a {
  display: inline-block;
}
.tabbed [role=tablist] li {
  border-right: 1px solid #909090;
}
.tabbed [role=tablist] li:last-child {
  border-right: 0;
}
.tabbed [role=tablist] a {
  font-weight: bold;
  text-decoration: none;
  color: var(--colour--text, #909090);
  padding: 2px 1rem;
}
.tabbed [role=tablist] [aria-selected] {
  position: static;
  color: #4c9ac4;
}
.tabbed [role=tablist] [aria-selected]:focus {
  outline: none;
}
.tabbed [role=tabpanel]:focus {
  outline: none;
}

p {
  margin: 0 0 1em;
}

h1,
h2,
h3,
h4 {
  font-family: neue-haas-grotesk-display, sans-serif;
  margin: 0 0 0.6em;
  font-weight: 700;
  display: block;
  line-height: 1.25;
}

h1 {
  font-size: 2.1880967537rem;
  line-height: 1.2182;
}
@media (min-width: 48em) {
  h1 {
    font-size: 3.4375rem;
  }
}

h2 {
  font-size: 1.7501842299rem;
  line-height: 1.2632;
}
@media (min-width: 48em) {
  h2 {
    font-size: 2.375rem;
  }
}

h3 {
  font-size: 1.625rem;
  line-height: 1.2308;
}

h4 {
  font-size: 1rem;
  margin: 0.4em 0;
}

.f-m {
  font-size: 1.125rem;
}

.f-l {
  font-size: 1.3125rem;
}

.f-xl {
  font-size: 1.625rem;
}

.f-xxl {
  font-size: 2.375rem;
}

.f-xxxl {
  font-size: 3.4375rem;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
          animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
          animation-name: jello;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
          animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
          animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}

.animated, .anim {
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
            animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@-webkit-keyframes slideBgTop {
  0% {
    -webkit-transform: translateY(-100%) translateX(-50%);
            transform: translateY(-100%) translateX(-50%);
    -webkit-animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
            animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
  }
  50% {
    -webkit-transform: translateY(-50%) translateX(-50%) skewY(-20deg);
            transform: translateY(-50%) translateX(-50%) skewY(-20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
            animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
    -webkit-transform: translateY(0%) translateX(-50%);
            transform: translateY(0%) translateX(-50%);
  }
}
@keyframes slideBgTop {
  0% {
    -webkit-transform: translateY(-100%) translateX(-50%);
            transform: translateY(-100%) translateX(-50%);
    -webkit-animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
            animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
  }
  50% {
    -webkit-transform: translateY(-50%) translateX(-50%) skewY(-20deg);
            transform: translateY(-50%) translateX(-50%) skewY(-20deg);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
            animation-timing-function: cubic-bezier(0.815, 0.09, 0.885, 0.14);
    -webkit-transform: translateY(0%) translateX(-50%);
            transform: translateY(0%) translateX(-50%);
  }
}
.stretchLeft {
  -webkit-animation-name: stretchLeft;
          animation-name: stretchLeft;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  60% {
    -webkit-transform: scaleX(0.98);
            transform: scaleX(0.98);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  60% {
    -webkit-transform: scaleX(0.98);
            transform: scaleX(0.98);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.stretchRight {
  -webkit-animation-name: stretchRight;
          animation-name: stretchRight;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  60% {
    -webkit-transform: scaleX(0.98);
            transform: scaleX(0.98);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  60% {
    -webkit-transform: scaleX(0.98);
            transform: scaleX(0.98);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes fadeInLoad {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  80% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeInLoad {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  80% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.fadeInLoad {
  -webkit-animation-name: fadeInLoad;
          animation-name: fadeInLoad;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
          animation-name: scaleIn;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}

@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    -webkit-transform: scale(1.2, 1.2) translate(4%, 4%);
            transform: scale(1.2, 1.2) translate(4%, 4%);
  }
}

@keyframes scaleIn {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    -webkit-transform: scale(1.2, 1.2) translate(4%, 4%);
            transform: scale(1.2, 1.2) translate(4%, 4%);
  }
}
.blog h1,
.archive h1 {
  margin-top: 0;
}

.excerpt {
  position: relative;
}
.excerpt a.post-link {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.excerpt.featured header .image {
  width: 100%;
  height: 350px;
  max-height: 50vh;
}
@media (min-width: 48em) {
  .excerpt.featured header .image {
    height: 550px;
    max-height: none;
  }
}
.excerpt.featured header .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
@media (min-width: 0) and (max-width: 959px) {
  .excerpt.featured header.entry-header--no-image .image {
    display: none;
  }
}
.excerpt.featured h3 {
  text-decoration: none;
  color: #000;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-top: 5px;
}
.excerpt.featured:hover h3 {
  color: #4c9ac4;
}
.excerpt header {
  overflow: hidden;
}
.excerpt img {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.excerpt .entry-content {
  padding: 20px 0;
  width: 80%;
}
.excerpt .tags-links {
  min-height: 0.875rem;
  margin-bottom: 1rem;
}
.excerpt .entry-meta,
.excerpt .tags-links {
  font-size: 0.875rem;
  font-weight: 700;
  color: #6c6c6c;
  line-height: 1;
}
.excerpt .entry-meta a,
.excerpt .tags-links a {
  color: inherit;
  padding: 0 5px;
  border-left: 1px solid #6c6c6c;
  text-decoration: none;
}
.excerpt .entry-meta a:first-child,
.excerpt .tags-links a:first-child {
  border-left: 0;
  padding-left: 0;
}
.excerpt .posted-on {
  margin-bottom: 5px;
}
.excerpt h3,
.excerpt h4 {
  text-decoration: none;
  color: #000;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-top: 5px;
}
.excerpt h3 a,
.excerpt h4 a {
  color: inherit;
  text-decoration: none;
}
.excerpt:hover h3,
.excerpt:hover h4 {
  color: #4c9ac4;
}
.excerpt:hover img {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.sticky-posts .top-stories {
  padding: calc(23px + 1vw) 0;
  text-align: center;
}
@media (min-width: 48em) {
  .sticky-posts .top-stories {
    padding: 80px 0;
  }
}
.sticky-posts .top-stories h2 {
  margin: 0;
}
.sticky-posts .col-3 {
  grid-gap: 25px;
}

.posts #rooster_posts_wrap article header .image {
  position: relative;
  width: 100%;
  height: 350px;
  max-height: 50vh;
}
@media (min-width: 48em) {
  .posts #rooster_posts_wrap article header .image {
    padding-bottom: 100%;
    height: 0;
  }
}
.posts #rooster_posts_wrap article header .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
.posts #rooster_posts_wrap article header.entry-header--no-image .image {
  padding-bottom: 0;
}
.posts #rooster_posts_wrap article .entry-content {
  padding: 20px 0;
}
.posts #rooster_posts_wrap article .entry-footer {
  padding: 20px 0;
  font-size: 0.8125rem;
  opacity: 0.5;
  font-weight: 700;
}
.posts #rooster_posts_wrap article.list-all {
  padding-bottom: 40px;
  padding-top: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 48em) {
  .posts #rooster_posts_wrap article.list-all {
    padding-bottom: calc(20px + 7vh);
    padding-top: calc(20px + 7vh);
  }
}
.posts #rooster_posts_wrap article.list-all > *:last-child {
  padding-bottom: 0;
}
.posts #rooster_posts_wrap article.list-all footer .image {
  height: 300px;
  overflow: hidden;
}
.posts #rooster_posts_wrap article.list-all footer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
@media (min-width: 0) and (max-width: 35em) {
  .posts #rooster_posts_wrap article.list-all:last-of-type {
    border-bottom: 0;
  }
}
.posts #rooster_loadmore {
  margin: 0 auto;
  display: block;
  padding: 110px 0;
  font-size: 2.375rem;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.posts #rooster_loadmore::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f175";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f175";
  position: absolute;
  bottom: 110px;
  left: 50%;
  -webkit-transform: translate(-50%, 110%);
          transform: translate(-50%, 110%);
  padding: 0;
  font-size: 40px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.posts #rooster_loadmore:hover {
  color: #4c9ac4;
}
.posts #rooster_loadmore:hover:before {
  -webkit-transform: translate(-50%, 145%);
          transform: translate(-50%, 145%);
}

.archive {
  display: block;
}

.single {
  display: block;
}
.single #hero {
  position: relative;
  min-height: 400px;
}
.single #hero::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.single #hero img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
.single #hero.full-height {
  height: calc(var(--vh, 1vh) * 100);
}
.single #hero.half-height {
  min-height: calc(var(--vh, 1vh) * 50);
}
.single #hero .container {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.single #hero .container h1 {
  color: #fff;
}
.single #primary {
  position: relative;
  background: #000;
  min-height: 1000px;
}
.single #primary::before, .single #primary::after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 500px;
  z-index: 0;
}
.single #primary main {
  position: relative;
  z-index: 1;
  color: #fff;
}
@media (min-width: 48em) and (max-width: 80em) {
  .single .flexible-wrap .flexible-image {
    grid-template-columns: 1fr minmax(auto, 60rem) 1fr;
  }
  .single .flexible-wrap .flexible-image .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.single .flexible-wrap .flexible-image--fixed .image {
  height: 750px;
}
.single .flexible-wrap .flexible-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}
.single .flexible-wrap .flexible-image .caption {
  margin: 1rem 0;
  font-weight: 700;
}
.single .flexible-wrap .flexible-text {
  grid-template-columns: 1fr minmax(auto, 60rem) 1fr;
}
.single .flexible-wrap .flexible-text .container {
  padding-left: 20px;
  padding-right: 20px;
}
.single .flexible-wrap .flexible-text .container > * {
  color: #fff;
}

.post-nav-section {
  grid-template-columns: 1fr minmax(auto, 60rem) 1fr;
}

.post-navigation {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 34px;
}
@media (min-width: 48em) {
  .post-navigation {
    padding-bottom: 4.5vw;
  }
}
@media (min-width: 48em) {
  .post-navigation {
    padding-bottom: 86px;
  }
}
.post-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.post-navigation .nav-links a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.625rem;
  font-weight: 700;
  text-decoration: none;
}
.post-navigation .nav-links a:hover {
  color: #fff;
}
.post-navigation .nav-previous {
  margin-right: auto;
}

.gallery-category {
  padding-top: 25px;
  padding-bottom: 25px;
}
.gallery-category .content {
  position: relative;
  height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background: #f1f1f1;
}
.gallery-category .content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  position: absolute;
}
.gallery-category .content:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.gallery-category .content .text {
  position: relative;
  z-index: 1;
  padding: 40px 140px;
  width: 100%;
}
.gallery-category .content .text * {
  color: #fff;
}
.gallery-category .content .text h2 {
  margin-bottom: 100px;
}
.gallery-category .content .text a {
  text-decoration: none;
  font-weight: 700;
}
.gallery-category .content .text i {
  color: #4c9ac4;
  margin-left: 5px;
}

.gallery-grid {
  padding-bottom: calc(20px + 7vh);
}
.gallery-grid .gallery-excerpt {
  padding-bottom: 100%;
  position: relative;
}
.ie .gallery-grid .gallery-excerpt {
  padding-bottom: 200px;
}
.gallery-grid .gallery-excerpt a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.gallery-grid .gallery-excerpt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

.colours-listing {
  --clf-height: 205px;
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .colours-listing {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: var(--layoutSidePadding);
    padding-bottom: var(--layoutSidePadding);
  }
}
@media (min-width: 48em) {
  .colours-listing {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .colours-listing {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.colours-listing {
  background: #f1f1f1;
  height: 90vh;
  max-height: 90vh;
  position: relative;
}
@media (min-width: 48em) {
  .colours-listing {
    min-height: 752px;
    height: auto;
    overflow-y: scroll;
  }
}
.filter-comparator .colours-listing {
  max-height: 367px;
  padding: 1rem 10px 0;
}
@media (min-width: 390px) {
  .filter-comparator .colours-listing {
    max-height: 287px;
  }
}
@media (min-width: 48em) {
  .filter-comparator .colours-listing {
    min-height: 447px;
    max-height: 447px;
    padding: calc(20px + 0.5vw);
  }
}
.colours-listing--technical {
  --clf-height: 270px;
}
.colours-listing--pack {
  height: auto;
  max-height: none;
  background: transparent;
  padding-top: var(--layoutSidePadding);
  padding-bottom: var(--layoutSidePadding);
}
@media (min-width: 48em) {
  .colours-listing--pack {
    min-height: 0;
  }
}

.colours-listing__wrapper {
  border-bottom: 5px solid #fff;
}
.colours-listing__wrapper:last-child {
  border-bottom: 0;
}
.colours-listing__wrapper--header {
  background: #fff;
  color: #000;
  border-bottom: 0;
}

.colours-listing__pack {
  margin-bottom: 2rem;
  max-width: 675px;
}
.layout--a-centre .colours-listing__pack {
  margin-left: auto;
  margin-right: auto;
}

.colours-listing__section {
  margin: 0;
  text-align: center;
}

.colour-listing__content {
  margin-top: 20px;
  text-align: center;
}

.colours-listing__buttonwrapper {
  margin-top: 40px;
}

.colours-listing__filters {
  height: var(--clf-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -1rem;
  color: #000;
}
@media (min-width: 48em) {
  .colours-listing__filters {
    height: auto;
    position: static;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 71em) {
  .colours-listing__filters {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-comparator .colours-listing__filters {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto;
  }
}
.colours-listing__filters div {
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
@media (min-width: 48em) {
  .colours-listing__filters div {
    width: 100%;
    max-width: 275px;
  }
  .filter-comparator .colours-listing__filters div {
    width: auto;
    max-width: 200px;
  }
}
.colours-listing__filters .form__text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 0) and (max-width: 390px) {
  .filter-comparator .colours-listing__filters .form__text {
    max-width: calc(100% - 130px);
  }
}
@media (min-width: 390px) and (max-width: 767px) {
  .filter-comparator .colours-listing__filters .form__text {
    max-width: calc(100% - 130px - 6ch);
    margin-left: auto;
  }
}
@media (min-width: 48em) {
  .filter-comparator .colours-listing__filters .form__text {
    margin-right: auto;
  }
}
.colours-listing__filters .form__text::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f002";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 900;
  content: "\f002";
  min-width: auto;
  text-indent: 0;
  margin-top: 1.75rem;
  outline: none;
  position: static;
}
.colours-listing__filters .form__text label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2ch;
  text-indent: -9999px;
  padding: 0;
}
@media (min-width: 48em) {
  .colours-listing__filters .form__select {
    margin-right: 30px;
  }
}
.filter-comparator .colours-listing__filters .form__select {
  min-width: 110px;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-comparator .colours-listing__filters .form__select {
    width: 110px;
  }
}
.colours-listing__filters .form__select--filters {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (min-width: 80em) {
  .colours-listing__filters .form__select--filters {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    margin-left: 2rem;
    margin-right: auto;
  }
}
.colours-listing__filters .colours-listing__comparator {
  border-bottom: 0;
  padding: 0.9rem 0 0;
}
@media (min-width: 48em) {
  .colours-listing__filters .colours-listing__comparator {
    width: auto;
    margin-left: auto;
  }
}
.colours-listing__filters .colours-listing__delete {
  border-bottom: 0;
  padding: 0.4rem 0 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-comparator .colours-listing__filters .colours-listing__delete {
    margin-left: auto;
  }
}
.colours-listing__filters .colours-listing__delete button {
  color: inherit;
  font-weight: 500;
  padding-left: 0;
  padding-right: 0;
}
.colours-listing__filters .colours-listing__delete button::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5ch;
  background-image: var(--binBlue);
  background-size: contain;
  background-repeat: no-repeat;
}

.colours-listing__extra-filters .form__radio {
  padding-top: 0;
}

.colours-listing__filtersubcatdesc {
  margin: 0 0 1rem;
}

.colours-list {
  --coloursListMax: 1fr;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(86px, var(--coloursListMax)));
  margin: -4px;
  height: calc(90vh - var(--clf-height));
  overflow: scroll;
}
@media (min-width: 35em) {
  .colours-list {
    height: calc(90vh - var(--clf-height) - 2 * var(--layoutSidePadding));
  }
}
@media (min-width: 48em) {
  .colours-list {
    height: auto;
    overflow: visible;
    padding-bottom: var(--layoutSidePadding);
  }
}
.ie .colours-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.colours-listing--pack .colours-list {
  --coloursListMax: 86px;
  padding-bottom: 0;
  height: auto;
  overflow: visible;
}
.layout--a-centre .colours-listing--pack .colours-list, .colour-filters-cta__list .colours-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.layout--a-centre .colours-listing--pack .colours-list li, .colour-filters-cta__list .colours-list li {
  min-width: 86px;
  width: 7.7%;
  max-width: 107px;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-comparator .colours-list {
    grid-template-columns: repeat(9999, 86px);
    height: auto;
  }
}

.colours-list__colour {
  padding: 4px;
  position: relative;
}
.colours-list__colour .name {
  display: block;
  background: var(--colour);
  background-image: var(--texture);
  background-size: cover;
  color: var(--colour);
  height: 0;
  width: 100%;
  padding: 0 0 166px;
  text-indent: -9999px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  cursor: pointer;
}
.ie .colours-list__colour {
  width: 102px;
}
.colours-list__colour[data-extra-list=true] {
  display: none;
}
.colours-list--searched .colours-list__colour[data-extra-list=true] {
  display: block;
}
.colours-list__colour.active::before {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border: 2px solid #000;
  z-index: 100;
  pointer-events: none;
}

.colours-list__colour-code {
  background: #fff;
  color: #000;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1ex;
}
.colour__cta .colours-list__colour-code {
  border: 1px solid rgb(207.75, 207.75, 207.75);
  border-top: 0;
  margin: -1px 1px 0;
}

.colours-list__colour-header {
  grid-column: 1/-1;
  font-size: 1.2em;
  font-weight: bold;
  padding: 30px 4px 15px;
  display: none;
}
.colours-list--searched .colours-list__colour-header {
  display: block;
}
.colours-list--reordered .colours-list__colour-header {
  display: none;
}

.colours-list__colour-info {
  position: fixed;
  top: var(--top);
  left: var(--left);
  z-index: 1000;
  min-width: calc(var(--width) / 2);
  width: auto;
  max-width: var(--width);
  color: #000;
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  padding: 1ex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
}
.show-tooltip .colours-list__colour-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.js-touch .colours-list__colour-info, .colour-filters-cta .colours-list__colour-info {
  display: none;
}
.show-tooltip--left .colours-list__colour-info {
  left: calc(var(--left) - var(--width));
  width: var(--width);
}
.colours-list__colour-info h3 {
  font-size: 1rem;
  line-height: 22px;
}
.colours-list__colour-info .wysiwyg {
  font-size: 0.8125rem;
}

.colour__row {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .colour__row {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .colour__row {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .colour__row {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.colour__row {
  padding-bottom: calc(var(--padding-ends) * 2);
}
@media (min-width: 48em) {
  .colour__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.colour__row:first-child {
  padding-top: calc(var(--padding-ends) * 2);
}
.colour--compare .colour__row {
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.colour__graph {
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .colour__graph {
    width: 42.5627213542vw;
    max-width: 817px;
  }
}
@media (min-width: 48em) {
  .colour__graph {
    margin-bottom: 0;
  }
}
.colour--compare .colour__graph {
  width: 100%;
  max-width: none;
}
.colour__graph h2 {
  font-size: 1.625rem;
  line-height: 1.2308;
  margin-bottom: calc(1.5rem + 1vw);
}
@media (min-width: 0) and (max-width: 767px) {
  .colour--compare .colour__graph h2 {
    font-size: 1rem;
  }
}

.colour__graph-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 43.9655172414%;
}
.colour__graph-wrapper .tooltip-hover {
  position: absolute;
  padding: 1ex 2ex;
  background: #fff;
  color: #000;
  margin-top: 20px;
  font-size: 0.75rem;
  z-index: 1000;
}
.colour__graph-wrapper .tooltip-hover span {
  display: block;
  font-weight: 700;
}

@media (min-width: 48em) {
  .colour__transmission {
    width: 20.3696744792vw;
    max-width: 391px;
  }
}
.colour__transmission {
  padding-top: calc(1.5rem + 1vw + 1.2308 * 1.625rem);
}
.colour--compare .colour__transmission {
  width: 100%;
  max-width: none;
}
.colour__transmission .form__select {
  color: #000;
}
.colour__transmission .form__select select {
  padding-left: 0;
}
.colour__transmission .form__select .wpcf7-form-control-wrap::after {
  content: var(--currentSelected, " ");
  color: #fff;
  background: #000;
  font-weight: 700;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  right: 2rem;
  pointer-events: none;
  overflow: hidden;
}
.ie .colour__transmission .form__select .wpcf7-form-control-wrap::after {
  display: none;
}
.ie .colour__transmission .form__select {
  color: #fff;
}
.ie .colour__transmission .form__select select:focus {
  color: #000;
}
@media (min-width: 48em) {
  .colour__no-light .colour__transmission {
    width: 32%;
    max-width: none;
  }
  .colour__no-light .colour__transmission .form__select {
    padding: 1rem 0 0;
    min-height: 5.125rem;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .colour--compare .colour__transmissions {
    font-size: 0.875rem;
  }
}
.colour__transmissions h2 {
  font-size: 1rem;
}
.js .colour__transmissions h2 {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.colour__transmissions p {
  margin-top: 1rem;
}
.js .colour__transmissions > li {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.colour__transmissions > li.active {
  position: static !important;
  border: 0;
  clip: auto !important;
  clip-path: none;
  height: auto;
  width: auto;
  margin: inherit;
  overflow: visible;
  padding: inherit;
  white-space: normal;
}

.colour__dimming {
  --colourDimmingSize: 10vw;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48em) {
  .colour__dimming {
    --colourDimmingSize: 7vw;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .colour--compare .colour__dimming h2 {
    font-size: 1rem;
  }
}
.colour__dimming > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.colour__dimming > div div {
  width: 33.1%;
  font-weight: bold;
  padding-top: calc(1ex + var(--colourDimmingSize));
  position: relative;
}
@media (min-width: 0) and (max-width: 767px) {
  .colour--compare .colour__dimming > div div {
    font-size: 0.8125rem;
  }
}
.colour__dimming > div div::before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  height: var(--colourDimmingSize);
  background: var(--colour);
}

.colour__rolls-sheets {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 48em) {
  .colour__rolls,
  .colour__sheets {
    width: 27.7673567708vw;
    max-width: 533px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .colour--compare .colour__rolls h2,
  .colour--compare .colour__sheets h2 {
    font-size: 1.125rem;
  }
}
.colour--compare .colour__rolls,
.colour--compare .colour__sheets {
  width: 100%;
  max-width: none;
}
@media (min-width: 48em) {
  .colour__no-light .colour__rolls,
  .colour__no-light .colour__sheets {
    width: 32%;
    max-width: none;
    margin-left: 2%;
  }
}
.colour__rolls li,
.colour__sheets li {
  position: relative;
}
@media (min-width: 0) and (max-width: 767px) {
  .colour--compare .colour__rolls li,
  .colour--compare .colour__sheets li {
    font-size: 0.875rem;
  }
}
.colour__rolls .spec-list__yes,
.colour__sheets .spec-list__yes {
  position: absolute;
  right: 0;
}
.colour__rolls .spec-list__yes span,
.colour__sheets .spec-list__yes span {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.colour__rolls .spec-list__yes::before,
.colour__sheets .spec-list__yes::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f058";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f058";
  padding: 0;
  min-width: auto;
}

.colour--compare .colour__rolls {
  padding-bottom: calc(var(--padding-ends) * 2);
}

.colour--compare .colour__sheets {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.colour__roll-width {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: calc(var(--padding-ends) * 2);
  width: 100%;
}
.colour--compare .colour__roll-width {
  margin-top: 0;
  margin-bottom: calc(var(--padding-ends) * 2);
}
@media (min-width: 0) and (max-width: 767px) {
  .colour--compare .colour__roll-width p {
    font-size: 0.875rem;
  }
}

.colour__roll {
  height: 7.5vw;
  max-height: 67px;
  background: var(--colour);
  background-image: var(--texture);
  background-size: cover;
  position: relative;
  margin-bottom: 1ex;
  border-radius: 8px 8px 8px 8px/45% 45% 45% 45%;
}
.colour__roll::before {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  z-index: 100;
  top: calc(50% + 1px);
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}
.colour__roll::after {
  content: "";
  display: block;
  width: auto;
  height: auto;
  width: 16px;
  position: absolute;
  z-index: 1000;
  top: 2px;
  bottom: 2px;
  right: 1px;
  background: #9fa6a9;
  border: 1px solid rgb(145.5494505495, 153.5302197802, 156.9505494505);
  border-radius: 8px 8px 8px 8px/45% 45% 45% 45%;
}
.colour__roll div {
  position: absolute;
  width: 14px;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.colour__roll div::after {
  content: "";
  display: block;
  width: 24px;
  height: auto;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: 1px;
  border: 0;
  border: 3px solid #000;
  border-radius: 8px 8px 8px 8px/50% 50% 50% 50%;
}
.colour__roll .colour__roll-mark-1 {
  left: 9.03%;
}
.colour__roll .colour__roll-mark-2 {
  left: 32.7%;
}
.colour__roll .colour__roll-mark-3 {
  left: 71.5%;
}
.colour__roll .colour__roll-mark-4 {
  left: 80.4%;
}

@media (min-width: 48em) {
  .colour__ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.colour__cta {
  padding: 20px;
  margin: 0 0 30px;
  background: #fff;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 48em) {
  .colour__cta {
    width: 48%;
    padding: 30px;
  }
}
@media (min-width: 48em) and (max-width: 80em) {
  .colour__cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 80em) {
  .colour__cta {
    padding: 40px 50px;
  }
}
.filter-comparator .colour__cta {
  width: 100%;
  padding: 20px;
}
.colour__cta .colour__cta-text {
  padding-right: 1rem;
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}
@media (min-width: 48em) and (max-width: 80em) {
  .colour__cta .colour__cta-text {
    padding: 0 0 1rem;
  }
}
.colour__cta .colour__cta-image {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
}
.colour__cta .colour__cta-colour .name {
  padding-bottom: 80%;
}

.faq-section .layout__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .faq-section .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .faq-section .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .faq-section .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.faq-section dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -2rem;
}

.faq-section__faq {
  width: 100%;
  padding: 2rem;
}
@media (min-width: 680px) {
  .faq-section__faq {
    width: 50%;
    padding-bottom: calc(20px + 7vh - 2rem);
  }
}
@media (min-width: 80em) {
  .faq-section__faq {
    width: 33.333%;
  }
}
.faq-section__faq dt {
  font-size: 1.3125rem;
  line-height: 1.2857;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.faq-section__faq .answer {
  margin-bottom: 1.75rem;
}
.faq-section__faq .answer__pdf {
  text-decoration: none;
  color: #000;
  position: relative;
  font-weight: 700;
  line-height: 25px;
  padding-left: 32px;
}
.faq-section__faq .answer__pdf svg {
  content: "";
  display: block;
  width: 19px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  color: #4c9ac4;
}

.faq-section__header {
  font-size: 2.375rem;
  line-height: 1.18;
  padding-bottom: 0.8em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 1.8em;
  width: 100%;
  margin: 2rem;
}
.faq-section__header h3 {
  margin: 0;
}

.faq__filters {
  width: calc(100vw - 4rem);
  max-width: 650px;
  margin: 0 auto calc(20px + 7vh);
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.faq__filters::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: var(--magnifyingGlassBlue);
  background-size: contain;
  background-repeat: no-repeat;
}
.no-js .faq__filters {
  display: none;
}
.faq__filters .form__text {
  margin-bottom: 0;
  border-bottom: 0;
}
.faq__filters .form__text label {
  left: 30px;
}
.faq__filters .form__text input {
  padding-left: 30px;
}
.faq__filters .form__text input:focus {
  outline: 0;
}

.flexible-wrap {
  display: block;
}

.colour-temp-calc__content {
  margin-top: 50px;
}

#footer {
  background: #000;
  color: #fff;
}

.footer__inner {
  padding: 0 25px;
}

@media (min-width: 48em) {
  .footer {
    width: 86.9488151042vw;
    max-width: 1669px;
  }
}
.footer {
  margin: 0 auto;
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 48em) {
  .footer {
    padding: calc(25px + 2vw) 0 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 90em) {
  .footer {
    padding-bottom: 110px;
  }
}

@media (min-width: 48em) {
  .footer__logo {
    width: 29.5907291667vw;
    max-width: 568px;
  }
}
@media (min-width: 80em) {
  .footer__logo {
    width: 14.7953645833vw;
    max-width: 284px;
  }
}
.footer__logo {
  margin-bottom: 2rem;
}
.footer__logo h2 {
  margin: 0;
}
.footer__logo a {
  color: inherit;
}
.footer__logo a:hover {
  color: #4c9ac4;
}
.footer__logo svg {
  fill: currentColor;
  width: 105px;
  height: auto;
}
@media (min-width: 35em) {
  .footer__logo svg {
    width: 165px;
  }
}

@media (min-width: 48em) {
  .footer__other {
    width: 57.3580859375vw;
    max-width: 1101px;
  }
}
@media (min-width: 80em) {
  .footer__other {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
.footer__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer__other h3 {
  font-size: 1rem;
  margin: 0;
  margin-bottom: 15px;
}
@media (min-width: 48em) {
  .footer__other h3 {
    margin-bottom: 5px;
  }
}

@media (min-width: 48em) {
  .footer__contact-details {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 165px);
            flex: 0 1 calc(100% - 165px);
  }
}
@media (min-width: 60em) {
  .footer__contact-details {
    -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
    max-width: 570px;
    padding-right: 35px;
  }
}
@media (min-width: 90em) {
  .footer__contact-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
    max-width: 1070px;
    padding-right: 0;
  }
}
.footer__contact-details .office {
  padding-bottom: 20px;
}
@media (min-width: 90em) {
  .footer__contact-details .office {
    width: 33.333%;
    padding-right: 35px;
  }
}
.footer__contact-details .office:last-child {
  padding-bottom: 0;
}
.footer__contact-details h3 {
  font-size: 1rem;
  margin: 0;
}
.footer__contact-details p {
  opacity: 0.6;
}

.footer__navigation {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  padding-top: 20px;
}
@media (min-width: 48em) {
  .footer__navigation {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
@media (min-width: 60em) {
  .footer__navigation {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    max-width: 315px;
    padding-left: 70px;
    padding-top: 0;
  }
}
@media (min-width: 80em) {
  .footer__navigation {
    padding-left: 0;
  }
}
@media (min-width: 80em) {
  .footer__navigation ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(18ch, auto));
  }
}
.footer__navigation li {
  margin: 0 0 1rem;
}
@media (min-width: 80em) {
  .footer__navigation li {
    padding-right: 30px;
  }
}
.footer__navigation li a {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

@media (min-width: 60em) {
  .shop-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.shop-menu li {
  list-style: none;
  margin: 0 0 1rem;
}
@media (min-width: 80em) {
  .shop-menu li {
    padding-right: 30px;
  }
}
.shop-menu li a {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}
.shop-menu li {
  opacity: 0.6;
}

.footer__social {
  --social-direction: row;
  margin: 0 -20px;
  width: 100%;
}
@media (min-width: 48em) {
  .footer__social {
    --social-margin: 0 15px 0 0;
    margin: 20px 0 0;
  }
}
.footer__social svg {
  color: #fff;
}

.footer__copyright {
  color: rgba(255, 255, 255, 0.6);
  border-top: 1px solid currentColor;
}
.footer__copyright .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer__copyright .footer__copyright-message,
.footer__copyright a {
  display: block;
  color: currentColor;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 26px;
  padding: 1rem 25px;
}
@media (min-width: 48em) {
  .footer__copyright .footer__copyright-message,
  .footer__copyright a {
    padding: 1rem;
  }
}

.footer__tertiary-nav {
  width: 100%;
}
@media (min-width: 48em) {
  .footer__tertiary-nav {
    width: auto;
  }
}
@media (min-width: 48em) {
  .footer__tertiary-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.footer__tertiary-nav li {
  border-bottom: 1px solid currentColor;
}
@media (min-width: 48em) {
  .footer__tertiary-nav li {
    border: 0;
    border-right: 1px solid currentColor;
  }
}

.footer__copyright-message {
  margin-right: auto;
}

@media (min-width: 48em) {
  .footer__rooster {
    margin-left: auto;
    max-height: 60px;
  }
}
.footer__rooster svg {
  display: inline-block;
  width: 23px;
  height: 26px;
  fill: currentColor;
  vertical-align: text-bottom;
  margin-right: 1ch;
}

.footer__copyright-inner {
  max-width: 104.375em;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .footer__copyright-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/*

				<div class="footer__tertiary-nav">
					<nav id="legal-navigation" class="legal-navigation">
						<div class="menu-legal-menu-container"><ul id="legal-menu" class="menu"><li id="menu-item-1088" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1088"><a href="https://lee-filters.local/accessibility/">Accessibility</a></li>
<li id="menu-item-1089" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1089"><a href="https://lee-filters.local/terms-conditions/">Terms &amp; Conditions</a></li>
<li id="menu-item-1090" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-1090"><a href="https://lee-filters.local/privacy-policy/">EU Privacy Policy</a></li>
<li id="menu-item-4989" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4989"><a href="https://www.panavision.com/us-privacy-policy">US Privacy Policy</a></li>
<li id="menu-item-4991" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4991"><a href="https://lee-filters.local/wp-content/uploads/2021/03/2019-Modern-Slavery-Act-Transparency-Statement-EXECUTED.pdf">Modern Slavery Act</a></li>
</ul></div>					</nav>
				</div>

				<div class="footer__rooster">
					<a href="https://www.roostermarketing.com/" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" width="166.159" height="188.455" viewBox="0 0 43.963 49.862"><g fill="#f04141"><path d="M10.701 13.8c-1.8-4.5-1.8-8-.2-8.5 2.4-.7 3.8 3.9 5.7 3.1 1.9-.9-1.7-6.2 2-7.6 3.9-1.4 3.4 5.5 5.4 5.8 3.6.5 2.7-6.8 6.5-5.9 3.5.8.2 7.9 2 9.7 2 2 6.2-3.1 8.7-.5 3.6 3.8-6.3 6.7-5.6 9.9.5 2.7 3.4 1.7 3.7 4.1.6 5.2-8.4 2.6-8.9 2.7a10.235 10.235 0 00.2-4.6 10.075 10.075 0 00-9.9-8.1l-9.6-.1z"></path><path d="M26.601 41.6l2.7 4.9h-7.8l-6.6-12.8h-3.3v12.8H.001v-4.9h4V22.3h-4v-4.9h17.6c3.3 0 5.7.8 7.2 2.5a8.65 8.65 0 012.2 5.7c0 3.3-1.7 5.7-5.1 7.3l4.7 8.7zm-15.1-12.5h2.6c3.2 0 4.8-1.1 4.8-3.4a2.709 2.709 0 00-1.1-2.5 4.7 4.7 0 00-3-.8h-3.3z"></path><path d="M27.101 34.5c7.1 1.7 16 4.4 16.8 9.1.7 4.7-4.7 7.4-7.7 5.8zm11.7-31.4h-.7v1.3h-.4V1.3h1a1.875 1.875 0 01.8.2.909.909 0 01.3.7.763.763 0 01-.2.5c-.1.1-.3.3-.4.3l.7 1.3h-.4zm-.7-.3h.6a.55.55 0 00.5-.2.755.755 0 00.2-.4.521.521 0 00-.2-.4.766.766 0 00-.5-.2h-.6z"></path><path d="M38.701 6a3.009 3.009 0 01-3-3 3.008 3.008 0 013-3 3.076 3.076 0 013 3 3.009 3.009 0 01-3 3zm0-5.7a2.689 2.689 0 00-2.7 2.7 2.689 2.689 0 002.7 2.7 2.689 2.689 0 002.7-2.7 2.689 2.689 0 00-2.7-2.7z"></path></g></svg>	Site by Rooster Marketing</a>
				</div>


*/
.gallery-single {
  background: #000;
  min-height: 100%;
  padding: 75px 0;
}
.gallery-single * {
  color: #fff;
}
.gallery-single .text {
  padding-top: 40px;
  width: 100%;
}
.gallery-single .description {
  padding-top: 40px;
}

.gallery-single__wrapper {
  padding: 0 1.25rem;
}
@media (min-width: 60em) {
  .gallery-single__wrapper {
    padding: 0;
  }
}
.gallery-single__wrapper .video--embed {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.gallery-single__wrapper .video--embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 60em) {
  .poster .gallery-single__wrapper, .portrait .gallery-single__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.poster .gallery-single__wrapper .video,
.poster .gallery-single__wrapper .image, .portrait .gallery-single__wrapper .video,
.portrait .gallery-single__wrapper .image {
  width: 100%;
}
@media (min-width: 60em) {
  .poster .gallery-single__wrapper .text, .portrait .gallery-single__wrapper .text {
    padding-left: 2.5rem;
  }
}
@media (min-width: 80em) {
  .poster .gallery-single__wrapper .text, .portrait .gallery-single__wrapper .text {
    padding-left: 0;
  }
}
@media (min-width: 80em) and (min-width: 48em) {
  .poster .gallery-single__wrapper .text, .portrait .gallery-single__wrapper .text {
    margin-left: 14.7953645833vw;
  }
}
@media (min-width: 80em) and (min-width: 120em) {
  .poster .gallery-single__wrapper .text, .portrait .gallery-single__wrapper .text {
    margin-left: 284px;
  }
}

.photo-galleries li {
  min-height: 300px;
  height: 28.655vw;
  max-height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.photo-galleries li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
  text-decoration: none;
}
.photo-galleries li a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}
.photo-galleries li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  position: absolute;
  z-index: 1;
}
.ie .photo-galleries li img {
  top: 0%;
}
.photo-galleries li:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.photo-galleries li .text {
  position: relative;
  z-index: 1000;
  padding: 2vw;
  width: 100%;
  text-align: center;
  color: #fff;
}
.photo-galleries li .text h2 {
  margin-bottom: calc(20px + 1vw);
}
.photo-galleries li .text i {
  color: inherit;
}

.latest-video__header {
  max-width: 96vw;
  margin: 0 auto;
  text-align: center;
}

.latest-video {
  margin-bottom: calc(20px + 7vh);
}

.video-section .layout__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .video-section .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .video-section .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .video-section .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.video-section ul {
  margin: 0 -16px;
}
.video-section .slick-arrow {
  --videoArrowAlign: -10px;
  padding: 0;
  line-height: 1;
  width: 20px;
  height: 25px;
  text-indent: -9999px;
  position: absolute;
  left: var(--videoArrowAlign);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}
@media (min-width: 48em) {
  .video-section .slick-arrow {
    --videoArrowAlign: -45px;
    width: 35px;
  }
}
.video-section .slick-arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: var(--sliderArrow);
  background-size: 100%;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.video-section .slick-next {
  left: auto;
  right: var(--videoArrowAlign);
}
.video-section .slick-next::before {
  -webkit-transform: none;
          transform: none;
}

.video-section__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: calc(30px + 1vw);
}
.video-section__filters h3 {
  font-size: 1.125rem;
  line-height: 1;
  padding-right: 25px;
}
.video-section__filters button {
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  padding: 0 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.video-section__filters button:last-child {
  border-right: 0;
}
.video-section__filters button.active {
  color: #4c9ac4;
}

.video-section__header {
  text-align: center;
}

.video__embed {
  width: 100%;
  padding: 0 16px;
}

.video__embed-inner {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.video__embed-inner iframe,
.video__poster {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__poster {
  cursor: pointer;
}
.video__poster::before {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2;
}

.video__caption,
.video__text {
  padding: 0 16px;
}

.page .post-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

.commonly-asked-questions {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.commonly-asked-questions h3 {
  padding-top: 0;
}
.commonly-asked-questions p {
  font-size: 1.125rem;
}

@media (min-width: 80em) {
  .contact {
    width: 73.9768229167vw;
    max-width: 1420px;
  }
}
.contact {
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin: 0 auto;
}
.contact .layout__inner {
  color: #fff;
  background: #000;
  position: relative;
}
@media (min-width: 48em) {
  .contact .layout__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.contact__form {
  background: transparent;
}
@media (min-width: 60em) {
  .contact__form {
    padding: 80px 110px 90px 110px;
  }
}
.contact__form label {
  padding: 1rem 0 0 0;
}
.contact__form .form__textarea textarea {
  height: 11rem;
  padding: 12px;
}
.contact__form .form__textarea {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.contact__form .form__textarea.label-focused textarea {
  height: 11rem;
}
.contact__form .form__select select {
  padding: 0;
}
.contact__form .col-2 {
  gap: 0;
}
@media (min-width: 48em) {
  .contact__form .col-2 {
    gap: 30px;
  }
}
.contact__form .button {
  background-color: #4c9ac4;
  color: #fff;
  padding: 10px 26px 10px 14px;
  border-radius: 10px;
  margin-bottom: 15px;
  position: relative;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.contact__form .button i:nth-of-type(1) {
  color: var(--button-arrows, #fff);
  opacity: 1;
  position: absolute;
  right: 0px;
  -webkit-animation: none;
          animation: none;
}
.contact__form .button i:nth-of-type(1) svg {
  height: 10px;
  width: 6px;
}
@media (min-width: 400px) {
  .contact__form .button.first {
    margin-right: 15px;
  }
}
.contact__form .button:hover {
  background-color: rgba(76, 154, 196, 0.7);
}

.contact__map {
  position: relative;
  min-height: 120vw;
}
@media (min-width: 48em) {
  .contact__map {
    min-height: 60vw;
  }
}

.contact-map__inner {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 48em) {
  .contact__other {
    width: 73%;
  }
}

.contact__addresses {
  background: #f1f1f1;
  color: #000;
  padding: calc((1rem + 3vw) / 2);
}
@media (min-width: 48em) {
  .contact__addresses {
    width: 27%;
  }
}
.contact__addresses div {
  padding: calc((1rem + 3vw) / 2);
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .contact__addresses div {
    margin-bottom: 0;
  }
}
@media (min-width: 90em) {
  .contact__addresses div {
    -ms-flex-wrap: 33.333%;
        flex-wrap: 33.333%;
  }
}
.contact__addresses h3 {
  font-size: 1rem;
  margin: 0;
}
.contact__addresses p {
  opacity: 0.5;
}
@media (min-width: 48em) {
  .contact__addresses p {
    max-width: 30ch;
  }
}
.contact__addresses p.tel-skype {
  margin-bottom: 0;
}

.contact__career {
  padding: calc(1rem + 3vw);
}

@media (min-width: 48em) {
  .ambassadors {
    margin: 0 auto;
  }
}
.ambassadors .layout__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48em) {
  .ambassadors .layout__inner {
    width: 73.9768229167vw;
    max-width: 1420px;
  }
}
.ambassadors .layout__inner {
  margin: 0 auto;
}

.ambassador {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 0 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 48em) {
  .ambassador {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 4vw;
  }
}
@media (min-width: 48em) and (min-width: 48em) {
  .ambassador {
    padding-left: 0.9116861979vw;
  }
}
@media (min-width: 48em) and (min-width: 120em) {
  .ambassador {
    padding-left: 17.5px;
  }
}
@media (min-width: 48em) and (min-width: 48em) {
  .ambassador {
    padding-right: 0.9116861979vw;
  }
}
@media (min-width: 48em) and (min-width: 120em) {
  .ambassador {
    padding-right: 17.5px;
  }
}
@media (min-width: 80em) {
  .ambassador {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
}

.ambassador__image {
  margin-bottom: 2rem;
}

.ambassador__header {
  padding-left: 75px;
  min-height: 75px;
  position: relative;
}
.ambassador__header h2 {
  font-size: 1.3125rem;
  line-height: 1.2857;
  margin: 0.25rem 0 0;
}
.ambassador__header p {
  margin: 0 0 0.25rem;
}
.ambassador__header img {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.ambassador__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.ambassador__links a {
  color: #000;
}
.ambassador__links .social {
  --social-direction: row;
  font-size: 0;
}
.ambassador__links .social a {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  border: 1px solid currentColor;
  margin-right: 10px;
}
.ambassador__links .social a:hover {
  color: #4c9ac4;
  fill: #4c9ac4;
}

.ambassador__site {
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 1.3125rem;
}

.basic-content .layout__inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .basic-content .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .basic-content .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .basic-content .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
@media (min-width: 48em) {
  .basic-content .layout__inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 120em) {
  .basic-content .layout__inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.basic-content--narrow .layout__inner {
  max-width: calc(42rem + var(--layoutSidePadding) * 2);
}

.block-links__blocks {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 48em) {
  .block-links__blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ie .block-links__blocks {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.block-links__header {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .block-links__header {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .block-links__header {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .block-links__header {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
@media (min-width: 48em) {
  .block-links__header h2 {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
.block-links__header h2 {
  margin: 0 auto 1.5em;
}

.block-links__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1.25rem;
  color: #fff;
  text-decoration: none;
  height: 112vw;
  max-height: 98vh;
  margin: 4px -6px 0;
  position: relative;
  overflow: hidden;
}
@media (min-width: 48em) {
  .block-links__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32.4%;
            flex: 0 1 32.4%;
    height: 36.4vw;
  }
}
@media (min-width: 60em) {
  .block-links__block {
    padding: 2rem;
  }
}
@media (min-width: 80em) {
  .block-links__block {
    padding: 3rem;
  }
}
@media (min-width: 120em) {
  .block-links__block {
    min-height: 36.25rem;
  }
}
.block-links__block:nth-child(1) {
  margin-top: 0;
}
@media (min-width: 48em) {
  .block-links__block:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .block-links__block:nth-child(3) {
    margin-top: 0;
  }
}
.layout--p-s-none .block-links__block {
  margin-left: 4px;
  margin-right: 4px;
}
.block-links__block .logo {
  --brand: currentColor;
  --invert-brand: #000;
}
.block-links__block .block-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.01);
          transform: translate(-50%, -50%) scale(1.01);
  z-index: 0;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.block-links--centre .block-links__block {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 2.5rem 1rem;
}
@media (min-width: 48em) and (max-width: 80em) {
  .block-links--centre .block-links__block {
    -ms-flex-preferred-size: 48.8%;
        flex-basis: 48.8%;
  }
  .block-links--centre .block-links__block:nth-child(3n+3) {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 20px;
  }
}
@media (min-width: 48em) {
  .block-links--centre .block-links__block {
    padding: 3.125rem 1.25rem;
  }
}
@media (min-width: 60em) {
  .block-links--centre .block-links__block {
    padding: 5rem 2rem;
  }
}
@media (min-width: 80em) {
  .block-links--centre .block-links__block {
    padding: 7.5rem 3rem;
  }
}
.block-links--centre .block-links__block::after {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0.8;
  z-index: 1;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.block-links__block:focus .block-image, .block-links__block:hover .block-image {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.block-links__block:focus::after, .block-links__block:hover::after {
  opacity: 1;
}
.block-links__block * {
  z-index: 2;
}
.block-links__block .block__header {
  color: inherit;
  margin: 0 0 0.667em;
}
.block-links--bottom .block-links__block .block__header {
  font-size: 1.625rem;
  line-height: 1.2308;
}
.block-links__block .block-text * {
  color: inherit;
}
.block-links__block .block-text *:last-child {
  margin-bottom: 0;
}
.block-links__block .button {
  --button-colour: #fff;
  --button-arrows: #fff;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (min-width: 48em) {
  .block-links__block .button {
    margin-bottom: -10px;
  }
}
.layout--a-centre .block-links__block .button {
  margin-left: auto;
  margin-right: auto;
}

.career-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.career-info dt {
  font-size: 0.8125rem;
  line-height: 1.7;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}
.career-info dd {
  line-height: 34px;
  padding-right: 1rem;
}

.careers-list .layout__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .careers-list .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .careers-list .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .careers-list .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.careers-list h2 {
  margin: 0;
}
.careers-list li {
  margin: 30px 0;
  border-top: 1px solid #6c6c6c;
  padding: calc(25px + 1.3vw) 0 calc(1.3vw - 5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 60em) {
  .careers-list li {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.careers-list dl {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 75%;
          flex: 1 0 75%;
}
@media (min-width: 48em) {
  .careers-list dl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.careers-list dl .job-title {
  width: 100%;
}
@media (min-width: 48em) {
  .careers-list dl .job-title {
    width: 50%;
  }
}
.careers-list dl .job-location,
.careers-list dl .job-salary {
  width: 50%;
}
@media (min-width: 48em) {
  .careers-list dl .job-location,
  .careers-list dl .job-salary {
    width: 25%;
  }
}
.careers-list .apply {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1rem;
}
@media (min-width: 60em) {
  .careers-list .apply {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    margin-top: 0;
  }
}
.careers-list h3 {
  line-height: 34px;
}
@media (min-width: 48em) {
  .careers-list h3 {
    margin: 0;
  }
}

.career-header {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .career-header {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .career-header {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .career-header {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.career-header {
  padding-top: 105px;
}
@media (min-width: 48em) {
  .career-header {
    padding-top: 0;
  }
}

.comparison .layout__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .comparison .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .comparison .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .comparison .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.comparison .comparison-separator {
  opacity: 1;
}
.comparison .comparison-control {
  width: 10px;
  height: 64px;
  margin-top: -32px;
  margin-left: -5px;
  background: #00b5e2;
  border-radius: 0;
  opacity: 1;
}
.comparison .comparison-control::before, .comparison .comparison-control::after {
  display: none;
}
.comparison .comparison-control .js-touch {
  width: 20px;
  margin-left: -10px;
}
.comparison .slick-arrow {
  position: absolute;
  top: 50%;
  right: -2em;
  z-index: 1;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  width: 2em;
  height: 2em;
}
.comparison .slick-arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  text-indent: 0;
  color: #000;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f178";
  color: inherit;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f178";
}
.comparison .slick-arrow.slick-prev {
  left: -2em;
  right: auto;
}
.comparison .slick-arrow.slick-prev::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f177";
  color: inherit;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f177";
}
.comparison .comparison-item__label {
  --label-spacer: 10px;
  top: auto;
  padding: 0;
  line-height: 1;
  bottom: var(--label-spacer);
  right: var(--label-spacer);
  background: transparent;
  color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 1.3125rem;
  -webkit-transition: none;
  transition: none;
}
@media (min-width: 48em) {
  .comparison .comparison-item__label {
    --label-spacer: 20px;
  }
}
.comparison .comparison-item__label:hover {
  background: transparent;
}
.comparison .comparison-item--first .comparison-item__label {
  left: var(--label-spacer);
  right: auto;
  white-space: nowrap;
}
.comparison .comparison-item__content:hover .comparison-item__label {
  background: transparent;
}

.comparison__images {
  text-align: left;
}
@media (min-width: 0) and (max-width: 48em) {
  .comparison__images {
    margin-left: calc(var(--layoutSidePadding) * -1);
    margin-right: calc(var(--layoutSidePadding) * -1);
  }
}
.comparison__images h2 {
  font-size: 1.3125rem;
  margin-top: 3rem;
}
.comparison__images .spec-list {
  padding-bottom: 2px;
}

.comparison__image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comparison__image--js {
  display: block;
}
.comparison__image > img {
  width: 50%;
  height: 50%;
}
.no-js .comparison__image div {
  position: relative;
  z-index: 1;
}
.no-js .comparison__image div + div {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
}
.comparison__image .comparison-item--first img {
  max-width: none;
  height: 100%;
  width: auto;
}

.colour-filters-cta.colour-filters-cta {
  padding-bottom: 0;
}
.layout--p-s-none.colour-filters-cta .layout__inner {
  padding-left: 20px;
  padding-right: 20px;
}

.colour-filters-cta .add-colour-list {
  display: none;
}
.colour-filters-cta .name {
  border-width: 0;
}
.colour-filters-cta.layout--c-i-white .colours-list__colour .name {
  border-width: 1px;
}
.colour-filters-cta.layout--c-i-white .colours-list__colour div {
  border: 1px solid #f1f1f1;
  border-top-width: 0;
}

.layout--a-left .colour-filters-cta__text-wrap {
  padding: 0 4px;
  max-width: 1390px;
  margin: 0 auto;
}

.colour-filters-cta__list {
  padding: calc(50px + 2.5vw) 4px 4px;
  max-width: 1390px;
  margin: 0 auto;
  position: relative;
}
.colour-filters-cta__list .colours-list {
  max-height: 214px;
  overflow: hidden;
  position: relative;
  width: auto;
  margin-left: -24px;
  margin-right: -24px;
  left: calc(50% + 24px);
  -webkit-transform: translate(-50%, 4px);
          transform: translate(-50%, 4px);
  display: none;
}
.colour-filters-cta__list .colours-list:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.colour-filters-cta__text {
  max-width: 45rem;
}
.layout--a-centre .colour-filters-cta__text {
  margin-left: auto;
  margin-right: auto;
}

.cta .layout__inner {
  position: relative;
  overflow: hidden;
  min-width: 100%;
}

@media (min-width: 48em) {
  .cta__text {
    width: 86.9488151042vw;
    max-width: 1669px;
  }
}
.cta__text {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding-top: 40vw;
  padding-bottom: 6vw;
}
@media (min-width: 48em) {
  .cta__text {
    padding-left: 29.5907291667vw;
  }
}
@media (min-width: 120em) {
  .cta__text {
    padding-left: 568px;
  }
}
@media (min-width: 48em) {
  .cta__text {
    padding-right: 29.5907291667vw;
  }
}
@media (min-width: 120em) {
  .cta__text {
    padding-right: 568px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .cta__text {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 48em) {
  .cta__text {
    min-height: 25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cta--medium .cta__text {
    min-height: 35rem;
  }
  .cta--tall .cta__text {
    min-height: 60rem;
  }
}
@media (min-width: 80em) {
  .cta__text {
    min-height: 35rem;
  }
  .cta--medium .cta__text {
    min-height: 45rem;
  }
  .cta--tall .cta__text {
    min-height: 78rem;
  }
}
.cta--right .cta__text, .cta--left .cta__text {
  padding-top: 6vw;
  padding-bottom: 70vw;
}
@media (min-width: 48em) {
  .cta--right .cta__text, .cta--left .cta__text {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 80em) {
  .cta--right .cta__text, .cta--left .cta__text {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 48em) {
  .cta--right .cta__text {
    padding-left: 5.5743098958vw;
  }
}
@media (min-width: 120em) {
  .cta--right .cta__text {
    padding-left: 107px;
  }
}
@media (min-width: 48em) {
  .cta--right .cta__text {
    padding-right: 36.9884114583vw;
  }
}
@media (min-width: 120em) {
  .cta--right .cta__text {
    padding-right: 710px;
  }
}
@media (min-width: 60em) and (min-width: 48em) {
  .cta--right .cta__text {
    padding-left: 7.3976822917vw;
  }
}
@media (min-width: 60em) and (min-width: 120em) {
  .cta--right .cta__text {
    padding-left: 142px;
  }
}
@media (min-width: 60em) and (min-width: 48em) {
  .cta--right .cta__text {
    padding-right: 51.7837760417vw;
  }
}
@media (min-width: 60em) and (min-width: 120em) {
  .cta--right .cta__text {
    padding-right: 994px;
  }
}
@media (min-width: 48em) {
  .cta--left .cta__text {
    padding-left: 36.9884114583vw;
  }
}
@media (min-width: 120em) {
  .cta--left .cta__text {
    padding-left: 710px;
  }
}
@media (min-width: 48em) {
  .cta--left .cta__text {
    padding-right: 5.5743098958vw;
  }
}
@media (min-width: 120em) {
  .cta--left .cta__text {
    padding-right: 107px;
  }
}
@media (min-width: 60em) and (min-width: 48em) {
  .cta--left .cta__text {
    padding-right: 14.7953645833vw;
  }
}
@media (min-width: 60em) and (min-width: 120em) {
  .cta--left .cta__text {
    padding-right: 284px;
  }
}
@media (min-width: 60em) and (min-width: 48em) {
  .cta--left .cta__text {
    padding-left: 51.7837760417vw;
  }
}
@media (min-width: 60em) and (min-width: 120em) {
  .cta--left .cta__text {
    padding-left: 994px;
  }
}
@media (min-width: 48em) {
  .layout--a-centre.cta--right .cta__text, .layout--a-centre.cta--left .cta__text {
    padding-left: 12.9719921875vw;
  }
}
@media (min-width: 120em) {
  .layout--a-centre.cta--right .cta__text, .layout--a-centre.cta--left .cta__text {
    padding-left: 249px;
  }
}
@media (min-width: 48em) {
  .layout--a-centre.cta--right .cta__text, .layout--a-centre.cta--left .cta__text {
    padding-right: 12.9719921875vw;
  }
}
@media (min-width: 120em) {
  .layout--a-centre.cta--right .cta__text, .layout--a-centre.cta--left .cta__text {
    padding-right: 249px;
  }
}

.cta__text-inner {
  width: 100%;
  max-width: 66ch;
}
@media (min-width: 48em) {
  .cta--right .cta__text-inner {
    max-width: 55ch;
  }
}
@media (min-width: 48em) and (max-width: 60em) {
  .cta--style-compact.cta--right .cta__text-inner {
    padding-right: 20px;
  }
}

@media (min-width: 48em) {
  .cta--left .cta__text-inner {
    max-width: 55ch;
  }
}
@media (min-width: 48em) {
  .layout--a-centre.cta--right .cta__text-inner, .layout--a-centre.cta--left .cta__text-inner {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
  }
}

.cta__text-buttons {
  margin-left: -0.5ex;
  margin-right: -0.5ex;
  padding-top: 1rem;
}
.cta__text-buttons .button {
  margin-left: 0.5ex;
  margin-right: 0.5ex;
  color: inherit;
}

.cta__tools > h2 {
  margin-bottom: 20px !important;
}
.cta__tools .section-content {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}
.cta__tools .section-content h2, .cta__tools .section-content h3, .cta__tools .section-content h4, .cta__tools .section-content p {
  max-width: 800px;
  margin: auto;
}

.cta__image {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: auto;
  height: 38vw;
  left: 0;
}
@media (min-width: 48em) {
  .cta__image {
    bottom: 0;
    height: auto;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .cta--right .cta__image, .cta--left .cta__image {
    top: auto;
    bottom: 0;
    height: 66.667vw;
  }
}
@media (min-width: 48em) {
  .cta--right.cta--style-compact .cta__image, .cta--left.cta--style-compact .cta__image {
    width: 51.7837760417vw;
    max-width: 994px;
  }
}
@media (min-width: 90em) {
  .cta--right.cta--style-compact .cta__image, .cta--left.cta--style-compact .cta__image {
    width: 59.1814583333vw;
    max-width: 1136px;
  }
}
@media (min-width: 48em) {
  .cta--right.cta--style-compact .cta__image {
    left: auto;
  }
}
@media (min-width: 48em) {
  .cta--left.cta--style-compact .cta__image {
    right: auto;
  }
}
@media (min-width: 48em) {
  .layout--c-i-black.cta--right.cta--style-full-width .cta__image::after, .layout--c-i-black.cta--left.cta--style-full-width .cta__image::after {
    content: "";
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0.8;
    z-index: 1;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
}
.cta--top.cta--style-compact .cta__image {
  height: 40vw;
}
@media (min-width: 48em) {
  .cta--top.cta--style-compact .cta__image {
    bottom: auto;
  }
}
.cta__image img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.01);
          transform: translate(-50%, -50%) scale(1.01);
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
}
@media (min-width: 48em) {
  .cta__image img {
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover;
  }
}
.cta--right .cta__image img, .cta--left .cta__image img {
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center bottom";
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
@media (min-width: 48em) {
  .cta--right .cta__image img, .cta--left .cta__image img {
    -o-object-position: 95% bottom;
       object-position: 95% bottom;
  }
}
@media (min-width: 80em) {
  .cta--right .cta__image img, .cta--left .cta__image img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media (min-width: 48em) {
  .cta--right .cta__image img {
    -o-object-position: 5% bottom;
       object-position: 5% bottom;
  }
}
@media (min-width: 80em) {
  .cta--right .cta__image img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
}
.cta__image img.cta__image--mobile {
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center center";
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.cta--style-compact .cta__image img {
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%) scale(1.01);
          transform: translate(-50%, -50%) scale(1.01);
}
@media (min-width: 48em) {
  .cta--style-compact .cta__image img {
    -o-object-fit: contain;
       font-family: "object-fit:contain;object-position:center bottom";
       object-fit: contain;
    -o-object-position: center bottom;
       object-position: center bottom;
  }
}
.cta--top.cta--style-compact .cta__image img {
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 48em) {
  .cta--top.cta--style-compact .cta__image img {
    -o-object-position: center top;
       object-position: center top;
  }
}
.cta__image img .cta--top.cta--style-full-width {
  top: 0;
  -webkit-transform: translateX(-50%) scale(1.01);
          transform: translateX(-50%) scale(1.01);
  max-height: 100%;
}
@media (min-width: 48em) {
  .cta__image img .cta--top.cta--style-full-width {
    -o-object-position: center top;
       object-position: center top;
  }
}
.cta--has-mobile .cta__image .cta__image--mobile {
  display: block;
}
@media (min-width: 48em) {
  .cta--has-mobile .cta__image .cta__image--mobile {
    display: none;
  }
}
.cta--has-mobile .cta__image .cta__image--desktop {
  display: none;
}
@media (min-width: 48em) {
  .cta--has-mobile .cta__image .cta__image--desktop {
    display: block;
  }
}

.cta__caption {
  position: relative;
  z-index: 100;
  font-size: 0.875rem;
  font-weight: 700;
}
@media (min-width: 0) and (max-width: 767px) {
  .cta__caption {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 48em) {
  .cta__caption {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: left;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .cta--right .cta__caption, .cta--left .cta__caption {
    margin-top: -70vw;
    padding-top: 1rem;
    padding-bottom: 70vw;
  }
}

@media (min-width: 35em) {
  .cta__tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
  }
}
.cta__tools h2 {
  width: 100%;
  margin-bottom: calc(1.5rem + 1.5vw);
  padding: 0 1rem;
}

.tool-link {
  position: relative;
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin: calc(1rem + 1vw) calc(1.25rem + 1.5vw);
  gap: 20px;
}
.tool-link .button {
  padding-left: 72px;
  max-width: calc(22ch + 40px + 72px);
  text-align: left;
  font-size: 1.3125rem;
  line-height: 1.2857;
}
.tool-link::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 20px;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.tool-link p {
  max-width: 390px;
  padding-left: 0px;
  text-align: left;
  font-size: 14px;
  color: white;
  margin-right: auto;
}
.tool-link--gel::before {
  background-image: var(--toolGel);
}
.tool-link--colour::before {
  background-image: var(--toolColour);
}
.tool-link--diff-list::before {
  background-image: var(--toolDiffList);
}
.tool-link--diff-comp::before {
  background-image: var(--toolDiffComp);
}
.tool-link--ludwig::before {
  background-image: var(--toolLudwig);
}
.tool-link--comparator::before {
  background-image: var(--toolComparator);
}

.gallery-cta.gallery-cta {
  padding-bottom: 0;
}
.layout--p-s-none.gallery-cta .layout__inner {
  padding-left: 20px;
  padding-right: 20px;
}

.gallery-cta__list {
  padding: calc(50px + 2.5vw) 0 0;
  max-width: 1390px;
  margin: 0 auto;
  position: relative;
  --slickGalleryPadding: 16.667%;
}
@media (min-width: 700px) {
  .gallery-cta__list {
    --slickGalleryPadding: 12.5%;
  }
}
@media (min-width: 1000px) {
  .gallery-cta__list {
    --slickGalleryPadding: 10%;
  }
}
@media (min-width: 1440px) {
  .gallery-cta__list {
    --slickGalleryPadding: 0%;
  }
}
.gallery-cta__list .slick-list {
  overflow: visible;
  padding-left: var(--slickGalleryPadding);
  padding-right: var(--slickGalleryPadding);
}
.gallery-cta__list [data-slick-index="-5"],
.gallery-cta__list [data-slick-index="-4"],
.gallery-cta__list [data-slick-index="-3"],
.gallery-cta__list [data-slick-index="-2"],
.gallery-cta__list [data-slick-index="-1"] {
  visibility: hidden !important;
}
.gallery-cta__list .gallery-cta__slide {
  padding-right: 5px;
  height: 100%;
}
.gallery-cta__list .gallery-cta__slide img {
  display: block;
}
.gallery-cta__list .slick-arrow {
  padding: 0;
  line-height: 1;
  width: 45px;
  height: 25px;
  text-indent: -9999px;
  position: absolute;
  left: var(--slickGalleryPadding);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}
.gallery-cta__list .slick-arrow[aria-disabled=true] {
  display: none !important;
}
.gallery-cta__list .slick-arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: var(--sliderArrowWhite);
  background-size: 100%;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.gallery-cta__list .slick-next {
  left: auto;
  right: var(--slickGalleryPadding);
}
.gallery-cta__list .slick-next::before {
  -webkit-transform: none;
          transform: none;
}

.gallery-cta__slider:not(.slick-initialized) {
  max-height: 420px;
  overflow: hidden;
}

.gallery-cta__title,
.gallery-cta__text {
  max-width: 45rem;
}
.layout--a-centre .gallery-cta__title,
.layout--a-centre .gallery-cta__text {
  margin-left: auto;
  margin-right: auto;
}

.gallery-cta__title {
  font-size: 1.625rem;
  line-height: 1.2308;
}

.gallery-grid .gallery-excerpt.gallery_category-film-tv-poster-projects {
  padding-bottom: unset;
}
.gallery-grid .gallery-excerpt.gallery_category-film-tv-poster-projects a {
  position: relative;
  width: 100%;
}

.tabbed-ctas__cta {
  position: relative;
  z-index: 1;
}
.tabbed-ctas__cta.tabbed-ctas__cta .layout {
  border-bottom: 0;
}

.tabbed_ctas__nav {
  background: var(--colour--outer, #fff);
  position: relative;
  z-index: 1;
  margin-top: calc(var(--tab-end-padding) * var(--padding-ends) * -1);
  padding: 0 calc(var(--tab-side-padding) * var(--padding-sides)) calc(var(--tab-end-padding) * var(--padding-ends));
}
.tabbed_ctas__nav .tabbed__list {
  background: var(--colour--bg, #fff);
  text-align: center;
  margin: 0;
  padding: calc(var(--tab-end-padding) * var(--padding-ends) + 2rem) 0 2rem;
}
.tabbed_ctas__nav .tabbed__list li {
  border: 0;
}
.tabbed_ctas__nav .tabbed__list a {
  padding: 1rem 1.5rem;
}

/*<div class="yourview-cta">
	<h2><?php print get_field( 'yourview_cta', 'options' )['title']; ?></h2>
	<p><?php print get_field( 'yourview_cta', 'options' )['intro']; ?></p>
	<a href="#"><?php print get_field( 'yourview_cta', 'options' )['link_text']; ?></a>
</div>*/
@media (min-width: 48em) {
  .yourview-cta {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
.yourview-cta {
  margin: 10vw auto;
  position: relative;
  overflow: hidden;
  color: #fff;
  text-align: center;
  padding: 14vw;
}
@media (min-width: 120em) {
  .yourview-cta {
    padding: 280px;
    margin-top: 160px;
    margin-bottom: 160px;
  }
}
.yourview-cta::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: var(--bg-small);
  background-position: center center;
  background-size: cover;
  z-index: 1;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media (min-width: 48em) {
  .yourview-cta::before {
    background-image: var(--bg);
  }
}
.yourview-cta::after {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0.75;
  z-index: 2;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.yourview-cta h2 {
  position: relative;
  z-index: 3;
  max-width: 30rem;
  margin: 0 auto 1.5rem;
}
.yourview-cta p {
  position: relative;
  z-index: 3;
  max-width: 30rem;
  margin: 0 auto 2rem;
}
.yourview-cta a {
  position: relative;
  z-index: 3;
  text-decoration: none;
  color: inherit;
  font-size: 1.3125rem;
  font-weight: 700;
  max-width: 15rem;
  margin: 0 auto;
}
.yourview-cta:hover::before {
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%;
}

.discover .layout__inner {
  position: relative;
  padding-left: var(--padding-ends);
  padding-right: var(--padding-ends);
}
.discover.layout--p-s-medium .layout__inner {
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 48em) {
  .discover.layout--p-s-medium .layout__inner {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}

.discover__title h2 {
  padding: var(--padding-ends) 0;
  margin: 0;
  padding-bottom: 20px;
}
.discover__title p {
  margin: auto;
  margin-bottom: 40px;
  max-width: 800px;
}

.discover__images {
  margin: -12px;
}
@media (min-width: 48em) {
  .discover__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.discover__image {
  width: 100%;
  margin: 12px;
  --img-padding: 75%;
}
@media (min-width: 48em) {
  .discover__image {
    --img-padding: 100%;
  }
}
.discover__image a {
  display: block;
  width: calc(100% - 24px);
  height: 0;
  padding-bottom: var(--img-padding);
  overflow: hidden;
  position: relative;
}
@media (min-width: 48em) {
  .discover__image a {
    width: 100%;
  }
}
.ie .discover__image a {
  padding-bottom: 75%;
}
.discover__image img {
  position: absolute;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.discover__image:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.discover__image.discover__image--shim a::after {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.8;
  z-index: 1;
}

.discover__text {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 100%;
  padding: var(--padding-ends) var(--padding-sides);
}
.discover__text .discover__header {
  font-size: 1.3125rem;
}
@media (min-width: 60em) {
  .discover__text .discover__header {
    font-size: 1.625rem;
  }
}
@media (min-width: 80em) {
  .discover__text .discover__header {
    font-size: 2.375rem;
  }
}
.discover__text .button {
  --button-arrows: #fff;
  margin-left: calc(var(--padding-sides) * -1);
  margin-right: calc(var(--padding-sides) * -1);
}

@media (min-width: 48em) {
  .discover--wsss .discover__image--one,
  .discover--sssw .discover__image--four,
  .discover--wss0 .discover__image--one,
  .discover--ssw0 .discover__image--three,
  .discover--ww00 .discover__image--one,
  .discover--ww00 .discover__image--two,
  .discover--w000 .discover__image--one {
    --img-padding: 40%;
  }
  .ie .discover--wsss .discover__image--one a,
  .ie .discover--sssw .discover__image--four a,
  .ie .discover--wss0 .discover__image--one a,
  .ie .discover--ssw0 .discover__image--three a,
  .ie .discover--ww00 .discover__image--one a,
  .ie .discover--ww00 .discover__image--two a,
  .ie .discover--w000 .discover__image--one a {
    padding-bottom: 40%;
  }
}

@media (min-width: 48em) {
  .discover--ss00 .discover__image {
    width: calc(50% - 24px);
  }
}

@media (min-width: 48em) {
  .discover--ssw0 .discover__image--one,
  .discover--ssw0 .discover__image--two {
    width: calc(50% - 24px);
  }
}

@media (min-width: 48em) {
  .discover--wss0 .discover__image--two,
  .discover--wss0 .discover__image--three {
    width: calc(50% - 24px);
  }
}

@media (min-width: 48em) {
  .discover--sssw .discover__image--one,
  .discover--sssw .discover__image--two,
  .discover--sssw .discover__image--three {
    width: calc(33.333% - 24px);
  }
}

@media (min-width: 48em) {
  .discover--wsss .discover__image--two,
  .discover--wsss .discover__image--three,
  .discover--wsss .discover__image--four {
    width: calc(33.333% - 24px);
  }
}

.faq-button .layout__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .faq-button .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .faq-button .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .faq-button .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}

.full-width-media__caption {
  padding-top: calc(1rem + 0.5vw);
  font-size: 0.875rem;
}
@media (min-width: 48em) {
  .full-width-media__caption {
    font-size: 1rem;
  }
}
.layout--p-none .full-width-media__caption {
  padding-left: 20px;
  padding-bottom: calc(1rem + 0.5vw);
}
@media (min-width: 48em) {
  .layout--p-none .full-width-media__caption {
    padding-left: 3.125vw;
  }
}
@media (min-width: 120em) {
  .layout--p-none .full-width-media__caption {
    padding-left: 60px;
  }
}
.full-width-media--video .full-width-media__caption {
  position: absolute;
  top: 100%;
  font-size: 0.8125rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  padding-top: 1rem;
}

.full-width-media__content {
  position: relative;
}
@media (min-width: 48em) {
  .layout--p-s-medium .full-width-media__content {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
.layout--p-s-medium .full-width-media__content {
  margin-left: auto;
  margin-right: auto;
}
.full-width-media--video .full-width-media__content {
  cursor: pointer;
}

.full-width-media__embed {
  position: relative;
  height: 0;
  padding-bottom: calc(var(--aspect-ratio, 0.5625) * 100%);
}
.full-width-media__embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.full-width-media__video-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.full-width-media__video-text::before {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2;
}
.full-width-media__video-text .video-text {
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: 20px;
  right: 45px;
  overflow: auto;
  z-index: 3;
  text-align: left;
  color: #fff;
  font-weight: bold;
}
@media (min-width: 35em) {
  .full-width-media__video-text .video-text {
    top: calc(20px + 3vw);
    left: calc(20px + 3vw);
    right: calc(20px + 3vw + 25px);
    bottom: calc(20px + 3vw);
  }
}
@media (min-width: 48em) {
  .full-width-media__video-text .video-text {
    right: calc(50% + 50px);
  }
}
.full-width-media__video-text .video-text > div {
  font-size: 1.3125rem;
  line-height: 1.25;
}
@media (min-width: 60em) {
  .full-width-media__video-text .video-text > div {
    font-size: 1.625rem;
  }
}
@media (min-width: 90em) {
  .full-width-media__video-text .video-text > div {
    font-size: 2.375rem;
    max-width: 23ch;
  }
}
.full-width-media__video-text .video-text > div > * {
  font-size: inherit;
  line-height: inherit;
}
.full-width-media__video-text .video-text b,
.full-width-media__video-text .video-text strong {
  color: #4c9ac4;
}
.full-width-media__video-text img {
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
}

.video-play {
  cursor: pointer;
  position: absolute;
  bottom: calc(20px + 3vw);
  right: calc(20px + 3vw);
  z-index: 1000;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  overflow: hidden;
}
@media (min-width: 48em) {
  .video-play {
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.video-play::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: var(--playButtonBlue);
  background-repeat: no-repeat;
  background-size: 96%;
  background-position: center;
}

.layout {
  --text-align: left;
  background: #fff;
  padding: var(--padding-ends) var(--padding-sides);
}
.layout--hbb {
  border-bottom: 5px solid #fff;
}
.layout:last-child {
  border-bottom: 0;
}
.layout--c-o-black {
  background: #000;
}
.layout--c-o-black:last-child {
  border-bottom: 1px solid #909090;
}
.layout--c-o-grey {
  background: #f1f1f1;
}
.layout--p-e-none {
  padding-top: 0;
  padding-bottom: 0;
}
.layout--p-e-large {
  padding-top: calc(var(--padding-ends) * 2);
  padding-bottom: calc(var(--padding-ends) * 2);
}
.layout--p-s-none {
  padding-left: 0;
  padding-right: 0;
}
.layout--a-centre {
  --text-align: center;
  --button-left-padd: 45px;
}
.ie .layout--a-centre {
  text-align: center;
}

/*
.layout--c-o-white.layout--p-e-medium {
	& +  {
		padding-top: 0;
	}
}

.layout--c-o-white.layout--p-e-large {
	& +  {
		padding-top: 0;
	}
}

.layout--c-o-grey.layout--p-e-medium {
	& +  {
		padding-top: 0;
	}
}

.layout--c-o-grey.layout--p-e-large {
	& +  {
		padding-top: 0;
	}
}

.layout--c-o-black.layout--p-e-medium {
	& +  {
		padding-top: 0;
	}
}

.layout--c-o-black.layout--p-e-large {
	& +  {
		padding-top: 0;
	}
}
*/
.layout__outer {
  text-align: var(--text-align);
  background: #fff;
}
.layout--c-i-black .layout__outer {
  background: #000;
  color: #fff;
}
.layout--c-i-black .layout__outer .logo {
  --brand: currentColor;
  --invert-brand: #000;
}
.layout--c-i-grey .layout__outer {
  background: #f1f1f1;
}

p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
  margin-top: 2ex;
}

/*
 Some generic logos used on the systems match, or as shortcodes: 

<span class="logo logo--lee85">LEE85 Logo</span>
<span class="logo logo--lee100">LEE100 Logo</span>
<span class="logo logo--sw150">SW150 Logo</span>
*/
.logo {
  min-height: 26px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.logo .logo__text {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.logo svg {
  height: 24px;
  max-height: 26px;
  width: auto;
  display: block;
}
.logo svg .brand {
  fill: var(--brand);
}
.logo svg .invert-brand {
  fill: var(--invert-brand);
}
.logo--lee85 {
  --brand: #3dae2b;
  --invert-brand: #fff;
}
.logo--lee100 {
  --brand: #004d8a;
  --invert-brand: #fff;
}
.logo--sw150 {
  --brand: #73919a;
  height: 26px;
}
.logo--irnd {
  min-width: 184px;
}
.logo--elements {
  min-width: 210px;
}
.wysiwyg .logo {
  margin: 1rem 1rem 1rem 0;
}
.layout--a-centre .wysiwyg .logo {
  margin-left: 1rem;
}

.layout--p-s-none .spec-images__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 48em) {
  .layout--p-s-medium .spec-images__inner > h2 {
    margin-left: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .layout--p-s-medium .spec-images__inner > h2 {
    margin-left: 142px;
  }
}
@media (min-width: 48em) {
  .layout--p-s-medium .spec-images__inner > h2 {
    margin-right: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .layout--p-s-medium .spec-images__inner > h2 {
    margin-right: 142px;
  }
}

@media (min-width: 48em) {
  .spec-images__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .spec-images--right .spec-images__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.spec-images__image {
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .spec-images__image {
    width: 49.9604036458vw;
    max-width: 959px;
  }
}
@media (min-width: 90em) {
  .spec-images__image {
    width: 59.1814583333vw;
    max-width: 1136px;
  }
}
@media (min-width: 48em) {
  .spec-images__image {
    margin-bottom: 0;
  }
}
@media (min-width: 48em) {
  .layout--p-s-medium .spec-images__image {
    width: 42.5627213542vw;
    max-width: 817px;
  }
}
@media (min-width: 90em) {
  .layout--p-s-medium .spec-images__image {
    width: 51.7837760417vw;
    max-width: 994px;
  }
}
@media (min-width: 48em) {
  .layout--p-s-medium .spec-images__image {
    margin-left: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .layout--p-s-medium .spec-images__image {
    margin-left: 142px;
  }
}
@media (min-width: 48em) {
  .spec-images--right.layout--p-s-medium .spec-images__image {
    margin-left: 0vw;
  }
}
@media (min-width: 120em) {
  .spec-images--right.layout--p-s-medium .spec-images__image {
    margin-left: 0px;
  }
}
@media (min-width: 48em) {
  .spec-images--right.layout--p-s-medium .spec-images__image {
    margin-right: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .spec-images--right.layout--p-s-medium .spec-images__image {
    margin-right: 142px;
  }
}

@media (min-width: 48em) {
  .spec-images__spec {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
@media (min-width: 80em) {
  .spec-images__spec {
    width: 29.5907291667vw;
    max-width: 568px;
  }
}
.spec-images__spec {
  margin-left: auto;
}
@media (min-width: 48em) {
  .layout--p-s-medium .spec-images__spec {
    width: 27.7673567708vw;
    max-width: 533px;
  }
}
@media (min-width: 80em) {
  .layout--p-s-medium .spec-images__spec {
    width: 22.193046875vw;
    max-width: 426px;
  }
}
@media (min-width: 48em) {
  .layout--p-s-medium .spec-images__spec {
    margin-right: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .layout--p-s-medium .spec-images__spec {
    margin-right: 142px;
  }
}
.spec-images--right .spec-images__spec {
  margin-left: 0;
  margin-right: auto;
}
@media (min-width: 48em) {
  .layout--p-s-medium.spec-images--right .spec-images__spec {
    margin-left: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .layout--p-s-medium.spec-images--right .spec-images__spec {
    margin-left: 142px;
  }
}
@media (min-width: 48em) {
  .layout--p-s-medium.spec-images--right .spec-images__spec {
    margin-right: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .layout--p-s-medium.spec-images--right .spec-images__spec {
    margin-right: 142px;
  }
}

.image-text .layout__inner {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .image-text .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .image-text .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .image-text .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
@media (min-width: 48em) and (max-width: 67em) {
  .image-text .layout__inner {
    max-width: 96vw;
  }
}
@media (min-width: 48em) {
  .image-text .layout__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 120em) {
  .image-text .layout__inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .layout--p-e-none.image-text .layout__inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 48em) {
  .image-text--left .layout__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 48em) {
  .image-text--gallery .layout__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.image-text__text {
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .image-text__text {
    width: 20.3696744792vw;
    max-width: 391px;
  }
}
@media (min-width: 48em) {
  .image-text__text {
    min-width: 23rem;
    margin-bottom: 0;
  }
}
@media (min-width: 48em) {
  .image-text--gallery .image-text__text {
    width: 27.7673567708vw;
    max-width: 533px;
  }
}
@media (min-width: 48em) {
  .image-text--left .image-text__text {
    margin-left: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .image-text--left .image-text__text {
    margin-left: 142px;
  }
}
.image-text--left .image-text__text {
  margin-right: auto;
}
.image-text__text .button {
  margin-top: calc(40px - 1rem);
}
@media (min-width: 48em) {
  .layout--a-centre .image-text__text p > .button:first-child {
    margin-left: calc(var(--button-left-padd) * -2);
  }
}
@media (min-width: 48em) {
  .layout--a-centre .image-text__text p > .button:last-child {
    margin-right: calc(var(--button-left-padd) * -2);
  }
}

.image-text__image {
  min-width: 250px;
}
@media (min-width: 48em) {
  .image-text__image {
    width: 36.9884114583vw;
    max-width: 710px;
  }
}
@media (min-width: 48em) {
  .image-text__image {
    padding-left: 1.8233723958vw;
  }
}
@media (min-width: 120em) {
  .image-text__image {
    padding-left: 35px;
  }
}
.image-text--left .image-text__image {
  padding-left: 0;
}
@media (min-width: 48em) {
  .image-text--left .image-text__image {
    padding-right: 1.8233723958vw;
  }
}
@media (min-width: 120em) {
  .image-text--left .image-text__image {
    padding-right: 35px;
  }
}
@media (min-width: 48em) {
  .image-text--size-wide.image-text--left .image-text__image {
    margin-left: -7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .image-text--size-wide.image-text--left .image-text__image {
    margin-left: -142px;
  }
}

@media (min-width: 48em) {
  .image-text--size-overlap.image-text--left .image-text__image {
    margin-left: -14.7953645833vw;
  }
}
@media (min-width: 120em) {
  .image-text--size-overlap.image-text--left .image-text__image {
    margin-left: -284px;
  }
}

@media (min-width: 48em) {
  .image-text--size-wide.image-text--right .image-text__image {
    margin-right: -7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .image-text--size-wide.image-text--right .image-text__image {
    margin-right: -142px;
  }
}

@media (min-width: 48em) {
  .image-text--size-overlap.image-text--right .image-text__image {
    margin-right: -14.7953645833vw;
  }
}
@media (min-width: 120em) {
  .image-text--size-overlap.image-text--right .image-text__image {
    margin-right: -284px;
  }
}

@media (min-width: 48em) {
  .image-text--size-wide .image-text__image {
    width: 44.38609375vw;
    max-width: 852px;
  }
}
@media (min-width: 48em) {
  .image-text--size-overlap .image-text__image {
    width: 51.7837760417vw;
    max-width: 994px;
  }
}

.image-text__gallery {
  --grid-layout-gap: 5px;
  --grid-column-count: 4;
  --grid-item--min-width: 100px;
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
  grid-template-rows: repeat(4, 1fr);
  grid-auto-rows: 0;
  overflow-y: hidden;
  margin: -5px;
  max-width: 640px;
}
@media (min-width: 60em) {
  .image-text__gallery {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
@media (min-width: 120em) {
  .image-text__gallery {
    margin-top: 55px;
    margin-bottom: 55px;
  }
}
.ie .image-text__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.image-text__gallery div {
  position: relative;
  overflow: hidden;
}
.ie .image-text__gallery div {
  max-width: 156px;
  margin: 3px;
}
.image-text__gallery a {
  position: static;
  display: block;
}
.image-text__gallery img {
  position: relative;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.image-text__gallery img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.image-text__gallery-link {
  text-decoration: none;
  font-weight: 700;
  color: #4c9ac4;
  margin-left: -2px;
}
.layout--c-i-black .image-text__gallery-link {
  color: #fff;
}
.image-text__gallery-link::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f03e";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f03e";
  padding: 0 1ch 0 0;
}

.image-with-wrapped-table__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .image-with-wrapped-table__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .image-with-wrapped-table__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .image-with-wrapped-table__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.layout--p-s-none .image-with-wrapped-table__inner {
  padding-left: 20px;
  padding-right: 20px;
}
.image-with-wrapped-table__inner > p {
  margin-bottom: 60px;
}

@media (min-width: 48em) {
  .image-with-wrapped-table__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .image-with-wrapped-table--right .image-with-wrapped-table__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.image-with-wrapped-table__image {
  margin-bottom: 2rem;
}
@media (min-width: 48em) {
  .image-with-wrapped-table__image {
    width: 42.5627213542vw;
    max-width: 817px;
  }
}
@media (min-width: 90em) {
  .image-with-wrapped-table__image {
    width: 36.9884114583vw;
    max-width: 710px;
  }
}
@media (min-width: 48em) {
  .image-with-wrapped-table__image {
    margin-bottom: 0;
    margin-right: 20px;
  }
  .image-with-wrapped-table--right.image-with-wrapped-table__image {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 48em) {
  .layout--p-s-medium .image-with-wrapped-table__image {
    width: 49.9604036458vw;
    max-width: 959px;
  }
}
@media (min-width: 90em) {
  .layout--p-s-medium .image-with-wrapped-table__image {
    width: 29.5907291667vw;
    max-width: 568px;
  }
}
.layout--p-s-medium .image-with-wrapped-table__image {
  margin-right: 20px;
}
.image-with-wrapped-table--right.layout--p-s-medium .image-with-wrapped-table__image {
  margin-right: 0;
  margin-left: 0;
}

@media (min-width: 48em) {
  .image-with-wrapped-table__spec {
    width: 42.5627213542vw;
    max-width: 817px;
  }
}
@media (min-width: 80em) {
  .image-with-wrapped-table__spec {
    width: 51.7837760417vw;
    max-width: 994px;
  }
}
.image-with-wrapped-table__spec {
  margin-left: auto;
}
@media (min-width: 48em) {
  .layout--p-s-medium .image-with-wrapped-table__spec {
    width: 49.9604036458vw;
    max-width: 959px;
  }
}
@media (min-width: 80em) {
  .layout--p-s-medium .image-with-wrapped-table__spec {
    width: 44.38609375vw;
    max-width: 852px;
  }
}
.layout--p-s-medium .image-with-wrapped-table__spec {
  margin-left: 20px;
}
.image-with-wrapped-table--right .image-with-wrapped-table__spec {
  margin-left: 0;
  margin-right: auto;
}
.layout--p-s-medium.image-with-wrapped-table--right .image-with-wrapped-table__spec {
  margin-left: 0;
  margin-right: 20px;
}

.image-with-wrapped-table__spec .spec-list li {
  width: calc(50% - var(--margin) * 2);
  -ms-flex-preferred-size: calc(45% - var(--margin) * 2);
      flex-basis: calc(45% - var(--margin) * 2);
  -ms-flex-wrap: unset;
      flex-wrap: unset;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.image-with-wrapped-table__spec .spec-list li .spec-list__value {
  min-width: 20%;
}

.testimonials .layout__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .testimonials .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .testimonials .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .testimonials .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.testimonials .layout__inner {
  padding: 10px 0;
}

@media (min-width: 48em) {
  .testimonials__list {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
.testimonials__list {
  margin: 0 auto;
  text-align: left;
  padding: calc(30px + 2vw) 0 calc(calc(30px + 2vw) * 2 + 15px);
  border-top: 1px solid #6c6c6c;
  border-bottom: 1px solid #6c6c6c;
}
.testimonials__list .slick-arrow {
  padding: 0;
  line-height: 1;
  width: 27px;
  height: 15px;
  text-indent: -9999px;
  opacity: 0.5;
  position: absolute;
  left: 0;
  bottom: calc(30px + 2vw);
  margin-left: 20px;
}
@media (min-width: 48em) {
  .testimonials__list .slick-arrow {
    margin-left: 20.5%;
  }
}
.testimonials__list .slick-arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: var(--sliderArrow);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.testimonials__list .slick-next {
  opacity: 1;
  left: 46px;
}
.testimonials__list .slick-next::before {
  -webkit-transform: none;
          transform: none;
}

.testimonials__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 48em) {
  .testimonials__item-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.testimonials__item-inner blockquote {
  padding: 20px;
}
@media (min-width: 48em) {
  .testimonials__item-inner blockquote {
    width: 75%;
    padding: 0;
  }
}
@media (min-width: 80em) {
  .testimonials__item-inner blockquote {
    width: 60%;
  }
}
.testimonials__item-inner blockquote * {
  font-size: 1.625rem;
  line-height: 1.2308;
  font-weight: 700;
}
.testimonials__item-inner blockquote > *:last-child {
  margin-bottom: 0;
}

.testimonials__meta {
  position: relative;
  padding: 20px;
}
@media (min-width: 48em) {
  .testimonials__meta {
    width: 20.5%;
    padding: 0 35px 1rem 3px;
  }
}
.testimonials__meta h2 {
  font-size: 1.125rem;
  line-height: 21px;
  margin-top: 7px;
}
.testimonials__meta img {
  width: 35px;
  height: 35px;
  float: left;
  border-radius: 50%;
  margin: 0 1rem 2rem 0;
}
.testimonials__meta .social {
  clear: both;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.testimonials__meta .social a {
  color: #000;
  border-color: currentColor;
  margin: 0 0.5rem 0.5rem 0;
}
.testimonials__meta .social span {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

.text-text .layout__inner {
  position: relative;
  padding: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .text-text .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .text-text .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .text-text .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
@media (min-width: 48em) {
  .text-text .layout__inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 120em) {
  .text-text .layout__inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.text-text__col {
  margin-bottom: 1rem;
}
@media (min-width: 48em) {
  .text-text__col {
    padding-right: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .text-text__col {
    padding-right: 142px;
  }
}
@media (min-width: 48em) {
  .text-text__col {
    width: 48.74%;
    margin-bottom: 0;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .text-text__col--two {
    padding-top: 0 !important;
  }
}
@media (min-width: 48em) {
  .text-text__col--two {
    margin-left: 2.52%;
  }
}
@media (min-width: 48em) {
  .text-text--button-right .text-text__col--two {
    padding-bottom: 40px;
  }
}
.text-text__col img {
  max-width: none;
}
@media (min-width: 48em) {
  .text-text__col img {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
.text-text__col img {
  margin-bottom: 20px;
}
@media (min-width: 48em) {
  .text-text__col img {
    margin-bottom: 40px;
  }
}
@media (min-width: 48em) {
  .text-text__col img {
    margin-bottom: 60px;
  }
}

.text-text__button {
  width: 100%;
}
@media (min-width: 48em) {
  .text-text--button-right .text-text__button {
    padding-right: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .text-text--button-right .text-text__button {
    padding-right: 142px;
  }
}
@media (min-width: 48em) {
  .text-text--button-right .text-text__button {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
@media (min-width: 48em) {
  .text-text--button-right .text-text__button {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 48em) {
  .text-text--button-2 .text-text__button {
    padding-right: 7.3976822917vw;
  }
}
@media (min-width: 120em) {
  .text-text--button-2 .text-text__button {
    padding-right: 142px;
  }
}
@media (min-width: 48em) {
  .text-text--button-2 .text-text__button {
    width: 48.74%;
    min-width: 240px;
  }
}
@media (min-width: 48em) {
  .text-text__button + .text-text__button--2 {
    width: 48.74%;
    margin-left: 2.52%;
  }
}

.colour-temp-calc {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .colour-temp-calc {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .colour-temp-calc {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .colour-temp-calc {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.colour-temp-calc {
  color: #fff;
  padding-bottom: calc(20px + 7vh);
}
@media (min-width: 48em) {
  .colour-temp-calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.js .colour-temp-calc__no-js {
  display: none;
}

@media (min-width: 48em) {
  .colour-temp-calc__intro {
    width: 27.7673567708vw;
    max-width: 533px;
  }
}
.colour-temp-calc__intro {
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
}

@media (min-width: 48em) {
  .colour-temp-calc__filters {
    width: 42.5627213542vw;
    max-width: 817px;
  }
}
.colour-temp-calc__filters {
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}
@media (min-width: 48em) {
  .colour-temp-calc__filters {
    -ms-flex-item-align: end;
        align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 48em) and (max-width: 80em) {
  .colour-temp-calc__filters {
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 80em) {
  .colour-temp-calc__filters {
    position: relative;
    top: -0.3rem;
  }
}

@media (min-width: 48em) {
  .colour-temp-calc__sliders {
    width: 72.1534505208vw;
    max-width: 1385px;
  }
}
.colour-temp-calc__sliders {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 60em) {
  .colour-temp-calc__sliders {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

.colour-temp-calc__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 2rem;
}
@media (min-width: 48em) {
  .colour-temp-calc__slider {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 70px;
  }
  .colour-temp-calc__slider:last-child {
    margin-bottom: 0;
  }
}
.colour-temp-calc__slider label {
  min-width: 20ch;
  font-weight: 700;
}

.colour-temp-calc__slider-inner {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 2rem 0;
}
.colour-temp-calc__slider-inner [type=range], .colour-temp-calc__slider-inner [type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.colour-temp-calc__slider-inner [type=range] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 30px;
  background: transparent;
  font: inherit;
  display: block;
}
.colour-temp-calc__slider-inner [type=range]::-webkit-slider-runnable-track {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  width: 100%;
  height: 0.25em;
  background: -webkit-gradient(linear, left top, right top, from(#cd0a0a), color-stop(42%, #fff), to(#043acb));
  background: linear-gradient(90deg, #cd0a0a 0%, #fff 42%, #043acb 100%);
}
.colour-temp-calc__slider-inner [type=range]::-moz-range-track {
  box-sizing: border-box;
  border: 0;
  width: 100%;
  height: 0.25em;
  background: linear-gradient(90deg, #cd0a0a 0%, #fff 42%, #043acb 100%);
}
.colour-temp-calc__slider-inner [type=range]::-ms-track {
  box-sizing: border-box;
  border: 0;
  width: 100%;
  height: 0.25em;
  background: linear-gradient(90deg, #cd0a0a 0%, #fff 42%, #043acb 100%);
}
.colour-temp-calc__slider-inner [type=range]::-webkit-slider-thumb {
  margin-top: calc(0.5 * (0.25em - 30px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  border: 5px solid #4c9ac4;
}
.colour-temp-calc__slider-inner [type=range]::-moz-range-thumb {
  box-sizing: border-box;
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  border: 5px solid #4c9ac4;
}
.colour-temp-calc__slider-inner [type=range]::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  border: 5px solid #4c9ac4;
}
.colour-temp-calc__slider-inner [type=range]::-ms-tooltip {
  display: none;
}
.ie .colour-temp-calc__slider-inner [type=range] {
  display: none;
}
.colour-temp-calc__slider-inner output {
  display: none;
}
.js .colour-temp-calc__slider-inner output {
  display: block;
  position: absolute;
  top: 0;
  /*
  	There's a lot going on here, the original article styled with fixed width so the maths was relatively easy
  	When it's a 100% width slider with a fixed size thumb it's more difficult, so:
  	- The margin-left is the percentage of the track (current value minus the minimum, divided by range times 100%), this aligns it roughly to the left of the thumb, but it goes to the right as it doesn't take the thumb width into account
  	- The left is set as a range between 15px and -15px (adding or taking off based on how far across the range it is), this aligns it exactly to the center of the thumb
  	- The transform then centres over the thumb
   */
  margin-left: calc((var(--val) - 2000) / (8000) * 100%);
  left: calc((-0.5 * 30px + (var(--val) - 2000) / (8000) * 30px) * -1);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.25em 0.5em;
  border-radius: 3px;
  color: #fff;
  font-weight: 700;
}
.js .colour-temp-calc__slider-inner output::after {
  content: "K";
}
.ie .colour-temp-calc__slider-inner output {
  display: none;
}
.colour-temp-calc__slider-inner .slider_start,
.colour-temp-calc__slider-inner .slider_end {
  position: absolute;
  bottom: 0;
  left: -10px;
}
.ie .colour-temp-calc__slider-inner .slider_start,
.ie .colour-temp-calc__slider-inner .slider_end {
  display: none;
}
.colour-temp-calc__slider-inner .slider_end {
  left: auto;
  right: -14px;
}
.colour-temp-calc__slider-inner .ie-only {
  display: none;
}
.ie .colour-temp-calc__slider-inner .ie-only {
  display: block;
}

.colour-temp-calc__mired {
  text-align: right;
  font-size: 1.625rem;
  font-weight: 700;
}
@media (min-width: 80em) {
  .colour-temp-calc__mired {
    padding-top: 20px;
  }
}
.colour-temp-calc__mired span {
  display: inline-block;
  border-bottom: 2px solid #4c9ac4;
  padding: 0 1px;
  margin-left: 1ex;
}

.colour-temp-calc__list {
  display: none;
}
.colour-temp-calc__list--exact, .colour-temp-calc__list--above, .colour-temp-calc__list--below {
  padding-top: 3rem;
  margin-bottom: -3rem;
}
@media (min-width: 48em) {
  .colour-temp-calc__list--exact, .colour-temp-calc__list--above, .colour-temp-calc__list--below {
    margin-bottom: -4rem;
  }
}
@media (min-width: 48em) {
  .colour-temp-calc__list--above {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
.colour-temp-calc__list--above {
  float: left;
}
@media (min-width: 48em) {
  .colour-temp-calc__list--below {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
.colour-temp-calc__list--below {
  float: right;
}
.colour-temp-calc__list--wide, .colour-temp-calc__list--exact {
  width: 100%;
  max-width: none;
}
.colour-temp-calc__list--wide {
  margin-bottom: 2rem;
  padding-top: 8rem;
}
@media (min-width: 25.875em) {
  .colour-temp-calc__list--wide {
    padding-top: 6rem;
  }
}
@media (min-width: 60em) {
  .colour-temp-calc__list--wide {
    padding-top: 4rem;
  }
}

.colour-temp-calc__colour {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  color: #000;
  padding: 25px;
  margin-bottom: 4rem;
}
@media (min-width: 48em) {
  .colour-temp-calc__colour {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 80em) {
  .colour-temp-calc__colour {
    padding: 50px;
  }
}
@media (min-width: 48em) {
  .colour-temp-calc__list--wide .colour-temp-calc__colour, .colour-temp-calc__colour.exact {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
@media (min-width: 48em) {
  .colour-temp-calc__list--wide .colour-temp-calc__colour, .colour-temp-calc__colour.exact {
    float: right;
  }
}
@media (min-width: 48em) {
  .colour-temp-calc__list--wide .colour-temp-calc__colour:nth-child(odd), .colour-temp-calc__colour.exact:nth-child(odd) {
    float: left;
    clear: both;
  }
}
@media (min-width: 0) and (max-width: 48em) {
  .colour-temp-calc__list--wide .colour-temp-calc__colour:nth-child(odd) {
    margin-bottom: 1px;
  }
}
@media (min-width: 48em) {
  .colour-temp-calc__list--wide .colour-temp-calc__colour:nth-child(odd) h3 {
    right: -100%;
  }
}
.colour-temp-calc__list--wide .colour-temp-calc__colour:nth-child(even) h3 {
  display: none;
}
.colour-temp-calc__colour h3 {
  position: absolute;
  top: -3rem;
  left: 0;
  right: 0;
  color: #fff;
}
@media (min-width: 48em) and (max-width: 60em) {
  .colour-temp-calc__colour h3 {
    font-size: 1.3125rem;
  }
}
.colour-temp-calc__list--wide .colour-temp-calc__colour h3 {
  top: -8rem;
}
@media (min-width: 25.875em) {
  .colour-temp-calc__list--wide .colour-temp-calc__colour h3 {
    top: -6rem;
  }
}
@media (min-width: 60em) {
  .colour-temp-calc__list--wide .colour-temp-calc__colour h3 {
    top: -4rem;
  }
}
.colour-temp-calc__colour h3 .message-two {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}

@media (min-width: 48em) {
  .colour-temp-calc__colour-text {
    padding-right: 25px;
    width: 60%;
  }
}
@media (min-width: 60em) {
  .colour-temp-calc__colour-text {
    width: 50%;
  }
}
.colour-temp-calc__colour-text h4 {
  font-size: 1.3125rem;
}
.colour-temp-calc__colour-text p {
  font-size: 1.125rem;
}
@media (min-width: 48em) and (max-width: 60em) {
  .colour-temp-calc__colour-text p {
    font-size: 1rem;
  }
}
.colour-temp-calc__colour-text .button {
  color: inherit;
}

@media (min-width: 48em) {
  .colour-temp-calc__colour-card {
    width: 40%;
  }
}
@media (min-width: 60em) {
  .colour-temp-calc__colour-card {
    width: 50%;
  }
}
.colour-temp-calc__colour-card a {
  display: block;
  background: var(--colour);
  background-image: var(--texture);
  background-size: cover;
  color: var(--colour);
  height: 0;
  width: 100%;
  padding: 0 0 86%;
  text-indent: -999px;
  overflow: hidden;
}
.colour-temp-calc__colour-card div {
  background: #fff;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1ex;
  border: 1px solid #f1f1f1;
  border-top: 0;
}

.colour-temp-calc__info {
  position: relative;
  font-weight: bold;
  text-decoration: none;
  padding-left: calc(1rem + 1ch);
  margin-bottom: 1ex;
}
@media (min-width: 48em) {
  .colour-temp-calc__info {
    margin-bottom: 0;
    margin-right: -100px;
  }
}
@media (min-width: 80em) {
  .colour-temp-calc__info {
    margin-right: 0;
  }
}
.colour-temp-calc__info:link, .colour-temp-calc__info:visited {
  color: inherit;
}
.colour-temp-calc__info::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: var(--plusBlue);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.black-bg.page-template-tool-dealer-locator #content {
  color: #fff;
  background: transparent;
}
@media (min-width: 48em) {
  .black-bg.page-template-tool-dealer-locator #main.page-main {
    padding-top: 135px;
  }
}

.dealer-wrapper {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .dealer-wrapper {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .dealer-wrapper {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .dealer-wrapper {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.dealer-wrapper {
  padding-top: 105px;
  padding-bottom: calc(20px + 7vh);
}
.landing .dealer-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 60em) {
  .landing .dealer-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.dealer-wrapper.undertext-wrapper {
  padding-top: 0;
  margin-top: -142px;
  z-index: 9;
  position: relative;
  padding-left: 485px;
}
.dealer-wrapper.undertext-wrapper .undertext-innerwrap {
  width: 100%;
  background: #000;
  padding: 30px;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dealer-wrapper.undertext-wrapper .undertext-innerwrap * {
  color: white;
}
@media screen and (max-width: 960px) {
  .dealer-wrapper.undertext-wrapper {
    padding-left: 29px;
    margin-top: -57px;
  }
  .dealer-wrapper.undertext-wrapper .undertext-innerwrap {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .dealer-wrapper.undertext-wrapper {
    margin-top: 0 !important;
  }
}

.dealer-filters {
  width: 100%;
  background: #fff;
  color: #000;
}
.dealer-filters .form__label {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.dealer-filters select {
  font-weight: 700;
}
.dealer-filters .location-search input,
.dealer-filters select {
  font-weight: 700;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.landing .dealer-filters {
  padding: calc(20px + 2vw);
}
@media (min-width: 60em) {
  .landing .dealer-filters {
    position: absolute;
    z-index: 100;
    width: 391px;
    margin-top: calc(25px + 25vh);
  }
}
@media (min-width: 90em) {
  .landing .dealer-filters {
    padding-bottom: calc(30px + 3vw);
  }
}
.landing .dealer-filters select {
  padding-left: 0;
}
.landing .dealer-filters .location-search {
  border-bottom: 0;
}
.landing .dealer-filters .location-search .error {
  color: #f04141;
  position: absolute;
  top: 1rem;
}
@media (min-width: 1410.2564102564px) {
  .dealers .dealer-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: calc(20px + 7vh);
  }
}
@media (min-width: 1410.2564102564px) {
  .dealers .dealer-filters h2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30%;
            flex: 1 0 30%;
    margin: 0;
  }
}
@media (min-width: 1410.2564102564px) {
  .dealers .dealer-filters form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
  }
}
.dealers .dealer-filters .form__text,
.dealers .dealer-filters .form__select {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
}
.dealers .dealer-filters .filter-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 35em) {
  .dealers .dealer-filters .filter-options {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 1410.2564102564px) {
  .dealers .dealer-filters .filter-options {
    width: 100%;
  }
}
.dealers .dealer-filters .filter-options div {
  width: 100%;
}
@media (min-width: 35em) {
  .dealers .dealer-filters .filter-options div {
    width: 47.137%;
  }
}
@media (min-width: 35em) {
  .dealers .dealer-filters .filter-options div {
    width: 30.47%;
  }
}
@media (min-width: 0) and (max-width: 1410.2564102564px) {
  .dealers .dealer-filters .search-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 1ex;
  }
}
@media (min-width: 1410.2564102564px) {
  .dealers .dealer-filters .search-button {
    padding: calc(1rem - 10px) 0 calc(0.75rem - 10px) 37px;
  }
}

@media (min-width: 60em) {
  .dealer-slider {
    width: 57.3580859375vw;
    max-width: 1101px;
  }
}
@media (min-width: 60em) {
  .dealer-slider {
    margin-left: auto;
    min-height: calc(25px + 25vh + 20rem);
  }
}
.dealer-slider .image {
  max-height: 500px;
  overflow: hidden;
}
.dealer-slider .image img {
  max-height: 500px;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:bottom";
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
.dealer-slider .text {
  padding: 20px;
}
@media (min-width: 60em) {
  .dealer-slider .text {
    max-width: calc(78.92vw * 0.9 - 391px);
    margin-left: auto;
  }
}
@media (min-width: 80em) {
  .dealer-slider .text {
    max-width: calc(78.92vw * 0.8 - 391px);
  }
}
.dealer-slider p {
  line-height: 1.2857;
  font-size: 1.3125rem;
  font-weight: 700;
  padding: 1rem 0;
  margin: 0;
}
.dealer-slider span {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}

.location-arrow {
  width: 36px;
  color: #4c9ac4;
  position: absolute;
  top: 15px;
  right: 0;
}
.location-arrow.greyed-out {
  opacity: 0.5;
  color: #000;
}

.dealer-count {
  font-weight: 700;
  margin: 0;
}

.dealer {
  padding-top: calc(20px + 7vh);
  padding-bottom: calc(20px + 7vh);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
@media (min-width: 60em) {
  .dealer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
li:last-child .dealer {
  border-bottom: 0;
}
.dealer .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 60em) {
  .dealer .text {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30%;
            flex: 1 0 30%;
    padding-right: 8%;
    min-width: 260px;
    max-width: 426px;
  }
}
.dealer .text h2 {
  font-size: 1.3125rem;
  line-height: 1.2857;
}
@media (min-width: 60em) {
  .dealer .map {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
            flex: 0 1 70%;
  }
}
.dealer .entry-content {
  padding-bottom: 1rem;
}
.dealer .entry-footer {
  margin-top: auto;
  padding-bottom: 1rem;
}
@media (min-width: 60em) {
  .dealer .entry-footer {
    padding-bottom: 0;
  }
}

.dealer__phone,
.dealer__email {
  color: #4c9ac4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dealer__phone i,
.dealer__email i {
  min-width: 3ch;
  padding-top: 0.75ex;
}
.dealer__phone a,
.dealer__email a {
  text-decoration: none;
  color: #000;
}

.dealer-map {
  width: 100%;
  padding-bottom: 80%;
}
@media (min-width: 90em) {
  .dealer-map {
    padding-bottom: 56.25%;
  }
}
@media (min-width: 90em) {
  .dealer-map {
    padding-bottom: 400px;
  }
}

/* Tooltip container */
.tooltip {
  position: relative;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 130px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  height: 25px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

@media (max-width: 768px) {
  .head-has-subscribe .dealer-wrapper {
    margin-top: 50px;
  }
}
.diffusion-comparator__intro {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .diffusion-comparator__intro {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .diffusion-comparator__intro {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .diffusion-comparator__intro {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.diffusion-comparator__intro {
  color: #fff;
  margin-bottom: calc(20px + 7vh);
}

.diffusion-comparator {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .diffusion-comparator {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .diffusion-comparator {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .diffusion-comparator {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.diffusion-comparator {
  color: #fff;
}
@media (min-width: 48em) {
  .diffusion-comparator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.diffusion-comparator + .full-width-media {
  background: transparent;
}
.diffusion-comparator + .full-width-media .layout__outer {
  background: transparent;
}

.diffusion-comparator__dropdown {
  color: #000;
}
.diffusion-comparator__dropdown .wpcf7-form-control-wrap::after {
  content: var(--currentSelected, " ");
  color: #fff;
  background: #000;
  font-weight: 700;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  right: 2rem;
  pointer-events: none;
  overflow: hidden;
}
.ie .diffusion-comparator__dropdown .wpcf7-form-control-wrap::after {
  display: none;
}
.ie .diffusion-comparator__dropdown {
  color: #fff;
}
.ie .diffusion-comparator__dropdown select:focus {
  color: #000;
}

@media (min-width: 48em) {
  .diffusion-comparator__list {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
.diffusion-comparator__list ul {
  aspect-ratio: 16/9;
}
.js .diffusion-comparator__list li {
  display: none;
}
.diffusion-comparator__list li.active {
  display: block;
}

.diffusion-comparator__image figcaption {
  display: none;
}

@media (min-width: 48em) {
  .diffusion-comparator__credits {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
.diffusion-comparator__credits {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: rgba(255, 255, 255, 0.5);
}
.diffusion-comparator__credits strong,
.diffusion-comparator__credits b {
  color: #fff;
}

.diffusion-list__intro {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .diffusion-list__intro {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .diffusion-list__intro {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .diffusion-list__intro {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.diffusion-list__intro {
  color: #fff;
  margin-bottom: calc(20px + 7vh);
}

.diffusion-list {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .diffusion-list {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .diffusion-list {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .diffusion-list {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.diffusion-list {
  color: #fff;
}
@media (min-width: 48em) and (max-width: 105em) {
  .diffusion-list {
    min-width: 94.92vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.diffusion-list__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding-top: 45px;
  margin-bottom: 7rem;
}
@media (min-width: 48em) {
  .diffusion-list__slider {
    padding-top: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.diffusion-list__slider label {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.ie .diffusion-list__slider {
  display: none;
}

.diffusion-list__note {
  position: absolute;
  top: 0;
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 48em) {
  .diffusion-list__slider-inner {
    width: 49.9604036458vw;
    max-width: 959px;
  }
}
@media (min-width: 48em) {
  .diffusion-list__slider-inner {
    margin-right: 5.5743098958vw;
  }
}
@media (min-width: 120em) {
  .diffusion-list__slider-inner {
    margin-right: 107px;
  }
}
.diffusion-list__slider-inner {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 18px 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.25)), color-stop(1%, rgba(255, 255, 255, 0.25)), color-stop(1%, transparent));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 1%, transparent 1%);
  background-size: 10.1% 70px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 4rem;
}
@media (min-width: 48em) {
  .diffusion-list__slider-inner {
    margin-bottom: 2rem;
  }
}
.diffusion-list__slider-inner::before {
  content: "";
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.6)), to(rgba(128, 128, 128, 0.2)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgba(128, 128, 128, 0.2) 100%);
  clip-path: polygon(0 31%, 100% 0, 100% 100%, 0 69%);
  z-index: 0;
}
.diffusion-list__slider-inner [type=range], .diffusion-list__slider-inner [type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.diffusion-list__slider-inner [type=range] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 30px;
  background: transparent;
  font: inherit;
  display: block;
  position: relative;
  z-index: 1;
}
.diffusion-list__slider-inner [type=range]::-webkit-slider-runnable-track {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  width: 100%;
  height: 0.25em;
  background: rgba(255, 255, 255, 0.5);
}
.diffusion-list__slider-inner [type=range]::-moz-range-track {
  box-sizing: border-box;
  border: 0;
  width: 100%;
  height: 0.25em;
  background: rgba(255, 255, 255, 0.5);
}
.diffusion-list__slider-inner [type=range]::-ms-track {
  box-sizing: border-box;
  border: 0;
  width: 100%;
  height: 0.25em;
  background: rgba(255, 255, 255, 0.5);
}
.diffusion-list__slider-inner [type=range]::-webkit-slider-thumb {
  margin-top: calc(0.5 * (0.25em - 30px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  border: 5px solid #4c9ac4;
  position: relative;
  z-index: 1;
}
.diffusion-list__slider-inner [type=range]::-moz-range-thumb {
  box-sizing: border-box;
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  border: 5px solid #4c9ac4;
  position: relative;
  z-index: 1;
}
.diffusion-list__slider-inner [type=range]::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  border: 5px solid #4c9ac4;
  position: relative;
  z-index: 1;
}
.diffusion-list__slider-inner [type=range]::-ms-tooltip {
  display: none;
}
.diffusion-list__slider-inner .slider_start,
.diffusion-list__slider-inner .slider_end {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 1ex;
}
.diffusion-list__slider-inner .slider_end {
  left: auto;
  right: 0;
}

@media (min-width: 48em) {
  .diffusion-list__range-image {
    width: 12.9719921875vw;
    max-width: 249px;
  }
}
.diffusion-list__range-image {
  background: transparent url("../img/diffusion-range.jpg") no-repeat 0 0;
  background-size: auto 100%;
  margin: 0 auto;
  width: 100%;
  max-width: 230px;
}
@media (min-width: 48em) {
  .diffusion-list__range-image {
    margin: 0;
    top: calc(-30px + 1rem);
    position: relative;
  }
}
.diffusion-list__range-image div {
  height: 0;
  padding-bottom: 70%;
}

.diffusion-list__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3rem;
}
@media (min-width: 48em) {
  .diffusion-list__filters h2 {
    width: 20.3696744792vw;
    max-width: 391px;
  }
}
.diffusion-list__filters h2 {
  font-size: 1.625rem;
  padding-right: 1ex;
}
@media (min-width: 48em) {
  .diffusion-list__filters div {
    width: 49.9604036458vw;
    max-width: 959px;
  }
}
.diffusion-list__filters .filter.filter--all {
  margin-left: 0;
}

.diffusion-list__table {
  margin: 0 0 8rem;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
}
.diffusion-list__table--inactive {
  display: none;
}
.diffusion-list__table caption {
  font-size: 1.625rem;
  font-weight: 700;
  text-align: left;
  padding-bottom: 1rem;
}
@media (min-width: 48em) {
  .diffusion-list__table caption {
    font-size: 2.375rem;
  }
}
.diffusion-list__table caption div {
  font-size: 1rem;
  font-weight: 500;
  padding-top: 1rem;
}
.diffusion-list__table td {
  font-weight: 500;
  padding: 12px;
}
@media (min-width: 60em) {
  .diffusion-list__table td {
    padding: 16px;
  }
}
@media (min-width: 120em) {
  .diffusion-list__table td {
    padding: 20px;
  }
}
.diffusion-list__table td.diffusion-list__y, .diffusion-list__table td.diffusion-list__stop, .diffusion-list__table td.diffusion-list__flame {
  text-align: center;
}
.diffusion-list__table tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48em) {
  .diffusion-list__table tr {
    display: table-row;
  }
}
.diffusion-list__table thead {
  display: none;
}
@media (min-width: 48em) {
  .diffusion-list__table thead {
    display: table-header-group;
  }
}
.diffusion-list__table th {
  vertical-align: top;
  text-indent: -9999px;
  padding-bottom: 30px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 60em) {
  .diffusion-list__table th {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 120em) {
  .diffusion-list__table th {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.diffusion-list__table th.diffusion-list__y, .diffusion-list__table th.diffusion-list__stop, .diffusion-list__table th.diffusion-list__flame {
  text-indent: 0;
}

@media (min-width: 48em) {
  .diffusion-list__desc {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
@media (min-width: 48em) {
  .diffusion-list__desc {
    width: 43%;
  }
}

td.diffusion-list__type {
  font-weight: 700;
  color: #4c9ac4;
  width: 100%;
  padding-bottom: 1ex;
  padding-left: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  td.diffusion-list__type {
    display: none;
  }
  tbody tr:first-child td.diffusion-list__type {
    display: block;
  }
}
@media (min-width: 48em) {
  td.diffusion-list__type {
    border-bottom: 0;
    width: 11%;
  }
}

td.diffusion-list__filter {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media (min-width: 48em) {
  td.diffusion-list__filter {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 0;
    width: 36%;
  }
}
td.diffusion-list__filter a {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
  display: inline;
}
td.diffusion-list__filter button {
  padding: 0;
  margin-right: 1ex;
  position: relative;
  text-indent: -9999px;
  width: 2ch;
  height: 2ch;
  overflow: hidden;
  line-height: 1;
}
td.diffusion-list__filter button::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f0fe";
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f0fe";
  position: absolute;
  top: 0.125ex;
  right: 0;
  padding-right: 0;
  text-indent: 0;
  min-width: 0;
}

.diffusion-list__y {
  width: 23%;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
@media (min-width: 48em) {
  .diffusion-list__y {
    border-right: 0;
    width: 12.333%;
  }
}

.diffusion-list__stop {
  width: 23%;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
@media (min-width: 48em) {
  .diffusion-list__stop {
    border-right: 0;
    width: 12.333%;
  }
}

.diffusion-list__flame {
  width: 23%;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
@media (min-width: 48em) {
  .diffusion-list__flame {
    border-right: 0;
    width: 12.333%;
  }
}

.diffusion-list__image {
  padding-right: 0;
  width: 31%;
}
@media (min-width: 48em) {
  .diffusion-list__image {
    width: 12.333%;
  }
}

.diffusion-list__mobile-label {
  display: block;
  font-weight: 700;
}
@media (min-width: 48em) {
  .diffusion-list__mobile-label {
    display: none;
  }
}

.filter-comparator .layout__inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .filter-comparator .layout__inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .filter-comparator .layout__inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .filter-comparator .layout__inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.filter-comparator .layout__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 48em) and (max-width: 60em) {
  .filter-comparator .layout__inner {
    max-width: 96vw;
  }
}
@media (min-width: 0) and (max-width: 600px) {
  .filter-comparator--header {
    padding-left: 0;
    padding-right: 0;
  }
  .filter-comparator--header .layout__inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 48em) {
  .filter-comparator--body .layout__inner {
    padding-top: var(--padding-ends);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-comparator--body {
    padding-left: 0;
    padding-right: 0;
  }
  .filter-comparator--body .layout__outer {
    overflow-x: scroll;
  }
  .filter-comparator--body .layout__inner {
    min-width: 600px;
    position: relative;
    padding-top: calc(50px + var(--padding-ends));
    padding-bottom: var(--padding-ends);
  }
  @-webkit-keyframes handswipe {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    18% {
      -webkit-transform: rotate(20deg);
              transform: rotate(20deg);
    }
    57% {
      -webkit-transform: rotate(-20deg);
              transform: rotate(-20deg);
    }
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  }
  @keyframes handswipe {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    18% {
      -webkit-transform: rotate(20deg);
              transform: rotate(20deg);
    }
    57% {
      -webkit-transform: rotate(-20deg);
              transform: rotate(-20deg);
    }
    75% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  }
  .filter-comparator--body .layout__inner::before, .filter-comparator--body .layout__inner::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 1;
    display: none;
  }
  .filter-comparator--body .layout__inner::before {
    margin-left: -9ch;
    background: var(--handBlue) no-repeat center center;
    background-size: contain;
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation: handswipe 2.5s linear infinite;
            animation: handswipe 2.5s linear infinite;
  }
  .filter-comparator--body .layout__inner::after {
    width: 16ch;
    content: "Swipe to compare";
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: left;
    color: #4c9ac4;
    line-height: 20px;
    margin-left: 20px;
  }
  .filter-comparator--body.show-swipe .layout__inner::before, .filter-comparator--body.show-swipe .layout__inner::after {
    display: block;
  }
}
@media (min-width: 0) and (max-width: 767px) and (min-width: 600px) {
  .filter-comparator--body.show-swipe .layout__inner::before, .filter-comparator--body.show-swipe .layout__inner::after {
    display: none;
  }
}
.filter-comparator .page-header {
  min-height: var(--headerHeight);
}

.filter-comparator__no-js {
  color: #fff;
  width: 100%;
}
.js .filter-comparator__no-js {
  display: none;
}

.filter-comparator__column {
  max-width: 100%;
}
@media (min-width: 600px) {
  .filter-comparator__column {
    width: calc(50% - (8px + 0.5vw));
  }
}
@media (min-width: 0) and (max-width: 600px) {
  .filter-comparator--body .filter-comparator__column {
    width: calc(50% - 20px);
  }
}
.filter-comparator__column .page-header {
  padding-bottom: 20px;
}

.filter-comparator-link {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.15;
  padding-top: 0.25rem;
}
.filter-comparator-link::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: text-bottom;
  margin: 0 1ch 0 0;
  background: transparent var(--toolComparator) no-repeat center center;
  background-size: contain;
}
.filter-comparator .filter-comparator-link {
  display: none;
}

.filter-comparator__mobile-message {
  margin: 0;
  padding: 0.5rem;
  text-align: center;
}
@media (min-width: 600px) {
  .filter-comparator__mobile-message {
    display: none;
  }
}
.filter-comparator__mobile-message p {
  margin: 0;
}

.filters .filter {
  cursor: pointer;
  margin-right: 1ex;
}
@media (min-width: 48em) {
  .filters .filter {
    margin: 0 0 0 1ex;
  }
}
.filters .filter input {
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.filters .filter input:checked + span {
  color: #fff;
}
.filters .filter input:checked + span::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  border: 2px solid #4c9ac4;
}
.filters .filter span {
  line-height: 1;
  display: inline-block;
  position: relative;
  padding: 1rem 12px 1rem 30px;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 90em) {
  .filters .filter span {
    padding: 1rem 1rem 1rem 36px;
  }
}
.filters .filter span::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #4c9ac4;
  border-radius: 50%;
}

.gel-comparator {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .gel-comparator {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .gel-comparator {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .gel-comparator {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.gel-comparator {
  color: #fff;
  padding-bottom: calc(20px + 7vh);
}
@media (min-width: 48em) {
  .gel-comparator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.page-template-tool-gel-comparator .page-header {
  padding-bottom: 50px;
}

.gel-comparator__introtext__wrapper {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .gel-comparator__introtext__wrapper {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .gel-comparator__introtext__wrapper {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .gel-comparator__introtext__wrapper {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.gel-comparator__introtext__wrapper {
  color: #fff;
  margin-bottom: 95px;
  text-align: left;
}
@media (min-width: 48em) {
  .gel-comparator__introtext__wrapper {
    max-width: 78.92vw;
  }
}

@media (min-width: 48em) {
  .gel-comparator__filters {
    width: 27.7673567708vw;
    max-width: 533px;
  }
}
.gel-comparator__filters {
  padding-right: 2rem;
}
.gel-comparator__filters .form__text,
.gel-comparator__filters .form__select {
  max-width: 391px;
}
.gel-comparator__filters .form__select {
  color: #000;
}
.gel-comparator__filters .form__select .wpcf7-form-control-wrap::after {
  content: var(--currentSelected, "Choose Manufacturer");
  color: #fff;
  background: #000;
  font-weight: 700;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  right: 2rem;
  pointer-events: none;
  overflow: hidden;
}
.ie .gel-comparator__filters .form__select .wpcf7-form-control-wrap::after {
  display: none;
}
.ie .gel-comparator__filters .form__select {
  color: #fff;
}
.ie .gel-comparator__filters .form__select select:focus {
  color: #000;
}

@media (min-width: 48em) {
  .gel-comparator__results {
    width: 42.5627213542vw;
    max-width: 817px;
  }
}

@media (min-width: 38em) {
  .gel-comparator__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.gel-comparator__list.js-gel {
  background: #fff;
}

.form__select + .gel-comparator__intro {
  padding-top: calc(20px + 8vh);
}

.gel-comparator__item {
  display: none;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #000;
  padding: 25px;
}
@media (min-width: 38em) and (max-width: 80em) {
  .gel-comparator__item {
    width: calc(50% + 12.5px);
  }
}
@media (min-width: 80em) {
  .gel-comparator__item {
    padding: 0 50px 50px;
    width: 50%;
  }
  .gel-comparator__item:nth-child(1), .gel-comparator__item:nth-child(2) {
    padding-top: 50px;
  }
}
@media (min-width: 38em) and (max-width: 80em) {
  .gel-comparator__item:nth-child(even) {
    padding-left: 0;
    width: calc(50% - 12.5px);
  }
}
@media (min-width: 80em) {
  .gel-comparator__item:nth-child(even) {
    width: 50%;
  }
}
.js-gel .gel-comparator__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gel-comparator__item h2 {
  font-size: 0.875rem;
  color: #909090;
  font-weight: normal;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.gel-comparator__item h2 span {
  display: block;
  font-weight: bold;
  font-size: 1.125rem;
  padding-top: 3px;
  color: #000;
}

.gel-comparator__item-manufacturer {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.gel-comparator__combo {
  font-weight: 700;
  padding-top: 15%;
  font-size: 1.625rem;
}

.gel-comparator__card .name {
  display: block;
  background: var(--colour);
  background-image: var(--texture);
  background-size: cover;
  border: 1px solid #f1f1f1;
  color: var(--colour);
  height: 0;
  width: 100%;
  padding: 0 0 80px;
  text-indent: -999px;
  overflow: hidden;
}

.gel-comparator__card-id {
  background: #fff;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1ex;
  border: 1px solid #f1f1f1;
  border-top: 0;
}

.gel-comparator__card-meta {
  padding: 2ex 0;
  display: block;
  color: #000;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.gel-comparator__card-meta span::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f058";
  color: #42bb00;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 900;
  content: "\f058";
  min-width: 0;
}
.gel-comparator__card--close .gel-comparator__card-meta span::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f058";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f058";
  min-width: 0;
}

.gel-comparator__card-info {
  position: relative;
  text-decoration: none;
  padding-left: calc(1rem + 1ch);
}
.gel-comparator__card-info:link, .gel-comparator__card-info:visited {
  color: inherit;
}
.gel-comparator__card-info::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-image: var(--plusBlue);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.load {
  line-height: 2rem;
  text-align: center;
}
.load .spinner {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0 0 1rem;
  position: relative;
  text-indent: -9999em;
  border: 0.33rem solid rgba(255, 255, 255, 0.5);
  border-left-color: #4c9ac4;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
          animation: load8 1.1s infinite linear;
}

.tool-main {
  border-bottom: 1px solid #909090;
}

.irnd-tests__intro {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .irnd-tests__intro {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .irnd-tests__intro {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .irnd-tests__intro {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.irnd-tests__intro {
  color: #fff;
  margin-bottom: calc(20px + 7vh);
}
@media (min-width: 48em) {
  .irnd-tests__intro .wysiwyg {
    width: 27.7673567708vw;
    max-width: 533px;
  }
}

.irnd-tests {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .irnd-tests {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .irnd-tests {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .irnd-tests {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.irnd-tests {
  color: #fff;
  padding-bottom: calc(20px + 7vh);
}
@media (min-width: 60em) {
  .irnd-tests {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.irnd-test-switcher {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .irnd-test-switcher {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .irnd-test-switcher {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .irnd-test-switcher {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.irnd-test-switcher {
  color: #fff;
  margin: 3rem 0 5rem;
}
.irnd-test-switcher span {
  display: block;
  padding: 0 20px 1rem;
  font-size: 1.125rem;
}
@media (min-width: 80em) {
  .irnd-test-switcher span {
    display: inline-block;
    padding: 0 1rem 0 0;
  }
}
.irnd-test-switcher button {
  cursor: pointer;
  border: 0;
  font-weight: 700;
  font-size: 1.3125rem;
  padding: 0 18px 1ex;
  color: rgba(255, 255, 255, 0.25);
  min-width: 8ch;
  text-align: left;
}
@media (min-width: 80em) {
  .irnd-test-switcher button {
    min-width: 0;
    padding-bottom: 0;
    font-size: 1.625rem;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.irnd-test-switcher button.js-active {
  color: #4c9ac4;
}
.irnd-test-switcher button:last-child {
  border-right: 0;
}

@media (min-width: 60em) {
  .irnd-tests__image {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
@media (min-width: 80em) {
  .irnd-tests__image {
    width: 42.5627213542vw;
    max-width: 817px;
  }
}
.irnd-tests__image {
  margin-bottom: 2rem;
}

@media (min-width: 60em) {
  .irnd-tests__info {
    width: 35.1650390625vw;
    max-width: 675px;
  }
}
@media (min-width: 80em) {
  .irnd-tests__info {
    width: 27.7673567708vw;
    max-width: 533px;
  }
}
@media (min-width: 90em) {
  .irnd-tests__info {
    width: 20.3696744792vw;
    max-width: 391px;
  }
}

.irnd-tests__test {
  border: 0;
  background: #fff;
  color: #000;
  text-align: center;
  width: 100%;
  padding: 1rem;
  border-spacing: 0;
  display: none;
}
.irnd-tests__test.js-active {
  display: table;
}
.irnd-tests__test tr th:first-child,
.irnd-tests__test tr td:first-child {
  text-align: left;
}
.irnd-tests__test th,
.irnd-tests__test td {
  border: 0;
  padding: 0.75rem 0;
}
.irnd-tests__test th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.irnd-tests__camera {
  padding-top: 2rem;
}
@media (min-width: 48em) {
  .irnd-tests__camera {
    padding-top: 5rem;
  }
}

.irnd-tests__camera-note {
  color: rgba(255, 255, 255, 0.5);
  padding-top: 2rem;
}
@media (min-width: 48em) {
  .irnd-tests__camera-note {
    padding-top: 3rem;
  }
}

/*
<div class="show-colours">
<div class="show-colours__header">
<div class="show-colours__header-inner">
<button class="show-colours__view">View collected colours</button>
<button class="show-colours__pdf">Download PDF</button>
</div>
</div>
<div class="show-colours__panel"></div>
</div>
*/
.show-colours {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5000;
  background: #fff;
}

.show-colours__header {
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.show-colours__header-inner {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .show-colours__header-inner {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .show-colours__header-inner {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .show-colours__header-inner {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.show-colours__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 0) and (max-width: 559px) {
  .show-colours__header-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

button.show-colours__view {
  padding: 10px;
  text-align: left;
}
@media (min-width: 35em) {
  button.show-colours__view {
    padding-left: 0;
  }
}
button.show-colours__view::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f0fe";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f0fe";
  min-width: 0;
  margin-left: 1px;
}
.panel-visible button.show-colours__view::before {
  content: "\f146";
}

a.show-colours__pdf {
  text-decoration: none;
  background: none;
  border: 0;
  font-weight: 700;
  position: relative;
  padding: 10px;
  line-height: 1.15;
  color: #000;
}
@media (min-width: 35em) {
  a.show-colours__pdf {
    padding-right: 0;
  }
}
a.show-colours__pdf::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f1c1";
  color: #4c9ac4;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f1c1";
  min-width: 0;
  padding-right: 0;
  padding-left: 1ch;
}

.show-colours__panel {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .show-colours__panel {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: var(--layoutSidePadding);
    padding-bottom: var(--layoutSidePadding);
  }
}
@media (min-width: 48em) {
  .show-colours__panel {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .show-colours__panel {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.show-colours__panel {
  display: none;
  max-height: calc(6vw + 214px);
  overflow: scroll;
}
.panel-visible .show-colours__panel {
  display: block;
}

.download-colours {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5001;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
}
.download-colours--open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.download-colours__inner {
  background: #000;
  color: #fff;
  padding: calc(30px + 1vw);
  width: 90vw;
  max-width: 533px;
}

.download-colours__title {
  position: relative;
  font-size: 1.3125rem;
  line-height: 25px;
  padding-left: 36px;
  margin-bottom: calc(30px + 1vw);
}
.download-colours__title svg {
  content: "";
  display: block;
  width: 19px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  fill: #4c9ac4;
}

.download-colours__form p {
  margin-bottom: 0;
}
.download-colours__form .button {
  margin-top: calc((30px + 1vw) * 2);
}

.systems-match {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .systems-match {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .systems-match {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .systems-match {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}

.systems-match__message {
  margin-bottom: 5rem;
}
.systems-match__message.js-match {
  display: none;
}

.systems-match__filters {
  margin-bottom: 5rem;
}
@media (min-width: 48em) {
  .systems-match__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .systems-match__filters .form__select {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
            flex: 0 0 24%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
}
.systems-match__filters .systems-match-empty-dropdown {
  color: #909090;
}
.systems-match__filters .systems-match-empty-dropdown::before {
  color: inherit;
}
.systems-match__filters select {
  font-weight: 700;
}
.systems-match__filters select:active {
  font-weight: 500;
}

.match {
  display: none;
}
.match.js-match {
  margin-bottom: 5.5vw;
  display: grid;
  grid-template-columns: [start] 50px [delete] 1fr [col1];
}
@media (min-width: 48em) {
  .match.js-match {
    grid-template-columns: [start] 50px [delete] 1fr [system1] 1fr [system2] 1fr [system3];
  }
}
@media (min-width: 80em) {
  .match.js-match {
    grid-template-columns: [start] 50px [delete] 5fr [lens] 7fr [system1] 7fr [system2] 7fr [system3];
  }
}
@media (min-width: 48em) and (max-width: 105em) {
  .match.js-match {
    min-width: 94.92vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 120em) {
  .match.js-match {
    margin-bottom: 105px;
  }
}
.ie .match.js-match {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.match h2 {
  font-size: 1.3125rem;
  line-height: 1.2308;
}
@media (min-width: 90em) {
  .match h2 {
    font-size: 1.625rem;
  }
}
.match h3 {
  font-size: 1.125rem;
  line-height: 1.2857;
}
@media (min-width: 90em) {
  .match h3 {
    font-size: 1.3125rem;
  }
}

.match__header,
.match__body,
.match__layout {
  display: contents;
}
.ie .match__header,
.ie .match__body,
.ie .match__layout {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.match__header-delete {
  padding: 1rem;
  grid-column-start: start;
  grid-column-end: delete;
  grid-row: span 4;
}
@media (min-width: 48em) {
  .match__header-delete {
    grid-row: span 2;
  }
}
@media (min-width: 80em) {
  .match__header-delete {
    grid-row: span 1;
  }
}
.match__header .match__header-delete {
  grid-column-end: col1;
}
@media (min-width: 48em) {
  .match__header .match__header-delete {
    grid-column-end: lens;
    grid-row-start: 5;
  }
}
@media (min-width: 80em) {
  .match__header .match__header-delete {
    grid-row-start: auto;
  }
}
.ie .match__header .match__header-delete {
  width: 20%;
}
.match__body .match__header-delete {
  background: #f1f1f1;
  margin-bottom: 5px;
  border-bottom: 0;
}
.match__header-delete button {
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: relative;
  min-width: 1rem;
  min-height: 1.875rem;
}
.match__header-delete button::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 6px;
  background-image: var(--binBlue);
  background-size: contain;
  background-repeat: no-repeat;
}
.match__header .match__header-delete button {
  text-indent: 2rem;
}

.match__lens {
  grid-column-start: delete;
  grid-column-end: col1;
  padding: 1rem calc(18px + 0.6vw) 1rem 1rem;
}
@media (min-width: 48em) {
  .match__lens {
    grid-column-end: system3;
  }
}
@media (min-width: 80em) {
  .match__lens {
    grid-column-start: delete;
    grid-column-end: lens;
  }
}
.match__header .match__lens {
  grid-column-start: start;
}
@media (min-width: 48em) and (max-width: 80em) {
  .match__header .match__lens {
    grid-column-start: delete;
  }
}
.match__body .match__lens {
  background: #f1f1f1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
@media (min-width: 80em) {
  .match__body .match__lens {
    margin-bottom: 5px;
    border-bottom: 0;
  }
}
@media (min-width: 80em) {
  .match__body .match__lens {
    padding-left: 0;
  }
}
.ie .match__lens {
  width: 20%;
}

.match__header .match__systems-1,
.match__header .match__systems-2,
.match__header .match__systems-3 {
  padding: 1rem calc(18px + 0.6vw) 1rem 1rem;
}
@media (min-width: 0) and (max-width: 767px) {
  .match__header--logos .match__systems-1,
  .match__header--logos .match__systems-2,
  .match__header--logos .match__systems-3 {
    display: none;
  }
}
.match__body .match__systems-1,
.match__body .match__systems-2,
.match__body .match__systems-3 {
  background: #f1f1f1;
}
@media (min-width: 48em) {
  .match__body .match__systems-1,
  .match__body .match__systems-2,
  .match__body .match__systems-3 {
    margin-bottom: 5px;
  }
}
@media (min-width: 400px) {
  .match__systems-1.match__system--recommended,
  .match__systems-2.match__system--recommended,
  .match__systems-3.match__system--recommended {
    min-width: 20rem;
  }
}
@media (min-width: 48em) and (max-width: 70em) {
  .match__systems-1.match__system--recommended,
  .match__systems-2.match__system--recommended,
  .match__systems-3.match__system--recommended {
    min-width: 0;
  }
}
.ie .match__systems-1,
.ie .match__systems-2,
.ie .match__systems-3 {
  width: 25%;
}

.match__systems-1 {
  grid-column-start: delete;
  grid-column-end: col1;
}
@media (min-width: 48em) {
  .match__systems-1 {
    grid-column-end: system1;
  }
}
@media (min-width: 80em) {
  .match__systems-1 {
    grid-column-start: lens;
  }
}
.match__header .match__systems-1 {
  display: none;
  grid-column-start: start;
}
@media (min-width: 48em) {
  .match__header .match__systems-1 {
    display: block;
    grid-column-start: delete;
  }
}
@media (min-width: 80em) {
  .match__header .match__systems-1 {
    grid-column-start: lens;
  }
}

.match__systems-2 {
  grid-column-start: delete;
  grid-column-end: col1;
}
@media (min-width: 48em) {
  .match__systems-2 {
    grid-column-start: system1;
    grid-column-end: system2;
  }
}

.match__systems-3 {
  margin-bottom: 5px;
  grid-column-start: delete;
  grid-column-end: col1;
}
@media (min-width: 48em) {
  .match__systems-3 {
    grid-column-start: system2;
    grid-column-end: system3;
  }
}

.match__system {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border: 1px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
  border-bottom-width: 2px;
  padding-top: 1rem;
}
@media (min-width: 48em) {
  .match__system .match__system-logo {
    display: none;
  }
}
.match__system--recommended .match__system {
  border-color: #42bb00;
  border-width: 2px;
}
@media (min-width: 0) and (max-width: 400px) {
  .match__system--recommended .match__system {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 48em) and (max-width: 70em) {
  .match__system--recommended .match__system {
    padding-bottom: 3.125rem;
  }
}
.match__system--recommended .match__system::before {
  content: "";
  display: block;
  width: auto;
  height: 3.125rem;
  content: "Recommended";
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background-color: #42bb00;
  background-image: var(--tickWhite);
  background-position: 1rem 1.1875rem;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
  padding: 1rem 1rem 1rem 2.75rem;
}
@media (min-width: 0) and (max-width: 400px) {
  .match__system--recommended .match__system::before {
    left: 0;
  }
}
@media (min-width: 48em) and (max-width: 70em) {
  .match__system--recommended .match__system::before {
    left: 0;
  }
}
.match__system > div {
  padding: 2px calc(18px + 0.6vw);
}

.match__system-adaptor {
  font-size: 1.125rem;
  font-weight: 700;
}

.match__system-info a,
.match__system-compatible span {
  position: relative;
  padding-left: 1.5rem;
}
.match__system-info a::before,
.match__system-compatible span::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.match__system-compatible span::before {
  background-image: var(--tickWhite);
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.match__system--not-compatible .match__system-compatible span::before {
  background-image: var(--crossInCircle);
  -webkit-filter: none;
          filter: none;
}

.match__system-info a {
  color: inherit;
  text-decoration: none;
}
.match__system-info a::before {
  background-image: var(--plusBlue);
}

.match__system-comment {
  line-height: 1.25;
  margin: 0.5rem 0;
  font-size: 0.875rem;
}

.match__system-purchase,
.match__system-purchase-int {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  height: 3.125rem;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.match__system-purchase .match__system--recommended,
.match__system-purchase-int .match__system--recommended {
  padding-right: 11rem;
}

.js-region-global .match__system-purchase {
  display: none;
}

.match__system-purchase-int {
  display: none;
}
.js-region-global .match__system-purchase-int {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter-holders {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .filter-holders {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .filter-holders {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .filter-holders {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.filter-holders {
  margin-bottom: var(--padding-ends);
}
.filter-holders > h2 {
  font-size: 1.3125rem;
  line-height: 1.2308;
}
@media (min-width: 80em) {
  .filter-holders > h2 {
    margin-left: calc((100% - 50px) / 26 * 5 + 50px + 1.625rem);
  }
}
@media (min-width: 90em) {
  .filter-holders > h2 {
    font-size: 1.625rem;
  }
}

.filter-holders__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48em) and (max-width: 105em) {
  .filter-holders__row {
    min-width: 94.92vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.filter-holders__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
}
@media (min-width: 35em) {
  .filter-holders__col {
    width: 33.333%;
  }
}
@media (min-width: 80em) {
  .filter-holders__col {
    width: calc((100% - 50px) / 26 * 7);
  }
}
@media (min-width: 35em) {
  .filter-holders__col--intro {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (min-width: 80em) {
  .filter-holders__col--intro {
    width: calc((100% - 50px) / 26 * 5 + 50px);
    margin-bottom: none;
    padding: 3rem 50px 0 0;
  }
}
.filter-holders__col h3 {
  padding-left: 1.625rem;
}
.ie .filter-holders__col {
  max-height: 400px;
}

.filter-holders__holder {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  margin-left: -1px;
}
@media (min-width: 35em) {
  .filter-holders__holder {
    border-right-color: transparent;
  }
}
.filter-holders__col:last-child .filter-holders__holder {
  border-right-color: rgba(0, 0, 0, 0.25);
}
.filter-holders__holder .holder-image {
  -webkit-box-flex: 111;
      -ms-flex-positive: 111;
          flex-grow: 111;
  padding: 1rem 1.625rem;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-right-width: 0;
  margin: 0 0 auto;
}
.filter-holders__holder .holder-link {
  padding: 0.3125rem 1.625rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.sm-lee-elements {
  padding-left: var(--layoutSidePadding);
  padding-right: var(--layoutSidePadding);
}
@media (min-width: 35em) {
  .sm-lee-elements {
    max-width: 96vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .sm-lee-elements {
    max-width: 78.92vw;
  }
}
@media (min-width: 120em) {
  .sm-lee-elements {
    max-width: calc(1385px + var(--layoutSidePadding) * 2);
  }
}
.sm-lee-elements {
  margin-bottom: var(--padding-ends);
}
.sm-lee-elements .sm-lee-elements__header {
  padding-bottom: 3rem;
}
@media (min-width: 80em) {
  .sm-lee-elements .sm-lee-elements__header {
    margin-left: calc((100% - 50px) / 26 * 5 + 50px + 1.625rem);
  }
}
.sm-lee-elements .sm-lee-elements__header > h2 {
  font-size: 1.3125rem;
  line-height: 1.2308;
}
@media (min-width: 90em) {
  .sm-lee-elements .sm-lee-elements__header > h2 {
    font-size: 1.625rem;
  }
}

.sm-lee-elements__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48em) and (max-width: 105em) {
  .sm-lee-elements__row {
    min-width: 94.92vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.sm-lee-elements__row {
  margin-bottom: 2rem;
}

.sm-lee-elements__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 35em) {
  .sm-lee-elements__col {
    width: 33.333%;
  }
}
@media (min-width: 80em) {
  .sm-lee-elements__col {
    width: calc((100% - 50px) / 26 * 4.2);
  }
}
@media (min-width: 35em) {
  .sm-lee-elements__col--intro {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (min-width: 80em) {
  .sm-lee-elements__col--intro {
    width: calc((100% - 50px) / 26 * 5 + 50px);
    margin-bottom: none;
    padding: 3rem 50px 0 0;
  }
}
.sm-lee-elements__col h3 {
  padding-left: 1.625rem;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  position: absolute;
}
.ie .sm-lee-elements__col {
  max-height: 400px;
}

.sm-lee-elements__wrapper {
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  margin: 0 0 -1px -1px;
}
.sm-lee-elements__wrapper .sm-lee-elements__image {
  -webkit-box-flex: 111;
      -ms-flex-positive: 111;
          flex-grow: 111;
  padding: 1rem 1.625rem;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  border-right-width: 0;
  margin: 0 0 auto;
}
.sm-lee-elements__wrapper .sm-lee-elements__link {
  padding: 0.3125rem 1.625rem;
  border-bottom: 1px solid #bfbfbf;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.comparison-widget {
  display: inline-block;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.comparison-widget * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.comparison-widget:hover .comparison-separator {
  opacity: 1;
}

.comparison-widget:hover .comparison-control {
  opacity: 1;
}

.comparison-widget:hover .comparison-control:before,
.comparison-widget:hover .comparison-control:after {
  opacity: 1;
}

.comparison-widget--hidden {
  opacity: 0;
}

.comparison-item {
  height: 100%;
  width: 100%;
  background: #FFF;
}

.comparison-item--first {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.comparison-item__content {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.comparison-item__content:hover .comparison-item__label {
  background: #FFF;
}

.comparison-item--first .comparison-image {
  width: auto;
  max-width: none;
  position: absolute;
  left: 0;
  top: 0;
}

.comparison-item__image {
  display: block;
  max-width: 100%;
  -webkit-user-drag: none;
}

.comparison-item--first .comparison-item__label {
  left: 0;
  right: inherit;
}

.comparison-item__label {
  padding: 7px 10px;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #222;
  background: rgba(255, 255, 255, 0.65);
  z-index: 1;
  -webkit-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.comparison-separator {
  width: 2px;
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 10;
  background: #FFF;
  cursor: pointer;
  opacity: 0.7;
}

.comparison-control {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #FFF;
  border-radius: 100%;
  opacity: 0.7;
}

.comparison-control:before,
.comparison-control:after {
  content: "";
  display: block;
  width: 12px;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  background: url(../img/ic-arrow.png) 0 0 no-repeat;
}

.comparison-control:before {
  left: -15px;
}

.comparison-control:after {
  right: -15px;
  background-position: -12px 0px;
}

.comparison-control__mask {
  width: 50px;
  height: 40px;
  position: absolute;
  top: -15px;
  left: -18px;
  background: #FFF;
  opacity: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  -webkit-transform: translate3d(0, -100px, 0);
          transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  -webkit-transform: translate3d(-100px, 100px, 0);
          transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  -webkit-transform: translate3d(100px, 100px, 0);
          transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  -webkit-transform: translate3d(-100px, -100px, 0);
          transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  -webkit-transform: translate3d(100px, -100px, 0);
          transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
          transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
          transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
          transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
          transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
          transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
          transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
          transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
          transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
}

@media (prefers-reduced-motion: reduce) {
  [data-aos] {
    opacity: 1 !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
}
.ie [data-aos] {
  opacity: 1 !important;
  -webkit-transform: none !important;
          transform: none !important;
}

body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  -webkit-transition-delay: 350ms;
          transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  -webkit-transition-duration: 450ms;
          transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  -webkit-transition-duration: 550ms;
          transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  -webkit-transition-delay: 550ms;
          transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  -webkit-transition-duration: 650ms;
          transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  -webkit-transition-delay: 650ms;
          transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  -webkit-transition-duration: 750ms;
          transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  -webkit-transition-delay: 750ms;
          transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  -webkit-transition-duration: 850ms;
          transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  -webkit-transition-delay: 850ms;
          transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  -webkit-transition-duration: 900ms;
          transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  -webkit-transition-duration: 950ms;
          transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  -webkit-transition-delay: 950ms;
          transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  -webkit-transition-duration: 1050ms;
          transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  -webkit-transition-delay: 1050ms;
          transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  -webkit-transition-duration: 1100ms;
          transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  -webkit-transition-duration: 1150ms;
          transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  -webkit-transition-delay: 1150ms;
          transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  -webkit-transition-duration: 1200ms;
          transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  -webkit-transition-duration: 1250ms;
          transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  -webkit-transition-delay: 1250ms;
          transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  -webkit-transition-duration: 1300ms;
          transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  -webkit-transition-duration: 1350ms;
          transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  -webkit-transition-delay: 1350ms;
          transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  -webkit-transition-duration: 1400ms;
          transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  -webkit-transition-duration: 1450ms;
          transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  -webkit-transition-delay: 1450ms;
          transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  -webkit-transition-duration: 1550ms;
          transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  -webkit-transition-delay: 1550ms;
          transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  -webkit-transition-duration: 1600ms;
          transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  -webkit-transition-duration: 1650ms;
          transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  -webkit-transition-delay: 1650ms;
          transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  -webkit-transition-duration: 1700ms;
          transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  -webkit-transition-duration: 1750ms;
          transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  -webkit-transition-delay: 1750ms;
          transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  -webkit-transition-duration: 1800ms;
          transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  -webkit-transition-duration: 1850ms;
          transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  -webkit-transition-delay: 1850ms;
          transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  -webkit-transition-duration: 1900ms;
          transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  -webkit-transition-delay: 1900ms;
          transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  -webkit-transition-duration: 1950ms;
          transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  -webkit-transition-delay: 1950ms;
          transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  -webkit-transition-duration: 2000ms;
          transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  -webkit-transition-duration: 2050ms;
          transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  -webkit-transition-delay: 2050ms;
          transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  -webkit-transition-duration: 2100ms;
          transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  -webkit-transition-delay: 2100ms;
          transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  -webkit-transition-duration: 2150ms;
          transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  -webkit-transition-delay: 2150ms;
          transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  -webkit-transition-duration: 2200ms;
          transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  -webkit-transition-delay: 2200ms;
          transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  -webkit-transition-duration: 2250ms;
          transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  -webkit-transition-delay: 2250ms;
          transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  -webkit-transition-duration: 2300ms;
          transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  -webkit-transition-delay: 2300ms;
          transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  -webkit-transition-duration: 2350ms;
          transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  -webkit-transition-delay: 2350ms;
          transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  -webkit-transition-duration: 2400ms;
          transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  -webkit-transition-delay: 2400ms;
          transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  -webkit-transition-duration: 2450ms;
          transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  -webkit-transition-delay: 2450ms;
          transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  -webkit-transition-duration: 2500ms;
          transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  -webkit-transition-delay: 2500ms;
          transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  -webkit-transition-duration: 2550ms;
          transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  -webkit-transition-delay: 2550ms;
          transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  -webkit-transition-duration: 2600ms;
          transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  -webkit-transition-delay: 2600ms;
          transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  -webkit-transition-duration: 2650ms;
          transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  -webkit-transition-delay: 2650ms;
          transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  -webkit-transition-duration: 2700ms;
          transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  -webkit-transition-delay: 2700ms;
          transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  -webkit-transition-duration: 2750ms;
          transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  -webkit-transition-delay: 2750ms;
          transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  -webkit-transition-duration: 2800ms;
          transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  -webkit-transition-delay: 2800ms;
          transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  -webkit-transition-duration: 2850ms;
          transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  -webkit-transition-delay: 2850ms;
          transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  -webkit-transition-duration: 2900ms;
          transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  -webkit-transition-delay: 2900ms;
          transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  -webkit-transition-duration: 2950ms;
          transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  -webkit-transition-delay: 2950ms;
          transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  -webkit-transition-duration: 3000ms;
          transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  -webkit-transition-delay: 3000ms;
          transition-delay: 3000ms;
}

/**
 * Piano key animation
 */
[data-aos=piano] {
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotate3d(1, 0, 0, -16deg);
          transform: rotate3d(1, 0, 0, -16deg);
}
[data-aos=piano]:not(.aos-has-animated) {
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, transform !important;
  transition-property: opacity, transform, -webkit-transform !important;
  -webkit-transition-timing-function: cubic-bezier(0.08, 1.07, 0.34, 1), cubic-bezier(1, -0.08, 0.51, 1.02) !important;
          transition-timing-function: cubic-bezier(0.08, 1.07, 0.34, 1), cubic-bezier(1, -0.08, 0.51, 1.02) !important;
  -webkit-transition-duration: 1s !important;
          transition-duration: 1s !important;
}
[data-aos=piano].aos-animate {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 0, 0);
          transform: rotate3d(0, 0, 0, 0);
}
[data-aos=piano].aos-has-animated {
  opacity: 1;
  -webkit-transition-delay: 0ms !important;
          transition-delay: 0ms !important;
}
[data-aos=piano]:hover {
  opacity: 1;
  -webkit-transform: rotate3d(1, 0, 0, -16deg);
          transform: rotate3d(1, 0, 0, -16deg);
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
          transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
          animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

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

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
          transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
          transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
          transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
          transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
          transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
          transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
          transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
.fancybox-slide--html .fancybox-close-small {
  color: #fff;
  opacity: 1;
  position: absolute;
}
.fancybox-slide--html .fancybox-close-small:hover {
  color: #4c9ac4;
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
  background: #000;
}

.fancybox-navigation .fancybox-button {
  top: 50%;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  width: 2em;
  height: 2em;
  font-size: 30px;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 0) and (max-width: 48em) {
  .fancybox-navigation .fancybox-button {
    top: 0;
    right: 25%;
  }
}
.fancybox-navigation .fancybox-button svg {
  display: none;
}
.fancybox-navigation .fancybox-button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: 0;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f178";
  color: inherit;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f178";
  color: #fff;
  padding: 0;
}
@media (min-width: 0) and (max-width: 48em) {
  .fancybox-navigation .fancybox-button.fancybox-button--arrow_left {
    right: auto;
    left: 25%;
  }
}
.fancybox-navigation .fancybox-button.fancybox-button--arrow_left::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 1ch;
  min-width: 2rem;
  content: "\f177";
  color: inherit;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-weight: 300;
  content: "\f177";
  color: #fff;
  padding: 0;
}

.fancybox-slide {
  padding: 0;
}
.fancybox-slide .fancybox-content {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #000;
}
.fancybox-slide .image img {
  visibility: visible !important;
}

.si-float-wrapper {
  position: absolute;
  width: 100%;
}
.si-float-wrapper,
.si-float-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

[class*=si-wrapper] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  cursor: default;
}

.si-wrapper-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -40px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

.si-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

.si-wrapper-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

[class*=si-shadow-wrapper] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.298039;
  z-index: 1;
}

.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.si-shadow-frame {
  -webkit-box-shadow: 0 1px 3px 0 #000;
          box-shadow: 0 1px 3px 0 #000;
}

[class*=si-shadow-pointer] {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto;
}

[class*=si-shadow-inner-pointer] {
  position: absolute;
  width: 141%;
  height: 141%;
  -webkit-box-shadow: -0.7071067812px 0.7071067812px 3px 0 #000;
          box-shadow: -0.7071067812px 0.7071067812px 3px 0 #000;
}

.si-shadow-inner-pointer-top {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
          transform: translate(-50%, 50%) rotate(-45deg);
}

.si-shadow-inner-pointer-left {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
          transform: translate(50%, -50%) rotate(-45deg);
}

.si-frame {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 3px;
  overflow: hidden;
  z-index: 2;
}

.si-content-wrapper {
  width: 390px;
  max-width: 100%;
  max-height: 100%;
  padding: 30px 50px;
  background-color: #fff;
  text-align: center;
  font-family: neue-haas-grotesk-display, sans-serif;
}
.si-has-border .si-content-wrapper {
  border: 1px solid #bbb;
}
.si-content-wrapper h1,
.si-content-wrapper h2,
.si-content-wrapper h3,
.si-content-wrapper h4 {
  font-family: neue-haas-grotesk-display, sans-serif;
}
.si-content-wrapper .opening-time {
  font-family: sans-serif;
  font-style: italic;
  line-height: 1.5;
}
.si-content-wrapper a {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-family: neue-haas-grotesk-display, sans-serif;
  padding: 5px 0;
}
.si-content-wrapper .fa-times {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  outline: none;
  background-color: transparent;
  color: inherit;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.si-content-wrapper .fa-times:hover, .si-content-wrapper .fa-times:focus {
  opacity: 1;
}

.si-content {
  overflow: auto;
}

[class*=si-pointer-border] {
  position: absolute;
  border: 15px solid transparent;
  z-index: 3;
}

[class*=si-pointer-bg] {
  position: relative;
  border: 15px solid transparent;
  z-index: 4;
}
.si-has-border [class*=si-pointer-bg] {
  border-width: 15px;
}

.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.si-pointer-top {
  border-bottom: 0;
}

.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb;
}

.si-pointer-bg-top {
  border-top-color: #fff;
}
.si-has-border .si-pointer-bg-top {
  top: -1px;
  margin-bottom: 0px;
}

.si-pointer-bottom {
  border-top: 0;
}

.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb;
}

.si-has-border .si-pointer-bg-bottom {
  bottom: -1px;
  margin-top: 0px;
}

.si-pointer-left {
  border-right: 0;
}

.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb;
}

.si-pointer-bg-left {
  border-left-color: #fff;
}
.si-has-border .si-pointer-bg-left {
  left: -1px;
  margin-right: 0px;
}

.si-pointer-right {
  border-left: 0;
}

.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb;
}

.si-pointer-bg-right {
  border-right-color: #fff;
}
.si-has-border .si-pointer-bg-right {
  right: -1px;
  margin-left: 0px;
}