@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: common-ligatures;
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "kern=1";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  font-feature-settings: "kern";
  font-kerning: normal;
}
@media screen and (max-width: 768px) {
  body {
    text-rendering: optimizeSpeed;
  }
}

#toolbar {
  z-index: 9999;
}

.hidden {
  position: absolute !important;
  display: none !important;
  visibility: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

.active,
.active-trail {
  font-weight: normal;
}

.center {
  text-align: center;
}

.node-unpublished {
  background-color: transparent;
}

@media screen and (min-width: 992px) {
  .show-on-mobile {
    display: none;
  }
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
img[style*="float:\ left"], img[style*="float:left"] {
  display: block;
  float: none !important;
  margin: 0 8px 8px 0;
}
@media screen and (min-width: 768px) {
  img[style*="float:\ left"], img[style*="float:left"] {
    float: left !important;
  }
  .rtl img[style*="float:\ left"], .rtl img[style*="float:left"] {
    float: right !important;
    margin: 0 0 8px 8px;
  }
}
img[style*="float:\ right"], img[style*="float:right"] {
  display: block;
  float: none !important;
  margin: 0 0 8px 8px;
}
@media screen and (min-width: 768px) {
  img[style*="float:\ right"], img[style*="float:right"] {
    float: right !important;
  }
  .rtl img[style*="float:\ right"], .rtl img[style*="float:right"] {
    float: left !important;
    margin: 0 8px 8px 0;
  }
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

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

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

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-family: "clear_sansbold", arial, sans-serif;
  font-weight: normal;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-family: "clear_sansbold", arial, sans-serif;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.node-project.view-mode-overview_card, .node-article.view-mode-overview_card {
  cursor: pointer;
  overflow: hidden;
}
.node-project.view-mode-overview_card .image-wrapper, .node-article.view-mode-overview_card .image-wrapper {
  position: relative;
  background: rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.node-project.view-mode-overview_card .image-wrapper:before, .node-article.view-mode-overview_card .image-wrapper:before {
  position: relative;
  content: "";
  display: block;
  padding-top: 56.25%;
}
.node-project.view-mode-overview_card .image-wrapper .image, .node-article.view-mode-overview_card .image-wrapper .image {
  transition: all 0.21s ease-out;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.node-project.view-mode-overview_card .details-wrapper, .node-article.view-mode-overview_card .details-wrapper {
  clear: both;
  overflow: hidden;
  background-color: #ffffff;
  padding: 18px 24px;
  position: relative;
}
.node-project.view-mode-overview_card .details-wrapper h4, .node-article.view-mode-overview_card .details-wrapper h4 {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 17px;
  line-height: 23px;
  color: #3f4349;
  margin: 0 0 6px;
  padding: 0;
}
.node-project.view-mode-overview_card .details-wrapper .short-description, .node-article.view-mode-overview_card .details-wrapper .short-description {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 14px;
  color: #636a75;
  line-height: 16px;
}
.node-project.view-mode-overview_card .labels, .node-article.view-mode-overview_card .labels {
  float: left;
  width: 40px;
}
.node-project.view-mode-overview_card .labels .icon-label, .node-article.view-mode-overview_card .labels .icon-label {
  width: 40px;
  height: 40px;
  font-size: 0;
  line-height: 40px;
  margin-top: 10px;
  display: block;
  text-align: center;
}
.node-project.view-mode-overview_card .labels .icon-label:first-child, .node-article.view-mode-overview_card .labels .icon-label:first-child {
  margin-top: 0;
}
.node-project.view-mode-overview_card .labels .icon-label:before, .node-article.view-mode-overview_card .labels .icon-label:before {
  color: #3700fa;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 40px;
  text-align: center;
}
.node-project.view-mode-overview_card .labels .icon-label.icon-video:before, .node-article.view-mode-overview_card .labels .icon-label.icon-video:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 40px;
}
.node-project.view-mode-overview_card .labels .icon-label.icon-3d:before, .node-article.view-mode-overview_card .labels .icon-label.icon-3d:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 40px;
}
.node-project.view-mode-overview_card .labels + .details-content, .node-article.view-mode-overview_card .labels + .details-content {
  padding-left: 60px;
  padding-top: 2px;
}
.page-home .node-project.view-mode-overview_card .labels + .details-content, .page-home .node-article.view-mode-overview_card .labels + .details-content {
  padding-top: 0;
}
.node-project.view-mode-overview_card:hover .image-wrapper .image, .node-article.view-mode-overview_card:hover .image-wrapper .image {
  transform: scale(1.05);
}
@media screen and (min-width: 768px) {
  .node-project.view-mode-overview_card .details-wrapper, .node-article.view-mode-overview_card .details-wrapper {
    min-height: 105px;
  }
}

.node-project.view-mode-full .inspire-title, .node-article.view-mode-full .inspire-title {
  text-align: center;
}
.node-project.view-mode-full .inspire-title h1, .node-article.view-mode-full .inspire-title h1 {
  margin: 0;
}
.node-project.view-mode-full .inspire-title .field-architect, .node-article.view-mode-full .inspire-title .field-architect {
  display: inline-block;
  padding-left: 34px;
  position: relative;
  margin-top: 9px;
  text-align: left;
}
.node-project.view-mode-full .inspire-title .field-architect:before, .node-article.view-mode-full .inspire-title .field-architect:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #818992;
  position: absolute;
  left: 0;
  font-size: 24px;
  top: -1px;
}
.node-project.view-mode-full .inspire-title .field-architect a, .node-article.view-mode-full .inspire-title .field-architect a,
.node-project.view-mode-full .inspire-title .field-architect span,
.node-article.view-mode-full .inspire-title .field-architect span {
  transition: all 0.21s ease-out;
  display: block;
  color: #818992;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 14px;
  line-height: 22.6px;
}
.node-project.view-mode-full .inspire-title .field-architect a, .node-article.view-mode-full .inspire-title .field-architect a {
  text-decoration: underline;
}
.node-project.view-mode-full .inspire-title .field-architect a:hover, .node-article.view-mode-full .inspire-title .field-architect a:hover {
  text-decoration: none;
}
.node-project.view-mode-full .inspire-title + .inspire-content, .node-article.view-mode-full .inspire-title + .inspire-content {
  padding-top: 41px;
}
.node-project.view-mode-full .inspire-slider, .node-article.view-mode-full .inspire-slider {
  margin-top: 38px;
  position: relative;
}
.node-project.view-mode-full .inspire-slider .swiper-container, .node-article.view-mode-full .inspire-slider .swiper-container,
.node-project.view-mode-full .inspire-slider .swiper-container img,
.node-article.view-mode-full .inspire-slider .swiper-container img {
  height: auto;
  width: auto;
  max-height: 200px;
}
@media screen and (min-width: 768px) {
  .node-project.view-mode-full .inspire-slider .swiper-container, .node-article.view-mode-full .inspire-slider .swiper-container,
  .node-project.view-mode-full .inspire-slider .swiper-container img,
  .node-article.view-mode-full .inspire-slider .swiper-container img {
    max-height: 328px;
  }
}
@media screen and (min-width: 992px) {
  .node-project.view-mode-full .inspire-slider .swiper-container, .node-article.view-mode-full .inspire-slider .swiper-container,
  .node-project.view-mode-full .inspire-slider .swiper-container img,
  .node-article.view-mode-full .inspire-slider .swiper-container img {
    max-height: 400px;
  }
}
@media screen and (min-width: 1400px) {
  .node-project.view-mode-full .inspire-slider .swiper-container, .node-article.view-mode-full .inspire-slider .swiper-container,
  .node-project.view-mode-full .inspire-slider .swiper-container img,
  .node-article.view-mode-full .inspire-slider .swiper-container img {
    max-height: 480px;
  }
}
.node-project.view-mode-full .inspire-slider .swiper-container, .node-article.view-mode-full .inspire-slider .swiper-container {
  background-color: rgba(17, 17, 17, 0.9);
}
.node-project.view-mode-full .inspire-slider .swiper-container.max-height .swiper-slide, .node-article.view-mode-full .inspire-slider .swiper-container.max-height .swiper-slide {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.node-project.view-mode-full .inspire-slider .swiper-container.max-height .swiper-slide.swiper-slide-active, .node-article.view-mode-full .inspire-slider .swiper-container.max-height .swiper-slide.swiper-slide-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.node-project.view-mode-full .inspire-slider .swiper-container.swiper-single .swiper-slide, .node-article.view-mode-full .inspire-slider .swiper-container.swiper-single .swiper-slide {
  opacity: 1;
  filter: alpha(opacity=100);
  text-align: center;
}
.node-project.view-mode-full .inspire-slider .swiper-container .swiper-prev, .node-article.view-mode-full .inspire-slider .swiper-container .swiper-prev,
.node-project.view-mode-full .inspire-slider .swiper-container .swiper-next,
.node-article.view-mode-full .inspire-slider .swiper-container .swiper-next {
  background: transparent;
  font-size: 28px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  display: none;
}
@media screen and (min-width: 768px) {
  .node-project.view-mode-full .inspire-slider .swiper-container .swiper-prev, .node-article.view-mode-full .inspire-slider .swiper-container .swiper-prev,
  .node-project.view-mode-full .inspire-slider .swiper-container .swiper-next,
  .node-article.view-mode-full .inspire-slider .swiper-container .swiper-next {
    display: block;
  }
}
.node-project.view-mode-full .inspire-slider .swiper-container .swiper-prev:hover, .node-article.view-mode-full .inspire-slider .swiper-container .swiper-prev:hover,
.node-project.view-mode-full .inspire-slider .swiper-container .swiper-next:hover,
.node-article.view-mode-full .inspire-slider .swiper-container .swiper-next:hover {
  background: transparent;
}
.node-project.view-mode-full .inspire-slider .swiper-container .swiper-prev:before, .node-article.view-mode-full .inspire-slider .swiper-container .swiper-prev:before,
.node-project.view-mode-full .inspire-slider .swiper-container .swiper-next:before,
.node-article.view-mode-full .inspire-slider .swiper-container .swiper-next:before {
  display: block;
}
.node-project.view-mode-full .inspire-slider .swiper-container .swiper-prev, .node-article.view-mode-full .inspire-slider .swiper-container .swiper-prev {
  text-align: right;
}
.node-project.view-mode-full .inspire-slider .swiper-container .swiper-next, .node-article.view-mode-full .inspire-slider .swiper-container .swiper-next {
  text-align: left;
}
.node-project.view-mode-full .inspire-slider .button-360-view, .node-article.view-mode-full .inspire-slider .button-360-view {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
.node-project.view-mode-full .inspire-content, .node-article.view-mode-full .inspire-content {
  position: relative;
}
.node-project.view-mode-full .inspire-content .container img, .node-article.view-mode-full .inspire-content .container img {
  display: block;
}
.node-project.view-mode-full .inspire-content .share-buttons-wrapper, .node-article.view-mode-full .inspire-content .share-buttons-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}
.node-project.view-mode-full .inspire-content .share-buttons-wrapper:before, .node-article.view-mode-full .inspire-content .share-buttons-wrapper:before, .node-project.view-mode-full .inspire-content .share-buttons-wrapper:after, .node-article.view-mode-full .inspire-content .share-buttons-wrapper:after {
  content: " ";
  display: table;
}
.node-project.view-mode-full .inspire-content .share-buttons-wrapper:after, .node-article.view-mode-full .inspire-content .share-buttons-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-project.view-mode-full .inspire-content .share-buttons-wrapper, .node-article.view-mode-full .inspire-content .share-buttons-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.full-width .node-project.view-mode-full .inspire-content .share-buttons-wrapper, .full-width .node-article.view-mode-full .inspire-content .share-buttons-wrapper {
  max-width: 1440px;
}
.node-project.view-mode-full .inspire-content .share-buttons-wrapper ul, .node-article.view-mode-full .inspire-content .share-buttons-wrapper ul {
  text-align: center;
  margin-top: 20px;
}
.node-project.view-mode-full .inspire-content .share-buttons-wrapper a.social:before, .node-article.view-mode-full .inspire-content .share-buttons-wrapper a.social:before {
  font-size: 22px;
}
@media screen and (min-width: 992px) {
  .node-project.view-mode-full .inspire-content .share-buttons-wrapper ul, .node-article.view-mode-full .inspire-content .share-buttons-wrapper ul {
    text-align: right;
    position: absolute;
    right: 8.33333%;
    top: 65px;
    margin-top: 0;
  }
  .node-project.view-mode-full .inspire-content .share-buttons-wrapper ul li, .node-article.view-mode-full .inspire-content .share-buttons-wrapper ul li {
    margin-top: 31px;
    margin-left: 0;
    display: block;
  }
  .node-project.view-mode-full .inspire-content .share-buttons-wrapper ul li:first-child, .node-article.view-mode-full .inspire-content .share-buttons-wrapper ul li:first-child {
    margin-top: 0;
  }
}
.node-project.view-mode-full a.back-to-top, .node-article.view-mode-full a.back-to-top {
  color: #52585f;
  font-size: 14px;
  line-height: 30px;
  text-decoration: underline;
}
.node-project.view-mode-full a.back-to-top:hover, .node-article.view-mode-full a.back-to-top:hover, .node-project.view-mode-full a.back-to-top:active, .node-article.view-mode-full a.back-to-top:active, .node-project.view-mode-full a.back-to-top:focus, .node-article.view-mode-full a.back-to-top:focus {
  text-decoration: none;
  color: #3700fa;
}
.node-project.view-mode-full .inspire-content-footer, .node-article.view-mode-full .inspire-content-footer {
  margin-top: 65px;
}
.node-project.view-mode-full .inspire-content-footer:before, .node-article.view-mode-full .inspire-content-footer:before, .node-project.view-mode-full .inspire-content-footer:after, .node-article.view-mode-full .inspire-content-footer:after {
  content: " ";
  display: table;
}
.node-project.view-mode-full .inspire-content-footer:after, .node-article.view-mode-full .inspire-content-footer:after {
  clear: both;
}
.node-project.view-mode-full .inspire-content-footer-container, .node-article.view-mode-full .inspire-content-footer-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 9px;
}
.node-project.view-mode-full .inspire-content-footer-container:before, .node-article.view-mode-full .inspire-content-footer-container:before, .node-project.view-mode-full .inspire-content-footer-container:after, .node-article.view-mode-full .inspire-content-footer-container:after {
  content: " ";
  display: table;
}
.node-project.view-mode-full .inspire-content-footer-container:after, .node-article.view-mode-full .inspire-content-footer-container:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-project.view-mode-full .inspire-content-footer-container, .node-article.view-mode-full .inspire-content-footer-container {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.full-width .node-project.view-mode-full .inspire-content-footer-container, .full-width .node-article.view-mode-full .inspire-content-footer-container {
  max-width: 1440px;
}
.node-project.view-mode-full .inspire-content-footer-container a.back-to-top, .node-article.view-mode-full .inspire-content-footer-container a.back-to-top {
  float: left;
}
.node-project.view-mode-full .inspire-content-footer-container .author-block, .node-article.view-mode-full .inspire-content-footer-container .author-block {
  float: right;
}
.node-project.view-mode-full .theme-links ul, .node-article.view-mode-full .theme-links ul {
  margin-top: -10px;
}
.node-project.view-mode-full .theme-links ul, .node-article.view-mode-full .theme-links ul,
.node-project.view-mode-full .theme-links li,
.node-article.view-mode-full .theme-links li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.node-project.view-mode-full .theme-links li, .node-article.view-mode-full .theme-links li {
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}
.node-project.view-mode-full .inspire-footer, .node-article.view-mode-full .inspire-footer {
  border-top: 1px solid #e1e1e1;
}
.node-project.view-mode-full .inspire-footer .inspire-footer-wrapper, .node-article.view-mode-full .inspire-footer .inspire-footer-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}
.node-project.view-mode-full .inspire-footer .inspire-footer-wrapper:before, .node-article.view-mode-full .inspire-footer .inspire-footer-wrapper:before, .node-project.view-mode-full .inspire-footer .inspire-footer-wrapper:after, .node-article.view-mode-full .inspire-footer .inspire-footer-wrapper:after {
  content: " ";
  display: table;
}
.node-project.view-mode-full .inspire-footer .inspire-footer-wrapper:after, .node-article.view-mode-full .inspire-footer .inspire-footer-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-project.view-mode-full .inspire-footer .inspire-footer-wrapper, .node-article.view-mode-full .inspire-footer .inspire-footer-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.full-width .node-project.view-mode-full .inspire-footer .inspire-footer-wrapper, .full-width .node-article.view-mode-full .inspire-footer .inspire-footer-wrapper {
  max-width: 1440px;
}
.node-project.view-mode-full .inspire-footer .theme-links, .node-article.view-mode-full .inspire-footer .theme-links,
.node-project.view-mode-full .inspire-footer .footer-actions,
.node-article.view-mode-full .inspire-footer .footer-actions {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .node-project.view-mode-full .inspire-footer .theme-links, .node-article.view-mode-full .inspire-footer .theme-links,
  .node-project.view-mode-full .inspire-footer .footer-actions,
  .node-article.view-mode-full .inspire-footer .footer-actions {
    float: left;
    width: 33.33333%;
  }
  .rtl .node-project.view-mode-full .inspire-footer .theme-links, .rtl .node-article.view-mode-full .inspire-footer .theme-links, .rtl
  .node-project.view-mode-full .inspire-footer .footer-actions, .rtl
  .node-article.view-mode-full .inspire-footer .footer-actions {
    float: right;
  }
}
.node-project.view-mode-full .inspire-footer .footer-actions, .node-article.view-mode-full .inspire-footer .footer-actions,
.node-project.view-mode-full .inspire-footer .share-buttons-wrapper,
.node-article.view-mode-full .inspire-footer .share-buttons-wrapper {
  margin-top: 20px;
}
.node-project.view-mode-full .inspire-footer .footer-actions, .node-article.view-mode-full .inspire-footer .footer-actions {
  padding: 0;
}
.node-project.view-mode-full .inspire-footer .footer-actions .button, .node-article.view-mode-full .inspire-footer .footer-actions .button {
  width: 100%;
}
.node-project.view-mode-full .inspire-footer .theme-links, .node-article.view-mode-full .inspire-footer .theme-links {
  margin-top: 10px;
}
.node-project.view-mode-full .inspire-footer .theme-links, .node-article.view-mode-full .inspire-footer .theme-links {
  padding-left: 0;
}
.node-project.view-mode-full .inspire-footer .footer-actions, .node-article.view-mode-full .inspire-footer .footer-actions {
  text-align: center;
}
.node-project.view-mode-full .inspire-footer .share-buttons-wrapper, .node-article.view-mode-full .inspire-footer .share-buttons-wrapper {
  padding-right: 0;
  text-align: center;
}
.node-project.view-mode-full .inspire-footer .share-buttons-wrapper ul, .node-article.view-mode-full .inspire-footer .share-buttons-wrapper ul {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .node-project.view-mode-full .inspire-footer .share-buttons-wrapper, .node-article.view-mode-full .inspire-footer .share-buttons-wrapper {
    float: right;
  }
}
.node-project.view-mode-full .inspire-related, .node-article.view-mode-full .inspire-related {
  padding-top: 41px;
}
@media screen and (min-width: 768px) {
  .node-project.view-mode-full .inspire-related, .node-article.view-mode-full .inspire-related {
    padding-top: 82px;
  }
}
@media screen and (min-width: 768px) {
  .node-project.view-mode-full .inspire-footer .footer-actions, .node-article.view-mode-full .inspire-footer .footer-actions {
    position: absolute;
    top: 0;
    left: 33.33333%;
    padding-left: 4px;
    padding-right: 4px;
  }
  .node-project.view-mode-full .inspire-footer .footer-actions .button, .node-article.view-mode-full .inspire-footer .footer-actions .button {
    width: auto;
  }
  .node-project.view-mode-full .inspire-footer .share-buttons-wrapper, .node-article.view-mode-full .inspire-footer .share-buttons-wrapper {
    text-align: left;
  }
}

@font-face {
  font-family: 'icomoon-basic';
  src: url("../fonts/icomoon/basic/reynaers.eot?v2lspe");
  src: url("../fonts/icomoon/basic/reynaers.eot?v2lspe#iefix") format("embedded-opentype"), url("../fonts/icomoon/basic/reynaers.woff?v2lspe") format("woff"), url("../fonts/icomoon/basic/reynaers.ttf?v2lspe") format("truetype"), url("../fonts/icomoon/basic/reynaers.svg?v2lspe#reynaers") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clear_sansbold';
  src: url("../fonts/clear-sans/clearsans-bold-webfont.eot");
  src: url("../fonts/clear-sans/clearsans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/clear-sans/clearsans-bold-webfont.woff") format("woff"), url("../fonts/clear-sans/clearsans-bold-webfont.ttf") format("truetype"), url("../fonts/clear-sans/clearsans-bold-webfont.svg#clear_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clear_sans_lightregular';
  src: url("../fonts/clear-sans/clearsans-light-webfont.eot");
  src: url("../fonts/clear-sans/clearsans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/clear-sans/clearsans-light-webfont.woff") format("woff"), url("../fonts/clear-sans/clearsans-light-webfont.ttf") format("truetype"), url("../fonts/clear-sans/clearsans-light-webfont.svg#clear_sans_lightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clear_sansmedium';
  src: url("../fonts/clear-sans/clearsans-medium-webfont.eot");
  src: url("../fonts/clear-sans/clearsans-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/clear-sans/clearsans-medium-webfont.woff") format("woff"), url("../fonts/clear-sans/clearsans-medium-webfont.ttf") format("truetype"), url("../fonts/clear-sans/clearsans-medium-webfont.svg#clear_sansmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clear_sansregular';
  src: url("../fonts/clear-sans/clearsans-regular-webfont.eot");
  src: url("../fonts/clear-sans/clearsans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/clear-sans/clearsans-regular-webfont.woff") format("woff"), url("../fonts/clear-sans/clearsans-regular-webfont.ttf") format("truetype"), url("../fonts/clear-sans/clearsans-regular-webfont.svg#clear_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'icomoon-basic';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-colours:before {
  content: "\e931";
}

.icon-check-small-grey:before, .product-tabs .tab .flag-downloaded:before, .download-tree__item .card .flag-downloaded:before {
  content: "\e92f";
}

.icon-notification:before {
  content: "\e92e";
}

.icon-serviceplus:before {
  content: "\e91f";
}

.icon-machines:before {
  content: "\e920";
}

.icon-webshop:before {
  content: "\e921";
}

.icon-green-guide-calculator:before {
  content: "\e922";
}

.icon-software:before {
  content: "\e923";
}

.icon-training:before {
  content: "\e924";
}

.icon-tools:before {
  content: "\e925";
}

.icon-products:before {
  content: "\e926";
}

.icon-my-dealerwebsite:before {
  content: "\e927";
}

.icon-my-receipts:before {
  content: "\e928";
}

.icon-my-leads:before {
  content: "\e929";
}

.icon-my-trainings:before {
  content: "\e91b";
}

.icon-my-complaints:before {
  content: "\e91c";
}

.icon-my-billings:before {
  content: "\e91d";
}

.icon-my-orders:before {
  content: "\e91e";
}

.icon-user:before {
  content: "\e92a";
}

.icon-logout:before {
  content: "\e92b";
}

.icon-send:before {
  content: "\e915";
}

.icon-3d:before {
  content: "\e606";
}

.icon-architect:before {
  content: "\e600";
}

.icon-book:before {
  content: "\e601";
}

.icon-certificates:before {
  content: "\e602";
}

.icon-fabricator:before {
  content: "\e603";
}

.icon-location:before {
  content: "\e604";
}

.icon-reynaers:before {
  content: "\e605";
}

.icon-arrow-down:before {
  content: "\64";
}

.facebook:before,
.icon-facebook:before {
  content: "\66";
}

.icon-heart:before {
  content: "\68";
}

.linkedin:before,
.icon-linkedin:before {
  content: "\69";
}

.icon-arrow-left:before {
  content: "\6c";
}
.rtl .icon-arrow-left:before {
  content: "\72";
}

.pintrest:before,
.pinterest:before,
.icon-pinterest:before {
  content: "\70";
}

.icon-arrow-right:before, .professional-search-facet .handle h2.title:before, .ajaxified-search-facet h2.title:before, .arrow-block:before {
  content: "\72";
}
.rtl .icon-arrow-right:before, .rtl .professional-search-facet .handle h2.title:before, .professional-search-facet .handle .rtl h2.title:before, .rtl .ajaxified-search-facet h2.title:before, .ajaxified-search-facet .rtl h2.title:before, .rtl .arrow-block:before {
  content: "\6c";
}

.twitter:before,
.icon-twitter:before {
  content: "\74";
}

.icon-arrow-up:before {
  content: "\75";
}

.icon-close:before, #colorbox #cboxClose:before, #ip-redirect-wrapper .decline-redirection:before {
  content: "\78";
}

.wechat:before,
.icon-wechat:before {
  content: "\e607";
}

.weibo:before,
.icon-weibo:before {
  content: "\e60b";
}

.icon-bookmark:before {
  content: "\e60c";
}

.flickr:before,
.icon-flickr:before {
  content: "\e60d";
}

.youtube:before,
.icon-youtube:before {
  content: "\e60e";
}

.tumblr:before,
.icon-tumblr:before {
  content: "\e60f";
}

.vimeo:before,
.icon-vimeo:before {
  content: "\e610";
}

.foursquare:before,
.icon-foursquare:before {
  content: "\e611";
}

.googleplus:before,
.google-plus:before,
.icon-googleplus:before {
  content: "\e608";
}

.blogger:before,
.icon-blogger:before {
  content: "\e609";
}

.instagram:before,
.icon-instagram:before {
  content: "\e60a";
}

.icon-triangle:before {
  content: "\f000";
}

.icon-menu:before {
  content: "\e612";
}

.icon-search:before, .download-tree__item .form-item::before {
  content: "\e613";
}

.icon-info:before {
  content: "\e618";
}

.icon-selector-arrow:before, .download-tree__item div.card:after {
  content: "\e614";
}

.icon-mouse:before {
  content: "\e900";
}

.icon-mail:before {
  content: "\e901";
}

.icon-map:before {
  content: "\e902";
}

.icon-download:before {
  content: "\e903";
}

.icon-person:before {
  content: "\e92c";
}

.icon-marker:before {
  content: "\e92d";
}

.icon-selector-arrow:before, .download-tree__item div.card:after {
  content: "\e614";
}

.icon-mouse:before {
  content: "\e900";
}

.icon-mail:before {
  content: "\e901";
}

.icon-map:before {
  content: "\e902";
}

.icon-download:before {
  content: "\e903";
}

.icon-acoustic-performance:before,
.icon-acoustical_performance_communicated:before {
  content: "\e904";
}

.icon-air-tightness:before,
.icon-air_tightness_communicated:before {
  content: "\e905";
}

.icon-bulletproof:before,
.icon-bullet_proof:before {
  content: "\e906";
}

.icon-burglarproof:before,
.icon-burglar_resistance:before {
  content: "\e907";
}

.icon-fireproof:before,
.icon-fire_proof:before {
  content: "\e908";
}

.icon-thermal-insulation:before,
.icon-thermal_insulation_communicated:before {
  content: "\e909";
}

.icon-water-tightness:before,
.icon-water_tightness_communicated:before {
  content: "\e90a";
}

.icon-wind-load-resistance:before,
.icon-wind_load_communicated:before {
  content: "\e90b";
}

.icon-video:before {
  content: "\e90c";
}

.icon-360:before {
  content: "\e90d";
}

.icon-photographer:before {
  content: "\e90e";
}

.icon-used-systems:before {
  content: "\e90f";
}

.icon-documents:before {
  content: "\e910";
}

.icon-facebook-full:before {
  content: "\e911";
}

.icon-linkedin-single:before {
  content: "\e912";
}

.icon-phone:before {
  content: "\e913";
}

.icon-mail-small:before {
  content: "\e914";
}

.icon-arrow-thin-left:before {
  content: "\e916";
}
.rtl .icon-arrow-thin-left:before {
  content: "\e917";
}

.icon-arrow-thin-right:before {
  content: "\e917";
}
.rtl .icon-arrow-thin-right:before {
  content: "\e916";
}

.icon-arrow-long-left:before {
  content: "\e919";
}
.rtl .icon-arrow-long-left:before {
  content: "\e918";
}

.icon-arrow-long-right:before, .page-splash .target-groups .target-group .target-group-link:before, #ip-redirect-wrapper .right a:before, .node-extranet-overview-page .training-e-learings-wrapper a:before, .block-usp-homepage .grid-box .ds-content .grid-content .link-to a:before, .header-region .block-main-menu .target-group-extra-info .left a:before,
.header-region .related-projects .target-group-extra-info .left a:before {
  content: "\e918";
}
.rtl .icon-arrow-long-right:before, .rtl .page-splash .target-groups .target-group .target-group-link:before, .page-splash .target-groups .target-group .rtl .target-group-link:before, .rtl #ip-redirect-wrapper .right a:before, #ip-redirect-wrapper .right .rtl a:before, .rtl .node-extranet-overview-page .training-e-learings-wrapper a:before, .node-extranet-overview-page .training-e-learings-wrapper .rtl a:before, .rtl .block-usp-homepage .grid-box .ds-content .grid-content .link-to a:before, .block-usp-homepage .grid-box .ds-content .grid-content .link-to .rtl a:before, .rtl .header-region .block-main-menu .target-group-extra-info .left a:before, .header-region .block-main-menu .target-group-extra-info .left .rtl a:before,
.rtl .header-region .related-projects .target-group-extra-info .left a:before,
.header-region .related-projects .target-group-extra-info .left .rtl a:before {
  content: "\e919";
}

.icon-home:before {
  content: "\e91a";
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}

.row {
  margin-left: -4px;
  margin-right: -4px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-12, .col-sm-12, .col-xs-11, .col-sm-11, .col-xs-10, .col-sm-10, .col-xs-9, .col-sm-9, .col-xs-8, .col-sm-8, .col-xs-7, .col-sm-7, .col-xs-6, .col-sm-6, .col-xs-5, .col-sm-5, .col-xs-4, .col-sm-4, .col-xs-3, .col-sm-3, .col-xs-2, .col-sm-2, .col-xs-1, .col-sm-1 {
  position: relative;
  min-height: 1px;
}

.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  float: left;
}
.rtl .col-xs-12, .rtl .col-xs-11, .rtl .col-xs-10, .rtl .col-xs-9, .rtl .col-xs-8, .rtl .col-xs-7, .rtl .col-xs-6, .rtl .col-xs-5, .rtl .col-xs-4, .rtl .col-xs-3, .rtl .col-xs-2, .rtl .col-xs-1 {
  float: right;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: 0%;
}
.rtl .col-xs-pull-0 {
  left: 0%;
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}
.rtl .col-xs-pull-1 {
  left: 8.33333%;
  right: auto;
}

.col-xs-pull-2 {
  right: 16.66667%;
}
.rtl .col-xs-pull-2 {
  left: 16.66667%;
  right: auto;
}

.col-xs-pull-3 {
  right: 25%;
}
.rtl .col-xs-pull-3 {
  left: 25%;
  right: auto;
}

.col-xs-pull-4 {
  right: 33.33333%;
}
.rtl .col-xs-pull-4 {
  left: 33.33333%;
  right: auto;
}

.col-xs-pull-5 {
  right: 41.66667%;
}
.rtl .col-xs-pull-5 {
  left: 41.66667%;
  right: auto;
}

.col-xs-pull-6 {
  right: 50%;
}
.rtl .col-xs-pull-6 {
  left: 50%;
  right: auto;
}

.col-xs-pull-7 {
  right: 58.33333%;
}
.rtl .col-xs-pull-7 {
  left: 58.33333%;
  right: auto;
}

.col-xs-pull-8 {
  right: 66.66667%;
}
.rtl .col-xs-pull-8 {
  left: 66.66667%;
  right: auto;
}

.col-xs-pull-9 {
  right: 75%;
}
.rtl .col-xs-pull-9 {
  left: 75%;
  right: auto;
}

.col-xs-pull-10 {
  right: 83.33333%;
}
.rtl .col-xs-pull-10 {
  left: 83.33333%;
  right: auto;
}

.col-xs-pull-11 {
  right: 91.66667%;
}
.rtl .col-xs-pull-11 {
  left: 91.66667%;
  right: auto;
}

.col-xs-pull-12 {
  right: 100%;
}
.rtl .col-xs-pull-12 {
  left: 100%;
  right: auto;
}

.col-xs-push-0 {
  left: 0%;
}
.rtl .col-xs-push-0 {
  left: auto;
  right: 0%;
}

.col-xs-push-1 {
  left: 8.33333%;
}
.rtl .col-xs-push-1 {
  left: auto;
  right: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}
.rtl .col-xs-push-2 {
  left: auto;
  right: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}
.rtl .col-xs-push-3 {
  left: auto;
  right: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}
.rtl .col-xs-push-4 {
  left: auto;
  right: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}
.rtl .col-xs-push-5 {
  left: auto;
  right: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}
.rtl .col-xs-push-6 {
  left: auto;
  right: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}
.rtl .col-xs-push-7 {
  left: auto;
  right: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}
.rtl .col-xs-push-8 {
  left: auto;
  right: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}
.rtl .col-xs-push-9 {
  left: auto;
  right: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}
.rtl .col-xs-push-10 {
  left: auto;
  right: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}
.rtl .col-xs-push-11 {
  left: auto;
  right: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}
.rtl .col-xs-push-12 {
  left: auto;
  right: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}
.rtl .col-xs-offset-0 {
  margin-right: 0%;
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}
.rtl .col-xs-offset-1 {
  margin-right: 8.33333%;
  margin-left: 0;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}
.rtl .col-xs-offset-2 {
  margin-right: 16.66667%;
  margin-left: 0;
}

.col-xs-offset-3 {
  margin-left: 25%;
}
.rtl .col-xs-offset-3 {
  margin-right: 25%;
  margin-left: 0;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}
.rtl .col-xs-offset-4 {
  margin-right: 33.33333%;
  margin-left: 0;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}
.rtl .col-xs-offset-5 {
  margin-right: 41.66667%;
  margin-left: 0;
}

.col-xs-offset-6 {
  margin-left: 50%;
}
.rtl .col-xs-offset-6 {
  margin-right: 50%;
  margin-left: 0;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}
.rtl .col-xs-offset-7 {
  margin-right: 58.33333%;
  margin-left: 0;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}
.rtl .col-xs-offset-8 {
  margin-right: 66.66667%;
  margin-left: 0;
}

.col-xs-offset-9 {
  margin-left: 75%;
}
.rtl .col-xs-offset-9 {
  margin-right: 75%;
  margin-left: 0;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}
.rtl .col-xs-offset-10 {
  margin-right: 83.33333%;
  margin-left: 0;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}
.rtl .col-xs-offset-11 {
  margin-right: 91.66667%;
  margin-left: 0;
}

.col-xs-offset-12 {
  margin-left: 100%;
}
.rtl .col-xs-offset-12 {
  margin-right: 100%;
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
    float: left;
  }
  .rtl .col-sm-12, .rtl .col-sm-11, .rtl .col-sm-10, .rtl .col-sm-9, .rtl .col-sm-8, .rtl .col-sm-7, .rtl .col-sm-6, .rtl .col-sm-5, .rtl .col-sm-4, .rtl .col-sm-3, .rtl .col-sm-2, .rtl .col-sm-1 {
    float: right;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: 0%;
  }
  .rtl .col-sm-pull-0 {
    left: 0%;
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }
  .rtl .col-sm-pull-1 {
    left: 8.33333%;
    right: auto;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }
  .rtl .col-sm-pull-2 {
    left: 16.66667%;
    right: auto;
  }

  .col-sm-pull-3 {
    right: 25%;
  }
  .rtl .col-sm-pull-3 {
    left: 25%;
    right: auto;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }
  .rtl .col-sm-pull-4 {
    left: 33.33333%;
    right: auto;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }
  .rtl .col-sm-pull-5 {
    left: 41.66667%;
    right: auto;
  }

  .col-sm-pull-6 {
    right: 50%;
  }
  .rtl .col-sm-pull-6 {
    left: 50%;
    right: auto;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }
  .rtl .col-sm-pull-7 {
    left: 58.33333%;
    right: auto;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }
  .rtl .col-sm-pull-8 {
    left: 66.66667%;
    right: auto;
  }

  .col-sm-pull-9 {
    right: 75%;
  }
  .rtl .col-sm-pull-9 {
    left: 75%;
    right: auto;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }
  .rtl .col-sm-pull-10 {
    left: 83.33333%;
    right: auto;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }
  .rtl .col-sm-pull-11 {
    left: 91.66667%;
    right: auto;
  }

  .col-sm-pull-12 {
    right: 100%;
  }
  .rtl .col-sm-pull-12 {
    left: 100%;
    right: auto;
  }

  .col-sm-push-0 {
    left: 0%;
  }
  .rtl .col-sm-push-0 {
    left: auto;
    right: 0%;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }
  .rtl .col-sm-push-1 {
    left: auto;
    right: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }
  .rtl .col-sm-push-2 {
    left: auto;
    right: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }
  .rtl .col-sm-push-3 {
    left: auto;
    right: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }
  .rtl .col-sm-push-4 {
    left: auto;
    right: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }
  .rtl .col-sm-push-5 {
    left: auto;
    right: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }
  .rtl .col-sm-push-6 {
    left: auto;
    right: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }
  .rtl .col-sm-push-7 {
    left: auto;
    right: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }
  .rtl .col-sm-push-8 {
    left: auto;
    right: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }
  .rtl .col-sm-push-9 {
    left: auto;
    right: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }
  .rtl .col-sm-push-10 {
    left: auto;
    right: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }
  .rtl .col-sm-push-11 {
    left: auto;
    right: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }
  .rtl .col-sm-push-12 {
    left: auto;
    right: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .rtl .col-sm-offset-0 {
    margin-right: 0%;
    margin-left: 0;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .rtl .col-sm-offset-1 {
    margin-right: 8.33333%;
    margin-left: 0;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .rtl .col-sm-offset-2 {
    margin-right: 16.66667%;
    margin-left: 0;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .rtl .col-sm-offset-3 {
    margin-right: 25%;
    margin-left: 0;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .rtl .col-sm-offset-4 {
    margin-right: 33.33333%;
    margin-left: 0;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .rtl .col-sm-offset-5 {
    margin-right: 41.66667%;
    margin-left: 0;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .rtl .col-sm-offset-6 {
    margin-right: 50%;
    margin-left: 0;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .rtl .col-sm-offset-7 {
    margin-right: 58.33333%;
    margin-left: 0;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .rtl .col-sm-offset-8 {
    margin-right: 66.66667%;
    margin-left: 0;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .rtl .col-sm-offset-9 {
    margin-right: 75%;
    margin-left: 0;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .rtl .col-sm-offset-10 {
    margin-right: 83.33333%;
    margin-left: 0;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
  .rtl .col-sm-offset-11 {
    margin-right: 91.66667%;
    margin-left: 0;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .rtl .col-sm-offset-12 {
    margin-right: 100%;
    margin-left: 0;
  }
}
.span1 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span1 {
    float: left;
    width: 8.33333%;
  }
  .rtl .span1 {
    float: right;
  }
}

.span2 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span2 {
    float: left;
    width: 16.66667%;
  }
  .rtl .span2 {
    float: right;
  }
}

.span3 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span3 {
    float: left;
    width: 25%;
  }
  .rtl .span3 {
    float: right;
  }
}

.span4 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span4 {
    float: left;
    width: 33.33333%;
  }
  .rtl .span4 {
    float: right;
  }
}

.span5 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span5 {
    float: left;
    width: 41.66667%;
  }
  .rtl .span5 {
    float: right;
  }
}

.span6 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span6 {
    float: left;
    width: 50%;
  }
  .rtl .span6 {
    float: right;
  }
}

.span7 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span7 {
    float: left;
    width: 58.33333%;
  }
  .rtl .span7 {
    float: right;
  }
}

.span8 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span8 {
    float: left;
    width: 66.66667%;
  }
  .rtl .span8 {
    float: right;
  }
}

.span9 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span9 {
    float: left;
    width: 75%;
  }
  .rtl .span9 {
    float: right;
  }
}

.span10 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span10 {
    float: left;
    width: 83.33333%;
  }
  .rtl .span10 {
    float: right;
  }
}

.span11 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span11 {
    float: left;
    width: 91.66667%;
  }
  .rtl .span11 {
    float: right;
  }
}

.span12 {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .span12 {
    float: left;
    width: 100%;
  }
  .rtl .span12 {
    float: right;
  }
}

.col4 > * {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .col4 > * {
    float: left;
    width: 25%;
  }
  .rtl .col4 > * {
    float: right;
  }
}
@media (min-width: 480px) {
  .col4 > * {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl .col4 > * {
    float: right;
  }
}

ul li {
  list-style: square;
}

ol li {
  list-style: decimal;
}

ul,
ol {
  margin: 0 0 15px 20px;
}
ul li,
ol li {
  list-style-position: outside;
  padding: 0;
}

.arrow-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.arrow-list li {
  list-style: none;
  position: relative;
  padding: 0 0 0 17px;
  margin: 0;
  color: #636a75;
}
.arrow-list li:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 7px;
  color: #636a75;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
}

h1,
.title-h1 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 34px;
  line-height: 40px;
  margin: 0 0 35px 0;
}
@media screen and (max-width: 767px) {
  h1,
  .title-h1 {
    font-size: 25px;
    line-height: 30px;
  }
}

h2,
.title-h2 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 32px;
  line-height: 34px;
  margin: 0 0 35px 0;
}
@media screen and (max-width: 767px) {
  h2,
  .title-h2 {
    font-size: 24px;
    line-height: 28px;
  }
}

h3,
.title-h3 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 20px 0;
}

h4,
.title-h4 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 20px 0;
}

h5,
.title-h5 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
}

h6,
.title-h6 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
}

a {
  transition: all 0.21s ease-out;
  color: inherit;
}
a, a:link, a:visited {
  text-decoration: underline;
}
a:active, a:hover {
  color: #3700fa;
  text-decoration: underline;
}

#tasks a {
  color: white;
}

.regular {
  font-family: "clear_sansregular", arial, sans-serif;
  font-weight: normal;
}

b,
strong {
  font-family: "clear_sansbold", arial, sans-serif;
  font-weight: normal;
}

.bold {
  font-family: "clear_sansbold", arial, sans-serif;
  font-weight: normal;
}

p {
  margin: 0 0 30px 0;
}

.special {
  font-family: "clear_sansregular", arial, sans-serif;
  font-weight: normal;
}
.special.light {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-weight: normal;
}
.special.bold {
  font-family: "clear_sansbold", arial, sans-serif;
  font-weight: normal;
}

input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: 0.23s ease-out;
  box-shadow: none;
  border-radius: 3px;
  display: inline-block;
  background: #ffffff;
  border: solid 1px #abb2bb;
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 15px;
  line-height: 40px;
  color: #52585f;
  text-align: left;
  padding: 0 16px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #abb2bb;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #abb2bb;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #abb2bb;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: #abb2bb;
}
input:disabled,
textarea:disabled,
select:disabled {
  background-color: #f4f6f7;
  border-color: #dedde4;
  color: #dedde4;
  cursor: not-allowed;
}

input[type=text],
input[type=password],
input[type=email] {
  height: 40px;
}

input[type=radio],
input[type=checkbox] {
  cursor: pointer;
  width: 18px;
  height: 18px;
  border: solid 1px #abb2bb;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
}
input[type=radio]:hover,
input[type=checkbox]:hover {
  border-color: #52585f;
}
.checkboxed > input[type=radio], input[type=radio]:checked, .checkboxed >
input[type=checkbox],
input[type=checkbox]:checked {
  background-image: url("../img/checkbox-checked.png");
}
input[type=radio]:disabled,
input[type=checkbox]:disabled {
  border-color: #dedde4;
  background-color: #f4f6f7;
}

input[type=radio] {
  border-radius: 50%;
}

input[type=file] {
  padding-top: 6px;
  padding-bottom: 7px;
}

select {
  width: 100%;
  padding-right: 5px;
  height: 40px;
  line-height: 38px;
}

.select-wrapper {
  position: relative;
  width: 100%;
  display: inline-block;
}
.select-wrapper::after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  overflow: hidden;
  pointer-events: none;
  text-align: center;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 36px;
  height: 38px;
  line-height: 40px;
  font-size: 12px;
  color: #3f4349;
  background-color: #ffffff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.select-wrapper select {
  width: 100%;
}
.form-disabled .select-wrapper::after {
  background-color: #f4f6f7;
  color: #dedde4;
}

.label-inline {
  display: inline;
}

.form-item,
.form-actions {
  margin-top: 24px;
  margin-bottom: 0;
}

.form-item {
  display: block;
}
.form-item:before, .form-item:after {
  content: " ";
  display: table;
}
.form-item:after {
  clear: both;
}
.form-item p {
  margin: 0 0 16px 0;
}
.form-item label,
.form-item small {
  color: #52585f;
  font-weight: normal;
  font-family: "clear_sansregular", arial, sans-serif;
  padding: 0;
}
.form-item small {
  margin-top: 8px;
}
.form-item .description {
  color: #ffffff;
  font-size: 12px;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .form-item .description {
    padding-left: 16.66667%;
    margin: 0 !important;
  }
}
.form-item label {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
  padding: 0 16px 0 0;
  margin: 0;
}
@media (min-width: 768px) {
  .form-item label {
    float: left;
    width: 33.33333%;
  }
  .rtl .form-item label {
    float: right;
  }
}
.form-item label + * + * {
  clear: both;
  padding: 0;
}
@media (min-width: 768px) {
  .form-item label + * + * {
    margin-left: 33.33333%;
  }
  .rtl .form-item label + * + * {
    margin-left: 0;
    margin-right: 33.33333%;
  }
}
.form-item label + .form-radios, .form-item label + .form-checkboxes {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  clear: none;
  padding: 0;
}
@media (min-width: 768px) {
  .form-item label + .form-radios, .form-item label + .form-checkboxes {
    float: left;
    width: 66.66667%;
  }
  .rtl .form-item label + .form-radios, .rtl .form-item label + .form-checkboxes {
    float: right;
  }
}
.form-item label + input,
.form-item label + textarea,
.form-item label + select,
.form-item label + .select-wrapper,
.form-item label + .form-textarea-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-item label + input,
  .form-item label + textarea,
  .form-item label + select,
  .form-item label + .select-wrapper,
  .form-item label + .form-textarea-wrapper {
    float: left;
    width: 66.66667%;
  }
}

@media screen and (min-width: 768px) {
  .form-actions {
    margin-left: 33.33333%;
  }
}

.form-radios .form-item,
.form-checkboxes .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.form-type-checkbox,
.form-type-radio {
  position: relative;
  padding-left: 24px;
}
.form-type-checkbox > input,
.form-type-radio > input {
  position: absolute;
  top: 6px;
  left: 0;
}
.form-type-checkbox > label,
.form-type-radio > label {
  display: block;
  float: none;
  width: 100%;
  padding: 0;
}

.form-item + .messages,
.form-file + .messages,
.captcha .messages {
  display: none;
}

.form-required {
  color: #52585f;
}

.grippie {
  display: none !important;
}

.form-actions .form-submit + .form-submit {
  margin-left: 20px;
}

.form-item.webform-component-date .webform-container-inline, .form-item.webform-component-webform_time .webform-container-inline {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .form-item.webform-component-date .webform-container-inline, .form-item.webform-component-webform_time .webform-container-inline {
    float: left;
    width: 83.33333%;
  }
  .rtl .form-item.webform-component-date .webform-container-inline, .rtl .form-item.webform-component-webform_time .webform-container-inline {
    float: right;
  }
}
.form-item.webform-component-date .webform-container-inline .form-item, .form-item.webform-component-webform_time .webform-container-inline .form-item {
  display: inline-block !important;
  padding: 0;
  margin: 0;
}
.form-item.webform-component-date .webform-container-inline .form-item .select-wrapper, .form-item.webform-component-webform_time .webform-container-inline .form-item .select-wrapper {
  min-width: 90px;
}
.form-item.webform-component-date .webform-container-inline .form-item .select-wrapper.month, .form-item.webform-component-date .webform-container-inline .form-item .select-wrapper.year, .form-item.webform-component-webform_time .webform-container-inline .form-item .select-wrapper.month, .form-item.webform-component-webform_time .webform-container-inline .form-item .select-wrapper.year {
  min-width: 90px;
}
.form-item.webform-component-date .webform-container-inline .form-item {
  padding-right: 10px;
}
.form-item.webform-component-date input.webform-calendar {
  background-color: transparent;
}
.form-item.webform-component-webform_time .webform-container-inline .form-item {
  padding-right: 0;
}
.form-item.webform-component-webform_time .webform-container-inline .form-item:nth-child(2) {
  padding-left: 4px;
}

.webform-component-select .form-type-checkboxes > label,
.webform-component-select .form-type-radios > label {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .webform-component-select .form-type-checkboxes > label,
  .webform-component-select .form-type-radios > label {
    float: left;
    width: 16.66667%;
  }
  .rtl .webform-component-select .form-type-checkboxes > label, .rtl
  .webform-component-select .form-type-radios > label {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .webform-component-select .form-type-checkboxes > label,
  .webform-component-select .form-type-radios > label {
    padding-left: 0;
  }
}
.webform-component-select .form-type-checkboxes + .form-type-textfield,
.webform-component-select .form-type-radios + .form-type-textfield {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .webform-component-select .form-type-checkboxes + .form-type-textfield,
  .webform-component-select .form-type-radios + .form-type-textfield {
    float: left;
    width: 83.33333%;
  }
  .rtl .webform-component-select .form-type-checkboxes + .form-type-textfield, .rtl
  .webform-component-select .form-type-radios + .form-type-textfield {
    float: right;
  }
}
@media (min-width: 768px) {
  .webform-component-select .form-type-checkboxes + .form-type-textfield,
  .webform-component-select .form-type-radios + .form-type-textfield {
    margin-left: 16.66667%;
  }
  .rtl .webform-component-select .form-type-checkboxes + .form-type-textfield, .rtl
  .webform-component-select .form-type-radios + .form-type-textfield {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}
@media screen and (min-width: 768px) {
  .webform-component-select .form-type-checkboxes + .form-type-textfield,
  .webform-component-select .form-type-radios + .form-type-textfield {
    padding-left: 0;
  }
}

.webform-component-agree > .form-item {
  position: relative;
  margin: 0 !important;
  padding-left: 30px;
}
.webform-component-agree > .form-item input {
  position: absolute;
  top: 7px;
  left: 0;
}
.webform-component-agree > .form-item label {
  float: none;
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .webform-component-agree {
    padding-left: 33.33333%;
  }
}
@media screen and (min-width: 992px) {
  .webform-component-agree.webform-component-agree-period > .form-item {
    float: left;
  }
}
@media screen and (min-width: 992px) {
  .webform-component-agree.webform-component-agree-period > .form-item.webform-component-select {
    padding-left: 0;
    margin-top: -5px !important;
  }
}
.webform-component-agree.webform-component-agree-period > .form-item.webform-component-select .select-wrapper {
  width: auto;
  padding-right: 40px;
}

.captcha {
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
}
.captcha:before, .captcha:after {
  content: " ";
  display: table;
}
.captcha:after {
  clear: both;
}
.captcha .g-recaptcha {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .captcha .g-recaptcha {
    margin-left: 33.33333%;
  }
  .rtl .captcha .g-recaptcha {
    margin-left: 0;
    margin-right: 33.33333%;
  }
}

html.js input.form-autocomplete {
  background-image: none;
}

button,
input[type=reset],
input[type=submit],
input[type=button],
.button {
  position: relative;
  display: inline-block;
  background: #3700fa;
  cursor: pointer;
  color: #ffffff;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  padding: 14px 40px;
  border-radius: 24px;
  border: 2px solid #3700fa;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  text-decoration: none;
  transition: all 0.23s ease-out;
}
button:visited, button:link,
input[type=reset]:visited,
input[type=reset]:link,
input[type=submit]:visited,
input[type=submit]:link,
input[type=button]:visited,
input[type=button]:link,
.button:visited,
.button:link {
  text-decoration: none;
}
button:hover, button:focus, button:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
.button:hover,
.button:focus,
.button:active {
  background: #2c00c7;
  border-color: #2c00c7;
  color: #ffffff;
  text-decoration: none;
}
button.light,
input[type=reset].light,
input[type=submit].light,
input[type=button].light,
.button.light {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #3700fa;
}
button.light:hover,
input[type=reset].light:hover,
input[type=submit].light:hover,
input[type=button].light:hover,
.button.light:hover {
  background-color: #3700fa;
  border-color: #3700fa;
  color: #ffffff;
}
button.small,
input[type=reset].small,
input[type=submit].small,
input[type=button].small,
.button.small {
  padding: 10px 20px;
}
button.bordered,
input[type=reset].bordered,
input[type=submit].bordered,
input[type=button].bordered,
.button.bordered {
  background: transparent;
  border: 1px solid #52585f;
  color: #52585f;
}
button.bordered:hover,
input[type=reset].bordered:hover,
input[type=submit].bordered:hover,
input[type=button].bordered:hover,
.button.bordered:hover {
  background: #52585f;
  color: #ffffff;
}
.ds-content-page .header button.bordered, .ds-content-page .header
input[type=reset].bordered, .ds-content-page .header
input[type=submit].bordered, .ds-content-page .header
input[type=button].bordered, .ds-content-page .header
.button.bordered {
  border-color: #979ea7;
  color: #979ea7;
}
.ds-content-page .header button.bordered:hover, .ds-content-page .header
input[type=reset].bordered:hover, .ds-content-page .header
input[type=submit].bordered:hover, .ds-content-page .header
input[type=button].bordered:hover, .ds-content-page .header
.button.bordered:hover {
  background-color: #979ea7;
  color: #ffffff;
}
button.bordered-blue,
input[type=reset].bordered-blue,
input[type=submit].bordered-blue,
input[type=button].bordered-blue,
.button.bordered-blue {
  background: transparent;
  border: 2px solid #3700fa;
  color: #3700fa;
}
button.bordered-blue:hover,
input[type=reset].bordered-blue:hover,
input[type=submit].bordered-blue:hover,
input[type=button].bordered-blue:hover,
.button.bordered-blue:hover {
  background: #3700fa;
  color: #ffffff;
}
button.video,
input[type=reset].video,
input[type=submit].video,
input[type=button].video,
.button.video {
  padding-right: 20px;
  padding-left: 40px;
}
button.video:before,
input[type=reset].video:before,
input[type=submit].video:before,
input[type=button].video:before,
.button.video:before {
  transition: all 0.23s ease-out;
  content: "";
  border-style: solid;
  border-width: 6px 0 6px 12px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 20px;
}
button.video:hover:before,
input[type=reset].video:hover:before,
input[type=submit].video:hover:before,
input[type=button].video:hover:before,
.button.video:hover:before {
  border-color: transparent transparent transparent #ffffff;
}
button.video.bordered:before,
input[type=reset].video.bordered:before,
input[type=submit].video.bordered:before,
input[type=button].video.bordered:before,
.button.video.bordered:before {
  border-color: transparent transparent transparent #52585f;
}
button.video.bordered:hover:before,
input[type=reset].video.bordered:hover:before,
input[type=submit].video.bordered:hover:before,
input[type=button].video.bordered:hover:before,
.button.video.bordered:hover:before {
  border-color: transparent transparent transparent #ffffff;
}
button.video.bordered-blue:before, .ds-content-page .header button.video.bordered-blue:before,
input[type=reset].video.bordered-blue:before, .ds-content-page .header
input[type=reset].video.bordered-blue:before,
input[type=submit].video.bordered-blue:before, .ds-content-page .header
input[type=submit].video.bordered-blue:before,
input[type=button].video.bordered-blue:before, .ds-content-page .header
input[type=button].video.bordered-blue:before,
.button.video.bordered-blue:before, .ds-content-page .header
.button.video.bordered-blue:before {
  border-color: transparent transparent transparent #3700fa;
}
button.video.bordered-blue:hover:before, .ds-content-page .header button.video.bordered-blue:hover:before,
input[type=reset].video.bordered-blue:hover:before, .ds-content-page .header
input[type=reset].video.bordered-blue:hover:before,
input[type=submit].video.bordered-blue:hover:before, .ds-content-page .header
input[type=submit].video.bordered-blue:hover:before,
input[type=button].video.bordered-blue:hover:before, .ds-content-page .header
input[type=button].video.bordered-blue:hover:before,
.button.video.bordered-blue:hover:before, .ds-content-page .header
.button.video.bordered-blue:hover:before {
  border-color: transparent transparent transparent #ffffff;
}
.ds-content-page .header button.video:before, .ds-content-page .header
input[type=reset].video:before, .ds-content-page .header
input[type=submit].video:before, .ds-content-page .header
input[type=button].video:before, .ds-content-page .header
.button.video:before {
  border-color: transparent transparent transparent #979ea7;
}
.ds-content-page .header button.video:hover:before, .ds-content-page .header
input[type=reset].video:hover:before, .ds-content-page .header
input[type=submit].video:hover:before, .ds-content-page .header
input[type=button].video:hover:before, .ds-content-page .header
.button.video:hover:before {
  border-color: transparent transparent transparent #ffffff;
}
button.training,
input[type=reset].training,
input[type=submit].training,
input[type=button].training,
.button.training {
  position: relative;
  padding-right: 16px;
  padding-left: 40px;
}
button.training:before,
input[type=reset].training:before,
input[type=submit].training:before,
input[type=button].training:before,
.button.training:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 20px;
  font-size: 15px;
  margin-top: -7px;
  color: inherit;
}
button.training:before:hover,
input[type=reset].training:before:hover,
input[type=submit].training:before:hover,
input[type=button].training:before:hover,
.button.training:before:hover {
  color: inherit;
}

table {
  margin: 0 0 30px 0;
}
table[style*=width] {
  width: 100% !important;
}
table td,
table th {
  padding: 8px 4px;
}
table thead tr {
  background-color: #00336a;
}
table thead tr td,
table thead tr th {
  color: #ffffff;
  font-family: "clear_sansbold", arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 5px 4px;
}
table tbody tr {
  border-bottom: solid 1px #4d5b69;
}

.drupal-messages,
div.messages {
  display: block;
  border: none;
  margin: 0;
  padding: 0;
}
.drupal-messages a,
div.messages a {
  color: inherit;
}
.drupal-messages ul,
div.messages ul {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.drupal-messages ul:before, .drupal-messages ul:after,
div.messages ul:before,
div.messages ul:after {
  content: " ";
  display: table;
}
.drupal-messages ul:after,
div.messages ul:after {
  clear: both;
}
@media (min-width: 768px) {
  .drupal-messages ul,
  div.messages ul {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.drupal-messages li,
div.messages li {
  display: block;
}
.drupal-messages li + li,
div.messages li + li {
  margin-top: 20px;
}

div.messages {
  padding: 20px 10px;
}
div.messages, div.messages.notice {
  background: #6798af;
  color: #ffffff;
}
div.messages.success {
  background: #7a9e44;
  color: #ffffff;
}
div.messages.warning {
  background: #bbb74e;
  color: #ffffff;
}
div.messages.error {
  background: #b94512;
  color: #ffffff;
}

.krumo-root,
.krumo-root * {
  color: #121213;
}
.krumo-root > ul {
  margin: 0;
}

.devel-querylog a {
  color: black;
}

.grid-box {
  position: relative;
  float: left;
  height: 0;
  cursor: pointer;
  width: 100%;
  padding-bottom: 100%;
  text-align: left;
}
@media screen and (min-width: 480px) and (max-width: 1099px) {
  .grid-box {
    width: 50%;
    padding-bottom: 50%;
  }
}
@media screen and (min-width: 1100px) {
  .grid-box {
    width: 33.33333%;
    padding-bottom: 33.33333%;
  }
}
.grid-box .ds-content {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.grid-box .ds-content:before {
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.83) 100%);
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.83) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#D4000000', GradientType=0);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.grid-box .ds-content:after {
  transition: all 0.21s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
  content: " ";
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 11;
}
.grid-box .ds-content .grid-content {
  position: absolute;
  bottom: 24px;
  left: 38px;
  right: 38px;
  top: auto;
  z-index: 12;
  color: #ffffff;
}
.grid-box .ds-content .grid-content a,
.grid-box .ds-content .grid-content span.date {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 13px;
  line-height: 24px;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  position: relative;
}
.grid-box .ds-content .grid-content a + .date {
  margin-left: 4px;
}
.grid-box .ds-content .grid-content a + .date:before {
  content: "|";
  display: inline-block;
  margin-right: 4px;
}
.grid-box .ds-content .grid-content h2 {
  color: #ffffff;
  font-size: 17px;
  line-height: 20px;
  margin: -6px 0 0 0;
}
.grid-box .ds-content:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.grid-box + .item-list-pager {
  float: right;
  padding-right: 9px;
  margin-top: 30px;
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
}

body {
  background: #edf0f2;
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 17px;
  line-height: 32px;
  font-weight: 400;
  color: #52585f;
}
@media screen and (max-width: 767px) {
  body {
    overflow: auto !important;
  }
}

#header {
  transition: all 0.21s ease-out;
  position: fixed;
  display: block;
  background: transparent;
  color: #3f4349;
  z-index: 500;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1440px;
  width: 100%;
  height: 80px;
  margin: auto;
}
#header.detached {
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: -80px;
}
#header.detached.visible {
  margin-top: 0;
}
#header .container {
  background: #fff;
  position: relative;
  display: block;
  max-width: 100%;
  padding-left: 137px;
  padding-right: 0;
  box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.2);
}
#header .logo {
  position: absolute;
  display: block;
  z-index: 10;
  font-size: 0;
  line-height: 0;
  top: 0;
  left: 32px;
}
#header .logo + * {
  display: block;
}
#header .logo:before {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 27px;
}
#header .logo img {
  transition: all 0.21s ease-out;
  height: 107px;
}
#header .header-region {
  display: block;
  height: 80px;
}
#header .header-region:after {
  content: " ";
  display: table;
  width: 100%;
  height: 0;
  clear: both;
}
#header .header-region-left,
#header .header-region-right {
  transition: all 0.21s ease-out;
  display: inline-block;
  vertical-align: top;
  height: 80px;
  white-space: normal;
  font-size: 14px;
}
#header .header-region-left .contextual-links-region,
#header .header-region-right .contextual-links-region {
  position: static;
}
#header .header-region-left {
  float: left;
}
#header .header-region-left > div {
  display: block;
}
#header .header-region-right {
  text-align: right;
  float: right;
}
#header .header-region-right > div {
  vertical-align: top;
  float: left;
}
@media screen and (min-width: 768px) {
  .has-sidebar #header {
    padding-right: 320px;
  }
}
@media screen and (min-width: 1024px) {
  .has-sidebar #header {
    padding-right: 400px;
  }
}
#header #mobile-menu-toggle {
  transition: all 0.23s ease-out;
  padding: 0 48px 0 0;
  position: absolute;
  cursor: pointer;
  vertical-align: middle;
  top: 50%;
  right: 16px;
  margin-top: -20px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 14px;
  line-height: 40px;
  display: none;
}
#header #mobile-menu-toggle .menu-icon {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 16px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  display: inline-block;
}
#header #mobile-menu-toggle .menu-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 22px;
  background: #52585f;
  opacity: 1;
  left: 9px;
  top: 19px;
  transform: rotate(0deg);
  transition: all 0.23s ease-out;
}
#header #mobile-menu-toggle .menu-icon span:nth-child(1) {
  top: 14px;
}
#header #mobile-menu-toggle .menu-icon span:nth-child(2), #header #mobile-menu-toggle .menu-icon #nav-icon3 span:nth-child(3) {
  top: 19px;
}
#header #mobile-menu-toggle .menu-icon span:nth-child(4) {
  top: 24px;
  width: 11px;
  right: 9px;
  left: auto;
}
#header #mobile-menu-toggle:hover .menu-icon span:nth-child(4) {
  width: 22px;
}
#header #mobile-menu-toggle:hover {
  color: #32363b;
}
@media screen and (max-width: 768px) {
  #header .container {
    position: static !important;
  }
  #header .header-region-right > div:first-child {
    display: none !important;
  }
  #header .header-region-right .target-selector {
    display: none;
  }
  #header .header-region-right .notifications-download {
    position: absolute;
    right: 110px;
  }
}
.show-mobile-menu-toggle #header.sexy-menu #mobile-menu-toggle {
  display: block !important;
}
@media screen and (max-width: 768px) {
  #header {
    height: 50px;
  }
  #header .search-link,
  #header .header-region-left {
    display: none !important;
  }
  #header.detached {
    margin-top: -50px;
  }
  #header .logo {
    left: 16px;
  }
  #header .logo img {
    width: 51px;
    height: 67px;
  }
  #header #mobile-menu-toggle {
    right: 16px;
    display: block !important;
  }
  #header .container {
    padding-left: 83px;
  }
  #header .header-region,
  #header .header-region-left,
  #header .header-region-right {
    height: 50px;
  }
}

#content-wrapper {
  position: relative;
  display: block;
  background: #ffffff;
  max-width: 1440px;
  margin: auto;
  overflow: hidden;
  box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.2);
}

.front #content-pre > .contextual-links-region > .contextual-links-wrapper {
  display: none !important;
}
#content-pre .block-carousel > h3 {
  display: none;
}
#content-pre .block-carousel ul,
#content-pre .block-carousel li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content-pre .block-carousel li {
  display: none;
}
#content-pre .block-carousel li.first {
  display: block;
}

#content {
  width: 100%;
}

#content-inner #content-left {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  #content-inner #content-left {
    float: left;
    width: 25%;
  }
  .rtl #content-inner #content-left {
    float: right;
  }
}
#content-inner #content-left + #content-container {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  #content-inner #content-left + #content-container {
    float: left;
    width: 75%;
  }
  .rtl #content-inner #content-left + #content-container {
    float: right;
  }
}

#content-container > .page-title {
  position: relative;
  margin-top: 40px;
}
#content-container > .page-title:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
}
.rtl #content-container > .page-title:after {
  margin-left: 0;
  margin-right: 12px;
}
@media (min-width: 768px) {
  #content-container > .page-title {
    margin-top: 0;
  }
}

#sidebar {
  background: #f4f6f7;
}

#footer {
  position: relative;
  display: block;
  background: #32363b;
  color: #ffffff;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.2);
}
#footer .container.footer-bottom {
  padding: 50px 24px;
}
@media screen and (min-width: 768px) {
  #footer .container.footer-bottom {
    padding: 68px 4px 120px 4px;
    width: 83.33333%;
    margin-left: 8.33333%;
  }
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-left,
  #footer .footer-bottom-mid,
  #footer .footer-bottom-right {
    float: left;
    padding: 0 4px;
  }
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-left,
  #footer .footer-bottom-mid {
    width: 30%;
  }
}
#footer .footer-bottom-left {
  padding-left: 8px;
}
#footer .footer-bottom-left ul.menu,
#footer .footer-bottom-left ul.links {
  display: none;
}
#footer .footer-bottom-left ul.menu li,
#footer .footer-bottom-left ul.links li {
  font-size: 16px;
  color: #ffffff;
  line-height: 40px;
}
#footer .footer-bottom-left ul.menu li a,
#footer .footer-bottom-left ul.links li a {
  color: #ffffff;
  text-decoration: none;
}
#footer .footer-bottom-left ul.menu li a:hover,
#footer .footer-bottom-left ul.links li a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-left ul.menu,
  #footer .footer-bottom-left ul.links {
    display: block;
  }
}
#footer .footer-bottom-left .block-country-switcher {
  display: none;
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-left .block-country-switcher {
    display: block;
    margin-top: 80px;
  }
}
#footer .footer-bottom-mid .block-footer-menu ul.menu {
  font-size: 0;
}
#footer .footer-bottom-mid .block-footer-menu ul.menu li {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 14px;
}
#footer .footer-bottom-mid .block-footer-menu ul.menu li:nth-child(odd) {
  padding-right: 4px;
}
#footer .footer-bottom-mid .block-footer-menu ul.menu li:nth-child(even) {
  padding-left: 4px;
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-mid .block-footer-menu ul.menu li {
    display: block;
    width: auto;
  }
  #footer .footer-bottom-mid .block-footer-menu ul.menu li:nth-child(odd) {
    padding-right: 0;
  }
  #footer .footer-bottom-mid .block-footer-menu ul.menu li:nth-child(even) {
    padding-left: 0;
  }
}
#footer .footer-bottom-right {
  padding-right: 8px;
  padding-top: 40px;
  text-align: center;
}
#footer .footer-bottom-right .logo {
  max-width: 56px;
  display: none;
  float: right;
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-right .logo + div {
    float: right;
  }
}
#footer .footer-bottom-right .logo + div ~ div {
  clear: both;
}
#footer .footer-bottom-right .logo + div ~ div:before, #footer .footer-bottom-right .logo + div ~ div:after {
  content: " ";
  display: table;
}
#footer .footer-bottom-right .logo + div ~ div:after {
  clear: both;
}
#footer .footer-bottom-right .reynaers-group-logo {
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-right .reynaers-group-logo {
    margin-top: 80px;
  }
}
#footer .footer-bottom-right #project-subscribe-cta-wrapper-footer {
  padding: 8px 0 0 0;
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-right #project-subscribe-cta-wrapper-footer {
    padding: 8px 16px 0 0;
  }
}
#footer .footer-bottom-right #project-subscribe-cta-wrapper-footer a {
  display: block;
  padding: 12px;
  background-color: #3f4349;
  border-radius: 3px;
  font-size: 14px;
  line-height: 16px;
  color: #cfd3d9;
  cursor: pointer;
  text-decoration: none;
}
#footer .footer-bottom-right #project-subscribe-cta-wrapper-footer a:hover {
  color: #ffffff;
}
#footer .footer-bottom-right h3 {
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  margin: 0;
}
#footer .footer-bottom-right .block-country-switcher-mobile {
  text-align: left;
  margin-top: 32px;
}
#footer .footer-bottom-right .block-country-switcher-mobile .current-country,
#footer .footer-bottom-right .block-country-switcher-mobile .language-switcher {
  float: left;
  margin: 0;
  width: 100%;
}
#footer .footer-bottom-right .block-country-switcher-mobile .current-country {
  padding-right: 8px;
  max-width: 57%;
}
@media screen and (min-width: 480px) {
  #footer .footer-bottom-right .block-country-switcher-mobile .current-country {
    max-width: 68%;
  }
}
#footer .footer-bottom-right .block-country-switcher-mobile .language-switcher {
  padding: 0 0 0 8px;
  max-width: 43%;
  text-align: right;
}
@media screen and (min-width: 480px) {
  #footer .footer-bottom-right .block-country-switcher-mobile .language-switcher {
    max-width: 32%;
  }
}
#footer .footer-bottom-right > div:nth-last-child(3) {
  clear: both;
}
@media screen and (min-width: 768px) {
  #footer .footer-bottom-right {
    width: 40%;
    text-align: right;
    padding-top: 0;
  }
  #footer .footer-bottom-right .logo {
    display: inline-block;
  }
  #footer .footer-bottom-right .block-country-switcher-mobile {
    display: none;
  }
}
#footer .block-find-us-on {
  width: 100%;
  float: left;
}
#footer .block-find-us-on li {
  margin-top: 30px;
}
#footer .copyright-wrapper {
  margin-top: 56px;
  color: #636a75;
  font-size: 15px;
  line-height: 24px;
}
#footer .copyright-wrapper p {
  margin: 0;
}

#project-subscribe-form-wrapper-footer {
  position: relative;
  margin-top: 8px;
}
#project-subscribe-form-wrapper-footer div.messages.error {
  text-align: left;
}
#project-subscribe-form-wrapper-footer form {
  position: relative;
}
#project-subscribe-form-wrapper-footer .form-item {
  margin: 0;
}
#project-subscribe-form-wrapper-footer .form-item input[type="text"] {
  padding-right: 40px;
  width: 100%;
  max-width: none !important;
}
#project-subscribe-form-wrapper-footer .ajax-progress {
  margin: 0;
  position: absolute;
  top: 1px;
  right: 0;
  height: 40px;
  width: 40px;
  z-index: 11;
}
#project-subscribe-form-wrapper-footer .ajax-progress .throbber {
  background-image: url(../img/ajax-loader.gif);
  background-position: center center;
  background-color: #ffffff;
  float: none;
  height: 40px;
  width: 40px;
  margin: 0;
}
#project-subscribe-form-wrapper-footer .ajax-progress .message {
  display: none;
}
#project-subscribe-form-wrapper-footer .form-actions {
  position: absolute;
  top: 0;
  right: 1px;
  padding: 0;
  margin: 0;
  height: 40px;
  width: 40px;
  cursor: pointer;
}
#project-subscribe-form-wrapper-footer .form-actions::after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  width: 40px;
  color: #52585f;
  font-size: 20px;
  pointer-events: none;
  text-align: center;
  z-index: 10;
}
#project-subscribe-form-wrapper-footer .form-actions input[type="submit"] {
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 0;
  height: 40px;
  width: 40px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #project-subscribe-form-wrapper-footer {
    margin-top: 26px;
  }
}

#mobile-menu {
  transform: translateZ(0);
  transition: all 0.21s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  background: transparent;
  display: block;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}
#mobile-menu .content {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  display: block;
  background: #ffffff;
  padding: 56px 0 24px;
  z-index: 10;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  font-size: 13px;
  line-height: 16px;
  -webkit-overflow-scrolling: touch;
}
#mobile-menu .content .country-language-switcher,
#mobile-menu .content .block-new-search-link {
  background-color: #ffffff;
  display: block;
  padding-left: 24px;
  padding-right: 24px;
}
#mobile-menu .content .country-language-switcher {
  padding-top: 24px;
  padding-bottom: 24px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
}
#mobile-menu .content .block-new-search-link {
  border-top: 1px solid #e5e8ec;
}
#mobile-menu .content > a,
#mobile-menu .content > a.button {
  color: #52585f;
  text-transform: none;
}
#mobile-menu .content > a *,
#mobile-menu .content > a.button * {
  padding: 0;
  font-family: "clear_sans_lightregular", arial, sans-serif;
}
#mobile-menu .content > a *:before,
#mobile-menu .content > a.button *:before {
  display: none;
}
#mobile-menu .content > a {
  width: 100%;
  position: relative;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  display: block;
  border-top: 1px solid #e5e8ec;
  padding: 18px 16px 21px 26px;
  background: #ffffff;
}
#mobile-menu .content > a:before {
  content: "";
  position: absolute;
  background: #3700fa;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  transition: all 0.23s ease-out;
}
#mobile-menu .content > a.active, #mobile-menu .content > a:hover {
  color: #3f4349;
}
#mobile-menu .content > a.active:before, #mobile-menu .content > a:hover:before {
  left: 0;
}
.page-splash #mobile-menu .content > a.active:before, .page-splash #mobile-menu .content > a:hover:before {
  left: -4px;
}
#mobile-menu .content > a.home-link {
  color: #3f4349;
  padding: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px 20px 0 26px;
}
#mobile-menu .content > a.home-link:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: relative;
  background: transparent;
  color: #3f4349;
  width: 16px;
  height: 16px;
  left: auto;
  top: auto;
  font-size: 16px;
}
#mobile-menu .content .icon-close, #mobile-menu .content #colorbox #cboxClose:before, #colorbox #mobile-menu .content #cboxClose:before, #mobile-menu .content #ip-redirect-wrapper .decline-redirection:before, #ip-redirect-wrapper #mobile-menu .content .decline-redirection:before {
  transition: all 0.21s ease-out;
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  right: 0;
  padding: 20px 20px 0 0;
  font-size: 16px;
}
#mobile-menu .content .icon-close:hover, #mobile-menu .content #colorbox #cboxClose:hover:before, #colorbox #mobile-menu .content #cboxClose:hover:before, #mobile-menu .content #ip-redirect-wrapper .decline-redirection:hover:before, #ip-redirect-wrapper #mobile-menu .content .decline-redirection:hover:before {
  color: #52585f;
}
.show-mobile-menu #mobile-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 0;
}
#mobile-menu .country-language-switcher .country-switcher {
  left: 23px;
}
#mobile-menu .country-language-switcher a,
#mobile-menu .country-language-switcher .current-country a {
  font-size: 16px;
}
#mobile-menu .country-language-switcher a,
#mobile-menu .country-language-switcher .current-country a {
  color: #3700fa;
}
#mobile-menu .country-language-switcher a:hover, #mobile-menu .country-language-switcher a.active,
#mobile-menu .country-language-switcher .current-country a:hover,
#mobile-menu .country-language-switcher .current-country a.active {
  color: #32363b;
}
#mobile-menu .country-language-switcher .current-country a:before {
  font-size: 7px;
}
#mobile-menu .country-language-switcher .current-country a:before:hover {
  color: #32363b;
}
#mobile-menu .target-selector {
  width: 100%;
  max-width: none;
}
#mobile-menu .target-selector .target-selector-wrap {
  border-left: none;
  width: 100%;
  height: 66px;
  max-width: none;
}
#mobile-menu .target-selector .target-selector-wrap .target-selector-text {
  padding-left: 26px;
}
#mobile-menu .target-selector:before {
  line-height: 66px;
  right: 20px;
}
#mobile-menu .target-selector .target-selector-menu {
  background-color: #f4f6f7;
  position: relative;
  border-bottom: none;
}
#mobile-menu .target-selector .target-selector-menu ul.links > li a {
  border-left: none;
  padding-left: 26px;
}
#mobile-menu .target-selector .target-selector-menu ul.links > li a:before {
  left: -4px;
}
#mobile-menu .target-selector .target-selector-menu ul.links > li:hover a:before, #mobile-menu .target-selector .target-selector-menu ul.links > li.active a:before {
  left: 0;
}
#mobile-menu .target-selector.extranet-user-menu.active {
  background-color: #ffffff;
}
#mobile-menu .target-selector.extranet-user-menu .target-selector-menu > a.my-account {
  padding-left: 24px;
}

#mobile-menu-overlay {
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  display: none;
  background: #000000;
  z-index: 9;
  top: 0;
  right: 0;
  width: 200%;
  height: 100%;
}
.show-mobile-menu #mobile-menu-overlay {
  display: block;
}

#toolbar,
#tasks,
#header,
#content-wrapper,
#footer {
  transition: all 0.21s ease-out;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.ds-content-page .header > .clearfix {
  background: #32363b;
  color: #ffffff;
}
.ds-content-page .header > .clearfix h1,
.ds-content-page .header > .clearfix h2,
.ds-content-page .header > .clearfix h3,
.ds-content-page .header > .clearfix h4,
.ds-content-page .header > .clearfix h5,
.ds-content-page .header > .clearfix h6 {
  color: #ffffff;
}
.ds-content-page .header > .clearfix .title-line {
  margin-bottom: 0;
}
.ds-content-page .header > .clearfix .title-line:after {
  background: #818992;
}
.ds-content-page .header > .clearfix .header-wrapper {
  padding-top: 36px;
}
.ds-content-page .header > .clearfix .header-wrapper p:first-child {
  margin-top: 0;
}
.ds-content-page .header > .clearfix > * {
  padding-top: 52px;
  padding-bottom: 48px;
}
.ds-content-page .header > .clearfix > * + * {
  margin-top: -96px;
}
@media (min-width: 768px) {
  .ds-content-page .header > .clearfix > * {
    padding-top: 72px;
    padding-bottom: 48px;
  }
  .ds-content-page .header > .clearfix > * + * {
    margin-top: 0;
  }
}
.ds-content-page .header > .clearfix > *.left, .ds-content-page .header > .clearfix > *.right, .ds-content-page .header > .clearfix > *.center {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  z-index: 0;
}
.ds-content-page .header > .clearfix > *.left:before, .ds-content-page .header > .clearfix > *.left:after, .ds-content-page .header > .clearfix > *.right:before, .ds-content-page .header > .clearfix > *.right:after, .ds-content-page .header > .clearfix > *.center:before, .ds-content-page .header > .clearfix > *.center:after {
  content: " ";
  display: table;
}
.ds-content-page .header > .clearfix > *.left:after, .ds-content-page .header > .clearfix > *.right:after, .ds-content-page .header > .clearfix > *.center:after {
  clear: both;
}
@media (min-width: 768px) {
  .ds-content-page .header > .clearfix > *.left, .ds-content-page .header > .clearfix > *.right, .ds-content-page .header > .clearfix > *.center {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.ds-content-page .header > .clearfix > *.center {
  margin-left: 0;
  margin-right: 0;
  text-align: initial;
}
@media screen and (min-width: 992px) {
  .ds-content-page .header > .clearfix > *.center {
    max-width: 50%;
  }
}
.ds-content-page .header > .clearfix .button {
  margin-right: 16px;
}
.ds-content-page .header > .clearfix .button:last-child {
  margin-right: 0;
}
.rtl .ds-content-page .header > .clearfix .button {
  margin-right: 0;
  margin-left: 16px;
}
.rtl .ds-content-page .header > .clearfix .button:last-child {
  margin-left: 0;
}
.ds-content-page .content {
  padding-top: 64px;
  padding-bottom: 64px;
}
.extranet-product-overview .ds-content-page .center p {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  color: #818992;
  margin-top: 36px;
}
.ds-content-page.light .header > .clearfix {
  background: #ffffff;
  color: #52585f;
}
.ds-content-page.light .header > .clearfix h1,
.ds-content-page.light .header > .clearfix h2,
.ds-content-page.light .header > .clearfix h3,
.ds-content-page.light .header > .clearfix h4,
.ds-content-page.light .header > .clearfix h5,
.ds-content-page.light .header > .clearfix h6 {
  color: #3f4349;
}
.ds-content-page.light .header > .clearfix .title-line:after {
  background: #3700fa;
}

.ds-content-page-two-col .breadcrumb {
  padding: 0;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .ds-content-page-two-col .breadcrumb {
    padding-bottom: 80px;
  }
}
.ds-content-page-two-col .left p {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  color: #818992;
  margin-top: 36px;
}
.ds-content-page-two-col .left h1 + p,
.ds-content-page-two-col .left h1 + .button,
.ds-content-page-two-col .left h2 + p,
.ds-content-page-two-col .left h2 + .button,
.ds-content-page-two-col .left h3 + p,
.ds-content-page-two-col .left h3 + .button,
.ds-content-page-two-col .left h4 + p,
.ds-content-page-two-col .left h4 + .button,
.ds-content-page-two-col .left h5 + p,
.ds-content-page-two-col .left h5 + .button,
.ds-content-page-two-col .left h6 + p,
.ds-content-page-two-col .left h6 + .button {
  margin-top: 26px;
}
.ds-content-page-two-col .left .pricing-wrapper {
  margin-top: 52px;
}
.ds-content-page-two-col .left .pricing-wrapper p {
  margin: 0;
}
.ds-content-page-two-col .left,
.ds-content-page-two-col .right {
  font-size: 17px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .ds-content-page-two-col .left,
  .ds-content-page-two-col .right {
    padding-bottom: 136px !important;
  }
}
.ds-content-page-two-col .right {
  pointer-events: none;
}
.ds-content-page-two-col .right * {
  pointer-events: auto;
}
.ds-content-page-two-col .right.has-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 0;
  padding-bottom: 50%;
}
@media (max-width: 767px) {
  .ds-content-page-two-col .right.has-image {
    margin-top: -48px !important;
  }
}
.ds-content-page-two-col .right.has-contact-person.has-image {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 52px;
  padding-bottom: 72px !important;
}
.ds-content-page-two-col .right.has-contact-person.has-image:before {
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.83) 100%);
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.83) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#D4000000', GradientType=0);
  content: " ";
  display: block;
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .ds-content-page-two-col .right.has-contact-person.has-image {
    padding-top: 30%;
    padding-bottom: 36px !important;
  }
  .ds-content-page-two-col .right.has-contact-person.has-image:before {
    top: 0;
  }
}
.ds-content-page-two-col .right .contact-person-title {
  margin-bottom: 32px;
}
.ds-content-page-two-col .right .contact-person {
  font-size: 14px;
}
.ds-content-page-two-col .right .contact-person .name {
  font-family: "clear_sansbold", arial, sans-serif;
  margin-bottom: 8px;
}
.ds-content-page-two-col .right .contact-person .phone,
.ds-content-page-two-col .right .contact-person .email {
  display: block;
  color: #818992;
  text-decoration: none;
  line-height: 24px;
}
.ds-content-page-two-col .right .contact-person .phone:hover,
.ds-content-page-two-col .right .contact-person .email:hover {
  color: #ffffff;
}
.ds-content-page-two-col.light .left p {
  color: #52585f;
}

.product-detail .product-header,
.product-detail .product-header-bottom,
.product-detail .product-footer {
  background-color: #ffffff;
}
.product-detail .product-content {
  background-color: #f4f6f7;
}
.product-detail .product-header {
  padding-bottom: 16px;
}
.product-detail .product-header .title-line {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 34px;
  line-height: 1.2;
  margin: 0 0 16px 0;
}
.product-detail .product-header .title-line:after {
  margin-left: 29px;
  top: -12px;
}
.product-detail .product-header h3 {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  margin: 0 0 24px;
}
.product-detail .product-header .product-intro {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 17px;
  line-height: 24px;
  color: #52585f;
  padding-top: 12px;
}
.product-detail .product-header .read-more-arrow {
  margin-top: 78px;
  cursor: pointer;
  display: inline-block;
}
.product-detail .product-header .read-more-arrow:before {
  transform: rotate(90deg);
  font-size: 20px;
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .product-detail .product-header {
    padding-bottom: 32px;
  }
}
.product-detail .product-header-left,
.product-detail .product-header-bottom-left {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .product-detail .product-header-left,
  .product-detail .product-header-bottom-left {
    float: left;
    width: 41.66667%;
  }
  .rtl .product-detail .product-header-left, .rtl
  .product-detail .product-header-bottom-left {
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .product-detail .product-header-left,
  .product-detail .product-header-bottom-left {
    padding-left: 0;
  }
}
.product-detail .product-header-left {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .product-detail .product-header-left {
    padding-top: 80px;
  }
}
.product-detail .product-header-right {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .product-detail .product-header-right {
    float: left;
    width: 41.66667%;
  }
  .rtl .product-detail .product-header-right {
    float: right;
  }
}
@media (min-width: 992px) {
  .product-detail .product-header-right {
    margin-left: 16.66667%;
  }
  .rtl .product-detail .product-header-right {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}
.product-detail .product-header-right .product-images {
  text-align: center;
}
.product-detail .product-header-right .product-images .swiper {
  position: relative;
}
.product-detail .product-header-right .product-images .swiper::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 1px solid #fff;
}
.product-detail .product-header-right .product-images .swiper.bullets + .swiper-pagination + .swiper-arrows {
  float: right;
}
.product-detail .product-header-right .product-images img {
  max-height: 400px;
  width: auto;
}
@media screen and (min-width: 992px) {
  .product-detail .product-header-right .product-images img {
    max-height: none;
    max-width: 100%;
  }
}
.product-detail .product-header-right .swiper-products {
  overflow: hidden;
  max-height: 400px;
}
.product-detail .product-header-right .swiper-products .swiper-slide {
  max-height: 400px;
}
.product-detail .product-header-right .swiper-products .swiper-slide img {
  max-height: 400px;
  width: auto;
}
@media screen and (min-width: 992px) {
  .product-detail .product-header-right .swiper-products {
    max-height: 532px;
  }
  .product-detail .product-header-right .swiper-products .swiper-slide {
    max-height: 532px;
  }
  .product-detail .product-header-right .swiper-products .swiper-slide img {
    max-height: 532px;
  }
}
.product-detail .product-header-right .product-images-more {
  text-align: right;
  font-size: 14px;
  line-height: 30px;
  padding-right: 95px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
}
.product-detail .product-header-right .product-images-more a {
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  .product-detail .product-header-right {
    padding-right: 0;
  }
}
.product-detail .product-header-bottom {
  clear: both;
  overflow: hidden;
  padding-top: 32px;
  padding-bottom: 32px;
}
.product-detail .product-header-bottom:before, .product-detail .product-header-bottom:after {
  content: " ";
  display: table;
}
.product-detail .product-header-bottom:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .product-detail .product-header-bottom {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.product-detail .product-header-bottom-left .accessories {
  margin-top: 32px;
}
@media screen and (min-width: 992px) {
  .product-detail .product-header-bottom-left .accessories {
    margin-top: 72px;
  }
}
.product-detail .product-header-bottom-left .accessories .title-line {
  line-height: 32px;
  margin-bottom: 13px;
}
.product-detail .product-header-bottom-left .accessories .title-line:after {
  background: #818992;
  width: 24px;
  height: 2px;
  top: -11px;
}
.product-detail .product-header-bottom-left .accessories ul,
.product-detail .product-header-bottom-left .accessories li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-detail .product-header-bottom-left .accessories li {
  color: #636a75;
  font-size: 14px;
  line-height: 24px;
}
.product-detail .product-header-bottom-right {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 32px;
}
@media (min-width: 992px) {
  .product-detail .product-header-bottom-right {
    float: left;
    width: 33.33333%;
  }
  .rtl .product-detail .product-header-bottom-right {
    float: right;
  }
}
@media (min-width: 992px) {
  .product-detail .product-header-bottom-right {
    margin-left: 25%;
  }
  .rtl .product-detail .product-header-bottom-right {
    margin-left: 0;
    margin-right: 25%;
  }
}
@media screen and (min-width: 992px) {
  .product-detail .product-header-bottom-right {
    padding-top: 0;
    padding-right: 0;
  }
}
.product-detail .product-content {
  padding-top: 32px;
  padding-bottom: 48px;
}
@media screen and (min-width: 992px) {
  .product-detail .product-content {
    padding-top: 72px;
    padding-bottom: 96px;
  }
}
.product-detail .product-content .title-line {
  font-size: 20px;
  color: #3f4349;
  margin-bottom: 16px;
}
.product-detail .product-content .title-line:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  background: #818992;
}
.rtl .product-detail .product-content .title-line:after {
  margin-left: 0;
  margin-right: 8px;
}
.product-detail .product-content .col-download {
  margin-top: 24px;
}
.product-detail .product-content .col-download ul,
.product-detail .product-content .col-download li {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .product-detail .product-content .col-download .card {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .product-detail .product-content .col-download {
    margin-top: 52px;
  }
}
.product-detail .product-content-left {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .product-detail .product-content-left {
    float: left;
    width: 66.66667%;
  }
  .rtl .product-detail .product-content-left {
    float: right;
  }
}
.product-detail .contact-wrapper {
  padding-top: 56px;
}
.product-detail .contact-wrapper h6 {
  font-size: 16px;
  line-height: 24px;
}
.product-detail .contact-wrapper .button {
  margin-top: 26px;
}
.product-detail .product-footer {
  padding-top: 72px;
  padding-bottom: 48px;
}
.product-detail .related-projects {
  position: relative;
}
@media screen and (min-width: 992px) {
  .product-detail .related-projects .title-line {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 32px;
  }
}
.product-detail .related-projects .actions {
  text-align: center;
  padding-top: 16px;
}
@media screen and (min-width: 992px) {
  .product-detail .related-projects .actions {
    position: absolute;
    z-index: 2;
    bottom: 32px;
    left: 0;
    right: 0;
    padding-top: 0;
  }
}
.product-detail .product-related-projects ul {
  margin: 0;
}
.product-detail .product-related-projects ul li {
  margin: 0;
}
.product-detail .product-related-projects.swiper-container .swiper-slide img {
  max-height: 190px;
  width: auto;
}
@media screen and (min-width: 992px) {
  .product-detail .product-related-projects.swiper-container .swiper-slide img {
    max-height: 480px;
  }
}
@media screen and (min-width: 1024px) {
  .product-detail .product-related-projects.swiper-container .swiper-slide img {
    max-height: 580px;
  }
}
@media screen and (min-width: 992px) {
  .product-detail .product-related-projects.swiper-container .swiper-slide {
    transition: 0.23s ease-out;
    opacity: 1;
  }
}
.product-detail .product-related-projects.swiper-container .swiper-prev, .product-detail .product-related-projects.swiper-container .swiper-next {
  top: 50%;
  margin-top: -25px;
}
.product-detail .product-related-projects.swiper-container .swiper-prev {
  left: 20px;
}
.product-detail .product-related-projects.swiper-container .swiper-next {
  right: 20px;
}
.product-detail .contact-details .intro {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 32px;
}
.product-detail .contact-details .name,
.product-detail .contact-details .email,
.product-detail .contact-details .phone {
  font-size: 14px;
  line-height: 24px;
}
.product-detail .contact-details .name {
  font-family: "clear_sansbold", arial, sans-serif;
  color: #3f4349;
  margin-bottom: 5px;
}
.product-detail .contact-details .email,
.product-detail .contact-details .phone {
  text-decoration: none;
  display: block;
  float: left;
  clear: both;
}

.visual-block-menu {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  background: #636a75;
  padding: 40px 8px;
  z-index: 0;
  cursor: pointer;
  overflow: hidden;
}
@media (min-width: 768px) {
  .visual-block-menu {
    float: left;
    width: 50%;
  }
  .rtl .visual-block-menu {
    float: right;
  }
}
@media (min-width: 992px) {
  .visual-block-menu {
    float: left;
    width: 33.33333%;
  }
  .rtl .visual-block-menu {
    float: right;
  }
}
.visual-block-menu:nth-child(6n + 1) {
  background: #777b86;
}
.visual-block-menu:nth-child(6n + 2) {
  background: #babec4;
}
.visual-block-menu:nth-child(6n + 3) {
  background: #a7acb5;
}
.visual-block-menu:nth-child(6n + 4) {
  background: #949aa2;
}
.visual-block-menu:nth-child(6n + 5) {
  background: #777b86;
}
.visual-block-menu:nth-child(6n) {
  background: #a7acb5;
}
.visual-block-menu * {
  color: #ffffff;
}
.visual-block-menu .background-image {
  display: none;
}
.visual-block-menu h2 {
  font-size: 22px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  margin-bottom: 16px;
}
.visual-block-menu .description,
.visual-block-menu .taxonomy-term-description {
  font-size: 15px;
  line-height: 24px;
}
.visual-block-menu a,
.visual-block-menu .link-text {
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
}
.visual-block-menu a:before,
.visual-block-menu .link-text:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  top: .0625em;
}
.visual-block-menu:hover a,
.visual-block-menu:hover .link-text {
  text-decoration: underline;
}
.visual-block-menu a.overlay-link {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.visual-block-menu a.overlay-link:before {
  display: none;
}
@media (min-width: 768px) {
  .visual-block-menu {
    padding-left: 32px;
    padding-right: 32px;
  }
  .visual-block-menu:after {
    content: "";
    display: block;
    margin-top: 160px;
  }
  .visual-block-menu:hover .background-image {
    transform: scale(1.02);
  }
  .visual-block-menu .background-image {
    position: absolute;
    display: block;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    z-index: -1;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all 0.23s ease-out;
  }
  .visual-block-menu h2,
  .visual-block-menu .description,
  .visual-block-menu .taxonomy-term-description {
    max-width: 50%;
  }
  .visual-block-menu a,
  .visual-block-menu .link-text {
    position: absolute;
    left: 32px;
    bottom: 40px;
  }
}
.visual-block-menu.catalogues .background-image {
  background-image: url("../img/products-catalogues-bg.png");
}
.visual-block-menu.technical-drawings .background-image {
  background-image: url("../img/products-technical-drawings-bg.png");
}
.visual-block-menu.technical-specifications .background-image {
  background-image: url("../img/products-technical-specifications-bg.png");
}

.page-splash .header-region .block-main-menu li.active a {
  background: transparent;
}
.page-splash .header-region .block-main-menu li.active a:after {
  height: 0;
}
.page-splash .header-region .block-main-menu li:hover a, .page-splash .header-region .block-main-menu li.hovered a {
  background: #f4f6f7;
}
.page-splash .header-region .block-main-menu li:hover a:after, .page-splash .header-region .block-main-menu li.hovered a:after {
  height: 5px;
}
.page-splash .language-switcher {
  display: inline-block;
  background: #f4f6f7;
  border-radius: 3px;
  overflow: hidden;
  font-size: 0;
  margin: 20px 24px;
}
.page-splash .language-switcher li {
  display: inline-block;
}
.page-splash .language-switcher a {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 13.4px;
  line-height: 40px;
  color: #818992;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.23s ease-out;
  cursor: pointer;
}
.page-splash .language-switcher a.active, .page-splash .language-switcher a:hover {
  background: #e5e8ec;
  color: #3f4349;
}
.page-splash .target-groups {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(100vh - 80px);
}
@media screen and (min-width: 768px) {
  .page-splash .target-groups {
    height: 100vh;
    margin-top: calc(-80px);
    padding-top: calc(-80px);
  }
}
.page-splash .target-groups .target-group {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1 0 auto;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 80px 8px;
  color: #ffffff;
  text-decoration: none;
}
.page-splash .target-groups .target-group:before {
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.83) 100%);
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.83) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#D4000000', GradientType=0);
  content: "";
  position: absolute;
  z-index: 0;
  height: 50%;
  min-height: 320px;
  left: 0;
  right: 0;
  bottom: -64px;
  transition: bottom 0.23s ease-out;
}
.page-splash .target-groups .target-group:hover:before {
  bottom: 0;
}
.page-splash .target-groups .target-group-consumers {
  background-image: url("../img/splash-consumer.jpg");
}
.page-splash .target-groups .target-group-architects {
  background-image: url("../img/splash-architect.jpg");
}
.page-splash .target-groups .target-group-fabricator {
  background-image: url("../img/splash-fabricator.jpg");
}
.page-splash .target-groups .target-group * {
  position: relative;
  display: block;
  z-index: 1;
}
.page-splash .target-groups .target-group .target-group-prefix {
  font-size: 13.4px;
  line-height: 16px;
  color: #cfd3d9;
}
.page-splash .target-groups .target-group .target-group-label {
  font-size: 34px;
  line-height: 40px;
  margin-top: 8px;
}
.page-splash .target-groups .target-group .target-group-label:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #f4f6f7;
  opacity: .4;
  width: 36px;
  height: 3px;
}
.rtl .page-splash .target-groups .target-group .target-group-label:after {
  margin-left: 0;
  margin-right: 12px;
}
.page-splash .target-groups .target-group .target-group-description {
  font-size: 17px;
  line-height: 24px;
  color: #e5e8ec;
  margin-top: 20px;
}
.page-splash .target-groups .target-group .target-group-description p {
  margin: 0;
}
.page-splash .target-groups .target-group .target-group-link {
  position: relative;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 15px;
  line-height: 16px;
  margin-top: 36px;
}
.page-splash .target-groups .target-group .target-group-link:before {
  position: relative;
  font-family: "icomoon-basic";
  font-size: 1.125em;
  margin-right: 12px;
  top: .125em;
}
.rtl .page-splash .target-groups .target-group .target-group-link:before {
  margin-left: 12px;
  margin-right: 0;
}
@media (min-width: 768px) {
  .page-splash .target-groups {
    flex-direction: row;
  }
  .page-splash .target-groups .target-group {
    padding-left: 64px;
    padding-right: 64px;
    width: 33.33%;
  }
}

.card {
  position: relative;
  background: #ffffff;
  display: block;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.23s ease-out;
  margin: 4px 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .card {
    margin-left: 4px;
    margin-right: 4px;
  }
}
.card,
.card * {
  color: #3f4349;
  text-decoration: none;
}
.card a:link,
.card a:visited {
  text-decoration: none;
}
.card a:link:hover,
.card a:visited:hover {
  color: #3f4349;
}
.card--list {
  padding: 16px;
  position: relative;
}
.card--list *, .card--list:link, .card--list:visited {
  text-decoration: none;
}
.card--list .card__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  font-size: 16px;
  color: #52585f;
}
.card--list:before {
  content: "";
  position: absolute;
  display: block;
  background: #3700fa;
  top: 0;
  left: -3px;
  width: 3px;
  height: 100%;
  transition: all 0.23s ease-out;
}
.card--list a:hover {
  color: inherit;
}
.card--list:hover .card__icon {
  color: inherit;
}
.rtl .card--list .card__icon {
  right: auto;
  left: 16px;
}
.rtl .card--list:before {
  left: auto;
  right: -3px;
}
.card__title {
  display: block;
  background: #ffffff;
  color: #3f4349;
  font-size: 17px;
  line-height: 24px;
  padding: 16px 24px;
}
.card__title:hover {
  text-decoration: none;
}
.card__title p {
  margin: 4px 0 0;
}
.card__title .subtitle {
  font-size: 14px;
  line-height: 24px;
  color: #636a75;
}
.card--hover:hover, .card.highlighted {
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.card--hover:hover,
.card--hover:hover *, .card.highlighted,
.card.highlighted * {
  text-decoration: none;
}
.card--hover:hover:before, .card.highlighted:before {
  left: 0;
}
.rtl .card--hover:hover:before, .rtl .card.highlighted:before {
  left: auto;
  right: 0;
}
.card--download {
  font-size: 14px;
  line-height: 24px;
  font-family: "clear_sansregular", arial, sans-serif;
  padding: 8px 48px 8px 26px;
}
.rtl .card--download {
  padding: 8px 26px 8px 48px;
}
.card--link {
  position: relative;
  padding: 4px 82px 4px 26px;
  text-decoration: none;
}
.rtl .card--link {
  padding: 4px 26px 4px 82px;
}
.card--link:link, .card--link:active {
  text-decoration: none;
}
.card--link:after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.rtl .card--link:after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: auto;
  left: 16px;
}
.card--link:hover {
  color: #3f4349;
}

.intro-block {
  display: flex;
  background: #f4f6f7;
  flex-direction: column;
}
.intro-block .admin-container {
  clear: both;
  overflow: hidden;
  padding-top: 24px;
}
.intro-block .contextual-links {
  font-size: 16px;
}
#content-pre .intro-block .contextual-links li {
  display: block;
}
.intro-block .node-carousel-item .contextual-links-wrapper {
  display: block;
}
.intro-block .node-carousel-item > *:hover a.contextual-links-trigger, .intro-block .node-carousel-item:hover a.contextual-links-trigger {
  display: block;
  background-color: white;
  pointer-events: auto;
}
.intro-block .node-carousel-item > *:hover a.contextual-links-trigger + ul, .intro-block .node-carousel-item:hover a.contextual-links-trigger + ul {
  display: block;
}
.intro-block > * {
  flex: 1 1 auto;
}
.intro-block > *.slider, .intro-block > *.menu {
  width: 100%;
}
.intro-block > *.menu {
  padding: 40px 8px;
}
.intro-block > *.submenu {
  background: #e5e8ec;
  padding: 40px 8px;
}
.intro-block > .menu .title-line {
  font-size: 20px;
  line-height: 32px;
  margin: 0 4px 8px;
}
.intro-block > .menu .title-line::after {
  background-color: #abb2bb;
}
.intro-block > .menu .large {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 1200px) {
  .intro-block > .menu .large {
    float: left;
    width: 66.66667%;
  }
  .rtl .intro-block > .menu .large {
    float: right;
  }
}
.intro-block > .menu .small {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .intro-block > .menu .small {
    float: left;
    width: 50%;
  }
  .rtl .intro-block > .menu .small {
    float: right;
  }
}
@media (min-width: 1200px) {
  .intro-block > .menu .small {
    float: left;
    width: 33.33333%;
  }
  .rtl .intro-block > .menu .small {
    float: right;
  }
}
.intro-block > .menu .small,
.intro-block > .menu .large {
  padding: 4px 0;
}
.intro-block > .menu .node-extranet-cta,
.intro-block > .menu a[class*=icon-] {
  position: relative;
  background: #ffffff;
  display: block;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.23s ease-out;
  margin: 4px 0;
  overflow: hidden;
  margin: 0;
}
@media (min-width: 768px) {
  .intro-block > .menu .node-extranet-cta,
  .intro-block > .menu a[class*=icon-] {
    margin-left: 4px;
    margin-right: 4px;
  }
}
.intro-block > .menu .node-extranet-cta,
.intro-block > .menu .node-extranet-cta *,
.intro-block > .menu a[class*=icon-],
.intro-block > .menu a[class*=icon-] * {
  color: #3f4349;
  text-decoration: none;
}
.intro-block > .menu .node-extranet-cta a:link,
.intro-block > .menu .node-extranet-cta a:visited,
.intro-block > .menu a[class*=icon-] a:link,
.intro-block > .menu a[class*=icon-] a:visited {
  text-decoration: none;
}
.intro-block > .menu .node-extranet-cta a:link:hover,
.intro-block > .menu .node-extranet-cta a:visited:hover,
.intro-block > .menu a[class*=icon-] a:link:hover,
.intro-block > .menu a[class*=icon-] a:visited:hover {
  color: #3f4349;
}
.intro-block > .menu .node-extranet-cta:hover,
.intro-block > .menu a[class*=icon-]:hover {
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.intro-block > .menu .node-extranet-cta:hover,
.intro-block > .menu .node-extranet-cta:hover *,
.intro-block > .menu a[class*=icon-]:hover,
.intro-block > .menu a[class*=icon-]:hover * {
  text-decoration: none;
}
.intro-block > .menu .node-extranet-cta:hover:before,
.intro-block > .menu a[class*=icon-]:hover:before {
  left: 0;
}
.rtl .intro-block > .menu .node-extranet-cta:hover:before, .rtl
.intro-block > .menu a[class*=icon-]:hover:before {
  left: auto;
  right: 0;
}
.intro-block > .menu .node-extranet-cta {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 48px;
  z-index: 0;
  height: 100%;
}
.intro-block > .menu .node-extranet-cta img {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.intro-block > .menu .node-extranet-cta[style*="background"] img {
  display: none;
}
.intro-block > .menu .node-extranet-cta p {
  margin: 0;
}
.intro-block > .menu .node-extranet-cta h2,
.intro-block > .menu .node-extranet-cta p,
.intro-block > .menu .node-extranet-cta p span {
  display: block;
  color: #ffffff;
  max-width: 320px;
}
.intro-block > .menu .node-extranet-cta h2 {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 26px;
  line-height: 32px;
  margin: 80px 0 16px;
}
.intro-block > .menu .node-extranet-cta p,
.intro-block > .menu .node-extranet-cta p span {
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 40px;
}
.intro-block > .menu .node-extranet-cta > a,
.intro-block > .menu .node-extranet-cta span a {
  position: relative;
  display: inline-block;
  background: #3700fa;
  cursor: pointer;
  color: #ffffff;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  padding: 14px 40px;
  border-radius: 24px;
  border: 2px solid #3700fa;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  text-decoration: none;
  transition: all 0.23s ease-out;
  background: #ffffff;
  color: #3700fa;
}
.intro-block > .menu .node-extranet-cta > a:visited, .intro-block > .menu .node-extranet-cta > a:link,
.intro-block > .menu .node-extranet-cta span a:visited,
.intro-block > .menu .node-extranet-cta span a:link {
  text-decoration: none;
}
.intro-block > .menu .node-extranet-cta > a:hover, .intro-block > .menu .node-extranet-cta > a:focus, .intro-block > .menu .node-extranet-cta > a:active,
.intro-block > .menu .node-extranet-cta span a:hover,
.intro-block > .menu .node-extranet-cta span a:focus,
.intro-block > .menu .node-extranet-cta span a:active {
  background: #2c00c7;
  border-color: #2c00c7;
  color: #ffffff;
  text-decoration: none;
}
.intro-block > .menu .node-extranet-cta > a:hover,
.intro-block > .menu .node-extranet-cta span a:hover {
  background: #ffffff;
}
.intro-block > .menu a[class*=icon-] {
  display: block;
  text-align: center;
  padding: 24px;
}
.intro-block > .menu a[class*=icon-]:before {
  display: block;
  color: #3700fa;
  font-size: 36px;
  margin: 0 0 16px 0;
}
.intro-block > .menu a[class*=icon-] h2 {
  font-size: 17px;
  line-height: 24px;
  margin: 0;
}
.intro-block > .menu a[class*=icon-] p {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}
.intro-block > .menu a[class*=icon-] .extranet-link:before {
  display: none;
}
.intro-block > .submenu h2 {
  font-size: 22px;
  font-family: "clear_sansregular", arial, sans-serif;
  line-height: 32px;
  color: #3f4349;
  margin-bottom: 8px;
}
.intro-block > .submenu h2:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #abb2bb;
  height: 3px;
}
.rtl .intro-block > .submenu h2:after {
  margin-left: 0;
  margin-right: 12px;
}
.intro-block > .submenu p {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 32px;
}
.intro-block > .submenu nav {
  font-size: 16px;
  line-height: 24px;
}
.intro-block > .submenu nav li {
  position: relative;
  display: block;
  margin-bottom: 24px;
}
#content-pre .block-carousel .intro-block > .submenu nav li {
  display: block;
  margin-bottom: 8px;
}
.intro-block > .submenu nav li:before {
  position: absolute;
  top: .125em;
  left: 0;
  transition: all 0.23s ease-out;
}
.intro-block > .submenu nav li.active a, .intro-block > .submenu nav li.active:before, .intro-block > .submenu nav li:hover a, .intro-block > .submenu nav li:hover:before {
  color: #3700fa;
}
.intro-block > .submenu nav li.highlight a, .intro-block > .submenu nav li.highlight:before {
  color: #3700fa;
}
.intro-block > .submenu nav li.icon-my-complaints, .intro-block > .submenu nav li.icon-my-leads {
  margin-top: 16px;
}
.intro-block > .submenu nav li a {
  display: block;
  text-decoration: none;
  padding-left: 40px;
}
.intro-block > .submenu .login .cta-or,
.intro-block > .submenu .login .cta-register {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 15px;
}
.intro-block > .submenu .login .cta-register {
  color: #3700fa;
}
.intro-block > .submenu .login .cta-register:link {
  text-decoration: none;
}
.intro-block > .submenu .login .cta-register:hover {
  text-decoration: underline;
}
.intro-block .thumbnail-carousel {
  position: relative;
}
.intro-block .thumbnail-carousel .swiper-arrows {
  display: none;
}
.intro-block .thumbnail-carousel .swiper-pagination {
  position: absolute;
  z-index: 10;
  line-height: 8px;
  right: 8px;
  bottom: 8px;
}
@media (min-width: 768px) {
  .intro-block {
    flex-direction: row;
  }
  .intro-block.active-submenu > *.slider,
  .intro-block.active-submenu > *.menu {
    width: calc(100% - 360px);
  }
  .intro-block > *.menu {
    padding: 96px 32px 80px 32px;
  }
  .intro-block > *.submenu {
    flex: 0 0 360px;
    display: flex;
    flex-direction: column;
    padding: 152px 48px 56px;
  }
  .intro-block > *.submenu.at-end {
    justify-content: flex-end;
  }
}

.professional-search-facet {
  display: none;
  border-bottom: solid 1px #f4f6f7;
}
.professional-search-facet h2.title {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
@media (min-width: 768px) {
  .professional-search-facet h2.title {
    font-family: "clear_sansregular", arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
  }
}
.professional-search-facet .handle {
  padding: 0 !important;
}
.professional-search-facet .handle h2.title {
  position: relative;
  background: #ffffff;
  padding: 12px;
}
.professional-search-facet .handle h2.title:before {
  transform: rotateZ(0);
  position: absolute;
  display: block;
  top: 50%;
  right: 24px;
  text-align: left;
  font-family: "icomoon-basic";
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  margin-top: -8px;
}
@media (min-width: 768px) {
  .professional-search-facet .handle h2.title {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
  }
  .professional-search-facet .handle h2.title:before {
    display: none;
  }
}
.professional-search-facet .handle .filter-chosen {
  margin-left: 12px;
  margin-right: 12px;
}
@media (min-width: 768px) {
  .professional-search-facet .handle .filter-chosen {
    margin-top: 0;
    margin-left: 0;
  }
}
.professional-search-facet.active {
  background: #f4f6f7;
}
.professional-search-facet.active .handle h2.title:before {
  transform: rotateZ(90deg);
}
@media (min-width: 768px) {
  .professional-search-facet {
    border-bottom: none;
  }
  .professional-search-facet h2.title:before {
    display: none;
  }
}

.facets-professional-mobile .filter-placeholder {
  position: relative;
  width: 100%;
  z-index: 100;
  background-color: #f4f6f7;
}

.search-facet-prof-overlay {
  position: relative;
  display: none;
  top: 0;
  z-index: 110;
  padding: 16px 8px;
  overflow: auto;
  cursor: auto;
}
@media (min-width: 768px) {
  .search-facet-prof-overlay {
    position: absolute;
    background-color: #ffffff;
    border: solid 16px rgba(50, 54, 59, 0.87);
    left: 100%;
    height: 100% !important;
    width: 0px;
    padding: 40px;
  }
}
.search-facet-prof-overlay .search-facet-prof-overlay:before, .search-facet-prof-overlay .search-facet-prof-overlay:after,
.search-facet-prof-overlay .search-facet-prof-wrap:before,
.search-facet-prof-overlay .search-facet-prof-wrap:after {
  content: " ";
  display: table;
}
.search-facet-prof-overlay .search-facet-prof-overlay:after,
.search-facet-prof-overlay .search-facet-prof-wrap:after {
  clear: both;
}
.search-facet-prof-overlay h2.title {
  display: none;
  font-size: 34px;
  line-height: 36px;
  margin-bottom: 56px;
}
.search-facet-prof-overlay h2.title:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
}
.rtl .search-facet-prof-overlay h2.title:after {
  margin-left: 0;
  margin-right: 12px;
}
@media (min-width: 768px) {
  .search-facet-prof-overlay h2.title {
    display: block;
  }
}
.search-facet-prof-overlay ul {
  margin: 0;
}
.search-facet-prof-overlay ul:before, .search-facet-prof-overlay ul:after {
  content: " ";
  display: table;
}
.search-facet-prof-overlay ul:after {
  clear: both;
}
.search-facet-prof-overlay ul li,
.search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
  vertical-align: top;
  float: none !important;
  position: relative !important;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  margin: 0;
  padding: 0 0 8px;
}
@media (min-width: 768px) {
  .search-facet-prof-overlay ul li,
  .search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links {
    float: left;
    width: 33.33333%;
  }
  .rtl .search-facet-prof-overlay ul li, .rtl
  .search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links {
    float: right;
  }
}
@media (min-width: 768px) {
  .search-facet-prof-overlay ul li,
  .search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links {
    padding-bottom: 32px;
  }
}
.search-facet-prof-overlay ul li input,
.search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links input {
  position: absolute;
  top: 3px;
  left: 0;
  z-index: -1;
}
.search-facet-prof-overlay ul li a,
.search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links a {
  display: block !important;
  padding: 0 0 0 32px;
}
.search-facet-prof-overlay ul li:hover a, .search-facet-prof-overlay ul li.hover a,
.search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links:hover a,
.search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links.hover a {
  color: #3f4349;
}
.search-facet-prof-overlay ul li.inactive,
.search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links.inactive {
  display: none;
}
@media (min-width: 768px) {
  .search-facet-prof-overlay ul li,
  .search-facet-prof-overlay ul li.facetapi-facetapi-checkbox-links {
    display: inline-block !important;
  }
}
.search-facet-prof-overlay ul.facetapi-facetapi-images {
  background: #f4f6f7;
  margin: 0 -40px;
  padding: 0 40px;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images img {
  display: block;
  width: auto;
  height: 100%;
  margin: 20px auto;
  max-height: 90px;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images input {
  display: none !important;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .search-facet-prof-overlay ul.facetapi-facetapi-images li {
    float: left;
    width: 33.33333%;
  }
  .rtl .search-facet-prof-overlay ul.facetapi-facetapi-images li {
    float: right;
  }
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li a {
  position: relative;
  background: #ffffff;
  display: block;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.23s ease-out;
  margin: 4px 0;
  overflow: hidden;
  display: inline-block !important;
  background: #abb2bb;
  margin-bottom: 8px;
  overflow: visible;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .search-facet-prof-overlay ul.facetapi-facetapi-images li a {
    margin-left: 4px;
    margin-right: 4px;
  }
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li a,
.search-facet-prof-overlay ul.facetapi-facetapi-images li a * {
  color: #3f4349;
  text-decoration: none;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li a a:link,
.search-facet-prof-overlay ul.facetapi-facetapi-images li a a:visited {
  text-decoration: none;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li a a:link:hover,
.search-facet-prof-overlay ul.facetapi-facetapi-images li a a:visited:hover {
  color: #3f4349;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li a::before {
  display: none;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li a:hover {
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  padding-bottom: 0;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li a:hover,
.search-facet-prof-overlay ul.facetapi-facetapi-images li a:hover * {
  text-decoration: none;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li a:hover:before {
  left: 0;
}
.rtl .search-facet-prof-overlay ul.facetapi-facetapi-images li a:hover:before {
  left: auto;
  right: 0;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li span {
  display: block;
  background: #ffffff;
  color: #3f4349;
  font-size: 17px;
  line-height: 24px;
  padding: 16px 24px;
  text-align: center;
  font-size: 14px;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li span:hover {
  text-decoration: none;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li span p {
  margin: 4px 0 0;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images li span .subtitle {
  font-size: 14px;
  line-height: 24px;
  color: #636a75;
}
.search-facet-prof-overlay ul.facetapi-facetapi-images.facetapi-facet-field-product-design-options li a {
  background: #ffffff;
}
@media (min-width: 768px) {
  .search-facet-prof-overlay ul.facetapi-facetapi-images {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.search-facet-prof-overlay a {
  text-decoration: none;
}
.search-facet-prof-overlay a.facetapi-limit-link {
  display: inline-block;
  margin: 15px 40px 0 40px;
}
.search-facet-prof-overlay .chosen ul li.leaf.inactive {
  display: none;
}

.target-selector {
  position: relative;
  background-color: #ffffff;
  min-width: 160px;
  max-width: 300px;
  cursor: pointer;
  text-align: left;
  float: right;
}
.target-selector:before {
  transition: all 0.23s ease-out;
  position: absolute;
  top: 0;
  right: 16px;
  line-height: 80px;
  pointer-events: none;
  z-index: 0;
  color: #636a75;
  font-size: 12px;
  transform: rotate(0deg);
}
.target-selector.active:before {
  transform: rotate(180deg);
}
.target-selector .target-selector-wrap {
  transition: all 0.23s ease-out;
  position: relative;
  z-index: 1;
  display: table;
  table-layout: fixed;
  min-width: 190px;
  max-width: 300px;
  height: 80px;
  font-family: "clear_sansregular", arial, sans-serif;
}
.not-logged-in .target-selector .target-selector-wrap {
  border-left: 1px solid #cfd3d9;
}
.target-selector .target-selector-wrap .target-selector-text {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 0 32px 0 15px;
  font-size: 13px;
  line-height: 16px;
  color: #3f4349;
  text-align: left;
}
.target-selector .target-selector-wrap .target-selector-text .selected {
  display: block;
  font-family: "clear_sansbold", arial, sans-serif;
}
.target-selector .target-selector-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border-bottom: 1px solid #b4b8bc;
  border-left: 1px solid #cfd3d9;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.target-selector .target-selector-menu a {
  transition: all 0.23s ease-out;
  display: block;
  padding-left: 16px;
  font-size: 13px;
  line-height: 16px;
  position: relative;
  color: #3f4349;
  text-decoration: none;
}
.target-selector .target-selector-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.target-selector .target-selector-menu ul li {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.target-selector .target-selector-menu ul li a {
  padding: 19px 16px 20px 16px;
}
.target-selector .target-selector-menu ul.links li {
  border-top: 1px solid #cfd3d9;
  font-family: "clear_sansbold", arial, sans-serif;
}
.target-selector .target-selector-menu ul.links li a:before {
  transition: all 0.23s ease-out;
  content: " ";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  background-color: #3700fa;
}
.target-selector .target-selector-menu ul.links li:hover a:before, .target-selector .target-selector-menu ul.links li.active a:before {
  left: 0;
}
.no-js .target-selector .target-selector-menu ul {
  display: block;
}
.target-selector.extranet-user-menu.active {
  background-color: #f4f6f7;
}
.logged-in .target-selector.extranet-user-menu.active:before {
  transform: rotate(0deg);
}
.logged-in .target-selector.extranet-user-menu:before {
  content: "\e92a";
  font-size: 24px;
  right: 12px;
}
.target-selector.extranet-user-menu .target-selector-wrap .target-selector-text {
  padding-right: 40px;
}
.target-selector.extranet-user-menu .target-selector-wrap .target-selector-text span {
  display: block;
}
.target-selector.extranet-user-menu .target-selector-menu {
  background: #f4f6f7;
  border: none;
}
.target-selector.extranet-user-menu .target-selector-menu > a,
.target-selector.extranet-user-menu .target-selector-menu > nav {
  border-top: 1px solid #e5e8ec;
}
.target-selector.extranet-user-menu .target-selector-menu > a {
  line-height: 16px;
  padding-top: 18px;
  padding-bottom: 21px;
}
.target-selector.extranet-user-menu .target-selector-menu > a.my-account {
  padding-left: 17px;
  padding-right: 32px;
}
.target-selector.extranet-user-menu .target-selector-menu > a.my-account:before {
  position: absolute;
  font-size: 12px;
  left: auto;
  right: 22px;
  top: 50%;
  margin-top: -6px;
}
.target-selector.extranet-user-menu .target-selector-menu > a.log-out {
  color: #818992;
  padding-left: 56px;
}
.target-selector.extranet-user-menu .target-selector-menu > a.log-out:before {
  position: absolute;
  color: #818992;
  font-size: 17px;
  left: 24px;
  top: 50%;
  margin-top: -9px;
}
.target-selector.extranet-user-menu .target-selector-menu a:hover, .target-selector.extranet-user-menu .target-selector-menu a:focus, .target-selector.extranet-user-menu .target-selector-menu a:active, .target-selector.extranet-user-menu .target-selector-menu a.active {
  color: #3700fa;
}
.target-selector.extranet-user-menu .target-selector-menu a:hover:before, .target-selector.extranet-user-menu .target-selector-menu a:focus:before, .target-selector.extranet-user-menu .target-selector-menu a:active:before, .target-selector.extranet-user-menu .target-selector-menu a.active:before {
  color: #3700fa;
}
.target-selector.extranet-user-menu .target-selector-menu ul.menu {
  padding-top: 10px;
  padding-bottom: 6.6px;
}
.target-selector.extranet-user-menu .target-selector-menu ul.menu li:before {
  font-size: 17px;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -8px;
}
.target-selector.extranet-user-menu .target-selector-menu ul.menu li a {
  padding-left: 56px;
  padding-top: 14.6px;
  padding-bottom: 14.6px;
}
.target-selector.extranet-user-menu .target-selector-menu ul.menu li:hover a, .target-selector.extranet-user-menu .target-selector-menu ul.menu li.active a {
  color: #3700fa;
}
.target-selector.extranet-user-menu .target-selector-menu ul.menu li:hover:before, .target-selector.extranet-user-menu .target-selector-menu ul.menu li.active:before {
  color: #3700fa;
}

#tasks {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  display: block;
  background: #192634;
  font-size: 14px;
  z-index: 1000;
}
#tasks ul {
  display: block;
}
#tasks ul:before, #tasks ul:after {
  content: " ";
  display: table;
}
#tasks ul:after {
  clear: both;
}
#tasks li {
  transition: all 0.21s ease-out;
  display: inline-block;
  float: left;
}
#tasks li.active, #tasks li:hover {
  background: #fff;
}
#tasks li.active a, #tasks li:hover a {
  color: #f58222;
  font-weight: 400;
}
#tasks li a {
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
}

#breadcrumb {
  position: relative;
  vertical-align: bottom;
  padding: 24px 0 16px;
}
#breadcrumb .breadcrumb {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 0;
}
#breadcrumb .breadcrumb:before, #breadcrumb .breadcrumb:after {
  content: " ";
  display: table;
}
#breadcrumb .breadcrumb:after {
  clear: both;
}
@media (min-width: 768px) {
  #breadcrumb .breadcrumb {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media screen and (min-width: 768px) {
  #breadcrumb {
    padding: 40px 0 16px;
  }
}

.breadcrumb .separator,
.breadcrumb a,
.breadcrumb .breadcrumb-item {
  opacity: .6;
}
.breadcrumb a:first-child {
  opacity: 1;
}
.breadcrumb a:hover {
  opacity: 1;
}
.breadcrumb a,
.breadcrumb span {
  display: inline-block;
  vertical-align: bottom;
  text-decoration: none;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .breadcrumb a,
  .breadcrumb span {
    font-size: 15px;
  }
}
.breadcrumb a:hover {
  color: inherit;
  text-decoration: underline;
}
.breadcrumb .separator {
  position: relative;
  font-size: 0;
}
.breadcrumb .separator:before {
  position: relative;
  display: inline-block;
  top: .5em;
  font-size: 8px;
  line-height: 24px;
  font-family: "icomoon-basic";
  width: 12px;
  text-align: center;
  margin: auto 4px;
}

body.node-type-overview-page #breadcrumb,
body.node-type-section #breadcrumb,
body.node-type-product-group #breadcrumb,
body.node-type-career #breadcrumb,
body.page-section #breadcrumb {
  position: relative;
  background: #32363b;
  padding-bottom: 0;
  margin-bottom: -30px;
  z-index: 10;
}
body.node-type-overview-page #breadcrumb .breadcrumb > a,
body.node-type-section #breadcrumb .breadcrumb > a,
body.node-type-product-group #breadcrumb .breadcrumb > a,
body.node-type-career #breadcrumb .breadcrumb > a,
body.page-section #breadcrumb .breadcrumb > a {
  color: #ffffff;
}
body.node-type-overview-page #breadcrumb a,
body.node-type-overview-page #breadcrumb span,
body.node-type-section #breadcrumb a,
body.node-type-section #breadcrumb span,
body.node-type-product-group #breadcrumb a,
body.node-type-product-group #breadcrumb span,
body.node-type-career #breadcrumb a,
body.node-type-career #breadcrumb span,
body.page-section #breadcrumb a,
body.page-section #breadcrumb span {
  color: #818992;
}

body.page-taxonomy-term:not([class*=path-project-theme]) #breadcrumb {
  padding-bottom: 0;
}
body.page-taxonomy-term:not([class*=path-project-theme]) #breadcrumb a:hover {
  text-decoration: underline;
}
body.page-taxonomy-term:not([class*=path-project-theme]) #content-container > h1.page-title {
  padding-top: 72px;
  padding-bottom: 48px;
  margin-top: 0;
  margin-bottom: 0;
}
body.page-taxonomy-term:not([class*=path-project-theme]) #content-container > h1.page-title:after {
  background: #818992;
}
body.page-taxonomy-term:not([class*=path-project-theme]) .overview-title {
  display: none;
}

body.cc-feature-search-page #breadcrumb, body.cc-feature-project-search #breadcrumb, body.cc-feature-project-overview #breadcrumb {
  background: #ffffff;
  color: #52585f;
  padding-bottom: 32px;
}
body.cc-feature-search-page #breadcrumb .breadcrumb > a,
body.cc-feature-search-page #breadcrumb a, body.cc-feature-project-search #breadcrumb .breadcrumb > a,
body.cc-feature-project-search #breadcrumb a, body.cc-feature-project-overview #breadcrumb .breadcrumb > a,
body.cc-feature-project-overview #breadcrumb a {
  color: #52585f;
}

.product-selection:before, .product-selection:after {
  content: " ";
  display: table;
}
.product-selection:after {
  clear: both;
}
.product-selection > a {
  display: none;
}
.product-selection > ul {
  padding-bottom: 30px;
  list-style: none;
  font-size: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.product-selection > ul > li {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  display: inline-block !important;
  float: none !important;
  vertical-align: top;
  font-size: 16px;
}
@media (min-width: 480px) {
  .product-selection > ul > li {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl .product-selection > ul > li {
    float: right;
  }
}
@media (min-width: 768px) {
  .product-selection > ul > li {
    float: left;
    width: 25%;
  }
  .rtl .product-selection > ul > li {
    float: right;
  }
}

.product-selection-item {
  margin-bottom: 30px;
}
.product-selection-item span {
  display: block;
  text-align: center;
}
.product-selection-item .title-image {
  margin: 0 0 6px 0;
  min-height: 90px;
}
.product-selection-item .title-image img {
  transition: all 0.21s ease-out;
  max-width: 90px;
  height: auto !important;
}
.product-selection-item .title {
  font-size: 15px;
  font-family: "clear_sansbold", arial, sans-serif;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  position: relative;
}
.product-selection-item .title:after {
  transition: all 0.21s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
  content: " ";
  position: absolute;
  top: -4px;
  left: 50%;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #f58222;
  margin-left: -4px;
}
.ie8 .product-selection-item .title:after {
  display: none;
}
.product-selection-item .subgroup-items {
  transition: all 0.21s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  padding: 0 30px 0 0;
  width: 100%;
  z-index: 1;
  visibility: hidden;
}
html[dir="rtl"] .product-selection-item .subgroup-items {
  padding: 0 0 0 30px;
}
.product-selection-item .subgroup-items > ul {
  background-color: #f58222;
  padding: 0 0 5px 0;
  list-style: none;
  margin: 0;
}
.product-selection-item .subgroup-items > ul > li {
  display: block;
  margin: 0;
  font-size: 14px;
}
.product-selection-item .subgroup-items > ul > li:first-child {
  padding: 0 10px;
  line-height: 0;
  margin: 0 0 10px 0;
}
.product-selection-item .subgroup-items > ul > li:first-child span {
  display: block;
  border-top: 1px solid #f8aa68;
}
.product-selection-item .subgroup-items > ul > li a {
  padding: 10px 0;
  text-align: center;
  display: block;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  line-height: 14px;
}
.product-selection-item .subgroup-items > ul > li a:hover {
  background-color: #dd751d;
  color: #0d233c;
}
.product-selection-item:hover .title-image img, .product-selection-item.hover .title-image img {
  transform: scale(1.05, 1.05);
}
.product-selection-item:hover .title, .product-selection-item.hover .title {
  background-color: #f58222;
  color: #0d233c;
}
.product-selection-item:hover .title:after, .product-selection-item.hover .title:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ie8 .product-selection-item:hover .title:after, .ie8 .product-selection-item.hover .title:after {
  display: block;
}
.product-selection-item:hover .title:hover, .product-selection-item.hover .title:hover {
  background-color: #dd751d;
}
.product-selection-item:hover .title:hover:after, .product-selection-item.hover .title:hover:after {
  border-bottom-color: #dd751d;
}
.product-selection-item:hover .subgroup-items, .product-selection-item.hover .subgroup-items {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.product-group-box {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  height: 320px;
  overflow: hidden;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .product-group-box {
    float: left;
    width: 50%;
  }
  .rtl .product-group-box {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .product-group-box {
    height: 250px;
  }
}
.product-group-box .product-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.02);
}

.product-group-box-overlay {
  transition: all 0.21s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: solid 4px #ffffff;
  background-color: transparent;
}
.product-group-box-overlay h3 {
  transition: all 0.21s ease-out;
  color: #ffffff;
  font-size: 19px;
  line-height: 27px;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -18px;
}
.product-group-box-overlay a {
  color: #ffffff;
  text-decoration: none;
}
.product-group-box-overlay a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.product-group-box-overlay > ul {
  transition: all 0.21s ease-out;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-group-box-overlay > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "clear_sansbold", arial, sans-serif;
  font-weight: normal;
}
.product-group-box-overlay > ul.products {
  padding: 55px 20px 20px 20px;
  font-size: 0;
}
.product-group-box-overlay > ul.products > li {
  width: 50%;
  display: inline-block;
  float: none !important;
  vertical-align: top;
  padding: 0 10px 2px 0;
  text-align: center;
  line-height: 20px;
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .product-group-box-overlay > ul.products > li {
    width: 25%;
  }
}
.product-group-box-overlay > ul.products > li a {
  display: block;
  line-height: 24px;
}
.product-group-box-overlay > ul.links {
  top: auto;
  bottom: -100%;
}
.product-group-box-overlay > ul.links.button-1 > li {
  width: 100%;
}
.product-group-box-overlay > ul.links > li {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding: 0;
}
@media (min-width: 768px) {
  .product-group-box-overlay > ul.links > li {
    float: left;
    width: 50%;
  }
  .rtl .product-group-box-overlay > ul.links > li {
    float: right;
  }
}
.product-group-box-overlay > ul.links > li a {
  display: block;
  text-align: center;
  border-radius: 0;
}
.product-group-box-overlay > ul.links > li a:hover {
  text-decoration: none;
}
.product-group-box-overlay > ul.links > li a.matrix {
  display: none;
}
@media screen and (min-width: 768px) {
  .product-group-box-overlay > ul.links > li a.matrix {
    display: block;
  }
}
.product-group-box-overlay:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.product-group-box-overlay:hover h3 {
  top: 20px;
  margin-top: 0;
}
.product-group-box-overlay:hover > ul.products {
  top: 0;
}
.product-group-box-overlay:hover > ul.links {
  bottom: 0;
}

.reynaers-alu:before, .reynaers-alu:after {
  content: " ";
  display: table;
}
.reynaers-alu:after {
  clear: both;
}
.reynaers-alu h3 a {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 32px;
  line-height: 34px;
  margin: 0 0 35px 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .reynaers-alu h3 a {
    font-size: 24px;
    line-height: 28px;
  }
}
.reynaers-alu p[class~=span4] + p[class~=span8] img {
  height: 50px;
  width: auto;
  margin-bottom: 10px;
}
.reynaers-alu p[class~=span4] + p[class~=span8] b {
  font-size: 14px;
  display: block;
}
.reynaers-alu p[class~=span4] + p[class~=span8] span {
  font-size: 11px;
  line-height: 14px;
}
.reynaers-alu .col4 > span {
  display: inline-block;
  width: 25%;
  text-align: center;
  padding: 0px 5px;
  vertical-align: top;
  margin-bottom: 20px;
}

#campaignmonitor-subscribe-form {
  margin-top: 4px;
}
#campaignmonitor-subscribe-form label {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  padding-left: 0;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  #campaignmonitor-subscribe-form label {
    float: left;
    width: 25%;
  }
  .rtl #campaignmonitor-subscribe-form label {
    float: right;
  }
}
#campaignmonitor-subscribe-form input[type="text"],
#campaignmonitor-subscribe-form .select-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  #campaignmonitor-subscribe-form input[type="text"],
  #campaignmonitor-subscribe-form .select-wrapper {
    float: left;
    width: 58.33333%;
  }
  .rtl #campaignmonitor-subscribe-form input[type="text"], .rtl
  #campaignmonitor-subscribe-form .select-wrapper {
    float: right;
  }
}
#campaignmonitor-subscribe-form select,
#campaignmonitor-subscribe-form .select-wrapper {
  height: 30px;
  font-size: 11px;
  padding: 5px 12px;
  background-size: 24px 11px;
}
#campaignmonitor-subscribe-form input[type="text"] {
  border-right: none;
  font-size: 11px;
  padding: 5px 10px;
  height: 28px;
}
#campaignmonitor-subscribe-form input[type="text"]::-webkit-input-placeholder {
  color: #abb2bb;
}
#campaignmonitor-subscribe-form input[type="text"]::-moz-placeholder {
  color: #abb2bb;
}
#campaignmonitor-subscribe-form input[type="text"]:-ms-input-placeholder {
  color: #abb2bb;
}
#campaignmonitor-subscribe-form input[type="text"]:-moz-placeholder {
  color: #abb2bb;
}
@media screen and (max-width: 768px) {
  #campaignmonitor-subscribe-form input[type="text"] {
    width: 100%;
  }
}
#campaignmonitor-subscribe-form input[type="submit"] {
  padding: 5px 16px;
  font-size: 14px;
}
@media (min-width: 768px) {
  #campaignmonitor-subscribe-form input[type="submit"] {
    margin-left: 25%;
  }
  .rtl #campaignmonitor-subscribe-form input[type="submit"] {
    margin-left: 0;
    margin-right: 25%;
  }
}

.dealer-list {
  padding: 8px 8px;
}
.dealer-list h3.list-title {
  display: none;
}
.dealer-list h4.list-title {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 20px 0;
  color: #ffffff;
  padding: 25px 40px;
}

.oh-wrapper {
  display: block;
  font-size: 14px;
}
.oh-wrapper:before, .oh-wrapper:after {
  content: " ";
  display: table;
}
.oh-wrapper:after {
  clear: both;
}
.oh-wrapper * {
  font-style: normal;
}
.oh-wrapper .oh-display-label {
  display: block;
  clear: both;
}
.oh-wrapper .oh-display-label {
  display: block;
  float: left;
  width: 50%;
  clear: both;
  font-family: "clear_sansbold", arial, sans-serif;
}
.oh-wrapper .oh-display-label + * {
  display: block;
  overflow: hidden;
}

ul.opening-elements {
  margin: 0;
  list-style: none;
}
ul.opening-elements:before, ul.opening-elements:after {
  content: " ";
  display: table;
}
ul.opening-elements:after {
  clear: both;
}
ul.opening-elements li .image-wrapper {
  position: relative;
}
ul.opening-elements li .image-wrapper.active .popup {
  visibility: visible;
}
ul.opening-elements li .popup {
  position: absolute;
  padding: 5px;
  background-color: #ffffff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  z-index: 10;
  bottom: 47px;
  visibility: hidden;
  display: none;
  border-radius: 4px;
}
ul.opening-elements li .popup:after {
  content: " ";
  position: absolute;
  height: 0;
  width: 0;
  bottom: -5px;
  left: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffffff;
  margin-left: -5px;
}
ul.opening-elements li .popup.arrow-pos-left {
  left: 0;
  right: auto;
}
ul.opening-elements li .popup.arrow-pos-left:after {
  left: 10px;
}
ul.opening-elements li .popup.arrow-pos-right {
  left: auto;
  right: 0;
}
ul.opening-elements li .popup.arrow-pos-right:after {
  left: auto;
  right: 10px;
}
ul.opening-elements li .popup img {
  display: block !important;
  width: 350px;
  height: auto !important;
  max-width: 350px;
}
@media screen and (max-width: 768px) {
  ul.opening-elements li .popup img {
    width: 200px;
  }
}
ul.opening-elements li .popup h4 {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 15px;
  line-height: 18px;
  padding: 10px 0;
  margin: 0;
}

.ajaxified-search-facet:before {
  display: none;
}
.ajaxified-search-facet h2.title {
  transition: all 0.21s ease-out;
  position: relative;
  display: block;
  font-size: 16px;
  margin-bottom: 0;
  padding-right: 28px;
}
.ajaxified-search-facet h2.title:before {
  transform: rotateZ(0);
  position: absolute;
  display: block;
  top: 50%;
  right: 8px;
  text-align: left;
  font-family: "icomoon-basic";
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  margin-top: -8px;
}
.ajaxified-search-facet h2.title.opened:before {
  transform: rotateZ(90deg);
}
.ajaxified-search-facet h2.title.opened + * {
  display: block;
}
.facets-behavior-processed .ajaxified-search-facet h2.title {
  cursor: pointer;
}
.ajaxified-search-facet h2.title + * {
  display: none;
}
@media (max-width: 767px) {
  .ajaxified-search-facet h2.title + * {
    background: #f4f6f7;
    font-size: 15px;
    line-height: 24px;
    margin-left: -32px;
    margin-right: -32px;
    margin-bottom: -12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.ajaxified-search-facet ul,
.ajaxified-search-facet li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ajaxified-search-facet ul {
  margin: 8px 0 24px 0;
}
.ajaxified-search-facet li {
  position: relative;
  z-index: 0;
}
.ajaxified-search-facet li input {
  position: absolute;
  top: 0;
  z-index: -1;
}
.ajaxified-search-facet li a {
  padding-left: 24px;
  text-decoration: none;
}
.ajaxified-search-facet li a:before {
  display: none;
}
.ajaxified-search-facet .facetapi-active {
  position: relative;
  display: block !important;
}
.ajaxified-search-facet .facetapi-active:after {
  content: "x";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: .625em;
  margin-left: 12px;
}
.ajaxified-search-facet .facetapi-active.facetapi-checkbox:after {
  display: none;
}

#feature-project-search-facet-form > div {
  position: relative;
}
#feature-project-search-facet-form > div input {
  width: 100%;
  max-width: 100%;
  padding-right: 60px;
}
#feature-project-search-facet-form > div span {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 22px;
}

.country-language-switcher {
  position: relative;
}
.country-language-switcher ul,
.country-language-switcher li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.country-language-switcher .current-country {
  cursor: pointer;
  display: inline-block;
  line-height: 16px;
  padding: 12px 32px 12px 16px;
  background-color: #3f4349;
  font-size: 14px;
  color: rgba(244, 246, 247, 0.4);
  position: relative;
  border-radius: 3px;
}
.country-language-switcher .current-country::after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.23s ease-out;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 16px;
  font-size: 7px;
  color: rgba(244, 246, 247, 0.4);
}
.country-language-switcher .current-country:hover {
  color: #ffffff;
}
.country-language-switcher .current-country:hover a {
  color: #ffffff;
  text-decoration: none;
}
.country-language-switcher .current-country:hover::after {
  color: #ffffff;
  transform: rotate(180deg);
}
.country-language-switcher .current-country .country-flag,
.country-language-switcher .current-country a {
  display: inline-block;
  vertical-align: middle;
  color: rgba(244, 246, 247, 0.4);
  text-decoration: none;
}
.country-language-switcher .current-country .country-flag:hover, .country-language-switcher .current-country .country-flag:focus,
.country-language-switcher .current-country a:hover,
.country-language-switcher .current-country a:focus {
  text-decoration: none;
  color: #ffffff;
}
.country-language-switcher .current-country .country-flag {
  margin-right: 16px;
  max-width: 16px;
}
.country-language-switcher .country-switcher {
  position: absolute;
  display: none;
  background: #ffffff;
  color: #52585f;
  bottom: 100%;
  left: 0;
  z-index: 100;
  width: 240px;
  height: auto;
  max-width: 100%;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 5px 0;
  box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.05);
}
.country-language-switcher .country-switcher a {
  transition: 0.23s ease-out;
  display: block;
  color: #818992;
  font-size: 10px;
  line-height: 14px;
  padding: 8px 10px;
  text-transform: uppercase;
  text-decoration: none;
  background: #ffffff;
}
.country-language-switcher .country-switcher a:hover, .country-language-switcher .country-switcher a:focus {
  color: #3f4349;
  text-decoration: none;
  background: #f4f6f7;
}
.country-language-switcher .language-switcher {
  margin: 16px 0 0 0;
  padding: 0;
  list-style: none;
}
.country-language-switcher .language-switcher li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.country-language-switcher .language-switcher li a {
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #3f4349;
  color: #abb2bb;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
}
.country-language-switcher .language-switcher li a.active {
  background-color: #52585f;
  color: #ffffff;
  text-decoration: none;
}
.country-language-switcher .language-switcher li a:hover, .country-language-switcher .language-switcher li a:focus {
  text-decoration: none;
}
.country-language-switcher .language-switcher li:first-child a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.country-language-switcher .language-switcher li:last-child a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.show-language-switcher-popup .country-language-switcher .current-country a,
.show-language-switcher-popup .country-language-switcher .current-country a:before {
  color: #ffffff;
  text-decoration: none;
}
.show-language-switcher-popup .country-language-switcher .current-country a:hover, .show-language-switcher-popup .country-language-switcher .current-country a:focus,
.show-language-switcher-popup .country-language-switcher .current-country a:before:hover,
.show-language-switcher-popup .country-language-switcher .current-country a:before:focus {
  text-decoration: none;
}
.show-language-switcher-popup .country-language-switcher .country-switcher {
  display: block;
}

.search-link {
  transition: all 0.21s ease-out;
  text-decoration: none;
  display: block;
  width: 36px;
  height: 32px;
  background: #ffffff;
  color: #3f4349 !important;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.search-link::before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 15px;
  line-height: 30px;
  height: 32px;
  width: 36px;
  text-align: center;
}
.search-link:hover, .search-link:active, .search-link:focus {
  text-decoration: none;
}
.search-link:hover {
  background: #f4f6f7;
}
.search-link:hover::before {
  color: #3700fa;
}

.item-list-pager {
  clear: both;
  overflow: hidden;
  text-align: center;
  padding-top: 48px;
}
.item-list-pager:before, .item-list-pager:after {
  content: " ";
  display: table;
}
.item-list-pager:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .item-list-pager {
    text-align: right;
  }
}
.item-list-pager ul.pager {
  margin: 0;
  display: inline-block;
  font-size: 0;
}
.item-list-pager ul.pager li {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 17px;
  color: #52585f;
  line-height: 40px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin: 0 11px;
}
.item-list-pager ul.pager li:after {
  transition: all 0.23s ease-out;
  content: " ";
  position: absolute;
  display: block;
  bottom: 2px;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #3700fa;
  transform: translateZ(0);
}
.item-list-pager ul.pager li a, .item-list-pager ul.pager li.current {
  padding: 0 5px;
}
.item-list-pager ul.pager li a, .item-list-pager ul.pager li.current {
  line-height: 40px;
}
.item-list-pager ul.pager li.current, .item-list-pager ul.pager li:hover {
  color: #3700fa;
}
.item-list-pager ul.pager li.current:after, .item-list-pager ul.pager li:hover:after {
  width: 100%;
  left: 0;
}
.item-list-pager ul.pager li.ellipsis {
  display: none !important;
}
.item-list-pager ul.pager li a {
  color: #52585f;
  display: block;
  text-decoration: none;
}
.item-list-pager ul.pager li a:link, .item-list-pager ul.pager li a:visited {
  text-decoration: none;
}
.item-list-pager ul.pager li a:hover {
  color: #3700fa;
}
.item-list-pager ul.pager li.first, .item-list-pager ul.pager li.last {
  display: none !important;
}
.item-list-pager ul.pager li.first.current, .item-list-pager ul.pager li.last.current {
  display: inline-block !important;
}
.item-list-pager ul.pager li.next, .item-list-pager ul.pager li.previous {
  width: 40px;
  height: 40px;
}
.item-list-pager ul.pager li.next a, .item-list-pager ul.pager li.previous a {
  font-size: 0;
  position: relative;
  border: 2px solid #52585f;
  border-radius: 50%;
  padding: 0;
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
}
.item-list-pager ul.pager li.next a:before, .item-list-pager ul.pager li.previous a:before {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  line-height: 36px !important;
  font-size: 16px;
  transition: 0.23s ease-out;
  color: #52585f;
}
.item-list-pager ul.pager li.next a:hover, .item-list-pager ul.pager li.previous a:hover {
  border-color: #3700fa;
}
.item-list-pager ul.pager li.next a:hover:before, .item-list-pager ul.pager li.previous a:hover:before {
  color: #3700fa;
}
.item-list-pager ul.pager li.next:after, .item-list-pager ul.pager li.previous:after {
  display: none !important;
}
.item-list-pager ul.pager li.next a:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.item-list-pager ul.pager li.previous a:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.item-list-pager ul.pager li .ajax-progress {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  margin-top: -24px;
  left: -2px;
}
.item-list-pager ul.pager li .ajax-progress .throbber {
  width: 100%;
  height: 100%;
}

.professional-items {
  background: #abb2bb;
  padding-top: 64px;
  padding-bottom: 64px;
}

.professional-item {
  text-align: center;
  margin-bottom: 64px;
}
.professional-item:last-child {
  margin-bottom: 0;
}
.professional-item img {
  transition: all 0.21s ease-out;
}
.professional-item ul {
  margin: 0;
  list-style: none;
}
.professional-item ul li {
  display: block;
  margin: 30px 0 0 0;
}
.professional-item:hover img {
  transform: scale(1.05, 1.05);
}
@media (min-width: 768px) {
  .professional-item {
    margin-bottom: 0;
  }
}

a.professional-link {
  display: block;
  padding: 0 50px;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
}

.timeline {
  position: relative;
  z-index: 0;
}
.timeline > h3 {
  color: #3f4349;
  font-size: 20px;
  line-height: 32px;
}

.timeline-year-block {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.timeline-year-block:before {
  content: " ";
  position: absolute;
  width: 6px;
  left: 50%;
  top: 0;
  bottom: 0;
  margin-left: -3px;
  background: #f4f6f7;
  z-index: -1;
}
.timeline > h3 + .timeline-year-block {
  margin-top: 60px;
}
.timeline > h3 + .timeline-year-block:before {
  top: 43px;
}
.timeline > .timeline-year-block + h3 {
  position: relative;
  margin: 0;
  padding-top: 60px;
}
.timeline > .timeline-year-block + h3:before {
  content: " ";
  position: absolute;
  width: 4px;
  left: 50%;
  top: 0;
  bottom: 0;
  margin-left: -2px;
  background: #f4f6f7;
  z-index: -1;
}
.timeline > .timeline-year-block + h3 + .timeline-year-block {
  margin-top: 0;
  padding-top: 60px;
}
.timeline > .timeline-year-block + h3 + .timeline-year-block:before {
  top: 0;
}
.timeline .timeline-year-block:last-child:before {
  bottom: 43px;
}
.timeline-year-block > h3 {
  display: block;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  color: #3700fa;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .timeline-year-block > h3 {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
  }
}
.timeline-year-block + .timeline-year-block {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .timeline-year-block + .timeline-year-block h3 {
    top: 80px;
  }
}

.timeline-year-entry-block:before, .timeline-year-entry-block:after {
  content: " ";
  display: table;
}
.timeline-year-entry-block:after {
  clear: both;
}
.timeline-year-entry-block > span {
  display: table;
  width: 100%;
  padding: 10px 16px;
  height: 100%;
  color: #52585f;
  text-align: center;
  font-size: 15px;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .timeline-year-entry-block > span {
    min-height: 100px;
    width: 50%;
    float: left;
    padding: 0 80px 0 40px;
    text-align: left;
  }
  .timeline-year-entry-block > span + span, .timeline-year-entry-block > span:last-child {
    padding: 0 40px 0 80px;
  }
  .timeline-year-entry-block > span:first-child {
    text-align: right;
  }
}
.timeline-year-entry-block > span .highlight {
  color: 16px !important;
}
.timeline-year-entry-block > span > span {
  display: table-cell;
  vertical-align: middle;
}
.timeline-year-entry-block > span img {
  width: auto;
  height: 100px;
}
.timeline-year-entry-block + .timeline-year-entry-block {
  margin-top: 40px;
}

.product-matrix-table-wrap {
  display: none;
  visibility: hidden;
}
.product-matrix-table-wrap:before, .product-matrix-table-wrap:after {
  content: " ";
  display: table;
}
.product-matrix-table-wrap:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .product-matrix-table-wrap {
    display: block;
    visibility: visible;
  }
}
.product-matrix-table-wrap table {
  margin: 0;
}
.product-matrix-table-wrap table thead tr th {
  font-size: 14px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  line-height: 20px;
  text-align: center;
  padding: 20px 5px;
  vertical-align: middle;
}
.product-matrix-table-wrap table thead tr th:first-child {
  border-top: none;
}
.product-matrix-table-wrap table thead tr th a:hover {
  color: #ffffff;
}
.product-matrix-table-wrap table tr.odd, .product-matrix-table-wrap table tr.even {
  padding: 0;
}
.product-matrix-table-wrap table tr.odd td, .product-matrix-table-wrap table tr.even td {
  padding: 15px 5px;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
.product-matrix-table-wrap table tr.odd td:first-child, .product-matrix-table-wrap table tr.even td:first-child {
  width: 25%;
  text-align: left;
  padding-left: 20px;
}
.product-matrix-table-wrap table tr.odd td a, .product-matrix-table-wrap table tr.even td a {
  transition: none;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #3f4349;
  border-radius: 50%;
  text-indent: -100000px;
}
.product-matrix-table-wrap table tr.odd td a:hover, .product-matrix-table-wrap table tr.even td a:hover {
  background-color: #3700fa;
}
.product-matrix-table-wrap table tr.odd td.term-title, .product-matrix-table-wrap table tr.even td.term-title {
  font-family: "clear_sansbold", arial, sans-serif;
  text-transform: uppercase;
  text-align: left;
}
.product-matrix-table-wrap table.fixed-table {
  width: 25%;
  float: left;
}
.product-matrix-table-wrap .scroll-table-container {
  width: 75%;
  float: left;
  overflow-x: scroll;
}
.product-matrix-table-wrap .scroll-table-container .scroll-table-wrap table {
  table-layout: fixed;
  width: 100%;
}
.product-matrix-table-wrap .scroll-table-container .scroll-table-wrap table th,
.product-matrix-table-wrap .scroll-table-container .scroll-table-wrap table td {
  width: 110px;
}
.product-matrix-table-wrap .scroll-table-container .scroll-table-wrap table th:first-child,
.product-matrix-table-wrap .scroll-table-container .scroll-table-wrap table td:first-child {
  display: none;
}
.product-matrix-table-wrap .scroll-table-container .scroll-table-wrap table th.term-title:first-child,
.product-matrix-table-wrap .scroll-table-container .scroll-table-wrap table td.term-title:first-child {
  display: table-cell;
  text-indent: -100000px;
}

.overview-categories {
  margin: 0;
}
.overview-categories li {
  display: block;
  margin: 0 -8px 2px -72px;
  padding: 0 8px 0 72px;
}
.overview-categories li:before, .overview-categories li:after {
  content: " ";
  display: table;
}
.overview-categories li:after {
  clear: both;
}
.overview-categories li#button-clear-all {
  margin-top: 32px;
}
.overview-categories li#button-clear-all .title {
  color: #3700fa;
}
.overview-categories li > div:first-child,
.overview-categories li > a:first-child {
  position: relative;
  display: block;
  color: #636a75;
  font-size: 15px;
  line-height: 18px;
  padding: 12px 12px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.23s ease-out;
}
.overview-categories li > div:first-child:before,
.overview-categories li > a:first-child:before {
  content: "";
  position: absolute;
  background: #3700fa;
  top: 0;
  left: -75px;
  width: 3px;
  height: 100%;
  max-height: 50px;
  transition: all 0.23s ease-out;
}
.overview-categories li > div:first-child:hover,
.overview-categories li > a:first-child:hover {
  color: #3f4349;
  text-decoration: none;
}
.overview-categories li > div:hover:before,
.overview-categories li.active div:before,
.overview-categories li > a:hover:before,
.overview-categories li.active a:before {
  margin-left: 3px;
}
.overview-categories li li > *:first-child {
  padding: 4px 0;
}
.overview-categories li li:before {
  display: none;
}
.overview-categories .filter-chosen {
  position: relative;
  float: left;
  clear: both;
  display: inline-block;
  background: #dfe1e9;
  border-radius: 100px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 2px 8px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.23s ease-out;
  padding-right: 24px;
}
.overview-categories .filter-chosen .icon-close, .overview-categories .filter-chosen #colorbox #cboxClose:before, #colorbox .overview-categories .filter-chosen #cboxClose:before, .overview-categories .filter-chosen #ip-redirect-wrapper .decline-redirection:before, #ip-redirect-wrapper .overview-categories .filter-chosen .decline-redirection:before {
  position: absolute;
  display: inline-block;
  font-size: .625em;
  margin-left: 12px;
  top: 4px;
  right: 8px;
}
.overview-categories .filter-chosen + .filter-chosen {
  margin-top: 0;
}
.overview-categories .filter-chosen:hover {
  background: #3700fa;
  color: #ffffff;
}

.overview-categories-desktop {
  display: none;
}
@media (min-width: 768px) {
  .overview-categories-desktop {
    display: block;
  }
}

@media (min-width: 768px) {
  .overview-categories-mobile {
    display: none;
  }
}

.dealer-postal-code-form {
  cursor: auto;
}
.dealer-postal-code-form h6 {
  color: white;
  text-transform: none;
}
.dealer-postal-code-form .form-item {
  margin: 7px 0 0 0;
}
.dealer-postal-code-form input[type="text"] {
  width: 100%;
}
.dealer-postal-code-form input.form-submit {
  margin-top: 20px;
}
.usp-dealer .dealer-postal-code-form .form-item,
.usp-dealer .dealer-postal-code-form input[type="submit"] {
  float: left;
}
.usp-dealer .dealer-postal-code-form .form-item:after {
  clear: none;
}
.usp-dealer .dealer-postal-code-form input[type="submit"] {
  margin-left: 16px;
  margin-top: 6px;
}

.usp-dealer .grid-content {
  max-width: none !important;
  top: auto !important;
  bottom: 24px !important;
}

.technical-downloads {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: left;
}
.technical-downloads:before, .technical-downloads:after {
  content: " ";
  display: table;
}
.technical-downloads:after {
  clear: both;
}
@media (min-width: 768px) {
  .technical-downloads {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .technical-downloads {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.technical-downloads ul,
.technical-downloads ul li {
  display: block;
  margin: 0;
  padding: 0;
}
.technical-downloads .product-group-list > li {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  float: none !important;
  display: block;
  padding-bottom: 40px;
  vertical-align: top;
}
@media (min-width: 480px) {
  .technical-downloads .product-group-list > li {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl .technical-downloads .product-group-list > li {
    float: right;
  }
}
@media (min-width: 768px) {
  .technical-downloads .product-group-list > li {
    float: left;
    width: 33.33333%;
  }
  .rtl .technical-downloads .product-group-list > li {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .technical-downloads .product-group-list > li {
    display: inline-block;
  }
}
.technical-downloads .product-group-list > li h2 {
  position: relative;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
}
.technical-downloads .product-group-list > li h2:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
  top: -4px;
}
.rtl .technical-downloads .product-group-list > li h2:after {
  margin-left: 0;
  margin-right: 8px;
}
.technical-downloads .product-group-list > li > a {
  display: inline-block;
  margin-bottom: 16px;
}
.technical-downloads .product-group-list > li li {
  padding: 4px 0;
}
.technical-downloads .card {
  margin: 0;
}
.technical-downloads .technical-details-popup {
  display: none;
}

.technical-downloads-popup {
  font-size: 0;
}
.technical-downloads-popup .title-line {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
}
.technical-downloads-popup .title-line:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
  top: -4px;
}
.rtl .technical-downloads-popup .title-line:after {
  margin-left: 0;
  margin-right: 8px;
}
.technical-downloads-popup h4 {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.technical-downloads-popup h4.title-line:after {
  display: none;
}
.technical-downloads-popup ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.technical-downloads-popup ul li {
  list-style: none;
  font-size: 14px;
  line-height: 20px;
}
.technical-downloads-popup .col {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .technical-downloads-popup .col {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    padding-right: 4px;
  }
}
@media (min-width: 768px) {
  .technical-downloads-popup .col.cad-downloads {
    width: 60%;
  }
}
.technical-downloads-popup .email-subscribe-popup {
  text-align: center;
  color: #52585f;
  font-size: 16px;
  line-height: 24px;
}
.technical-downloads-popup .email-subscribe-popup .element-invisible {
  margin: 0;
}
.technical-downloads-popup .email-subscribe-popup .subscribe-content,
.technical-downloads-popup .email-subscribe-popup .messages,
.technical-downloads-popup .email-subscribe-popup input {
  text-align: left;
}
.technical-downloads-popup .email-subscribe-popup .messages {
  margin-bottom: 16px;
}
.technical-downloads-popup .email-subscribe-popup .messages li {
  margin-top: 12px;
}
.technical-downloads-popup .email-subscribe-popup .form-item {
  clear: both;
  overflow: hidden;
}
.technical-downloads-popup .email-subscribe-popup label {
  display: none;
}
.technical-downloads-popup .email-subscribe-popup input {
  text-align: left;
  width: 100%;
}
.technical-downloads-popup .email-subscribe-popup input[type="checkbox"] {
  width: 18px;
}
.technical-downloads-popup .email-subscribe-popup input[type="checkbox"] + label {
  display: block;
  text-align: left;
  margin-top: 2px;
}
.technical-downloads-popup .email-subscribe-popup input[type="checkbox"] + label + small {
  margin-top: -6px;
}
.technical-downloads-popup .email-subscribe-popup input[type="submit"] {
  margin-top: 28px;
  width: auto;
}
.technical-downloads-popup .email-subscribe-popup span.close-popup {
  display: block;
  text-align: center;
  color: #3f4349;
  font-size: 13px;
  line-height: 18px;
  padding: 8px;
  margin-top: 8px;
  cursor: pointer;
}
.technical-downloads-popup .email-subscribe-popup span.close-popup:hover {
  color: #3700fa;
}

.node-type-overview-page #popup-background {
  opacity: 0.22;
  filter: alpha(opacity=22);
  background-color: #000;
}
.node-type-overview-page #popup-content-wrap {
  padding: 32px 16px;
}
@media screen and (min-width: 768px) {
  .node-type-overview-page #popup-content-wrap {
    width: 680px;
    height: auto;
  }
}

.product-tabs {
  padding-top: 40px;
  background-color: #f4f6f7;
}
@media screen and (min-width: 768px) {
  .product-tabs {
    padding-top: 0;
  }
}
.product-tabs .tab-title {
  transition: all 0.21s ease-out;
  position: relative;
  font-size: 15px;
  color: #3f4349;
  line-height: 1;
  background-color: #ffffff;
  padding: 16px;
  cursor: pointer;
  margin: 0 -8px 1px -8px;
  text-decoration: none;
}
.product-tabs .tab-title:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.23s ease-out;
  transform: rotateZ(90deg);
  position: absolute;
  display: block;
  top: 50%;
  right: 16px;
  text-align: left;
  font-size: 12px;
  height: 12px;
  margin-top: -6px;
  text-transform: none;
}
.product-tabs .tab-title:focus, .product-tabs .tab-title:hover {
  outline: none;
  border-radius: 0;
}
.product-tabs .tab-title.active:before {
  transform: rotateZ(-90deg);
}
@media (min-width: 768px) {
  .product-tabs .tab-title {
    display: none;
  }
}
.product-tabs .tabs-menu-wrapper {
  display: none;
  background: #ffffff;
  padding-top: 16px;
}
.product-tabs .tabs-menu-wrapper .tab-title {
  transition: 0.23s ease-out;
  font-size: 14.6px;
  font-family: "clear_sansregular", arial, sans-serif;
  line-height: 32px;
  color: #636a75;
  margin: 0 24px 0 0;
  padding: 0 0 6px 0;
  display: inline-block;
}
.product-tabs .tabs-menu-wrapper .tab-title:before {
  display: none;
}
.product-tabs .tabs-menu-wrapper .tab-title:after {
  transition: 0.23s ease-out;
  content: "";
  position: absolute;
  width: 100%;
  background-color: #3700fa;
  height: 0;
  bottom: 0;
  left: 0;
}
.product-tabs .tabs-menu-wrapper .tab-title.active, .product-tabs .tabs-menu-wrapper .tab-title:hover {
  color: #3f4349;
}
.product-tabs .tabs-menu-wrapper .tab-title.active:after, .product-tabs .tabs-menu-wrapper .tab-title:hover:after {
  height: 3px;
}
@media (min-width: 768px) {
  .product-tabs .tabs-menu-wrapper {
    display: block;
  }
}
.product-tabs .tab {
  transition: 0.23s ease-out;
}
@media (min-width: 768px) {
  .product-tabs .tab {
    visibility: hidden;
    display: none;
    height: 0;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .product-tabs .tab .tab-content {
    visibility: hidden;
    display: none;
    opacity: 0;
    height: 0;
  }
}
@media (min-width: 768px) {
  .product-tabs .tab.active {
    visibility: visible;
    display: block;
    height: auto;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .product-tabs .tab.active .tab-content {
    visibility: visible;
    display: block;
    height: auto;
    opacity: 1;
  }
}
.product-tabs .tab .tab-content {
  transition: 0.23s ease-out;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  padding: 24px 0 28px 0;
}
.product-tabs .tab .tab-content:before, .product-tabs .tab .tab-content:after {
  content: " ";
  display: table;
}
.product-tabs .tab .tab-content:after {
  clear: both;
}
@media (min-width: 768px) {
  .product-tabs .tab .tab-content {
    padding-top: 60px;
    padding-bottom: 48px;
  }
  .downloads-overview .product-tabs .tab .tab-content {
    padding-bottom: 120px;
  }
}
.product-tabs .tab h4.title-line {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 16px;
}
.product-tabs .tab h4.title-line:after {
  background: #818992;
  width: 24px;
  height: 2px;
  top: -12px;
}
.product-tabs .tab .help-info {
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 16px 0;
}
.product-tabs .tab .help-info * {
  margin: 0;
}
.product-tabs .tab .tab-cols:before, .product-tabs .tab .tab-cols:after {
  content: " ";
  display: table;
}
.product-tabs .tab .tab-cols:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .product-tabs .tab .tab-cols {
    margin-left: -4.16667%;
    margin-right: -4.16667%;
  }
}
.product-tabs .tab .flag-downloaded,
.product-tabs .tab .flag-new {
  float: left;
}
.product-tabs .tab .flag-downloaded {
  font-size: 0;
  line-height: inherit;
  margin-bottom: -10px;
  margin-right: 11px;
}
.product-tabs .tab .flag-downloaded:before {
  position: relative;
  font-family: "icomoon-basic";
  font-size: 14px;
  color: #3700fa;
}
.product-tabs .tab .flag-new {
  padding: 0 9px 0 8px;
  margin-right: 15px;
  margin-top: 4px;
  background: #ff7b00;
  color: #ffffff;
  font-size: 9px;
  line-height: 17px;
}
.product-tabs .tab .col-download {
  margin-top: 48px;
}
.product-tabs .tab .col-download:nth-child(odd), .product-tabs .tab .col-download:nth-child(even) {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .product-tabs .tab .col-download:nth-child(odd), .product-tabs .tab .col-download:nth-child(even) {
    float: left;
    width: 41.66667%;
  }
  .rtl .product-tabs .tab .col-download:nth-child(odd), .rtl .product-tabs .tab .col-download:nth-child(even) {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .product-tabs .tab .col-download:nth-child(odd), .product-tabs .tab .col-download:nth-child(even) {
    margin-left: 4.16667%;
    margin-right: 4.16667%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .product-tabs .tab .col-download:nth-child(even) {
    float: right;
  }
}
.product-tabs .tab .col-download .card {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .product-tabs .tab .col-download .card {
    margin: 0;
  }
}
.product-tabs .tab .col-download ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-tabs .tab .col-download ul li {
  margin: 0;
  padding: 4px 0;
  list-style: none;
}
.product-tabs .tab .col-download a.card {
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
.product-tabs .tab .info-container {
  margin-top: 40px;
}
.product-tabs .tab .info-container:first-child {
  margin-top: 0;
}
.product-tabs .tab .info-sub-container {
  margin-top: 24px;
}
.product-tabs .tab .title-line + .info-sub-container {
  margin-top: 20px;
}
.product-tabs .tab .sub-title {
  font-size: 16px;
  line-height: 24px;
  font-family: "clear_sansbold", arial, sans-serif;
  color: #3f4349;
  text-transform: none;
  margin: 0;
}
.product-tabs .tab .details-row {
  border-bottom: 1px solid #e5e8ec;
  display: table-row;
  vertical-align: middle;
}
.product-tabs .tab .details-row:before, .product-tabs .tab .details-row:after {
  content: " ";
  display: table;
}
.product-tabs .tab .details-row:after {
  clear: both;
}
@media (min-width: 768px) {
  .product-tabs .tab .details-row {
    width: 50%;
  }
}
.product-tabs .tab .details-row:first-child, .sub-title + .product-tabs .tab .details-row {
  border-top: 1px solid #e5e8ec;
}
.product-tabs .tab .details-row [class^="col-"], .product-tabs .tab .details-row [class*="col-"] {
  display: table-cell;
  vertical-align: middle;
  padding-left: 8px;
  padding-top: 10px;
  padding-bottom: 6.6px;
}
.product-tabs .tab .details-row em,
.product-tabs .tab .details-row span {
  font-size: 13px;
  line-height: 17px;
  font-style: normal;
}
.product-tabs .tab .info-details {
  margin-top: 13px;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
@media (min-width: 768px) {
  .product-tabs .tab .info-details {
    width: 65%;
  }
}
.product-tabs .tab .col-1 {
  width: 50%;
  padding-left: 0;
}
.product-tabs .tab .col-2 {
  width: 16.66667%;
}
.product-tabs .tab .col-3 {
  width: 33.33333%;
}
.product-tabs .tab .columns-2 .col-1 {
  width: 66.66667%;
}
.product-tabs .tab .columns-2 .col-2 {
  width: 33.33333%;
}
.product-tabs .tab .columns-3 .col-1 {
  width: 16.66667%;
}
.product-tabs .tab .columns-3 .col-2 {
  width: 50%;
}
.product-tabs .tab .columns-3 .col-3 {
  width: 33.33333%;
}
.product-tabs .tab .columns-3 .col-1.icon-col {
  font-family: "icomoon-basic";
  font-style: normal;
  font-size: 30px;
  line-height: 30px;
  display: none;
}
.product-tabs .tab .columns-3 .col-1.icon-col + .col-2 {
  width: 41.66667%;
  padding-left: 0;
}
.product-tabs .tab .columns-3 .col-1.icon-col + .col-2 + .col-3 {
  width: 58.33333%;
}
.product-tabs .tab .columns-3 .col-1.icon-col.icon-acoustical_performance_communicated, .product-tabs .tab .columns-3 .col-1.icon-col.icon-air_tightness_communicated, .product-tabs .tab .columns-3 .col-1.icon-col.icon-bullet_proof, .product-tabs .tab .columns-3 .col-1.icon-col.icon-burglar_resistance, .product-tabs .tab .columns-3 .col-1.icon-col.icon-fire_proof, .product-tabs .tab .columns-3 .col-1.icon-col.icon-thermal_insulation_communicated, .product-tabs .tab .columns-3 .col-1.icon-col.icon-water_tightness_communicated, .product-tabs .tab .columns-3 .col-1.icon-col.icon-wind_load_communicated {
  display: table-cell;
  width: 60px;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .product-tabs .tab .columns-3 .col-1.icon-col.icon-acoustical_performance_communicated, .product-tabs .tab .columns-3 .col-1.icon-col.icon-air_tightness_communicated, .product-tabs .tab .columns-3 .col-1.icon-col.icon-bullet_proof, .product-tabs .tab .columns-3 .col-1.icon-col.icon-burglar_resistance, .product-tabs .tab .columns-3 .col-1.icon-col.icon-fire_proof, .product-tabs .tab .columns-3 .col-1.icon-col.icon-thermal_insulation_communicated, .product-tabs .tab .columns-3 .col-1.icon-col.icon-water_tightness_communicated, .product-tabs .tab .columns-3 .col-1.icon-col.icon-wind_load_communicated {
    width: 40px;
  }
}
.product-tabs .tab .columns-3 .col-1.icon-col.icon-acoustical_performance_communicated + .col-2, .product-tabs .tab .columns-3 .col-1.icon-col.icon-air_tightness_communicated + .col-2, .product-tabs .tab .columns-3 .col-1.icon-col.icon-bullet_proof + .col-2, .product-tabs .tab .columns-3 .col-1.icon-col.icon-burglar_resistance + .col-2, .product-tabs .tab .columns-3 .col-1.icon-col.icon-fire_proof + .col-2, .product-tabs .tab .columns-3 .col-1.icon-col.icon-thermal_insulation_communicated + .col-2, .product-tabs .tab .columns-3 .col-1.icon-col.icon-water_tightness_communicated + .col-2, .product-tabs .tab .columns-3 .col-1.icon-col.icon-wind_load_communicated + .col-2 {
  width: 33.33333%;
}
.product-tabs .tab .cta-banner {
  margin-top: 64px;
}
.product-tabs .tab.tab-opening-elements ul.opening-elements {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-tabs .tab.tab-opening-elements ul.opening-elements li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  margin: 0 16px 16px 0;
  vertical-align: top;
}
.product-tabs .tab.tab-opening-elements ul.opening-elements .popup {
  display: none;
}
.product-tabs .tab.tab-opening-elements ul.opening-elements .image-wrapper img {
  height: 48px;
  display: block;
  cursor: pointer;
  vertical-align: top;
}
.product-tabs .tab.tab-opening-elements ul.opening-elements .image-wrapper img.active {
  display: none;
}
.product-tabs .tab.tab-opening-elements ul.opening-elements .image-wrapper:hover img {
  display: none;
}
.product-tabs .tab.tab-opening-elements ul.opening-elements .image-wrapper:hover img.active {
  display: block;
}
.product-tabs .tab.tab-variants .tab-content > .node-product.view-mode-teaser {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .product-tabs .tab.tab-variants .tab-content > .node-product.view-mode-teaser {
    float: left;
    width: 25%;
  }
  .rtl .product-tabs .tab.tab-variants .tab-content > .node-product.view-mode-teaser {
    float: right;
  }
}
.product-tabs .tab .subtabs {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .product-tabs .tab .subtabs {
    float: left;
    width: 25%;
  }
  .rtl .product-tabs .tab .subtabs {
    float: right;
  }
}
.product-tabs .tab .subtabs .form-type-select {
  margin: 0;
}
.product-tabs .tab .subtabs .form-type-select select,
.product-tabs .tab .subtabs .form-type-select .select-wrapper {
  max-width: none !important;
}
.product-tabs .tab .subtabs ul,
.product-tabs .tab .subtabs li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-tabs .tab .subtabs > ul {
  display: none;
}
.product-tabs .tab .subtabs > ul li a {
  position: relative;
  display: block;
  color: #636a75;
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 15px;
  line-height: 18px;
  padding: 12px 12px 12px 0;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.23s ease-out;
}
.product-tabs .tab .subtabs > ul li a:before {
  content: "";
  position: absolute;
  background: #3700fa;
  top: 0;
  width: 3px;
  height: 100%;
  max-height: 50px;
  transition: all 0.23s ease-out;
  left: -11px;
}
@media screen and (min-width: 768px) {
  .product-tabs .tab .subtabs > ul li a:before {
    left: -44px;
  }
}
@media screen and (min-width: 992px) {
  .product-tabs .tab .subtabs > ul li a:before {
    left: -58px;
  }
}
@media screen and (min-width: 1280px) {
  .product-tabs .tab .subtabs > ul li a:before {
    left: -71px;
  }
}
@media screen and (min-width: 1366px) {
  .product-tabs .tab .subtabs > ul li a:before {
    left: -76px;
  }
}
@media screen and (min-width: 1400px) {
  .product-tabs .tab .subtabs > ul li a:before {
    left: -78px;
  }
}
@media screen and (min-width: 1440px) {
  .product-tabs .tab .subtabs > ul li a:before {
    left: -80px;
  }
}
.product-tabs .tab .subtabs > ul li a:hover, .product-tabs .tab .subtabs > ul li a.active {
  color: #3f4349;
  text-decoration: none;
}
.product-tabs .tab .subtabs > ul li a:hover:before, .product-tabs .tab .subtabs > ul li a.active:before {
  margin-left: 3px;
}
@media screen and (min-width: 768px) {
  .product-tabs .tab .subtabs .form-type-select {
    display: none !important;
  }
  .product-tabs .tab .subtabs ul {
    display: block;
  }
}
.product-tabs .tab .subtabs-container {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .product-tabs .tab .subtabs-container {
    float: left;
    width: 75%;
  }
  .rtl .product-tabs .tab .subtabs-container {
    float: right;
  }
}
@media (min-width: 992px) {
  .product-tabs .tab .subtabs-container {
    float: left;
    width: 58.33333%;
  }
  .rtl .product-tabs .tab .subtabs-container {
    float: right;
  }
}
.product-tabs .tab .subtabs-container .subtab {
  transition: 0.23s ease-out;
  visibility: hidden;
  display: none;
  height: 0;
  opacity: 0;
  padding-top: 48px;
}
.product-tabs .tab .subtabs-container .subtab.active {
  opacity: 1;
  height: auto;
  display: block;
  visibility: visible;
}
.product-tabs .tab .subtabs-container .subtab .product-heading:before, .product-tabs .tab .subtabs-container .subtab .product-heading:after {
  content: " ";
  display: table;
}
.product-tabs .tab .subtabs-container .subtab .product-heading:after {
  clear: both;
}
.product-tabs .tab .subtabs-container .subtab .product-heading .left {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .product-tabs .tab .subtabs-container .subtab .product-heading .left {
    float: left;
    width: 50%;
  }
  .rtl .product-tabs .tab .subtabs-container .subtab .product-heading .left {
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .product-tabs .tab .subtabs-container .subtab .product-heading .left {
    padding-right: 8px;
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
}
.product-tabs .tab .subtabs-container .subtab .product-heading .left + .right {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .product-tabs .tab .subtabs-container .subtab .product-heading .left + .right {
    float: left;
    width: 50%;
  }
  .rtl .product-tabs .tab .subtabs-container .subtab .product-heading .left + .right {
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .product-tabs .tab .subtabs-container .subtab .product-heading .left + .right {
    text-align: right;
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
}
.product-tabs .tab .subtabs-container .subtab h4.title-line {
  font-size: 34px;
}
.product-tabs .tab .subtabs-container .subtab p.tagline {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 22px;
  color: #52585f;
  margin: 0 0 24px 0;
}
@media screen and (min-width: 992px) {
  .product-tabs .tab .subtabs-container .subtab p.tagline {
    margin: 0;
  }
}
.product-tabs .tab .subtabs-container .subtab .downloads-wrapper {
  margin-top: 32px;
  font-size: 20px;
}
.product-tabs .tab .subtabs-container .subtab .downloads-wrapper h5.title-line {
  margin: 0 0 16px 0;
}
.product-tabs .tab .subtabs-container .subtab .downloads-wrapper h5.title-line:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  background-color: #818992;
  margin-left: 16px;
  top: -11px;
}
.rtl .product-tabs .tab .subtabs-container .subtab .downloads-wrapper h5.title-line:after {
  margin-left: 0;
  margin-right: 8px;
}
@media screen and (min-width: 992px) {
  .product-tabs .tab .subtabs-container .subtab .downloads-wrapper {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .product-tabs .tab .subtabs-container .subtab {
    padding-top: 0;
  }
}
.product-tabs.colour-code-calculator {
  padding-top: 0;
}
.product-tabs.colour-code-calculator .tab .tab-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.cta-banner {
  position: relative;
  background-color: #636a75;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  color: #ffffff;
  padding: 20px 24px;
  display: block;
}
.cta-banner .cta-banner-full-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .cta-banner {
    background-image: url("../img/product-catalogue-bg.png");
    padding: 40px 48px;
  }
}
@media screen and (min-width: 768px) {
  .cta-banner .cta-banner-content {
    max-width: 60%;
  }
}
.cta-banner h5 {
  color: #ffffff;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 22px;
  margin: 0;
}
.cta-banner.cta-banner-catalogues .link-text {
  display: inline-block;
  position: relative;
  margin-top: 48px;
  padding-left: 18px;
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 14px;
}
.cta-banner.cta-banner-catalogues .link-text:before {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 10px;
  height: 10px;
  margin-top: -4px;
}
@media screen and (min-width: 768px) {
  .cta-banner.cta-banner-catalogues {
    background-image: url("../img/product-catalogue-bg.png");
  }
}
.cta-banner.cta-banner-products-register h5 {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .cta-banner.cta-banner-products-register h5 {
    margin-bottom: 53px;
  }
}
.cta-banner.cta-banner-products-register .cta-login,
.cta-banner.cta-banner-products-register .cta-register,
.cta-banner.cta-banner-products-register .cta-or {
  display: inline-block;
}
.cta-banner.cta-banner-products-register .cta-login {
  margin-right: 12px;
}
.cta-banner.cta-banner-products-register .cta-or {
  margin-right: 8px;
}
.cta-banner.cta-banner-products-register .cta-register {
  text-decoration: none;
}
.cta-banner.cta-banner-products-register .cta-register:link, .cta-banner.cta-banner-products-register .cta-register:active {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .cta-banner.cta-banner-products-register {
    background-image: url("../img/product-register-bg.png");
    padding: 40px 48px;
  }
}

.mini-language-select {
  position: relative;
  text-transform: uppercase;
  color: white;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 12px;
  display: inline-block;
}
.mini-language-select .current-language .language-link {
  display: block;
  border: 1px solid #616c97;
  border-radius: 3px;
  line-height: 28px;
  color: white;
  padding-right: 39px;
  padding-left: 10px;
  position: relative;
  text-decoration: none;
}
.mini-language-select .current-language .language-link:after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "\64";
  font-size: 5px;
  height: 5px;
  width: 8px;
  margin-top: -2px;
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mini-language-select ul.language-switcher {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #b4b8bc;
  background-color: white;
}
.mini-language-select ul.language-switcher li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #b4b8bc;
  line-height: 1;
}
.mini-language-select ul.language-switcher li:first-child {
  border-top: none;
}
.mini-language-select ul.language-switcher li a {
  position: relative;
  display: block;
  padding: 8px 10px;
  border-right: 1px solid #b4b8bc;
  border-left: 1px solid #b4b8bc;
  color: #00142b;
}
.mini-language-select ul.language-switcher li a:hover {
  background-color: #f3f3f3;
}
.mini-select-active .mini-language-select ul {
  display: block;
}

.inspire-you-block {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  background: transparent;
  overflow: hidden;
}
.inspire-you-block:before, .inspire-you-block:after {
  content: " ";
  display: table;
}
.inspire-you-block:after {
  clear: both;
}
@media (min-width: 768px) {
  .inspire-you-block {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .inspire-you-block {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.inspire-you-block > h2:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
}
.rtl .inspire-you-block > h2:after {
  margin-left: 0;
  margin-right: 12px;
}
.inspire-you-block > p {
  margin: 0;
}
.inspire-you-block .thumbnail-carousel {
  margin-top: 40px;
}
.inspire-you-block .highlighted-wrapper {
  padding-top: 48px;
}
@media (min-width: 768px) {
  .inspire-you-block > h2 {
    font-size: 34px;
    line-height: 38px;
  }
}

.thumbnail-carousel {
  max-height: 640px;
  overflow: hidden;
}
.thumbnail-carousel a:link {
  text-decoration: none;
}
.thumbnail-carousel .swiper-thumb-pagination {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
.thumbnail-carousel .swiper-slide .slide-content-wrapper {
  position: relative;
  overflow: hidden;
}
.thumbnail-carousel .swiper-slide .slide-content-container {
  position: absolute;
}
.thumbnail-carousel .swiper-slide .slide-image-wrapper {
  z-index: 1;
  text-align: center;
}
.thumbnail-carousel .swiper-slide .slide-image-wrapper .slide-image {
  max-height: 640px;
}
.thumbnail-carousel .swiper-slide .slide-content-container {
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 24px 15px 24px;
}
.thumbnail-carousel .swiper-slide .slide-content-container:after {
  background-image: linear-gradient(-180deg, transparent 0%, #000000 100%);
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 160px;
}
.thumbnail-carousel .swiper-slide .slide-title,
.thumbnail-carousel .swiper-slide .slide-content,
.thumbnail-carousel .swiper-slide .slide-actions {
  position: relative;
  z-index: 3;
}
.thumbnail-carousel .swiper-slide .slide-title h3 {
  color: #ffffff;
  padding: 0;
  margin: 0 0 7px 0;
  font-size: 20px;
  line-height: 24px;
  font-family: "clear_sansregular", arial, sans-serif;
}
.thumbnail-carousel .swiper-slide .slide-title h3.title-line::after {
  background: #e5e8ec;
}
@media screen and (min-width: 768px) {
  .thumbnail-carousel .swiper-slide .slide-title h3 {
    margin: 0 0 15px 0;
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (min-width: 768px) {
  .thumbnail-carousel .swiper-slide .slide-title h3 {
    font-size: 34px;
    line-height: 36px;
  }
}
.thumbnail-carousel .swiper-slide .slide-content {
  display: none;
}
.thumbnail-carousel .swiper-slide .slide-content .short-description {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 24px;
}
.thumbnail-carousel .swiper-slide .slide-actions .icon-arrow-long-right, .thumbnail-carousel .swiper-slide .slide-actions #ip-redirect-wrapper .right a:before, #ip-redirect-wrapper .right .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .node-extranet-overview-page .training-e-learings-wrapper a:before, .node-extranet-overview-page .training-e-learings-wrapper .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .block-usp-homepage .grid-box .ds-content .grid-content .link-to a, .block-usp-homepage .grid-box .ds-content .grid-content .link-to .thumbnail-carousel .swiper-slide .slide-actions a, .thumbnail-carousel .swiper-slide .slide-actions .header-region .block-main-menu .target-group-extra-info .left a:before, .header-region .block-main-menu .target-group-extra-info .left .thumbnail-carousel .swiper-slide .slide-actions a:before,
.thumbnail-carousel .swiper-slide .slide-actions .header-region .related-projects .target-group-extra-info .left a:before,
.header-region .related-projects .target-group-extra-info .left .thumbnail-carousel .swiper-slide .slide-actions a:before {
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
  position: relative;
  padding-right: 30.6px;
}
@media screen and (min-width: 768px) {
  .thumbnail-carousel .swiper-slide .slide-actions .icon-arrow-long-right, .thumbnail-carousel .swiper-slide .slide-actions #ip-redirect-wrapper .right a:before, #ip-redirect-wrapper .right .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .node-extranet-overview-page .training-e-learings-wrapper a:before, .node-extranet-overview-page .training-e-learings-wrapper .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .block-usp-homepage .grid-box .ds-content .grid-content .link-to a, .block-usp-homepage .grid-box .ds-content .grid-content .link-to .thumbnail-carousel .swiper-slide .slide-actions a, .thumbnail-carousel .swiper-slide .slide-actions .header-region .block-main-menu .target-group-extra-info .left a:before, .header-region .block-main-menu .target-group-extra-info .left .thumbnail-carousel .swiper-slide .slide-actions a:before,
  .thumbnail-carousel .swiper-slide .slide-actions .header-region .related-projects .target-group-extra-info .left a:before,
  .header-region .related-projects .target-group-extra-info .left .thumbnail-carousel .swiper-slide .slide-actions a:before {
    padding-right: 40px;
  }
}
.thumbnail-carousel .swiper-slide .slide-actions .icon-arrow-long-right:before, .thumbnail-carousel .swiper-slide .slide-actions .page-splash .target-groups .target-group .target-group-link:before, .page-splash .target-groups .target-group .thumbnail-carousel .swiper-slide .slide-actions .target-group-link:before, .thumbnail-carousel .swiper-slide .slide-actions #ip-redirect-wrapper .right a:before, #ip-redirect-wrapper .right .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .node-extranet-overview-page .training-e-learings-wrapper a:before, .node-extranet-overview-page .training-e-learings-wrapper .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .block-usp-homepage .grid-box .ds-content .grid-content .link-to a:before, .block-usp-homepage .grid-box .ds-content .grid-content .link-to .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .header-region .block-main-menu .target-group-extra-info .left a:before, .header-region .block-main-menu .target-group-extra-info .left .thumbnail-carousel .swiper-slide .slide-actions a:before,
.thumbnail-carousel .swiper-slide .slide-actions .header-region .related-projects .target-group-extra-info .left a:before,
.header-region .related-projects .target-group-extra-info .left .thumbnail-carousel .swiper-slide .slide-actions a:before {
  transition: 0.23s ease-out;
  position: absolute;
  right: 0;
  top: 50%;
  height: 20px;
  width: 20px;
  margin-top: -8px;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .thumbnail-carousel .swiper-slide .slide-actions .icon-arrow-long-right:before, .thumbnail-carousel .swiper-slide .slide-actions .page-splash .target-groups .target-group .target-group-link:before, .page-splash .target-groups .target-group .thumbnail-carousel .swiper-slide .slide-actions .target-group-link:before, .thumbnail-carousel .swiper-slide .slide-actions #ip-redirect-wrapper .right a:before, #ip-redirect-wrapper .right .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .node-extranet-overview-page .training-e-learings-wrapper a:before, .node-extranet-overview-page .training-e-learings-wrapper .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .block-usp-homepage .grid-box .ds-content .grid-content .link-to a:before, .block-usp-homepage .grid-box .ds-content .grid-content .link-to .thumbnail-carousel .swiper-slide .slide-actions a:before, .thumbnail-carousel .swiper-slide .slide-actions .header-region .block-main-menu .target-group-extra-info .left a:before, .header-region .block-main-menu .target-group-extra-info .left .thumbnail-carousel .swiper-slide .slide-actions a:before,
  .thumbnail-carousel .swiper-slide .slide-actions .header-region .related-projects .target-group-extra-info .left a:before,
  .header-region .related-projects .target-group-extra-info .left .thumbnail-carousel .swiper-slide .slide-actions a:before {
    margin-top: -10px;
    font-size: 20px;
  }
}
.thumbnail-carousel .swiper-slide:hover .slide-actions .icon-arrow-long-right:before, .thumbnail-carousel .swiper-slide:hover .slide-actions .page-splash .target-groups .target-group .target-group-link:before, .page-splash .target-groups .target-group .thumbnail-carousel .swiper-slide:hover .slide-actions .target-group-link:before, .thumbnail-carousel .swiper-slide:hover .slide-actions #ip-redirect-wrapper .right a:before, #ip-redirect-wrapper .right .thumbnail-carousel .swiper-slide:hover .slide-actions a:before, .thumbnail-carousel .swiper-slide:hover .slide-actions .node-extranet-overview-page .training-e-learings-wrapper a:before, .node-extranet-overview-page .training-e-learings-wrapper .thumbnail-carousel .swiper-slide:hover .slide-actions a:before, .thumbnail-carousel .swiper-slide:hover .slide-actions .block-usp-homepage .grid-box .ds-content .grid-content .link-to a:before, .block-usp-homepage .grid-box .ds-content .grid-content .link-to .thumbnail-carousel .swiper-slide:hover .slide-actions a:before, .thumbnail-carousel .swiper-slide:hover .slide-actions .header-region .block-main-menu .target-group-extra-info .left a:before, .header-region .block-main-menu .target-group-extra-info .left .thumbnail-carousel .swiper-slide:hover .slide-actions a:before,
.thumbnail-carousel .swiper-slide:hover .slide-actions .header-region .related-projects .target-group-extra-info .left a:before,
.header-region .related-projects .target-group-extra-info .left .thumbnail-carousel .swiper-slide:hover .slide-actions a:before {
  right: 5px;
}
.thumbnail-carousel .swiper-container .swiper-prev,
.thumbnail-carousel .swiper-container .swiper-next {
  background: transparent;
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 17px;
}
@media screen and (min-width: 768px) {
  .thumbnail-carousel .swiper-container .swiper-prev,
  .thumbnail-carousel .swiper-container .swiper-next {
    width: 47px;
    font-size: 28px;
  }
}
.thumbnail-carousel .swiper-container .swiper-prev:hover,
.thumbnail-carousel .swiper-container .swiper-next:hover {
  background: transparent;
}
.thumbnail-carousel .swiper-container .swiper-prev:before,
.thumbnail-carousel .swiper-container .swiper-next:before {
  display: block;
  line-height: 50px;
}
.thumbnail-carousel .swiper-container .swiper-prev {
  text-align: right;
}
.thumbnail-carousel .swiper-container .swiper-next {
  text-align: left;
}
.thumbnail-carousel .swiper-container .slide-link {
  display: block;
}
.thumbnail-carousel .swiper-container .slide-link:hover .button {
  background: #ffffff;
  color: #f58222;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .thumbnail-carousel .swiper-slide .slide-title,
  .thumbnail-carousel .swiper-slide .slide-actions {
    vertical-align: bottom;
  }
  .thumbnail-carousel .swiper-slide .slide-title {
    float: left;
    max-width: 80%;
  }
  .thumbnail-carousel .swiper-slide .slide-actions {
    float: right;
    max-width: 20%;
    padding-top: 9px;
  }
}
@media screen and (min-width: 768px) {
  .thumbnail-carousel .swiper-slide .slide-title {
    display: block;
  }
  .thumbnail-carousel .swiper-slide .slide-content {
    display: inline-block;
    width: 66.66667%;
  }
  .thumbnail-carousel .swiper-slide .slide-content + .slide-actions {
    display: inline-block;
    width: 25%;
    margin-left: 8.33333%;
  }
  .thumbnail-carousel .swiper-slide .slide-content-container {
    padding: 40px 24px 35px 24px;
  }
  .thumbnail-carousel .swiper-slide .slide-actions {
    text-align: right;
    padding-top: 0;
  }
}

.swiper-thumb-pagination {
  overflow: hidden;
  clear: both;
  cursor: default !important;
  display: none;
}
.swiper-thumb-pagination .swiper-thumb-pagination-alignment {
  float: right;
  padding-right: 8px;
}
.swiper-thumb-pagination .thumb {
  width: 100px;
  height: 45px;
  float: left;
  vertical-align: top;
  margin-top: 16px;
  margin-right: 8px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #52585f;
}
.swiper-thumb-pagination .thumb.active, .swiper-thumb-pagination .thumb:hover {
  border: 3px solid #f4f6f7;
}
@media screen and (min-width: 768px) {
  .swiper-thumb-pagination {
    display: block;
  }
}

.swiper-single .swiper-thumb-pagination {
  display: none;
}
.swiper-single .swiper-slide {
  width: 100%;
}

.highlighted-wrapper {
  margin-bottom: 70px;
}
.highlighted-wrapper:before, .highlighted-wrapper:after {
  content: " ";
  display: table;
}
.highlighted-wrapper:after {
  clear: both;
}
.highlighted-wrapper .highlighted-col > h3 {
  color: #3f4349;
  font-size: 22px;
  line-height: 30px;
  margin: 0 0 16px 0;
}
.highlighted-wrapper .highlighted-col > h3 a {
  color: #3f4349;
  text-decoration: none;
}
.highlighted-wrapper .highlighted-col > h3 a:hover, .highlighted-wrapper .highlighted-col > h3 a:active, .highlighted-wrapper .highlighted-col > h3 a:focus {
  color: #3700fa;
}
.highlighted-wrapper .highlighted-col .cards-wrapper {
  position: relative;
}
.highlighted-wrapper .actions {
  clear: both;
  padding-top: 19px;
  text-align: center;
}
.highlighted-wrapper .actions:before, .highlighted-wrapper .actions:after {
  content: " ";
  display: table;
}
.highlighted-wrapper .actions:after {
  clear: both;
}
.highlighted-wrapper .highlighted-top-projects {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .highlighted-wrapper .highlighted-top-projects {
    float: left;
    width: 66.66667%;
  }
  .rtl .highlighted-wrapper .highlighted-top-projects {
    float: right;
  }
}
.highlighted-wrapper .highlighted-top-projects .node-project.view-mode-overview_card {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .highlighted-wrapper .highlighted-top-projects .node-project.view-mode-overview_card {
    float: left;
    width: 50%;
  }
  .rtl .highlighted-wrapper .highlighted-top-projects .node-project.view-mode-overview_card {
    float: right;
  }
}
.page-home .highlighted-wrapper .highlighted-top-projects .node-project.view-mode-overview_card .view-card-wrapper {
  box-shadow: none;
}
.highlighted-wrapper .highlighted-article {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-right: 0;
  padding-left: 0;
  margin-top: 22px;
}
@media (min-width: 768px) {
  .highlighted-wrapper .highlighted-article {
    float: left;
    width: 33.33333%;
  }
  .rtl .highlighted-wrapper .highlighted-article {
    float: right;
  }
}
.page-home .highlighted-wrapper .view-mode-overview_card .view-card-wrapper {
  box-shadow: none;
}
.highlighted-wrapper.wrapper-full-width .highlighted-top-projects {
  float: none;
  width: 100%;
}
.highlighted-wrapper.wrapper-full-width .highlighted-top-projects .node-project.view-mode-overview_card {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .highlighted-wrapper.wrapper-full-width .highlighted-top-projects .node-project.view-mode-overview_card {
    float: left;
    width: 33.33333%;
  }
  .rtl .highlighted-wrapper.wrapper-full-width .highlighted-top-projects .node-project.view-mode-overview_card {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .highlighted-wrapper .highlighted-article {
    margin-top: 0;
  }
}

.project-overview-cols {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
.project-overview-cols:before, .project-overview-cols:after {
  content: " ";
  display: table;
}
.project-overview-cols:after {
  clear: both;
}
@media (min-width: 768px) {
  .project-overview-cols {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .project-overview-cols {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.project-overview-cols .project-overview-col {
  position: relative;
  margin-top: 30px;
}
.project-overview-cols .project-overview-col:first-child {
  margin-top: 0;
}
.project-overview-cols .project-overview-col h2 {
  color: #3f4349;
  font-size: 22px;
  line-height: 30px;
  margin: 0;
}
.project-overview-cols .project-overview-col h2 a {
  color: #3f4349;
  text-decoration: none;
}
.project-overview-cols .project-overview-col h2 a:hover, .project-overview-cols .project-overview-col h2 a:active, .project-overview-cols .project-overview-col h2 a:focus {
  color: #3700fa;
}
.project-overview-cols .project-overview-col a.view-all {
  display: inline-block;
  color: #52585f;
  font-size: 14.6px;
  line-height: 18px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  margin-top: -2px;
}
.project-overview-cols .project-overview-col a.view-all:hover {
  color: #3700fa;
  text-decoration: none;
}
.project-overview-cols .project-overview-col .cards {
  margin-top: 15px;
  position: relative;
}
.project-overview-cols .project-overview-col .button {
  margin-top: 30px;
  margin-left: 4px;
}
.project-overview-cols.project-overview-2-cols .project-overview-col.top-projects-col {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .project-overview-cols.project-overview-2-cols .project-overview-col.top-projects-col {
    float: left;
    width: 58.33333%;
  }
  .rtl .project-overview-cols.project-overview-2-cols .project-overview-col.top-projects-col {
    float: right;
  }
}
.project-overview-cols.project-overview-2-cols .project-overview-col.upcoming-projects-col {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .project-overview-cols.project-overview-2-cols .project-overview-col.upcoming-projects-col {
    float: left;
    width: 41.66667%;
  }
  .rtl .project-overview-cols.project-overview-2-cols .project-overview-col.upcoming-projects-col {
    float: right;
  }
}
.project-overview-cols.project-overview-2-cols .project-overview-col.articles-col {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .project-overview-cols.project-overview-2-cols .project-overview-col.articles-col {
    float: left;
    width: 41.66667%;
  }
  .rtl .project-overview-cols.project-overview-2-cols .project-overview-col.articles-col {
    float: right;
  }
}
.project-overview-cols.project-overview-3-cols .project-overview-col.top-projects-col {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .project-overview-cols.project-overview-3-cols .project-overview-col.top-projects-col {
    float: left;
    width: 41.66667%;
  }
  .rtl .project-overview-cols.project-overview-3-cols .project-overview-col.top-projects-col {
    float: right;
  }
}
.project-overview-cols.project-overview-3-cols .project-overview-col.upcoming-projects-col {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .project-overview-cols.project-overview-3-cols .project-overview-col.upcoming-projects-col {
    float: left;
    width: 33.33333%;
  }
  .rtl .project-overview-cols.project-overview-3-cols .project-overview-col.upcoming-projects-col {
    float: right;
  }
}
.project-overview-cols.project-overview-3-cols .project-overview-col.articles-col {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .project-overview-cols.project-overview-3-cols .project-overview-col.articles-col {
    float: left;
    width: 25%;
  }
  .rtl .project-overview-cols.project-overview-3-cols .project-overview-col.articles-col {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .project-overview-cols .project-overview-col {
    margin-top: 0;
  }
}

.feature-project-search-form {
  position: relative;
}
.feature-project-search-form h2 {
  font-size: 24px;
  line-height: 31px;
  margin: 0 0 12px 0;
}
.feature-project-search-form form {
  position: relative;
}
.feature-project-search-form .form-item {
  margin: 0;
  position: relative;
}
.feature-project-search-form .form-item input.form-text {
  width: 100%;
  max-width: none !important;
  padding-right: 40px;
}
.feature-project-search-form .form-item:after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  z-index: 2;
  pointer-events: none;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  color: #3f4349;
  cursor: pointer;
}
.feature-project-search-form .form-actions {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  z-index: 1;
  margin: 0;
}
.feature-project-search-form .form-actions input.form-submit {
  font-size: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  padding: 0;
}

.facets-header {
  padding-top: 24px;
  line-height: 30px;
  font-size: 13px;
  overflow: hidden;
}
.facets-header:before, .facets-header:after {
  content: " ";
  display: table;
}
.facets-header:after {
  clear: both;
}
.facets-header h3 {
  float: left;
  color: #3f4349;
  line-height: 30px;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}
.facets-header h3:before {
  content: "r";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.23s ease-out;
  transform: rotateZ(0deg);
  font-size: 10px;
  position: absolute;
  top: 9px;
  left: 2px;
}
.facets-header h3.active:before {
  transform: rotateZ(90deg);
}
.facets-header a.facet-filters-reset {
  color: #979ea7;
  display: inline-block;
  float: right;
  text-decoration: underline;
}
.facets-header a.facet-filters-reset:hover {
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  .facets-header h3 {
    padding-left: 0;
    cursor: default;
  }
  .facets-header h3:before {
    display: none;
  }
}

.facet-block-project-search {
  border-top: 1px solid #cfd3d9;
  margin-top: 24px;
  padding-top: 24px;
}
.facet-block-project-search:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.facet-block-project-search h2 {
  position: relative;
  font-size: 17px;
  line-height: 30px;
  padding-right: 20px;
  cursor: pointer;
  margin: 0 0 16px;
}
.facet-block-project-search h2:before, .facet-block-project-search h2:after {
  transition: all 0.21s ease-out;
  transform: rotateZ(0deg);
  content: "";
  display: block;
  background-color: #3f4349;
  position: absolute;
  top: 13px;
  height: 2px;
  width: 12px;
  right: 2px;
}
.facet-block-project-search h2:after {
  opacity: 0;
}
.facet-block-project-search.collapsed h2 {
  margin-bottom: 0;
}
.facet-block-project-search.collapsed h2:after {
  transform: rotateZ(90deg);
  opacity: 1;
}
.facet-block-project-search.collapsed .facetapi-facetapi-links {
  height: 0;
  opacity: 0;
}
.facet-block-project-search .facetapi-facetapi-links {
  transition: all 0.21s ease-out;
  list-style: none;
  margin: 0;
  padding: 0;
  height: auto;
  opacity: 1;
}
.facet-block-project-search .facetapi-facetapi-links li {
  display: block;
  margin: 0;
  padding: 0;
}
.facet-block-project-search .facetapi-facetapi-links a {
  position: relative;
  color: #636a75;
  font-size: 15px;
  padding: 4px 0;
  text-decoration: none;
  display: block;
}
.facet-block-project-search .facetapi-facetapi-links a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .facet-block-project-search .facetapi-facetapi-links a {
    padding: 4px 32px;
  }
  .facet-block-project-search .facetapi-facetapi-links a:before {
    content: "";
    position: absolute;
    background: #3700fa;
    top: 0;
    left: -3px;
    width: 3px;
    height: 100%;
    transition: all 0.23s ease-out;
  }
}
.facet-block-project-search .facetapi-facetapi-links a:hover:before,
.facet-block-project-search .facetapi-facetapi-links li a.facetapi-active:before {
  left: 0;
}
.facet-block-project-search .facetapi-facetapi-links li a.facetapi-active {
  color: #3f4349;
  background: #f4f6f7;
  padding: 4px 8px;
}
@media screen and (min-width: 768px) {
  .facet-block-project-search .facetapi-facetapi-links li a.facetapi-active {
    padding: 4px 32px;
  }
}

.facet-projects-results-header:before, .facet-projects-results-header:after {
  content: " ";
  display: table;
}
.facet-projects-results-header:after {
  clear: both;
}
.facet-projects-results-header h2 {
  font-size: 26px;
  color: #3f4349;
  margin: 0;
  float: left;
}
.facet-projects-results-header .actions-right {
  float: right;
  display: none;
}
.facet-projects-results-header .dropdown-js,
.facet-projects-results-header .item-list-pager {
  display: inline-block;
  vertical-align: middle;
}
.facet-projects-results-header .item-list-pager {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .facet-projects-results-header .actions-right {
    display: block;
  }
}

.dropdown-js {
  position: relative;
  display: inline-block;
  background-color: white;
  min-width: 150px;
  cursor: pointer;
}
.dropdown-js:after {
  content: "d";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.23s ease-out;
  transform: rotateZ(0deg);
  position: absolute;
  top: 14px;
  right: 10px;
  color: #52585f;
  font-size: 6px;
}
.dropdown-js .active-item-js {
  border: 1px solid #b9bfc5;
  border-radius: 3px;
  background-color: white;
  padding: 0 27px 0 8px;
  color: #52585f;
  font-size: 12px;
  line-height: 32px;
  vertical-align: middle;
  white-space: nowrap;
}
.dropdown-js ul {
  transition: all .5s ease-out;
  border-left: 1px solid #b9bfc5;
  border-right: 1px solid #b9bfc5;
  border-bottom: 1px solid #b9bfc5;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.dropdown-js ul,
.dropdown-js li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown-js li:first-child a {
  border-top: none;
}
.dropdown-js a {
  transition: all 0.23s ease-out;
  display: block;
  color: #52585f;
  font-size: 12px;
  line-height: 19px;
  border-top: 1px solid #b9bfc5;
  padding: 8px 8px 7px 8px;
  background-color: white;
  cursor: pointer;
  text-decoration: none;
}
.dropdown-js a.active {
  color: #52585f;
}
.dropdown-js a:link, .dropdown-js a:active {
  text-decoration: none;
}
.dropdown-js a:hover {
  background-color: #f4f6f7;
  color: #3700fa;
}
.dropdown-js.open-js ul {
  height: auto;
  opacity: 1;
}
.dropdown-js.open-js:after {
  transform: rotateZ(180deg);
}

.js-collapsable-wrapper {
  transition: all 0.21s ease-out;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14);
  position: absolute;
  left: 0;
  right: 0;
  padding-left: 8px;
  padding-right: 8px;
  z-index: 2;
  height: auto;
  background-color: white;
  padding-bottom: 30px;
  opacity: 1;
}
.js-collapsable-wrapper.collapsed {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .js-collapsable-wrapper {
    box-shadow: none;
    position: relative;
    left: auto;
    right: auto;
    padding: 0;
  }
}

.facets-projects-results-body {
  padding-top: 7px;
}
.facets-projects-results-body:before, .facets-projects-results-body:after {
  content: " ";
  display: table;
}
.facets-projects-results-body:after {
  clear: both;
}
.facets-projects-results-body .results-container:before, .facets-projects-results-body .results-container:after {
  content: " ";
  display: table;
}
.facets-projects-results-body .results-container:after {
  clear: both;
}
.facets-projects-results-body .project-contact-link {
  margin: 4px;
}
@media screen and (min-width: 768px) {
  .facets-projects-results-body {
    font-size: 0;
  }
  .facets-projects-results-body .contextual-links-wrapper {
    font-size: 16px;
  }
  .facets-projects-results-body .node-project.view-mode-overview_card,
  .facets-projects-results-body .node-article.view-mode-overview_card {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}

.project-overview-header {
  padding-top: 32px;
  padding-bottom: 32px;
}
.project-overview-header:before, .project-overview-header:after {
  content: " ";
  display: table;
}
.project-overview-header:after {
  clear: both;
}
.project-overview-header h2 {
  font-size: 24px;
  line-height: 31px;
  margin: 0 0 12px 0;
}
.project-overview-header .feature-overview-categories {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .project-overview-header .feature-overview-categories {
    float: left;
    width: 66.66667%;
  }
  .rtl .project-overview-header .feature-overview-categories {
    float: right;
  }
}
.project-overview-header .feature-overview-categories ul,
.project-overview-header .feature-overview-categories li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.project-overview-header .feature-overview-categories ul li,
.project-overview-header .feature-overview-categories li li {
  padding: 10px 10px 0 0;
  display: inline-block;
}
.project-overview-header .feature-overview-categories ul li.last,
.project-overview-header .feature-overview-categories li li.last {
  padding-right: 0;
}
.project-overview-header .feature-project-search-form {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 40px;
}
@media (min-width: 992px) {
  .project-overview-header .feature-project-search-form {
    float: left;
    width: 33.33333%;
  }
  .rtl .project-overview-header .feature-project-search-form {
    float: right;
  }
}
.project-overview-header .feature-project-search-form .form-actions {
  top: 10px;
}
.project-overview-header .feature-project-search-form .form-item {
  padding-top: 10px;
}
.project-overview-header .feature-project-search-form .form-item:after {
  top: 10px;
}
@media screen and (min-width: 992px) {
  .project-overview-header .feature-overview-categories {
    padding-left: 0;
  }
  .project-overview-header .feature-project-search-form {
    padding-top: 0;
    padding-right: 0;
  }
}

.header-theme {
  overflow: hidden;
  position: relative;
  min-height: 200px;
  max-height: auto;
}
.header-theme:before, .header-theme:after {
  content: " ";
  display: table;
}
.header-theme:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .header-theme {
    max-height: 440px;
  }
}
.header-theme .header-theme-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 150px;
  max-height: 440px;
}
.header-theme .header-theme-content {
  position: relative;
  z-index: 1;
}
.header-theme .header-theme-body p {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 24px;
}
.header-theme .header-theme-body p:last-child {
  margin-bottom: 0;
}
.header-theme .header-theme-description,
.header-theme .header-theme-search {
  padding-top: 40px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 3;
}
.header-theme .header-theme-search {
  padding-bottom: 40px;
}
.header-theme .header-theme-title {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 24px;
  line-height: 32px;
}
.header-theme .header-theme-title.title-line::after {
  background: #e5e8ec;
  top: -10px;
}
.header-theme .feature-project-search-form {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .header-theme {
    min-height: 440px;
  }
  .header-theme .header-theme-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    min-height: 440px;
  }
  .header-theme .header-theme-body {
    padding-top: 16px;
  }
  .header-theme .header-theme-body p {
    color: #ffffff;
  }
  .header-theme .header-theme-content {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 24px 15px 24px;
    color: #ffffff;
  }
  .header-theme .header-theme-content::after {
    background-image: linear-gradient(-180deg, transparent 0%, #000000 100%);
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
  }
  .header-theme .header-theme-description,
  .header-theme .header-theme-search {
    float: left;
    padding: 0 4px;
  }
  .header-theme .header-theme-title {
    color: #ffffff;
  }
  .header-theme .header-theme-description {
    width: 58.33333%;
  }
  .header-theme .header-theme-search {
    margin-left: 8.33333%;
    width: 33.33333%;
  }
  .header-theme .header-theme-search h3 {
    font-size: 18px;
    line-height: 38px;
    margin: 0;
    color: #ffffff;
  }
}

.video-overlay-js {
  background-color: rgba(28, 28, 28, 0.97);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.video-overlay-wrapper-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}

.video-overlay-container-js {
  padding: 40px;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.video-overlay-container-js:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.video-overlay-content-js {
  transition: all 0.21s ease-out;
  line-height: 0;
  width: 100%;
  max-width: 1440px;
  cursor: auto;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1;
}
.video-overlay-content-js .video-wrapper-js {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  height: 0;
}
.video-overlay-content-js .video-wrapper-js .video-close-js {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -25px;
  right: 0;
  text-decoration: none;
  display: block;
  z-index: 10;
  background: transparent;
}
.video-overlay-content-js .video-wrapper-js .video-close-js:hover {
  text-decoration: none;
}
.video-overlay-content-js .video-wrapper-js .video-close-js span {
  display: none;
}
.video-overlay-content-js .video-wrapper-js .video-close-js:before {
  content: "x";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 20px;
}
.video-overlay-content-js .video-wrapper-js iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

body.video-overlay-active {
  overflow: hidden;
}

.related-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.related-wrapper:before, .related-wrapper:after {
  content: " ";
  display: table;
}
.related-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .related-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.full-width .related-wrapper {
  max-width: 1440px;
}
.related-wrapper > h2 {
  text-align: center;
  margin: 0;
}
.related-wrapper .highlighted-wrapper {
  margin-top: 36px;
}
@media screen and (min-width: 768px) {
  .related-wrapper .highlighted-wrapper .highlighted-article .cards-wrapper:before {
    background-color: #e1e1e1;
  }
}

.inspire-details {
  border-top: 1px solid #e1e1e1;
  color: #52585f;
  padding-bottom: 7px;
}
.inspire-details:before, .inspire-details:after {
  content: " ";
  display: table;
}
.inspire-details:after {
  clear: both;
}
.inspire-details .inspire-details-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.inspire-details .inspire-details-container:before, .inspire-details .inspire-details-container:after {
  content: " ";
  display: table;
}
.inspire-details .inspire-details-container:after {
  clear: both;
}
@media (min-width: 768px) {
  .inspire-details .inspire-details-container {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.full-width .inspire-details .inspire-details-container {
  max-width: 1440px;
}
.inspire-details .inspire-details-col {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding: 0;
}
@media (min-width: 768px) {
  .inspire-details .inspire-details-col {
    float: left;
    width: 50%;
  }
  .rtl .inspire-details .inspire-details-col {
    float: right;
  }
}
.inspire-details .inspire-details-col > div {
  position: relative;
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 13px;
  line-height: 18px;
  margin-top: 30px;
  padding-left: 52px;
}
.inspire-details .inspire-details-col > div:before, .inspire-details .inspire-details-col > div:after {
  content: " ";
  display: table;
}
.inspire-details .inspire-details-col > div:after {
  clear: both;
}
.inspire-details .inspire-details-col > div a,
.inspire-details .inspire-details-col > div span {
  display: block;
  float: left;
  clear: both;
  margin-top: 2px;
}
.inspire-details .inspire-details-col > div a {
  color: #3700fa;
}
.inspire-details .inspire-details-col > div a:hover {
  color: #3700fa;
}
.inspire-details .inspire-details-col > div:before {
  font-size: 31px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 768px) {
  .inspire-details .inspire-details-col > div.field-fabricator, .inspire-details .inspire-details-col > div.field-architect, .inspire-details .inspire-details-col > div.field-location, .inspire-details .inspire-details-col > div.field-photographer, .inspire-details .inspire-details-col > div.field-partners, .inspire-details .inspire-details-col > div.field-project-solutions, .inspire-details .inspire-details-col > div.field-used-systems, .inspire-details .inspire-details-col > div.field-documents {
    min-height: 54px;
  }
}
.inspire-details .inspire-details-col > div.field-fabricator:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.inspire-details .inspire-details-col > div.field-location:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.inspire-details .inspire-details-col > div.field-location a {
  font-size: 15px;
}
.inspire-details .inspire-details-col > div.field-photographer:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.inspire-details .inspire-details-col > div.field-architect:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.inspire-details .inspire-details-col > div.field-partners .label-above {
  margin-bottom: 4px;
}
.inspire-details .inspire-details-col > div.field-partners:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.inspire-details .inspire-details-col > div.field-partners span,
.inspire-details .inspire-details-col > div.field-partners a {
  display: block;
  float: none;
  margin-top: 2px;
  font-size: 13px;
}
.inspire-details .inspire-details-col > div.field-project-solutions, .inspire-details .inspire-details-col > div.field-used-systems {
  clear: both;
  overflow: hidden;
}
.inspire-details .inspire-details-col > div.field-project-solutions:before, .inspire-details .inspire-details-col > div.field-used-systems:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.inspire-details .inspire-details-col > div.field-project-solutions .label-above, .inspire-details .inspire-details-col > div.field-used-systems .label-above {
  margin: 0;
}
.inspire-details .inspire-details-col > div.field-project-solutions .group-title, .inspire-details .inspire-details-col > div.field-used-systems .group-title {
  color: #3f4349;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  display: block;
  float: none;
  clear: none;
  margin-top: 0;
}
.inspire-details .inspire-details-col > div.field-project-solutions .group-title:hover, .inspire-details .inspire-details-col > div.field-used-systems .group-title:hover {
  color: #3700fa;
}
.inspire-details .inspire-details-col > div.field-project-solutions .used-system-group, .inspire-details .inspire-details-col > div.field-used-systems .used-system-group {
  float: left;
  margin-right: 25px;
  margin-top: 6px;
}
.inspire-details .inspire-details-col > div.field-project-solutions .used-system-group:last-child, .inspire-details .inspire-details-col > div.field-used-systems .used-system-group:last-child {
  margin-right: 0;
}
.inspire-details .inspire-details-col > div.field-project-solutions ul,
.inspire-details .inspire-details-col > div.field-project-solutions li, .inspire-details .inspire-details-col > div.field-used-systems ul,
.inspire-details .inspire-details-col > div.field-used-systems li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inspire-details .inspire-details-col > div.field-project-solutions ul, .inspire-details .inspire-details-col > div.field-used-systems ul {
  display: inline-block;
}
.inspire-details .inspire-details-col > div.field-project-solutions ul li, .inspire-details .inspire-details-col > div.field-used-systems ul li {
  text-align: center;
  display: inline-block;
  margin-left: 15px;
}
.inspire-details .inspire-details-col > div.field-project-solutions ul li:first-child, .inspire-details .inspire-details-col > div.field-used-systems ul li:first-child {
  margin-left: 0;
}
.inspire-details .inspire-details-col > div.field-project-solutions ul li a,
.inspire-details .inspire-details-col > div.field-project-solutions ul li span, .inspire-details .inspire-details-col > div.field-used-systems ul li a,
.inspire-details .inspire-details-col > div.field-used-systems ul li span {
  color: #3f4349;
  font-size: 10px;
  line-height: 16px;
  font-family: "clear_sansregular", arial, sans-serif;
  text-decoration: none;
  display: block;
  margin-top: -4px;
  float: none;
  clear: none;
}
.inspire-details .inspire-details-col > div.field-project-solutions ul li a:hover, .inspire-details .inspire-details-col > div.field-used-systems ul li a:hover {
  color: #3700fa;
}
.inspire-details .inspire-details-col > div.field-documents {
  clear: both;
  overflow: hidden;
  margin-top: 28px;
}
.inspire-details .inspire-details-col > div.field-documents:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.inspire-details .inspire-details-col > div.field-documents a {
  color: #282828;
}
.inspire-details .inspire-details-col > div.field-documents a:hover {
  text-decoration: underline;
}
.inspire-details .inspire-details-col > div .label-above {
  color: #818992;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
}
.inspire-details .inspire-details-col.col-right {
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .inspire-details .inspire-details-col.col-right {
    padding-bottom: 0;
  }
}
.inspire-details .inspire-details-footer {
  clear: both;
  overflow: hidden;
  padding-top: 14px;
  float: left;
  width: 100%;
}
.inspire-details .inspire-details-footer .author-block {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: right;
}
@media (min-width: 768px) {
  .inspire-details .inspire-details-footer .author-block {
    float: left;
    width: 100%;
  }
  .rtl .inspire-details .inspire-details-footer .author-block {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .inspire-details .inspire-details-col {
    margin-bottom: 31px;
  }
  .inspire-details .inspire-details-col.col-left {
    padding-right: 4px;
  }
  .inspire-details .inspire-details-col.col-right {
    padding-left: 4px;
  }
  .inspire-details .inspire-details-col + .inspire-details-footer {
    margin-top: -31px;
  }
  .inspire-details .inspire-details-col > div {
    margin-top: 50px;
    padding: 0 52px;
  }
  .inspire-details .inspire-details-col > div.field-partners {
    margin-top: 33px;
  }
  .inspire-details .inspire-details-col.col-left {
    font-size: 0;
    padding-left: 0;
  }
  .inspire-details .inspire-details-col.col-left > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .inspire-details .inspire-details-col.col-left > div.field-partners {
    display: block;
    width: 100%;
  }
  .inspire-details .inspire-details-col.col-right {
    padding-right: 0;
  }
}

.side-panel {
  transition: all 0.21s ease-out;
  position: fixed;
  top: 50%;
  background-color: white;
  border-left: 1px solid #cfd3d9;
  border-top: 1px solid #cfd3d9;
  border-bottom: 1px solid #cfd3d9;
  font-size: 0;
  opacity: 0;
  z-index: 100;
  right: -280px;
  width: 280px;
}
.side-panel h6 {
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  margin: 0;
}
.side-panel .panel-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  z-index: 2;
  cursor: pointer;
}
.side-panel .panel-close span {
  display: none;
  font-size: 0;
}
.side-panel .panel-close:before, .side-panel .panel-close:after {
  transition: all 0.21s ease-out;
  transform: rotateZ(-45deg);
  content: "";
  width: 10px;
  height: 2px;
  background-color: #3f4349;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}
.side-panel .panel-close:after {
  transform: rotateZ(-135deg);
}
.side-panel .panel-close:hover:before, .side-panel .panel-close:hover:after {
  transform: rotateZ(0deg);
}
.side-panel .panel-form {
  padding: 19px 8px 3px 8px;
}
.side-panel .panel-form input,
.side-panel .panel-form textarea,
.side-panel .panel-form select,
.side-panel .panel-form .select-wrapper {
  max-width: none !important;
  width: 100%;
}
.side-panel .panel-form .messages {
  margin-bottom: 10px;
}
.side-panel .panel-form .messages.error {
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
}
.side-panel .panel-form .form-item,
.side-panel .panel-form .form-actions {
  margin: 0;
}
.side-panel .panel-form .form-item {
  margin-top: 10px;
}
.side-panel .panel-form .form-item input {
  font-size: 11px;
  padding: 0 10px;
  line-height: 30px;
}
.side-panel .panel-form .form-item input::-webkit-input-placeholder, .side-panel .panel-form .form-item input:-moz-placeholder, .side-panel .panel-form .form-item input::-moz-placeholder, .side-panel .panel-form .form-item input:-ms-input-placeholder {
  color: #8c8c8c;
}
.side-panel .panel-form .form-actions {
  margin-top: 5px;
}
.side-panel .panel-form .form-actions input[type="submit"] {
  white-space: normal !important;
  text-align: center;
  padding: 7px 16px 6px 16px;
}
.side-panel .panel-form a.button {
  padding: 7px 16px 6px 16px;
  width: 100%;
  margin-top: 20px;
}
.side-panel .panel-actions {
  text-align: center;
  font-size: 12px;
  line-height: 19px;
  margin-top: 3px;
}
.side-panel .panel-actions a.close-text {
  font-size: 12px;
  line-height: 19px;
  text-decoration: none;
}
.side-panel .panel-info {
  padding: 20px;
}
.side-panel .panel-info h6 {
  line-height: 21px;
}
.side-panel .panel-info p {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.side-panel .panel-links {
  position: relative;
  border-top: 1px solid #cfd3d9;
}
.side-panel .panel-link-block {
  transition: all 0.21s ease-out;
  display: block;
  position: relative;
  border-top: 1px solid #cfd3d9;
  padding: 11px 20px 11px 50px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  background-color: white;
  cursor: pointer;
  text-decoration: none;
}
.side-panel .panel-link-block:hover, .side-panel .panel-link-block:active, .side-panel .panel-link-block:focus {
  text-decoration: none;
}
.side-panel .panel-link-block:hover {
  background-color: #f4f6f7;
}
.side-panel .panel-link-block:before {
  color: #3700fa;
  position: absolute;
  left: 20px;
  font-size: 12px;
}
.side-panel .panel-link-block.link-phone:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 11px;
}
.side-panel .panel-link-block.link-mail:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 14px;
}
.side-panel.active {
  right: 0 !important;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .side-panel.cols-2 {
    right: -435px;
    width: 435px;
  }
  .side-panel.cols-2 .panel-form,
  .side-panel.cols-2 .panel-links {
    vertical-align: top;
    display: inline-block;
  }
  .side-panel.cols-2 .panel-form {
    width: 62%;
  }
  .side-panel.cols-2 .panel-links {
    width: 38%;
  }
  .side-panel .panel-form,
  .side-panel .panel-links {
    font-size: 16px;
  }
  .side-panel .panel-form {
    padding: 19px 20px 3px 20px;
  }
  .side-panel .panel-links {
    border-top: none;
  }
  .side-panel .panel-links:before {
    content: "";
    display: block;
    width: 1px;
    background-color: #cfd3d9;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
}

.side-panel-button-js {
  transition: all 0.21s ease-out;
  background-color: white;
  border-left: 1px solid #cfd3d9;
  border-top: 1px solid #cfd3d9;
  border-bottom: 1px solid #cfd3d9;
  padding: 10px 10px 8px 10px;
  width: 0;
  opacity: 0;
  cursor: pointer;
  position: fixed;
  top: 50%;
  z-index: 99;
  right: 0;
}
.side-panel-button-js a {
  font-size: 0;
  display: block;
  margin-top: 10px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-decoration: none;
}
.side-panel-button-js a:first-child {
  margin-top: 0;
}
.side-panel-button-js a:before {
  color: #3700fa;
  font-size: 12px;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px !important;
}
.side-panel-button-js a.link-phone:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 11px;
}
.side-panel-button-js a.link-mail:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 14px;
}
.side-panel-button-js a.panel-arrow:before {
  content: "l";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 14px;
}
.side-panel-closed .side-panel-button-js {
  opacity: 1;
  width: 40px;
}

.addthis_toolbox a {
  margin: 0;
}
.addthis_toolbox a span {
  display: none;
}
.addthis_toolbox a:before {
  display: inline-block;
  font-size: 17px;
}
.addthis_toolbox a.addthis_button_facebook:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3b5998;
}
.addthis_toolbox a.addthis_button_twitter:before {
  content: "t";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1da1f2;
}
.addthis_toolbox a.addthis_button_linkedin:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077B5;
}
.addthis_toolbox a.addthis_button_pinterest_share:before {
  content: "p";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #bd081c;
}
.addthis_toolbox a.addthis_button_email:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8e97a2;
}

.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m,
.addthis_default_style .at4-icon,
.addthis_default_style .at300bs {
  padding: 0 10px !important;
  margin-left: 3px;
}

.share-buttons-wrapper ul,
.share-buttons-wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.share-buttons-wrapper li {
  display: inline-block;
  margin-left: 25px;
}
.share-buttons-wrapper li:first-child {
  margin-left: 0;
}
.share-buttons-wrapper a.social {
  display: inline-block;
}
.share-buttons-wrapper a.social:before {
  display: inline-block;
  font-size: 17px;
}
.share-buttons-wrapper a.social.facebook:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3b5998;
}
.share-buttons-wrapper a.social.twitter:before {
  content: "t";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1da1f2;
}
.share-buttons-wrapper a.social.linkedin:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0077B5;
}
.share-buttons-wrapper a.social.pinterest:before {
  content: "p";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #bd081c;
}
.share-buttons-wrapper a.social.pinterest:hover {
  cursor: pointer;
}
.share-buttons-wrapper a.social.mail:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8e97a2;
}

.author-block {
  color: #878787;
  font-size: 14px;
  line-height: 30px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
}
.author-block span.written-by:after {
  content: " : ";
}

.subscribe-form-wrapper h3 {
  font-size: 16px;
  margin: 0;
  color: #75797d;
  font-family: "clear_sansbold", arial, sans-serif;
  text-transform: none;
}
.subscribe-form-wrapper form {
  margin-top: 22px;
}
.subscribe-form-wrapper form:before, .subscribe-form-wrapper form:after {
  content: " ";
  display: table;
}
.subscribe-form-wrapper form:after {
  clear: both;
}
.subscribe-form-wrapper form .form-type-textfield,
.subscribe-form-wrapper form .form-actions {
  float: left;
  margin: 0;
}
.subscribe-form-wrapper form .messages.error {
  padding: 10px;
  font-size: 14px;
  margin: 10px 0;
}
.subscribe-form-wrapper form input[type="text"] {
  border: 1px solid #9dab99;
  border-right: none;
  padding: 0 12px;
  line-height: 1;
  font-size: 11px;
  height: 30px;
}
.subscribe-form-wrapper form input[type="text"]::-webkit-input-placeholder, .subscribe-form-wrapper form input[type="text"]:-moz-placeholder, .subscribe-form-wrapper form input[type="text"]::-moz-placeholder, .subscribe-form-wrapper form input[type="text"]:-ms-input-placeholder {
  color: #444444;
}
.subscribe-form-wrapper form input[type="submit"] {
  padding-top: 7px;
  padding-bottom: 6px;
  height: 30px;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 0;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer:before, .subscribe-form-wrapper #project-subscribe-form-wrapper-footer:after {
  content: " ";
  display: table;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer:after {
  clear: both;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer:before, .subscribe-form-wrapper #project-subscribe-form-wrapper-footer:after {
  content: " ";
  display: table;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer:after {
  clear: both;
}
@media (min-width: 768px) {
  .subscribe-form-wrapper #project-subscribe-form-wrapper-footer {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer form {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 0;
  padding-bottom: 64px;
}
@media (min-width: 768px) {
  .subscribe-form-wrapper #project-subscribe-form-wrapper-footer form {
    float: left;
    width: 41.66667%;
  }
  .rtl .subscribe-form-wrapper #project-subscribe-form-wrapper-footer form {
    float: right;
  }
}
@media (min-width: 768px) {
  .subscribe-form-wrapper #project-subscribe-form-wrapper-footer form {
    margin-left: 16.66667%;
  }
  .rtl .subscribe-form-wrapper #project-subscribe-form-wrapper-footer form {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer .form-item {
  width: 100%;
  float: left;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer .form-type-textfield {
  width: 100%;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer .form-type-textfield input {
  width: 100% !important;
  height: 40px;
  border: 1px solid #9dab99;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer .form-type-checkbox {
  clear: both;
  margin-top: 16px;
}
.subscribe-form-wrapper #project-subscribe-form-wrapper-footer .form-actions {
  right: 4px;
}

.project-contact-link {
  margin: 20px 0;
  clear: both;
}
.project-contact-link a {
  display: table;
  width: 100%;
  background: transparent url(../img/project-contact-link-bg.jpg) no-repeat center center;
  background-size: cover;
  border: 1px solid #e1e1e1;
  height: 175px;
  text-align: center;
  font-size: 20px;
  position: relative;
  text-decoration: none;
}
.project-contact-link a span {
  transition: all 0.21s ease-out;
  display: table-cell;
  position: relative;
  color: #f58222;
  text-decoration: none;
  vertical-align: middle;
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 20px;
  cursor: pointer;
}
.project-contact-link a span:after {
  transition: all 0.21s ease-out;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.025);
  z-index: 0;
  opacity: 0;
}
.project-contact-link a:hover {
  text-decoration: none;
}
.project-contact-link a:hover span:after {
  opacity: 1;
}

.search-slide {
  border-radius: 3px;
  transition: all 0.21s ease-out;
  overflow: hidden;
  position: relative;
  margin-top: 24px;
  margin-right: 20px;
  border: solid 1px #abb2bb;
  display: inline-block;
  background: #ffffff;
  height: 32px;
  width: 36px;
}
.search-slide .search-link {
  display: block;
  width: 36px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  text-decoration: none;
}
.search-slide .form-type-textfield {
  overflow: hidden;
  margin: 0 0 0 36px;
  padding: 0;
}
.search-slide .form-type-textfield input {
  padding: 0 12px;
  max-width: none !important;
  width: 100%;
  border: none;
  line-height: 1;
  display: block;
  height: 28px;
}
@media screen and (min-width: 768px) {
  .search-slide .form-type-textfield input {
    padding: 0 6px;
  }
}
.search-slide input[type=submit] {
  background: transparent;
  font-size: 0;
  width: 36px;
  height: 32px;
  position: absolute;
  padding: 0;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  display: none;
}
.search-slide input[type=submit]:hover {
  background: transparent;
}
.search-slide.active {
  width: 200px;
}
.search-slide.active input[type=submit] {
  display: block;
  z-index: 2;
}
.search-slide.active input[type=submit]:hover + .search-link {
  background: #f4f6f7;
}
.search-slide.active input[type=submit]:hover + .search-link::before {
  color: #3700fa;
}
#mobile-menu .search-slide {
  width: 100%;
  max-width: none;
  margin-right: 0;
}
#mobile-menu .search-slide .search-link {
  pointer-events: none;
}
#mobile-menu .search-slide input[type=submit] {
  display: block;
}

.title-line {
  position: relative;
}
.title-line:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
}
.rtl .title-line:after {
  margin-left: 0;
  margin-right: 12px;
}

.arrow-block {
  position: relative;
  padding-left: 32px;
  padding-bottom: 32px;
  cursor: pointer;
  transition: all 0.23s ease-out;
}
.arrow-block:before {
  position: absolute;
  font-family: "icomoon-basic";
  left: 0;
  bottom: 32px;
}
.arrow-block a {
  display: block;
  font-family: "clear_sansbold", arial, sans-serif;
  text-decoration: none;
  margin-bottom: -4px;
  transition: all 0.23s ease-out;
}
.arrow-block:hover, .arrow-block:hover a {
  color: #3700fa;
}
.rtl .arrow-block {
  padding-left: 0;
  padding-right: 32px;
  text-align: right;
}
.rtl .arrow-block:before {
  left: auto;
  right: 0;
}

#cboxOverlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#colorbox {
  z-index: 10000;
}
#colorbox.ip-redirect #cboxClose {
  display: none !important;
}
#colorbox #cboxClose {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 0;
  text-decoration: none;
}
#colorbox #cboxClose:before {
  font-family: "icomoon-basic";
  font-size: 16px;
  line-height: 8px;
}
#colorbox #cboxClose:hover {
  color: #3700fa;
}
#colorbox #cboxContent > * > * {
  position: relative;
  background: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  padding: 32px 16px;
  max-width: 100%;
}
#colorbox.overlay-slider #cboxContent > * > * {
  background: #ffffff;
  padding: 0;
  border: 8px solid #ffffff;
}
@media screen and (min-width: 992px) {
  #colorbox.overlay-slider #cboxContent > * > * {
    background: #000000;
  }
}
@media screen and (min-width: 768px) {
  #colorbox.overlay-slider {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  #colorbox.overlay-slider {
    width: 90%;
    height: auto;
  }
}
#colorbox.overlay-slider #cboxClose {
  z-index: 2;
  color: #ffffff;
  top: 24px;
  right: 24px;
  cursor: pointer;
  padding: 0;
  z-index: 1000;
  width: 30px;
  height: 30px;
  text-align: center;
}
#colorbox.overlay-slider #cboxClose:before {
  color: #ffffff;
}
#colorbox.overlay-slider .swiper-container {
  max-height: 320px;
  width: 320px;
}
@media screen and (min-width: 768px) {
  #colorbox.overlay-slider .swiper-container {
    max-height: 600px;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  #colorbox.overlay-slider .swiper-container {
    max-height: 720px;
  }
}
#colorbox.overlay-slider .swiper-container img {
  max-height: 320px;
}
@media screen and (min-width: 768px) {
  #colorbox.overlay-slider .swiper-container img {
    max-height: 600px;
  }
}
@media screen and (min-width: 992px) {
  #colorbox.overlay-slider .swiper-container img {
    max-height: 720px;
  }
}
#colorbox.overlay-slider .swiper-container .swiper-prev,
#colorbox.overlay-slider .swiper-container .swiper-next {
  display: none;
}
@media screen and (min-width: 768px) {
  #colorbox.overlay-slider .swiper-container .swiper-prev,
  #colorbox.overlay-slider .swiper-container .swiper-next {
    display: block;
  }
}
#colorbox.overlay-slider .swiper-container .swiper-prev {
  left: 0;
  text-align: left;
  padding-left: 7px;
}
@media screen and (min-width: 768px) {
  #colorbox.overlay-slider .swiper-container .swiper-prev {
    left: 6px;
    padding-left: 0;
    text-align: center;
  }
}
#colorbox.overlay-slider .swiper-container .swiper-next {
  right: 0;
  text-align: right;
  padding-right: 7px;
}
@media screen and (min-width: 768px) {
  #colorbox.overlay-slider .swiper-container .swiper-next {
    right: 6px;
    padding-right: 0;
    text-align: center;
  }
}
#colorbox.overlay-slider .swiper-container .swiper-slide {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #ffffff;
}
#colorbox.overlay-slider .swiper-container .swiper-slide img {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
#colorbox.overlay-slider .swiper-container .swiper-slide.swiper-slide-active img {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media screen and (min-width: 992px) {
  #colorbox.overlay-slider .swiper-container .swiper-slide {
    background-color: #000000;
  }
}

#ip-redirect-wrapper .decline-redirection {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 0;
  text-decoration: none;
}
#ip-redirect-wrapper .decline-redirection:before {
  font-family: "icomoon-basic";
  font-size: 16px;
  line-height: 8px;
}
#ip-redirect-wrapper .decline-redirection:hover {
  color: #3700fa;
}
#ip-redirect-wrapper .left {
  width: 56px;
}
#ip-redirect-wrapper .right {
  display: block;
  overflow: hidden;
}
#ip-redirect-wrapper .right div + div {
  margin-top: 16px;
}
#ip-redirect-wrapper .right h3 {
  margin-bottom: 8px;
}
#ip-redirect-wrapper .right a {
  position: relative;
  display: inline-block;
  color: #3700fa;
  text-decoration: none;
  padding-left: 32px;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
}
#ip-redirect-wrapper .right a:before {
  position: absolute;
  font-family: "icomoon-basic";
  top: .0625em;
  left: 0;
  transition: all 0.23s ease-out;
}
#ip-redirect-wrapper .right a:hover:before {
  transform: translateX(4px);
}
@media (min-width: 768px) {
  #ip-redirect-wrapper {
    padding-left: 88px !important;
  }
  #ip-redirect-wrapper .left {
    position: absolute;
    top: 32px;
    left: 16px;
  }
}

.extranet-contact-block {
  background: transparent url("../img/bg-contact.jpg") no-repeat center center;
  background-size: cover;
  vertical-align: middle;
  text-align: center;
  padding: 80px 16px 70px 16px;
}
.extranet-contact-block h2 {
  color: #ffffff;
  font-size: 26px;
  line-height: 40px;
}
@media screen and (min-width: 768px) {
  .extranet-contact-block {
    padding: 120px 20px 110px;
  }
  .extranet-contact-block h2 {
    font-size: 36px;
  }
}

.calendar-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  background: transparent;
}
.calendar-wrapper:before, .calendar-wrapper:after {
  content: " ";
  display: table;
}
.calendar-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .calendar-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .calendar-wrapper {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.calendar-wrapper .intro-text {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  line-height: 24px;
  margin-bottom: 32px;
}
.calendar-wrapper .fc {
  border: solid 1px #abb2bb;
  border-radius: 3px;
}
.calendar-wrapper .fc-toolbar {
  padding: 6px 8px;
  text-align: center;
}
.calendar-wrapper .fc-toolbar * {
  display: inline-block;
  color: #52585f;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 24px;
  text-transform: none;
  margin: 0;
}
.calendar-wrapper .fc-toolbar h2 {
  margin: 0 40px;
}
.calendar-wrapper .fc-toolbar button {
  position: relative;
  background: transparent;
  padding: 0;
  width: 16px;
  height: 16px;
}
.calendar-wrapper .fc-toolbar button .fc-icon:hover {
  border-top-color: #3700fa;
  border-right-color: #3700fa;
}
.calendar-wrapper .fc-toolbar .fc-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.4px;
  height: 5.4px;
  border: solid 0 transparent;
  border-top: solid 1px #636a75;
  border-right: solid 1px #636a75;
  transform-origin: center center;
}
.calendar-wrapper .fc-toolbar .fc-icon-left-single-arrow:before {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.calendar-wrapper .fc-toolbar .fc-icon-right-single-arrow:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.calendar-wrapper table {
  width: 100%;
  margin: 0;
  table-layout: fixed;
}
.calendar-wrapper th,
.calendar-wrapper td {
  padding: 0;
  border: none;
  width: 14.28571%;
}
.calendar-wrapper th.fc-day-header, .calendar-wrapper th.fc-day-number,
.calendar-wrapper td.fc-day-header,
.calendar-wrapper td.fc-day-number {
  padding: 8px;
}
.calendar-wrapper th.fc-other-month.fc-day-number,
.calendar-wrapper td.fc-other-month.fc-day-number {
  color: #e5e8ec;
}
.calendar-wrapper thead tr {
  background: #e5e8ec;
}
.calendar-wrapper thead tr th,
.calendar-wrapper thead tr td {
  color: #52585f;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 24px;
  text-transform: none;
}
.calendar-wrapper thead tr td {
  font-family: "clear_sansregular", arial, sans-serif;
  text-align: right;
}
.calendar-wrapper tbody tr {
  border: none;
}
.calendar-wrapper tbody td {
  min-height: 81px;
}
.calendar-wrapper tbody td + td {
  border-left: solid 1px #e5e8ec;
}
.calendar-wrapper .fc-content-skeleton tr {
  background: none;
}
.calendar-wrapper .fc-row {
  position: relative;
  z-index: 0;
}
.calendar-wrapper .fc-row .fc-bg table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.calendar-wrapper .fc-row + .fc-row {
  border-top: solid 1px #e5e8ec;
}
.calendar-wrapper .fc-event {
  display: block;
  padding: 4px 0;
  text-decoration: none;
}
.calendar-wrapper .fc-event.past .fc-content {
  pointer-events: none;
  background: #abb2bb;
}
.calendar-wrapper .fc-event.fc-start {
  padding-left: 8px;
}
.calendar-wrapper .fc-event.fc-start .fc-content {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.calendar-wrapper .fc-event.fc-end {
  padding-right: 8px;
}
.calendar-wrapper .fc-event.fc-end .fc-content {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
.calendar-wrapper .fc-event .fc-content {
  display: block;
  background: #3700fa;
  color: #ffffff;
  font-size: 13.4px;
  line-height: 40px;
  font-family: "clear_sansbold", arial, sans-serif;
  text-decoration: none;
  padding: 0 16px;
  transition: all 0.23s ease-out;
  cursor: pointer;
}
.calendar-wrapper .fc-event .fc-content:hover {
  box-shadow: 0 0 0 2px #3700fa;
}
.calendar-wrapper .fc-event .fc-content .fc-time {
  display: none;
}
.calendar-wrapper .fc-event .fc-content .fc-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pricing-wrapper p {
  margin: 0;
}
.pricing-wrapper span {
  display: inline-block;
}
.pricing-wrapper span + span {
  margin-left: 16px;
}
.pricing-wrapper .price {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 24px;
  color: #3700fa;
}
.pricing-wrapper .price-vat,
.pricing-wrapper .price-description {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 14px;
  color: #52585F;
}

.show-more-link {
  transition: all 0.23s ease-out;
  position: relative;
  border: 2px solid #e5e8ec;
  border-radius: 3px;
  color: #3700fa;
  background-color: #f4f6f7;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 15px;
  line-height: 32px;
  padding: 14.6px 16px 17.2px 45px;
  margin-top: 4px;
  text-decoration: none;
  display: block;
}
.show-more-link:link, .show-more-link:visited {
  text-decoration: none;
}
.show-more-link:hover {
  text-decoration: underline;
}
.show-more-link:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 7px;
  height: 7px;
  font-size: 7px;
  position: absolute;
  top: 28px;
  left: 21px;
  color: #636a75;
}
.show-more-link.active {
  opacity: 0;
  height: 0;
  visibility: hidden;
  display: none;
}

.show-more-hidden-container {
  transition: all 0.23s ease-out;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.show-more-hidden-container.active {
  height: auto;
  opacity: 1;
  visibility: visible;
}

form[id^="gdpr-log-request-form"] {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 64px;
  padding-bottom: 64px;
}
form[id^="gdpr-log-request-form"]:before, form[id^="gdpr-log-request-form"]:after {
  content: " ";
  display: table;
}
form[id^="gdpr-log-request-form"]:after {
  clear: both;
}
@media (min-width: 768px) {
  form[id^="gdpr-log-request-form"] {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
form[id^="gdpr-log-request-form"] .form-submit {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  form[id^="gdpr-log-request-form"] .form-submit {
    margin-left: 33.33333%;
  }
}
.node-page.view-mode-full form[id^="gdpr-log-request-form"] {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .node-page.view-mode-full form[id^="gdpr-log-request-form"] {
    padding-left: 0;
    padding-right: 0;
  }
}
.node-overview-page.view-mode-full form[id^="gdpr-log-request-form"] {
  padding-top: 0;
}
.node-overview-page.view-mode-full form[id^="gdpr-log-request-form"] .form-item {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  clear: both;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .node-overview-page.view-mode-full form[id^="gdpr-log-request-form"] .form-item {
    margin-left: 16.66667%;
  }
  .rtl .node-overview-page.view-mode-full form[id^="gdpr-log-request-form"] .form-item {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}
@media (min-width: 768px) {
  .node-overview-page.view-mode-full form[id^="gdpr-log-request-form"] .form-item {
    float: left;
    width: 66.66667%;
  }
  .rtl .node-overview-page.view-mode-full form[id^="gdpr-log-request-form"] .form-item {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .node-overview-page.view-mode-full form[id^="gdpr-log-request-form"] .form-item {
    margin-right: 16.66667%;
  }
  .node-overview-page.view-mode-full form[id^="gdpr-log-request-form"] .form-submit {
    margin-left: 38.88889%;
  }
}

.colour-code-calculator-title {
  margin-top: 30px;
}
.colour-code-calculator-title .title-line {
  font-size: 20px;
  margin: 0 0 25px 0;
}
.colour-code-calculator-title .title-line:after {
  background-color: #818992;
  width: 24px;
  margin-left: 24px;
  height: 2px;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator-title {
    margin-top: 60px;
  }
}

.colour-code-calculator .colour-code-container {
  background-color: #f4f6f7;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }
}
.colour-code-calculator .colour-code-form,
.colour-code-calculator .colour-code-form-result {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-form,
  .colour-code-calculator .colour-code-form-result {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.colour-code-calculator .colour-code-form {
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-form {
    width: 66.66667%;
    max-width: 66.66667%;
    padding-top: 64px;
  }
}
.colour-code-calculator .form-wrapper .form-item {
  position: relative;
}
.colour-code-calculator .form-wrapper .form-item:first-child {
  margin-top: 0;
}
.colour-code-calculator .colour-code-wrapper:before, .colour-code-calculator .colour-code-wrapper:after {
  content: " ";
  display: table;
}
.colour-code-calculator .colour-code-wrapper:after {
  clear: both;
}
.colour-code-calculator .colour-code-wrapper + .colour-code-wrapper {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-wrapper + .colour-code-wrapper {
    margin-top: 56px;
  }
}
.colour-code-calculator .colour-code-wrapper > h2 {
  position: relative;
  font-size: 20px;
  line-height: 32px;
  font-family: "clear_sansregular", arial, sans-serif;
  margin: 0 0 24px 0;
}
.colour-code-calculator .colour-code-wrapper > h2::after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
  margin-left: 27px;
}
.rtl .colour-code-calculator .colour-code-wrapper > h2::after {
  margin-left: 0;
  margin-right: 8px;
}
.colour-code-calculator .colour-code-wrapper .form-item:first-child {
  margin-top: 0;
}
.colour-code-calculator .colour-code-wrapper .form-item label {
  font-size: 15px;
  line-height: 24px;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-radio > input, .colour-code-calculator .colour-code-wrapper .form-item.form-type-checkbox > input {
  top: 4px;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-radio label, .colour-code-calculator .colour-code-wrapper .form-item.form-type-checkbox label {
  padding-left: 10px;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-radio .ajax-progress, .colour-code-calculator .colour-code-wrapper .form-item.form-type-checkbox .ajax-progress {
  position: absolute;
  top: 6px;
  left: 2px;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-radio .ajax-progress .throbber, .colour-code-calculator .colour-code-wrapper .form-item.form-type-checkbox .ajax-progress .throbber {
  background: #ffffff url(../img/ajax-loader.gif) no-repeat center center;
  width: 14px;
  height: 14px;
  float: none;
  margin: 0;
  border-radius: 50%;
  background-size: cover;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-radio .ajax-progress .message, .colour-code-calculator .colour-code-wrapper .form-item.form-type-checkbox .ajax-progress .message {
  display: none;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-select {
  position: relative;
  color: #ABB2BB;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-select .ajax-progress {
  position: absolute;
  bottom: 13px;
  right: 12px;
  z-index: 10;
}
@media screen and (min-width: 992px) {
  .colour-code-calculator .colour-code-wrapper .form-item.form-type-select .ajax-progress {
    top: 13px;
    bottom: auto;
  }
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-select .ajax-progress .throbber {
  background: #ffffff url(../img/ajax-loader.gif) no-repeat center center;
  width: 16px;
  height: 16px;
  float: none;
  margin: 0;
  border-radius: 50%;
  background-size: cover;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-type-select .ajax-progress .message {
  display: none;
}
.colour-code-calculator .colour-code-wrapper .form-item label + .form-radios {
  width: 100%;
  float: none;
}
.colour-code-calculator .colour-code-wrapper .form-item label + .form-radios > .form-item {
  display: inline-block;
}
.colour-code-calculator .colour-code-wrapper .form-item label + .form-radios > .form-item label {
  width: 100%;
}
.colour-code-calculator .colour-code-wrapper .form-item label + .form-radios > .form-item + .form-item {
  margin-left: 32px;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-item-ral-colour .form-item {
  position: static;
}
.colour-code-calculator .colour-code-wrapper .form-item.form-item-ral-colour .ral-colour-preview {
  display: block;
  position: absolute;
  right: 0;
  background-color: #f4f6f7;
  transition: 0.23s ease-out;
  border-radius: 3px;
  width: 48px;
  height: 42px;
  bottom: 0;
}
@media screen and (min-width: 992px) {
  .colour-code-calculator .colour-code-wrapper .form-item.form-item-ral-colour .ral-colour-preview {
    top: 0;
    bottom: auto;
  }
}
.colour-code-calculator .colour-code-wrapper .form-item.form-item-ral-colour.searching .form-item:after {
  display: block;
  content: "";
  background-image: url(../img/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 13px;
  right: 66px;
  z-index: 10;
}
@media screen and (min-width: 992px) {
  .colour-code-calculator .colour-code-wrapper .form-item.form-item-ral-colour.searching .form-item:after {
    top: 13px;
    bottom: auto;
  }
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-wrapper-left, .colour-code-calculator .colour-code-wrapper-right {
    float: left;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item label, .colour-code-calculator .colour-code-wrapper-right .form-item label {
    width: 100%;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item label + .select-wrapper, .colour-code-calculator .colour-code-wrapper-right .form-item label + .select-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .colour-code-calculator .colour-code-wrapper-left, .colour-code-calculator .colour-code-wrapper-right {
    float: left;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item label, .colour-code-calculator .colour-code-wrapper-right .form-item label {
    width: 100%;
  }
}
.colour-code-calculator .colour-code-wrapper-left .form-item-ral-colour label + input {
  width: calc(100% - 56px);
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-wrapper-left {
    width: 100%;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item {
    margin-top: 8px;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item.form-type-radios {
    margin-top: 0;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item.form-type-radios + .form-item {
    margin-top: 24px;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item label {
    width: 100%;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item label + textarea,
  .colour-code-calculator .colour-code-wrapper-left .form-item label + .select-wrapper,
  .colour-code-calculator .colour-code-wrapper-left .form-item label + .form-textarea-wrapper {
    width: 100%;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item.form-item-ral-colour label + input {
    width: calc(100% - 56px);
  }
}
@media screen and (min-width: 992px) {
  .colour-code-calculator .colour-code-wrapper-left {
    width: 50%;
    padding-right: 25px;
  }
}
@media screen and (min-width: 1100px) {
  .colour-code-calculator .colour-code-wrapper-left {
    padding-right: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .colour-code-calculator .colour-code-wrapper-left {
    width: 37.5%;
    padding-right: 0;
  }
}
@media screen and (min-width: 1440px) {
  .colour-code-calculator .colour-code-wrapper-left .form-item label {
    width: 40%;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item label + textarea,
  .colour-code-calculator .colour-code-wrapper-left .form-item label + .select-wrapper,
  .colour-code-calculator .colour-code-wrapper-left .form-item label + .form-textarea-wrapper {
    width: 60%;
  }
  .colour-code-calculator .colour-code-wrapper-left .form-item.form-item-ral-colour label + input {
    width: calc(60% - 56px);
  }
}
.colour-code-calculator .colour-code-wrapper-right {
  margin-top: 32px;
}
.colour-code-calculator .colour-code-wrapper-right > h3 {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 17px;
  color: #3f4349;
  line-height: 32px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-wrapper-right {
    font-size: 0;
  }
  .colour-code-calculator .colour-code-wrapper-right .form-item {
    width: calc(50% - 24px);
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
  }
  .colour-code-calculator .colour-code-wrapper-right .form-item.form-type-select {
    width: 100%;
    vertical-align: middle;
  }
  .colour-code-calculator .colour-code-wrapper-right .form-item.form-type-select + .form-type-checkbox {
    vertical-align: middle;
  }
}
@media screen and (min-width: 992px) {
  .colour-code-calculator .colour-code-wrapper-right {
    width: 50%;
    margin-top: 0;
  }
  .colour-code-calculator .colour-code-wrapper-right .form-item label {
    width: 100%;
  }
  .colour-code-calculator .colour-code-wrapper-right .form-item label + .select-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .colour-code-calculator .colour-code-wrapper-right {
    margin-left: 12.5%;
  }
  .colour-code-calculator .colour-code-wrapper-right .form-item.form-type-select {
    width: calc(50% - 24px);
  }
}
.colour-code-calculator .form-actions {
  margin-left: 0;
  margin-top: 32px;
  margin-bottom: 32px;
}
.colour-code-calculator .form-actions:before, .colour-code-calculator .form-actions:after {
  content: " ";
  display: table;
}
.colour-code-calculator .form-actions:after {
  clear: both;
}
.colour-code-calculator .form-actions .form-submit {
  display: block;
  width: 100%;
}
.colour-code-calculator .form-actions .form-submit + .form-submit {
  margin-top: 8px;
  margin-left: 0;
}
.colour-code-calculator .form-actions .form-submit.progress-disabled {
  opacity: 1;
}
.colour-code-calculator .form-actions .ajax-progress .throbber {
  background: #f4f6f7 url(../img/ajax-loader.gif) no-repeat center center;
  width: 18px;
  height: 18px;
  float: none;
  margin: 0;
  border-radius: 50%;
  background-size: cover;
  margin-top: 15px;
}
.colour-code-calculator .form-actions .ajax-progress .message {
  display: none;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .form-actions {
    margin-top: 40px;
    margin-bottom: 56px;
  }
  .colour-code-calculator .form-actions .form-submit {
    width: auto;
    float: left;
    margin-right: 16px;
    margin-left: 0;
  }
  .colour-code-calculator .form-actions .form-submit + .form-submit {
    margin-top: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .colour-code-calculator .form-actions .form-submit {
    min-width: 208px;
  }
}
.colour-code-calculator .colour-code-form-result {
  position: relative;
  background-color: #3f4349;
  padding-top: 34px;
  padding-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-form-result {
    padding-top: 113px;
    width: 33.33333%;
    max-width: 33.33333%;
    padding-bottom: 56px;
  }
  .colour-code-calculator .colour-code-form-result::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    right: -100%;
    bottom: 0;
    background-color: #3f4349;
    z-index: 0;
  }
}
.colour-code-calculator .colour-code-form-result > h2 {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 6px;
  color: #ffffff;
  line-height: 32px;
  margin: 0;
}
.colour-code-calculator .colour-code-form-result .colour-result + .colour-result {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-form-result .colour-result + .colour-result {
    margin-top: 120px;
  }
}
.colour-code-calculator .colour-code-form-result .colour-result-box {
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  overflow: hidden;
}
.colour-code-calculator .colour-code-form-result .colour-code-results h2 {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 17px;
  color: #ffffff;
  line-height: 32px;
  margin: 0 0 24px 0;
}
.colour-code-calculator .colour-code-form-result .colour-code-rgb {
  width: 100%;
  height: 88px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.colour-code-calculator .colour-code-form-result .colour-code {
  width: 100%;
  background-color: #ffffff;
  padding: 25px 8px 31px 8px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.colour-code-calculator .colour-code-form-result .colour-code p {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 40px;
  color: #3f4349;
  text-align: center;
  line-height: 32px;
  margin: 0;
  padding: 0;
}
.colour-code-calculator .colour-code-form-result .results-question {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 17px;
  color: #ffffff;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  margin: 32px 0 0 0;
}
@media screen and (min-width: 768px) {
  .colour-code-calculator .colour-code-form-result .results-question {
    margin-top: 0;
    position: absolute;
    bottom: 56px;
    left: 15.5%;
    right: 15.5%;
  }
}
.colour-code-calculator .colour-code-form-result a.results-question:hover {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .colour-calculator-intranet .container {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .colour-calculator-intranet .container.colour-code-container {
    padding-left: 0;
    padding-right: 0;
  }
  .colour-calculator-intranet .colour-code-calculator .colour-code-form,
  .colour-calculator-intranet .colour-code-calculator .colour-code-form-result {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
}
@media screen and (min-width: 1440px) {
  .colour-calculator-intranet .container {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
  .colour-calculator-intranet .container.colour-code-container {
    padding-left: 0;
    padding-right: 0;
  }
  .colour-calculator-intranet .colour-code-calculator .colour-code-form,
  .colour-calculator-intranet .colour-code-calculator .colour-code-form-result {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}

.ral-autocomplete-wrapper {
  background: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10000;
}

.ral-autocomplete-item {
  position: relative;
  cursor: pointer;
}
.ral-autocomplete-item:hover, .ral-autocomplete-item:focus {
  background-color: #f4f6f7;
}
.ral-autocomplete-item p {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 15px;
  color: #636a75;
  line-height: 32px;
  margin: 0;
  padding-right: 66px;
  padding-left: 16px;
  pointer-events: none;
}
.ral-autocomplete-item .ral-autocomplete-item-color {
  border-top: 1px solid #c1c2c3;
  border-right: 1px solid #c1c2c3;
  border-left: 1px solid #c1c2c3;
  width: 48px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}

.notifications-download {
  position: relative;
  float: right;
  border-left: 1px solid #cfd3d9;
}
.notifications-download .file-download-notification-widget {
  height: 80px;
  float: left;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .notifications-download .file-download-notification-widget {
    height: 50px;
  }
}
.notifications-download .notifications-trigger {
  display: inline-block;
  padding: 0 28px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .notifications-download .notifications-trigger {
    padding: 0 14px;
  }
}
.notifications-download .notifications-trigger::before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 80px;
  color: #3700fa;
}
@media screen and (max-width: 768px) {
  .notifications-download .notifications-trigger::before {
    line-height: 50px;
  }
}
.notifications-download .notifications-trigger::after {
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px 14px;
  border-color: transparent transparent #f4f6f7 transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.23s ease-out;
}
.notifications-download .notifications-trigger span {
  height: 18px;
  min-width: 18px;
  display: block;
  position: absolute;
  top: 23px;
  right: 17px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  background: #ff7b00;
}
@media screen and (max-width: 768px) {
  .notifications-download .notifications-trigger span {
    top: 6px;
    right: 3px;
  }
}
.notifications-download .fly-out {
  max-width: 580px;
  max-height: 0;
  padding: 0 40px;
  position: absolute;
  top: 100%;
  right: -47px;
  overflow: hidden;
  background: #f4f6f7;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  text-align: left;
  transition: max-height 0.23s ease-out;
}
@media screen and (min-width: 992px) {
  .notifications-download .fly-out {
    width: 580px;
  }
}
@media screen and (max-width: 768px) {
  .notifications-download .fly-out {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
  }
}
.notifications-download .fly-out .fly-out-header {
  padding-top: 40px;
}
.notifications-download .fly-out h2 {
  float: left;
  font-size: 18px;
  line-height: 32px;
  color: #3f4349;
}
.notifications-download .fly-out > p {
  margin-top: 30px;
}
.notifications-download .fly-out .clear-button {
  display: block;
  padding: 2px 15px 4px 30px;
  float: right;
  font-size: 13px;
  line-height: 20px;
  color: #52585f;
  border: 1px solid #52585f;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
}
.notifications-download .fly-out .clear-button::before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 8px;
  left: 12px;
  font-size: 10px;
  line-height: 10px;
}
.notifications-download .fly-out .col {
  clear: both;
  padding-bottom: 34px;
}
.notifications-download .fly-out .col:last-child {
  padding-bottom: 45px;
}
.notifications-download .fly-out .col .title-line {
  font-size: 16px;
  color: #3f4349;
  line-height: 32px;
}
.notifications-download .fly-out .col .title-line::after {
  width: 24px;
  height: 2px;
  background: #818992;
  top: -14px;
}
.notifications-download .fly-out .col .title-line + ul {
  margin-top: 5px;
}
.notifications-download .fly-out .col ul,
.notifications-download .fly-out .col li {
  list-style-type: none;
}
.notifications-download .fly-out .col ul {
  margin: 0;
}
.notifications-download .open-notification .notifications-trigger::after {
  opacity: 1;
}
.notifications-download .open-notification .fly-out {
  max-height: 10000px;
}

.download-tree {
  margin-left: -4px;
  margin-right: -4px;
  background: #f4f6f7;
}
.download-tree:before, .download-tree:after {
  content: " ";
  display: table;
}
.download-tree:after {
  clear: both;
}
.download-tree ul,
.download-tree li {
  display: block;
  list-style: none;
  margin: 0;
}
.download-tree__tabs {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  background: #ffffff;
  padding: 20px 16px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .download-tree__tabs {
    float: left;
    width: 33.33333%;
  }
  .rtl .download-tree__tabs {
    float: right;
  }
}
@media (min-width: 992px) {
  .download-tree__tabs {
    float: left;
    width: 25%;
  }
  .rtl .download-tree__tabs {
    float: right;
  }
}
.download-tree__tabs a {
  position: relative;
  display: none;
  text-decoration: none;
  font-size: 15px;
  line-height: 18px;
  padding: 11px 20px 11px 40px;
}
.download-tree__tabs a.active:before {
  content: "";
  position: absolute;
  background: #3700fa;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
}
@media (min-width: 768px) {
  .download-tree__tabs {
    background: transparent;
    padding: 88px 4px 112px;
    box-shadow: none;
  }
  .download-tree__tabs select,
  .download-tree__tabs .select-wrapper {
    display: none;
  }
  .download-tree__tabs a {
    display: block;
  }
}
@media (min-width: 992px) {
  .download-tree__tabs a {
    padding-left: 72px;
  }
}
.download-tree__items {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding: 28px 16px 64px;
}
@media (min-width: 768px) {
  .download-tree__items {
    float: left;
    width: 66.66667%;
  }
  .rtl .download-tree__items {
    float: right;
  }
}
@media (min-width: 992px) {
  .download-tree__items {
    float: left;
    width: 58.33333%;
  }
  .rtl .download-tree__items {
    float: right;
  }
}
.download-tree__items.is-searching .download-tree__item > ul ul {
  margin-left: 0;
}
.download-tree__items.is-searching .download-tree__item div.card {
  display: none;
}
.download-tree__items.is-searching .download-tree__item .item-list {
  display: block;
}
@media (min-width: 768px) {
  .download-tree__items {
    padding: 88px 40px 112px 4px;
  }
}
@media (min-width: 992px) {
  .download-tree__items {
    padding-right: 4px;
  }
}
.download-tree__item {
  display: none;
}
.download-tree__item.active {
  display: block;
}
.download-tree__item .form-item {
  position: relative;
  display: block;
  max-width: 400px;
  margin-bottom: 32px;
}
.download-tree__item .form-item::before {
  position: absolute;
  top: 10px;
  right: 14px;
  font-family: "icomoon-basic";
  font-size: 16px;
  line-height: 20px;
  pointer-events: none;
}
.download-tree__item .form-item input {
  width: 100%;
  padding-right: 40px;
}
.download-tree__item > ul ul {
  margin-left: 8px;
}
@media (min-width: 768px) {
  .download-tree__item > ul ul {
    margin-left: 24px;
  }
}
.download-tree__item > ul li {
  margin-left: 0;
}
.download-tree__item .card {
  margin-top: 0;
  margin-left: 0;
}
.download-tree__item .card .flag-downloaded,
.download-tree__item .card .flag-new {
  float: left;
}
.download-tree__item .card .flag-downloaded {
  font-size: 0;
  line-height: inherit;
  margin-bottom: -10px;
  margin-right: 10px;
}
.download-tree__item .card .flag-downloaded:before {
  position: relative;
  font-family: "icomoon-basic";
  font-size: 14px;
  color: #3700fa;
}
.download-tree__item .card .flag-new {
  padding: 0 9px 0 8px;
  margin-right: 15px;
  margin-top: 4px;
  background: #ff7b00;
  color: #ffffff;
  font-size: 9px;
  line-height: 17px;
}
.download-tree__item div.card {
  padding-left: 50px;
}
.download-tree__item div.card:before {
  background: #636a75;
}
.download-tree__item div.card:after {
  position: absolute;
  font-family: "icomoon-basic";
  font-size: 9px;
  top: 8px;
  left: 22px;
  transform: rotate(-90deg);
  transform-origin: center center;
}
.download-tree__item div.card.active:before {
  left: 0;
}
.download-tree__item div.card.active:after {
  transform: rotate(0);
}
.download-tree__item .item-list {
  display: none;
  overflow: hidden;
}
.download-tree__item .item-list ul li {
  margin: 0;
}
.download-tree__item .item-list div.card:before {
  background: #818992;
}
.download-tree__item .item-list .item-list div.card:before {
  background: #abb2bb;
}

#popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  visibility: hidden;
}
#popup-overlay #popup-background {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#popup-overlay #popup-content-wrap,
#popup-overlay .popup-content-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 32px 16px;
  background: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}
@media screen and (min-width: 768px) {
  #popup-overlay #popup-content-wrap,
  #popup-overlay .popup-content-wrap {
    width: 500px;
    height: auto;
  }
}
#popup-overlay .icon-close, #popup-overlay #colorbox #cboxClose:before, #colorbox #popup-overlay #cboxClose:before, #popup-overlay #ip-redirect-wrapper .decline-redirection:before, #ip-redirect-wrapper #popup-overlay .decline-redirection:before {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 10px 18px 0 0;
}
#popup-overlay .icon-close:before, #popup-overlay #colorbox #cboxClose:before, #colorbox #popup-overlay #cboxClose:before, #popup-overlay #ip-redirect-wrapper .decline-redirection:before, #ip-redirect-wrapper #popup-overlay .decline-redirection:before {
  transition: all 0.21s ease-out;
  font-size: 16px;
}
#popup-overlay .icon-close:hover:before, #popup-overlay #colorbox #cboxClose:hover:before, #colorbox #popup-overlay #cboxClose:hover:before, #popup-overlay #ip-redirect-wrapper .decline-redirection:hover:before, #ip-redirect-wrapper #popup-overlay .decline-redirection:hover:before {
  color: #3700fa;
}
#popup-overlay .send-to-mailbox-result-message {
  padding-top: 10px;
}
#popup-overlay .form-item {
  margin: 0 0 20px 0;
}
#popup-overlay label {
  display: block;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 16px;
  margin: 0 0 5px 0;
  width: 100%;
  float: none;
}
#popup-overlay input[type="text"],
#popup-overlay textarea {
  font-size: 12px;
  font-style: italic;
  width: 100%;
  float: none;
}

body.popup-overlay-open {
  overflow: hidden;
}

.reynaers-group-logo {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  background-image: url("../img/logo-member-reynaers-group.png");
  min-width: 200px;
  font-size: 0;
  line-height: 0;
}
.reynaers-group-logo:before {
  content: "";
  display: block;
  padding-top: 17.16666667%;
  width: 100%;
}

.sexy-menu {
  position: fixed;
  background: white;
  top: 0;
  left: 0;
  right: 0;
  transition: all .5s ease-out;
}

.sexy-menu.detached {
  margin-top: -100px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.sexy-menu.visible {
  margin-top: 0;
  opacity: 1;
  filter: alpha(opacity=1);
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  direction: ltr !important;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  float: left;
  margin: 0;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

.swiper-container {
  position: relative;
  font-size: 0;
  line-height: 0;
}
.swiper-container .swiper-next,
.swiper-container .swiper-prev {
  transition: all 0.21s ease-out;
  position: absolute;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  bottom: 0;
  width: 50px;
  height: 50px;
  font-size: 27px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper-container .swiper-prev {
  left: 0;
}
.swiper-container .swiper-next {
  right: 0;
}
@media screen and (min-width: 768px) {
  .swiper-container.max-height .swiper-slide {
    transition: all 0.21s ease-out;
    opacity: 0.35;
    filter: alpha(opacity=35);
  }
  .swiper-container.max-height .swiper-slide.swiper-slide-active {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.swiper-container.max-height img {
  width: auto;
  height: auto;
  max-width: none;
}
.swiper-container.max-height .swiper-prev,
.swiper-container.max-height .swiper-next {
  top: 50%;
  bottom: auto;
  margin-top: -25px;
}
.swiper-container.max-height .swiper-prev {
  left: 25px;
}
.swiper-container.max-height .swiper-next {
  right: 25px;
}
.swiper-container.bullets + .swiper-pagination + .swiper-arrows .swiper-next,
.swiper-container.bullets + .swiper-pagination + .swiper-arrows .swiper-prev {
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
}
.swiper-container.bullets + .swiper-pagination + .swiper-arrows .swiper-next:before,
.swiper-container.bullets + .swiper-pagination + .swiper-arrows .swiper-prev:before {
  padding-left: 6px;
  padding-right: 6px;
  line-height: 30px;
}
.swiper-container.bullets + .swiper-pagination + .swiper-arrows .swiper-next:hover:before,
.swiper-container.bullets + .swiper-pagination + .swiper-arrows .swiper-prev:hover:before {
  color: #3700fa;
}
.swiper-container.bullets + .swiper-pagination + .swiper-arrows .swiper-prev + .swiper-next {
  margin-left: 8px;
}

.swiper-slide img {
  width: 100%;
}

.swiper-pagination {
  position: relative;
  display: block;
  font-size: 0;
  text-align: right;
  margin-top: 10px;
}
.swiper-pagination > div {
  display: inline-block;
}
.swiper-pagination > div:before, .swiper-pagination > div:after {
  content: " ";
  display: table;
}
.swiper-pagination > div:after {
  clear: both;
}
.swiper-pagination > div > * {
  float: left;
}

.swiper-pagination-switch {
  transition: all 0.21s ease-out;
  display: inline-block;
  background: #dedde4;
  cursor: pointer;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 5px 0 0 5px;
}

.swiper-active-switch {
  background: #3700fa;
}

#sliding-popup {
  position: fixed;
  display: block;
  background: transparent !important;
  text-align: left;
  top: auto !important;
  left: 0;
  right: 0;
  bottom: 0 !important;
}
#sliding-popup > div {
  max-width: 1440px;
  margin: auto;
}
#sliding-popup .popup-content #popup-text h2 {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 15px;
  line-height: 18px;
  margin: 0;
}
#sliding-popup .popup-content #popup-text p {
  display: none !important;
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 8px 0 0;
}
body #sliding-popup .popup-content #popup-text h2 {
  color: #3f4349 !important;
}
body #sliding-popup .popup-content #popup-text p {
  color: #52585f !important;
}
#sliding-popup .popup-content {
  background: #f4f6f7 !important;
  display: block;
  max-width: 100%;
  padding: 8px 16px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
}
#sliding-popup .popup-content:before, #sliding-popup .popup-content:after {
  content: " ";
  display: table;
}
#sliding-popup .popup-content:after {
  clear: both;
}
#sliding-popup .popup-content button.find-more-button {
  font-weight: normal;
  margin: 10px 0 0;
  text-shadow: none;
  background: none;
  border: none;
  box-shadow: none;
  transition: all 0.23s ease-out;
  color: #3f4349 !important;
  text-decoration: none;
  position: relative;
  padding-left: 20px;
}
#sliding-popup .popup-content button.find-more-button::before {
  content: '\e917';
  font-family: 'icomoon-basic';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  transition: all 0.23s ease-out;
}
#sliding-popup .popup-content button.find-more-button:hover {
  text-shadow: none;
  background: none;
  border: none;
  box-shadow: none;
  color: #3700fa !important;
}
#sliding-popup .popup-content button.find-more-button:hover::before {
  left: 3px;
}
#sliding-popup .popup-content #popup-text,
#sliding-popup .popup-content #popup-buttons {
  float: none;
  width: 100%;
  max-width: none;
  margin: 0;
}
@media (min-width: 768px) {
  #sliding-popup .popup-content #popup-text,
  #sliding-popup .popup-content #popup-buttons {
    float: left;
    width: 50%;
  }
}
#sliding-popup .popup-content #popup-buttons {
  margin-top: 16px;
}
#sliding-popup .popup-content #popup-buttons button {
  font-weight: normal;
  margin: 0;
  text-shadow: none;
  background: none;
  border: none;
  box-shadow: none;
  transition: all 0.23s ease-out;
}
#sliding-popup .popup-content #popup-buttons button:hover {
  text-shadow: none;
  background: none;
  border: none;
  box-shadow: none;
  color: #3700fa;
}
#sliding-popup .popup-content #popup-buttons button.agree-button {
  position: relative;
  display: inline-block;
  background: #3700fa;
  cursor: pointer;
  color: #ffffff;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  padding: 14px 40px;
  border-radius: 24px;
  border: 2px solid #3700fa;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  text-decoration: none;
  transition: all 0.23s ease-out;
}
#sliding-popup .popup-content #popup-buttons button.agree-button:visited, #sliding-popup .popup-content #popup-buttons button.agree-button:link {
  text-decoration: none;
}
#sliding-popup .popup-content #popup-buttons button.agree-button:hover, #sliding-popup .popup-content #popup-buttons button.agree-button:focus, #sliding-popup .popup-content #popup-buttons button.agree-button:active {
  background: #2c00c7;
  border-color: #2c00c7;
  color: #ffffff;
  text-decoration: none;
}
@media (min-width: 768px) {
  #sliding-popup .popup-content #popup-buttons {
    text-align: right;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  #sliding-popup .popup-content {
    display: flex;
    align-items: center;
  }
}

#toolbar {
  box-shadow: none;
}

.node-usp.view-mode-full img {
  margin: 0 0 25px 0;
}
.node-usp.view-mode-full p {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  margin: 0 0 20px 0;
}
.node-usp.view-mode-full .title-h5 {
  font-size: 24px;
  color: #ffffff;
  margin: 0 0 12px 0;
  line-height: 27px;
}
.node-usp.view-mode-full .link-to a {
  position: relative;
  display: inline-block;
  background: #3700fa;
  cursor: pointer;
  color: #ffffff;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  padding: 14px 40px;
  border-radius: 24px;
  border: 2px solid #3700fa;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  text-decoration: none;
  transition: all 0.23s ease-out;
  padding: 10px 20px;
}
.node-usp.view-mode-full .link-to a:visited, .node-usp.view-mode-full .link-to a:link {
  text-decoration: none;
}
.node-usp.view-mode-full .link-to a:hover, .node-usp.view-mode-full .link-to a:focus, .node-usp.view-mode-full .link-to a:active {
  background: #2c00c7;
  border-color: #2c00c7;
  color: #ffffff;
  text-decoration: none;
}

.node-dealer.view-mode-list {
  position: relative;
  display: block;
  overflow: hidden;
  cursor: pointer;
  margin: 0 0 8px;
}
.node-dealer.view-mode-list .field-title-location {
  float: left;
  width: 75%;
}
.node-dealer.view-mode-list .dealer-categories {
  float: right;
  width: 25%;
  text-align: right;
  line-height: 12px;
}
.node-dealer.view-mode-list .dealer-categories ul,
.node-dealer.view-mode-list .dealer-categories li {
  display: block;
  margin: 0;
}
.node-dealer.view-mode-list .dealer-categories img {
  display: inline-block;
  width: auto;
  height: 10px;
}
.node-dealer.view-mode-list .dealer-categories li + li {
  margin-top: 4px;
}
.node-dealer.view-mode-list .title,
.node-dealer.view-mode-list .locality {
  display: block;
  font-family: "clear_sans_lightregular", arial, sans-serif;
}
.node-dealer.view-mode-list .title {
  font-size: 14px;
  line-height: 16px;
  color: #3f4349;
}
.node-dealer.view-mode-list .locality {
  font-size: 12px;
  line-height: 14px;
  color: #52585f;
}
.node-dealer.view-mode-list a:hover {
  text-decoration: none;
}
.node-dealer.view-mode-full .group-left-wrapper, .node-dealer.view-mode-teaser .group-left-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .node-dealer.view-mode-full .group-left-wrapper, .node-dealer.view-mode-teaser .group-left-wrapper {
    float: left;
    width: 41.66667%;
  }
  .rtl .node-dealer.view-mode-full .group-left-wrapper, .rtl .node-dealer.view-mode-teaser .group-left-wrapper {
    float: right;
  }
}
.node-dealer.view-mode-full .group-right-wrapper, .node-dealer.view-mode-teaser .group-right-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .node-dealer.view-mode-full .group-right-wrapper, .node-dealer.view-mode-teaser .group-right-wrapper {
    float: left;
    width: 50%;
  }
  .rtl .node-dealer.view-mode-full .group-right-wrapper, .rtl .node-dealer.view-mode-teaser .group-right-wrapper {
    float: right;
  }
}
@media (min-width: 768px) {
  .node-dealer.view-mode-full .group-right-wrapper, .node-dealer.view-mode-teaser .group-right-wrapper {
    margin-left: 8.33333%;
  }
  .rtl .node-dealer.view-mode-full .group-right-wrapper, .rtl .node-dealer.view-mode-teaser .group-right-wrapper {
    margin-left: 0;
    margin-right: 8.33333%;
  }
}
.node-dealer.view-mode-full .dealer-images, .node-dealer.view-mode-teaser .dealer-images {
  position: relative;
  margin-bottom: 56px;
}
.node-dealer.view-mode-full .dealer-images .swiper-container, .node-dealer.view-mode-teaser .dealer-images .swiper-container {
  max-height: 400px;
}
.node-dealer.view-mode-full .dealer-images .swiper-container .swiper-wrapper,
.node-dealer.view-mode-full .dealer-images .swiper-container .swiper-slide,
.node-dealer.view-mode-full .dealer-images .swiper-container img, .node-dealer.view-mode-teaser .dealer-images .swiper-container .swiper-wrapper,
.node-dealer.view-mode-teaser .dealer-images .swiper-container .swiper-slide,
.node-dealer.view-mode-teaser .dealer-images .swiper-container img {
  max-height: 400px;
}
.node-dealer.view-mode-full .dealer-images .swiper-pagination, .node-dealer.view-mode-teaser .dealer-images .swiper-pagination {
  position: absolute;
  z-index: 10;
  line-height: 8px;
  right: 8px;
  bottom: 8px;
}
.node-dealer.view-mode-full .dealer-images .swiper-pagination + .swiper-arrows, .node-dealer.view-mode-teaser .dealer-images .swiper-pagination + .swiper-arrows {
  display: none;
}
.node-dealer.view-mode-full .title, .node-dealer.view-mode-teaser .title {
  position: relative;
  display: inline-block;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 0;
}
.node-dealer.view-mode-full .title:after, .node-dealer.view-mode-teaser .title:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
}
.rtl .node-dealer.view-mode-full .title:after, .rtl .node-dealer.view-mode-teaser .title:after {
  margin-left: 0;
  margin-right: 12px;
}
.node-dealer.view-mode-full .dealer-logo, .node-dealer.view-mode-teaser .dealer-logo {
  margin-bottom: 56px;
}
.node-dealer.view-mode-full .dealer-categories, .node-dealer.view-mode-teaser .dealer-categories {
  margin-top: 12px;
  margin-bottom: -8px;
}
.node-dealer.view-mode-full .dealer-categories ul,
.node-dealer.view-mode-full .dealer-categories li, .node-dealer.view-mode-teaser .dealer-categories ul,
.node-dealer.view-mode-teaser .dealer-categories li {
  display: inline-block;
  margin: 0;
}
.node-dealer.view-mode-full .dealer-categories img, .node-dealer.view-mode-teaser .dealer-categories img {
  display: inline-block;
  width: auto;
  height: 14px;
  margin: 0 16px 8px 0;
}
.node-dealer.view-mode-full .field-address, .node-dealer.view-mode-teaser .field-address {
  margin-top: 32px;
}
.node-dealer.view-mode-full .contact-wrapper, .node-dealer.view-mode-teaser .contact-wrapper {
  margin-top: 32px;
}
.node-dealer.view-mode-full .group-bottom-wrapper, .node-dealer.view-mode-teaser .group-bottom-wrapper {
  margin-top: 48px;
}
.node-dealer.view-mode-full .dealer-contact-form, .node-dealer.view-mode-teaser .dealer-contact-form {
  display: none;
}
.node-dealer.view-mode-full .spacer, .node-dealer.view-mode-teaser .spacer {
  display: block;
  margin-top: 16px;
}
.node-dealer.view-mode-full.show-dealer-contact-form .group-left-wrapper,
.node-dealer.view-mode-full.show-dealer-contact-form .group-right-wrapper, .node-dealer.view-mode-teaser.show-dealer-contact-form .group-left-wrapper,
.node-dealer.view-mode-teaser.show-dealer-contact-form .group-right-wrapper {
  display: none;
}
.node-dealer.view-mode-full.show-dealer-contact-form .dealer-contact-form, .node-dealer.view-mode-teaser.show-dealer-contact-form .dealer-contact-form {
  display: block;
}
.node-dealer.view-mode-teaser {
  padding: 40px;
}
.node-dealer.view-mode-teaser .group-right-wrapper {
  padding-top: 40px;
}
.node-dealer.view-mode-full {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.node-dealer.view-mode-full:before, .node-dealer.view-mode-full:after {
  content: " ";
  display: table;
}
.node-dealer.view-mode-full:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-dealer.view-mode-full {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.node-dealer.view-mode-full .dealer-logo {
  margin-bottom: 56px;
}

.node-news .field-day-month .day,
.node-news .field-day-month .month {
  height: 25px;
  width: 25px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 13px;
  line-height: 13px;
  background-color: #3700fa;
  color: #ffffff;
}
.node-news .field-day-month .month {
  background-color: #3f4349;
}
.node-news.view-mode-list {
  position: relative;
  padding-left: 60px;
  margin: 0 0 20px 0;
}
.node-news.view-mode-list:before, .node-news.view-mode-list:after {
  content: " ";
  display: table;
}
.node-news.view-mode-list:after {
  clear: both;
}
.node-news.view-mode-list .field-day-month {
  position: absolute;
  top: 0;
  left: 0;
}
.node-news.view-mode-full .field-day-month {
  margin-top: 5px;
  margin-bottom: 10px;
}
.node-news.view-mode-full *:last-child {
  margin-bottom: 0;
}

.news-archive-link {
  transition: 0.23s ease-out;
  position: relative;
  display: inline-block;
  padding-left: 36px;
  color: #3700fa;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 15px;
  text-decoration: none;
}
.news-archive-link:link, .news-archive-link:visited {
  text-decoration: none;
}
.news-archive-link:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.23s ease-out;
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 20px;
  left: 0;
  top: 50%;
  margin-top: -10px;
  color: #3700fa;
}
.news-archive-link:hover:before {
  left: 5px;
}
.rtl .news-archive-link {
  padding-left: 0;
  padding-right: 36px;
}
.rtl .news-archive-link:before {
  content: "\e919";
  left: auto;
  right: 0;
}
.rtl .news-archive-link:hover:before {
  left: auto;
  right: 5px;
}

body.node-type-news .block-share-buttons {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  border-top: 1px solid #cfd3d9;
  padding-top: 25px;
  padding-bottom: 25px;
}
body.node-type-news .block-share-buttons:before, body.node-type-news .block-share-buttons:after {
  content: " ";
  display: table;
}
body.node-type-news .block-share-buttons:after {
  clear: both;
}
@media (min-width: 768px) {
  body.node-type-news .block-share-buttons {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
body.node-type-news .block-share-buttons .addthis_toolbox {
  float: right;
}
body.node-type-news .block-news-detail-list {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
body.node-type-news .block-news-detail-list:before, body.node-type-news .block-news-detail-list:after {
  content: " ";
  display: table;
}
body.node-type-news .block-news-detail-list:after {
  clear: both;
}
@media (min-width: 768px) {
  body.node-type-news .block-news-detail-list {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  body.node-type-news .block-news-detail-list {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
body.node-type-news .block-news-detail-list .view-id-news {
  clear: both;
}
body.node-type-news .block-news-detail-list .view-id-news:before, body.node-type-news .block-news-detail-list .view-id-news:after {
  content: " ";
  display: table;
}
body.node-type-news .block-news-detail-list .view-id-news:after {
  clear: both;
}
body.node-type-news .block-news-detail-list .title-line {
  font-size: 34px;
  line-height: 36px;
  margin-bottom: 0;
}
body.node-type-news .block-news-detail-list .news-archive-link {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  body.node-type-news .block-news-detail-list .title-line {
    float: left;
    max-width: 50%;
    margin-bottom: 30px;
  }
  body.node-type-news .block-news-detail-list .news-archive-link {
    margin-top: 8px;
    float: right;
    max-width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .node-product.product-detail .product-header-left,
  .node-product-variant.product-detail .product-header-left {
    padding-top: 116px;
  }
}
@media screen and (min-width: 992px) {
  .node-product.product-detail .product-header-right,
  .node-product-variant.product-detail .product-header-right {
    margin-top: -97px;
  }
}
.node-product.view-mode-teaser .card__title,
.node-product-variant.view-mode-teaser .card__title {
  font-family: "clear_sansbold", arial, sans-serif;
  text-align: center;
  font-size: 17px;
}

.node-product-group.view-mode-teaser:hover img {
  transform: scale(1.05, 1.05);
}
.node-product-group.view-mode-product_matrix {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 96px;
  padding-bottom: 96px;
}
.node-product-group.view-mode-product_matrix:before, .node-product-group.view-mode-product_matrix:after {
  content: " ";
  display: table;
}
.node-product-group.view-mode-product_matrix:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-product-group.view-mode-product_matrix {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .node-product-group.view-mode-product_matrix .product-selector-matrix-cta {
    margin-top: 96px;
  }
}
@media (min-width: 768px) {
  .node-product-group.view-mode-full #facet-search-wrapper .overview-right-col, .node-product-group.view-mode-professional #facet-search-wrapper .overview-right-col {
    min-height: 50vh;
  }
}
.node-product-group.view-mode-full.products-loading .wide, .node-product-group.view-mode-professional.products-loading .wide {
  position: relative;
}
.node-product-group.view-mode-full.products-loading .wide:before, .node-product-group.view-mode-professional.products-loading .wide:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background-color: #ffffff;
  background-image: url(../img/ajax-loader-large.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  z-index: 1100;
}
.node-product-group.view-mode-full.products-loading .search-facet-prof-overlay,
.node-product-group.view-mode-full.products-loading .overview-right-col, .node-product-group.view-mode-professional.products-loading .search-facet-prof-overlay,
.node-product-group.view-mode-professional.products-loading .overview-right-col {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.node-overview-page.view-mode-full > .professional-item {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 60px;
  text-align: center;
}
@media (min-width: 768px) {
  .node-overview-page.view-mode-full > .professional-item {
    float: left;
    width: 33.33333%;
  }
  .rtl .node-overview-page.view-mode-full > .professional-item {
    float: right;
  }
}
.node-overview-page.view-mode-full > .professional-item + p {
  clear: both;
}
.node-overview-page.view-mode-full .no-results-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  max-width: 1440px;
  text-align: center;
}
.node-overview-page.view-mode-full .no-results-wrapper:before, .node-overview-page.view-mode-full .no-results-wrapper:after {
  content: " ";
  display: table;
}
.node-overview-page.view-mode-full .no-results-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-overview-page.view-mode-full .no-results-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.node-overview-page.view-mode-full .no-results-wrapper .feature-project-search-form {
  display: inline-block;
  width: 80%;
}
.node-overview-page.view-mode-full .no-results-wrapper p {
  margin-bottom: 15px;
}
@media screen and (min-width: 480px) {
  .node-overview-page.view-mode-full .no-results-wrapper .feature-project-search-form {
    width: 60%;
    max-width: 600px;
  }
}
@media screen and (min-width: 768px) {
  .node-overview-page.view-mode-full .no-results-wrapper .feature-project-search-form {
    width: 40%;
  }
}
.node-overview-page .extranet-usp-wrapper:before, .node-overview-page .extranet-usp-wrapper:after {
  content: " ";
  display: table;
}
.node-overview-page .extranet-usp-wrapper:after {
  clear: both;
}
.node-overview-page .downloads-overview {
  padding-top: 32px;
}
.node-overview-page .downloads-overview .container {
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 768px) {
  .node-overview-page .downloads-overview .container {
    padding-left: 41px;
    padding-right: 41px;
  }
}
@media screen and (min-width: 992px) {
  .node-overview-page .downloads-overview .container {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media screen and (min-width: 1280px) {
  .node-overview-page .downloads-overview .container {
    padding-left: 68px;
    padding-right: 68px;
  }
}
@media screen and (min-width: 1366px) {
  .node-overview-page .downloads-overview .container {
    padding-left: 73px;
    padding-right: 73px;
  }
}
@media screen and (min-width: 1400px) {
  .node-overview-page .downloads-overview .container {
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media screen and (min-width: 1440px) {
  .node-overview-page .downloads-overview .container {
    padding-left: 77px;
    padding-right: 77px;
  }
}
.node-overview-page .downloads-overview .title-wrapper .title-line {
  font-size: 20px;
}
.node-overview-page .downloads-overview .title-wrapper .title-line:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
  top: -12px;
  margin-left: 14px;
}
.rtl .node-overview-page .downloads-overview .title-wrapper .title-line:after {
  margin-left: 0;
  margin-right: 8px;
}
.node-overview-page .downloads-overview .product-tabs .tabs-menu-wrapper .tab-title {
  padding: 0 0 16px 0;
}
@media screen and (min-width: 768px) {
  .node-overview-page .downloads-overview {
    padding-top: 64px;
  }
}
.node-overview-page .wide .view-id-careers {
  max-width: none;
}
.node-overview-page .wide .view-id-careers .item-list {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .node-overview-page .wide .view-id-careers .item-list {
    float: left;
    width: 66.66667%;
  }
  .rtl .node-overview-page .wide .view-id-careers .item-list {
    float: right;
  }
}
@media (min-width: 768px) {
  .node-overview-page .wide .view-id-careers .item-list {
    margin-left: 16.66667%;
  }
  .rtl .node-overview-page .wide .view-id-careers .item-list {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}

.node-professional-group {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 30px;
}
.node-professional-group:before, .node-professional-group:after {
  content: " ";
  display: table;
}
.node-professional-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-professional-group {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.node-professional-group .field-body,
.node-professional-group .field-register,
.node-professional-group .field-contact {
  margin-bottom: 30px;
}
.node-professional-group .field-body {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #4d5b69;
  margin-bottom: 60px;
}

.node-report.card {
  position: relative;
  background: #979ea7;
}
.node-report.card .image {
  padding: 0 32px;
  text-align: center;
  line-height: 0;
}
.node-report.card .image img {
  height: 200px;
}
.node-report.card .name {
  background: #ffffff;
  color: #3f4349;
  font-size: 17px;
  padding: 16px 24px 14px;
}
.node-report.card .file a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  text-indent: -90000px;
}

.file-document.view-mode-download {
  position: relative;
  padding-top: 10px;
  padding-bottom: 9px;
}
.file-document.view-mode-download .document-info,
.file-document.view-mode-download .download-info {
  display: inline-block;
  vertical-align: middle;
}
.file-document.view-mode-download .document-info {
  width: calc((8 / 12) * 100%);
}
.file-document.view-mode-download .download-info {
  width: calc((4 / 12) * 100%);
  text-align: right;
}
.file-document.view-mode-download .download-info > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
}
.file-document.view-mode-download .document-title,
.file-document.view-mode-download .document-size {
  display: block;
}
.file-document.view-mode-download .document-title {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 17px;
  line-height: 23px;
  color: #3f4349;
}
.file-document.view-mode-download .document-size,
.file-document.view-mode-download .download-info {
  font-size: 14px;
  line-height: 24px;
  color: #636a75;
}

.webform-confirmation {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.webform-confirmation:before, .webform-confirmation:after {
  content: " ";
  display: table;
}
.webform-confirmation:after {
  clear: both;
}
@media (min-width: 768px) {
  .webform-confirmation {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.webform-confirmation + .links {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.webform-confirmation + .links:before, .webform-confirmation + .links:after {
  content: " ";
  display: table;
}
.webform-confirmation + .links:after {
  clear: both;
}
@media (min-width: 768px) {
  .webform-confirmation + .links {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}

.node-career.view-mode-full .webform-client-form, .node-career.view-mode-apply .webform-client-form {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
.node-career.view-mode-full .webform-client-form:before, .node-career.view-mode-full .webform-client-form:after, .node-career.view-mode-apply .webform-client-form:before, .node-career.view-mode-apply .webform-client-form:after {
  content: " ";
  display: table;
}
.node-career.view-mode-full .webform-client-form:after, .node-career.view-mode-apply .webform-client-form:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-career.view-mode-full .webform-client-form, .node-career.view-mode-apply .webform-client-form {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .node-career.view-mode-full .webform-client-form, .node-career.view-mode-apply .webform-client-form {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.node-career.view-mode-full .webform-client-form > .form-item,
.node-career.view-mode-full .webform-client-form > .captcha,
.node-career.view-mode-full .webform-client-form > div[style*="display"],
.node-career.view-mode-full .webform-client-form > .form-actions, .node-career.view-mode-apply .webform-client-form > .form-item,
.node-career.view-mode-apply .webform-client-form > .captcha,
.node-career.view-mode-apply .webform-client-form > div[style*="display"],
.node-career.view-mode-apply .webform-client-form > .form-actions {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .node-career.view-mode-full .webform-client-form > .form-item,
  .node-career.view-mode-full .webform-client-form > .captcha,
  .node-career.view-mode-full .webform-client-form > div[style*="display"],
  .node-career.view-mode-full .webform-client-form > .form-actions, .node-career.view-mode-apply .webform-client-form > .form-item,
  .node-career.view-mode-apply .webform-client-form > .captcha,
  .node-career.view-mode-apply .webform-client-form > div[style*="display"],
  .node-career.view-mode-apply .webform-client-form > .form-actions {
    float: left;
    width: 66.66667%;
  }
  .rtl .node-career.view-mode-full .webform-client-form > .form-item, .rtl
  .node-career.view-mode-full .webform-client-form > .captcha, .rtl
  .node-career.view-mode-full .webform-client-form > div[style*="display"], .rtl
  .node-career.view-mode-full .webform-client-form > .form-actions, .rtl .node-career.view-mode-apply .webform-client-form > .form-item, .rtl
  .node-career.view-mode-apply .webform-client-form > .captcha, .rtl
  .node-career.view-mode-apply .webform-client-form > div[style*="display"], .rtl
  .node-career.view-mode-apply .webform-client-form > .form-actions {
    float: right;
  }
}
@media (min-width: 768px) {
  .node-career.view-mode-full .webform-client-form > .form-item,
  .node-career.view-mode-full .webform-client-form > .captcha,
  .node-career.view-mode-full .webform-client-form > div[style*="display"],
  .node-career.view-mode-full .webform-client-form > .form-actions, .node-career.view-mode-apply .webform-client-form > .form-item,
  .node-career.view-mode-apply .webform-client-form > .captcha,
  .node-career.view-mode-apply .webform-client-form > div[style*="display"],
  .node-career.view-mode-apply .webform-client-form > .form-actions {
    margin-left: 16.66667%;
  }
  .rtl .node-career.view-mode-full .webform-client-form > .form-item, .rtl
  .node-career.view-mode-full .webform-client-form > .captcha, .rtl
  .node-career.view-mode-full .webform-client-form > div[style*="display"], .rtl
  .node-career.view-mode-full .webform-client-form > .form-actions, .rtl .node-career.view-mode-apply .webform-client-form > .form-item, .rtl
  .node-career.view-mode-apply .webform-client-form > .captcha, .rtl
  .node-career.view-mode-apply .webform-client-form > div[style*="display"], .rtl
  .node-career.view-mode-apply .webform-client-form > .form-actions {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}
.node-career.view-mode-full .field-buttons, .node-career.view-mode-apply .field-buttons {
  margin-top: 30px;
}
.node-career.view-mode-full .field-buttons a.button, .node-career.view-mode-apply .field-buttons a.button {
  margin-right: 4px;
}
@media screen and (max-width: 768px) {
  .node-career.view-mode-full .field-buttons a.button, .node-career.view-mode-apply .field-buttons a.button {
    margin-bottom: 30px;
    margin-right: 0;
  }
}

.node-section.view-mode-full .section-categories {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 0;
}
.node-section.view-mode-full .section-categories:before, .node-section.view-mode-full .section-categories:after {
  content: " ";
  display: table;
}
.node-section.view-mode-full .section-categories:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-section.view-mode-full .section-categories {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .node-section.view-mode-full .section-categories {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.node-section.view-mode-full .section-categories .col {
  font-size: 16px;
  float: none !important;
  display: inline-block;
  vertical-align: top;
}
.node-section.view-mode-full .section-categories .col .card {
  cursor: pointer;
  padding: 0;
  background: #777b86;
}
.node-section.view-mode-full .section-categories .col .card:nth-child(6n + 1) {
  background: #777b86;
}
.node-section.view-mode-full .section-categories .col .card:nth-child(6n + 2) {
  background: #babec4;
}
.node-section.view-mode-full .section-categories .col .card:nth-child(6n + 3) {
  background: #a7acb5;
}
.node-section.view-mode-full .section-categories .col .card:nth-child(6n + 4) {
  background: #949aa2;
}
.node-section.view-mode-full .section-categories .col .card:nth-child(6n + 5) {
  background: #777b86;
}
.node-section.view-mode-full .section-categories .col .card:nth-child(6n) {
  background: #a7acb5;
}
.node-section.view-mode-full .section-categories .col .card img {
  display: block;
  max-width: 88px;
  max-height: 88px;
  width: auto;
  height: auto;
  margin: 96px auto;
}
.node-section.view-mode-full .section-categories .col .card a {
  text-decoration: none;
}

.node-story.view-mode-full .ds-top-image {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.node-story.view-mode-full .ds-top-image video {
  min-width: 100%;
  min-height: 100%;
}
.node-story.view-mode-full .ds-top-image .story-image-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  font-size: 0;
}
.node-story.view-mode-full .ds-top-image .scroll-text {
  font-size: 8px;
  text-transform: uppercase;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  font-family: "clear_sansbold", arial, sans-serif;
  z-index: 10;
}
.node-story.view-mode-full .ds-top-image .scroll-text:before {
  content: "\e900";
  font-size: 21px;
  font-family: "icomoon-basic";
  color: white;
  display: block;
  margin-bottom: 3px;
}
.node-story.view-mode-full .ds-top-image:before {
  background-image: -webkit-linear-gradient(top, transparent 60%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.node-story.view-mode-full.top-image .ds-top-image {
  height: 665px;
}
@media (max-width: 991px) {
  .node-story.view-mode-full.top-image .ds-top-image {
    height: 300px;
  }
}
.node-story.view-mode-full .ds-title {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 900px;
  margin: 0 auto;
  float: none !important;
  padding-top: 44px;
}
.node-story.view-mode-full .ds-title:before, .node-story.view-mode-full .ds-title:after {
  content: " ";
  display: table;
}
.node-story.view-mode-full .ds-title:after {
  clear: both;
}
@media (min-width: 992px) {
  .node-story.view-mode-full .ds-title {
    float: left;
    width: 66.66667%;
  }
  .rtl .node-story.view-mode-full .ds-title {
    float: right;
  }
}
@media (min-width: 768px) {
  .node-story.view-mode-full .ds-title {
    padding-top: 64px;
  }
}
.node-story.view-mode-full .ds-title h2 {
  margin: 0;
}
.node-story.view-mode-full .ds-title .full-article-sub-title {
  margin-top: 2px;
  color: #a6afba;
  font-size: 16px;
  line-height: 30px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
}
.node-story.view-mode-full .ds-content {
  padding-top: 31px;
  padding-bottom: 96px;
}
.node-story.view-mode-full .ds-content:before, .node-story.view-mode-full .ds-content:after {
  content: " ";
  display: table;
}
.node-story.view-mode-full .ds-content:after {
  clear: both;
}
.node-story.view-mode-teaser {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .node-story.view-mode-teaser {
    float: left;
    width: 25%;
  }
  .rtl .node-story.view-mode-teaser {
    float: right;
  }
}
.node-story.view-mode-teaser:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .node-story.view-mode-teaser {
    padding: 0;
    margin-top: 0;
  }
}
.node-story.view-mode-teaser a,
.node-story.view-mode-teaser img {
  display: block;
}
.node-story.view-mode-related_story {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 4px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .node-story.view-mode-related_story {
    float: left;
    width: 25%;
  }
  .rtl .node-story.view-mode-related_story {
    float: right;
  }
}
.node-story.view-mode-related_story:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .node-story.view-mode-related_story {
    padding: 0;
    margin-top: 0;
  }
}
.node-story.view-mode-related_story a,
.node-story.view-mode-related_story img {
  display: block;
}
.node-story.view-mode-related_story span {
  padding: 5px 5px 0;
  display: block;
}
.node-story.view-mode-related_story h2 {
  font-size: 16px !important;
  line-height: 20px !important;
}
.node-story.view-mode-list {
  position: relative;
  padding-left: 60px;
  margin: 0 0 20px 0;
}
.node-story.view-mode-list:before, .node-story.view-mode-list:after {
  content: " ";
  display: table;
}
.node-story.view-mode-list:after {
  clear: both;
}
.node-story.view-mode-list .field-day-month .day,
.node-story.view-mode-list .field-day-month .month {
  height: 25px;
  width: 25px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 13px;
  line-height: 13px;
  background-color: #00336a;
}
.node-story.view-mode-list .field-day-month .month {
  background-color: #192634;
}
.node-story.view-mode-list .field-day-month {
  position: absolute;
  top: 0;
  left: 0;
}

section .content-max-width {
  max-width: 900px;
  margin: 35px auto 0 auto;
}
@media (min-width: 768px) {
  section .content-max-width {
    margin: 58px auto 0 auto;
  }
}
section.content-region {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  float: none !important;
  width: auto;
  margin: 50px auto 0 auto;
  font-size: 16px;
  line-height: 30px;
}
section.content-region:before, section.content-region:after {
  content: " ";
  display: table;
}
section.content-region:after {
  clear: both;
}
@media (min-width: 768px) {
  section.content-region {
    margin: 58px auto 0 auto;
  }
}
section.content-region:first-child {
  margin-top: 0;
}
section.content-region p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 30px;
}
section.content-region b, section.content-region strong {
  font-family: "clear_sansbold", arial, sans-serif;
}
section.content-region .content-img-caption-body {
  background-color: white;
  color: #1c3e73;
  font-size: 14px;
  line-height: 24px;
}
section.content-region.content-cta-buttons {
  text-align: center;
  margin: 30px auto 0 auto;
}
section.content-region.content-cta-buttons:first-child {
  margin-top: 0;
}
section.content-region.content-cta-buttons .button-wrapper {
  padding: 8px 4px 0 4px;
}
section.content-region.content-cta-buttons .button {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.content-region.content-cta-buttons {
    font-size: 0;
  }
  section.content-region.content-cta-buttons .button-wrapper {
    width: 25%;
    padding: 12px 2.66667px 0 2.66667px;
    display: inline-block;
    vertical-align: middle;
  }
}
section.content-region.content-intro {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-intro {
    float: left;
    width: 66.66667%;
  }
  .rtl section.content-region.content-intro {
    float: right;
  }
}
section.content-region.content-intro p {
  font-size: 20px;
  line-height: 30px;
}
section.content-region.content-intro p::first-letter {
  float: left;
  font-size: 60px;
  line-height: 60px;
  margin-right: 5px;
}
section.content-region.content-intro p + p::first-letter {
  float: none;
  font-size: 20px;
  line-height: 30px;
  margin-right: 0;
}
section.content-region.content-body-only {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-body-only {
    float: left;
    width: 66.66667%;
  }
  .rtl section.content-region.content-body-only {
    float: right;
  }
}
section.content-region.content-body-only p {
  margin-top: 30px;
}
section.content-region.content-body-only p:first-child {
  margin-top: 0;
}
section.content-region.content-image-left, section.content-region.content-image-right {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-image-left, section.content-region.content-image-right {
    float: left;
    width: 66.66667%;
  }
  .rtl section.content-region.content-image-left, .rtl section.content-region.content-image-right {
    float: right;
  }
}
section.content-region.content-image-left .image-container, section.content-region.content-image-right .image-container {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 35px;
  padding: 0;
}
@media (min-width: 992px) {
  section.content-region.content-image-left .image-container, section.content-region.content-image-right .image-container {
    float: left;
    width: 41.66667%;
  }
  .rtl section.content-region.content-image-left .image-container, .rtl section.content-region.content-image-right .image-container {
    float: right;
  }
}
section.content-region.content-image-left .image-container img, section.content-region.content-image-right .image-container img {
  display: block;
}
section.content-region.content-image-left .content-img-caption-body, section.content-region.content-image-right .content-img-caption-body {
  padding: 44px 21px 21px 21px;
  position: relative;
}
section.content-region.content-image-left .content-img-caption-body p, section.content-region.content-image-right .content-img-caption-body p {
  color: #1c3e73;
  font-size: 14px;
  line-height: 24px;
}
section.content-region.content-image-left .content-img-caption-body:before, section.content-region.content-image-right .content-img-caption-body:before {
  position: absolute;
  top: 30px;
  left: 21px;
  content: "\75";
  font-family: "icomoon-basic";
  color: #1c3e73;
  font-size: 8px;
  line-height: 1;
}
@media (max-width: 991px) {
  section.content-region.content-image-left .content-img-text, section.content-region.content-image-right .content-img-text {
    margin-top: 50px;
  }
}
section.content-region.content-image-left .image-container {
  margin-left: -8.33333%;
  margin-right: 45px;
}
@media (max-width: 991px) {
  section.content-region.content-image-left .image-container {
    margin: 0 -15px;
    padding: 0;
  }
  section.content-region.content-image-left .image-container img {
    width: 100%;
  }
}
section.content-region.content-image-right .image-container {
  float: right;
  margin-right: -8.33333%;
  margin-left: 45px;
}
@media (max-width: 991px) {
  section.content-region.content-image-right .image-container {
    margin: 0 -15px;
    padding: 0;
    float: none;
  }
  section.content-region.content-image-right .image-container img {
    width: 100%;
  }
}
section.content-region.content-video-full {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  float: none;
  max-width: 930px;
  margin: 58px auto 0 auto;
}
@media (min-width: 992px) {
  section.content-region.content-video-full {
    float: left;
    width: 83.33333%;
  }
  .rtl section.content-region.content-video-full {
    float: right;
  }
}
@media (max-width: 991px) {
  section.content-region.content-video-full {
    padding-left: 0;
    padding-right: 0;
  }
}
section.content-region.content-video-full .video-container {
  padding-top: 0;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
section.content-region.content-video-full .fluid-width-video-wrapper {
  position: static;
  padding: 0 !important;
}
section.content-region.content-quote {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-quote {
    float: left;
    width: 66.66667%;
  }
  .rtl section.content-region.content-quote {
    float: right;
  }
}
section.content-region.content-quote .quote-wrapper {
  padding: 0;
  margin-bottom: 35px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
  text-align: center;
}
section.content-region.content-quote .quote-wrapper .quote {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 10px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  section.content-region.content-quote .quote-wrapper .quote {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 21px;
    margin-top: 0;
  }
}
section.content-region.content-quote .quote-wrapper .quote:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -51px;
  content: "";
  display: block;
  width: 102px;
  height: 8px;
  background-color: #003d79;
}
section.content-region.content-quote .quote-wrapper .quote-name {
  display: block;
  margin-top: 17px;
  color: #a6afba;
  font-size: 14px;
  line-height: 32px;
}
@media (max-width: 991px) {
  section.content-region.content-quote .quote-wrapper {
    margin-bottom: 20px;
    float: none !important;
  }
  section.content-region.content-quote .quote-wrapper .quote,
  section.content-region.content-quote .quote-wrapper .quote-name {
    text-align: center;
  }
  section.content-region.content-quote .quote-wrapper .quote:after {
    left: 50% !important;
    right: auto !important;
    margin-left: -51px;
  }
}
section.content-region.content-quote.align-left .quote-wrapper, section.content-region.content-quote.align-right .quote-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: left;
}
@media (min-width: 992px) {
  section.content-region.content-quote.align-left .quote-wrapper, section.content-region.content-quote.align-right .quote-wrapper {
    float: left;
    width: 41.66667%;
  }
  .rtl section.content-region.content-quote.align-left .quote-wrapper, .rtl section.content-region.content-quote.align-right .quote-wrapper {
    float: right;
  }
}
section.content-region.content-quote.align-left .quote-wrapper {
  margin-left: -8.33333%;
  margin-right: 45px;
  float: left;
}
section.content-region.content-quote.align-left .quote-wrapper .quote:after {
  left: 0;
  margin: 0;
}
@media (max-width: 991px) {
  section.content-region.content-quote.align-left .quote-wrapper {
    margin: 0;
    padding: 0;
  }
}
section.content-region.content-quote.align-right .quote-wrapper {
  margin-right: -8.33333%;
  margin-left: 45px;
  float: right;
  text-align: right;
}
@media (max-width: 991px) {
  section.content-region.content-quote.align-right .quote-wrapper {
    margin: 0;
    padding: 0;
  }
}
section.content-region.content-quote.align-right .quote-wrapper .quote:after {
  left: auto;
  right: 0;
  margin: 0;
}
section.content-region.content-quote.align-center .quote-wrapper {
  text-align: center;
}
section.content-region.content-quote.align-center .quote-wrapper .quote:after {
  left: 50%;
  margin-left: -51px;
}
@media (max-width: 991px) {
  section.content-region.content-quote .content-quote-text {
    margin-top: 70px;
  }
  section.content-region.content-quote .content-quote-text:before, section.content-region.content-quote .content-quote-text:after {
    content: " ";
    display: table;
  }
  section.content-region.content-quote .content-quote-text:after {
    clear: both;
  }
}
section.content-region.content-testimonial {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-testimonial {
    float: left;
    width: 66.66667%;
  }
  .rtl section.content-region.content-testimonial {
    float: right;
  }
}
section.content-region.content-testimonial .testimonial-wrapper {
  border: 1px solid #4d5b69;
  padding: 48px 25px 40px 25px;
}
section.content-region.content-testimonial .testimonial-wrapper:before, section.content-region.content-testimonial .testimonial-wrapper:after {
  content: " ";
  display: table;
}
section.content-region.content-testimonial .testimonial-wrapper:after {
  clear: both;
}
section.content-region.content-testimonial .testimonial-sidebar {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-testimonial .testimonial-sidebar {
    float: left;
    width: 33.33333%;
  }
  .rtl section.content-region.content-testimonial .testimonial-sidebar {
    float: right;
  }
}
section.content-region.content-testimonial .testimonial-sidebar img {
  max-width: 80px;
}
section.content-region.content-testimonial .content-testimonial-name {
  font-size: 22px;
  line-height: 32px;
}
section.content-region.content-testimonial .content-testimonial-text {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 14px;
  line-height: 32px;
  overflow: hidden;
}
@media (min-width: 992px) {
  section.content-region.content-testimonial .content-testimonial-text {
    float: left;
    width: 66.66667%;
  }
  .rtl section.content-region.content-testimonial .content-testimonial-text {
    float: right;
  }
}
section.content-region.content-testimonial .content-testimonial-url {
  font-size: 14px;
  line-height: 32px;
}
section.content-region.content-testimonial .content-testimonial-url a {
  color: #003d79;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
section.content-region.content-testimonial .content-testimonial-url a:hover {
  text-decoration: underline;
}
section.content-region.content-information-list {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-information-list {
    float: left;
    width: 66.66667%;
  }
  .rtl section.content-region.content-information-list {
    float: right;
  }
}
section.content-region.content-information-list h5 {
  font-size: 14px;
  line-height: 29px;
  color: #a6afba;
  margin-left: -8.33333%;
}
@media (max-width: 991px) {
  section.content-region.content-information-list h5 {
    margin: 0;
    padding: 0;
  }
}
section.content-region.content-information-list .content-information-text {
  margin-left: -8.33333%;
}
@media (max-width: 991px) {
  section.content-region.content-information-list .content-information-text {
    margin: 0;
  }
}
section.content-region.content-information-list ul,
section.content-region.content-information-list li {
  color: #a6afba;
  font-size: 14px;
  line-height: 29px;
}
section.content-region.content-information-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
section.content-region.content-information-list ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 991px) {
  section.content-region.content-information-list ul li strong,
  section.content-region.content-information-list ul li b {
    display: block;
  }
}
section.content-region.content-carousel .carousel-intro-container {
  padding: 0 4px;
}
section.content-region.content-carousel .carousel-intro-container:before, section.content-region.content-carousel .carousel-intro-container:after {
  content: " ";
  display: table;
}
section.content-region.content-carousel .carousel-intro-container:after {
  clear: both;
}
@media (min-width: 768px) {
  section.content-region.content-carousel .carousel-intro-container {
    width: 66.66667%;
    margin: 0 auto;
    max-width: 900px;
  }
}
section.content-region.content-carousel .carousel-intro-container h3 {
  margin: 0 0 32px 0;
  padding: 0;
  font-size: 24px;
  line-height: 30px;
}
section.content-region.content-carousel .carousel-intro-container p {
  margin: 0 0 21px 0;
  padding: 0;
  font-size: 16px;
  line-height: 30px;
}
section.content-region.content-carousel .swiper-container,
section.content-region.content-carousel .swiper-container img {
  height: auto;
  width: auto;
  max-height: 180px;
}
@media screen and (min-width: 768px) {
  section.content-region.content-carousel .swiper-container,
  section.content-region.content-carousel .swiper-container img {
    max-height: 328px;
  }
}
@media screen and (min-width: 992px) {
  section.content-region.content-carousel .swiper-container,
  section.content-region.content-carousel .swiper-container img {
    max-height: 400px;
  }
}
@media screen and (min-width: 1400px) {
  section.content-region.content-carousel .swiper-container,
  section.content-region.content-carousel .swiper-container img {
    max-height: 628px;
  }
}
section.content-region.content-carousel .swiper-container .swiper-next,
section.content-region.content-carousel .swiper-container .swiper-prev {
  background: #00152a;
}
section.content-region.content-carousel .swiper-container .swiper-next:hover,
section.content-region.content-carousel .swiper-container .swiper-prev:hover {
  background: #3700fa;
}
section.content-region.content-carousel .swiper-slide {
  position: relative;
}
section.content-region.content-carousel .swiper-slide.swiper-slide-video:after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.81);
  position: absolute;
  height: 80px;
  width: 80px;
  margin-top: -40px;
  margin-left: -40px;
  top: 50%;
  left: 50%;
  z-index: 1;
  font-size: 80px;
  color: white;
  cursor: pointer;
}
section.content-region.content-image-caption .content-image {
  position: relative;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% auto;
  background-color: white;
  height: auto;
}
section.content-region.content-image-caption .content-image:before, section.content-region.content-image-caption .content-image:after {
  content: " ";
  display: table;
}
section.content-region.content-image-caption .content-image:after {
  clear: both;
}
@media (min-width: 992px) {
  section.content-region.content-image-caption .content-image {
    background-position: 50% 50%;
    background-size: cover;
    height: 600px;
  }
}
section.content-region.content-image-caption .content-img-caption-body {
  font-size: 14px;
  line-height: 26px;
  position: relative;
}
section.content-region.content-image-caption .content-img-caption-body p {
  font-size: 14px;
  line-height: 26px;
}
@media (min-width: 992px) {
  section.content-region.content-image-caption .content-img-caption-body {
    position: absolute;
    bottom: 20px;
  }
}
@media (min-width: 992px) {
  section.content-region.content-image-caption.align-right .content-img-caption-body {
    right: 20px;
  }
}
@media (min-width: 992px) {
  section.content-region.content-image-caption.align-left .content-img-caption-body {
    left: 20px;
  }
}
section.content-region.content-image-caption.size- .content-img-caption-body, section.content-region.content-image-caption.size-small .content-img-caption-body {
  padding: 44px 21px 21px 21px;
}
@media (min-width: 992px) {
  section.content-region.content-image-caption.size- .content-img-caption-body, section.content-region.content-image-caption.size-small .content-img-caption-body {
    width: 240px;
  }
}
section.content-region.content-image-caption.size- .content-img-caption-body:before, section.content-region.content-image-caption.size-small .content-img-caption-body:before {
  position: absolute;
  top: 30px;
  left: 21px;
  content: "\75";
  font-family: "icomoon-basic";
  color: #1c3e73;
  font-size: 8px;
  line-height: 1;
}
section.content-region.content-image-caption.size-large .content-img-caption-body {
  padding: 14px 21px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  section.content-region.content-image-caption.size-large .content-img-caption-body {
    top: 20px;
    width: 540px;
  }
}
section.content-region.content-image-caption.size-large .content-img-caption-body h1, section.content-region.content-image-caption.size-large .content-img-caption-body h2, section.content-region.content-image-caption.size-large .content-img-caption-body h3, section.content-region.content-image-caption.size-large .content-img-caption-body h4, section.content-region.content-image-caption.size-large .content-img-caption-body h5, section.content-region.content-image-caption.size-large .content-img-caption-body h6 {
  color: #1c3e73;
  font-family: "clear_sansbold", arial, sans-serif;
}
section.content-region.content-image-caption.size-large .content-img-caption-body h5 {
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 3px;
}
section.content-region.content-image-caption.size-large .content-img-caption-body h6 {
  font-size: 14px;
  line-height: 30px;
  text-transform: none;
}
section.content-region.content-image-caption.size-large .content-img-caption-body p,
section.content-region.content-image-caption.size-large .content-img-caption-body ul,
section.content-region.content-image-caption.size-large .content-img-caption-body li {
  font-size: 14px;
  line-height: 26px;
}
section.content-region.content-image-caption.size-large .content-img-caption-body ul,
section.content-region.content-image-caption.size-large .content-img-caption-body li {
  margin: 0;
  padding: 0;
  list-style: none;
}
section.content-region.content-image-caption.size-large .content-img-caption-body ul li {
  position: relative;
  padding-left: 15px;
}
section.content-region.content-image-caption.size-large .content-img-caption-body ul li:before {
  font-family: "icomoon-basic";
  position: absolute;
  left: 0;
  top: 7px;
  line-height: 1;
  content: "\72";
  font-size: 10px;
}
section.content-region.content-image-caption.size-large .content-img-caption-body ul + h6,
section.content-region.content-image-caption.size-large .content-img-caption-body p + h6 {
  margin-top: 20px;
}
section.content-region.content-technical {
  background-color: #ffffff;
  padding-bottom: 42px;
}
section.content-region.content-technical:before, section.content-region.content-technical:after {
  content: " ";
  display: table;
}
section.content-region.content-technical:after {
  clear: both;
}
section.content-region.content-technical .technical-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  float: none !important;
  margin: 0 auto;
  padding: 30px 0 0 0;
}
@media (min-width: 992px) {
  section.content-region.content-technical .technical-wrapper {
    float: left;
    width: 83.33333%;
  }
  .rtl section.content-region.content-technical .technical-wrapper {
    float: right;
  }
}
@media (min-width: 768px) {
  section.content-region.content-technical .technical-wrapper {
    padding: 116px 0 42px 0;
  }
}
section.content-region.content-technical .left-container,
section.content-region.content-technical .right-container {
  padding: 0;
}
section.content-region.content-technical .left-container {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-technical .left-container {
    float: left;
    width: 41.66667%;
  }
  .rtl section.content-region.content-technical .left-container {
    float: right;
  }
}
@media (min-width: 992px) {
  section.content-region.content-technical .left-container {
    margin-left: 8.33333%;
  }
  .rtl section.content-region.content-technical .left-container {
    margin-left: 0;
    margin-right: 8.33333%;
  }
}
section.content-region.content-technical .right-container {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  section.content-region.content-technical .right-container {
    float: left;
    width: 41.66667%;
  }
  .rtl section.content-region.content-technical .right-container {
    float: right;
  }
}
@media (min-width: 992px) {
  section.content-region.content-technical .right-container {
    margin-left: 8.33333%;
  }
  .rtl section.content-region.content-technical .right-container {
    margin-left: 0;
    margin-right: 8.33333%;
  }
}
section.content-region.content-technical .image-caption-container {
  display: table;
}
section.content-region.content-technical .image-caption-container .image-wrap,
section.content-region.content-technical .image-caption-container .caption-wrap {
  display: table-cell;
  vertical-align: middle;
}
section.content-region.content-technical .image-caption-container .image-wrap {
  width: 50%;
}
section.content-region.content-technical .image-caption-container .caption-wrap {
  padding-left: 8px;
  width: 50%;
}
section.content-region.content-technical .image-caption-container .caption-wrap p {
  line-height: 24px;
}
section.content-region.content-technical .content-img-caption-body {
  background: transparent;
}
section.content-region.content-technical .technical-body {
  padding-top: 35px;
  color: #1c3e73;
}
section.content-region.content-technical .technical-body ol,
section.content-region.content-technical .technical-body ul {
  margin-top: 4px;
}
section.content-region.content-technical .technical-body ol li,
section.content-region.content-technical .technical-body ul li {
  margin-top: 7px;
}
section.content-region.content-technical .technical-body ol li:first-child,
section.content-region.content-technical .technical-body ul li:first-child {
  margin-top: 0;
}
section.content-region.content-technical.align-right .left-container {
  float: right;
}
section.content-region.content-technical.align-right .right-container {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  float: left;
}
@media (min-width: 992px) {
  section.content-region.content-technical.align-right .right-container {
    margin-left: 16.66667%;
  }
  .rtl section.content-region.content-technical.align-right .right-container {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}
@media (min-width: 992px) {
  section.content-region.content-technical.align-right .right-container {
    float: left;
    width: 33.33333%;
  }
  .rtl section.content-region.content-technical.align-right .right-container {
    float: right;
  }
}
section.content-region.content-technical + .content-technical {
  margin-top: 0;
}
section.content-region.content-technical + .content-technical .technical-wrapper {
  border-top: 1px solid #e9e9e9;
}
section.content-region.content-related h2 {
  text-align: center;
  margin: 0;
  line-height: 30px;
  font-size: 26px;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  section.content-region.content-related h2 {
    font-size: 30px;
  }
}
section.content-region.content-related h2 + .node-story.node-teaser {
  margin-top: 0;
}
section.content-region.content-author {
  max-width: 1440px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: 14px;
}
.node-type-story section.content-image-left .content-img-caption-body, .node-type-story section.content-image-right .content-img-caption-body {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.node-type-project section.content-region:first-child, .node-type-article section.content-region:first-child {
  margin-top: 58px;
}
.node-type-project section.content-intro, .node-type-article section.content-intro {
  color: #282828;
}
.node-type-project section.content-image-left .content-img-caption-body, .node-type-project section.content-image-right .content-img-caption-body, .node-type-article section.content-image-left .content-img-caption-body, .node-type-article section.content-image-right .content-img-caption-body {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.node-type-project section.content-testimonial p, .node-type-article section.content-testimonial p {
  font-size: 14px;
}
.node-type-project section.content-testimonial b,
.node-type-project section.content-testimonial strong, .node-type-article section.content-testimonial b,
.node-type-article section.content-testimonial strong {
  color: #282828;
}
.node-type-project section.content-testimonial .testimonial-wrapper, .node-type-article section.content-testimonial .testimonial-wrapper {
  box-shadow: 0px 2px 5px 0px rgba(135, 135, 135, 0.5);
  border-color: #c3c3c3;
}
.node-type-project section.content-testimonial .content-testimonial-name, .node-type-article section.content-testimonial .content-testimonial-name {
  font-size: 22px;
  color: #282828;
}
@media screen and (min-width: 1400px) {
  .node-type-project section.content-carousel .swiper-container,
  .node-type-project section.content-carousel .swiper-container img, .node-type-article section.content-carousel .swiper-container,
  .node-type-article section.content-carousel .swiper-container img {
    max-height: 480px;
  }
}
.node-type-project section.content-carousel .swiper-container, .node-type-article section.content-carousel .swiper-container {
  background-color: rgba(17, 17, 17, 0.9);
}
.node-type-project section.content-carousel .swiper-container .swiper-prev,
.node-type-project section.content-carousel .swiper-container .swiper-next, .node-type-article section.content-carousel .swiper-container .swiper-prev,
.node-type-article section.content-carousel .swiper-container .swiper-next {
  background: transparent;
  font-size: 28px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
}
.node-type-project section.content-carousel .swiper-container .swiper-prev:hover,
.node-type-project section.content-carousel .swiper-container .swiper-next:hover, .node-type-article section.content-carousel .swiper-container .swiper-prev:hover,
.node-type-article section.content-carousel .swiper-container .swiper-next:hover {
  background: transparent;
}
.node-type-project section.content-carousel .swiper-container .swiper-prev:before,
.node-type-project section.content-carousel .swiper-container .swiper-next:before, .node-type-article section.content-carousel .swiper-container .swiper-prev:before,
.node-type-article section.content-carousel .swiper-container .swiper-next:before {
  display: block;
}
.node-type-project section.content-carousel .swiper-container .swiper-prev, .node-type-article section.content-carousel .swiper-container .swiper-prev {
  text-align: right;
}
.node-type-project section.content-carousel .swiper-container .swiper-next, .node-type-article section.content-carousel .swiper-container .swiper-next {
  text-align: left;
}
.node-type-project section.content-technical, .node-type-article section.content-technical {
  font-size: 16px;
  color: #878787;
}
.node-type-project section.content-technical .left-container, .node-type-article section.content-technical .left-container {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .node-type-project section.content-technical .left-container, .node-type-article section.content-technical .left-container {
    float: left;
    width: 54.16667%;
  }
  .rtl .node-type-project section.content-technical .left-container, .rtl .node-type-article section.content-technical .left-container {
    float: right;
  }
}
@media (min-width: 992px) {
  .node-type-project section.content-technical .left-container, .node-type-article section.content-technical .left-container {
    margin-left: 8.33333%;
  }
  .rtl .node-type-project section.content-technical .left-container, .rtl .node-type-article section.content-technical .left-container {
    margin-left: 0;
    margin-right: 8.33333%;
  }
}
.node-type-project section.content-technical .right-container, .node-type-article section.content-technical .right-container {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .node-type-project section.content-technical .right-container, .node-type-article section.content-technical .right-container {
    float: left;
    width: 33.33333%;
  }
  .rtl .node-type-project section.content-technical .right-container, .rtl .node-type-article section.content-technical .right-container {
    float: right;
  }
}
@media (min-width: 992px) {
  .node-type-project section.content-technical .right-container, .node-type-article section.content-technical .right-container {
    margin-left: 4.16667%;
  }
  .rtl .node-type-project section.content-technical .right-container, .rtl .node-type-article section.content-technical .right-container {
    margin-left: 0;
    margin-right: 4.16667%;
  }
}
@media (min-width: 992px) {
  .node-type-project section.content-technical.align-right .left-container, .node-type-article section.content-technical.align-right .left-container {
    margin-left: 4.16667%;
  }
  .rtl .node-type-project section.content-technical.align-right .left-container, .rtl .node-type-article section.content-technical.align-right .left-container {
    margin-left: 0;
    margin-right: 4.16667%;
  }
}
@media (min-width: 992px) {
  .node-type-project section.content-technical.align-right .right-container, .node-type-article section.content-technical.align-right .right-container {
    margin-left: 8.33333%;
  }
  .rtl .node-type-project section.content-technical.align-right .right-container, .rtl .node-type-article section.content-technical.align-right .right-container {
    margin-left: 0;
    margin-right: 8.33333%;
  }
}
.node-type-project section.content-technical h1,
.node-type-project section.content-technical h2,
.node-type-project section.content-technical h3,
.node-type-project section.content-technical h4,
.node-type-project section.content-technical h5,
.node-type-project section.content-technical h6,
.node-type-project section.content-technical b,
.node-type-project section.content-technical strong, .node-type-article section.content-technical h1,
.node-type-article section.content-technical h2,
.node-type-article section.content-technical h3,
.node-type-article section.content-technical h4,
.node-type-article section.content-technical h5,
.node-type-article section.content-technical h6,
.node-type-article section.content-technical b,
.node-type-article section.content-technical strong {
  color: #282828;
}
.node-type-project section.content-technical .technical-wrapper, .node-type-article section.content-technical .technical-wrapper {
  border-top: 1px solid #e1e1e1;
}
.node-type-project section.content-technical .content-img-caption-body, .node-type-article section.content-technical .content-img-caption-body {
  font-size: 16px;
  color: #282828;
}
.node-type-project section.content-technical .technical-body, .node-type-article section.content-technical .technical-body {
  color: #878787;
}
.node-type-project section.content-quote .quote-wrapper .quote, .node-type-article section.content-quote .quote-wrapper .quote {
  color: #003d79;
}
.node-type-project section.content-quote .quote-wrapper .quote p, .node-type-article section.content-quote .quote-wrapper .quote p {
  font-size: 28px;
  line-height: 38px;
}

.overview-columns {
  border-top: solid 1px #f4f6f7;
}
.overview-columns:before, .overview-columns:after {
  content: " ";
  display: table;
}
.overview-columns:after {
  clear: both;
}
.overview-columns .overview-left-col {
  padding: 0 8px;
  margin: 0;
}
@media (min-width: 480px) {
  .overview-columns .overview-left-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl .overview-columns .overview-left-col {
    float: right;
  }
}
@media (min-width: 768px) {
  .overview-columns .overview-left-col {
    padding: 64px 8px 64px 72px;
    width: 27.6%;
  }
}
.overview-columns .overview-title {
  font-size: 34px;
  line-height: 36px;
  margin-bottom: 32px;
}
.overview-columns .overview-title:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
}
.rtl .overview-columns .overview-title:after {
  margin-left: 0;
  margin-right: 12px;
}
.overview-columns .overview-right-col {
  background: #f4f6f7;
  text-align: left;
  font-size: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0;
}
@media (min-width: 480px) {
  .overview-columns .overview-right-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl .overview-columns .overview-right-col {
    float: right;
  }
}
@media (min-width: 768px) {
  .overview-columns .overview-right-col {
    padding-top: 64px;
    padding-bottom: 64px;
    width: 72.4%;
  }
}
.overview-columns .overview-right-col .node-product.view-mode-teaser,
.overview-columns .overview-right-col .node-product-variant.view-mode-teaser {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 480px) {
  .overview-columns .overview-right-col .node-product.view-mode-teaser,
  .overview-columns .overview-right-col .node-product-variant.view-mode-teaser {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl .overview-columns .overview-right-col .node-product.view-mode-teaser, .rtl
  .overview-columns .overview-right-col .node-product-variant.view-mode-teaser {
    float: right;
  }
}
@media (min-width: 768px) {
  .overview-columns .overview-right-col .node-product.view-mode-teaser,
  .overview-columns .overview-right-col .node-product-variant.view-mode-teaser {
    float: left;
    width: 25%;
  }
  .rtl .overview-columns .overview-right-col .node-product.view-mode-teaser, .rtl
  .overview-columns .overview-right-col .node-product-variant.view-mode-teaser {
    float: right;
  }
}
.overview-columns .overview-right-col .col {
  font-size: 16px;
  float: none !important;
  display: inline-block;
  vertical-align: top;
}
.overview-columns .overview-right-col .col:nth-child(6n + 1) .card {
  background: #777b86;
}
.overview-columns .overview-right-col .col:nth-child(6n + 2) .card {
  background: #babec4;
}
.overview-columns .overview-right-col .col:nth-child(6n + 3) .card {
  background: #a7acb5;
}
.overview-columns .overview-right-col .col:nth-child(6n + 4) .card {
  background: #949aa2;
}
.overview-columns .overview-right-col .col:nth-child(6n + 5) .card {
  background: #777b86;
}
.overview-columns .overview-right-col .col:nth-child(6n) .card {
  background: #a7acb5;
}
.overview-columns .overview-right-col .col .card {
  position: relative;
  cursor: pointer;
  padding: 0;
  background: #777b86;
  text-align: center;
}
.overview-columns .overview-right-col .col .card img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.overview-columns .overview-right-col .col .card .list-title {
  display: block;
  background: #ffffff;
  font-size: 17px;
  padding: 16px 24px 24px;
  margin: 0;
}
.overview-columns .overview-right-col .col .card .list-title,
.overview-columns .overview-right-col .col .card .list-title a {
  color: #3f4349;
  text-decoration: none;
}
.overview-columns .overview-right-col .col .card .list-title:hover {
  text-decoration: none;
}
.overview-columns .overview-right-col .col .card .overlay-link,
.overview-columns .overview-right-col .col .card .overlay-link a {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  display: block;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
}
@media (min-width: 768px) {
  .overview-columns .overview-left-col,
  .overview-columns .overview-right-col {
    min-height: 70vh;
  }
}
@media (max-width: 767px) {
  .product-facet-professional .overview-columns .overview-left-col {
    padding: 0;
  }
}

.contact-point {
  position: relative;
}
.contact-point .details {
  padding: 32px 30px 35px 30px;
  font-size: 14px;
  line-height: 16px;
  color: #636a75;
}
@media (max-width: 767px) {
  .contact-point .details {
    height: auto !important;
  }
}
.contact-point .country {
  color: #3f4349;
  font-size: 12px;
  line-height: 16px;
}
.contact-point h2 {
  color: #3f4349;
  font-size: 17px;
  line-height: 22px;
  margin: 20px 0 0 0;
}
.contact-point .address {
  margin-top: 10px;
}
.contact-point .address p {
  margin: 0;
}
.contact-point .contact-details {
  margin-top: 32px;
}
.contact-point .contact-details:before, .contact-point .contact-details:after {
  content: " ";
  display: table;
}
.contact-point .contact-details:after {
  clear: both;
}
.contact-point .contact-details > div {
  margin-top: 8px;
}
.contact-point .contact-details > div:before, .contact-point .contact-details > div:after {
  content: " ";
  display: table;
}
.contact-point .contact-details > div:after {
  clear: both;
}
.contact-point .contact-details .label-inline {
  float: left;
}
.contact-point .contact-details .info-details {
  display: block;
  overflow: hidden;
}
.contact-point .contact-details .info-details a {
  display: inline-block;
  color: #636a75;
  margin-right: 16px;
}
.contact-point .contact-details .website {
  color: #3700fa;
  font-size: 15px;
  margin-top: 14px;
}
.contact-point .contact-details .website .info-details a {
  color: #3700fa;
}
.contact-point .links {
  border-top: 1px solid #e5e8ec;
  font-size: 14px;
  line-height: 24px;
}
.contact-point .links:before, .contact-point .links:after {
  content: " ";
  display: table;
}
.contact-point .links:after {
  clear: both;
}
.contact-point .links .col {
  border-left: 1px solid #e5e8ec;
  width: 50%;
  float: left;
}
.contact-point .links .col:first-child {
  border: none;
}
.contact-point .links.full-width .col {
  width: auto;
  float: none;
}
.contact-point .links .col > a.mailto-link, .contact-point .links .col > a.route-link {
  display: block;
  padding: 10px;
  text-align: center;
  color: #636a75;
  text-decoration: none;
}
.no-touch .contact-point .links .col > a.mailto-link:hover, .no-touch .contact-point .links .col > a.mailto-link:active, .contact-point .links .col > a.mailto-link.active, .no-touch .contact-point .links .col > a.route-link:hover, .no-touch .contact-point .links .col > a.route-link:active, .contact-point .links .col > a.route-link.active {
  background-color: #3700fa;
  color: #ffffff;
}
.contact-point .links .col a.mailto-link:before, .contact-point .links .col a.route-link:before {
  font-family: "icomoon-basic";
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.contact-point .links .col a.mailto-link:before {
  content: "\e901";
}
.contact-point .links .col a.route-link:before {
  content: "\e902";
}
.contact-point .links .mail-container {
  transition: all 0.21s ease-out;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  height: 0;
  min-height: 0;
  background-color: #ffffff;
  z-index: 10;
  border-radius: 3px 3px 0 0;
  padding: 33px 30px 35px 30px;
}
.contact-point .links .mail-container.active {
  display: block;
}
.contact-point .links .mail-container h4 {
  font-size: 16px;
  font-family: "clear_sansregular", arial, sans-serif;
  line-height: 24px;
  margin: 5px 0 10px 0;
}
.contact-point .links .mail-container a {
  font-size: 14px;
  line-height: 24px;
}

.node-article.view-mode-overview_card .details-wrapper .short-description {
  font-size: 17px;
  line-height: 24px;
  font-family: "clear_sansregular", arial, sans-serif;
  color: #282828;
}
.node-article.view-mode-full .inspire-footer {
  margin-top: 7px;
}

.node-type-article h1.page-title {
  display: none;
}

.search-result {
  cursor: pointer;
}
.search-result:before, .search-result:after {
  content: " ";
  display: table;
}
.search-result:after {
  clear: both;
}
.search-result .search-image {
  position: relative;
  background: white;
  overflow: hidden;
}
.search-result .search-image:before {
  position: relative;
  content: "";
  display: block;
  padding-top: 56.25%;
}
.search-result .search-image .image {
  transition: all 0.21s ease-out;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
.search-result .search-image .image:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.search-result .search-image img {
  display: inline-block;
  vertical-align: middle;
}
.search-result .search-content-wrapper {
  padding: 30px;
}
.search-result .search-categories {
  margin-bottom: 11px;
}
.search-result .category {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #3700fa;
}
.search-result .category + .category {
  margin-left: 3px;
}
.search-result .category + .category:before {
  content: ' | ';
}
.search-result h3 {
  color: #3f4349;
  font-size: 17px;
  margin: 0;
}
.search-result .introduction,
.search-result .body {
  font-size: 15px;
  line-height: 18px;
}
.search-result .introduction {
  color: #282828;
  margin-top: 7px;
  font-family: "clear_sansregular", arial, sans-serif;
}
.search-result .body {
  color: #636a75;
  font-size: 13px;
  margin-top: 13px;
  font-family: "clear_sansbold", arial, sans-serif;
}
.search-result .body p {
  margin: 5px 0 0 0;
}
.search-result .body p:first-child {
  margin-top: 0;
}
.search-result .body b, .search-result .body strong, .search-result .body .bold {
  font-family: "clear_sansbold", arial, sans-serif;
}
.search-result .search-labels {
  float: left;
  width: 40px;
}
.search-result .search-labels .icon-label {
  width: 40px;
  height: 40px;
  background-color: #003d79;
  font-size: 0;
  line-height: 40px;
  margin-top: 10px;
  display: block;
  text-align: center;
}
.search-result .search-labels .icon-label:first-child {
  margin-top: 0;
}
.search-result .search-labels .icon-label:before {
  color: white;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 22px;
  text-align: center;
}
.search-result .search-labels .icon-label.icon-video:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 40px;
}
.search-result .search-labels .icon-label.icon-3d:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 40px;
}
.search-result .search-labels + .search-content {
  padding-left: 60px;
}
.search-result:hover .search-image .image {
  transform: scale(1.05);
}
@media screen and (min-width: 768px) {
  .search-result .search-image {
    width: 45.83333%;
    float: left;
  }
  .search-result .search-image + .search-content-wrapper {
    float: left;
    min-height: 150px;
    width: 54.16667%;
  }
  .search-result .search-content-wrapper {
    padding: 30px;
  }
}

body.page-section h1.page-title {
  display: none;
}

.node-testimonial {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  background: #f4f6f7 url("../img/testimonial-bg.jpg") no-repeat center center;
  background-size: cover;
}
.node-testimonial:before, .node-testimonial:after {
  content: " ";
  display: table;
}
.node-testimonial:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-testimonial {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .node-testimonial {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.node-testimonial .group-left,
.node-testimonial .group-right {
  display: block;
  float: none;
  width: 100%;
}
.node-testimonial .group-left {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .node-testimonial .group-left {
    float: left;
    width: 25%;
  }
  .rtl .node-testimonial .group-left {
    float: right;
  }
}
.node-testimonial .group-right {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .node-testimonial .group-right {
    float: left;
    width: 66.66667%;
  }
  .rtl .node-testimonial .group-right {
    float: right;
  }
}
@media (min-width: 768px) {
  .node-testimonial .group-right {
    margin-left: 8.33333%;
  }
  .rtl .node-testimonial .group-right {
    margin-left: 0;
    margin-right: 8.33333%;
  }
}
.node-testimonial .group-left + .group-right {
  margin-top: 40px;
}
.node-testimonial .name {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
}
.node-testimonial .function {
  font-size: 13px;
  line-height: 24px;
  color: #52585f;
  margin-top: 8px;
}
.node-testimonial .link {
  margin-top: 40px;
}
.node-testimonial .link a {
  font-family: "clear_sansbold", arial, sans-serif;
  text-decoration: none;
  position: relative;
  padding-right: 32px;
}
.node-testimonial .link a:link, .node-testimonial .link a:visited {
  color: #3700fa;
}
.node-testimonial .link a:after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.23s ease-out;
  margin-left: 8px;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.node-testimonial .link a:hover:after {
  right: 5px;
}
.node-testimonial .body {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #52585f;
}
.node-testimonial .body p {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .node-testimonial .group-left {
    text-align: right;
  }
  .node-testimonial .group-left + .group-right {
    margin-top: 0;
  }
  .node-testimonial .link {
    margin-top: 96px;
  }
}
.node-type-overview-page .node-testimonial {
  background: none;
}
.node-type-overview-page .node-testimonial:before {
  content: "";
  position: absolute;
  display: block;
  background: #e5e8ec;
  z-index: 1;
  height: 1px;
  max-width: 1440px;
  top: 100%;
  left: 8px;
  right: 8px;
}
@media (min-width: 768px) {
  .node-type-overview-page .node-testimonial:before {
    left: 5.34722%;
    right: 5.34722%;
  }
}
.node-type-overview-page .node-testimonial .link {
  display: none;
}

.node-type-extranet-overview-page #breadcrumb,
.node-type-extranet-overview-page #content-container > .page-title {
  display: none;
}

.node-extranet-overview-page .trainings-category-wrapper:before, .node-extranet-overview-page .trainings-category-wrapper:after {
  content: " ";
  display: table;
}
.node-extranet-overview-page .trainings-category-wrapper:after {
  clear: both;
}
.node-extranet-overview-page .upcomming-trainings-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
.node-extranet-overview-page .upcomming-trainings-wrapper:before, .node-extranet-overview-page .upcomming-trainings-wrapper:after {
  content: " ";
  display: table;
}
.node-extranet-overview-page .upcomming-trainings-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-extranet-overview-page .upcomming-trainings-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .node-extranet-overview-page .upcomming-trainings-wrapper {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.node-extranet-overview-page .upcomming-trainings-wrapper h3 {
  font-size: 20px;
  line-height: 24px;
  font-family: "clear_sansbold", arial, sans-serif;
}
.node-extranet-overview-page .upcomming-trainings-wrapper h3:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
}
.rtl .node-extranet-overview-page .upcomming-trainings-wrapper h3:after {
  margin-left: 0;
  margin-right: 8px;
}
.node-extranet-overview-page .upcomming-trainings-wrapper h3 + p {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  color: #52585f;
  margin-bottom: 0;
}
.node-extranet-overview-page .upcomming-trainings-wrapper .swiper-group {
  position: relative;
  padding-top: 48px;
}
.node-extranet-overview-page .upcomming-trainings-wrapper .swiper-group .swiper-pagination {
  position: absolute;
  top: 8px;
  left: 0;
  margin: 0;
}
.node-extranet-overview-page .upcomming-trainings-wrapper .swiper-group .swiper-arrows {
  position: absolute;
  top: 40px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .node-extranet-overview-page .upcomming-trainings-wrapper .swiper-group {
    padding-top: 104px;
  }
}
.node-extranet-overview-page .upcomming-trainings-wrapper .swiper-container {
  position: relative;
  overflow: visible !important;
  z-index: 10;
}
.node-extranet-overview-page .upcomming-trainings-wrapper .swiper-container:before, .node-extranet-overview-page .upcomming-trainings-wrapper .swiper-container:after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 10;
  top: 0;
  width: 40%;
  height: 100%;
}
.node-extranet-overview-page .upcomming-trainings-wrapper .swiper-container:before {
  background-image: linear-gradient(-90deg, rgba(244, 246, 247, 0) 0%, #f4f6f7 80%);
  right: 100%;
}
.node-extranet-overview-page .upcomming-trainings-wrapper .swiper-container:after {
  background-image: linear-gradient(90deg, rgba(244, 246, 247, 0) 0%, #f4f6f7 80%);
  left: 100%;
}
.node-extranet-overview-page .training-e-learings-wrapper {
  background: #636a75;
  padding: 40px 0;
}
.node-extranet-overview-page .training-e-learings-wrapper * {
  color: #ffffff;
}
.node-extranet-overview-page .training-e-learings-wrapper h3 {
  font-size: 22px;
  font-family: "clear_sans_lightregular", arial, sans-serif;
}
.node-extranet-overview-page .training-e-learings-wrapper a {
  font-size: 14px;
  text-decoration: none;
}
.node-extranet-overview-page .training-e-learings-wrapper a:before {
  position: relative;
  display: inline-block;
  font-family: "icomoon-basic";
  margin-right: 8px;
  top: .0625em;
}
.node-extranet-overview-page .training-e-learings-wrapper a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .node-extranet-overview-page .training-e-learings-wrapper {
    background-image: url("../img/training-elearnings-background.png");
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  .node-extranet-overview-page .training-e-learings-wrapper a {
    display: inline-block;
    margin-top: 80px;
  }
}
.node-extranet-overview-page .training-tesimonials-wrapper .node-testimonial {
  background: transparent;
}
.node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  margin-top: -32px;
  margin-bottom: 16px;
}
.node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination:before, .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination:after {
  content: " ";
  display: table;
}
.node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination > div {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination > div {
    float: left;
    width: 25%;
  }
  .rtl .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination > div {
    float: right;
  }
}
.node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 64px;
}
.node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows:before, .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows:after {
  content: " ";
  display: table;
}
.node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows > div {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding: 0;
}
@media (min-width: 768px) {
  .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows > div {
    float: left;
    width: 25%;
  }
  .rtl .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows > div {
    float: right;
  }
}
@media (min-width: 768px) {
  .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination {
    text-align: right;
  }
  .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination > div > * {
    float: right;
  }
  .node-extranet-overview-page .training-tesimonials-wrapper .swiper-pagination + .swiper-arrows {
    text-align: right;
  }
}

.training-type:before {
  content: "";
  display: inline-block;
  background-size: 48px 23px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 48px;
  height: 23px;
}
.training-type.basic:before {
  background-image: url("../img/training-basic.png");
}
.training-type.advanced:before {
  background-image: url("../img/training-advanced.png");
}
.training-type.expert:before {
  background-image: url("../img/training-certified.png");
}

.training-compact-info:before, .training-compact-info:after {
  content: " ";
  display: table;
}
.training-compact-info:after {
  clear: both;
}
.training-compact-info > * {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .training-compact-info > * {
    float: left;
    width: 33.33333%;
  }
  .rtl .training-compact-info > * {
    float: right;
  }
}
.training-compact-info .type,
.training-compact-info .location,
.training-compact-info .who {
  position: relative;
  padding-left: 36px;
  margin-bottom: 16px;
  font-size: 14px;
}
.training-compact-info .type:before,
.training-compact-info .location:before,
.training-compact-info .who:before {
  position: relative;
  top: .25em;
  margin-right: 16px;
}
@media (max-width: 991px) {
  .training-compact-info .type:before,
  .training-compact-info .location:before,
  .training-compact-info .who:before {
    width: 60px !important;
  }
}
@media (min-width: 768px) {
  .training-compact-info .type,
  .training-compact-info .location,
  .training-compact-info .who {
    margin-bottom: 0;
  }
}
.training-compact-info .location {
  padding-left: 36px !important;
}
.training-compact-info .location:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  color: #3700fa;
  font-size: 24px;
}
.training-compact-info .who {
  padding-left: 36px !important;
}
.training-compact-info .who:before {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  color: #3700fa;
  font-size: 24px;
}

.node-training.view-mode-teaser .training-type {
  font-size: 12px;
  line-height: 16px;
  color: #636a75;
}
.node-training.view-mode-teaser .training-type:before {
  width: 27px;
  height: 13px;
  background-size: 27px 13px;
  margin-right: 18px;
}
.node-training.view-mode-teaser h3 {
  font-size: 17px;
  margin: 12px 0 0 0;
}
.node-training.view-mode-teaser .subtitle {
  font-size: 14px;
  line-height: 16px;
  color: #636a75;
  margin-top: 4px;
}
.node-training.view-mode-teaser .card__title {
  position: relative;
  padding: 16px 82px 16px 24px;
}
.node-training.view-mode-teaser .card__title:after {
  content: "";
  font-family: "icomoon-basic";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.node-training.view-mode-js-popup .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  background: transparent;
}
.node-training.view-mode-js-popup .container:before, .node-training.view-mode-js-popup .container:after {
  content: " ";
  display: table;
}
.node-training.view-mode-js-popup .container:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-training.view-mode-js-popup .container {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .node-training.view-mode-js-popup .container {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.node-training.view-mode-js-popup .intro-small {
  font-size: 14px;
  line-height: 24px;
  color: #636a75;
}
.node-training.view-mode-js-popup h2 {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 34px;
  line-height: 36px;
  margin-top: 8px;
}
.node-training.view-mode-js-popup h2:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
}
.rtl .node-training.view-mode-js-popup h2:after {
  margin-left: 0;
  margin-right: 12px;
}
.node-training.view-mode-js-popup .intro,
.node-training.view-mode-js-popup .details {
  font-family: "clear_sans_lightregular", arial, sans-serif;
}
.node-training.view-mode-js-popup .intro {
  margin-top: 32px;
}
.node-training.view-mode-js-popup .intro > * {
  display: inline-block;
}
.node-training.view-mode-js-popup .details {
  margin-top: 24px;
}
.node-training.view-mode-js-popup .details label {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-weight: normal;
}
.node-training.view-mode-js-popup .details label:after {
  content: "";
  display: inline-block;
  margin: 0 8px 0 0;
}
.node-training.view-mode-js-popup .info {
  margin-top: 64px;
}
.node-training.view-mode-js-popup .info:before, .node-training.view-mode-js-popup .info:after {
  content: " ";
  display: table;
}
.node-training.view-mode-js-popup .info:after {
  clear: both;
}
.node-training.view-mode-js-popup .info > * {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .node-training.view-mode-js-popup .info > * {
    float: left;
    width: 33.33333%;
  }
  .rtl .node-training.view-mode-js-popup .info > * {
    float: right;
  }
}
.node-training.view-mode-js-popup .info .type,
.node-training.view-mode-js-popup .info .location,
.node-training.view-mode-js-popup .info .who {
  position: relative;
  margin-bottom: 16px;
}
.node-training.view-mode-js-popup .info .type:before,
.node-training.view-mode-js-popup .info .location:before,
.node-training.view-mode-js-popup .info .who:before {
  position: relative;
  top: .25em;
  margin-right: 16px;
}
@media (max-width: 991px) {
  .node-training.view-mode-js-popup .info .type:before,
  .node-training.view-mode-js-popup .info .location:before,
  .node-training.view-mode-js-popup .info .who:before {
    width: 60px !important;
  }
}
@media (min-width: 768px) {
  .node-training.view-mode-js-popup .info .type,
  .node-training.view-mode-js-popup .info .location,
  .node-training.view-mode-js-popup .info .who {
    margin-bottom: 0;
  }
}
.node-training.view-mode-js-popup .info .location:before {
  content: "";
  display: inline-block;
  background-size: 20px 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/icon-location.png");
  width: 20px;
  height: 24px;
}
.node-training.view-mode-js-popup .info .who:before {
  content: "";
  display: inline-block;
  background-size: 26px 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/icon-who.png");
  width: 26px;
  height: 24px;
}
.node-training.view-mode-js-popup .actions {
  margin-top: 72px;
}
@media (min-width: 768px) {
  .node-training.view-mode-js-popup .actions a + a {
    margin: 0 8px;
  }
}
.node-training.view-mode-full.ds-content-page-two-col .left {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .node-training.view-mode-full.ds-content-page-two-col .left {
    padding-bottom: 100px !important;
  }
}
.node-training.view-mode-full.ds-content-page-two-col.node-training .left {
  padding-bottom: 48px !important;
}
.node-training.view-mode-full .wide {
  background-color: #f4f6f7;
}
.node-training.view-mode-full .wide .training-compact-info .type,
.node-training.view-mode-full .wide .training-compact-info .location,
.node-training.view-mode-full .wide .training-compact-info .who {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
}
@media (min-width: 768px) {
  .node-training.view-mode-full .wide .training-compact-info .type,
  .node-training.view-mode-full .wide .training-compact-info .location,
  .node-training.view-mode-full .wide .training-compact-info .who {
    float: left;
    width: 33.33333%;
  }
  .rtl .node-training.view-mode-full .wide .training-compact-info .type, .rtl
  .node-training.view-mode-full .wide .training-compact-info .location, .rtl
  .node-training.view-mode-full .wide .training-compact-info .who {
    float: right;
  }
}
@media (min-width: 992px) {
  .node-training.view-mode-full .wide .training-compact-info .type,
  .node-training.view-mode-full .wide .training-compact-info .location,
  .node-training.view-mode-full .wide .training-compact-info .who {
    float: left;
    width: 25%;
  }
  .rtl .node-training.view-mode-full .wide .training-compact-info .type, .rtl
  .node-training.view-mode-full .wide .training-compact-info .location, .rtl
  .node-training.view-mode-full .wide .training-compact-info .who {
    float: right;
  }
}
.node-training.view-mode-full .wide .training-compact-info .location:before,
.node-training.view-mode-full .wide .training-compact-info .who:before {
  color: #636a75;
}
.node-training.view-mode-full .wide > .training-compact-info:first-child,
.node-training.view-mode-full .wide > .training-downloads-wrapper:first-child {
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .node-training.view-mode-full .wide > .training-compact-info:first-child,
  .node-training.view-mode-full .wide > .training-downloads-wrapper:first-child {
    margin-top: 0;
  }
}
.node-training.view-mode-full .wide > .training-compact-info {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  border-top: 1px solid #e5e8ec;
  padding-top: 45px;
  padding-bottom: 48px;
  background-color: #ffffff;
}
.node-training.view-mode-full .wide > .training-compact-info:before, .node-training.view-mode-full .wide > .training-compact-info:after {
  content: " ";
  display: table;
}
.node-training.view-mode-full .wide > .training-compact-info:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-training.view-mode-full .wide > .training-compact-info {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.node-training.view-mode-full .wide .training-downloads-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 48px;
  padding-bottom: 56px;
}
.node-training.view-mode-full .wide .training-downloads-wrapper:before, .node-training.view-mode-full .wide .training-downloads-wrapper:after {
  content: " ";
  display: table;
}
.node-training.view-mode-full .wide .training-downloads-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-training.view-mode-full .wide .training-downloads-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media screen and (min-width: 768px) {
  .node-training.view-mode-full .wide .training-downloads-wrapper {
    padding-top: 100px;
    padding-bottom: 112px;
  }
}
.node-training.view-mode-full .wide .training-downloads-wrapper .col {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .node-training.view-mode-full .wide .training-downloads-wrapper .col {
    float: left;
    width: 66.66667%;
  }
  .rtl .node-training.view-mode-full .wide .training-downloads-wrapper .col {
    float: right;
  }
}
.node-training.view-mode-full .wide .training-downloads-wrapper .col .title-line {
  font-size: 20px;
  line-height: 32px;
}
.node-training.view-mode-full .wide .training-downloads-wrapper .col .title-line:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  background-color: #818992;
  top: -11px;
}
.rtl .node-training.view-mode-full .wide .training-downloads-wrapper .col .title-line:after {
  margin-left: 0;
  margin-right: 8px;
}
.node-training.view-mode-full .wide .training-downloads-wrapper .col ul,
.node-training.view-mode-full .wide .training-downloads-wrapper .col li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.node-training.view-mode-full .wide .paragraphs-content {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffffff;
  padding-top: 48px;
  padding-bottom: 56px;
}
.node-training.view-mode-full .wide .paragraphs-content:before, .node-training.view-mode-full .wide .paragraphs-content:after {
  content: " ";
  display: table;
}
.node-training.view-mode-full .wide .paragraphs-content:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-training.view-mode-full .wide .paragraphs-content {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.node-training.view-mode-full .wide .paragraphs-content .content-max-width {
  max-width: none;
}
@media screen and (min-width: 768px) {
  .node-training.view-mode-full .wide .paragraphs-content {
    padding-top: 100px;
    padding-bottom: 112px;
  }
}
@media screen and (min-width: 992px) {
  .node-training.view-mode-full .wide .paragraphs-content section.content-region.content-body-only {
    float: none;
    width: 100%;
  }
}
.node-training.view-mode-full .wide .training-footer-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffffff;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #e5e8ec;
}
.node-training.view-mode-full .wide .training-footer-wrapper:before, .node-training.view-mode-full .wide .training-footer-wrapper:after {
  content: " ";
  display: table;
}
.node-training.view-mode-full .wide .training-footer-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-training.view-mode-full .wide .training-footer-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media screen and (min-width: 768px) {
  .node-training.view-mode-full .wide .training-footer-wrapper {
    padding-top: 68px;
    padding-bottom: 68px;
  }
}
.node-training.view-mode-full .wide .training-bottom-wrapper {
  margin-top: 24px;
}
.node-training.view-mode-full .wide .training-bottom-wrapper .pricing-wrapper p {
  margin: 0;
  line-height: 32px;
}
.node-training.view-mode-full .wide .training-bottom-wrapper .training-price-wrapper {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .node-training.view-mode-full .wide .training-bottom-wrapper {
    margin-top: 48px;
  }
}
@media screen and (min-width: 992px) {
  .node-training.view-mode-full .wide .training-bottom-wrapper .training-button-wrapper,
  .node-training.view-mode-full .wide .training-bottom-wrapper .training-price-wrapper {
    float: left;
  }
  .node-training.view-mode-full .wide .training-bottom-wrapper .training-price-wrapper {
    padding-left: 40px;
    margin-top: 0;
  }
}

[class*=path-training-category] #breadcrumb,
[class*=path-training-category] h1.page-title {
  display: none;
}

.training-category.ds-content-page-two-col .wide {
  background-color: #f4f6f7;
  padding-top: 80px;
  padding-bottom: 96px;
}
.training-category.ds-content-page-two-col .wide:before, .training-category.ds-content-page-two-col .wide:after {
  content: " ";
  display: table;
}
.training-category.ds-content-page-two-col .wide:after {
  clear: both;
}
.training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (min-width: 768px) {
  .training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser {
    float: left;
    width: 50%;
  }
  .rtl .training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser {
    float: right;
  }
}
.training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser .card {
  margin: 0;
}
.training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser:hover .card {
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser:hover .card,
.training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser:hover .card * {
  text-decoration: none;
}
.training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser:hover .card:before {
  left: 0;
}
.rtl .training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser:hover .card:before {
  left: auto;
  right: 0;
}
@media screen and (min-width: 768px) {
  .training-category.ds-content-page-two-col .wide .node-training.view-mode-teaser {
    padding-left: 4px;
    padding-right: 4px;
  }
}

.node-machine.view-mode-teaser .card:hover {
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.node-machine.view-mode-teaser .card:hover,
.node-machine.view-mode-teaser .card:hover * {
  text-decoration: none;
}
.node-machine.view-mode-teaser .card:hover:before {
  left: 0;
}
.rtl .node-machine.view-mode-teaser .card:hover:before {
  left: auto;
  right: 0;
}
.node-machine.view-mode-teaser .card:hover .image-wrapper .image {
  transform: scale(1.05);
}
.node-machine.view-mode-teaser .image-wrapper {
  position: relative;
  overflow: hidden;
}
.node-machine.view-mode-teaser .image-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 67.78846%;
}
.node-machine.view-mode-teaser .image-wrapper .image {
  transition: all 0.23s ease-out;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.node-machine.view-mode-full .node-software.node-teaser {
  padding: 4px 0;
}
.node-machine.view-mode-full .node-software.node-teaser .card {
  margin: 0;
}

.node-software.view-mode-full .product-content-left {
  width: 100%;
  float: none;
}
.node-software.view-mode-full .product-content-left .node-machine.view-mode-teaser {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
}
@media (min-width: 480px) {
  .node-software.view-mode-full .product-content-left .node-machine.view-mode-teaser {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl .node-software.view-mode-full .product-content-left .node-machine.view-mode-teaser {
    float: right;
  }
}
@media (min-width: 768px) {
  .node-software.view-mode-full .product-content-left .node-machine.view-mode-teaser {
    float: left;
    width: 33.33333%;
  }
  .rtl .node-software.view-mode-full .product-content-left .node-machine.view-mode-teaser {
    float: right;
  }
}
@media (min-width: 992px) {
  .node-software.view-mode-full .product-content-left .node-machine.view-mode-teaser {
    float: left;
    width: 25%;
  }
  .rtl .node-software.view-mode-full .product-content-left .node-machine.view-mode-teaser {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .node-software.view-mode-full .product-content-left .node-machine.view-mode-teaser {
    padding: 0;
  }
}
.node-software.view-mode-full .col-download:before, .node-software.view-mode-full .col-download:after {
  content: " ";
  display: table;
}
.node-software.view-mode-full .col-download:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .node-software.view-mode-full .col-download {
    max-width: 66.66667%;
  }
}
.node-software.view-mode-full .related-machines:before, .node-software.view-mode-full .related-machines:after {
  content: " ";
  display: table;
}
.node-software.view-mode-full .related-machines:after {
  clear: both;
}
.node-software.view-mode-teaser .card:hover {
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.node-software.view-mode-teaser .card:hover,
.node-software.view-mode-teaser .card:hover * {
  text-decoration: none;
}
.node-software.view-mode-teaser .card:hover:before {
  left: 0;
}
.rtl .node-software.view-mode-teaser .card:hover:before {
  left: auto;
  right: 0;
}
.node-software.view-mode-teaser .card:hover .image-wrapper .image {
  transform: scale(1.05);
}
@media screen and (min-width: 768px) {
  .node-software.view-mode-teaser .image-wrapper,
  .node-software.view-mode-teaser .details-wrapper {
    float: left;
    width: 50%;
  }
}
.node-software.view-mode-teaser .image-wrapper {
  position: relative;
  overflow: hidden;
}
.node-software.view-mode-teaser .image-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 55.5814%;
}
.node-software.view-mode-teaser .image-wrapper .image {
  transition: all 0.23s ease-out;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.node-software.view-mode-teaser .card__title {
  padding-top: 32px;
  padding-bottom: 32px;
}

.node-service-plus.view-mode-full .product-content-left {
  width: 100%;
  float: none;
}
.node-service-plus.view-mode-full .downloads-wrapper,
.node-service-plus.view-mode-full .links-wrapper,
.node-service-plus.view-mode-full .videos-wrapper {
  margin-top: 28px;
}
.node-service-plus.view-mode-full .downloads-wrapper:before, .node-service-plus.view-mode-full .downloads-wrapper:after,
.node-service-plus.view-mode-full .links-wrapper:before,
.node-service-plus.view-mode-full .links-wrapper:after,
.node-service-plus.view-mode-full .videos-wrapper:before,
.node-service-plus.view-mode-full .videos-wrapper:after {
  content: " ";
  display: table;
}
.node-service-plus.view-mode-full .downloads-wrapper:after,
.node-service-plus.view-mode-full .links-wrapper:after,
.node-service-plus.view-mode-full .videos-wrapper:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .node-service-plus.view-mode-full .downloads-wrapper,
  .node-service-plus.view-mode-full .links-wrapper,
  .node-service-plus.view-mode-full .videos-wrapper {
    margin-top: 54px;
  }
}
@media screen and (min-width: 768px) {
  .node-service-plus.view-mode-full .downloads-wrapper,
  .node-service-plus.view-mode-full .links-wrapper {
    width: 66.66667%;
  }
}
.node-service-plus.view-mode-full .file-document.view-mode-download,
.node-service-plus.view-mode-full .show-more-link,
.node-service-plus.view-mode-full .card--link {
  margin: 0 0 8px 0;
}
.node-service-plus.view-mode-full .file-document.view-mode-download:last-child,
.node-service-plus.view-mode-full .show-more-link:last-child,
.node-service-plus.view-mode-full .card--link:last-child {
  margin-top: 0;
}
.node-service-plus.view-mode-full .file-video {
  padding: 4px;
}
@media screen and (min-width: 768px) {
  .node-service-plus.view-mode-full .file-video {
    width: 50%;
    float: left;
  }
}

.user-profile.view-mode-full {
  padding-bottom: 64px;
}

.block-find-a-craftman {
  position: relative;
  background: #ffffff;
  padding: 56px 24px 24px;
  text-align: left;
}
.block-find-a-craftman h3 {
  display: none;
}
.block-find-a-craftman form {
  position: relative;
}
.block-find-a-craftman input[type=text] {
  display: block;
  width: 100%;
  max-width: 100% !important;
}
.block-find-a-craftman a:hover {
  color: #213244;
}
.block-find-a-craftman .bookmarked-dealers {
  margin-top: 10px;
  font-size: 13.4px;
}
.block-find-a-craftman .form-type-checkboxes > label {
  display: none;
}
.block-find-a-craftman .form-type-checkboxes label {
  font-size: 14px;
  line-height: 18px;
}
.block-find-a-craftman .form-type-checkboxes input {
  top: 1px;
}
.block-find-a-craftman input.form-submit {
  position: absolute;
  background: transparent;
  color: #3f4349;
  font-family: "icomoon-basic";
  font-size: 14px;
  line-height: 40px;
  padding: 0 8px;
  text-transform: lowercase;
  border: none;
  top: 1px;
  right: 1px;
}
.block-find-a-craftman input.form-submit:hover {
  background: transparent;
  color: #3700fa;
}

.block-usp-homepage {
  padding: 4px;
}
.block-usp-homepage ul,
.block-usp-homepage li {
  display: block;
  margin: 0;
  padding: 0;
}
.block-usp-homepage li.usp-big .view-mode-usp_big {
  display: none;
}
@media screen and (min-width: 768px) {
  .block-usp-homepage li.usp-big .view-mode-usp_big {
    display: block;
  }
  .block-usp-homepage li.usp-big .view-mode-usp_small {
    display: none;
  }
}
.block-usp-homepage .view-mode-usp_big,
.block-usp-homepage .view-mode-usp_small {
  width: 100% !important;
  padding-bottom: 0 !important;
}
.block-usp-homepage .view-mode-usp_big.grid-box .ds-content,
.block-usp-homepage .view-mode-usp_small.grid-box .ds-content {
  background-position: bottom center;
  background-size: auto 100%;
}
.block-usp-homepage .view-mode-usp_big.grid-box .ds-content:before,
.block-usp-homepage .view-mode-usp_small.grid-box .ds-content:before {
  display: none;
}
.block-usp-homepage .view-mode-usp_big.invert-text .grid-content,
.block-usp-homepage .view-mode-usp_big.invert-text .grid-content h2,
.block-usp-homepage .view-mode-usp_big.invert-text .grid-content a,
.block-usp-homepage .view-mode-usp_small.invert-text .grid-content,
.block-usp-homepage .view-mode-usp_small.invert-text .grid-content h2,
.block-usp-homepage .view-mode-usp_small.invert-text .grid-content a {
  color: #3f4349 !important;
}
@media screen and (min-width: 768px) {
  .block-usp-homepage .view-mode-usp_big {
    min-height: 392px;
  }
}
@media screen and (min-width: 992px) {
  .block-usp-homepage .view-mode-usp_big {
    min-height: 502px;
  }
}
@media screen and (min-width: 922px) {
  .block-usp-homepage .view-mode-usp_big {
    min-height: 422px;
  }
}
@media screen and (min-width: 992px) {
  .block-usp-homepage .view-mode-usp_big {
    min-height: 502px;
  }
}
@media screen and (min-width: 1170px) {
  .block-usp-homepage .view-mode-usp_big {
    min-height: 610px;
  }
}
.block-usp-homepage .view-mode-usp_small {
  min-height: 161px;
}
@media screen and (min-width: 370px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 190px;
  }
}
@media screen and (min-width: 452px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 228px;
  }
}
@media screen and (min-width: 480px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 236px;
  }
}
@media screen and (min-width: 560px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 285px;
  }
}
@media screen and (min-width: 620px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 310px;
  }
}
@media screen and (min-width: 738px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 370px;
  }
}
@media screen and (min-width: 768px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 196px;
  }
}
@media screen and (min-width: 922px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 211px;
  }
}
@media screen and (min-width: 992px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 251px;
  }
}
@media screen and (min-width: 1170px) {
  .block-usp-homepage .view-mode-usp_small {
    min-height: 305px;
  }
}
.block-usp-homepage .grid-box .ds-content .grid-content {
  top: 16px;
  left: 0;
  right: 8px;
  bottom: 8px;
  padding-left: 10px;
  max-width: 50%;
}
@media screen and (min-width: 480px) {
  .block-usp-homepage .grid-box .ds-content .grid-content {
    top: 16px;
    right: 16px;
    bottom: 8px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 620px) {
  .block-usp-homepage .grid-box .ds-content .grid-content {
    top: 24px;
    right: 24px;
    bottom: 32px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) {
  .block-usp-homepage .grid-box .ds-content .grid-content {
    top: 16px;
    right: 12px;
    bottom: 2px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 992px) {
  .block-usp-homepage .grid-box .ds-content .grid-content {
    top: 22px;
    right: 16px;
    bottom: 8px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .block-usp-homepage .grid-box .ds-content .grid-content {
    top: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1170px) {
  .block-usp-homepage .grid-box .ds-content .grid-content {
    top: 32px;
    padding-left: 32px;
  }
}
.block-usp-homepage .grid-box .ds-content .grid-content h2 {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
  .block-usp-homepage .grid-box .ds-content .grid-content h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 12px;
  }
}
.block-usp-homepage .grid-box .ds-content .grid-content p {
  font-size: 12px;
  line-height: 18px;
}
@media screen and (min-width: 1024px) {
  .block-usp-homepage .grid-box .ds-content .grid-content p {
    font-size: 15px;
    line-height: 24px;
  }
}
.block-usp-homepage .grid-box .ds-content .grid-content .link-to {
  position: absolute;
  bottom: 0;
  font-size: 12px;
}
.block-usp-homepage .grid-box .ds-content .grid-content .link-to a {
  position: relative;
}
.block-usp-homepage .grid-box .ds-content .grid-content .link-to a:before {
  position: relative;
  display: inline-block;
  font-family: "icomoon-basic";
  top: .125em;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .block-usp-homepage .view-mode-usp_big,
  .block-usp-homepage .view-mode-usp_small {
    width: 50% !important;
  }
}

.homepage-news {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  background: transparent;
  padding-left: 4px;
  padding-right: 4px;
}
.homepage-news:before, .homepage-news:after {
  content: " ";
  display: table;
}
.homepage-news:after {
  clear: both;
}
@media (min-width: 768px) {
  .homepage-news {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .homepage-news {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.homepage-news h3 {
  margin-left: 4px;
  margin-bottom: 24px;
}
.homepage-news .news-archive-link {
  margin-top: 10px;
  margin-bottom: 10px;
}
.homepage-news h3 {
  font-family: "clear_sansregular", arial, sans-serif;
}
@media (min-width: 768px) {
  .homepage-news {
    padding-bottom: 160px;
  }
  .homepage-news h3 {
    float: left;
    font-size: 34px;
    line-height: 38px;
  }
  .homepage-news .news-archive-link {
    float: right;
  }
  .homepage-news .news-archive-link + * {
    clear: both;
  }
}

.block-product-carousel h3 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 32px;
  line-height: 34px;
  margin: 0 0 35px 0;
  margin: 0 auto;
  padding: 60px 4px 0 4px;
}
@media screen and (max-width: 767px) {
  .block-product-carousel h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.block-how-can-we-help-you:before, .block-how-can-we-help-you:after {
  content: " ";
  display: table;
}
.block-how-can-we-help-you:after {
  clear: both;
}
.block-how-can-we-help-you h3 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 32px;
  line-height: 34px;
  margin: 0 0 35px 0;
  color: #ffffff;
  margin-top: 55px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .block-how-can-we-help-you h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.block-how-can-we-help-you h3,
.block-how-can-we-help-you > div {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.block-how-can-we-help-you h3:before, .block-how-can-we-help-you h3:after,
.block-how-can-we-help-you > div:before,
.block-how-can-we-help-you > div:after {
  content: " ";
  display: table;
}
.block-how-can-we-help-you h3:after,
.block-how-can-we-help-you > div:after {
  clear: both;
}
@media (min-width: 768px) {
  .block-how-can-we-help-you h3,
  .block-how-can-we-help-you > div {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.front .block-how-can-we-help-you {
  background-color: #00142a;
}
.block-how-can-we-help-you .container-pull-left {
  margin-top: 70px;
}
.block-how-can-we-help-you h3 + .container-pull-left {
  margin-top: 40px;
}

.block-how-can-we-help-you:before, .block-how-can-we-help-you:after {
  content: " ";
  display: table;
}
.block-how-can-we-help-you:after {
  clear: both;
}
.block-how-can-we-help-you h3 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 32px;
  line-height: 34px;
  margin: 0 0 35px 0;
  color: #ffffff;
  margin-top: 55px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .block-how-can-we-help-you h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.block-how-can-we-help-you h3,
.block-how-can-we-help-you > div {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.block-how-can-we-help-you h3:before, .block-how-can-we-help-you h3:after,
.block-how-can-we-help-you > div:before,
.block-how-can-we-help-you > div:after {
  content: " ";
  display: table;
}
.block-how-can-we-help-you h3:after,
.block-how-can-we-help-you > div:after {
  clear: both;
}
@media (min-width: 768px) {
  .block-how-can-we-help-you h3,
  .block-how-can-we-help-you > div {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.front .block-how-can-we-help-you {
  background-color: #00142a;
}
.block-how-can-we-help-you .container-pull-left {
  margin-top: 70px;
}
.block-how-can-we-help-you h3 + .container-pull-left {
  margin-top: 40px;
}

.block-dealer-link {
  position: relative;
}
.block-dealer-link h3 {
  display: none;
}

.block-main-menu ul,
.block-main-menu ul li {
  width: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-main-menu nav {
  float: left;
}

.header-region .block-main-menu,
.header-region .related-projects {
  white-space: nowrap;
}
.header-region .block-main-menu h3,
.header-region .related-projects h3 {
  display: none;
}
.header-region .block-main-menu nav,
.header-region .related-projects nav {
  display: block;
}
.header-region .block-main-menu ul,
.header-region .related-projects ul {
  display: block;
  font-size: 0;
}
.header-region .block-main-menu li,
.header-region .related-projects li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.header-region .block-main-menu li.active a, .header-region .block-main-menu li.active-trail a, .header-region .block-main-menu li.hovered a,
.header-region .related-projects li.active a,
.header-region .related-projects li.active-trail a,
.header-region .related-projects li.hovered a {
  background-color: #f4f6f7;
  text-decoration: none;
}
.header-region .block-main-menu li.active a::after, .header-region .block-main-menu li.active-trail a::after, .header-region .block-main-menu li.hovered a::after,
.header-region .related-projects li.active a::after,
.header-region .related-projects li.active-trail a::after,
.header-region .related-projects li.hovered a::after {
  height: 5px;
}
.header-region .block-main-menu li a,
.header-region .related-projects li a {
  transition: all 0.1s linear;
  position: relative;
  display: block;
  color: #3f4349;
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 14px;
  padding: 0 12px;
  background-color: #ffffff;
  height: 80px;
  line-height: 80px;
  text-decoration: none;
}
.header-region .block-main-menu li a::after,
.header-region .related-projects li a::after {
  transition: all 0.1s linear;
  content: " ";
  position: absolute;
  display: block;
  background: #3700fa;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
.header-region .block-main-menu li a:hover, .header-region .block-main-menu li a:focus,
.header-region .related-projects li a:hover,
.header-region .related-projects li a:focus {
  background-color: #f4f6f7;
  text-decoration: none;
}
.header-region .block-main-menu li a:hover::after, .header-region .block-main-menu li a:focus::after,
.header-region .related-projects li a:hover::after,
.header-region .related-projects li a:focus::after {
  height: 5px;
}
.header-region .block-main-menu .target-group-extra-info,
.header-region .related-projects .target-group-extra-info {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.header-region .block-main-menu .target-group-extra-info > div,
.header-region .related-projects .target-group-extra-info > div {
  display: none;
  background: #f4f6f7;
  padding: 64px 40px;
}
.header-region .block-main-menu .target-group-extra-info > div:before, .header-region .block-main-menu .target-group-extra-info > div:after,
.header-region .related-projects .target-group-extra-info > div:before,
.header-region .related-projects .target-group-extra-info > div:after {
  content: " ";
  display: table;
}
.header-region .block-main-menu .target-group-extra-info > div:after,
.header-region .related-projects .target-group-extra-info > div:after {
  clear: both;
}
.header-region .block-main-menu .target-group-extra-info > div .left,
.header-region .related-projects .target-group-extra-info > div .left {
  float: left;
  width: 40%;
}
.header-region .block-main-menu .target-group-extra-info > div .right,
.header-region .related-projects .target-group-extra-info > div .right {
  float: left;
  width: 60%;
}
.header-region .block-main-menu .target-group-extra-info > div .left + .right,
.header-region .related-projects .target-group-extra-info > div .left + .right {
  border-left: solid 1px #e5e8ec;
}
.header-region .block-main-menu .target-group-extra-info .target-group-prefix,
.header-region .related-projects .target-group-extra-info .target-group-prefix {
  display: block;
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 14px;
}
.header-region .block-main-menu .target-group-extra-info .target-group-label,
.header-region .related-projects .target-group-extra-info .target-group-label {
  display: block;
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 20px;
}
.header-region .block-main-menu .target-group-extra-info .target-group-label:after,
.header-region .related-projects .target-group-extra-info .target-group-label:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
}
.rtl .header-region .block-main-menu .target-group-extra-info .target-group-label:after, .rtl
.header-region .related-projects .target-group-extra-info .target-group-label:after {
  margin-left: 0;
  margin-right: 8px;
}
.header-region .block-main-menu .target-group-extra-info .target-group-description,
.header-region .related-projects .target-group-extra-info .target-group-description {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  color: #636a75;
  margin-top: 14px;
}
.header-region .block-main-menu .target-group-extra-info .target-group-description p,
.header-region .related-projects .target-group-extra-info .target-group-description p {
  margin: 0;
}
.header-region .block-main-menu .target-group-extra-info .left a,
.header-region .related-projects .target-group-extra-info .left a {
  position: relative;
  display: inline-block;
  margin-top: 48px;
  color: #3700fa;
  font-family: "clear_sansbold", arial, sans-serif;
  text-decoration: none;
}
.header-region .block-main-menu .target-group-extra-info .left a:before,
.header-region .related-projects .target-group-extra-info .left a:before {
  position: relative;
  display: inline-block;
  font-family: "icomoon-basic";
  margin-right: 16px;
  top: .0625em;
  transition: all 0.23s ease-out;
}
.header-region .block-main-menu .target-group-extra-info .left a:hover:before,
.header-region .related-projects .target-group-extra-info .left a:hover:before {
  transform: translateX(3px);
}
.header-region .block-main-menu .target-group-extra-info .right,
.header-region .related-projects .target-group-extra-info .right {
  font-size: 0;
  white-space: nowrap;
}
.header-region .block-main-menu .target-group-extra-info .right nav,
.header-region .related-projects .target-group-extra-info .right nav {
  display: inline-block;
  width: 100%;
  float: none;
  vertical-align: top;
  white-space: normal;
}
.header-region .block-main-menu .target-group-extra-info .right nav + nav,
.header-region .related-projects .target-group-extra-info .right nav + nav {
  display: none;
}
.header-region .block-main-menu .target-group-extra-info .right nav ul,
.header-region .related-projects .target-group-extra-info .right nav ul {
  width: 100%;
}
.header-region .block-main-menu .target-group-extra-info .right nav li,
.header-region .related-projects .target-group-extra-info .right nav li {
  display: inline-block;
  width: 100%;
  padding: 0 0 0 60px;
}
.header-region .block-main-menu .target-group-extra-info .right nav a,
.header-region .related-projects .target-group-extra-info .right nav a {
  display: inline-block !important;
  background: transparent;
  color: #3f4349;
  height: auto;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}
.header-region .block-main-menu .target-group-extra-info .right nav a:after,
.header-region .related-projects .target-group-extra-info .right nav a:after {
  display: none;
}
.header-region .block-main-menu .target-group-extra-info .right nav a:hover,
.header-region .related-projects .target-group-extra-info .right nav a:hover {
  color: #3700fa;
}
@media (min-width: 1024px) {
  .header-region .block-main-menu .target-group-extra-info .right nav,
  .header-region .related-projects .target-group-extra-info .right nav {
    width: 33.33%;
  }
  .header-region .block-main-menu .target-group-extra-info .right nav + nav,
  .header-region .related-projects .target-group-extra-info .right nav + nav {
    display: inline-block;
    width: 66.66%;
  }
  .header-region .block-main-menu .target-group-extra-info .right nav + nav li,
  .header-region .related-projects .target-group-extra-info .right nav + nav li {
    width: 50%;
  }
  .header-region .block-main-menu .target-group-extra-info .right nav + nav li a,
  .header-region .related-projects .target-group-extra-info .right nav + nav li a {
    font-size: 13.4px;
  }
}
@media (max-width: 767px) {
  .header-region .block-main-menu .target-group-extra-info,
  .header-region .related-projects .target-group-extra-info {
    display: none !important;
  }
}

.block-share-buttons h3 {
  font-family: "clear_sansregular", arial, sans-serif;
  color: #3f4349;
  font-size: 32px;
  line-height: 34px;
  margin: 0 0 35px 0;
}
@media screen and (max-width: 767px) {
  .block-share-buttons h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.block-footer-menu nav ul,
.block-footer-menu nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-footer-menu nav ul {
  list-style: none;
}
.block-footer-menu nav ul li {
  font-size: 14px;
  color: #cfd3d9;
  line-height: 32px;
}
.block-footer-menu nav ul li a {
  color: #cfd3d9;
  text-decoration: none;
}
.block-footer-menu nav ul li a:hover {
  color: #ffffff;
}

.block-find-us-on ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.block-find-us-on ul li {
  display: inline-block;
  padding: 0 0 0 16px;
  vertical-align: top;
}
.block-find-us-on ul li a.social-icon {
  font-size: 0;
  line-height: 30px;
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #636a75;
  border-radius: 50%;
  color: #636a75;
  display: block;
  text-decoration: none;
}
.block-find-us-on ul li a.social-icon:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.block-find-us-on ul li a.social-icon:before {
  font-family: "icomoon-basic";
  font-size: 20px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 34px;
  height: 36px;
  font-size: 13.2px;
  line-height: 36px;
  text-align: center;
}

.block-related-projects {
  position: relative;
}

.view-product-index {
  font-size: 0;
}
.view-product-index .node-product,
.view-product-index .message-selection {
  font-size: 16px;
  float: none !important;
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 768px) {
  .view-product-index .message-selection {
    padding-left: 20px;
  }
}

#favourite-dealers.loading:before {
  content: "";
  display: block;
  background: #ffffff url("../img/ajax-loader.gif") no-repeat center;
  z-index: 99;
  width: 40px;
  height: 40px;
  margin: 96px auto 96px;
}

.view-dealer-bookmarks {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
.view-dealer-bookmarks:before, .view-dealer-bookmarks:after {
  content: " ";
  display: table;
}
.view-dealer-bookmarks:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-dealer-bookmarks {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-dealer-bookmarks {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-dealer-bookmarks .node-dealer {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding: 16px;
}
@media (min-width: 768px) {
  .view-dealer-bookmarks .node-dealer {
    float: left;
    width: 66.66667%;
  }
  .rtl .view-dealer-bookmarks .node-dealer {
    float: right;
  }
}

.view-section-pages {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 0;
}
.view-section-pages:before, .view-section-pages:after {
  content: " ";
  display: table;
}
.view-section-pages:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-section-pages {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-section-pages {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-section-pages .col {
  font-size: 16px;
  float: none !important;
  display: inline-block;
  vertical-align: top;
}
.overview-right-col .view-section-pages {
  padding: 0;
}
@media (min-width: 768px) {
  .overview-right-col .view-section-pages {
    padding-left: 0;
    padding-right: 0;
  }
}

.view-report-overview .section-reports {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 0;
}
.view-report-overview .section-reports:before, .view-report-overview .section-reports:after {
  content: " ";
  display: table;
}
.view-report-overview .section-reports:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-report-overview .section-reports {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-report-overview .section-reports {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-report-overview .section-reports ul {
  margin: 0;
}
.view-report-overview .section-reports .col {
  font-size: 16px;
  float: none !important;
  display: inline-block;
  vertical-align: top;
}

.view-download-overview .item-list.report-list > ul {
  font-size: 0;
}
.view-download-overview .item-list.report-list > ul > li {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  float: none;
  margin: 0;
}
.view-download-overview .item-list.report-list + .item-list-pager {
  margin-top: 23px;
  text-align: right;
}

.view-product-groups {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 0;
}
.view-product-groups:before, .view-product-groups:after {
  content: " ";
  display: table;
}
.view-product-groups:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-product-groups {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-product-groups {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-product-groups .col {
  font-size: 16px;
  float: none !important;
  display: inline-block;
  vertical-align: top;
}
.view-product-groups .col:nth-child(6n + 1) .card {
  background: #777b86;
}
.view-product-groups .col:nth-child(6n + 2) .card {
  background: #babec4;
}
.view-product-groups .col:nth-child(6n + 3) .card {
  background: #a7acb5;
}
.view-product-groups .col:nth-child(6n + 4) .card {
  background: #949aa2;
}
.view-product-groups .col:nth-child(6n + 5) .card {
  background: #777b86;
}
.view-product-groups .col:nth-child(6n) .card {
  background: #a7acb5;
}
.view-product-groups .col .card {
  cursor: pointer;
  padding: 0;
  background: #777b86;
}
.view-product-groups .col .card img {
  display: block;
  max-width: 88px;
  max-height: 88px;
  width: auto;
  height: auto;
  margin: 96px auto;
}
.view-product-groups .col .card a {
  text-decoration: none;
}
.view-product-groups .col .card .link-title {
  display: block;
  background: #ffffff;
  color: #3f4349;
  font-size: 17px;
  padding: 16px 24px;
}
.view-product-groups .col .card .link-title:hover {
  text-decoration: none;
}

.view-contact-points,
.contact-point-overview {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 0;
}
.view-contact-points:before, .view-contact-points:after,
.contact-point-overview:before,
.contact-point-overview:after {
  content: " ";
  display: table;
}
.view-contact-points:after,
.contact-point-overview:after {
  clear: both;
}
.view-contact-points:before, .view-contact-points:after,
.contact-point-overview:before,
.contact-point-overview:after {
  content: " ";
  display: table;
}
.view-contact-points:after,
.contact-point-overview:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-contact-points,
  .contact-point-overview {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-contact-points,
  .contact-point-overview {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-contact-points .category-wrapper,
.contact-point-overview .category-wrapper {
  margin-top: 40px;
}
.view-contact-points .category-wrapper:first-child,
.contact-point-overview .category-wrapper:first-child {
  margin-top: 0;
}
.view-contact-points .category-wrapper h3,
.contact-point-overview .category-wrapper h3 {
  text-align: center;
}
.view-contact-points .contact-point,
.contact-point-overview .contact-point {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  width: 100%;
}
@media (min-width: 992px) {
  .view-contact-points .contact-point,
  .contact-point-overview .contact-point {
    width: 33.33333%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .view-contact-points .contact-point,
  .contact-point-overview .contact-point {
    width: 50%;
  }
}

.view-mode-magazine {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  overflow: hidden;
}
.view-mode-magazine .top-bg,
.view-mode-magazine .bottom-left-bg,
.view-mode-magazine .bottom-right-bg {
  background-repeat: no-repeat;
}
.view-mode-magazine .bottom-left-bg {
  background-image: url(../img/landing-bottom-left.png);
  background-position: bottom center;
  background-size: 120% auto;
}
@media (min-width: 768px) {
  .view-mode-magazine .bottom-left-bg {
    background-position: bottom left;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .view-mode-magazine .bottom-left-bg {
    background-size: 60% auto;
  }
}
@media (min-width: 1200px) {
  .view-mode-magazine .bottom-left-bg {
    background-size: auto auto;
  }
}
.view-mode-magazine .bottom-right-bg {
  padding-bottom: 160px;
  background-position: bottom right;
}
@media (min-width: 500px) and (max-width: 599px) {
  .view-mode-magazine .bottom-right-bg {
    padding-bottom: 190px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .view-mode-magazine .bottom-right-bg {
    padding-bottom: 230px;
  }
}
@media (min-width: 768px) {
  .view-mode-magazine .bottom-right-bg {
    background-image: url(../img/landing-bottom-right.png);
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .view-mode-magazine .bottom-right-bg {
    padding-bottom: 270px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .view-mode-magazine .bottom-right-bg {
    background-size: 30% auto;
  }
}
@media (min-width: 1001px) and (max-width: 1199px) {
  .view-mode-magazine .bottom-right-bg {
    padding-bottom: 200px;
  }
}
@media (min-width: 1200px) {
  .view-mode-magazine .bottom-right-bg {
    padding-bottom: 280px;
    background-size: auto auto;
  }
}
.view-mode-magazine .magazine-header:before, .view-mode-magazine .magazine-header:after,
.view-mode-magazine .magazine-content:before,
.view-mode-magazine .magazine-content:after,
.view-mode-magazine .magazine-footer:before,
.view-mode-magazine .magazine-footer:after {
  content: " ";
  display: table;
}
.view-mode-magazine .magazine-header:after,
.view-mode-magazine .magazine-content:after,
.view-mode-magazine .magazine-footer:after {
  clear: both;
}
.view-mode-magazine .magazine-header .magazine-inner {
  padding: 0 20px;
}
.view-mode-magazine .magazine-header .magazine-inner img {
  position: relative;
  width: 315px;
  left: -65px;
}
@media (min-width: 768px) {
  .view-mode-magazine .magazine-header .magazine-inner img {
    width: auto;
    position: relative;
    left: -120px;
  }
}
.view-mode-magazine .magazine-header .magazine-inner .mini-language-select {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (min-width: 768px) {
  .view-mode-magazine .magazine-header .magazine-inner .mini-language-select {
    margin-top: 34px;
    position: relative;
    top: auto;
    left: auto;
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .view-mode-magazine .magazine-header .magazine-inner {
    padding: 0 4.16667%;
  }
}
@media (min-width: 1000px) {
  .view-mode-magazine .magazine-header .magazine-inner {
    padding: 0 8.33333%;
  }
}
@media (max-width: 767px) {
  .webform-completed .view-mode-magazine .magazine-content-left {
    display: none;
  }
  .webform-completed .view-mode-magazine .magazine-content-left + .magazine-col {
    margin-top: 0;
  }
}
.view-mode-magazine .magazine-col {
  padding: 0 20px;
  margin-top: 37px;
}
.view-mode-magazine .magazine-col:first-child {
  margin-top: 0;
  min-height: 1px;
}
@media (min-width: 768px) {
  .view-mode-magazine .magazine-col {
    padding: 0;
    float: left;
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .view-mode-magazine .magazine-col {
    width: 41.66667%;
    margin-left: 4.16667%;
    margin-right: 4.16667%;
  }
}
@media (min-width: 1000px) {
  .view-mode-magazine .magazine-col {
    width: 33.33333%;
    margin-left: 8.33333%;
    margin-right: 8.33333%;
  }
}
.view-mode-magazine .magazine-content {
  padding-top: 25px;
}
.view-mode-magazine .magazine-content h1 {
  margin: 0;
}
.view-mode-magazine .magazine-content p {
  font-size: 18px;
  line-height: 30px;
  margin: 30px 0 0 0;
}
.view-mode-magazine .magazine-content p:first-child {
  margin-top: 0;
}
.view-mode-magazine .magazine-content strong,
.view-mode-magazine .magazine-content b {
  font-family: "clear_sansbold", arial, sans-serif;
}
.view-mode-magazine form:before, .view-mode-magazine form:after {
  content: " ";
  display: table;
}
.view-mode-magazine form:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-mode-magazine form {
    font-size: 0;
  }
}
.view-mode-magazine form#feature-site-local-website-form {
  padding-top: 37px;
}
@media (min-width: 768px) {
  .view-mode-magazine form#feature-site-local-website-form {
    font-size: 16px;
  }
}
.view-mode-magazine form .form-item {
  margin: 19px 0 0 0;
}
@media (min-width: 768px) {
  .view-mode-magazine form .form-item {
    display: inline-block !important;
    vertical-align: top;
    width: 50%;
    padding: 0 10px 0 0;
  }
}
@media (min-width: 768px) {
  .view-mode-magazine form .form-item:nth-child(odd) {
    padding-left: 10px;
  }
}
.view-mode-magazine form .form-item.webform-component-markup {
  width: 100%;
  padding-left: 0;
  margin-top: 0;
}
.view-mode-magazine form .form-item label {
  width: auto;
  float: none;
  padding: 0;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 4px;
}
.view-mode-magazine form .form-item input {
  border-radius: 3px;
}
.view-mode-magazine form .form-item input,
.view-mode-magazine form .form-item select,
.view-mode-magazine form .form-item .select-wrapper {
  width: 100%;
  max-width: 100% !important;
}
@media (min-width: 768px) {
  .view-mode-magazine form .form-item#webform-component-job-title {
    width: 37.5%;
  }
}
@media (min-width: 768px) {
  .view-mode-magazine form .form-item#webform-component-language {
    width: 37%;
  }
}
@media (min-width: 768px) {
  .view-mode-magazine form .form-item#webform-component-e-mail {
    width: 62.5%;
    clear: both;
    padding-left: 0;
  }
}
.view-mode-magazine form .form-item .ajax-progress {
  margin: 0;
  position: absolute;
  margin-top: 7px;
}
.view-mode-magazine form .form-item .ajax-progress .throbber {
  background-image: url(../img/ajax-loader.gif);
}
.view-mode-magazine form .form-actions {
  clear: both;
  margin-top: 30px;
}
.view-mode-magazine form .form-actions:before, .view-mode-magazine form .form-actions:after {
  content: " ";
  display: table;
}
.view-mode-magazine form .form-actions:after {
  clear: both;
}
.view-mode-magazine form .form-actions input {
  border-radius: 3px;
  padding: 11px 45px;
  width: 100%;
  max-width: 100% !important;
  text-align: center;
}
@media (min-width: 768px) {
  .view-mode-magazine form .form-actions input {
    width: auto;
  }
}
.view-mode-magazine form h2,
.view-mode-magazine form h3 {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .view-mode-magazine form h2,
  .view-mode-magazine form h3 {
    line-height: 30px;
  }
}
.view-mode-magazine .thanks-container {
  font-size: 15px;
  line-height: 23px;
}
.view-mode-magazine .thanks-container p {
  font-size: 15px;
  line-height: 23px;
}
.view-mode-magazine .thanks-container a {
  text-decoration: underline;
  color: #f58222;
}
.view-mode-magazine .thanks-container a:hover {
  text-decoration: none;
}
.view-mode-magazine .thanks-container form .form-item {
  padding: 0;
}
.view-mode-magazine .thanks-container h2,
.view-mode-magazine .thanks-container h3 {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}

.view-id-careers {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 0;
}
.view-id-careers:before, .view-id-careers:after {
  content: " ";
  display: table;
}
.view-id-careers:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-id-careers {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-id-careers {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-id-careers ul,
.view-id-careers li {
  display: block;
}
.view-id-careers .col {
  font-size: 16px;
  float: none !important;
  vertical-align: top;
}
.node-overview-page .wide .view-id-careers .col {
  font-weight: bold;
}

.view-software-overview {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
.view-software-overview:before, .view-software-overview:after {
  content: " ";
  display: table;
}
.view-software-overview:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-software-overview {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-software-overview {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-software-overview .software-first:before, .view-software-overview .software-first:after,
.view-software-overview .software-others:before,
.view-software-overview .software-others:after {
  content: " ";
  display: table;
}
.view-software-overview .software-first:after,
.view-software-overview .software-others:after {
  clear: both;
}
.view-software-overview ul,
.view-software-overview li {
  display: block;
  margin: 0;
  padding: 0;
}
.view-software-overview .image-wrapper {
  position: relative;
  overflow: hidden;
  overflow: hidden;
  transform: translateZ(0);
}
.view-software-overview .image-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 64.79532%;
}
.view-software-overview .image-wrapper .image {
  transition: all 0.23s ease-out;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.view-software-overview .card:hover {
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.view-software-overview .card:hover,
.view-software-overview .card:hover * {
  text-decoration: none;
}
.view-software-overview .card:hover:before {
  left: 0;
}
.rtl .view-software-overview .card:hover:before {
  left: auto;
  right: 0;
}
.view-software-overview .card:hover .image-wrapper .image {
  transform: scale(1.05);
}
.view-software-overview .view-mode-software_small {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .view-software-overview .view-mode-software_small {
    float: left;
    width: 50%;
  }
  .rtl .view-software-overview .view-mode-software_small {
    float: right;
  }
}
@media (min-width: 992px) {
  .view-software-overview .view-mode-software_small {
    float: left;
    width: 33.33333%;
  }
  .rtl .view-software-overview .view-mode-software_small {
    float: right;
  }
}
.view-software-overview .view-mode-software_small .image-wrapper {
  position: relative;
  overflow: hidden;
}
.view-software-overview .view-mode-software_small .image-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 55.5814%;
}
.view-software-overview .view-mode-software_small .image-wrapper .image {
  transition: all 0.23s ease-out;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.view-software-overview .view-mode-software_big {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .view-software-overview .view-mode-software_big {
    float: left;
    width: 66.66667%;
  }
  .rtl .view-software-overview .view-mode-software_big {
    float: right;
  }
}
.view-software-overview .view-mode-software_big .image-wrapper {
  position: relative;
  overflow: hidden;
}
.view-software-overview .view-mode-software_big .image-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 64.79532%;
}
.view-software-overview .view-mode-software_big .image-wrapper .image {
  transition: all 0.23s ease-out;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.view-software-overview .view-mode-software_small,
.view-software-overview .view-mode-software_big {
  padding: 0;
}

.view-machine-overview {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
.view-machine-overview:before, .view-machine-overview:after {
  content: " ";
  display: table;
}
.view-machine-overview:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-machine-overview {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-machine-overview {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-machine-overview ul,
.view-machine-overview li {
  display: block;
  margin: 0;
  padding: 0;
}
.view-machine-overview .grouping-content:before, .view-machine-overview .grouping-content:after {
  content: " ";
  display: table;
}
.view-machine-overview .grouping-content:after {
  clear: both;
}
.view-machine-overview .grouping-content + .grouping-content {
  margin-top: 56px;
}
.view-machine-overview .grouping-title {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px;
}
.view-machine-overview .grouping-title:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
}
.rtl .view-machine-overview .grouping-title:after {
  margin-left: 0;
  margin-right: 8px;
}
.view-machine-overview .machine-category-wrapper {
  margin-top: 28px;
}
.view-machine-overview .machine-category-wrapper:before, .view-machine-overview .machine-category-wrapper:after {
  content: " ";
  display: table;
}
.view-machine-overview .machine-category-wrapper:after {
  clear: both;
}
.view-machine-overview .machine-category-wrapper:first-child {
  margin-top: 0;
}
.view-machine-overview .machine-category-wrapper .title-line {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 26px;
}
.view-machine-overview .machine-category-wrapper .title-line:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  background: #818992;
  top: -11px;
}
.rtl .view-machine-overview .machine-category-wrapper .title-line:after {
  margin-left: 0;
  margin-right: 8px;
}
.view-machine-overview .machine-category-wrapper .node-machine.node-teaser {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding: 0;
}
@media (min-width: 768px) {
  .view-machine-overview .machine-category-wrapper .node-machine.node-teaser {
    float: left;
    width: 33.33333%;
  }
  .rtl .view-machine-overview .machine-category-wrapper .node-machine.node-teaser {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .view-machine-overview .machine-category-wrapper {
    margin-top: 56px;
  }
}

.view-service-plus {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
.view-service-plus:before, .view-service-plus:after {
  content: " ";
  display: table;
}
.view-service-plus:after {
  clear: both;
}
@media (min-width: 768px) {
  .view-service-plus {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .view-service-plus {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.view-service-plus ul,
.view-service-plus li {
  display: block;
  margin: 0;
  padding: 0;
}
.view-service-plus .node-teaser {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding: 0;
}
@media (min-width: 768px) {
  .view-service-plus .node-teaser {
    float: left;
    width: 33.33333%;
  }
  .rtl .view-service-plus .node-teaser {
    float: right;
  }
}
.view-service-plus .card:hover {
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.view-service-plus .card:hover,
.view-service-plus .card:hover * {
  text-decoration: none;
}
.view-service-plus .card:hover:before {
  left: 0;
}
.rtl .view-service-plus .card:hover:before {
  left: auto;
  right: 0;
}
.view-service-plus .image-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 65.95238095%;
  overflow: hidden;
}
.view-service-plus .image-wrapper .content {
  padding: 0;
}
.view-service-plus .image-wrapper .contextual-links-region {
  position: static;
}
.view-service-plus .image-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%);
}

.view-id-testimonials .item-list-pager {
  padding-bottom: 48px;
}

.node-type-product-variant .page-title,
.node-type-product .page-title {
  display: none;
}
.node-type-product-variant .group-product-content,
.node-type-product-variant .group-variants-w,
.node-type-product .group-product-content,
.node-type-product .group-variants-w {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.node-type-product-variant .group-product-content:before, .node-type-product-variant .group-product-content:after,
.node-type-product-variant .group-variants-w:before,
.node-type-product-variant .group-variants-w:after,
.node-type-product .group-product-content:before,
.node-type-product .group-product-content:after,
.node-type-product .group-variants-w:before,
.node-type-product .group-variants-w:after {
  content: " ";
  display: table;
}
.node-type-product-variant .group-product-content:after,
.node-type-product-variant .group-variants-w:after,
.node-type-product .group-product-content:after,
.node-type-product .group-variants-w:after {
  clear: both;
}
@media (min-width: 768px) {
  .node-type-product-variant .group-product-content,
  .node-type-product-variant .group-variants-w,
  .node-type-product .group-product-content,
  .node-type-product .group-variants-w {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.node-type-product-variant .group-variants-container,
.node-type-product .group-variants-container {
  margin-top: 60px;
  background-color: #00142a;
}
.node-type-product-variant .group-elements-info,
.node-type-product .group-elements-info {
  margin-top: 60px;
}
.node-type-product-variant .group-elements-info:before, .node-type-product-variant .group-elements-info:after,
.node-type-product .group-elements-info:before,
.node-type-product .group-elements-info:after {
  content: " ";
  display: table;
}
.node-type-product-variant .group-elements-info:after,
.node-type-product .group-elements-info:after {
  clear: both;
}

.dealer-pages #breadcrumb,
.dealer-pages #footer {
  display: none;
}
.dealer-pages .drupal-messages {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
}
.dealer-pages h1.page-title {
  display: none;
}
.dealer-pages #sidebar {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.dealer-pages #content {
  display: none;
}
.dealer-pages #content-inner {
  padding-top: 0;
}
.dealer-pages #map_canvas,
.dealer-pages #dealer-info {
  position: absolute;
  display: block;
  z-index: 0;
  margin: 0 !important;
  top: 0;
  left: 25%;
  right: 0;
  bottom: 0;
  width: auto !important;
  height: auto !important;
}
.dealer-pages #map_canvas img {
  max-width: none;
}
.dealer-pages #dealer-info {
  background: #ffffff;
  z-index: 100;
  border: solid 16px rgba(50, 54, 59, 0.87);
  overflow: auto;
}
.dealer-pages #dealer-info > .icon-close, .dealer-pages #colorbox #dealer-info > #cboxClose:before, #colorbox .dealer-pages #dealer-info > #cboxClose:before, .dealer-pages #ip-redirect-wrapper #dealer-info > .decline-redirection:before, #ip-redirect-wrapper .dealer-pages #dealer-info > .decline-redirection:before {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #52585f;
  text-decoration: none;
}
.dealer-pages #dealer-info > .icon-close:hover, .dealer-pages #colorbox #dealer-info > #cboxClose:hover:before, #colorbox .dealer-pages #dealer-info > #cboxClose:hover:before, .dealer-pages #ip-redirect-wrapper #dealer-info > .decline-redirection:hover:before, #ip-redirect-wrapper .dealer-pages #dealer-info > .decline-redirection:hover:before {
  color: #3700fa;
}
.dealer-pages #dealer-info.loading {
  overflow: hidden;
}
.dealer-pages #dealer-info.loading .dealer-teaser {
  display: none;
}
.dealer-pages #dealer-info.loading:before {
  content: " ";
  position: absolute;
  display: block;
  background: #ffffff url("../img/ajax-loader.gif") no-repeat center;
  z-index: 99;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}
@media screen and (min-width: 768px) {
  .dealer-pages #content {
    display: block;
  }
  .dealer-pages #sidebar {
    position: absolute;
    max-width: 25%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  }
}
@media screen and (max-width: 767px) {
  .dealer-pages #sidebar > .content {
    height: auto !important;
  }
}

.dealer-legend {
  position: absolute;
  z-index: 99;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
}
.dealer-legend li {
  padding: 15px 15px 5px 15px;
  display: inline-block;
  float: left;
}
.dealer-legend li span {
  position: relative;
  bottom: 12px;
}

.node-type-dealer .page-title,
.node-type-project .page-title,
.node-type-service-plus .page-title,
.node-type-machine .page-title,
.node-type-software .page-title,
.node-type-training .page-title {
  display: none;
}

#user-login {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 64px;
  padding-bottom: 64px;
}
#user-login:before, #user-login:after {
  content: " ";
  display: table;
}
#user-login:after {
  clear: both;
}
@media (min-width: 768px) {
  #user-login {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}

.page-user .page-title {
  display: none;
}
.page-user #content-inner #content-container {
  padding-top: 40px;
}

.user-profile h3:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 24px;
  height: 2px;
  margin-left: 8px;
  vertical-align: bottom;
  top: -8px;
  content: "";
  background: #818992;
  top: -.25em;
}
.rtl .user-profile h3:after {
  margin-left: 0;
  margin-right: 8px;
}
.user-profile .content {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
}
.user-profile .content:before, .user-profile .content:after {
  content: " ";
  display: table;
}
.user-profile .content:after {
  clear: both;
}
.user-profile .content:before, .user-profile .content:after {
  content: " ";
  display: table;
}
.user-profile .content:after {
  clear: both;
}
@media (min-width: 768px) {
  .user-profile .content {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.user-profile .content .g-right > * {
  margin-top: 56px;
}
@media (min-width: 768px) {
  .user-profile .content .g-right > *:first-child {
    margin-top: 0;
  }
}
.user-profile footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
  clear: both;
  margin-top: 64px;
}
.user-profile footer:before, .user-profile footer:after {
  content: " ";
  display: table;
}
.user-profile footer:after {
  clear: both;
}
@media (min-width: 768px) {
  .user-profile footer {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  .user-profile footer {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
.user-profile .company-info-wrapper img {
  max-width: 200px;
  height: auto;
  margin-bottom: 48px;
}
.user-profile .company-info-wrapper .company-name {
  font-family: "clear_sansregular", arial, sans-serif;
  font-size: 34px;
  margin-bottom: 12px;
}
.user-profile .company-info-wrapper .company-name:after {
  position: relative;
  display: inline-block;
  background: #3700fa;
  width: 36px;
  height: 4px;
  margin-left: 12px;
  vertical-align: bottom;
  top: -8px;
  content: "";
}
.rtl .user-profile .company-info-wrapper .company-name:after {
  margin-left: 0;
  margin-right: 12px;
}
.user-profile .group {
  font-size: 20px;
}
.user-profile .credits-wrapper {
  margin-top: 20px;
}
.user-profile .credits-wrapper * {
  display: inline-block;
  margin-bottom: 0;
}
.user-profile .credits-wrapper .credit-amount {
  font-family: "clear_sansbold", arial, sans-serif;
  color: #ff7b00;
}
.user-profile .cta-edit {
  margin-top: 64px;
}
.user-profile .detail-item-wrapper {
  font-family: "clear_sans_lightregular", arial, sans-serif;
  color: #3f4349;
}
.user-profile .detail-item-wrapper:before, .user-profile .detail-item-wrapper:after {
  content: " ";
  display: table;
}
.user-profile .detail-item-wrapper:after {
  clear: both;
}
.user-profile .detail-item-wrapper p {
  margin: 0;
}
.user-profile .detail-item-wrapper .detail-label {
  font-family: "clear_sansbold", arial, sans-serif;
}
.user-profile .detail-item-wrapper + .detail-item-wrapper {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .user-profile .detail-item-wrapper .detail-label {
    float: left;
    width: 28.57143%;
    font-family: "clear_sans_lightregular", arial, sans-serif;
  }
  .user-profile .detail-item-wrapper .detail-label:after {
    content: ": ";
  }
  .user-profile .detail-item-wrapper .detail-value {
    float: left;
    width: 71.42857%;
    padding-left: 8px;
  }
  .user-profile .detail-item-wrapper + .detail-item-wrapper {
    margin-top: 0;
  }
}
.user-profile .colleague-person-wrapper .card {
  position: relative;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 96px;
}
.user-profile .colleague-person-wrapper .card:before {
  position: absolute;
  top: 50%;
  left: 48px;
  font-size: 40px;
  transform: translate(-50%, -50%);
}
.user-profile .colleague-person-wrapper .colleague-name {
  font-family: "clear_sansbold", arial, sans-serif;
  font-size: 17px;
  line-height: 16px;
  margin: 0;
}
.user-profile .colleague-person-wrapper .colleague-position {
  margin: 4px 0 0;
  color: #52585f;
  line-height: 16px;
}
.user-profile .colleagues-contact {
  clear: both;
}
.user-profile .cta-contact {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
  color: #3700fa;
  border: solid 2px #e5e8ec;
  font-family: "clear_sansbold", arial, sans-serif;
  line-height: 24px;
  text-decoration: none;
  padding: 20px 8px 20px 56px;
  margin-top: 40px;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .user-profile .cta-contact {
    float: left;
    width: 66.66667%;
  }
  .rtl .user-profile .cta-contact {
    float: right;
  }
}
.user-profile .cta-contact:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border: solid 0 transparent;
  border-top: solid 1px #636a75;
  border-right: solid 1px #636a75;
  transition: all 0.23s ease-out;
}
.user-profile .cta-contact:hover {
  border-color: #3700fa;
}
.user-profile .cta-contact:hover:before {
  border-top-color: #3700fa;
  border-right-color: #3700fa;
}

.page-not-found .drupal-messages {
  margin-bottom: 0;
}
.page-not-found #content-inner {
  padding-top: 96px;
  padding-bottom: 96px;
}

.node-type-story #content-inner {
  padding-top: 0;
}

body.cc-feature-search-page #breadcrumb, body.cc-feature-project-search #breadcrumb {
  background: #ffffff;
  color: #52585f;
  padding-bottom: 32px;
}
body.cc-feature-search-page #breadcrumb a, body.cc-feature-project-search #breadcrumb a {
  color: #52585f;
}
body.cc-feature-search-page .item-list-pager, body.cc-feature-project-search .item-list-pager {
  padding-top: 0;
  margin-left: 24px;
}
body.cc-feature-search-page .item-list-pager ul.pager, body.cc-feature-project-search .item-list-pager ul.pager {
  line-height: 40px;
}
body.cc-feature-search-page .item-list-pager ul.pager li, body.cc-feature-project-search .item-list-pager ul.pager li {
  font-size: 13px;
  margin: 0 2px;
  line-height: 34px;
}
body.cc-feature-search-page .item-list-pager ul.pager li a, body.cc-feature-project-search .item-list-pager ul.pager li a {
  color: #979ea7;
}
body.cc-feature-search-page .item-list-pager ul.pager li a, body.cc-feature-search-page .item-list-pager ul.pager li.current, body.cc-feature-project-search .item-list-pager ul.pager li a, body.cc-feature-project-search .item-list-pager ul.pager li.current {
  padding: 0 8px;
  line-height: 34px;
}
body.cc-feature-search-page .item-list-pager ul.pager li a:after, body.cc-feature-search-page .item-list-pager ul.pager li.current:after, body.cc-feature-project-search .item-list-pager ul.pager li a:after, body.cc-feature-project-search .item-list-pager ul.pager li.current:after {
  display: none;
}
body.cc-feature-search-page .item-list-pager ul.pager li.next, body.cc-feature-search-page .item-list-pager ul.pager li.previous, body.cc-feature-project-search .item-list-pager ul.pager li.next, body.cc-feature-project-search .item-list-pager ul.pager li.previous {
  display: inline-block !important;
  width: 30px;
  height: 34px;
  line-height: 36px;
}
body.cc-feature-search-page .item-list-pager ul.pager li.next a, body.cc-feature-search-page .item-list-pager ul.pager li.previous a, body.cc-feature-project-search .item-list-pager ul.pager li.next a, body.cc-feature-project-search .item-list-pager ul.pager li.previous a {
  border: none;
  border-radius: 0;
  color: #979ea7;
}
body.cc-feature-search-page .item-list-pager ul.pager li.next a:before, body.cc-feature-search-page .item-list-pager ul.pager li.previous a:before, body.cc-feature-project-search .item-list-pager ul.pager li.next a:before, body.cc-feature-project-search .item-list-pager ul.pager li.previous a:before {
  font-size: 12px;
  color: inherit;
}
body.cc-feature-search-page .item-list-pager ul.pager li.next a:hover, body.cc-feature-search-page .item-list-pager ul.pager li.previous a:hover, body.cc-feature-project-search .item-list-pager ul.pager li.next a:hover, body.cc-feature-project-search .item-list-pager ul.pager li.previous a:hover {
  color: #3700fa;
}
body.cc-feature-search-page .facets-projects-results-footer .item-list-pager, body.cc-feature-project-search .facets-projects-results-footer .item-list-pager {
  padding-top: 16px;
}
body.cc-feature-search-page .ds-content-page .header, body.cc-feature-project-search .ds-content-page .header {
  display: none;
}
body.cc-feature-search-page .no-results-wrapper, body.cc-feature-project-search .no-results-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  background: #f4f6f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
body.cc-feature-search-page .no-results-wrapper:before, body.cc-feature-search-page .no-results-wrapper:after, body.cc-feature-project-search .no-results-wrapper:before, body.cc-feature-project-search .no-results-wrapper:after {
  content: " ";
  display: table;
}
body.cc-feature-search-page .no-results-wrapper:after, body.cc-feature-project-search .no-results-wrapper:after {
  clear: both;
}
@media (min-width: 768px) {
  body.cc-feature-search-page .no-results-wrapper, body.cc-feature-project-search .no-results-wrapper {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
@media (min-width: 768px) {
  body.cc-feature-search-page .no-results-wrapper, body.cc-feature-project-search .no-results-wrapper {
    padding-top: 86px;
    padding-bottom: 64px;
  }
}
@media (min-width: 768px) {
  body.cc-feature-search-page .no-results-wrapper, body.cc-feature-project-search .no-results-wrapper {
    padding-bottom: 96px;
  }
}
body.cc-feature-search-page #content-inner #content-left, body.cc-feature-project-search #content-inner #content-left {
  background: #ffffff;
  padding: 0;
  float: none;
}
@media (min-width: 480px) {
  body.cc-feature-search-page #content-inner #content-left, body.cc-feature-project-search #content-inner #content-left {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl body.cc-feature-search-page #content-inner #content-left, .rtl body.cc-feature-project-search #content-inner #content-left {
    float: right;
  }
}
body.cc-feature-search-page #content-inner #content-left .content, body.cc-feature-project-search #content-inner #content-left .content {
  position: relative;
  margin-top: 40px;
  padding: 0 8px;
}
body.cc-feature-search-page #content-inner #content-left + #content-container, body.cc-feature-project-search #content-inner #content-left + #content-container {
  background: #f4f6f7;
  padding: 32px 8px;
}
@media (min-width: 480px) {
  body.cc-feature-search-page #content-inner #content-left + #content-container, body.cc-feature-project-search #content-inner #content-left + #content-container {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .rtl body.cc-feature-search-page #content-inner #content-left + #content-container, .rtl body.cc-feature-project-search #content-inner #content-left + #content-container {
    float: right;
  }
}
@media (min-width: 768px) {
  body.cc-feature-search-page #content-inner #content-left + #content-container, body.cc-feature-project-search #content-inner #content-left + #content-container {
    padding: 32px 16px;
    width: 72.4%;
  }
}
@media (min-width: 768px) {
  body.cc-feature-search-page #content-inner #content-left, body.cc-feature-project-search #content-inner #content-left {
    padding: 32px 0;
    width: 27.6%;
    float: left;
  }
  body.cc-feature-search-page #content-inner #content-left .content, body.cc-feature-project-search #content-inner #content-left .content {
    padding: 0;
    margin-top: 0;
  }
  body.cc-feature-search-page #content-inner #content-left .feature-project-search-form,
  body.cc-feature-search-page #content-inner #content-left .facets-header,
  body.cc-feature-search-page #content-inner #content-left .facet-block-project-search h2, body.cc-feature-project-search #content-inner #content-left .feature-project-search-form,
  body.cc-feature-project-search #content-inner #content-left .facets-header,
  body.cc-feature-project-search #content-inner #content-left .facet-block-project-search h2 {
    padding-left: 32px;
    padding-right: 32px;
  }
  body.cc-feature-search-page #content-inner #content-left .facet-block-project-search h2, body.cc-feature-project-search #content-inner #content-left .facet-block-project-search h2 {
    margin-right: 32px;
  }
}

.cc-feature-project-overview .ds-content-page .header {
  display: none;
}

.page-section .container.header {
  background: #32363b;
  color: #ffffff;
}
.page-section .container.header h1,
.page-section .container.header h2,
.page-section .container.header h3,
.page-section .container.header h4,
.page-section .container.header h5,
.page-section .container.header h6 {
  color: #ffffff;
}
.page-section .container.header .title-line {
  margin-bottom: 0;
}
.page-section .container.header .title-line:after {
  background: #818992;
}
.page-section .container.header .header-wrapper {
  padding-top: 36px;
}
.page-section .container.header .header-wrapper p:first-child {
  margin-top: 0;
}
.page-section .container.header > * {
  padding-top: 52px;
  padding-bottom: 48px;
}
.page-section .container.header > * + * {
  margin-top: -96px;
}
@media (min-width: 768px) {
  .page-section .container.header > * {
    padding-top: 72px;
    padding-bottom: 48px;
  }
  .page-section .container.header > * + * {
    margin-top: 0;
  }
}
.page-section .container.header > *.left, .page-section .container.header > *.right, .page-section .container.header > *.center {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  z-index: 0;
}
.page-section .container.header > *.left:before, .page-section .container.header > *.left:after, .page-section .container.header > *.right:before, .page-section .container.header > *.right:after, .page-section .container.header > *.center:before, .page-section .container.header > *.center:after {
  content: " ";
  display: table;
}
.page-section .container.header > *.left:after, .page-section .container.header > *.right:after, .page-section .container.header > *.center:after {
  clear: both;
}
@media (min-width: 768px) {
  .page-section .container.header > *.left, .page-section .container.header > *.right, .page-section .container.header > *.center {
    padding-left: 5.34722%;
    padding-right: 5.34722%;
  }
}
.page-section .container.header > *.center {
  margin-left: 0;
  margin-right: 0;
  text-align: initial;
}
@media screen and (min-width: 992px) {
  .page-section .container.header > *.center {
    max-width: 50%;
  }
}
.page-section .container.header .button {
  margin-right: 16px;
}
.page-section .container.header .button:last-child {
  margin-right: 0;
}
.rtl .page-section .container.header .button {
  margin-right: 0;
  margin-left: 16px;
}
.rtl .page-section .container.header .button:last-child {
  margin-left: 0;
}

.node-type-training #breadcrumb {
  display: none;
}

.page-careers-apply .node-career .header {
  display: none;
}
.page-careers-apply .node-career .wide {
  background-color: #ffffff;
}
.page-careers-apply .node-career .webform-client-form > div[id*="-ajax-"] {
  clear: both;
}
.page-careers-apply .node-career .webform-client-form > div[id*="-ajax-"] .form-item {
  position: relative;
  min-height: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .page-careers-apply .node-career .webform-client-form > div[id*="-ajax-"] .form-item {
    float: left;
    width: 66.66667%;
  }
  .rtl .page-careers-apply .node-career .webform-client-form > div[id*="-ajax-"] .form-item {
    float: right;
  }
}
@media (min-width: 768px) {
  .page-careers-apply .node-career .webform-client-form > div[id*="-ajax-"] .form-item {
    margin-left: 16.66667%;
  }
  .rtl .page-careers-apply .node-career .webform-client-form > div[id*="-ajax-"] .form-item {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}
.page-careers-apply .node-career input[type="file"] {
  max-width: 100%;
  width: 100%;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .page-careers-apply .node-career input[type="file"] {
    width: 290px;
  }
}
.page-careers-apply .node-career input[type="file"] ~ input[type="submit"] {
  margin-left: 0;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .page-careers-apply .node-career input[type="file"] ~ input[type="submit"] {
    margin-left: 33.3333%;
  }
}
@media screen and (min-width: 1236px) {
  .page-careers-apply .node-career input[type="file"] ~ input[type="submit"] {
    margin-left: 10px;
    margin-top: 0;
  }
}

.page-colourcalculator-intranet #cboxOverlay,
.page-colourcalculator-intranet #colorbox,
.page-colourcalculator-intranet #sliding-popup {
  display: none !important;
  z-index: -1 !important;
  width: 0 !important;
  height: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  position: static !important;
  background: transparent !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.colour-calculator-intranet {
  overflow: hidden;
  max-width: 1440px;
  margin: 0 auto;
}

.path-protected-page #content-container > form {
  padding: 0 8px 40px;
}
@media screen and (min-width: 768px) {
  .path-protected-page #content-container > form {
    padding: 0  5.34722% 80px;
  }
}
.path-protected-page #content-container > form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}
.path-protected-page #content-container > form fieldset label {
  text-align: left;
}
.path-protected-page #content-container > form fieldset legend,
.path-protected-page #content-container > form fieldset .fieldset-description {
  display: none;
}
.path-protected-page #content-container > form input[type="submit"] {
  margin-top: 24px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .path-protected-page #content-container > form input[type="submit"] {
    margin-left: 33.3333%;
    width: auto;
  }
}