/* ==========================================================================
   Settings
   ========================================================================== */

/* ==========================================================================
   Fonts
   ========================================================================== */

/* Font sizes */

/* Font families */

/* Font weights */

/* Quotes */

/* ==========================================================================
   Breakpoints
   ========================================================================== */

/*
 * Breakpoint naming convention
 *
 * screen-xs
 * screen-sm
 * screen-md
 * screen-lg
 * screen-xl
 *
 * Then append with `-min` or `-max` depending on the query
 */

/* Min-width */

/* Max-width */

/* Queries */

/* ==========================================================================
   Colours
   ========================================================================== */

/*
 * Colour naming convention
 *
 * colour-grey-x-light
 * colour-grey-light
 * colour-grey-mid-light
 * colour-grey
 * colour-grey-mid-dark
 * colour-grey-dark
 * colour-grey-x-dark
 */

/* ==========================================================================
   Gradients
   ========================================================================== */

/* ==========================================================================
   Grid
   ========================================================================== */

/* ==========================================================================
   Base
   ========================================================================== */

/* Mobile nav width */

/* Offcanvas nav width */

/* Header shard width */

/* Border Radius */

/* Transitions */

/* ==========================================================================
   Tools
   ========================================================================== */

/* ==========================================================================
   Mixins
   ========================================================================== */

/*
   Clearfix
   ========================================================================== */

/*
   Pretty underlines 😍
   ========================================================================== */

/* Read more at: https://eager.io/blog/smarter-link-underlines */

/* stylelint-disable */

/* stylelint-enable */

/*
   Image overlay
   ========================================================================== */

/*
   Align centre
   ========================================================================== */

/*
   Flex
   ========================================================================== */

/*
   Centre layout responsive
   ========================================================================== */

/*
   Separating border
   ========================================================================== */

/*
   Object fit polyfill
   ========================================================================== */

/*
   Object fit parent
   ========================================================================== */

/*
   Object fit image
   ========================================================================== */

/*
   FOUT fix
   ========================================================================== */

/*
   Hide content
   ========================================================================== */

/*
   Font smoothing
   ========================================================================== */

/*
    No list style
   ========================================================================== */

/*
   Flex column
   ========================================================================== */

/*
   Center both
   ========================================================================== */

/*
   Consistent spacing
   ========================================================================== */

/**
 *
 * This mixin adds padding to an element using consistent base values to try
 * and normalize the spacing as the padding reduces towards mobile.
 *
 * Mind blown...
 */

/* ==========================================================================
   Generic
   ========================================================================== */

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio, canvas, progress, video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, [hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active, a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b, strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b, strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code, kbd, pre, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button, input, optgroup, select, textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button, input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button, select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"], [type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* ==========================================================================
   Reset
   ========================================================================== */

/* stylelint-disable */

* {
    box-sizing: border-box;
}

/* stylelint-enable */

html, body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}

figure {
    margin: 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

p, pre, label {
    margin-top: 0;
    margin-bottom: 24px;
}

strong, b {
    font-weight: 700;
}

ol, ul {
    list-style-position: outside;
    margin-top: 0;
    margin-bottom: 24px;
    padding-left: 20px;
}

hr {
    border: 0;
    border-top: 1px solid #777776;
    margin: 0 0 (24px * 2);
}

address {
    font-style: normal;
}

/* ==========================================================================
   Gravity Forms
   ========================================================================== */

/* Wrapper */

.gform_wrapper {
    padding: calc(24px * 2) calc(30px * 1.5);
    background: #FFFFFF;
    border-radius: 3px;
    box-shadow: 2px 0 50px 0 rgba(130, 130, 130, .2)
}

@media (max-width: 767px) {

  .gform_wrapper {
    padding: 24px 30px;
  }
    }

@media (min-width: 768px) {

  .gform_wrapper {
    margin: 0 0 calc(24px * 2);
  }
    }

@media (max-width: 767px) and (max-width: 659px) {

  .gform_wrapper {
    margin-top: calc((24px / 2) * 1.5);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .gform_wrapper {
    margin-top: calc(2.189vw * 1.5);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .gform_wrapper {
    margin-top: calc(24px * 1.5);
  }
}

/* Body */

/*@mixin border-top, grey 100%;*/

.gform_body ul {
  padding-left: 0;
}

/*
   Fields
   ========================================================================== */

.gform_fields {
    list-style: none;
    margin: 0;
}

.gfield {
    margin-bottom: 24px;
}

/*
   Inputs
   ========================================================================== */

.ginput_container_text, .ginput_container_email, .ginput_container_select, .ginput_full, .ginput_left, .ginput_right {
    max-width: 500px
}

@media (max-width: 767px) {

  .ginput_container_text, .ginput_container_email, .ginput_container_select, .ginput_full, .ginput_left, .ginput_right {
    max-width: 100%;
  }
    }

.ginput_container_phone {
    max-width: 240px
}

@media (max-width: 659px) {

  .ginput_container_phone {
    max-width: 100%;
  }
    }

.ginput_full, .ginput_left, .ginput_right {
    margin-bottom: calc(24px / 4);
}

.ginput_full label, .ginput_left label, .ginput_right label {
  width: 180px;
  text-align: right;
  margin-right: 30px;
  margin-bottom: 0
}

@media (min-width: 960px) {

  .ginput_full, .ginput_left, .ginput_right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
    }

@media (max-width: 959px) {

  .ginput_full label, .ginput_left label, .ginput_right label {
    display: block;
    text-align: left;
    margin-top: calc(24px / 2);
    margin-bottom: calc(24px / 4);
  }
        }

.ginput_container_fileupload input {
  background: none;
  padding-left: 0;
  border: none;
}

/*
   G Section
   ========================================================================== */

.gsection {
    margin: calc(-30px * 1.7) calc(-30px * 1.5) 24px;
    padding: calc(24px * 2) calc(30px * 1.5) 24px;
    overflow: hidden;
    position: relative;
}

.gsection .gsection_title {
  margin-bottom: 0;
  font-size: calc(24px + 12 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {

  .gsection .gsection_title {
    font-size: 36px;
  }
}

@media screen and (max-width: 420px) {

  .gsection .gsection_title {
    font-size: 24px;
  }
}

.gsection:after {
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 767px) {

  .gsection {
    margin-top: calc(-30px * 1.3);
  }
    }

/*
   Labels
   ========================================================================== */

.gfield_label {
    color: #01235a;
    font-size: calc(18px + 2 * ((100vw - 420px) / 860));
    font-weight: 700;
    display: block;
    margin-bottom: calc(24px / 2);
    cursor: pointer;
}

@media screen and (min-width: 1280px) {

  .gfield_label {
    font-size: 20px;
  }
}

@media screen and (max-width: 420px) {

  .gfield_label {
    font-size: 18px;
  }
}

/*
   Required
   ========================================================================== */

.gfield_required {
    color: #cc1c2d;
}

/*
   Validation
   ========================================================================== */

.validation_error {
    margin-bottom: 24px;
    padding: 24px 4.48%;
    color: #FFFFFF;
    background: #cc1c2d;
    border-radius: 3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.validation_message {
    display: block;
    margin-top: 4px;
    color: #cc1c2d;
}

.gfield_error .ginput_container {
    border-left: 4px solid #cc1c2d;
}

.gfield_error input, .gfield_error textarea, .gfield_error select {
  border-left: 0;
}

/*
   Confirmation
   ========================================================================== */

.gform_confirmation_message {
    background: #148E60;
    padding: 30px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: calc(3px * 2);
    font-size: calc(18px + 2 * ((100vw - 420px) / 860));
    box-shadow: 0 10px 50px 0 rgba(130, 130, 130, .3);
}

@media screen and (min-width: 1280px) {

  .gform_confirmation_message {
    font-size: 20px;
  }
}

@media screen and (max-width: 420px) {

  .gform_confirmation_message {
    font-size: 18px;
  }
}

@media (max-width: 659px) {

  .gform_confirmation_message {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .gform_confirmation_message {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .gform_confirmation_message {
    margin-bottom: calc(24px * 2);
  }
}

/*
   Honeypot
   ========================================================================== */

.gform_validation_container {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* ==========================================================================
   Elements
   ========================================================================== */

/* ==========================================================================
   Body
   ========================================================================== */

body {
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    font-size: calc(15px + 2 * ((100vw - 420px) / 860));
    line-height: 1.5;
    color: #151515;
    -webkit-font-smoothing: antialiased;
    background: url("../../assets/images/texture.png");
}

@media screen and (min-width: 1280px) {

  body {
    font-size: 17px;
  }
}

@media screen and (max-width: 420px) {

  body {
    font-size: 15px;
  }
}

/* ==========================================================================
   Headings
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01235a;
    margin-top: 0;
    margin-bottom: 24px;
}

h1 {
    font-weight: 800;
    line-height: 1.1;
}

h2 {
    font-weight: 700;
    font-size: 2.4em;
    line-height: 1.2
}

@media (max-width: 767px) {

  h2 {
    font-size: 1.9em;
  }
    }

h3 {
    font-weight: 700;
    font-size: 2.1em;
    line-height: 1.2
}

@media (max-width: 767px) {

  h3 {
    font-size: 1.6em;
  }
    }

h4 {
    font-weight: 700;
    font-size: 1.875em;
    line-height: 1.2
}

@media (max-width: 767px) {

  h4 {
    font-size: 1.65em;
  }
    }

h5 {
    font-weight: 700;
    font-size: 1.625em;
    line-height: 1.3
}

@media (max-width: 767px) {

  h5 {
    font-size: 1.4em;
  }
    }

h6 {
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.3
}

@media (max-width: 767px) {

  h6 {
    font-size: 1.2em;
  }
    }

p + h2, p + h3, p + h4, p + h5, p + h6, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {
    margin-top: calc(24px * 2);
}

/* ==========================================================================
   Form defaults
   ========================================================================== */

/*
   Inputs
   ========================================================================== */

input {
    width: 100%;
    height: 24px;
    font-size: inherit;
    color: #4D4E4C;
    background: no-repeat #fcfcfc;
    border: 1px solid #E5E3E5;
    border-radius: calc(3px / 2);
    box-shadow: none;
    transition: border .2s, cubic-bezier(.4, 0, .2, 1);
    /* stylelint-disable */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* stylelint-enable */
    line-height: 1;
}

@media (max-width: 767px) {

  input {
    padding: calc(((42px - 2px) - 24px) / 2) 12px;
    height: 42px;
  }
}

@media (min-width: 768px) {

  input {
    padding: calc(((50px - 2px) - 24px) / 2) 18px;
    height: 50px;
  }
}

input:focus {
  outline: 0;
  border-color: #01235a;
  background: #FFFFFF;
}

input:disabled {
  opacity: .6;
}

/* Radio/checkbox */

input[type="radio"], input[type="checkbox"] {
    margin-right: .4em;
    width: auto
}

input[type="radio"] + label, input[type="checkbox"] + label {
  display: inline-block;
  vertical-align: middle;
}

/*
   Textarea
   ========================================================================== */

textarea {
    display: block;
    resize: vertical;
    overflow: auto;
    min-height: 100px;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    height: 24px;
    font-size: inherit;
    color: #4D4E4C;
    background: no-repeat #fcfcfc;
    border: 1px solid #E5E3E5;
    border-radius: calc(3px / 2);
    box-shadow: none;
    transition: border .2s, cubic-bezier(.4, 0, .2, 1);
    /* stylelint-disable */
    -webkit-appearance: none;
    -moz-appearance: none
    /* stylelint-enable */
}

@media (max-width: 767px) {

  textarea {
    padding: calc(((42px - 2px) - 24px) / 2) 12px;
    height: 42px;
  }
}

@media (min-width: 768px) {

  textarea {
    padding: calc(((50px - 2px) - 24px) / 2) 18px;
    height: 50px;
  }
}

textarea:focus {
  outline: 0;
  border-color: #01235a;
  background: #FFFFFF;
}

textarea:disabled {
  opacity: .6;
}

textarea:focus {
  min-height: 150px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

/*
   Select
   ========================================================================== */

select {
    width: 100%;
    height: 24px;
    font-size: inherit;
    color: #4D4E4C;
    background: no-repeat #fcfcfc;
    border: 1px solid #E5E3E5;
    border-radius: calc(3px / 2);
    box-shadow: none;
    transition: border .2s, cubic-bezier(.4, 0, .2, 1);
    /* stylelint-disable */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* stylelint-enable */
    line-height: 1
    /* background-image: url("../../svg/icons/arrow-down-bravo.svg"); */
}

@media (max-width: 767px) {

  select {
    padding: calc(((42px - 2px) - 24px) / 2) 12px;
    height: 42px;
  }
}

@media (min-width: 768px) {

  select {
    padding: calc(((50px - 2px) - 24px) / 2) 18px;
    height: 50px;
  }
}

select:focus {
  outline: 0;
  border-color: #01235a;
  background: #FFFFFF;
}

select:disabled {
  opacity: .6;
}

@media (max-width: 767px) {

  select {
    background-position: calc(100% - 12px) 50%;
  }
    }

@media (min-width: 768px) {

  select {
    background-position: calc(100% - 20px) 50%;
  }
    }

select:hover {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

select:focus::-ms-value {
  color: #4D4E4C;
  background: none;
}

/* ==========================================================================
   Elements - images
   ========================================================================== */

img {
    max-width: 100%;
}

/* ==========================================================================
   Links
   ========================================================================== */

a {
    color: #cc1c2d;
    transition: color .2s ease-out;
    text-decoration: none
}

a:hover {
  color: #01235a;
}

/* ==========================================================================
   Lists
   ========================================================================== */

ul {
    list-style: none;
}

/* ==========================================================================
   Paragraphs
   ========================================================================== */

p {
    margin: 0 0 24px;
}

/* ==========================================================================
   Objects
   ========================================================================== */

/* ==========================================================================
   Page
   ========================================================================== */

/*
  Page container
  ========================================================================== */

.o-page-container {
    position: relative;
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.o-page-container:after {
  content: "";
  display: block;
  clear: both;
}

.o-page-container.o-page-container--nav-open {
  filter: blur(0);/* hack to stop translated elements blurring *//* stylelint-disable */
  transform: translate3d(-82.4vw, 0, 0);
  -webkit-transform: translate3d(-82.4vw, 0, 0);
  -ms-transform: translate3d(-82.4vw, 0, 0);
}

/* stylelint-enable */

.no-csstransforms3d .o-page-container.o-page-container--nav-open {
  right: 82.4vw;
}

/*
   Page
   ========================================================================== */

.o-page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.o-page +.c-cards {
}

@media (max-width: 659px) {

  .o-page +.c-cards {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .o-page +.c-cards {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .o-page +.c-cards {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 767px) {

  .o-page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
    }

/*
   Main
   ========================================================================== */

.o-page__main {
    width: 65%;
}

/*
   Content
   ========================================================================== */

.o-page__content {
    -ms-flex-positive: 1;
        flex-grow: 1;
}

/*
   Media
   ========================================================================== */

.o-page__media {
}

@media (min-width: 768px) {

  .o-page__media {
    width: 66.6%;
  }
    }

@media (min-width: 1367px) {

  .o-page__media {
    width: 50%;
  }
    }

/*
   Sidebar
   ========================================================================== */

.o-page__sidebar {
    width: 35%
}

@media (max-width: 767px) {

  .o-page__sidebar {
    width: 100%;
    -ms-flex-order: 2;
        order: 2;
  }
    }

@media (min-width: 960px) and (max-width: 1366px) {

  .o-page__sidebar {
    width: 30%;
  }
    }

/* ==========================================================================
   Wrapper
   ========================================================================== */

.o-wrapper {
    max-width: 1300px;
    margin: 0 0 40px;
}

.c-header .o-wrapper, .c-footer .o-wrapper {
  margin-bottom: 0;
}

@media (max-width: 1366px) {

  .o-wrapper {
    padding: 0 15px;
  }
    }

@media (min-width: 768px) {

  .o-wrapper {
    margin: 0 auto 40px;
  }
    }

.o-wrapper--inner {
    max-width: 1230px;
    margin: 0 auto;
}

/* ==========================================================================
   Components
   ========================================================================== */

/* ==========================================================================
   About
   ========================================================================== */

.c-about {
    position: relative
}

.c-about:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(-24px * 2);
  background: url("../../assets/images/brand-elements/about-shards.png") no-repeat center/cover;
  width: 257px;
  height: 378px;
  z-index: -1;
}

@media (max-width: 659px) {

  .c-about:before {
    display: none;
  }
}

@media (max-width: 1520px) {

  .c-about:before {
    opacity: .2;
  }
}

.c-about__title {
    font-size: calc(32px + 28 * ((100vw - 420px) / 860));
    font-weight: 800;
}

@media screen and (min-width: 1280px) {

  .c-about__title {
    font-size: 60px;
  }
}

@media screen and (max-width: 420px) {

  .c-about__title {
    font-size: 32px;
  }
}

.c-about__subtitle {
    color: #01235a;
    font-weight: 300;
    font-size: calc(20px + 6 * ((100vw - 420px) / 860));
    line-height: 1.5 !important;
    position: relative
}

@media screen and (min-width: 1280px) {

  .c-about__subtitle {
    font-size: 26px;
  }
}

@media screen and (max-width: 420px) {

  .c-about__subtitle {
    font-size: 20px;
  }
}

.c-about__subtitle:after {
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-about__subtitle {
    padding-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-about__subtitle {
    padding-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-about__subtitle {
    padding-bottom: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-about__subtitle {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-about__subtitle {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-about__subtitle {
    margin-bottom: calc(24px * 1);
  }
}

@media (max-width: 767px) {

  .c-about__subtitle {
}
    }

@media (max-width: 767px) and (max-width: 659px) {

  .c-about__subtitle {
    padding-bottom: calc((24px / 2) * 2);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-about__subtitle {
    padding-bottom: calc(2.189vw * 2);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-about__subtitle {
    padding-bottom: calc(24px * 2);
  }
}

@media (max-width: 767px) and (max-width: 659px) {

  .c-about__subtitle {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-about__subtitle {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-about__subtitle {
    margin-bottom: calc(24px * 2);
  }
}

/* ==========================================================================
   Blockquote
   ========================================================================== */

blockquote {
    background: #FFFFFF;
    margin: calc(24px * 2) 0;
    padding: calc(24px * 1.4) 30px calc(24px * 1.4) 30px;
    box-shadow: 0 10px 50px 0 rgba(190, 190, 190, .4);
    border-radius: 3px;
    position: relative;
}

blockquote b, blockquote strong {
  display: block;
  margin-bottom: calc(24px / 3);
}

blockquote:before, blockquote:after {
  content: "";
  height: 6px;
  width: 50%;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

blockquote:before {
  background: #cc1c2d;
  left: 0;
  border-bottom-left-radius: 3px;
}

blockquote:after {
  background: #01235a;
  right: 0;
  border-bottom-right-radius: 3px;
}

/* ==========================================================================
   Browser warning
   ========================================================================== */

/*
   IE warning
   ========================================================================== */

.c-browser-warning {
    width: 660px;
    margin: 0 auto;
    padding: 60px 0;
}

.c-browser-warning p {
  font-size: 18px;
  text-align: center;
}

p.c-browser-warning__intro {
    font-size: 22px;
}

.c-browser-warning__logo {
    display: block;
    margin-top: calc(24px * 5);
    margin-bottom: 24px;
    text-align: center;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.c-button {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    background: #cc1c2d;
    border-radius: calc(3px * 1.5);
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    padding: calc(24px / 2) 30px;
    min-width: 240px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width: 479px) {

  .c-button {
    display: block;
    margin: 0 auto;
  }
    }

.c-button:hover {
  color: #FFFFFF;
  background: #01235a;
}

.c-button + .c-button {
  margin-left: 6px;
}

.c-button-mce {
    text-decoration: none !important;
}

.c-button__wrap {
    margin: calc(24px * 4) auto;
    width: 220px
}

@media (max-width: 767px) {

  .c-button__wrap {
    margin: calc(24px * 2) auto;
  }
    }

.gform_button {
    border: 0;
    margin: 0 auto;
    display: table;
    max-width: 280px;
}

/* ==========================================================================
   Cards
   ========================================================================== */

.c-cards {
    position: relative;
}

.c-cards +.c-cards {
}

.c-cards +.c-sector-services {
}

.c-cards:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 50%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-cards {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-cards {
    padding-top: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-cards +.c-cards {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards +.c-cards {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-cards +.c-cards {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-cards +.c-sector-services {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards +.c-sector-services {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-cards +.c-sector-services {
    margin-top: calc(24px * 2);
  }
}

.c-cards__title {
    display: block;
    text-align: center;
    font-size: calc(26px + 6 * ((100vw - 420px) / 860));
    font-weight: 300;
}

@media screen and (min-width: 1280px) {

  .c-cards__title {
    font-size: 32px;
  }
}

@media screen and (max-width: 420px) {

  .c-cards__title {
    font-size: 26px;
  }
}

.c-cards__title >span {
  font-weight: 700;
}

@media (max-width: 659px) {

  .c-cards__title {
    padding-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__title {
    padding-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-cards__title {
    padding-bottom: calc(24px * 1);
  }
}

.c-cards-subtitle {
    font-size: 16px;
    padding-top: calc(24px / 4);
}

/*
   Card container variations
   ========================================================================== */

.c-cards__related {
}

@media (max-width: 659px) {

  .c-cards__related {
    margin-bottom: calc((24px / 2) * 4);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__related {
    margin-bottom: calc(2.189vw * 4);
  }
}

@media (min-width: 1367px) {

  .c-cards__related {
    margin-bottom: calc(24px * 4);
  }
}

.c-cards--product {
    position: relative;
}

.c-cards--product header {
  text-align: center;
}

.c-cards--product header svg {
}

.c-cards--product:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-cards--product header {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards--product header {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-cards--product header {
    margin-bottom: calc(24px * 1);
  }
}

@media (max-width: 767px) {

  .c-cards--product header {
}
        }

@media (max-width: 659px) {

  .c-cards--product header svg {
    max-width: 80%;
  }
            }

@media (max-width: 767px) and (max-width: 659px) {

  .c-cards--product header {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-cards--product header {
    margin-top: calc(2.189vw * 2);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-cards--product header {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 767px) and (max-width: 659px) {

  .c-cards--product header {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-cards--product header {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-cards--product header {
    margin-bottom: calc(24px * 2);
  }
}

/*
   Individual cards
   ========================================================================== */

.c-cards__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.c-cards--locations .c-cards__wrap {
}

.c-cards__projects .c-cards__wrap {
  -ms-flex-pack: center;
      justify-content: center;
}

@media (max-width: 767px) {

  .c-cards__wrap {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 767px) {

  .c-cards__wrap {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  .c-cards__wrap p, .c-cards__wrap h1, .c-cards__wrap h2, .c-cards__wrap h3, .c-cards__wrap h4, .c-cards__wrap h5, .c-cards__wrap h6 {
    text-align: left;
  }
}

@media (min-width: 768px) and (max-width: 959px) {

  .c-cards--locations .c-cards__wrap {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
        }

.c-cards__content-wrap {
    border-radius: 0 0 3px 3px;
}

.c-cards__wrap-news .c-cards__content-wrap {
  -ms-flex: 1;
      flex: 1;
}

.c-cards--product .c-cards__content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 659px) {

  .c-cards__content-wrap {
    padding-top: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__content-wrap {
    padding-top: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cards__content-wrap {
    padding-top: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-cards__content-wrap {
    padding-bottom: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__content-wrap {
    padding-bottom: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cards__content-wrap {
    padding-bottom: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-cards__content-wrap {
    padding-left: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__content-wrap {
    padding-left: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cards__content-wrap {
    padding-left: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-cards__content-wrap {
    padding-right: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__content-wrap {
    padding-right: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cards__content-wrap {
    padding-right: calc(24px * 1.5);
  }
}

@media (max-width: 767px) {

  .c-cards__content-wrap {
    border-radius: 0 0 3px 3px;
  }
    }

/*
   Individual card
   ========================================================================== */

.c-cards__item {
    display: inline-block;
    background: #FFFFFF;
    color: #151515;
    box-shadow: 0 5px 45px 0 rgba(211, 211, 211, 1);
    transition: all calc(.2s * 2) cubic-bezier(.4, 0, .2, 1);
    border-radius: 3px;
    -ms-flex: 1;
        flex: 1;
}

.c-cards--locations .c-cards__item {
}

@media (max-width: 659px) {

  .c-cards__item {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__item {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-cards__item {
    margin-bottom: calc(24px * 1);
  }
}

@media (max-width: 767px) {

  .c-cards__item {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media (max-width: 767px) {

  .c-cards__item {
    margin-bottom: 4%;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
    }

@media (min-width: 768px) {

  .c-cards__item {
    width: 32%;
    margin-right: 2%;
    -ms-flex: inherit;
        flex: inherit;
  }

  .c-cards__item:nth-of-type(3n) {
    margin-right: 0;
  }
    }

@media (min-width: 768px) and (max-width: 959px) {

  .c-cards--locations .c-cards__item {
    width: 48%;
    margin-right: 2%;
    -ms-flex: inherit;
        flex: inherit;
  }

  .c-cards--locations .c-cards__item:nth-of-type(2n) {
    margin-right: 0;
  }
        }

@media (min-width: 768px) and (max-width: 959px) and (max-width: 659px) {

  .c-cards--locations .c-cards__item {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 768px) and (max-width: 959px) and (min-width: 660px) and (max-width: 1366px) {

  .c-cards--locations .c-cards__item {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 768px) and (max-width: 959px) and (min-width: 1367px) {

  .c-cards--locations .c-cards__item {
    margin-bottom: calc(24px * 1);
  }
}

.c-cards__item:only-of-type {
  margin: 0 auto;
}

.c-cards__item:hover {
  box-shadow: none;
  transform: translateY(-2px);
}

.c-cards--product .c-cards__item:hover svg {
  transform: translateY(-2px);
}

@media (min-width: 768px) and (max-width: 659px) {

  .c-cards__item {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 768px) and (min-width: 660px) and (max-width: 1366px) {

  .c-cards__item {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 768px) and (min-width: 1367px) {

  .c-cards__item {
    margin-bottom: calc(24px * 1);
  }
}

.c-cards__subtitle {
    font-size: calc(18px + 4 * ((100vw - 420px) / 860));
    color: #cc1c2d;
    margin-bottom: calc(24px / 4);
    transition: color calc(.2s * 2) cubic-bezier(.4, 0, .2, 1);
}

@media screen and (min-width: 1280px) {

  .c-cards__subtitle {
    font-size: 22px;
  }
}

@media screen and (max-width: 420px) {

  .c-cards__subtitle {
    font-size: 18px;
  }
}

.c-cards__detail {
    color: #151515;
    transition: color calc(.2s * 2) cubic-bezier(.4, 0, .2, 1);
}

.c-cards__wrap-news .c-cards__detail {
  display: block;
  margin-top: calc(24px / 2);
}

.c-cards__excerpt {
    position: relative;
}

.c-cards__excerpt p {
  color: #151515;
  margin-bottom: 0;
}

.c-cards__excerpt:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-cards__excerpt {
    padding-top: calc((24px / 2) * 1.25);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__excerpt {
    padding-top: calc(2.189vw * 1.25);
  }
}

@media (min-width: 1367px) {

  .c-cards__excerpt {
    padding-top: calc(24px * 1.25);
  }
}

@media (max-width: 659px) {

  .c-cards__excerpt {
    margin-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__excerpt {
    margin-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-cards__excerpt {
    margin-top: calc(24px * 1);
  }
}

.c-cards__image {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    height: 0;
    padding-bottom: calc(100% * 17/21);
    background: #01235a;
    height: 100%;
    width: 100%;
    position: relative;
}

.c-cards__image img {
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.c-cards--locations .c-cards__image {
}

.c-cards--locations .c-cards__image:after {
  content: "";
  background: rgba(21, 21, 21, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {

  .c-cards__image {
    padding-bottom: calc(100% * 8/14);
  }
    }

@media (max-width: 767px) {

  .c-cards__image {
    max-height: 300px;
  }
    }

@media (min-width: 768px) {

  .c-cards__image {
    -ms-flex: inherit;
        flex: inherit;
    height: auto;
  }
    }

.c-cards__content svg {
  transition: transform .5s cubic-bezier(.4, 0, .2, 1);
  filter: blur(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  max-width: 100%;
  shape-rendering: optimizequality;
}

.c-cards--product .c-cards__content {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 140px;
}

.c-cards--product .c-cards__content img {
  width: 300px;
  max-width: 100%;
}

/*
   Locations
   ========================================================================== */

.c-cards--locations {
}

@media (max-width: 659px) {

  .c-cards--locations {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards--locations {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-cards--locations {
    padding-top: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  .c-cards--locations {
    margin-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards--locations {
    margin-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-cards--locations {
    margin-top: calc(24px * 1);
  }
}

@media (max-width: 767px) {

  .c-cards--locations {
}

  .c-cards--locations:before {
    display: none;
  }
    }

@media (min-width: 660px) {

  .c-cards--locations {
    position: relative;
  }

  .c-cards--locations:before {
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    height: 5px;
    width: 100%;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
  }
    }

.c-cards__image--locations {
    position: relative;
}

.c-cards__image--locations:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(21, 21, 21, 0.4);
  width: 100%;
  height: 100%;
  z-index: 0;
}

.c-cards__content--locations {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

@media (max-width: 659px) {

  .c-cards__content--locations {
    padding-top: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__content--locations {
    padding-top: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cards__content--locations {
    padding-top: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-cards__content--locations {
    padding-bottom: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__content--locations {
    padding-bottom: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cards__content--locations {
    padding-bottom: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-cards__content--locations {
    padding-left: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__content--locations {
    padding-left: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cards__content--locations {
    padding-left: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-cards__content--locations {
    padding-right: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cards__content--locations {
    padding-right: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cards__content--locations {
    padding-right: calc(24px * 1.5);
  }
}

.c-cards__subtitle--location, .c-cards__subtitle--telephone {
    color: #FFFFFF;
    margin-bottom: 0;
}

.c-cards__subtitle--location {
    font-size: calc(18px + 14 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {

  .c-cards__subtitle--location {
    font-size: 32px;
  }
}

@media screen and (max-width: 420px) {

  .c-cards__subtitle--location {
    font-size: 18px;
  }
}

.c-cards__subtitle--telephone {
    font-size: calc(12px + 4 * ((100vw - 420px) / 860));
    font-weight: normal;
}

@media screen and (min-width: 1280px) {

  .c-cards__subtitle--telephone {
    font-size: 16px;
  }
}

@media screen and (max-width: 420px) {

  .c-cards__subtitle--telephone {
    font-size: 12px;
  }
}

.c-cards__subtitle--telephone a {
  color: #FFFFFF;
}

/* ==========================================================================
   CTA
   ========================================================================== */

.c-cta {
    background: #FFFFFF url("../../assets/images/brand-elements/cta-shards.png") no-repeat right bottom;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 2px 44px 0 rgba(211, 211, 211, .5);
    border-radius: 3px;
}

.c-cta .c-button {
  margin: 0 auto;
  display: table;
}

.c-cta + .c-sector-services {
}

@media (max-width: 659px) {

  .c-cta {
    padding-left: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cta {
    padding-left: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-cta {
    padding-left: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-cta {
    padding-right: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cta {
    padding-right: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-cta {
    padding-right: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-cta {
    padding-top: calc((24px / 2) * 2.225);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cta {
    padding-top: calc(2.189vw * 2.225);
  }
}

@media (min-width: 1367px) {

  .c-cta {
    padding-top: calc(24px * 2.225);
  }
}

@media (max-width: 659px) {

  .c-cta {
    padding-bottom: calc((24px / 2) * 2.225);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cta {
    padding-bottom: calc(2.189vw * 2.225);
  }
}

@media (min-width: 1367px) {

  .c-cta {
    padding-bottom: calc(24px * 2.225);
  }
}

@media (max-width: 659px) {

  .c-cta {
    margin-top: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cta {
    margin-top: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cta {
    margin-top: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-cta {
    margin-bottom: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cta {
    margin-bottom: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-cta {
    margin-bottom: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-cta + .c-sector-services {
    margin-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cta + .c-sector-services {
    margin-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-cta + .c-sector-services {
    margin-top: calc(24px * 3);
  }
}

.c-cta__title {
    display: block;
    text-align: center;
}

.c-cta__text {
    text-align: center;
    max-width: calc(660px / 1.4);
    margin-left: auto;
    margin-right: auto;
}

/*
   Simple CTA
   ========================================================================== */

div.c-cta--simple {
    text-align: center;
}

div.c-cta--simple p {
  color: #01235a;
  font-size: calc(18px + 8 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {

  div.c-cta--simple p {
    font-size: 26px;
  }
}

@media screen and (max-width: 420px) {

  div.c-cta--simple p {
    font-size: 18px;
  }
}

div.c-cta--simple + .c-cards--product {
}

@media (max-width: 659px) {

  div.c-cta--simple {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  div.c-cta--simple {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  div.c-cta--simple {
    padding-top: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  div.c-cta--simple {
    padding-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  div.c-cta--simple {
    padding-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  div.c-cta--simple {
    padding-bottom: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  div.c-cta--simple {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  div.c-cta--simple {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  div.c-cta--simple {
    margin-bottom: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  div.c-cta--simple + .c-cards--product {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  div.c-cta--simple + .c-cards--product {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  div.c-cta--simple + .c-cards--product {
    padding-top: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  div.c-cta--simple + .c-cards--product {
    padding-bottom: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  div.c-cta--simple + .c-cards--product {
    padding-bottom: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  div.c-cta--simple + .c-cards--product {
    padding-bottom: calc(24px * 3);
  }
}

/*
   Product CTA
   ========================================================================== */

.c-cta--product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.c-cta--product + .c-flexible-content {/*padding-top: 0;*/
  position: relative;
}

.c-cta--product + .c-flexible-content:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 50%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 767px) {

  .c-cta--product {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 659px) {

  .c-cta--product {
    margin-bottom: calc((24px / 2) * 4);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-cta--product {
    margin-bottom: calc(2.189vw * 4);
  }
}

@media (min-width: 1367px) {

  .c-cta--product {
    margin-bottom: calc(24px * 4);
  }
}

@media (max-width: 767px) {

  .c-cta--product {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
    }

.c-cta--product__text {
    width: 55.4%;
}

.c-cta--product__text p {
  line-height: 1.7
}

.c-cta--product__text p:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 767px) {

  .c-cta--product__text {
    width: 100%;
  }
    }

.c-cta--product__image {
    width: 35%;
    margin-left: 9.6%;
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}

.c-cta--product__image img {
  max-width: 360px;
  width: 100%;
}

@media (max-width: 767px) {

  .c-cta--product__image {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
    }

@media (max-width: 767px) and (max-width: 659px) {

  .c-cta--product__image {
    margin-top: calc((24px / 2) * 3);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-cta--product__image {
    margin-top: calc(2.189vw * 3);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-cta--product__image {
    margin-top: calc(24px * 3);
  }
}

/* ==========================================================================
   Client Login panel
   ========================================================================== */

.c-hero-login {
    padding-top: calc(222px + 30px)
}

@media (max-width: 767px) {

  .c-hero-login {
    padding-top: calc(90px + 30px);
  }
    }

@media (min-width: 768px) and (max-width: 1023px) {

  .c-hero-login {
    padding-top: calc(170px + 30px);
  }
    }

@media (min-width: 1024px) and (max-width: 1366px) {

  .c-hero-login {
    padding-top: calc(200px + 30px);
  }
    }

/*
   Login panels
   ========================================================================== */

.c-login-panel__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between
}

@media (max-width: 659px) {

  .c-login-panel__container {
    -ms-flex-direction: column;
        flex-direction: column;
  }
    }

.c-login-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    margin: 15px;
    padding: calc(30px * 2);
    max-width: 660px;
    background: #FFFFFF;
    position: relative;
    border-radius: calc(3px * 3);
    overflow: hidden;
    box-shadow: 0 5px 45px 0 rgba(211, 211, 211, 1);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1)
}

@media (max-width: 659px) {

  .c-login-panel {
    padding: 30px;
  }
    }

@media (min-width: 960px) {

  .c-login-panel {
    margin: 30px;
    padding: calc(24px * 3) calc(30px * 3);
  }
    }

.c-login-panel:hover {
  box-shadow: none;
  transform: translateY(-2px);
}

.c-login-panel__icon {
    margin: 0 auto 15px
}

@media (min-width: 960px) {

  .c-login-panel__icon {
    margin: 0 auto 30px;
  }
    }

@media (max-width: 959px) {

  .c-login-panel__icon {
    max-width: 70px;
  }
    }

/* ==========================================================================
   Divisions
   ========================================================================== */

.c-divisions {
    background: rgb(122, 17, 27);
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between
}

@media (max-width: 659px) {

  .c-divisions {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 659px) {

  .c-divisions {
    margin-bottom: calc((24px / 2) * 4);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-divisions {
    margin-bottom: calc(2.189vw * 4);
  }
}

@media (min-width: 1367px) {

  .c-divisions {
    margin-bottom: calc(24px * 4);
  }
}

@media (max-width: 659px) {

  .c-divisions {
    background: transparent;
  }
    }

.c-divisions__item {
    margin-right: 1px;
    -ms-flex: 1;
        flex: 1
}

@media (max-width: 659px) {

  .c-divisions__item {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media (max-width: 659px) {

  .c-divisions__item {
}
    }

@media (min-width: 660px) and (max-width: 959px) {

  .c-divisions__item {
    width: 49.9%;
    margin-right: 0;
    -ms-flex: inherit;
        flex: inherit;
  }
    }

@media (min-width: 960px) {

  .c-divisions__item {
    width: 25%;
  }
    }

.c-divisions__item:last-of-type {
  margin: 0;
}

@media (max-width: 659px) and (max-width: 659px) {

  .c-divisions__item {
    margin-bottom: calc((24px / 2) * .3);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-divisions__item {
    margin-bottom: calc(2.189vw * .3);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-divisions__item {
    margin-bottom: calc(24px * .3);
  }
}

.c-divisions__image {
    width: 100%;
    height: 0;
    max-height: 320px;
    padding-bottom: calc(100% * 17/21);
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.c-divisions__image img {
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 767px) {

  .c-divisions__image {
    padding-bottom: calc(100% * 9/16);
  }
    }

.c-divisions__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 4.2em;
    width: auto;
}

.c-divisions__icon svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 659px) {

  .c-divisions__icon {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-divisions__icon {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-divisions__icon {
    margin-bottom: calc(24px * 1);
  }
}

.c-divisions__content {
    background: linear-gradient(-180deg, #cc1c2d 50%, #A31725 100%);
    padding: 24px 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
}

.c-divisions__item:hover .c-divisions__content {
  background: #cc1c2d;
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-divisions__content {
    padding-left: calc(30px / 2);
    padding-right: calc(30px / 2);
  }
    }

.c-divisions__text {
    font-weight: 300;
    font-size: calc(14px + 2 * ((100vw - 420px) / 860));
    text-align: center;
    color: #FFFFFF;
    max-width: 100%;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 1280px) {

  .c-divisions__text {
    font-size: 16px;
  }
}

@media screen and (max-width: 420px) {

  .c-divisions__text {
    font-size: 14px;
  }
}

/* ==========================================================================
   Flexible content
   ========================================================================== */

.c-flexible-content {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.c-flexible-content + .c-cta--product, .c-flexible-content + .c-cards {
  position: relative;
}

.c-flexible-content + .c-cta--product:before, .c-flexible-content + .c-cards:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 50%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-flexible-content + .c-flexible-content {
}

.c-flexible-content ul {
  list-style: outside;
}

.c-flexible-content ul li {
  font-size: calc(16px + 2 * ((100vw - 420px) / 860));
  margin-bottom: calc(24px / 2);
}

@media screen and (min-width: 1280px) {

  .c-flexible-content ul li {
    font-size: 18px;
  }
}

@media screen and (max-width: 420px) {

  .c-flexible-content ul li {
    font-size: 16px;
  }
}

@media (max-width: 767px) {

  .c-flexible-content {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 767px) {

  .c-flexible-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  .c-flexible-content p, .c-flexible-content h1, .c-flexible-content h2, .c-flexible-content h3, .c-flexible-content h4, .c-flexible-content h5, .c-flexible-content h6 {
    text-align: left;
  }
}

@media (max-width: 659px) {

  .c-flexible-content {
    padding-top: calc((24px / 2) * 4);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content {
    padding-top: calc(2.189vw * 4);
  }
}

@media (min-width: 1367px) {

  .c-flexible-content {
    padding-top: calc(24px * 4);
  }
}

@media (max-width: 659px) {

  .c-flexible-content {
    padding-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content {
    padding-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-flexible-content {
    padding-bottom: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-flexible-content + .c-cta--product, .c-flexible-content + .c-cards {
    margin-top: calc((24px / 2) * 2.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content + .c-cta--product, .c-flexible-content + .c-cards {
    margin-top: calc(2.189vw * 2.5);
  }
}

@media (min-width: 1367px) {

  .c-flexible-content + .c-cta--product, .c-flexible-content + .c-cards {
    margin-top: calc(24px * 2.5);
  }
}

@media (max-width: 659px) {

  .c-flexible-content + .c-cta--product, .c-flexible-content + .c-cards {
    padding-top: calc((24px / 2) * 2.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content + .c-cta--product, .c-flexible-content + .c-cards {
    padding-top: calc(2.189vw * 2.5);
  }
}

@media (min-width: 1367px) {

  .c-flexible-content + .c-cta--product, .c-flexible-content + .c-cards {
    padding-top: calc(24px * 2.5);
  }
}

@media (max-width: 659px) {

  .c-flexible-content + .c-flexible-content {
    padding-top: calc((24px / 2) * 2.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content + .c-flexible-content {
    padding-top: calc(2.189vw * 2.5);
  }
}

@media (min-width: 1367px) {

  .c-flexible-content + .c-flexible-content {
    padding-top: calc(24px * 2.5);
  }
}

@media (max-width: 767px) {

  .c-flexible-content + .c-flexible-content {
    position: relative;
  }

  .c-flexible-content + .c-flexible-content:before {
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    height: 5px;
    width: 50%;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
  }
        }

@media (max-width: 767px) and (max-width: 659px) {

  .c-flexible-content + .c-flexible-content {
    padding-top: calc((24px / 2) * 4);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content + .c-flexible-content {
    padding-top: calc(2.189vw * 4);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-flexible-content + .c-flexible-content {
    padding-top: calc(24px * 4);
  }
}

@media (max-width: 767px) and (max-width: 659px) {

  .c-flexible-content + .c-flexible-content {
    padding-bottom: calc((24px / 2) * 4);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content + .c-flexible-content {
    padding-bottom: calc(2.189vw * 4);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-flexible-content + .c-flexible-content {
    padding-bottom: calc(24px * 4);
  }
}

.c-flexible-content__item {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex: 1;
        flex: 1;
}

.c-flexible-content__item p {
}

.c-flexible-content__item p:last-of-type {
  margin-bottom: 0;
}

.c-flexible-content__item:after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 767px) {

  .c-flexible-content__item {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media (max-width: 767px) {

  .c-flexible-content__item {
}

  .c-flexible-content__item:last-of-type {
    margin-bottom: 0;
  }
    }

@media (min-width: 768px) {

  .c-flexible-content__item {
}

  .c-flexible-content--3-col .c-flexible-content__item:not(:last-of-type) {
}
    }

.c-flexible-content__item:only-of-type {
  max-width: 660px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 659px) {

  .c-flexible-content__item:not(:last-of-type) {
    padding-right: calc((24px / 2) * 3);
  }
}

@media (min-width: 768px) and (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content__item:not(:last-of-type) {
    padding-right: calc(2.189vw * 3);
  }
}

@media (min-width: 768px) and (min-width: 1367px) {

  .c-flexible-content__item:not(:last-of-type) {
    padding-right: calc(24px * 3);
  }
}

@media (min-width: 768px) and (max-width: 659px) {

  .c-flexible-content--3-col .c-flexible-content__item:not(:last-of-type) {
    padding-right: calc((24px / 2) * .75);
  }
}

@media (min-width: 768px) and (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content--3-col .c-flexible-content__item:not(:last-of-type) {
    padding-right: calc(2.189vw * .75);
  }
}

@media (min-width: 768px) and (min-width: 1367px) {

  .c-flexible-content--3-col .c-flexible-content__item:not(:last-of-type) {
    padding-right: calc(24px * .75);
  }
}

@media (max-width: 767px) and (max-width: 659px) {

  .c-flexible-content__item {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content__item {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-flexible-content__item {
    margin-bottom: calc(24px * 2);
  }
}

@media (max-width: 767px) and (max-width: 659px) {

  .c-flexible-content__item {
    margin-top: calc((24px / 2) * 1);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content__item {
    margin-top: calc(2.189vw * 1);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-flexible-content__item {
    margin-top: calc(24px * 1);
  }
}

div.c-flexible-content__intro {
    max-width: 960px;
    text-align: center;
    color: #151515;
    margin-left: auto;
    margin-right: auto;
}

div.c-flexible-content__intro p {
  font-size: calc(16px + 4 * ((100vw - 420px) / 860));
  text-align: center
}

@media screen and (min-width: 1280px) {

  div.c-flexible-content__intro p {
    font-size: 20px;
  }
}

@media screen and (max-width: 420px) {

  div.c-flexible-content__intro p {
    font-size: 16px;
  }
}

div.c-flexible-content__intro p:only-of-type {
  margin-bottom: 0;
}

/*
   Flexible content image
   ========================================================================== */

.c-flexible-content__item-image {
    overflow: hidden;
    border-radius: calc(3px * 1.5);
    position: relative;
    width: 100%;
    height: 314px;
    background: #01235a;
}

.c-flexible-content__item-image img {
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 659px) {

  .c-flexible-content__item-image {
    margin-bottom: calc((24px / 2) * 1.2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content__item-image {
    margin-bottom: calc(2.189vw * 1.2);
  }
}

@media (min-width: 1367px) {

  .c-flexible-content__item-image {
    margin-bottom: calc(24px * 1.2);
  }
}

.c-flexible-content__item-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(21, 21, 21, 0.4);
  width: 100%;
  height: 100%;
  z-index: 0;
}

@media (max-width: 659px) {

  .c-flexible-content__item-image {
    height: 260px;
  }
    }

@media (min-width: 660px) and (max-width: 959px) {

  .c-flexible-content--3-col .c-flexible-content__item-image {
    height: 260px;
  }
    }

@media (max-width: 659px) and (max-width: 659px) {

  .c-flexible-content__item-image {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content__item-image {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-flexible-content__item-image {
    margin-bottom: calc(24px * 2);
  }
}

.c-flexible-content__item-image__title {
    position: absolute;
    bottom: 0;
    left: 30px;
    color: #FFFFFF;
    z-index: 1;
}

.c-flexible-content--3-col .c-flexible-content__item-image__title {
  font-size: calc(20px + 12 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {

  .c-flexible-content--3-col .c-flexible-content__item-image__title {
    font-size: 32px;
  }
}

@media screen and (max-width: 420px) {

  .c-flexible-content--3-col .c-flexible-content__item-image__title {
    font-size: 20px;
  }
}

@media (max-width: 959px) {

  .c-flexible-content__item-image__title {
    left: calc(30px / 2);
  }
    }

@media (min-width: 768px) {

  .c-flexible-content__item-image__title {
    max-width: 45%;
  }
    }

.c-flexible-content__item-text {
    padding: 0 30px;
}

.c-flexible-content__item-text img {
  display: block;
}

@media (max-width: 659px) {

  .c-flexible-content__item-text img {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-flexible-content__item-text img {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-flexible-content__item-text img {
    margin-bottom: calc(24px * 1);
  }
}

@media (max-width: 959px) {

  .c-flexible-content__item-text {
    padding: 0 calc(30px / 2);
  }
    }

/*
   3 column
   ========================================================================== */

.c-flexible-content--3-col {
}

@media (min-width: 768px) and (max-width: 959px) {

  .c-flexible-content--3-col {
    margin-left: calc(-30px / 4);
    margin-right: calc(-30px / 4);
  }

  .c-main .c-flexible-content--3-col {
    margin-left: calc(-30px * 2);
    margin-right: calc(-30px * 2);
  }
    }

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: none;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* stylelint-disable */

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

/* stylelint-enable */

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: #FFFFFF;
    cursor: pointer;
    transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
    background: #FFFFFF;
}

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
    opacity: .6;
}

.flickity-prev-next-button.previous {
    left: 10px;
    border: none;
}

.flickity-prev-next-button.next {
    right: 0;
    border: none;
}

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto;
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.flickity-prev-next-button .arrow {
    fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
    margin: 0;
    padding: 15px 0 0;
    text-align: center;
    width: 100%;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #FFFFFF;
    opacity: .25;
    cursor: pointer;
    border-radius: 99px;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.c-footer {
    background: #01235a;
    position: relative;
}

.c-footer a {
  font-weight: 300;
  color: #FFFFFF;
  text-decoration: underline;
}

@media (max-width: 659px) {

  .c-footer {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-footer {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-footer {
    padding-top: calc(24px * 3);
  }
}

.c-footer-title {
    color: #FFFFFF;
    font-size: calc(22px + 14 * ((100vw - 420px) / 860));
    text-align: center;
}

@media screen and (min-width: 1280px) {

  .c-footer-title {
    font-size: 36px;
  }
}

@media screen and (max-width: 420px) {

  .c-footer-title {
    font-size: 22px;
  }
}

/*
   Flex wrap
   ========================================================================== */

.c-footer__flex-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap
}

@media (max-width: 659px) {

  .c-footer__flex-wrap {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 659px) {

  .c-footer__flex-wrap {
    padding-bottom: calc((24px / 2) * .5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-footer__flex-wrap {
    padding-bottom: calc(2.189vw * .5);
  }
}

@media (min-width: 1367px) {

  .c-footer__flex-wrap {
    padding-bottom: calc(24px * .5);
  }
}

@media (max-width: 659px) {

  .c-footer__flex-wrap {
    position: relative;
  }

  .c-footer__flex-wrap:before {
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    height: 5px;
    width: 100%;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%225%22%20viewBox%3D%220%200%206%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23001A4F%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1552.8105%2C781.437564%20C1552.8105%2C780.072528%201553.90743%2C779%201555.24812%2C779%20C1556.5888%2C779%201557.68573%2C780.072528%201557.68573%2C781.437564%20C1557.68573%2C782.780662%201556.5888%2C783.875128%201555.24812%2C783.875128%20C1553.90743%2C783.875128%201552.8105%2C782.780662%201552.8105%2C781.437564%20Z%22%20transform%3D%22translate(-1552%20-779)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
  }
    }

@media (max-width: 659px) and (max-width: 659px) {

  .c-footer__flex-wrap {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-footer__flex-wrap {
    padding-top: calc(2.189vw * 2);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-footer__flex-wrap {
    padding-top: calc(24px * 2);
  }
}

/*
   Footer logos
   ========================================================================== */

.c-footer__logos {
    -ms-flex-align: center;
        align-items: center;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

@media (max-width: 659px) {

  .c-footer__logos {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 659px) {

  .c-footer__logos {
    padding-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-footer__logos {
    padding-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-footer__logos {
    padding-top: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-footer__logos {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-footer__logos {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-footer__logos {
    margin-bottom: calc(24px * 2);
  }
}

.c-footer__logos-item {
}

@media (max-width: 659px) {

  .c-footer__logos-item {
    width: 50%;
    text-align: center;
    margin-bottom: calc(24px / 2);
  }

  .c-footer__logos-item img {
    max-width: 100px;
    max-height: 60px;
  }

  .c-footer__logos-item:last-of-type {
    display: none;
  }
    }

@media (min-width: 660px) and (max-width: 959px) {

  .c-footer__logos-item img {
    max-width: 120px;
    max-height: 70px;
  }
    }

@media (min-width: 960px) {

  .c-footer__logos-item img {
    max-width: 170px;
    max-height: 80px;
  }
    }

/*
   Footer brand
   ========================================================================== */

.c-footer__brand {
    position: relative;
}

@media (max-width: 659px) {

  .c-footer__brand {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-footer__brand {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-footer__brand {
    padding-top: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-footer__brand {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-footer__brand {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-footer__brand {
    margin-bottom: calc(24px * 2);
  }
}

.c-footer__brand:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%225%22%20viewBox%3D%220%200%206%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23001A4F%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1552.8105%2C781.437564%20C1552.8105%2C780.072528%201553.90743%2C779%201555.24812%2C779%20C1556.5888%2C779%201557.68573%2C780.072528%201557.68573%2C781.437564%20C1557.68573%2C782.780662%201556.5888%2C783.875128%201555.24812%2C783.875128%20C1553.90743%2C783.875128%201552.8105%2C782.780662%201552.8105%2C781.437564%20Z%22%20transform%3D%22translate(-1552%20-779)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-footer__brand-logo {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    display: block;
    width: 190px;
    height: 78px;
    text-indent: -9em;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22587%22%20height%3D%22240%22%20viewBox%3D%220%200%20587%20240%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22a%22%20points%3D%22135.813%2083.486%20135.813%20.65%20.113%20.65%20.113%2083.486%22%2F%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22c%22%20points%3D%22.809%201.8%204.615%201.8%204.615%20.388%20.809%20.388%20.809%201.8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22e%22%20points%3D%22.333%201.8%204.14%201.8%204.14%20.384%20.333%20.384%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M85.7292839%2C202.48044%20C85.7292839%2C214.26424%2081.4888968%2C217.35744%2070.5986387%2C217.35744%20L25.4427032%2C217.35744%20L25.4427032%2C176.39344%20L70.5986387%2C176.39344%20C81.4888968%2C176.39344%2085.7292839%2C179.48284%2085.7292839%2C191.26664%20L85.7292839%2C202.48044%20Z%20M76.7841226%2C155.80124%20L0.000380645161%2C155.80124%20L0.000380645161%2C238.63364%20L76.7841226%2C238.63364%20C102.234058%2C238.63364%20111.175413%2C230.28504%20111.175413%2C209.80304%20L111.175413%2C184.63184%20C111.175413%2C164.15364%20102.234058%2C155.80124%2076.7841226%2C155.80124%20L76.7841226%2C155.80124%20Z%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22161.022%20155.8%20116.091%20238.637%20144.517%20238.637%20151.966%20223.991%20161.483%20206.143%20177.527%20175.021%20194.032%20206.143%20203.544%20223.991%20211.45%20238.637%20239.758%20238.637%20194.146%20155.8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22282.286%20176.394%20316.285%20176.394%20327.624%20155.798%20211.501%20155.798%20222.844%20176.394%20256.84%20176.394%20256.84%20238.137%20257.117%20238.634%20282.012%20238.634%20282.286%20238.133%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M410.939187%2C203.625%20C410.939187%2C214.151%20407.155574%2C218.2702%20396.729703%2C218.2702%20L371.515768%2C218.2702%20C361.082284%2C218.2702%20357.302477%2C214.151%20357.302477%2C203.625%20L357.302477%2C155.7982%20L344.980994%2C155.7982%20L331.863961%2C179.628%20L331.863961%2C209.116%20C331.863961%2C229.712%20342.518219%2C239.5502%20365.897445%2C239.5502%20L402.344219%2C239.5502%20C425.723445%2C239.5502%20436.385316%2C229.712%20436.385316%2C209.116%20L436.385316%2C155.7982%20L410.939187%2C155.7982%20L410.939187%2C203.625%20Z%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(451.161%20155.15)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2296.732%20.65%2067.963%2053.968%2039.198%20.65%20.113%20.65%20.113%2083.486%2024.87%2083.486%2024.87%2023.99%2025.102%2023.99%2058.451%2083.486%2077.475%2083.486%20110.824%2023.99%20111.06%2023.99%20111.06%2083.486%20135.813%2083.486%20135.813%20.65%22%20mask%3D%22url(%23b)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(256.032%20237.75)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22d%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22.809%20.886%201.083%20.886%20.809%20.388%22%20mask%3D%22url(%23d)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(281.677%20237.75)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22f%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23e%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22.333%20.886%20.603%20.886%20.603%20.384%22%20mask%3D%22url(%23f)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2220.228%2049.434%2040.166%20.649%20.293%20.649%22%20transform%3D%22translate(273.258%20.15)%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22293.486%2071.449%20273.551%20120.233%20313.424%20120.233%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22313.15%2060.717%20362.238%2072.949%20362.238%2048.485%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22273.825%2060.717%20224.737%2048.485%20224.737%2072.949%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22341.482%2045.771%20366.438%209.755%20330.307%209.755%20298.405%2055.811%20310.936%2052.892%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22245.489%2045.771%20220.537%209.755%20256.668%209.755%20288.57%2055.811%20276.039%2052.892%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22245.489%2075.665%20220.537%20111.681%20256.668%20111.681%20288.57%2065.625%20276.039%2068.543%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22341.482%2075.665%20366.438%20111.681%20330.307%20111.681%20298.405%2065.625%20310.936%2068.543%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E') no-repeat 0/contain;
    overflow: hidden
}

@media (max-width: 959px) {

  .c-footer__brand-logo {
    width: 120px;
  }
    }

/*
   Footer contact
   ========================================================================== */

.c-footer__contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center
}

@media (max-width: 659px) {

  .c-footer__contact {
    padding-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-footer__contact {
    padding-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-footer__contact {
    padding-top: calc(24px * 1);
  }
}

@media (max-width: 959px) {

  .c-footer__contact {
}
    }

@media (max-width: 959px) and (max-width: 659px) {

  .c-footer__contact {
    padding-top: calc((24px / 2) * .5);
  }
}

@media (max-width: 959px) and (min-width: 660px) and (max-width: 1366px) {

  .c-footer__contact {
    padding-top: calc(2.189vw * .5);
  }
}

@media (max-width: 959px) and (min-width: 1367px) {

  .c-footer__contact {
    padding-top: calc(24px * .5);
  }
}

.c-footer__contact-phone {
    display: block;
    color: #FFFFFF;
    margin-right: 30px;
}

/*
   Footer nav
   ========================================================================== */

.c-footer__nav-list, .c-footer__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}

@media (max-width: 659px) {

  .c-footer__nav-list, .c-footer__social {
    padding-left: 0;
  }
    }

.c-footer__nav-list__item, .c-footer__social-item {
    margin-right: 30px
}

.c-footer__nav-list__item:last-of-type, .c-footer__social-item:last-of-type {
  margin-right: 0;
}

.c-footer__nav, .c-footer__social {
}

@media (max-width: 659px) {

  .c-footer__nav, .c-footer__social {
    margin-left: auto;
    margin-right: auto;
  }
    }

.c-footer__nav-link, .c-footer__contact-email {
}

.c-footer__nav-link:hover, .c-footer__contact-email:hover {
  text-decoration: none;
  color: rgb(129, 189, 253);
}

.c-footer__social-link svg {
  width: 20px;
  height: 20px;
}

.c-footer__social-link svg path {
  transition: .2s cubic-bezier(.4, 0, .2, 1);
}

.c-footer__social-link:hover svg path {
  fill: rgb(129, 189, 253);
}

/*
   Copyright
   ========================================================================== */

.c-footer__copyright {
    display: -ms-flexbox;
    display: flex;
    background: #FFFFFF;
    padding: calc(24px * 1.5) 0;
    position: relative;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.c-footer__copyright a {
  color: #777776;
  font-weight: 400;
  display: inline-block;
  margin-right: calc(30px / 4);
}

@media (max-width: 659px) {

  .c-footer__copyright {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

.c-footer__copyright:before, .c-footer__copyright:after {
  content: "";
  height: 6px;
  width: 50%;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.c-footer__copyright:before {
  background: #cc1c2d;
}

.c-footer__copyright:after {
  background: #01235a;
  right: 0;
}

.c-footer__copyright-item {
    width: 50%
}

@media (max-width: 659px) {

  .c-footer__copyright-item {
    width: 100%;
  }
    }

.c-footer__copyright-datum {
    padding-right: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end
}

@media (max-width: 659px) {

  .c-footer__copyright-datum {
    -ms-flex-pack: center;
        justify-content: center;
    padding-right: 0;
  }
    }

@media (max-width: 659px) and (max-width: 659px) {

  .c-footer__copyright-datum {
    padding-bottom: calc((24px / 2) * 1);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-footer__copyright-datum {
    padding-bottom: calc(2.189vw * 1);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-footer__copyright-datum {
    padding-bottom: calc(24px * 1);
  }
}

.c-footer__copyright-carbon {
    padding-left: 30px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
}

.c-footer__copyright-carbon a {
}

.c-footer__copyright-carbon a:hover {
  color: #4D4E4C;
  text-decoration: none;
}

.c-footer__copyright-carbon:before {
  content: "";
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 85px;
  width: 10px;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-y 0 0/5px 10px;
}

@media (max-width: 659px) {

  .c-footer__copyright-carbon {
    -ms-flex-pack: center;
        justify-content: center;
    padding-left: 0;
  }

  .c-footer__copyright-carbon:before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    height: 5px;
    width: 75%;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
  }
    }

@media (max-width: 659px) and (max-width: 659px) {

  .c-footer__copyright-carbon {
    padding-top: calc((24px / 2) * 1.5);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-footer__copyright-carbon {
    padding-top: calc(2.189vw * 1.5);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-footer__copyright-carbon {
    padding-top: calc(24px * 1.5);
  }
}

/* ==========================================================================
   Header
   ========================================================================== */

.c-header {
    width: 100%;
    height: 222px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    z-index: 2;
    overflow: hidden
}

.c-header.c-header--open {
  overflow: visible;
}

@media (max-width: 767px) {

  .c-header {
    height: 90px;
  }
    }

@media (min-width: 768px) and (max-width: 1023px) {

  .c-header {
    height: 170px;
  }
    }

@media (min-width: 1024px) and (max-width: 1366px) {

  .c-header {
    height: 200px;
  }
    }

.c-header:after {
  content: "";
  position: absolute;
  right: -10px;
  width: 440px;
  height: 222px;
  top: 0;
  background: url("../../assets/images/brand-elements/nav-shards.jpg") no-repeat 0 0;
  pointer-events: none;
  transition: all .2s $transiton-easing;
  z-index: 1;
}

@media (max-width: 767px) {

  .c-header:after {
    top: 0;
    right: -10px;
    width: 170px;
    height: 90px;
    z-index: -1;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {

  .c-header:after {
    background: url("../../assets/images/brand-elements/nav-shards.png") no-repeat 0/cover;
    height: 170px;
  }
}

@media (min-width: 768px) and (max-width: 1520px) {

  .c-header:after {
    right: 0;
    width: calc(440px / 3);
  }
}

@media (min-width: 1024px) {

  .c-header:after {
    height: 222px;
  }
}

.c-header__wrap {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 0 30px;
    z-index: 9;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}

@media (max-width: 767px) {

  .c-header__wrap {
    padding: 0 calc(30px / 2);
  }
    }

@media (min-width: 768px) {

  .c-header__wrap {
    height: calc(100% - 55px);
  }
    }

/*
   Logo
   ========================================================================== */

.c-header__brand {
    margin-right: auto;
    position: relative;
    display: block;
    width: 190px;
    height: 78px;
    text-indent: -9em;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22587%22%20height%3D%22240%22%20viewBox%3D%220%200%20587%20240%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22a%22%20points%3D%22135.813%2083.486%20135.813%20.65%20.113%20.65%20.113%2083.486%22%2F%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22c%22%20points%3D%22.809%201.8%204.615%201.8%204.615%20.388%20.809%20.388%20.809%201.8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22e%22%20points%3D%22.333%201.8%204.14%201.8%204.14%20.384%20.333%20.384%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23001E5F%22%20d%3D%22M85.7292839%2C202.48044%20C85.7292839%2C214.26424%2081.4888968%2C217.35744%2070.5986387%2C217.35744%20L25.4427032%2C217.35744%20L25.4427032%2C176.39344%20L70.5986387%2C176.39344%20C81.4888968%2C176.39344%2085.7292839%2C179.48284%2085.7292839%2C191.26664%20L85.7292839%2C202.48044%20Z%20M76.7841226%2C155.80124%20L0.000380645161%2C155.80124%20L0.000380645161%2C238.63364%20L76.7841226%2C238.63364%20C102.234058%2C238.63364%20111.175413%2C230.28504%20111.175413%2C209.80304%20L111.175413%2C184.63184%20C111.175413%2C164.15364%20102.234058%2C155.80124%2076.7841226%2C155.80124%20L76.7841226%2C155.80124%20Z%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22161.022%20155.8%20116.091%20238.637%20144.517%20238.637%20151.966%20223.991%20161.483%20206.143%20177.527%20175.021%20194.032%20206.143%20203.544%20223.991%20211.45%20238.637%20239.758%20238.637%20194.146%20155.8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22282.286%20176.394%20316.285%20176.394%20327.624%20155.798%20211.501%20155.798%20222.844%20176.394%20256.84%20176.394%20256.84%20238.137%20257.117%20238.634%20282.012%20238.634%20282.286%20238.133%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23001E5F%22%20d%3D%22M410.939187%2C203.625%20C410.939187%2C214.151%20407.155574%2C218.2702%20396.729703%2C218.2702%20L371.515768%2C218.2702%20C361.082284%2C218.2702%20357.302477%2C214.151%20357.302477%2C203.625%20L357.302477%2C155.7982%20L344.980994%2C155.7982%20L331.863961%2C179.628%20L331.863961%2C209.116%20C331.863961%2C229.712%20342.518219%2C239.5502%20365.897445%2C239.5502%20L402.344219%2C239.5502%20C425.723445%2C239.5502%20436.385316%2C229.712%20436.385316%2C209.116%20L436.385316%2C155.7982%20L410.939187%2C155.7982%20L410.939187%2C203.625%20Z%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(451.161%20155.15)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%2296.732%20.65%2067.963%2053.968%2039.198%20.65%20.113%20.65%20.113%2083.486%2024.87%2083.486%2024.87%2023.99%2025.102%2023.99%2058.451%2083.486%2077.475%2083.486%20110.824%2023.99%20111.06%2023.99%20111.06%2083.486%20135.813%2083.486%20135.813%20.65%22%20mask%3D%22url(%23b)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(256.032%20237.75)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22d%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22.809%20.886%201.083%20.886%20.809%20.388%22%20mask%3D%22url(%23d)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(281.677%20237.75)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22f%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23e%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22.333%20.886%20.603%20.886%20.603%20.384%22%20mask%3D%22url(%23f)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23CF0A2C%22%20points%3D%2220.228%2049.434%2040.166%20.649%20.293%20.649%22%20transform%3D%22translate(273.258%20.15)%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23CF0A2C%22%20points%3D%22293.486%2071.449%20273.551%20120.233%20313.424%20120.233%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23CF0A2C%22%20points%3D%22313.15%2060.717%20362.238%2072.949%20362.238%2048.485%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23CF0A2C%22%20points%3D%22273.825%2060.717%20224.737%2048.485%20224.737%2072.949%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22341.482%2045.771%20366.438%209.755%20330.307%209.755%20298.405%2055.811%20310.936%2052.892%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22245.489%2045.771%20220.537%209.755%20256.668%209.755%20288.57%2055.811%20276.039%2052.892%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22245.489%2075.665%20220.537%20111.681%20256.668%20111.681%20288.57%2065.625%20276.039%2068.543%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22341.482%2075.665%20366.438%20111.681%20330.307%20111.681%20298.405%2065.625%20310.936%2068.543%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E') no-repeat 0/contain;
    overflow: hidden
}

@media (max-width: 767px) {

  .c-header__brand {
    width: 100px;
  }
    }

@media (min-width: 768px) and (max-width: 959px) {

  .c-header__brand {
    width: 120px;
  }
    }

@media (min-width: 960px) and (max-width: 1366px) {

  .c-header__brand {
    width: 140px;
  }
    }

/* ==========================================================================
   Hero
   ========================================================================== */

.c-hero {
    position: relative;
    width: 100%;
    margin-bottom: calc(24px * 2)
}

.c-hero.c-hero--home {
  height: 100vh;
}

@media (max-width: 659px) {

  .c-hero.c-hero--home {
    margin-bottom: 24px;
    height: 100vh;
  }
}

@media (min-width: 960px) and (max-width: 1520px) {

  .c-hero.c-hero--home {
    height: calc(100vh + 24px);
  }
}

.c-hero.c-hero--inner {
  height: 100vh;
  max-height: 960px;
}

@media (max-width: 659px) {

  .c-hero.c-hero--inner {
    height: 90vh;
  }
}

@media (max-width: 659px) and (max-width: 659px) {

  .c-hero.c-hero--inner {
    margin-bottom: calc((24px / 2) * .7);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-hero.c-hero--inner {
    margin-bottom: calc(2.189vw * .7);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-hero.c-hero--inner {
    margin-bottom: calc(24px * .7);
  }
}

.c-hero.c-hero--post {
  height: 100vh;
}

.c-hero.c-hero--post:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(21, 21, 21, 0.15);
  width: 100%;
  height: 100%;
  z-index: 0;
}

@media (max-width: 659px) {

  .c-hero.c-hero--post {
    height: 80vh;
  }
}

@media (min-width: 768px) and (max-width: 1366px) {

  .c-hero.c-hero--post {
    max-height: 768px;
  }
}

@media (min-width: 1367px) {

  .c-hero.c-hero--post {
    max-height: 820px;
  }
}

@media (max-width: 659px) and (max-width: 659px) {

  .c-hero.c-hero--post {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-hero.c-hero--post {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-hero.c-hero--post {
    margin-bottom: calc(24px * 2);
  }
}

.c-hero.c-hero--404 {
  background: #051A44;
  height: calc(100vh + 222px);
  margin-bottom: 0;
}

.c-hero.c-hero--404:before {
  content: "404";
  color: #01235a;
  font-size: calc(200px + 800 * ((100vw - 420px) / 860));
  font-weight: 800;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 1280px) {

  .c-hero.c-hero--404:before {
    font-size: 1000px;
  }
}

@media screen and (max-width: 420px) {

  .c-hero.c-hero--404:before {
    font-size: 200px;
  }
}

/*
   Image
   ========================================================================== */

.c-hero__image, .c-hero__video {
    z-index: 0;
    background: #01235a;
    height: 100%;
    width: 100%;
    position: relative;
}

.c-hero__image img, .c-hero__image video, .c-hero__video img, .c-hero__video video {
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.c-object-fit {
}

.c-object-fit--polyfill {
  background-size: cover !important;
  background-position: center center !important;
}

.c-object-fit--polyfill img {
  display: none !important;
}

/*
   Content
   ========================================================================== */

.c-hero--home .c-hero__content {
  z-index: 1;
  background-image: linear-gradient(to bottom, rgba(2, 72, 147, 0.4) 0%, rgba(1, 35, 90, 0.6) 100%);
  padding: 25px;
  width: 100%;
  max-width: 700px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.c-hero--inner .c-hero__content, .c-hero--post .c-hero__content {
  background: #cc1c2d;
  padding: calc(24px * 1.28) 30px;
  position: absolute;
  left: 0;
  bottom: calc(24px * 2);
  z-index: 1;
  max-width: 600px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

.c-hero--404 .c-hero__content {
  width: 100%;
  max-width: 700px;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c-hero--404 .c-hero__content .c-hero__title {
  color: #FFFFFF;
}

.c-hero--404 .c-hero__content .c-hero--404__content {
  text-align: left;
}

.c-hero--404 .c-hero__content .c-hero--404__content a {
  text-decoration: underline;
  font-weight: 700;
  color: #FFFFFF;
}

.c-hero--404 .c-hero__content .c-hero--404__content ul {
  padding-left: 0;
  list-style: outside;
}

@media (max-width: 659px) {

  .c-hero--home .c-hero__content {
    margin-top: calc(-24px);
    background: rgba(1, 35, 90, 0.75);
  }
        }

@media (min-width: 660px) and (max-width: 1366px) {

  .c-hero--home .c-hero__content {
    background: rgba(1, 35, 90, 0.65);
  }
        }

@media (max-width: 959px) {

  .c-hero--home .c-hero__content {
    max-width: 580px;
  }
        }

@media (max-width: 479px) {

  .c-hero--inner .c-hero__content, .c-hero--post .c-hero__content {
    bottom: 0;
  }
        }

@media (min-width: 480px) and (max-width: 659px) {

  .c-hero--inner .c-hero__content, .c-hero--post .c-hero__content {
    bottom: calc(24px * 2);
  }
        }

@media (max-width: 659px) {

  .c-hero--inner .c-hero__content, .c-hero--post .c-hero__content {
    padding: calc(30px / 1.4) calc(30px / 2);
    width: 100%;
  }
        }

@media (max-width: 659px) {

  .c-hero--404 .c-hero__content {
    padding-left: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-hero--404 .c-hero__content {
    padding-left: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-hero--404 .c-hero__content {
    padding-left: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-hero--404 .c-hero__content {
    padding-right: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-hero--404 .c-hero__content {
    padding-right: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-hero--404 .c-hero__content {
    padding-right: calc(24px * 2);
  }
}

/*
   Project specific
   ========================================================================== */

.c-hero--project .c-hero__content {
  display: -ms-flexbox;
  display: flex;
  padding: 0
}

@media (max-width: 659px) {

  .c-hero--project .c-hero__content {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
  }
        }

.c-hero__content-wrap {
    padding: calc(24px * 1.28) 30px;
    min-width: 340px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    position: relative
}

@media (max-width: 659px) {

  .c-hero__content-wrap {
    padding: calc(24px / 1.2) calc(30px / 2);
  }
    }

@media (min-width: 660px) {

  .c-hero__content-wrap {
    max-width: 540px;
  }
    }

.c-hero__content-wrap--button {
    padding-left: calc(60px * 1.4);
}

.c-hero__content-nav {
    background: #A31725;
    height: 100%;
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

.c-hero__content-nav > a {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2221%22%20viewBox%3D%220%200%2014%2021%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20points%3D%2266.65%2024%2059%2031.633%2051.35%2024%2049%2026.35%2059%2036.35%2069%2026.35%22%20transform%3D%22rotate(90%2043%20-5.825)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat center center;
  display: block;
  height: 100%;
  width: 100%;
  transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

.c-hero__content-nav > a span {
  display: block;
  text-indent: -9999px;
}

.c-hero__content-nav > a:hover {
  transform: translateX(-2px);
}

/*
   Hero content variations
   ========================================================================== */

.c-hero__content-wrap__project {
    display: -ms-flexbox;
    display: flex;
    color: #FFFFFF;
}

.c-hero__content-location {
    background: #01235a;
}

.c-hero__content-clients {
    background: #051A44;
}

.c-hero__content-location, .c-hero__content-clients {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    padding: calc(24px * 1.28) 30px;
    min-width: 150px;
}

.c-hero__content-location span, .c-hero__content-clients span {
  font-size: calc(20px + 4 * ((100vw - 420px) / 860));
  font-weight: 700;
  display: block;
}

@media screen and (min-width: 1280px) {

  .c-hero__content-location span, .c-hero__content-clients span {
    font-size: 24px;
  }
}

@media screen and (max-width: 420px) {

  .c-hero__content-location span, .c-hero__content-clients span {
    font-size: 20px;
  }
}

@media (max-width: 659px) {

  .c-hero__content-location, .c-hero__content-clients {
    width: 50%;
    padding: calc(24px / 1.6) calc(30px / 2);
  }
    }

/*
   Hero title
   ========================================================================== */

.c-hero--home .c-hero__title {
  font-size: calc(20px + 16 * ((100vw - 420px) / 860));
  font-weight: 300;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.4
}

@media screen and (min-width: 1280px) {

  .c-hero--home .c-hero__title {
    font-size: 36px;
  }
}

@media screen and (max-width: 420px) {

  .c-hero--home .c-hero__title {
    font-size: 20px;
  }
}

.c-hero--inner .c-hero__title, .c-hero--post .c-hero__title {
  color: #FFFFFF;
  font-size: calc(24px + 3 * ((100vw - 420px) / 860));
  font-weight: 700;
  margin-bottom: calc(24px / 3)
}

@media screen and (min-width: 1280px) {

  .c-hero--inner .c-hero__title, .c-hero--post .c-hero__title {
    font-size: 27px;
  }
}

@media screen and (max-width: 420px) {

  .c-hero--inner .c-hero__title, .c-hero--post .c-hero__title {
    font-size: 24px;
  }
}

.c-hero--post .c-hero__title {
  font-size: calc(18px + 9 * ((100vw - 420px) / 860));
  line-height: 1.4
}

@media screen and (min-width: 1280px) {

  .c-hero--post .c-hero__title {
    font-size: 27px;
  }
}

@media screen and (max-width: 420px) {

  .c-hero--post .c-hero__title {
    font-size: 18px;
  }
}

.c-hero__content-select .c-hero__title {
  margin-bottom: 0
}

.c-hero__content-wrap--button .c-hero__title {
}

@media (min-width: 768px) and (max-width: 1366px) {

  .c-hero--home .c-hero__title {
    font-size: calc(22px + 4 * ((100vw - 420px) / 860));
  }

  @media screen and (min-width: 1280px) {

    .c-hero--home .c-hero__title {
      font-size: 26px;
    }
  }

  @media screen and (max-width: 420px) {

    .c-hero--home .c-hero__title {
      font-size: 22px;
    }
  }
        }

@media (max-width: 659px) {

  .c-hero--inner .c-hero__title, .c-hero--post .c-hero__title {
    margin-bottom: calc(24px / 5);
  }
        }

@media (max-width: 767px) {

  .c-hero--post .c-hero__title {
    padding-right: 30px;
  }
        }

@media (min-width: 768px) {

  .c-hero--post .c-hero__title {
    margin-bottom: 10px;
  }
        }

@media (max-width: 479px) {

  .c-hero__content-select .c-hero__title {
    margin-bottom: calc(24px / 2);
  }
        }

@media (max-width: 659px) {

  .c-hero__content-wrap--button .c-hero__title {
    text-align: left;
  }
        }

/*
   Hero subtitle
   ========================================================================== */

.c-hero__subtitle {
    color: #FFFFFF;
    font-size: calc(16px + 6 * ((100vw - 420px) / 860));
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.2;
}

@media screen and (min-width: 1280px) {

  .c-hero__subtitle {
    font-size: 22px;
  }
}

@media screen and (max-width: 420px) {

  .c-hero__subtitle {
    font-size: 16px;
  }
}

.c-hero__subtitle a {
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: 700;
}

.c-hero__content-wrap--button .c-hero__subtitle {
}

@media (max-width: 659px) {

  .c-hero__content-wrap--button .c-hero__subtitle {
    text-align: left;
  }
        }

/*
   Category select
   ========================================================================== */

.c-hero__content-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.c-hero__content-select + .c-hero__subtitle {
}

@media (max-width: 479px) {

  .c-hero__content-select {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 659px) {

  .c-hero__content-select + .c-hero__subtitle {
    margin-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-hero__content-select + .c-hero__subtitle {
    margin-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-hero__content-select + .c-hero__subtitle {
    margin-top: calc(24px * 1);
  }
}

@media (max-width: 479px) {

  .c-hero__content-select + .c-hero__subtitle {
    display: none;
  }
        }

.c-hero__select-wrap {
    margin-left: 30px;
    position: relative;
    display: inline-block
}

.c-hero__select-wrap:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 44px;
  background: url("../../assets/svg/icons/icon-chevron__down--red.svg") no-repeat 50% 52% #fff;
  pointer-events: none;
}

@media (max-width: 479px) {

  .c-hero__select-wrap {
    margin-left: 0;
  }
    }

.c-hero__select {
    background: transparent;
    color: #FFFFFF;
    padding-right: 60px
}

.c-hero__select:focus, .c-hero__select:active {
  background: #01235a;
  border-color: #FFFFFF;
}

/* ==========================================================================
   Hero cta
   ========================================================================== */

.c-hero__cta {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.c-hero__cta-wrap {
    -ms-flex-pack: justify;
        justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 24px calc(30px * 2);
    background-image: linear-gradient(0deg, #151515 0%, rgba(62, 62, 62, 0) 100%);
    position: relative;
    overflow: hidden;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)

    /*@mixin flex-base row;*/
}

.c-hero__cta-wrap--hidden {
  opacity: 0;
}

@media (max-width: 659px) {

  .c-hero__cta-wrap {
    padding: calc(24px / 2) calc(30px / 2);
    background-image: linear-gradient(0deg, #151515 35%, rgba(62, 62, 62, 0) 100%);
  }
    }

@media (min-width: 660px) and (max-width: 959px) {

  .c-hero__cta-wrap {
    padding: 24px calc(30px / 2);
  }
    }

@media (max-width: 959px) {

  .c-hero__cta-wrap {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
    }

.c-hero__cta-wrap:before, .c-hero__cta-wrap:after {
  content: "";
  position: absolute;
  width: 21px;
  height: 100%;
}

.c-hero__cta-wrap:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%22297%22%20viewBox%3D%220%200%2020%20297%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%2271.912%25%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23AEAEAE%22%20stop-opacity%3D%220%22%20offset%3D%220%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23919191%22%20offset%3D%22100%25%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20fill%3D%22url(%23a)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%2C0%20L1%2C0%20L0%2C0%20Z%20M1%2C1052%20L21%2C1052%20L21%2C1053%20L1%2C1053%20L1%2C1052%20Z%20M1%2C1068%20L11%2C1068%20L11%2C1069%20L1%2C1069%20L1%2C1068%20Z%20M1%2C1064%20L11%2C1064%20L11%2C1065%20L1%2C1065%20L1%2C1064%20Z%20M1%2C1060%20L11%2C1060%20L11%2C1061%20L1%2C1061%20L1%2C1060%20Z%20M1%2C1056%20L11%2C1056%20L11%2C1057%20L1%2C1057%20L1%2C1056%20Z%20M1%2C1032%20L21%2C1032%20L21%2C1033%20L1%2C1033%20L1%2C1032%20Z%20M1%2C1048%20L11%2C1048%20L11%2C1049%20L1%2C1049%20L1%2C1048%20Z%20M1%2C1044%20L11%2C1044%20L11%2C1045%20L1%2C1045%20L1%2C1044%20Z%20M1%2C1040%20L11%2C1040%20L11%2C1041%20L1%2C1041%20L1%2C1040%20Z%20M1%2C1036%20L11%2C1036%20L11%2C1037%20L1%2C1037%20L1%2C1036%20Z%20M1%2C1012%20L21%2C1012%20L21%2C1013%20L1%2C1013%20L1%2C1012%20Z%20M1%2C1028%20L11%2C1028%20L11%2C1029%20L1%2C1029%20L1%2C1028%20Z%20M1%2C1024%20L11%2C1024%20L11%2C1025%20L1%2C1025%20L1%2C1024%20Z%20M1%2C1020%20L11%2C1020%20L11%2C1021%20L1%2C1021%20L1%2C1020%20Z%20M1%2C1016%20L11%2C1016%20L11%2C1017%20L1%2C1017%20L1%2C1016%20Z%20M1%2C992%20L21%2C992%20L21%2C993%20L1%2C993%20L1%2C992%20Z%20M1%2C1008%20L11%2C1008%20L11%2C1009%20L1%2C1009%20L1%2C1008%20Z%20M1%2C1004%20L11%2C1004%20L11%2C1005%20L1%2C1005%20L1%2C1004%20Z%20M1%2C1000%20L11%2C1000%20L11%2C1001%20L1%2C1001%20L1%2C1000%20Z%20M1%2C996%20L11%2C996%20L11%2C997%20L1%2C997%20L1%2C996%20Z%20M1%2C972%20L21%2C972%20L21%2C973%20L1%2C973%20L1%2C972%20Z%20M1%2C988%20L11%2C988%20L11%2C989%20L1%2C989%20L1%2C988%20Z%20M1%2C984%20L11%2C984%20L11%2C985%20L1%2C985%20L1%2C984%20Z%20M1%2C980%20L11%2C980%20L11%2C981%20L1%2C981%20L1%2C980%20Z%20M1%2C976%20L11%2C976%20L11%2C977%20L1%2C977%20L1%2C976%20Z%20M1%2C952%20L21%2C952%20L21%2C953%20L1%2C953%20L1%2C952%20Z%20M1%2C968%20L11%2C968%20L11%2C969%20L1%2C969%20L1%2C968%20Z%20M1%2C964%20L11%2C964%20L11%2C965%20L1%2C965%20L1%2C964%20Z%20M1%2C960%20L11%2C960%20L11%2C961%20L1%2C961%20L1%2C960%20Z%20M1%2C956%20L11%2C956%20L11%2C957%20L1%2C957%20L1%2C956%20Z%20M1%2C932%20L21%2C932%20L21%2C933%20L1%2C933%20L1%2C932%20Z%20M1%2C948%20L11%2C948%20L11%2C949%20L1%2C949%20L1%2C948%20Z%20M1%2C944%20L11%2C944%20L11%2C945%20L1%2C945%20L1%2C944%20Z%20M1%2C940%20L11%2C940%20L11%2C941%20L1%2C941%20L1%2C940%20Z%20M1%2C936%20L11%2C936%20L11%2C937%20L1%2C937%20L1%2C936%20Z%20M1%2C912%20L21%2C912%20L21%2C913%20L1%2C913%20L1%2C912%20Z%20M1%2C928%20L11%2C928%20L11%2C929%20L1%2C929%20L1%2C928%20Z%20M1%2C924%20L11%2C924%20L11%2C925%20L1%2C925%20L1%2C924%20Z%20M1%2C920%20L11%2C920%20L11%2C921%20L1%2C921%20L1%2C920%20Z%20M1%2C916%20L11%2C916%20L11%2C917%20L1%2C917%20L1%2C916%20Z%20M1%2C892%20L21%2C892%20L21%2C893%20L1%2C893%20L1%2C892%20Z%20M1%2C908%20L11%2C908%20L11%2C909%20L1%2C909%20L1%2C908%20Z%20M1%2C904%20L11%2C904%20L11%2C905%20L1%2C905%20L1%2C904%20Z%20M1%2C900%20L11%2C900%20L11%2C901%20L1%2C901%20L1%2C900%20Z%20M1%2C896%20L11%2C896%20L11%2C897%20L1%2C897%20L1%2C896%20Z%20M1%2C872%20L21%2C872%20L21%2C873%20L1%2C873%20L1%2C872%20Z%20M1%2C888%20L11%2C888%20L11%2C889%20L1%2C889%20L1%2C888%20Z%20M1%2C884%20L11%2C884%20L11%2C885%20L1%2C885%20L1%2C884%20Z%20M1%2C880%20L11%2C880%20L11%2C881%20L1%2C881%20L1%2C880%20Z%20M1%2C876%20L11%2C876%20L11%2C877%20L1%2C877%20L1%2C876%20Z%20M1%2C852%20L21%2C852%20L21%2C853%20L1%2C853%20L1%2C852%20Z%20M1%2C868%20L11%2C868%20L11%2C869%20L1%2C869%20L1%2C868%20Z%20M1%2C864%20L11%2C864%20L11%2C865%20L1%2C865%20L1%2C864%20Z%20M1%2C860%20L11%2C860%20L11%2C861%20L1%2C861%20L1%2C860%20Z%20M1%2C856%20L11%2C856%20L11%2C857%20L1%2C857%20L1%2C856%20Z%20M1%2C832%20L21%2C832%20L21%2C833%20L1%2C833%20L1%2C832%20Z%20M1%2C848%20L11%2C848%20L11%2C849%20L1%2C849%20L1%2C848%20Z%20M1%2C844%20L11%2C844%20L11%2C845%20L1%2C845%20L1%2C844%20Z%20M1%2C840%20L11%2C840%20L11%2C841%20L1%2C841%20L1%2C840%20Z%20M1%2C836%20L11%2C836%20L11%2C837%20L1%2C837%20L1%2C836%20Z%20M1%2C812%20L21%2C812%20L21%2C813%20L1%2C813%20L1%2C812%20Z%20M1%2C828%20L11%2C828%20L11%2C829%20L1%2C829%20L1%2C828%20Z%20M1%2C824%20L11%2C824%20L11%2C825%20L1%2C825%20L1%2C824%20Z%20M1%2C820%20L11%2C820%20L11%2C821%20L1%2C821%20L1%2C820%20Z%20M1%2C816%20L11%2C816%20L11%2C817%20L1%2C817%20L1%2C816%20Z%20M1%2C792%20L21%2C792%20L21%2C793%20L1%2C793%20L1%2C792%20Z%20M1%2C808%20L11%2C808%20L11%2C809%20L1%2C809%20L1%2C808%20Z%20M1%2C804%20L11%2C804%20L11%2C805%20L1%2C805%20L1%2C804%20Z%20M1%2C800%20L11%2C800%20L11%2C801%20L1%2C801%20L1%2C800%20Z%20M1%2C796%20L11%2C796%20L11%2C797%20L1%2C797%20L1%2C796%20Z%20M1%2C772%20L21%2C772%20L21%2C773%20L1%2C773%20L1%2C772%20Z%20M1%2C788%20L11%2C788%20L11%2C789%20L1%2C789%20L1%2C788%20Z%20M1%2C784%20L11%2C784%20L11%2C785%20L1%2C785%20L1%2C784%20Z%20M1%2C780%20L11%2C780%20L11%2C781%20L1%2C781%20L1%2C780%20Z%20M1%2C776%20L11%2C776%20L11%2C777%20L1%2C777%20L1%2C776%20Z%20M1%2C752%20L21%2C752%20L21%2C753%20L1%2C753%20L1%2C752%20Z%20M1%2C768%20L11%2C768%20L11%2C769%20L1%2C769%20L1%2C768%20Z%20M1%2C764%20L11%2C764%20L11%2C765%20L1%2C765%20L1%2C764%20Z%20M1%2C760%20L11%2C760%20L11%2C761%20L1%2C761%20L1%2C760%20Z%20M1%2C756%20L11%2C756%20L11%2C757%20L1%2C757%20L1%2C756%20Z%20M1%2C732%20L21%2C732%20L21%2C733%20L1%2C733%20L1%2C732%20Z%20M1%2C748%20L11%2C748%20L11%2C749%20L1%2C749%20L1%2C748%20Z%20M1%2C744%20L11%2C744%20L11%2C745%20L1%2C745%20L1%2C744%20Z%20M1%2C740%20L11%2C740%20L11%2C741%20L1%2C741%20L1%2C740%20Z%20M1%2C736%20L11%2C736%20L11%2C737%20L1%2C737%20L1%2C736%20Z%22%20transform%3D%22translate(-1%20-772)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat 0;
  left: 0;
  bottom: 0;
}

.c-hero__cta-wrap:after {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%22297%22%20viewBox%3D%220%200%2020%20297%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%2271.912%25%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23AEAEAE%22%20stop-opacity%3D%220%22%20offset%3D%220%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23919191%22%20offset%3D%22100%25%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20fill%3D%22url(%23a)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1270%2C0%20L1271%2C0%20L1270%2C0%20Z%20M1271%2C1052%20L1291%2C1052%20L1291%2C1053%20L1271%2C1053%20L1271%2C1052%20Z%20M1271%2C1068%20L1281%2C1068%20L1281%2C1069%20L1271%2C1069%20L1271%2C1068%20Z%20M1271%2C1064%20L1281%2C1064%20L1281%2C1065%20L1271%2C1065%20L1271%2C1064%20Z%20M1271%2C1060%20L1281%2C1060%20L1281%2C1061%20L1271%2C1061%20L1271%2C1060%20Z%20M1271%2C1056%20L1281%2C1056%20L1281%2C1057%20L1271%2C1057%20L1271%2C1056%20Z%20M1271%2C1032%20L1291%2C1032%20L1291%2C1033%20L1271%2C1033%20L1271%2C1032%20Z%20M1271%2C1048%20L1281%2C1048%20L1281%2C1049%20L1271%2C1049%20L1271%2C1048%20Z%20M1271%2C1044%20L1281%2C1044%20L1281%2C1045%20L1271%2C1045%20L1271%2C1044%20Z%20M1271%2C1040%20L1281%2C1040%20L1281%2C1041%20L1271%2C1041%20L1271%2C1040%20Z%20M1271%2C1036%20L1281%2C1036%20L1281%2C1037%20L1271%2C1037%20L1271%2C1036%20Z%20M1271%2C1012%20L1291%2C1012%20L1291%2C1013%20L1271%2C1013%20L1271%2C1012%20Z%20M1271%2C1028%20L1281%2C1028%20L1281%2C1029%20L1271%2C1029%20L1271%2C1028%20Z%20M1271%2C1024%20L1281%2C1024%20L1281%2C1025%20L1271%2C1025%20L1271%2C1024%20Z%20M1271%2C1020%20L1281%2C1020%20L1281%2C1021%20L1271%2C1021%20L1271%2C1020%20Z%20M1271%2C1016%20L1281%2C1016%20L1281%2C1017%20L1271%2C1017%20L1271%2C1016%20Z%20M1271%2C992%20L1291%2C992%20L1291%2C993%20L1271%2C993%20L1271%2C992%20Z%20M1271%2C1008%20L1281%2C1008%20L1281%2C1009%20L1271%2C1009%20L1271%2C1008%20Z%20M1271%2C1004%20L1281%2C1004%20L1281%2C1005%20L1271%2C1005%20L1271%2C1004%20Z%20M1271%2C1000%20L1281%2C1000%20L1281%2C1001%20L1271%2C1001%20L1271%2C1000%20Z%20M1271%2C996%20L1281%2C996%20L1281%2C997%20L1271%2C997%20L1271%2C996%20Z%20M1271%2C972%20L1291%2C972%20L1291%2C973%20L1271%2C973%20L1271%2C972%20Z%20M1271%2C988%20L1281%2C988%20L1281%2C989%20L1271%2C989%20L1271%2C988%20Z%20M1271%2C984%20L1281%2C984%20L1281%2C985%20L1271%2C985%20L1271%2C984%20Z%20M1271%2C980%20L1281%2C980%20L1281%2C981%20L1271%2C981%20L1271%2C980%20Z%20M1271%2C976%20L1281%2C976%20L1281%2C977%20L1271%2C977%20L1271%2C976%20Z%20M1271%2C952%20L1291%2C952%20L1291%2C953%20L1271%2C953%20L1271%2C952%20Z%20M1271%2C968%20L1281%2C968%20L1281%2C969%20L1271%2C969%20L1271%2C968%20Z%20M1271%2C964%20L1281%2C964%20L1281%2C965%20L1271%2C965%20L1271%2C964%20Z%20M1271%2C960%20L1281%2C960%20L1281%2C961%20L1271%2C961%20L1271%2C960%20Z%20M1271%2C956%20L1281%2C956%20L1281%2C957%20L1271%2C957%20L1271%2C956%20Z%20M1271%2C932%20L1291%2C932%20L1291%2C933%20L1271%2C933%20L1271%2C932%20Z%20M1271%2C948%20L1281%2C948%20L1281%2C949%20L1271%2C949%20L1271%2C948%20Z%20M1271%2C944%20L1281%2C944%20L1281%2C945%20L1271%2C945%20L1271%2C944%20Z%20M1271%2C940%20L1281%2C940%20L1281%2C941%20L1271%2C941%20L1271%2C940%20Z%20M1271%2C936%20L1281%2C936%20L1281%2C937%20L1271%2C937%20L1271%2C936%20Z%20M1271%2C912%20L1291%2C912%20L1291%2C913%20L1271%2C913%20L1271%2C912%20Z%20M1271%2C928%20L1281%2C928%20L1281%2C929%20L1271%2C929%20L1271%2C928%20Z%20M1271%2C924%20L1281%2C924%20L1281%2C925%20L1271%2C925%20L1271%2C924%20Z%20M1271%2C920%20L1281%2C920%20L1281%2C921%20L1271%2C921%20L1271%2C920%20Z%20M1271%2C916%20L1281%2C916%20L1281%2C917%20L1271%2C917%20L1271%2C916%20Z%20M1271%2C892%20L1291%2C892%20L1291%2C893%20L1271%2C893%20L1271%2C892%20Z%20M1271%2C908%20L1281%2C908%20L1281%2C909%20L1271%2C909%20L1271%2C908%20Z%20M1271%2C904%20L1281%2C904%20L1281%2C905%20L1271%2C905%20L1271%2C904%20Z%20M1271%2C900%20L1281%2C900%20L1281%2C901%20L1271%2C901%20L1271%2C900%20Z%20M1271%2C896%20L1281%2C896%20L1281%2C897%20L1271%2C897%20L1271%2C896%20Z%20M1271%2C872%20L1291%2C872%20L1291%2C873%20L1271%2C873%20L1271%2C872%20Z%20M1271%2C888%20L1281%2C888%20L1281%2C889%20L1271%2C889%20L1271%2C888%20Z%20M1271%2C884%20L1281%2C884%20L1281%2C885%20L1271%2C885%20L1271%2C884%20Z%20M1271%2C880%20L1281%2C880%20L1281%2C881%20L1271%2C881%20L1271%2C880%20Z%20M1271%2C876%20L1281%2C876%20L1281%2C877%20L1271%2C877%20L1271%2C876%20Z%20M1271%2C852%20L1291%2C852%20L1291%2C853%20L1271%2C853%20L1271%2C852%20Z%20M1271%2C868%20L1281%2C868%20L1281%2C869%20L1271%2C869%20L1271%2C868%20Z%20M1271%2C864%20L1281%2C864%20L1281%2C865%20L1271%2C865%20L1271%2C864%20Z%20M1271%2C860%20L1281%2C860%20L1281%2C861%20L1271%2C861%20L1271%2C860%20Z%20M1271%2C856%20L1281%2C856%20L1281%2C857%20L1271%2C857%20L1271%2C856%20Z%20M1271%2C832%20L1291%2C832%20L1291%2C833%20L1271%2C833%20L1271%2C832%20Z%20M1271%2C848%20L1281%2C848%20L1281%2C849%20L1271%2C849%20L1271%2C848%20Z%20M1271%2C844%20L1281%2C844%20L1281%2C845%20L1271%2C845%20L1271%2C844%20Z%20M1271%2C840%20L1281%2C840%20L1281%2C841%20L1271%2C841%20L1271%2C840%20Z%20M1271%2C836%20L1281%2C836%20L1281%2C837%20L1271%2C837%20L1271%2C836%20Z%20M1271%2C812%20L1291%2C812%20L1291%2C813%20L1271%2C813%20L1271%2C812%20Z%20M1271%2C828%20L1281%2C828%20L1281%2C829%20L1271%2C829%20L1271%2C828%20Z%20M1271%2C824%20L1281%2C824%20L1281%2C825%20L1271%2C825%20L1271%2C824%20Z%20M1271%2C820%20L1281%2C820%20L1281%2C821%20L1271%2C821%20L1271%2C820%20Z%20M1271%2C816%20L1281%2C816%20L1281%2C817%20L1271%2C817%20L1271%2C816%20Z%20M1271%2C792%20L1291%2C792%20L1291%2C793%20L1271%2C793%20L1271%2C792%20Z%20M1271%2C808%20L1281%2C808%20L1281%2C809%20L1271%2C809%20L1271%2C808%20Z%20M1271%2C804%20L1281%2C804%20L1281%2C805%20L1271%2C805%20L1271%2C804%20Z%20M1271%2C800%20L1281%2C800%20L1281%2C801%20L1271%2C801%20L1271%2C800%20Z%20M1271%2C796%20L1281%2C796%20L1281%2C797%20L1271%2C797%20L1271%2C796%20Z%20M1271%2C772%20L1291%2C772%20L1291%2C773%20L1271%2C773%20L1271%2C772%20Z%20M1271%2C788%20L1281%2C788%20L1281%2C789%20L1271%2C789%20L1271%2C788%20Z%20M1271%2C784%20L1281%2C784%20L1281%2C785%20L1271%2C785%20L1271%2C784%20Z%20M1271%2C780%20L1281%2C780%20L1281%2C781%20L1271%2C781%20L1271%2C780%20Z%20M1271%2C776%20L1281%2C776%20L1281%2C777%20L1271%2C777%20L1271%2C776%20Z%20M1271%2C752%20L1291%2C752%20L1291%2C753%20L1271%2C753%20L1271%2C752%20Z%20M1271%2C768%20L1281%2C768%20L1281%2C769%20L1271%2C769%20L1271%2C768%20Z%20M1271%2C764%20L1281%2C764%20L1281%2C765%20L1271%2C765%20L1271%2C764%20Z%20M1271%2C760%20L1281%2C760%20L1281%2C761%20L1271%2C761%20L1271%2C760%20Z%20M1271%2C756%20L1281%2C756%20L1281%2C757%20L1271%2C757%20L1271%2C756%20Z%20M1271%2C732%20L1291%2C732%20L1291%2C733%20L1271%2C733%20L1271%2C732%20Z%20M1271%2C748%20L1281%2C748%20L1281%2C749%20L1271%2C749%20L1271%2C748%20Z%20M1271%2C744%20L1281%2C744%20L1281%2C745%20L1271%2C745%20L1271%2C744%20Z%20M1271%2C740%20L1281%2C740%20L1281%2C741%20L1271%2C741%20L1271%2C740%20Z%20M1271%2C736%20L1281%2C736%20L1281%2C737%20L1271%2C737%20L1271%2C736%20Z%22%20transform%3D%22matrix(-1%200%200%201%201291%20-772)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat 0;
  right: 0;
  bottom: 0;
}

.c-hero__cta-item {
    text-align: center;
    padding: 0 calc(30px / 2)
}

@media (max-width: 659px) {

  .c-hero__cta-item {
    width: 100%;
  }
    }

@media (min-width: 660px) and (max-width: 959px) {

  .c-hero__cta-item {
    width: 50%;
  }
    }

@media (min-width: 960px) {

  .c-hero__cta-item {
    width: 33%;
  }
    }

.c-hero__cta-title {
    color: #FFFFFF;
    font-size: calc(20px + 6 * ((100vw - 420px) / 860))
}

@media screen and (min-width: 1280px) {

  .c-hero__cta-title {
    font-size: 26px;
  }
}

@media screen and (max-width: 420px) {

  .c-hero__cta-title {
    font-size: 20px;
  }
}

@media (max-width: 659px) {

  .c-hero__cta-title {
    font-size: 22px;
  }
    }

@media (min-width: 660px) and (max-width: 1366px) {

  .c-hero__cta-title {
    font-size: 20px;
  }
    }

.c-hero__cta-text {
    color: #FFFFFF;
    font-weight: 300
}

@media (max-width: 659px) {

  .c-hero__cta-text {
    font-size: 16px;
  }
    }

/* ==========================================================================
   Image bank
   ========================================================================== */

.c-image-bank + .o-wrapper .c-flexible-content {
  padding-top: 0;
}

@media (max-width: 659px) {

  .c-image-bank {
    margin-bottom: calc((24px / 2) * 4);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-image-bank {
    margin-bottom: calc(2.189vw * 4);
  }
}

@media (min-width: 1367px) {

  .c-image-bank {
    margin-bottom: calc(24px * 4);
  }
}

/* ==========================================================================
   Intro
   ========================================================================== */

.c-intro {
    max-width: 915px;
    margin: 0 auto;
}

.c-intro + .c-flexible-content {
  position: relative
}

.c-intro + .c-flexible-content:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 50%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-intro--product-logo + .c-intro {
}

@media (max-width: 659px) {

  .c-intro {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-intro {
    padding-top: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-intro {
}
    }

@media (max-width: 659px) {

  .c-intro + .c-flexible-content {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro + .c-flexible-content {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-intro + .c-flexible-content {
    padding-top: calc(24px * 3);
  }
}

@media (max-width: 767px) {

  .c-intro + .c-flexible-content {
}
        }

@media (max-width: 767px) and (max-width: 659px) {

  .c-intro + .c-flexible-content {
    padding-bottom: calc((24px / 2) * 3);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-intro + .c-flexible-content {
    padding-bottom: calc(2.189vw * 3);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-intro + .c-flexible-content {
    padding-bottom: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  .c-intro--product-logo + .c-intro {
    padding-top: calc((24px / 2) * .5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro--product-logo + .c-intro {
    padding-top: calc(2.189vw * .5);
  }
}

@media (min-width: 1367px) {

  .c-intro--product-logo + .c-intro {
    padding-top: calc(24px * .5);
  }
}

@media (max-width: 767px) {

  .c-intro--product-logo + .c-intro {
}
        }

@media (max-width: 767px) and (max-width: 659px) {

  .c-intro--product-logo + .c-intro {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-intro--product-logo + .c-intro {
    padding-top: calc(2.189vw * 2);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-intro--product-logo + .c-intro {
    padding-top: calc(24px * 2);
  }
}

@media (max-width: 659px) and (max-width: 659px) {

  .c-intro {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-intro {
    padding-top: calc(2.189vw * 3);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-intro {
    padding-top: calc(24px * 3);
  }
}

@media (max-width: 659px) and (max-width: 659px) {

  .c-intro {
    padding-bottom: calc((24px / 2) * 3);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-intro {
    padding-bottom: calc(2.189vw * 3);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-intro {
    padding-bottom: calc(24px * 3);
  }
}

.c-intro__title {
    font-weight: 400;
    font-size: calc(22px + 6 * ((100vw - 420px) / 860));
    text-align: center;
    line-height: 1.4
}

@media screen and (min-width: 1280px) {

  .c-intro__title {
    font-size: 28px;
  }
}

@media screen and (max-width: 420px) {

  .c-intro__title {
    font-size: 22px;
  }
}

@media (max-width: 659px) {

  .c-intro__title {
    margin-bottom: calc((24px / 2) * 1.6);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro__title {
    margin-bottom: calc(2.189vw * 1.6);
  }
}

@media (min-width: 1367px) {

  .c-intro__title {
    margin-bottom: calc(24px * 1.6);
  }
}

@media (max-width: 659px) {

  .c-intro__title {
    font-size: 20px;
    text-align: left;
  }
    }

@media (max-width: 659px) and (max-width: 659px) {

  .c-intro__title {
    margin-bottom: calc((24px / 2) * 2.5);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-intro__title {
    margin-bottom: calc(2.189vw * 2.5);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-intro__title {
    margin-bottom: calc(24px * 2.5);
  }
}

p.c-intro__subtitle {
    max-width: 660px;
    margin: 0 auto;
    text-align: center;
    font-size: calc(18px + 2 * ((100vw - 420px) / 860))
}

@media screen and (min-width: 1280px) {

  p.c-intro__subtitle {
    font-size: 20px;
  }
}

@media screen and (max-width: 420px) {

  p.c-intro__subtitle {
    font-size: 18px;
  }
}

@media (max-width: 659px) {

  p.c-intro__subtitle {
    padding-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  p.c-intro__subtitle {
    padding-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  p.c-intro__subtitle {
    padding-bottom: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  p.c-intro__subtitle {
    font-size: 17px;
    text-align: left;
  }
    }

/*
   Content intro
   ========================================================================== */

.c-main__content-intro {
    font-size: calc(20px + 6 * ((100vw - 420px) / 860));
    color: #01235a;
    line-height: 1.5 !important;
}

@media screen and (min-width: 1280px) {

  .c-main__content-intro {
    font-size: 26px;
  }
}

@media screen and (max-width: 420px) {

  .c-main__content-intro {
    font-size: 20px;
  }
}

/* ==========================================================================
   Intro - home
   ========================================================================== */

.c-intro__home {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

@media (max-width: 959px) {

  .c-intro__home {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 659px) {

  .c-intro__home {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro__home {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-intro__home {
    padding-top: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-intro__home {
    padding-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro__home {
    padding-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-intro__home {
    padding-bottom: calc(24px * 2);
  }
}

@media (max-width: 767px) {

  .c-intro__home {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  .c-intro__home p, .c-intro__home h1, .c-intro__home h2, .c-intro__home h3, .c-intro__home h4, .c-intro__home h5, .c-intro__home h6 {
    text-align: left;
  }
}

.c-intro__home-content, .c-intro__home-video {
    -ms-flex: 1;
        flex: 1;
}

@media (max-width: 959px) {

  .c-intro__home-content, .c-intro__home-video {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

/*
   Content
   ========================================================================== */

.c-intro__home-content {
}

@media (max-width: 659px) {

  .c-intro__home-content {
    padding-right: calc((24px / 2) * 4);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro__home-content {
    padding-right: calc(2.189vw * 4);
  }
}

@media (min-width: 1367px) {

  .c-intro__home-content {
    padding-right: calc(24px * 4);
  }
}

@media (max-width: 659px) {

  .c-intro__home-content {
    padding: 0;
  }
    }

@media (min-width: 660px) and (max-width: 959px) {

  .c-intro__home-content {
}
    }

@media (min-width: 660px) and (max-width: 959px) and (max-width: 659px) {

  .c-intro__home-content {
    padding-left: calc((24px / 2) * 5);
  }
}

@media (min-width: 660px) and (max-width: 959px) and (min-width: 660px) and (max-width: 1366px) {

  .c-intro__home-content {
    padding-left: calc(2.189vw * 5);
  }
}

@media (min-width: 660px) and (max-width: 959px) and (min-width: 1367px) {

  .c-intro__home-content {
    padding-left: calc(24px * 5);
  }
}

@media (min-width: 660px) and (max-width: 959px) and (max-width: 659px) {

  .c-intro__home-content {
    padding-right: calc((24px / 2) * 5);
  }
}

@media (min-width: 660px) and (max-width: 959px) and (min-width: 660px) and (max-width: 1366px) {

  .c-intro__home-content {
    padding-right: calc(2.189vw * 5);
  }
}

@media (min-width: 660px) and (max-width: 959px) and (min-width: 1367px) {

  .c-intro__home-content {
    padding-right: calc(24px * 5);
  }
}

.c-intro__home-title {
    font-size: calc(32px + 28 * ((100vw - 420px) / 860));
    font-weight: 800;
    margin-bottom: 14px;
}

@media screen and (min-width: 1280px) {

  .c-intro__home-title {
    font-size: 60px;
  }
}

@media screen and (max-width: 420px) {

  .c-intro__home-title {
    font-size: 32px;
  }
}

.c-intro__home-subtitle {
    font-size: calc(18px + 5 * ((100vw - 420px) / 860));
    font-weight: 400;
    color: #01235a;
}

@media screen and (min-width: 1280px) {

  .c-intro__home-subtitle {
    font-size: 23px;
  }
}

@media screen and (max-width: 420px) {

  .c-intro__home-subtitle {
    font-size: 18px;
  }
}

.c-intro__home-text {
    padding-top: 24px;
    position: relative;
}

.c-intro__home-text p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #151515;
}

.c-intro__home-text:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

/*
   Video
   ========================================================================== */

.c-intro__home-video {
    max-width: 575px
}

@media (max-width: 767px) {

  .c-intro__home-video {
    margin: 0 auto;
  }
    }

/* ==========================================================================
   Intro - product
   ========================================================================== */

.c-intro--product {
    max-width: 660px;
    margin: 0 auto;
}

.c-intro--product-logo {
    text-align: center;
}

.c-intro--product-logo svg, .c-intro--product-logo img {
  max-width: 410px
}

@media (max-width: 659px) {

  .c-intro--product-logo {
    padding-top: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro--product-logo {
    padding-top: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-intro--product-logo {
    padding-top: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-intro--product-logo {
    padding-bottom: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-intro--product-logo {
    padding-bottom: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-intro--product-logo {
    padding-bottom: calc(24px * 1.5);
  }
}

@media (max-width: 479px) {

  .c-intro--product-logo {
    margin: calc(-30px / 2) calc(-30px / 2) 24px;
    background: #FFFFFF;
  }
    }

@media (max-width: 659px) {

  .c-intro--product-logo svg, .c-intro--product-logo img {
    max-width: 240px;
  }
        }

@media (min-width: 660px) and (max-width: 767px) {

  .c-intro--product-logo svg, .c-intro--product-logo img {
    max-width: 320px;
  }
        }

@media (max-width: 479px) and (max-width: 659px) {

  .c-intro--product-logo {
    padding-top: calc((24px / 2) * 2.5);
  }
}

@media (max-width: 479px) and (min-width: 660px) and (max-width: 1366px) {

  .c-intro--product-logo {
    padding-top: calc(2.189vw * 2.5);
  }
}

@media (max-width: 479px) and (min-width: 1367px) {

  .c-intro--product-logo {
    padding-top: calc(24px * 2.5);
  }
}

/* ==========================================================================
   Jobs
   ========================================================================== */

.c-job__content ul {
  list-style: outside;
}

.c-job__content li {
  margin-bottom: calc(24px / 2);
}

@media (max-width: 659px) {

  .c-job__content {
    margin-bottom: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-job__content {
    margin-bottom: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-job__content {
    margin-bottom: calc(24px * 3);
  }
}

/* ==========================================================================
   Main
   ========================================================================== */

.c-main {
    -ms-flex: 1;
        flex: 1;
}

.c-main p {
  line-height: 1.7;
}

@media (max-width: 659px) {

  .c-main {
    width: 100%;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
    }

@media (max-width: 959px) {

  .c-main {
    max-width: 660px;
    margin: 0 auto;
    width: 100%;
  }
    }

@media (max-width: 959px) and (max-width: 659px) {

  .c-main {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (max-width: 959px) and (min-width: 660px) and (max-width: 1366px) {

  .c-main {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (max-width: 959px) and (min-width: 1367px) {

  .c-main {
    margin-bottom: calc(24px * 2);
  }
}

.c-main__content {
}

@media (max-width: 659px) {

  .c-main__content {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-main__content {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-main__content {
    padding-top: calc(24px * 2);
  }
}

.c-main__content--single {
    max-width: 660px;
    font-size: calc(16px + 2 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {

  .c-main__content--single {
    font-size: 18px;
  }
}

@media screen and (max-width: 420px) {

  .c-main__content--single {
    font-size: 16px;
  }
}

.c-main__content--single a {
  text-decoration: underline;
  font-weight: 700
}

.c-main__content--single a:hover {
  text-decoration: none;
}

.c-main__content--single ul {
  list-style: outside;
}

@media (max-width: 959px) {

  .c-main__content--single {
    margin: 0 auto;
  }
    }

/* ==========================================================================
   Navigation
   ========================================================================== */

.c-navigation {
    margin-right: auto;
    margin-left: -190px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}

@media (min-width: 768px) and (max-width: 959px) {

  .c-navigation {
    margin-left: calc(-120px / 2);
  }
    }

@media (min-width: 960px) and (max-width: 1366px) {

  .c-navigation {
    margin-left: -140px;
  }
    }

.c-navigation__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    height: 100%;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-right: -30px
}

@media (max-width: 767px) {

  .c-navigation__list {
    display: none;
  }
    }

.c-navigation__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}

.c-navigation__item:first-of-type {
  margin-left: 0;
}

.c-navigation__item:last-of-type {
  margin-right: 0;
}

/*
   Menu links
   ========================================================================== */

.c-navigation__link {
    -ms-flex-positive: 1;
        flex-grow: 1;
    height: 100%;
    color: #01235a;
    font-weight: 700;
    font-size: calc(16px + 4 * ((100vw - 420px) / 860));
    transition: color .8s cubic-bezier(.4, 0, .2, 1);
    padding: 0 30px;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-pack: center;
        justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

@media screen and (min-width: 1280px) {

  .c-navigation__link {
    font-size: 20px;
  }
}

@media screen and (max-width: 420px) {

  .c-navigation__link {
    font-size: 16px;
  }
}

.c-navigation__item--current .c-navigation__link {
  color: #cc1c2d;
}

.c-navigation__link:hover {
  color: #cc1c2d;
}

.c-navigation__link:hover svg path {
  fill: #cc1c2d;
}

@media (min-width: 768px) and (max-width: 959px) {

  .c-navigation__link {
    padding: 0 calc(30px / 4);
  }
    }

@media (min-width: 960px) and (max-width: 1366px) {

  .c-navigation__link {
    padding: 0 calc(30px / 1.33);
  }
    }

/*
   Parent and current
   ========================================================================== */

.c-navigation__item--parent {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%2301235A%22%20fill-rule%3D%22evenodd%22%20points%3D%2235.59%2032%2031%2036.58%2026.41%2032%2025%2033.41%2031%2039.41%2037%2033.41%22%20transform%3D%22translate(-25%20-32)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat center bottom 25%
}

.c-navigation__item--parent:hover {
  background: #fcfcfc url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%23cc1c2d%22%20fill-rule%3D%22evenodd%22%20points%3D%2235.59%2032%2031%2036.58%2026.41%2032%2025%2033.41%2031%2039.41%2037%2033.41%22%20transform%3D%22translate(-25%20-32)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat center bottom 24%;
}

.c-navigation__item--parent.c-navigation__item--current {
  background: #FFFFFF url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%23cc1c2d%22%20fill-rule%3D%22evenodd%22%20points%3D%2235.59%2032%2031%2036.58%2026.41%2032%2025%2033.41%2031%2039.41%2037%2033.41%22%20transform%3D%22translate(-25%20-32)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat center bottom 25%;
}

.c-navigation__item--parent.c-navigation__item--current:hover {
  background: #fcfcfc url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%23cc1c2d%22%20fill-rule%3D%22evenodd%22%20points%3D%2235.59%2032%2031%2036.58%2026.41%2032%2025%2033.41%2031%2039.41%2037%2033.41%22%20transform%3D%22translate(-25%20-32)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat center bottom 24%;
}

.c-navigation__item--current a {
  color: #cc1c2d;
  font-weight: $font-medium;
}

.c-navigation__item--parent:hover .c-navigation-dropdown__wrap {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/*
   Nav icons
   ========================================================================== */

.c-navigation-icon {
    height: 22px;
}

.c-navigation-icon svg {
  width: 22px;
  height: 22px;
}

.c-navigation-icon svg path {
  fill: #01235a;
  transition: fill .8s cubic-bezier(.4, 0, .2, 1);
}

.c-navigation__item--current .c-navigation-icon svg path {
  fill: #cc1c2d !important;
}

.c-navigation-icon svg path:hover {
  fill: #cc1c2d;
}

/* ==========================================================================
   Navigation dropdown
   ========================================================================== */

.c-navigation-dropdown__wrap {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -2;
    bottom: calc(-222px / 2.5);
    left: 0;
    background: #fcfcfc;
    width: 100%;
    transform: translateY(-10px);
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.c-navigation__item--hover .c-navigation-dropdown__wrap {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.c-navigation-dropdown {
    max-width: 1300px;
    height: calc(222px / 2.5);
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.c-navigation-dropdown__list {
    padding-left: 0;
    width: 100%;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
}

.c-navigation-dropdown__link {
    color: #cc1c2d;
    font-weight: 700;
    padding: 0 30px;
}

/* ==========================================================================
   In-page navigation
   ========================================================================== */

.c-navigation-inner {
    width: 100%;
    margin-top: calc(-24px * 2);
    position: relative
}

.c-navigation-inner.c-navigation-inner--service {
  padding-left: 64px;
  padding-right: 64px;
  overflow: hidden;
}

.c-navigation-inner.c-navigation-inner--service + .o-wrapper {
}

@media (max-width: 659px) {

  .c-navigation-inner.c-navigation-inner--service + .o-wrapper {
    padding-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-navigation-inner.c-navigation-inner--service + .o-wrapper {
    padding-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-navigation-inner.c-navigation-inner--service + .o-wrapper {
    padding-top: calc(24px * 1);
  }
}

@media (max-width: 767px) {

  .c-navigation-inner.c-navigation-inner--service {
    max-height: 70px;
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (max-width: 659px) {

  .c-navigation-inner {
    margin-top: -9px;
  }
    }

@media (max-width: 767px) {

  .c-navigation-inner {
    max-height: 50px;
    overflow: hidden;
  }
    }

.c-navigation-inner--open {
}

@media (max-width: 767px) {

  .c-navigation-inner--open {
    max-height: 9999px;
    overflow: auto;
  }
    }

.c-navigation-inner__list {
    padding-left: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.c-navigation-inner--service .c-navigation-inner__list {
  width: auto;
}

@media (max-width: 767px) {

  .c-navigation-inner__list {
    -ms-flex-direction: column;
        flex-direction: column;
  }
    }

.c-navigation-inner__item {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: center;
}

.c-navigation-inner--service .c-navigation-inner__item {
}

@media (max-width: 659px) {

  .c-navigation-inner--service .c-navigation-inner__item {
    width: 100%;
  }
        }

@media (min-width: 660px) and (max-width: 767px) {

  .c-navigation-inner--service .c-navigation-inner__item {
    width: 50%;
  }
        }

@media (min-width: 768px) and (max-width: 1023px) {

  .c-navigation-inner--service .c-navigation-inner__item {
    width: 33%;
  }
        }

@media (min-width: 1024px) and (max-width: 1366px) {

  .c-navigation-inner--service .c-navigation-inner__item {
    width: 25%;
  }
        }

@media (min-width: 1367px) {

  .c-navigation-inner--service .c-navigation-inner__item {
    width: 17.5%;
  }
        }

@media (max-width: 767px) {

  .c-navigation-inner__item {
    width: 100%;
  }

  .c-navigation-inner__item:first-of-type {
    position: relative;
  }
    }

.c-navigation-inner__link, .c-navigation-inner__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    max-width: 100%;
    height: 64px;
}

.c-navigation-inner--service .c-navigation-inner__link, .c-navigation-inner--service .c-navigation-inner__label {
  padding: 0 30px;
  margin-right: 1px;
  width: 100%;
}

@media (max-width: 659px) {

  .c-navigation-inner__link, .c-navigation-inner__label {
    height: 70px;
  }
    }

@media (min-width: 1367px) {

  .c-navigation-inner__link, .c-navigation-inner__label {
    height: 64px;
  }
    }

.c-navigation-inner__label {
    background: #777776;
    color: #FFFFFF
}

@media (max-width: 767px) {

  .c-navigation-inner__label {
    font-weight: 700;
  }
    }

.c-navigation-inner__link {
    background: #FFFFFF;
}

.c-navigation-inner--service .c-navigation-inner__link {
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

.c-navigation-inner__link:hover {
  background: rgb(184, 25, 41);
  color: #FFFFFF;
}

.c-navigation-inner__item--active .c-navigation-inner__link {
  background: #cc1c2d;
  color: #FFFFFF;
}

.c-navigation-inner__icon {
}

@media (max-width: 767px) {

  .c-navigation-inner__icon {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
  }
    }

@media (min-width: 768px) {

  .c-navigation-inner__icon {
    display: none;
  }
    }

/*
   Navigation buttons
   ========================================================================== */

.flickity-prev-next-button {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 64px;
    width: 65px;
    background: #01235a;
    color: #FFFFFF;
    border-radius: 0;
}

.flickity-prev-next-button svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.flickity-prev-next-button .arrow {
  fill: #FFFFFF;
}

.flickity-prev-next-button:hover, .flickity-prev-next-button:focus, .flickity-prev-next-button:active {
  background: #151515;
  opacity: 1;
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.previous:not(:disabled) {
  box-shadow: 15px 0 25px rgba(60, 60, 60, .3);
}

.flickity-prev-next-button.next {
  right: 0;
}

.flickity-prev-next-button.next:not(:disabled) {
  box-shadow: -15px 0 25px rgba(60, 60, 60, .3);
}

@media (max-width: 659px) {

  .flickity-prev-next-button {
    height: 70px;
    width: 50px;
  }
    }

@media (min-width: 1367px) {

  .flickity-prev-next-button {
    height: 64px;
  }
    }

/* ==========================================================================
   Mobile menu
   ========================================================================== */

.c-nav-mobile {
    position: fixed;
    top: 0;
    right: 0;
    width: 82.4vw;
    height: 100%;
    z-index: 200;
    background: #FFFFFF;
    overflow: auto;
    /* stylelint-disable */
    transform: translate3d(82.4vw, 0, 0);
    -webkit-transform: translate3d(82.4vw, 0, 0);
    -ms-transform: translate3d(82.4vw, 0, 0);
    /* stylelint-enable */
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-overflow-scrolling: touch;
}

.no-csstransforms3d .c-nav-mobile {
  right: calc(-82.4vw);
}

@media (min-width: 768px) {

  .c-nav-mobile {
    display: none;
  }
    }

.c-nav-mobile.c-nav-mobile--nav-open {/* stylelint-disable */
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* stylelint-enable */

.no-csstransforms3d .c-nav-mobile.c-nav-mobile--nav-open {
  right: 0;
}

.c-nav-mobile__contact {
    -ms-flex-align: center;
        align-items: center;
    padding-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
}

.c-nav-mobile__brand {
    position: relative;
    display: block;
    height: 78px;
    text-indent: -9em;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22587%22%20height%3D%22240%22%20viewBox%3D%220%200%20587%20240%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22a%22%20points%3D%22135.813%2083.486%20135.813%20.65%20.113%20.65%20.113%2083.486%22%2F%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22c%22%20points%3D%22.809%201.8%204.615%201.8%204.615%20.388%20.809%20.388%20.809%201.8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22e%22%20points%3D%22.333%201.8%204.14%201.8%204.14%20.384%20.333%20.384%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23001E5F%22%20d%3D%22M85.7292839%2C202.48044%20C85.7292839%2C214.26424%2081.4888968%2C217.35744%2070.5986387%2C217.35744%20L25.4427032%2C217.35744%20L25.4427032%2C176.39344%20L70.5986387%2C176.39344%20C81.4888968%2C176.39344%2085.7292839%2C179.48284%2085.7292839%2C191.26664%20L85.7292839%2C202.48044%20Z%20M76.7841226%2C155.80124%20L0.000380645161%2C155.80124%20L0.000380645161%2C238.63364%20L76.7841226%2C238.63364%20C102.234058%2C238.63364%20111.175413%2C230.28504%20111.175413%2C209.80304%20L111.175413%2C184.63184%20C111.175413%2C164.15364%20102.234058%2C155.80124%2076.7841226%2C155.80124%20L76.7841226%2C155.80124%20Z%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22161.022%20155.8%20116.091%20238.637%20144.517%20238.637%20151.966%20223.991%20161.483%20206.143%20177.527%20175.021%20194.032%20206.143%20203.544%20223.991%20211.45%20238.637%20239.758%20238.637%20194.146%20155.8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22282.286%20176.394%20316.285%20176.394%20327.624%20155.798%20211.501%20155.798%20222.844%20176.394%20256.84%20176.394%20256.84%20238.137%20257.117%20238.634%20282.012%20238.634%20282.286%20238.133%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23001E5F%22%20d%3D%22M410.939187%2C203.625%20C410.939187%2C214.151%20407.155574%2C218.2702%20396.729703%2C218.2702%20L371.515768%2C218.2702%20C361.082284%2C218.2702%20357.302477%2C214.151%20357.302477%2C203.625%20L357.302477%2C155.7982%20L344.980994%2C155.7982%20L331.863961%2C179.628%20L331.863961%2C209.116%20C331.863961%2C229.712%20342.518219%2C239.5502%20365.897445%2C239.5502%20L402.344219%2C239.5502%20C425.723445%2C239.5502%20436.385316%2C229.712%20436.385316%2C209.116%20L436.385316%2C155.7982%20L410.939187%2C155.7982%20L410.939187%2C203.625%20Z%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(451.161%20155.15)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%2296.732%20.65%2067.963%2053.968%2039.198%20.65%20.113%20.65%20.113%2083.486%2024.87%2083.486%2024.87%2023.99%2025.102%2023.99%2058.451%2083.486%2077.475%2083.486%20110.824%2023.99%20111.06%2023.99%20111.06%2083.486%20135.813%2083.486%20135.813%20.65%22%20mask%3D%22url(%23b)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(256.032%20237.75)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22d%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22.809%20.886%201.083%20.886%20.809%20.388%22%20mask%3D%22url(%23d)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(281.677%20237.75)%22%3E%0A%20%20%20%20%20%20%3Cmask%20id%3D%22f%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23e%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22.333%20.886%20.603%20.886%20.603%20.384%22%20mask%3D%22url(%23f)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23CF0A2C%22%20points%3D%2220.228%2049.434%2040.166%20.649%20.293%20.649%22%20transform%3D%22translate(273.258%20.15)%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23CF0A2C%22%20points%3D%22293.486%2071.449%20273.551%20120.233%20313.424%20120.233%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23CF0A2C%22%20points%3D%22313.15%2060.717%20362.238%2072.949%20362.238%2048.485%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23CF0A2C%22%20points%3D%22273.825%2060.717%20224.737%2048.485%20224.737%2072.949%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22341.482%2045.771%20366.438%209.755%20330.307%209.755%20298.405%2055.811%20310.936%2052.892%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22245.489%2045.771%20220.537%209.755%20256.668%209.755%20288.57%2055.811%20276.039%2052.892%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22245.489%2075.665%20220.537%20111.681%20256.668%20111.681%20288.57%2065.625%20276.039%2068.543%22%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23001E5F%22%20points%3D%22341.482%2075.665%20366.438%20111.681%20330.307%20111.681%20298.405%2065.625%20310.936%2068.543%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E') no-repeat 0/contain;
    overflow: hidden;
    width: 100px;
}

/*
   List
   ========================================================================== */

.c-nav-mobile__list {
    list-style: none;
    margin: 30px calc(-24px) 0;
    padding-left: 0;
    text-align: left;
}

.c-nav-mobile__item {
    display: block;
}

.c-nav-mobile__item > a {
  background: #f6f6f6;
}

@media (max-width: 659px) {

  .c-nav-mobile__item > a {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-nav-mobile__item > a {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-nav-mobile__item > a {
    margin-bottom: calc(24px * 1);
  }
}

.c-nav-mobile__list-link {
    font-weight: 700;
    text-align: center;
    display: block;
    padding: calc(24px / 1.4) 30px;
    color: #01235a;
    font-size: 14px;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    text-decoration: none
}

.c-nav-mobile__list-link:hover, .c-nav-mobile__list-link:active, .c-nav-mobile__list-link:focus {
  text-decoration: none;
  color: #cc1c2d;
}

/*
   Parent link
   ========================================================================== */

.c-nav-mobile__item--parent > a {
  position: relative;
  background: #f6f6f6;
}

@media (max-width: 659px) {

  .c-nav-mobile__item--parent > a {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-nav-mobile__item--parent > a {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-nav-mobile__item--parent > a {
    margin-bottom: calc(24px * 1);
  }
}

/*
   Child links
   ========================================================================== */

.c-nav-mobile__children {
    padding-left: 0;
}

.c-nav-mobile__child-link {
    text-align: center;
    display: block;
    padding: calc(24px / 6) 0;
    font-weight: 700;
}

/* ==========================================================================
   Off-canvas navigation
   ========================================================================== */

.c-navigation-offcanvas {
    position: fixed;
    top: 0;
    right: 0;
    width: 450px;
    height: 100%;
    z-index: 200;
    background: #FFFFFF;
    overflow: auto;
    transform: translate3d(450px, 0, 0);
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-overflow-scrolling: touch;
}

.no-csstransforms3d .c-navigation-offcanvas {
  right: (-(450px));
}

@media (max-width: 767px) {

  .c-navigation-offcanvas {
    display: none;
  }
    }

.c-navigation-offcanvas.c-navigation-offcanvas--nav-open {
  transform: translate3d(0, 0, 0);
}

.no-csstransforms3d .c-navigation-offcanvas.c-navigation-offcanvas--nav-open {
  right: 0;
}

.c-navigation-offcanvas:before {
  content: "";
  position: absolute;
  left: -491px;
  width: 440px;
  height: 248px;
  top: -10px;
  z-index: 1;
  background: url("../../assets/images/brand-elements/nav-shards.png") no-repeat 0/cover;
}

@media (min-width: 768px) and (max-width: 1366px) {

  .c-navigation-offcanvas:before {
    width: calc(440px / 2.5);
    height: 200px;
    left: 0;
    background-position: -262px;
  }
}

/*
   Navigation
   ========================================================================== */

.c-navigation-offcanvas__list {
    list-style: none;
    margin: 24px 30px;
    padding-left: 0;
    text-align: left;
}

.c-navigation-offcanvas__item {
    display: block;
    position: relative;
}

.c-navigation-offcanvas__item:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-navigation-offcanvas__link {
    font-weight: 700;
    display: block;
    text-align: center;
    padding: calc(24px / 1.4) 30px;
    color: #01235a;
    font-size: 15px;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    text-decoration: none
}

.c-navigation-offcanvas__link:hover, .c-navigation-offcanvas__link:active, .c-navigation-offcanvas__link:focus {
  text-decoration: none;
  color: #cc1c2d;
}

/* ==========================================================================
   Secondary navigation
   ========================================================================== */

.c-navigation-secondary__list {
    margin-bottom: 0;
    width: 100%;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding-left: 30px;
    position: relative
}

.c-navigation-secondary__list:after {
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 767px) {

  .c-navigation-secondary__list {
    display: none;
  }
    }

@media (min-width: 768px) and (max-width: 1023px) {

  .c-navigation-secondary__list {
    width: 82.5%;
  }
    }

.c-navigation-secondary__link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #777776;
    margin-right: calc(30px * 1.2);
}

/* ==========================================================================
   Nav toggle button
   ========================================================================== */

.c-header__toggle {
    position: absolute;
    top: 55%;
    transform: translate(0, -55%);
    right: calc(30px / 2);
    color: #777776;
    font-size: 12px;
    line-height: 1;
    text-transform: lowercase;
    transition: background .2s cubic-bezier(.4, 0, .2, 1)
}

.c-header__toggle.c-header__toggle--mobile {
}

@media (min-width: 768px) {

  .c-header__toggle.c-header__toggle--mobile {
    display: none;
  }
}

.c-header__toggle:hover {
  cursor: pointer;
  color: #4D4E4C;
}

.c-header__toggle__button {
    background: #FFFFFF;
    position: relative;
    display: block;
    margin: 0 auto 2px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    transition: background .2s cubic-bezier(.4, 0, .2, 1);
}

.c-header__toggle__burger {
    position: absolute;
    top: 18px;
    margin-left: 10px;
    width: 18px;
    height: 2px;
    background: #cc1c2d;
    transition: background .2s cubic-bezier(.4, 0, .2, 1)
}

.c-header__toggle__burger:before, .c-header__toggle__burger:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #01235a;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.c-header__toggle__burger:before {
  transform: translateY(-6px);
}

.c-header__toggle__burger:after {
  transform: translateY(6px);
}

/* Hover */

.c-header__toggle:hover .c-header__toggle__button {
  background: #FFFFFF;
}

.c-header__toggle:hover .c-header__toggle__burger {
  background: #01235a;
}

.c-header__toggle:hover .c-header__toggle__burger:before, .c-header__toggle:hover .c-header__toggle__burger:after {
  background: #01235a;
}

/* Open */

.o-page-container--nav-open .c-header__toggle__button, .o-page-container--offcanvas--nav-open .c-header__toggle__button {
  background: #FFFFFF;
}

.o-page-container--nav-open .c-header__toggle__burger, .o-page-container--offcanvas--nav-open .c-header__toggle__burger {
  background: transparent !important;/* :-/ */
}

.o-page-container--nav-open .c-header__toggle__burger:before, .o-page-container--offcanvas--nav-open .c-header__toggle__burger:before {
  background: #cc1c2d;
  transform: rotate(45deg);
}

.o-page-container--nav-open .c-header__toggle__burger:after, .o-page-container--offcanvas--nav-open .c-header__toggle__burger:after {
  background: #cc1c2d;
  transform: rotate(-45deg);
}

/* ==========================================================================
   News
   ========================================================================== */

.c-news {
    position: relative
}

.c-news:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 522px;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-news {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-news {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-news {
    padding-top: calc(24px * 2);
  }
}

@media (max-width: 959px) {

  .c-news {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  .c-news p, .c-news h1, .c-news h2, .c-news h3, .c-news h4, .c-news h5, .c-news h6 {
    text-align: left;
  }
}

@media (max-width: 659px) {

  .c-news {
}
    }

@media (max-width: 659px) and (max-width: 659px) {

  .c-news {
    padding-top: calc((24px / 2) * 4);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-news {
    padding-top: calc(2.189vw * 4);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-news {
    padding-top: calc(24px * 4);
  }
}

.c-news__title {
    font-size: calc(24px + 12 * ((100vw - 420px) / 860));
    text-align: center !important; /* override max width mixin */
}

@media screen and (min-width: 1280px) {

  .c-news__title {
    font-size: 36px;
  }
}

@media screen and (max-width: 420px) {

  .c-news__title {
    font-size: 24px;
  }
}

@media (max-width: 659px) {

  .c-news__title {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-news__title {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-news__title {
    margin-bottom: calc(24px * 2);
  }
}

.c-news__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

@media (max-width: 959px) {

  .c-news__wrap {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

.c-news__featured, .c-news__list {
    -ms-flex: 1;
        flex: 1;
}

@media (max-width: 959px) {

  .c-news__featured, .c-news__list {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

/*
   Featured news article
   ========================================================================== */

.c-news__featured {
}

@media (max-width: 959px) {

  .c-news__featured {
}
    }

@media (min-width: 1367px) {

  .c-news__featured {
    padding-right: 43px;
  }
    }

@media (max-width: 959px) and (max-width: 659px) {

  .c-news__featured {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (max-width: 959px) and (min-width: 660px) and (max-width: 1366px) {

  .c-news__featured {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (max-width: 959px) and (min-width: 1367px) {

  .c-news__featured {
    margin-bottom: calc(24px * 2);
  }
}

.c-news__featured-wrap {
    border-radius: 3px;
    box-shadow: 5px 5px 50px 0 rgba(130, 130, 130, .3);
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.c-news__featured-wrap:hover {
  box-shadow: 5px 5px 25px 0 rgba(130, 130, 130, .1);
  transform: translateY(-2px);
}

.c-news__featured-image {
    width: 100%;
    height: 380px;
    position: relative;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    background: #01235a;
}

.c-news__featured-image img {/*z-index: -1;*/
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 659px) {

  .c-news__featured-image {
    height: 280px;
  }
    }

.c-news__featured-image:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 21, 21, 0.35);
}

.c-news__featured-title {
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 30px;
    z-index: 10;
    font-size: calc(20px + 8 * ((100vw - 420px) / 860));
    font-weight: 800;
    max-width: 70%;

}

@media screen and (min-width: 1280px) {

  .c-news__featured-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 420px) {

  .c-news__featured-title {
    font-size: 20px;
  }
}

.c-news__featured-snippet {
    color: #151515;
    font-weight: 300;
    background: #FFFFFF;
    padding: 24px 30px;
    border-radius: 0 0 3px 3px;
}

.c-news__featured-snippet p {
}

.c-news__featured-snippet p:last-of-type {
  margin-bottom: 0;
  font-weight: 700;
  color: #cc1c2d;
  text-decoration: underline;
}

/*
   News list
   ========================================================================== */

.c-news__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap
}

@media (max-width: 959px) {

  .c-news__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
    }

@media (min-width: 960px) {

  .c-news__list {
    padding-left: 43px;
  }
    }

.c-news__item {
    color: #151515;
    font-weight: 300;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap
}

@media (max-width: 959px) {

  .c-news__item {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 959px) {

  .c-news__item {
    width: 48%;
    margin-bottom: 0;
    background: #FFFFFF;
    box-shadow: 3px 3px 25px 0 rgba(130, 130, 130, .5);
    border-radius: 3px;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
  }

  .c-news__item:hover {
    box-shadow: none;
    transform: translateY(-2px);
  }

  .c-news__item:first-of-type {
    margin-right: 2%;
  }

  .c-news__item:last-of-type {
    display: none;
  }
    }

.c-news__item-thumb {
    width: 170px;
    height: 170px;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    background: #01235a;
}

.c-news__item-thumb img {
  transition: transform calc(.2s * 2) cubic-bezier(.4, 0, .2, 1);
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 959px) {

  .c-news__item-thumb {
    width: 100%;
    height: 170px;
  }
    }

@media (min-width: 960px)  {

  .c-news__item-thumb {
    box-shadow: 3px 3px 25px 0 rgba(130, 130, 130, .5);
  }

  .c-news__item-thumb:hover {
    box-shadow: none;
    transform: translateY(-2px);
  }
    }

.c-news__item-text {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap
}

@media (max-width: 959px) {

  .c-news__item-text {
}
    }

@media (max-width: 959px) and (max-width: 659px) {

  .c-news__item-text {
    margin-top: calc((24px / 2) * 1);
  }
}

@media (max-width: 959px) and (min-width: 660px) and (max-width: 1366px) {

  .c-news__item-text {
    margin-top: calc(2.189vw * 1);
  }
}

@media (max-width: 959px) and (min-width: 1367px) {

  .c-news__item-text {
    margin-top: calc(24px * 1);
  }
}

.c-news__item-title {
    font-size: calc(16px + 6 * ((100vw - 420px) / 860));
    padding-left: calc(43px / 2);
    padding-right: calc(43px / 2)
}

@media screen and (min-width: 1280px) {

  .c-news__item-title {
    font-size: 22px;
  }
}

@media screen and (max-width: 420px) {

  .c-news__item-title {
    font-size: 16px;
  }
}

@media (max-width: 659px) {

  .c-news__item-title {
    margin-bottom: calc((24px / 2) * .5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-news__item-title {
    margin-bottom: calc(2.189vw * .5);
  }
}

@media (min-width: 1367px) {

  .c-news__item-title {
    margin-bottom: calc(24px * .5);
  }
}

@media (max-width: 767px) {

  .c-news__item-title {
}
    }

@media (max-width: 767px) and (max-width: 659px) {

  .c-news__item-title {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-news__item-title {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-news__item-title {
    margin-bottom: calc(24px * 1);
  }
}

.c-news__item-snippet {
    padding-left: calc(43px / 2);
    padding-right: calc(43px / 2);
    margin-bottom: 0;
    position: relative
}

.c-news__item-snippet:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-news__item-snippet {
    padding-top: calc((24px / 2) * .5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-news__item-snippet {
    padding-top: calc(2.189vw * .5);
  }
}

@media (min-width: 1367px) {

  .c-news__item-snippet {
    padding-top: calc(24px * .5);
  }
}

@media (max-width: 1023px) {

  .c-news__item-snippet {
    display: none;
  }
    }

/* ==========================================================================
   Pagination
   ========================================================================== */

.c-pagination__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    padding-left: 0;
    position: relative;
    position: relative;
}

.c-pagination__list:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 50%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-pagination__list:after {
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 50%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-pagination__list {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-pagination__list {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-pagination__list {
    padding-top: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-pagination__list {
    padding-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-pagination__list {
    padding-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-pagination__list {
    padding-bottom: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-pagination__list {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-pagination__list {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-pagination__list {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-pagination__list {
    margin-bottom: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-pagination__list {
    margin-bottom: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-pagination__list {
    margin-bottom: calc(24px * 3);
  }
}

.c-pagination__list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 calc(30px / 4);
}

.c-pagination__list__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
    border-radius: 3px;
    color: #FFFFFF
}

.c-pagination__list__link:not(.c-button) {
  background: #01235a;
  padding: .4em 1em;
  width: 50px;
}

.c-pagination__list__link:not(.c-button):hover {
  background: #cc1c2d;
  color: #FFFFFF;
}

.c-pagination__list__link.c-button {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {

  .c-pagination__list__link.c-button {
    margin: 0 auto;
  }
}

.c-pagination__list__link.c-pagination__list__link--active {
  background: #FFFFFF;
  color: #cc1c2d;
  font-weight: 700;
}

.c-pagination__list__link.c-pagination__list__link--active:hover {
  background: #FFFFFF;
  color: #cc1c2d;
}

.c-pagination__list__item--next {
}

@media (max-width: 767px) {

  .c-pagination__list__item--next {
    width: 100%;
    margin: 24px auto;
  }
    }

/* ==========================================================================
   Panel
   ========================================================================== */

.c-panel {
    background: #f6f6f6;
    border: 1px solid #E5E3E5;
    border-radius: 3px;
    margin: calc(24px * 2) 0;
    padding: 24px;
}

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

/* ==========================================================================
   Product downloads
   ========================================================================== */

.c-product-downloads {
    max-width: 960px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

@media (max-width: 659px) {

  .c-product-downloads {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-product-downloads {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-product-downloads {
    padding-top: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  .c-product-downloads {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

/*
   Buttons
   ========================================================================== */

.c-product-downloads__button {
    font-size: 15px;
    border-radius: calc(3px * 1.6);
    background: #FFFFFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    color: #01235a;
    font-weight: 700;
    border: 1px solid #E5E3E5;
    padding-left: calc(30px / 2);
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    -ms-flex: 1;
        flex: 1;
}

.c-product-downloads__button span {
  margin-right: 4px;
}

@media (max-width: 767px) {

  .c-product-downloads__button {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media (max-width: 659px) {

  .c-product-downloads__button {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
    }

@media (min-width: 660px) {

  .c-product-downloads__button {
}

  .c-product-downloads__button:not(:last-of-type) {
    margin-right: 5%;
  }
    }

.c-product-downloads__button:hover {
  background: #01235a;
  color: #FFFFFF;
}

.c-product-downloads__button:hover .c-product-downloads__button-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2213%22%20viewBox%3D%220%200%2020%2013%22%3E%0A%20%20%3Cg%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2214.59%200%2010%204.58%205.41%200%204%201.41%2010%207.41%2016%201.41%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222%22%20y%3D%2211%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  border-left: 1px solid rgb(52, 79, 123);
}

@media (max-width: 659px) and (max-width: 659px) {

  .c-product-downloads__button {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (max-width: 659px) and (min-width: 660px) and (max-width: 1366px) {

  .c-product-downloads__button {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (max-width: 659px) and (min-width: 1367px) {

  .c-product-downloads__button {
    margin-bottom: calc(24px * 1);
  }
}

.c-product-downloads__button-icon {
    display: block;
    padding: calc(30px / 1.2) 0;
    margin-left: auto;
    height: 100%;
    width: 50px;
    border-left: 1px solid #E5E3E5;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2213%22%20viewBox%3D%220%200%2020%2013%22%3E%0A%20%20%3Cg%20fill%3D%22%2301235A%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2214.59%200%2010%204.58%205.41%200%204%201.41%2010%207.41%2016%201.41%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222%22%20y%3D%2211%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E') no-repeat center / 20px;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

/* ==========================================================================
   Product images
   ========================================================================== */

.c-product-images {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

@media (max-width: 659px) {

  .c-product-images {
    margin-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-product-images {
    margin-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-product-images {
    margin-top: calc(24px * 3);
  }
}

@media (max-width: 479px) {

  .c-product-images {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

.c-product-images__image {
    width: 25%;
    height: 0;
    max-height: 338px;
    padding-bottom: calc(100% * 4/20);
    position: relative;
    overflow: hidden;
}

.c-product-images__image img {
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.c-product-images__image:first-of-type {
  background: #051A44;
}

.c-product-images__image:nth-of-type(2) {
  background: rgba(5, 26, 68, 0.9);
}

.c-product-images__image:nth-of-type(3) {
  background: rgba(5, 26, 68, 0.85);
}

.c-product-images__image:last-of-type {
  background: rgba(5, 26, 68, 0.8);
}

@media (max-width: 479px) {

  .c-product-images__image {
    width: 50%;
    padding-bottom: calc(100% * 7/20);
  }
    }

@media (min-width: 480px) and (max-width: 1023px) {

  .c-product-images__image {
    padding-bottom: calc(100% * 5/20);
  }
    }

/* ==========================================================================
   Product overview (advantages/features)
   ========================================================================== */

.c-product-overview {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.c-product-overview:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 50%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-product-overview {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-product-overview {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-product-overview {
    padding-top: calc(24px * 2);
  }
}

.c-product-overview__wrap {
    box-shadow: 0 2px 44px 0 rgba(211, 211, 211, .5);
    border-radius: 3px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

@media (max-width: 767px) {

  .c-product-overview__wrap {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

.c-product-overview__advantages, .c-product-overview__features {
    padding: calc(30px * 1.5);
    -ms-flex: 1;
        flex: 1;
}

@media (max-width: 767px) {

  .c-product-overview__advantages, .c-product-overview__features {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.c-product-overview__title {
    font-size: calc(18px + 6 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {

  .c-product-overview__title {
    font-size: 24px;
  }
}

@media screen and (max-width: 420px) {

  .c-product-overview__title {
    font-size: 18px;
  }
}

.c-product-overview__advantages .c-product-overview__title {
  color: #cc1c2d;
}

.c-product-overview__features .c-product-overview__title {
  color: #FFFFFF;
}

/*
   Advantages
   ========================================================================== */

.c-product-overview__advantages {
    background: #FFFFFF;
}

/*
   Features
   ========================================================================== */

.c-product-overview__features {
    background: #01235a;
    color: #FFFFFF;
}

/*
   Lists
   ========================================================================== */

.c-product-overview__list {
    padding-left: 0;
    margin-bottom: 0;
}

.c-product-overview__list-item {
    margin-bottom: calc(24px / 2)
}

.c-product-overview__list-item:last-of-type {
  margin-bottom: 0;
}

/* ==========================================================================
   Related products
   ========================================================================== */

.c-related-product {
    max-width: 960px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.c-related-product .c-cards__item {
  width: auto;
  max-width: 420px;
}

@media (max-width: 767px) {

  .c-related-product {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 659px) {

  .c-related-product {
    margin-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-related-product {
    margin-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-related-product {
    margin-top: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  .c-related-product {
    margin-bottom: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-related-product {
    margin-bottom: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-related-product {
    margin-bottom: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  .c-related-product {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-related-product {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-related-product {
    padding-top: calc(24px * 3);
  }
}

.c-related-product:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 75%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-related-product__card, .c-related-product__cta {
    -ms-flex: 1;
        flex: 1
}

@media (max-width: 767px) {

  .c-related-product__card, .c-related-product__cta {
    margin-left: auto;
    margin-right: auto;
  }
    }

.c-related-product__cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
}

.c-related-product__cta p {
  line-height: 1.7;
}

@media (max-width: 659px) {

  .c-related-product__cta p {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-related-product__cta p {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-related-product__cta p {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 767px) {

  .c-related-product__cta {
    max-width: 420px;
    -ms-flex-order: -1;
        order: -1;
  }

  .c-related-product__cta svg {
    max-width: 260px;
  }
    }

@media (min-width: 768px) {

  .c-related-product__cta {
    padding: 0 30px;
  }
    }

@media (max-width: 767px) and (max-width: 659px) {

  .c-related-product__cta {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (max-width: 767px) and (min-width: 660px) and (max-width: 1366px) {

  .c-related-product__cta {
    margin-top: calc(2.189vw * 2);
  }
}

@media (max-width: 767px) and (min-width: 1367px) {

  .c-related-product__cta {
    margin-top: calc(24px * 2);
  }
}

/* ==========================================================================
   Search form
   ========================================================================== */

.c-search-form {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.c-search-form label {
  background: #cc1c2d;
  margin-bottom: 0;
  width: 60px;
  position: relative;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  cursor: pointer;
}

.c-search-form label svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c-search-form label:hover {
  background: #01235a;
}

.c-sidebar .c-search-form {
}

.c-search-form .c-button {
  min-width: 120px;
  max-width: 120px !important;
  margin: 0 !important;
  border: none
}

.c-search-form .c-button:focus, .c-search-form .c-button:active {
  background: #051A44;
  border: none;
}

.c-search-form .c-button:hover {
  cursor: pointer;
}

.c-search-form input[type="submit"] {
  display: none;
}

@media (max-width: 659px) {

  .c-search-form {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-search-form {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-search-form {
    margin-bottom: calc(24px * 2);
  }
}

@media (max-width: 767px) {

  .c-sidebar .c-search-form {
    margin-left: calc(30px * 2);
    margin-right: calc(30px * 2);
  }
        }

@media (min-width: 768px) {

  .c-sidebar .c-search-form {
    margin-left: calc(30px * 1.5);
    margin-right: calc(30px * 1.5);
  }
        }

.c-search-form__input {
    margin-right: -3px;
}

.c-search-form__wrap {
    display: -ms-flexbox;
    display: flex;
}

/* ==========================================================================
   Sector cards
   ========================================================================== */

.c-sector__wrap > .c-sector ~ .c-sector {
}

.c-sector__wrap + .c-cards {
}

@media (max-width: 659px) {

  .c-sector__wrap > .c-sector ~ .c-sector {
    padding-top: calc((24px / 2) * 2.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector__wrap > .c-sector ~ .c-sector {
    padding-top: calc(2.189vw * 2.5);
  }
}

@media (min-width: 1367px) {

  .c-sector__wrap > .c-sector ~ .c-sector {
    padding-top: calc(24px * 2.5);
  }
}

@media (max-width: 659px) {

  .c-sector__wrap + .c-cards {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector__wrap + .c-cards {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-sector__wrap + .c-cards {
    margin-bottom: calc(24px * 2);
  }
}

.c-sector {
    min-height: 540px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    position: relative
}

@media (max-width: 767px) {

  .c-sector {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 659px) {

  .c-sector {
    padding-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector {
    padding-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-sector {
    padding-top: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-sector {
    padding-bottom: calc((24px / 2) * 2.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector {
    padding-bottom: calc(2.189vw * 2.5);
  }
}

@media (min-width: 1367px) {

  .c-sector {
    padding-bottom: calc(24px * 2.5);
  }
}

@media (max-width: 767px) {

  .c-sector {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  .c-sector p, .c-sector h1, .c-sector h2, .c-sector h3, .c-sector h4, .c-sector h5, .c-sector h6 {
    text-align: left;
  }
}

.c-sector:after {
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 50%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-sector:nth-of-type(even) {
}

@media (min-width: 768px) {

  .c-sector:nth-of-type(even) {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}

.c-sector:last-of-type {
}

.c-sector:last-of-type:after {
  display: none;
}

.c-sector__content-wrap, .c-sector__image-wrap {
    width: 50%;
    -ms-flex: 1;
        flex: 1
}

@media (max-width: 767px) {

  .c-sector__content-wrap, .c-sector__image-wrap {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media (min-width: 768px) {

  .c-sector__content-wrap, .c-sector__image-wrap {
    max-width: 50%;
  }
    }

/*
   Sector image
   ========================================================================== */

.c-sector__image-wrap {
    overflow: hidden;
    position: relative
}

@media (max-width: 479px) {

  .c-sector__image-wrap {
    height: 220px;
  }
    }

@media (min-width: 480px) and (max-width: 659px) {

  .c-sector__image-wrap {
    height: 280px;
  }
    }

@media (min-width: 660px) and (max-width: 767px) {

  .c-sector__image-wrap {
    height: 320px;
  }
    }

.c-sector__image {
    -ms-flex: 1;
        flex: 1;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background: #01235a;
}

.c-sector__image img {
  border-radius: 3px 0 0 3px;
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block
}

@media (max-width: 767px) {

  .c-sector__image img {
    border-radius: 3px 3px 0 0;
  }
        }

/*
   Sector content
   ========================================================================== */

.c-sector__text {
    margin-bottom: auto;
    position: relative;
}

.c-sector__text > p {
  font-size: 16px;
}

.c-sector__text:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-sector__text {
    padding-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector__text {
    padding-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-sector__text {
    padding-top: calc(24px * 1);
  }
}

.c-sector__content-wrap {
    background: #FFFFFF;
    border-radius: 0 3px 3px 0;
    box-shadow: 0 2px 44px 0 rgba(211, 211, 211, .5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap
}

@media (max-width: 659px) {

  .c-sector__content-wrap {
    padding-top: calc((24px / 2) * 2.36);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector__content-wrap {
    padding-top: calc(2.189vw * 2.36);
  }
}

@media (min-width: 1367px) {

  .c-sector__content-wrap {
    padding-top: calc(24px * 2.36);
  }
}

@media (max-width: 659px) {

  .c-sector__content-wrap {
    padding-bottom: calc((24px / 2) * 2.36);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector__content-wrap {
    padding-bottom: calc(2.189vw * 2.36);
  }
}

@media (min-width: 1367px) {

  .c-sector__content-wrap {
    padding-bottom: calc(24px * 2.36);
  }
}

@media (max-width: 659px) {

  .c-sector__content-wrap {
    padding-left: calc((24px / 2) * 2.36);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector__content-wrap {
    padding-left: calc(2.189vw * 2.36);
  }
}

@media (min-width: 1367px) {

  .c-sector__content-wrap {
    padding-left: calc(24px * 2.36);
  }
}

@media (max-width: 659px) {

  .c-sector__content-wrap {
    padding-right: calc((24px / 2) * 2.36);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector__content-wrap {
    padding-right: calc(2.189vw * 2.36);
  }
}

@media (min-width: 1367px) {

  .c-sector__content-wrap {
    padding-right: calc(24px * 2.36);
  }
}

@media (max-width: 767px) {

  .c-sector__content-wrap {
    border-radius: 0 0 3px 3px;
  }
    }

p.c-sector__subtitle {
    font-size: calc(18px + 2 * ((100vw - 420px) / 860));
    color: #01235a;
    font-weight: 400;
}

@media screen and (min-width: 1280px) {

  p.c-sector__subtitle {
    font-size: 20px;
  }
}

@media screen and (max-width: 420px) {

  p.c-sector__subtitle {
    font-size: 18px;
  }
}

.c-sector__title {
    font-size: calc(32px + 28 * ((100vw - 420px) / 860));
    font-weight: 800;
    margin-top: auto;
}

@media screen and (min-width: 1280px) {

  .c-sector__title {
    font-size: 60px;
  }
}

@media screen and (max-width: 420px) {

  .c-sector__title {
    font-size: 32px;
  }
}

/* ==========================================================================
   Sector cards
   ========================================================================== */

.c-sector-cards {
    position: relative;
}

@media (max-width: 659px) {

  .c-sector-cards {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards {
    padding-top: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  .c-sector-cards {
    padding-bottom: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards {
    padding-bottom: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards {
    padding-bottom: calc(24px * 3);
  }
}

@media (max-width: 659px) {

  .c-sector-cards {
    margin-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards {
    margin-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards {
    margin-top: calc(24px * 3);
  }
}

.c-sector-cards:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-sector-cards__header {
    text-align: center;
}

@media (max-width: 659px) {

  .c-sector-cards__header {
    padding-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards__header {
    padding-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards__header {
    padding-bottom: calc(24px * 1);
  }
}

.c-sector-cards__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

@media (max-width: 767px) {

  .c-sector-cards__wrap {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 767px) {

  .c-sector-cards__wrap {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  .c-sector-cards__wrap p, .c-sector-cards__wrap h1, .c-sector-cards__wrap h2, .c-sector-cards__wrap h3, .c-sector-cards__wrap h4, .c-sector-cards__wrap h5, .c-sector-cards__wrap h6 {
    text-align: left;
  }
}

/*
   Individual cards
   ========================================================================== */

.c-sector-cards__item {
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0 5px 45px 0 rgba(211, 211, 211, 1);
    transition: all calc(.2s * 2) cubic-bezier(.4, 0, .2, 1);
    border-radius: 3px;
    color: #151515;
    -ms-flex: 1;
        flex: 1
}

@media (max-width: 659px) {

  .c-sector-cards__item {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards__item {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards__item {
    margin-bottom: calc(24px * 1);
  }
}

@media (max-width: 767px) {

  .c-sector-cards__item {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media (max-width: 767px) {

  .c-sector-cards__item {
    margin-bottom: 2%;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
    }

@media (min-width: 768px) {

  .c-sector-cards__item {
    width: 32%;
    margin-right: 2%;
    -ms-flex: inherit;
        flex: inherit;
  }

  .c-sector-cards__item:nth-of-type(3n) {
    margin-right: 0;
  }
    }

.c-sector-cards__item:only-of-type {
  margin: 0 auto;
}

.c-sector-cards__item:hover {
  box-shadow: none;
  transform: translateY(-2px);
}

@media (min-width: 768px) and (max-width: 659px) {

  .c-sector-cards__item {
    margin-bottom: calc((24px / 2) * 1);
  }
}

@media (min-width: 768px) and (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards__item {
    margin-bottom: calc(2.189vw * 1);
  }
}

@media (min-width: 768px) and (min-width: 1367px) {

  .c-sector-cards__item {
    margin-bottom: calc(24px * 1);
  }
}

/*
   Card image
   ========================================================================== */

.c-sector-cards__item-image-wrap {
    position: relative;
    overflow: hidden;
}

.c-sector-cards__item-image-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(21, 21, 21, 0.45);
  width: 100%;
  height: 100%;
  z-index: 0;
}

.c-sector-cards__item-image {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    height: 0;
    padding-bottom: calc(100% * 17/21);
    background: #01235a;
    height: 100%;
    width: 100%;
    position: relative;
}

.c-sector-cards__item-image img {
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 767px) {

  .c-sector-cards__item-image {
    padding-bottom: calc(100% * 8/14);
  }
    }

@media (max-width: 767px) {

  .c-sector-cards__item-image {
    max-height: 300px;
  }
    }

@media (min-width: 768px) {

  .c-sector-cards__item-image {
    -ms-flex: inherit;
        flex: inherit;
    height: auto;
  }
    }

.c-sector-cards__item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    color: #FFFFFF;
    font-size: calc(24px + 8 * ((100vw - 420px) / 860));
    font-weight: 700;
}

@media screen and (min-width: 1280px) {

  .c-sector-cards__item-title {
    font-size: 32px;
  }
}

@media screen and (max-width: 420px) {

  .c-sector-cards__item-title {
    font-size: 24px;
  }
}

@media (max-width: 659px) {

  .c-sector-cards__item-title {
    padding-left: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards__item-title {
    padding-left: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards__item-title {
    padding-left: calc(24px * 1.5);
  }
}

/*
   Card text
   ========================================================================== */

.c-sector-cards__item-text {
    padding-left: 30px;
    padding-right: 30px;
    transition: background calc(.2s * 2) cubic-bezier(.4, 0, .2, 1);
    border-radius: 0 0 3px 3px;
}

.c-sector-cards__item-text p {
  font-size: calc(14px + 2 * ((100vw - 420px) / 860));
  line-height: 1.3;
  margin-bottom: 0;
  transition: color calc(.2s * 2) cubic-bezier(.4, 0, .2, 1);
  color: #151515;
}

@media screen and (min-width: 1280px) {

  .c-sector-cards__item-text p {
    font-size: 16px;
  }
}

@media screen and (max-width: 420px) {

  .c-sector-cards__item-text p {
    font-size: 14px;
  }
}

@media (max-width: 659px) {

  .c-sector-cards__item-text {
    padding-top: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards__item-text {
    padding-top: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards__item-text {
    padding-top: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-sector-cards__item-text {
    padding-bottom: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards__item-text {
    padding-bottom: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards__item-text {
    padding-bottom: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-sector-cards__item-text {
    padding-left: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards__item-text {
    padding-left: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards__item-text {
    padding-left: calc(24px * 1.5);
  }
}

@media (max-width: 659px) {

  .c-sector-cards__item-text {
    padding-right: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-cards__item-text {
    padding-right: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-sector-cards__item-text {
    padding-right: calc(24px * 1.5);
  }
}

/* ==========================================================================
   Sector services
   ========================================================================== */

.c-sector-services {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative;
}

.c-sector-services +.c-cards {
}

@media (max-width: 767px) {

  .c-sector-services {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

@media (max-width: 767px) {

  .c-sector-services {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .c-sector-services p, .c-sector-services h1, .c-sector-services h2, .c-sector-services h3, .c-sector-services h4, .c-sector-services h5, .c-sector-services h6 {
    text-align: left;
  }
}

@media (max-width: 659px) {

  .c-sector-services {
    margin-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-services {
    margin-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-sector-services {
    margin-top: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-sector-services {
    padding-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-services {
    padding-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-sector-services {
    padding-top: calc(24px * 3);
  }
}

.c-sector-services:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 70%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 659px) {

  .c-sector-services +.c-cards {
    margin-top: calc((24px / 2) * 3);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-services +.c-cards {
    margin-top: calc(2.189vw * 3);
  }
}

@media (min-width: 1367px) {

  .c-sector-services +.c-cards {
    margin-top: calc(24px * 3);
  }
}

.c-sector-services__header, .c-sector-services__list {
    -ms-flex: 1;
        flex: 1;
    flex: 1
}

@media (max-width: 767px) {

  .c-sector-services__header, .c-sector-services__list {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media (min-width: 768px) {

  .c-sector-services__header, .c-sector-services__list {
    max-width: 420px;
  }
    }

.c-sector-services__list {
    padding-left: 0;
}

.c-sector-services__title {
    font-weight: 300;
    font-size: calc(32px + 28 * ((100vw - 420px) / 860));
    position: -webkit-sticky;
    position: sticky;
    transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

@media screen and (min-width: 1280px) {

  .c-sector-services__title {
    font-size: 60px;
  }
}

@media screen and (max-width: 420px) {

  .c-sector-services__title {
    font-size: 32px;
  }
}

.c-sector-services__title span {
  font-weight: 700;
}

.c-sector-services__title.is_stuck {
  transform: translateY(calc(24px * 2));
  transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

@media (max-width: 659px) {

  .c-sector-services__title {
    margin-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-services__title {
    margin-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-sector-services__title {
    margin-bottom: calc(24px * 2);
  }
}

.c-sector-services__link {
    text-decoration: underline;
    font-weight: 700;
    font-size: calc(16px + 4 * ((100vw - 420px) / 860));
    display: inline-block
}

@media screen and (min-width: 1280px) {

  .c-sector-services__link {
    font-size: 20px;
  }
}

@media screen and (max-width: 420px) {

  .c-sector-services__link {
    font-size: 16px;
  }
}

@media (max-width: 659px) {

  .c-sector-services__link {
    margin-bottom: calc((24px / 2) * .5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sector-services__link {
    margin-bottom: calc(2.189vw * .5);
  }
}

@media (min-width: 1367px) {

  .c-sector-services__link {
    margin-bottom: calc(24px * .5);
  }
}

.c-sector-services__link:hover {
  text-decoration: none;
}

p.c-sector-services__text {
    font-size: calc(14px + 2 * ((100vw - 420px) / 860)); /* Ugly hack ☹️ */
}

@media screen and (min-width: 1280px) {

  p.c-sector-services__text {
    font-size: 16px;
  }
}

@media screen and (max-width: 420px) {

  p.c-sector-services__text {
    font-size: 14px;
  }
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.c-sidebar .c-button {
  margin: calc(24px * 1.4) auto;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 300px;
}

@media (max-width: 479px) {

  .c-sidebar {
    margin-top: calc(-24px * 1);
    margin-bottom: 24px;
  }
    }

@media (max-width: 767px) {

  .c-sidebar {
    margin-left: -15px;
    margin-right: -15px;
    -ms-flex-order: -1;
        order: -1;
    max-height: 60px;
    overflow: hidden;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
  }

  .c-sidebar .c-sidebar__list {
    padding-left: calc(30px * 2);
  }
    }

@media (min-width: 480px) and (max-width: 767px) {

  .c-sidebar {
    margin-top: calc(-24px * 3);
  }
    }

@media (min-width: 768px) {

  .c-sidebar {
    width: 35%;
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 9.6%;
  }
    }

@media (min-width: 768px) and (max-width: 1366px) {

  .c-sidebar {
    margin-right: auto;
    width: $grid-width-xxs;
  }
    }

.c-sidebar.c-sidebar--active {
  max-height: 1000px;
  overflow: visible;
}

.c-sidebar-related {
    padding: calc(24px * 2) calc(30px * 1.5);
    box-shadow: 0 2px 65px 0 rgba(180, 180, 180, .5);
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    background-color: #FFFFFF;
}

.c-sidebar-related +.c-sidebar-cta {
}

@media (max-width: 659px) {

  .c-sidebar-related +.c-sidebar-cta {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sidebar-related +.c-sidebar-cta {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-sidebar-related +.c-sidebar-cta {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 767px) {

  .c-sidebar-related {
    padding: 0;
  }
    }

@media (min-width: 768px) and (max-width: 1023px) {

  .c-sidebar-related {
    padding: calc(24px * 1.4) calc(30px * 1.2);
  }
    }

@media (min-width: 960px) {

  .c-sidebar-related {
    background: #FFFFFF url("../../assets/images/brand-elements/sidebar-shards.png") no-repeat 260px bottom;
  }
    }

/*
   Sidebar header
   ========================================================================== */

.c-sidebar__header {
    margin-left: calc(-30px * 1.5);
    margin-right: calc(-30px * 1.5);
    padding: 0 calc(30px * 1.5) calc(24px * 1.5);
    position: relative
}

.c-sidebar__header:after {
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 767px) {

  .c-sidebar__header {
    padding: 0 calc(30px * 1.5) 24px;
  }
    }

.c-sidebar__title {
    margin-bottom: 0;
    font-size: calc(17px + 13 * ((100vw - 420px) / 860))
}

@media screen and (min-width: 1280px) {

  .c-sidebar__title {
    font-size: 30px;
  }
}

@media screen and (max-width: 420px) {

  .c-sidebar__title {
    font-size: 17px;
  }
}

@media (max-width: 767px) {

  .c-sidebar__title {
    text-align: center;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    padding-left: calc(30px / 2);
  }

  .c-sidebar__title:after {
    content: "";
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%2301235A%22%20fill-rule%3D%22evenodd%22%20points%3D%2235.59%2032%2031%2036.58%2026.41%2032%2025%2033.41%2031%2039.41%2037%2033.41%22%20transform%3D%22translate(-25%20-32)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat center/cover;
    width: 18px;
    height: 12px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1);
  }

  .c-sidebar--active .c-sidebar__title:after {
    transform: rotate(180deg);
    transform-origin: 50% 25%;
  }
    }

/*
   Sidebar container
   ========================================================================== */

.c-sidebar__wrap {
    margin-left: calc(-30px * 1.5);
    margin-right: calc(-30px * 1.5);
    position: relative;
}

.c-sidebar__wrap > div {
  padding-left: calc(30px * 1.5);
  padding-right: calc(30px * 1.5)
}

.c-sidebar__wrap > div:first-of-type {
  padding-top: 0;
}

@media (max-width: 659px) {

  .c-sidebar__wrap {
    margin-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sidebar__wrap {
    margin-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-sidebar__wrap {
    margin-top: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-sidebar__wrap {
    padding-top: calc((24px / 2) * 1.4);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sidebar__wrap {
    padding-top: calc(2.189vw * 1.4);
  }
}

@media (min-width: 1367px) {

  .c-sidebar__wrap {
    padding-top: calc(24px * 1.4);
  }
}

.c-sidebar__wrap:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 767px) {

  .c-sidebar__wrap {
    margin-top: 0;
    padding: 24px calc(30px / 2);
  }
    }

/*
   Sidebar nav
   ========================================================================== */

.c-sidebar__nav {
    margin-left: calc(-30px * 1.5);
    margin-right: calc(-30px * 1.5);
    position: relative
}

@media (max-width: 659px) {

  .c-sidebar__nav {
    margin-top: calc((24px / 2) * 1);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sidebar__nav {
    margin-top: calc(2.189vw * 1);
  }
}

@media (min-width: 1367px) {

  .c-sidebar__nav {
    margin-top: calc(24px * 1);
  }
}

@media (max-width: 659px) {

  .c-sidebar__nav {
    padding-top: calc((24px / 2) * 1.4);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sidebar__nav {
    padding-top: calc(2.189vw * 1.4);
  }
}

@media (min-width: 1367px) {

  .c-sidebar__nav {
    padding-top: calc(24px * 1.4);
  }
}

.c-sidebar__nav:before {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

@media (max-width: 767px) {

  .c-sidebar__nav {
    margin-top: 0;
    padding-top: 24px;
  }
    }

.c-sidebar__list {
    padding: 0 calc(30px * 1.5);
    margin-bottom: 0
}

@media(min-width: 1367px) {

  .c-sidebar__list {
    padding-right: calc(30px * 5);
  }
    }

.c-sidebar__item {
    margin-bottom: 24px
}

@media (min-width: 768px) {

  .c-sidebar__item {
}

  .c-sidebar__item:last-of-type {
    margin-bottom: 0;
  }
    }

.c-sidebar__link {
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px;
}

/*
   Sidebar contact
   ========================================================================== */

.c-sidebar__contact-detail h4 {
  font-size: calc(18px + 2 * ((100vw - 420px) / 860));
  margin-bottom: calc(24px / 2);
}

@media screen and (min-width: 1280px) {

  .c-sidebar__contact-detail h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 420px) {

  .c-sidebar__contact-detail h4 {
    font-size: 18px;
  }
}

@media (max-width: 659px) {

  .c-sidebar__contact-detail {
    padding-top: calc((24px / 2) * 1.5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sidebar__contact-detail {
    padding-top: calc(2.189vw * 1.5);
  }
}

@media (min-width: 1367px) {

  .c-sidebar__contact-detail {
    padding-top: calc(24px * 1.5);
  }
}

/*
   Sidebar social
   ========================================================================== */

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

@media (max-width: 659px) {

  .c-sidebar__social {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-sidebar__social {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-sidebar__social {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 767px) {

  .c-sidebar__social {
    display: none;
  }
    }

.c-sidebar__social-item {
    margin-right: 30px
}

.c-sidebar__social-item:last-of-type {
  margin-right: 0;
}

.c-sidebar__social-link svg {
  width: 28px;
  height: 24px;
}

.c-sidebar__social-link svg path {
  transition: .2s cubic-bezier(.4, 0, .2, 1);
  fill: #01235a;
}

.c-sidebar__social-link:hover svg path {
  fill: #cc1c2d;
}

/* ==========================================================================
   Sidebar CTA
   ========================================================================== */

.c-sidebar-cta {
    padding: calc(24px * 2) calc(30px * 1.5);
    background: #FFFFFF;
    box-shadow: 0 2px 44px 0 rgba(211, 211, 211, .5);
    overflow: hidden;
    border-radius: 3px;
    position: relative;
}

.c-sidebar-cta .c-button {
  width: 100%;
  min-width: inherit;
}

.c-sidebar-cta__title, .c-sidebar-cta__text {
    text-align: center;
}

/* ==========================================================================
   Twitter
   ========================================================================== */

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

.c-news-loop .c-twitter {
}

@media (max-width: 659px) {

  .c-twitter {
    padding-bottom: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-twitter {
    padding-bottom: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-twitter {
    padding-bottom: calc(24px * 2);
  }
}

.c-twitter--sidebar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  text-align: center;
  padding: calc(24px * 2) 30px;
  background: #FFFFFF;
  box-shadow: 0 2px 44px 0 rgba(211, 211, 211, .5);
  overflow: hidden;
  border-radius: 3px;
}

@media (max-width: 659px) {

  .c-twitter--sidebar {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-twitter--sidebar {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-twitter--sidebar {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 767px) {

  .c-twitter--sidebar {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 959px) {

  .c-twitter--sidebar {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 24px;
  }
}

@media (max-width: 659px) {

  .c-news-loop .c-twitter {
    margin-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-news-loop .c-twitter {
    margin-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-news-loop .c-twitter {
    margin-top: calc(24px * 2);
  }
}

@media (max-width: 659px) {

  .c-news-loop .c-twitter {
    padding-top: calc((24px / 2) * 2);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-news-loop .c-twitter {
    padding-top: calc(2.189vw * 2);
  }
}

@media (min-width: 1367px) {

  .c-news-loop .c-twitter {
    padding-top: calc(24px * 2);
  }
}

.c-twitter__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

@media (max-width: 767px) {

  .c-twitter__wrap {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
}

.c-twitter__tweet {
    padding: 24px 30px;
    -ms-flex: 1;
        flex: 1;
}

.c-twitter--sidebar .c-twitter__tweet {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative
}

.c-twitter--sidebar .c-twitter__tweet:after {
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 5px;
  width: 100%;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D9D9D9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M518.093978%2C190.437564%20C518.093978%2C189.072528%20519.193342%2C188%20520.531592%2C188%20C521.874717%2C188%20522.969205%2C189.072528%20522.969205%2C190.437564%20C522.969205%2C191.780662%20521.874717%2C192.875128%20520.531592%2C192.875128%20C519.193342%2C192.875128%20518.093978%2C191.780662%20518.093978%2C190.437564%20Z%22%20transform%3D%22translate(-518%20-188)%22%2F%3E%0A%3C%2Fsvg%3E') repeat-x 0 0/10px 5px;
}

.c-twitter--sidebar .c-twitter__tweet:last-of-type {
}

.c-twitter--sidebar .c-twitter__tweet:last-of-type:after {
  display: none;
}

@media (max-width: 767px) {

  .c-twitter__tweet {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media (max-width: 767px) {

  .c-twitter__tweet {
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
    }

@media (min-width: 768px) {

  .c-twitter__tweet {
    padding-bottom: 0;
  }
    }

.c-twitter__tweet-text {
}

@media (max-width: 767px) {

  .c-twitter__tweet-text {
    margin-bottom: 0;
  }
    }

.c-twitter__handle {
    display: inline-block;
    margin: 0 auto 24px;
    font-weight: 700;
    color: #01235a
}

.c-twitter__handle:hover .c-twitter__icon {
  transform: rotate(12deg);
}

.c-twitter__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: calc(30px / 2);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

.c-twitter__tweet-text > a {
  font-weight: 700;
  text-decoration: underline
}

.c-twitter__tweet-text > a:hover {
  text-decoration: none;
}

/* ==========================================================================
   Vaidation
   ========================================================================== */

.c-validation {
    text-align: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    font-size: 14px;
    color: #FFFFFF;
}

.c-validation > div, .c-validation > p {
  padding: 30px;
}

.c-validation__success {
    background-color: #024893;
}

.c-validation__failure {
    background-color: $colour-bravo-x-dark;
}

/* ==========================================================================
   Video player
   ========================================================================== */

.c-video__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    position: relative;
    padding-bottom: calc(100% * 9/16);
    background: #151515;
    box-shadow: 0 2px 54px 0 rgba(47, 47 , 47, .71);
    border-radius: calc(3px * 3);
    overflow: hidden
}

@media (max-width: 767px) {

  .c-video__container {
    height: 0;
    padding-bottom: calc(100% * 9/16);
  }
    }

.c-video__overlay-wrap {
    height: 100%;
    width: 100%;
    -ms-flex-align: center;
        align-items: center;
    z-index: 5;
    border-radius: calc(3px * 3);
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.c-video__overlay-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(21, 21, 21, 0.65);
  width: 100%;
  height: 100%;
  z-index: -1;
}

.c-video__overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity .6s .1s, transform .6s, visibility .6s
}

.c-video__overlay.c-video__overlay--hidden {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}

.c-video__overlay-placeholder {
    position: absolute;
    height: 100%;
    width: 100%;
}

.c-video__overlay-placeholder img {
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.c-video__overlay-text {
    margin-top: auto;
    margin-bottom: auto;
    color: #FFFFFF;
    font-size: calc(18px + 4 * ((100vw - 420px) / 860));
    text-align: center;
    font-weight: 300;
}

@media screen and (min-width: 1280px) {

  .c-video__overlay-text {
    font-size: 22px;
  }
}

@media screen and (max-width: 420px) {

  .c-video__overlay-text {
    font-size: 18px;
  }
}

.c-video__overlay-button {
    padding-bottom: 24px;
    margin-top: calc(-24px * 2);
    color: #FFFFFF;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center
}

.c-video__overlay-button:hover {
  color: #FFFFFF;
}

.c-video__overlay-button__icon {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%23CC1C2D%22%20fill-rule%3D%22evenodd%22%20points%3D%22394%20331%20374%20341%20374%20321%22%20transform%3D%22translate(-374%20-321)%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat;
    font-size: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}

@media (max-width: 659px) {

  .c-video__overlay-button__icon {
    margin-left: calc((24px / 2) * .5);
  }
}

@media (min-width: 660px) and (max-width: 1366px) {

  .c-video__overlay-button__icon {
    margin-left: calc(2.189vw * .5);
  }
}

@media (min-width: 1367px) {

  .c-video__overlay-button__icon {
    margin-left: calc(24px * .5);
  }
}

.c-video__player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: calc(3px * 3);
    overflow: hidden;
    transition: opacity 2s 1s, visibility 1s, transform .5s;
    opacity: 0;
    visibility: hidden;
}

.c-video__player iframe {
  width: 100%;
  height: 100%;
}

.c-video__player.c-video__player--loaded {
  opacity: 1;
  visibility: visible;
}

/* ==========================================================================
   Trumps
   ========================================================================== */

/* ==========================================================================
   Hidden elements
   ========================================================================== */

.element-hidden-xs {
}

@media (max-width: 659px) {

  .element-hidden-xs {
    display: none;
  }
    }

.element-hidden-sm {
}

@media (max-width: 767px) {

  .element-hidden-sm {
    display: none;
  }
    }

.element-hidden-md {
}

@media (max-width: 959px) {

  .element-hidden-md {
    display: none;
  }
    }

.element-hidden-lg {
}

@media (max-width: 1023px) {

  .element-hidden-lg {
    display: none;
  }
    }

.element-hidden-xl {
}

@media (max-width: 1366px) {

  .element-hidden-xl {
    display: none;
  }
    }

.element-hidden-xxl {
}

@media (max-width: 1366px) {

  .element-hidden-xxl {
    display: none;
  }
    }

/* ==========================================================================
   Hidden text
   ========================================================================== */

.text-hidden-xs {
}

@media (max-width: 659px) {

  .text-hidden-xs {
    display: none;
  }
    }

.text-hidden-sm {
}

@media (max-width: 767px) {

  .text-hidden-sm {
    display: none;
  }
    }

.text-hidden-md {
}

@media (max-width: 959px) {

  .text-hidden-md {
    display: none;
  }
    }

.text-hidden-lg {
}

@media (max-width: 1023px) {

  .text-hidden-lg {
    display: none;
  }
    }

.text-hidden-xl {
}

@media (max-width: 1366px) {

  .text-hidden-xl {
    display: none;
  }
    }

.text-hidden-xxl {
}

@media (max-width: 1366px) {

  .text-hidden-xxl {
    display: none;
  }
    }

/* ==========================================================================
   Lazysizes
   ========================================================================== */

.lazyload, .lazyloading {
    opacity: 0;
    transition: opacity 1s;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 1s;
}

/* ==========================================================================
   IOS video overwrite
   ========================================================================== */

/* stylelint-disable */

*::-webkit-media-controls-start-playback-button {
       display: none !important;
       -webkit-appearance: none;
    }

/* stylelint-enable */