/*-----[ Mixins ]-----*/
/*-----[ Defaults ]-----*/
/*-----[ Animation ]-----*/
/*-----[ Breakpoints ]-----*/
/*-----[ Colours ]-----*/
/*-----[ Spacing ]-----*/
/*-----[ Z-indexes ]-----*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*-------------[MIXINS]-------------*/
/*
 * centered
 * center a block element
 */
/*
 * cf
 * clearfix, for elements with floated children
 */
/*
 * clean-list
 * make lists look like they aren't lists
 */
/*
 * Font Face

@include font-face("source-sans-pro", "/fonts/source-sans-pro/source-sans-pro-regular");
@include font-face("source-sans-pro", "/fonts/source-sans-pro/source-sans-pro-bold", bold);
@include font-face("source-sans-pro", "/fonts/source-sans-pro/source-sans-pro-italic", normal, italic);
 */
/*
 * converts the Photoshop kerning value to an em value
 */
/*
 * middle
 * vertically or horizontally align content
 */
/*
 * Apply CSS to input placeholders

input {
    width: 300px;

    @include placeholder {
        color: red;
    }
}
 */
/*
 * Responsive Text
 * For when you want your text to scale with the viewport width
 * all arguments take a pixel value
 * $min-width: the minimum viewport width you want your text to start scaling
 * $max-width: the maximum viewport width you want your text to stop scaling
 * $min-size: the minimum font-size to start scaling with
 * $max-size: the maximum font-size to finish scaling with
 *
 * In the exmaple below, the font-size will be 15px at 400px viewport width
 * and it will scale up to 30px at 800px viewport width

.body-text {
    @include responsive-text(400px, 800px, 15px, 30px);
}
 */
/*
 * makes a CSS triangle

@include triangle(12px, gray, down);
@include triangle(12px 6px, gray lavender, up-left);
 */
/*-------------[FUNCTIONS]-------------*/
/*
 * returns pixel font size in rem
 */
/*
 * DEPRECATED - use rem() function above
 * when using em's, when dividing by the base font size, it multiplies it based on its parent, rather than the base font size
 * This function is therefore not quite correct.
 * Left it in for legacy sites, but needs to be phased our
 * returns pixel font size in em
 */
/**
 * Helper styles
 * e.g. .centered { margin-right: auto; margin-left: auto; }
 */
.position--relative {
  position: relative; }

.position--absolute {
  position: absolute; }

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

.centered {
  margin-right: auto;
  margin-left: auto; }

/* Vertically centre something within an element by using this hack */
.display--table {
  display: table; }

.vert--middle {
  display: table-cell;
  vertical-align: middle; }

/*
 * add .img--full to the img parent
 * it will be full width for non-admins
 * normal width for admins, so the crop tool isn't broken
 */
.img--full > img {
  display: block;
  width: 100%;
  height: auto; }

*,
*:after,
*:before {
  box-sizing: border-box; }

html {
  font: 1.125em/2 sans-serif;
  overflow-y: scroll;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html, body {
  height: 100%;
  height: 100vh; }

body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6,
ul, ol, dl, blockquote,
p, address, table, fieldset,
figure, pre {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

ul, ol, dd {
  margin-left: 72px;
  margin-left: 4rem; }

img,
svg {
  vertical-align: top; }

/**
 * selectize.scss (v0.8.7)
 * Copyright (c) 2014 Emanuel Kluge
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Emanuel Kluge <mail@emanuel-kluge.de>
 */
.selectize-control {
  position: relative; }

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block; }

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px; }
  .selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px; }
  .selectize-input.full {
    background-color: #fff; }
  .selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important; }
  .selectize-input.focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }
  .selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0; }
  .selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0; }
    .selectize-control.multi .selectize-input > div.active {
      background: #e8e8e8;
      color: #303030;
      border: 0 solid #cacaca; }
  .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
    color: #7d7d7d;
    background: white;
    border: 0 solid white; }
  .selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    box-shadow: none !important; }
    .selectize-input > input::-ms-clear {
      display: none; }
    .selectize-input > input:focus {
      outline: none !important; }

.selectize-input:after {
  content: ' ';
  display: block;
  clear: left; }

.selectize-input.dropdown-active:before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px; }
  .selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden; }
    .selectize-dropdown [data-selectable] .highlight {
      background: rgba(125, 168, 208, 0.2);
      border-radius: 1px; }
  .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
    padding: 5px 8px; }
  .selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none; }
  .selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default; }
  .selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68; }
    .selectize-dropdown .active.create {
      color: #495c68; }
  .selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px; }

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer; }

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
  cursor: text; }

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent; }

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent; }

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto; }

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important; }

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa; }

/* Patterns */
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1.5);
    opacity: 0; } }

/**
 * Helper styles
 */
.hide {
  display: none; }

.cf:after {
  content: '';
  display: table;
  clear: both; }

.nav-margin {
  margin-top: 45px; }
  @media (min-width: 600px) {
    .nav-margin {
      margin-top: 60px; } }
  @media (min-width: 1040px) {
    .nav-margin {
      margin-top: 68px; } }
  @media (min-width: 1340px) {
    .nav-margin {
      margin-top: 80px; } }

.admin-image-toggle {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: -1; }
  .admin-image-toggle.-is-visible {
    z-index: 93; }

.push--bottom {
  margin-bottom: 2rem; }

.push--two-bottom {
  margin-bottom: 4rem; }

.flush {
  margin: 0 !important; }

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

.hard {
  padding: 0 !important; }

.hard--bottom {
  padding-bottom: 0 !important; }

.text--white {
  color: #fff; }

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

.overflow--hidden {
  overflow: hidden; }

.overflow--visible {
  overflow: visible !important; }

.img--max-full > img {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
  height: auto; }

.img--max-full.-no-align > img {
  margin: 0; }

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

.page-nav-dropdown, .special-image.-viscolite-hygenic-construction,
.z--high {
  z-index: 6; }

.special-image.-xl7ht-high,
.z--medium {
  z-index: 4; }


.z--low {
  z-index: 2; }

/**
 * Custom fonts
 * @font-face declarations in here
 */
@font-face {
  font-family: "Swiss721BT";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/2F4F05_1_0.eot");
  src: url("../fonts/2F4F05_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2F4F05_1_0.woff") format("woff"), url("../fonts/2F4F05_1_0.ttf") format("truetype"), url("../fonts/2F4F05_1_0.svg#Swiss721BT") format("svg"); }

@font-face {
  font-family: "Swiss721BT";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/2F4F05_0_0.eot");
  src: url("../fonts/2F4F05_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2F4F05_0_0.woff") format("woff"), url("../fonts/2F4F05_0_0.ttf") format("truetype"), url("../fonts/2F4F05_0_0.svg#Swiss721BT") format("svg"); }

@font-face {
  font-family: "SuiGeneris";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/2F4F05_3_0.eot");
  src: url("../fonts/2F4F05_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2F4F05_3_0.woff") format("woff"), url("../fonts/2F4F05_3_0.ttf") format("truetype"), url("../fonts/2F4F05_3_0.svg#SuiGeneris") format("svg"); }

@font-face {
  font-family: "SuiGeneris";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/2F4F05_2_0.eot");
  src: url("../fonts/2F4F05_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2F4F05_2_0.woff") format("woff"), url("../fonts/2F4F05_2_0.ttf") format("truetype"), url("../fonts/2F4F05_2_0.svg#SuiGeneris") format("svg"); }

@font-face {
  font-family: "SuiGeneris";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/303CEC_0_0.eot");
  src: url("../fonts/303CEC_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/303CEC_0_0.woff") format("woff"), url("../fonts/303CEC_0_0.ttf") format("truetype"), url("../fonts/303CEC_0_0.svg#SuiGeneris") format("svg"); }

@font-face {
  font-family: "SuiGeneris";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/303CEE_0_0.eot");
  src: url("../fonts/303CEE_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/303CEE_0_0.woff") format("woff"), url("../fonts/303CEE_0_0.ttf") format("truetype"), url("../fonts/303CEE_0_0.svg#SuiGeneris") format("svg"); }

/*doc
---
title: Headings
name: headings
category: Headings
---

## Here is a heading about headings

```
<h1 class="-alpha">Page title</h1>
<h2 class="-beta">A h2 Subtitle</h2>
<h3 class="-beta">A h3 Subtitle at the same size</h3>
<h4 class="-gamma">A h4 Subtitle at a larger size size</h3>
<p class="-beta">A paragraph could pick up these styles too</p>
```

You'll notice that even though the h2 and h3 are different in the hierarchy, they still appear the same as -beta defines its size, not the element itself.

The reason we have &.bold utility classes commented out is because sometimes custom fonts have different weights (e.g. bold, semibold) that our designers use for emphasis.
.bold has been added to hybrid in /patterns/_helpers.scss as font-weight: bold; but that can be overridden using these classes.

*/
h1,
.alpha {
  font-size: 1.16667rem; }
  @media (min-width: 600px) {
    h1,
    .alpha {
      font-size: 1.55556rem; } }
  @media (min-width: 800px) {
    h1,
    .alpha {
      font-size: 1.94444rem; } }
  @media (min-width: 1000px) {
    h1,
    .alpha {
      font-size: 2.44444rem; } }
  @media (min-width: 1200px) {
    h1,
    .alpha {
      font-size: 2.77778rem; } }

h2,
.bravo {
  font-size: 0.94444rem; }
  @media (min-width: 600px) {
    h2,
    .bravo {
      font-size: 1.27778rem; } }
  @media (min-width: 800px) {
    h2,
    .bravo {
      font-size: 2.05556rem; } }
  @media (min-width: 1000px) {
    h2,
    .bravo {
      font-size: 2.16667rem; } }
  @media (min-width: 1200px) {
    h2,
    .bravo {
      font-size: 2.44444rem; } }

h3,
.charlie {
  font-size: 0.77778rem; }
  @media (min-width: 600px) {
    h3,
    .charlie {
      font-size: 0.94444rem; } }
  @media (min-width: 900px) {
    h3,
    .charlie {
      font-size: 1.11111rem; } }
  @media (min-width: 1200px) {
    h3,
    .charlie {
      font-size: 1.22222rem; } }

h4,
.delta {
  font-size: 0.77778rem; }
  @media (min-width: 600px) {
    h4,
    .delta {
      font-size: 0.88889rem; } }
  @media (min-width: 900px) {
    h4,
    .delta {
      font-size: 1rem; } }
  @media (min-width: 1200px) {
    h4,
    .delta {
      font-size: 1.11111rem; } }

h5,
.echo {
  font-size: 0.88889rem; }
  @media (min-width: 900px) {
    h5,
    .echo {
      font-size: 1rem; } }

h6,
.foxtrot {
  font-size: 0.77778rem; }
  @media (min-width: 900px) {
    h6,
    .foxtrot {
      font-size: 0.88889rem; } }

h1,
.alpha,
h2,
.bravo {
  font-family: 'SuiGeneris';
  font-weight: 700;
  color: #101a24;
  line-height: .9; }

h3,
.charlie,
h4,
.delta {
  font-family: 'SuiGeneris';
  font-weight: 400;
  color: #a8acaf;
  line-height: 1; }

h5,
.echo,
h6,
.foxtrot {
  font-weight: 400; }

h1,
.alpha,
h2,
.bravo,
h3,
.charlie,
h4,
.delta {
  text-transform: uppercase; }

h1 p:last-child,
h2 p:last-child,
h3 p:last-child,
h4 p:last-child,
h5 p:last-child,
h6 p:last-child {
  margin-bottom: 0; }

/**
 * Site Wide elements
 * e.g. .site-header, .site-nav, .site-container
 */
body {
  font-family: 'Swiss721BT';
  background: #fff;
  color: #666a6d;
  font-size: 0.77778rem; }
  @media (min-width: 800px) {
    body {
      font-size: 1rem; } }

a {
  text-decoration: none;
  color: #00a6ec; }

.section {
  position: relative; }
  .section.-padding-alpha {
    /* padding-top: 200px;
        padding-bottom: 200px; */ }
  .section.-padding-bravo {
    /* padding-top: 150px;
        padding-bottom: 150px; */ }
  .section.-padding-charlie {
    padding-top: 40px;
    padding-bottom: 40px; }
    @media (min-width: 600px) {
      .section.-padding-charlie {
        padding-top: 55px;
        padding-bottom: 55px; } }
    @media (min-width: 900px) {
      .section.-padding-charlie {
        padding-top: 75px;
        padding-bottom: 75px; } }
    @media (min-width: 1200px) {
      .section.-padding-charlie {
        padding-top: 80px;
        padding-bottom: 80px; } }
  .section.-padding-charlie-top {
    padding-top: 40px; }
    @media (min-width: 600px) {
      .section.-padding-charlie-top {
        padding-top: 55px; } }
    @media (min-width: 900px) {
      .section.-padding-charlie-top {
        padding-top: 75px; } }
    @media (min-width: 1200px) {
      .section.-padding-charlie-top {
        padding-top: 80px; } }
  .section.-padding-charlie-half-top {
    padding-top: 20px; }
    @media (min-width: 600px) {
      .section.-padding-charlie-half-top {
        padding-top: 25px; } }
    @media (min-width: 900px) {
      .section.-padding-charlie-half-top {
        padding-top: 35px; } }
    @media (min-width: 1200px) {
      .section.-padding-charlie-half-top {
        padding-top: 40px; } }
  .section.-padding-charlie-bottom {
    padding-bottom: 40px; }
    @media (min-width: 600px) {
      .section.-padding-charlie-bottom {
        padding-bottom: 55px; } }
    @media (min-width: 900px) {
      .section.-padding-charlie-bottom {
        padding-bottom: 75px; } }
    @media (min-width: 1200px) {
      .section.-padding-charlie-bottom {
        padding-bottom: 80px; } }
  .section.-padding-delta {
    padding-top: 25px;
    padding-bottom: 25px; }
    @media (min-width: 600px) {
      .section.-padding-delta {
        padding-top: 35px;
        padding-bottom: 35px; } }
    @media (min-width: 900px) {
      .section.-padding-delta {
        padding-top: 45px;
        padding-bottom: 45px; } }
    @media (min-width: 1200px) {
      .section.-padding-delta {
        padding-top: 50px;
        padding-bottom: 50px; } }
  .section.-padding-echo {
    padding-top: 35px;
    padding-bottom: 35px; }
  .section.-cloud {
    background-color: #eee; }
  .section.-onyx {
    background-color: #131313; }
  .section.-padding-default {
    padding-top: 130px;
    padding-bottom: 50px; }
    @media (min-width: 600px) {
      .section.-padding-default {
        padding-top: 160px;
        padding-bottom: 65px; } }
    @media (min-width: 900px) {
      .section.-padding-default {
        padding-top: 180px;
        padding-bottom: 85px; } }
    @media (min-width: 1200px) {
      .section.-padding-default {
        padding-top: 200px;
        padding-bottom: 100px; } }

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
  padding-right: 20px;
  padding-left: 20px; }
  .container:after {
    content: '';
    display: table;
    clear: both; }
  .container.-width-alpha {
    max-width: 1280px; }
  .container.-width-charlie {
    max-width: 980px; }
  .container.-width-delta {
    max-width: 860px; }
  .container.-width-echo {
    max-width: 720px; }

.section-colour-picker {
  position: absolute;
  top: 45px;
  right: 10px;
  z-index: 98; }

.section-display-toggle {
  position: absolute;
  top: 75px;
  right: 10px;
  z-index: 98; }

.admin-table {
  width: 100%; }
  .admin-table td,
  .admin-table th {
    text-align: left;
    padding: 15px;
    border: 1px solid #f3f3f3; }
    .admin-table td:last-child,
    .admin-table th:last-child {
      text-align: right; }
  .admin-table th {
    background-color: #00a6ec;
    color: #fff; }
  .admin-table tr:nth-child(2n+2) td {
    background-color: #ecf9ff; }

.admin-file-upload ul {
  margin-bottom: 0;
  margin-left: 0; }
  .admin-file-upload ul > li {
    list-style: none; }
  .admin-file-upload ul li {
    display: none; }
    .admin-file-upload ul li:first-child {
      display: block; }

.admin-file-upload .delete-file {
  display: none; }

/*doc
---
title: Buttons
name: button
category: Buttons
---

Button styles can be applied to any element. Typically you'll want to use either a `<button>` or an `<a>` element:

```html_example
<button class="btn btnDefault">Click</button>
<a class="btn btnDefault" href="http://trulia.com">Don't click</a>
```

If your button is actually a link to another page, please use the
`<a>` element, while if your button performs an action, such as submitting
a form or triggering some javascript event, then use a `<button>` element.

##Button Sizes
There are three 3 sizes for buttons: Large, medium (default)
and small. Simply apply the size modifier class for the desired size.
There is also an additional modifier that will make the button take the
full width of the container. It may be used with the any of the button
size and style modifiers.

Button                                                            | Modifier Class
----------------------------------------------------------------- | -----------------
<button class="btn btnDefault btnLrg">Large</button>              | `btn btnDefault btnLrg`
<button class="btn btnDefault">Default</button>                   | `btn btnDefault`
<button class="btn btnDefault btnSml">Small</button>              | `btn btnDefault btnSml`
<button class="btn btnDefault btnFullWidth">Full width</button>   | `btn btnDefault btnFullWidth`

*/
.btn {
  display: inline-block;
  border-radius: 4px;
  border: 0;
  background-color: #00a6ec;
  color: #fff;
  font-size: 0.77778rem;
  text-transform: uppercase;
  padding: 10px 30px 10px 50px;
  border: 2px solid #00a6ec;
  transition: background-color 0.3s, color 0.3s;
  outline: 0;
  text-align: center; }
  .btn:hover {
    background-color: transparent;
    color: #00a6ec; }
    .btn:hover path {
      fill: #00a6ec; }
  .btn.-hollow {
    background-color: transparent;
    color: #00a6ec; }
    .btn.-hollow path {
      fill: #00a6ec; }
    .btn.-hollow:hover {
      background-color: #00a6ec;
      color: #fff; }
      .btn.-hollow:hover path {
        fill: #fff; }
  .btn.-white-text {
    color: #fff; }
    .btn.-white-text path {
      fill: #fff; }
    .btn.-white-text:hover {
      color: #fff; }
      .btn.-white-text:hover path {
        fill: #fff; }
  .btn.-width-210 {
    width: 100%;
    max-width: 210px; }
  .btn.-thin {
    padding: 12px 20px; }
  .btn.-admin {
    padding: 12px 20px; }
  .btn + .btn {
    margin-left: 20px; }
    @media (max-width: 1000px) {
      .btn + .btn {
        display: block;
        margin-left: 0;
        margin-top: 20px; } }
  @media (min-width: 800px) {
    .btn {
      font-size: 0.88889rem;
      padding: 12px 50px 12px 70px; } }

.btn__icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px; }
  .btn__icon.svg-btn-arrow {
    width: 12px;
    height: 12px; }
    @media (min-width: 800px) {
      .btn__icon.svg-btn-arrow {
        width: 14px;
        height: 14px; } }
  .btn__icon.svg-btn-tick {
    width: 12px;
    height: 10px; }
    @media (min-width: 800px) {
      .btn__icon.svg-btn-tick {
        width: 14px;
        height: 12px; } }
  .btn__icon.svg-upload {
    width: 13px;
    height: 13px; }
    @media (min-width: 800px) {
      .btn__icon.svg-upload {
        width: 19px;
        height: 16px; } }
  .btn__icon svg {
    display: block; }
  .btn__icon path {
    transition: fill 0.3s; }
  @media (min-width: 800px) {
    .btn__icon {
      transform: translateY(-2px); } }

.hr {
  display: block;
  width: 120px;
  height: 4px;
  border: 0;
  background-color: #666a6d;
  margin-bottom: 4rem; }
  .hr.-hero {
    background-color: #fff;
    margin-bottom: 2rem; }
    @media (min-width: 1040px) {
      .hr.-hero {
        margin-bottom: 4rem; } }
  .hr.-title {
    margin-right: auto;
    margin-left: auto;
    background-color: #d7d7d7;
    margin-bottom: 2rem; }
    @media (min-width: 900px) {
      .hr.-title {
        margin-bottom: 3rem; } }
    .hr.-title.-left {
      margin-left: 0; }
    .hr.-title.-left-then-right {
      margin-left: 0; }
      @media (min-width: 600px) {
        .hr.-title.-left-then-right {
          margin-left: auto;
          margin-right: 0; } }
  .hr.-stats {
    width: 40px;
    background-color: #dde0e1;
    margin-left: 0;
    margin-bottom: 15px;
    height: 3px; }
  .hr.-thin-full {
    width: 100%;
    height: 1px;
    margin-bottom: 0;
    background-color: #ddd; }

/* Components */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  height: 45px; }
  @media (min-width: 600px) {
    .site-header {
      height: 60px; } }
  @media (min-width: 1040px) {
    .site-header {
      height: 68px; } }
  @media (min-width: 1340px) {
    .site-header {
      height: 80px; } }

.site-logo {
  float: left;
  position: relative;
  z-index: 102;
  display: block;
  width: 50%;
  height: 100%;
  text-indent: -9999px;
  background-color: #00a6ec;
  transition: background-color 0.3s; }
  .site-logo:hover {
    background-color: rgba(0, 166, 236, 0.8); }
  .site-logo h1 {
    position: absolute;
    top: -500px;
    left: -9999px; }
  .site-logo svg {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 120px;
    height: 14px; }
  .site-logo path {
    transition: fill 0.3s; }
  @media (min-width: 600px) {
    .site-logo {
      float: none;
      position: absolute;
      top: 0;
      left: 0; }
      .site-logo svg {
        width: 188px;
        height: 21px; } }
  @media (min-width: 1040px) {
    .site-logo {
      width: 240px; } }
  @media (min-width: 1340px) {
    .site-logo {
      width: 320px; }
      .site-logo svg {
        width: 248px;
        height: 28px; } }

.site-phone {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-left: 1px solid #ddd;
  color: #777d82;
  font-size: 0.83333rem;
  padding: 20px; }
  @media (min-width: 1120px) {
    .site-phone {
      display: block; } }
  @media (min-width: 1340px) {
    .site-phone {
      padding: 25px 30px; }
      .site-phone:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 25px;
        margin-right: 10px;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-280%20409.9%2013%2022%22%20enable-background%3D%22new%20-280%20409.9%2013%2022%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M-269%20426.9v-14h-9v14h9zm-4.5%204c.4%200%20.8-.1%201.1-.4s.4-.6.4-1.1-.1-.8-.4-1.1c-.3-.3-.6-.4-1.1-.4-.4%200-.8.1-1.1.4s-.4.6-.4%201.1.1.8.4%201.1.7.4%201.1.4zm4-21c.7%200%201.3.2%201.8.8.5.5.7%201.1.7%201.8v17c0%20.7-.2%201.3-.7%201.8-.5.5-1.1.8-1.8.8h-8c-.7%200-1.3-.2-1.8-.8-.5-.5-.7-1.1-.7-1.8v-17c0-.7.2-1.3.7-1.8.5-.5%201.1-.8%201.8-.8h8z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat; } }
  @media (max-width: 1550px) {
    .site-phone {
      display: none; } }

.site-header__mobile-toggle {
  display: block;
  cursor: pointer;
  width: 50%;
  height: 100%;
  float: right;
  position: relative;
  z-index: 101;
  background-color: #fff;
  transition: background-color 0.3s; }
  @media (min-width: 1040px) {
    .site-header__mobile-toggle {
      display: none; } }

.site-header__mobile-toggle-icon {
  left: calc(50% - 17px);
  top: calc(50% - 2px);
  transition: background-color 0.3s; }
  .site-header__mobile-toggle-icon, .site-header__mobile-toggle-icon:before, .site-header__mobile-toggle-icon:after {
    display: block;
    width: 34px;
    height: 2px;
    position: absolute;
    background-color: #777d82; }
    @media (min-width: 600px) {
      .site-header__mobile-toggle-icon, .site-header__mobile-toggle-icon:before, .site-header__mobile-toggle-icon:after {
        height: 3px; } }
  .site-header__mobile-toggle-icon:before, .site-header__mobile-toggle-icon:after {
    content: '';
    transition: transform 0.3s, background-color 0.3s; }
  .site-header__mobile-toggle-icon:before {
    top: -6px; }
    @media (min-width: 600px) {
      .site-header__mobile-toggle-icon:before {
        top: -8px; } }
  .site-header__mobile-toggle-icon:after {
    bottom: -6px; }
    @media (min-width: 600px) {
      .site-header__mobile-toggle-icon:after {
        bottom: -8px; } }

.site-header__mobile-checkbox {
  position: fixed;
  left: -9999px;
  top: 0; }
  .site-header__mobile-checkbox:checked + .site-header .site-logo {
    background-color: #fff; }
    .site-header__mobile-checkbox:checked + .site-header .site-logo path {
      fill: #00a6ec; }
    @media (min-width: 1040px) {
      .site-header__mobile-checkbox:checked + .site-header .site-logo {
        background-color: #00a6ec; }
        .site-header__mobile-checkbox:checked + .site-header .site-logo path {
          fill: #fff; } }
  .site-header__mobile-checkbox:checked + .site-header .site-header__mobile-toggle {
    background-color: #00a6ec; }
  .site-header__mobile-checkbox:checked + .site-header .site-header__mobile-toggle-icon, .site-header__mobile-checkbox:checked + .site-header .site-header__mobile-toggle-icon:before, .site-header__mobile-checkbox:checked + .site-header .site-header__mobile-toggle-icon:after {
    background-color: #fff; }
  .site-header__mobile-checkbox:checked + .site-header .site-header__mobile-toggle-icon:before {
    transform: translateY(6px); }
    @media (min-width: 600px) {
      .site-header__mobile-checkbox:checked + .site-header .site-header__mobile-toggle-icon:before {
        transform: translateY(8px); } }
  .site-header__mobile-checkbox:checked + .site-header .site-header__mobile-toggle-icon:after {
    transform: translateY(-6px); }
    @media (min-width: 600px) {
      .site-header__mobile-checkbox:checked + .site-header .site-header__mobile-toggle-icon:after {
        transform: translateY(-8px); } }
  .site-header__mobile-checkbox:checked + .site-header .site-nav {
    top: 0;
    opacity: 1;
    transition: top 0s, opacity 0.3s; }

.site-footer {
  background-color: #fff;
  font-size: 0.83333rem; }
  .site-footer .container.-main {
    padding-top: 70px;
    padding-bottom: 50px; }
  .site-footer .container.-baseline {
    padding-top: 50px;
    padding-bottom: 70px; }

.site-footer__cols {
  width: calc(100% + 20px);
  margin-left: -10px;
  position: relative; }
  @media (min-width: 450px) and (max-width: 549px) {
    .site-footer__cols {
      padding-bottom: 200px; } }
  @media (min-width: 800px) {
    .site-footer__cols {
      display: -ms-flexbox;
      display: flex; } }

.site-footer__col {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 2rem; }
  .site-footer__col.-info {
    width: 100%;
    margin-bottom: 4rem; }
  @media (min-width: 450px) {
    .site-footer__col {
      width: 50%; }
      .site-footer__col:nth-child(4) {
        clear: left; } }
  @media (min-width: 550px) {
    .site-footer__col {
      width: 25%;
      margin-bottom: 0; }
      .site-footer__col:nth-child(4) {
        clear: none; } }
  @media (min-width: 800px) {
    .site-footer__col {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      text-align: left; }
      .site-footer__col.-info {
        width: auto;
        -ms-flex: 1 1 350px;
            flex: 1 1 350px;
        margin-bottom: 0; } }

.site-footer__logo {
  display: inline-block;
  width: 181px;
  height: 18px;
  margin-bottom: 1rem; }
  .site-footer__logo svg {
    display: block; }
  .site-footer__logo path {
    fill: #00a6ec; }

.site-footer__address {
  font-style: normal;
  color: #666a6d;
  line-height: 1.6; }

.site-footer__title {
  color: #101a24;
  text-transform: uppercase;
  margin-bottom: 0.6rem;
  font-size: 0.83333rem; }

.site-footer-list {
  margin-bottom: 0;
  margin-left: 0; }
  .site-footer-list > li {
    list-style: none; }

.site-footer-list__item {
  margin-bottom: 0.6rem;
  line-height: 1.2; }

.site-footer-list__link {
  text-transform: uppercase;
  transition: color 0.3s;
  font-size: 0.77778rem;
  color: #666a6d; }
  .site-footer-list__link.-has-hover:hover {
    color: #00a6ec; }
    .site-footer-list__link.-has-hover:hover .site-footer-list__icon path {
      fill: #00a6ec; }
    .site-footer-list__link.-has-hover:hover .site-footer-list__text {
      color: #00a6ec; }
  .site-footer-list__link.-has-icon {
    white-space: nowrap; }

.site-footer-list__icon {
  display: inline-block;
  vertical-align: middle; }
  .site-footer-list__icon.svg-phone {
    width: 14px;
    height: 25px;
    margin-right: 8px;
    margin-left: 4px; }
  .site-footer-list__icon.svg-email {
    width: 23px;
    height: 19px;
    margin-right: 4px; }
  .site-footer-list__icon.svg-print {
    width: 22px;
    height: 20px;
    margin-right: 4px; }
  .site-footer-list__icon path {
    transition: fill 0.3s; }

.site-footer-list__text {
  color: #666a6d;
  text-transform: none;
  transition: color 0.3s; }

.site-footer__iso9001 {
  padding-top: 70px; }
  @media (min-width: 450px) and (max-width: 549px) {
    .site-footer__iso9001 {
      position: absolute;
      left: 50%;
      transform: translateX(-50%); } }
  .site-footer__iso9001 img {
    max-width: 100%;
    height: auto; }

.site-footer__copyright {
  text-align: center; }
  @media (min-width: 600px) {
    .site-footer__copyright {
      float: left; } }

.site-footer__parallax {
  text-align: center; }
  @media (min-width: 600px) {
    .site-footer__parallax {
      float: right; } }
  .site-footer__parallax a {
    color: #666a6d; }
    .site-footer__parallax a:hover {
      color: #00a6ec; }

.footer-slider {
  background-color: #212b35;
  overflow: hidden;
  padding: 100px 0; }
  .footer-slider .container {
    position: relative; }
    .footer-slider .container:before {
      content: '';
      display: block;
      background-color: #1e2832;
      width: 100%;
      height: calc(100% + 200px);
      position: absolute;
      top: -100px;
      left: 0;
      transform: skewX(-40deg);
      z-index: 1; }

.footer-slider__slides {
  position: relative;
  z-index: 2; }

.footer-slider__slide {
  text-align: center;
  color: #fff;
  font-style: italic;
  font-size: 0.83333rem;
  line-height: 1.7;
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s; }
  .footer-slider__slide:before {
    content: '';
    display: block;
    width: 36px;
    height: 29px;
    position: absolute;
    left: 0;
    top: -50px; }
    @media (min-width: 820px) {
      .footer-slider__slide:before {
        left: -50px;
        top: -20px; } }
  .footer-slider__slide.-current, .footer-slider__slide.-prev, .footer-slider__slide.-next {
    left: 0;
    visibility: visible; }
  .footer-slider__slide.-current {
    z-index: 3;
    opacity: 1; }
  .footer-slider__slide.-prev, .footer-slider__slide.-next {
    z-index: 2;
    opacity: 0; }
  @media (min-width: 800px) {
    .footer-slider__slide {
      font-size: 1.22222rem; } }

.footer-slider__nav {
  position: relative;
  z-index: 2; }
  .footer-slider__nav:after {
    content: '';
    display: table;
    clear: both; }

.footer-slider__nav-item {
  display: block;
  float: left;
  text-indent: -9999px;
  font-size: 0;
  position: relative;
  padding: 10px 0; }
  .footer-slider__nav-item:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #192129;
    transition: background-color 0.3s; }
  .footer-slider__nav-item:hover:before, .footer-slider__nav-item.-current:before {
    background-color: #fff; }

.footer-slider__authors {
  position: relative;
  z-index: 2; }

.footer-slider__author {
  text-align: right;
  font-size: 0.83333rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s; }
  .footer-slider__author.-current {
    opacity: 1;
    z-index: 3; }

.admin-quotes__list {
  margin-bottom: 0;
  margin-left: 0; }
  .admin-quotes__list > li {
    list-style: none; }

.admin-quotes__item {
  margin-bottom: 4rem; }

#goog-fixurl ul {
  margin-bottom: 0;
  margin-left: 0; }
  #goog-fixurl ul > li {
    list-style: none; }

#goog-fixurl [type="text"] {
  width: 100%; }

/**
 * Nav specific stuff
 * Note: despite indentation, these are *not* nested & shouldn't be
 */
.site-nav {
  position: absolute;
  width: 100%;
  padding-top: 45px;
  max-height: 100vh;
  overflow: hidden;
  top: -100vh;
  opacity: 0;
  transition: top 0s 0.3s, opacity 0.3s; }
  .site-nav:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 600px) {
    .site-nav {
      padding-top: 60px; } }
  @media (min-width: 1040px) {
    .site-nav {
      padding-top: 0;
      position: static;
      overflow: visible;
      opacity: 1;
      transition: none;
      top: 0; } }

.site-nav__list {
  margin-bottom: 0;
  margin-left: 0;
  width: 100%;
  position: relative; }
  .site-nav__list > li {
    list-style: none; }
  .site-nav__list:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
  .site-nav__list.-primary:before {
    right: 0;
    background-color: #00a6ec;
    height: calc(100% + 1px); }
  .site-nav__list.-secondary {
    border-top: 1px solid rgba(255, 255, 255, 0.25); }
    .site-nav__list.-secondary:before {
      left: 0;
      background-color: #287eae; }
  @media (min-width: 600px) {
    .site-nav__list {
      position: static; }
      .site-nav__list.-primary {
        float: right; }
      .site-nav__list.-secondary {
        float: left;
        border-top: 0; } }
  @media (min-width: 1040px) {
    .site-nav__list {
      display: block;
      text-align: center;
      width: auto;
      float: right;
      padding-right: 10px; }
      .site-nav__list:before {
        display: none; }
      .site-nav__list.-secondary {
        display: none; } }
  @media (min-width: 1120px) {
    .site-nav__list {
      padding-right: 0;
      padding-left: 3%; }
      .site-nav__list.-primary {
        float: none;
        padding-left: 19%; } }
  @media (min-width: 1340px) {
    .site-nav__list {
      padding-left: 6%; }
      .site-nav__list.-primary {
        padding-left: 20%; } }
  @media (min-width: 1550px) {
    .site-nav__list.-primary {
      padding-left: 3%; } }

.site-nav__item {
  display: block;
  padding: 0 20px; }
  .site-nav__item:first-child .site-nav__link {
    border-top: 0; }
  @media (min-width: 1550px) {
    .site-nav__item {
      padding: 0 20px; } }
  @media (min-width: 1040px) {
    .site-nav__item {
      display: inline-block;
      padding: 0 10px; } }
  @media (min-width: 1120px) {
    .site-nav__item {
      padding: 0 15px; } }

.site-nav__link {
  display: block;
  font-size: 0.77778rem;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding: 16px 0; }
  .site-nav__link:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-273.4%20406.9%2016.8%2028%22%20enable-background%3D%22new%20-273.4%20406.9%2016.8%2028%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-271.5%20406.9c.5%200%201%20.2%201.4.5l13.2%2012.8c.2.2.3.4.3.6s-.1.4-.3.6l-13.2%2012.8c-.4.4-.8.5-1.3.5s-1-.2-1.4-.5c-.4-.3-.5-.8-.5-1.3s.2-.9.5-1.3l11.2-10.9-11.2-10.9c-.4-.3-.5-.8-.5-1.3s.2-.9.5-1.3c.3-.1.8-.3%201.3-.3z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 7px;
    height: 12px;
    right: 0; }
  @media (min-width: 1040px) {
    .site-nav__link {
      color: #777d82;
      padding: 20px 0 19px;
      transition: color 0.3s; }
      .site-nav__link:after {
        display: none; }
      .site-nav__link:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #00a6ec;
        transform: translateY(-10px);
        opacity: 0;
        transition: transform 0.3s, opacity 0.3s; } }
  @media (min-width: 1340px) {
    .site-nav__link {
      padding: 25px 0;
      font-size: 0.83333rem; } }
  @media (min-width: 1040px) {
    .site-nav__link:hover, .site-nav__link.-is-selected {
      color: #00a6ec; } }
  .site-nav__link:hover:before, .site-nav__link.-is-selected:before {
    transform: translateY(0);
    opacity: 1; }

.hero {
  background-color: #000;
  overflow: hidden;
  padding: 50px 0;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #000; }
  @media (min-width: 650px) {
    .hero {
      height: 0;
      padding-top: 0;
      padding-bottom: 38.2262997%; } }
  @media (min-width: 1308px) {
    .hero {
      height: 500px;
      padding-bottom: 0; } }
  .hero.-bg-technical {
    overflow: hidden;
    max-height: 700px; }
  .hero.-no-bg-colour {
    background-color: transparent; }

.hero__image {
  width: 50%;
  height: 0;
  display: block;
  padding-bottom: 32.8%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }
  .hero__image > img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0; }
  @media (min-width: 2000px) {
    .hero__image {
      width: 1017px;
      height: 662px;
      padding-bottom: 0; } }

.hero__content {
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  max-width: 860px;
  position: relative;
  z-index: 2; }
  .hero__content.-width-charlie {
    max-width: 960px; }
  @media (min-width: 650px) {
    .hero__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); } }

.hero__title {
  color: #fff; }
  .hero__title.-right {
    text-align: right; }

.hero-btn {
  display: table; }
  .hero-btn:hover .hero-btn__arrow:before {
    background-color: #fff; }
  .hero-btn:hover .hero-btn__arrow path {
    fill: #00a6ec; }

.hero-btn__inner {
  display: table-cell;
  vertical-align: middle; }
  .hero-btn__inner.-text {
    text-transform: uppercase;
    color: #fff;
    font-size: 0.77778rem;
    padding-left: 25px; }

.hero-btn__arrow {
  display: block;
  width: 58px;
  height: 58px;
  position: relative;
  z-index: 2; }
  .hero-btn__arrow:before, .hero-btn__arrow:after {
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #f00;
    position: absolute;
    top: 0;
    left: 0; }
  .hero-btn__arrow:before {
    background-color: #00a6ec;
    z-index: 2;
    transition: background-color 0.3s; }
  .hero-btn__arrow:after {
    background-color: rgba(0, 166, 236, 0.5);
    z-index: 1;
    animation: pulse 5s infinite linear; }
  .hero-btn__arrow svg {
    display: block;
    width: 13px;
    height: 12px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3; }
  .hero-btn__arrow path {
    transition: fill 0.3s; }

.page.-background-image {
  background-position: 50% 50%;
  background-size: cover; }
  @media (max-width: 599px) {
    .page.-background-image.-no-background-mobile {
      background-image: none !important; } }

.page__title,
.page__subtitle {
  margin-bottom: 2rem; }
  @media (min-width: 900px) {
    .page__title,
    .page__subtitle {
      margin-bottom: 3rem; } }
  .page__title.-white,
  .page__subtitle.-white {
    color: #fff; }

.page__title.-pre-subtitle {
  margin-bottom: 10px; }

.page__title.-xl7 {
  margin-bottom: 520px; }
  @media (max-width: 1000px) {
    .page__title.-xl7 {
      margin-bottom: 2rem; } }

.page__subtitle.-pre-title {
  margin-bottom: 10px; }

.page__columns {
  position: relative;
  z-index: 3; }
  .page__columns:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 600px) {
    .page__columns.-has-line {
      position: relative; }
      .page__columns.-has-line:before {
        content: '';
        display: block;
        width: 1px;
        position: absolute;
        top: .5rem;
        left: 50%;
        bottom: 0;
        background-color: #dbdbdb; } }
  .page__columns.-padding-bottom {
    padding-bottom: 2rem; }
  .page__columns.-margin-bottom {
    margin-bottom: 2rem; }
  .page__columns.-margin-bottom-double {
    margin-bottom: 4rem; }
  @media (min-width: 600px) {
    .page__columns.-padding-top-charlie {
      padding-top: 65px; } }
  @media (min-width: 900px) {
    .page__columns.-padding-top-charlie {
      padding-top: 85px; } }
  @media (min-width: 1200px) {
    .page__columns.-padding-top-charlie {
      padding-top: 100px; } }
  @media (min-width: 600px) {
    .page__columns.-margin-bottom-charlie {
      margin-bottom: 65px; } }
  @media (min-width: 900px) {
    .page__columns.-margin-bottom-charlie {
      margin-bottom: 85px; } }
  @media (min-width: 1200px) {
    .page__columns.-margin-bottom-charlie {
      margin-bottom: 100px; } }
  .page__columns.-light {
    color: #a8acaf; }
  .page__columns.-white {
    color: #fff; }
  .page__columns.z--high {
    z-index: 6; }

@media (min-width: 600px) {
  .page__column {
    width: 47%;
    float: left; }
    .page__column.-right {
      float: right; }
      .page__column.-right:first-child {
        margin-right: 0; }
    .page__column:first-child {
      margin-right: 6%; }
    .page__column.-width-70 {
      width: 70%; }
    .page__column.-width-66 {
      width: 66%; }
    .page__column.-width-63 {
      width: 63%; }
    .page__column.-width-52 {
      width: 52%; }
    .page__column.-width-42 {
      width: 42%; }
    .page__column.-width-30 {
      width: 30%; }
    .page__column.-padding-title-offset {
      padding-top: 60px; } }
    @media (min-width: 600px) and (min-width: 900px) {
      .page__column.-padding-title-offset {
        padding-top: 78px; } }
  @media (min-width: 600px) and (min-width: 600px) {
    .page__column.-text-left-then-right {
      text-align: right; } }

.page__single-image {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2rem; }
  .page__single-image.-width-542 {
    max-width: 542px; }
  .page__single-image.-width-200 {
    max-width: 200px; }

.page__list-square-bullets ul {
  margin-bottom: 0;
  margin-left: 0; }
  .page__list-square-bullets ul > li {
    list-style: none; }

.page__list-square-bullets li {
  font-family: 'SuiGeneris';
  font-size: 1rem;
  position: relative;
  padding-left: 25px;
  line-height: 1;
  margin-bottom: 2rem;
  text-transform: uppercase; }
  @media (min-width: 800px) {
    .page__list-square-bullets li {
      padding-left: 45px; } }
  @media (min-width: 1000px) {
    .page__list-square-bullets li {
      font-size: 1.22222rem; } }
  .page__list-square-bullets li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #00a6ec;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-5px); }

@media (min-width: 1000px) {
  .page__list-square-bullets.-extra-spacing li {
    margin-bottom: 4rem; } }

.page__list-mini-square-bullets ul {
  margin-bottom: 0;
  margin-left: 0;
  margin-bottom: 3rem; }
  .page__list-mini-square-bullets ul > li {
    list-style: none; }

.page__list-mini-square-bullets li {
  position: relative;
  padding-left: 25px; }
  .page__list-mini-square-bullets li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #8895a3;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-7px); }

.page__quality-certificate {
  margin-right: auto;
  margin-left: auto;
  max-width: 730px;
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1); }

.page-nav {
  background-color: #00a6ec;
  height: 58px;
  width: 100%;
  right: 0;
  left: 0;
  position: relative;
  z-index: 97; }
  .page-nav.-sub-nav-scroll {
    position: fixed; }
  .page-nav.-has-dropdowns {
    height: auto; }

.page-nav__list {
  margin-bottom: 0;
  margin-left: 0;
  background-color: #00a6ec;
  text-align: center;
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 10px 0; }
  .page-nav__list > li {
    list-style: none; }
  .page-nav__list.-has-dropdowns {
    position: static;
    display: block;
    width: auto; }
    .page-nav__list.-has-dropdowns .page-nav__item {
      display: inline-block; }
  @media (min-width: 1120px) {
    .page-nav__list {
      display: block;
      border: 0;
      padding: 0;
      position: static; } }

.page-nav__item {
  display: block;
  position: relative; }
  @media (min-width: 1120px) {
    .page-nav__item {
      display: inline-block; } }
  .page-nav__item:hover .page-nav-dropdown {
    display: block; }

.page-nav__link {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  font-size: 0.66667rem;
  transition: color 0.3s;
  padding: 5px 10px; }
  .page-nav__link:hover, .page-nav__link.-current {
    color: #fff; }
  .page-nav__link.-dropdown:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 11px;
    height: 7px;
    transform: translateY(-1px);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-276.1%20416%2022.4%2013%22%20enable-background%3D%22new%20-276.1%20416%2022.4%2013%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-264.8%20429l-11.2-11.2%201.8-1.8%209.5%209.5%209.5-9.5%201.8%201.8-11.4%2011.2z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat; }
  @media (min-width: 700px) {
    .page-nav__link {
      font-size: 0.80556rem; } }
  @media (min-width: 1120px) {
    .page-nav__link {
      padding: 14px 10px; } }
  @media (min-width: 1281px) {
    .page-nav__link {
      padding: 14px 20px; } }
  @media (min-width: 1400px) {
    .page-nav__link {
      padding: 14px 30px; } }

.page-nav-dropdown {
  margin-bottom: 0;
  margin-left: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #00a6ec;
  min-width: 100%;
  display: none;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); }
  .page-nav-dropdown > li {
    list-style: none; }
  .page-nav-dropdown.-industries {
    width: 220px; }
    @media (min-width: 520px) {
      .page-nav-dropdown.-industries {
        width: 440px; }
        .page-nav-dropdown.-industries .page-nav-dropdown__item {
          width: 50%;
          min-height: 62px;
          float: left; }
          .page-nav-dropdown.-industries .page-nav-dropdown__item:nth-child(odd) {
            clear: left; }
        .page-nav-dropdown.-industries .page-nav-dropdown__link {
          min-height: 62px; } }
    @media (min-height: 1000px) {
      .page-nav-dropdown.-industries {
        width: 220px; }
        .page-nav-dropdown.-industries .page-nav-dropdown__item {
          width: 100%;
          min-height: 0; }
          .page-nav-dropdown.-industries .page-nav-dropdown__item:nth-child(odd) {
            clear: none; }
        .page-nav-dropdown.-industries .page-nav-dropdown__link {
          min-height: 0; } }

.page-nav-dropdown__link {
  display: block;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-size: 0.66667rem;
  padding: 10px 20px;
  line-height: 1.4; }
  @media (min-width: 1120px) {
    .page-nav-dropdown__link {
      font-size: 0.80556rem;
      padding: 10px 30px; } }
  .page-nav-dropdown__link:hover, .page-nav-dropdown__link.-selected {
    background-color: #fff;
    color: #00a6ec; }

.page-nav__contact {
  display: inline-block;
  position: relative;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.88889rem;
  padding: 7px 30px;
  border: 2px solid #fff;
  border-radius: 25px;
  transition: opacity 0.3s; }
  .page-nav__contact:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-571%20819.8%2013%2022.2%22%20enable-background%3D%22new%20-571%20819.8%2013%2022.2%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-560%20836.8v-14h-9v14h9zm-4.5%204c.4%200%20.8-.1%201.1-.4.3-.3.4-.6.4-1.1s-.1-.8-.4-1.1c-.3-.3-.6-.4-1.1-.4-.4%200-.8.1-1.1.4-.3.3-.4.6-.4%201.1s.1.8.4%201.1c.3.3.7.4%201.1.4zm4-21c.7%200%201.3.2%201.8.8.5.5.7%201.1.7%201.8v17c0%20.7-.2%201.3-.7%201.8s-1.1.8-1.8.8h-8c-.7%200-1.3-.2-1.8-.8-.5-.5-.7-1.1-.7-1.8v-17c0-.7.2-1.3.7-1.8s1.1-.8%201.8-.8h8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 25px;
    margin-right: 13px; }
  .page-nav__contact:hover {
    opacity: .6; }
  .page-nav__contact.-sub-nav-scroll {
    position: fixed; }
  @media (min-width: 1120px) {
    .page-nav__contact {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px; } }

.page-nav__title {
  display: none;
  color: #fff;
  font-size: 2rem;
  position: absolute;
  top: 12px;
  left: 20px;
  margin-bottom: 0; }
  @media (min-width: 1120px) {
    .page-nav__title {
      display: block; } }

.page-nav__selecter {
  display: none;
  background-color: #2778a5;
  position: absolute;
  top: 0;
  left: 0;
  height: 58px;
  width: 130px;
  transition: opacity 0.3s; }
  @media (min-width: 1120px) {
    .page-nav__selecter {
      display: block; } }
  .page-nav__selecter:after {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    height: 0;
    width: 0;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 15px solid #2778a5; }
  .page-nav__selecter:hover {
    opacity: .7; }
    .page-nav__selecter:hover + .page-nav__selecter-list {
      transition: opacity 0.3s, left 0s;
      opacity: 1;
      left: 0; }
  .page-nav__selecter.-sub-nav-scroll {
    position: fixed;
    z-index: 1; }

.page-nav__selecter-list {
  margin-bottom: 0;
  margin-left: 0;
  position: absolute;
  left: -9999px;
  bottom: 70px;
  padding-bottom: 15px;
  opacity: 0;
  transition: opacity 0.3s, left 0s 0.3s; }
  .page-nav__selecter-list > li {
    list-style: none; }
  .page-nav__selecter-list:hover {
    transition: opacity 0.3s, left 0s;
    opacity: 1;
    left: 0; }

.page-nav__selecter-link {
  display: block;
  padding: 5px 30px; }
  .page-nav__selecter-link:hover path, .page-nav__selecter-link.-current path {
    fill: #fff; }

.page-nav__selecter-icon,
.page-nav__selecter-name {
  display: inline-block;
  vertical-align: middle; }

.page-nav__selecter-icon {
  width: 168px; }
  .page-nav__selecter-icon.svg-xl7-long-reach svg {
    width: 168px;
    height: 59px; }
  .page-nav__selecter-icon.svg-xl7-high-temperature svg {
    width: 138px;
    height: 50px; }
  .page-nav__selecter-icon.svg-xl7-standard svg {
    width: 103px;
    height: 44px; }
  .page-nav__selecter-icon path {
    fill: transparent;
    transition: fill 0.3s; }

.page-nav__selecter-name {
  color: #fff;
  padding-left: 15px; }

.page-nav__admin-colour {
  position: absolute;
  bottom: -80px;
  left: 20px; }
  .page-nav__admin-colour p {
    margin-bottom: 0;
    line-height: 1.4; }

.page-nav-toggle {
  position: fixed;
  left: -500px; }
  .page-nav-toggle:checked + .page-nav .site-header__mobile-toggle-icon, .page-nav-toggle:checked + .page-nav .site-header__mobile-toggle-icon:before, .page-nav-toggle:checked + .page-nav .site-header__mobile-toggle-icon:after {
    background-color: #fff; }
  .page-nav-toggle:checked + .page-nav .site-header__mobile-toggle-icon:before {
    transform: translateY(6px); }
    @media (min-width: 600px) {
      .page-nav-toggle:checked + .page-nav .site-header__mobile-toggle-icon:before {
        transform: translateY(8px); } }
  .page-nav-toggle:checked + .page-nav .site-header__mobile-toggle-icon:after {
    transform: translateY(-6px); }
    @media (min-width: 600px) {
      .page-nav-toggle:checked + .page-nav .site-header__mobile-toggle-icon:after {
        transform: translateY(-8px); } }
  .page-nav-toggle:checked + .page-nav .page-nav__list {
    display: block; }

.page-nav__mobile-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  cursor: pointer; }
  @media (min-width: 1120px) {
    .page-nav__mobile-toggle {
      display: none; } }
  .page-nav__mobile-toggle .site-header__mobile-toggle-icon, .page-nav__mobile-toggle .site-header__mobile-toggle-icon:before, .page-nav__mobile-toggle .site-header__mobile-toggle-icon:after {
    background-color: #fff; }

.page-nav__current-page {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 17px;
  color: #fff;
  text-transform: uppercase; }
  @media (min-width: 1120px) {
    .page-nav__current-page {
      display: none; } }
  .page-nav__current-page.-industries {
    display: none; }
    @media (min-width: 600px) {
      .page-nav__current-page.-industries {
        display: block; } }

.page-nav__floating-cta {
  display: none;
  width: 35px;
  height: 35px;
  background-color: #00a6ec;
  position: absolute;
  bottom: -35px;
  right: 0;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-281%20404.9%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-265%20404.9l16%2013v15c0%201.1-.4%202-1.2%202.8-.8.8-1.7%201.2-2.8%201.2h-24c-1.1%200-2-.4-2.8-1.2s-1.2-1.7-1.2-2.8v-15.2l16-12.8zm13.4%2013.5l-13.4-10.9-13.5%2010.8%203.5%202.3v-3.7h20v3.7l3.4-2.2zm-4.4%202.9v-3.4h-18v3.4l9%206%209-6zm3%2013.6c.6%200%201-.2%201.4-.6s.6-.9.6-1.4v-13.7l-14%209.3-14-9.3v13.7c0%20.6.2%201%20.6%201.4s.9.6%201.4.6h24zm-18.5-14c-.1%200-.3%200-.4-.1-.1-.1-.1-.2-.1-.4s0-.3.1-.4.2-.1.4-.1h13c.1%200%20.3%200%20.4.1.1.1.1.2.1.4s0%20.3-.1.4-.2.1-.4.1h-13zm10%202c.1%200%20.3%200%20.4.1.1.1.1.2.1.4s0%20.3-.1.4-.2.1-.4.1h-6c-.1%200-.3%200-.4-.1-.1-.1-.1-.2-.1-.4s0-.3.1-.4.2-.1.4-.1h6z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px; }
  .page-nav__floating-cta:hover {
    background-color: #a6dcfa; }
  @media (min-width: 600px) {
    .page-nav__floating-cta {
      display: block; } }

/*
 * Image Grids
 *
 * 4 different layouts
 *
 * Alpha: central image with 1 on each side, slightly behind
 *
 * Bravo: Grid of 4
 *
 * Charlie: 3 images with a kind of waterfall effect. Waterfall can go either left or right (2 variations!)
 *
 * Delta: Grid of 3
 *
 */
@media (min-width: 500px) {
  .image-grid.-grid-alpha {
    position: relative;
    height: 0;
    padding-bottom: 39%; } }

.image-grid.-grid-bravo {
  margin-bottom: 2rem; }
  @media (min-width: 500px) {
    .image-grid.-grid-bravo {
      position: relative;
      height: 0;
      padding-bottom: 60%; } }
  @media (min-width: 600px) {
    .image-grid.-grid-bravo {
      padding-bottom: 40%; } }

@media (min-width: 500px) {
  .image-grid.-grid-charlie {
    position: relative;
    height: 0;
    padding-bottom: 40%; } }

.image-grid.-grid-charlie.-margin-bottom {
  margin-bottom: 4rem; }

.image-grid.-grid-delta {
  margin-bottom: 2rem; }
  @media (min-width: 500px) {
    .image-grid.-grid-delta {
      position: relative;
      height: 0;
      padding-bottom: 80%; } }

.image-grid.-grid-echo {
  margin-bottom: 2rem; }
  @media (min-width: 500px) {
    .image-grid.-grid-echo {
      position: relative;
      height: 0;
      padding-bottom: 90%; } }

@media (min-width: 500px) {
  .image-grid__image.-layout-alpha {
    position: absolute; }
    .image-grid__image.-layout-alpha.-left, .image-grid__image.-layout-alpha.-right {
      top: 50%;
      transform: translateY(-50%);
      width: 50%; }
    .image-grid__image.-layout-alpha.-left {
      left: 0; }
    .image-grid__image.-layout-alpha.-right {
      right: 0; }
    .image-grid__image.-layout-alpha.-centre {
      top: 0;
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
      left: 50%;
      transform: translateX(-50%);
      z-index: 4;
      width: 60%;
      max-width: 640px; } }

@media (min-width: 500px) {
  .image-grid__image.-layout-bravo {
    position: absolute;
    width: 50%; }
    .image-grid__image.-layout-bravo.-bottom-right {
      right: 20px;
      bottom: 0;
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
      z-index: 5; }
    .image-grid__image.-layout-bravo.-bottom-left {
      left: 0;
      bottom: 20px;
      z-index: 4; }
    .image-grid__image.-layout-bravo.-top-right {
      right: 0;
      top: 0;
      z-index: 3; }
    .image-grid__image.-layout-bravo.-top-left {
      top: 10px;
      left: 20px;
      z-index: 2; } }

@media (min-width: 500px) {
  .image-grid__image.-layout-charlie {
    position: absolute; }
    .image-grid__image.-layout-charlie.-item-primary {
      width: 60%;
      z-index: 4;
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
      top: 0; }
    .image-grid__image.-layout-charlie.-item-secondary, .image-grid__image.-layout-charlie.-item-tertiary {
      top: 50%;
      transform: translateY(-50%); }
    .image-grid__image.-layout-charlie.-item-secondary {
      width: 50%;
      z-index: 3;
      left: 50%; }
    .image-grid__image.-layout-charlie.-item-tertiary {
      width: 40%;
      z-index: 2; }
    .image-grid__image.-layout-charlie.-left {
      left: 0; }
    .image-grid__image.-layout-charlie.-right {
      right: 0; }
    .image-grid__image.-layout-charlie.-offset-left {
      transform: translateX(-33%) translateY(-50%); }
    .image-grid__image.-layout-charlie.-offset-right {
      transform: translateX(-66%) translateY(-50%); } }

@media (min-width: 500px) {
  .image-grid__image.-layout-delta {
    position: absolute; }
    .image-grid__image.-layout-delta.-left {
      width: 72%;
      left: 0;
      top: 40%;
      transform: translateY(-50%);
      z-index: 2; }
    .image-grid__image.-layout-delta.-top-right {
      width: 65%;
      top: 0;
      right: 0;
      z-index: 3; }
    .image-grid__image.-layout-delta.-bottom {
      width: 75%;
      right: 5%;
      bottom: 0;
      z-index: 4;
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); } }

@media (min-width: 500px) {
  .image-grid__image.-layout-echo {
    position: absolute; }
    .image-grid__image.-layout-echo.-top {
      width: 75%;
      top: 0;
      z-index: 2; }
    .image-grid__image.-layout-echo.-centre {
      width: 65%;
      right: 0;
      top: 40%;
      transform: translateY(-50%);
      z-index: 3; }
    .image-grid__image.-layout-echo.-bottom {
      width: 75%;
      left: 10%;
      bottom: 0;
      z-index: 4;
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); } }

@media (min-width: 500px) {
  .image-grid__subtitle.-left-10 {
    margin-left: 10%; } }

.accordion__checkbox {
  position: absolute;
  left: -9999px; }
  .accordion__checkbox:checked + .accordion__item .accordion-title__item.-left:after {
    content: '-';
    top: 15px;
    right: 23px; }
    @media (min-width: 600px) {
      .accordion__checkbox:checked + .accordion__item .accordion-title__item.-left:after {
        top: 22px;
        right: 35px; } }
  .accordion__checkbox:checked + .accordion__item .accordion__contents {
    display: block; }

.accordion__item {
  margin-bottom: 2rem; }
  .accordion__item:last-child {
    margin-bottom: 0; }

.accordion-title {
  cursor: pointer; }
  @media (min-width: 600px) {
    .accordion-title {
      display: table;
      width: 100%;
      height: 70px;
      position: relative; } }

.accordion-title__item {
  font-family: 'SuiGeneris';
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  padding: 20px 40px;
  position: relative; }
  @media (min-width: 600px) {
    .accordion-title__item {
      display: table-cell;
      vertical-align: middle;
      width: 50%;
      padding: 0 60px;
      position: static; } }
  .accordion-title__item.-left {
    background-color: #313d48; }
    .accordion-title__item.-left:after {
      content: '+';
      display: inline-block;
      position: absolute;
      top: 17px;
      right: 20px;
      color: #fff;
      font-size: 1.33333rem;
      line-height: 1;
      z-index: 2; }
      @media (min-width: 600px) {
        .accordion-title__item.-left:after {
          top: 23px;
          right: 32px; } }
  .accordion-title__item.-right {
    background-color: #1e2832;
    position: relative; }
    @media (min-width: 600px) {
      .accordion-title__item.-right:before {
        height: 0;
        width: 0;
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 25px solid #313d48;
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0; } }

.accordion__contents {
  background-color: #fff;
  display: none;
  padding: 40px; }
  .accordion__contents:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 600px) {
    .accordion__contents {
      padding: 0; } }

@media (min-width: 600px) {
  .accordion__content {
    float: left;
    width: 50%;
    padding: 40px; } }

@media (min-width: 800px) {
  .accordion__content {
    padding: 60px; } }

.product-list {
  overflow: hidden; }
  .product-list .container {
    max-width: 1180px; }
    .product-list .container.-width-alpha {
      max-width: 1280px; }
  .product-list.-sash .container:before {
    content: '';
    display: block;
    background-color: #f8f8f9;
    width: 50%;
    height: calc(100% + 200px);
    position: absolute;
    top: -100px;
    left: 25%;
    transform: skewX(-40deg);
    z-index: 2; }
  .product-list.-sash-left:before {
    content: '';
    display: block;
    background-color: #f8f8f9;
    width: 40%;
    max-width: 650px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: skewX(-40deg);
    z-index: 2; }
  .product-list.-sash-left.-sash-direction-tl-br:before {
    transform: skewX(40deg); }
  .product-list.-sash-left.-cloud:before {
    background-color: #e9eaea; }
  .product-list.-sash-right:before {
    content: '';
    display: block;
    background-color: #e9eaea;
    width: 40%;
    max-width: 650px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: skewX(-40deg);
    z-index: 2; }
  .product-list.-sash-right.-sash-light:before {
    background-color: #f8f8f9; }
  .product-list.-background-image {
    background-repeat: no-repeat;
    background-size: cover; }
  @media (max-width: 599px) {
    .product-list.-has-bg-image {
      padding-bottom: 40% !important; } }

.product-list__product {
  display: table;
  width: 100%;
  position: relative;
  z-index: 4; }
  @media (min-width: 600px) {
    .product-list__product.-rtl {
      direction: rtl; } }

.product-list__column.-video.-left {
  padding-bottom: 2rem; }
  @media (min-width: 600px) {
    .product-list__column.-video.-left {
      padding-bottom: 0; } }

.product-list__column.-video.-right {
  padding-top: 2rem; }
  @media (min-width: 600px) {
    .product-list__column.-video.-right {
      padding-top: 0; } }

@media (min-width: 600px) {
  .product-list__column {
    display: table-cell;
    vertical-align: middle;
    direction: ltr; }
    .product-list__column.-image {
      width: 46%; }
      .product-list__column.-image.-left {
        padding-right: 4%; }
      .product-list__column.-image.-right {
        padding-left: 4%; }
    .product-list__column.-text {
      width: 50%; } }
    @media (min-width: 600px) and (min-width: 800px) {
      .product-list__column.-text.-offset.-left {
        padding-left: 4%; }
      .product-list__column.-text.-offset.-right {
        padding-right: 4%; } }

@media (min-width: 600px) {
    .product-list__column.-width-60 {
      width: 60%; }
    .product-list__column.-width-40 {
      width: 40%; } }

.product-list__column img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 2rem; }
  @media (min-width: 600px) {
    .product-list__column img {
      margin-bottom: 0; } }

.product-list__bg-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 80%;
  max-width: 854px; }
  .product-list__bg-image.-right {
    right: 0;
    left: auto; }
  @media (min-width: 600px) {
    .product-list__bg-image {
      width: 45%; }
      .product-list__bg-image.-top {
        top: 0;
        bottom: auto; } }

.page-special-image {
  position: relative;
  max-width: 52%;
  display: none;
  z-index: 2; }
  @media (min-width: 600px) {
    .page-special-image {
      display: block; } }
  .page-special-image img {
    position: absolute;
    display: block;
    max-width: 100%;
    height: auto;
    bottom: 0;
    left: 0; }

.special-image-with-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 46%;
  max-width: 817px; }
  @media (max-width: 599px) {
    .special-image-with-caption {
      position: static;
      width: 100%;
      max-width: none; }
      .special-image-with-caption > img {
        width: 46%;
        margin: 0 auto;
        float: left;
        padding: 20px; } }

.special__caption {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  max-width: 50%;
  top: 80%;
  font-size: 0.66667rem; }
  @media (min-width: 1400px) {
    .special__caption {
      font-size: 0.88889rem; } }
  @media (max-width: 599px) {
    .special__caption {
      position: static;
      max-width: none;
      transform: none;
      left: auto;
      padding: 0 20px; } }
  .special__caption:before, .special__caption:after {
    content: '';
    display: block;
    position: absolute; }
  .special__caption:before {
    width: 1px;
    height: 150%;
    left: -20px;
    bottom: 0;
    background-color: #00a6ec; }
    @media (max-width: 1080px) {
      .special__caption:before {
        display: none; } }
  .special__caption:after {
    width: 15px;
    height: 15px;
    background-color: #00a6ec;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(58, 150, 201, 0.3);
    left: -27.5px;
    bottom: calc(150% + 10px); }
    @media (max-width: 1080px) {
      .special__caption:after {
        bottom: auto;
        top: -150px; } }
    @media (max-width: 599px) {
      .special__caption:after {
        display: none; } }

.special-image.-xl7-shapes {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 400px;
  max-width: 50%; }
  @media (max-width: 599px) {
    .special-image.-xl7-shapes {
      position: relative;
      margin-bottom: 1.5rem;
      margin-right: auto;
      margin-left: auto; } }

.special-image.-xl7-hygenic-material {
  margin-right: auto;
  margin-left: auto;
  max-width: 704px; }
  @media (min-width: 600px) {
    .special-image.-xl7-hygenic-material {
      position: absolute;
      width: 62%;
      top: 50%;
      right: -10%;
      transform: translateY(-35%); } }

.special-image.-xl7-hygenic-clean {
  margin-right: auto;
  margin-left: auto;
  max-width: 584px; }
  @media (min-width: 600px) {
    .special-image.-xl7-hygenic-clean {
      position: absolute;
      width: 52%;
      bottom: 0;
      right: 0; } }

.special-image.-xl7-hygenic-process {
  margin-right: auto;
  margin-left: auto;
  max-width: 372px; }
  @media (min-width: 600px) {
    .special-image.-xl7-hygenic-process {
      position: absolute;
      width: 52%;
      bottom: 0;
      left: 25%;
      transform: translateX(-50%); } }

.special-image.-xl7-certified {
  margin-right: auto;
  margin-left: auto;
  max-width: 674px; }
  @media (min-width: 600px) {
    .special-image.-xl7-certified {
      position: absolute;
      width: 65%;
      top: 50%;
      left: -12%;
      transform: translateY(-50%); } }

.special-image.-xl7-long-reach {
  display: none; }
  @media (min-width: 600px) {
    .special-image.-xl7-long-reach {
      display: block;
      width: 160px;
      position: absolute;
      left: 15%;
      top: 0;
      transform: translate(-50%, -50%); } }
  @media (min-width: 800px) {
    .special-image.-xl7-long-reach {
      width: 226px; } }

.special-image.-govisc-dip {
  margin-right: auto;
  margin-left: auto;
  max-width: 722px; }
  .special-image.-govisc-dip.-hygenic {
    max-width: 664px; }
  @media (min-width: 600px) {
    .special-image.-govisc-dip {
      display: block;
      width: 70%;
      position: absolute;
      right: -20%;
      bottom: -30%; } }

.special-image.-govisc-hygenic-construction {
  display: none; }
  @media (min-width: 600px) {
    .special-image.-govisc-hygenic-construction {
      display: block;
      max-width: 158px;
      position: absolute;
      bottom: 0;
      left: 28%;
      transform: translateX(-50%); } }

.special-image.-reactavisc-vessel {
  margin-right: auto;
  margin-left: auto;
  max-width: 760px;
  position: relative; }
  @media (min-width: 600px) {
    .special-image.-reactavisc-vessel {
      position: absolute;
      left: -15%;
      width: 65%;
      bottom: 0; } }

.special-image.-reactavisc-certainty {
  margin-right: auto;
  margin-left: auto;
  max-width: 151px; }
  @media (min-width: 600px) {
    .special-image.-reactavisc-certainty {
      position: absolute;
      right: 25%;
      bottom: 0;
      transform: translateX(50%);
      width: 15%; } }

.special-image.-reactavisc-certified {
  margin-right: auto;
  margin-left: auto;
  max-width: 423px; }
  @media (min-width: 600px) {
    .special-image.-reactavisc-certified {
      position: absolute;
      width: 65%;
      bottom: 0;
      left: 25%;
      transform: translateX(-50%); } }

.special-image.-reactavisc-hygenic-material {
  margin-right: auto;
  margin-left: auto;
  max-width: 602px; }
  @media (min-width: 600px) {
    .special-image.-reactavisc-hygenic-material {
      display: block;
      width: 62%;
      position: absolute;
      right: -12%;
      bottom: -30%; } }

.special-image.-reactavisc-hygenic-construction {
  display: none; }
  @media (min-width: 600px) {
    .special-image.-reactavisc-hygenic-construction {
      display: block;
      width: 75%;
      max-width: 864px;
      position: absolute;
      bottom: -10%;
      left: -18%; } }

.special-image.-viscojet-vital {
  margin-right: auto;
  margin-left: auto;
  max-width: 365px;
  margin-bottom: 2rem; }
  @media (min-width: 600px) {
    .special-image.-viscojet-vital {
      width: 33%;
      position: absolute;
      margin-bottom: 0;
      right: 25%;
      top: 0;
      transform: translateX(50%);
      z-index: 4; } }

.special-image.-viscolite-image-grid-section {
  background-color: #eee;
  padding-bottom: 2rem; }
  @media (min-width: 600px) {
    .special-image.-viscolite-image-grid-section {
      height: 0;
      padding: 18% 0;
      background-color: transparent; }
      .special-image.-viscolite-image-grid-section:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: #eee; }
      .special-image.-viscolite-image-grid-section .image-grid {
        transform: translateY(-50%); } }
  @media (min-width: 1170px) {
    .special-image.-viscolite-image-grid-section {
      padding: 210px 0; } }

.special-image.-viscolite-hygenic-material {
  margin-right: auto;
  margin-left: auto;
  max-width: 449px; }
  @media (min-width: 600px) {
    .special-image.-viscolite-hygenic-material {
      display: block;
      width: 46%;
      position: absolute;
      right: 0;
      top: -30%; } }

.special-image.-viscolite-hygenic-construction {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 893px; }
  @media (min-width: 600px) {
    .special-image.-viscolite-hygenic-construction {
      width: 76%;
      max-width: 893px;
      position: absolute;
      bottom: 0;
      left: -26%; } }

.special-image.-xl7ht-thermometer {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  max-width: 183px;
  display: none; }
  @media (min-width: 600px) {
    .special-image.-xl7ht-thermometer {
      display: block; } }

@media (min-width: 600px) {
  .special-image.-xl7ht-cool {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 43%;
    max-width: 793px; } }

@media (min-width: 600px) {
  .special-image.-xl7ht-designed {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 43%;
    max-width: 740px; } }

.special-image.-xl7ht-high {
  position: absolute;
  right: 25%;
  transform: translateX(50%);
  bottom: 0;
  width: 25%;
  max-width: 349px;
  display: none; }
  @media (min-width: 600px) {
    .special-image.-xl7ht-high {
      display: block; } }

.quadfactor {
  border-top: 1px solid #fff;
  padding-top: 1%; }
  .quadfactor:after {
    content: '';
    display: table;
    clear: both; }

.quadfactor__item {
  position: relative;
  display: block;
  float: left;
  width: 49.5%;
  margin-top: 0; }
  .quadfactor__item:nth-child(1), .quadfactor__item:nth-child(2) {
    margin-bottom: 1%; }
  .quadfactor__item:nth-child(2n+2) {
    margin-left: 1%; }
  @media (min-width: 1050px) {
    .quadfactor__item {
      width: 24.25%;
      margin-left: 1%; }
      .quadfactor__item:first-child {
        margin-left: 0; }
      .quadfactor__item:nth-child(1), .quadfactor__item:nth-child(2) {
        margin-bottom: 0; } }

.quadfactor__media .expose_media_player {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 62.6%; }
  .quadfactor__media .expose_media_player object,
  .quadfactor__media .expose_media_player video,
  .quadfactor__media .expose_media_player embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.quadfactor__text {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  padding: 0 20px;
  z-index: 98;
  font-family: 'SuiGeneris';
  text-align: center;
  font-size: 0.83333rem;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  transition: opacity 0.3s; }
  @media (min-width: 1200px) {
    .quadfactor__text {
      font-size: 1rem; } }
  .quadfactor__text.-hidden {
    opacity: 0; }

.quadfactor__video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
  width: 80px;
  height: 80px;
  transition: opacity 0.3s; }
  @media (min-width: 550px) {
    .quadfactor__video-btn {
      top: 40%;
      width: 40px;
      height: 40px; } }
  @media (min-width: 900px) {
    .quadfactor__video-btn {
      width: 80px;
      height: 80px; } }
  @media (min-width: 1700px) {
    .quadfactor__video-btn {
      width: 130px;
      height: 130px; } }
  .quadfactor__video-btn:after {
    height: 0;
    width: 0;
    border-top: 12.5px solid transparent;
    border-bottom: 12.5px solid transparent;
    border-left: 23px solid #fff;
    content: '';
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -50%); }
    @media (min-width: 550px) {
      .quadfactor__video-btn:after {
        height: 0;
        width: 0;
        border-top: 7.5px solid transparent;
        border-bottom: 7.5px solid transparent;
        border-left: 14px solid #fff; } }
    @media (min-width: 900px) {
      .quadfactor__video-btn:after {
        height: 0;
        width: 0;
        border-top: 12.5px solid transparent;
        border-bottom: 12.5px solid transparent;
        border-left: 23px solid #fff; } }
    @media (min-width: 1200px) {
      .quadfactor__video-btn:after {
        height: 0;
        width: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 36px solid #fff; } }
  .quadfactor__video-btn:hover {
    opacity: .7; }
  .quadfactor__video-btn.-hidden {
    opacity: 0; }

.quadfactor__toggle {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 999999;
  font-weight: 700; }
  .quadfactor__toggle.-reset {
    right: auto;
    left: 5px; }

.hero-slider {
  background-color: #000;
  overflow: hidden;
  margin-top: 45px; }
  .hero-slider.-admin {
    margin-top: 0;
    height: 500px; }
    .hero-slider.-admin video {
      width: 100%;
      height: 500px; }
  @media (min-width: 600px) {
    .hero-slider {
      margin-top: 60px; } }
  @media (min-width: 1040px) {
    .hero-slider {
      margin-top: 68px; } }
  @media (min-width: 1340px) {
    .hero-slider {
      margin-top: 80px; } }
  .hero-slider.-no-margin {
    margin-top: 0; }

.hero-slider__wrapper {
  position: relative;
  height: 0;
  padding-bottom: 38.2262997%;
  transition: height 0.6s ease-in-out; }
  @media (min-width: 1308px) {
    .hero-slider__wrapper {
      height: 500px;
      padding-bottom: 0; } }

.js-is-video,
.js-video-click {
  transition: height 0.6s ease-in-out, opacity 2.4s; }

.hero-slider__items {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.hero-slider__item {
  margin-right: auto;
  margin-left: auto;
  display: none;
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
  .hero-slider__item.-current, .hero-slider__item.-prev, .hero-slider__item.-next {
    transition: opacity 2.4s;
    display: block; }
  .hero-slider__item.-current {
    opacity: 1;
    z-index: 5; }
    .hero-slider__item.-current .hero-slider__text {
      opacity: 1; }
  .hero-slider__item.-prev {
    z-index: 3; }
  .hero-slider__item.-next {
    z-index: 4; }

.hero-slider__content {
  margin-right: auto;
  margin-left: auto;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  transition: height 0.6s ease-in-out, opacity 2.4s, max-width 0.6s;
  width: 100%;
  height: 100%;
  max-width: 1308px;
  padding-bottom: 38.2262997%;
  /* @include breakpoint(550px) {
                        height: 320px;

                    }

                    @include breakpoint($bp-desktop-start) {
                        height: 500px;
                    } */ }
  @media (min-width: 1308px) {
    .hero-slider__content {
      height: 500px;
      padding-bottom: 0; } }
  .hero-slider__content iframe:not(.expose-admin__edit-image-iframe) {
    height: inherit;
    width: 100%;
    transition: height 0.6s ease-in-out, opacity 2.4s;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0; }
    .hero-slider__content iframe:not(.expose-admin__edit-image-iframe).-js-css-positioning {
      transform: translate(-50%, -50%); }
    @media (min-width: 1308px) {
      .hero-slider__content iframe:not(.expose-admin__edit-image-iframe) {
        height: 500px;
        padding-bottom: 0; } }
    .hero-slider__content iframe:not(.expose-admin__edit-image-iframe) * {
      transition: height 0.6s ease-in-out, opacity 2.4s; }
    .hero-slider__content iframe:not(.expose-admin__edit-image-iframe).-js-show {
      opacity: 1; }

.hero-slider__video-click {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  color: #fff;
  font-weight: bold;
  font-size: 2.22222rem; }
  .hero-slider__video-click:hover {
    cursor: pointer; }
  .hero-slider__video-click.-is-open {
    top: 0;
    right: 7%;
    left: auto;
    height: 80px;
    width: 68px;
    padding: 14px;
    z-index: 20; }
    .hero-slider__video-click.-is-open .hero-slider__video-close {
      display: block; }
  .hero-slider__video-click .hero-slider__video-close {
    display: none; }

.hero-slider__text {
  position: absolute;
  padding: 20px; }
  @media (min-width: 1300px) {
    .hero-slider__text {
      padding: 0; } }
  .hero-slider__text.-left {
    text-align: left;
    left: 0; }
  .hero-slider__text.-right {
    text-align: right;
    right: 0; }
  .hero-slider__text.-top {
    top: 0; }
  .hero-slider__text.-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .hero-slider__text.-bottom {
    bottom: 0; }

.hero-slider__title {
  color: #fff;
  font-size: 1.11111rem;
  margin-bottom: 0; }
  @media (min-width: 600px) {
    .hero-slider__title {
      font-size: 1.66667rem; } }
  @media (min-width: 800px) {
    .hero-slider__title {
      font-size: 2.22222rem; } }
  @media (min-width: 1000px) {
    .hero-slider__title {
      font-size: 2.77778rem; } }
  @media (min-width: 1200px) {
    .hero-slider__title {
      font-size: 3.33333rem; } }
  .hero-slider__title i,
  .hero-slider__title em {
    font-family: 'SuiGeneris';
    font-style: normal;
    font-weight: 400;
    font-size: 0.77778rem;
    color: #a9a9a9;
    display: block;
    line-height: 1.2; }
    @media (min-width: 600px) {
      .hero-slider__title i,
      .hero-slider__title em {
        font-size: 1.11111rem; } }
    @media (min-width: 800px) {
      .hero-slider__title i,
      .hero-slider__title em {
        font-size: 1.66667rem; } }
    @media (min-width: 1000px) {
      .hero-slider__title i,
      .hero-slider__title em {
        font-size: 2.22222rem; } }
    @media (min-width: 1200px) {
      .hero-slider__title i,
      .hero-slider__title em {
        font-size: 2.77778rem; } }

.hero-slider__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  display: none;
  width: 60px;
  height: 120px;
  transition: transform 0.15s; }
  @media (min-width: 1040px) {
    .hero-slider__nav {
      display: block; } }
  .hero-slider__nav:before {
    content: '';
    display: block;
    opacity: .5; }
  .hero-slider__nav svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 18px; }
  .hero-slider__nav.-prev {
    left: -10px; }
    .hero-slider__nav.-prev:before {
      height: 0;
      width: 0;
      border-top: 60px solid transparent;
      border-bottom: 60px solid transparent;
      border-left: 60px solid #00a6ec; }
    .hero-slider__nav.-prev svg {
      left: 24px; }
    .hero-slider__nav.-prev:hover {
      transform: translateX(10px) translateY(-50%); }
  .hero-slider__nav.-next {
    right: -10px; }
    .hero-slider__nav.-next:before {
      height: 0;
      width: 0;
      border-top: 60px solid transparent;
      border-bottom: 60px solid transparent;
      border-right: 60px solid #00a6ec; }
    .hero-slider__nav.-next svg {
      right: 24px; }
    .hero-slider__nav.-next:hover {
      transform: translateX(-10px) translateY(-50%); }

.hero-slider__list {
  margin-bottom: 0;
  margin-left: 0; }
  .hero-slider__list > li {
    list-style: none; }

.hero-slider__admin-image {
  display: none; }
  .hero-slider__admin-image.-is-visible {
    display: block; }
    .hero-slider__admin-image.-is-visible object, .hero-slider__admin-image.-is-visible video {
      width: 100%;
      height: 500px; }
  .hero-slider__admin-image .editable-video div {
    width: 1308px !important;
    height: 500px !important; }
    .hero-slider__admin-image .editable-video div object {
      width: inherit;
      height: inherit; }

.hero-slider__thumbnail {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1 !important;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 2.4s, height 1.2s, width 1.2s, max-width 0.6s;
  background-size: 100%;
  background-position: center center; }
  .hero-slider__thumbnail.-js-hide {
    opacity: 0;
    z-index: -1 !important; }

.hero-slider__admin-thumbnail {
  display: none;
  position: relative;
  width: 100%;
  position: absolute;
  top: 0; }
  .hero-slider__admin-thumbnail.-js-show {
    display: block;
    z-index: 99999; }

.hero-slider__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); }

.hero-slider__admin-options {
  color: #fff;
  line-height: 1.4;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block; }
  .hero-slider__admin-options p {
    margin-bottom: 0; }

.stats__table {
  display: table;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity .5s; }
  .stats__table.-show {
    opacity: 1; }

.stats__item {
  border-top: 2px solid rgba(204, 204, 204, 0.3);
  padding-top: 20px;
  margin-top: 20px; }
  .stats__item:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0; }
  @media (min-width: 600px) {
    .stats__item {
      display: table-cell;
      vertical-align: top;
      width: 33.333333333%;
      border-left: 2px solid rgba(204, 204, 204, 0.3);
      border-top: 0;
      padding-top: 0;
      margin-top: 0; }
      .stats__item:first-child {
        border-left: 0; } }

.stats__content {
  display: inline-block;
  text-align: left;
  line-height: 1; }

.stats__values {
  display: table;
  width: 100%;
  margin-bottom: 20px; }

.stats__column {
  display: table-cell;
  vertical-align: top;
  font-size: 50px; }
  .stats__column.-right {
    padding-left: 10px; }
    @media (min-width: 900px) {
      .stats__column.-right {
        padding-left: 20px; } }
  @media (min-width: 600px) {
    .stats__column {
      font-size: 30px; } }
  @media (min-width: 700px) {
    .stats__column {
      font-size: 35px; } }
  @media (min-width: 800px) {
    .stats__column {
      font-size: 40px; } }
  @media (min-width: 850px) {
    .stats__column {
      font-size: 45px; } }
  @media (min-width: 900px) {
    .stats__column {
      font-size: 50px; } }

.stats__primary-unit {
  font-family: 'SuiGeneris';
  font-size: 0.77778rem;
  font-weight: 700;
  color: #00a6ec;
  margin-bottom: 13px;
  text-transform: uppercase; }
  @media (min-width: 600px) {
    .stats__primary-unit {
      font-size: 0.72222rem;
      margin-bottom: 4px; } }
  @media (min-width: 800px) {
    .stats__primary-unit {
      font-size: 0.88889rem;
      margin-bottom: 5px; } }
  @media (min-width: 900px) {
    .stats__primary-unit {
      font-size: 1.33333rem;
      margin-bottom: 1px; } }

.stats__secondary-value {
  font-size: 0.66667rem;
  color: #9b9ea0; }
  @media (min-width: 600px) {
    .stats__secondary-value {
      font-size: 0.61111rem; } }
  @media (min-width: 900px) {
    .stats__secondary-value {
      font-size: 0.83333rem; } }

.stats__category {
  text-transform: uppercase;
  color: #9b9ea0; }

.circles {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2rem;
  width: 380px; }
  .circles > li {
    list-style: none; }

.circles__item {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 10px; }
  .circles__item img {
    border-radius: 100%;
    overflow: hidden;
    border: 10px solid #eceff0; }

/*
    Turns out the PSD named 'datasheet.psd' isn't actually for datasheets
*/
/* .data-sheets {
    @include cf;
    @extend %z--medium;
    position: relative;
}

    .data-sheet {
        padding: 10px;
        float: left;
        width: 100%;

        @include breakpoint(700px) {
            width: 50%;            
        }

        &:first-child {
            .data-sheet__header {
                background-color: $blue;
            }
        }
    }

        .data-sheet__header {
            background-color: $mirage;
            display: table;
            width: 100%;
            height: 90px;
        }

            .data-sheet__title {
                display: table-cell;
                vertical-align: middle;
                font-size: rem(16px);
                font-weight: 700;
                color: #fff;
                padding: 5px 20px;

                @include breakpoint(400px) {
                    padding: 5px 40px;
                }

                @include breakpoint(700px) {
                    font-size: rem(18px);
                }
            }

        .data-sheet__content {
            background-color: #fff;
            padding: 20px;

            @include breakpoint(400px) {
                padding: 40px;
            }
        } */
.data-sheets-uploads ul {
  margin-bottom: 0;
  margin-left: 0; }
  .data-sheets-uploads ul > li {
    list-style: none; }

.data-sheets-uploads .delete-file {
  display: inline-block;
  margin-left: 10px;
  color: #f00; }

.product-grid-hero {
  background-position: 50% 50%;
  background-size: cover; }

.product-grid-hero__title {
  color: #fff;
  margin-bottom: 0; }

.product-grid {
  text-align: left; }
  .product-grid .container {
    max-width: 1400px; }
  .product-grid.-industry {
    text-align: center; }

.product-grid__reorder {
  margin-bottom: 0;
  margin-left: 0; }
  .product-grid__reorder > li {
    list-style: none; }

.product-grid__item {
  display: inline-block;
  vertical-align: top;
  padding: 11px;
  width: 100%; }
  @media (min-width: 400px) {
    .product-grid__item {
      width: 50%; } }
  @media (min-width: 600px) {
    .product-grid__item {
      width: 33.333333333%; } }
  @media (min-width: 800px) {
    .product-grid__item {
      width: 25%; } }
  @media (min-width: 1000px) {
    .product-grid__item {
      width: 20%; } }
  @media (min-width: 1200px) {
    .product-grid__item {
      width: 16.666666667%; } }

.product-grid__inner {
  border: 1px solid #eee;
  display: block; }

.product-grid__text {
  background-color: #eee;
  text-align: center;
  padding: 15px 10px; }

.product-grid__title {
  font-weight: 700;
  color: #101a24;
  margin-bottom: 5px;
  font-size: 0.77778rem; }
  @media (min-width: 800px) {
    .product-grid__title {
      font-size: 0.88889rem; } }
  @media (min-width: 1000px) {
    .product-grid__title {
      font-size: 1rem; } }
  @media (min-width: 1200px) {
    .product-grid__title {
      font-size: 1.11111rem; } }

.product-grid__subtitle {
  color: #a8acaf;
  margin-bottom: 0;
  font-size: 0.77778rem; }
  @media (min-width: 650px) {
    .product-grid__subtitle {
      font-size: 0.88889rem; } }
  @media (min-width: 980px) {
    .product-grid__subtitle {
      font-size: 0.94444rem; } }

.product-elements {
  margin-bottom: 0;
  margin-left: 0; }
  .product-elements > li {
    list-style: none; }

.product-element__delete {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px; }

@media (min-width: 460px) {
  .product__tri-image {
    width: 33.333333333%;
    float: left; } }

.product-element__video {
  margin-right: auto;
  margin-left: auto; }
  .product-element__video.-full {
    max-width: 960px; }
  .product-element__video .expose_media_player {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.3%; }
    .product-element__video .expose_media_player object,
    .product-element__video .expose_media_player object video,
    .product-element__video .expose_media_player object embed {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }

.contact-links {
  margin-bottom: 0;
  margin-left: 0; }
  .contact-links > li {
    list-style: none; }

.contact-links__item {
  display: block; }
  .contact-links__item:first-child {
    margin-bottom: 10px; }

.contact-links__link {
  display: inline-block;
  color: #101a24;
  text-transform: uppercase; }
  .contact-links__link.-link:hover {
    color: #00a6ec; }
  .contact-links__link:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    transform: translateY(-2px); }
  .contact-links__link.-email:before {
    width: 20px;
    height: 20px; }
  .contact-links__link.-phone:before {
    width: 14px;
    height: 20px; }
  .contact-links__link.-fax:before {
    margin-right: 16px;
    width: 22px;
    height: 20px; }

.contact-form label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
  color: #101a24;
  transition: top 0.3s, font-size 0.3s, padding 0.3s; }

.contact-form .input {
  position: relative;
  margin-bottom: 40px; }
  .contact-form .input > input,
  .contact-form .input > textarea {
    display: block;
    width: 100%;
    background-color: transparent;
    background-position: 20px 50%;
    border-radius: 0;
    transition: border 0.3s, background-color 0.3s; }
    .contact-form .input > input:focus,
    .contact-form .input > textarea:focus {
      outline: 0; }
    .contact-form .input > input.icon-person, .contact-form .input > input.icon-phone,
    .contact-form .input > textarea.icon-person,
    .contact-form .input > textarea.icon-phone {
      background-size: 14px 18px; }
    .contact-form .input > input.icon-town, .contact-form .input > input.icon-email, .contact-form .input > input.icon-telephone, .contact-form .input > input.icon-cog, .contact-form .input > input.icon-globe, .contact-form .input > input.icon-spanner,
    .contact-form .input > textarea.icon-town,
    .contact-form .input > textarea.icon-email,
    .contact-form .input > textarea.icon-telephone,
    .contact-form .input > textarea.icon-cog,
    .contact-form .input > textarea.icon-globe,
    .contact-form .input > textarea.icon-spanner {
      background-size: 18px 18px; }
  .contact-form .input > input {
    height: 65px;
    padding: 10px 20px 10px 60px;
    border: 0;
    border-bottom: 1px solid #101a24; }
  .contact-form .input > textarea {
    padding: 10px 20px;
    resize: vertical;
    border: 1px solid #101a24; }
  .contact-form .input .selectize-input {
    background-color: transparent;
    border: 0;
    border-bottom: solid 1px #0f1a24;
    box-shadow: none;
    border-radius: 0;
    padding-top: 21px;
    padding-right: 21px;
    padding-bottom: 21px;
    padding-left: 21px; }
    .contact-form .input .selectize-input.has-items {
      background-color: #fff;
      border-bottom: 0; }
    .contact-form .input .selectize-input > input {
      font-size: 1rem; }
      .contact-form .input .selectize-input > input:-ms-input-placeholder {
        color: #101a24; }
      .contact-form .input .selectize-input > input::placeholder {
        color: #101a24; }
    .contact-form .input .selectize-input .item {
      font-size: 1rem; }
  .contact-form .input .selectize-dropdown {
    background-color: #f9f9f9;
    box-shadow: none;
    border-radius: 0;
    border: 0; }
    .contact-form .input .selectize-dropdown [data-selectable],
    .contact-form .input .selectize-dropdown .optgroup-header {
      padding: 15px 8px; }
    .contact-form .input .selectize-dropdown .active {
      background-color: #fff; }
  .contact-form .input .selectize-dropdown-content {
    border-bottom: solid 1px #0f1a24; }
  .contact-form .input.error > textarea {
    border-color: #f00; }
  .contact-form .input.error > input,
  .contact-form .input.error .selectize-input,
  .contact-form .input.error .selectize-dropdown-content {
    border-bottom-color: #f00; }
  .contact-form .input.-hide {
    display: none; }
  .contact-form .input.-is-active label {
    top: -40px;
    font-size: 0.88889rem;
    padding: 0 20px; }
  .contact-form .input.-is-active input,
  .contact-form .input.-is-active textarea {
    border-color: transparent;
    background-color: #fff; }
  .contact-form .input.-right {
    float: right;
    clear: none; }

.contact-form .required label:after {
  content: ' *';
  color: #00a6ec; }

.contact-form .text label {
  padding: 15px 20px 15px 60px; }

@media (min-width: 700px) {
  .contact-form .textarea.-message {
    margin-top: 2rem; } }

.contact-form .textarea.-flush-top {
  margin-top: 0; }

.contact-form .textarea label {
  padding: 15px 20px; }

.contact-form .select label {
  position: relative; }

.contact-form .file input {
  position: absolute;
  left: -9999px; }

.contact-form .checkbox-multi label {
  position: relative; }

.contact-form .checkbox-multi .checkbox input,
.contact-form .checkbox-multi .checkbox label {
  display: inline-block;
  vertical-align: middle;
  width: auto; }

.contact-form .checkbox-multi .checkbox label {
  padding-left: 20px; }

.contact-form .error-message {
  color: #f00; }

.contact-form__cols:after {
  content: '';
  display: table;
  clear: both; }

@media (min-width: 700px) {
  .contact-form__cols .input {
    float: left;
    width: 48%; }
    .contact-form__cols .input:nth-child(even) {
      margin-right: 4%;
      clear: left; } }

@media (min-width: 700px) {
  .contact-form__row {
    float: left;
    width: 100%; } }

@media (min-width: 700px) {
  .contact-form__row .input {
    float: left;
    width: 48%; }
    .contact-form__row .input:nth-child(odd) {
      margin-right: 4%; }
    .contact-form__row .input:nth-child(even) {
      margin-right: 0;
      clear: none; } }

@media (min-width: 700px) {
  .contact__model-section {
    float: left;
    width: 48%; } }

.contact__model-section .input {
  width: 100%; }
  .contact__model-section .input:nth-child(even) {
    margin-right: 0; }

.applications h2 {
  font-size: 0.77778rem; }
  @media (min-width: 600px) {
    .applications h2 {
      font-size: 0.94444rem; } }
  @media (min-width: 900px) {
    .applications h2 {
      font-size: 1.94444rem; } }

.application-form {
  font-size: 0.77778rem;
  color: #000; }
  .application-form .input {
    float: left;
    width: 50%;
    padding: 10px 20px; }
    .application-form .input:nth-child(2n+1) {
      clear: left; }
      .application-form .input:nth-child(2n+1).-no-clear {
        clear: none; }
    .application-form .input label {
      line-height: 1; }
    .application-form .input.-full-width {
      width: 100%; }
    .application-form .input.-width-100px {
      width: 100px; }
    .application-form .input.-width-33 {
      width: 33.333333333%; }
    .application-form .input.-width-66 {
      width: 66.666666667%; }
  .application-form .text label,
  .application-form .textarea label,
  .application-form .select label {
    display: block;
    margin-bottom: 5px; }
  .application-form .text input,
  .application-form .text textarea,
  .application-form .textarea input,
  .application-form .textarea textarea,
  .application-form .select input,
  .application-form .select textarea {
    display: block;
    width: 100%;
    border: 1px solid #287eae;
    padding: 5px 10px;
    font-family: Helvetica, Arial, sans-serif; }
    .application-form .text input:focus,
    .application-form .text textarea:focus,
    .application-form .textarea input:focus,
    .application-form .textarea textarea:focus,
    .application-form .select input:focus,
    .application-form .select textarea:focus {
      background-color: #eee; }
  .application-form .select.-no-padding {
    width: 100%;
    float: none;
    padding: 0;
    text-align: center; }
  .application-form .checkbox {
    padding-top: 25px;
    padding-bottom: 15px; }
    .application-form .checkbox label {
      padding-left: 5px; }
  .application-form .radio fieldset {
    border: 0;
    margin-bottom: 0; }
  .application-form .radio label {
    padding-left: 5px;
    margin-right: 20px; }
  .application-form .submit input {
    padding: 10px 20px; }
  .application-form .required label:after {
    content: '*'; }
  .application-form .error-message {
    color: #f00; }

.application-form__title {
  color: #000;
  margin-bottom: 10px; }

.application-form__warning {
  color: #f00;
  margin-bottom: 10px;
  font-weight: 700; }

.application-form__box {
  background-color: #a6dcfa;
  padding: 10px 0;
  margin-bottom: 2rem; }

.application-form__table {
  width: 100%;
  text-align: center;
  color: #000; }
  .application-form__table td {
    padding: 5px; }
    .application-form__table td:first-child {
      text-align: left;
      padding-left: 20px; }
    .application-form__table td.-mini {
      line-height: 10px;
      padding: 0; }
  .application-form__table input {
    width: 55px;
    border: 1px solid #287eae;
    font-family: Helvetica, Arial, sans-serif; }
    .application-form__table input:focus {
      background-color: #eee; }
  .application-form__table.-wider input {
    width: 130px; }

.application-form__subnote {
  margin-top: -10px;
  font-size: 0.66667rem; }

.application-form__footnote {
  margin-top: -20px;
  margin-bottom: 2rem; }

.application-form__full-width-section {
  float: left;
  width: 100%;
  padding: 10px 20px 0;
  margin-bottom: -20px; }

.application-form__full-width-label {
  float: left;
  width: 100%;
  padding: 10px 20px 0;
  margin-bottom: -20px; }

.hazardous-area-fields {
  margin-bottom: 40px; }

.hazardous-area-fields__field label {
  min-width: 160px;
  display: inline-block; }

.hazardous-area-fields__section {
  background-color: #fff;
  padding: 10px; }
  .hazardous-area-fields__section h3 {
    margin-bottom: 10px; }

.locale-menu {
  width: 130px;
  height: 40px;
  float: right;
  position: relative;
  top: -6px; }
  @media (max-width: 767px) {
    .locale-menu {
      height: 53px; } }
  @media (max-width: 380px) {
    .locale-menu {
      width: 108px; } }

.locale-menu__selected-locale,
.locale-menu__list-heading,
.locale-menu__list-link {
  font-size: 0.61111rem; }

.locale-menu__selected-locale,
.locale-menu__list-heading {
  color: #101a24;
  padding-left: 18px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.locale-menu__selected-locale {
  width: 128px;
  height: 40px;
  border-top: 0;
  border: solid 2px #eeeeee;
  padding-top: 0;
  padding-bottom: 0;
  float: right;
  text-align: left;
  cursor: pointer;
  display: block;
  position: relative;
  text-transform: uppercase;
  background-color: transparent; }
  .locale-menu__selected-locale:hover {
    background-color: #fff; }
  .locale-menu__selected-locale:focus {
    outline: none; }
  @media (max-width: 767px) {
    .locale-menu__selected-locale {
      height: 53px;
      text-align: left; } }
  @media (max-width: 380px) {
    .locale-menu__selected-locale {
      width: 108px; } }

@media (max-width: 380px) {
  .locale-menu__selected-locale--eni {
    width: 128px; } }

.locale-menu__selected-locale-word {
  display: inline; }
  .locale-menu__selected-locale-word.-abbrev {
    display: none; }
    @media (max-width: 380px) {
      .locale-menu__selected-locale-word.-abbrev {
        display: inline; } }
  @media (max-width: 380px) {
    .locale-menu__selected-locale-word {
      display: none; } }

.locale-menu__list {
  margin-bottom: 0;
  margin-left: 0;
  width: 128px;
  display: none;
  position: absolute;
  top: -83px;
  right: 0;
  border-top: solid 3px #00a6ec;
  border-right: solid 1px #f1f1f4;
  border-left: solid 1px #f1f1f4; }
  .locale-menu__list > li {
    list-style: none; }
  @media (max-width: 767px) {
    .locale-menu__list {
      top: 53px; } }
  .locale-menu__list.-open-locale {
    display: block; }

.locale-menu__list-heading,
.locale-menu__list-item {
  width: 126px;
  height: 41px;
  border-bottom: solid 1px #f1f1f4; }

.locale-menu__list-heading,
.locale-menu__list-link {
  padding-top: 12px;
  padding-right: 18px; }

.locale-menu__list-heading {
  background-color: #fff; }

.locale-menu__list-item {
  background-color: #fff; }

.locale-menu__list-link {
  width: 126px;
  height: 40px;
  display: block;
  color: #101a24;
  position: relative; }
  .locale-menu__list-link:hover {
    color: #00a6ec;
    background-color: rgba(255, 255, 255, 0.6);
    text-decoration: none; }

.locale-menu__flag {
  padding-left: 38px; }
  .locale-menu__flag::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    left: 12px;
    background-image: url("../img/flags.png");
    background-size: 15px auto;
    background-repeat: no-repeat;
    opacity: .3; }
  .locale-menu__flag:hover::before {
    opacity: 1; }

.locale-menu__flag--en::before {
  background-position: 0 0; }

.locale-menu__flag--fr::before {
  background-position: 0 -15px; }

.locale-menu__flag--de::before {
  background-position: 0 -30px; }

.locale-menu__flag--it::before {
  background-position: 0 -45px; }

.locale-menu__flag--es::before {
  background-position: 0 -60px; }

.locale-menu__list-link--selected::before {
  opacity: 1; }

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