@charset "UTF-8";
/* Button styles
--------------------------------------------------------------------*/
/* Ghost Button styles
--------------------------------------------------------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-y: scroll;
}

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

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

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

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

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

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
  margin: 20px 0;
  border: 0px none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

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

/**
 * Address styles for addthis
 */
#_atssh {
  display: none;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre,
address {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

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

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

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

/**
 * Correct margins for list items.
 */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul ul,
ol ol {
  margin: 0;
  padding: 0;
}

ol li {
  margin-left: 0;
}

/**
 * Correct list for navigation elements.
 */
#nav ul,
#nav ol,
#nav li,
#subnav ul,
#subnav ol,
#subnav li {
  margin: 0;
  padding: 0;
  background: none;
  text-decoration: none;
}

/**
 * Box sizing for images
 */
img {
  box-sizing: border-box;
  vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
  vertical-align: top;
}

/**
 * Clear class for on a div
 */
.clear {
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}

@media only screen {
  /*
   *  Owl Carousel - Core
   */
  .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
  }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
  }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
  }
  .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
  }
  .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .owl-carousel.owl-loaded {
    display: block;
  }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
  }
  .owl-carousel.owl-hidden {
    opacity: 0;
  }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
  }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  .owl-carousel.owl-rtl {
    direction: rtl;
  }
  .owl-carousel.owl-rtl .owl-item {
    float: right;
  }

  /* No Js */
  .no-js .owl-carousel {
    display: block;
  }

  /*
   *  Owl Carousel - Animate Plugin
   */
  .owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  .owl-carousel .owl-animated-in {
    z-index: 0;
  }
  .owl-carousel .owl-animated-out {
    z-index: 1;
  }
  .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
  }

  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  /*
   * 	Owl Carousel - Auto Height Plugin
   */
  .owl-height {
    transition: height 500ms ease-in-out;
  }

  /*
   * 	Owl Carousel - Lazy Load Plugin
   */
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
  }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
  }

  /*
   * 	Owl Carousel - Video Plugin
   */
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
  }
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
  }
  .owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3);
  }
  .owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
  }
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
  }
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
  }

  /*! fancyBox 3.0.0 Beta 1 fancyapps.com | fancyapps.com/fancybox/#license */
  html {
    position: relative;
  }

  #fancybox-loading,
#fancybox-lock,
.fancybox-wrap,
.fancybox-skin,
.fancybox-inner,
.fancybox-error,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-wrap embed,
a.fancybox-close,
a.fancybox-expand,
a.fancybox-nav,
a.fancybox-nav span,
.fancybox-tmp {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: none;
    text-shadow: none;
  }

  #fancybox-lock {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999920;
    overflow: hidden !important;
    -webkit-transition: -webkit-transform 0.5s;
    -webkit-transform: translateX(0px);
  }

  .fancybox-lock-test {
    overflow-y: hidden !important;
  }

  .fancybox-lock {
    overflow: hidden !important;
    width: auto;
  }

  .fancybox-lock body {
    overflow: hidden !important;
  }

  .fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999920;
    -ms-touch-action: none;
    -webkit-transform: translate3d(0, 0, 0);
  }

  .fancybox-opened {
    z-index: 999930;
  }

  .fancybox-skin {
    border-style: solid;
    border-color: #fff;
    background: #fff;
    color: #444;
  }

  .fancybox-inner {
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .fancybox-spacer {
    position: absolute;
    top: 100%;
    left: 0;
    width: 1px;
  }

  .fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
  }

  .fancybox-image {
    max-width: 100%;
    max-height: 100%;
    zoom: 1;
  }

  a.fancybox-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 38px;
    height: 39px;
    cursor: pointer;
    background-position: 0 0;
    z-index: 999940;
  }

  a.fancybox-nav {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 999940;
    overflow: hidden;
  }

  .fancybox-type-iframe a.fancybox-nav,
.fancybox-type-inline a.fancybox-nav,
.fancybox-type-html a.fancybox-nav {
    width: 70px;
  }

  a.fancybox-prev {
    left: 10px;
  }

  a.fancybox-next {
    right: 10px;
  }

  a.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 35px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 999940;
  }

  a.fancybox-prev span {
    left: 0;
    background-position: -7px -51px;
  }

  a.fancybox-next span {
    right: 0;
    background-position: -7px -100px;
  }

  .fancybox-mobile a.fancybox-nav {
    max-width: 80px;
  }

  .fancybox-desktop a.fancybox-nav {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .fancybox-desktop a.fancybox-nav:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  a.fancybox-expand {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 36px;
    height: 37px;
    z-index: 999950;
    opacity: 0;
    filter: alpha(opacity=0);
    background-position: -1px -148px;
    zoom: 1;
    transition: opacity 0.5s ease;
  }

  .fancybox-wrap:hover a.fancybox-expand {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .fancybox-wrap a.fancybox-expand:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  #fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    background-color: #111;
    background-image: url(/media/img/fancybox/loader.gif);
    background-position: center center;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: pointer;
    z-index: 999960;
    border-radius: 8px;
  }

  .fancybox-tmp {
    position: absolute !important;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
  }

  .fancybox-title {
    font: normal 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    position: relative;
    text-shadow: none;
    z-index: 999950;
    display: block;
    visibility: hidden;
  }

  .fancybox-title-float-wrap {
    position: relative;
    margin-top: 10px;
    text-align: center;
    zoom: 1;
    left: -9999px;
  }

  .fancybox-title-float-wrap > div {
    display: inline-block;
    padding: 7px 20px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 2px #222;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
  }

  .fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  }

  .fancybox-title-inside-wrap {
    padding-top: 10px;
  }

  .fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 5px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    max-height: 50%;
    overflow: auto;
  }

  .fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 999910;
  }

  .fancybox-overlay-fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  /* Default theme */
  .fancybox-default-skin {
    border-color: #f9f9f9;
    background: #f9f9f9;
  }

  .fancybox-default-skin-open {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  }

  .fancybox-default-overlay {
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
  }

  .fancybox-default a.fancybox-close,
.fancybox-default a.fancybox-expand,
.fancybox-default a.fancybox-nav span {
    background-image: url(/media/img/fancybox/svg/sprite_controls.png);
  }

  .Accordion {
    padding: 32px 0;
  }
  .Accordion__item {
    margin-bottom: 10px;
    padding: 0 14px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
  }
  .Accordion__item:hover {
    border: 1px solid #CD1417;
  }
  .Accordion__item:hover .Title-h1 span:after, .Accordion__item:hover .Title-h1 span:before {
    background: #CD1417;
  }
  .Accordion__item .Title-h1 {
    margin: 0;
    padding: 9px 0 11px 26px;
    position: relative;
    cursor: pointer;
    color: #37474F;
    line-height: 1.5;
    font-size: 1em;
  }
  .Accordion__item .Title-h1 span {
    position: absolute;
    left: 0;
    top: 16px;
    width: 11px;
    height: 11px;
  }
  .Accordion__item .Title-h1 span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    width: 3px;
    height: 11px;
    background: #37474F;
  }
  .Accordion__item .Title-h1 span:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 11px;
    height: 3px;
    background: #37474F;
  }
  .Accordion__item .Title-h1.open span:after {
    display: none;
  }
  .Accordion__item > div:not(.Title-h1) {
    display: none;
    margin-top: 10px;
  }
  .Accordion__item > div:not(.Title-h1):after {
    content: "";
    display: table;
    clear: both;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /** LIGHT THEME **/
  .tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border-radius: 3px;
    border: 1px solid #cccccc;
    background: #fff;
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-content {
    padding: 20px 15px;
    color: #263238;
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
    height: 9px;
    margin-left: -9px;
    width: 18px;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
    height: 18px;
    margin-left: 0;
    margin-top: -9px;
    width: 9px;
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
    border: 9px solid transparent;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff;
    top: 1px;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #fff;
    left: -1px;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff;
    left: 1px;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
    top: -1px;
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
    border: 9px solid transparent;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #cccccc;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #cccccc;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #cccccc;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #cccccc;
  }

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

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

  .Modal__close::after, .MobileMenu__close::after, .MobileMenu__trigger::before, .ProductsDetail__specifications ul li .tooltip-wrapper::after, .DownloadButtons__button::before, .Downloads__item::before, .Faq__item .Title-h1 span:before, .Examples .owl-prev::after,
.Examples .owl-next::after, .Pager__button::after, .Pager__button::before, .ProjectsHome .owl-prev::after,
.ProjectsHome .owl-next::after, .ProjectsHome__content h1::after, .Quote h1::after, .Quote h1::before, .ProductsHome .owl-prev::after,
.ProductsHome .owl-next::after, .ContactRow__icon::before, .Crumbs a::after, .HeaderVisual .btn--ghost::after, .FileUploads .FileUploadsItem__options a::before, .FileUploads .FileUploadsItem__type::before, .FileUploader__button::after, .FileUploader__preview .filename::after, .FileUploadAlbum .Upload > div > span::after, .btn-lnkin::before, .Top__right__phone::before, table.striped:after, table.striped:before,
table.slide:after,
table.slide:before, .btn.btn--back::before, .knop::after, .btn::after, main ul li::before,
body[class*=cke_] ul li::before, .back::before, .more::after, .fa::before,
.fa::after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .Container {
    padding: 0 32px;
    width: 1264px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .Container--large {
    width: 1500px;
  }

  /* Formulier typografische styles
  --------------------------------------------------------------------*/

  /* Formulier input styles
  --------------------------------------------------------------------*/

  /* Webkit select styles
  --------------------------------------------------------------------*/
  /* Input focus styles
  --------------------------------------------------------------------*/

  /* Input disabled / readonly styles
  --------------------------------------------------------------------*/

  /* Indeling
  --------------------------------------------------------------------*/

  /*/mediaquery*/
  /*/mediaquery*/
  /* Meldingen
  --------------------------------------------------------------------*/

  /* Responsive afbeeldingen in de content
  --------------------------------------------------------------------*/
}
@media only screen and (max-width: 1500px) {
  .Container--large {
    width: 1264px;
  }
}
@media only screen {
  .Container__small {
    max-width: 900px;
  }
}
@media only screen and (max-width: 1264px) {
  .Container {
    width: auto;
  }
}
@media only screen and (max-width: 700px) {
  .Container {
    padding: 0 16px;
  }
}
@media only screen {
  .Clear::after {
    content: "";
    display: table;
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
  }
}
@media only screen {
  .iframe-container-16-9, .iframe-container-4-3, .iframe-container-4-2, .iframe-container {
    position: relative;
    height: 0;
    overflow: hidden;
    margin-bottom: 24px;
  }
  .iframe-container-16-9 iframe, .iframe-container-4-3 iframe, .iframe-container-4-2 iframe, .iframe-container iframe,
.iframe-container-16-9 object,
.iframe-container-4-3 object,
.iframe-container-4-2 object,
.iframe-container object,
.iframe-container-16-9 embed,
.iframe-container-4-3 embed,
.iframe-container-4-2 embed,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen {
  .iframe-container {
    margin: 56px 0;
    padding-bottom: 60%;
  }
}
@media only screen {
  .iframe-container-4-2 {
    padding-bottom: 50%;
  }
}
@media only screen {
  .iframe-container-4-3 {
    padding-bottom: 75%;
  }
}
@media only screen {
  .iframe-container-16-9 {
    padding-bottom: 56.25%;
  }
}
@media only screen {
  html, body {
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-size: 17px;
    color: #37474F;
    line-height: 1.4117647059;
    font-weight: 300;
  }
}
@media only screen and (max-width: 700px) {
  html, body {
    font-size: 15px;
  }
}
@media only screen {
  body {
    overflow-x: hidden;
  }
}
@media only screen {
  h1,
h2,
h3,
h4,
span.h1,
.Heading--h1,
.Heading--h2,
.Heading--h3,
.Heading--h4 {
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-weight: 700;
    color: #263238;
  }
  .home h1,
.home h2,
.home h3,
.home h4,
.home span.h1,
.home .Heading--h1,
.home .Heading--h2,
.home .Heading--h3,
.home .Heading--h4 {
    letter-spacing: -2px;
  }
}
@media only screen and (max-width: 700px) {
  .home h1,
.home h2,
.home h3,
.home h4,
.home span.h1,
.home .Heading--h1,
.home .Heading--h2,
.home .Heading--h3,
.home .Heading--h4 {
    letter-spacing: -1px;
  }
}
@media only screen {
  p,
address,
ol,
table {
    line-height: 1.4117647059;
    margin-bottom: 1.4117647059em;
    font-weight: 300;
  }
  p:last-child,
address:last-child,
ol:last-child,
table:last-child {
    margin-bottom: 0;
  }
}
@media only screen {
  h1, span.h1, .Heading--h1 {
    margin-bottom: 0.6em;
    padding-top: 0;
    font-size: 2.3529411765rem;
    line-height: 1.2;
    font-weight: 200;
  }
  h1.big, span.h1.big, .Heading--h1.big {
    font-size: 3.2941176471rem;
    line-height: 1;
  }
}
@media only screen and (max-width: 700px) {
  h1.big, span.h1.big, .Heading--h1.big {
    font-size: 2.1333333333rem;
  }
}
@media only screen and (max-width: 700px) {
  h1, span.h1, .Heading--h1 {
    font-size: 2.1333333333rem;
  }
}
@media only screen {
  h2, .Heading--h2 {
    margin-bottom: 0.5em;
    padding-top: 1em;
    font-size: 1.8823529412rem;
    line-height: 1.25;
    font-weight: 200;
  }
}
@media only screen and (max-width: 700px) {
  h2, .Heading--h2 {
    font-size: 1.6rem;
  }
}
@media only screen {
  h3 {
    margin-bottom: 1em;
    padding-top: 1.5em;
    font-size: 1rem;
    line-height: 1.6842105263;
    letter-spacing: 0 !important;
  }
}
@media only screen {
  strong {
    font-weight: 700;
  }
}
@media only screen {
  a {
    transition: background 0.3s ease, color 0.3s ease;
    color: #CD1417;
    text-decoration: underline;
  }
  a:hover {
    color: #CD1417;
    text-decoration: underline;
  }
}
@media only screen {
  .more {
    font-weight: 700;
    white-space: nowrap;
  }
  .more::after {
    content: "";
    color: inherit;
    font-size: 0.9411764706em;
    text-decoration: underline;
    display: inline-block;
    margin-left: 7px;
  }
  .more::after {
    text-decoration: none;
  }
  .more:hover {
    text-decoration: underline;
  }
}
@media only screen {
  .back {
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
  }
  .back::before {
    content: "";
    color: inherit;
    font-size: 0.9411764706em;
    text-decoration: underline;
    display: inline-block;
    margin-right: 7px;
  }
  .back::before {
    text-decoration: none;
  }
  .back:hover {
    text-decoration: underline;
  }
}
@media only screen {
  main ul, main ol,
body[class*=cke_] ul,
body[class*=cke_] ol {
    margin: 0 0 24px 20px;
  }
  main ul ul, main ul ol, main ol ul, main ol ol,
body[class*=cke_] ul ul,
body[class*=cke_] ul ol,
body[class*=cke_] ol ul,
body[class*=cke_] ol ol {
    margin-bottom: 0;
  }
  main ol,
body[class*=cke_] ol {
    list-style: decimal;
  }
  main ol li,
body[class*=cke_] ol li {
    margin-left: 24px;
  }
  main ul li,
body[class*=cke_] ul li {
    list-style: none;
    padding-left: 18px;
    position: relative;
  }
  main ul li::before,
body[class*=cke_] ul li::before {
    content: "";
    color: #CD1417;
    font-size: 1em;
    position: absolute;
    top: 3px;
    left: 0px;
  }
}
@media only screen {
  blockquote {
    margin: 30px;
    padding: 5px 0 5px 20px;
    border-left: 4px solid #d2d2d2;
    font-style: italic;
    color: #6e6e6e;
  }
  blockquote p {
    margin: 0;
    padding: 0;
  }
}
@media only screen {
  .bio-light {
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
}
@media only screen {
  .bio-regular {
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}
@media only screen {
  .bio-semibold {
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
}
@media only screen {
  .bio-bold {
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
}
@media only screen {
  .italic {
    font-style: italic;
  }
}
@media only screen {
  .align-left {
    text-align: left;
  }
}
@media only screen {
  .align-center {
    text-align: center;
  }
}
@media only screen {
  .align-right {
    text-align: right;
  }
}
@media only screen {
  .spacing-xs {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen {
  .spacing-s-full {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 700px) {
  .spacing-s-full {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
  }
}
@media only screen {
  .spacing-s {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 700px) {
  .spacing-s {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen {
  .spacing-t-s {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 700px) {
  .spacing-t-s {
    padding-top: 24px;
  }
}
@media only screen {
  .spacing-b-s {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 700px) {
  .spacing-b-s {
    padding-bottom: 24px;
  }
}
@media only screen {
  .spacing-m {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1000px) {
  .spacing-m {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 700px) {
  .spacing-m {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen {
  .spacing-t-m {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 700px) {
  .spacing-t-m {
    padding-top: 48px;
  }
}
@media only screen {
  .spacing-b-m {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 700px) {
  .spacing-b-m {
    padding-bottom: 48px;
  }
}
@media only screen {
  .spacing-l {
    padding-top: 112px;
    padding-bottom: 112px;
  }
}
@media only screen and (max-width: 1000px) {
  .spacing-l {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 700px) {
  .spacing-l {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media only screen {
  .flex {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-center {
    align-items: center;
  }
  .flex-stretch {
    align-items: stretch;
  }
  .flex-end {
    align-items: flex-end;
  }
  .flex-left {
    justify-content: flex-start;
  }
  .flex-middle {
    justify-content: center;
  }
  .flex-right {
    justify-content: flex-end;
  }
}
@media only screen {
  .underline-animate {
    display: inline-block;
    text-decoration: none !important;
  }
  .underline-animate span {
    position: relative;
    display: inline-block;
  }
  .underline-animate span::after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    height: 1px;
    width: 0;
    background-color: #43a047;
    transition: width 0.3s ease;
  }
  .underline-animate:hover span::after, .underline-animate.active span::after {
    width: 100%;
  }
}
@media only screen and (max-width: 700px) {
  .underline-animate {
    text-decoration: none !important;
  }
  .underline-animate span::after {
    display: none !important;
  }
  .underline-animate:hover span {
    text-decoration: underline !important;
  }
}
@media only screen {
  input, select, textarea, optgroup {
    font-family: "mr-eaves-xl-modern", sans-serif;
    line-height: 1.2;
  }
}
@media only screen {
  textarea,
select,
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 2px 3px;
    text-align: left;
    background-clip: padding-box;
    background-color: #fff;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: #CFD8DC;
    color: #2f373a !important;
    -o-border-image: none;
       border-image: none;
    outline: 0 none;
    border-radius: 0;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15) inset;
  }
}
@media only screen {
  option {
    color: #2f373a !important;
  }
}
@media only screen {
  form label span {
    display: inline;
    opacity: 0.7;
    font-weight: 300;
  }
}
@media only screen {
  form label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    float: left;
    max-width: 100%;
    display: block;
    margin: 0 10px 4px 0;
    line-height: 26px;
    cursor: pointer;
  }
  form label.nowrap {
    float: none;
    white-space: normal;
  }
}
@media only screen {
  .checkbox-group label {
    white-space: normal;
    line-height: 185%;
  }
}
@media only screen {
  form input[type=radio] {
    margin: 7px 5px 0 5px;
    padding: 0;
    float: left;
  }
}
@media only screen {
  form input[type=checkbox] {
    margin: 4px 4px 0 0;
    padding: 0;
    float: left;
  }
}
@media only screen {
  textarea, select[size], select[multiple] {
    height: auto;
  }
}
@media only screen {
  textarea {
    min-height: 110px;
  }
}
@media only screen {
  .file {
    position: relative;
    clear: both;
  }
  .file::after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen {
  .file input[type=file] + span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media only screen {
  .file input[type=file] + span {
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
  }
}
@media only screen {
  .file input[type=file] {
    position: relative;
    width: 95%;
    margin: 10px;
    float: left;
    font-size: 13px;
    font-style: italic;
    z-index: 3;
  }
}
@media only screen {
  input[type=radio]:active,
input[type=radio]:focus {
    border: 0;
    box-shadow: none;
  }
}
@media only screen {
  input[type=checkbox]:active,
input[type=checkbox]:focus {
    border: 0;
    box-shadow: none;
  }
}
@media only screen {
  label.checkbox {
    float: none;
    white-space: normal;
    clear: both;
    display: block;
    line-height: 22px;
    overflow: visible;
    margin-left: 20px;
  }
}
@media only screen {
  label.checkbox input {
    float: left;
    margin-left: -20px;
  }
}
@media only screen {
  div.checkbox-label {
    margin-left: 20px;
    line-height: 1.4;
  }
}
@media only screen {
  div.radio-label {
    padding: 3px 0;
  }
}
@media only screen {
  form .captcha_container {
    clear: both;
    margin: 10px 0 10px 0;
    padding: 10px 0;
    text-align: center;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    -o-border-image: none;
       border-image: none;
    border-radius: 0 0 0 0;
  }
}
@media only screen {
  .review_photowrap label {
    float: none;
    white-space: normal;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    -webkit-appearance: none;
  }

  select[size],
select[multiple],
select[multiple][size] {
    background-image: none;
    padding-right: 3px;
  }

  select,
select[size="0"],
select[size="1"] {
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 0;
    color: #fff;
    font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
    min-height: 16px;
  }

  ::-webkit-validation-bubble-arrow,
::-webkit-validation-bubble-top-outer-arrow,
::-webkit-validation-bubble-top-inner-arrow {
    box-shadow: none;
    background: #666;
    border-color: #666;
  }
}
@media only screen {
  input:focus,
input[type=file]:focus + span,
button:focus,
a.button:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 5px 0 #9ac0fb;
    border: 1px solid;
    border-color: #7baefc;
    z-index: 1;
  }
}
@media only screen {
  input[type=file]:focus {
    box-shadow: none;
    border: 0;
    z-index: 2;
    outline: none;
  }
}
@media only screen {
  textarea[disabled],
select[disabled],
input[type=date][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=email][disabled],
input[type=month][disabled],
input[type=number][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=text][disabled],
input[type=time][disabled],
input[type=url][disabled],
input[type=week][disabled] {
    background-color: #eee;
  }
}
@media only screen {
  textarea[readonly],
select[readonly],
input[type=date][readonly],
input[type=datetime][readonly],
input[type=datetime-local][readonly],
input[type=email][readonly],
input[type=month][readonly],
input[type=number][readonly],
input[type=password][readonly],
input[type=search][readonly],
input[type=tel][readonly],
input[type=text][readonly],
input[type=time][readonly],
input[type=url][readonly],
input[type=week][readonly] {
    background-color: #eee;
  }
}
@media only screen {
  button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
    -moz-user-select: none;
    box-shadow: none;
    color: #888;
    cursor: default;
  }
}
@media only screen {
  .fld {
    float: left;
    margin-bottom: 12px;
    padding-right: 5px;
    box-sizing: border-box;
  }
  .fld .btn {
    margin: 8px 0 0;
  }
}
@media only screen {
  .fld_1 {
    width: 8.3333333333%;
  }
}
@media only screen {
  .fld_2 {
    width: 16.6666666667%;
  }
}
@media only screen {
  .fld_3 {
    width: 25%;
  }
}
@media only screen {
  .fld_4 {
    width: 33.3333333333%;
  }
}
@media only screen {
  .fld_5 {
    width: 41.6666666667%;
  }
}
@media only screen {
  .fld_6 {
    width: 50%;
  }
}
@media only screen {
  .fld_7 {
    width: 58.3333333333%;
  }
}
@media only screen {
  .fld_8 {
    width: 66.6666666667%;
  }
}
@media only screen {
  .fld_9 {
    width: 75%;
  }
}
@media only screen {
  .fld_10 {
    width: 83.3333333333%;
  }
}
@media only screen {
  .fld_11 {
    width: 91.6666666667%;
  }
}
@media only screen {
  .fld_12 {
    width: 100%;
  }
}
@media only screen {
  .fld_cleft {
    clear: left;
  }
}
@media only screen {
  .fld_cright {
    clear: right;
  }
}
@media only screen {
  .fld_clear {
    clear: both;
  }
}
@media only screen {
  .fld_aright {
    text-align: right;
  }
}
@media only screen {
  .fld_fright {
    float: right;
  }
}
@media only screen {
  .fld_website {
    display: none;
  }
}
@media only screen {
  .fld_checkbox {
    margin: 14px 0;
  }
}
@media only screen {
  .nopadding {
    padding: 0;
  }
}
@media only screen {
  .nomargin {
    margin: 0;
  }
}
@media only screen and (max-width: 800px) {
  /* Formulier Styles
  --------------------------------------------------------------------*/
  .fld_1 {
    width: 50%;
  }

  .fld_2 {
    width: 50%;
  }

  .fld_3 {
    width: 50%;
  }

  .fld_4 {
    width: 50%;
  }

  .fld_5 {
    width: 50%;
  }

  .fld_6 {
    width: 100%;
  }

  .fld_7 {
    width: 100%;
  }

  .fld_8 {
    width: 100%;
  }

  .fld_9 {
    width: 100%;
  }

  .fld_10 {
    width: 100%;
  }

  .fld_11 {
    width: 100%;
  }

  .fld_12 {
    width: 100%;
  }

  .fld_100procent {
    width: 100%;
  }

  .fld_btn {
    width: 50%;
  }
}
@media only screen and (max-width: 580px) {
  /* Formulier Styles
  --------------------------------------------------------------------*/
  .fld_1 {
    width: 100%;
  }

  .fld_2 {
    width: 100%;
  }

  .fld_3 {
    width: 100%;
  }

  .fld_4 {
    width: 100%;
  }

  .fld_5 {
    width: 100%;
  }

  .fld_6 {
    width: 100%;
  }

  .fld_7 {
    width: 100%;
  }

  .fld_8 {
    width: 100%;
  }

  .fld_9 {
    width: 100%;
  }

  .fld_10 {
    width: 100%;
  }

  .fld_11 {
    width: 100%;
  }

  .fld_12 {
    width: 100%;
  }

  .fld_100procent {
    width: 100%;
  }

  .fld_btn {
    width: 100%;
  }
}
@media only screen {
  .error,
#error {
    margin: 5px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #e9a6a6;
    background-color: #faeaea;
    position: relative;
    border-radius: 0;
  }
}
@media only screen {
  .error,
#error {
    color: #333;
    font-size: 1em;
    line-height: 185%;
  }
}
@media only screen {
  .error a,
#error a {
    color: #37474F;
  }
}
@media only screen {
  #new-account,
#goed {
    margin: 5px 0px 10px 0px;
    padding: 10px;
    border: 1px solid;
    border-color: #63b47c;
    background-color: #a8e6bb;
    position: relative;
  }
}
@media only screen {
  #new-account,
#goed {
    color: #37474F;
    font-size: 1em;
    line-height: 185%;
  }
}
@media only screen {
  #new-account a,
#goed a {
    color: #37474F;
  }
}
@media only screen {
  #new-account p,
#goed p {
    margin: 0;
  }
}
@media only screen {
  #fout {
    margin: 5px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #f00;
    background-color: #fcc;
    position: relative;
  }
}
@media only screen {
  #fout {
    color: #37474F;
    font-size: 1em;
    line-height: 185%;
  }
}
@media only screen {
  #fout a {
    color: #37474F;
  }
}
@media only screen {
  #fout p {
    margin: 0;
  }
}
@media only screen {
  #goed .close,
#new-account .close,
#fout .close,
#error .close {
    position: absolute;
    right: 7px;
    top: 2px;
    color: #000;
    text-decoration: none;
  }
}
@media only screen {
  .inputError input,
.inputError select,
.inputError textarea {
    background-color: #faeaea;
    border: 1px solid #e9a6a6;
  }
  .inputError input:focus,
.inputError select:focus,
.inputError textarea:focus {
    box-shadow: 0 0 7px rgba(219, 15, 15, 0.18);
  }
}
@media only screen {
  .knop, .btn {
    background: #CD1417;
    border: 0 !important;
    position: relative;
    display: inline-block;
    margin: 16px 16px 0 0;
    padding: 16px 24px 18px 24px;
    max-width: 100%;
    overflow: hidden;
    transition: background 0.3s ease;
    color: #fff;
    text-decoration: none;
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-overflow: ellipsis;
    z-index: 1;
  }
  .knop::after, .btn::after {
    content: "";
    position: relative;
    top: 1px;
    margin-left: 20px;
    font-size: 1.2em;
    line-height: 0;
    color: inherit !important;
  }
  .knop::before, .btn::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.075);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    transition: all 0.8s ease;
    z-index: -1;
    color: inherit !important;
  }
  .knop:hover, .btn:hover {
    color: #fff;
    text-decoration: none;
  }
  .knop:hover::before, .btn:hover::before {
    border-radius: 0;
    width: 150%;
    padding-bottom: 150%;
  }
  .knop:active, .btn:active {
    background-color: #CD1417;
    border-bottom: 0 !important;
    box-shadow: none;
    outline: none;
  }
  .knop:focus, .btn:focus {
    box-shadow: none;
    outline: none;
  }
}
@media only screen and (max-width: 700px) {
  .knop::after, .btn::after {
    margin-left: 12px;
  }
}
@media only screen {
  .btn.btn_submit {
    float: left;
  }
  .btn--ghost {
    background: none !important;
    padding-top: 14px;
    padding-bottom: 16px;
    border: 2px solid rgba(0, 0, 0, 0.25) !important;
    color: #CD1417 !important;
  }
  .btn--ghost::before {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .btn--ghost:hover {
    background: inherit;
  }
  .btn--ghost:active {
    border: 2px solid rgba(0, 0, 0, 0.25) !important;
  }
  .btn--ghost:focus {
    box-shadow: none;
    outline: none;
    border: 2px solid rgba(0, 0, 0, 0.25) !important;
    background: none;
  }
}
@media only screen {
  .btn--small {
    padding: 6px 24px 8px 24px !important;
  }
}
@media only screen and (max-width: 500px) {
  .btn--small {
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
  }
}
@media only screen {
  .btn.btn--back::after {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.075) !important;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    transition: all 0.8s ease;
    z-index: -1;
    margin: 0 !important;
  }
  .btn.btn--back::before {
    background: none !important;
    border-radius: 0;
    top: auto;
    left: auto;
    transform: none;
    width: auto;
    height: auto;
    transition: none;
    z-index: 1;
    content: "";
    position: relative;
    top: 1px;
    margin-right: 16px;
    font-size: 1.2em;
    line-height: 0;
  }
  .btn.btn--back:hover::before {
    border-radius: 0;
    width: auto;
    padding-bottom: 0;
  }
  .btn.btn--back:hover::after {
    border-radius: 0;
    width: 150%;
    padding-bottom: 150%;
  }
}
@media only screen {
  .btn--ghost.btn--back::before {
    background: none !important;
  }
  .btn--ghost.btn--back::after {
    background-color: rgba(0, 0, 0, 0.05) !important;
  }
}
@media only screen {
  table.responsive {
    table-layout: fixed;
  }
}
@media only screen and (max-width: 580px) {
  table.responsive {
    width: 100% !important;
  }
  table.responsive th, table.responsive td {
    display: block;
    width: 100% !important;
  }
}
@media only screen {
  table.striped,
table.slide {
    border: 0 none;
    position: relative;
  }
  table.striped th, table.striped td,
table.slide th,
table.slide td {
    border: 0 none;
    border-top: 1px solid #ddd;
    padding: 8px;
    box-sizing: border-box;
  }
  table.striped tr:first-child td,
table.slide tr:first-child td {
    border-top: 0 none;
  }
  table.striped tr:nth-child(even) td,
table.slide tr:nth-child(even) td {
    background: #fff;
  }
  table.striped tr:nth-child(odd) td,
table.slide tr:nth-child(odd) td {
    background: #ebebeb;
  }
  table.striped.thead tr:first-child td,
table.slide.thead tr:first-child td {
    border-bottom: 2px solid #ddd;
    font-weight: 700;
    white-space: nowrap;
  }
  table.striped.thead tr:nth-child(odd) td,
table.slide.thead tr:nth-child(odd) td {
    background: #fff;
  }
  table.striped.thead tr:nth-child(2n+2) td,
table.slide.thead tr:nth-child(2n+2) td {
    background: #ebebeb;
  }
}
@media only screen and (max-width: 580px) {
  table.striped {
    width: 100% !important;
  }
  table.striped th,
table.striped td {
    display: block !important;
    width: 100% !important;
    background: #fff !important;
    border: 0 none !important;
    border-top: 1px solid #ddd !important;
    font-weight: 400 !important;
  }
  table.striped tr:first-child td:first-child {
    border-top: 0 none !important;
  }

  .table-slider {
    overflow-x: scroll;
    padding-top: 54px;
    margin-bottom: 24px;
  }
  .table-slider table.slide {
    min-width: 530px;
    margin-bottom: 0;
  }
  .table-slider table.slide:after {
    content: "";
    position: absolute;
    top: -53px;
    left: 0;
    font-size: 24px;
    color: #000;
  }
  .table-slider table.slide:before {
    content: "";
    position: absolute;
    top: -31px;
    left: 0;
    font-size: 24px;
    color: #000;
  }
}
@media only screen {
  img.responsive {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-left-10 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 10%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-left-10 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-left-20 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 20%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-left-20 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-left-30 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 30%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-left-30 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-left-40 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 40%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-left-40 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-left-50 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 50%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-left-50 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-right-10 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 10%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-right-10 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-right-20 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 20%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-right-20 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-right-30 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 30%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-right-30 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-right-40 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 40%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-right-40 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  img.responsive-right-50 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 50%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  img.responsive-right-50 {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
}
@media only screen {
  .SectionRow .Container > *:last-child {
    margin-bottom: 0;
  }
  .SectionRow .Container > h1:first-child {
    margin-top: -8px;
  }
  .SectionRow .Container > h2:first-child {
    padding-top: 0;
  }
  .SectionRow .Container > h3:first-child {
    padding-top: 0;
  }
}
@media only screen {
  .BgColor-1 {
    background-color: #fff;
  }
}
@media only screen {
  .BgColor-2 {
    background-color: #ECEFF1;
  }
}
@media only screen {
  .BgColor-3 {
    background-color: #2E2E2E;
    color: #FFF;
    position: relative;
  }
  .BgColor-3::before {
    content: "";
    background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 60%);
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
  }
  .BgColor-3 * {
    color: #FFF;
  }
  .BgColor-3 a {
    color: #FFF;
  }
  .BgColor-3 a:hover {
    color: #FFF;
  }
  .BgColor-3 .more,
.BgColor-3 .back {
    color: #FFF;
  }
  .BgColor-3 .more:hover,
.BgColor-3 .back:hover {
    color: #FFF;
  }
  .BgColor-3 .btn {
    background-color: #FFF;
    color: #37474F;
  }
  .BgColor-3 .btn::before {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .BgColor-3 .btn:hover {
    color: #37474F;
  }
  .BgColor-3 .btn--back::before {
    background: none !important;
  }
  .BgColor-3 .btn--back::after {
    background-color: rgba(0, 0, 0, 0.05) !important;
  }
  .BgColor-3 .btn--ghost {
    border-color: white !important;
    color: #FFF !important;
  }
  .BgColor-3 .btn--ghost::before {
    background-color: rgba(255, 255, 255, 0.075);
  }
  .BgColor-3 .btn--ghost:hover {
    color: #FFF;
  }
  .BgColor-3 .btn--ghost.btn--back::before {
    background: none !important;
  }
  .BgColor-3 .btn--ghost.btn--back::after {
    background-color: rgba(255, 255, 255, 0.075) !important;
  }
  .BgColor-3 *::before,
.BgColor-3 *::after {
    color: #FFF;
  }
}
@media only screen {
  .BgColor-image {
    background: no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    color: #FFF;
  }
  .BgColor-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
  }
  .BgColor-image .Container {
    position: relative;
    z-index: 2;
  }
  .BgColor-image * {
    color: #FFF;
  }
  .BgColor-image a {
    color: #FFF;
  }
  .BgColor-image a:hover {
    color: #FFF;
  }
  .BgColor-image .btn {
    background-color: #FFF;
    color: #37474F;
  }
  .BgColor-image .btn::before {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .BgColor-image .btn::before, .BgColor-image .btn::after {
    color: #37474F;
  }
  .BgColor-image .btn--ghost::before, .BgColor-image .btn--ghost::after {
    color: #FFF !important;
  }
  .BgColor-image .btn:hover {
    color: #37474F;
  }
  .BgColor-image .btn--ghost {
    background: none !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #FFF;
  }
  .BgColor-image .btn--ghost::before {
    background-color: rgba(255, 255, 255, 0.15);
  }
  .BgColor-image .btn--ghost::after {
    color: #FFF;
  }
  .BgColor-image .btn--ghost:hover {
    color: #FFF;
  }
  .BgColor-image .btn--ghost:hover::after {
    color: #FFF;
  }
  .BgColor-image *::before,
.BgColor-image *::after {
    color: #FFF;
  }
}
@media only screen {
  .AddBorder {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
}
@media only screen {
  .ConnectToNext {
    padding-bottom: 0 !important;
    border: 0px none;
  }
}
@media only screen {
  .Top {
    padding: 16px 24px;
    position: relative;
    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    display: flex;
    gap: 24px;
  }
}
@media only screen and (max-width: 700px) {
  .Top {
    padding: 12px 16px;
  }
}
@media only screen {
  .Top--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .Top--fixed + main {
    margin-top: 114px;
  }
}
@media only screen and (max-width: 1200px) {
  .Top--fixed + main {
    margin-top: 86px;
  }
}
@media only screen {
  .Top__logowrapper {
    float: left;
    flex-grow: 1;
    position: relative;
    z-index: 99999;
  }
}
@media only screen {
  .Top__logo img {
    margin-top: -48px;
  }
}
@media only screen and (max-width: 1200px) {
  .Top__logo img {
    margin-top: -36px;
    width: 109px;
  }
}
@media only screen {
  .Top__right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8px;
  }
}
@media only screen and (max-width: 1200px) {
  .Top__right {
    flex-direction: row;
    align-items: center;
  }
}
@media only screen {
  .Top__right__phone {
    color: #37474F;
    text-decoration: none;
  }
}
@media only screen and (max-width: 700px) {
  .Top__right__phone {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, white 25%, #eeeeee 100%) !important;
    border: 1px solid #BEBEBE !important;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 700px) {
  .Top__right__phone span {
    display: none;
  }
}
@media only screen {
  .Top__right__phone:hover {
    color: #37474F;
    text-decoration: none;
  }
}
@media only screen {
  .Top__right__phone::before {
    content: "";
    display: inline-block;
    padding-right: 6px;
    font-size: 16px;
    position: relative;
    top: 1px;
  }
}
@media only screen and (max-width: 700px) {
  .Top__right__phone::before {
    padding: 0;
    top: 0;
  }
}
@media only screen {
  .Top__right__top {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .Top__right__top .LanguageSwitch {
    padding: 0 !important;
  }
  .Top__right__top .seperator {
    color: #90A4AE;
  }
}
@media only screen and (max-width: 700px) {
  .Top__right__top .seperator {
    display: none;
  }
}
@media only screen {
  .Top__right__bottom .Navigation {
    margin-right: -10px;
  }
}
@media only screen {
  .Top__right__goto-lightunie {
    display: inline-flex;
    align-items: center;
    height: 44px;
    margin: 0 !important;
    padding: 0 8px;
    background: linear-gradient(45deg, white 25%, #eeeeee 100%) !important;
    border: 1px solid #BEBEBE !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-sizing: border-box;
  }
  .Top__right__goto-lightunie:active, .Top__right__goto-lightunie:focus {
    border: 1px solid #BEBEBE !important;
  }
}
@media only screen and (max-width: 1200px) {
  .Top__right__goto-lightunie {
    display: none;
  }
}
@media only screen {
  .Top__right__goto-lightunie::after {
    display: none;
  }
}
@media only screen {
  .Top__right__goto-lightunie img {
    height: 28px;
    width: auto;
    position: relative;
    top: -1px;
  }
}
@media only screen {
  .Top__btn-goto {
    margin: 0;
    padding: 6px 16px 9px 16px;
    background: #4caf50 !important;
    font-weight: 300 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .Top__btn-goto {
    margin-right: 8px;
  }
}
@media only screen {
  .Top__btn-goto::after {
    margin-left: 8px;
    font-size: 16px;
  }
}
@media only screen {
  .Grid {
    position: relative;
  }
  .Grid__col {
    float: left;
    margin-top: 64px;
    padding: 0 20px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 500px) {
  .Grid__col {
    margin-top: 48px;
  }
}
@media only screen {
  .Grid__col h1:last-child,
.Grid__col h2:last-child,
.Grid__col h3:last-child,
.Grid__col h4:last-child,
.Grid__col h5:last-child,
.Grid__col .Heading--h1:last-child,
.Grid__col .Heading--h2:last-child,
.Grid__col .Heading--h3:last-child,
.Grid__col .Heading--h4:last-child,
.Grid__col .Heading--h5:last-child {
    margin-bottom: 0;
  }
}
@media only screen {
  .Grid--no-padding {
    margin: 0;
  }
  .Grid--no-padding > .Grid__col {
    padding: 0;
    margin-top: 0 !important;
  }
}
@media only screen {
  .Grid--xxs {
    margin: 0 -4px;
  }
  .Grid--xxs.Grid--2col .Grid__col, .Grid--xxs.Grid--3col .Grid__col, .Grid--xxs.Grid--4col .Grid__col {
    margin-top: 8px !important;
  }
  .Grid--xxs > .Grid__col {
    padding: 0 4px;
  }
}
@media only screen {
  .Grid--xs {
    margin: 0 -8px;
  }
  .Grid--xs > .Grid__col {
    padding: 0 8px;
  }
}
@media only screen {
  .Grid--s {
    margin: 0 -20px;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--s {
    margin: 0 -12px;
  }
}
@media only screen {
  .Grid--s > .Grid__col {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--s > .Grid__col {
    padding: 0 12px;
  }
}
@media only screen {
  .Grid--m {
    margin: 0 -32px;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--m {
    margin: 0 -16px;
  }
}
@media only screen {
  .Grid--m > .Grid__col {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--m > .Grid__col {
    padding: 0 16px;
  }
}
@media only screen {
  .Grid--l {
    margin: 0 -40px;
  }
  .Grid--l > .Grid__col {
    padding: 0 40px;
  }
}
@media only screen {
  .Grid--xl {
    margin: 0 -56px;
  }
  .Grid--xl > .Grid__col {
    padding: 0 56px;
  }
}
@media only screen {
  .Grid--1col > .Grid__col {
    float: none;
    max-width: 1000px;
    margin: 0 auto;
  }
}
@media only screen {
  .Grid--2col > .Grid__col {
    width: 50%;
  }
  .Grid--2col > .Grid__col:nth-child(2n+1) {
    clear: both;
  }
  .Grid--2col > .Grid__col:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Grid--2col > .Grid__col {
    width: 100%;
    margin-top: 48px !important;
  }
  .Grid--2col > .Grid__col:first-child {
    margin-top: 0 !important;
  }
}
@media only screen {
  .Grid--3col > .Grid__col {
    width: 33.333%;
  }
  .Grid--3col > .Grid__col:nth-child(3n+1) {
    clear: both;
  }
  .Grid--3col > .Grid__col:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--3col > .Grid__col {
    width: 50%;
  }
  .Grid--3col > .Grid__col:nth-child(3n+1) {
    clear: none;
  }
  .Grid--3col > .Grid__col:nth-child(2n+1) {
    clear: both;
  }
  .Grid--3col > .Grid__col:nth-child(-n+3) {
    margin-top: 48px;
  }
  .Grid--3col > .Grid__col:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Grid--3col > .Grid__col {
    width: 100%;
    margin-top: 48px !important;
  }
  .Grid--3col > .Grid__col:nth-child(-n+2) {
    margin-top: 48px;
  }
  .Grid--3col > .Grid__col:first-child {
    margin-top: 0 !important;
  }
}
@media only screen {
  .Grid--4col > .Grid__col {
    width: 25%;
  }
  .Grid--4col > .Grid__col:nth-child(4n+1) {
    clear: both;
  }
  .Grid--4col > .Grid__col:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .Grid--4col > .Grid__col {
    width: 33%;
  }
  .Grid--4col > .Grid__col:nth-child(4n+1) {
    clear: none;
  }
  .Grid--4col > .Grid__col:nth-child(3n+1) {
    clear: both;
  }
  .Grid--4col > .Grid__col:nth-child(-n+4) {
    margin-top: 64px;
  }
  .Grid--4col > .Grid__col:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Grid--4col > .Grid__col {
    width: 50%;
  }
  .Grid--4col > .Grid__col:nth-child(3n+1) {
    clear: none;
  }
  .Grid--4col > .Grid__col:nth-child(2n+1) {
    clear: both;
  }
  .Grid--4col > .Grid__col:nth-child(-n+3) {
    margin-top: 64px;
  }
  .Grid--4col > .Grid__col:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--4col > .Grid__col:nth-child(-n+4) {
    margin-top: 48px;
  }
  .Grid--4col > .Grid__col:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--4col > .Grid__col {
    width: 100%;
    margin-top: 48px !important;
  }
  .Grid--4col > .Grid__col:nth-child(-n+2) {
    margin-top: 48px !important;
  }
  .Grid--4col > .Grid__col:first-child {
    margin-top: 0 !important;
  }
}
@media only screen {
  .Grid--5col > .Grid__col {
    width: 20%;
  }
  .Grid--5col > .Grid__col:nth-child(5n+1) {
    clear: both;
  }
  .Grid--5col > .Grid__col:nth-child(-n+5) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .Grid--5col > .Grid__col {
    width: 33%;
  }
  .Grid--5col > .Grid__col:nth-child(4n+1) {
    clear: none;
  }
  .Grid--5col > .Grid__col:nth-child(3n+1) {
    clear: both;
  }
  .Grid--5col > .Grid__col:nth-child(-n+4) {
    margin-top: 64px;
  }
  .Grid--5col > .Grid__col:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Grid--5col > .Grid__col {
    width: 50%;
  }
  .Grid--5col > .Grid__col:nth-child(3n+1) {
    clear: none;
  }
  .Grid--5col > .Grid__col:nth-child(2n+1) {
    clear: both;
  }
  .Grid--5col > .Grid__col:nth-child(-n+3) {
    margin-top: 48px;
  }
  .Grid--5col > .Grid__col:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--5col > .Grid__col {
    width: 100%;
    margin-top: 48px !important;
  }
  .Grid--5col > .Grid__col:nth-child(-n+2) {
    margin-top: 48px;
  }
  .Grid--5col > .Grid__col:first-child {
    margin-top: 0 !important;
  }
}
@media only screen {
  .Grid--20-80 > .Grid__col {
    margin: 0;
  }
  .Grid--20-80 > .Grid__col:nth-child(1) {
    width: 20%;
  }
  .Grid--20-80 > .Grid__col:nth-child(2) {
    width: 80%;
  }
}
@media only screen {
  .Grid--80-20 > .Grid__col {
    margin: 0;
  }
  .Grid--80-20 > .Grid__col:nth-child(1) {
    width: 80%;
  }
  .Grid--80-20 > .Grid__col:nth-child(2) {
    width: 20%;
  }
}
@media only screen {
  .Grid--25-75 > .Grid__col {
    margin: 0;
  }
  .Grid--25-75 > .Grid__col:nth-child(1) {
    width: 25%;
  }
  .Grid--25-75 > .Grid__col:nth-child(2) {
    width: 75%;
  }
}
@media only screen {
  .Grid--75-25 > .Grid__col {
    margin: 0;
  }
  .Grid--75-25 > .Grid__col:nth-child(1) {
    width: 75%;
  }
  .Grid--75-25 > .Grid__col:nth-child(2) {
    width: 25%;
  }
}
@media only screen {
  .Grid--30-70 > .Grid__col {
    margin: 0;
  }
  .Grid--30-70 > .Grid__col:nth-child(1) {
    width: 30%;
  }
}
@media only screen and (max-width: 1000px) {
  .Grid--30-70 > .Grid__col:nth-child(1) {
    width: 100%;
  }
}
@media only screen {
  .Grid--30-70 > .Grid__col:nth-child(2) {
    width: 70%;
  }
}
@media only screen and (max-width: 1000px) {
  .Grid--30-70 > .Grid__col:nth-child(2) {
    width: 100%;
    margin-top: 40px;
  }
}
@media only screen {
  .Grid--70-30 > .Grid__col {
    margin: 0;
  }
  .Grid--70-30 > .Grid__col:nth-child(1) {
    width: 70%;
  }
}
@media only screen and (max-width: 1000px) {
  .Grid--70-30 > .Grid__col:nth-child(1) {
    width: 100%;
  }
}
@media only screen {
  .Grid--70-30 > .Grid__col:nth-child(2) {
    width: 30%;
  }
}
@media only screen and (max-width: 1000px) {
  .Grid--70-30 > .Grid__col:nth-child(2) {
    width: 100%;
    margin-top: 40px;
  }
}
@media only screen {
  .Grid--40-60 > .Grid__col {
    margin: 0;
  }
  .Grid--40-60 > .Grid__col:nth-child(1) {
    width: 40%;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--40-60 > .Grid__col:nth-child(1) {
    width: 100%;
  }
}
@media only screen {
  .Grid--40-60 > .Grid__col:nth-child(2) {
    width: 60%;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--40-60 > .Grid__col:nth-child(2) {
    width: 100%;
    margin-top: 48px;
  }
}
@media only screen {
  .Grid--60-40 > .Grid__col {
    margin: 0;
  }
  .Grid--60-40 > .Grid__col:nth-child(1) {
    width: 60%;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--60-40 > .Grid__col:nth-child(1) {
    width: 100%;
  }
}
@media only screen {
  .Grid--60-40 > .Grid__col:nth-child(2) {
    width: 40%;
  }
}
@media only screen and (max-width: 500px) {
  .Grid--60-40 > .Grid__col:nth-child(2) {
    width: 100%;
    margin-top: 48px;
  }
}
@media only screen {
  .Grid--45-55 > .Grid__col {
    margin: 0;
  }
  .Grid--45-55 > .Grid__col:nth-child(1) {
    width: 45%;
  }
  .Grid--45-55 > .Grid__col:nth-child(2) {
    width: 55%;
  }
}
@media only screen {
  .Grid--55-45 > .Grid__col {
    margin: 0;
  }
  .Grid--55-45 > .Grid__col:nth-child(1) {
    width: 55%;
  }
  .Grid--55-45 > .Grid__col:nth-child(2) {
    width: 45%;
  }
}
@media only screen {
  .Footer {
    display: block;
    position: relative;
  }
  .Footer::before {
    content: "";
    background: url(/media/img/footer-icon.svg) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    height: 340px;
  }
}
@media only screen and (max-width: 500px) {
  .Footer::before {
    width: 263px;
    height: 230px;
  }
}
@media only screen {
  .Footer .Heading--h1,
.Footer h1 {
    letter-spacing: -2px;
  }
}
@media only screen {
  .Footer a {
    display: block;
    text-decoration: none !important;
    color: #37474F;
  }
}
@media only screen {
  .Footer__info {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .Footer__contact {
    margin-bottom: 24px;
  }
}
@media only screen {
  .Footer__contact a {
    display: inline-block;
  }
}
@media only screen {
  .Footer__links {
    margin-bottom: 40px;
  }
  .Footer__links::after {
    content: "";
    display: table;
    clear: both;
  }
  .Footer__links ul {
    width: calc(50% - 20px);
    float: left;
    margin-right: 20px;
  }
  .Footer__links ul:last-child {
    margin-right: 0;
  }
}
@media only screen {
  .Footer__extra a {
    display: inline-block;
    vertical-align: middle;
  }
  .Footer__extra span {
    padding: 0 8px;
  }
  .Footer__extra span i {
    font-size: 6px;
    vertical-align: middle;
    color: #90A4AE;
  }
}
@media only screen and (max-width: 900px) {
  .Footer--logo > .Grid__col {
    width: 100%;
  }
}
@media only screen {
  .Footer__ovlnl img {
    width: 100%;
    max-width: 180px;
    margin-bottom: -3px;
  }
}
@media only screen and (max-width: 1024px) {
  .Footer__ovlnl img {
    margin-top: 20px;
  }
}
@media only screen {
  .Footer__logos {
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 1024px) {
  .Footer__logos {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen {
  .Footer__social {
    flex: 0 0 40%;
  }
}
@media only screen {
  .btn-lnkin {
    background: #0274b3;
    color: #FFF !important;
    height: 32px;
    line-height: 32px;
    display: inline-flex !important;
    align-item: center;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  .btn-lnkin span {
    display: inline-block;
    padding: 0 8px;
  }
  .btn-lnkin::before {
    height: 32px;
    line-height: 32px;
    width: 32px;
    display: inline-block;
    content: "";
    color: #FFF;
    text-align: center;
    font-size: 16px;
    text-decoration: underline;
    text-decoration: none !important;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media only screen {
  .FileUploadAlbum {
    margin-bottom: 16px;
  }
  .FileUploadAlbum__item-wrapper {
    margin: 0 -1.375%;
  }
  .FileUploadAlbum:after {
    content: "";
    display: table;
    clear: both;
  }
  .FileUploadAlbum__item {
    cursor: pointer;
    width: 22.25%;
    float: left;
    margin: 0 1.375% 2.75% 1.375%;
    position: relative;
    overflow: hidden;
  }
  .FileUploadAlbum__item--empty {
    background: #dcdcdc;
  }
  .FileUploadAlbum__item--empty div {
    padding-bottom: 100%;
  }
  .corners--soft .FileUploadAlbum__item {
    border-radius: 8px;
  }

  .corners--round .FileUploadAlbum__item {
    border-radius: 24px;
  }

  .FileUploadAlbum__item:hover {
    text-decoration: none;
  }
  .FileUploadAlbum__item:nth-child(4n+1) {
    clear: both;
  }
  .FileUploadAlbum__item:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
  .FileUploadAlbum__item img {
    width: 100%;
    height: auto;
  }
  .FileUploadAlbum .FileUploadAlbum__item:hover:after {
    transform: translateY(0);
  }
  .FileUploadAlbum .FileUploadAlbum__item:hover:before {
    opacity: 0.4;
  }

  .FileUploadAlbum__item--loading {
    position: relative;
  }
  .FileUploadAlbum__item--loading .spacer {
    padding-bottom: 100%;
  }
  .FileUploadAlbum__item--loading svg {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .FileUploadAlbum .Upload {
    border: 4px dashed #b0bec5;
    box-sizing: border-box;
    text-decoration: none !important;
    transition: border 0.3s ease;
  }
  .dropzone-active .FileUploadAlbum .Upload {
    border: 4px dashed #2196f3 !important;
  }

  .FileUploadAlbum .Upload:hover {
    border: 4px dashed #546e7a;
  }
  .FileUploadAlbum .Upload::before, .FileUploadAlbum .Upload::after {
    display: none;
  }
  .FileUploadAlbum .Upload > div {
    padding-top: 100%;
    position: relative;
  }
  .FileUploadAlbum .Upload > div > span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-top: 38px;
    transform: translate(-50%, -50%);
    color: #90a4ae;
    text-decoration: none !important;
    line-height: 1.2;
  }
  .FileUploadAlbum .Upload > div > span::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    color: #b0bec5;
    font-size: 32px;
    display: inline-block;
    text-decoration: underline;
  }
  .FileUploadAlbum .Upload > div > span::after {
    text-decoration: none;
  }
}
@media only screen {
  .FileUploader {
    margin-bottom: 16px;
  }
  .FileUploader label {
    margin-bottom: 0;
  }
  .FileUploader__info {
    clear: both;
    margin-bottom: 8px;
    color: inherit;
    font-style: italic;
  }
  .FileUploader__preview {
    float: left;
    width: 180px;
    height: 180px;
    position: relative;
    clear: both;
    overflow: hidden;
  }
  .FileUploader__preview .loader {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .FileUploader__preview .loader svg {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .FileUploader__preview .loader::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
  }
  .FileUploader__preview .text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: auto;
    padding: 16px;
    border: 1px solid #cfd8dc;
    box-sizing: border-box;
    text-align: center;
    font-style: italic;
    background: #eceff1;
  }
  .FileUploader__preview .preview.file {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    height: 100%;
    padding: 16px;
    background: #143662;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
  }
  .FileUploader__preview .filename {
    position: relative;
    padding-top: 44px;
    word-break: break-all;
  }
  .FileUploader__preview .filename::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 38px;
  }
  .FileUploader__preview img {
    width: 100%;
  }
  .FileUploader__dropzone {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: calc(100% - 200px);
    height: 180px;
    border: 3px dashed #c1c1c1;
    padding: 0 24px;
    box-sizing: border-box;
    text-align: center;
  }
  .dropzone-active .FileUploader__dropzone, .FileUploader__dropzone.dropzone-active {
    border: 3px dashed #2196f3 !important;
  }

  .FileUploader__dropzone .icon {
    width: 38px;
    height: 40px;
    margin: 0 auto;
  }
  .FileUploader__dropzone .icon.image {
    background: url(/media/img/image-icon.svg) no-repeat 50% 50%;
  }
  .FileUploader__dropzone .icon.file {
    background: url(/media/img/file-icon.svg) no-repeat 50% 50%;
  }
  .FileUploader__dropzone .text {
    margin-top: 4px;
    border: 0;
  }
  .FileUploader__dropzone .btn {
    padding: 5px 19px 7px;
    margin: 8px 0 0;
    vertical-align: bottom;
  }
  .FileUploader__buttons {
    position: absolute;
    bottom: 8px;
    left: 8px;
  }
  .FileUploader__buttons::after {
    content: "";
    display: table;
    clear: both;
  }
  .FileUploader__button {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    margin-left: 8px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    border: 0 !important;
    padding: 0;
    cursor: pointer;
    background: #fff !important;
    z-index: 1;
    overflow: hidden;
  }
  .FileUploader__button:first-child {
    margin-left: 0;
  }
  .FileUploader__button::before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    transition: all 0.8s ease;
    z-index: -1;
  }
  .FileUploader__button::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #333;
  }
  .FileUploader__button:hover::after {
    color: #333;
  }
  .FileUploader__button:hover::before {
    border-radius: 0;
    width: 150%;
    padding-bottom: 150%;
  }
  .FileUploader__button:active {
    border: 0 !important;
  }
  .FileUploader__button:focus {
    border: 0 !important;
  }
  .FileUploader__button--remove::after {
    content: "";
  }
  .FileUploader__button--crop::after {
    content: "";
  }
}
@media only screen {
  .FileUploader .Note--error,
.FileUploadAlbum .Note--error,
.FileUploads .Note--error {
    display: none;
    padding-top: 12px;
    font-style: italic;
    color: red;
  }
  .FileUploader .Note--error::before,
.FileUploadAlbum .Note--error::before,
.FileUploads .Note--error::before {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen {
  [qq-button-id] {
    z-index: 999;
  }
}
@media only screen {
  .FileUploads .FileUploadsItem {
    position: relative;
    margin-bottom: 12px;
    padding: 8px 72px 8px 56px;
    border: 1px solid #ccc;
    border-radius: 6px;
    display: block;
    color: #333 !important;
    text-decoration: none !important;
  }
  .FileUploads .FileUploadsItem:last-child {
    margin-bottom: 0;
  }
  .FileUploads .FileUploadsItem__progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #eceff1;
    transition: width 10ms ease;
  }
  .FileUploads .FileUploadsItem--add {
    border: 2px dashed #ccc;
    padding-right: 24px;
    cursor: pointer;
  }
  .dropzone-active .FileUploads .FileUploadsItem--add, .FileUploads .FileUploadsItem--add.dropzone-active, .FileUploads .FileUploadsItem--add:hover {
    border-color: #2196f3;
  }
  .dropzone-active .FileUploads .FileUploadsItem--add .FileUploadsItem__type, .FileUploads .FileUploadsItem--add.dropzone-active .FileUploadsItem__type, .FileUploads .FileUploadsItem--add:hover .FileUploadsItem__type {
    border: 2px solid #2196f3;
    background-color: #2196f3;
  }
  .dropzone-active .FileUploads .FileUploadsItem--add .FileUploadsItem__type::before, .FileUploads .FileUploadsItem--add.dropzone-active .FileUploadsItem__type::before, .FileUploads .FileUploadsItem--add:hover .FileUploadsItem__type::before {
    color: #fff;
  }

  .FileUploads .FileUploadsItem--add .FileUploadsItem__type {
    top: -2px;
    left: -2px;
    bottom: -2px;
    border: 2px dashed #ccc;
    width: 36px;
    background-color: #eceff1;
  }
  .FileUploads .FileUploadsItem--add .FileUploadsItem__type::before {
    color: #546e7a;
    content: "";
  }
  .FileUploads .FileUploadsItem__type {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 40px;
    border-radius: 6px 0 0 6px;
  }
  .FileUploads .FileUploadsItem__type::before {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    text-decoration: underline;
    text-decoration: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .FileUploads .FileUploadsItem__type--pdf {
    background-color: #c1272d;
  }
  .FileUploads .FileUploadsItem__type--pdf::before {
    content: "";
  }
  .FileUploads .FileUploadsItem__type--xls, .FileUploads .FileUploadsItem__type--xlsx {
    background-color: #009245;
  }
  .FileUploads .FileUploadsItem__type--xls::before, .FileUploads .FileUploadsItem__type--xlsx::before {
    content: "";
  }
  .FileUploads .FileUploadsItem__type--docx, .FileUploads .FileUploadsItem__type--doc {
    background-color: #0071bc;
  }
  .FileUploads .FileUploadsItem__type--docx::before, .FileUploads .FileUploadsItem__type--doc::before {
    content: "";
  }
  .FileUploads .FileUploadsItem__type--ppt, .FileUploads .FileUploadsItem__type--ppst, .FileUploads .FileUploadsItem__type--pptx {
    background-color: #d04424;
  }
  .FileUploads .FileUploadsItem__type--ppt::before, .FileUploads .FileUploadsItem__type--ppst::before, .FileUploads .FileUploadsItem__type--pptx::before {
    content: "";
  }
  .FileUploads .FileUploadsItem__title span {
    margin-left: 4px;
    color: #9fb1b7;
  }
  .FileUploads .FileUploadsItem__options {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    display: flex;
    align-items: center;
  }
  .FileUploads .FileUploadsItem__options a {
    width: 28px;
    height: 28px;
    float: left;
    position: relative;
    text-align: center;
    text-decoration: none;
    color: #333;
  }
  .FileUploads .FileUploadsItem__options a::before {
    content: "";
    color: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-decoration: underline;
    text-decoration: none !important;
  }
  .FileUploads .FileUploadsItem__options a.View::before {
    content: "";
    font-size: 18px;
  }
  .FileUploads .FileUploadsItem__options a.Remove::before {
    content: "";
    font-size: 18px;
  }
  .FileUploads__info {
    clear: both;
    color: inherit;
    margin-bottom: 8px;
    font-style: italic;
  }
}
@media only screen {
  .Navigation {
    float: right;
  }
}
@media only screen and (max-width: 1200px) {
  .Navigation {
    display: none;
  }
}
@media only screen {
  .Navigation > ul > li {
    float: left;
    position: relative;
  }
  .Navigation > ul > li:first-child {
    display: none;
  }
  .Navigation > ul > li:hover ul {
    display: block;
  }
}
@media only screen {
  .Navigation ul ul {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 100%;
    min-width: 220px;
    box-sizing: border-box;
    display: none;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 16px;
    box-shadow: 0px 1px 4px 0px #00000026;
    background: linear-gradient(80.71deg, #FFFFFF 30.36%, #EEEEEE 100%);
  }
  .Navigation ul ul::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    top: -5px;
    width: 10px;
    height: 10px;
    background-color: gray;
    z-index: 1;
  }
  .Navigation ul ul::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    top: -4px;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    z-index: 2;
  }
  .Navigation ul ul li:not(:last-child) {
    border-bottom: 1px solid #BEBEBE80;
  }
  .Navigation ul ul li a {
    display: block;
    font-weight: normal;
    padding: 8px 0;
  }
}
@media only screen {
  .Navigation__item {
    display: inline-block;
    margin: 0 2px;
    padding: 6px;
    font-weight: 700;
    color: #37474F;
    text-decoration: none !important;
    transition: color 0.3s ease, border 0.3s ease;
    box-sizing: border-box;
  }
  .Navigation__item.active {
    color: #CD1417;
    text-decoration: none;
  }
  .Navigation__item_toggle {
    display: none;
  }
  .Navigation__item:hover, .Navigation__item:active {
    text-decoration: none;
    color: #CD1417;
  }
}
@media only screen {
  .Header {
    color: #fff;
    padding: 80px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .Header::before {
    content: "";
    display: none;
  }
  .Header.Header--no-content {
    padding: 140px 0;
  }
}
@media only screen and (max-width: 1264px) {
  .Header {
    margin-top: 0;
    background-size: 0 0;
    color: #37474F;
    background-color: #ECEFF1;
    padding-top: 0;
  }
  .Header.Header--with-content {
    padding: 0 0 32px 0;
  }
  .Header.Header--no-content {
    padding: 0 0 0 0;
  }
  .Header::before {
    content: "";
    display: block;
    background: no-repeat 50% 50%;
    background-size: cover;
    background-image: inherit;
    height: 0;
    padding-bottom: 21%;
  }
  .Header.Header--with-content::before {
    margin-bottom: 32px;
  }
  .Header.Header--no-content::before {
    margin-bottom: 0px;
  }
}
@media only screen {
  .Header__content {
    max-width: 50%;
  }
}
@media only screen and (max-width: 1264px) {
  .Header__content {
    max-width: 100%;
  }
}
@media only screen {
  .Header .Heading--h1 {
    color: #fff;
    font-size: 3.2941176471rem;
    text-shadow: 0px 0px 12px #000;
  }
}
@media only screen and (max-width: 1264px) {
  .Header .Heading--h1 {
    color: #263238;
  }
}
@media only screen and (max-width: 700px) {
  .Header .Heading--h1 {
    font-size: 2.1333333333rem;
  }
}
@media only screen {
  .Header p {
    text-shadow: 0px 0px 12px #000;
    font-weight: 200;
  }
}
@media only screen {
  .LanguageSwitch {
    position: relative;
    padding: 16px;
    padding-left: 12px;
    z-index: 2;
  }
}
@media only screen and (max-width: 1200px) {
  .LanguageSwitch {
    padding: 10px 16px 10px 12px;
  }
}
@media only screen {
  .LanguageSwitch a {
    text-transform: uppercase;
    float: left;
    text-decoration: none !important;
    position: relative;
    color: #90A4AE;
    font-weight: 400;
  }
  .LanguageSwitch a:last-child {
    margin-left: 3px;
  }
  .LanguageSwitch a:hover {
    text-decoration: underline;
  }
  .LanguageSwitch a:hover {
    text-decoration: underline;
  }
  .LanguageSwitch a.active {
    text-decoration: none !important;
    display: block;
    position: relative;
    color: #37474F;
  }
}
@media only screen {
  .HeaderVisual {
    background: #D2D7DB radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .HeaderVisual .flex {
    flex-wrap: nowrap;
  }
  .HeaderVisual__content {
    flex-grow: 1;
  }
  .HeaderVisual .btn--ghost {
    background: #fff !important;
  }
  .HeaderVisual .btn--ghost::after {
    content: "";
  }
  .HeaderVisual--home h1, .HeaderVisual--home .Heading--h1 {
    color: #CD1417;
    font-size: 5.6470588235rem;
    line-height: 0.95;
    margin-bottom: 8px;
    letter-spacing: -4px;
  }
}
@media only screen and (max-width: 1000px) {
  .HeaderVisual--home h1, .HeaderVisual--home .Heading--h1 {
    font-size: 3.7647058824rem;
  }
}
@media only screen and (max-width: 700px) {
  .HeaderVisual--home h1, .HeaderVisual--home .Heading--h1 {
    font-size: 2.6666666667rem;
    letter-spacing: -2px;
  }
}
@media only screen {
  .HeaderVisual--home h1 span, .HeaderVisual--home .Heading--h1 span {
    font-weight: 700;
  }
}
@media only screen {
  .HeaderVisual--home h1 + h2, .HeaderVisual--home h1 + .Heading--h2, .HeaderVisual--home .Heading--h1 + h2, .HeaderVisual--home .Heading--h1 + .Heading--h2 {
    padding-top: 0;
    font-size: 3.2941176471rem;
    margin-bottom: 40px;
    color: #37474F;
    line-height: 1.1428571429;
  }
}
@media only screen and (max-width: 1000px) {
  .HeaderVisual--home h1 + h2, .HeaderVisual--home h1 + .Heading--h2, .HeaderVisual--home .Heading--h1 + h2, .HeaderVisual--home .Heading--h1 + .Heading--h2 {
    font-size: 2.3529411765rem;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 700px) {
  .HeaderVisual--home h1 + h2, .HeaderVisual--home h1 + .Heading--h2, .HeaderVisual--home .Heading--h1 + h2, .HeaderVisual--home .Heading--h1 + .Heading--h2 {
    font-size: 1.6rem;
  }
}
@media only screen {
  .HeaderVisual--home p:not(.Heading--h1, .Heading--h2) {
    font-size: 1.6470588235rem;
    line-height: 1.2142857143;
  }
}
@media only screen and (max-width: 1000px) {
  .HeaderVisual--home p:not(.Heading--h1, .Heading--h2) {
    font-size: 1.1764705882rem;
  }
}
@media only screen and (max-width: 700px) {
  .HeaderVisual--home p:not(.Heading--h1, .Heading--h2) {
    font-size: 1.1333333333rem;
  }
}
@media only screen and (max-width: 900px) {
  .HeaderVisual--home .HeaderVisual__content {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  .HeaderVisual--home .HeaderVisual__wrapper {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media only screen {
  .HeaderVisual--home .HeaderVisual__wrapper h1:last-child, .HeaderVisual--home .HeaderVisual__wrapper h2:last-child, .HeaderVisual--home .HeaderVisual__wrapper h3:last-child {
    margin-bottom: 0;
  }
}
@media only screen {
  .HeaderVisual--home .HeaderVisual__image img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .HeaderVisual--home .HeaderVisual__image {
    display: none;
  }
}
@media only screen {
  .HeaderVisual--product h1 {
    font-size: 3.2941176471rem;
    margin-bottom: 24px;
    line-height: 1.1428571429;
  }
}
@media only screen and (max-width: 700px) {
  .HeaderVisual--product h1 {
    font-size: 2.1333333333rem;
  }
}
@media only screen {
  .HeaderVisual--product p {
    font-size: 1.1176470588rem;
    line-height: 1.3684210526;
  }
}
@media only screen {
  .HeaderVisual--product .HeaderVisual__image img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1000px) {
  .HeaderVisual--product .HeaderVisual__image {
    display: none;
  }
}
@media only screen {
  .HeaderVisual__wrapper {
    max-width: 620px;
    margin-right: 24px;
  }
  .HeaderVisual__wrapper p {
    font-weight: 200;
  }
}
@media only screen {
  .Crumbs {
    padding-top: 32px;
    font-size: 0.8823529412rem;
    color: #78909C;
    font-weight: 400;
    line-height: 1.4117647059;
  }
}
@media only screen and (max-width: 700px) {
  .Crumbs {
    font-size: 0.9333333333rem;
  }
}
@media only screen {
  .Crumbs .sep {
    display: none;
  }
}
@media only screen {
  .Crumbs a {
    color: #78909C !important;
    text-decoration: none;
  }
  .Crumbs a:hover {
    color: inherit;
    text-decoration: underline;
  }
  .Crumbs a::after {
    content: "";
    color: inherit;
    font-size: 0.8666666667em;
    display: inline-block;
    margin: 0 8px 0 9px;
  }
}
@media only screen {
  .Section {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 1100px) {
  .ContactRow .Grid__col {
    width: 100% !important;
    margin-top: 40px;
  }
  .ContactRow .Grid__col:first-child {
    margin-top: 0;
  }
}
@media only screen {
  .ContactRow__block {
    color: #37474F;
    background: #fff;
    font-weight: 300;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1100px) {
  .ContactRow__block {
    width: 100%;
  }
}
@media only screen {
  .ContactRow__block h2 {
    padding-top: 0;
    color: #263238;
    font-weight: 700;
    line-height: 1.25;
  }
}
@media only screen {
  .ContactRow__block * {
    color: #37474F;
  }
}
@media only screen {
  .ContactRow__block a {
    color: #37474F;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.2941176471rem;
  }
}
@media only screen and (max-width: 1264px) {
  .ContactRow__block a {
    font-size: 1rem;
  }
}
@media only screen {
  .ContactRow__block a:hover {
    color: #37474F;
  }
}
@media only screen and (max-width: 700px) {
  .ContactRow__block a {
    font-size: 1.2rem;
  }
}
@media only screen {
  .ContactRow__block .btn {
    background: #CD1417;
    color: #fff;
    display: inline-block;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
    font-size: 1rem;
  }
  .ContactRow__block .btn:hover {
    color: #fff;
  }
}
@media only screen {
  .ContactRow__block .btn.btn--ghost {
    background: none !important;
    border: 2px solid #cccccc !important;
    color: #CD1417 !important;
    margin-right: 0;
    width: auto;
  }
  .ContactRow__block .btn.btn--ghost::before {
    background-color: rgba(0, 0, 0, 0.075);
  }
  .ContactRow__block .btn.btn--ghost:hover {
    color: #CD1417;
  }
  .ContactRow__block .btn.btn--ghost.btn--back::before {
    background: none !important;
  }
  .ContactRow__block .btn.btn--ghost.btn--back::after {
    background-color: rgba(0, 0, 0, 0.075) !important;
  }
}
@media only screen {
  .ContactRow__block .fld_6 {
    padding-right: 40px !important;
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 800px) {
  .ContactRow__block .fld_6 {
    padding-right: 0 !important;
  }
  .ContactRow__block .fld_6:first-child {
    margin-bottom: 12px !important;
  }
}
@media only screen {
  .ContactRow__block .fld_6 .fld_12:last-child {
    margin-bottom: 0;
  }
}
@media only screen {
  .ContactRow__block .fld_6.Question {
    padding-right: 0 !important;
  }
}
@media only screen {
  .ContactRow__icon {
    padding-left: 28px;
    margin-bottom: 32px;
    position: relative;
  }
  .ContactRow__icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    color: #90A4AE;
  }
  .ContactRow__icon:last-child {
    margin-bottom: 0;
  }
  .ContactRow__icon--phone::before {
    top: -3px;
  }
  .ContactRow__icon--mail::before {
    content: "";
    font-size: 17px;
    top: 3px;
  }
}
@media only screen {
  .ContactRow textarea {
    min-height: 221px;
  }
}
@media only screen and (max-width: 700px) {
  .ContactRow textarea {
    min-height: 132px;
  }
}
@media only screen {
  .Footerbar {
    padding: 40px 0;
    color: #78909C;
  }
}
@media only screen and (max-width: 500px) {
  .Footerbar {
    padding: 24px 0;
  }
}
@media only screen {
  .Footerbar::after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen {
  .Footerbar .Container {
    display: flex;
    gap: 4px;
  }
}
@media only screen and (max-width: 500px) {
  .Footerbar .Container {
    display: block;
    text-align: center;
  }
}
@media only screen {
  .Footerbar__copyright {
    margin-right: auto;
  }
}
@media only screen and (max-width: 500px) {
  .Footerbar__copyright {
    text-align: center;
    margin-bottom: 8px;
  }
}
@media only screen {
  .Footerbar a {
    text-decoration: none !important;
    color: #78909C;
  }
}
@media only screen and (max-width: 500px) {
  .Footerbar a {
    text-align: center;
    display: block;
  }
}
@media only screen {
  .Startblocks {
    position: relative;
  }
  .Startblocks .Container {
    direction: rtl;
    width: auto;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 1500px) {
  .Startblocks .Container {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 1264px) {
  .Startblocks .Container {
    direction: ltr;
    width: 100%;
    flex-direction: column-reverse;
    padding: 0;
  }
}
@media only screen {
  .Startblocks::after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen {
  .Startblocks__intro {
    float: left;
    width: 50%;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media only screen and (max-width: 1264px) {
  .Startblocks__intro {
    float: none;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__intro {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media only screen {
  .Startblocks__intro h1, .Startblocks__intro .Heading--h1 {
    font-size: 3.2941176471rem;
    margin-bottom: 20px;
    line-height: 0.9285714286;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__intro h1, .Startblocks__intro .Heading--h1 {
    font-size: 2.1333333333rem;
  }
}
@media only screen {
  .Startblocks__intro h1 + h2, .Startblocks__intro .Heading--h1 + h2 {
    padding-top: 0;
    color: #607D8B;
    margin-bottom: 36px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .Startblocks__intro h1 + h2, .Startblocks__intro .Heading--h1 + h2 {
    margin-bottom: 24px;
  }
}
@media only screen {
  .Startblocks__wrapper {
    max-width: 720px;
    direction: ltr;
    padding-right: 12%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1264px) {
  .Startblocks__wrapper {
    max-width: 100%;
    padding-right: 0;
  }
}
@media only screen {
  .Startblocks__items {
    width: 50%;
  }
}
@media only screen and (max-width: 1264px) {
  .Startblocks__items {
    width: 100%;
  }
}
@media only screen {
  .Startblocks__items::after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen {
  .Startblocks__icon {
    text-align: center;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__icon {
    margin-bottom: 12px;
  }
}
@media only screen {
  .Startblocks__icon img {
    width: auto;
    max-height: 85px;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__icon img {
    max-height: 34px;
  }
}
@media only screen {
  .Startblocks__row .Startblocks__item:first-child {
    background: #2ebc2e;
    color: #FFF !important;
  }
  .Startblocks__row .Startblocks__item:nth-child(2) {
    background: #3ccc3c;
    color: #FFF !important;
  }
  .Startblocks__row .Startblocks__item:nth-child(3) {
    background: #4ed74e;
    color: #FFF !important;
  }
}
@media only screen {
  .Startblocks__item {
    float: left;
    width: 33.3333%;
    color: #000 !important;
    display: block;
    text-align: center;
    padding: 112px 0;
    text-decoration: none !important;
  }
  .Startblocks__item > div {
    position: relative;
  }
  .Startblocks__item img {
    transform: scale(1);
    transition: transform 1s ease;
  }
  .Startblocks__item:hover img {
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__item {
    padding: 16px;
    box-sizing: border-box;
  }
}
@media only screen {
  .Startblocks__item:hover {
    color: #000 !important;
  }
}
@media only screen {
  .Startblocks__item--highlight {
    position: relative;
    clear: both;
    width: 100%;
    text-align: left;
    padding: 0 0 0 48px;
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    direction: ltr;
  }
}
@media only screen and (max-width: 1200px) {
  .Startblocks__item--highlight {
    padding: 0 0 0 32px;
  }
}
@media only screen {
  .Startblocks__item--highlight::before {
    content: "";
    background: radial-gradient(ellipse, #eceff1 0%, #D2D7DB 70%);
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__item--highlight {
    padding: 0 0 0 16px;
  }
}
@media only screen {
  .Startblocks__item--highlight .Startblocks__content {
    flex-grow: 1;
  }
}
@media only screen {
  .Startblocks__item--highlight .Heading--h1 {
    font-size: 3.2941176471rem;
    margin-bottom: 20px;
    line-height: 0.9285714286;
  }
}
@media only screen and (max-width: 1264px) {
  .Startblocks__item--highlight .Heading--h1 {
    letter-spacing: 0;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__item--highlight .Heading--h1 {
    font-size: 1.4rem;
  }
}
@media only screen {
  .Startblocks__item--highlight .btn {
    color: #000 !important;
    margin-top: 0;
    margin-right: 0;
  }
}
@media only screen {
  .Startblocks__item--highlight p {
    font-size: 1.65rem;
    font-weight: 200;
    line-height: 1.2272727273;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1264px) {
  .Startblocks__item--highlight p {
    font-size: 1.2941176471rem;
    font-weight: 200;
    line-height: 1.2272727273;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__item--highlight p {
    margin-bottom: 16px;
    font-size: 1rem;
  }
}
@media only screen {
  .Startblocks__image {
    width: 60%;
    text-align: center;
    overflow: hidden;
    align-items: center;
  }
}
@media only screen and (max-width: 500px) {
  .Startblocks__image {
    width: 50%;
  }
}
@media only screen {
  .Startblocks__image img {
    max-width: 100%;
  }
}
@media only screen {
  .Startblocks .flex {
    flex-wrap: nowrap;
  }
}
@media only screen {
  .Startblocks__contentRestrict {
    padding: 48px 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__contentRestrict {
    justify-content: center;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media only screen {
  .Startblocks__contentRestrict__fill {
    flex-grow: 1;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__contentRestrict__fill {
    flex-grow: 0;
  }
}
@media only screen {
  .Startblocks__content {
    float: left;
    display: flex;
    flex-direction: column;
    width: 40%;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__content {
    padding-right: 16px;
  }
  .Startblocks__content .btn {
    border: none !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 500px) {
  .Startblocks__content {
    width: 50%;
  }
}
@media only screen {
  .Startblocks__title {
    color: #000 !important;
    margin-bottom: 8px;
    font-weight: 700;
  }
}
@media only screen and (max-width: 700px) {
  .Startblocks__title {
    font-size: 1.6rem;
    margin-bottom: 12px;
  }
}
@media only screen {
  .Startblocks__name {
    font-weight: 700;
  }
}
@media only screen {
  .StartblockIcons {
    display: flex;
    margin: 48px 0;
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 500px) {
  .StartblockIcons {
    -moz-column-gap: 64px;
         column-gap: 64px;
    row-gap: 48px;
  }
}
@media only screen {
  .StartblockIcons:first-child {
    margin-top: 0;
  }
}
@media only screen {
  .StartblockIcons:last-child {
    margin-bottom: 0;
  }
}
@media only screen {
  .StartblockIcons__item {
    width: calc(50% - 20px);
    text-align: center;
  }
}
@media only screen and (min-width: 500px) {
  .StartblockIcons__item {
    width: calc(50% - 32px);
  }
}
@media only screen and (min-width: 900px) {
  .StartblockIcons__item {
    width: calc(25% - 48px);
  }
}
@media only screen {
  .StartblockIcons__item__image {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 500px) {
  .StartblockIcons__item__image {
    margin-bottom: 16px;
  }
}
@media only screen {
  .StartblockIcons__item__image img {
    width: 100%;
    max-width: 88px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 500px) {
  .StartblockIcons__item__image img {
    max-width: 124px;
  }
}
@media only screen {
  .StartblockIcons__item__title {
    font-size: 1.2rem;
    line-height: 1.25;
    font-weight: 600;
  }
}
@media only screen and (min-width: 500px) {
  .StartblockIcons__item__title {
    font-size: 1.4rem;
  }
}
@media only screen {
  .Heading {
    text-align: center;
  }
  .Heading h1, .Heading .Heading--h1 {
    font-size: 5.6470588235rem;
    margin-bottom: 8px;
    line-height: 1;
    letter-spacing: -3px;
  }
}
@media only screen and (max-width: 1000px) {
  .Heading h1, .Heading .Heading--h1 {
    font-size: 3.7647058824rem;
  }
}
@media only screen and (max-width: 700px) {
  .Heading h1, .Heading .Heading--h1 {
    font-size: 2.6666666667rem;
    margin-bottom: 16px;
    letter-spacing: -2px;
  }
}
@media only screen {
  .Heading h1 + p, .Heading .Heading--h1 + p {
    padding-top: 0;
    color: #607D8B;
    font-size: 2.3529411765rem;
    font-weight: 200;
  }
}
@media only screen and (max-width: 700px) {
  .Heading h1 + p, .Heading .Heading--h1 + p {
    font-size: 1.6rem;
  }
}
@media only screen {
  .Heading h1 strong, .Heading .Heading--h1 strong {
    font-weight: 700;
  }
}
@media only screen {
  .Heading--icon {
    position: relative;
  }
}
@media only screen and (max-width: 700px) {
  .Heading--icon {
    margin-bottom: 40px;
  }
}
@media only screen {
  .Heading--icon::before {
    content: "";
    background: url(/media/img/heading-icon-2024.svg) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 290px;
    height: 250px;
    transform: translate(-50%, -50%);
  }
}
@media only screen {
  .Widget-5050 .Grid__col:first-child {
    text-align: center;
  }
  .Widget-5050 .Heading--icon {
    margin-bottom: 64px;
  }
  .Widget-5050 img {
    width: auto;
    max-width: 100%;
  }
}
@media only screen and (max-width: 700px) {
  .Widget-5050 img {
    max-width: 160px;
  }
}
@media only screen {
  .Widget-5050__title {
    font-size: 3.2941176471rem;
    font-weight: 200;
    line-height: 1.0357142857;
    margin-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .Widget-5050__title {
    font-size: 2.3529411765rem;
  }
}
@media only screen and (max-width: 700px) {
  .Widget-5050__title {
    font-size: 2.1333333333rem;
    line-height: 1.125;
    margin-bottom: 16px;
  }
}
@media only screen {
  .ProductsHome {
    position: relative;
  }
}
@media only screen and (max-width: 500px) {
  .ProductsHome .Container:first-child {
    padding: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media only screen {
  .ProductsHome .ProductsHomeWrapper {
    background: #D2D7DB;
    position: relative;
  }
}
@media only screen {
  .ProductsHome__category {
    font-size: 1.2941176471rem;
    line-height: 1.2272727273;
    font-weight: 200;
    margin-bottom: 2px;
  }
}
@media only screen and (max-width: 700px) {
  .ProductsHome__category {
    font-size: 1.1333333333rem;
  }
}
@media only screen {
  .ProductsHome .flex {
    flex-wrap: nowrap;
    width: 100%;
  }
}
@media only screen {
  .ProductsHome p {
    text-align: center;
  }
}
@media only screen {
  .ProductsHome__item {
    box-sizing: border-box;
    color: #000;
    position: relative;
  }
  .ProductsHome__item::before {
    content: "";
    background: radial-gradient(ellipse, #eceff1 0%, #D2D7DB 70%);
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
  }
  .ProductsHome__item > div {
    position: relative;
  }
  .ProductsHome__item .Heading--h1 {
    color: #000;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 700px) {
  .ProductsHome__item .Heading--h1 {
    font-size: 1.6rem;
  }
}
@media only screen {
  .ProductsHome__item .btn--ghost {
    color: #000 !important;
    margin-top: 0;
  }
}
@media only screen {
  .ProductsHome__item img {
    width: 339px !important;
    transform: scale(1);
    transition: transform 1s ease;
  }
  .ProductsHome__item img:hover {
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 500px) {
  .ProductsHome__item img {
    width: 180px !important;
  }
}
@media only screen {
  .ProductsHome__content {
    padding: 0 32px;
    flex-grow: 1;
  }
}
@media only screen and (max-width: 500px) {
  .ProductsHome__content {
    padding-right: 8px;
  }
}
@media only screen {
  .ProductsHome .owl-carousel {
    position: static;
  }
}
@media only screen {
  .ProductsHome .owl-prev,
.ProductsHome .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 51px;
    transform: translate(0, -50%);
    transition: background 0.3s ease, color 0.3s ease;
  }
}
@media only screen and (max-width: 500px) {
  .ProductsHome .owl-prev,
.ProductsHome .owl-next {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: #000;
    width: 50%;
    line-height: normal;
    float: left;
    box-sizing: border-box;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .ProductsHome .owl-prev::after,
.ProductsHome .owl-next::after {
    content: "" !important;
    color: white !important;
    font-size: 48px !important;
  }
}
@media only screen {
  .ProductsHome .owl-prev::after,
.ProductsHome .owl-next::after {
    display: inline-block;
    line-height: 51px;
    content: "";
    font-size: 88px;
    color: rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, color 0.3s ease;
  }
}
@media only screen and (max-width: 700px) {
  .ProductsHome .owl-prev::after,
.ProductsHome .owl-next::after {
    font-size: 64px;
  }
}
@media only screen and (max-width: 500px) {
  .ProductsHome .owl-prev {
    text-align: right;
    padding-right: 24px;
  }
}
@media only screen {
  .ProductsHome .owl-next {
    right: 0;
    left: auto;
  }
}
@media only screen and (max-width: 500px) {
  .ProductsHome .owl-next {
    text-align: left;
    padding-left: 24px;
  }
  .ProductsHome .owl-next::after {
    content: "" !important;
  }
}
@media only screen {
  .ProductsHome .owl-next::after {
    content: "";
  }
}
@media only screen and (max-width: 500px) {
  .ProductsHome__buttons {
    padding-top: 0;
  }
}
@media only screen {
  .ProductsHome__buttons a {
    min-width: 300px;
  }
}
@media only screen and (max-width: 500px) {
  .ProductsHome__buttons a {
    display: block;
    margin-right: 0;
    min-width: 0;
  }
}
@media only screen {
  .Quote {
    text-align: center;
  }
  .Quote .Container {
    width: 964px;
  }
}
@media only screen and (max-width: 964px) {
  .Quote .Container {
    width: auto;
  }
}
@media only screen {
  .Quote h1 {
    font-style: italic;
    color: #546E7A;
    position: relative;
    padding: 0 80px;
    letter-spacing: 0 !important;
  }
}
@media only screen and (max-width: 700px) {
  .Quote h1 {
    font-size: 1.6rem;
    padding: 0 40px;
  }
}
@media only screen {
  .Quote h1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 40px;
    color: rgba(96, 125, 139, 0.4);
  }
}
@media only screen and (max-width: 700px) {
  .Quote h1::before {
    font-size: 24px;
  }
}
@media only screen {
  .Quote h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 40px;
    color: rgba(96, 125, 139, 0.4);
  }
}
@media only screen and (max-width: 700px) {
  .Quote h1::after {
    font-size: 24px;
  }
}
@media only screen {
  .ProjectsHome {
    background-size: cover;
    width: 100%;
    position: relative;
  }
}
@media only screen and (max-width: 500px) {
  .ProjectsHome + section {
    padding-top: 132px;
  }
}
@media only screen and (max-width: 1264px) {
  .ProjectsHome {
    height: 0;
    padding-bottom: 40%;
  }
}
@media only screen {
  .ProjectsHome img {
    width: 100%;
  }
}
@media only screen {
  .ProjectsHome__tag {
    background: #CD1417;
    color: #fff;
    padding: 12px 32px;
    box-sizing: border-box;
    margin-bottom: 0;
    letter-spacing: 0;
    display: inline-block;
    margin-left: -32px;
    letter-spacing: 0 !important;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectsHome__tag {
    padding: 8px 16px 8px 32px;
    margin-bottom: 8px;
    margin-left: -16px;
  }
}
@media only screen {
  .ProjectsHome__wrapper {
    position: relative;
  }
  .ProjectsHome__wrapper::before {
    content: "";
    position: absolute;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 2;
  }
}
@media only screen and (max-width: 1264px) {
  .ProjectsHome__wrapper::before {
    bottom: 0;
  }
}
@media only screen {
  .ProjectsHome__content {
    position: absolute;
    bottom: 64px;
    left: 32px;
    right: 32px;
    color: #fff;
    z-index: 3;
  }
  .ProjectsHome__content .flex {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectsHome__content {
    bottom: 16px;
    left: 16px;
    right: 16px;
  }
}
@media only screen {
  .ProjectsHome__content h1 {
    flex-grow: 1;
    padding-right: 24px;
    position: relative;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectsHome__content h1 {
    font-size: 1.6rem !important;
  }
}
@media only screen {
  .ProjectsHome__content h1::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: none;
    font-size: 26px;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectsHome__content h1::after {
    display: block;
  }
}
@media only screen {
  .ProjectsHome__content h1, .ProjectsHome__content a {
    color: #fff;
    margin: 0;
    text-decoration: none;
  }
}
@media only screen {
  .ProjectsHome__content .btn {
    color: #fff !important;
    flex-wrap: nowrap;
    white-space: nowrap;
    border-color: rgba(255, 255, 255, 0.25) !important;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectsHome__content .btn {
    display: none;
  }
}
@media only screen {
  .ProjectsHome .owl-prev,
.ProjectsHome .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 51px;
    transform: translate(0, -50%);
    transition: background 0.3s ease, color 0.3s ease;
  }
}
@media only screen and (max-width: 500px) {
  .ProjectsHome .owl-prev,
.ProjectsHome .owl-next {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background: #000;
    width: 50%;
    line-height: normal;
    float: left;
    box-sizing: border-box;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .ProjectsHome .owl-prev::after,
.ProjectsHome .owl-next::after {
    content: "" !important;
    color: white !important;
    font-size: 48px !important;
  }
}
@media only screen {
  .ProjectsHome .owl-prev::after,
.ProjectsHome .owl-next::after {
    display: inline-block;
    line-height: 51px;
    content: "";
    font-size: 88px;
    color: white;
    transition: transform 0.3s ease, color 0.3s ease;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectsHome .owl-prev::after,
.ProjectsHome .owl-next::after {
    font-size: 64px;
  }
}
@media only screen and (max-width: 500px) {
  .ProjectsHome .owl-prev {
    text-align: right;
    padding-right: 24px;
  }
}
@media only screen {
  .ProjectsHome .owl-next {
    right: 0;
    left: auto;
  }
}
@media only screen and (max-width: 500px) {
  .ProjectsHome .owl-next {
    text-align: left;
    padding-left: 24px;
  }
  .ProjectsHome .owl-next::after {
    content: "" !important;
  }
}
@media only screen {
  .ProjectsHome .owl-next::after {
    content: "";
  }
}
@media only screen {
  .News__item {
    text-decoration: none !important;
    color: #37474F;
    display: block;
    margin-bottom: 56px;
  }
  .News__item:hover {
    color: #37474F;
  }
  .News__item:last-child {
    margin-bottom: 0;
  }
  .News__image {
    float: left;
    width: 160px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 500px) {
  .News__image {
    width: 58px;
  }
}
@media only screen {
  .News__image img {
    width: 100%;
  }
}
@media only screen {
  .News__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 8px;
  }
}
@media only screen {
  .News__content {
    float: left;
    width: calc(100% - 160px);
    box-sizing: border-box;
    padding-left: 48px;
  }
}
@media only screen and (max-width: 500px) {
  .News__content {
    width: calc(100% - 58px);
    padding-left: 24px;
  }
}
@media only screen {
  .News__content p {
    margin-bottom: 16px;
  }
}
@media only screen {
  .News__content .more {
    color: #CD1417;
  }
}
@media only screen {
  .AboutWrapper section h1 {
    font-size: 3.2941176471rem;
  }
}
@media only screen and (max-width: 700px) {
  .AboutWrapper section h1 {
    font-size: 2.1333333333rem;
  }
}
@media only screen and (max-width: 1000px) {
  .Products .Grid--4col > .Grid__col {
    width: 50%;
  }
  .Products .Grid--4col > .Grid__col:nth-child(4n+1) {
    clear: none;
  }
  .Products .Grid--4col > .Grid__col:nth-child(2n+1) {
    clear: both;
  }
  .Products .Grid--4col > .Grid__col:nth-child(3n+1) {
    clear: none;
  }
  .Products--types .Products .Grid--4col > .Grid__col:nth-child(3n+4) {
    clear: both;
  }

  .Products .Grid--4col > .Grid__col.Grid__col--product {
    width: 100% !important;
  }
}
@media only screen and (max-width: 500px) {
  .Products .Grid--4col .Grid__col {
    margin-top: 8px !important;
  }
}
@media only screen {
  .Products__wrapper {
    padding-top: 32px;
  }
  .Products__wrapper .Grid__col:nth-child(4n+1) {
    clear: none !important;
  }
}
@media only screen {
  .Products__image {
    width: 60%;
    text-align: center;
  }
  .Products__image img {
    width: auto !important;
  }
}
@media only screen {
  .Products .Grid__col--product {
    width: 50% !important;
  }
  .Products .Grid__col--product .Startblocks__title {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 700px) {
  .Products .Grid__col--product .Startblocks__title {
    font-size: 1.2rem;
  }
}
@media only screen {
  .Products .Grid__col--product .Startblocks__item {
    height: 294px;
  }
}
@media only screen and (max-width: 1000px) {
  .Products .Grid__col--product .Startblocks__item {
    height: auto !important;
  }
}
@media only screen {
  .Products .Grid__col--product .Startblocks__item p {
    font-size: 1.1176470588rem;
    line-height: 1.4210526316;
  }
}
@media only screen and (max-width: 700px) {
  .Products .Grid__col--product .Startblocks__item p {
    font-size: 1rem;
  }
}
@media only screen {
  .Products .Grid__col--product .Startblocks__item img {
    height: 100%;
    max-width: none !important;
  }
}
@media only screen and (max-width: 1000px) {
  .Products .Grid__col--product .Startblocks__item img {
    height: auto;
    max-width: 100% !important;
  }
}
@media only screen {
  .Products__item {
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    position: relative;
    color: #000 !important;
  }
  .Products__item::before {
    content: "";
    background: radial-gradient(ellipse, #eceff1 0%, #D2D7DB 70%);
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
  }
  .Products__item img {
    width: 100%;
    transform: scale(1);
    transition: transform 1s ease-in-out;
  }
  .Products__item .more {
    white-space: normal;
  }
  .Products__item:hover {
    text-decoration: none;
    color: #000 !important;
  }
  .Products__item:hover img {
    transform: scale(1.1);
  }
}
@media only screen {
  .Products__content {
    float: left;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 40%;
  }
}
@media only screen and (max-width: 1200px) {
  .Products__content {
    padding-right: 16px;
  }
}
@media only screen {
  .Products__content .Heading--h2 {
    padding-top: 0;
  }
}
@media only screen {
  .Products__title {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    font-weight: 700;
    display: inline-block;
    text-shadow: 0px 0px 4px white;
    color: #000;
  }
}
@media only screen and (max-width: 700px) {
  .Products__title {
    bottom: 16px;
    left: 16px;
    right: 16px;
  }
}
@media only screen {
  .Projects .ProjectsFilter a {
    display: inline-block;
    padding: 6px 12px;
    box-sizing: border-box;
    border: 2px solid #fff;
    transition: border 0.3s ease;
    text-decoration: none;
    color: #37474F;
    font-weight: 700;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 500px) {
  .Projects .ProjectsFilter a {
    display: block;
  }
}
@media only screen {
  .Projects .ProjectsFilter a:hover {
    color: #CD1417;
    text-decoration: none;
  }
}
@media only screen {
  .Projects .ProjectsFilter a.active {
    border: 2px solid rgba(0, 0, 0, 0.25);
    color: #CD1417;
  }
}
@media only screen {
  .Projects__item {
    position: relative;
    display: block;
    overflow: hidden;
  }
  .Projects__item::before {
    content: "";
    position: absolute;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
  }
  .Projects__item:hover img {
    transform: scale(1.1);
  }
  .Projects__item img {
    width: 100%;
    transform: scale(1);
    transition: transform 1s ease;
  }
}
@media only screen {
  .Projects__content {
    position: absolute;
    bottom: 24px;
    left: 24px;
    color: #fff;
    z-index: 2;
  }
  .Projects__content .Projects__title {
    color: #fff;
    font-size: 1.2941176471rem;
  }
}
@media only screen {
  .Pager {
    clear: both;
    display: flex;
    justify-content: center;
  }
  .Pager__button {
    padding: 0;
    text-align: center;
    display: inline-block;
    margin-left: 16px;
    color: #37474F;
    text-decoration: none;
    height: 40px;
    line-height: 36px;
    vertical-align: middle;
  }
  .Pager__button:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Pager__button {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
}
@media only screen {
  .Pager__button::after, .Pager__button::before {
    position: relative;
    top: 1px;
    font-size: 16px;
    line-height: 0;
    color: #CD1417;
  }
}
@media only screen {
  .Pager__button:hover {
    color: #CD1417;
    text-decoration: none;
  }
}
@media only screen {
  .Pager__button--next, .Pager__button--previous, .Pager__button--start, .Pager__button--end {
    padding: 0 15px;
    border: 1px solid #c7c7c7;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 700px) {
  .Pager__button--next, .Pager__button--previous, .Pager__button--start, .Pager__button--end {
    width: 0;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media only screen {
  .Pager__button--previous::before {
    content: "";
    text-indent: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Pager__button--previous::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 27px;
    margin: 0;
  }
}
@media only screen {
  .Pager__button--next::after {
    content: "";
    text-indent: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Pager__button--next::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 27px;
    margin: 0;
  }
}
@media only screen {
  .Pager__button--end::after {
    content: "";
    text-indent: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Pager__button--end::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 27px;
    margin: 0;
  }
}
@media only screen {
  .Pager__button--start::after {
    content: "";
    text-indent: 0;
  }
}
@media only screen and (max-width: 700px) {
  .Pager__button--start::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 27px;
    margin: 0;
  }
}
@media only screen {
  .Pager__button--active {
    color: #CD1417;
  }
}
@media only screen {
  .Pager__button--disabled {
    opacity: 0.5;
  }
}
@media only screen {
  .ExampleRow {
    background-color: #ECEFF1;
  }
  .ExampleRow .Grid__col {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 800px) {
  .ExampleRow .Grid__col {
    width: 100%;
    margin-top: 0 !important;
  }
  .ExampleRow .Grid__col:first-child {
    margin-top: 0 !important;
  }
}
@media only screen {
  .ExampleRow__item {
    padding: 32px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-bottom: 53.33333%;
    position: relative;
  }
  .ExampleRow__item::after {
    content: "";
    position: absolute;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
  }
  .ExampleRow__item.BgColor-2::after {
    display: none;
  }
  .ExampleRow__item.BgColor-2::before {
    content: "";
    background: radial-gradient(ellipse, #eceff1 0%, #D2D7DB 70%);
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
  }
  .ExampleRow__item.BgColor-2 > div,
.ExampleRow__item.BgColor-2 > img {
    position: relative;
  }
  .ExampleRow__item.BgColor-2 * {
    color: #000 !important;
  }
  .ExampleRow__item.BgColor-2 .more:hover {
    color: #000;
  }
  .ExampleRow__item.BgColor-2 .ExampleRow__tag {
    background: rgba(255, 255, 255, 0.65);
  }
  .ExampleRow__item .flex {
    width: 100%;
  }
  .ExampleRow__item * {
    color: #FFF !important;
  }
  .ExampleRow__item .more {
    text-decoration: none;
  }
  .ExampleRow__item .more:hover {
    color: #FFF;
    text-decoration: none;
  }
}
@media only screen {
  .ExampleRow img {
    width: 339px !important;
  }
}
@media only screen {
  .ExampleRow__content {
    position: absolute;
    bottom: 32px;
    left: 32px;
    z-index: 2;
  }
}
@media only screen {
  .ExampleRow__tag {
    padding-top: 0;
    background: rgba(0, 0, 0, 0.65);
    padding: 12px 24px;
    box-sizing: border-box;
    margin-bottom: 0;
    position: absolute !important;
    top: 32px;
    left: 32px;
  }
}
@media only screen and (max-width: 800px) {
  .ExampleRow__tag {
    padding: 8px 16px;
    font-size: 1.3333333333rem;
  }
}
@media only screen and (max-width: 400px) {
  .ExampleRow__tag {
    display: none;
  }
}
@media only screen {
  .ExampleRow--products .Examples__item {
    padding: 0;
    height: auto;
    flex-wrap: nowrap;
  }
  .ExampleRow--products .Examples__item img {
    width: 50% !important;
  }
  .ExampleRow--products .ProductsHome__content .Heading--h2 {
    font-weight: 700;
  }
}
@media only screen and (max-width: 700px) {
  .ExampleRow--products .owl-carousel .owl-prev,
.ExampleRow--products .owl-carousel .owl-next {
    width: 32px !important;
    height: 32px;
    line-height: 32px;
  }
  .ExampleRow--products .owl-carousel .owl-prev::after,
.ExampleRow--products .owl-carousel .owl-next::after {
    font-size: 32px;
    line-height: 32px;
  }
}
@media only screen {
  .ExampleRow--products .ProductsHome__content {
    align-self: flex-end;
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 1264px) {
  .ExampleRow--products .ProductsHome__content {
    padding-right: 16px;
  }
}
@media only screen {
  .ExampleRow--products .Grid__col:last-child .ExampleRow__item {
    height: 0;
    padding-bottom: 50%;
  }
}
@media only screen and (max-width: 1000px) {
  .ExampleRow .Grid__col {
    width: 100%;
    float: none;
    margin-top: 0 !important;
  }
}
@media only screen {
  .Examples .owl-carousel {
    position: static;
  }
  .Examples__item--products {
    height: auto !important;
    padding: 0 !important;
  }
  .Examples__item--products::after {
    display: none;
  }
  .Examples .owl-prev,
.Examples .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 51px;
    transform: translate(0, -50%);
    transition: background 0.3s ease, color 0.3s ease;
  }
  .Examples .owl-prev::after,
.Examples .owl-next::after {
    display: inline-block;
    line-height: 51px;
    content: "";
    font-size: 48px;
    color: rgba(255, 255, 255, 0.75);
    transition: transform 0.3s ease, color 0.3s ease;
  }
  .Examples .owl-next {
    right: 0;
    left: auto;
  }
  .Examples .owl-next::after {
    content: "";
  }
}
@media only screen {
  .ProjectHeader {
    color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .ProjectHeader::before {
    content: "";
    position: absolute;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
  }
  .ProjectHeader .Container {
    position: relative;
    height: 0;
    padding-bottom: 40%;
    z-index: 1;
  }
  .ProjectHeader__content {
    position: absolute;
    bottom: 64px;
    left: 24px;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectHeader__content {
    left: 50%;
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0px 16px;
    box-sizing: border-box;
  }
}
@media only screen {
  .ProjectHeader h1 {
    color: #fff;
    font-size: 3.2941176471rem;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectHeader h1 {
    font-size: 2.1333333333rem;
  }
}
@media only screen {
  .ProjectHeader p {
    font-weight: 200;
  }
}
@media only screen and (max-width: 500px) {
  .ProjectDetail .Grid--4col .Grid__col {
    margin-top: 8px !important;
  }
  .ProjectDetail .Grid--4col .Grid__col:first-child {
    margin-top: 0 !important;
  }
}
@media only screen {
  .ProjectDetail__content .Grid__col:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.25) !important;
  }
}
@media only screen and (max-width: 700px) {
  .ProjectDetail__content .Grid__col:first-child {
    border-right: none !important;
  }
}
@media only screen {
  .ProjectDetail__photoserie {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  .ProjectDetail__photoserie a {
    display: block;
    overflow: hidden;
  }
  .ProjectDetail__photoserie a img {
    width: 100%;
    transform: scale(1);
    transition: transform 1s ease;
  }
  .ProjectDetail__photoserie a img:hover {
    transform: scale(1.1);
  }
}
@media only screen {
  .ProjectDetail__map {
    height: 400px;
  }
}
@media only screen {
  .Faq {
    padding-top: 8px;
  }
  .Faq__item {
    margin: 0 -40px 10px -40px;
    border: 0 none;
  }
}
@media only screen and (max-width: 1264px) {
  .Faq__item {
    margin-left: -32px;
    margin-right: -32px;
  }
}
@media only screen and (max-width: 700px) {
  .Faq__item {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media only screen {
  .Faq__item table {
    width: 100%;
  }
  .Faq__item table td {
    width: 50%;
  }
}
@media only screen {
  .Faq__item .Title-h1 {
    margin: 0;
    padding: 9px 14px 11px 48px;
    position: relative;
    cursor: pointer;
    line-height: 1.5;
    font-size: 1.2941176471rem;
    background: #ECEFF1;
  }
  .Faq__item .Title-h1 span {
    position: absolute;
    left: 0;
    top: 12px;
    width: 11px;
    height: 11px;
  }
  .Faq__item .Title-h1 span:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 14px;
    color: rgba(205, 20, 23, 0.6);
    font-size: 28px;
  }
  .Faq__item .Title-h1.open span::before {
    content: "";
  }
}
@media only screen {
  .Faq__item h3 {
    padding-top: 0;
  }
}
@media only screen {
  .Faq__item > div:not(.Title-h1) {
    display: none;
    padding: 40px 40px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 700px) {
  .Faq__item > div:not(.Title-h1) {
    padding: 16px 16px;
  }
}
@media only screen {
  .Faq__item > div:not(.Title-h1):after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen {
  .Faq .Grid--70-30 {
    margin-bottom: 16px;
  }
  .Faq .Grid--70-30 > .Grid__col:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.25);
  }
}
@media only screen and (max-width: 1000px) {
  .Faq .Grid--70-30 > .Grid__col:last-child {
    border-left: none;
  }
}
@media only screen {
  .Downloads__item {
    display: block;
    text-decoration: none;
    font-weight: 400;
    padding: 8px 0;
    box-sizing: border-box;
    border-top: 1px dotted rgba(0, 0, 0, 0.25);
    color: #37474F;
    font-style: 1.17647rem;
  }
  .Downloads__item::before {
    content: "";
    display: inline-block;
    color: #37474F;
    padding-right: 12px;
    position: relative;
    width: 26px;
    height: 30px;
    top: -2px;
    vertical-align: top;
    font-size: 26px;
  }
  .Downloads__item.pdf::before {
    content: "";
    color: #CD1417;
  }
  .Downloads__item.doc::before, .Downloads__item.docx::before {
    content: "";
    color: #1565c0;
  }
  .Downloads__item.xls::before, .Downloads__item.xlsx::before {
    content: "";
    color: #2e7d32;
  }
  .Downloads__item.ppt::before, .Downloads__item.pptx::before {
    content: "";
    color: #e64a19;
  }
  .Downloads__item.jpg::before, .Downloads__item.jpeg::before {
    content: "";
    color: #CD1417;
  }
  .Downloads__item.ldt::before {
    content: "";
    position: relative;
    top: -3px;
    background: url(/media/img/icon-file-ldt-large.svg) no-repeat 0 0;
    background-size: contain;
  }
}
@media only screen and (max-width: 700px) {
  .Downloads__item.ldt::before {
    top: 4px;
  }
}
@media only screen {
  .Downloads__item--all::before {
    content: "";
    color: #78909C;
  }
}
@media only screen {
  .Downloads__item span {
    font-size: 0.8235294118rem;
    color: #78909C;
  }
}
@media only screen {
  .Downloads__item:hover {
    text-decoration: none;
    color: #37474F;
  }
}
@media only screen {
  .Downloads__item:first-child, .Downloads__item:last-child {
    border-top: none;
  }
}
@media only screen {
  .DownloadButtons__button {
    position: relative;
    border: 2px solid rgba(0, 0, 0, 0.25);
    padding: 12px 10px;
    margin-right: 8px;
    box-sizing: border-box;
    margin-top: 8px;
    text-decoration: none;
    color: #37474F;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
  }
  .DownloadButtons__button::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    transition: all 0.8s ease;
    z-index: -1;
    color: inherit !important;
  }
  .DownloadButtons__button:hover {
    text-decoration: none;
    color: #37474F;
  }
  .DownloadButtons__button:hover::after {
    border-radius: 0;
    width: 150%;
    padding-bottom: 150%;
  }
  .DownloadButtons__button span {
    font-size: 0.8235294118rem;
    color: #78909C;
  }
  .DownloadButtons__button::before {
    content: "";
    display: inline-block;
    color: #CD1417;
    padding-right: 8px;
  }
  .DownloadButtons__button.pdf::before {
    content: "";
  }
  .DownloadButtons__button.doc::before, .DownloadButtons__button.docx::before {
    content: "";
    color: #1565c0;
  }
  .DownloadButtons__button.xls::before, .DownloadButtons__button.xlsx::before {
    content: "";
    color: #2e7d32;
  }
  .DownloadButtons__button.ppt::before, .DownloadButtons__button.pptx::before {
    content: "";
    color: #e64a19;
  }
  .DownloadButtons__button.jpg::before, .DownloadButtons__button.jpeg::before {
    content: "";
  }
  .DownloadButtons__button--all::before {
    content: "";
    color: #78909C;
  }
}
@media only screen {
  .ProductsDetail__specifications .Grid__col {
    margin-top: 0 !important;
  }
  .ProductsDetail__specifications .Grid__col:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.25);
  }
  .ProductsDetail__specifications table {
    width: 100%;
  }
  .ProductsDetail__specifications table tr td {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  .ProductsDetail__specifications table tr td {
    width: 100%;
    display: block;
  }
}
@media only screen {
  .ProductsDetail__specifications ul {
    margin-left: 0;
    margin-top: 24px;
  }
  .ProductsDetail__specifications ul li {
    display: inline-block;
    padding-left: 0;
  }
  .ProductsDetail__specifications ul li::after {
    content: "|";
    color: #acbcc2;
  }
}
@media only screen and (max-width: 800px) {
  .ProductsDetail__specifications ul li:first-child {
    display: block;
    margin-bottom: 4px;
  }
}
@media only screen {
  .ProductsDetail__specifications ul li:first-child::after {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .ProductsDetail__specifications ul li:nth-child(2) .tooltip-wrapper {
    margin-left: 0;
  }
}
@media only screen {
  .ProductsDetail__specifications ul li:last-child::after {
    display: none;
  }
}
@media only screen {
  .ProductsDetail__specifications ul li .tooltip-wrapper {
    margin: 0 10px 0 6px;
  }
  .ProductsDetail__specifications ul li .tooltip-wrapper::after {
    content: "";
    color: #1565C0;
    font-size: 14px;
    text-decoration: underline;
    text-decoration: none !important;
    display: inline-block;
    margin-left: 8px;
    font-weight: 300;
  }
}
@media only screen {
  .ProductsDetail__specifications ul li div {
    display: inline-block;
    border-bottom: 1px dotted #768a92;
    position: relative;
  }
  .ProductsDetail__specifications ul li div span.tooltip {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    width: 24px;
    height: 24px;
  }
}
@media only screen {
  .ProductsDetail__specifications ul li span {
    padding: 0 8px;
    display: inline-block;
    border-bottom: none;
  }
}
@media only screen {
  .ProductsDetail__specifications ul li::before {
    display: none;
  }
}
@media only screen {
  .ProductsDetail__specifications ul li:last-child span {
    display: none;
  }
}
@media only screen {
  .tooltipster-sidetip .tooltipster-box {
    border: none !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 0 !important;
  }
}
@media only screen {
  .ProductsDetailCta__wrapper {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 900px) {
  .ProductsDetailCta__wrapper {
    flex-wrap: wrap;
  }
}
@media only screen {
  .ProductsDetailCta__content {
    flex-grow: 1;
  }
}
@media only screen and (max-width: 900px) {
  .ProductsDetailCta__content {
    margin-bottom: 32px;
  }
}
@media only screen {
  .ProductsDetailCta__content p {
    max-width: 85%;
  }
}
@media only screen and (max-width: 900px) {
  .ProductsDetailCta__content p {
    max-width: 100%;
  }
}
@media only screen {
  .ProductsDetailCta a {
    margin-top: 0;
    margin-right: 0;
    min-width: 335px;
  }
}
@media only screen and (max-width: 900px) {
  .ProductsDetailCta a {
    max-width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .ProductsDetailCta a {
    min-width: auto;
  }
}
@media only screen {
  .MobileMenu__trigger {
    float: right;
    line-height: 28px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    padding: 8px 16px;
    margin-right: -16px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    opacity: 0;
    display: inline-block;
    transition: opacity 0.3s ease;
    display: none;
  }
  .MobileMenu__trigger::before {
    margin-right: 12px;
    position: relative;
    top: 2px;
    content: "";
    color: inherit;
    font-size: 21px;
    text-decoration: underline;
    text-decoration: none !important;
    display: inline-block;
    line-height: 0;
  }
}
@media only screen and (max-width: 700px) {
  .MobileMenu__trigger::before {
    margin-right: 10px;
    top: 1px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 1200px) {
  .MobileMenu__trigger {
    opacity: 1;
    display: inline-block;
  }
  .menu-open .MobileMenu__trigger {
    display: none;
    opacity: 0;
  }
}
@media only screen and (max-width: 700px) {
  .MobileMenu__trigger {
    padding: 2px 10px;
    margin-right: -12px;
  }
}
@media only screen {
  .MobileMenu__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: white;
    display: flex;
    z-index: 9999;
    text-align: center;
    opacity: 0;
    transform: translateX(-110%);
    transition: opacity ease, transform ease;
    transition-duration: 0.3s, 0s;
    transition-delay: 0s, 0.3s;
  }
  .MobileMenu__overlay .Container {
    width: 100%;
    padding: 0;
  }
  .MobileMenu__overlay .Top__right__goto-lightunie {
    display: inline-flex !important;
    margin: auto auto 16px auto !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .MobileMenu__overlay .Topbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .MobileMenu__overlay .LanguageSwitch {
    display: inline-block;
    text-align: center;
  }
  .MobileMenu__overlay .LanguageSwitch a {
    border-left: 0;
    display: inline-block !important;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-height: 800px) {
  .MobileMenu__overlay .LanguageSwitch a {
    padding: 6px 0;
  }
}
@media only screen {
  .MobileMenu__overlay .LanguageSwitch a:first-child {
    padding-left: 0;
  }
}
@media only screen {
  .MobileMenu__overlay .LanguageSwitch a::before {
    display: none;
  }
}
@media only screen {
  .MobileMenu__overlay--open {
    opacity: 1;
    transform: translateX(0);
    transition-duration: 0.3s, 0s;
    transition-delay: 0s, 0s;
  }
}
@media only screen {
  .MobileMenu__overlay .Top__contact {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .MobileMenu__overlay .Top__contact.hide {
    opacity: 0;
    transition: none;
  }
}
@media only screen {
  .MobileMenu__overlay .MobileMenu__getstarted {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .MobileMenu__overlay .MobileMenu__getstarted.hide {
    opacity: 0;
    transition: none;
  }
}
@media only screen {
  .MobileMenu__overlay .Top__language {
    margin-top: 32px;
    opacity: 1;
    transition: opacity 0.3s ease;
    width: auto;
    display: flex !important;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-height: 500px) {
  .MobileMenu__overlay .Top__language {
    margin-top: 24px;
  }
}
@media only screen {
  .MobileMenu__overlay .Top__language::after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen {
  .MobileMenu__overlay .Top__language.hide {
    opacity: 0;
    transition: none;
  }
}
@media only screen {
  .MobileMenu__overlay .Top__language a {
    margin: 0 4px;
    color: #37474F;
    font-size: 16px;
    text-decoration: none;
  }
}
@media only screen {
  .MobileMenu__getstarted {
    margin-top: 32px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-height: 800px) {
  .MobileMenu__getstarted {
    margin-top: 24px;
    margin-bottom: 0;
  }
}
@media only screen {
  .MobileMenu__getstarted .btn {
    margin: 0;
    padding: 7px 14px 9px 14px;
    color: #FFF !important;
    background: #CD1417 !important;
    vertical-align: top;
  }
  .MobileMenu__getstarted .btn::before {
    display: none;
  }
  .MobileMenu__getstarted .btn::after {
    margin-left: 10px;
  }
}
@media only screen {
  .MobileMenu__navigation {
    padding-top: 78px;
    height: calc(100% - 78px);
    display: flex;
    flex-direction: column;
  }
  .MobileMenu__navigation > ul ul {
    display: none;
  }
  .MobileMenu__navigation > ul > li {
    position: relative;
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
    border-bottom: 1px solid #BEBEBE80;
    text-align: left;
  }
  .MobileMenu__navigation > ul > li .Navigation__item_toggle {
    position: absolute;
    right: 8px;
    top: 11px;
    width: 32px;
    height: 32px;
    border: none;
    background-size: 14px 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38038 7.38038C7.17168 7.58908 6.82832 7.58908 6.61962 7.38038L0.156527 0.917287C-0.0521765 0.708583 -0.0521765 0.365231 0.156528 0.156527C0.365232 -0.0521766 0.708584 -0.0521766 0.917288 0.156527L7 6.23924L13.0827 0.156528C13.2914 -0.052176 13.6348 -0.052176 13.8435 0.156528C14.0522 0.365232 14.0522 0.708584 13.8435 0.917288L7.38038 7.38038Z' fill='black'/%3E%3C/svg%3E%0A");
    transition: transform 0.3s ease;
    box-shadow: none !important;
  }
  .MobileMenu__navigation > ul > li .Navigation__item_toggle[aria-expanded=true] {
    transform: rotate(180deg);
  }
  .MobileMenu__navigation > ul > li ul {
    padding-bottom: 12px;
  }
  .MobileMenu__navigation > ul > li li {
    padding: 0 10px;
  }
  .MobileMenu__navigation > ul > li li a {
    font-weight: 300;
  }
  .MobileMenu__navigation > ul > li.hide {
    opacity: 0;
    transition: none;
  }
  .MobileMenu__navigation > ul > li > a {
    display: block;
    padding: 16px 16px;
    position: relative;
    text-decoration: none !important;
    color: #37474F;
    font-size: 16px;
    font-weight: 700;
  }
  .MobileMenu__navigation > ul > li > a::before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 2px;
    height: 2px;
    background-color: #CD1417;
    opacity: 0;
    transition: opacity 0.3s ease, right 0.3s ease, left 0.3s ease;
  }
  .MobileMenu__navigation > ul > li > a:hover, .MobileMenu__navigation > ul > li > a.active {
    border: none !important;
  }
  .MobileMenu__navigation > ul > li > a:hover::before, .MobileMenu__navigation > ul > li > a.active::before {
    display: none;
  }
  .MobileMenu__navigation > ul > li .Navigation__item_toggle {
    display: inline-block;
  }
}
@media only screen {
  .MobileMenu__extra {
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .MobileMenu__extra::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    background: rgba(0, 0, 0, 0.25);
    height: 1px;
    text-align: center;
  }
  .MobileMenu__extra a {
    display: block;
    background: none !important;
    color: #37474F;
    font-weight: 700;
    font-size: 18px;
    padding: 6px 24px;
  }
}
@media only screen and (max-height: 800px) {
  .MobileMenu__extra a {
    font-size: 16px;
  }
}
@media only screen {
  .MobileMenu__logo {
    position: absolute;
    top: 10px;
    left: 24px;
  }
  .MobileMenu__logo img {
    width: 109px;
  }
}
@media only screen {
  .MobileMenu__close {
    cursor: pointer;
    padding: 8px 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none;
  }
  .menu-open .MobileMenu__close {
    opacity: 1;
    z-index: 9999999;
    display: inline-block;
  }

  .MobileMenu__close::after {
    content: "";
    color: #37474F;
    font-size: 20px;
    text-decoration: underline;
    text-decoration: none !important;
    display: inline-block;
    line-height: 0;
    position: relative;
    top: 1px;
  }
}
@media only screen and (max-width: 700px) {
  .MobileMenu__close::after {
    top: 2px;
  }
}
@media only screen {
  .MobileLanguage a {
    text-decoration: none;
    display: inline-block;
    color: #37474F;
    font-size: 20px;
    padding: 6px 16px;
    box-sizing: border-box;
    margin-bottom: 8px;
  }
  .MobileLanguage a:hover {
    text-decoration: none;
    color: #37474F;
  }
}
@media only screen {
  .MobileMenu__contact {
    font-size: 20px;
    padding: 6px 16px;
    box-sizing: border-box;
    text-decoration: none;
    color: #37474F;
  }
  .MobileMenu__contact:hover {
    color: #37474F;
    text-decoration: none;
  }
}
@media only screen {
  .AboutWrapper h1, .AboutWrapper .Heading--h1 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 700px) {
  .AboutWrapper h1, .AboutWrapper .Heading--h1 {
    margin-bottom: 24px;
  }
}
@media only screen {
  .AboutWrapper .Heading h1, .AboutWrapper .Heading .Heading--h1 {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .AboutWrapper .Grid__col {
    width: 100%;
    margin-top: 48px !important;
  }
  .AboutWrapper .Grid__col:first-child {
    margin-top: 0 !important;
  }
}
@media only screen {
  .ModalWrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
  }
}
@media only screen {
  .Modal {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    width: 620px;
    padding: 56px 48px;
    border-radius: 6px;
    z-index: 999999;
    box-sizing: border-box;
  }
  .Modal .Heading--h2 {
    padding-top: 0;
  }
  .Modal p {
    margin-bottom: 1.4117647059em;
  }
}
@media only screen and (max-width: 700px) {
  .Modal {
    width: 400px;
    padding: 24px;
  }
}
@media only screen and (max-width: 500px) {
  .Modal {
    width: 260px;
  }
}
@media only screen {
  .Modal__close {
    position: absolute;
    top: -17px;
    right: -17px;
    width: 34px;
    height: 34px;
    background: #eceff1;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    cursor: pointer;
  }
  .Modal__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #37474f;
  }
}
@media only screen {
  .Modal form .fld:last-child a {
    flex-grow: 1;
    text-align: left;
  }
}
@media only screen and (max-width: 500px) {
  .Modal form .fld:last-child a {
    margin-bottom: 16px;
  }
}
@media only screen {
  .Blogs .BlogsFilter a {
    display: inline-block;
    padding: 6px 12px;
    box-sizing: border-box;
    border: 2px solid #fff;
    transition: border 0.3s ease;
    text-decoration: none;
    color: #37474F;
    font-weight: 700;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 500px) {
  .Blogs .BlogsFilter a {
    display: block;
  }
}
@media only screen {
  .Blogs .BlogsFilter a:hover {
    color: #CD1417;
    text-decoration: none;
  }
}
@media only screen {
  .Blogs .BlogsFilter a.active {
    border: 2px solid rgba(0, 0, 0, 0.25);
    color: #CD1417;
  }
}
@media only screen {
  .Blogs__item {
    position: relative;
    display: block;
    overflow: hidden;
  }
  .Blogs__item::before {
    content: "";
    position: absolute;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
  }
  .Blogs__item:hover img {
    transform: scale(1.1);
  }
  .Blogs__item img {
    width: 100%;
    transform: scale(1);
    transition: transform 1s ease;
  }
}
@media only screen {
  .Blogs__content {
    position: absolute;
    bottom: 24px;
    left: 24px;
    color: #fff;
    z-index: 2;
  }
  .Blogs__content .Blogs__title {
    color: #fff;
    font-size: 1.2941176471rem;
  }
}
@media only screen {
  .BlogHeader {
    color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .BlogHeader::before {
    content: "";
    position: absolute;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
  }
  .BlogHeader .Container {
    position: relative;
    height: 0;
    padding-bottom: 40%;
    z-index: 1;
  }
  .BlogHeader__content {
    position: absolute;
    bottom: 64px;
    left: 24px;
  }
}
@media only screen and (max-width: 700px) {
  .BlogHeader__content {
    left: 50%;
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0px 16px;
    box-sizing: border-box;
  }
}
@media only screen {
  .BlogHeader h1 {
    color: #fff;
    font-size: 3.2941176471rem;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 700px) {
  .BlogHeader h1 {
    font-size: 2.1333333333rem;
  }
}
@media only screen {
  .BlogHeader p {
    font-weight: 200;
  }
}
@media only screen and (max-width: 500px) {
  .BlogDetail .Grid--4col .Grid__col {
    margin-top: 8px !important;
  }
  .BlogDetail .Grid--4col .Grid__col:first-child {
    margin-top: 0 !important;
  }
}
@media only screen {
  .BlogDetail__content .Grid__col:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.25) !important;
  }
}
@media only screen and (max-width: 700px) {
  .BlogDetail__content .Grid__col:first-child {
    border-right: none !important;
  }
}
@media only screen {
  .BlogDetail__photoserie {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  .BlogDetail__photoserie a {
    display: block;
    overflow: hidden;
  }
  .BlogDetail__photoserie a img {
    width: 100%;
    transform: scale(1);
    transition: transform 1s ease;
  }
  .BlogDetail__photoserie a img:hover {
    transform: scale(1.1);
  }
}
@media only screen {
  .BlogDetail__map {
    height: 400px;
  }
}
@media only screen {
  .Vacancies__item {
    text-decoration: none !important;
    color: #37474F;
    display: block;
    margin-bottom: 56px;
  }
  .Vacancies__item:hover {
    color: #37474F;
  }
  .Vacancies__item:last-child {
    margin-bottom: 0;
  }
  .Vacancies__image {
    float: left;
    width: 160px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 500px) {
  .Vacancies__image {
    width: 58px;
  }
}
@media only screen {
  .Vacancies__image img {
    width: 100%;
  }
}
@media only screen {
  .Vacancies__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 8px;
  }
}
@media only screen {
  .Vacancies__content {
    float: left;
    width: calc(100% - 160px);
    box-sizing: border-box;
    padding-left: 48px;
  }
}
@media only screen and (max-width: 500px) {
  .Vacancies__content {
    width: calc(100% - 58px);
    padding-left: 24px;
  }
}
@media only screen {
  .Vacancies__content p {
    margin-bottom: 16px;
  }
}
@media only screen {
  .Vacancies__content .more {
    color: #CD1417;
  }
}
@media only screen {
  .AboutWrapper section h1 {
    font-size: 3.2941176471rem;
  }
}
@media only screen and (max-width: 700px) {
  .AboutWrapper section h1 {
    font-size: 2.1333333333rem;
  }
}