@charset "utf-8";
/* preload images */
body:after {
  content: url(/uploads/image/srdimages/close.png) url(/uploads/image/srdimages/loading.gif) url(/uploads/image/srdimages/prev.png) url(/uploads/image/srdimages/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxoverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:dximagetransform.microsoft.alpha(opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outercontainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* background color behind image.
     this is visible during transitions. */
  background-color: white;
}

.lb-outercontainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/uploads/image/srdimages/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: ;
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/uploads/image/srdimages/prev.png) left 48% no-repeat;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/uploads/image/srdimages/next.png) right 48% no-repeat;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
  opacity: 1;
}

.lb-datacontainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-datacontainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/uploads/image/srdimages/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:dximagetransform.microsoft.alpha(opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
  opacity: 1;
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

@keyframes shake {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-5%, 0, 0);
  }
  30% {
    transform: translate3d(4%, 0, 0);
  }
  45% {
    transform: translate3d(-3%, 0, 0);
  }
  60% {
    transform: translate3d(2%, 0, 0);
  }
  75% {
    transform: translate3d(-1%, 0, 0);
  }
  100% {
    transform: none;
  }
}

@keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.4, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.8, 0.05, 0.9, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.8, 0.05, 0.9, 0.06);
    transform: translate3d(0, -7px, 0);
  }
  90% {
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

/*
### media queries
we use sass-mq to make doing our breakpoints easy.
more documentation at https://github.com/sass-mq/sass-mq

			.responsive {
			    // apply styling to mobile and upwards
			    @include mq($from: mobile) {
			        color: red;
			    }
			    // apply styling up to devices smaller than tablets (exclude tablets)
			    @include mq($until: tablet) {
			        color: blue;
			    }
			    // same thing, in landscape orientation
			    @include mq($until: tablet, $and: '(orientation: landscape)') {
			        color: hotpink;
			    }
			    // apply styling to tablets up to desktop (exclude desktop)
			    @include mq(tablet, desktop) {
			        color: green;
			    }
			}

*/
@font-face {
  font-family: 'section medium';
  src:  format("eot"),  format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'section medium';
  src:  format("eot"),  format("woff");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: 'section medium';
  src:  format("eot"),  format("woff");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: 'section medium';
  src:  format("eot"),  format("woff");
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: 'open_sansbold';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansbold_italic';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansextrabold';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansextrabold_italic';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansitalic';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanslight';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanslight_italic';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold_italic';
  src:  format("woff2"),  format("woff");
  font-weight: normal;
  font-style: normal;
}

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

.slick-next .icon-prev, .slick-prev .icon-prev, .c-cookie__btn .icon-prev,
.slick-next .icon-next,
.slick-prev .icon-next,
.c-cookie__btn .icon-next,
.slick-next .icon-close,
.slick-prev .icon-close,
.c-cookie__btn .icon-close,
.slick-next .icon-plus,
.slick-prev .icon-plus,
.c-cookie__btn .icon-plus,
.slick-next .icon-minus,
.slick-prev .icon-minus,
.c-cookie__btn .icon-minus,
.slick-next .icon-zoom,
.slick-prev .icon-zoom,
.c-cookie__btn .icon-zoom,
.c-button--icon .icon-prev,
.c-button--icon .icon-next,
.c-button--icon .icon-close,
.c-button--icon .icon-plus,
.c-button--icon .icon-minus,
.c-button--icon .icon-zoom, .c-image__video-launch .icon-play, .c-product-info__data-icon .icon-tick, .c-video__video-launch-icon {
  display: inline-block;
  height: 1rem;
  width: 1rem;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/*! normalize.css v3.0.3 | mit license | github.com/necolas/normalize.css */
/**
 * 1. set default font family to sans-serif.
 * 2. prevent ios and ie text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

/**
 * 1. correct `inline-block` display not defined in ie 8/9.
 * 2. normalize vertical alignment of `progress` in chrome, firefox, and opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

/**
 * address `[hidden]` styling not present in ie 8/9/10.
 * hide the `template` element in ie 8/9/10/11, safari, and firefox < 22.
 */
[hidden],
template {
  display: none;
}

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

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

/* text-level semantics
   ========================================================================== */
/**
 * address styling not present in ie 8/9/10/11, safari, and chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * address style set to `bolder` in firefox 4 , safari, and chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * address styling not present in safari and chrome.
 */
dfn {
  font-style: italic;
}

/**
 * address variable `h1` font-size and margin within `section` and `article`
 * contexts in firefox 4 , safari, and chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* embedded content
   ========================================================================== */
/**
 * remove border when inside `a` element in ie 8/9/10.
 */
img {
  border: 0;
}

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

/* grouping content
   ========================================================================== */
/**
 * address margin not present in ie 8/9 and safari.
 */
figure {
  margin: 1em 40px;
}

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

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

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

/* forms
   ========================================================================== */
/**
 * known limitation: by default, chrome and safari on os x allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. correct color not being inherited.
 *    known issue: affects color of disabled elements.
 * 2. correct font properties not being inherited.
 * 3. address margins set differently in firefox 4 , safari, and chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

/**
 * address inconsistent `text-transform` inheritance for `button` and `select`.
 * all other form control elements do not inherit `text-transform` values.
 * correct `button` style inheritance in firefox, ie 8/9/10/11, and opera.
 * correct `select` style inheritance in firefox.
 */
button,
select {
  text-transform: none;
}

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

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

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

/**
 * address firefox 4  setting `line-height` on `input` using `!important` in
 * the ua stylesheet.
 */
input {
  line-height: normal;
}

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

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

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

/**
 * remove inner padding and search cancel button in safari and chrome on os x.
 * safari (but not chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

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

/**
 * don't inherit the `font-weight` (applied by a rule above).
 * note: the default cannot safely be changed in chrome and safari on os x.
 */
optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}

[placeholder]:focus::-moz-placeholder {
  color: transparent;
}

input::-webkit-input-placeholder {
  color: #333333;
}

input::-moz-placeholder {
  color: #333333;
}

input:-ms-input-placeholder {
  color: #333333;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="search"] {
  -webkit-appearance: none;
}

input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="color"] {
  font-size: 1.0625rem;
  padding: .45rem;
  width: 100%;
  box-sizing: border-box;
  background: white;
  border: 1px solid #c6cdc6;
  border-radius: 0;
  color: #333333;
  -webkit-appearance: none;
          appearance: none;
}

textarea[disabled],
input[type="text"][disabled],
input[type="tel"][disabled],
input[type="email"][disabled],
input[type="password"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="color"][disabled] {
  opacity: .5;
  cursor: not-allowed;
}

textarea[readonly],
input[type="text"][readonly],
input[type="tel"][readonly],
input[type="email"][readonly],
input[type="password"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="date"][readonly],
input[type="month"][readonly],
input[type="time"][readonly],
input[type="week"][readonly],
input[type="number"][readonly],
input[type="url"][readonly],
input[type="search"][readonly],
input[type="color"][readonly] {
  border-color: #807f7f;
}

textarea.error,
input[type="text"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="password"].error,
input[type="datetime"].error,
input[type="datetime-local"].error,
input[type="date"].error,
input[type="month"].error,
input[type="time"].error,
input[type="week"].error,
input[type="number"].error,
input[type="url"].error,
input[type="search"].error,
input[type="color"].error {
  border-color: red;
  outline: 1px solid red;
}

select {
  font-size: 1.0625rem;
  padding: .4rem;
  width: 100%;
  background: white;
  border: 1px solid #c6cdc6;
  border-radius: 0;
  color: #333333;
}

input[type="checkbox"] {
  border-radius: 0;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 0 10px 0 0;
  padding: 0;
  height: 13px;
  width: 13px;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

label.error {
  font-size: 0.875rem;
  position: relative;
  padding-left: 17px;
  color: red;
}

label.error:before, label.error:after {
  position: absolute;
  display: inline-block;
}

label.error:before {
  width: 14px;
  height: 14px;
  content: '';
  top: 2px;
  left: 0;
  background: red;
  border-radius: 100%;
}

label.error:after {
  content: '!';
  top: 2px;
  left: 5px;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.b-inputfile:focus   label,
.b-inputfile.has-focus   label {
  background: black;
  color: white;
}

.b-inputfile:focus   label .icon-upload svg,
.b-inputfile.has-focus   label .icon-upload svg {
  fill: white;
}

.js .b-inputfile {
  position: absolute;
  z-index: -1;
  height: 0.1px;
  width: 0.1px;
  overflow: hidden;
  opacity: 0;
}

.no-js .b-inputfile   label {
  display: none;
}

/*
### placeholder

    <label for="placeholder">example of placeholder</label><input id="placeholder" type="text" placeholder="this is placeholder text">
*/
/*
### textarea

    <textarea></textarea>

*/
/*
### inputs

    <input type="text" placeholder="text input">
    <input type="text" placeholder="text input - read only" readonly="readonly">
    <input type="text" placeholder="text input - disabled" disabled="disabled">
    <input type="tel" placeholder="telephone input">
    <input type="email" placeholder="email input">
    <input type="password" placeholder="password">
    <input type="datetime">
    <input type="datetime-local">
    <input type="date">
    <input type="month">
    <input type="time">
    <input type="week">
    <input type="number">
    <input type="url">
    <input type="search">
    <input type="color" value="#ff0000">
    <input type="radio">
    <input type="radio" disabled="disabled">
    <input type="radio" checked="checked">
    <input type="checkbox">
    <input type="checkbox" disabled="disabled">
    <input type="checkbox" checked="checked">
    <input type="button" value="button">
    <input type="submit">


*/
/*
### select

    <select>
      <option value="volvo" disabled="disabled">volvo</option>
      <option value="saab" selected="selected">saab</option>
      <option value="vw">vw</option>
      <option value="audi">audi</option>
    </select>

*/
/*
### base error

  <label class="error" for="error-example">example of error</label><input class="error" id="error-example" type="text" placeholder="this is placeholder text">

*/
/*
### file upload
the custom upload has a javascript dependancy (jquery.custom-file-input.js). 

    <div class="c-form__element">
      <input type="file" name="file" id="file" class="b-inputfile js-inputfile" data-multiple-caption="{count} files selected" multiple />
      <label for="file" class="c-button--icon-right"><span>upload document</span><i class="icon-upload" data-grunticon-embed></i></label>
    </div>

*/

::selection {
  background: black;
  color: white;
  text-shadow: none;
}

a:link {
  -webkit-tap-highlight-color: black;
}

a:not([class]) {
  color: #3589aa;
}

.castalloy a:not([class]) {
  color: #ce215e;
}

a:not([class]):hover, a:not([class]):focus, a:not([class]):active {
  color: #002f76;
}

.castalloy a:not([class]):hover, .castalloy a:not([class]):focus, .castalloy a:not([class]):active {
  color: #b81d54;
}

a.tel {
  color: inherit;
  text-decoration: none;
  cursor: text;
}

.touchevents a.tel {
  color: inherit;
  cursor: pointer;
}

a.tel:hover {
  color: inherit;
}

/*
### links

    <a href="#">link example</a>

    <br>

    <a href="tel: 441513315000" class="tel">telephone link (no-touch:normal text, touch:looks like a link)</a> 

*/
html {
  height: 100%;
}

body {
  height: 100%;
  background-color: white;
  color: black;
  overflow-x: hidden;
}

body:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.1s ease-in-out;
}

body.is-open:before {
  opacity: 1;
  visibility: visible;
}

body.search-is-open:before {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 61.25em) {
  body.search-is-open .c-site-header {
    z-index: 0;
  }
}

main {
  margin-bottom: 2rem;
}

/*
### page

default <code>html</code> and <code>body</code> css

*/

table:not([class]) {
  width: 100%;
  border-collapse: collapse;
}


table:not([class]) caption {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0 0.75rem;
  border-top: 0.1rem solid #002f76;
  border-bottom: 0.1rem solid #002f76;
  color: #002f76;
  text-align: left;
}


table:not([class]) tr {
  border-bottom: 1px solid #cccccc;
}


table:not([class]) th,
table:not([class]) td {
  padding: 1rem;
}

@media (max-width: 46.24em) {
  
  table:not([class]) th,
  table:not([class]) td {
    display: block;
    width: 100%;
    padding: 0.5rem;
  }
  
  table:not([class]) th:not(:last-child),
  table:not([class]) td:not(:last-child) {
    border: 0;
  }
}


table:not([class]) th {
  background: #002f76;
  color: white;
  text-align: left;
  vertical-align: top;
}

@media (max-width: 46.24em) {
  
  table:not([class]) th {
    display: none;
  }
}

@media (min-width: 46.25em) {
  
  table:not([class]) tr:hover td {
    background: #e6e5e5;
    color: #002f76;
  }
}

@media (max-width: 46.24em) {
  
  table:not([class]) td {
    float: left;
    padding: 0.5rem 0;
    width: 50%;
  }
  
  table:not([class]) td:before {
    content: attr(data-th);
    display: block;
    font-weight: bold;
  }
  
  table:not([class]) td:nth-child(odd) {
    clear: left;
  }
}

@media (max-width: 46.24em) {
  
  table:not([class]) tr:first-child {
    border-top: 5px solid #002f76;
  }
}

body {
  color: #57595b;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1rem;
}

body.castalloy {
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
  color: #030303;
  font-size: 16px;
  border-top: 3px solid #ce215e;
}

a {
  transition: all, 0.4s, ease-in-out;
}

h1.c-image-text-block__text-title, h1.c-image-text-block__text-title--bordered, .c-image-text-block__text-title--bordered,
.c-image-text-block__text-title,
.c-title__text, h1.c-title__text,
h1, .c-assembly-overview__title, h2.c-image-text-block__text-title, h2.c-image-text-block__text-title--bordered, h2.c-title__text,
h2, .c-country__title, h3.c-image-text-block__text-title, h3.c-image-text-block__text-title--bordered, .c-solutions-search__main-title, h3.c-title__text,
h3, h4.c-image-text-block__text-title, h4.c-image-text-block__text-title--bordered, h4.c-title__text,
h4,
h5,
h6 {
  margin: 0 0 1rem;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}

.castalloy .c-image-text-block__text-title--bordered,
.castalloy .c-image-text-block__text-title,
.castalloy .c-title__text,
.castalloy h1, .castalloy .c-assembly-overview__title,
.castalloy h2, .castalloy .c-country__title, .castalloy .c-solutions-search__main-title,
.castalloy h3,
.castalloy h4,
.castalloy h5,
.castalloy h6 {
  font-family: "open_sansbold", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}

h1.c-image-text-block__text-title, h1.c-image-text-block__text-title--bordered, .c-image-text-block__text-title--bordered,
.c-image-text-block__text-title,
.c-title__text, h1.c-title__text,
h1 {
  font-size: 2rem;
  line-height: 1.1;
}

@media only screen and (min-width: 46.25em) and (max-width: 61.188em) {
  h1.c-image-text-block__text-title, h1.c-image-text-block__text-title--bordered, .c-image-text-block__text-title--bordered,
  .c-image-text-block__text-title,
  .c-title__text, h1.c-title__text,
  h1 {
    font-size: 2rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 46.25em) {
  h1.c-image-text-block__text-title, h1.c-image-text-block__text-title--bordered, .c-image-text-block__text-title--bordered,
  .c-image-text-block__text-title,
  .c-title__text, h1.c-title__text,
  h1 {
    font-size: 2rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 61.25em) {
  h1.c-image-text-block__text-title, h1.c-image-text-block__text-title--bordered, .c-image-text-block__text-title--bordered,
  .c-image-text-block__text-title,
  .c-title__text, h1.c-title__text,
  h1 {
    font-size: 2.5rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 81.25em) {
  h1.c-image-text-block__text-title, h1.c-image-text-block__text-title--bordered, .c-image-text-block__text-title--bordered,
  .c-image-text-block__text-title,
  .c-title__text, h1.c-title__text,
  h1 {
    font-size: 2.5rem;
    line-height: 1.1;
  }
}

.c-assembly-overview__title, h2.c-image-text-block__text-title, h2.c-image-text-block__text-title--bordered, h2.c-title__text,
h2 {
  font-size: 1.8125rem;
  line-height: 1.1;
}

@media only screen and (min-width: 46.25em) and (max-width: 61.188em) {
  .c-assembly-overview__title, h2.c-image-text-block__text-title, h2.c-image-text-block__text-title--bordered, h2.c-title__text,
  h2 {
    font-size: 1.8125rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 46.25em) {
  .c-assembly-overview__title, h2.c-image-text-block__text-title, h2.c-image-text-block__text-title--bordered, h2.c-title__text,
  h2 {
    font-size: 1.8125rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 61.25em) {
  .c-assembly-overview__title, h2.c-image-text-block__text-title, h2.c-image-text-block__text-title--bordered, h2.c-title__text,
  h2 {
    font-size: 1.8125rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 81.25em) {
  .c-assembly-overview__title, h2.c-image-text-block__text-title, h2.c-image-text-block__text-title--bordered, h2.c-title__text,
  h2 {
    font-size: 1.8125rem;
    line-height: 1.1;
  }
}

.c-country__title, h3.c-image-text-block__text-title, h3.c-image-text-block__text-title--bordered, .c-solutions-search__main-title, h3.c-title__text,
h3 {
  font-size: 1.3125rem;
  line-height: 1.1;
}

@media only screen and (min-width: 46.25em) and (max-width: 61.188em) {
  .c-country__title, h3.c-image-text-block__text-title, h3.c-image-text-block__text-title--bordered, .c-solutions-search__main-title, h3.c-title__text,
  h3 {
    font-size: 1.3125;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 46.25em) {
  .c-country__title, h3.c-image-text-block__text-title, h3.c-image-text-block__text-title--bordered, .c-solutions-search__main-title, h3.c-title__text,
  h3 {
    font-size: 1.3125;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 61.25em) {
  .c-country__title, h3.c-image-text-block__text-title, h3.c-image-text-block__text-title--bordered, .c-solutions-search__main-title, h3.c-title__text,
  h3 {
    font-size: 1.3125;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 81.25em) {
  .c-country__title, h3.c-image-text-block__text-title, h3.c-image-text-block__text-title--bordered, .c-solutions-search__main-title, h3.c-title__text,
  h3 {
    font-size: 1.3125;
    line-height: 1.1;
  }
}

h4.c-image-text-block__text-title, h4.c-image-text-block__text-title--bordered, h4.c-title__text,
h4 {
  font-size: 1.1875rem;
  line-height: 1.1;
}

@media only screen and (min-width: 46.25em) and (max-width: 61.188em) {
  h4.c-image-text-block__text-title, h4.c-image-text-block__text-title--bordered, h4.c-title__text,
  h4 {
    font-size: 1.1875rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 46.25em) {
  h4.c-image-text-block__text-title, h4.c-image-text-block__text-title--bordered, h4.c-title__text,
  h4 {
    font-size: 1.1875rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 61.25em) {
  h4.c-image-text-block__text-title, h4.c-image-text-block__text-title--bordered, h4.c-title__text,
  h4 {
    font-size: 1.1875rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 81.25em) {
  h4.c-image-text-block__text-title, h4.c-image-text-block__text-title--bordered, h4.c-title__text,
  h4 {
    font-size: 1.1875rem;
    line-height: 1.1;
  }
}


h5 {
  font-size: 1.1875rem;
  line-height: 1.1;
}

@media only screen and (min-width: 46.25em) and (max-width: 61.188em) {
  
  h5 {
    font-size: 1.1875rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 46.25em) {
  
  h5 {
    font-size: 1.1875rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 61.25em) {
  
  h5 {
    font-size: 1.1875rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 81.25em) {
  
  h5 {
    font-size: 1.1875rem;
    line-height: 1.1;
  }
}


h6 {
  font-size: 1rem;
  line-height: 1.1;
}

@media only screen and (min-width: 46.25em) and (max-width: 61.188em) {
  
  h6 {
    font-size: 1rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 46.25em) {
  
  h6 {
    font-size: 1rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 61.25em) {
  
  h6 {
    font-size: 1rem;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 81.25em) {
  
  h6 {
    font-size: 1rem;
    line-height: 1.1;
  }
}

blockquote {
  position: relative;
  margin: 1rem auto;
  width: 85%;
}


/*

### headings

    <h1>heading one (h1)</h1>
    <h2>heading two (h2)</h2>
    <h3>heading three (h3)</h3>
    <h4>heading four (h4)</h4>
    <h5>heading five (h5)</h5>
    <h6>heading six (h6)</h6>

*/
/*

### body text

    <p>alice waited a little, half expecting to see it again, but it did not appear, and after a minute or two she walked on in the direction in which the march hare was said to live. 'i've seen hatters before,' she said to herself; 'the march hare will be much the most interesting, and perhaps as this is may it won't be raving mad—at least not so mad as it was in march.' as she said this, she looked up, and there was the cat again, sitting on a branch of a tree.</p>

*/
/*

### inline text elements

    <p>you can use the mark tag to <mark>highlight</mark> text.</p>
    <p><del>this line of text is meant to be treated as deleted text.</del></p>
    <p><s>this line of text is meant to be treated as no longer accurate.</s></p>
    <p><ins>this line of text is meant to be treated as an addition to the document.</ins></p>
    <p><u>this line of text will render as underlined</u></p>
    <p><small>this line of text is meant to be treated as fine print.</small></p>
    <p><strong>this line rendered as bold text.</strong></p>
    <p><em>this line rendered as italicized text.</em></p>
    <p><a href="javascript:void(0);">this is an anchor link</a></p>

*/
/*

### blockquotes

    <blockquote>
      <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. integer posuere erat a ante.</p>
    </blockquote>

*/
/*

### unordered lists

    <ul>
      <li>katana</li>
      <li>wakizashi
      <li>ninja-to</li>
      <li>tanto</li>
      <li>bokken</li>
      <li>projectile weapons:
        <ul>
          <li>shiruken</li>
          <li>makibishi</li>
          <li>chakrams</li>
          <li>bo-hiya</li>
        </ul>
      </li>
    </ul>

*/
/*

### ordered lists

    <ol>
      <li>bajutsu – horsemanship</li>
      <li>bōjutsu – stick and staff techniques</li>
      <li>bōryaku – tactics</li>
      <li>chi-mon – geography</li>
      <li>eget porttitor lorem</li>
      <li>chōhō – espionage</li>
      <li>hensōjutsu – disguise and impersonation</li>
      <li>intonjutsu – escaping and concealment</li>
      <li>kayakujutsu – pyrotechnics</li>
      <li>kenjutsu – sword techniques</li>
      <li>kusarigamajutsu – kusarigama (chain-sickle) techniques</li>
      <li>naginatajutsu – naginata (polearm) techniques</li>
      <li>seishinteki kyōyō – spiritual refinement</li>
      <li>shinobi-iri – stealth and infiltration</li>
      <li>shurikenjutsu – throwing weapons techniques</li>
      <li>sōjutsu – spear techniques</li>
      <li>sui-ren – water training</li>
      <li>taijutsu – unarmed combat</li>
      <li>tenmon – meteorology</li>
    </ol>

*/
/*

### definition list

    <dl>
      <dt>ninja</dt>
      <dd>a ninja (or shinobi) was a covert agent or mercenary in feudal japan. the functions of the ninja included: espionage, sabotage, infiltration, assassination and guerrilla warfare. their covert methods of waging irregular warfare were deemed "dishonorable" and "beneath" the samurai-caste, who observed strict rules about honor and combat.</dd>
    </dl>

*/
.o-row:after, .o-row--2col:after, .o-row--3col:after, .o-row--4col:after, .o-row--2col--gal:after, .o-row--3col--gal:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.o-col,
.o-col--x2 {
  min-height: 10px;
}

.col1-text-content a {
  color: inherit;
}

.col1-text-content a:hover {
  color: inherit;
  text-decoration: none;
}

.col1-text-content--blue a, .col1-text-content--light-blue a, .col1-text-content--red a {
  color: white;
}

.col1-text-content--blue a:hover, .col1-text-content--light-blue a:hover, .col1-text-content--red a:hover {
  color: white;
  text-decoration: none;
}

.col1-text-content--yellow a, .col1-text-content--grey a, .col1-text-content--light-grey a {
  color: #3d4135;
}

.col1-text-content--yellow a:hover, .col1-text-content--grey a:hover, .col1-text-content--light-grey a:hover {
  color: #3d4135;
  text-decoration: none;
}

.col1-text-content--grey, .col1-text-content--blue, .col1-text-content--yellow, .col1-text-content--light-blue, .col1-text-content--light-grey, .col1-text-content--red {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 1.5rem;
}

.col1-text-content--grey h1,
.col1-text-content--grey h2,
.col1-text-content--grey h3,
.col1-text-content--grey h4,
.col1-text-content--grey .c-title__text, .col1-text-content--blue h1,
.col1-text-content--blue h2,
.col1-text-content--blue h3,
.col1-text-content--blue h4,
.col1-text-content--blue .c-title__text, .col1-text-content--yellow h1,
.col1-text-content--yellow h2,
.col1-text-content--yellow h3,
.col1-text-content--yellow h4,
.col1-text-content--yellow .c-title__text, .col1-text-content--light-blue h1,
.col1-text-content--light-blue h2,
.col1-text-content--light-blue h3,
.col1-text-content--light-blue h4,
.col1-text-content--light-blue .c-title__text, .col1-text-content--light-grey h1,
.col1-text-content--light-grey h2,
.col1-text-content--light-grey h3,
.col1-text-content--light-grey h4,
.col1-text-content--light-grey .c-title__text, .col1-text-content--red h1,
.col1-text-content--red h2,
.col1-text-content--red h3,
.col1-text-content--red h4,
.col1-text-content--red .c-title__text {
  color: inherit;
}

.col1-text-content--grey a, .col1-text-content--blue a, .col1-text-content--yellow a, .col1-text-content--light-blue a, .col1-text-content--light-grey a, .col1-text-content--red a {
  text-decoration: underline;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.col1-text-content--grey a:hover, .col1-text-content--blue a:hover, .col1-text-content--yellow a:hover, .col1-text-content--light-blue a:hover, .col1-text-content--light-grey a:hover, .col1-text-content--red a:hover {
  text-decoration: none;
}

.col1-text-content--grey .c-wysiwyg a, .col1-text-content--blue .c-wysiwyg a, .col1-text-content--yellow .c-wysiwyg a, .col1-text-content--light-blue .c-wysiwyg a, .col1-text-content--light-grey .c-wysiwyg a, .col1-text-content--red .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.col1-text-content--grey .c-wysiwyg a:hover, .col1-text-content--blue .c-wysiwyg a:hover, .col1-text-content--yellow .c-wysiwyg a:hover, .col1-text-content--light-blue .c-wysiwyg a:hover, .col1-text-content--light-grey .c-wysiwyg a:hover, .col1-text-content--red .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.col1-text-content--grey {
  color: #3d4135;
  background-color: #b0a9ac;
}

.col1-text-content--blue {
  color: white;
  background-color: #002f76;
}

.col1-text-content--yellow {
  color: #3d4135;
  background-color: #ffc20e;
}

.col1-text-content--light-blue {
  color: white;
  background-color: #3589aa;
}

.col1-text-content--light-grey {
  color: #3d4135;
  background-color: #c5cdc9;
}

.col1-text-content--red {
  color: white;
  background-color: #ae1231;
}

.o-row--2col a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--2col a:hover {
  color: inherit;
  text-decoration: none;
}

.o-row--2col .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--2col .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.o-row--2col--blue a, .o-row--2col--light-blue a, .o-row--2col--red a {
  color: white;
}

.o-row--2col--blue a:hover, .o-row--2col--light-blue a:hover, .o-row--2col--red a:hover {
  color: white;
  text-decoration: none;
}

.o-row--2col--yellow a, .o-row--2col--grey a, .o-row--2col--light-grey a {
  color: #3d4135;
}

.o-row--2col--yellow a:hover, .o-row--2col--grey a:hover, .o-row--2col--light-grey a:hover {
  color: #3d4135;
  text-decoration: none;
}

.o-row--2col--grey, .o-row--2col--blue, .o-row--2col--yellow, .o-row--2col--light-blue, .o-row--2col--light-grey, .o-row--2col--red {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 1.5rem 0 0 0;
  border-bottom: solid 1.5rem transparent;
}

.o-row--2col--grey h1,
.o-row--2col--grey h2,
.o-row--2col--grey h3,
.o-row--2col--grey h4,
.o-row--2col--grey .c-title__text, .o-row--2col--blue h1,
.o-row--2col--blue h2,
.o-row--2col--blue h3,
.o-row--2col--blue h4,
.o-row--2col--blue .c-title__text, .o-row--2col--yellow h1,
.o-row--2col--yellow h2,
.o-row--2col--yellow h3,
.o-row--2col--yellow h4,
.o-row--2col--yellow .c-title__text, .o-row--2col--light-blue h1,
.o-row--2col--light-blue h2,
.o-row--2col--light-blue h3,
.o-row--2col--light-blue h4,
.o-row--2col--light-blue .c-title__text, .o-row--2col--light-grey h1,
.o-row--2col--light-grey h2,
.o-row--2col--light-grey h3,
.o-row--2col--light-grey h4,
.o-row--2col--light-grey .c-title__text, .o-row--2col--red h1,
.o-row--2col--red h2,
.o-row--2col--red h3,
.o-row--2col--red h4,
.o-row--2col--red .c-title__text {
  color: inherit;
}

.o-row--2col--grey a, .o-row--2col--blue a, .o-row--2col--yellow a, .o-row--2col--light-blue a, .o-row--2col--light-grey a, .o-row--2col--red a {
  text-decoration: underline;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--2col--grey a:hover, .o-row--2col--blue a:hover, .o-row--2col--yellow a:hover, .o-row--2col--light-blue a:hover, .o-row--2col--light-grey a:hover, .o-row--2col--red a:hover {
  text-decoration: none;
}

.o-row--2col--grey .c-wysiwyg a, .o-row--2col--blue .c-wysiwyg a, .o-row--2col--yellow .c-wysiwyg a, .o-row--2col--light-blue .c-wysiwyg a, .o-row--2col--light-grey .c-wysiwyg a, .o-row--2col--red .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--2col--grey .c-wysiwyg a:hover, .o-row--2col--blue .c-wysiwyg a:hover, .o-row--2col--yellow .c-wysiwyg a:hover, .o-row--2col--light-blue .c-wysiwyg a:hover, .o-row--2col--light-grey .c-wysiwyg a:hover, .o-row--2col--red .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.o-row--2col--grey {
  color: #3d4135;
  background-color: #b0a9ac;
  border-color: #b0a9ac;
}

.o-row--2col--blue {
  color: white;
  background-color: #002f76;
  border-color: #002f76;
}

.o-row--2col--yellow {
  color: #3d4135;
  background-color: #ffc20e;
  border-color: #ffc20e;
}

.o-row--2col--light-blue {
  color: white;
  background-color: #3589aa;
  border-color: #3589aa;
}

.o-row--2col--light-grey {
  color: #3d4135;
  background-color: #c5cdc9;
  border-color: #c5cdc9;
}

.o-row--2col--red {
  color: white;
  background-color: #ae1231;
  border-color: #ae1231;
}

.o-row--2col .o-col {
  margin-bottom: 1.6949152542%;
}

@media (min-width: 61.25em) {
  .o-row--2col .o-col {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--2col .o-col:first-child {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--2col .o-col:last-child {
    width: 49.1525423729%;
    float: right;
    margin-right: 0;
  }
}

.o-row--2col.o-row--divider {
  overflow: hidden;
}

@media (min-width: 46.25em) {
  .o-row--2col.o-row--divider .o-col:not(:last-child) {
    position: relative;
  }
  .o-row--2col.o-row--divider .o-col:not(:last-child)::after {
    display: block;
    content: "";
    width: 1px;
    position: absolute;
    top: 0;
    right: -0.625rem;
    bottom: -3.75rem;
    background-color: #e6e5e5;
  }
}

.o-row--3col a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--3col a:hover {
  color: inherit;
  text-decoration: none;
}

.o-row--3col--blue a, .o-row--3col--light-blue a, .o-row--3col--red a {
  color: white;
}

.o-row--3col--blue a:hover, .o-row--3col--light-blue a:hover, .o-row--3col--red a:hover {
  color: white;
  text-decoration: none;
}

.o-row--3col--yellow a, .o-row--3col--grey a, .o-row--3col--light-grey a {
  color: #3d4135;
}

.o-row--3col--yellow a:hover, .o-row--3col--grey a:hover, .o-row--3col--light-grey a:hover {
  color: #3d4135;
  text-decoration: none;
}

.o-row--3col--grey, .o-row--3col--blue, .o-row--3col--yellow, .o-row--3col--light-blue, .o-row--3col--light-grey, .o-row--3col--red {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 1.5rem 0 0 0;
  border-bottom: solid 1.5rem transparent;
}

.o-row--3col--grey h1,
.o-row--3col--grey h2,
.o-row--3col--grey h3,
.o-row--3col--grey h4,
.o-row--3col--grey .c-title__text, .o-row--3col--blue h1,
.o-row--3col--blue h2,
.o-row--3col--blue h3,
.o-row--3col--blue h4,
.o-row--3col--blue .c-title__text, .o-row--3col--yellow h1,
.o-row--3col--yellow h2,
.o-row--3col--yellow h3,
.o-row--3col--yellow h4,
.o-row--3col--yellow .c-title__text, .o-row--3col--light-blue h1,
.o-row--3col--light-blue h2,
.o-row--3col--light-blue h3,
.o-row--3col--light-blue h4,
.o-row--3col--light-blue .c-title__text, .o-row--3col--light-grey h1,
.o-row--3col--light-grey h2,
.o-row--3col--light-grey h3,
.o-row--3col--light-grey h4,
.o-row--3col--light-grey .c-title__text, .o-row--3col--red h1,
.o-row--3col--red h2,
.o-row--3col--red h3,
.o-row--3col--red h4,
.o-row--3col--red .c-title__text {
  color: inherit;
}

.o-row--3col--grey a, .o-row--3col--blue a, .o-row--3col--yellow a, .o-row--3col--light-blue a, .o-row--3col--light-grey a, .o-row--3col--red a {
  text-decoration: underline;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--3col--grey a:hover, .o-row--3col--blue a:hover, .o-row--3col--yellow a:hover, .o-row--3col--light-blue a:hover, .o-row--3col--light-grey a:hover, .o-row--3col--red a:hover {
  text-decoration: none;
}

.o-row--3col--grey .c-wysiwyg a, .o-row--3col--blue .c-wysiwyg a, .o-row--3col--yellow .c-wysiwyg a, .o-row--3col--light-blue .c-wysiwyg a, .o-row--3col--light-grey .c-wysiwyg a, .o-row--3col--red .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--3col--grey .c-wysiwyg a:hover, .o-row--3col--blue .c-wysiwyg a:hover, .o-row--3col--yellow .c-wysiwyg a:hover, .o-row--3col--light-blue .c-wysiwyg a:hover, .o-row--3col--light-grey .c-wysiwyg a:hover, .o-row--3col--red .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.o-row--3col--grey {
  color: #3d4135;
  background-color: #b0a9ac;
  border-color: #b0a9ac;
}

.o-row--3col--blue {
  color: white;
  background-color: #002f76;
  border-color: #002f76;
}

.o-row--3col--yellow {
  color: #3d4135;
  background-color: #ffc20e;
  border-color: #ffc20e;
}

.o-row--3col--light-blue {
  color: white;
  background-color: #3589aa;
  border-color: #3589aa;
}

.o-row--3col--light-grey {
  color: #3d4135;
  background-color: #c5cdc9;
  border-color: #c5cdc9;
}

.o-row--3col--red {
  color: white;
  background-color: #ae1231;
  border-color: #ae1231;
}

.o-row--3col .o-col {
  margin-bottom: 1.6949152542%;
}

@media (min-width: 61.25em) {
  .o-row--3col .o-col {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--3col .o-col:first-child {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--3col .o-col:last-child {
    width: 32.2033898305%;
    float: right;
    margin-right: 0;
  }
}

.o-row--3col .o-col--x2 {
  margin-bottom: 1.6949152542%;
}

@media (min-width: 61.25em) {
  .o-row--3col .o-col--x2 {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--3col .o-col--x2:first-child {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--3col .o-col--x2:last-child {
    width: 66.1016949153%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 61.25em) {
  .o-row--3col.o-row--spread .o-col {
    margin-right: 0;
  }
  .o-row--3col.o-row--spread .o-col--x2 {
    width: 76.2711864407%;
    float: left;
    margin-right: 1.6666666667%;
    margin-right: 0;
  }
}

.o-row--3col.o-row--divider {
  overflow: hidden;
}

@media (min-width: 46.25em) {
  .o-row--3col.o-row--divider .o-col:not(:last-child) {
    position: relative;
  }
  .o-row--3col.o-row--divider .o-col:not(:last-child)::after {
    display: block;
    content: "";
    width: 1px;
    position: absolute;
    top: 0;
    right: -0.5rem;
    bottom: -3.75rem;
    background-color: #e6e5e5;
  }
}

.o-row--4col a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--4col a:hover {
  color: inherit;
  text-decoration: none;
}

.o-row--4col--blue a, .o-row--4col--light-blue a, .o-row--4col--red a {
  color: white;
}

.o-row--4col--blue a:hover, .o-row--4col--light-blue a:hover, .o-row--4col--red a:hover {
  color: white;
  text-decoration: none;
}

.o-row--4col--yellow a, .o-row--4col--grey a, .o-row--4col--light-grey a {
  color: #3d4135;
}

.o-row--4col--yellow a:hover, .o-row--4col--grey a:hover, .o-row--4col--light-grey a:hover {
  color: #3d4135;
  text-decoration: none;
}

.o-row--4col--grey, .o-row--4col--blue, .o-row--4col--yellow, .o-row--4col--light-blue, .o-row--4col--light-grey, .o-row--4col--red {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 1.5rem 0 0 0;
  border-bottom: solid 1.5rem transparent;
}

.o-row--4col--grey h1,
.o-row--4col--grey h2,
.o-row--4col--grey h3,
.o-row--4col--grey h4,
.o-row--4col--grey .c-title__text, .o-row--4col--blue h1,
.o-row--4col--blue h2,
.o-row--4col--blue h3,
.o-row--4col--blue h4,
.o-row--4col--blue .c-title__text, .o-row--4col--yellow h1,
.o-row--4col--yellow h2,
.o-row--4col--yellow h3,
.o-row--4col--yellow h4,
.o-row--4col--yellow .c-title__text, .o-row--4col--light-blue h1,
.o-row--4col--light-blue h2,
.o-row--4col--light-blue h3,
.o-row--4col--light-blue h4,
.o-row--4col--light-blue .c-title__text, .o-row--4col--light-grey h1,
.o-row--4col--light-grey h2,
.o-row--4col--light-grey h3,
.o-row--4col--light-grey h4,
.o-row--4col--light-grey .c-title__text, .o-row--4col--red h1,
.o-row--4col--red h2,
.o-row--4col--red h3,
.o-row--4col--red h4,
.o-row--4col--red .c-title__text {
  color: inherit;
}

.o-row--4col--grey a, .o-row--4col--blue a, .o-row--4col--yellow a, .o-row--4col--light-blue a, .o-row--4col--light-grey a, .o-row--4col--red a {
  text-decoration: underline;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--4col--grey a:hover, .o-row--4col--blue a:hover, .o-row--4col--yellow a:hover, .o-row--4col--light-blue a:hover, .o-row--4col--light-grey a:hover, .o-row--4col--red a:hover {
  text-decoration: none;
}

.o-row--4col--grey .c-wysiwyg a, .o-row--4col--blue .c-wysiwyg a, .o-row--4col--yellow .c-wysiwyg a, .o-row--4col--light-blue .c-wysiwyg a, .o-row--4col--light-grey .c-wysiwyg a, .o-row--4col--red .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.o-row--4col--grey .c-wysiwyg a:hover, .o-row--4col--blue .c-wysiwyg a:hover, .o-row--4col--yellow .c-wysiwyg a:hover, .o-row--4col--light-blue .c-wysiwyg a:hover, .o-row--4col--light-grey .c-wysiwyg a:hover, .o-row--4col--red .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.o-row--4col--grey {
  color: #3d4135;
  background-color: #b0a9ac;
  border-color: #b0a9ac;
}

.o-row--4col--blue {
  color: white;
  background-color: #002f76;
  border-color: #002f76;
}

.o-row--4col--yellow {
  color: #3d4135;
  background-color: #ffc20e;
  border-color: #ffc20e;
}

.o-row--4col--light-blue {
  color: white;
  background-color: #3589aa;
  border-color: #3589aa;
}

.o-row--4col--light-grey {
  color: #3d4135;
  background-color: #c5cdc9;
  border-color: #c5cdc9;
}

.o-row--4col--red {
  color: white;
  background-color: #ae1231;
  border-color: #ae1231;
}

.o-row--4col .o-col {
  margin-bottom: 1.6949152542%;
}

@media (min-width: 61.25em) {
  .o-row--4col .o-col {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--4col .o-col:first-child {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--4col .o-col:last-child {
    width: 23.7288135593%;
    float: right;
    margin-right: 0;
  }
}

.o-row--4col .o-col--x2 {
  margin-bottom: 1.6949152542%;
}

@media (min-width: 61.25em) {
  .o-row--4col .o-col--x2 {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--4col .o-col--x2:first-child {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
  }
  .o-row--4col .o-col--x2:last-child {
    width: 49.1525423729%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 61.25em) {
  .o-row--4col.o-row--spreadright .o-col--x2 {
    width: 50.8474576271%;
    float: left;
    margin-right: 1.6666666667%;
    margin-right: 0;
  }
}

@media (min-width: 61.25em) {
  .o-row--4col.o-row--spreadleft .o-col {
    margin-right: 0;
  }
  .o-row--4col.o-row--spreadleft .o-col--x2 {
    width: 50.8474576271%;
    float: left;
    margin-right: 1.6666666667%;
    margin-right: 0;
  }
}

@media (min-width: 61.25em) {
  .o-row--4col.o-row--spread .o-col {
    margin-right: 0;
  }
  .o-row--4col.o-row--spread .o-col--x2 {
    width: 52.5423728814%;
    float: left;
    margin-right: 1.6393442623%;
    margin-right: 0;
  }
}

.o-row--2col--gal .o-col {
  margin-bottom: 1.6949152542%;
}

@media (min-width: 46.25em) {
  .o-row--2col--gal .o-col {
    width: 49.1525423729%;
    float: left;
  }
  .o-row--2col--gal .o-col:nth-child(2n   1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .o-row--2col--gal .o-col:nth-child(2n   2) {
    margin-left: 50.8474576271%;
    margin-right: -100%;
    clear: none;
  }
}

.o-row--3col--gal .o-col {
  margin-bottom: 1.6949152542%;
}

@media (min-width: 46.25em) {
  .o-row--3col--gal .o-col {
    width: 49.1525423729%;
    float: left;
  }
  .o-row--3col--gal .o-col:nth-child(2n   1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .o-row--3col--gal .o-col:nth-child(2n   2) {
    margin-left: 50.8474576271%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 61.25em) {
  .o-row--3col--gal .o-col {
    width: 32.2033898305%;
    float: left;
  }
  .o-row--3col--gal .o-col:nth-child(3n   1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .o-row--3col--gal .o-col:nth-child(3n   2) {
    margin-left: 33.8983050847%;
    margin-right: -100%;
    clear: none;
  }
  .o-row--3col--gal .o-col:nth-child(3n   3) {
    margin-left: 67.7966101695%;
    margin-right: -100%;
    clear: none;
  }
}

.o-row--4col--gal .o-col {
  margin-bottom: 1.6949152542%;
}

@media (min-width: 46.25em) {
  .o-row--4col--gal .o-col {
    width: 49.1525423729%;
    float: left;
  }
  .o-row--4col--gal .o-col:nth-child(2n   1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .o-row--4col--gal .o-col:nth-child(2n   2) {
    margin-left: 50.8474576271%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 61.25em) {
  .o-row--4col--gal .o-col {
    width: 23.7288135593%;
    float: left;
  }
  .o-row--4col--gal .o-col:nth-child(4n   1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .o-row--4col--gal .o-col:nth-child(4n   2) {
    margin-left: 25.4237288136%;
    margin-right: -100%;
    clear: none;
  }
  .o-row--4col--gal .o-col:nth-child(4n   3) {
    margin-left: 50.8474576271%;
    margin-right: -100%;
    clear: none;
  }
  .o-row--4col--gal .o-col:nth-child(4n   4) {
    margin-left: 76.2711864407%;
    margin-right: -100%;
    clear: none;
  }
}

/*
### sidebar - right

    <div class="o-row--3col">
        <div class="o-col--x2" style="background:#ccc">
            o-col--x2
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
    </div>
*/
/*
### sidebar - right - example of spread

    <div class="o-row--3col o-row--spread">
        <div class="o-col--x2" style="background:#ccc">
            o-col--x2
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
    </div>

*/
/*
### sidebar - left

    <div class="o-row--3col">
        <div class="o-col" style="background:#999">
            o-col
        </div>
        <div class="o-col--x2" style="background:#ccc">
            o-col--x2
        </div>
    </div>

*/
/*
### sidebar - left - example of spread

    <div class="o-row--3col o-row--spread">
        <div class="o-col" style="background:#999">
            o-col
        </div>
        <div class="o-col--x2" style="background:#ccc">
            o-col--x2
        </div>
    </div>

*/
/*
### sidebar - left and right

    <div class="o-row--4col">
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col--x2" style="background:#999">
            o-col--x2
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
    </div>

*/
/*
### sidebar - left and right - example of spread both sides

    <div class="o-row--4col o-row--spread">
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col--x2" style="background:#999">
            o-col--x2
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
    </div>
*/
/*
### sidebar - left and right - example of spread left

    <div class="o-row--4col  o-row--spreadleft">
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col--x2" style="background:#999">
            o-col--x2
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
    </div>
*/
/*
### sidebar - left and right - example of spread right

    <div class="o-row--4col  o-row--spreadright">
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col--x2" style="background:#999">
            o-col--x2
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
    </div>
*/
/*
### 2 equal columns

    <div class="o-row--2col">
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
    </div>


*/
/*
### 2 column gallery

    <div class="o-row--2col--gal">
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
    </div>


*/
/*
### 3 column gallery

    <div class="o-row--3col--gal">
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
    </div>

*/
/*
### 4 column gallery

    <div class="o-row--4col--gal">
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
        <div class="o-col" style="background:#ccc">
            o-col
        </div>
        <div class="o-col" style="background:#999">
            o-col
        </div>
    </div>


*/
body > .o-wrapper {
  padding-bottom: 1.625rem;
}

@media (min-width: 61.25em) {
  body > .o-wrapper {
    padding-bottom: 3.0625rem;
  }
}

.o-wrapper__inner--wide,
.o-wrapper__inner,
.col1-text-content--grey .o-row__inner,
.col1-text-content--blue .o-row__inner,
.col1-text-content--yellow .o-row__inner,
.col1-text-content--light-blue .o-row__inner,
.col1-text-content--light-grey .o-row__inner,
.col1-text-content--red .o-row__inner,
.o-row--2col--grey .o-row__inner,
.o-row--2col--blue .o-row__inner,
.o-row--2col--yellow .o-row__inner,
.o-row--2col--light-blue .o-row__inner,
.o-row--2col--light-grey .o-row__inner,
.o-row--2col--red .o-row__inner,
.o-row--3col--grey .o-row__inner,
.o-row--3col--blue .o-row__inner,
.o-row--3col--yellow .o-row__inner,
.o-row--3col--light-blue .o-row__inner,
.o-row--3col--light-grey .o-row__inner,
.o-row--3col--red .o-row__inner,
.o-row--4col--grey .o-row__inner,
.o-row--4col--blue .o-row__inner,
.o-row--4col--yellow .o-row__inner,
.o-row--4col--light-blue .o-row__inner,
.o-row--4col--light-grey .o-row__inner,
.o-row--4col--red .o-row__inner,
.c-filter__header,
.c-image-text-block__wrapper--grey .c-image-text-block,
.c-image-text-block__wrapper--blue .c-image-text-block,
.c-image-text-block__wrapper--yellow .c-image-text-block,
.c-image-text-block__wrapper--light-blue .c-image-text-block,
.c-image-text-block__wrapper--light-grey .c-image-text-block,
.c-image-text-block__wrapper--red .c-image-text-block,
.c-search-form__inner,
.c-solutions-search__inner,
.c-title--grey .c-title__inner,
.c-title--blue .c-title__inner,
.c-title--yellow .c-title__inner,
.c-title--light-blue .c-title__inner,
.c-title--light-grey .c-title__inner,
.c-title--red .c-title__inner,
.u-bg--grey .c-wysiwyg,
.u-bg--blue .c-wysiwyg,
.u-bg--yellow .c-wysiwyg,
.u-bg--light-blue .c-wysiwyg,
.u-bg--light-grey .c-wysiwyg,
.u-bg--red .c-wysiwyg {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  width: 92%;
}

.o-wrapper__inner--wide:after,
.o-wrapper__inner:after,
.col1-text-content--grey .o-row__inner:after,
.col1-text-content--blue .o-row__inner:after,
.col1-text-content--yellow .o-row__inner:after,
.col1-text-content--light-blue .o-row__inner:after,
.col1-text-content--light-grey .o-row__inner:after,
.col1-text-content--red .o-row__inner:after,
.o-row--2col--grey .o-row__inner:after,
.o-row--2col--blue .o-row__inner:after,
.o-row--2col--yellow .o-row__inner:after,
.o-row--2col--light-blue .o-row__inner:after,
.o-row--2col--light-grey .o-row__inner:after,
.o-row--2col--red .o-row__inner:after,
.o-row--3col--grey .o-row__inner:after,
.o-row--3col--blue .o-row__inner:after,
.o-row--3col--yellow .o-row__inner:after,
.o-row--3col--light-blue .o-row__inner:after,
.o-row--3col--light-grey .o-row__inner:after,
.o-row--3col--red .o-row__inner:after,
.o-row--4col--grey .o-row__inner:after,
.o-row--4col--blue .o-row__inner:after,
.o-row--4col--yellow .o-row__inner:after,
.o-row--4col--light-blue .o-row__inner:after,
.o-row--4col--light-grey .o-row__inner:after,
.o-row--4col--red .o-row__inner:after,
.c-filter__header:after,
.c-image-text-block__wrapper--grey .c-image-text-block:after,
.c-image-text-block__wrapper--blue .c-image-text-block:after,
.c-image-text-block__wrapper--yellow .c-image-text-block:after,
.c-image-text-block__wrapper--light-blue .c-image-text-block:after,
.c-image-text-block__wrapper--light-grey .c-image-text-block:after,
.c-image-text-block__wrapper--red .c-image-text-block:after,
.c-search-form__inner:after,
.c-solutions-search__inner:after,
.c-title--grey .c-title__inner:after,
.c-title--blue .c-title__inner:after,
.c-title--yellow .c-title__inner:after,
.c-title--light-blue .c-title__inner:after,
.c-title--light-grey .c-title__inner:after,
.c-title--red .c-title__inner:after,
.u-bg--grey .c-wysiwyg:after,
.u-bg--blue .c-wysiwyg:after,
.u-bg--yellow .c-wysiwyg:after,
.u-bg--light-blue .c-wysiwyg:after,
.u-bg--light-grey .c-wysiwyg:after,
.u-bg--red .c-wysiwyg:after {
  content: " ";
  display: block;
  clear: both;
}

.o-wrapper__inner--wide {
  position: relative;
  width: 100%;
}

@media (min-width: 46.25em) {
  .o-wrapper__inner--wide {
    max-width: none;
  }
}

/*
### wrapper
container wrappers <code>o-wrapper</code> is the page wrapper. <code>o-wrapper__inner</code> is a section container for your columns, components etc...

    <div class="o-wrapper">
      	<div class="o-wrapper__inner">
        		<p>components</p>
	</div>
</div>

*/
.c-button, .slick-next,
.slick-prev, .c-cookie__btn,
.c-button--icon, .c-flexible-cta__button,
form[data-wffm] .btn,
.c-sc-form .btn, .c-location-filter__button, .c-product__button, .c-signup__button, .c-team__button,
.c-button--primary, .slick-dots li a,
.c-pagination-item a, .slick-dots li button,
.c-button--secondary,
.c-button--tertiary {
  transition: all, 0.4s, ease-in-out;
  position: relative;
  display: inline-block;
  padding: 0.625rem 1.25rem 0.75rem;
  background: transparent;
  background-clip: padding-box;
  border: 0;
  font-size: 1.3125rem;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  white-space: normal;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.2s ease-in-out;
}

.c-button:hover, .slick-next:hover,
.slick-prev:hover, .c-cookie__btn:hover,
.c-button--icon:hover, .c-flexible-cta__button:hover,
form[data-wffm] .btn:hover,
.c-sc-form .btn:hover, .c-location-filter__button:hover, .c-product__button:hover, .c-signup__button:hover, .c-team__button:hover,
.c-button--primary:hover, .slick-dots li a:hover,
.c-pagination-item a:hover, .slick-dots li button:hover,
.c-button--secondary:hover,
.c-button--tertiary:hover, .c-button:focus, .slick-next:focus,
.slick-prev:focus, .c-cookie__btn:focus,
.c-button--icon:focus, .c-flexible-cta__button:focus,
form[data-wffm] .btn:focus,
.c-sc-form .btn:focus, .c-location-filter__button:focus, .c-product__button:focus, .c-signup__button:focus, .c-team__button:focus,
.c-button--primary:focus, .slick-dots li a:focus,
.c-pagination-item a:focus, .slick-dots li button:focus,
.c-button--secondary:focus,
.c-button--tertiary:focus {
  background: #002f76;
  color: #ffc20e;
}

.c-button:hover [class^=icon-] svg, .slick-next:hover [class^=icon-] svg, .slick-prev:hover [class^=icon-] svg, .c-cookie__btn:hover [class^=icon-] svg, .c-button--icon:hover [class^=icon-] svg, .c-flexible-cta__button:hover [class^=icon-] svg, form[data-wffm] .btn:hover [class^=icon-] svg, .c-sc-form .btn:hover [class^=icon-] svg, .c-location-filter__button:hover [class^=icon-] svg, .c-product__button:hover [class^=icon-] svg, .c-signup__button:hover [class^=icon-] svg, .c-team__button:hover [class^=icon-] svg, .c-button--primary:hover [class^=icon-] svg, .slick-dots li a:hover [class^=icon-] svg, .c-pagination-item a:hover [class^=icon-] svg, .slick-dots li button:hover [class^=icon-] svg, .c-button--secondary:hover [class^=icon-] svg, .c-button--tertiary:hover [class^=icon-] svg, .c-button:focus [class^=icon-] svg, .slick-next:focus [class^=icon-] svg, .slick-prev:focus [class^=icon-] svg, .c-cookie__btn:focus [class^=icon-] svg, .c-button--icon:focus [class^=icon-] svg, .c-flexible-cta__button:focus [class^=icon-] svg, form[data-wffm] .btn:focus [class^=icon-] svg, .c-sc-form .btn:focus [class^=icon-] svg, .c-location-filter__button:focus [class^=icon-] svg, .c-product__button:focus [class^=icon-] svg, .c-signup__button:focus [class^=icon-] svg, .c-team__button:focus [class^=icon-] svg, .c-button--primary:focus [class^=icon-] svg, .slick-dots li a:focus [class^=icon-] svg, .c-pagination-item a:focus [class^=icon-] svg, .slick-dots li button:focus [class^=icon-] svg, .c-button--secondary:focus [class^=icon-] svg, .c-button--tertiary:focus [class^=icon-] svg {
  fill: white;
}

.slick-next,
.slick-prev, .c-cookie__btn,
.c-button--icon, .c-flexible-cta__button,
form[data-wffm] .btn,
.c-sc-form .btn, .c-location-filter__button, .c-product__button, .c-signup__button, .c-team__button,
.c-button--primary {
  background: #ffc20e;
  border-radius: 2px;
}

.castalloy .slick-next,
.castalloy .slick-prev, .castalloy .c-cookie__btn,
.castalloy .c-button--icon, .castalloy .c-flexible-cta__button,
.castalloy form[data-wffm] .btn, form[data-wffm] .castalloy .btn,
.castalloy .c-sc-form .btn, .c-sc-form .castalloy .btn, .castalloy .c-location-filter__button, .castalloy .c-product__button, .castalloy .c-signup__button, .castalloy .c-team__button, .castalloy
.c-button--primary {
  background-color: #c5c6c6;
}

.castalloy .c-button--primary {
  background-color: transparent;
  color: #ce215e;
  border: 2px solid #ce215e;
}

.striko .c-product__button {
  background-color: #ae1231;
  color: white;
}

.striko .c-product__button:hover, .striko .c-product__button:focus {
  background-color: black;
}

.slick-dots li a,
.c-pagination-item a, .slick-dots li button,
.c-button--secondary {
  background: #4d4c4c;
  color: white;
}

.slick-dots li a:hover,
.c-pagination-item a:hover, .slick-dots li button:hover, .slick-dots li a:focus,
.c-pagination-item a:focus, .slick-dots li button:focus,
.c-button--secondary:hover,
.c-button--secondary:focus {
  background: #ffc20e;
  color: #333333;
}

.castalloy .slick-dots li a:hover, .slick-dots li .castalloy a:hover,
.castalloy .c-pagination-item a:hover, .c-pagination-item .castalloy a:hover, .castalloy .slick-dots li button:hover, .slick-dots li .castalloy button:hover, .castalloy .slick-dots li a:focus, .slick-dots li .castalloy a:focus,
.castalloy .c-pagination-item a:focus, .c-pagination-item .castalloy a:focus, .castalloy .slick-dots li button:focus, .slick-dots li .castalloy button:focus, .castalloy
.c-button--secondary:hover, .castalloy
.c-button--secondary:focus {
  background: #ce215e;
}

.slick-next,
.slick-prev,
.c-button--tertiary {
  background: rgba(0, 0, 0, 0.24);
  color: white;
}

.slick-next [class^=icon-] svg, .slick-prev [class^=icon-] svg,
.c-button--tertiary [class^=icon-] svg {
  fill: white;
}

.slick-next:hover,
.slick-prev:hover, .slick-next:focus,
.slick-prev:focus,
.c-button--tertiary:hover,
.c-button--tertiary:focus {
  background: #ffc20e;
  color: #333333;
}

.castalloy .slick-next:hover,
.castalloy .slick-prev:hover, .castalloy .slick-next:focus,
.castalloy .slick-prev:focus, .castalloy
.c-button--tertiary:hover, .castalloy
.c-button--tertiary:focus {
  background: #ce215e;
}

.slick-next:hover [class^=icon-] svg, .slick-prev:hover [class^=icon-] svg, .slick-next:focus [class^=icon-] svg, .slick-prev:focus [class^=icon-] svg,
.c-button--tertiary:hover [class^=icon-] svg,
.c-button--tertiary:focus [class^=icon-] svg {
  fill: black;
}

.slick-next,
.slick-prev, .c-cookie__btn,
.c-button--icon {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 0;
}

.slick-next .icon-prev, .slick-prev .icon-prev, .c-cookie__btn .icon-prev,
.slick-next .icon-next,
.slick-prev .icon-next,
.c-cookie__btn .icon-next,
.slick-next .icon-close,
.slick-prev .icon-close,
.c-cookie__btn .icon-close,
.slick-next .icon-plus,
.slick-prev .icon-plus,
.c-cookie__btn .icon-plus,
.slick-next .icon-minus,
.slick-prev .icon-minus,
.c-cookie__btn .icon-minus,
.slick-next .icon-zoom,
.slick-prev .icon-zoom,
.c-cookie__btn .icon-zoom,
.c-button--icon .icon-prev,
.c-button--icon .icon-next,
.c-button--icon .icon-close,
.c-button--icon .icon-plus,
.c-button--icon .icon-minus,
.c-button--icon .icon-zoom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 1.125rem;
  width: 1.125rem;
}

.c-location-filter__button, .c-product__button, .c-team__button {
  width: 100%;
}

.c-flexible-cta__button {
  width: 100%;
}

@media (min-width: 20em) {
  .c-flexible-cta__button {
    width: 13.75rem;
    max-width: 100%;
  }
}

.pagination-container {
  width: 100%;
  margin-top: 0.625rem;
  font-size: 0;
}

.c-pagination-wrapper {
  margin: 0 auto;
}

.slick-dots,
.c-pagination {
  margin: 0;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  list-style-type: none;
}

.slick-dots li,
.c-pagination-item {
  display: inline-block;
  margin: 0 0.0625rem 0.0625rem 0;
  vertical-align: middle;
}

.slick-dots li a,
.c-pagination-item a {
  display: block;
  color: white;
  height: 2.6875rem;
  text-decoration: none;
}

.castalloy .slick-dots li a, .slick-dots .castalloy li a, .castalloy
.c-pagination-item a {
  background: #c5c6c6;
  color: black;
}

.slick-dots li a span,
.c-pagination-item a span {
  display: block;
  height: 2.6875rem;
  width: 3.1875rem;
  background-size: 9px 14px;
  background-position: center;
}

.castalloy .slick-dots li a:active, .slick-dots .castalloy li a:active, .castalloy .slick-dots li a:hover, .slick-dots .castalloy li a:hover, .castalloy .slick-dots li a:focus, .slick-dots .castalloy li a:focus, .castalloy
.c-pagination-item a:active, .castalloy
.c-pagination-item a:hover, .castalloy
.c-pagination-item a:focus {
  background: #d2d3d3;
  color: black;
}

.slick-dots li.active a,
.c-pagination-item.active a {
  background: #ffc20e;
  color: #333333;
  text-decoration: underline;
}

.castalloy .slick-dots li.active a, .slick-dots .castalloy li.active a, .castalloy
.c-pagination-item.active a {
  background: #263575;
  color: white;
}

.slick-dots li.disabled a:link,
.slick-dots li.disabled a:active,
.slick-dots li.disabled a:hover,
.slick-dots li.disabled a:focus,
.c-pagination-item.disabled a:link,
.c-pagination-item.disabled a:active,
.c-pagination-item.disabled a:hover,
.c-pagination-item.disabled a:focus {
  background: black;
  opacity: 0.3;
  pointer-events: none;
}

.castalloy .slick-dots li.disabled a:link, .slick-dots .castalloy li.disabled a:link, .castalloy .slick-dots li.disabled a:active, .slick-dots .castalloy li.disabled a:active, .castalloy .slick-dots li.disabled a:hover, .slick-dots .castalloy li.disabled a:hover, .castalloy .slick-dots li.disabled a:focus, .slick-dots .castalloy li.disabled a:focus, .castalloy
.c-pagination-item.disabled a:link, .castalloy
.c-pagination-item.disabled a:active, .castalloy
.c-pagination-item.disabled a:hover, .castalloy
.c-pagination-item.disabled a:focus {
  background: #c5c6c6;
  color: black;
  opacity: 1;
}

.slick-dots li button {
  font-weight: normal;
  transition-property: background-color;
}

.slick-dots li button.is-active, .slick-dots li button.active {
  background: #ffc20e;
  color: #333333;
}

.c-pagination-button--prev a,
.c-pagination-button--next a,
.pagedlist-skiptoprevious a,
.pagedlist-skiptonext a {
  padding: 0;
}

.c-pagination-button--prev a span,
.pagedlist-skiptoprevious a span {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.c-accessmenu {
  margin: 0;
  padding: 0;
}

.c-accessmenu li {
  list-style: none;
}

.c-accessmenu a:focus {
  font-size: 14px;
  font-size: 0.875rem;
  position: static;
  display: block;
  padding: 1em 0;
  max-height: 100px;
  overflow: visible;
  clip: auto;
  background: #c6cdc6;
  text-align: center;
  outline: 0;
}

.c-accessmenu a {
  position: absolute;
  display: block;
  width: 100%;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  text-decoration: none;
  transition: max-height, 1s, ease-in-out;
}

/*
### access menu

invisible menu (bypass block) for assisting keyboard users. found in templates/bake-includes/page-head.htm. links must reference content and main navigation id values.

    <ul class="c-accessmenu">
        <li><a href="#main" accesskey="s">skip to content</a></li>
        <li><a href="#menu">skip to menu</a></li>
    </ul>

*/
.c-article__wrapper--stretch,
.c-article__wrapper {
  margin: 0 -0.5rem 2rem;
}

@media (min-width: 46.25em) {
  .c-article__wrapper--stretch,
  .c-article__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.c-article__mini,
.c-article {
  margin: 0 0.5rem 1rem;
}

@media (min-width: 46.25em) {
  .c-article__mini,
  .c-article {
    display: block;
    -ms-flex-preferred-size: calc(33% - 1rem);
        flex-basis: calc(33% - 1rem);
    border-bottom: 1px solid #cccccc;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .c-article__wrapper--stretch .c-article__mini, .c-article__wrapper--stretch
  .c-article {
    -ms-flex: 1;
        flex: 1;
    -ms-flex-preferred-size: calc(33% - 1rem);
        flex-basis: calc(33% - 1rem);
  }
}

.c-article__mini .c-video__content,
.c-article .c-video__content {
  width: 100%;
  top: 0;
  -ms-transform: none;
      transform: none;
}

@media (min-width: 46.25em) {
  .c-article__wrapper .c-article:nth-of-type(n   4) {
    border-top: 0;
    margin-top: -1rem;
  }
  .c-article__wrapper .c-article:nth-of-type(n   4) .c-article__label {
    border-top: 0;
  }
}

.c-article__mini {
  margin-bottom: 0.5rem;
}

.c-article__mini:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media (min-width: 46.25em) {
  .c-article__mini {
    border: 0;
    -ms-flex: 1;
        flex: 1;
    display: block;
  }
}

.c-article__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-top: 1px solid #cccccc;
  height: 5rem;
}

.c-article__label-title {
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}

.c-article__link {
  color: black;
  text-decoration: none;
}

.c-article__link:hover, .c-article__link:focus {
  color: #3589aa;
}

.c-article__video-launch {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 64%;
  width: 100%;
  background: transparent;
  border: 0;
}

.c-article__video-launch .icon-play:after {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid white;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  margin: auto;
}

.c-article__image {
  position: relative;
  display: inline-block;
  width: 100%;
  background-position: center;
  background-size: cover;
}

.c-article__image::after {
  content: "";
  display: block;
  padding-top: 64%;
}

.c-article__image .c-video__player {
  position: absolute;
  top: 0;
  left: 0;
}

.c-article__image .c-button--icon {
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 46.25em) {
  .c-article__mini .c-article__image {
    float: left;
    padding-top: 25.6%;
    width: 40%;
  }
}

.c-article__date {
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem 1rem;
  background: #002f76;
  color: white;
}

.c-article__content {
  padding: 1rem 2rem;
}

@media (min-width: 46.25em) {
  .c-article__content--wide {
    padding: 1rem 0;
  }
}

@media (min-width: 46.25em) {
  .c-article__mini .c-article__content {
    float: left;
    padding: 0 2rem;
    width: 60%;
  }
}

.c-article__title {
  font-weight: bold;
}

.c-article__body {
  font-size: 16px;
  font-size: 1rem;
}

/*
### related content
     <aside class="c-article__wrapper">
        <article class="c-article">
          <header class="c-article__label">
            <h2 class="c-article__label-title">case studies</h2>
          </header>
          <a href="#" class="c-article__link">
            <span class="c-article__image" style="background-image: ;">
            </span>
            <div class="c-article__content">
              <h3 class="c-article__title">kraft und präzision</h3>
              <div class="c-article__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </article>
        <article class="c-article">
          <header class="c-article__label">
            <h2 class="c-article__label-title">latest news im a long title because i'd like it to be always centered</h2>
          </header>
          <a href="#" class="c-article__link">
            <span class="c-article__image" style="background-image: ;">
              <time class="c-article__date" datetime="2016-11-17">oct 17</time>
            </span>
            <div class="c-article__content">
              <h3 class="c-article__title">kraft und präzision</h3>
              <div class="c-article__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </article>
        <article class="c-article">
          <header class="c-article__label">
            <h2 class="c-article__label-title">articles</h2>
          </header>
          <span class="c-article__image" style="background-image: ;">
            <button class="js-video c-article__video-launch" data-video="https://www.youtube.com/embed/xeudtq9esoc">
              <span class="icon-play"></span><span class="visually-hidden">launch video</span>
            </button>
          </span>
          <a href="#" class="c-article__link">

            <div class="c-article__content">
              <h3 class="c-article__title">kraft und präzision</h3>
              <div class="c-article__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </article>
      </aside>


      */
.c-assembly-overview {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 2rem;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 46.25em) {
  .c-assembly-overview {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.c-assembly-overview__image {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

@media (min-width: 46.25em) {
  .c-assembly-overview__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

.c-assembly-overview__body-inner {
  padding: 2rem;
  width: 100%;
}

.c-assembly-overview__zoom {
  position: absolute;
  bottom: 0;
  left: 0;
}

.c-assembly-list__chooser {
  font-size: 29px;
  font-size: 1.8125rem;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #c6cdc6;
  color: #4d4c4c;
}

@media (min-width: 46.25em) {
  .c-assembly-list__chooser {
    padding: 1rem 2rem;
  }
}

.c-assembly-list__chooser .c-form__element-control-select {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.c-assembly-list__chooser .c-form__element-control-select:before, .c-assembly-list__chooser .c-form__element-control-select:after {
  top: 2px;
  height: calc(100% - 3px);
}

@media (min-width: 46.25em) {
  .c-assembly-list__chooser .c-form__element-control-select {
    width: 30%;
  }
}

.c-assembly-list__chooser-title {
  display: inline-block;
  margin-right: 3rem;
  margin-bottom: 1rem;
}

.c-assembly-list__tables {
  margin-bottom: 1rem;
}

.c-assembly-list__tables div:not(:first-child) {
  display: none;
}

.page-editor .c-assembly-list__tables div:not(:first-child) {
  display: block;
}

.c-assembly-list__tables td {
  word-wrap: break-word;
}

.c-author {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #cccccc;
  border-width: 1px 0;
}

.c-author__name {
  font-size: 16px;
  font-size: 1rem;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
}

.c-author__description {
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
}

/*
### author
     <div class="c-author">
      <cite class="c-author__name">martha gill</cite>
      <p class="c-author__description">disa mainland sales united kingdom - published <time property="schema:datepublished" datetime="2016-10-06t11:22">06/10/2006 11:22</time></p>
    </div>  

*/

.c-banner {
  position: relative;
  min-height: 21.875rem;
  overflow: hidden;
  background-color: white;
}

@media (min-width: 61.25em) {
  
  .c-banner--small {
    height: 18.75rem;
  }
}

@media (min-width: 61.25em) {
  
  .c-banner--medium {
    height: 31.25rem;
  }
}

@media (min-width: 61.25em) {
  
  .c-banner--large {
    height: 43.75rem;
  }
}

@media (min-width: 61.25em) {
  
  .c-banner--center:before {
    right: 0;
    left: 0;
    margin: auto;
  }
  
  .c-banner--center .c-banner__content {
    right: 0;
    left: 0;
    margin: auto;
  }
  
  .c-banner--center .c-banner__content {
    text-align: center;
  }
  
  .c-banner--center .c-banner__content,
  .c-banner--center .c-banner__content-title {
    border-left: none;
  }
}

@media (min-width: 61.25em) {
  
  .c-banner--left:before {
    left: 0;
  }
  
  .c-banner--left .c-banner__content {
    left: 4em;
  }
}

@media (min-width: 61.25em) {
  
  .c-banner--right:before {
    right: 0;
  }
  
  .c-banner--right .c-banner__content {
    right: 4em;
  }
}

@media (min-width: 61.25em) {
  
  .c-banner--overlay:before {
    content: '';
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.75);
  }
}

@media (min-width: 61.25em) {
  
  .c-banner--half:before {
    width: 50%;
  }
}

@media (min-width: 61.25em) {
  
  .c-banner--full:before {
    width: 100%;
  }
}


.c-banner--border .c-banner__content-title {
  position: relative;
  padding-left: 1.125rem;
  text-align: left;
}


.c-banner--border .c-banner__content-title:before {
  content: '';
  position: absolute;
  top: 0.5rem;
  bottom: 0;
  left: 0;
  margin-top: auto;
  height: calc(100% - 0.5rem);
  width: 0.25rem;
  background-color: #ffc20e;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  
  .c-banner--border .c-banner__content-title:before {
    top: 0.3125rem;
    bottom: 0.625rem;
  }
}

.c-banner__image {
  padding-top: 56.25%;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

@media (min-width: 61.25em) {
  .c-banner__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
  }
}

.c-banner__content {
  position: relative;
  z-index: 1;
  padding: 1.3125rem;
}

@media (min-width: 61.25em) {
  .c-banner__content {
    position: absolute;
    top: 50%;
    padding: 0;
    width: calc(50% - 6rem);
    -ms-transform: translatey(-50%);
        transform: translatey(-50%);
  }
}

@media (min-width: 61.25em) {
  .c-banner--home .c-banner__content {
    top: calc(50% - 3.85rem);
  }
}

.c-banner__content-title,
.c-banner__content-desc {
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}

.c-banner__content-desc {
  margin-bottom: 0;
  font-size: 1.3125rem;
  line-height: 1.875rem;
}

@media (min-width: 61.25em) {
  .c-banner__content-desc--smaller {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.c-banner__content-cta {
  margin-top: 1.125rem;
}

@media (min-width: 61.25em) {
  .c-banner__content-cta {
    margin-top: 1.5rem;
  }
}

.c-breadcrumbs {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.c-breadcrumbs li {
  display: inline-block;
  font-size: 0.875rem;
}

.c-breadcrumbs li:not(:last-child)::after {
  content: "\00bb";
  margin: 0 0.5rem;
  color: #807f7f;
}

.c-breadcrumbs li a {
  font-size: 0.875rem;
}

@media (max-width: 46.24em) {
  .c-breadcrumbs li:not(.final-link) {
    display: none;
  }
  .c-breadcrumbs li.final-link::after {
    content: "";
  }
  .c-breadcrumbs li.final-link::before {
    content: "<";
    margin-right: 0.5rem;
    color: #807f7f;
  }
}

.c-browserupgrade {
  position: relative;
  margin: 0;
  padding: 20px;
  background: #ffff66;
}

/*
### browser upgrade

message for users of older browsers. found in templates/bake-includes/page-head.htm.

    

*/
.c-card__wrapper {
  margin: 0 -0.5rem;
}

@media (min-width: 30em) {
  .c-card__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.c-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 0.5rem 1rem;
  padding: 2rem 1rem 0;
  border: 1px solid #cccccc;
  border-width: 1px 0 0;
}

@media (min-width: 30em) {
  .c-card {
    -ms-flex-preferred-size: calc(100%/2 - 1rem);
        flex-basis: calc(100%/2 - 1rem);
    max-width: calc(100%/2 - 1rem);
    border-width: 1px 0;
  }
}

@media (min-width: 61.25em) {
  .c-card {
    -ms-flex-preferred-size: calc(100%/3 - 1rem);
        flex-basis: calc(100%/3 - 1rem);
    max-width: calc(100%/3 - 1rem);
    padding-top: 4rem;
  }
}

@media (min-width: 30em) {
  .c-card__wrapper .c-card:nth-of-type(n 3) {
    border-top: 0;
    margin-top: -1rem;
  }
}

@media (min-width: 61.25em) {
  .c-card__wrapper .c-card:nth-of-type(n 3) {
    border-top: 1px solid #cccccc;
    margin-top: 0rem;
  }
  .c-card__wrapper .c-card:nth-of-type(n 4) {
    border-top: 0;
    margin-top: -1rem;
  }
}

.c-card__link {
  display: block;
  color: black;
  text-decoration: none;
}

.c-card__link:hover, .c-card__link:focus {
  color: #3589aa;
}

.c-card__image-container {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.c-card__image {
  max-width: 90%;
}

.c-card__content {
  padding: 1rem 2rem;
}

.c-card__title {
  font-size: 29px;
  font-size: 1.8125rem;
}

.c-product__body {
  font-size: 16px;
  font-size: 1rem;
}

/*
### navigation cta
    <div class="c-card__wrapper">
        <div class="c-card">
          <a href="#" class="c-card__link">
            <span class="c-card__image-container">
              <img class="c-card__image"  alt="" />
            </span>
            <div class="c-card__content">
              <h3 class="c-card__title">kraft und präzision</h3>
              <div class="c-card__body">
                <p>
                  example uses different sized imagery so any shape can be used. css will limit the size.
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </div>
        <div class="c-card">
          <a href="#" class="c-card__link">
            <span class="c-card__image-container">
              <img class="c-card__image"  alt="" />
            </span>
            <div class="c-card__content">
              <h3 class="c-card__title">kraft und präzision</h3>
              <div class="c-card__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </div>
        <div class="c-card">
          <a href="#" class="c-card__link">
            <span class="c-card__image-container">
              <img class="c-card__image"  alt="" />
            </span>
            <div class="c-card__content">
              <h3 class="c-card__title">kraft und präzision</h3>
              <div class="c-card__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </div>
        <div class="c-card">
          <a href="#" class="c-card__link">
            <span class="c-card__image-container">
              <img class="c-card__image"  alt="" />
            </span>
            <div class="c-card__content">
              <h3 class="c-card__title">kraft und präzision</h3>
              <div class="c-card__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </div>
        <div class="c-card">
          <a href="#" class="c-card__link">
            <span class="c-card__image-container">
              <img class="c-card__image"  alt="" />
            </span>
            <div class="c-card__content">
              <h3 class="c-card__title">kraft und präzision</h3>
              <div class="c-card__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </div>
      </div>
     

      */
.c-hero-slider__container {
  position: relative;
}


.c-hero-slider {
  margin-bottom: 2rem;
}

@media (max-width: 46.24em) {
  .c-hero-slider--home {
    margin-bottom: 0.5rem;
  }
}

.c-hero-slider__play-pause {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  top: 0;
  right: 0;
  padding: 0.8125rem;
  border: 0;
  background-color: #cccccc;
}

.c-hero-slider__play-pause:hover, .c-hero-slider__play-pause:focus {
  background-color: #ffc20e;
}

.castalloy .c-hero-slider__play-pause:hover, .castalloy .c-hero-slider__play-pause:focus {
  background-color: #ce215e;
}

@media (min-width: 61.25em) {
  .c-hero-slider__play-pause {
    top: auto;
    bottom: 1rem;
    right: 1rem;
  }
  .c-hero-slider__container--home .c-hero-slider__play-pause {
    bottom: auto;
    top: 25rem;
  }
}

.c-hero-slider__play-pause .c-hero-slider__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 1.25rem;
}

.c-hero-slider__play-pause--pause .c-hero-slider__icon--play {
  display: none;
}

.c-hero-slider__play-pause--play .c-hero-slider__icon--pause {
  display: none;
}

.slick-track {
  display: -ms-flexbox;
  display: flex;
}

.slick-track .slick-slide {
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.slick-next,
.slick-prev {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.castalloy .slick-next, .castalloy
.slick-prev {
  border: 0;
}

@media (min-width: 46.25em) {
  .slick-next,
  .slick-prev {
    top: 50%;
    bottom: auto;
    -ms-transform: translatey(-50%);
        transform: translatey(-50%);
  }
}

.slick-next .icon-prev,
.slick-next .icon-next,
.slick-prev .icon-prev,
.slick-prev .icon-next {
  height: 1.25rem;
  width: 1.25rem;
  background: none;
}

.castalloy .slick-next {
  background-color: rgba(0, 0, 0, 0.21);
}

.castalloy .slick-next:hover, .castalloy .slick-next:focus {
  background-color: rgba(0, 0, 0, 0.21);
}

.slick-prev {
  left: 0;
}

.castalloy .slick-prev {
  background-color: rgba(0, 0, 0, 0.21);
}

.castalloy .slick-prev:hover, .castalloy .slick-prev:focus {
  background-color: rgba(0, 0, 0, 0.21);
}

.slick-prev svg {
  fill: white;
}

.castalloy .slick-prev svg {
  width: 21px;
  height: 21px;
  fill: white;
}

.castalloy .slick-prev svg:hover {
  fill: white;
}

.slick-next {
  right: 0;
}

.castalloy .slick-next {
  background-color: rgba(0, 0, 0, 0.21);
}

.castalloy .slick-next:hover {
  background-color: rgba(0, 0, 0, 0.21);
}

.slick-next svg {
  fill: white;
}

.castalloy .slick-next svg {
  width: 21px;
  height: 21px;
  fill: white;
}

.castalloy .slick-next svg:hover {
  fill: white;
}

.slick-dots {
  position: absolute;
  z-index: 2;
  left: 50%;
  -ms-transform: translatex(-50%);
      transform: translatex(-50%);
  bottom: 1rem;
}

@media (min-width: 46.25em) {
  .slick-dots {
    left: 1rem;
    -ms-transform: none;
        transform: none;
  }
}

@media (max-width: 61.24em) {
  .slick-dots {
    max-width: 21rem;
  }
}

@media (max-width: 29.99em) {
  .slick-dots {
    max-width: 13rem;
  }
}

@media (min-width: 61.25em) {
  .c-hero-slider--home .slick-dots {
    left: 5.5rem;
  }
}

.slick-dots li button {
  outline: 0;
  margin-right: 0.6rem;
  padding: 0.4rem;
  font-size: 0;
  background: #cccccc;
}

.slick-dots button {
  outline: 0;
}

.castalloy .slick-dots button {
  background: #c5cdc9 !important;
  font-size: 0;
  width: 12px;
  height: 12px;
  padding: 0;
  display: block;
  padding: 0;
  margin-right: 10px;
  margin-top: 10px;
}

.slick-dots .slick-active button {
  background: #ffc20e !important;
  color: #333333;
}

.castalloy .slick-dots .slick-active button {
  background: #ce215e !important;
}

.c-contact {
  margin-bottom: 2rem;
}

.c-contact__header--closed, .c-contact__header--open,
.c-contact__header {
  margin: 0;
  padding: 1rem;
}

@media (min-width: 46.25em) {
  .c-contact__header--closed, .c-contact__header--open,
  .c-contact__header {
    padding: 1rem 2rem;
  }
}

.c-contact__header--closed {
  background: #ffc20e;
  color: #333333;
}

.is-open .c-contact__header--closed {
  display: none;
}

.c-contact__header--open {
  display: none;
  background: #c6cdc6;
  color: #4d4c4c;
}

.is-open .c-contact__header--open {
  display: block;
}

.c-contact__header-icon {
  float: right;
  top: -4px;
}

.c-contact__icon {
  margin-bottom: 0.5rem;
}

.c-contact__body {
  padding: 1rem;
  background: #c6cdc6;
  color: #4d4c4c;
}

.c-contact__body:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media (min-width: 46.25em) {
  .c-contact__body {
    padding: 2rem;
  }
}

.js .c-contact__body {
  display: none;
}

@media (min-width: 46.25em) {
  .c-contact__body .o-col {
    padding-right: 2rem;
  }
}

.c-contact__body .page-header p {
  margin-top: 0;
}

.c-contact__subtitle {
  font-size: 24px;
  font-size: 1.5rem;
}

.c-cookie {
  position: relative;
  display: none;
  padding: 0.5rem 1rem;
  min-height: 4.375rem;
  background: #c6cdc6;
  -ms-flex-align: center;
      align-items: center;
}

.c-cookie.is-visible {
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
}

.c-cookie__message {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0 auto;
  text-align: center;
  padding-right: 1.25rem;
}

@media (min-width: 61.25em) {
  .c-cookie__message {
    padding: 0;
  }
}

/*
### cookie banner

cookie message. found in templates/bake-includes/page-head.htm. has a javascript dependancy (jquery.cookie.js, mando.cookie.js). 


    <div class="c-cookie js-cookie">
        <p class="c-cookie__message">we use cookies on our website. by continuing to browse our website, you are agreeing to use our cookies. <a href="/cookiepolicy.aspx">terms and conditions</a></p>
        <button type="button" class="c-cookie__btn js-cookie-btn"><span class="icon-close" data-grunticon-embed></span><span class="visually-hidden">close cookie notice</span></button>
    </div>

*/
.c-country {
  margin: 0 0.5rem 2rem;
}

@media (min-width: 30em) {
  .c-country {
    -ms-flex-preferred-size: calc(100% / 2 - 1rem);
        flex-basis: calc(100% / 2 - 1rem);
  }
}

@media (min-width: 61.25em) {
  .c-country {
    -ms-flex-preferred-size: calc(100% / 4 - 1rem);
        flex-basis: calc(100% / 4 - 1rem);
  }
}

.c-country__header {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: #002f76;
  color: white;
}

.c-country__title {
  margin: 0;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  border-left: 3px solid #ffc20e;
  padding-left: 1rem;
  min-height: 2.9375rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: white;
}

.c-country__address p {
  margin: 0;
}

.c-country__address p:last-child {
  margin-bottom: 1rem;
}

.c-country__address :first-child {
  font-weight: bold;
}

.c-country__phone p {
  margin: 0;
  font-weight: bold;
}

.c-country__phone p:last-child {
  margin-bottom: 1rem;
}

.c-country__phone a {
  color: inherit;
  text-decoration: none;
}

.c-country__email a,
.c-country__map a {
  color: #3589aa;
}

.c-country__email .icon-map-marker,
.c-country__map .icon-map-marker {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 0.5rem;
}

.c-country__email {
  word-break: break-all;
}

.c-country__text p {
  margin: 0;
  font-weight: bold;
}

.c-country__text p:last-child {
  margin-bottom: 1rem;
}

.c-download__wrapper {
  margin: 0 -0.5rem;
}

@media (min-width: 46.25em) {
  .c-download__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.c-download {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0.5rem 1rem;
}

@media (min-width: 46.25em) {
  .c-download {
    -ms-flex-preferred-size: calc(100%/3 - 1rem);
        flex-basis: calc(100%/3 - 1rem);
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

.c-download__title {
  font-size: 29px;
  font-size: 1.8125rem;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: normal;
}

.c-download__link {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  color: black;
  text-decoration: none;
}

.c-download__link:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  display: inline-block;
  height: 4px;
  width: 7.1875rem;
  background: black;
}

.c-download__image {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 1em 1rem 0 0;
  max-width: 5.3125rem;
}

.c-download__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

.c-download__body {
  height: 100%;
}

.c-download__link-text {
  color: #3589aa;
  font-weight: bold;
  text-decoration: underline;
}

.c-download__link-text:hover, .c-download__link-text:focus, .c-download__link-text:active {
  color: #002f76;
}

.c-error-page {
  margin: 2rem;
  padding: 2rem;
  border: 1px solid #cccccc;
  text-align: center;
}

.c-error-page__title {
  margin-bottom: 2rem;
}

.c-error-page__title h1 {
  margin: 0;
}

.c-error-page__image {
  margin-bottom: 2rem;
}

/*
### 404 error page
    <div class="c-error-page">
      <div class="c-error-page__title">
        <h1>not found?</h1>
      </div>
      <div class="c-error-page__image">
        <img src="/uploads/image/aimg/404.png" alt="">
      </div>
      <div class="c-wysiwyg">
        <p>we're sorry but the page you are looking for does not exist.</p>
        <p>you may have followed an old link or typed in the address incorrectly. please check the address or try our <a href="/">homepage</a>.</p>
      </div>
    </div>

*/
/*
### 500 error page
    <div class="c-error-page">
      <div class="c-error-page__title">
        <h1>technical error</h1>
      </div>
      <div class="c-error-page__image">
        <img src="/uploads/image/aimg/500.png" alt="">
      </div>
      <div class="c-wysiwyg">
        <p>we're sorry but there has been an internal error. it's our fault, not yours.</p>
        <p>we apologise for this inconvienience. if you continue experience difficulities with the page you're trying to reach please contact our support team <a href="mailto:info@company.com?subject=website server error">info@company.com</a>.</p>
      </div>
    </div>

*/
.c-filter-wrapper--single .c-location-filter__form {
  -ms-flex-align: center;
      align-items: center;
}

.c-filter-wrapper--single .c-location-filter__heading {
  -ms-flex: none;
      flex: none;
  width: 100%;
}

@media (min-width: 61.25em) {
  .c-filter-wrapper--single .c-location-filter__heading {
    width: 20%;
  }
}

.c-filter-wrapper--single .c-location-filter__field {
  -ms-flex: none;
      flex: none;
  width: 100%;
}

@media (min-width: 61.25em) {
  .c-filter-wrapper--single .c-location-filter__field {
    width: 40%;
  }
}

.c-filter-wrapper--single .c-location-filter__button {
  -ms-flex: none;
      flex: none;
}

.c-filter {
  background: #c6cdc6;
  margin-bottom: 1.875rem;
}

@media (max-width: 46.24em) {
  .c-filter {
    margin-bottom: 1rem;
  }
}

.c-filter__header {
  display: -ms-flexbox;
  display: flex;
  padding: 1.5625rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 61.25em) {
  .c-filter__header {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: baseline;
        align-items: baseline;
  }
}

.c-filter__header-title {
  font-size: 2rem;
  color: #3d4135;
  font-weight: bold;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  margin: 0 1.5625rem 0 0;
}

.c-filter__header-description {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  margin: 0.75rem 0;
  color: #3d4135;
}

@media (min-width: 61.25em) {
  .c-filter__header-description {
    -ms-flex: auto;
        flex: auto;
    margin: 0;
  }
}

.c-filter__toggle {
  padding: 0;
  background: transparent;
  border: 0;
  justify-self: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #3d4135;
  text-decoration: underline;
  cursor: pointer;
  margin-left: auto;
}

.c-filter__toggle.is-expanded {
  margin-left: 0.9375rem;
}

.c-filter__toggle.is-expanded > .icon-arrow {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.c-filter__toggle > .icon-arrow {
  display: block;
  margin-left: 0.9375rem;
  height: 0.5rem;
  width: 0.8125rem;
  background-image: ;
  background-size: contain;
}

.c-filter__panel {
  display: none;
}

.c-filter__panel.is-expanded {
  display: block;
  padding: 0 0 1.5625rem;
}

.c-filter__section {
  border-top: 1px solid rgba(59, 63, 52, 0.25);
}

@media (min-width: 61.25em) {
  .c-filter__section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

.c-filter__section:last-of-type .c-filter__section-title {
  padding-bottom: 0;
}

.c-filter__section-title {
  margin: 0 0.3125rem 0 0;
  padding: 0.5625rem 0;
  font-weight: bold;
  color: #3d4135;
  cursor: pointer;
  font-family: "open_sansbold", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media (min-width: 61.25em) {
  .c-filter__section-title {
    width: 7.8125rem;
    margin-right: 5rem;
  }
}

.c-filter__section--expanded .c-filter__section-title {
  cursor: text;
}

.c-filter__section--expanded .c-filter__section-title .icon-arrow {
  display: none;
}

.c-filter__section-title [class*="icon-"] {
  position: relative;
  margin-left: auto;
  display: inline-block;
  height: 0.5rem;
  width: 0.8125rem;
  background-image: ;
  background-size: contain;
}

.is-open > .c-filter__section-title [class*="icon-"] {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.c-filter__section-items {
  display: none;
  list-style-type: none;
}

.is-open > .c-filter__section-items,
.c-filter__section--expanded .c-filter__section-items {
  padding: 0.75rem 0 0;
  margin: 0;
  display: block;
}

@media (min-width: 61.25em) {
  .is-open > .c-filter__section-items,
  .c-filter__section--expanded .c-filter__section-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex: 1 1;
        flex: 1 1;
  }
}

.c-filter__section-item {
  -ms-flex: 0 0 11.25rem;
      flex: 0 0 11.25rem;
}

@media (min-width: 61.25em) {
  .c-filter__section-item {
    margin-right: 0.625rem;
  }
}

.c-filter__section-item label {
  display: block;
  padding: 0 0 0.75rem 0;
  cursor: pointer;
}

.c-filter__section-item input[type="checkbox"] {
  display: none;
}

.c-filter__section-item span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.c-filter__section-item span:before {
  content: "";
  position: relative;
  top: 0;
  display: inline-block;
  border: 2px solid white;
  height: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
  border-radius: 2px;
  margin-right: 0.75rem;
  background: white;
}

.c-filter__section-item input:checked ~ span:before {
  background: #ffc20e url(/uploads/image/airaw/cross.svg) center center no-repeat;
  background-size: 0.75rem;
}

.c-filter__clear {
  padding: 0;
  background: transparent;
  border: 0;
  display: none;
  color: #3d4135;
}

.c-filter__clear.is-expanded {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: underline;
  cursor: pointer;
  margin-right: 0.9375rem;
  margin-left: auto;
}

.c-filter__results-instruction {
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  margin: 2.375rem 0 2.625rem;
  font-size: 1.3125rem;
  font-weight: bold;
  color: #57595b;
}

.c-flexible-cta--50,
.c-flexible-cta--100,
.c-flexible-cta {
  margin: 0 -0.5rem;
}

@media (min-width: 46.25em) {
  .c-flexible-cta--50,
  .c-flexible-cta--100,
  .c-flexible-cta {
    display: -ms-flexbox;
    display: flex;
  }
}


.c-flexible-cta__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0.5rem 1rem;
  min-width: 0;
  background-color: #807f7f;
  background-position: center;
  background-size: cover;
}

@media (min-width: 46.25em) {
  
  .c-flexible-cta__item {
    -ms-flex: 1;
        flex: 1;
    min-height: 300px;
  }
}

@media (min-width: 20em) {
  
  .c-flexible-cta__item:before {
    background: rgba(255, 255, 255, 0.75);
  }
}

@media (min-width: 61.25em) {
  
  .c-flexible-cta__item--center:before {
    right: 0;
    left: 0;
    margin: auto;
  }
  
  .c-flexible-cta__item--center .c-flexible-cta__body,
  .c-flexible-cta__item--center c-flexible-cta__button {
    right: 20%;
    left: 20%;
    margin: auto;
    border-left: none;
  }
}

@media (min-width: 61.25em) {
  
  .c-flexible-cta__item--left:before {
    left: 0;
  }
  
  .c-flexible-cta__item--left .c-flexible-cta__body {
    left: 0;
  }
}

@media (min-width: 61.25em) {
  
  .c-flexible-cta__item--right:before {
    right: 0;
  }
  
  .c-flexible-cta__item--right .c-flexible-cta__body {
    right: 0;
  }
}


.c-flexible-cta__item--overlay:before {
  content: '';
  position: absolute;
  top: 0;
  z-index: 1;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
}

@media (min-width: 61.25em) {
  
  .c-flexible-cta__item--half:before {
    width: 60%;
  }
}

@media (min-width: 61.25em) {
  
  .c-flexible-cta__item--full:before {
    width: 100%;
  }
}


.c-flexible-cta__item--border .c-flexible-cta__title {
  position: relative;
  padding-left: 1.125rem;
  text-align: left;
}


.c-flexible-cta__item--border .c-flexible-cta__title:before {
  content: '';
  position: absolute;
  top: 0.5rem;
  bottom: 0;
  left: 0;
  margin-top: auto;
  height: calc(100% - 0.5rem);
  width: 0.25rem;
  background-color: #ffc20e;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  
  .c-flexible-cta__item--border .c-flexible-cta__title:before {
    top: 0.3125rem;
    bottom: 0.625rem;
  }
}

.c-flexible-cta__body {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 2rem;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 61.25em) {
  .c-flexible-cta__body {
    position: absolute;
  }
}

.castalloy .c-flexible-cta__body {
  background: rgba(38, 53, 117, 0.8);
}

@media (min-width: 61.25em) {
  .c-flexible-cta__body {
    width: 60%;
  }
  .c-flexible-cta--50 .c-flexible-cta__body {
    width: 60%;
  }
  .c-flexible-cta--100 .c-flexible-cta__body {
    width: calc(60% - 0.5rem);
  }
}

.c-flexible-cta__content {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
}

.c-flexible-cta__title {
  overflow: hidden;
  color: #002f76;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  text-overflow: ellipsis;
}

.c-flexible-cta__item--light .c-flexible-cta__title {
  color: white;
}

.c-flexible-cta__description {
  margin-bottom: 2rem;
  color: #002f76;
}

.c-flexible-cta__item--light .c-flexible-cta__description {
  color: white;
}

/*
### flexible cta
     <div class="c-flexible-cta">
        <div class="c-flexible-cta__item" style="background-image: ;">
          <div class="c-flexible-cta__body">
            <h2 class="c-flexible-cta__title">meldepflicht/pflichtablieferun</h2>
            <p class="c-flexible-cta__description">werden, zum anderen gibt der ausweis behörden, institutionen.</p>
          </div>
          <a href="#" class="c-flexible-cta__button">fallstudielesen</a>
        </div>
        <div class="c-flexible-cta__item" style="background-image: ;">
          <div class="c-flexible-cta__body">
            <h2 class="c-flexible-cta__title">meldepflicht/pflichtablieferun</h2>
            <p class="c-flexible-cta__description">werden, zum anderen gibt der ausweis behörden, institutionen.</p>
          </div>
          <a href="#" class="c-flexible-cta__button">fallstudielesen</a>
        </div>
      </div>
      <div class="c-flexible-cta">
        <div class="c-flexible-cta__item" style="background-image: ;">
          <div class="c-flexible-cta__body">
            <h2 class="c-flexible-cta__title">meldepflicht/pflichtablieferun</h2>
            <p class="c-flexible-cta__description">werden, zum anderen gibt der ausweis behörden, institutionen.</p>
          </div>
          <a href="#" class="c-flexible-cta__button">fallstudielesen</a>
        </div>
      </div>


      */
.c-footer-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 50;
  padding: 0.4375rem 0;
  width: 100%;
  background: rgba(0, 47, 118, 0.8);
  color: white;
}

@media (min-width: 61.25em) {
  .c-footer-cta {
    padding: 0.5625rem 0;
  }
}

@media (max-width: 61.24em) {
  .c-footer-cta .o-wrapper__inner, .c-footer-cta .col1-text-content--grey .o-row__inner, .col1-text-content--grey .c-footer-cta .o-row__inner, .c-footer-cta .col1-text-content--blue .o-row__inner, .col1-text-content--blue .c-footer-cta .o-row__inner, .c-footer-cta .col1-text-content--yellow .o-row__inner, .col1-text-content--yellow .c-footer-cta .o-row__inner, .c-footer-cta .col1-text-content--light-blue .o-row__inner, .col1-text-content--light-blue .c-footer-cta .o-row__inner, .c-footer-cta .col1-text-content--light-grey .o-row__inner, .col1-text-content--light-grey .c-footer-cta .o-row__inner, .c-footer-cta .col1-text-content--red .o-row__inner, .col1-text-content--red .c-footer-cta .o-row__inner, .c-footer-cta .o-row--2col--grey .o-row__inner, .o-row--2col--grey .c-footer-cta .o-row__inner, .c-footer-cta .o-row--2col--blue .o-row__inner, .o-row--2col--blue .c-footer-cta .o-row__inner, .c-footer-cta .o-row--2col--yellow .o-row__inner, .o-row--2col--yellow .c-footer-cta .o-row__inner, .c-footer-cta .o-row--2col--light-blue .o-row__inner, .o-row--2col--light-blue .c-footer-cta .o-row__inner, .c-footer-cta .o-row--2col--light-grey .o-row__inner, .o-row--2col--light-grey .c-footer-cta .o-row__inner, .c-footer-cta .o-row--2col--red .o-row__inner, .o-row--2col--red .c-footer-cta .o-row__inner, .c-footer-cta .o-row--3col--grey .o-row__inner, .o-row--3col--grey .c-footer-cta .o-row__inner, .c-footer-cta .o-row--3col--blue .o-row__inner, .o-row--3col--blue .c-footer-cta .o-row__inner, .c-footer-cta .o-row--3col--yellow .o-row__inner, .o-row--3col--yellow .c-footer-cta .o-row__inner, .c-footer-cta .o-row--3col--light-blue .o-row__inner, .o-row--3col--light-blue .c-footer-cta .o-row__inner, .c-footer-cta .o-row--3col--light-grey .o-row__inner, .o-row--3col--light-grey .c-footer-cta .o-row__inner, .c-footer-cta .o-row--3col--red .o-row__inner, .o-row--3col--red .c-footer-cta .o-row__inner, .c-footer-cta .o-row--4col--grey .o-row__inner, .o-row--4col--grey .c-footer-cta .o-row__inner, .c-footer-cta .o-row--4col--blue .o-row__inner, .o-row--4col--blue .c-footer-cta .o-row__inner, .c-footer-cta .o-row--4col--yellow .o-row__inner, .o-row--4col--yellow .c-footer-cta .o-row__inner, .c-footer-cta .o-row--4col--light-blue .o-row__inner, .o-row--4col--light-blue .c-footer-cta .o-row__inner, .c-footer-cta .o-row--4col--light-grey .o-row__inner, .o-row--4col--light-grey .c-footer-cta .o-row__inner, .c-footer-cta .o-row--4col--red .o-row__inner, .o-row--4col--red .c-footer-cta .o-row__inner, .c-footer-cta .c-filter__header, .c-footer-cta .c-image-text-block__wrapper--grey .c-image-text-block, .c-image-text-block__wrapper--grey .c-footer-cta .c-image-text-block, .c-footer-cta .c-image-text-block__wrapper--blue .c-image-text-block, .c-image-text-block__wrapper--blue .c-footer-cta .c-image-text-block, .c-footer-cta .c-image-text-block__wrapper--yellow .c-image-text-block, .c-image-text-block__wrapper--yellow .c-footer-cta .c-image-text-block, .c-footer-cta .c-image-text-block__wrapper--light-blue .c-image-text-block, .c-image-text-block__wrapper--light-blue .c-footer-cta .c-image-text-block, .c-footer-cta .c-image-text-block__wrapper--light-grey .c-image-text-block, .c-image-text-block__wrapper--light-grey .c-footer-cta .c-image-text-block, .c-footer-cta .c-image-text-block__wrapper--red .c-image-text-block, .c-image-text-block__wrapper--red .c-footer-cta .c-image-text-block, .c-footer-cta .c-search-form__inner, .c-footer-cta .c-solutions-search__inner,
  .c-footer-cta .c-title--grey .c-title__inner, .c-title--grey .c-footer-cta .c-title__inner,
  .c-footer-cta .c-title--blue .c-title__inner, .c-title--blue .c-footer-cta .c-title__inner,
  .c-footer-cta .c-title--yellow .c-title__inner, .c-title--yellow .c-footer-cta .c-title__inner,
  .c-footer-cta .c-title--light-blue .c-title__inner, .c-title--light-blue .c-footer-cta .c-title__inner,
  .c-footer-cta .c-title--light-grey .c-title__inner, .c-title--light-grey .c-footer-cta .c-title__inner,
  .c-footer-cta .c-title--red .c-title__inner, .c-title--red .c-footer-cta .c-title__inner, .c-footer-cta .u-bg--grey .c-wysiwyg, .u-bg--grey .c-footer-cta .c-wysiwyg, .c-footer-cta .u-bg--blue .c-wysiwyg, .u-bg--blue .c-footer-cta .c-wysiwyg, .c-footer-cta .u-bg--yellow .c-wysiwyg, .u-bg--yellow .c-footer-cta .c-wysiwyg, .c-footer-cta .u-bg--light-blue .c-wysiwyg, .u-bg--light-blue .c-footer-cta .c-wysiwyg, .c-footer-cta .u-bg--light-grey .c-wysiwyg, .u-bg--light-grey .c-footer-cta .c-wysiwyg, .c-footer-cta .u-bg--red .c-wysiwyg, .u-bg--red .c-footer-cta .c-wysiwyg {
    width: 100%;
  }
}

.c-footer-cta__inner {
  display: -ms-flexbox;
  display: flex;
  height: 2.25rem;
}

@media (min-width: 61.25em) {
  .c-footer-cta__inner {
    height: 3.4375rem;
  }
}

.c-footer-cta__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0.75rem;
  width: 33.3333333333%;
  border-left: 3px solid #ffc20e;
}

@media (max-width: 61.24em) {
  .c-footer-cta__item:first-of-type {
    border: 0;
  }
}

@media (min-width: 61.25em) {
  .c-footer-cta__item {
    width: 40%;
  }
  .c-footer-cta__item:nth-child(odd) {
    width: 30%;
  }
}

.c-footer-cta__link {
  font-size: 12px;
  font-size: 0.75rem;
  position: relative;
  display: inline-block;
  padding-left: 1.875rem;
  color: white;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  text-decoration: none;
}

@media (min-width: 61.25em) {
  .c-footer-cta__link {
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 3.1875rem;
  }
}

.c-footer-cta__link:hover, .c-footer-cta__link:focus {
  color: #ffc20e;
}

@media (min-width: 61.25em) {
  .c-footer-cta__subheading, .c-footer-cta__subheading--small {
    display: block;
    margin-bottom: 0.25rem;
  }
}

@media (min-width: 61.25em) {
  .c-footer-cta__subheading--small {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.c-footer-cta__telephone {
  font-weight: normal;
}

@media (min-width: 61.25em) {
  .c-footer-cta__telephone {
    font-size: 29px;
    font-size: 1.8125rem;
  }
}

.c-footer-cta__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  margin: auto;
  height: 1.375rem;
  width: 1.375rem;
}

@media (min-width: 61.25em) {
  .c-footer-cta__icon {
    height: 2.1875rem;
    width: 2.1875rem;
  }
}

@media (min-width: 61.25em) {
  .c-footer-cta-v2 .c-footer-cta__link {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    padding-left: 0;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.c-footer-cta-v2 .c-footer-cta__icon {
  position: static;
  margin: 0 0.625rem 0 0;
  width: 1.5625rem;
  height: 1.5625rem;
}

.c-footer-cta-v2 .c-footer-cta__more {
  display: none;
}

.c-footer-cta-v2 .c-footer-cta__more-icon {
  width: 1.625rem;
  height: 0.5rem;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  background-size: contain;
  background-position: 50%;
  overflow: hidden;
}

@media (min-width: 61.25em) {
  .c-footer-cta-v2 .c-footer-cta__item {
    position: relative;
  }
  .c-footer-cta-v2 .c-footer-cta__item:hover .c-footer-cta__more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    pointer-events: none;
    margin: 0 0.75rem;
    padding: 0.125rem 0.3125rem 0.3125rem;
    background-color: #ffc20e;
    color: #002f76;
    line-height: 1.2;
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/*
  ### sticky footer

  <div class="c-site-footer__info-wrapper">
          <nav class="c-site-footer__info" aria-label="footer site menu 1">
            <ul class="c-site-footer__info-list">
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">partner sites</a></li>
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">contact us</a></li>
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">about, events, insight</a></li>
            </ul>
          </nav>
          <nav class="c-site-footer__info" aria-label="footer site menu 2">
            <ul class="c-site-footer__info-list">
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">norican home</a></li>
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">site map</a></li>
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">terms and conditions</a></li>
            </ul>
          </nav>
          <div class="c-site-footer__info">
            <ul class="c-social__list">
              <li class="c-social__item"><a class="c-social__link" href="#" target="_blank" title="link opens in new window"><span class="c-social__icon"></span><span class="visually-hidden">facebook</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="#" target="_blank" title="link opens in new window"><span class="c-social__icon"></span><span class="visually-hidden">twitter</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="#" target="_blank" title="link opens in new window"><span class="c-social__icon"></span><span class="visually-hidden">youtube</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="#" target="_blank" title="link opens in new window"><span class="c-social__icon"></span><span class="visually-hidden">linkedin</span></a></li>
            </ul>
            <p class="c-site-footer__copyright">© copyright norican group 2016</p>
          </div>
        </div>
        */

form[data-wffm] strong,
.c-sc-form strong {
  font-weight: bold;
}


form[data-wffm] fieldset,
.c-sc-form fieldset {
  margin-bottom: 1rem;
}


form[data-wffm] legend,
.c-sc-form legend {
  margin-bottom: 1rem;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}


form[data-wffm] input[type="file"],
.c-sc-form input[type="file"] {
  margin-left: 1rem;
}


form[data-wffm] .c-two-column-section .form-group,
.c-sc-form .c-two-column-section form[data-wffm] .form-group,
form[data-wffm] .form-group.thirdavailablewidth,
form[data-wffm] .col-lg-4,
.c-sc-form form[data-wffm] .c-two-column-section .form-group,
form[data-wffm] .c-two-column-section .c-sc-form .form-group,
.c-sc-form .c-two-column-section .form-group,
.c-sc-form form[data-wffm] .form-group.thirdavailablewidth,
form[data-wffm] .c-sc-form .form-group.thirdavailablewidth,
.c-sc-form .form-group.thirdavailablewidth,
.c-sc-form form[data-wffm] .col-lg-4,
form[data-wffm] .c-sc-form .col-lg-4,
.c-sc-form .col-lg-4 {
  float: none;
  margin-bottom: 1rem;
}


form[data-wffm] .c-two-column-section .form-group,
.c-sc-form .c-two-column-section form[data-wffm] .form-group,
.c-sc-form form[data-wffm] .c-two-column-section .form-group,
form[data-wffm] .c-two-column-section .c-sc-form .form-group,
.c-sc-form .c-two-column-section .form-group {
  width: 100%;
}

@media (min-width: 46.25em) {
  
  form[data-wffm] .c-two-column-section .form-group,
  .c-sc-form .c-two-column-section form[data-wffm] .form-group,
  .c-sc-form form[data-wffm] .c-two-column-section .form-group,
  form[data-wffm] .c-two-column-section .c-sc-form .form-group,
  .c-sc-form .c-two-column-section .form-group {
    -ms-flex-preferred-size: calc(100%/2 - 1rem);
        flex-basis: calc(100%/2 - 1rem);
  }
}


form[data-wffm] .form-group.thirdavailablewidth,
form[data-wffm] .col-lg-4,
.c-sc-form form[data-wffm] .form-group.thirdavailablewidth,
form[data-wffm] .c-sc-form .form-group.thirdavailablewidth,
.c-sc-form .form-group.thirdavailablewidth,
.c-sc-form form[data-wffm] .col-lg-4,
form[data-wffm] .c-sc-form .col-lg-4,
.c-sc-form .col-lg-4 {
  width: 100%;
}

@media (min-width: 46.25em) {
  
  form[data-wffm] .form-group.thirdavailablewidth,
  form[data-wffm] .col-lg-4,
  .c-sc-form form[data-wffm] .form-group.thirdavailablewidth,
  form[data-wffm] .c-sc-form .form-group.thirdavailablewidth,
  .c-sc-form .form-group.thirdavailablewidth,
  .c-sc-form form[data-wffm] .col-lg-4,
  form[data-wffm] .c-sc-form .col-lg-4,
  .c-sc-form .col-lg-4 {
    -ms-flex-preferred-size: calc(100%/3 - 1rem);
        flex-basis: calc(100%/3 - 1rem);
  }
}


form[data-wffm] .row,
.c-sc-form .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}


form[data-wffm] .col-md-12,
.c-sc-form .col-md-12 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}


form[data-wffm] .form-group,
.c-sc-form .form-group {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 1rem;
}

@media (min-width: 46.25em) {
  
  form[data-wffm] .col-lg-4,
  .c-sc-form .col-lg-4 {
    margin-bottom: 0;
  }
}

@media (min-width: 46.25em) {
  
  form[data-wffm] .halfsection,
  .c-sc-form .halfsection {
    width: calc(100%/2 - 1rem);
  }
}


form[data-wffm] .page-header,
.c-sc-form .page-header {
  font-size: 29px;
  font-size: 1.8125rem;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}


form[data-wffm] .field-validation-error,
.c-sc-form .field-validation-error {
  display: inline-block;
  padding: 0.5rem;
  color: red;
  font-weight: bold;
}


form[data-wffm] .field-validation-error:before,
.c-sc-form .field-validation-error:before {
  content: '*';
}


form[data-wffm] .required-field .control-label:before,
.c-sc-form .required-field .control-label:before {
  display: none;
}


form[data-wffm] .required-field .control-label:after,
.c-sc-form .required-field .control-label:after {
  content: '*';
}


form[data-wffm] .required-field .checkbox:after,
.c-sc-form .required-field .checkbox:after {
  color: black;
}


form[data-wffm] .control-label,
.c-sc-form .control-label {
  display: inline-block;
  margin-bottom: .25rem;
  font-weight: bold;
}


form[data-wffm] .form-control[aria-invalid="true"],
.c-sc-form .form-control[aria-invalid="true"] {
  border-color: red;
}

.c-form-image-radio__faux [type="radio"] {
  width: 1px;
  height: 1px;
  position: absolute;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

[class^="c-form__radio"] {
  display: table-row;
}

[class^="c-form__radio"] .c-form__element-label {
  font-size: 0.9375rem;
  display: table-cell;
  margin: 0;
  padding: 0 10px 0 0;
  vertical-align: middle;
}

.c-form__element-control-select {
  position: relative;
}

.c-form__element-control-select:before, .c-form__element-control-select:after {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  display: inline-block;
  height: 2.25rem;
  width: 2.375rem;
  pointer-events: none;
}

.c-form__element-control-select:before {
  background: #ffc20e;
}

.c-form__element-control-select:after {
  background-image: ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 9px;
}

.c-form__element-control-select select {
  padding: 0 55px 0 10px;
  padding-right: 55px;
  height: 2.375rem;
  -webkit-appearance: none;
  appearance: none;
}

.c-form__element-control-select select::-ms-expand {
  display: none;
}

.c-wffm {
  margin: 3.75rem 0;
}

@media (min-width: 46.25em) {
  .c-wffm--narrow form {
    width: 75%;
  }
}

@media (min-width: 61.25em) {
  .c-wffm--narrow form {
    width: 50%;
  }
}

.c-form-image-radio {
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 46.24em) {
  .c-form-image-radio {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 46.25em) {
  .c-wffm--narrow .c-form-image-radio {
    width: 130%;
  }
}

@media (min-width: 61.25em) {
  .c-wffm--narrow .c-form-image-radio {
    width: 150%;
  }
}

.c-form-image-radio__element {
  width: calc(33.3333333333% - 3px);
}

@media (max-width: 46.24em) {
  .c-form-image-radio__element:nth-child(3n 2) {
    margin: 0 4px;
  }
}

@media (min-width: 46.25em) {
  .c-form-image-radio__element {
    max-width: 10.3125rem;
  }
  .c-form-image-radio__element {
    margin: 0 2px;
  }
}

.c-form-image-radio__ui {
  position: relative;
  display: block;
  cursor: pointer;
  border-bottom: 3px solid transparent;
}

.c-form-image-radio__logo {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  pointer-events: none;
}

.c-form-image-radio__faux {
  position: relative;
  z-index: 2;
  display: block;
}

.c-form-image-radio__faux [type="radio"]:checked   .c-form-image-radio__ui,
.c-form-image-radio__faux [type="radio"]:checked ~ .c-form-image-radio__ui {
  border-bottom: 3px solid #ffc20e;
}

.c-form-image-radio__faux [type="radio"]:checked   .c-form-image-radio__ui:after,
.c-form-image-radio__faux [type="radio"]:checked ~ .c-form-image-radio__ui:after {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: 3;
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffc20e;
}

.c-form-image-radio__faux [type="radio"]:focus:checked > .c-form-image-radio__ui,
.c-form-image-radio__faux [type="radio"]:focus:checked ~ .c-form-image-radio__ui {
  border-color: #ffc20e;
}

.checkbox-list label {
  display: inline-block;
  width: 50%;
}

.checkbox-list label.stylelistlabel {
  display: block;
  width: 100%;
}

.c-gallery .c-gallery__inner {
  position: relative;
  margin: 0;
  width: 100%;
}

.c-gallery .c-gallery__caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem 1rem 2rem 1rem;
  background: #cccccc;
}

.c-gallery__image {
  display: block;
  height: auto;
  width: 100%;
}

.c-gallery-nav {
  padding: 0 2rem;
}

.c-gallery-nav .slick-next {
  right: 0;
}

.c-gallery-nav .slick-prev {
  left: 0;
}

.c-gallery-nav .c-gallery__item:focus {
  outline: 0;
}

/*

### gallery with carousel navigation

    <div class="c-gallery js-gallery">
        <div class="c-gallery__item">
            <figure class="c-gallery__inner">
                <picture>
                    <img  class="c-gallery__image"  alt="banner description">
                </picture>
                <figcaption class="c-gallery__caption">slide 01</figcaption>
            </figure>
        </div>
        <div class="c-gallery__item">
            <figure class="c-gallery__inner">
                <picture>
                    <img class="c-gallery__image"  alt="banner description">
                </picture>
                <figcaption class="c-gallery__caption">slide 02</figcaption>
            </figure>
        </div>
        <div class="c-gallery__item">
            <figure class="c-gallery__inner">
                <picture>
                    <img  class="c-gallery__image"  alt="banner description">
                </picture>
                <figcaption class="c-gallery__caption">slide 03</figcaption>
            </figure>
        </div>
        <div class="c-gallery__item">
            <figure class="c-gallery__inner">
                <picture>
                    <img  class="c-gallery__image"  alt="banner description">
                </picture>
                <figcaption class="c-gallery__caption">slide 04</figcaption>
            </figure>
        </div>
    </div>

    <div class="c-gallery-nav js-gallery-nav">
        <div class="c-gallery__item">
            <figure>
                <picture>
                    <img class="c-gallery__image"  alt="banner description">
                </picture>
                <figcaption class="c-gallery__caption">nav 01</figcaption>
            </figure>
        </div>
        <div class="c-gallery__item">
            <figure>
                <picture>
                    <img class="c-gallery__image"  alt="banner description">
                </picture>
                <figcaption class="c-gallery__caption">nav 02</figcaption>
            </figure>
        </div>
         <div class="c-gallery__item">
            <figure>
                <picture>
                    <img class="c-gallery__image"  alt="banner description">
                </picture>
                <figcaption class="c-gallery__caption">nav 03</figcaption>
            </figure>
        </div>
         <div class="c-gallery__item">
            <figure>
                <picture>
                    <img class="c-gallery__image"  alt="banner description">
                </picture>
                <figcaption class="c-gallery__caption">nav 02</figcaption>
            </figure>
        </div>
    </div>

*/
.c-gui-kit__label {
  clear: both;
  margin-top: 3rem;
  padding: .5rem;
  background: #e6e5e5;
  font-weight: normal;
}

.c-gui-kit__label span {
  font-size: 14px;
  font-size: 0.875rem;
  float: right;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: normal;
}

@media (max-width: 46.24em) {
  .c-gui-kit__label span {
    display: none;
  }
}

.c-home-cta-container {
  margin-bottom: 1rem;
}

@media (min-width: 61.25em) {
  .c-home-cta-container {
    display: -ms-flexbox;
    display: flex;
  }
}

.c-home-cta {
  background-position: center;
  background-size: cover;
  color: white;
}

@media (max-width: 46.24em) {
  .c-home-cta {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 61.25em) {
  .c-home-cta {
    -ms-flex: 1 0 50%;
        flex: 1 0 50%;
  }
}

.c-home-cta__title {
  padding: 2rem;
  background: rgba(0, 0, 0, 0.5);
}

@media (min-width: 61.25em) {
  .c-home-cta__title {
    height: 100%;
    width: 60%;
  }
}

.c-home-cta__title .c-title--small {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.c-icon-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 0.0625rem solid #999999;
}

.c-icon-cards__card {
  width: 50%;
  text-align: center;
  border: 0.0625rem solid transparent;
  border-left: 0.0625rem solid #999999;
  transition: background-color 0.2s ease-in-out;
}

.c-icon-cards__card:hover {
  background-color: #ffc20e;
  border: 0.0625rem solid #ffc20e;
}

.c-icon-cards__card:nth-child(odd) {
  border: 0;
}

.c-icon-cards__card:nth-child(-n   2) {
  border-bottom: 0.0625rem solid #999999;
}

@media (min-width: 46.25em) {
  .c-icon-cards__card {
    width: 25%;
  }
  .c-icon-cards__card:nth-child(-n   2) {
    border-bottom: 0;
  }
  .c-icon-cards__card:nth-child(odd) {
    border-left: 0.0625rem solid #999999;
  }
  .c-icon-cards__card:first-child {
    border: 0;
  }
}

.c-icon-cards__card-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2.375rem 0.625rem;
  color: #002f76;
}

@media (min-width: 61.25em) {
  .c-icon-cards__card-link {
    padding: 2.375rem 2.625rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-icon-cards__card-link {
    display: block;
  }
}

.c-icon-cards__card-title {
  display: block;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 600;
  font-size: 1.3125rem;
}

@media (min-width: 61.25em) {
  .c-icon-cards__card-title {
    margin-bottom: 2.125rem;
  }
}

.c-icon-cards__card-image,
.c-icon-cards__card-link svg {
  margin: auto;
  max-width: 100%;
}

.c-icon-cards__card-link svg path {
  fill: #b0a9ac;
}

.c-image-gallery {
  position: relative;
  height: 400px;
  min-height: 400px;
  background-color: #807f7f;
  background-position: center;
  background-size: cover;
}

.c-image-gallery__zoom {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 195px;
}

.castalloy .c-image-gallery__zoom {
  width: 174px;
}

.c-image-gallery__zoom .icon-zoom {
  left: auto;
  right: 15px;
}

.c-image-gallery__zoom .zoom-text {
  display: block;
  font-size: 16px;
  font-weight: normal;
  float: left;
}

.castalloy .c-image-gallery__zoom .zoom-text {
  font-size: 14px;
}

.castalloy .c-image-gallery__zoom {
  border: 0;
  background-color: #c5c6c6;
}

.c-image-text-block__wrapper {
  transition: all, 0.4s, ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 1rem;
  border-bottom: 1px solid transparent;
}

.c-image-text-block__wrapper.js-image-text-block:not(.is-open) {
  margin-bottom: 2rem;
  border-bottom-color: #cccccc;
}

.c-image-text-block__wrapper .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.c-image-text-block__wrapper .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.c-image-text-block__wrapper--blue a, .c-image-text-block__wrapper--light-blue a, .c-image-text-block__wrapper--red a {
  color: white;
}

.c-image-text-block__wrapper--blue a:hover, .c-image-text-block__wrapper--light-blue a:hover, .c-image-text-block__wrapper--red a:hover {
  color: white;
  text-decoration: none;
}

.c-image-text-block__wrapper--yellow a, .c-image-text-block__wrapper--grey a, .c-image-text-block__wrapper--light-grey a {
  color: #3d4135;
}

.c-image-text-block__wrapper--yellow a:hover, .c-image-text-block__wrapper--grey a:hover, .c-image-text-block__wrapper--light-grey a:hover {
  color: #3d4135;
  text-decoration: none;
}

.c-image-text-block__wrapper--grey, .c-image-text-block__wrapper--blue, .c-image-text-block__wrapper--yellow, .c-image-text-block__wrapper--light-blue, .c-image-text-block__wrapper--light-grey, .c-image-text-block__wrapper--red {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 1.5rem 0;
}

.c-image-text-block__wrapper--grey .c-image-text-block__text-title, .c-image-text-block__wrapper--blue .c-image-text-block__text-title, .c-image-text-block__wrapper--yellow .c-image-text-block__text-title, .c-image-text-block__wrapper--light-blue .c-image-text-block__text-title, .c-image-text-block__wrapper--light-grey .c-image-text-block__text-title, .c-image-text-block__wrapper--red .c-image-text-block__text-title {
  color: inherit;
}

.c-image-text-block__wrapper h2,
.c-image-text-block__wrapper h3,
.c-image-text-block__wrapper h4,
.c-image-text-block__wrapper h5,
.c-image-text-block__wrapper h6 {
  color: inherit;
}

.c-image-text-block__wrapper .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.c-image-text-block__wrapper .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.c-image-text-block__wrapper--grey {
  color: #3d4135;
  background-color: #b0a9ac;
}

.c-image-text-block__wrapper--blue {
  color: white;
  background-color: #002f76;
}

.c-image-text-block__wrapper--yellow {
  color: #3d4135;
  background-color: #ffc20e;
}

.c-image-text-block__wrapper--yellow .c-button--primary {
  background-color: #002f76;
  color: #ffc20e;
}

.c-image-text-block__wrapper--yellow .c-button--primary:hover, .c-image-text-block__wrapper--yellow .c-button--primary:focus {
  background: #ffc20e;
  color: #002f76;
}

.c-image-text-block__wrapper--light-blue {
  color: white;
  background-color: #3589aa;
}

.c-image-text-block__wrapper--light-grey {
  color: #3d4135;
  background-color: #c5cdc9;
}

.c-image-text-block__wrapper--red {
  color: white;
  background-color: #ae1231;
}

.c-image-text-block__wrapper--no-margin {
  margin: 0;
}

@media (min-width: 46.25em) {
  
  .c-image-text-block {
    display: -ms-flexbox;
    display: flex;
    min-height: 350px;
  }
  
  .c-image-text-block--video {
    min-height: 275px;
  }
}

.castalloy
.c-image-text-block .c-button--primary {
  background: #ce215e;
  color: white;
}

.castalloy
.c-image-text-block .c-button--primary:hover, .castalloy
.c-image-text-block .c-button--primary:focus {
  background-color: #b81d54;
  border-color: #b81d54;
  color: white;
}

.castalloy .c-image-text-block .c-image-text-block__text-title-link {
  color: #263575;
}

.castalloy .c-image-text-block .c-image-text-block__text-title-link:hover {
  color: #263575;
}

.c-image-text-block--grey {
  color: #3d4135;
  background-color: #b0a9ac;
}

.c-image-text-block--grey .c-image-text-block__text-title {
  color: #3d4135;
}

.c-image-text-block--blue {
  color: white;
  background-color: #002f76;
}

.c-image-text-block--blue .c-image-text-block__text-title {
  color: white;
}

.c-image-text-block--yellow {
  color: #3d4135;
  background-color: #ffc20e;
}

.c-image-text-block--yellow .c-image-text-block__text-title {
  color: #3d4135;
}

.c-image-text-block--yellow .c-button--primary {
  background-color: #002f76;
  color: #ffc20e;
}

.c-image-text-block--yellow .c-button--primary:hover, .c-image-text-block--yellow .c-button--primary:focus {
  background: #ffc20e;
  color: #002f76;
}

.c-image-text-block--light-blue {
  color: white;
  background-color: #3589aa;
}

.c-image-text-block--light-blue .c-image-text-block__text-title {
  color: white;
}

.c-image-text-block--light-grey {
  color: #3d4135;
  background-color: #c5cdc9;
}

.c-image-text-block--light-grey .c-image-text-block__text-title {
  color: #3d4135;
}

.c-image-text-block--red {
  color: white;
  background-color: #ae1231;
}

.c-image-text-block--red .c-image-text-block__text-title {
  color: white;
}

.c-image-text-block__image--left,
.c-image-text-block__image--right,
.c-image-text-block__image {
  padding-bottom: 60%;
  background-color: #807f7f;
  background-position: center;
  background-size: cover;
}

@media (min-width: 46.25em) {
  .c-image-text-block__image--left,
  .c-image-text-block__image--right,
  .c-image-text-block__image {
    padding: 0;
    width: 50%;
  }
}

.c-image-text-block--video .c-image-text-block__image--left,
.c-image-text-block--video .c-image-text-block__image--right, .c-image-text-block--video
.c-image-text-block__image {
  padding: 0;
  background-color: black;
}

.c-image-text-block__image--right {
  -ms-flex-order: 2;
      order: 2;
}

.c-image-text-block__text {
  position: relative;
  padding: 2rem;
}

@media (min-width: 46.25em) {
  .c-image-text-block__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 50%;
  }
}

.c-image-text-block__text-content {
  margin-bottom: 1rem;
  width: 100%;
}

@media (min-width: 46.25em) {
  .c-image-text-block__text-title--bordered,
  .c-image-text-block__text-title {
    width: calc(100% - 2rem);
  }
}

.c-image-text-block__text-title--bordered {
  padding-bottom: 2rem;
}

.c-image-text-block__text-title--bordered:after {
  content: "";
  display: block;
  margin-top: 1rem;
  height: 3px;
  width: 40%;
  background: #ffc20e;
}

.c-image-text-block__text-title-link {
  color: inherit;
  text-decoration: none;
}

.castalloy .c-image-text-block__text-title-link {
  color: white;
}

.c-image-text-block__text-expand {
  transition: all, 0.4s, ease-in-out;
  opacity: 1;
}

@media (min-width: 46.25em) {
  .c-image-text-block__text-expand {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.is-open .c-image-text-block__text-expand {
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.castalloy .c-image-text-block__text-expand svg {
  fill: #263575;
}

.c-image-text-block__expansion {
  padding: 0 0 2rem;
}

.js .c-image-text-block__expansion {
  display: none;
}

@media (min-width: 46.25em) {
  .c-image-text-block__expansion {
    padding-top: 2rem;
  }
}

.c-image-text-block__expansion-footer {
  border-bottom: 1px solid #cccccc;
  text-align: right;
}

.c-image-text-block__video {
  position: relative;
  height: 275px;
  background-size: cover;
}

@media (min-width: 46.25em) {
  .c-image-text-block__video {
    height: 100%;
  }
}

.c-image-text-block__video .c-video__player {
  position: absolute;
  top: 0;
  left: 0;
}

.c-image-text-block__video .c-button--icon {
  position: absolute;
  right: 0;
  top: 0;
}

.c-image-text-block__video .c-video__content {
  width: 100%;
  top: 0;
  -ms-transform: none;
      transform: none;
}

.c-image-text-block-launch {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: transparent;
  border: 0;
}

.c-image-text-block-launch .icon-play:after {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid white;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  margin: auto;
}

.c-image {
  position: relative;
  margin-bottom: 2.5rem;
  padding-top: 56.25%;
  background-position: center;
  background-size: cover;
}

.c-image .c-video__player {
  position: absolute;
  top: 0;
  left: 0;
}

.c-image .c-button--icon {
  position: absolute;
  right: 0;
  top: 0;
}

.castalloy .c-image .c-button--icon {
  border: 0;
  background-color: #c5c6c6;
}

.c-image__mask {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.54);
}

.c-image__content {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 2rem 3.125rem;
  -ms-transform: translatey(-50%);
      transform: translatey(-50%);
}

@media (min-width: 61.25em) {
  .c-image__content {
    padding: 0 2rem;
    width: 50%;
  }
}

.c-image__title {
  color: white;
  font-size: 6vw;
  line-height: 1.2;
}

@media (min-width: 61.25em) {
  .c-image__title {
    font-size: 48px;
    font-size: 3rem;
  }
}

.c-image__link {
  color: white;
  text-decoration: none;
}

.c-image__link:hover, .c-image__link:focus {
  color: #3589aa;
}

.castalloy .c-image__link:hover, .castalloy .c-image__link:focus {
  color: #ce215e;
}

.c-image__subtitle {
  color: #ffc20e;
}

.castalloy .c-image__subtitle {
  color: white;
}

.c-image__video-launch {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  height: 2.5rem;
  width: 2.5rem;
  background: transparent;
  border: 2px solid white;
  border-radius: 100%;
}

@media (min-width: 61.25em) {
  .c-image__video-launch {
    top: 50%;
    right: 20%;
    left: auto;
    height: 5rem;
    width: 5rem;
    -ms-transform: translatey(-50%);
        transform: translatey(-50%);
  }
}

.c-image__video-launch .icon-play {
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 1rem;
  width: 0.875rem;
}

@media (min-width: 61.25em) {
  .c-image__video-launch .icon-play {
    right: -6px;
    height: 2rem;
    width: 1.75rem;
  }
}

/*
### 100% image

      <div class="c-image" style="background-image: ;">
      <span class="c-image__mask"></span>
      <div class="c-image__content">
        <h2 class="c-image__title"><a href="#" class="c-image__link">sehen sie sich das gie�erei-fallstudie</a></h2>
        <p class="c-image__subtitle">giacomo lerario, responsabile di produzione</p>
   
      </div>
    </div>
    */
/*
### 100% video
    <div class="c-image" style="background-image: ;">
      <span class="c-image__mask"></span>
      <div class="c-image__content">
        <h2 class="c-image__title"><a href="#" class="c-image__link">sehen sie sich das gie�erei-fallstudie</a></h2>
        <p class="c-image__subtitle">giacomo lerario, responsabile di produzione</p>
   
      </div>
      <button class="js-video c-image__video-launch" data-video="https://dreambroker.com/channel/a5id6vbn/iframe/4vfhq3op" type="button">
        <span class="icon-play"></span><span class="visually-hidden">launch video</span>
      </button>

    </div>
    */
.c-location-filter__form {
  padding: 1.25rem;
  margin-bottom: 1.375rem;
  background: #c6cdc6;
}

@media (min-width: 61.25em) {
  .c-location-filter__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.c-location-filter__heading {
  color: black;
  font-size: 1.25rem;
  line-height: 1.4;
  text-align: center;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #999999;
  margin-bottom: 0.75rem;
}

@media (min-width: 61.25em) {
  .c-location-filter__heading {
    -ms-flex: 1 0 3.75rem;
        flex: 1 0 3.75rem;
    font-size: 1.5625rem;
    padding-bottom: 0;
    margin: auto 0;
    border-bottom: 0;
  }
}

.c-location-filter__field {
  margin-bottom: 1.375rem;
}

@media (min-width: 61.25em) {
  .c-location-filter__field {
    margin: 0 0 0 1.875rem;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
  }
}

.c-location-filter__label {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

@media (min-width: 61.25em) {
  .c-location-filter__button {
    width: auto;
    height: 3.6875rem;
    margin: 0 0 0 1.875rem;
  }
}

.c-location-filter__text {
  font-size: 1.125rem;
  text-align: center;
}

@media (min-width: 61.25em) {
  .c-location-filter__text {
    text-align: left;
  }
}

.c-location-filter__text strong:first-of-type {
  text-transform: capitalize;
}

.c-no-results {
  padding: 2rem;
  width: 100%;
  background: #e6e5e5;
  text-align: center;
}

.c-product-info {
  margin-bottom: 2rem;
}

.c-product-info__row {
  margin-bottom: 1rem;
}

.c-product-info__header--major, .c-product-info__header--minor,
.c-product-info__header {
  margin-bottom: 0;
  padding: 1rem;
  background: #002f76;
  color: white;
}

.c-product-info__header--major   .c-product-info__body, .c-product-info__header--minor   .c-product-info__body,
.c-product-info__header   .c-product-info__body {
  border-top: 0;
}

.striko .c-product-info__header--major, .striko .c-product-info__header--minor, .striko
.c-product-info__header {
  background-color: #ae1231;
}

.c-product-info__header--major {
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
}

.c-product-info__body {
  border: 1px solid #cccccc;
}

@media (min-width: 61.25em) {
  .c-product-info__body {
    display: -ms-flexbox;
    display: flex;
  }
}

.c-product-info__col {
  -ms-flex: 1;
      flex: 1;
  padding: 1rem;
}

.c-product-info__col:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 61.25em) {
  .c-product-info__col:not(:last-child) {
    border-right: 1px solid #cccccc;
    border-bottom: 0;
  }
}

@media (min-width: 46.25em) {
  .c-product-info__data {
    display: -ms-flexbox;
    display: flex;
  }
}

.c-product-info__data-icon {
  position: relative;
  display: block;
  margin-top: -1rem;
  margin-left: -1rem;
  height: 2.5rem;
  width: 2.5rem;
  background: #c6cdc6;
}

.striko .c-product-info__data-icon {
  background-color: #ae1231;
}

.c-product-info__data-icon .icon-tick {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 0.928125rem;
  width: 1.281875rem;
}

.c-product-info__data-icon svg {
  fill: #002f76;
}

.striko .c-product-info__data-icon svg {
  fill: white;
}

.c-product-info__data-item {
  margin-top: 0;
  padding-right: 2rem;
}

.c-product-info__data-item p {
  margin: 0;
}

@media (max-width: 46.24em) {
  .c-product-info__data-item {
    margin-bottom: 1rem;
  }
}

.c-product-info__data-title {
  margin: 0 0 0.5rem;
  padding: 0;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
}

.c-product__wrapper--aside,
.c-product__wrapper {
  margin: 0 0.5rem 0rem;
}

@media (min-width: 30em) {
  .c-product__wrapper--aside,
  .c-product__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.c-product__wrapper--aside .c-pagination,
.c-product__wrapper .c-pagination {
  overflow: visible;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-product__wrapper--aside .c-pagination .c-pagination-item,
.c-product__wrapper .c-pagination .c-pagination-item {
  margin-bottom: 0.0625rem;
}

.c-product {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 0 2rem 0;
  width: 100%;
}

@media (min-width: 33.75em) {
  .c-product {
    -ms-flex-preferred-size: calc(100% / 2 - 1rem);
        flex-basis: calc(100% / 2 - 1rem);
    margin: 0 2rem 2rem 0;
    max-width: calc(100% / 2 - 1rem);
  }
  .c-product:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 61.25em) {
  .c-product {
    -ms-flex-preferred-size: calc(100% / 4 - 1.5rem);
        flex-basis: calc(100% / 4 - 1.5rem);
    max-width: calc(100% / 4 - 1.5rem);
  }
  .c-product:nth-child(2n) {
    margin-right: 2rem;
  }
  .c-product:nth-child(4n) {
    margin-right: 0;
  }
}

.c-product__title {
  font-size: 38px;
  font-size: 2.375rem;
  padding-top: 1rem;
  border-top: 1px solid #cccccc;
  text-align: center;
}

.c-product__image {
  display: block;
  margin-bottom: 0.875rem;
  width: 100%;
}

.c-product__info-icon {
  margin-right: 1rem;
}

.c-product__attribute {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.c-product__info-header {
  margin: 0;
  -ms-flex: 0 1 5rem;
      flex: 0 1 5rem;
  color: #3c4135;
  font-family: "open_sansbold", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}

.c-product__info-body {
  margin: 0;
  color: #3c4135;
}

h3.c-product__name {
  font-size: 21px;
  font-size: 1.3125rem;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.5rem;
  margin: 0 0 0.625rem;
}

.c-product__content {
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}

.c-product__body {
  font-size: 16px;
  font-size: 1rem;
  -webkit-flex: 1;
  height: 100%;
  color: #3c4135;
}

.c-product__button {
  position: static;
  border-radius: 2px;
}

.c-product__button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.c-product__currency--large,
.c-product__currency {
  position: relative;
  display: inline-block;
  padding: 1rem;
  height: 0;
  width: 0;
  background: #c6cdc6;
  border-radius: 100%;
}

.c-product__currency--large {
  font-size: 24px;
  font-size: 1.5rem;
  padding: 2rem;
  line-height: 1;
}

.c-product__currency-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translatex(-50%) translatey(-50%);
      transform: translatex(-50%) translatey(-50%);
}

.c-product__wrapper--aside {
  margin: 0 0.5rem 2rem;
}

@media (min-width: 46.25em) {
  .c-product__wrapper--aside {
    padding: 0 0 0 2rem;
  }
}

/*
### related products
     <section>
        <h2 class="c-product__title">in verbindung stehende artikel</h2>
        <div class="c-product__wrapper">
          <div class="c-product">
            <span class="c-product__image" style="background-image: ;">
            </span>
            <nav class="c-product-breadcrumb">
              <ol class="c-product-breadcrumb__list">
                <li class="c-product-breadcrumb__item"><a class="c-product-breadcrumb__link" href="#">shipyards</a></li>
                <li class="c-product-breadcrumb__item"><a class="c-product-breadcrumb__link" href="#">airblast & wetblast</a></li>
              </ol>
            </nav>

            <h3 class="c-product__name">kraft und präzision</h3>
            <div class="c-product__body">
              <p>
                andreas moller spricht über das, was wheelabrator für sie tun können
              </p>
              <p>
                etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
              </p>
            </div>
            <a class="c-product__button" href="#">mehr sehen</a>
          </div>
          <div class="c-product">
            <span class="c-product__image" style="background-image: ;">
            </span>
            <nav class="c-product-breadcrumb">
              <ol class="c-product-breadcrumb__list">
                <li class="c-product-breadcrumb__item"><a class="c-product-breadcrumb__link" href="#">shipyards</a></li>
                <li class="c-product-breadcrumb__item"><a class="c-product-breadcrumb__link" href="#">airblast & wetblast</a></li>
              </ol>
            </nav>

            <h3 class="c-product__name">kraft und präzision</h3>
            <div class="c-product__body">
              <p>
                andreas moller spricht über das, was wheelabrator für sie tun können
              </p>
              <p>
                etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
              </p>
            </div>
            <a class="c-product__button" href="#">mehr sehen</a>
          </div>
          <div class="c-product">
            <span class="c-product__image" style="background-image: ;">
            </span>
            <nav class="c-product-breadcrumb">
              <ol class="c-product-breadcrumb__list">
                <li class="c-product-breadcrumb__item"><a class="c-product-breadcrumb__link" href="#">shipyards</a></li>
                <li class="c-product-breadcrumb__item"><a class="c-product-breadcrumb__link" href="#">airblast & wetblast</a></li>
              </ol>
            </nav>

            <h3 class="c-product__name">kraft und präzision</h3>
            <div class="c-product__body">
              <p>
                andreas moller spricht über das, was wheelabrator für sie tun können
              </p>
              <p>
                etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
              </p>
            </div>
            <a class="c-product__button" href="#">mehr sehen</a>
          </div>
          <div class="c-product">
            <span class="c-product__image" style="background-image: ;">
            </span>
            <nav class="c-product-breadcrumb">
              <ol class="c-product-breadcrumb__list">
                <li class="c-product-breadcrumb__item"><a class="c-product-breadcrumb__link" href="#">shipyards</a></li>
                <li class="c-product-breadcrumb__item"><a class="c-product-breadcrumb__link" href="#">airblast & wetblast</a></li>
              </ol>
            </nav>

            <h3 class="c-product__name">kraft und präzision</h3>
            <div class="c-product__body">
              <p>
                andreas moller spricht über das, was wheelabrator für sie tun können
              </p>
              <p>
                etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
              </p>
            </div>
            <a class="c-product__button" href="#">mehr sehen</a>
          </div>
        </div>
      </section>

      */
.c-quick-contact {
  background-color: #e2e2e2;
}

.c-quick-contact__methods {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 23px 0;
  text-align: center;
}

@media (min-width: 46.25em) {
  .c-quick-contact__methods {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.c-quick-contact__link--email,
.c-quick-contact__link--phone {
  font-size: 29px;
  color: #3b3f34;
  display: block;
  font-family: "open_sansbold";
  text-decoration: none;
}

.c-quick-contact__link--email .icon-call-alt svg,
.c-quick-contact__link--phone .icon-call-alt svg {
  width: 45px;
  height: 45px;
  fill: #ce215e;
  position: relative;
  top: 0;
  right: 3px;
}

.c-quick-contact__link--email .icon-email-alt svg,
.c-quick-contact__link--phone .icon-email-alt svg {
  width: 45px;
  height: 45px;
  fill: #ce215e;
  position: relative;
  top: 0;
  right: 5px;
}

.c-quick-contact__icon {
  display: block;
}

@media (min-width: 46.25em) {
  .c-quick-contact__icon {
    float: left;
  }
}

.c-quick-contact__link--phone {
  margin-bottom: 1.5rem;
}

@media (min-width: 46.25em) {
  .c-quick-contact__link--phone {
    margin-bottom: 0;
    margin-right: 45px;
  }
}

@media (min-width: 46.25em) {
  .c-signup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

.c-signup__label {
  font-size: 28px;
  font-size: 1.75rem;
  display: block;
  margin-bottom: 1rem;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  line-height: 1.75rem;
  font-weight: bold;
}

@media (min-width: 46.25em) {
  .c-signup__label {
    margin-right: 1rem;
    margin-bottom: 0;
    width: 100%;
  }
}

.c-signup__field {
  margin-bottom: 1.125rem;
}

.c-signup__field[type="email"], .c-signup__field[type="text"] {
  padding: 0.75rem;
  color: #57595b;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-style: italic;
  font-size: 1.125rem;
  background-color: #f2eeee;
  border: 0.0625rem solid #ffc20e;
  border-radius: 0.125rem;
  box-shadow: inset 0 0 0 0.1875rem #d9d5d4;
}

@media (min-width: 46.25em) {
  .c-signup__field[type="email"], .c-signup__field[type="text"] {
    margin-left: auto;
    max-width: 20.625rem;
    width: 100%;
  }
}

.c-signup__field[type="email"]::-webkit-input-placeholder, .c-signup__field[type="text"]::-webkit-input-placeholder {
  color: #57595b;
  text-align: left;
}

.c-signup__field[type="email"]:-moz-placeholder, .c-signup__field[type="text"]:-moz-placeholder {
  color: #57595b;
  text-align: left;
}

.c-signup__field[type="email"]::-moz-placeholder, .c-signup__field[type="text"]::-moz-placeholder {
  color: #57595b;
  text-align: left;
}

.c-signup__field[type="email"]:-ms-input-placeholder, .c-signup__field[type="text"]:-ms-input-placeholder {
  color: #57595b;
  text-align: left;
}

@media (min-width: 46.25em) {
  .c-signup__field {
    margin-bottom: 0;
  }
}

.c-signup__button {
  padding: 0.8125rem 0.625rem 1.0625rem 0.625rem;
  width: 100%;
}

@media (min-width: 46.25em) {
  .c-signup__button {
    margin-left: 0.75rem;
    max-width: 12rem;
  }
}

.c-signup__additional {
  display: none;
  margin-top: 1rem;
  padding: 1rem;
  background: #c6cdc6;
}

.c-signup__additional .o-col {
  min-height: 0;
}

.c-signup__additional label {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-weight: bold;
}

.c-signup__additional .validation-summary-errors {
  display: none;
}

/*
### newsletter signup
        <div class="c-signup">
            <label class="c-signup__label" for="newletter-signup">melden sie sich fur unseren newsletter</label>
            <input class="c-signup__field" id="newletter-signup" type="email" placeholder="e-mail-addresse" />
            <input class="c-signup__button" type="submit" value="treten sie der liste" />
          </div>


          */
.c-site-footer {
  padding-bottom: 3.1875rem;
  background-color: #002f76;
}

.castalloy .c-site-footer {
  border: 0;
  border-bottom: 1px solid #c5cdc9;
}

.c-site-footer__section {
  padding: 2.4375rem 0 2.4375rem;
  background-color: white;
}

.c-site-footer__section--bg {
  background-color: #e2e2e2;
  border-top: 1px solid #c5cdc9;
  border-bottom: 1px solid #c5cdc9;
  padding: 0;
}

.c-site-footer__section:nth-of-type(2) {
  padding: 2.0625rem 0 1.5rem;
  background-color: #e6e5e5;
  border-top: 0;
  border-bottom: 0.375rem solid #ffc20e;
}

@media (min-width: 46.25em) {
  .c-site-footer__section:nth-of-type(2) {
    padding: 2.0625rem 0 2.4375rem;
  }
}

@media (min-width: 46.25em) {
  .c-site-footer__info-wrapper {
    display: -ms-flexbox;
    display: flex;
  }
}

.castalloy .c-site-footer__info-wrapper {
  padding: 3.125rem 0;
}

@media (min-width: 46.25em) {
  .c-site-footer__info {
    -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem);
  }
}

.c-site-footer__info:last-child {
  margin-top: 2.5rem;
}

@media (min-width: 46.25em) {
  .c-site-footer__info:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 0;
    margin-left: auto;
    text-align: right;
  }
}

.c-site-footer__info:nth-of-type(1) .c-site-footer__info-list {
  margin-top: 0;
}

.c-site-footer__info-list {
  margin: 1.125rem 0 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 46.25em) {
  .c-site-footer__info-list {
    margin-top: 0;
  }
}

.c-site-footer__info-item {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 0.625rem;
}

.c-site-footer__info-item:first-child {
  margin-top: 0;
}

.c-site-footer__info-link {
  color: #57595b;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.c-site-footer__info-link:hover, .c-site-footer__info-link:focus {
  color: #57595b;
  text-decoration: underline;
}

.c-site-footer__copyright {
  margin-top: 1.375rem;
  font-size: 18px;
  font-size: 1.125rem;
  color: #57595b;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 500;
}

@media (min-width: 46.25em) {
  .c-site-footer__copyright {
    margin-top: auto;
    margin-bottom: 0;
  }
}

/*
  ### site footer

  <div class="c-site-footer__info-wrapper">
          <nav class="c-site-footer__info" aria-label="footer site menu 1">
            <ul class="c-site-footer__info-list">
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">partner sites</a></li>
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">contact us</a></li>
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">about, events, insight</a></li>
            </ul>
          </nav>
          <nav class="c-site-footer__info" aria-label="footer site menu 2">
            <ul class="c-site-footer__info-list">
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">norican home</a></li>
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">site map</a></li>
              <li class="c-site-footer__info-item"><a class="c-site-footer__info-link" href="#">terms and conditions</a></li>
            </ul>
          </nav>
          <div class="c-site-footer__info">
            <ul class="c-social__list">
              <li class="c-social__item"><a class="c-social__link" href="#" target="_blank" title="link opens in new window"><span class="c-social__icon"></span><span class="visually-hidden">facebook</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="#" target="_blank" title="link opens in new window"><span class="c-social__icon"></span><span class="visually-hidden">twitter</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="#" target="_blank" title="link opens in new window"><span class="c-social__icon"></span><span class="visually-hidden">youtube</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="#" target="_blank" title="link opens in new window"><span class="c-social__icon"></span><span class="visually-hidden">linkedin</span></a></li>
            </ul>
            <p class="c-site-footer__copyright">© copyright norican group 2016</p>
          </div>
        </div>
        */
.c-site-header {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0;
  border-bottom: 0.0625rem solid #b3b2b2;
  background-color: white;
}

.c-site-header__top {
  padding: 0.875rem 0;
  background-color: #002f76;
}

.c-site-header__top-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.c-site-header__inner {
  display: -ms-flexbox;
  display: flex;
  padding: 1.625rem 0;
}

.c-site-header__aside, .c-site-header-alt__main {
  padding: 0.5rem;
}

.c-site-header__main {
  position: relative;
  padding-right: 1rem;
  width: 100%;
}

@media (min-width: 61.25em) {
  .c-site-header__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: center;
        align-items: center;
    padding: 0;
  }
}

@media (min-width: 61.25em) {
  .c-site-header__main-top {
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 61.25em) {
  .c-site-header__main-bottom {
    margin-left: auto;
  }
}

@media (min-width: 61.25em) {
  .c-site-header__logo {
    margin-right: 2.5rem;
  }
}

.c-site-header__logo a {
  display: block;
}

.c-site-header__logo img {
  display: block;
  max-width: 8.125rem;
}

@media (min-width: 30em) {
  .c-site-header__logo img {
    max-width: none;
  }
}

@media (min-width: 61.25em) {
  .c-site-header__logo img {
    margin-left: 0;
  }
}

.c-search-form {
  position: relative;
  z-index: 5;
  height: 0;
  opacity: 0;
  visibility: hidden;
  background-color: #c5cdc9;
  transition: opacity 0.1s ease-in-out;
}

.c-search-form.is-active {
  height: auto;
  opacity: 1;
  visibility: visible;
}

@media (min-width: 61.25em) {
  .c-search-form__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

.c-search-form__form {
  position: relative;
  padding: 0.625rem 0;
}

@media (min-width: 61.25em) {
  .c-search-form__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 7.5rem;
    max-width: 30.3125rem;
    width: 100%;
  }
}

.c-search-form__form-label {
  display: none;
  vertical-align: middle;
  margin-right: 1rem;
  color: #57595b;
  font-size: 1.3125rem;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}

@media (min-width: 61.25em) {
  .c-search-form__form-label {
    display: inline-block;
  }
}

input[type="search"].c-search-form__form-input {
  padding: 0 2.8125rem 0 0.9375rem;
  min-height: 2.625rem;
  color: #57595b;
  font-size: 1rem;
  background-color: white;
  border: 0.0625rem solid #b0a9ac;
  border-radius: 0.125rem;
}

input[type="search"].c-search-form__form-input::-webkit-input-placeholder {
  color: #57595b;
}

input[type="search"].c-search-form__form-input:-moz-placeholder {
  color: #57595b;
}

input[type="search"].c-search-form__form-input::-moz-placeholder {
  color: #57595b;
}

input[type="search"].c-search-form__form-input:-ms-input-placeholder {
  color: #57595b;
}

.c-search-form__close-button {
  position: relative;
  display: inline-block;
  padding: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: 0;
  border: 0;
  display: none;
}

@media (min-width: 61.25em) {
  .c-search-form__close-button {
    display: block;
  }
}

.c-search-form__form-input-submit {
  position: absolute;
  top: 0.8125rem;
  right: 0.1875rem;
  height: 2.25rem;
  width: 2.25rem;
  background-color: #ffc20e;
  border: 0;
  border-radius: 0.125rem;
  transition: background-color 0.1s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 0;
}

.c-search-form__form-input-submit:hover {
  background-color: #002f76;
}

.c-search-form__form-input-submit:hover svg {
  fill: #ffc20e;
}

.c-search-form__form-input-submit svg {
  height: 1.125rem;
  width: 1.125rem;
  fill: #002f76;
  transition: fill 0.1s ease-in-out;
}

.c-site-header__primary-nav, .c-site-header__secondary-nav, .c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav {
  display: none;
  width: 100%;
}

@media (min-width: 61.25em) {
  .c-site-header__primary-nav, .c-site-header__secondary-nav, .c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav {
    display: block;
  }
}

.c-site-header__primary-nav ul, .c-site-header__secondary-nav ul, .c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav ul {
  list-style-type: none;
}

.c-site-header__primary-nav li, .c-site-header__secondary-nav li, .c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav li {
  display: inline-block;
}

.c-site-header__primary-nav a, .c-site-header__secondary-nav a, .c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav a {
  display: block;
  text-decoration: none;
}

.c-site-header__primary-nav {
  display: none;
  margin-right: auto;
  text-align: right;
}

@media (min-width: 46.25em) {
  .c-site-header__primary-nav {
    display: block;
  }
}

@media (min-width: 61.25em) {
  .c-site-header__primary-nav {
    width: 100%;
    padding-right: 6.875rem;
  }
}

.castalloy .c-site-header__primary-nav {
  color: #263575;
}

.castalloy .c-site-header__primary-nav a {
  font-size: 0.875rem;
  color: #c5c6c6;
}

.c-site-header__primary-nav-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 0;
  padding: 0;
}

.c-site-header__primary-nav-list li {
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.625rem;
}

.c-site-header__primary-nav-list li:first-child {
  margin-left: 0;
}

.c-site-header__primary-nav-list li button {
  margin-left: 0.625rem;
  padding: 0;
  background-color: transparent;
  border: 0;
}

.c-site-header__primary-nav-list li button svg {
  position: relative;
  top: 0.0625rem;
  margin: 0;
  height: 0.625rem;
  width: 0.625rem;
  fill: white;
  transition: transform 0.1s ease-in-out;
}

.c-site-header__primary-nav-list li button.is-active svg {
  -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
}

.c-site-header__primary-nav-list a {
  display: block;
  color: white;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1rem;
}

.c-site-header__primary-nav-list a:focus {
  color: white;
}

.c-site-header__primary-nav-list a:hover {
  color: white;
  text-decoration: underline;
}

.c-site-header__primary-nav-sub {
  position: absolute;
  top: 2.8125rem;
  z-index: 100;
  display: none;
  margin: 0;
  padding: 0.625rem;
  min-width: 7.5rem;
  background-color: #002f76;
  list-style-type: none;
  border: 0.0625rem solid #cccccc;
}

.c-site-header__primary-nav-sub li {
  display: block;
  width: 100%;
  margin: 0.625rem 0 0;
  text-align: left;
}

.c-site-header__primary-nav-sub li:first-child {
  margin-top: 0;
}

.c-site-header__primary-nav-sub li a {
  display: block;
  text-align: left;
  cursor: pointer;
}

.c-site-header__primary-nav-sub li a:focus {
  color: white;
}

.c-site-header__primary-nav-sub li a:hover {
  text-decoration: underline;
}

.c-site-header__primary-nav-sub.is-active {
  display: block;
}

.c-site-header__secondary-nav {
  position: relative;
}

@media all and (min-width: 61.25em) and (-ms-high-contrast: none), (min-width: 61.25em) and (-ms-high-contrast: active) {
  .c-site-header__secondary-nav {
    max-width: 61.25rem;
  }
}

.c-site-header__secondary-nav ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0;
  margin-bottom: 0;
}

@media (min-width: 61.25em) {
  .c-site-header__secondary-nav ul li {
    margin-left: 1.5rem;
  }
  .c-site-header__secondary-nav ul li:first-child {
    margin-left: 0;
  }
}

.c-site-header__secondary-nav a {
  position: relative;
  display: block;
  padding: 0;
  height: 100%;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}

.c-site-header__secondary-nav a:after {
  content: "";
  position: absolute;
  bottom: -0.5625rem;
  left: 0;
  height: 0.375rem;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.1s ease-in-out;
}

@media (min-width: 61.25em) {
  .c-site-header__secondary-nav a {
    font-size: 1.125rem;
    font-weight: 600;
  }
}

.c-site-header__secondary-nav a:hover:after, .c-site-header__secondary-nav a.active:after {
  background-color: #ffc20e;
}

.castalloy .c-site-header__secondary-nav a {
  color: #263575;
  font-size: 0.875rem;
}

.c-site-header__secondary-nav a.is-active {
  background: #e6e5e5;
}

.c-site-header__mega-menu {
  position: absolute;
  top: 8.25rem;
  right: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}

.c-site-header__mega-menu-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0;
  list-style-type: none;
  background: white;
}

@media (min-width: 61.25em) {
  .c-site-header__mega-menu-item {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.c-site-header__mega-menu-item > li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  margin-left: 5%;
}

.c-site-header__mega-menu-item > li:first-child {
  margin-left: 0;
}

.c-site-header__mega-menu-item img {
  width: 100%;
}

.c-site-header__mega-menu-item ul {
  padding: 0;
  list-style-type: none;
}

.c-site-header__mega-menu-item ul li {
  margin-top: 0.9375rem;
}

.c-site-header__mega-menu-item ul li:first-child {
  margin-top: 0;
}

.c-site-header__mega-menu-item ul li a {
  position: relative;
  display: inline-block;
  color: #3d4135;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1rem;
  text-decoration: none;
}

.c-site-header__mega-menu-item ul li a:after {
  content: "";
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  height: 0.0625rem;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.1s ease-in-out;
}

.c-site-header__mega-menu-item ul li a:hover {
  color: #3d4135;
}

.c-site-header__mega-menu-item ul li a:hover:after {
  background-color: #ffc20e;
}

.c-site-header__mega-menu-item a {
  position: relative;
  display: inline-block;
  color: #3d4135;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1rem;
  text-decoration: none;
}

.c-site-header__mega-menu-item a:after {
  content: "";
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  height: 0.0625rem;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.1s ease-in-out;
}

.c-site-header__mega-menu-item a:hover {
  color: #3d4135;
}

.c-site-header__mega-menu-item a:hover:after {
  background-color: #ffc20e;
}

.c-site-header__mega-menu-item-container {
  display: none;
  padding: 1.25rem 0;
  width: 100%;
  background: white;
  border-top: 0.0625rem solid #b3b2b2;
}

.c-site-header__mega-menu-item-title {
  min-height: 3.625rem;
}

.c-site-header__mega-menu-item-title a {
  margin-bottom: 1.25rem;
  padding: 0;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 900;
}

.c-site-header__mega-menu-item-title a:hover {
  color: #002f76;
}

.c-site-header__mega-menu-item-all {
  color: #3d4135;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-weight: 900;
}

.c-site-header__aside {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0;
  width: 100%;
}

@media (min-width: 61.25em) {
  .c-site-header__aside {
    width: auto;
  }
}

.c-site-header__search-button-icon {
  padding: 0;
  background: none;
  background-size: 100%;
  border: 0;
}

.c-site-header__search-button-icon svg {
  height: 1.375rem;
  width: 1.375rem;
  fill: #002f76;
}

.c-site-header__search-icon {
  position: relative;
  margin-left: 0.875rem;
  height: 1.375rem;
  width: 1.375rem;
}

@media (min-width: 61.25em) {
  .c-site-header__search-icon {
    margin-left: 1.5rem;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-site-header__search-icon {
    top: -0.125rem;
  }
}

.c-site-header__search-button {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0;
  height: 1.375rem;
  width: 1.375rem;
  background: 0;
  border: 0;
}

.c-site-header__search-button-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 1.375rem;
  width: 1.375rem;
  fill: #002f76;
  transition: opacity 0.1s ease-in-out;
}

.c-site-header__search-button-icon--search {
  opacity: 1;
  visibility: visible;
}

.is-active .c-site-header__search-button-icon--search {
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 61.25em) {
  .is-active .c-site-header__search-button-icon--search {
    opacity: 1;
    visibility: visible;
  }
}

.c-site-header__search-button-icon--close {
  height: 1.375rem;
  width: 1.3125rem;
  opacity: 0;
  visibility: hidden;
  transition: fill 0.1s ease-in-out;
}

@media (min-width: 61.25em) {
  .c-site-header__search-button-icon--close {
    height: 1.25rem;
    width: 1.25rem;
    fill: #57595b;
  }
  .c-site-header__search-button-icon--close:hover {
    fill: #002f76;
  }
}

.is-active .c-site-header__search-button-icon--close {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 61.25em) {
  .is-active .c-site-header__search-button-icon--close {
    visibility: hidden;
  }
}

.c-site-form__search-close-button-icon {
  fill: #002f76;
}

.c-site-header__locale {
  position: relative;
  margin-top: -0.3125rem;
}

@media (min-width: 61.25em) {
  .c-site-header__locale {
    position: absolute;
    top: 1rem;
    margin-top: 0;
  }
}

@media screen and (min-width: 61.25em) and (-ms-high-contrast: active), (min-width: 61.25em) and (-ms-high-contrast: none) {
  .c-site-header__locale {
    top: 0.6875rem;
  }
}

.c-site-header__locale label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #002f76;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

@media (min-width: 61.25em) {
  .c-site-header__locale label {
    color: white;
  }
}

.c-site-header__locale label > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}

.c-site-header__locale label > span.is-active svg {
  -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
}

.c-site-header__locale label > span img {
  margin-right: 0.3125rem;
}

.c-site-header__locale input[type="checkbox"] {
  display: none;
}

.c-site-header__locale input[type="checkbox"]:checked ~ ul {
  display: block;
}

.c-site-header__locale input[type="radio"] {
  display: none;
}

.c-site-header__locale ul {
  position: absolute;
  top: 1.8125rem;
  left: 0;
  z-index: 50;
  display: none;
  padding: 0.5rem;
  list-style-type: none;
  background: white;
  border: 0.0625rem solid #cccccc;
}

.c-site-header__locale ul li {
  margin-top: 0.625rem;
}

.c-site-header__locale ul li:first-child {
  margin-top: 0;
}

.c-site-header__locale ul label {
  margin: 0;
  padding: 0;
  color: #002f76;
  font-size: 0.75rem;
}

.c-site-header__locale ul img {
  display: inline-block;
  margin-right: 0.5rem;
}

.c-site-header__locale img {
  position: relative;
  top: 0.0625rem;
  margin-right: 0.25rem;
}

.c-site-header__locale-arrow {
  margin-left: 0.3125rem;
  height: 0.625rem;
  width: 0.625rem;
  fill: #002f76;
  transition: transform 0.1s ease-in-out;
}

@media (min-width: 61.25em) {
  .c-site-header__locale-arrow {
    fill: white;
  }
}

/*
  ### site header
  */
/*
  ### site header castalloy
  */
.c-site-header-alt {
  margin: 0 0 1rem;
  padding: 1rem 0 0;
}

.c-site-header-alt__main {
  padding-right: 3rem;
  width: 100%;
}

.c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav {
  display: none;
  width: 100%;
  position: relative;
}

@media (min-width: 61.25em) {
  .c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav {
    display: block;
  }
}

.c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}

.c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav li {
  margin-right: 1rem;
}

.c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav li:last-child {
  margin-right: 0;
}

.c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav a {
  display: block;
  padding: 0.5rem;
  height: 100%;
  color: #263575;
  font-size: 0.875rem;
}

.c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav a:hover, .c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav a:focus, .c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav a:active {
  color: #263575;
  background: #e6e5e5;
}

.c-site-header-alt__main-bottom .c-site-header-alt__secondary-nav a.is-active {
  background: #e6e5e5;
}

.c-site-header-alt__main {
  padding-right: 0rem;
}

.c-site-header-alt__main-bottom {
  display: -ms-flexbox;
  display: flex;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-input {
  border: 0;
  border-bottom: 0.0625rem solid #cccccc;
  outline: 0;
  font-size: 0.75rem;
  padding-left: 0;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-input::-webkit-input-placeholder {
  color: #cccccc;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-input:-moz-placeholder {
  color: #cccccc;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-input::-moz-placeholder {
  color: #cccccc;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-input:-ms-input-placeholder {
  color: #cccccc;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-input:focus {
  border-color: #ce215e;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-form {
  position: relative;
  margin-right: 2.1875rem;
  min-width: 10rem;
  width: 100%;
  display: none;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-form .c-site-header-alt__search-button--search {
  display: block !important;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-form.is-active {
  display: block;
}

@media (min-width: 61.25em) {
  .c-site-header-alt__main-bottom .c-site-header-alt__search-form {
    width: auto;
    display: block;
  }
}

.is-active.c-site-header-alt__search-icon .c-site-header-alt__search-button--close {
  display: block;
}

.is-active.c-site-header-alt__search-icon .c-site-header-alt__search-button--search {
  display: none;
}

.c-site-header-alt__main-bottom .c-site-header-alt__search-icon {
  float: right;
  position: absolute;
  right: -1.25rem;
  top: 0.5rem;
  cursor: pointer;
}

.c-site-header-alt__search-button--search,
.c-site-header-alt__search-button--close {
  padding: 0;
  border: 0;
  background-color: transparent;
}

.c-site-header-alt__search-button--search svg,
.c-site-header-alt__search-button--close svg {
  height: 0.9375rem;
  width: 0.9375rem;
  fill: #ce215e;
}

.c-site-header-alt__search-button--search svg path:last-child,
.c-site-header-alt__search-button--close svg path:last-child {
  stroke: #ce215e;
}

.c-mobile-navigation-button {
  position: relative;
  display: inline-block;
  padding: 0;
  margin-left: 1.125rem;
  width: 1.6875rem;
  height: 1.5625rem;
  background: 0;
  border: 0;
}

@media (min-width: 61.25em) {
  .c-mobile-navigation-button {
    display: none;
  }
}

.c-mobile-navigation-button__icon {
  position: absolute;
  top: 0.0625rem;
  left: 0;
  width: 1.5rem;
  height: 1.375rem;
  fill: #002f76;
  transition: opacity 0.2s ease-in-out;
}

.c-mobile-navigation-button__icon--menu {
  opacity: 1;
  visibility: visible;
}

.is-open > .c-mobile-navigation-button__icon--menu {
  opacity: 0;
  visibility: hidden;
}

.c-mobile-navigation-button__icon--close {
  height: 1.4375rem;
  width: 1.3125rem;
  opacity: 0;
  visibility: hidden;
}

.is-open > .c-mobile-navigation-button__icon--close {
  opacity: 1;
  visibility: visible;
}

.c-mobile-navigation {
  position: absolute;
  top: 6.8125rem;
  left: 0;
  z-index: 5;
  width: 100%;
  padding-bottom: 3.125rem;
  opacity: 0;
  visibility: hidden;
  background-color: #002f76;
  transition: opacity 0.2s ease-in-out;
}

@media (min-width: 61.25em) {
  .c-mobile-navigation {
    display: none;
  }
}

.c-mobile-navigation.is-open {
  opacity: 1;
  visibility: visible;
}

.c-mobile-navigation__primary-list, .c-mobile-navigation__secondary-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.c-mobile-navigation__primary-list li, .c-mobile-navigation__secondary-list li {
  position: relative;
  display: block;
}

.c-mobile-navigation__primary-list li button, .c-mobile-navigation__secondary-list li button {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 0.625rem;
  padding: 0;
  height: 3.625rem;
  width: 3.625rem;
  background-color: transparent;
  border: 0;
}

.c-mobile-navigation__primary-list li button svg, .c-mobile-navigation__secondary-list li button svg {
  position: relative;
  margin: 0;
  height: 0.625rem;
  width: 0.625rem;
  transition: transform 0.2s ease-in-out;
}

.c-mobile-navigation__primary-list li button.is-active svg, .c-mobile-navigation__secondary-list li button.is-active svg {
  -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
}

.c-mobile-navigation__primary-list a, .c-mobile-navigation__secondary-list a {
  display: inline-block;
  padding: 0.875rem 3.625rem 1.125rem 2.5rem;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
  transition: background-color 0.2s ease-in-out;
}

.c-mobile-navigation__primary-list li button svg {
  fill: #ffffff;
}

.c-mobile-navigation__primary-list a {
  color: white;
  background: #002f76;
}

.c-mobile-navigation__primary-list a:hover {
  color: white;
  background-color: #003585;
}

.c-mobile-navigation__secondary-list li button svg {
  fill: #002f76;
}

.c-mobile-navigation__secondary-list a {
  color: #002f76;
  background: white;
}

.c-mobile-navigation__secondary-list a:hover {
  color: #002f76;
  background-color: #cccccc;
}

.c-site-header__secondary-nav-sub {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-site-header__secondary-nav-sub.is-active {
  display: block;
}

.c-mobile-navigation__primary-list .c-site-header__primary-nav-sub {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: initial;
}

.c-mobile-navigation__primary-list .c-site-header__primary-nav-sub.is-active {
  display: block;
}

.c-social__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-social__item {
  display: inline-block;
  margin-left: 0.5625rem;
}

.c-social__item:first-child {
  margin-left: 0;
}

.c-social__link {
  display: inline-block;
  height: 1.9375rem;
  width: 1.9375rem;
  background-color: #333333;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 64%;
  border-radius: 100%;
}

.c-social__link[href*="facebook"] {
  background-color: #3b5897;
}

.c-social__link[href*="twitter"] {
  background-color: #00aceb;
}

.c-social__link[href*="youtube"] {
  background-color: #bd0000;
}

.c-social__link[href*="linkedin"] {
  background-color: #007db8;
}

.c-social__link[href*="google"] {
  background-color: #de4e3b;
}

.c-social__link[href*="pinterest"] {
  background-color: #cb2025;
}

.c-social__link[href*="tumblr"] {
  background-color: #32506c;
}

.c-social__link[href*="vine"] {
  background-color: #00bf8f;
}

.c-social__link:hover, .c-social__link:focus {
  background-color: #999999 !important;
}

.c-social-alt > div {
  overflow: hidden;
  float: right;
  margin-right: .2rem;
}

.c-social-alt > div:first-child {
  margin-right: 0;
}

.c-social-alt .fb-like {
  position: relative;
  top: -2px;
}

/*
### social
    
              <ul class="c-social__list">
              <li class="c-social__item"><a class="c-social__link" href="https://www.facebook.com/public/wheelabrator-norican" target="_blank" title="link opens in new window" style="background-image:url(/uploads/image/aicms/facebook.svg)"><span class="visually-hidden">facebook</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="https://twitter.com/noricangroup" target="_blank" title="link opens in new window" style="background-image:url(/uploads/image/aicms/twitter.svg)"><span class="visually-hidden">twitter</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="https://www.youtube.com/user/noricangroup" target="_blank" title="link opens in new window" style="background-image:url(/uploads/image/aicms/youtube.svg)"><span class="visually-hidden">youtube</span></a></li>
              <li class="c-social__item"><a class="c-social__link" href="https://www.linkedin.com/company/norican-group" target="_blank" title="link opens in new window" style="background-image:url(/uploads/image/aicms/linkedin-letters.svg)"><span class="visually-hidden">linkedin</span></a></li>
            </ul>
            */
.c-solutions-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #002f76;
}

@media (min-width: 46.25em) {
  .c-solutions-search {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
}

.c-solutions-search__inner {
  padding: 1.25rem 0;
}

@media (min-width: 46.25em) {
  .c-solutions-search__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: center;
        align-items: center;
    padding: 0;
  }
}

.c-solutions-search__aside {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media (min-width: 46.25em) {
  .c-solutions-search__aside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-item-align: center;
        align-self: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    margin-right: 2.5rem;
  }
}

.c-solutions-search__aside img {
  display: block;
  width: 100%;
  max-height: 25rem;
}

@media (min-width: 46.25em) {
  .c-solutions-search__aside img {
    margin: auto;
  }
}

.c-solutions-search__main {
  padding: 2.125rem 1.5rem;
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  background-color: #002f76;
}

@media (min-width: 46.25em) {
  .c-solutions-search__main {
    padding: 0;
  }
}

@media (min-width: 46.25em) {
  .c-solutions-search__problems {
    margin: 2.5rem 0 !important;
  }
}

@media (min-width: 61.25em) {
  .c-solutions-search__problems {
    margin: 4.25rem 0 !important;
  }
}

.c-solutions-search__main-title,
.c-solutions-search__main-desc {
  color: white;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}

.c-solutions-search__main-title {
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 46.25em) {
  .c-solutions-search__main-title {
    font-size: 2.5rem;
    font-weight: 500;
  }
}

.c-solutions-search__main-desc {
  margin: 0;
  font-size: 1.3125rem;
  line-height: 1.625rem;
}

@media (min-width: 46.25em) {
  .c-solutions-search__main-desc {
    font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 300;
  }
}

.c-solutions-search__select {
  margin-top: 1.75rem;
}

.c-solutions-search__select button:hover {
  color: white;
  background-color: black;
}

.c-solutions-search__select-contain {
  position: relative;
  margin: 0 0 1.3125rem;
  cursor: pointer;
}

@media (min-width: 46.25em) {
  .c-solutions-search__select-contain {
    margin-bottom: 1.875rem;
  }
}

.c-solutions-search__select-contain:after {
  content: '';
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
  height: 2.0625rem;
  width: 2.0625rem;
  background-color: #ffc20e;
  background-image: ;
  background-position: 0.5rem 0.6875rem;
  background-repeat: no-repeat;
  background-size: 0.9375rem;
  border: 0.0625rem solid white;
  border-radius: 0.125rem;
  pointer-events: none;
}

.c-solutions-search__select-contain select {
  position: relative;
  padding: 0.4375rem 2.8125rem 0.75rem 0.75rem;
  color: #57595b;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-style: italic;
  font-size: 1.125rem;
  background-color: #f2eeee;
  border: 0.125rem solid white;
  border-radius: 0.125rem;
  -webkit-appearance: none;
          appearance: none;
}

.c-solutions-search__select-label {
  display: block;
  color: white;
  margin: 0 0 0.625rem;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1.125rem;
}

@media (min-width: 46.25em) {
  .c-solutions-search__select-label {
    font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 300;
  }
}

.spacer-double {
  height: 2rem;
}

.spacer-triple {
  height: 3rem;
}

.spacer {
  height: 1rem;
}

.c-team__title {
  font-size: 38px;
  font-size: 2.375rem;
  margin-bottom: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #cccccc;
  text-align: center;
}

.c-team--50, .c-team--25 {
  margin: 0 -0.5rem 2rem;
}

@media (min-width: 46.25em) {
  .c-team--50, .c-team--25 {
    display: -ms-flexbox;
    display: flex;
  }
}

.c-team__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 0.5rem 1rem;
}

.c-team__item:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media (min-width: 46.25em) {
  .c-team__item {
    -ms-flex: 1;
        flex: 1;
  }
  .c-team--50 .c-team__item {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.c-team__content {
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 100%;
  width: 100%;
}

.c-team--50 .c-team__content {
  -ms-flex: 1;
      flex: 1;
}

.c-team__body {
  -webkit-flex: 1;
  height: 100%;
  text-align: center;
}

@media (min-width: 46.25em) {
  .c-team__body {
    text-align: left;
  }
}

.c-team__image {
  margin: 0 auto 1rem;
  border-bottom: 1px solid #cccccc;
  background-image: url(/uploads/image/aimg/team-bg.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-team__image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media (min-width: 46.25em) {
  .c-team--50 .c-team__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-bottom: 0;
    padding-right: 1rem;
  }
}

.c-team__name {
  font-size: 24px;
  font-size: 1.5rem;
}

.c-team__area {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.c-team__job {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0.5rem 0;
}

.c-team__contact {
  font-size: 14px;
  font-size: 0.875rem;
}

/*
### meet the team
      <div class="c-team--25">
        <div class="c-team__item">
          <img class="c-team__image"  alt="alt tag here" />
          <div class="c-team__body">
            <h2 class="c-team__name">benedikt höwedes</h2>
            <p class="c-team__area">wheelabrator agent</p>
            <p class="c-team__job">ing. schnür   haller kg</p>
            <p class="c-team__contact">
              erika-naumann-strasse 2<br />
              71063 sindelfingen<br />
              germany<br />
              phone:  49 711 687 007 0<br />
              fax:  49 711 687 007 86
            </p>
            <a class="c-team__button" href="#">mehr über benedikt</a>
          </div>

        </div>
        
        <div class="c-team__item">
          <img class="c-team__image"  alt="alt tag here" />
          <div class="c-team__body">
            <h2 class="c-team__name">sheila can schultz</h2>
            <p class="c-team__area">disa agent</p>
            <p class="c-team__job">ing. schnür   haller kg</p>
            <p class="c-team__contact">
              erika-naumann-strasse 2<br />
              71063 sindelfingen<br />
              germany<br />
              phone:  49 711 687 007 0<br />
              fax:  49 711 687 007 86
            </p>
            <a class="c-team__button" href="#">mehr über sheila</a>
          </div>
        </div>
        
        <div class="c-team__item">
          <img class="c-team__image"  alt="alt tag here" />
          <div class="c-team__body">
            <h2 class="c-team__name">ilkay gündoğan</h2>
            <p class="c-team__area">disa agent</p>
            <p class="c-team__job">ing. schnür   haller kg</p>
            <p class="c-team__contact">
              erika-naumann-strasse 2<br />
              71063 sindelfingen<br />
              germany<br />
              phone:  49 711 687 007 0<br />
              fax:  49 711 687 007 86
            </p>
            <a class="c-team__button" href="#">mehr über ilkay</a>
          </div>
        </div>
        
        <div class="c-team__item">
          <img class="c-team__image"  alt="alt tag here" />
          <div class="c-team__body">
            <h2 class="c-team__name">agnethe voller</h2>
            <p class="c-team__area">disa agent</p>
            <p class="c-team__job">ing. schnür   haller kg</p>
            <p class="c-team__contact">
              erika-naumann-strasse 2<br />
              71063 sindelfingen<br />
              germany<br />
              phone:  49 711 687 007 0<br />
              fax:  49 711 687 007 86
            </p>
            <a class="c-team__button" href="#">mehr über agnethe</a>
          </div>
        </div>
        
      </div> 
      <div class="c-team--50">
        <div class="c-team__item">
          <img class="c-team__image"  alt="alt tag here" />
          <div class="c-team__body">
            <h2 class="c-team__name">benedikt höwedes</h2>
            <p class="c-team__area">wheelabrator agent</p>
            <p class="c-team__job">ing. schnür   haller kg</p>
            <p class="c-team__contact">
              erika-naumann-strasse 2<br />
              71063 sindelfingen<br />
              germany<br />
              phone:  49 711 687 007 0<br />
              fax:  49 711 687 007 86
            </p>
            <a class="c-team__button" href="#">mehr über benedikt</a>
          </div>
        </div>
        
        <div class="c-team__item">
          <img class="c-team__image"  alt="alt tag here" />
          <div class="c-team__body">
            <h2 class="c-team__name">sheila can schultz</h2>
            <p class="c-team__area">disa agent</p>
            <p class="c-team__job">ing. schnür   haller kg</p>
            <p class="c-team__contact">
              erika-naumann-strasse 2<br />
              71063 sindelfingen<br />
              germany<br />
              phone:  49 711 687 007 0<br />
              fax:  49 711 687 007 86
            </p>
            <a class="c-team__button" href="#">mehr über sheila</a>
          </div>
        </div>
        
      </div> 


*/
.c-text--2col, .c-text--3col,
.c-text {
  margin-bottom: 2rem;
  column-rule: 1px solid #e6e5e5;
  column-gap: 2rem;
}

.c-text--2col:after, .c-text--3col:after,
.c-text:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.c-text--2col :first-child, .c-text--3col :first-child,
.c-text :first-child {
  margin-top: 0;
}

.c-text--2col h1, .c-text--3col h1,
.c-text--2col h2,
.c-text--3col h2,
.c-text--2col h3,
.c-text--3col h3,
.c-text--2col h4,
.c-text--3col h4,
.c-text--2col h5,
.c-text--3col h5,
.c-text--2col h6,
.c-text--3col h6,
.c-text h1,
.c-text h2,
.c-text h3,
.c-text h4,
.c-text h5,
.c-text h6 {
  display: inline-block;
}

.c-text--2col p, .c-text--3col p,
.c-text p {
  margin-top: 0;
}

.c-text--2col img[style*="float: right"], .c-text--3col img[style*="float: right"],
.c-text img[style*="float: right"] {
  margin: 1rem 0 1rem 1rem;
}

.c-text--2col img[style*="float: left"], .c-text--3col img[style*="float: left"],
.c-text img[style*="float: left"] {
  margin: 1rem 1rem 1rem 0;
}

@media (min-width: 46.25em) {
  .c-text--2col {
    columns: 2;
    -moz-columns: 2;
  }
  .o-col--x2 .c-text--2col {
    padding-left: 1rem;
    border-left: 1px solid #e6e5e5;
  }
}

@media (min-width: 46.25em) {
  .c-text--3col {
    columns: 3;
    -moz-columns: 3;
  }
}

.c-text--fixed p {
  margin-top: 0;
}

.c-text--fixed p:last-child {
  margin-bottom: 0;
}

.c-text--fixed img[style*="float: right"] {
  margin: 1rem 0 1rem 1rem;
}

.c-text--fixed img[style*="float: left"] {
  margin: 1rem 1rem 1rem 0;
}

.c-title__quote, .c-title--no-margin, .c-title--center, .c-title--small, .c-title--photo,
.c-title {
  clear: both;
  margin: 0 0 2rem;
  padding: 1rem 0 2rem 1rem;
  border-left: 0.2rem solid #ffc20e;
}

@media (min-width: 46.25em) {
  .c-title__quote, .c-title--no-margin, .c-title--center, .c-title--small, .c-title--photo,
  .c-title {
    padding-left: 4rem;
  }
}

.c-title__quote a, .c-title--no-margin a, .c-title--center a, .c-title--small a, .c-title--photo a,
.c-title a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.c-title__quote a:hover, .c-title--no-margin a:hover, .c-title--center a:hover, .c-title--small a:hover, .c-title--photo a:hover,
.c-title a:hover {
  color: inherit;
  text-decoration: none;
}

.c-title__quote .c-wysiwyg a, .c-title--no-margin .c-wysiwyg a, .c-title--center .c-wysiwyg a, .c-title--small .c-wysiwyg a, .c-title--photo .c-wysiwyg a,
.c-title .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.c-title__quote .c-wysiwyg a:hover, .c-title--no-margin .c-wysiwyg a:hover, .c-title--center .c-wysiwyg a:hover, .c-title--small .c-wysiwyg a:hover, .c-title--photo .c-wysiwyg a:hover,
.c-title .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}


.c-title--blue a,
.c-title--light-blue a,
.c-title--red a {
  color: white;
}


.c-title--blue a:hover,
.c-title--light-blue a:hover,
.c-title--red a:hover {
  color: white;
  text-decoration: none;
}


.c-title--yellow a,
.c-title--grey a,
.c-title--light-grey a {
  color: #3d4135;
}


.c-title--yellow a:hover,
.c-title--grey a:hover,
.c-title--light-grey a:hover {
  color: #3d4135;
  text-decoration: none;
}


.c-title--grey,
.c-title--blue,
.c-title--yellow,
.c-title--light-blue,
.c-title--light-grey,
.c-title--red {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 1.5rem 0;
}


.c-title--grey h1,
.c-title--grey h2,
.c-title--grey h3,
.c-title--grey h4,
.c-title--blue h1,
.c-title--blue h2,
.c-title--blue h3,
.c-title--blue h4,
.c-title--yellow h1,
.c-title--yellow h2,
.c-title--yellow h3,
.c-title--yellow h4,
.c-title--light-blue h1,
.c-title--light-blue h2,
.c-title--light-blue h3,
.c-title--light-blue h4,
.c-title--light-grey h1,
.c-title--light-grey h2,
.c-title--light-grey h3,
.c-title--light-grey h4,
.c-title--red h1,
.c-title--red h2,
.c-title--red h3,
.c-title--red h4 {
  color: inherit;
}


.c-title--grey a,
.c-title--blue a,
.c-title--yellow a,
.c-title--light-blue a,
.c-title--light-grey a,
.c-title--red a {
  text-decoration: underline;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}


.c-title--grey a:hover,
.c-title--blue a:hover,
.c-title--yellow a:hover,
.c-title--light-blue a:hover,
.c-title--light-grey a:hover,
.c-title--red a:hover {
  text-decoration: none;
}


.c-title--grey .c-wysiwyg a,
.c-title--blue .c-wysiwyg a,
.c-title--yellow .c-wysiwyg a,
.c-title--light-blue .c-wysiwyg a,
.c-title--light-grey .c-wysiwyg a,
.c-title--red .c-wysiwyg a {
  color: inherit;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}


.c-title--grey .c-wysiwyg a:hover,
.c-title--blue .c-wysiwyg a:hover,
.c-title--yellow .c-wysiwyg a:hover,
.c-title--light-blue .c-wysiwyg a:hover,
.c-title--light-grey .c-wysiwyg a:hover,
.c-title--red .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}


.c-title--grey {
  color: #3d4135;
  background-color: #b0a9ac;
}


.c-title--blue {
  color: white;
  background-color: #002f76;
}


.c-title--yellow {
  color: #3d4135;
  background-color: #ffc20e;
}


.c-title--light-blue {
  color: white;
  background-color: #3589aa;
}


.c-title--light-grey {
  color: #3d4135;
  background-color: #c5cdc9;
}


.c-title--red {
  color: white;
  background-color: #ae1231;
}

.castalloy .c-title__quote, .castalloy .c-title--no-margin, .castalloy .c-title--center, .castalloy .c-title--small, .castalloy .c-title--photo, .castalloy
.c-title {
  border-left: 0;
  padding: 0;
}

.c-title__quote :last-child, .c-title--no-margin :last-child, .c-title--center :last-child, .c-title--small :last-child, .c-title--photo :last-child,
.c-title :last-child {
  margin-bottom: 0;
}

.castalloy .c-title__quote .c-title__text {
  color: #009ab9;
  font-family: "open_sanslight_italic";
  font-size: 50px;
}

.c-title--no-margin {
  margin: 0;
}

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

@media (min-width: 46.25em) {
  .c-title--small {
    padding-left: 1rem;
  }
}

.c-title--photo {
  color: white;
}

@media (min-width: 46.25em) {
  .c-title--photo {
    padding-left: 1rem;
  }
}

.c-image-text-block__text-title--bordered,
.c-image-text-block__text-title,
.c-title__text {
  line-height: 1.1;
  word-wrap: break-word;
}

.castalloy .c-image-text-block__text-title--bordered,
.castalloy .c-image-text-block__text-title, .castalloy
.c-title__text {
  color: #263575;
}

.c-title--small .c-image-text-block__text-title--bordered,
.c-title--small .c-image-text-block__text-title, .c-title--small
.c-title__text {
  font-size: 2rem;
}

.c-image-text-block__text-title--bordered a, .c-image-text-block__text-title a,
.c-title__text a {
  color: inherit;
  text-decoration: none;
}

.castalloy .c-image-text-block__text-title--bordered a, .castalloy .c-image-text-block__text-title a, .castalloy
.c-title__text a {
  color: white;
}

.c-image-text-block__text-title--bordered a:hover, .c-image-text-block__text-title a:hover, .c-image-text-block__text-title--bordered a:focus, .c-image-text-block__text-title a:focus, .c-image-text-block__text-title--bordered a:active, .c-image-text-block__text-title a:active,
.c-title__text a:hover,
.c-title__text a:focus,
.c-title__text a:active {
  color: #3589aa;
}

.castalloy .c-image-text-block__text-title--bordered a:hover, .castalloy .c-image-text-block__text-title a:hover, .castalloy .c-image-text-block__text-title--bordered a:focus, .castalloy .c-image-text-block__text-title a:focus, .castalloy .c-image-text-block__text-title--bordered a:active, .castalloy .c-image-text-block__text-title a:active, .castalloy
.c-title__text a:hover, .castalloy
.c-title__text a:focus, .castalloy
.c-title__text a:active {
  color: white;
}

h3.c-title__text {
  line-height: 1.4;
}

/* add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: progid:dximagetransform.microsoft.alpha(opacity=0);
  filter: progid: dximagetransform.microsoft.alpha(opacity=0);
  opacity: 0;
  pointer-events: none;
  transition: all, 0.4s, ease-in-out;
}

/* position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 140%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 10px;
  width: 160px;
  border-radius: 3px;
  background-color: #c6cdc6;
  color: black;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  z-index: 5;
}

/* triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  left: 50%;
  margin-left: -15px;
  width: 0;
  border-top: 40px solid #c6cdc6;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  z-index: 1;
  bottom: 120%;
}

/* show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: progid:dximagetransform.microsoft.alpha(opacity=100);
  filter: progid: dximagetransform.microsoft.alpha(opacity=100);
  opacity: 1;
  transition: all, 0.4s, ease-in-out;
}

/*
### related content
     <aside class="c-article__wrapper">
        <article class="c-article">
          <header class="c-article__label">
            <h2 class="c-article__label-title">case studies</h2>
          </header>
          <a href="#" class="c-article__link">
            <span class="c-article__image" style="background-image: ;">
            </span>
            <div class="c-article__content">
              <h3 class="c-article__title">kraft und präzision</h3>
              <div class="c-article__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </article>
        <article class="c-article">
          <header class="c-article__label">
            <h2 class="c-article__label-title">latest news im a long title because i'd like it to be always centered</h2>
          </header>
          <a href="#" class="c-article__link">
            <span class="c-article__image" style="background-image: ;">
              <time class="c-article__date" datetime="2016-11-17">oct 17</time>
            </span>
            <div class="c-article__content">
              <h3 class="c-article__title">kraft und präzision</h3>
              <div class="c-article__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </article>
        <article class="c-article">
          <header class="c-article__label">
            <h2 class="c-article__label-title">articles</h2>
          </header>
          <span class="c-article__image" style="background-image: ;">
            <button class="js-video c-article__video-launch" data-video="https://www.youtube.com/embed/xeudtq9esoc">
              <span class="icon-play"></span><span class="visually-hidden">launch video</span>
            </button>
          </span>
          <a href="#" class="c-article__link">

            <div class="c-article__content">
              <h3 class="c-article__title">kraft und präzision</h3>
              <div class="c-article__body">
                <p>
                  andreas moller spricht über das, was wheelabrator für sie tun können
                </p>
                <p>
                  etiam rutrum ipsum et dui condimentum accumsan. aenean posuere fermentum arcu
                </p>
              </div>
            </div>
          </a>
        </article>
      </aside>


      */
.c-video {
  position: relative;
  padding-top: 56.25%;
  min-height: 20rem;
  background-position: center;
  background-size: cover;
}

.c-video--full-width {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.c-video .c-video__player {
  position: absolute;
  top: 0;
  left: 0;
}

.c-video .c-button--icon {
  position: absolute;
  right: 0;
  top: 0;
}

.castalloy .c-video .c-button--icon {
  border: 0;
  background-color: #c5c6c6;
}

.c-video--overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
}

@media (min-width: 46.25em) {
  .c-video--overlay:before {
    width: 50%;
  }
}

.c-video__content {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
  text-align: center;
  -ms-transform: translatey(-50%);
      transform: translatey(-50%);
}

@media (min-width: 46.25em) {
  .c-video__content {
    width: 50%;
  }
}

.c-video__title {
  margin: 0 0 0.3125rem;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.875rem;
}

@media (min-width: 46.25em) {
  .c-video__title {
    margin: 0 auto 0.3125rem;
    width: 65%;
  }
}

@media (min-width: 61.25em) {
  .c-video__title {
    margin: 0 auto 0.75rem;
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

.c-video__link {
  color: #002f76;
  text-decoration: none;
}

.c-video__link:hover, .c-video__link:focus {
  color: #002f76;
  text-decoration: underline;
}

.castalloy .c-video__link:hover, .castalloy .c-video__link:focus {
  color: #ce215e;
}

.c-video__subtitle {
  margin: 0;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
}

@media (min-width: 46.25em) {
  .c-video__subtitle {
    margin: 0 auto;
    width: 65%;
  }
}

@media (min-width: 61.25em) {
  .c-video__subtitle {
    font-size: 1.5rem;
  }
}

.castalloy .c-video__subtitle {
  color: white;
}

.c-video__video-launch {
  position: relative;
  margin: 0.625rem auto 0;
  min-height: 4rem;
  min-width: 4rem;
  height: 4rem;
  width: 4rem;
  background: transparent;
  border: 0.125rem solid #002f76;
  border-radius: 100%;
}

@media (min-width: 61.25em) {
  .c-video__video-launch {
    margin: 2.25rem auto 0;
    min-height: 5.375rem;
    min-width: 5.375rem;
    height: 5.375rem;
    width: 5.375rem;
  }
}

.c-video__video-launch:hover svg path {
  fill: #002f76;
}

.c-video__video-launch-icon {
  position: absolute;
  top: 0;
  right: -0.3125rem;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 2.125rem;
  width: 1.625rem;
}

@media (min-width: 61.25em) {
  .c-video__video-launch-icon {
    height: 2.75rem;
    width: 2.125rem;
  }
}

.c-video__video-launch-icon path {
  fill: #ffc20e;
  stroke: #002f76;
  transition: fill 0.3s ease-in-out;
}

.c-video__video-launch-title {
  display: block;
  margin-top: 5rem;
  color: #002f76;
  font-family: "section medium", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 3rem;
  text-transform: uppercase;
}

@media (min-width: 61.25em) {
  .c-video__video-launch-title {
    display: block;
  }
}

/*100% video
    <div class="c-video" style="background-image: ;">
      <span class="c-video__mask"></span>
      <div class="c-video__content">
        <h2 class="c-video__title"><a href="#" class="c-video__link">sehen sie sich das gie�erei-fallstudie</a></h2>
        <p class="c-video__subtitle">giacomo lerario, responsabile di produzione</p>
   
      </div>
      <button class="js-video c-video__video-launch" data-video="https://dreambroker.com/channel/a5id6vbn/iframe/4vfhq3op" type="button">
        <span class="icon-play"></span><span class="visually-hidden">launch video</span>
      </button>

    </div>*/
.c-wysiwyg:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.c-wysiwyg .c-video--responsive {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  height: 0;
}

.c-wysiwyg .c-video--responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.c-wysiwyg .c-image {
  break-inside: avoid;
}

@media (min-width: 61.25em) {
  .c-wysiwyg .c-table__container {
    width: 640px;
    overflow-x: scroll;
  }
}

.c-wysiwyg img {
  max-width: 100%;
}

.c-wysiwyg img.left {
  float: left;
  margin: 0 16px 16px 0;
}

.c-wysiwyg img.right {
  float: right;
  margin: 0 0 16px 16px;
}

.c-wysiwyg h1 {
  font-size: 2.5rem;
}

.c-wysiwyg h2 {
  font-size: 1.75rem;
}

.c-wysiwyg h3 {
  font-size: 1.3125rem;
  line-height: 1.4;
}

.c-wysiwyg h4 {
  font-size: 1.1875rem;
}

.c-wysiwyg h5 {
  font-size: 1rem;
}

.c-wysiwyg h6 {
  font-size: 1.0625rem;
}

.c-wysiwyg .intro {
  font-weight: bold;
}

.c-wysiwyg a {
  font-family: "open_sansbold", "gill sans", arial, "helvetica neue", helvetica, sans-serif;
  text-decoration: underline;
}

.c-wysiwyg a:hover {
  text-decoration: none;
}

/*

### wysiwyg iframe video (responsive)
    <div class="c-wysiwyg">
        <div class="c-video--responsive">
            <iframe width="420" height="315"  frameborder="0" allowfullscreen></iframe>
        </div>
    </div>
    */
/*

### wysiwyg table (responsive)

    <div class="c-wysiwyg">
        <div class="c-table__container">
            <table class="c-table">
              <thead>
                <tr>
                  <th>first name</th>
                  <th>last name</th>
                  <th>email</th>
                  <th>phone</th>
                  <th>date</th>
                  <th>rate</th>
                  <th>amount</th>
                  <th>location</th>
                  <th></th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>john</td>
                  <td>johnson</td>
                  <td><a href="javascript:void(0);">john.johnson@company.com</a></td>
                  <td><a href="javascript:void(0);">07444 555 666</a></td>
                  <td>22/10/2016</td>
                  <td>50%</td>
                  <td>£10k</td>
                  <td>uk</td>
                  <td><button class="c-button">delete</button></td>
                </tr>
                <tr>
                  <td>jane</td>
                  <td>johnson</td>
                  <td><a href="javascript:void(0);">jane.johnson@company.com</a></td>
                  <td><a href="javascript:void(0);">0845 555 582</a></td>
                  <td>22/10/2016</td>
                  <td>80%</td>
                  <td>£12k</td>
                  <td>usa</td>
                  <td><button class="c-button">delete</button></td>
                </tr>
                <tr>
                  <td>john</td>
                  <td>johnson</td>
                  <td><a href="javascript:void(0);">john.johnson@company.com</a></td>
                  <td><a href="javascript:void(0);">07444 555 666</a></td>
                  <td>22/10/2016</td>
                  <td>50%</td>
                  <td>£10k</td>
                  <td>uk</td>
                  <td><button class="c-button">delete</button></td>
                </tr>
                <tr>
                  <td>jane</td>
                  <td>johnson</td>
                  <td><a href="javascript:void(0);">jane.johnson@company.com</a></td>
                  <td><a href="javascript:void(0);">0845 555 582</a></td>
                  <td>22/10/2016</td>
                  <td>80%</td>
                  <td>£12k</td>
                  <td>usa</td>
                  <td><button class="c-button">delete</button></td>
                </tr>
              </tbody>
            </table>
        </div>
    </div>

    */
/*
### overrides
zero out plugin styles, specific component styles should be with the component css

*/
@media print {
  .c-wysiwyg {
    display: block !important;
  }
  .c-wysiwyg a[href]:after {
    content: " (" attr(href) ")";
  }
  .c-wysiwyg abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .c-wysiwyg a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  body {
    color: black;
  }
}

/*
  ### print
*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
}

.is-hidden {
  display: none;
  visibility: hidden;
}

.is-visible {
  display: block;
  visibility: visible;
}

.is-hidden-mobile {
  display: none;
  visibility: hidden;
}

@media (min-width: 61.25em) {
  .is-hidden-mobile {
    display: block;
    visibility: visible;
  }
  .is-hidden-mobile--inline {
    display: inline;
    visibility: visible;
  }
}

@media (min-width: 61.25em) {
  .is-hidden-desktop {
    display: none;
    visibility: hidden;
  }
}

.u-right {
  float: right;
}

.u-left {
  float: left;
}

.u-border-y-grey {
  border-top: solid 1px #d9d5d4;
  border-bottom: solid 1px #d9d5d4;
}

.u-bg a {
  color: inherit;
  text-decoration: underline;
}

.u-bg a:hover {
  color: inherit;
  text-decoration: none;
}

.u-bg .c-wysiwyg a {
  color: inherit;
}

.u-bg .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.u-bg--blue a, .u-bg--light-blue a, .u-bg--red a {
  color: white;
}

.u-bg--blue a:hover, .u-bg--light-blue a:hover, .u-bg--red a:hover {
  color: white;
  text-decoration: none;
}

.u-bg--yellow a, .u-bg--grey a, .u-bg--light-grey a {
  color: #3d4135;
}

.u-bg--yellow a:hover, .u-bg--grey a:hover, .u-bg--light-grey a:hover {
  color: #3d4135;
  text-decoration: none;
}

.u-bg--grey, .u-bg--blue, .u-bg--yellow, .u-bg--light-blue, .u-bg--light-grey, .u-bg--red {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 1.5rem 0 0 0;
  border-bottom: solid 1.5rem transparent;
}

.u-bg--grey .c-wysiwyg a, .u-bg--blue .c-wysiwyg a, .u-bg--yellow .c-wysiwyg a, .u-bg--light-blue .c-wysiwyg a, .u-bg--light-grey .c-wysiwyg a, .u-bg--red .c-wysiwyg a {
  color: inherit;
  text-decoration: underline;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.u-bg--grey .c-wysiwyg a:hover, .u-bg--blue .c-wysiwyg a:hover, .u-bg--yellow .c-wysiwyg a:hover, .u-bg--light-blue .c-wysiwyg a:hover, .u-bg--light-grey .c-wysiwyg a:hover, .u-bg--red .c-wysiwyg a:hover {
  color: inherit;
  text-decoration: none;
}

.u-bg--grey h1,
.u-bg--grey h2,
.u-bg--grey h3,
.u-bg--grey h4,
.u-bg--grey .c-title__text, .u-bg--blue h1,
.u-bg--blue h2,
.u-bg--blue h3,
.u-bg--blue h4,
.u-bg--blue .c-title__text, .u-bg--yellow h1,
.u-bg--yellow h2,
.u-bg--yellow h3,
.u-bg--yellow h4,
.u-bg--yellow .c-title__text, .u-bg--light-blue h1,
.u-bg--light-blue h2,
.u-bg--light-blue h3,
.u-bg--light-blue h4,
.u-bg--light-blue .c-title__text, .u-bg--light-grey h1,
.u-bg--light-grey h2,
.u-bg--light-grey h3,
.u-bg--light-grey h4,
.u-bg--light-grey .c-title__text, .u-bg--red h1,
.u-bg--red h2,
.u-bg--red h3,
.u-bg--red h4,
.u-bg--red .c-title__text {
  color: inherit;
}

.u-bg--grey a, .u-bg--blue a, .u-bg--yellow a, .u-bg--light-blue a, .u-bg--light-grey a, .u-bg--red a {
  text-decoration: underline;
  font-family: "open_sansregular", arial, "helvetica neue", helvetica, sans-serif;
}

.u-bg--grey a:hover, .u-bg--blue a:hover, .u-bg--yellow a:hover, .u-bg--light-blue a:hover, .u-bg--light-grey a:hover, .u-bg--red a:hover {
  text-decoration: none;
}

.u-bg--grey {
  color: #3d4135;
  background-color: #b0a9ac;
}

.u-bg--blue {
  color: white;
  background-color: #002f76;
}

.u-bg--yellow {
  color: #3d4135;
  background-color: #ffc20e;
}

.u-bg--light-blue {
  color: white;
  background-color: #3589aa;
}

.u-bg--light-grey {
  color: #3d4135;
  background-color: #c5cdc9;
}

.u-bg--red {
  color: white;
  background-color: #ae1231;
}

/*
### helpers

//e.g. float:left, display:none, visibility hidden, a11y text,

*/
/*# sourcemappingurl=main.css.map */