@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,500,600,700,900");
/* -- GENERAL STYLING ---------------------------------------------------------- */
html, body {
  height: 100%; }

body {
  font-size: 14px;
  line-height: 22px;
  font-family: 'Open Sans'; }

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

.theme-page {
  max-width: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center; }
  .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 FontAwesome;
        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: #3bb050; }

/* Labels */
label {
  font-family: 'Open Sans'; }

/* 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: #000000;
  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: #3bb050; }

.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: 1170px;
  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; } */
/* 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.6rem;
    width: 14rem;
    display: block;
    height: 4rem;
    background: url("/source/frame/assets/img/camrent.png") no-repeat left;
    background-size: contain; }
    @media screen and (max-width: 480px) {
      .header-top-bar .logo {
        margin: 10px auto 10px auto;
        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 FontAwesome;
      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 FontAwesome;
      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 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin: 0 0 0 5px; }

.header-container {
  background-color: #3bb050;
  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; }

@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: #3bb050; }
  @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: #3bb050; }

.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: #5fbe70;
  color: #FFFFFF; }

.footer.color {
  background: #3bb050;
  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 {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    flex: 0 0 25%; }
    @media (max-width: 920px) {
      .footer .footer-details ul {
        flex: 0 0 50%;
        margin-bottom: 1rem; } }
    @media (max-width: 576px) {
      .footer .footer-details ul {
        flex: 0 0 100%; } }
    .footer .footer-details ul li {
      font-size: 12px;
      font-weight: 200; }
      .footer .footer-details ul li strong {
        font-weight: 700; }
    .footer .footer-details ul svg {
      margin-right: 0.5em; }
  .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; }

/* 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; }

/* Blog */
.blog_archivebox h2 {
  position: relative;
  width: 100%;
  overflow: hidden; }

.blog_archivebox .blog_search_box {
  width: 100% !important; }

.blog_archivebox .blog_search_box .blogZoek {
  width: 100% !important; }

.blog_archivebox .blog_search_box .blogZoek input {
  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;
  height: auto;
  margin-top: 1px; }

.blog_archivebox .blog_search_box .blogZoek .zoek {
  background: #3bb050;
  border: 2px solid #3bb050;
  padding: 6px 15px;
  color: #fff;
  margin-top: 0; }

.blog_archivebox .blog_search_box .blogZoek .zoek:hover {
  background: transparent;
  color: #000; }

.archiveboxedcontent {
  position: relative;
  width: 100%;
  clear: both;
  overflow: hidden;
  box-sizing: border-box;
  padding: 15px;
  background: #fff; }

div.blog-return,
div.blog-return ul {
  position: relative;
  width: 100%;
  overflow: hidden; }

div.blog-return li.returntoblog {
  width: 100% !important;
  box-sizing: border-box;
  height: auto !important; }

#blog_searchresults_label {
  background: #fff !important; }

.blog .post-image {
  position: relative;
  display: block;
  float: left;
  clear: both; }

.blog .post-content h1,
.blog .post-content h2,
.blog .post-content h3,
.blog .post-content h4,
.blog .post-content h5,
.blog .post-content h6 {
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px; }

.blog .textLeftImageLeft .txt {
  margin-left: 0;
  padding-left: 0; }

/*.blog_archivebox .blog_search_box .blogZoek input		{
	border-radius:			999px;
}*/
/* Contactform */
.contactform {
  position: relative;
  float: left;
  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: 73.4%; }

.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;
  width: 100%;
  box-sizing: border-box; }

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

.contactform .verzend {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  background: #3bb050;
  color: #fff;
  border: none; }

.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: #3bb050; }

/* 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 0 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: #3bb050;
  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: #5fbe70; }

.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: #5fbe70; }

.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: #3bb050 !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: #3bb050; }
  .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; }

/* # 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: #5fbe70; }

.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: #3bb050;
    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 FontAwesome;
      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 FontAwesome;
    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: #3bb050; }

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

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

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

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

/* # URL's */
a,
p a {
  color: #3bb050; }

a:hover,
p a:hover {
  color: #3bb050; }

/* # 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: #3bb050; }

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

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

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

/* Features */
.features-list li:before {
  color: #3bb050; }

/* Sitemap */
div.sitemap li a:hover {
  color: #3bb050 !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: #3bb050 !important;
    color: white !important;
    border-color: #3bb050 !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: #3bb050;
  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: #3bb050;
  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: #3bb050; }

.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(0, 70, 62, 0.95); }

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 {
  border-radius: 0px; }

/* -- 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: #3bb050;
  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: #3bb050;
  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 #5fbe70; }
      #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 FontAwesome;
          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 FontAwesome;
        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: #3bb050; }
    @media (max-width: 990px) {
      .subnav li {
        min-width: 300px;
        justify-content: space-between;
        flex-direction: column;
        background: #3bb050;
        color: #FFFFFF; }
        .subnav li:hover {
          background: #5fbe70; } }
    @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: #3bb050;
    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: #5fbe70; }
    .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 #3bb050; }
    @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: #000000;
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          border-bottom: none !important; } }
  .subnav .subnav-toggle {
    font-size: 28px;
    color: #3bb050;
    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: #3bb050;
    padding-right: 0.5em; }
    .selection a:hover {
      text-decoration: none; }
  .selection .counter {
    background: #3bb050;
    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 div.sb-subpage-overview .sb-subpage-overview-image img {
  border-radius: 8px !important;
  border: 1px solid #3bb050; }

.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: 3px;
      transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
      background: #3bb050;
      border: 1px solid #3bb050;
      color: #FFFFFF;
      font-size: 12px;
      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: #2e8a3f;
        border-color: #2e8a3f;
        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: #3bb050; }
      .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: #2e8a3f; }
    .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: #3bb050;
          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; }

body ul.search li {
  display: flex;
  flex-direction: column; }
  body ul.search li .search-thumbnail {
    width: 100%; }
    body ul.search li .search-thumbnail img {
      padding: 5px;
      border: 1px solid #3bb050;
      border-radius: 8px; }
  body ul.search li .search-info {
    padding: 0; }
    body ul.search li .search-info .search-title a {
      font-size: 12px;
      font-weight: bold;
      color: #000000; }