@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,500,600,700,900");
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/fa-regular-400.eot");
  src: url("../../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../fonts/fa-regular-400.woff2") format("woff2"), url("../../fonts/fa-regular-400.woff") format("woff"), url("../../fonts/fa-regular-400.ttf") format("truetype"), url("../../fonts/fa-regular-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/fa-light-300.eot");
  src: url("../../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../../fonts/fa-light-300.woff2") format("woff2"), url("../../fonts/fa-light-300.woff") format("woff"), url("../../fonts/fa-light-300.ttf") format("truetype"), url("../../fonts/fa-light-300.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/fa-brands-400.eot");
  src: url("../../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../fonts/fa-brands-400.woff2") format("woff2"), url("../../fonts/fa-brands-400.woff") format("woff"), url("../../fonts/fa-brands-400.ttf") format("truetype"), url("../../fonts/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  src: url("../../fonts/fa-solid-900.eot");
  src: url("../../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../fonts/fa-solid-900.woff2") format("woff2"), url("../../fonts/fa-solid-900.woff") format("woff"), url("../../fonts/fa-solid-900.ttf") format("truetype"), url("../../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

/* FONT */
@font-face {
  font-family: WiloPict;
  src: url("../../../fonts/WILOPict.eot"); }

/* Regular */
@font-face {
  font-family: Wilo;
  src: url("../../../fonts/WILOPlusFMReg.eot"); }

/* Bold */
@font-face {
  font-family: Wilo;
  src: url("../../../fonts/WILOPlusFMBol.eot");
  font-weight: bold; }

/* Italic */
@font-face {
  font-family: Wilo;
  src: url("../../../fonts/WILOPlusFMIta.eot");
  font-style: italic; }

/* Bold Italic */
@font-face {
  font-family: Wilo;
  src: url("../../../fonts/WILOPlusFMBolIta.eot");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: WiloPict;
  src: url("../../../fonts/WILOPict.woff") format("woff"); }

/* Regular */
@font-face {
  font-family: Wilo;
  src: url("../../../fonts/WILOPlusFMReg.woff") format("woff"); }

/* Bold */
@font-face {
  font-family: Wilo;
  src: url("../../../fonts/WILOPlusFMBol.woff") format("woff");
  font-weight: bold; }

/* Italic */
@font-face {
  font-family: Wilo;
  src: url("../../../fonts/WILOPlusFMIta.woff") format("woff");
  font-style: italic; }

/* Bold Italic */
@font-face {
  font-family: Wilo;
  src: url("../../../fonts/WILOPlusFMBolIta.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

/* -- GENERAL STYLING ---------------------------------------------------------- */
html, body {
  height: 100%; }

@media only screen and (orientation: landscape) {
  body.responsive {
    overflow: visible !important; } }

.print-only {
  display: none; }

.theme-page {
  max-width: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  .theme-page .contentarea > *.block.block_html ul, .theme-page .contentarea > *.block.block_text ul,
  .theme-page .contentarea > *.contentwrap .content_control_li > .mp-cms-editmode > .content > *:not(.product-detail) ul,
  .theme-page .contentarea > * .product-detail .product-info .description ul,
  .theme-page .contentarea > * .product-detail .product-info .package-contents ul {
    margin-left: 1rem;
    list-style-type: none; }
    .theme-page .contentarea > *.block.block_html ul li, .theme-page .contentarea > *.block.block_text ul li,
    .theme-page .contentarea > *.contentwrap .content_control_li > .mp-cms-editmode > .content > *:not(.product-detail) ul li,
    .theme-page .contentarea > * .product-detail .product-info .description ul li,
    .theme-page .contentarea > * .product-detail .product-info .package-contents ul li {
      position: relative;
      padding-left: 1.5rem; }
      .theme-page .contentarea > *.block.block_html ul li::before, .theme-page .contentarea > *.block.block_text ul li::before,
      .theme-page .contentarea > *.contentwrap .content_control_li > .mp-cms-editmode > .content > *:not(.product-detail) ul li::before,
      .theme-page .contentarea > * .product-detail .product-info .description ul li::before,
      .theme-page .contentarea > * .product-detail .product-info .package-contents ul li::before {
        content: "";
        display: inline-block;
        font: normal normal normal 14px/1 'Font Awesome 5 Pro';
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0; }
      .theme-page .contentarea > *.block.block_html ul li::before, .theme-page .contentarea > *.block.block_text ul li::before,
      .theme-page .contentarea > *.contentwrap .content_control_li > .mp-cms-editmode > .content > *:not(.product-detail) ul li::before,
      .theme-page .contentarea > * .product-detail .product-info .description ul li::before,
      .theme-page .contentarea > * .product-detail .product-info .package-contents ul li::before {
        position: absolute;
        top: 4px;
        left: 0;
        color: #009C82; }

/* Labels */
label {
  font-family: 'Open Sans', Arial, sans-serif; }

/* Text align */
.textLeft {
  text-align: left; }

.textCenter {
  text-align: center; }

.textRight {
  text-align: right; }

/* Header links */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  opacity: 1; }

body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #363640;
  margin-bottom: 10px; }

body .contentarea .block.block_customheader h1, body .contentarea .block.block_customheader h2, body .contentarea .block.block_customheader h3, body .contentarea .block.block_customheader h4, body .contentarea .block.block_customheader h5, body .contentarea .block.block_customheader h6,
body .content_control_li.block_customheader h1,
body .content_control_li.block_customheader h2,
body .content_control_li.block_customheader h3,
body .content_control_li.block_customheader h4,
body .content_control_li.block_customheader h5,
body .content_control_li.block_customheader h6 {
  margin-bottom: 0; }

@media screen and (max-width: 480px) {
  h1 {
    font-size: 1.7em; }
  h2 {
    font-size: 1.3em; } }

/* Vertical center */
.vcenter {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  top: 50%; }

.vcenter {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

/* Tooltip */
#tooltip p {
  margin: 0;
  padding: 5px 0; }

.info-tooltip {
  position: relative;
  color: #009C82; }

.info-tooltip-box {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: auto;
  max-width: 400px;
  box-sizing: border-box;
  padding: 20px;
  background: #000;
  background: rgba(0, 0, 0, 0.95);
  color: #fff;
  z-index: 999; }

/* Container */
.site-container {
  position: relative;
  float: left;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%; }
  .site-container .subbar {
    padding: 0; }
    .site-container .subbar .container {
      max-width: 1170px;
      padding: 0; }
      .site-container .subbar .container .subnav {
        padding: 8px 20px 8px 0;
        box-sizing: border-box; }
        @media screen and (max-width: 1189px) {
          .site-container .subbar .container .subnav {
            padding: 8px 20px; } }
        .site-container .subbar .container .subnav .search-box {
          flex-grow: 1;
          margin: 0 20px 0 0; }
          .site-container .subbar .container .subnav .search-box form {
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start;
            flex-grow: 1;
            max-width: 250px; }
        @media screen and (max-width: 480px) {
          .site-container .subbar .container .subnav {
            padding: 0; }
            .site-container .subbar .container .subnav .search-box {
              padding: 15px 18px;
              margin: 0;
              width: 70%;
              min-width: 70%; }
            .site-container .subbar .container .subnav .subnav-toggle {
              margin: 0 18px 0 0; } }

/* # Banner */
.mainbanner {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  clear: both;
  background: #f4f4f4; }

.revolution-slider-container {
  position: relative;
  float: none;
  display: block;
  width: 100%;
  max-width: 1920px;
  clear: both;
  overflow: hidden !important;
  margin: 0 auto 25px auto; }

.revolution-slider-container #main_slider a {
  display: block; }

.revolution-slider-container #main_slider a img {
  margin: 0 auto; }

/* .revolution-slider-container .hasURL:hover		{ cursor: pointer; } */
@media screen and (max-width: 480px) {
  .revolution-slider-container {
    display: none !important; } }

/* Common */
.clearFix {
  clear: both;
  display: block; }

.textLeftImageLeft.vertSpacing,
.textLeftImageRight.vertSpacing,
.textRightImageLeft.vertSpacing,
.textRightImageRight.vertSpacing,
.vertSpacing {
  position: relative;
  box-sizing: border-box;
  padding: 50px 0; }

/* Text and images */
.textLeftImageLeft .txt {
  box-sizing: border-box;
  padding: 0; }

.textLeftImageRight .txt {
  box-sizing: border-box;
  padding: 0; }

.textRightImageLeft .txt {
  box-sizing: border-box;
  padding: 0; }

.textRightImageRight .txt {
  box-sizing: border-box;
  padding: 0; }

/* # Header */
@media screen and (max-width: 480px) {
  .header-container .header {
    padding: 10px 0;
    box-sizing: border-box; } }

.header-top-bar-container {
  background-color: #FFFFFF;
  color: #555555; }

.header-top-bar-container a {
  color: #fff; }

.header-top-bar, .header {
  line-height: 22px; }

.header-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  .header-top-bar .logo {
    margin: 0 0 0.5rem 0;
    width: 12rem;
    display: block;
    height: 5rem;
    background: url("/source/immomarc/assets/tpl/images/logo/logo.svg") no-repeat left;
    background-size: contain; }
    @media screen and (max-width: 480px) {
      .header-top-bar .logo {
        margin: 1rem auto 1rem auto !important;
        width: 220px; } }
  @media screen and (max-width: 480px) {
    .header-top-bar .header-top-info {
      border-top: 1px solid #f0f0f0; } }
  .header-top-bar .header-top-info .header-welcome {
    text-align: right; }
    @media screen and (max-width: 480px) {
      .header-top-bar .header-top-info .header-welcome {
        margin-bottom: 10px; } }
    .header-top-bar .header-top-info .header-welcome > div {
      display: inline-block;
      padding: 10px 20px 0 0;
      margin-bottom: 10px;
      font-size: 12px; }
      .header-top-bar .header-top-info .header-welcome > div a {
        font-weight: bold;
        color: #555555; }
        .header-top-bar .header-top-info .header-welcome > div a:hover {
          text-decoration: underline; }
    .header-top-bar .header-top-info .header-welcome .info::after {
      content: "";
      display: inline-block;
      font: normal normal normal 14px/1 'Font Awesome 5 Pro';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin: 0 0 0 5px; }
    .header-top-bar .header-top-info .header-welcome .signout::after {
      content: "";
      display: inline-block;
      font: normal normal normal 14px/1 'Font Awesome 5 Pro';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin: 0 0 0 5px; }
    .header-top-bar .header-top-info .header-welcome .signin::after {
      content: "";
      display: inline-block;
      font: normal normal normal 14px/1 'Font Awesome 5 Pro';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin: 0 0 0 5px; }

.header-container {
  background-color: #009C82;
  padding: 0; }
  .header-container .vertical-align-table {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center; }
  .header-container a, .header-container p {
    color: #FFFFFF; }
  .header-container p {
    padding: 0; }
  .header-container .subnav {
    width: 100%;
    background: #FFFFFF; }
    .header-container .subnav ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem 0; }
      .header-container .subnav ul li {
        display: inline-block;
        padding: 0 1em; }
  .header-container .menu-container {
    width: 100%; }

@media screen and (max-width: 1189px) {
  .header {
    width: 100%;
    padding: 10px 1rem; }
  .header-top-bar {
    width: 100% !important; }
    .header-top-bar .logo {
      margin-left: 1rem; } }

@media screen and (max-width: 480px) {
  .header-container .header {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 1rem;
    align-items: center;
    justify-content: space-between; }
    .header-container .header .logo,
    .header-container .header .mobile-menu-switch {
      display: block;
      width: auto; }
    .header-container .header .logo {
      flex: 1; }
    .header-container .header .mobile-menu-switch {
      margin-left: auto; }
    .header-container .header .menu-container {
      width: 100%; } }

.contact-details {
  float: none; }

.social-icons a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff; }

.contact-details li,
.social-icons li {
  border-right: 1px solid rgba(255, 255, 255, 0.15); }

.contact-details li:first-child,
.social-icons li:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.15); }

.contact-details li a {
  color: #555555; }

.contact-details li a:hover {
  color: #555555; }

.contact-details li::before {
  color: #555555; }

.contact-details li svg {
  color: #555555;
  font-size: 14px;
  margin-right: 0.5rem; }

.header-top-bar .template-search {
  border-right: none;
  color: #ffffff; }

/* # Loader */
.tp-loader {
  z-index: 999; }

/* # Navigation */
.header-container.sticky.move {
  padding: 0; }
  .header-container.sticky.move .menu-bar {
    background: #009C82; }
  @media screen and (min-width: 481px) {
    .header-container.sticky.move .subnav {
      margin-bottom: 0;
      border-bottom: none; } }

/* # Tooltip */
#tooltip p {
  color: #fff; }

.ui-tooltip-error .ui-tooltip-content,
.ui-tooltip-success .ui-tooltip-content {
  font-family: 'Open Sans'; }

/* # Header caption */
.tp-parallax-wrap {
  top: auto !important;
  bottom: 170px; }

/* # Rows */
.row {
  position: relative; }

.row.darkgray {
  background: #333;
  color: #aaa; }

.row.darkgray h3 {
  color: #fff; }

.row.darkgray p {
  color: #aaa; }

.row.darkgray .more {
  background: #fff;
  color: #333;
  border: 2px solid #fff; }

.row.darkgray .announcement .vertical-align-cell:before {
  color: #fff;
  border: none;
  background: #444; }

.row.blueish {
  background: #ECEFF1;
  color: #90A4AE; }

.row.blueish h3 {
  color: #607D8B; }

.row.blueish p {
  color: #90A4AE; }

.row.blueish .more {
  background: #607D8B;
  color: #fff;
  border: 2px solid #607D8B; }

.row.blueish .more:hover {
  background: transparent;
  color: #607D8B;
  border: 2px solid #607D8B; }

.row.blueish .announcement .vertical-align-cell:before {
  color: #fff;
  border: none;
  background: #607D8B; }

/* # Extra details */
.extradetail {
  position: relative;
  display: block;
  color: #999;
  padding: 10px 15px;
  padding-bottom: 0;
  margin-left: 30px;
  box-sizing: border-box;
  border-left: 1px solid #999; }

/* # Top contact details */
.contact-details li {
  padding: 18px 20px; }

.contact-details li:last-child {
  border-right: none; }

/* # Top social icons */
.header-top-bar .social-icons {
  float: left; }

/* # Search */
.header-top-bar .search {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  width: 250px; }

.header-top-bar .search .search-input {
  width: 160px; }

.header-top-bar .search .template-search,
.header-top-bar .search .search-submit {
  color: #999; }

.header-top-bar .search .search-submit-container:hover .search-submit {
  color: #666;
  border: 1px solid #999; }

/* # List Languages */
.list-languages {
  position: relative;
  float: right;
  display: block; }

.list-languages a {
  padding: 17px;
  position: relative;
  float: left;
  display: block;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  text-transform: uppercase;
  border-right: 1px solid rgba(255, 255, 255, 0.15); }

.list-languages a:last-child {
  border-right: none; }

.list-languages a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  cursor: pointer;
  text-decoration: none; }

.list-languages a.current {
  background: #fff;
  color: #009C82; }

.list-languages ul {
  position: relative;
  float: left;
  display: block;
  margin: 0;
  padding: 0; }

.list-languages li {
  position: relative;
  float: left;
  display: block;
  margin: 0;
  padding: 0; }

/* # Page padding */
.page-padding {
  padding: 50px 0; }

/* # Footer */
.footer-push {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%; }

.footer {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%; }

.footer.small {
  font-size: 12px;
  line-height: normal;
  padding: 10px 0;
  background: #00b697;
  color: #FFFFFF; }

.footer.color {
  background: #009C82;
  padding: 10px 0;
  color: #ffffff;
  text-shadow: none; }

.footer.color a {
  color: #ffffff;
  text-decoration: none;
  text-shadow: none; }

.darkblueish {
  background: #607D8B; }

.darkblueish .copyright {
  color: #fff; }

.darkblueish .footerlinks a {
  color: #fff; }

.footer .footer-inner {
  position: relative;
  display: block;
  padding: 25px 0; }

.footerlinks {
  position: relative;
  float: right; }

.footerlinks li {
  position: relative;
  display: inline-block; }

.footerlinks a {
  text-decoration: none;
  color: #999;
  display: block;
  padding-left: 10px; }

.footerlinks a:hover {
  color: #444;
  cursor: pointer; }

.footer .footer-contactinfo {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  clear: both;
  margin: 0;
  padding: 0; }

.footer .footer-contactinfo li {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  clear: both;
  margin: 0;
  padding: 5px 0; }

.footer .footer-contactinfo.inline {
  display: block;
  text-align: center;
  font-size: 14px; }

.footer .footer-contactinfo.inline li {
  float: none;
  width: auto;
  display: inline-block;
  clear: none;
  margin: 0 1.6%; }

.footer .footer-contactinfo li i {
  margin-right: 5px; }

.footer .grid {
  margin: 0; }

.footer p {
  margin: 0;
  padding: 5px 0; }

.footer .featimg {
  position: relative;
  width: 100px;
  max-width: 100px;
  float: left;
  margin: 0;
  margin-bottom: 10px;
  margin-right: 15px; }

.footer .featimg.right {
  float: right;
  margin-right: 0;
  margin-left: 15px; }

.footer .footer-details {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 90%;
  max-width: 1170px;
  margin: auto; }
  .footer .footer-details ul,
  .footer .footer-details > div {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    flex: 0 0 25%;
    font-size: 12px; }
    @media (max-width: 920px) {
      .footer .footer-details ul,
      .footer .footer-details > div {
        flex: 0 0 50%;
        margin-bottom: 1rem; } }
    @media (max-width: 576px) {
      .footer .footer-details ul,
      .footer .footer-details > div {
        flex: 0 0 100%; } }
    .footer .footer-details ul li,
    .footer .footer-details > div li {
      font-size: 12px;
      font-weight: 200; }
      .footer .footer-details ul li strong,
      .footer .footer-details > div li strong {
        font-weight: 700; }
    .footer .footer-details ul svg,
    .footer .footer-details > div svg {
      margin-right: 0.5em; }
    .footer .footer-details ul p,
    .footer .footer-details > div p {
      color: white; }
  .footer .footer-details .links a {
    text-decoration: underline; }

.footer .copyright {
  color: #FFFFFF; }

.footer a {
  color: #FFFFFF; }
  .footer a:hover, .footer a:focus {
    text-decoration: underline;
    color: #FFFFFF; }

.footer .contentbox-controls {
  top: -3rem;
  display: none; }

.footer ul.contentwrap .mp-cms-editmode .controls li {
  display: none; }
  .footer ul.contentwrap .mp-cms-editmode .controls li:nth-child(2) {
    display: block; }

/* Textbox */
.textbox h2 {
  margin-bottom: 15px; }

/* Search */
.contentarea .search {
  display: block;
  position: relative;
  width: 100%;
  right: auto;
  padding: 0;
  margin: 0;
  background: none;
  overflow: hidden; }

.contentarea .search li {
  clear: none; }

.contentarea .search li.even {
  clear: none; }

/* Columnboxes */
.services-list a > img {
  width: 100%; }

.features-list a > img {
  width: 100%; }

.textimg .image-wrapper,
.textimg .image-wrapper img {
  width: 100%; }

.services-list li,
.features-list li {
  padding: 0 !important;
  padding-bottom: 26px !important; }

.services-list li:before {
  display: none;
  content: ""; }

.column-1-5 {
  width: 210px; }

.contain-img img {
  max-width: 100%; }

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

.center-img img {
  margin: 0 auto; }

.top-spacer {
  margin-top: 25px; }

.boxed-img {
  position: relative;
  width: 100%;
  clear: both;
  display: block;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dedede;
  padding: 10px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); }

.locationbox {
  margin-bottom: 50px; }

/* Content blocks */
.contentarea .block,
.contentarea .mp-cms-editmode,
ul.contentwrap .mp-cms-editmode {
  margin-bottom: 10px !important; }

/* Contactform */
.contactform {
  position: relative;
  display: block;
  clear: both;
  width: 100%; }

.contactform .contactform-row {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  margin-bottom: 5px; }

.contactform .contactform-column-left {
  position: relative;
  float: left;
  display: block;
  clear: left;
  width: 25%;
  margin-right: 1.6%;
  text-align: right;
  padding: 5px 0;
  font-weight: bold; }

.contactform .contactform-column-right {
  position: relative;
  float: left;
  display: block;
  clear: right;
  width: 100%; }

.fullforms .contactform .contactform-column-left {
  width: 35%; }

.fullforms .contactform .contactform-column-right {
  width: 63.4%; }

.contactform .contactform-column-right select {
  background: #fff;
  border: 1px solid #ccc;
  padding: 6px 5px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 3px 0;
  width: auto;
  min-width: 0; }

.contactform .contactform-column-right input,
.contactform .contactform-column-right textarea {
  margin: 0;
  box-sizing: border-box;
  border-color: #57bdac; }
  .contactform .contactform-column-right input ::-webkit-input-placeholder,
  .contactform .contactform-column-right textarea ::-webkit-input-placeholder {
    color: #57bdac;
    opacity: 1;
    /* Firefox */ }
  .contactform .contactform-column-right input ::-moz-placeholder,
  .contactform .contactform-column-right textarea ::-moz-placeholder {
    color: #57bdac;
    opacity: 1;
    /* Firefox */ }
  .contactform .contactform-column-right input ::-ms-input-placeholder,
  .contactform .contactform-column-right textarea ::-ms-input-placeholder {
    color: #57bdac;
    opacity: 1;
    /* Firefox */ }
  .contactform .contactform-column-right input ::placeholder,
  .contactform .contactform-column-right textarea ::placeholder {
    color: #57bdac;
    opacity: 1;
    /* Firefox */ }
  .contactform .contactform-column-right input :-ms-input-placeholder,
  .contactform .contactform-column-right textarea :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #57bdac; }
  .contactform .contactform-column-right input ::-ms-input-placeholder,
  .contactform .contactform-column-right textarea ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #57bdac; }

.contactform .contactform-column-full {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%; }

.contactform .verzend {
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  background: #000;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: unset;
  margin-top: 50px;
  font-weight: bold; }

.contactform .mpcheckbox {
  top: 5px;
  margin-right: 7px; }

.contactform .mpcheckbox:hover {
  text-decoration: none; }

.contactform textarea.error,
.contactform select.error,
.contactform input.error {
  border: 1px solid #FB6363;
  background-color: #FFE7E7 !important;
  color: #C71A1A;
  font-style: italic; }

.contactform .error::-webkit-input-placeholder {
  color: #C71A1A; }

.contactform .error:-moz-placeholder {
  color: #C71A1A; }

.contactform .error::-moz-placeholder {
  color: #C71A1A; }

.contactform .error:-ms-input-placeholder {
  color: #C71A1A; }

.contactform .form-control:focus {
  border-color: #009C82; }

.contactform .form-control {
  border-color: #57bdac;
  color: #57bdac; }
  .contactform .form-control ::-webkit-input-placeholder {
    color: #57bdac;
    opacity: 1;
    /* Firefox */ }
  .contactform .form-control ::-moz-placeholder {
    color: #57bdac;
    opacity: 1;
    /* Firefox */ }
  .contactform .form-control ::-ms-input-placeholder {
    color: #57bdac;
    opacity: 1;
    /* Firefox */ }
  .contactform .form-control ::placeholder {
    color: #57bdac;
    opacity: 1;
    /* Firefox */ }
  .contactform .form-control :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #57bdac; }
  .contactform .form-control ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #57bdac; }

/* Google maps */
.googlemaps_box {
  width: 100% !important; }

.googlemaps_box .googlemaps_placeholder {
  width: 100% !important; }

/* HTML Lists */
.blog .post-content ul,
div.block.block_html ul,
.content_control_li.block_html .content ul {
  list-style-type: disc;
  padding: 0 0 1em 30px;
  margin: 0; }

div.block.block_html .features-list li:before,
.content_control_li.block_html .features-list li:before,
.features-list li:before {
  float: left;
  font-size: 48px;
  margin-right: 30px;
  color: #009C82;
  border: 1px solid #E2E6E7;
  padding: 19px;
  border-radius: 50%; }

div.block.block_html .features-list.big li:before,
.content_control_li.block_html .features-list.big li:before,
.features-list.big li:before {
  font-family: "streamline-large" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  clear: both;
  float: none;
  display: block;
  width: 60px;
  font-size: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 39px; }

/* Loader */
.tp-loader.spinner0 {
  background-color: #eee;
  -webkit-animation: none;
          animation: none;
  box-shadow: none; }

/* Notices */
div.main #notice {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  background: #0386BD;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px; }

div.main #notice div {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 15px;
  box-sizing: border-box; }

div.main #notice h1 {
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #fff !important;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
  line-height: normal; }

div.main #notice.red {
  background: #EC5454; }

div.main #notice.green {
  background: #8FC061; }

.theme-page span.note-green {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  background: #8FC061;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  padding: 20px;
  border: none;
  font-size: 16px;
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
  line-height: normal; }

.theme-page span.note-red {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  background: #EC5454;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  padding: 20px;
  border: none;
  font-size: 16px;
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
  line-height: normal; }

/* Image block */
.block_image img {
  max-width: 100%; }

/* -- CUSTOM COLORS ---------------------------------------------------------- */
/* # Navigation */
.sf-menu a:hover,
.sf-menu a:visited:hover,
.sf-menu li.selected a {
  color: #FFFFFF;
  background: #00b697; }

.sf-menu li:hover a,
.sf-menu li:hover a:visited {
  color: #FFFFFF; }

.sf-menu > li:first-child ul {
  display: none !important; }

.menu-container .sf-menu li ul li a:hover,
.menu-container .sf-menu li:hover ul li.sfHover > a {
  color: #555555; }

.sf-menu li {
  width: auto; }
  .sf-menu li i,
  .sf-menu li svg {
    display: none; }
  .sf-menu li ul {
    width: auto;
    max-width: 250px; }
    .sf-menu li ul li {
      width: 100%; }

body .header-container .menu-container .sf-menu > li:first-child > a {
  padding: 12px 20px; }

.sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #00b697; }

.menu-container .sf-menu li ul li.selected > a,
.menu-container .sf-menu li:hover ul li.selected > a,
.menu-container .sf-menu li:hover ul li.selected ul li > a:hover,
.menu-container .sf-menu li:hover ul li ul li.selected > a,
.menu-container .sf-menu li:hover ul li.selected ul li.selected > a {
  color: #009C82 !important; }

.menu-container .sf-menu li ul li.selected li a,
.menu-container .sf-menu li:hover ul li.selected li a,
.menu-container .sf-menu li:hover ul li.selected ul li li a:hover,
.menu-container .sf-menu li:hover ul li ul li.selected li a,
.menu-container .sf-menu li:hover ul li.selected ul li.selected li a {
  color: #ffffff; }

.menu-container .sf-menu li ul li:first-child ul li a,
.menu-container .sf-menu li ul ul li a {
  border-top: 1px solid #E2E6E7; }

.menu-container .sf-menu li ul li:first-child ul li:first-child > a {
  border-top: none; }

.sf-menu li, .sf-menu li:visited {
  background: #009C82; }
  .sf-menu li a, .sf-menu li a:visited, .sf-menu li:visited a, .sf-menu li:visited a:visited {
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 20px; }

.sf-menu li li {
  background: none; }

.sf-menu > li.selected > a {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  padding: 12px 26px !important; }

.sf-menu > li.selected > a:hover,
.sf-menu > li.selected:hover > a {
  color: #fff; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  border: none; }

body .navbar-nav {
  position: relative;
  height: 50px;
  overflow: visible; }
  @media (max-width: 990px) {
    body .navbar-nav {
      height: auto; } }
  body .navbar-nav i,
  body .navbar-nav svg {
    display: none; }
  body .navbar-nav li.selected > a {
    font-weight: bold; }
    @media (max-width: 991.98px) {
      body .navbar-nav li.selected > a {
        font-weight: bold !important; } }
  @media (max-width: 991.98px) {
    body .navbar-nav li:hover > ul.sub-nav {
      display: none !important; }
      body .navbar-nav li:hover > ul.sub-nav::before {
        display: none !important; }
    body .navbar-nav li > a {
      font-size: 18px;
      line-height: normal; }
    body .navbar-nav li.has-subnav {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      body .navbar-nav li.has-subnav svg {
        position: relative;
        color: white;
        margin: 0 0 0 1rem;
        padding: 0;
        top: 0;
        right: 0px;
        width: 16px;
        height: auto;
        box-sizing: border-box;
        z-index: 100;
        pointer-events: all; }
        body .navbar-nav li.has-subnav svg.fa-plus {
          display: block; }
      body .navbar-nav li.has-subnav > a {
        flex-grow: 1;
        max-width: calc(100% - (1rem + 16px)); }
      body .navbar-nav li.has-subnav.open > a {
        background-color: transparent;
        border-color: transparent; }
      body .navbar-nav li.has-subnav.open > ul.sub-nav {
        min-width: 0;
        position: relative;
        display: block !important;
        background: rgba(255, 255, 255, 0.15);
        padding-left: 1.5rem;
        width: 100%; }
        body .navbar-nav li.has-subnav.open > ul.sub-nav li > a {
          color: white;
          font-size: 18px; }
      body .navbar-nav li.has-subnav.open > svg.fa-plus {
        display: none; }
      body .navbar-nav li.has-subnav.open > svg.fa-minus {
        display: block; } }

@media (max-width: 991.98px) {
  .navbar-collapse {
    overflow: visible !important;
    padding: 0; } }

.navbar-collapse .navbar-nav > li {
  position: relative; }
  .navbar-collapse .navbar-nav > li:hover > .sub-nav {
    display: block; }
    .navbar-collapse .navbar-nav > li:hover > .sub-nav::before {
      display: block; }

.navbar-collapse .sub-nav {
  display: none;
  position: absolute;
  font-size: 12px;
  min-width: 250px;
  z-index: 100;
  background: #eeeeee;
  padding: 0.5em 0; }
  .navbar-collapse .sub-nav li {
    padding: 0; }
    .navbar-collapse .sub-nav li:first-child a {
      padding-left: 1em; }
    .navbar-collapse .sub-nav li a {
      display: block;
      color: #515150;
      font-size: 14px;
      text-decoration: none;
      font-weight: normal;
      padding: 0.25em 1em;
      width: 100%; }

.navbar-collapse .sub-nav:before {
  content: '';
  display: none;
  position: absolute;
  top: -10px;
  left: 30%;
  margin-left: -50px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #eeeeee; }

/* # Mobile navigation */
.mobile-menu li.selected a,
.mobile-menu li.selected ul li.selected a,
.mobile-menu li.selected ul li.selected ul li.selected a {
  background: #00b697; }

.mobile-menu-switch:hover .line,
.mobile-menu-switch .line {
  background: white; }

.mobile-menu-divider {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }

.mobile-menu-container nav {
  margin: 0 -19px 0 -19px; }

.mobile-menu-container .mobile-menu li {
  position: relative; }
  .mobile-menu-container .mobile-menu li a {
    background: #009C82;
    color: #FFFFFF;
    z-index: 1;
    margin-right: 55px; }
  .mobile-menu-container .mobile-menu li ul {
    display: none; }
  .mobile-menu-container .mobile-menu li i,
  .mobile-menu-container .mobile-menu li svg {
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 5;
    width: 25px;
    height: 25px;
    padding: 5px;
    display: none; }
    .mobile-menu-container .mobile-menu li i.fa-minus,
    .mobile-menu-container .mobile-menu li svg.fa-minus {
      display: none; }
  .mobile-menu-container .mobile-menu li .toggle {
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 5;
    color: #FFFFFF;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0; }
    .mobile-menu-container .mobile-menu li .toggle::before {
      content: "";
      display: inline-block;
      font: normal normal normal 14px/1 'Font Awesome 5 Pro';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin: 0; }
  .mobile-menu-container .mobile-menu li.open .toggle::before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 'Font Awesome 5 Pro';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0; }
  .mobile-menu-container .mobile-menu li.open > ul {
    display: block; }

.mobile-menu-container .mobile-menu-switch .line {
  background: #FFFFFF; }

/* # Grid */
.row.yellow {
  background: #009C82; }

/* # Box Header */
#previewbox div .box-header:after,
#previewbox div .box-header-left:after,
.box-header-left:after,
.box-header:after {
  background: #009C82; }

/* # Bullet lists */
li.template-bullet:before {
  color: #009C82; }

/* # Social icons */
.social-icons.yellow li {
  background: #009C82;
  border: 2px solid #009C82; }

/* # Footer (large) icons */
.contact-details-list li:before {
  color: #009C82; }

/* # URL's */
a,
p a {
  color: #009C82; }

a:hover,
p a:hover {
  color: #009C82; }

/* Anchor links */
p a {
  font-weight: inherit; }

/* # Slider */
.slider-content-box {
  padding: 20px;
  background: rgba(0, 0, 0, 0.8); }

.slider-content-box h2 {
  padding: 0;
  border: none;
  background: none; }

.slider-content-box p {
  padding: 0;
  padding-top: 10px; }

/* # Announcement */
.announcement .vertical-align-cell:before {
  color: #009C82; }

/* # More info buttons */
.more,
.more[type="submit"] {
  background: #009C82;
  border: 2px solid #009C82;
  border-radius: 0px;
  padding: 10px 20px; }

/* # Scroll to top */
.scroll-top:hover {
  background-color: #009C82; }

/* Blog */
.blog .post-details .date h2,
.blog .post-details li:before {
  color: #009C82; }

/* Features */
.features-list li:before {
  color: #009C82; }

/* Sitemap */
div.sitemap li a:hover {
  color: #009C82 !important; }

/* mpcheckbox */
.mpcheckbox {
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: white !important;
  border: 2px solid #ddd !important;
  display: block !important;
  float: left !important;
  margin-right: 10px !important;
  line-height: normal;
  padding: 3px 5px;
  box-sizing: border-box;
  text-shadow: none;
  border-radius: 3px; }
  .mpcheckbox.checked {
    background: #009C82 !important;
    color: white !important;
    border-color: #009C82 !important;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); }
  .mpcheckbox:hover {
    text-decoration: none; }
  .mpcheckbox:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/* ## Grids */
.grid {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  margin: 0;
  margin-bottom: 50px; }

.grid.textRight {
  text-align: right; }

.grid.smallMargin {
  margin-bottom: 10px; }

/* ## Grid of 6 */
.grid6 {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  margin-right: 1.6%;
  min-height: 25px; }

.grid6:last-child {
  margin-right: 0; }

.grid6.noMargin {
  margin-right: 0; }

.grid6.g6 {
  width: 100%;
  margin-right: 0; }

.grid6.g5 {
  width: 83.06%; }

.grid6.g4 {
  width: 66.13%; }

.grid6.g3 {
  width: 49.2%; }

.grid6.g2 {
  width: 32.26%; }

.grid6.g1 {
  width: 15.33%; }

/* ## Grid of 5 */
.grid5 {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  margin-right: 1.6%;
  min-height: 25px; }

.grid5:last-child {
  margin-right: 0; }

.grid5.noMargin {
  margin-right: 0; }

.grid5.g5 {
  width: 100%;
  margin-right: 0; }

.grid5.g4 {
  width: 79.68%; }

.grid5.g3 {
  width: 59.36%; }

.grid5.g2 {
  width: 39.04%; }

.grid5.g1 {
  width: 18.72%; }

/* ## Grid of 4 */
.grid4 {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  margin-right: 1.6%;
  min-height: 25px; }

.grid4:last-child {
  margin-right: 0; }

.grid4.noMargin {
  margin-right: 0; }

.grid4.g4 {
  width: 100%;
  margin-right: 0; }

.grid4.g3 {
  width: 74.6%; }

.grid4.g2 {
  width: 49.2%; }

.grid4.g1 {
  width: 23.8%; }

/* ## Grid of 3 */
.grid3 {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  margin-right: 1.6%;
  min-height: 25px; }

.grid3:last-child {
  margin-right: 0; }

.grid3.noMargin {
  margin-right: 0; }

.grid3.g3 {
  width: 100%;
  margin-right: 0; }

.grid3.g2 {
  width: 66.13%; }

.grid3.g1 {
  width: 32.26%; }

/* ## Grid of 2 */
.grid2 {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  margin-right: 1.6%;
  min-height: 25px; }

.grid2:last-child {
  margin-right: 0; }

.grid2.noMargin {
  margin-right: 0; }

.grid2.g2 {
  width: 100%;
  margin-right: 0; }

.grid2.g1 {
  width: 49.2%; }

/* ## Grid images */
.grid .g1 img,
.grid .g2 img,
.grid .g3 img,
.grid .g4 img,
.grid .g5 img,
.grid .g6 img {
  max-width: 100%; }

/* ## Color blocks */
.colorblock {
  position: relative;
  float: left;
  width: 100%;
  clear: both;
  display: block;
  box-sizing: border-box;
  padding: 20px;
  background: #f5f5f5;
  color: #666;
  text-shadow: none; }

.colorblock.green {
  background: #7eac10;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

.colorblock.orange {
  background: #ff8400;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

.colorblock.red {
  background: #009C82;
  color: #ffccd1;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

.colorblock.blue {
  background: #00c6ff;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

.colorblock.purple {
  background: #834689;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

.colorblock.yellow {
  background: #d7bb00;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

.colorblock h1,
.colorblock h2,
.colorblock h3 {
  color: #333;
  margin-bottom: 10px; }

.colorblock.green h1,
.colorblock.orange h1,
.colorblock.red h1,
.colorblock.blue h1,
.colorblock.purple h1,
.colorblock.yellow h1,
.colorblock.green h2,
.colorblock.orange h2,
.colorblock.red h2,
.colorblock.blue h2,
.colorblock.purple h2,
.colorblock.yellow h2,
.colorblock.green h3,
.colorblock.orange h3,
.colorblock.red h3,
.colorblock.blue h3,
.colorblock.purple h3,
.colorblock.yellow h3 {
  color: #fff;
  margin-bottom: 10px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

.colorblock a {
  color: #333; }

.colorblock.green a,
.colorblock.orange a,
.colorblock.red a,
.colorblock.blue a,
.colorblock.purple a,
.colorblock.yellow a {
  color: #fff; }

.colorblock.title h1 {
  font-size: 24px;
  font-weight: normal;
  line-height: normal;
  margin: 20px 0;
  text-align: center;
  display: block;
  color: #fff; }

.colorblock.title h1 b,
.colorblock.title h1 strong {
  font-weight: bold; }

.colorblock.title a {
  color: #fff;
  text-decoration: none; }

/* ## Product info/link */
.productlink {
  margin-bottom: 15px; }

.productlink:hover {
  cursor: pointer; }

.productlink .g1 img {
  width: 100% !important;
  height: auto !important; }

.productlink .grid {
  margin-bottom: 0; }

/* Pagefill page */
.pagefill .theme-page .row {
  width: 100%;
  clear: both;
  margin: 0; }

.pagefill .footer-push,
.pagefill .footer {
  display: none; }

.pagefill .contentarea .block,
.pagefill .contentarea .mp-cms-editmode,
.pagefill ul.contentwrap .mp-cms-editmode {
  margin-bottom: 0 !important; }

.pagefill .pagefill-wrapper {
  box-sizing: border-box; }

.pagefill .pagefill-wrapper,
.pagefill .pagefill-wrapper .row,
.pagefill .pagefill-wrapper .contentwrap,
.pagefill .pagefill-wrapper .contentwrap li,
.pagefill .pagefill-wrapper .mp-cms-editmode,
.pagefill .pagefill-wrapper .mp-cms-editmode .content,
.pagefill .pagefill-wrapper .iframeBox,
.pagefill .pagefill-wrapper .block,
.pagefill .pagefill-wrapper iframe {
  box-sizing: border-box;
  height: 100%;
  min-height: 100%; }

.pagefill .pagefill-wrapper #PG_2AR_2 {
  min-height: 0;
  height: auto; }

@media screen and (max-width: 480px), screen and (max-height: 600px) {
  .pagefill .footer-push,
  .pagefill .footer {
    display: block; }
  .pagefill .pagefill-wrapper,
  .pagefill .pagefill-wrapper .row,
  .pagefill .pagefill-wrapper .contentwrap,
  .pagefill .pagefill-wrapper .contentwrap li,
  .pagefill .pagefill-wrapper .mp-cms-editmode,
  .pagefill .pagefill-wrapper .mp-cms-editmode .content,
  .pagefill .pagefill-wrapper .iframeBox,
  .pagefill .pagefill-wrapper .block,
  .pagefill .pagefill-wrapper iframe {
    height: auto; } }

/* ## General call to action */
.general-cta-row {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%; }

.general-cta-row.addLine {
  border-bottom: 1px dotted #ccc; }

.general-cta {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  margin: 5px 0; }

.general-cta .fa {
  position: relative;
  margin-right: 10px; }

.general-cta a {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  padding-bottom: 5px;
  color: #333;
  text-decoration: none;
  text-align: center; }

.general-cta a:hover {
  color: #009C82;
  cursor: pointer;
  padding-left: 10px; }

.general-cta a.inline {
  display: inline-block;
  clear: none;
  float: none;
  width: auto; }

.general-cta a.noSlide:hover {
  padding: 0; }

.general-cta.right a:hover {
  padding-left: 0;
  padding-right: 10px; }

.general-cta.boxed a {
  padding: 10px;
  color: #fff;
  background: #009C82; }

.general-cta.boxed a:hover {
  background: #000;
  color: #fff;
  cursor: pointer;
  padding: 10px; }

.general-cta.auto,
.general-cta.auto a {
  width: auto;
  display: block;
  float: left;
  clear: both; }

.general-cta.auto.right,
.general-cta.auto.right a {
  float: right; }

.general-cta.auto.right .fa {
  float: right;
  margin: 0;
  margin-left: 10px;
  vertical-align: middle;
  line-height: inherit; }

.general-cta.inline,
.general-cta.inline a,
.general-cta.auto.inline,
.general-cta.auto.inline a {
  clear: none; }

.general-cta.auto.inline a {
  display: inline-block; }

.general-cta.noFloat,
.general-cta.noFloat a {
  position: relative;
  float: none; }

.general-cta.floatedLeft {
  position: relative;
  float: left;
  margin-right: 10px; }

.general-cta.floatedLeft:last-child {
  margin-right: 0; }

.general-cta.floatedRight {
  position: relative;
  float: right;
  margin-left: 10px; }

.general-cta.floatedRight:first-child {
  margin-left: 0; }

.general-cta.size50 {
  width: 49.2%;
  margin-right: 1.6%; }

.general-cta.size50:last-child {
  margin-right: 0; }

.general-cta.size50 a {
  width: 100%;
  display: block; }

.general-cta.inline.size50 a:hover {
  padding: 0;
  padding-bottom: 5px; }

.general-cta.inline.boxed.size50 a:hover {
  padding: 10px; }

.general-cta a {
  transition: all 200ms ease-in-out; }

.general-cta a.noSlide {
  transition: all 0ms ease-in-out; }

/* ## Icon boxes */
.iconcollection {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  margin-bottom: 15px; }

.iconcollection .iconbox {
  font-size: 18px;
  line-height: normal;
  text-align: center;
  word-break: break-word;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #eee;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

.iconcollection .iconbox-content {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  top: 50%; }

.iconcollection .iconbox img {
  position: relative;
  width: 100%;
  max-width: 100px;
  clear: both;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px; }

.iconcollection.fix .iconbox-content {
  top: 0; }

.iconcollection.fix .iconbox-content {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.iconcollection .iconbox-content {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

/* Cookie Law Notice */
body #cookielaw_notice {
  background: rgba(55, 71, 79, 0.9); }

body #cookielaw_notice #cookielaw_content #cookielaw_message,
body #cookielaw_notice #cookielaw_content #cookielaw_message p {
  color: #fff; }

body #cookielaw_notice #cookielaw_content #cookielaw_actions a {
  color: black;
  border-radius: 0px;
  background: white; }

/* -- PANEL ---------------------------------------------------------- */
#top div.iconcontainer div.nav-icon img {
  display: inline !important; }

/* -- Responsive ---------------------------------------------------------- */
@media screen and (max-width: 1190px) {
  .googlemaps_frame {
    width: 100% !important; } }

@media screen and (max-width: 768px) {
  .grid6.g6,
  .grid6.g5,
  .grid6.g4,
  .grid6.g3,
  .grid6.g2,
  .grid6.g1,
  .grid5.g5,
  .grid5.g4,
  .grid5.g3,
  .grid5.g2,
  .grid5.g1,
  .grid4.g4,
  .grid4.g3,
  .grid4.g2,
  .grid4.g1,
  .grid3.g3,
  .grid3.g2,
  .grid3.g1,
  .grid2.g2,
  .grid2.g1 {
    width: 100%;
    margin: 0 auto;
    clear: both; }
  .menu-container {
    display: block;
    width: 100%; }
  .header-top-bar .contact-details {
    display: none; } }

@media screen and (max-width: 480px) {
  .contact-details li:first-child,
  .social-icons li:first-child {
    border-left: none; }
  .harol {
    float: none;
    margin: 0 auto;
    width: 140px;
    margin-bottom: 10px; }
  .header-container.sticky.move {
    position: relative !important; }
  .header-top-bar-container.clearfix {
    margin-bottom: 0 !important; }
  .blog .post-content > a > img, .post.single .post-image img, .our-clients-list, .services-list a > img, .projects-list a > img, .re-preload > img, .re-preload > .image-wrapper > img {
    width: 100%;
    height: auto !important; }
  .tp-parallax-wrap {
    bottom: 0 !important; }
  .slider-content-box p {
    display: block; }
  .header-top-bar {
    display: block;
    padding: 0;
    overflow: hidden; }
  .header-top-bar .search-container,
  .header-top-bar .social-icons {
    display: none; }
  .header-top-bar-container .header-toggle {
    display: none; }
  .column-1-5 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: both; }
  .footerlinks {
    float: left;
    margin: 0;
    padding: 0; }
    .footerlinks li {
      width: 100%;
      display: block;
      clear: both;
      margin: 5px 0;
      font-size: 14px; }
    .footerlinks a {
      padding: 0; }
  .contact-details li {
    padding-bottom: 0;
    box-sizing: border-box;
    width: 100%;
    text-align: center; }
  .contact-details li:last-child {
    padding-bottom: 18px; }
  .list-languages {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    clear: both;
    z-index: 10;
    text-align: center; }
  .list-languages a {
    display: inline-block;
    float: none;
    border-top: 1px solid #E2E6E7; }
  .list-languages a:first-child {
    border-left: 1px solid #E2E6E7; }
  .list-languages a:last-child {
    border-right: 1px solid #E2E6E7; }
  .contactform .contactform-column-left {
    text-align: center; }
  .contactform .contactform-column-left,
  .contactform .contactform-column-right {
    width: 100%;
    clear: both;
    display: block; } }

/* ## Banner overlays ################################################################################## */
#header #image_rotate li {
  height: 100%;
  max-height: 100%; }

#header #image_rotate li {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

ul li .banner-info-overlay,
ul.imageblock_fade li .banner-info-overlay,
#header #image_rotate li .banner-info-overlay {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  right: 0;
  clear: both;
  z-index: 9;
  text-align: left;
  box-sizing: border-box;
  padding: 25px; }

ul li .banner-info-inner,
ul.imageblock_fade li .banner-info-inner,
#header #image_rotate li .banner-info-inner {
  position: relative;
  display: block;
  width: 1170px;
  clear: both;
  overflow: hidden;
  margin: 0 auto; }

ul.innerfade li .banner-info-overlay,
ul.imageblock_fade.innerfade li .banner-info-overlay,
#header #image_rotate.innerfade li .banner-info-overlay {
  display: block; }

ul.innerfade li,
ul.imageblock_fade.innerfade li,
#header #image_rotate.innerfade li {
  width: 100%; }

ul li .banner-info-overlay.bg_white,
ul.imageblock_fade li .banner-info-overlay.bg_white,
#header #image_rotate li .banner-info-overlay.bg_white {
  background: rgba(255, 255, 255, 0.45);
  padding: 25px; }

ul li .banner-info-overlay.bg_black,
ul.imageblock_fade li .banner-info-overlay.bg_black,
#header #image_rotate li .banner-info-overlay.bg_black {
  background: rgba(0, 0, 0, 0.45);
  padding: 25px; }

ul li .banner-info-overlay.bg_red,
ul.imageblock_fade li .banner-info-overlay.bg_red,
#header #image_rotate li .banner-info-overlay.bg_red {
  background: rgba(194, 26, 44, 0.4);
  padding: 25px; }

ul li .banner-info-overlay .title-large,
#contentbox ul.imageblock_fade .title-large .banner-info-overlay .title-large,
ul.imageblock_fade li .banner-info-overlay .title-large,
#header #image_rotate li .banner-info-overlay .title-large {
  display: block;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  font-size: 36px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  padding: 0;
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 10px; }

ul li .banner-info-overlay .title-medium,
#contentbox ul.imageblock_fade li .banner-info-overlay .title-medium,
ul.imageblock_fade li .banner-info-overlay .title-medium,
#header #image_rotate li .banner-info-overlay .title-medium {
  display: block;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  margin: 0;
  padding: 0;
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 10px; }

ul li .banner-info-overlay p,
#contentbox ul.imageblock_fade li .banner-info-overlay p,
ul.imageblock_fade li .banner-info-overlay p,
#header #image_rotate li .banner-info-overlay p {
  font-size: 18px;
  line-height: normal;
  margin: 0;
  padding: 0;
  color: #ccc;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

ul li .banner-info-overlay .banner-info-buttonbox,
#contentbox ul.imageblock_fade li .banner-info-overlay .banner-info-buttonbox,
ul.imageblock_fade li .banner-info-overlay .banner-info-buttonbox,
#header #image_rotate li .banner-info-overlay .banner-info-buttonbox {
  position: relative;
  float: none;
  display: inline-block;
  width: auto;
  clear: both;
  margin-top: 10px; }

ul li .banner-info-overlay a.banner-info-button,
#contentbox ul.imageblock_fade li .banner-info-overlay a.banner-info-button,
ul.imageblock_fade li .banner-info-overlay a.banner-info-button,
#header #image_rotate li .banner-info-overlay a.banner-info-button {
  font-size: 18px;
  position: relative;
  float: left;
  display: block;
  box-sizing: border-box;
  padding: 7px 20px;
  background: #009C82;
  color: #fff;
  text-decoration: none;
  margin: 5px 0;
  margin-right: 5px; }

ul li .banner-info-overlay.black .title-large,
ul.imageblock_fade li .banner-info-overlay.black .title-large,
#header #image_rotate li .banner-info-overlay.black .title-large,
ul li .banner-info-overlay.black .title-medium,
ul.imageblock_fade li .banner-info-overlay.black .title-medium,
#header #image_rotate li .banner-info-overlay.black .title-medium,
ul li .banner-info-overlay.black .title-large,
ul li .banner-info-overlay.black .title-medium,
ul li .banner-info-overlay.black p,
ul.imageblock_fade li .banner-info-overlay.black p,
#header #image_rotate li .banner-info-overlay.black p {
  color: #000;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); }

ul li .banner-info-overlay.themecolor .title-large,
ul li .banner-info-overlay.themecolor .title-medium,
ul li .banner-info-overlay.themecolor p,
ul.imageblock_fade li .banner-info-overlay.themecolor p,
#header #image_rotate li .banner-info-overlay.themecolor p {
  color: #009C82;
  text-shadow: none; }

ul li .banner-info-overlay,
ul.imageblock_fade li .banner-info-overlay,
#header #image_rotate li .banner-info-overlay {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

ul li .banner-info-overlay.pos_top,
ul.imageblock_fade li .banner-info-overlay.pos_top,
#header #image_rotate li .banner-info-overlay.pos_top {
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

#header #image_rotate li .banner-info-overlay.pos_top {
  padding-top: 150px; }

ul li .banner-info-overlay.pos_bottom,
ul.imageblock_fade li .banner-info-overlay.pos_bottom,
#header #image_rotate li .banner-info-overlay.pos_bottom {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

#header #image_rotate li .banner-info-overlay.pos_bottom {
  padding-bottom: 65px; }

ul li .banner-info-overlay.text_left,
ul li .banner-info-overlay.text_left *,
ul.imageblock_fade li .banner-info-overlay.text_left,
ul.imageblock_fade li .banner-info-overlay.text_left *,
#header #image_rotate li .banner-info-overlay.text_left,
#header #image_rotate li .banner-info-overlay.text_left * {
  text-align: left; }

ul li .banner-info-overlay.text_right,
ul li .banner-info-overlay.text_right *,
ul.imageblock_fade li .banner-info-overlay.text_right,
ul.imageblock_fade li .banner-info-overlay.text_right *,
#header #image_rotate li .banner-info-overlay.text_right,
#header #image_rotate li .banner-info-overlay.text_right * {
  text-align: right; }

ul li .banner-info-overlay.text_center,
ul li .banner-info-overlay.text_center *,
ul.imageblock_fade li .banner-info-overlay.text_center,
ul.imageblock_fade li .banner-info-overlay.text_center *,
#header #image_rotate li .banner-info-overlay.text_center,
#header #image_rotate li .banner-info-overlay.text_center * {
  text-align: center; }

@media only screen and (max-width: 1170px) {
  ul li .banner-info-inner,
  ul.imageblock_fade li .banner-info-inner,
  #header #image_rotate li .banner-info-inner {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; } }

@media only screen and (max-width: 480px) {
  ul li .banner-info-overlay,
  ul.imageblock_fade li .banner-info-overlay,
  #header #image_rotate li .banner-info-overlay {
    position: relative;
    clear: both;
    display: block; }
  ul li .banner-info-overlay h1,
  ul.imageblock_fade li .banner-info-overlay h1,
  #header #image_rotate li .banner-info-overlay h1 {
    font-size: 24px; }
  #contentbox ul.imageblock_fade li .banner-info-overlay h2,
  ul li .banner-info-overlay h2,
  ul.imageblock_fade li .banner-info-overlay h2,
  #header #image_rotate li .banner-info-overlay h2 {
    font-size: 18px; }
  #contentbox ul.imageblock_fade li .banner-info-overlay p,
  ul li .banner-info-overlay p,
  ul.imageblock_fade li .banner-info-overlay p,
  #header #image_rotate li .banner-info-overlay p {
    font-size: 14px; }
  ul.innerfade li .banner-info-overlay.hideOnMobile,
  ul.imageblock_fade.innerfade li .banner-info-overlay.hideOnMobile,
  #header #image_rotate.innerfade li .banner-info-overlay.hideOnMobile {
    display: none !important; } }

.header-container .subnav {
  padding: 0;
  margin-bottom: 2rem;
  border-bottom: 2px dashed #eeeeee; }
  .header-container .subnav ul {
    padding: 0; }
    .header-container .subnav ul li {
      display: flex; }

@media (max-width: 990px) {
  .header-container .subnav {
    padding: 0.5rem 0; } }

#frame-subnav li {
  padding: 0; }
  #frame-subnav li a {
    display: block;
    padding: 1rem; }

#frame-subnav li .toggle,
#frame-subnav li i,
#frame-subnav li svg {
  display: none; }

#frame-subnav li:hover > ul {
  display: block;
  overflow: visible; }
  #frame-subnav li:hover > ul ul {
    left: 100%;
    top: 0; }
    #frame-subnav li:hover > ul ul::before {
      display: none; }

#frame-subnav .subnav-dropdown li a {
  padding: 0.5rem 1rem; }

@media (max-width: 990px) {
  #frame-subnav {
    display: none; }
    #frame-subnav.open {
      display: block; }
    #frame-subnav ul {
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: flex-end;
      flex: 0 0 100%;
      min-width: 100%; }
    #frame-subnav li {
      display: block;
      padding: 0;
      border-bottom: 1px solid #00b697; }
      #frame-subnav li.hasSubnav .toggle {
        position: absolute;
        display: block;
        right: 10px;
        top: 7px;
        z-index: 5;
        color: #FFFFFF;
        font-size: 16px;
        padding: 5px 10px;
        margin: 0; }
        #frame-subnav li.hasSubnav .toggle::before {
          content: "";
          display: inline-block;
          font: normal normal normal 14px/1 'Font Awesome 5 Pro';
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          margin: 0; }
      #frame-subnav li i,
      #frame-subnav li svg {
        display: none;
        visibility: hidden;
        color: #FFFFFF;
        position: absolute;
        right: 10px;
        top: 13px;
        z-index: 2; }
        #frame-subnav li i.fa-minus,
        #frame-subnav li svg.fa-minus {
          display: none; }
      #frame-subnav li a {
        padding-bottom: 0;
        color: #FFFFFF;
        padding: 10px; }
      #frame-subnav li ul,
      #frame-subnav li:hover ul {
        display: none; }
      #frame-subnav li.open .toggle::before {
        content: "";
        display: inline-block;
        font: normal normal normal 14px/1 'Font Awesome 5 Pro';
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0; }
      #frame-subnav li.open > ul {
        display: block;
        padding-left: 15px;
        box-sizing: border-box; } }

.subnav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-flow: row wrap;
  box-sizing: border-box; }
  @media (max-width: 990px) {
    .subnav {
      flex-flow: row wrap;
      justify-content: flex-end;
      align-items: center;
      padding: 0.5rem 0; } }
  @media (max-width: 990px) {
    .subnav nav {
      flex: 1 0 100%;
      order: 3;
      padding: 1rem 0;
      box-sizing: border-box; } }
  .subnav li {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .subnav li a {
      color: #555555;
      text-transform: uppercase;
      transition: color 150ms ease-in-out;
      display: block; }
      .subnav li a:hover, .subnav li a:focus, .subnav li a.active {
        text-decoration: none;
        color: #009C82; }
    @media (max-width: 990px) {
      .subnav li {
        min-width: 300px;
        justify-content: space-between;
        flex-direction: column;
        background: #009C82;
        color: #FFFFFF; }
        .subnav li:hover {
          background: #00b697; } }
    @media (max-width: 500px) {
      .subnav li {
        min-width: 100%; } }
  .subnav ul.subnav-dropdown {
    position: absolute;
    top: 100%;
    left: 1rem;
    display: none;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    background: #009C82;
    z-index: 100;
    transition: display 0.2s ease-out;
    box-sizing: border-box;
    overflow: hidden;
    min-width: 10rem;
    border-radius: 3px; }
    .subnav ul.subnav-dropdown li {
      padding: 0 3rem 0 1rem; }
      .subnav ul.subnav-dropdown li a {
        color: #FFFFFF;
        display: block; }
      .subnav ul.subnav-dropdown li:hover {
        background: #00b697; }
    .subnav ul.subnav-dropdown::before {
      content: '';
      position: absolute;
      top: -7px;
      left: 1.5rem;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #009C82; }
    @media (max-width: 990px) {
      .subnav ul.subnav-dropdown {
        position: relative;
        top: initial;
        left: initial;
        padding: 0;
        border-top: none; }
        .subnav ul.subnav-dropdown::before {
          display: none; }
        .subnav ul.subnav-dropdown li {
          background: #004259;
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          border-bottom: none !important; } }
  .subnav .subnav-toggle {
    font-size: 28px;
    color: #009C82;
    display: none;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    cursor: pointer; }
    .subnav .subnav-toggle svg {
      margin-right: 0; }
    .subnav .subnav-toggle:hover {
      cursor: pointer; }
    @media (max-width: 990px) {
      .subnav .subnav-toggle {
        order: 2;
        display: flex; } }

.selection {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0; }
  .selection:hover {
    cursor: pointer; }
  .selection a {
    color: #009C82;
    padding-right: 0.5em; }
    .selection a:hover {
      text-decoration: none; }
  .selection .counter {
    background: #009C82;
    color: #FFFFFF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center; }
  @media (max-width: 990px) {
    .selection {
      order: 2;
      padding: 0 20px 10px 20px;
      display: flex;
      width: 100%;
      justify-content: left; } }

.overviewBlock {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }
  .overviewBlock div.sb-subpage-overview .sb-subpage-overview-image img {
    border-radius: 0 !important; }
  .overviewBlock .overview-item {
    display: flex; }
    .overviewBlock .overview-item a {
      color: #FFFFFF; }
    .overviewBlock .overview-item .feed-blog-post {
      display: flex;
      flex-flow: column nowrap;
      flex-grow: 1;
      /*a {
        margin-top: auto;
      }*/ }

body div.sb-subpage-overview div.sb-subpage-overview-info .sb-subpage-overview-readmore a {
  display: block;
  padding: 0.3em 0.8em;
  border-radius: 0px;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
  background: #009C82;
  border: 1px solid #009C82;
  color: #FFFFFF;
  font-size: 14px;
  box-sizing: border-box;
  display: inline-block; }
  body div.sb-subpage-overview div.sb-subpage-overview-info .sb-subpage-overview-readmore a:hover, body div.sb-subpage-overview div.sb-subpage-overview-info .sb-subpage-overview-readmore a:focus {
    cursor: pointer;
    color: #FFFFFF;
    background: #006958;
    border-color: #006958;
    text-decoration: none; }

.open-login-modal:hover {
  cursor: pointer; }

.modal-container.login-modal .modal .modal-box {
  width: 350px; }
  .modal-container.login-modal .modal .modal-box .modal-body form label,
  .modal-container.login-modal .modal .modal-box .modal-body form input {
    display: block;
    width: 100%; }
  .modal-container.login-modal .modal .modal-box .modal-body form label {
    margin: 0 0 5px 0; }
  .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper {
    margin: 15px 0 0 0;
    flex-wrap: nowrap; }
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button a,
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button input[type="submit"],
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button input[type="button"] {
      display: block;
      padding: 0.3em 0.8em;
      border-radius: 0px;
      transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
      background: #009C82;
      border: 1px solid #009C82;
      color: #FFFFFF;
      font-size: 14px;
      box-sizing: border-box; }
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button a:hover, .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button a:focus,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button input[type="submit"]:hover,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button input[type="submit"]:focus,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button input[type="button"]:hover,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button input[type="button"]:focus {
        cursor: pointer;
        color: #FFFFFF;
        background: #006958;
        border-color: #006958;
        text-decoration: none; }
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse a,
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse input[type="submit"],
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse input[type="button"] {
      background: #FFFFFF;
      color: #009C82; }
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse a:hover, .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse a:focus,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse input[type="submit"]:hover,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse input[type="submit"]:focus,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse input[type="button"]:hover,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.reverse input[type="button"]:focus {
        cursor: pointer;
        color: #006958; }
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled a,
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled input[type="submit"],
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled input[type="button"] {
      color: #FFFFFF;
      background: #c4c4c4;
      border-color: #c4c4c4; }
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled a:hover, .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled a:focus,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled input[type="submit"]:hover,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled input[type="submit"]:focus,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled input[type="button"]:hover,
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button.disabled input[type="button"]:focus {
        cursor: default;
        color: #FFFFFF;
        background: #c4c4c4;
        border-color: #c4c4c4; }
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .login-button input[type="submit"] {
      display: inline-block;
      width: auto; }
    .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .links {
      margin: 0 0 0 15px;
      font-size: 12px;
      line-height: normal; }
      .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .links a {
        color: #555555;
        display: block; }
        .modal-container.login-modal .modal .modal-box .modal-body form .button-wrapper .links a:hover {
          color: #009C82;
          text-decoration: underline; }
  .modal-container.login-modal .modal .modal-box .modal-body form .error-message {
    display: none;
    background: #F44336;
    color: white;
    padding: 0;
    margin: 10px 0; }
    .modal-container.login-modal .modal .modal-box .modal-body form .error-message p {
      color: white;
      padding: 15px; }

/* Content sections */
.im-section-title {
  display: block;
  background: #f4f4f4;
  padding: 1rem;
  margin: 0 0 .5rem 0;
  box-sizing: border-box;
  font-size: 1.2rem; }

.im-section-content {
  display: block;
  width: 100%;
  padding: 0 15px; }

.im-section > div::before {
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 100%;
  top: 0;
  content: ''; }

.im-section > div:first-child::before {
  right: 15px;
  border-right: 1px solid #dedede; }

.im-section > div:last-child::before {
  left: 15px;
  border-left: 1px solid #dedede; }

.im-section > div.im-text-right > * {
  text-align: right; }

@media (max-width: 575.98px) {
  .im-section > div {
    margin: 0 0 2rem 0; }
    .im-section > div::before {
      display: none; }
    .im-section > div.im-text-right > * {
      text-align: left; }
    .im-section > div:last-child {
      margin-bottom: 0; } }

.im-section.grey > div {
  display: flex; }
  .im-section.grey > div::before {
    display: none; }
  .im-section.grey > div .im-section-content {
    background: #f4f4f4;
    padding: 1.5rem; }

/* Image gallery */
body ul.imggallery_table li {
  float: none; }
  body ul.imggallery_table li span {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    border-top: none;
    padding: 4px 10px; }

/* NAVBAR */
.navbar {
  border: none;
  border-radius: 0;
  background-color: #009c82; }

.navbar-brand {
  float: initial; }

.navbar a {
  color: #ffffff; }

/* NAVBAR MOBILE */
.navbar .navbar-toggle {
  border-color: #ffffff; }

.navbar .icon-bar {
  background-color: #ffffff; }

/* WRAPPER */
#wrapper {
  min-height: 100%;
  height: auto;
  margin: 0 auto -120px;
  padding: 0 0 60px; }

/* HTML BLOCK */
.content h1 {
  color: #009c82;
  font-size: 30px;
  font-weight: bold; }

/* BREADCRUMBS */
.breadcrumbs {
  margin: 24px 0 48px 0; }
  @media (max-width: 767.98px) {
    .breadcrumbs {
      margin: 10px 0 0 0; } }
  .breadcrumbs a {
    text-decoration: none;
    color: #2d2d2d; }
    .breadcrumbs a:hover {
      text-decoration: none;
      color: #2d2d2d; }
  .breadcrumbs ul::before {
    content: 'Wilo';
    display: inline-block;
    margin-right: 0.25em;
    font-weight: 700;
    font-style: italic;
    color: #9e9ea3; }
  .breadcrumbs ul li {
    display: inline-block; }
    .breadcrumbs ul li::before {
      content: ' / ';
      color: #bcbcbc;
      padding: 0 5px; }
  .breadcrumbs ul a {
    color: #bcbcbc; }

/* Override bootstrap collapse */
@media (max-width: 991px) {
  .navbar-header {
    float: none; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .collapse.in {
    display: block !important; } }

/* --- slider revolution container --- */
.slider-text {
  width: 1110px;
  position: relative;
  top: -100px;
  z-index: 99;
  margin: 0 auto; }

.slider-text-content {
  background-color: #363640;
  color: #FFFFFF;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 28px; }

.tp-leftarrow, .tp-rightarrow, .tp-bullets {
  display: none; }

.revolution-slider-container {
  width: 100%;
  position: relative;
  padding: 0; }

.revolution-slider {
  width: 100%;
  height: 460px !important;
  position: relative;
  background: #F5F5F5; }

/* --- slider revolution label --- */
.slider-content-box {
  width: 460px;
  max-height: auto;
  white-space: normal;
  background: rgba(38, 38, 40, 0.7);
  padding-bottom: 47px; }

.slider-content-box h2 {
  color: #FFF;
  border-bottom: 1px solid #F4BC16;
  padding: 21px 30px 20px;
  background: rgba(38, 38, 40, 0.68); }

.slider-content-box h2 a {
  color: #FFF; }

.slider-content-box h2 a:hover {
  text-decoration: underline;
  opacity: 1; }

.slider-content-box p {
  font-family: 'Open Sans';
  font-size: 16px;
  color: #FFF;
  line-height: 26px;
  padding: 23px 30px 40px; }

.slider-content-box .more {
  margin-left: 30px; }

.tp-caption a:hover {
  color: #FFF !important; }

/* --- slider revolution navigation arrows --- */
.tparrows.preview1 {
  width: 40px;
  height: 100px;
  background: none; }

.tparrows.preview1::before {
  content: ""; }

.tparrows.preview1:after {
  font-family: "template" !important;
  font-size: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #FFF;
  width: 40px;
  height: 100px;
  text-align: center;
  background: rgba(0, 0, 0, 0.15);
  z-index: 2;
  line-height: 100px;
  transition: background 0.2s, color 0.2s; }

.tp-rightarrow.preview1:after {
  content: 'a';
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: fliph;
  -webkit-filter: fliph;
          filter: fliph; }

.tp-leftarrow.preview1:after {
  content: 'a'; }

.tparrows.preview1:hover:after {
  background: #FFF;
  color: #666; }

.tparrows.preview1 .tp-arr-allwrapper {
  display: none; }

/* --- slider revolution navigation bullets --- */
.tp-bullets.preview1 {
  height: 12px !important; }

.tp-bullets.preview1 .tp-bullet {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 11px !important;
  height: 11px !important;
  border: none !important;
  margin-right: 10px !important;
  margin-bottom: 0px !important;
  background: rgba(0, 0, 0, 0.15); }

.tp-bullets.preview1 .tp-bullet:hover,
.tp-bullets.preview1 .tp-bullet.selected {
  background: #FFF !important;
  width: 11px !important;
  height: 11px !important;
  border: none !important; }

/* NAVBAR TOP */
.nav-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100; }

.top-navbar .row {
  margin-left: -15px;
  margin-right: -15px; }

.navbar, .top-navbar {
  border: none;
  border-radius: 0;
  background-color: #009c82; }

.top-navbar-content {
  display: flex; }
  .top-navbar-content .filters {
    margin-left: auto; }

.logo-wilo img {
  height: 40px;
  padding-right: 40px; }

.logo-merrem img {
  height: 55px; }

.logo-merrem:hover, .logo-wilo:hover {
  text-decoration: none; }

.mobile-logo-merrem, .mobile-logo-wilo {
  display: none; }

/* Mobile logo */
@media only screen and (max-width: 991px) {
  .top-navbar {
    min-height: 0 !important;
    max-height: 60px; }
  .navbar-toggle {
    margin-top: 26px; }
  .filter {
    margin-right: 20px; }
  .logo-wilo {
    padding-left: 24px; }
  .logo-wilo img {
    height: 30px;
    padding-left: 0; }
  .mobile-logo-merrem {
    display: inline-block; }
  .mobile-logo-merrem img {
    height: 80px; }
  .logo-merrem, .mobile-logo-wilo {
    display: none; } }

.top-navbar {
  padding: 16px 0 0 0; }

.navbar-brand {
  display: inline-block;
  padding: 0;
  float: initial;
  margin: 0 !important; }

.search-form, .language-form, .language-list {
  display: inline-block; }

.search-form {
  position: relative; }

.search-form input {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 10px;
  width: auto;
  min-width: 140px;
  padding: .12rem 2.25rem .11rem 0.5rem;
  box-sizing: border-box; }

.search-form .btn {
  position: absolute;
  top: 5px;
  right: 0;
  padding: 0;
  margin: 0; }

.search-form .btn {
  background-color: transparent;
  border: none;
  color: #ffffff;
  z-index: 999;
  font-size: 1rem; }

.search-form .btn:focus {
  outline: none; }

.language-form .language-select {
  background-color: transparent;
  border: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 15px; }

.language-form .language-select option {
  background-color: #009c82;
  color: #FFFFFF;
  font-weight: bold; }

.language-list a {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5rem;
  line-height: 1;
  margin: 0 0 0 .5rem;
  transition: background 150ms ease-in-out, border 150ms ease-in-out; }
  .language-list a:hover {
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer; }
  .language-list a.current {
    font-weight: bold;
    background: white;
    border-color: white;
    color: #009C82; }

/* NAVBAR BOTTOM */
.navbar {
  margin-bottom: 0; }

.navbar-collapse {
  padding-left: 0; }

.navbar-nav li:first-child a {
  padding-left: 0; }

.navbar-nav li a {
  background-color: transparent;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px; }

.navbar-nav li a:hover, .navbar-nav li a:focus {
  background-color: transparent; }

.navbar a, .top-navbar a {
  color: #ffffff; }

/* NAVBAR MOBILE */
.navbar .navbar-toggle {
  border-color: #ffffff; }

.navbar .icon-bar {
  background-color: #ffffff; }

/* WRAPPER */
#wrapper {
  min-height: 100%;
  height: auto;
  margin: 0 auto -120px;
  padding: 0 0 60px; }

/* CONTENT */
.col-content-box-left {
  padding: 18px 72px 0 0; }

.col-content-box-right {
  padding: 18px 0 0 72px; }

.content-box {
  padding: 26px 48px 48px 0; }

.green {
  background-color: #009c82;
  padding-left: 48px; }
  .green h1, .green h2, .green h3, .green h4, .green h5, .green h6, .green p, .green a {
    color: #FFFFFF; }
  .green a {
    text-decoration: underline; }

.image {
  padding: 12px 0px 48px 0px; }

.image img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden; }

/* BUTTON */
a.merrem-button-dark,
.merrem-button-dark,
a.merrem-button-light,
.merrem-button-light {
  display: inline-block;
  margin-top: 24px;
  padding: 6px 36px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.15s background-color ease-in-out; }
  a.merrem-button-dark:hover,
  .merrem-button-dark:hover,
  a.merrem-button-light:hover,
  .merrem-button-light:hover {
    cursor: pointer;
    text-decoration: none; }

.merrem-button-dark {
  color: #FFFFFF;
  background-color: #363640;
  border: none; }
  .merrem-button-dark:hover {
    background-color: #009C82;
    color: #FFFFFF; }

.merrem-button-light {
  color: #363640 !important;
  background-color: #FFFFFF !important;
  border: 1px solid #FFFFFF !important; }
  .merrem-button-light:hover {
    background-color: #009C82;
    color: #FFFFFF; }

/* References */
/*.reference-block,
.reference-block.editting > ul {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  margin: 0 0 36px 0;
  padding-right: 15px;
  padding-left: 15px;

  &.editting {
    & > ul {
      li {
        width: 33%;
        &.block_customheader {
          width: 100%;
        }
      }
    }
  }
}*/
/*.reference-block .block_html {
  width: 33%;
  padding: 15px 15px;
  @media screen and (max-width: 480px) {
    width: 100%;
    margin: 0 0 1rem 0;
  }

  @include media-breakpoint-down(sm) {
    padding: 0;
  }

  img {
    max-width: 100%;
  }
}*/
.reference-block .block_html h1 {
  color: #059e85;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px; }

.reference-block .block_html img {
  width: 100%;
  display: block; }

/* LOWER BANNER */
.horizontal-break {
  border-top: solid rgba(52, 54, 64, 0.1) 1px;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end; }
  .horizontal-break [class^="col"] {
    flex: 0 0 100%; }
    @media (min-width: 768px) {
      .horizontal-break [class^="col"] {
        flex: 0 0 50%; } }

.contact-lower-banner .more-blog-posts {
  margin: 2rem 36px;
  text-align: center; }
  @media (max-width: 767.98px) {
    .contact-lower-banner .more-blog-posts {
      margin: 1rem; } }
  .contact-lower-banner .more-blog-posts .read-more {
    display: block;
    padding: 0.3em 0.8em;
    border-radius: 0px;
    transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
    background: #009C82;
    border: 1px solid #009C82;
    color: #FFFFFF;
    font-size: 14px;
    box-sizing: border-box;
    display: inline-block; }
    .contact-lower-banner .more-blog-posts .read-more:hover, .contact-lower-banner .more-blog-posts .read-more:focus {
      cursor: pointer;
      color: #FFFFFF;
      background: #006958;
      border-color: #006958;
      text-decoration: none; }

.contact-lower-banner-image {
  font-size: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 6rem;
  min-height: 210px; }
  .contact-lower-banner-image svg {
    margin-right: 0; }
  @media (max-width: 767.98px) {
    .contact-lower-banner-image {
      padding-top: 2rem;
      min-height: auto; } }

.contact-lower-banner-image img {
  max-width: 115px; }

/* FOOTER */
body #footer {
  position: static !important;
  width: auto !important;
  margin-top: 100px;
  padding-top: 40px;
  background-color: #363640 !important;
  color: #ffffff !important; }
  body #footer h2 {
    font-size: 14px;
    font-weight: bold;
    color: #c7c7c7;
    text-decoration: none;
    margin-bottom: 3px;
    line-height: normal; }
    body #footer h2 a {
      font-weight: bold;
      color: #c7c7c7;
      text-decoration: none; }
  body #footer p, body #footer a {
    color: #c7c7c7;
    text-decoration: none;
    padding-bottom: 0;
    font-weight: 300; }
  body #footer p {
    margin-bottom: 0;
    font-size: 10px;
    padding: 0;
    padding-bottom: 3px; }
  body #footer a:hover {
    cursor: pointer;
    color: #c7c7c7;
    text-decoration: none; }
  body #footer .top-footer {
    display: flex; }
    body #footer .top-footer .footer-block {
      width: 250px; }
    body #footer .top-footer * {
      float: none; }
  body #footer .navbar-nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    line-height: 1;
    flex-grow: 1;
    height: auto; }
    @media (max-width: 991.98px) {
      body #footer .navbar-nav {
        flex-flow: column wrap;
        justify-content: center;
        margin-top: 1.5rem; } }
    body #footer .navbar-nav.nav-subnav-item {
      display: flex;
      float: none; }
    body #footer .navbar-nav > li {
      display: block;
      box-sizing: border-box;
      margin-right: .5em; }
      @media (max-width: 991.98px) {
        body #footer .navbar-nav > li {
          margin: 0; } }
      body #footer .navbar-nav > li > a {
        font-weight: bold;
        max-width: 100%; }
      body #footer .navbar-nav > li.has-subnav svg {
        display: none; }
      body #footer .navbar-nav > li.has-subnav ul.sub-nav ul.sub-nav {
        display: none; }
    body #footer .navbar-nav a {
      font-size: 12px;
      box-sizing: border-box;
      padding: 0;
      margin-right: 1em; }
    body #footer .navbar-nav .sub-nav {
      display: flex;
      flex-flow: column nowrap;
      padding-bottom: 10px; }
      body #footer .navbar-nav .sub-nav a {
        font-size: 10px; }
      body #footer .navbar-nav .sub-nav .sub-nav {
        display: none; }
    body #footer .navbar-nav #MP3 {
      display: none; }

.footer-contact a {
  border-bottom: 1px solid #c7c7c7; }

.logo-wrapper {
  display: flex;
  align-items: flex-start; }
  @media (max-width: 991.98px) {
    .logo-wrapper {
      justify-content: center; } }
  #footer .logo-wrapper {
    margin-bottom: 1rem; }

.footer-logo-wilo img {
  height: 30px;
  margin-right: 20px; }

.footer-logo-merrem img {
  height: 40px; }

.contact-anchor {
  text-decoration: underline; }

.contact-anchor:first-child {
  padding-right: 10px; }

.sub-footer {
  margin-top: 24px;
  border-top: 2px solid rgba(199, 199, 199, 0.4);
  text-align: center;
  padding: 12px 0; }
  .sub-footer ul {
    display: flex;
    justify-content: center;
    align-items: center; }
  .sub-footer a {
    margin: 0 10px;
    font-size: 10px; }

/* MEDIA QUERIES */
@media only screen and (max-width: 992px) {
  /* CONTENT */
  .col-content-box-left {
    padding: inherit; }
  .col-content-box-right {
    padding: inherit; }
  .content-box h2 {
    margin-bottom: 24px; }
  .content-box {
    padding: 1rem 0; }
  .green {
    padding: 24px; }
  .image {
    padding: 12px 0 0 0; }
  .more-blog-posts {
    margin: 48px 0 36px 0; }
    .more-blog-posts .read-more {
      display: block; }
  #footer .navbar-nav {
    justify-content: flex-start; } }

@media only screen and (max-width: 768px) {
  .navbar-nav li a {
    padding-left: 15px; }
    .navbar-nav li a:first-child {
      padding-left: 15px; }
  #footer .top-footer {
    flex-flow: row wrap; }
  #footer .navbar-nav {
    padding: 0 30px; } }

@media only screen and (max-width: 576px) {
  #footer {
    text-align: center; }
    #footer .top-footer {
      justify-content: center; }
    #footer .navbar-nav {
      flex-flow: column nowrap;
      margin: 0; }
      #footer .navbar-nav li {
        margin-right: 0; }
        #footer .navbar-nav li a {
          margin-right: 0;
          text-align: center; }
    #footer .sub-footer ul {
      display: flex;
      flex-flow: column nowrap;
      margin: 0 auto; } }

/* Responsive table */
@media (max-width: 991.98px) {
  table.responsive {
    display: block; }
    table.responsive tbody {
      display: block; }
      table.responsive tbody tr {
        display: block; }
        table.responsive tbody tr td {
          width: 100% !important;
          display: block;
          border-bottom: 1px solid #E2E6E7; } }