/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

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

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

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

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

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

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

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

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto;
}

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

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

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(fancybox_overlay.png);
}

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

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

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

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(fancybox_sprite@2x.png);
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url(fancybox_loading@2x.gif);
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: white;
  font-family: Roboto;
  font-size: 14px;
}

input, textarea {
  font-family: inherit;
  font-size: inherit;
  outline: none;
}

html, body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

html.no-scroll, body.no-scroll {
  overflow: hidden !important;
}

a {
  color: #909b9e;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.tinymce-button, a.button, a.tinymce-button-green, a.tinymce-button-yellow {
  background-color: #ff5284;
  color: #fff;
  padding: 10px 40px;
  display: inline-block;
  margin-top: 4px;
  cursor: pointer;
  border-radius: 27px;
}

a.tinymce-button:hover, a.button:hover, a.tinymce-button-green:hover, a.tinymce-button-yellow:hover {
  text-decoration: none;
}

a.tinymce-button.tinymce-button-green, a.button.tinymce-button-green, a.tinymce-button-green.tinymce-button-green, a.tinymce-button-yellow.tinymce-button-green {
  background-color: #2a525a;
}

a.tinymce-button.tinymce-button-yellow, a.button.tinymce-button-yellow, a.tinymce-button-green.tinymce-button-yellow, a.tinymce-button-yellow.tinymce-button-yellow {
  color: #2a525a;
  background-color: #f4d424;
}

a.anchor {
  display: block;
  position: relative;
  top: -140px;
  visibility: hidden;
}

p {
  color: #1b3e46;
}

p > a {
  color: #ff5284;
}

table a {
  color: #ff5284;
}

.preview-mode-span {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0 20px;
  line-height: 40px;
  font-weight: 300;
  color: white;
  background: #ff5284;
  z-index: 10000;
}

.automation div.content .marketing li:before {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -295px -1px no-repeat;
  display: block;
}

.energycontrol div.content .marketing li:before {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -318px -1px no-repeat;
  display: block;
}

.energycontrol div.content .marketing li:before {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -307px -1px no-repeat;
  display: block;
}

div.content .marketing ul {
  padding-left: 15px;
}

div.content .marketing li {
  list-style-type: none;
  margin: 0;
  padding: 3px 0;
}

div.content .marketing li:before {
  content: ' ';
  width: 6px;
  height: 12px;
  background: url(/assets/img/sprite.png) -127px 0px no-repeat;
  display: block;
  position: absolute;
  left: -15px;
  top: 6px;
}

div.content .marketing .slick-dots li:before {
  content: none;
}

div.content li {
  color: #1b3e46;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}

div.content li a {
  text-decoration: underline;
}

h1 {
  color: #183941;
  font-size: 28px;
}

h4 {
  color: #1b3e46;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.holder form:not(.subscribe):not(.search-form) .option {
  margin: 0 0 10px;
}

.holder form:not(.subscribe):not(.search-form) label {
  display: block;
  color: #1b3e46;
}

.holder form:not(.subscribe):not(.search-form) .option {
  margin-bottom: 20px;
  padding: 15px;
  background: #f4f4f4;
}

.holder form:not(.subscribe):not(.search-form) .option.file {
  padding-bottom: 0;
}

.holder form:not(.subscribe):not(.search-form) .option.file input {
  padding: 15px 0 0 !important;
}

.holder form:not(.subscribe):not(.search-form) .option label:first-child {
  font-weight: 700;
  margin-bottom: 10px;
}

.holder form:not(.subscribe):not(.search-form) .option label input {
  margin-right: 10px;
}

.holder form:not(.subscribe):not(.search-form) input:not([type='checkbox']):not([type='radio']), .holder form:not(.subscribe):not(.search-form) textarea, .holder form:not(.subscribe):not(.search-form) select {
  display: block;
  padding: 15px;
  background: #f4f4f4;
  border: none;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  height: 47px;
  color: #1b3e46;
}

.holder form:not(.subscribe):not(.search-form) input:not([type='checkbox']):not([type='radio']):last-child, .holder form:not(.subscribe):not(.search-form) textarea:last-child, .holder form:not(.subscribe):not(.search-form) select:last-child {
  margin-bottom: 0px;
}

.holder form:not(.subscribe):not(.search-form) input:not([type='checkbox']):not([type='radio'])::-webkit-input-placeholder, .holder form:not(.subscribe):not(.search-form) textarea::-webkit-input-placeholder, .holder form:not(.subscribe):not(.search-form) select::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #1b3e46;
}

.holder form:not(.subscribe):not(.search-form) input:not([type='checkbox']):not([type='radio']):-moz-placeholder, .holder form:not(.subscribe):not(.search-form) textarea:-moz-placeholder, .holder form:not(.subscribe):not(.search-form) select:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #1b3e46;
}

.holder form:not(.subscribe):not(.search-form) input:not([type='checkbox']):not([type='radio'])::-moz-placeholder, .holder form:not(.subscribe):not(.search-form) textarea::-moz-placeholder, .holder form:not(.subscribe):not(.search-form) select::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #1b3e46;
}

.holder form:not(.subscribe):not(.search-form) input:not([type='checkbox']):not([type='radio']):-ms-input-placeholder, .holder form:not(.subscribe):not(.search-form) textarea:-ms-input-placeholder, .holder form:not(.subscribe):not(.search-form) select:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1b3e46;
}

.holder form:not(.subscribe):not(.search-form) input[type='file'].filestyle {
  width: 30px;
}

.holder form:not(.subscribe):not(.search-form) select {
  border: 8px solid #f4f4f4;
}

.holder form:not(.subscribe):not(.search-form) textarea {
  height: 100px;
  resize: vertical;
}

.holder form:not(.subscribe):not(.search-form) button:not(.subscribe) {
  display: block;
  padding: 15px;
  border: none;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  background: #1b3e46;
  color: white;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.holder form:not(.subscribe):not(.search-form) button:not(.subscribe).loading {
  background: url("../img/loading.gif") center center no-repeat;
  background-size: 60px;
  color: transparent;
  pointer-events: none;
}

.holder form:not(.subscribe):not(.search-form) label[for="placeholder"] {
  font-weight: 500;
}

body h2.gotoheading {
  font-size: 28px;
  font-weight: 900;
  color: #fff;
}

body .gotolink {
  font-size: 28px;
  font-weight: 900;
  color: #183941;
}

body .gotolink:after {
  content: " ";
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  display: block;
  display: inline-block;
  margin-bottom: 3px;
  margin-left: 5px;
}

body .gotolink span {
  font-size: 14px;
  font-weight: 400;
  text-transform: initial;
  display: block;
}

form.search-form, .home-webshop form.search-form {
  position: relative;
}

form.search-form input[type=text], .home-webshop form.search-form input[type=text] {
  width: 100%;
  height: 40px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  padding-left: 15px;
  padding-right: 45px;
  color: white;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 0px;
}

form.search-form input[type=submit], .home-webshop form.search-form input[type=submit] {
  padding: 0px;
  background: transparent;
  border: none;
  width: 16px;
  height: 16px;
  background: url(/assets/img/sprite.png) -127px -60px no-repeat;
  display: block;
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 0px;
}

.content-holder {
  width: 1200px;
  margin: 0 auto;
  max-width: calc(100% - 40px);
  padding: 0 20px;
  clear: both;
}

.content-holder:after {
  content: " ";
  clear: both;
}

.greenblock {
  background: #2a525a;
}

.greenblock.light {
  background: #456168;
}

.pinkblock {
  background: #ff5284;
  color: white;
}

.pinkblock ul li {
  padding-bottom: 24px !important;
  display: block;
}

.pinkblock ul li:before {
  content: " ";
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -24px no-repeat;
  display: block;
  display: block;
  float: left;
  margin: 10px;
}

.whiteblock {
  background: white;
}

.whiteblock.dark {
  background: #f9f9f9;
}

.whiteblock .gotolink:hover {
  text-decoration: none;
}

.whiteblock .gotolink:hover:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -284px -1px no-repeat;
  display: block;
  display: inline-block;
}

.padding .greenblock, .padding .whiteblock, .padding .pinkblock {
  padding: 30px;
}

.padding .brands .cw9.greenblock {
  padding: 0;
}

.greenblock, .whiteblock, .pinkblock {
  overflow: hidden;
}

.greenblock .right, .whiteblock .right, .pinkblock .right {
  float: right;
  margin-left: 30px;
}

.greenblock .left, .whiteblock .left, .pinkblock .left {
  float: left;
  margin-right: 30px;
}

p {
  font-size: 14px;
  line-height: 18px;
}

tbody > tr > td > p {
  margin-top: 0;
}

.area-of-application .cw9 .gotolink:after {
  margin: 0;
}

.area-of-application a.cw4:hover .gotolink:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -284px -1px no-repeat;
  display: block;
  display: inline-block;
}

.area-of-application a.cw4 .gotolink {
  color: white;
  font-size: 20px;
}

.area-of-application a.cw4 .gotolink:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -24px no-repeat;
  display: block;
  display: inline-block;
}

.greenblock .gotolink, .pinkblock .gotolink {
  color: white;
}

.greenblock .gotolink:after, .pinkblock .gotolink:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -24px no-repeat;
  display: block;
  display: inline-block;
}

.greenblock .gotolink:hover, .pinkblock .gotolink:hover {
  text-decoration: none;
}

.greenblock .gotolink:hover:after, .pinkblock .gotolink:hover:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -284px -1px no-repeat;
  display: block;
  display: inline-block;
}

.greenblock p, .pinkblock p {
  color: rgba(255, 255, 255, 0.7);
}

.pinkblock .gotolink:hover:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -328px 0px no-repeat;
  display: block;
  display: inline-block;
}

.greenblock p {
  color: #849ba0;
}

.with-seperator:before, .cms-detail h1:after, .cms-detail h2:after {
  content: " ";
  display: block;
  width: 48px;
  height: 5px;
  background: #ff5284;
  margin-bottom: 35px;
}

.seperator-after:after {
  content: " ";
  display: block;
  width: 48px;
  height: 5px;
  background: #ff5284;
  margin-top: 15px;
}

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

.pinkblock p.with-seperator:before {
  background: white !important;
}

.holder {
  overflow: hidden;
}

.cw9, .cw5, .cw6, .cw4, .cw3, .cw2 {
  float: left;
  box-sizing: border-box;
}

.cw9 .img-wrapper, .cw5 .img-wrapper, .cw6 .img-wrapper, .cw4 .img-wrapper, .cw3 .img-wrapper, .cw2 .img-wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
}

.cw9 .img-wrapper > img, .cw5 .img-wrapper > img, .cw6 .img-wrapper > img, .cw4 .img-wrapper > img, .cw3 .img-wrapper > img, .cw2 .img-wrapper > img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.cw9 > img, .cw5 > img, .cw6 > img, .cw4 > img, .cw3 > img, .cw2 > img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.cw9 {
  width: 75%;
}

.cw6 {
  width: 50%;
}

.cw4 {
  width: 33.33%;
  /* as @passatgt mentioned in the comment, for the older browsers fallback */
  width: calc(100% / 3);
}

.cw3 {
  width: 25%;
}

.cw2 {
  width: 20%;
}

.newsicon {
  width: 45px;
  height: 37px;
  background: url(/assets/img/sprite.png) -284px -104px no-repeat;
  display: block;
}

.eventsicon {
  width: 30px;
  height: 37px;
  background: url(/assets/img/sprite.png) -284px -64px no-repeat;
  display: block;
}

.productsicon, .nametagicon {
  width: 43px;
  height: 36px;
  background: url(/assets/img/sprite.png) -137px -24px no-repeat;
  display: block;
}

.energyicon {
  width: 46px;
  height: 46px;
  background: url(/assets/img/sprite.png) -338px -81px no-repeat;
  display: block;
}

.boxicon {
  width: 42px;
  height: 33px;
  background: url(/assets/img/sprite.png) -211px -24px no-repeat;
  display: block;
}

.lightbulbicon {
  width: 31px;
  height: 45px;
  background: url(/assets/img/sprite.png) -180px -24px no-repeat;
  display: block;
}

.content-items {
  padding-top: 35px;
}

.content-items.webshop-items .holder > a {
  height: 535px;
}

.content-items.webshop-items .holder > a .readmore {
  color: #ff5284;
}

.content-items.webshop-items .holder > a .readmore:after {
  width: 6px;
  height: 12px;
  background: url(/assets/img/sprite.png) -127px 0px no-repeat;
  display: block;
  display: inline-block;
}

.content-items .holder:first-child h2 {
  margin: 0px;
}

.content-items .holder:first-child > div {
  height: 105px;
}

.content-items .holder:first-child p {
  line-height: 77px;
  padding-left: 40px;
}

.content-items .holder:first-child .cw3 {
  padding: 30px;
  position: relative;
}

.content-items .holder:first-child .cw3 .img {
  float: right;
  margin-top: 6px;
}

.content-items .holder:first-child .cw3:after {
  content: " ";
  display: block;
  position: absolute;
  background: #ff5284;
  top: 24px;
  bottom: 24px;
  width: 5px;
  right: 0px;
}

.content-items .holder > a {
  padding: 30px 30px;
  height: 560px;
  background: white;
  text-decoration: none;
  position: relative;
}

.content-items .holder > a img {
  height: 250px;
  max-width: 100%;
  object-fit: contain;
}

.content-items .holder > a:nth-child(even) {
  background: #f9f9f9;
}

.content-items .holder > a .date {
  font-weight: 700;
  color: #cececf;
  font-size: 16px;
  margin-top: 26px;
  display: inline-block;
}

.content-items .holder > a h3 {
  font-weight: 900;
  color: #2a525a;
  font-size: 24px;
  margin: 0px;
  margin-top: 26px;
  margin-bottom: 16px;
  max-height: 84px;
  overflow: hidden;
}

.content-items .holder > a .readmore {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #2a525a;
  font-weight: 700;
  font-size: 14px;
}

.content-items .holder > a .readmore:after {
  content: " ";
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  display: block;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 15px;
}

.content-items .holder > a .readmore:hover:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -284px -1px no-repeat;
  display: block;
  display: inline-block;
}

.news-block a {
  color: #ff5284;
}

.slider-branches {
  overflow: hidden;
}

.slider-branches .left {
  position: absolute;
  left: 18px;
  bottom: 10px;
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -24px no-repeat;
  display: block;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
  cursor: pointer;
  z-index: 1;
}

.slider-branches .right {
  cursor: pointer;
  position: absolute;
  right: 18px;
  bottom: 10px;
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -24px no-repeat;
  display: block;
  z-index: 1;
}

.slider-branches .items {
  position: relative;
  white-space: nowrap;
  height: 250px;
}

.slider-branches .items .item.slick-slide {
  height: 250px;
  display: inline-block;
  vertical-align: top;
}

.slider-branches .items ul.slick-dots {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 5px 0 10px;
}

.slider-branches .items .cw4 {
  width: 100%;
}

.slider-brands {
  overflow: hidden;
}

.slider-brands .left {
  left: -10px !important;
  background: url(/assets/img/sprite.png) -272px 0 no-repeat !important;
}

.slider-brands .right {
  right: -10px !important;
  background: url(/assets/img/sprite.png) -272px 0 no-repeat !important;
}

.slider-brands .items {
  position: relative;
  white-space: nowrap;
  height: 50px;
  padding: 0 !important;
  margin: 10px 20px;
}

.slider-brands .items .slick-list {
  overflow: hidden;
}

.slider-brands .items .slick-slide {
  height: 50px;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px !important;
}

.slider-brands .items .cw4 {
  width: 100%;
}

.slider {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  overflow: hidden;
}

.slider .left {
  position: absolute;
  left: 18px;
  bottom: 18px;
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -24px no-repeat;
  display: block;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
  cursor: pointer;
  z-index: 2;
}

.slider .right {
  cursor: pointer;
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -24px no-repeat;
  display: block;
  z-index: 2;
}

.slider .items {
  white-space: nowrap;
  padding: 20px;
}

.slider .items span.slick-slide {
  display: inline-block;
  vertical-align: top;
  padding: 20px 30px;
}

body .toggleMenu img {
  display: none;
}

.brands .slider .items span a {
  width: 150px;
  max-width: 100%;
  height: 100px;
  display: block;
  margin: 0 auto;
}

.brands .slider .items img {
  max-width: 100%;
  max-height: 100%;
}

.slick-dots {
  text-align: center;
  padding: 0;
}

.slick-dots li {
  display: inline-block;
  list-style-type: none;
}

.slick-dots li button {
  width: 8px;
  height: 8px;
  background: white;
  padding: 0;
  margin: 0 5px;
  border-radius: 100%;
  font-size: 0;
  line-height: 0;
  border: none;
  outline: none;
  cursor: pointer;
}

.slick-dots li button:hover {
  background-color: #cececf;
  opacity: 1;
}

.slick-dots li.slick-active button {
  background-color: #173b3d !important;
  opacity: 1;
}

.breadcrumb {
  font-size: 14px;
  color: #909b9e;
  margin-bottom: -24px;
  margin-top: 50px;
  text-transform: uppercase;
}

.breadcrumb a {
  color: #234046;
}

.breadcrumb a:after, .breadcrumb a:first-child:before {
  content: " ";
  width: 10px;
  height: 7px;
  background-image: url(/assets/img/icon_arrow_down.svg);
  background-size: cover;
  display: inline-block;
  margin: 0px 11px;
  margin-bottom: 1px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-filter: invert(40%) sepia(96%) saturate(620%) hue-rotate(300deg) brightness(101%) contrast(101%);
          filter: invert(40%) sepia(96%) saturate(620%) hue-rotate(300deg) brightness(101%) contrast(101%);
}

.breadcrumb a:first-child:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.breadcrumb a:first-child {
  display: block;
  float: right;
  color: #ff5284;
}

.breadcrumb a:first-child:after {
  content: none;
}

.sidebar-menu {
  background: white;
  margin-right: 24px;
  padding: 30px;
  font-size: 14px;
  margin-bottom: 10px;
}

.sidebar-menu h3 {
  margin-top: 0px;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 700;
  color: #2a525a;
}

.sidebar-menu ul {
  padding: 0px;
  margin: -30px;
  margin-top: 0px;
}

.sidebar-menu ul:before {
  margin-left: 30px;
}

.sidebar-menu ul li {
  list-style: none;
  position: relative;
}

.sidebar-menu ul li a {
  display: block;
  padding: 19px 30px;
}

.sidebar-menu ul li:nth-child(odd) {
  background: #f9f9f9;
}

.sidebar-menu ul li.active a {
  color: #2a525a;
}

.sidebar-menu ul li.active:before {
  content: " ";
  position: absolute;
  width: 5px;
  top: 0px;
  bottom: 0px;
  background: #ff5284;
}

.gridview {
  background: white;
  width: 100%;
}

.gridview .cw3 {
  padding: 30px;
  height: 360px;
  position: relative;
}

.gridview .cw3.image {
  height: 465px;
}

.gridview .cw3.image > a .image {
  width: 100%;
  height: 140px;
  background-size: cover !important;
  margin-bottom: 25px;
}

.gridview .cw3.image > a .image.placeholder {
  background-size: contain !important;
}

.gridview .cw3:nth-child(even) {
  background: #f9f9f9;
}

.gridview .cw3:nth-child(8n-3), .gridview .cw3:nth-child(8n-1) {
  background: #f9f9f9;
}

.gridview .cw3:nth-child(8n-2), .gridview .cw3:nth-child(8n) {
  background: transparent;
}

.gridview .cw3 > .gridview_a {
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 30px;
  font-size: 14px;
  font-weight: 700;
}

.gridview .cw3 > .gridview_a:hover:before {
  -webkit-transform: rotate(-90deg) scale(1.05);
      -ms-transform: rotate(-90deg) scale(1.05);
          transform: rotate(-90deg) scale(1.05);
}

.gridview .cw3 > .gridview_a:before {
  content: "";
  display: block;
  position: absolute;
  right: 25px;
  width: 36px;
  height: 36px;
  margin-top: -10px;
  border-radius: 50%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25);
  background-color: #173b3d;
  background-image: url(/assets/img/icon_arrow_down.svg);
  background-position: center 13px;
  background-repeat: no-repeat;
  transition: .2s;
}

.gridview .cw3 h2 a, .gridview .cw3 h3 {
  color: #2a525a;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}

@media all and (max-width: 1024px) {
  .team .gridview .cw3.image > a .image {
    background-size: auto 100% !important;
  }
}

.filters {
  line-height: 60px;
  background: white;
}

.filters span, .filters a.active {
  color: #2a525a;
  font-weight: 700;
}

.filters span:after {
  content: " ";
  background: #ff5284;
  width: 5px;
  height: 35px;
  vertical-align: middle;
  margin-left: 40px;
  display: inline-block;
}

.filters span, .filters a {
  padding: 0px 30px;
  display: inline-block;
}

.header-slider-news {
  width: 100%;
  height: 404px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: #dcdcdc;
  top: 40px;
}

@media screen and (min-width: 1024px) {
  .header-slider-news {
    top: 118px;
    margin-bottom: 138px;
  }
}

.header-slider-news .fullwidth-slider {
  height: 100%;
  width: calc(100% - 305px);
  margin-right: 20px;
}

.header-slider-news .fullwidth-slider .background img {
  display: none;
}

.header-slider-news .fullwidth-slider .dots {
  right: 25%;
}

.fullwidth-slider {
  width: 100%;
  margin: 0;
  height: auto;
  z-index: 0;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .fullwidth-slider:not(.has-news) {
    margin-top: 118px;
  }
}

.fullwidth-slider > div:not(.dots) {
  height: 100%;
  transition: left .5s;
  left: 0;
  font-size: 0;
  position: relative;
}

.fullwidth-slider .background {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-size: cover !important;
  background-position: center center;
  text-decoration: none;
  display: inline-block;
}

.fullwidth-slider .background a {
  font-size: 14px;
}

.fullwidth-slider .background img {
  width: 100%;
}

.fullwidth-slider .content-holder {
  white-space: normal;
  z-index: 1;
  padding: 50px 30px;
}

.fullwidth-slider .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
}

.fullwidth-slider .dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: white;
  opacity: .5;
  margin: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.fullwidth-slider .dots span.active {
  background: #cececf;
  opacity: 1;
}

.header-news-block {
  width: 305px;
  overflow: hidden;
}

.header-news-block .news-item {
  position: relative;
  display: block;
  height: 66px;
  padding: 10px 106px 10px 10px;
  margin-bottom: 20px;
  color: #1d2e33;
  background-color: #fff;
}

.header-news-block .news-item h3 {
  font-size: 15px;
  color: #1b3e46;
  text-transform: none;
  margin: 6px 6px 6px 6px;
}

.header-news-block .news-item .readmore {
  font-size: 11px;
  font-weight: 700;
  color: #2a525a;
  margin-left: 6px;
}

.header-news-block .news-item .readmore:after {
  content: " ";
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 10px;
  margin-top: -2px;
}

.header-news-block .news-item div {
  position: absolute;
  top: calc(50% - 33px);
  right: 10px;
  width: 86px;
  height: 66px;
  background-size: cover;
  background-position: center;
}

.pagetype-contact .fullwidth-slider h1 p,
.pagetype-text .fullwidth-slider h1 p,
.pagetype-page-overview .fullwidth-slider h1 p {
  width: 100%;
}

.hide {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #f4f4f4 url("../img/arrow_down.png") right 50% no-repeat !important;
  padding: .5em !important;
  padding-right: 1.5em !important;
  border-radius: 0;
}

.pagination {
  padding: 0 !important;
  text-align: center;
}

.pagination > :first-child, .pagination > :nth-last-child(2) {
  display: none;
}

.pagination li, .pagination div {
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
  padding: 2px !important;
}

.pagination li a, .pagination div a {
  text-decoration: none !important;
}

.pagination li.item a {
  background-color: #fff;
  padding: 9px 12px;
  color: #1b3e46;
}

.pagination li.item.disabled a, .pagination li.item.active a {
  cursor: default !important;
}

.pagination li.item.active a {
  background-color: #ff5284;
  color: #fff;
}

.pagination li.next, .pagination li.previous {
  font-weight: 400;
}

.pagination li.next.disabled, .pagination li.previous.disabled {
  opacity: .3;
  pointer-events: none;
}

.pagination li.next.disabled a, .pagination li.previous.disabled a {
  color: #1b3e46;
}

.pagination li.next a, .pagination li.previous a {
  color: #ff5284;
}

.pagination li.next {
  float: right;
}

.pagination li.next img {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  top: -3px;
  left: 5px;
}

.pagination li.previous {
  float: left;
}

.pagination li.previous img {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  top: 4px;
  left: -5px;
}

.cw3 > .news-thumbnail {
  width: 240px;
  height: 250px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.bootstrap-filestyle {
  position: relative;
}

.bootstrap-filestyle label {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1b3e46;
  padding: 0 15px;
  height: 47px;
  line-height: 47px;
  cursor: pointer;
}

.bootstrap-filestyle label span {
  color: #fff;
}

.g-recaptcha {
  overflow: hidden;
}

.news-item.product-search img {
  max-height: 250px;
}

header {
  background: #183b3d;
  background-size: cover;
  position: relative;
  z-index: 3;
}

header aside {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

header aside .mobile-menu-extra {
  display: none;
}

header .content-holder {
  max-width: 1200px !important;
}

header .main-menu {
  position: fixed;
  top: 40px;
  padding: 0;
  z-index: 99;
  background: #183b3d;
}

header .main-menu form.search-form {
  margin-right: 0 !important;
}

header .main-menu form.search-form input[type=text] {
  border: 1px solid white;
  border-radius: 20px;
}

header .main-menu form.search-form input[type=text]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

header .main-menu form.search-form input[type=text]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

header .main-menu form.search-form input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

header form {
  width: 200px;
  margin-right: 20px !important;
}

header .fortop {
  display: block;
  background: url("/assets/img/fortop_logo.png") center center no-repeat;
  background-size: 120px 38px;
  width: 120px;
  height: 38px;
  margin: 15px;
  margin-left: 20px;
  margin-top: 2px;
}

header > .background {
  z-index: 0;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

header > .background.search {
  height: 420px;
}

header > .background.search .content-holder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 140px;
}

header > .background.search h1 span {
  margin: 0;
  font-size: 40px;
  font-weight: 100;
  line-height: 40px;
}

header > .background.search h1 > :last-child {
  font-size: 20px;
}

@media screen and (min-width: 1024px) {
  header > div.background {
    margin-top: 118px;
  }
}

header > * {
  position: relative;
}

header aside {
  background: #2a525a;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
  z-index: 100;
}

header aside .content-holder {
  max-width: 100%;
  padding: 0;
}

header aside .header-contact-details {
  float: right;
  margin: 0;
}

header aside .header-contact-details a {
  display: inline-block;
  text-transform: none;
  color: #ffffff;
  margin: 0 0 0 50px;
}

header aside .header-contact-details span {
  font-weight: bold;
}

header aside nav ul {
  display: block;
  float: right;
  padding: 0;
  margin: 0;
}

header aside nav ul li {
  display: inline-block;
  list-style: none;
  margin-left: -4px;
}

header aside nav ul li span {
  background: #2a525a;
  color: white;
}

header aside nav ul li a, header aside nav ul li span {
  display: inline-block;
  margin: 0 0 0 50px;
  line-height: 40px;
  color: #ffffff;
}

header aside nav ul li a:hover {
  text-decoration: underline;
}

header aside nav ul li.shop {
  font-size: 13px;
}

header aside nav ul li.check span {
  padding: 4px 20px;
  font-weight: 600;
  font-size: 13px;
  color: #2a525a;
  line-height: initial;
  border-radius: 20px;
  background-color: white;
}

header aside nav ul li.shop a {
  padding: 4px 20px;
  font-weight: 600;
  font-size: 13px;
  color: #2a525a;
  line-height: initial;
  border-radius: 20px;
  background-color: #f4d424;
}

header aside nav ul li:first-child a {
  line-height: 14px;
  border-right: 1px solid #ffffff;
}

header aside nav ul li:last-child a {
  position: relative;
  text-decoration: none;
}

header aside nav ul li:last-child a .counter-number {
  padding: 0;
  background: #ff5284;
  font-size: 11px;
  color: white;
  border-radius: 8px;
  height: 18px;
  min-width: 18px;
  text-align: center;
  line-height: 19px;
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 99;
}

header .main-menu {
  padding-top: 19px;
  right: 0;
  left: 0;
}

header .main-menu nav ul, header .main-menu form {
  display: block;
  float: right;
  padding: 0;
  margin: 0;
}

header .main-menu nav > ul > li {
  display: inline-block;
  line-height: 78px;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  margin-top: -19px;
}

header .main-menu nav > ul > li.active > a {
  text-decoration: underline;
}

header .main-menu nav > ul > li a {
  color: #ffffff;
  padding: 0 20px;
  display: inline-block;
}

header .main-menu nav > ul > li:hover > ul {
  display: block;
}

header .main-menu nav > ul > li ul {
  display: none;
}

header .main-menu nav > ul > li:hover > a {
  color: white;
}

header .main-menu nav > ul > li:hover > a.hassubmenu {
  background: white;
  color: #2a525a;
}

header .main-menu nav > ul > li ul {
  display: none;
  position: absolute;
  top: 78px;
  left: 0;
  background: white;
  line-height: 48px;
}

header .main-menu nav > ul > li ul li {
  padding: 0;
  width: 250px;
  display: inline-block;
  line-height: 1.5em;
  position: relative;
  z-index: 9999 !important;
  background: #fff;
}

header .main-menu nav > ul > li ul li a:after {
  display: none !important;
}

header .main-menu nav > ul > li ul li a.hassubmenu:after {
  display: block !important;
}

header .main-menu nav > ul > li ul li ul {
  position: absolute;
  left: 250px;
  top: 0;
  display: none;
}

header .main-menu nav > ul > li ul li:hover > ul, header .main-menu nav > ul > li ul li li:hover ul {
  display: block;
}

header .main-menu nav > ul > li ul li:hover a {
  color: white;
  background: #2a525a;
}

header .main-menu nav > ul > li ul li:hover a:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -328px 0px no-repeat;
  display: block;
}

header .main-menu nav > ul > li ul li a {
  padding: 15px;
  display: block;
  color: #2a525a;
  text-decoration: none;
}

header .main-menu nav > ul > li ul li a:after {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  display: block;
  float: right;
  margin-top: 14px;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

header .main-menu nav > ul > li ul li .active {
  color: white;
  background: #849ba0;
}

header .main-menu nav > ul > li ul li ul li:hover a {
  background: #1a3e46;
}

header .main-menu nav > ul > li ul li ul li li:hover a {
  background: white;
  color: #2a525a;
}

header .main-menu nav > ul > li ul li ul li li:hover a:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  display: block;
}

header #language-select {
  position: relative;
  z-index: 500;
  float: left;
  margin-left: 20px;
}

header #language-select ul {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 40px;
  background: white;
}

header #language-select ul li {
  display: block;
  margin: 0;
  padding: 0 20px;
}

header #language-select:hover ul {
  display: block;
}

header #language-select span {
  padding: 0 10px;
}

header #language-select span:after {
  font-family: FontAwesome;
  content: "\f0d7";
  padding-left: 10px;
}

header .full-text h1 {
  margin-bottom: 30px;
}

header .full-text h1 span {
  font-size: 50px;
  line-height: 60px;
  width: 80%;
}

header h1 {
  margin-top: 20px;
  margin-bottom: 0;
}

header h1::before {
  margin-bottom: 25px !important;
}

header h1 span {
  font-size: 52px;
  font-weight: 900;
  width: 65%;
  color: white;
  line-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

header h1 span::first-line {
  font-weight: 300 !important;
}

header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: white;
}

@media screen and (max-width: 1350px) {
  header h1 span {
    font-size: 5vw;
    line-height: 6vw;
  }
}

@media screen and (max-width: 1024px) {
  header .fullwidth-slider {
    margin-top: 54px;
  }
}

footer {
  margin-top: 35px;
  position: relative;
  background-image: url("/assets/img/bg_footer.svg");
  background-position: right 120px;
  background-repeat: no-repeat;
  background-color: #173b3d;
}

footer *, footer a {
  color: white;
}

footer .content-holder {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

footer aside {
  background: #2a525a;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
  z-index: 100;
}

footer aside nav ul {
  display: block;
  float: right;
  padding: 0;
  margin: 0;
}

footer aside nav ul li {
  display: inline-block;
  list-style: none;
  margin-left: -4px;
}

footer aside nav ul li span {
  background: #2a525a;
  color: white;
}

footer aside nav ul li a, footer aside nav ul li span {
  display: inline-block;
  margin: 0 0 0 50px;
  line-height: 40px;
  color: #ffffff;
}

footer aside nav ul li a:hover {
  text-decoration: underline;
}

footer aside nav ul li.shop a {
  padding: 4px 20px;
  font-weight: 600;
  font-size: 13px;
  color: #2a525a;
  line-height: initial;
  border-radius: 20px;
  background-color: #f4d424;
}

footer aside nav ul li.check span {
  padding: 4px 20px;
  font-weight: 600;
  font-size: 13px;
  color: #2a525a;
  line-height: initial;
  border-radius: 20px;
  background-color: white;
}

footer aside nav ul li:first-child a {
  line-height: 14px;
  border-right: 1px solid #ffffff;
}

footer aside nav ul li:last-child a {
  position: relative;
  text-decoration: none;
}

footer aside nav ul li:last-child a .counter-number {
  padding: 0;
  background: #ff5284;
  font-size: 11px;
  color: white;
  border-radius: 8px;
  height: 18px;
  min-width: 18px;
  text-align: center;
  line-height: 19px;
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 99;
}

footer .fortop {
  display: block;
  background: url("/assets/img/fortop_logo.png") center center no-repeat;
  background-size: 120px 38px;
  width: 120px;
  height: 38px;
  margin: 20px 0 60px;
}

footer form.search-form {
  width: 200px;
}

footer form.search-form input[type=text] {
  border: 1px solid white;
  border-radius: 20px;
}

footer form.search-form input[type=text]::-webkit-input-placeholder {
  color: white;
}

footer form.search-form input[type=text]:-ms-input-placeholder {
  color: white;
}

footer form.search-form input[type=text]::placeholder {
  color: white;
}

footer .block.newsletter label {
  margin-top: 30px;
}

footer .block.newsletter button {
  width: 153px;
  height: 36px;
  margin-top: 10px;
  padding: 6px 0;
  border-radius: 27px;
  border: none;
  background-color: #ff5284;
}

footer .cw2 {
  padding-top: 14px;
}

footer .cw3 {
  padding: 30px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  width: calc(25% - 10px);
}

footer h3 {
  color: white;
  font-weight: 900;
  font-size: 20px;
  margin: 0px;
  margin-bottom: 40px;
}

footer span[itemprop='telephone'] {
  padding-left: 20px;
  background-image: url("/assets/img/icon_phone.svg");
  background-repeat: no-repeat;
}

footer .mail-us {
  padding-left: 20px;
  background-image: url("/assets/img/icon_mail.svg");
  background-repeat: no-repeat;
}

footer div[itemprop='address'] {
  padding-left: 20px;
  background-image: url("/assets/img/icon_location.svg");
  background-repeat: no-repeat;
}

footer address {
  background: white !important;
  min-height: 60px;
  line-height: 60px;
  padding: 0px;
  text-align: center;
  color: #2a525a;
  font-weight: 700;
  font-style: normal;
  padding: 0 15px;
}

footer .share {
  position: absolute;
  top: 0;
  right: 0;
}

footer .share.active {
  top: -116px;
}

footer .share.active .open {
  display: block;
}

footer .share.active .open img {
  background-color: #fff;
  padding: 12px;
  cursor: pointer;
}

footer .share.active .closed {
  display: none;
}

footer .share .open {
  display: none;
}

footer .share .open a {
  display: block;
  background: #1b3e46;
  padding: 9px 9px 6px;
  text-align: center;
  margin-top: 2px;
}

footer .share .open i {
  color: #fff;
  font-size: 22px;
}

footer .share .closed {
  background-color: #ff5284;
  cursor: pointer;
  padding: 9px 9px 6px;
}

footer .social-logos img {
  width: 70px;
}

footer nav.footer-main-menu {
  margin: 80px 0 40px;
}

footer nav.footer-main-menu > ul {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

footer nav.footer-main-menu > ul > li {
  display: inline-block;
  width: calc(100% / 7);
  font-weight: 600;
  line-height: 26px;
}

footer nav.footer-main-menu > ul > li ul {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

footer nav.footer-main-menu > ul > li ul li {
  display: block;
}

footer nav.footer-main-menu > ul > li ul li a {
  font-weight: 100;
  color: rgba(255, 255, 255, 0.4);
}

/* Responsive */
@media (max-width: 1200px) {
  footer .content-holder {
    width: auto;
    padding: 0 40px !important;
  }
  footer .content-holder nav.footer-main-menu > ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  footer .content-holder nav.footer-main-menu > ul > li {
    width: calc(100% / 5);
    margin-bottom: 20px;
  }
}

@media (max-width: 960px) {
  footer .holder .cw2 {
    width: 27% !important;
  }
  footer .holder .cw2.social {
    width: 19% !important;
  }
  footer .holder .cw2.search {
    display: none;
  }
}

@media (max-width: 680px) {
  footer .content-holder {
    width: initial;
    padding: 0 28px !important;
  }
  footer .content-holder .holder .cw2, footer .content-holder .holder .cw2.social {
    width: 50% !important;
    margin-bottom: 28px;
  }
  footer .content-holder nav.footer-main-menu > ul > li {
    width: 50%;
  }
}

.cms-detail > div {
  background: white;
  padding: 30px;
  margin-bottom: 35px;
  font-size: 14px;
  line-height: 18px;
  color: #1b3e46;
  position: relative;
  overflow: hidden;
}

.cms-detail > div iframe {
  margin: -30px;
  width: calc(100% + 60px);
  border-style: none;
  box-sizing: border-box;
  display: block;
}

.cms-detail > div p iframe {
  margin: -45px -30px;
}

.cms-detail .h3-without-seperator {
  margin-top: 0px;
  font-size: 24px;
  line-height: 1;
  color: #2a525a;
  font-weight: bold;
}

.cms-detail h1, .cms-detail h2, .cms-detail h3, .cms-detail h4 {
  margin-top: 0px;
  line-height: 1;
  color: #2a525a;
  text-transform: none;
}

.cms-detail h1 a, .cms-detail h2 a, .cms-detail h3 a, .cms-detail h4 a {
  color: #2a525a;
}

.cms-detail h1, .cms-detail h2 {
  font-size: 28px;
}

.cms-detail h1:after, .cms-detail h2:after {
  margin-top: 31px;
}

.cms-detail h3 {
  font-size: 20px;
}

.cms-detail h4 {
  font-size: 16px;
}

.cms-detail time, .cms-detail .author, .cms-detail .time {
  font-weight: 700;
  color: #cececf;
  font-size: 14px;
}

.cms-detail .author {
  display: block;
}

.cms-detail strong.brand {
  display: block;
  padding-top: 28px;
}

.cms-detail ul {
  padding-left: 18px;
}

.cms-detail ul li {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAJCAIAAACaDRr3AAAALUlEQVR4AWP4v/LQfxhg+B/UAuQjOBA+lAPnI3FWHGSAs0DK4CwQB8KCcZAAAMo0WRWWBsCMAAAAAElFTkSuQmCC");
  line-height: 32px;
  padding-left: 14px;
}

.cms-detail .readmore {
  display: block;
  margin-top: 30px;
}

.cms-detail .readmore:after {
  content: " ";
  margin-left: 8px;
  width: 4px;
  height: 8px;
  background: url(/assets/img/sprite.png) -127px -12px no-repeat;
  display: block;
  display: inline-block;
}

.cms-detail .right {
  float: right;
  margin-left: 40px;
  max-width: 35%;
}

.cms-detail table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100% !important;
}

.cms-detail td {
  max-width: 100%;
}

.cms-detail td img {
  margin-right: 30px;
}

body.brands {
  margin-top: 0 !important;
}

body.pagetype-homepage .content-holder, .pagetype-kennisgebied-overview .content-holder {
  width: initial;
  max-width: initial;
  padding: 0;
}

body.pagetype-homepage section.other-areas, .pagetype-kennisgebied-overview section.other-areas {
  width: 1200px;
  margin: 0 auto;
  max-width: calc(100% - 40px);
  position: relative;
  padding: 60px 0;
  background-image: url("/assets/img/bg-other-areas.png");
  background-position: center;
  background-repeat: no-repeat;
}

body.pagetype-homepage section.other-areas:before, .pagetype-kennisgebied-overview section.other-areas:before {
  content: '';
  position: absolute;
  top: 0;
  left: -50vw;
  width: 150vw;
  height: 100%;
  z-index: -1;
  background-color: #1b3e46;
}

body.pagetype-homepage section.other-areas h2, body.pagetype-homepage section.other-areas h3, .pagetype-kennisgebied-overview section.other-areas h2, .pagetype-kennisgebied-overview section.other-areas h3 {
  margin: 0;
  text-align: center;
  font-size: 34px;
  color: white;
}

body.pagetype-homepage section.other-areas h3, .pagetype-kennisgebied-overview section.other-areas h3 {
  font-weight: 300;
}

body.pagetype-homepage section.other-areas .areas, .pagetype-kennisgebied-overview section.other-areas .areas {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 80px;
          column-gap: 80px;
  margin: 50px 0;
}

body.pagetype-homepage section.other-areas .areas .area, .pagetype-kennisgebied-overview section.other-areas .areas .area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-decoration: none;
  box-shadow: 0 2px 36px 0 rgba(0, 0, 0, 0.5);
  transition: .2s;
  background-color: #1b3e46;
}

body.pagetype-homepage section.other-areas .areas .area .icon, .pagetype-kennisgebied-overview section.other-areas .areas .area .icon {
  margin: 40px 0 16px;
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}

body.pagetype-homepage section.other-areas .areas .area .content, .pagetype-kennisgebied-overview section.other-areas .areas .area .content {
  padding: 0 20px;
  text-align: center;
}

body.pagetype-homepage section.other-areas .areas .area h4, .pagetype-kennisgebied-overview section.other-areas .areas .area h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: white;
  word-spacing: 200pt;
}

body.pagetype-homepage section.other-areas .areas .area .arrow, .pagetype-kennisgebied-overview section.other-areas .areas .area .arrow {
  width: 80px;
  height: 80px;
  left: -60px !important;
  bottom: -16px;
  background: url(/assets/img/nav-arrow-circle-right-light.svg) no-repeat center;
}

body.pagetype-homepage section.other-areas .areas .area:not(.current):hover, .pagetype-kennisgebied-overview section.other-areas .areas .area:not(.current):hover {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}

body.pagetype-homepage section.other-areas .areas .area.current, .pagetype-kennisgebied-overview section.other-areas .areas .area.current {
  background-color: white;
}

body.pagetype-homepage section.other-areas .areas .area.current h4, .pagetype-kennisgebied-overview section.other-areas .areas .area.current h4 {
  color: #1b3e46;
}

#video-header {
  position: relative;
}

#video-header h2 {
  position: absolute;
  z-index: 1;
  bottom: 15%;
  left: 40px;
  max-width: 630px;
  margin: 0;
  font-size: 60px;
  font-weight: 900;
  color: #fff;
}

#video-header .arrow {
  position: absolute;
  z-index: 1;
  bottom: 40px;
  right: calc(50% - 8px);
  width: 18px;
  height: 12px;
  background-image: url("/assets/img/icon_arrow_down.svg");
  background-size: cover;
}

.knowledge-areas {
  background-color: #f4f4f4;
}

.knowledge-areas .holder {
  max-width: 1140px;
  margin: 0 auto;
  padding: 140px 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.knowledge-areas .holder .intro h2 {
  margin-bottom: 0;
  font-size: 34px;
  font-weight: bold;
  color: #173b3d;
}

.knowledge-areas .holder .intro h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
  color: #1b3e46;
}

.knowledge-areas .holder .area {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 30px;
          column-gap: 30px;
  background-color: white;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.knowledge-areas .holder .area .icon {
  width: auto;
  height: 140px;
  aspect-ratio: 1/1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1b3e46;
}

.knowledge-areas .holder .area h4 {
  margin: 0 80px 0 0;
  font-size: 18px;
  font-weight: 700;
}

.knowledge-areas .holder .area .arrow {
  position: absolute;
  width: 80px;
  height: 80px;
  right: -6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/assets/img/nav-arrow-circle-right.svg) no-repeat center;
}

#banner-slides {
  position: relative;
  z-index: 0;
  margin-bottom: 30px;
  background-color: #1b3e46;
  overflow: hidden;
}

#banner-slides .slider {
  max-width: 1200px;
  margin: 0 auto;
  overflow: visible;
}

#banner-slides .slider .slick-list .slick-track {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#banner-slides .slider .slick-list .slick-track .banner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#banner-slides .slider .slick-list .slick-track .banner .content {
  padding: 80px 50px;
}

#banner-slides .slider .slick-list .slick-track .banner h3 {
  margin: 0 0 6px;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  color: white;
}

#banner-slides .slider .slick-list .slick-track .banner .text {
  max-width: 400px;
  font-size: 16px;
  line-height: 1.63;
  color: white;
}

#banner-slides .slider .slick-list .slick-track .banner .btn {
  margin-top: 20px;
  display: inline-block;
  min-width: 190px;
  padding: 10px 20px;
  text-align: center;
  color: #1b3e46;
  text-decoration: none;
  border-radius: 27px;
  background: #FFF;
  transition: .2s;
}

#banner-slides .slider .slick-list .slick-track .banner .image {
  max-width: 50%;
}

#banner-slides .slider .slick-dots {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

#banner-slides .slider .slick-dots li button {
  background: #E6E6E6;
}

.intro-block {
  max-width: 1200px;
  margin: 0 auto;
  padding: 130px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.intro-block .img-slider {
  z-index: 0;
  width: 440px;
  height: 440px;
  white-space: nowrap;
  overflow: hidden;
}

.intro-block .img-slider .image {
  position: relative;
  display: inline-block;
  width: 440px;
  height: 440px;
  white-space: initial;
  background-size: cover;
  background-position: center;
}

.intro-block .img-slider .image label {
  position: absolute;
  max-width: 170px;
  padding: 15px;
  bottom: 50px;
  left: 0;
  font-size: 18px;
  font-weight: 600;
  color: #173b3d;
  background-color: white;
}

.intro-block .content {
  width: calc(100% - 440px);
  color: #173b3d;
}

.intro-block .content h2 {
  padding-left: 46px;
  font-size: 34px;
  margin: 0 0 10px;
}

.intro-block .content .text {
  padding-left: 46px;
}

.intro-block .content .text p {
  font-size: 16px;
  line-height: 1.63;
}

.intro-block .content nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 46px 0 0 46px;
}

.intro-block .content nav a {
  width: calc(100% / 3 - 34px);
  margin-bottom: 10px;
  padding: 6px 0 6px 34px;
  font-size: 18px;
  font-weight: 300;
  color: #173b3d;
  background-repeat: no-repeat;
  background-position: center left;
}

.intro-block .content nav a:hover {
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

.intro-block .content nav a.machinebouw {
  background-image: url("/assets/img/icon_machinebouw.svg");
}

.intro-block .content nav a.etb {
  background-image: url("/assets/img/icon_etb.svg");
}

.intro-block .content nav a.marine {
  background-image: url("/assets/img/icon_marine.svg");
}

.intro-block .content nav a.ziekenhuizen {
  background-image: url("/assets/img/icon_ziekenhuizen.svg");
}

.intro-block .content nav a.energy {
  background-image: url("/assets/img/icon_energy.svg");
}

.intro-block .content nav a.toegangstechniek {
  background-image: url("/assets/img/icon_toegangstechniek.svg");
}

.intro-block .content nav a.datacenters {
  background-image: url("/assets/img/icon_datacenters.svg");
}

.intro-block .content nav a.industrie {
  background-image: url("/assets/img/icon_industrie.svg");
}

.intro-block.mobile {
  display: none;
}

.brands {
  background-color: #f4f4f4;
}

.brands > div {
  z-index: 1;
  max-width: 1200px;
  margin: 30px auto;
  background-color: #ffffff;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
  overflow: visible;
}

.brands .slider-brands {
  padding: 10px 0 4px;
  overflow: visible;
}

.brands .slider-brands .slick-track {
  margin: 0 auto;
}

.brands .cw3 {
  height: 320px;
  padding: 30px;
}

.brands .cw9 {
  height: 320px;
}

.brands .slider .slick-dots {
  margin: 21px 0 0;
}

.brands .slider .slick-arrow {
  width: 80px;
  height: 80px;
  left: -60px !important;
  bottom: -16px;
  background: url("/assets/img/nav-arrow-circle-right.svg") center no-repeat !important;
}

.brands .slider .slick-arrow.right {
  left: initial !important;
  right: -60px !important;
}

.cases-section {
  max-width: 1200px;
  margin: 130px auto 80px;
}

.cases-section .cases {
  margin: 0 -24px;
  overflow: hidden;
}

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

.cases-section .cases .slick-dots {
  display: none;
}

.cases-section .cases .case {
  display: inline-block;
  margin: 0 24px;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.cases-section .cases .case .image {
  position: relative;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
}

.cases-section .cases .case .image label {
  position: absolute;
  max-width: 170px;
  padding: 2px 15px;
  top: 20px;
  right: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #173b3d;
  border-radius: 20px;
  background-color: white;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.cases-section .cases .case .image .play-button, .cases-section .cases .case .image .play-button-yt {
  position: absolute;
  right: 20px;
  bottom: -27px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-image: url("/assets/img/icon-play.svg");
  background-repeat: no-repeat;
  background-position: 21px center;
  background-color: #173b3d;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25);
  transition: .2s;
}

.cases-section .cases .case .image .play-button:hover, .cases-section .cases .case .image .play-button-yt:hover {
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.cases-section .cases .case .content {
  padding: 20px;
  color: #173b3d;
}

.cases-section .cases .case .content h3 {
  margin: 10px 0 20px;
  font-size: 18px;
}

.cases-section .cases .case .content h3:first-child {
  margin-bottom: 0;
}

.cases-section .cases .case .content h3:nth-child(2) {
  margin-top: 4px;
}

.cases-section .cases .case .content .text {
  font-size: 16px;
  line-height: 1.63;
}

.cases-section .cases .slick-dots {
  text-align: right;
  padding-right: 24px;
}

.cases-section .cases .slick-dots li button {
  background-color: #dadada;
}

.cases-section .case-video-holder {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(24, 57, 65, 0.8);
  z-index: 1000;
  display: none;
}

.cases-section .case-video-holder .video-holder-wrapper {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: auto;
  width: auto;
  max-height: 80%;
  max-width: 80%;
}

.cases-section .case-video-holder .video-holder-wrapper video {
  height: 100%;
  width: 100%;
}

.cases-section .case-video-holder .video-holder-wrapper iframe {
  height: auto;
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
}

.cases-section .case-video-holder .video-holder-wrapper .close {
  position: absolute;
  top: 0;
  right: 0;
  background: #ff5284;
  padding: 10px 12px;
  cursor: pointer;
}

.event-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}

.event-section .wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.event-section .wrapper .image {
  position: relative;
  width: 50%;
  padding-bottom: 35%;
  background-size: cover;
  background-position: center;
}

.event-section .wrapper .image label {
  position: absolute;
  max-width: 170px;
  padding: 2px 15px;
  top: 20px;
  right: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #173b3d;
  border-radius: 20px;
  background-color: white;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.event-section .wrapper .content {
  padding: 100px 50px 70px;
  width: 50%;
  color: #173b3d;
}

.event-section .wrapper .content h3 {
  font-size: 34px;
  margin: 0;
}

.event-section .wrapper .content .date {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 14px;
}

.event-section .wrapper .content .text {
  font-size: 16px;
  line-height: 1.63;
}

.event-section .wrapper .content .buttons {
  margin-top: 60px;
}

.event-section .wrapper .content .buttons a {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 10px 40px;
  color: white;
  border-radius: 27px;
  background-color: #173b3d;
  white-space: nowrap;
}

.event-section .wrapper .content .buttons a:hover {
  text-decoration: none;
}

.cases-section h2 {
  margin: 0 0 20px 0;
  font-size: 34px;
  font-weight: bold;
  color: #173b3d;
}

.shop-categories {
  padding: 90px 0;
  background-color: #f4f4f4;
}

.shop-categories hr {
  max-width: 1200px;
  margin: -90px auto 80px auto;
  border: 0;
  border-top: 8px solid white;
}

.shop-categories .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.shop-categories .wrapper h3 {
  font-size: 34px;
  font-weight: bold;
  color: #173b3d;
  margin: 0 0 10px 48px;
}

.shop-categories .wrapper .image {
  width: 182px;
  background-size: cover;
  background-position: center;
}

.shop-categories .wrapper .content {
  width: calc(100% - 182px);
}

.shop-categories .wrapper .items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.shop-categories .wrapper .items a {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(50% - 126px);
  margin: 16px 0 0 48px;
  padding: 10px 64px 10px 14px;
  font-size: 18px;
  font-weight: bold;
  color: #173b3d;
  background-color: white;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.shop-categories .wrapper .items a:hover:after {
  -webkit-transform: rotate(-90deg) scale(1.05);
      -ms-transform: rotate(-90deg) scale(1.05);
          transform: rotate(-90deg) scale(1.05);
}

.shop-categories .wrapper .items a:after {
  content: "";
  display: block;
  position: absolute;
  right: 25px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25);
  background-color: #173b3d;
  background-image: url("/assets/img/icon_arrow_down.svg");
  background-position: center 13px;
  background-repeat: no-repeat;
  transition: .2s;
}

.shop-categories .wrapper .items a span {
  padding-left: 6px;
}

.shop-categories .wrapper .items a img {
  height: 75px;
  max-width: 107px;
  vertical-align: middle;
}

.banner-section {
  padding: 130px 0;
  background-image: url("/assets/img/bg_footer.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #173b3d;
}

.banner-section .wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.banner-section .wrapper .banner {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(to top, #c4c4c4, #fff);
}

.banner-section .wrapper .banner a, .banner-section .wrapper .banner img {
  display: block;
  width: 100%;
}

.banner-section .wrapper .banner .content {
  position: relative;
  z-index: 1;
  padding: 76px 48px;
}

.banner-section .wrapper .banner .content h3 {
  margin: 0;
  font-size: 60px;
  font-weight: 900;
  color: #173b3d;
}

.banner-section .wrapper .banner .content h4 {
  margin: 0;
  font-size: 25px;
  font-weight: 300;
  text-transform: initial;
  color: rgba(42, 82, 90, 0.9);
}

.banner-section .wrapper .banner .content .buttons {
  margin-top: 40px;
}

.banner-section .wrapper .banner .content .buttons a {
  margin-right: 10px;
  padding: 10px 40px;
  color: white;
  border-radius: 27px;
  background-color: #173b3d;
}

.banner-section .wrapper .banner .content .buttons a:hover {
  text-decoration: none;
}

.banner-section .wrapper .banner .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 480px;
  background-size: cover;
  background-position: center;
  -webkit-mask-image: url("/assets/img/mask_4.svg");
          mask-image: url("/assets/img/mask_4.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: right bottom;
          mask-position: right bottom;
}

.news-section {
  max-width: 1200px;
  margin: 130px auto;
}

.news-section .wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -25px;
}

.news-section .news-item {
  position: relative;
  width: calc(50% - 50px);
  margin: 0 25px;
  background-color: #fff;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.news-section .news-item .image {
  position: relative;
  padding-bottom: 65%;
  background-size: cover;
  background-position: center;
}

.news-section .news-item .image label {
  position: absolute;
  max-width: 170px;
  padding: 2px 15px;
  top: 20px;
  right: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #173b3d;
  border-radius: 20px;
  background-color: white;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.news-section .news-item .content {
  padding: 20px 20px 90px;
  color: #173b3d;
}

.news-section .news-item .content .title-date {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 18px;
}

.news-section .news-item .content .title-date h4 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: initial;
}

.news-section .news-item .content .title-date .date {
  font-size: 18px;
  font-weight: 300;
}

.news-section .news-item .content .text {
  font-size: 16px;
  line-height: 1.63;
}

.news-section .news-item .content .read-more {
  position: absolute;
  bottom: 30px;
  display: inline-block;
  padding: 10px 40px;
  color: white;
  border-radius: 27px;
  background-color: #173b3d;
}

.news-section .news-item .content .read-more:hover {
  text-decoration: none;
}

/* Responsive */
@media (max-width: 1280px) {
  body.pagetype-homepage header aside .content-holder,
  body.pagetype-homepage header .main-menu .content-holder {
    padding: 0 40px;
  }
  body.pagetype-homepage header .fortop {
    margin-lefT: 0;
  }
  body.pagetype-homepage header .main-menu nav > ul > li a {
    padding: 0 10px;
  }
  body.pagetype-homepage section.other-areas .areas {
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  .knowledge-areas .holder {
    grid-gap: 30px;
  }
  .intro-block {
    padding: 130px 40px;
  }
  .intro-block .content nav a {
    width: calc(100% / 2 - 34px);
  }
  .brands {
    padding: 0 50px;
  }
  .cases-section {
    padding: 0 40px;
  }
  .event-section {
    padding: 100px 40px;
  }
  .webshop-blocks .shop-categories {
    padding: 90px 40px;
  }
  .banner-section {
    padding: 130px 40px;
  }
  .news-section {
    padding: 0 40px;
  }
}

@media (max-width: 1100px) {
  .knowledge-areas .holder {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1024px) {
  header li.check, header li.shop {
    display: none;
  }
  header .main-menu {
    display: none;
    background: white;
    position: static;
  }
  header .main-menu.open {
    display: initial;
  }
  header .main-menu form, header .main-menu .fortop {
    display: none;
  }
  header .main-menu nav {
    position: fixed;
    top: 40px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: white;
    z-index: 4;
  }
  header .main-menu nav > ul > li > a.hassubmenu {
    position: relative;
  }
  header .main-menu nav > ul > li > a.hassubmenu:after {
    content: " ";
    position: absolute;
    right: 22px;
    top: 3px;
    width: 10px;
    height: 15px;
    background: url(/assets/img/sprite.png) -127px -39px no-repeat;
    display: block;
    margin: 20px 0px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  header .main-menu nav ul {
    overflow: auto;
    float: none;
    margin: 0px;
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }
  header .main-menu nav ul li {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin-top: 0px;
    line-height: 60px;
  }
  header .main-menu nav ul li > span {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 50px;
    background: white;
    cursor: pointer;
  }
  header .main-menu nav ul li > span:after {
    content: " ";
    width: 10px;
    height: 15px;
    background: url(/assets/img/sprite.png) -127px -39px no-repeat;
    display: block;
    margin: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  header .main-menu nav ul li li > span {
    background: #2a525a;
  }
  header .main-menu nav ul li li > span:after {
    width: 10px;
    height: 15px;
    background: url(/assets/img/sprite.png) -127px -24px no-repeat;
    display: block;
  }
  header .main-menu nav ul li.active > span {
    display: block;
  }
  header .main-menu nav ul li ul {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-left: 0px;
    display: block !important;
    background: #2a525a;
    position: relative;
  }
  header .main-menu nav ul li ul li {
    background: #2a525a;
  }
  header .main-menu nav ul li ul li a, header .main-menu nav ul li ul li:hover a {
    color: white !important;
  }
  header .main-menu nav ul li ul li a:after, header .main-menu nav ul li ul li:hover a:after {
    width: 10px;
    height: 15px;
    background: url(/assets/img/sprite.png) -127px -24px no-repeat;
    display: block;
  }
  header .main-menu nav ul li ul ul, header .main-menu nav ul li ul ul > li a, header .main-menu nav ul li ul ul {
    left: 0px;
    top: 0px;
    background: #1b3e46 !important;
  }
  header .main-menu nav ul li ul li a {
    padding: 10px 20px !important;
  }
  header .main-menu nav ul li.active > ul, header .main-menu nav ul li li.active > ul {
    display: block !important;
  }
  header .main-menu nav ul li a, header .main-menu nav ul li:hover a {
    color: #2a525a;
    display: block;
  }
  .intro-block {
    display: none;
  }
  .intro-block.mobile {
    display: block;
    max-width: 100%;
  }
  .intro-block.mobile .content {
    width: initial;
  }
  .intro-block.mobile .content h2, .intro-block.mobile .content .text {
    padding: 0;
  }
  .intro-block.mobile .content .slider-wrapper {
    margin-top: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .intro-block.mobile .content .slider-wrapper .img-slider {
    width: 45%;
    height: auto;
  }
  .intro-block.mobile .content .slider-wrapper .img-slider .image {
    width: 100%;
    height: auto;
    padding-bottom: 11%;
  }
  .intro-block.mobile .content .slider-wrapper .section-menu {
    width: 55%;
    padding: 0 0 0 40px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body.pagetype-homepage section.other-areas {
    padding: 60px 20px;
  }
}

@media (max-width: 960px) {
  .event-section .wrapper .content {
    padding: 60px 50px 30px;
  }
  .webshop-blocks .shop-categories .image {
    display: none;
  }
  .webshop-blocks .shop-categories .content {
    width: initial;
  }
  .webshop-blocks .shop-categories .content h3 {
    margin-left: 0;
  }
  .webshop-blocks .shop-categories .content .items {
    margin-left: -46px;
  }
}

@media (max-width: 800px) {
  #video-header h2 {
    max-width: 100%;
    font-size: 40px;
    right: 80px;
  }
}

@media (max-width: 768px) {
  body.pagetype-homepage section.other-areas .areas {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    row-gap: 20px;
  }
  body.pagetype-homepage section.other-areas .areas .area {
    width: calc(50% - 10px);
  }
  #video-header {
    margin-top: 40px;
  }
  #video-header h2 {
    font-size: 26px;
    left: 28px;
    bottom: 28px;
  }
  #video-header .arrow {
    right: 28px;
    bottom: 28px;
  }
  .knowledge-areas .holder {
    padding: 20px 15px 60px;
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  #banner-slides .slider .slick-list .slick-track .banner .content {
    padding: 40px 30px;
  }
  #banner-slides .slider .slick-list .slick-track .banner .content h3 {
    font-size: 28px;
  }
  #banner-slides .slider .slick-list .slick-track .banner .content .btn {
    min-width: initial;
  }
  .intro-block.mobile {
    padding: 46px 28px;
  }
  .intro-block.mobile .content .slider-wrapper {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .intro-block.mobile .content .slider-wrapper .img-slider {
    width: 100%;
  }
  .intro-block.mobile .content .slider-wrapper .section-menu {
    width: 100%;
    padding: 40px 0 0;
  }
  .cases-section {
    margin: 80px auto 40px;
    padding: 0 28px;
  }
  .event-section {
    padding: 46px 28px;
  }
  .event-section .wrapper {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .event-section .wrapper .image {
    width: 100%;
    padding-bottom: 75%;
  }
  .event-section .wrapper .content {
    width: calc(100% - 40px);
    padding: 40px 20px;
  }
  .event-section .wrapper .content .buttons {
    margin-top: 40px;
  }
  .event-section .wrapper .content .buttons a {
    display: block;
    text-align: center;
  }
  .webshop-blocks {
    margin-top: 20px;
  }
  .webshop-blocks hr {
    display: none;
  }
  .webshop-blocks .shop-categories {
    padding: 46px 28px;
  }
  .webshop-blocks .shop-categories .wrapper {
    display: initial;
  }
  .webshop-blocks .shop-categories .wrapper .content .items {
    display: initial;
  }
  .webshop-blocks .shop-categories .wrapper .content .items a {
    width: initial;
    margin: 16px 0 0 0;
    padding-left: 0 !important;
  }
  .webshop-blocks .shop-categories .wrapper .content .items a:after {
    right: 15px;
  }
  .banner-section {
    padding: 46px 28px;
    background-position: right bottom;
  }
  .banner-section .wrapper .banner {
    display: block;
    box-shadow: none;
  }
  .banner-section .wrapper .banner .content {
    position: initial;
    padding: 30px 28px;
  }
  .banner-section .wrapper .banner .content h3 {
    line-height: 1;
  }
  .banner-section .wrapper .banner .content h4 {
    font-size: 20px;
    font-weight: 300;
  }
  .banner-section .wrapper .banner .content .buttons a {
    display: block;
    text-align: center;
  }
  .banner-section .wrapper .banner .image {
    position: relative;
    width: 100%;
    height: 266px;
    -webkit-mask-image: none;
            mask-image: none;
  }
  .banner-section .wrapper .banner .image:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url("/assets/img/4_overlay_mobile.png");
    background-position: right bottom;
    background-size: 167px 237px;
    background-repeat: no-repeat;
  }
  .news-section {
    margin: 0;
    padding: 46px 28px;
  }
  .news-section .wrapper {
    display: initial;
    margin: 0;
  }
  .news-section .wrapper .news-item {
    width: initial;
    margin: 0 0 28px 0;
  }
  .news-section .wrapper .news-item .content {
    padding: 20px;
  }
  .news-section .wrapper .news-item .read-more {
    position: initial;
    display: block;
    text-align: center;
    margin-top: 20px;
  }
}

@media (max-width: 680px) {
  body.pagetype-homepage section.other-areas {
    max-width: calc(100% - 60px);
    padding: 60px 30px;
  }
  body.pagetype-homepage section.other-areas .areas {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
  body.pagetype-homepage section.other-areas .areas .area {
    width: initial;
  }
  body.pagetype-homepage section.other-areas .areas .area h4 {
    word-spacing: 400pt;
  }
}

@media (max-width: 620px) {
  #banner-slides .slider .slick-list .slick-track .banner {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #banner-slides .slider .slick-list .slick-track .banner .image {
    width: 100%;
    max-width: 100%;
  }
}

/* Old Styles */
.webshop-blocks {
  margin: 35px 0 0px 0;
}

.webshop-blocks ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: calc(33.33% - 13.34px);
  display: inline-block;
  vertical-align: top;
}

.webshop-blocks ul:nth-child(3n+2) {
  margin: 0 20px 20px 20px;
}

.webshop-blocks ul a {
  height: 95px;
  display: block;
  background: white;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 20px 10px 10px;
  box-sizing: border-box;
  position: relative;
  text-decoration: none !important;
  vertical-align: top;
}

.webshop-blocks ul a img {
  height: 75px;
  max-width: 107px;
  vertical-align: middle;
}

.webshop-blocks ul a span {
  vertical-align: middle;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 100;
  max-width: calc(100% - 145px);
  display: inline-block;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  font-family: Gotham;
}

.webshop-blocks ul a span:after {
  content: " ";
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.webshop-blocks ul a span.solutions:after {
  background: url(/assets/img/sprite.png) -307px -1px no-repeat;
}

.webshop-blocks ul a span.energycontrol:after {
  background: url(/assets/img/sprite.png) -318px -1px no-repeat;
}

.webshop-blocks ul a span.automation:after {
  background: url(/assets/img/sprite.png) -295px -1px no-repeat;
}

.webshop-blocks ul a:hover span {
  text-decoration: underline;
}

.gotos {
  background: #f9f9f9;
  overflow: hidden;
  position: relative;
}

.gotos .cw3 {
  min-height: 290px;
}

.gotos > div {
  z-index: 1;
  position: relative;
  padding: 30px;
}

.gotos > div .color {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #f4d424;
}

.gotos > div > h2 {
  margin-top: 0;
}

.gotos > div > h2 a:hover {
  text-decoration: none;
}

.gotos > div > h2 a:hover:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  display: block;
  display: inline-block;
}

.gotos > div .with-seperator * {
  color: #1b3e46;
}

.gotos > div .img {
  width: 120px;
  height: 120px;
  margin: 12px auto;
}

.gotos > div p {
  color: #1b3e46;
  padding-bottom: 20px;
}

.gotos > div p:before, .gotos > div a:before {
  background: #f4d424;
}

.gotos > div.automation .with-seperator:before, .gotos > div.automation .cms-detail h1:after, .cms-detail .gotos > div.automation h1:after, .gotos > div.automation .cms-detail h2:after, .cms-detail .gotos > div.automation h2:after, .gotos > div.automation .cms-detail h1:after, .gotos > div.automation .cms-detail h2:after, .gotos > div.automation .cms-detail h3:after, .gotos > div.automation .cms-detail h4:after {
  background: #f4d424;
}

.gotos > div.automation h2 a:hover {
  color: #f4d424;
}

.gotos > div.automation h2 a:hover:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -295px -1px no-repeat;
  display: block;
  display: inline-block;
}

.gotos > div.energycontrol h2 a:hover {
  color: #00b17e;
}

.gotos > div.energycontrol h2 a:hover:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -318px -1px no-repeat;
  display: block;
  display: inline-block;
}

.gotos > div.solutions h2 a:hover {
  color: #14a0cc;
}

.gotos > div.solutions h2 a:hover:after {
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -307px -1px no-repeat;
  display: block;
  display: inline-block;
}

.gotos > div.solutions h2 a:hover p:before, .gotos > div.solutions h2 a:hover a:before {
  background: #00b17e;
}

.gotos > div.automation .img {
  background: url("/assets/img/automation.png");
  background-size: cover;
}

.gotos > div.energycontrol .color, .gotos > div.energycontrol .with-seperator:before, .gotos > div.energycontrol .cms-detail h1:after, .cms-detail .gotos > div.energycontrol h1:after, .gotos > div.energycontrol .cms-detail h2:after, .cms-detail .gotos > div.energycontrol h2:after, .gotos > div.energycontrol a:before {
  background: #00b17e;
}

.gotos > div.energycontrol .img {
  background: url("/assets/img/energy_control.png");
  background-size: cover;
}

.gotos > div.solutions .color, .gotos > div.solutions .with-seperator:before, .gotos > div.solutions .cms-detail h1:after, .cms-detail .gotos > div.solutions h1:after, .gotos > div.solutions .cms-detail h2:after, .cms-detail .gotos > div.solutions h2:after, .gotos > div.solutions a:before {
  background: #14a0cc;
}

.gotos > div.solutions .img {
  background: url("/assets/img/solutions.png");
  background-size: cover;
}

.gotos.before:before {
  position: absolute;
  content: " ";
  display: block;
  right: 25%;
  left: 50%;
  top: 0px;
  bottom: 0px;
  background: white;
  z-index: 0;
}

.gotos .readmore {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #2a525a;
  font-weight: 700;
  font-size: 14px;
}

.gotos .readmore:after {
  content: " ";
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  display: block;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 15px;
}

.gotos .pinkblock h2 {
  padding-right: 20px;
}

.gotos .pinkblock * {
  color: #fff !important;
}

.gotos .pinkblock input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.gotos .pinkblock input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.gotos .pinkblock input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.gotos .pinkblock .with-seperator:before, .gotos .pinkblock .cms-detail h1:after, .cms-detail .gotos .pinkblock h1:after, .gotos .pinkblock .cms-detail h2:after, .cms-detail .gotos .pinkblock h2:after {
  background: #fff;
}

.productsimg {
  width: 43px;
  height: 36px;
  background: url(/assets/img/sprite.png) -137px -24px no-repeat;
  display: block;
}

.webshop {
  padding-top: 35px;
  font-size: 14px;
}

.webshop .whiteblock .with-seperator:before, .webshop .whiteblock .cms-detail h1:after, .cms-detail .webshop .whiteblock h1:after, .webshop .whiteblock .cms-detail h2:after, .cms-detail .webshop .whiteblock h2:after {
  background: #ff5284;
}

.webshop .whiteblock ul li {
  display: block !important;
}

.webshop .pinkblock ul li {
  padding: 0 0 11px !important;
}

.webshop .pinkblock ul li a {
  color: #fff;
  padding-top: 8px;
  display: block;
}

.webshop ul {
  padding: 0px;
  margin: 0px;
}

.webshop ul li {
  padding: 0px;
  display: block;
}

.webshop .whiteblock p a {
  color: #849ba0;
}

.webshop .img {
  float: right;
  margin-top: 10px;
}

.webshop .pinkblock .img {
  width: 42px;
  height: 33px;
  background: url(/assets/img/sprite.png) -211px -24px no-repeat;
  display: block;
}

.webshop .whiteblock .img {
  width: 31px;
  height: 45px;
  background: url(/assets/img/sprite.png) -180px -24px no-repeat;
  display: block;
}

.webshop > div {
  height: 280px;
  padding: 30px;
}

.webshop > div h3 {
  margin: 0px;
  margin-bottom: 30px;
}

.webshop .searchblock p, .webshop .searchblock a {
  color: white;
  line-height: 28px;
}

.webshop .searchblock a {
  color: #909b9e;
  text-decoration: none;
}

.webshop .searchblock a:hover {
  text-decoration: underline;
}

.webshop .searchblock p {
  margin-top: 0;
}

.webshop input[type=text] {
  width: 100%;
  font-size: 14px;
}

.webshop input[type=text]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: white;
  opacity: .2;
}

.webshop input[type=text]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: white;
  opacity: .2;
}

.webshop input[type=text]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: white;
  opacity: .2;
}

.webshop input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
  opacity: .2;
}

.area-of-application {
  padding-top: 35px;
}

.area-of-application .cw3 {
  height: 250px;
  padding: 30px;
}

.area-of-application .cw3 h3 {
  max-height: 80px;
  overflow: hidden;
}

.area-of-application .cw9 a {
  height: 250px;
  background-size: cover !important;
  white-space: nowrap;
  color: #fff;
  padding: 190px 30px 0;
  position: relative;
}

.area-of-application .cw9 a > div {
  z-index: 1;
  position: absolute;
}

.area-of-application .cw9 a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(28, 53, 58, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61c353a', endColorstr='#00000000',GradientType=0 );
  transition: opacity 0.5s ease;
}

.area-of-application .cw9 a:hover:after {
  opacity: 0;
}

.area-of-application .cw9 a.slide {
  padding: 160px 30px 0;
}

.infographic {
  padding-top: 35px;
}

.infographic h3 {
  font-size: 28px;
  font-weight: 900;
  color: #183941;
  margin: 16px 0px;
}

.infographic h3 span {
  font-size: 14px;
  font-weight: 400;
  text-transform: initial;
  display: block;
}

.infographic .cw6 {
  padding: 30px;
  background: white;
}

.infographic .infographic-video {
  padding: 0px;
  background: url("../img/video_background.jpg");
  background-size: cover;
  background-position: center center;
  position: relative;
  cursor: pointer;
}

.infographic .infographic-video img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.infographic .infographic-video-holder {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(24, 57, 65, 0.8);
  z-index: 1000;
  display: none;
}

.infographic .infographic-video-holder .video-holder-wrapper {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: auto;
  width: auto;
  max-height: 80%;
  max-width: 80%;
}

.infographic .infographic-video-holder .video-holder-wrapper video, .infographic .infographic-video-holder .video-holder-wrapper iframe {
  height: 100%;
  width: 100%;
  border: none;
}

.infographic .infographic-video-holder .video-holder-wrapper .close {
  position: absolute;
  top: 0;
  right: 0;
  background: #ff5284;
  padding: 10px 12px;
  cursor: pointer;
}

.locations {
  background: white;
  display: table;
  width: 100%;
}

.locations h2 {
  margin-top: 0;
  font-size: 28px;
  color: #2a525a;
}

.locations .cw3 {
  padding: 30px;
  min-height: 375px;
  position: relative;
  display: table-cell;
  float: none;
}

.locations .cw3:nth-child(even) {
  background: #f9f9f9;
}

.locations p {
  color: #1b3e46;
}

.locations p strong {
  font-weight: 700;
  color: #2a525a;
}

.locations p a {
  color: #ff5284;
}

.locations p a.active {
  color: #2a525a;
}

.locations p a.active:before {
  opacity: 1;
}

.locations p .showMap {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 60px;
  font-size: 14px;
  font-weight: 700;
  color: #aab5b8;
  padding: 0 30px;
}

.locations p .showMap:before {
  content: " ";
  width: 10px;
  height: 15px;
  background: url(/assets/img/sprite.png) -127px -39px no-repeat;
  display: block;
  float: right;
  margin-top: 25px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: .5;
}

.margin-top {
  margin-top: 35px;
}

#map {
  width: 100%;
  height: 450px;
}

.contact-form {
  position: relative;
  overflow: visible;
  padding: 40px;
  background-color: #f4f4f4;
}

.contact-form .wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.contact-form .form-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

.contact-form h2 {
  font-size: 34px;
  font-weight: bold;
  color: #173b3d;
  margin: 0;
}

.contact-form .with-seperator p {
  font-size: 16px;
  line-height: 1.63;
}

.contact-form .with-seperator:before, .contact-form .cms-detail h1:after, .cms-detail .contact-form h1:after, .contact-form .cms-detail h2:after, .cms-detail .contact-form h2:after {
  display: none;
}

.contact-form .cw3 {
  width: calc(100% / 12 * 3);
  background-size: cover;
  background-position: center;
}

.contact-form .cw4 {
  width: calc(100% / 12 * 4);
  padding: 86px 40px 50px;
}

.contact-form .cw5 {
  width: calc(100% / 12 * 5);
  padding: 86px 0 50px;
}

.contact-form .cw5 form {
  padding-right: 20px;
}

.contact-form .users {
  width: calc(50% - 60px);
  position: absolute;
  bottom: 30px;
  font-size: 0;
}

.contact-form .users > :nth-child(2) {
  margin: 0 5%;
}

.contact-form .users div {
  width: 30%;
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
  font-size: 14px;
}

.contact-form .users div a {
  color: #ff5284;
}

.contact-form .users div a:hover {
  text-decoration: none;
}

.contact-form .users div img {
  margin-top: 10px;
  max-width: 100%;
  width: auto;
  vertical-align: bottom;
}

.contact-form form button[type='submit'] {
  font-weight: normal !important;
  width: 200px !important;
  display: inline-block !important;
  text-transform: none !important;
  border-radius: 30px !important;
  padding: 10px 40px !important;
}

.contact-form form input:focus::-webkit-input-placeholder, .contact-form form textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.contact-form form input:focus:-ms-input-placeholder, .contact-form form textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}

.contact-form form input:focus::placeholder, .contact-form form textarea:focus::placeholder {
  color: transparent !important;
}

.contact-form .info-bar {
  padding: 10px 0;
  text-align: right;
  background-color: rgba(42, 82, 90, 0.9);
}

.contact-form .info-bar a {
  color: white;
  margin-right: 50px;
}

.contact-form .info-bar span[itemprop='telephone'] {
  padding-left: 20px;
  background-image: url("/assets/img/icon_phone.svg");
  background-repeat: no-repeat;
}

.contact-form .info-bar .mail-us {
  padding-left: 20px;
  background-image: url("/assets/img/icon_mail.svg");
  background-repeat: no-repeat;
}

.contact-form-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 57, 65, 0.8);
  z-index: 1000;
  display: none;
}

.contact-form-popup .contact-form-popup-inner {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: auto;
  width: auto;
  max-width: 1200px;
  max-height: 100vh;
  overflow: auto;
}

.contact-form-popup .contact-form-popup-inner .close-popup-form {
  position: absolute;
  top: 0;
  right: 0;
  background: #ff5284;
  padding: 7px 10px;
  cursor: pointer;
}

.contact-form-popup .contact-form-popup-inner input:not([type='checkbox']):not([type='radio']), .contact-form-popup .contact-form-popup-inner textarea {
  background-color: white !important;
}

.contact-form-popup .contact-form-popup-inner select {
  background-color: white !important;
  border: 8px solid white !important;
}

/* Responsive */
@media (max-width: 960px) {
  .contact-form .cw4, .contact-form .cw5 {
    width: 50%;
  }
  .contact-form .cw3 {
    display: none;
  }
}

@media (max-width: 760px) {
  .contact-form {
    padding: 46px 28px;
  }
  .contact-form .form-section {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contact-form .form-section .cw4, .contact-form .form-section .cw5 {
    width: 100%;
    padding: 40px 20px;
  }
  .contact-form .form-section .cw4 {
    padding-bottom: 0;
  }
  .contact-form .form-section form {
    padding-right: 0;
  }
  .contact-form .form-section form button[type='submit'] {
    display: block !important;
    width: 100% !important;
  }
  .contact-form .info-bar a {
    margin-right: 30px;
  }
}

.faq > div {
  color: #2a525a;
  font-size: 18px;
  margin-bottom: 30px;
}

.faq > div:before {
  content: " ";
  width: 6px;
  height: 12px;
  background: url(/assets/img/sprite.png) -127px 0px no-repeat;
  display: block;
  display: inline-block;
  margin-right: 22px;
  transition: all .3s;
}

.faq > div span {
  cursor: pointer;
}

.faq > div.active span {
  text-decoration: underline;
  color: #ff5284;
  cursor: default;
}

.faq > div.active > div {
  display: block;
}

.faq > div.active:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.faq > div > div {
  display: none;
  margin: 0px -30px;
  margin-top: 22px;
  padding: 30px;
  color: #849ba0;
  font-size: 14px;
  background: #f9f9f9;
}

.marketing .text-left {
  padding-right: 50px;
}

.marketing h2, .marketing h1 {
  margin-top: 0;
  color: #183941;
  font-size: 28px;
}

.marketing .news-item h2 {
  text-transform: none;
}

.marketing .text-right {
  padding-left: 50px;
}

.marketing .slider {
  width: auto;
  text-align: center;
}

.marketing .slider h2 {
  color: #fff;
}

.marketing .slider img {
  max-width: 100%;
}

.marketing .image img {
  width: 100%;
}

.marketing .webshop .whiteblock li {
  display: inline-block;
  padding-bottom: 5px;
}

.marketing .menu.webshop .pinkblock ul li:before {
  margin: 9px 0;
}

.marketing .menu.webshop a {
  text-decoration: none;
}

.marketing .webshop-items .greenblock p, .marketing .content-items .greenblock p {
  padding: 0;
  line-height: normal;
}

.marketing .text-block.video {
  padding: 0;
  display: table;
  width: 100%;
}

.marketing .text-block.video .cw6 {
  float: none;
  display: table-cell;
  vertical-align: top;
}

.marketing .text-block.video .cw12 {
  width: 100%;
}

.marketing .text-block.video iframe {
  width: 100%;
  min-height: 500px;
  height: 100%;
  border: 0;
  outline: 0;
}

.marketing .text-block.video .text-left, .marketing .text-block.video .text-right {
  padding-top: 30px;
  padding-bottom: 30px;
}

.marketing .text-block.video .text-left {
  padding-left: 30px;
}

.marketing .text-block.video .text-right {
  padding-right: 30px;
}

.marketing .video .whiteblock {
  padding: 0;
}

.marketing .video .whiteblock iframe {
  width: 100%;
}

.marketing.webshop-marketing {
  margin-top: 0;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.marketing.webshop-marketing .margin-top {
  margin-top: 17.5px;
  margin-bottom: 17.5px;
}

.marketing.webshop-marketing .quote-block {
  padding: 0;
  background: #ff5284;
  width: 100%;
}

.marketing.webshop-marketing .quote-block .img {
  width: 40%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.marketing.webshop-marketing .quote-block .text-right {
  width: 60%;
  padding: 30px;
  text-align: center;
}

.marketing.webshop-marketing .quote-block .text-right h2 {
  max-width: 500px;
  margin: auto;
  font-size: 28px !important;
  display: block;
}

.marketing.webshop-marketing .quote-block .text-right h2 * {
  display: inline;
  text-transform: none;
  font-size: 28px !important;
}

.marketing.webshop-marketing .quote-block .text-right span p {
  display: block;
  margin: 30px 0;
  font-size: 20px;
  font-weight: 300;
}

.marketing.webshop-marketing .quote-block .text-right a {
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.marketing.webshop-marketing .product-block {
  width: calc((100% / 3) - 17.5px);
  box-sizing: border-box;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.marketing.webshop-marketing .product-block h2, .marketing.webshop-marketing .product-block h1 {
  margin-top: 0;
  text-transform: none;
}

.marketing.webshop-marketing .product-block p {
  margin-bottom: 50px;
}

.marketing.webshop-marketing .product-block .button {
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  left: 30px;
  bottom: 30px;
  margin-top: 10px;
}

.marketing.webshop-marketing .product-block.product-block-image {
  width: calc((100% / 3 * 2) - 17.5px);
}

.marketing.webshop-marketing .product-block.product-block-image .text {
  position: relative !important;
}

.marketing.webshop-marketing .product-block.product-block-image .button {
  left: 0;
  bottom: 0;
}

.marketing.webshop-marketing .product-block.double-block-image {
  width: calc((100% / 3 * 2) - 17.5px);
}

.marketing.webshop-marketing .webshop-block {
  width: calc((100% / 3) - 17.5px);
  background: #ff5284;
  box-sizing: border-box;
  position: relative;
}

.marketing.webshop-marketing .webshop-block h2 {
  margin-bottom: 15px;
}

.marketing.webshop-marketing .webshop-block .with-seperator:before, .marketing.webshop-marketing .webshop-block .cms-detail h1:after, .cms-detail .marketing.webshop-marketing .webshop-block h1:after, .marketing.webshop-marketing .webshop-block .cms-detail h2:after, .cms-detail .marketing.webshop-marketing .webshop-block h2:after {
  background: white;
  margin-bottom: 20px;
}

.marketing.webshop-marketing .webshop-block h2, .marketing.webshop-marketing .webshop-block p {
  color: white;
}

.marketing.webshop-marketing .webshop-block p {
  margin-bottom: 40px;
}

.marketing.webshop-marketing .webshop-block .button {
  font-weight: bold;
  font-size: 16px;
  background: #1b3e46;
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.marketing .holder.whiteblock {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.marketing .holder.whiteblock .cw6.img {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.energy-control .product-block .button,
body.energy-control .marketing.webshop-marketing .quote-block,
body.energy-control .with-seperator:before,
body.energy-control .cms-detail h1:after,
.cms-detail body.energy-control h1:after,
body.energy-control .cms-detail h2:after,
.cms-detail body.energy-control h2:after,
body.energy-control .content-items .holder:first-child .cw3:after,
body.energy-control .collapsible .cw3:after,
body.energy-control .seperator-after:after {
  background: #00b17e;
}

body.energy-control .content-items.webshop-items .holder > a .readmore {
  color: #00b17e;
}

body.energy-control .content-items.webshop-items .holder > a .readmore:after {
  width: 11px;
  height: 16px;
  background: url(/assets/img/sprite.png) -317px 0px no-repeat;
  display: block;
  display: inline-block;
}

body.energy-control div.content .marketing li:before {
  background: url(/assets/img/sprite.png) -321px -1px no-repeat;
}

body.solutions .product-block .button,
body.solutions .marketing.webshop-marketing .quote-block,
body.solutions .with-seperator:before,
body.solutions .cms-detail h1:after,
.cms-detail body.solutions h1:after,
body.solutions .cms-detail h2:after,
.cms-detail body.solutions h2:after,
body.solutions .content-items .holder:first-child .cw3:after,
body.solutions .collapsible .cw3:after,
body.solutions .seperator-after:after {
  background: #14a0cc;
}

body.solutions .content-items.webshop-items .holder > a .readmore {
  color: #14a0cc;
}

body.solutions .content-items.webshop-items .holder > a .readmore:after {
  width: 11px;
  height: 16px;
  background: url(/assets/img/sprite.png) -306px 0px no-repeat;
  display: block;
  display: inline-block;
}

body.solutions div.content .marketing li:before {
  background: url(/assets/img/sprite.png) -310px -1px no-repeat;
}

body.automation .product-block .button,
body.automation .marketing.webshop-marketing .quote-block,
body.automation .with-seperator:before,
body.automation .cms-detail h1:after,
.cms-detail body.automation h1:after,
body.automation .cms-detail h2:after,
.cms-detail body.automation h2:after,
body.automation .content-items .holder:first-child .cw3:after,
body.automation .collapsible .cw3:after,
body.automation .seperator-after:after {
  background: #f4d424;
}

body.automation .content-items.webshop-items .holder > a .readmore {
  color: #f4d424;
}

body.automation .content-items.webshop-items .holder > a .readmore:after {
  width: 11px;
  height: 16px;
  background: url(/assets/img/sprite.png) -294px 0px no-repeat;
  display: block;
  display: inline-block;
}

body.automation div.content .marketing li:before {
  width: 8px;
  background: url(/assets/img/sprite.png) -298px -1px no-repeat;
}

.fancybox-overlay {
  background: rgba(27, 62, 70, 0.8);
}

.fancybox-opened .fancybox-skin {
  border-radius: 0px;
  box-shadow: none;
  background: white;
}

.fancybox-close {
  background: #ff5284;
  background-image: url("../img/close_icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  top: 0;
  right: 0;
}

body.mailplus {
  background: white;
  padding: 30px;
}

body.mailplus h1, body.mailplus h2 {
  margin: 0;
  padding: 0;
}

body.mailplus div.header h1 {
  margin-top: 10px;
  color: #2a525a;
}

body.mailplus div.header h1:before {
  content: '';
  display: block;
  width: 48px;
  height: 5px;
  background: #ff5284;
  margin-bottom: 25px;
}

body.mailplus div.header h2 {
  color: #849ba0;
}

body.mailplus div.intro {
  margin-bottom: 40px;
}

body.mailplus label {
  color: #2a525a;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding-bottom: 10px;
}

body.mailplus label.mpMultipleLabel {
  height: auto;
  line-height: normal;
  padding-left: 10px;
}

body.mailplus input[type=text] {
  background: #f4f4f4;
  border: 0;
  height: 50px;
  width: 350px;
  line-height: 50px;
  padding: 0 10px;
  font-size: 16px;
}

body.mailplus input.submitButton {
  background: #ff5284;
  border: 0;
  width: 540px;
  height: 50px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

body.mailplus table {
  border-collapse: collapse;
  border-spacing: 0;
}

body.mailplus table.mpQuestionTable {
  width: 546px;
}

body.mailplus table.error {
  position: relative;
}

body.mailplus table.error label.error {
  position: absolute;
  top: 1px;
  right: 0;
  height: 50px;
  padding: 0 10px;
  background: #ff5284;
  color: white;
}

body.mailplus td.mpFormLabel {
  width: 170px;
}

body.mailplus td.rowHalf {
  width: 40% !important;
  display: inline-block;
  vertical-align: top;
  margin: 10px 0px;
}

body.mailplus td.rowHalf label {
  line-height: 1.2;
}

body.mailplus td.mpFormField {
  padding-bottom: 10px;
}

body.mailplus ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

body.mailplus .mpErrorSummary {
  background: #efefef;
  padding: 20px;
  color: #849ba0;
  margin-bottom: 20px;
}

body.mailplus .mpErrorSummary label {
  color: #849ba0;
  height: auto;
  line-height: normal;
}

@media screen and (max-width: 600px) {
  body.mailplus table, body.mailplus tbody, body.mailplus tr, body.mailplus td {
    display: block;
    margin: 0;
    padding: 0;
    width: 100% !important;
  }
  body.mailplus input[type=text] {
    width: calc(100% - 20px);
  }
  body.mailplus input.submitButton {
    margin-top: 20px;
    width: 100%;
  }
}

body.pagetype-kennisgebied {
  width: 100%;
  overflow-x: hidden;
}

body.pagetype-kennisgebied .kennisgebied-header {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1200 / 340;
  background-size: cover;
  background-position: center;
}

body.pagetype-kennisgebied .kennisgebied-header:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

body.pagetype-kennisgebied .kennisgebied-header .container {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.pagetype-kennisgebied .kennisgebied-header .icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 104px;
  height: 104px;
  padding: 20px;
  border-radius: 50%;
  background-color: #1b3e46;
}

body.pagetype-kennisgebied .kennisgebied-header .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

body.pagetype-kennisgebied .kennisgebied-header h1 {
  margin: 20px 0 0 0;
  font-size: 60px;
  font-weight: 900;
  color: #fff;
}

body.pagetype-kennisgebied section.introduction {
  margin-top: 40px;
}

body.pagetype-kennisgebied section.introduction .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body.pagetype-kennisgebied section.introduction .row .col {
  width: 50%;
  color: #1b3e46;
}

body.pagetype-kennisgebied section.introduction .row .col.text-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f4f4f4;
}

body.pagetype-kennisgebied section.introduction .row .col.text-col h2 {
  margin: 0 70px;
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

body.pagetype-kennisgebied section.introduction .row .col.text-col .text {
  margin: 0 70px;
}

body.pagetype-kennisgebied section.introduction .row .col.text-col .text p {
  font-size: 16px;
  line-height: 1.63;
}

body.pagetype-kennisgebied section.introduction .row .col.text-col .text .tinymce-button-green, body.pagetype-kennisgebied section.introduction .row .col.text-col .text .tinymce-button-yellow {
  font-size: 14px;
  line-height: 1;
  margin-right: 10px;
}

body.pagetype-kennisgebied section.introduction .row .col video {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 600 / 574;
}

body.pagetype-kennisgebied section.video {
  position: relative;
  margin: 90px 80px;
  background-color: #fff;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

body.pagetype-kennisgebied section.video.playing label, body.pagetype-kennisgebied section.video.playing .player:after {
  display: none;
}

body.pagetype-kennisgebied section.video .player {
  position: relative;
}

body.pagetype-kennisgebied section.video .player:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  transition: .2s;
}

body.pagetype-kennisgebied section.video .yt-video-player {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border: none;
}

body.pagetype-kennisgebied section.video .video-placeholder {
  width: 100%;
  height: auto;
}

body.pagetype-kennisgebied section.video .video-player {
  display: block;
  width: 100%;
}

body.pagetype-kennisgebied section.video .play-button, body.pagetype-kennisgebied section.video .play-button-popup, body.pagetype-kennisgebied section.video .play-button-yt {
  position: absolute;
  right: 60px;
  margin-top: -30px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #1b3e46;
  background-image: url(/assets/img/icon-paused.svg);
  background-repeat: no-repeat;
  background-position: 21px center;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25);
  transition: .2s, background-image 0s;
}

body.pagetype-kennisgebied section.video .play-button.paused, body.pagetype-kennisgebied section.video .play-button-popup.paused, body.pagetype-kennisgebied section.video .play-button-yt.paused {
  background-image: url(/assets/img/icon-play.svg);
}

body.pagetype-kennisgebied section.video .play-button:hover, body.pagetype-kennisgebied section.video .play-button-popup:hover, body.pagetype-kennisgebied section.video .play-button-yt:hover {
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

body.pagetype-kennisgebied section.video label {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  display: inline-block;
  padding: 4px 40px;
  font-size: 18px;
  font-weight: bold;
  color: #1b3e46;
  border-radius: 18.5px;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  transition: .2s;
}

body.pagetype-kennisgebied section.video .content {
  padding: 26px 20px 20px;
  color: #1b3e46;
}

body.pagetype-kennisgebied section.video .content h2 {
  margin-top: 0;
  font-size: 18px;
  color: #1b3e46;
}

body.pagetype-kennisgebied section.video .content p {
  font-size: 16px;
  line-height: 1.63;
}

body.pagetype-kennisgebied section.video .content p:last-child {
  margin-bottom: 0;
}

body.pagetype-kennisgebied section.info-blocks {
  position: relative;
  padding: 60px 0;
}

body.pagetype-kennisgebied section.info-blocks:before {
  content: '';
  position: absolute;
  top: 0;
  left: -100vw;
  width: 200vw;
  height: 100%;
  z-index: -1;
  background-image: url("/assets/img/bg-info-blocks.png");
  background-color: #1b3e46;
  background-size: 900px 1000px;
  background-position: center;
}

body.pagetype-kennisgebied section.info-blocks h2 {
  margin: 0;
  font-size: 34px;
  font-weight: bold;
  color: white;
  text-align: center;
}

body.pagetype-kennisgebied section.info-blocks .blocks {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 40px;
          column-gap: 40px;
}

body.pagetype-kennisgebied section.info-blocks .blocks .info-block {
  margin: 60px 0;
  width: calc(100% / 3 - 60px);
  padding: 20px;
  color: #1b3e46;
  background-color: white;
  box-shadow: 4px 12px 36px 0 rgba(0, 0, 0, 0.05);
}

body.pagetype-kennisgebied section.info-blocks .blocks .info-block .icon {
  display: block;
  margin: 40px auto;
  width: 70px;
  height: 70px;
  object-fit: contain;
  object-position: center;
}

body.pagetype-kennisgebied section.info-blocks .blocks .info-block h3 {
  font-size: 18px;
}

body.pagetype-kennisgebied section.info-blocks .blocks .info-block .text {
  font-size: 16px;
  line-height: 1.63;
}

body.pagetype-kennisgebied section.info-blocks .footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 66px;
  -webkit-column-gap: 44px;
          column-gap: 44px;
}

body.pagetype-kennisgebied section.info-blocks .footer a.button {
  display: block;
  padding: 8px 60px;
  white-space: nowrap;
  border-radius: 27px;
  background-color: #19b27d;
  transition: .2s;
}

body.pagetype-kennisgebied section.info-blocks .footer .text p {
  color: white;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

body.pagetype-kennisgebied .holder.brands {
  position: relative;
  overflow: visible;
}

body.pagetype-kennisgebied .holder.brands:before {
  content: '';
  position: absolute;
  top: -30px;
  left: -100vw;
  width: 200vw;
  height: calc(100% + 60px);
  z-index: -1;
  background-color: #f4f4f4;
}

body.pagetype-kennisgebied .product-categories-section {
  padding: 60px 50px;
  position: relative;
}

body.pagetype-kennisgebied .product-categories-section:before {
  content: '';
  position: absolute;
  top: 200px;
  left: -100vw;
  width: 200vw;
  height: calc(100% - 264px);
  z-index: -1;
  background-color: #f4f4f4;
}

body.pagetype-kennisgebied .product-categories-section .current-category {
  margin: 40px 0 80px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 50px;
          column-gap: 50px;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

body.pagetype-kennisgebied .product-categories-section .current-category img {
  width: 50%;
}

body.pagetype-kennisgebied .product-categories-section .current-category h2 {
  margin-bottom: 20px;
  color: #1b3e46;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

body.pagetype-kennisgebied .product-categories-section .current-category .text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

body.pagetype-kennisgebied .product-categories-section .current-category a.button {
  margin-top: 30px;
  background-color: #19B27D;
}

body.pagetype-kennisgebied .product-categories-section .categories {
  margin: 0 -50px;
  overflow: hidden;
}

body.pagetype-kennisgebied .product-categories-section .categories .page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: 30px;
          column-gap: 30px;
  row-gap: 20px;
}

body.pagetype-kennisgebied .product-categories-section .categories .category {
  position: relative;
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.36px;
  padding: 14px 30px 14px 56px;
  border-radius: 100px;
  background-color: white;
  white-space: nowrap;
  color: #1b3e46;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body.pagetype-kennisgebied .product-categories-section .categories .category:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("/assets/img/check.svg") no-repeat center;
}

body.pagetype-kennisgebied .product-categories-section .categories .category.active {
  color: white;
  background-color: #1b3e46;
}

body.pagetype-kennisgebied .product-categories-section .categories .category:hover {
  cursor: pointer;
}

body.pagetype-kennisgebied .product-categories-section .slick-track {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.pagetype-kennisgebied .product-categories-section .slick-dots {
  margin: 50px 30px 0;
  text-align: right;
}

body.pagetype-kennisgebied .product-categories-section .slick-dots li button {
  background-color: #ECECEC;
}

body.pagetype-kennisgebied .product-categories-section .slick-arrow {
  position: absolute;
  right: 100px;
  bottom: 21px;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("/assets/img/nav-arrow-circle-right.svg") no-repeat center;
}

body.pagetype-kennisgebied .product-categories-section .slick-arrow.left {
  bottom: 26px;
  right: 150px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

body.pagetype-kennisgebied .cases-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 50px;
          column-gap: 50px;
}

body.pagetype-kennisgebied .cases-section .info {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 46px;
  width: calc(100% / 3 - 50px);
  background-color: #1b3e46;
}

body.pagetype-kennisgebied .cases-section .info h2 {
  margin: 50px 40px;
  font-size: 34px;
  color: white;
  opacity: .9;
}

body.pagetype-kennisgebied .cases-section .info .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
}

body.pagetype-kennisgebied .cases-section .cases {
  width: calc(100% / 3 * 2);
}

body.pagetype-kennisgebied .news-section {
  padding: 10px 0;
  position: relative;
}

body.pagetype-kennisgebied .news-section h2 {
  margin: 100px 0 50px;
  font-size: 34px;
  color: #1b3e46;
  text-align: center;
}

body.pagetype-kennisgebied .news-section:before {
  content: '';
  position: absolute;
  top: -30px;
  left: -100vw;
  width: 200vw;
  height: calc(100% + 60px);
  z-index: -1;
  background-color: #f4f4f4;
}

body.pagetype-kennisgebied .news-section .items {
  width: 100%;
  overflow: hidden;
}

body.pagetype-kennisgebied .news-section .slick-track {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.pagetype-kennisgebied .news-section .slick-track .news-item {
  display: inline-block;
}

body.pagetype-kennisgebied .kennisgebied-form {
  background-color: white;
}

body.pagetype-kennisgebied .kennisgebied-form h2 {
  margin: 0 0 50px;
  text-align: center;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section {
  position: relative;
  box-shadow: none;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 80px;
          column-gap: 80px;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users {
  position: initial;
  width: initial;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
          column-gap: 20px;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 10px);
  margin: 0;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .photo {
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info {
  position: relative;
  height: 100%;
  width: calc(100% - 44px);
  padding: 26px 22px;
  color: white;
  background-color: #1b3e46;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info .contact {
  position: absolute;
  right: 18px;
  top: -16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info .contact .mail, body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info .contact .tel {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #19b27d;
  background-image: url("/assets/img/user-email.svg");
  background-repeat: no-repeat;
  background-position: center;
  transition: .2s;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info .contact .mail.tel, body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info .contact .tel.tel {
  background-image: url("/assets/img/user-phone.svg");
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info .contact .mail:hover, body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info .contact .tel:hover {
  background-color: #14936a;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info div {
  display: block;
  width: 100%;
  font-size: 16px;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info div.name {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user .info a {
  color: white;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section .text p {
  font-size: 18px;
  font-weight: 600;
  color: #1b3e46;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section input:not([type='checkbox']):not([type='radio']),
body.pagetype-kennisgebied .kennisgebied-form .form-section textarea,
body.pagetype-kennisgebied .kennisgebied-form .form-section select {
  margin-bottom: 12px;
}

body.pagetype-kennisgebied .kennisgebied-form .form-section button:not(.subscribe) {
  position: absolute;
  right: 0;
  bottom: 40px;
}

body.pagetype-kennisgebied section.other-areas {
  position: relative;
  margin-bottom: -40px;
  padding: 60px 0;
  background-image: url("/assets/img/bg-other-areas.png");
  background-position: center;
  background-repeat: no-repeat;
}

body.pagetype-kennisgebied section.other-areas:before {
  content: '';
  position: absolute;
  top: 0;
  left: -50vw;
  width: 150vw;
  height: 100%;
  z-index: -1;
  background-color: #1b3e46;
}

body.pagetype-kennisgebied section.other-areas h2, body.pagetype-kennisgebied section.other-areas h3 {
  margin: 0;
  text-align: center;
  font-size: 34px;
  color: white;
}

body.pagetype-kennisgebied section.other-areas h3 {
  font-weight: 300;
}

body.pagetype-kennisgebied section.other-areas .areas {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 80px;
          column-gap: 80px;
  margin: 50px 0;
}

body.pagetype-kennisgebied section.other-areas .areas .area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-decoration: none;
  box-shadow: 0 2px 36px 0 rgba(0, 0, 0, 0.5);
  transition: .2s;
  background-color: #1b3e46;
}

body.pagetype-kennisgebied section.other-areas .areas .area .icon {
  margin: 40px 0 16px;
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}

body.pagetype-kennisgebied section.other-areas .areas .area .content {
  padding: 0 20px;
  text-align: center;
}

body.pagetype-kennisgebied section.other-areas .areas .area h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: white;
  word-spacing: 200pt;
}

body.pagetype-kennisgebied section.other-areas .areas .area .arrow {
  width: 80px;
  height: 80px;
  left: -60px !important;
  bottom: -16px;
  background: url(/assets/img/nav-arrow-circle-right-light.svg) no-repeat center;
}

body.pagetype-kennisgebied section.other-areas .areas .area:not(.current):hover {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}

body.pagetype-kennisgebied section.other-areas .areas .area.current {
  background-color: white;
}

body.pagetype-kennisgebied section.other-areas .areas .area.current h4 {
  color: #1b3e46;
}

/* Responsive */
@media (max-width: 1200px) {
  body.pagetype-kennisgebied section.other-areas .areas {
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
  body.pagetype-kennisgebied .kennisgebied-form .form-section button:not(.subscribe) {
    position: initial;
  }
}

@media (max-width: 1024px) {
  body.pagetype-kennisgebied .kennisgebied-header {
    margin-top: 36px;
  }
  body.pagetype-kennisgebied .kennisgebied-header .icon {
    width: 74px;
    height: 74px;
  }
  body.pagetype-kennisgebied .kennisgebied-header h1 {
    font-size: 30px;
  }
  body.pagetype-kennisgebied section.info-blocks {
    padding: 60px 40px;
  }
  body.pagetype-kennisgebied section.introduction .row .col.text-col h2 {
    font-size: 24px;
  }
  body.pagetype-kennisgebied section.video {
    margin: 90px 40px;
  }
  body.pagetype-kennisgebied .product-categories-section {
    padding: 60px 40px;
  }
  body.pagetype-kennisgebied .product-categories-section:before {
    top: 150px;
    height: calc(100% - 214px);
  }
  body.pagetype-kennisgebied .product-categories-section .categories {
    margin: 0 -40px;
  }
  body.pagetype-kennisgebied .cases-section {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.pagetype-kennisgebied .cases-section .info {
    width: initial;
  }
  body.pagetype-kennisgebied .cases-section .info .bg {
    width: 100px;
    height: 80px;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  body.pagetype-kennisgebied .cases-section .info h2 {
    position: relative;
    z-index: 1;
    font-size: 24px;
    padding-left: 100px;
  }
  body.pagetype-kennisgebied .cases-section .cases {
    width: initial;
  }
  body.pagetype-kennisgebied .news-section {
    padding: 10px 30px;
  }
  body.pagetype-kennisgebied .news-section .wrapper {
    margin: 0 -15px;
  }
  body.pagetype-kennisgebied section.other-areas {
    padding: 60px 20px;
  }
}

@media (max-width: 860px) {
  body.pagetype-kennisgebied section.introduction .row .col.text-col h2 {
    margin: 0 30px;
  }
  body.pagetype-kennisgebied section.introduction .row .col.text-col .text {
    margin: 0 30px;
  }
}

@media (max-width: 768px) {
  body.pagetype-kennisgebied .kennisgebied-header {
    min-height: 200px;
    aspect-ratio: unset;
  }
  body.pagetype-kennisgebied .kennisgebied-header .icon {
    width: 54px;
    height: 54px;
  }
  body.pagetype-kennisgebied .kennisgebied-header h1 {
    font-size: 24px;
  }
  body.pagetype-kennisgebied section.introduction .row .col {
    width: 40%;
  }
  body.pagetype-kennisgebied section.introduction .row .col.text-col {
    width: 60%;
  }
  body.pagetype-kennisgebied section.introduction .row .col.text-col h2 {
    font-size: 18px;
  }
  body.pagetype-kennisgebied .product-categories-section {
    padding: 60px 30px;
  }
  body.pagetype-kennisgebied .product-categories-section:before {
    top: 178px;
    height: calc(100% - 242px);
  }
  body.pagetype-kennisgebied .product-categories-section .current-category {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
  body.pagetype-kennisgebied .product-categories-section .current-category img {
    width: 100%;
  }
  body.pagetype-kennisgebied .product-categories-section .current-category h2 {
    font-size: 24px;
  }
  body.pagetype-kennisgebied .product-categories-section .current-category a.button {
    width: calc(100% - 80px);
    text-align: center;
  }
  body.pagetype-kennisgebied .product-categories-section .categories {
    margin: 0 -30px;
  }
  body.pagetype-kennisgebied .product-categories-section .categories .page {
    -webkit-column-gap: 20px;
            column-gap: 20px;
    padding: 0 20px;
  }
  body.pagetype-kennisgebied .product-categories-section .categories .page .category {
    padding: 10px 20px 10px 46px;
    font-size: 15px;
  }
  body.pagetype-kennisgebied .product-categories-section .categories .page .category:before {
    left: 14px;
  }
  body.pagetype-kennisgebied section.info-blocks .blocks {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.pagetype-kennisgebied section.info-blocks .blocks .info-block {
    margin: 20px 0;
    width: initial;
  }
  body.pagetype-kennisgebied .news-section .items .slick-track {
    -webkit-column-gap: 40px;
            column-gap: 40px;
  }
  body.pagetype-kennisgebied .kennisgebied-form .form-section {
    -webkit-column-gap: 30px;
            column-gap: 30px;
  }
  body.pagetype-kennisgebied .kennisgebied-form .form-section .users {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  body.pagetype-kennisgebied section.other-areas .areas {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    row-gap: 20px;
  }
  body.pagetype-kennisgebied section.other-areas .areas .area {
    width: calc(50% - 10px);
  }
}

@media (max-width: 680px) {
  body.pagetype-kennisgebied section.introduction .row {
    display: initial;
  }
  body.pagetype-kennisgebied section.introduction .row .col {
    width: initial;
  }
  body.pagetype-kennisgebied section.introduction .row .col.text-col {
    width: initial;
    padding: 30px 0;
  }
  body.pagetype-kennisgebied section.video {
    margin: 90px 30px;
  }
  body.pagetype-kennisgebied section.info-blocks {
    padding: 60px 30px;
  }
  body.pagetype-kennisgebied section.info-blocks .footer {
    display: initial;
  }
  body.pagetype-kennisgebied section.info-blocks .footer a.button {
    text-align: center;
  }
  body.pagetype-kennisgebied .kennisgebied-form .form-section .users .user {
    width: calc(50% - 10px);
  }
  body.pagetype-kennisgebied section.other-areas {
    padding: 60px 30px;
  }
  body.pagetype-kennisgebied section.other-areas .areas {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
  body.pagetype-kennisgebied section.other-areas .areas .area {
    width: initial;
  }
}

@media (max-width: 1240px) {
  header .content-holder {
    width: auto;
  }
}

@media (max-width: 580px) {
  #language-select {
    font-size: 0px;
    line-height: 0px;
  }
  #language-select:after {
    font-family: FontAwesome;
    content: "\f0ac";
    display: block;
    font-size: 20px;
    line-height: 40px;
    color: #2a525a;
  }
  #language-select ul {
    font-size: 12px;
    line-height: 40px;
  }
}

@media (max-width: 1080px) {
  header form {
    width: 150px;
  }
}

/* Tablet Landscape */
@media (max-width: 1024px) {
  body .fullwidth-slider .content-holder {
    padding: 30px;
    box-shadow: border-box;
  }
  body .breadcrumb {
    margin-bottom: 0px;
    padding: 0px 30px;
  }
  body .content-holder {
    max-width: 100%;
    padding: 0px;
  }
  body header aside .header-contact-details {
    padding-right: 20px;
  }
  body #language-select {
    float: right;
  }
  body .toggleMenu {
    cursor: pointer;
    float: left;
    width: 32px;
    height: 35px;
    background: url(/assets/img/sprite.png) -438px 1px no-repeat;
    display: block;
    margin-left: 130px;
  }
  body .mobileLogo {
    display: block !important;
    position: absolute;
    top: 5px;
    left: 18px;
  }
  body .mobileLogo img {
    width: 100px;
  }
  body .padding .greenblock, body .padding .whiteblock, body .padding .pinkblock {
    padding: 30px;
  }
  body .webshop > div {
    padding: 30px;
  }
  body .webshop > div h3 {
    margin-bottom: 15px;
  }
  body .brands .cw3 h3 {
    margin: 0px;
  }
  body.open {
    overflow: hidden;
  }
  body.open header {
    position: static;
  }
  body.open .toggleMenu {
    width: 32px;
    height: 35px;
    background: url(/assets/img/sprite.png) -438px -40px no-repeat;
    display: block;
  }
  body.open header > .content-holder {
    display: block;
  }
  body header > .content-holder {
    display: none;
    background: white;
    position: static;
  }
  body header > .content-holder nav {
    position: absolute;
    top: 40px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: white;
    z-index: 4;
  }
  body header > .content-holder nav > ul > li > a.hassubmenu {
    position: relative;
  }
  body header > .content-holder nav > ul > li > a.hassubmenu:after {
    content: " ";
    position: absolute;
    right: 22px;
    top: 3px;
    width: 10px;
    height: 15px;
    background: url(/assets/img/sprite.png) -127px -39px no-repeat;
    display: block;
    margin: 20px 0px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  body header > .content-holder nav ul {
    overflow: auto;
    float: none;
    margin: 0px;
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }
  body header > .content-holder nav ul li {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin-top: 0px;
    line-height: 60px;
  }
  body header > .content-holder nav ul li > span {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 50px;
    background: white;
    cursor: pointer;
  }
  body header > .content-holder nav ul li > span:after {
    content: " ";
    width: 10px;
    height: 15px;
    background: url(/assets/img/sprite.png) -127px -39px no-repeat;
    display: block;
    margin: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  body header > .content-holder nav ul li li > span {
    background: #2a525a;
  }
  body header > .content-holder nav ul li li > span:after {
    width: 10px;
    height: 15px;
    background: url(/assets/img/sprite.png) -127px -24px no-repeat;
    display: block;
  }
  body header > .content-holder nav ul li.active > span {
    display: block;
  }
  body header > .content-holder nav ul li ul {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-left: 0px;
    display: block !important;
    background: #2a525a;
    position: relative;
  }
  body header > .content-holder nav ul li ul li {
    background: #2a525a;
  }
  body header > .content-holder nav ul li ul li a, body header > .content-holder nav ul li ul li:hover a {
    color: white !important;
  }
  body header > .content-holder nav ul li ul li a:after, body header > .content-holder nav ul li ul li:hover a:after {
    width: 10px;
    height: 15px;
    background: url(/assets/img/sprite.png) -127px -24px no-repeat;
    display: block;
  }
  body header > .content-holder nav ul li ul ul, body header > .content-holder nav ul li ul ul > li a, body header > .content-holder nav ul li ul ul {
    left: 0px;
    top: 0px;
    background: #1b3e46 !important;
  }
  body header > .content-holder nav ul li ul li a {
    padding: 10px 20px;
  }
  body header > .content-holder nav ul li.active > ul, body header > .content-holder nav ul li li.active > ul {
    display: block !important;
  }
  body header > .content-holder nav ul li a, body header > .content-holder nav ul li:hover a {
    color: #2a525a;
    display: block;
  }
  body header > .content-holder .fortop, body header > .content-holder > form {
    display: none;
  }
  body header .header-slider-news {
    height: 298px;
  }
  body header aside {
    background: #ffffff;
  }
  body header aside a {
    color: #2a525a !important;
  }
  body header aside li:first-child a {
    border-right: 1px solid #2a525a !important;
  }
  body .gotos .cw4 .img {
    -webkit-transform: scale(0.35);
    -ms-transform: scale(0.35);
    transform: scale(0.35);
    margin-top: -40px;
    margin-bottom: -40px;
  }
  body .gotos .cw4 p {
    display: none;
  }
  body .gotos .cw4 ul {
    display: none;
  }
  body .gotos .cw4 h2 {
    margin-bottom: 0px;
  }
  body .gotos .cw4 h2 a:after {
    float: right;
    margin-top: -6px;
  }
  body .gotos .cw4 h2 a:before {
    content: " ";
    width: 5px;
    height: 35px;
    float: right;
    margin-left: 10px;
  }
  body .gotolink {
    font-size: 20px;
  }
  .area-of-application {
    display: none;
  }
  .cw3, .cw9 {
    width: 50%;
  }
  .content-items .holder:last-child {
    white-space: nowrap;
    overflow: auto;
    font-size: 0px;
  }
  .content-items .holder:last-child a {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    float: none;
    white-space: normal;
  }
  .home-webshop {
    padding-top: 10px;
  }
  .home-webshop ul li {
    display: block;
    float: left;
    width: 50%;
  }
  .home-webshop .cw3 {
    height: 215px;
  }
  .margin-top {
    margin-top: 15px;
  }
  .brands {
    margin-top: 10px;
  }
  footer {
    margin-top: 10px;
  }
  .collapsible .cw9, .collapsible .cw3 .img {
    display: none;
  }
  .collapsible .cw3 {
    height: auto !important;
    width: 100%;
    padding: 10px 30px !important;
    position: relative;
  }
  .collapsible .cw3 p {
    display: none;
  }
  .collapsible .cw3 h2 {
    margin: 0px;
  }
  .collapsible .cw3:after {
    content: " ";
    display: block;
    position: absolute;
    background: #ff5284;
    top: 24px;
    bottom: 24px;
    width: 5px;
    right: 10px !important;
    margin-right: 17px;
    height: 35px;
    top: 13px !important;
  }
  .collapsible .cw3 .gotolink:after {
    float: right;
    margin-right: 10px;
    margin-top: -3px;
  }
  .brands .cw9 {
    display: block;
    width: 100%;
  }
  .brands .cw3.greenblock.light {
    background-color: #2a525a;
  }
  .slider {
    overflow: auto;
    overflow-y: hidden;
  }
  .slider .items {
    margin-left: 0px !important;
  }
  .slider .left {
    left: 30px;
  }
  .slider .right {
    right: 30px;
  }
  .slider-brands .items {
    margin-left: 10px !important;
  }
  .slider-brands .left {
    left: 0 !important;
  }
  .gridview .cw3:nth-child(odd) {
    background: transparent;
  }
  .gridview .cw3:nth-child(even), .gridview .cw3:nth-child(4n-1) {
    background: #f9f9f9;
  }
  .gridview .cw3:nth-child(4n) {
    background: transparent;
  }
  .filters {
    line-height: 32px;
  }
  .filters span {
    display: block;
  }
  .filters span:after {
    display: block;
    margin: 0;
    height: 5px;
    width: 35px;
  }
  .pagination {
    padding: 0 30px !important;
  }
  header .background h3 {
    max-width: calc(100% - 60px);
  }
  body {
    overflow-x: hidden;
  }
  .marketing.webshop-marketing {
    width: calc(100% + 15px);
    margin-left: -7.5px;
    margin-bottom: 0;
  }
  .marketing.webshop-marketing .margin-top {
    margin-top: 15px;
    margin-bottom: 0;
  }
  .marketing.webshop-marketing .webshop-block, .marketing.webshop-marketing .product-block, .marketing.webshop-marketing .quote-block {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .marketing.webshop-marketing .product-block {
    max-width: calc(33.3333% - 15px);
  }
  .marketing.webshop-marketing .product-block.product-block-image, .marketing.webshop-marketing .product-block.double-block-image {
    max-width: calc(66.6666% - 15px);
  }
  .marketing.webshop-marketing .webshop-block {
    max-width: calc(33.3333% - 15px);
  }
}

@media all and (max-width: 1024px) {
  header aside .mobile-menu-extra {
    display: initial;
  }
  header aside .mobile-menu-extra .header-contact-details {
    display: initial;
  }
  header aside .mobile-menu-extra .header-contact-details > a {
    margin: 0 0 0 20px;
    padding: 4px 20px;
    font-weight: 600;
    font-size: 13px;
    color: #2a525a;
    line-height: initial;
    border-radius: 20px;
    background-color: #f4d424;
  }
}

@media all and (max-width: 1000px) {
  .cms-detail table {
    table-layout: fixed;
  }
  .cms-detail table td {
    display: block;
    padding: 0;
  }
  .cms-detail table td img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .downloads .cms-detail td {
    display: table-cell;
  }
}

@media all and (max-width: 850px) {
  .webshop-blocks ul {
    width: 100%;
    display: block;
    margin: 15px 0 !important;
  }
}

@media all and (max-width: 768px) {
  footer .cw3 {
    padding: 30px 30px 0px 30px;
    width: 50% !important;
    min-height: 220px;
  }
  .pagination {
    height: 40px;
    margin-bottom: 24px;
  }
  .pagination li.previous, .pagination li.next {
    margin-bottom: 10px;
  }
  .pagination li.item {
    display: none;
  }
  .contact-form-popup .form button {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .header-contact-details {
    display: none;
  }
  header aside .content-holder {
    padding: 0 28px !important;
  }
  header aside span[itemprop='telephone'] a {
    font-family: FontAwesome;
  }
  header aside .mobile-menu-extra .header-contact-details {
    padding-right: 0;
  }
  header aside .mobile-menu-extra .header-contact-details > span a {
    margin-left: 0;
  }
}

/* Phone landscape */
@media (max-width: 750px) {
  .locations .cw3 {
    float: left;
  }
  header aside nav ul li a {
    color: white;
  }
  header .header-slider-news {
    height: auto !important;
    display: block;
  }
  header .header-slider-news .fullwidth-slider {
    width: 100%;
  }
  header .header-slider-news .header-news-block {
    width: 100%;
  }
  .breadcrumb {
    display: none;
  }
  .contact-form .users {
    width: 100%;
    position: relative;
    bottom: 0px;
  }
  .marketing .text-block {
    display: block !important;
  }
  .marketing .text-block.video .cw6 {
    display: block;
  }
  .marketing .text-block.video iframe {
    vertical-align: -3px;
  }
  .marketing .text-right, .marketing .text-left {
    padding: 0 30px;
  }
  body .cw3, body .cw4, body .cw6, body .cw9 {
    width: 100%;
  }
  body .contact-form {
    display: block;
  }
  body .webshop > div {
    height: auto;
  }
  body .holder.webshop > .searchblock {
    padding-top: 0;
  }
  body .holder.webshop > .searchblock > :last-child {
    margin: 0;
  }
  body .sidebar-menu {
    margin-right: 0px;
  }
  body .gotos:before {
    display: none;
  }
  body .gotos .cw4 {
    height: 50px;
    padding: 8px 30px;
    padding-left: 85px;
  }
  body .gotos .cw4 h2 {
    margin: 0px;
    margin-top: -2px;
  }
  body .gotos .cw4:nth-child(even) {
    background: white;
  }
  body .gotos .cw4 .color {
    display: none;
  }
  body .gotos .cw4 .img {
    /*float: left;
                    margin: 0px;
                    margin-top: -28px;*/
    position: absolute;
    left: -10px;
  }
  body header h1 span {
    width: calc(100% - 60px);
    font-size: 38px;
    line-height: 41px;
  }
  body .home-webshop .searchblock {
    display: none;
  }
  .gridview .cw3 {
    height: auto;
    padding-bottom: 70px;
  }
  .gridview .cw3:nth-child(odd) {
    background: transparent;
  }
  .gridview .cw3:nth-child(even) {
    background: #f9f9f9;
  }
  .cms-detail .right {
    float: none;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .filters a {
    display: block;
  }
  .marketing.webshop-marketing {
    width: 100%;
    margin-left: 0;
  }
  .marketing.webshop-marketing .webshop-block, .marketing.webshop-marketing .product-block, .marketing.webshop-marketing .quote-block {
    margin-left: 0;
    margin-right: 0;
  }
  .marketing.webshop-marketing .product-block {
    width: 100%;
    max-width: 100%;
  }
  .marketing.webshop-marketing .product-block .cw6, .marketing.webshop-marketing .product-block .cw12 {
    padding: 0;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .marketing.webshop-marketing .product-block.product-block-image, .marketing.webshop-marketing .product-block.double-block-image {
    width: 100%;
    max-width: 100%;
  }
  .marketing.webshop-marketing .product-block.product-block-image .text, .marketing.webshop-marketing .product-block.double-block-image .text {
    height: auto;
  }
  .marketing.webshop-marketing .product-block.product-block-image .img, .marketing.webshop-marketing .product-block.double-block-image .img {
    margin-top: 20px;
  }
  .marketing.webshop-marketing .webshop-block {
    width: 100%;
    max-width: 100%;
  }
  .marketing.webshop-marketing .quote-block .text-right, .marketing.webshop-marketing .quote-block .img {
    width: 100%;
  }
}

@media all and (max-width: 600px) {
  .downloads .cms-detail td {
    display: block;
  }
  .webshop-blocks ul a {
    height: 75px;
    width: 100%;
    margin: 0 0 20px 0 !important;
  }
  .webshop-blocks ul a img {
    height: 50px;
  }
  body header h1 span {
    font-size: 28px;
    line-height: 34px;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}

@media all and (max-width: 480px) {
  body .gotolink {
    font-size: 14px;
  }
  /*.contact-form .users div {
        display: block;
        width: 100%;
    }
    .contact-form .users > :nth-child(2) {
        margin: 20px 0;
    }*/
  .content-holder h2 {
    font-size: 18px;
  }
  footer .cw3 {
    padding: 30px;
    width: 100% !important;
    min-height: inherit;
  }
  footer h3 {
    margin-bottom: 20px;
  }
  footer address {
    padding: 0px;
    font-size: 12px;
  }
}

@media all and (max-width: 380px) {
  header aside nav ul li span, header aside nav ul li a {
    padding: 0px 10px;
  }
  body .mobileLogo {
    top: 7px;
  }
  body .mobileLogo img {
    width: 80px;
  }
  body .toggleMenu {
    margin-left: 110px;
  }
}

@font-face {
  font-family: Gotham;
  src: url("../fonts/Gotham-Light.otf") format("opentype");
}