/* MIXINS */
/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

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

/* GENERAL STYLES */
html, body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

body {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: normal;
  color: #555B6E;
  overflow-x: hidden;
  background: #F6F4F4;
  background: #fff;
  padding-top: 80px; }
  body.filter-open div#pageContainer div#pageContent {
    width: calc(100% - 300px); }

h1 {
  font-size: 30px;
  /*text-transform: uppercase;*/
  font-weight: 700; }
  h1.page-title {
    position: relative;
    padding: 0 20px;
    line-height: 60px;
    height: 60px;
    /*background: rgba($main1, 0.3);*/
    border-bottom: 1px solid rgba(85, 91, 110, 0.1);
    color: #555B6E; }

h2 {
  font-size: 27px;
  /*text-transform: uppercase;*/
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 15px; }
  .title-block h2 {
    margin-bottom: 0; }
  h2 span {
    font-weight: 300; }

h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px; }

h4 {
  font-size: 18px;
  font-weight: 700;
  color: #00303F;
  margin-bottom: 10px; }

p {
  margin-bottom: 28px;
  line-height: 28px; }
  p:last-child {
    margin: 0; }

ul {
  margin-bottom: 24px; }
  ul li {
    line-height: 24px;
    list-style: disc;
    margin-left: 20px; }

a {
  text-decoration: underline;
  color: #555B6E;
  /*@include transition;*/ }
  a:hover {
    color: #555B6E; }
  a.full-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 2; }

i:before {
  vertical-align: middle; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.btn {
  height: 42px;
  line-height: 40px;
  padding: 0 20px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  border: 1px solid #00303F;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  background: #00303F;
  color: #fff; }
  .btn.btn-alt {
    background: #fff;
    border-color: #fff;
    color: #00303F; }
  .btn:hover {
    background: #ffe641;
    color: #00303F;
    border-color: #ffe641;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); }

/* END GENERAL STYLES */
.body-iframe .tos-wrapper {
	top: 10vh;
	height: 25vh;
}


#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  background: #333333;
  color: #555B6E;
  color: #fff;
  padding: 0 15px;
  z-index: 1100; }
  #header #logo {
    position: relative;
    width: 150px;
    height: auto;
    margin-left: 0;
    z-index: 12; }
  #header .nav-items {
    position: relative;
    display: none;
    z-index: 12; }
    #header .nav-items .nav-item {
      position: relative;
      width: 54px;
      height: 54px;
      display: inline-block;
      margin: 0; }
      #header .nav-items .nav-item a {
        position: relative;
        display: block;
        text-align: center;
        line-height: 54px;
        text-decoration: none;
        color: #fff;
        font-size: 24px; }

/*
#mainnav {
    display: none;
    position: absolute;
    top: 0;
    left: -50px;
    width: 50vw;
    height: 100vh;
    background: $accent;
    @include boxshadow;
    padding: 80px 0;
    opacity: 0;
    visibility: hidden;
    @include transition;
    z-index: 1101;
    .inner {
        position: relative;
        padding: 30px;
        > div {
            > ul {
                margin: 0;
                font-size: 0;
                > li {
                    position: relative;
                    display: block;
                    font-size: 42px;
                    font-weight: 700;
                    line-height: 80px;
                    list-style: none;
                    margin: 0;
                    > a {
                        display: block;
                        text-decoration: none;
                        color: rgba(#fff, 0.7);
                        &:hover {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    #mainnavFooter {
        position: absolute;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        bottom: 30px;
        left: 30px;
        > div.wpml-ls {
            background: #fff;
            @include borderradius(20px);
            height: 40px;
            border: none;
            margin-right: 10px;
            padding: 0 5px;
            font-size: 12px;
            display: flex;
            flex-flow: row wrap;
            align-items: center;
            a {
                position: relative;
                display: flex;
                flex-flow: row wrap;
                align-items: center;
                padding: 0 10px 0 28px;
                height: 32px;
                font-size: 12px;
                @include borderradius(16px);
                font-weight: 600;
                img {
                    position: absolute;
                    top: 4px;
                    left: 4px;
                    width: 24px;
                    height: 24px;
                    object-fit: cover;
                    object-position: center;
                    @include borderradius(50%);
                }
            }
            li.wpml-ls-current-language {
                a {
                    background: rgba($accent, 0.5);
                    color: #fff;
                }
            }
        }
        > div.contact {
            > a {
                @include borderradius(20px);
                text-decoration: none;
                display: flex;
                align-items: center;
                background: #00e676;
                color: #fff;
                height: 40px;
                padding: 0 15px;
                line-height: 24px;
                i {
                    font-size: 14px;
                }
            }
            span {
                display: inline-block;
                margin-left: 5px;
                font-size: 12px;
                font-weight: 700;
            }
        }
        a {
            color: $accent;
            font-weight: 700;
            font-size: 14px;
        }
    }
    #closeNav {
        position: absolute;
        top: 13px;
        right: 13px;
        width: 54px;
        height: 54px;
        line-height: 54px;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
    }
    &.active {
        left: 0;
        opacity: 1;
        visibility: visible;
    }
}
*/
div.navmenu {
  position: relative;
  /*right: 40px;*/ }
  div.navmenu ul {
    margin: 0;
    display: flex;
    flex-flow: row wrap; }
    div.navmenu ul li {
      list-style: none;
      margin: 0 calc(5px / 2);
      /*float: left;*/
      font-size: 16px; }
      div.navmenu ul li a {
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 0 15px;
        line-height: 36px;
        border-bottom: 0px solid #fff;
        font-weight: 600;
        font-size: 14px;
        /*background: rgba(#fff, 0.2);*/
        text-align: center;
        min-width: 40px;
        border: 2px solid rgba(255, 255, 255, 0.2); }
        div.navmenu ul li a:hover {
          /*background: #fff;*/
          /*color: $main1;*/
          border-color: #fff; }
      div.navmenu ul li.wpml-ls-item {
        position: relative; }
        div.navmenu ul li.wpml-ls-item > ul {
          position: absolute;
          top: 100%;
          left: 50%;
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          display: none; }
        div.navmenu ul li.wpml-ls-item a {
          background: rgba(255, 255, 255, 0.2);
          padding: 0; }
        div.navmenu ul li.wpml-ls-item:hover {
          -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
          -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); }
          div.navmenu ul li.wpml-ls-item:hover > ul {
            display: block; }
      div.navmenu ul li.wpml-ls-current-language a {
        background: #fff; }

#CurrentWeather {
  position: absolute;
  background: rgba(0, 48, 63, 0.8);
  color: #fff;
  right: 10px;
  top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 18px; }
  body.product-template-default #CurrentWeather {
    display: none !important; }

section {
  position: relative; }
  section.normal {
    padding: 60px 0; }

#pageHeader {
  position: relative;
  background: #fff;
  padding: 180px 0 30px; }
  #pageHeader > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1; }
  #pageHeader:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    content: '';
    z-index: 2; }
  #pageHeader .title {
    position: relative;
    z-index: 3; }
    #pageHeader .title h1 {
      font-size: 44px;
      color: #fff; }

#breadcrumbs {
  position: relative;
  background: #F6F4F4;
  padding: 15px 0; }

#mainContent p {
  font-size: 19px;
  line-height: 30px; }

.crow {
  position: relative;
  display: flex;
  flex-flow: row wrap; }
  .crow > [class*="col-"] {
    width: 50%; }
    .crow > [class*="col-"].col-small {
      width: 350px; }
    .crow > [class*="col-"].col-big {
      width: calc(100% - 350px); }

.sidebar {
  background: #555B6E; }

#filter {
  position: relative;
  background: #fff;
  margin: 0;
  padding: 0; }
  #filter form > ul {
    width: 100%;
    margin: 0; }
    #filter form > ul > li {
      position: relative;
      background: #fff;
      padding: 20px;
      border-right: 1px solid rgba(85, 91, 110, 0.1); }
      #filter form > ul > li:nth-child(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 3; }
      #filter form > ul > li:nth-child(2) {
        grid-column: 2 / 3;
        grid-row: 1 / 3; }
      #filter form > ul > li:nth-child(3) {
        grid-column: 3 / 4;
        grid-row: 1 / 2; }
      #filter form > ul > li:nth-child(4) {
        grid-column: 3 / 4;
        grid-row: 2 / 3; }
      #filter form > ul > li:nth-child(5) {
        grid-column: 4 / 5;
        grid-row: 1 / 2; }
      #filter form > ul > li:nth-child(6) {
        grid-column: 4 / 5;
        grid-row: 2 / 3; }
      #filter form > ul > li:nth-child(7) {
        grid-column: 5 / 6;
        grid-row: 1 / 2; }
      #filter form > ul > li:nth-child(8) {
        grid-column: 5 / 6;
        grid-row: 2 / 3; }
      #filter form > ul > li.sf-field-reset {
        min-width: 150px;
        width: auto;
        background: #eeeeed; }
        #filter form > ul > li.sf-field-reset a.search-filter-reset {
          font-size: 12px; }
      #filter form > ul > li h4 {
        font-weight: 600;
        margin: 0 0 10px;
        padding: 0; }
      #filter form > ul > li > label {
        display: block; }
      #filter form > ul > li select {
        border: 1px solid #00303F;
        width: 100%; }
      #filter form > ul > li > ul {
        flex-flow: row wrap; }
        #filter form > ul > li > ul > li {
          position: relative;
          display: block;
          margin-bottom: 5px;
          padding: 0; }
          #filter form > ul > li > ul > li input.sf-input-checkbox, #filter form > ul > li > ul > li input.sf-input-radio {
            display: none; }
          #filter form > ul > li > ul > li label.sf-label-checkbox, #filter form > ul > li > ul > li label.sf-label-radio {
            position: relative;
            display: block;
            background: rgba(85, 91, 110, 0.05);
            color: #555B6E;
            border: 1px solid rgba(85, 91, 110, 0.1);
            font-size: 11px;
            font-weight: 600;
            padding: 0 15px;
            line-height: 28px;
            -webkit-border-radius: 17px;
            -moz-border-radius: 17px;
            border-radius: 17px;
            text-decoration: none;
            text-transform: uppercase;
            cursor: pointer; }
            #filter form > ul > li > ul > li label.sf-label-checkbox .sf-count, #filter form > ul > li > ul > li label.sf-label-radio .sf-count {
              position: absolute;
              top: 50%;
              right: 5px;
              width: 20px;
              height: 20px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              background: rgba(85, 91, 110, 0.1);
              line-height: 20px;
              text-align: center;
              padding: 0;
              -ms-transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              /*font-size: 80%;*/ }
            #filter form > ul > li > ul > li label.sf-label-checkbox:hover, #filter form > ul > li > ul > li label.sf-label-radio:hover {
              background: #00303F;
              color: #fff; }
          #filter form > ul > li > ul > li.sf-option-active label.sf-label-checkbox, #filter form > ul > li > ul > li.sf-option-active label.sf-label-radio {
            position: relative;
            background: #555B6E;
            color: #fff;
            vertical-align: middle;
            border-color: rgba(85, 91, 110, 0.1);
            padding-right: 35px; }
            #filter form > ul > li > ul > li.sf-option-active label.sf-label-checkbox:after, #filter form > ul > li > ul > li.sf-option-active label.sf-label-radio:after {
              position: absolute;
              top: 50%;
              right: 5px;
              -ms-transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              width: 20px;
              height: 20px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              background: rgba(85, 91, 110, 0.3);
              content: '-';
              line-height: 18px;
              text-align: center;
              font-size: 20px;
              display: inline-block; }
            #filter form > ul > li > ul > li.sf-option-active label.sf-label-checkbox .sf-count, #filter form > ul > li > ul > li.sf-option-active label.sf-label-radio .sf-count {
              right: 27px; }
            #filter form > ul > li > ul > li.sf-option-active label.sf-label-checkbox:hover:after, #filter form > ul > li > ul > li.sf-option-active label.sf-label-radio:hover:after {
              background: rgba(85, 91, 110, 0.7); }
      #filter form > ul > li .sf-meta-range-slider label {
        width: calc(50% - 20px); }
      #filter form > ul > li .sf-meta-range-slider input {
        width: 100%;
        max-width: 100%; }
      #filter form > ul > li input.sf-input-text,
      #filter form > ul > li input.sf-input-number,
      #filter form > ul > li select {
        height: 32px;
        border: none;
        padding: 0 10px;
        line-height: 32px;
        background: #f0f0f0;
        display: block;
        width: 100%; }
      #filter form > ul > li.sf-field-search label {
        display: block; }
      #filter form > ul > li[data-sf-field-name="_sfm__price"] div.sf-meta-range {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        #filter form > ul > li[data-sf-field-name="_sfm__price"] div.sf-meta-range > span.sf-range-prefix {
          width: 20%;
          margin-bottom: 5px; }
          #filter form > ul > li[data-sf-field-name="_sfm__price"] div.sf-meta-range > span.sf-range-prefix:first-child:before {
            content: 'Van';
            margin-right: 5px; }
          #filter form > ul > li[data-sf-field-name="_sfm__price"] div.sf-meta-range > span.sf-range-prefix:last-of-type:before {
            content: 'Tot';
            margin-right: 5px; }
        #filter form > ul > li[data-sf-field-name="_sfm__price"] div.sf-meta-range .sf-range-values-seperator {
          display: none; }
        #filter form > ul > li[data-sf-field-name="_sfm__price"] div.sf-meta-range > label {
          width: 80%;
          margin-bottom: 5px; }
          #filter form > ul > li[data-sf-field-name="_sfm__price"] div.sf-meta-range > label select {
            max-width: none; }
      #filter form > ul > li[data-sf-field-name="_sfm__price"] .meta-slider {
        display: none; }
      #filter form > ul > li:last-child {
        margin: 0; }
  #filter h3 {
    color: #fff; }

.searchandfilter .noUi-connect {
  background-color: #555B6E; }
.searchandfilter .meta-slider {
  max-width: calc(100% - 15px); }

#viewSwitcher {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  height: 60px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid rgba(85, 91, 110, 0.1);
  z-index: 5; }
  #viewSwitcher > div {
    margin-left: 10px;
    padding: 10px 20px;
    border: 1px solid rgba(85, 91, 110, 0.1);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer; }
    #viewSwitcher > div.current {
      border-color: #555B6E; }

.objects, #suggestions ul.products {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 10px; }
  .objects .object, #suggestions ul.products .object {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    border-bottom: 1px solid rgba(85, 91, 110, 0.1);
    border-bottom: 1px solid #f0f0f0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    background: #fff;
    width: calc((100% / 1) - 20px);
    margin: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); }
    .objects .object:nth-child(even) > .image, #suggestions ul.products .object:nth-child(even) > .image {
      order: 2; }
    .objects .object .description, #suggestions ul.products .object .description {
      margin-top: 20px; }
    .objects .object > .image, #suggestions ul.products .object > .image {
      position: relative;
      width: 50%;
      z-index: 2;
      max-height: 525px;
      overflow: hidden; }
      .objects .object > .image:before, #suggestions ul.products .object > .image:before {
        display: block;
        padding-bottom: 100%;
        content: ''; }
      .objects .object > .image img, #suggestions ul.products .object > .image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-right: none;
        -webkit-transition: 2s all;
        -moz-transition: 2s all;
        -ms-transition: 2s all;
        -o-transition: 2s all; }
    .objects .object ul.icons, #suggestions ul.products .object ul.icons {
      display: flex;
      flex-flow: row wrap;
      margin: 20px calc(-15px / 7) 5px; }
      .objects .object ul.icons li, #suggestions ul.products .object ul.icons li {
        position: relative;
        /*width: calc((100% / 7) - 15px); */
        margin: 0 calc(15px / 7) 0;
        list-style: none;
        font-size: 12px;
        font-weight: 600;
        /*background: $normal;*/
        display: flex;
        align-items: center; }
        .objects .object ul.icons li sup, #suggestions ul.products .object ul.icons li sup {
          font-size: 80%; }
        .objects .object ul.icons li i, #suggestions ul.products .object ul.icons li i {
          background: rgba(228, 169, 10, 0.1);
          color: #E4A90A;
          width: 44px;
          height: 44px;
          text-align: center;
          line-height: 40px;
          font-size: 24px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          /*margin-right: 10px;*/ }
    .objects .object .images, #suggestions ul.products .object .images {
      position: relative;
      width: 150px;
      height: 100%;
      font-size: 0;
      z-index: 2; }
      .objects .object .images .image, #suggestions ul.products .object .images .image {
        position: relative;
        display: inline-block;
        width: calc(100% / 2);
        /*border: 1px solid #fff;*/
        overflow: hidden; }
        .objects .object .images .image:before, #suggestions ul.products .object .images .image:before {
          display: block;
          padding-bottom: 100%;
          content: ''; }
        .objects .object .images .image img, #suggestions ul.products .object .images .image img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          -webkit-transition: all 2s;
          -moz-transition: all 2s;
          -ms-transition: all 2s;
          -o-transition: all 2s; }
    .objects .object .inner, #suggestions ul.products .object .inner {
      position: relative;
      bottom: 0;
      left: 0;
      width: 50%;
      background: rgba(255, 255, 255, 0.95);
      padding: 20px;
      z-index: 3; }
      .objects .object .inner h3, #suggestions ul.products .object .inner h3 {
        font-size: 24px;
        font-weight: 700;
        margin: 0; }
        .objects .object .inner h3 a, #suggestions ul.products .object .inner h3 a {
          text-decoration: none; }
      .objects .object .inner h4, #suggestions ul.products .object .inner h4 {
        color: #00303F;
        font-size: 18px;
        font-weight: 500; }
      .objects .object .inner .price, #suggestions ul.products .object .inner .price {
        font-size: 18px;
        font-weight: 700;
        margin-top: 20px; }
        .objects .object .inner .price span.title, #suggestions ul.products .object .inner .price span.title {
          font-size: 14px;
          font-weight: 400;
          display: block; }
    .objects .object .btn, #suggestions ul.products .object .btn {
      margin: 20px 0 0; }
    .objects .object .actions, #suggestions ul.products .object .actions {
      position: relative;
      margin-top: 20px;
      display: flex;
      flex-flow: row wrap;
      /*width: 54px;*/
      z-index: 6; }
      .objects .object .actions > div, #suggestions ul.products .object .actions > div {
        position: relative;
        display: block;
        margin-right: 5px;
        /*border-right: 1px solid rgba($color1, 0.2);*/
        width: 48px;
        height: 48px;
        background: rgba(85, 91, 110, 0.05);
        text-align: center;
        line-height: 46px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border-radius: 24px; }
        .objects .object .actions > div a, #suggestions ul.products .object .actions > div a {
          display: block;
          text-decoration: none; }
          .objects .object .actions > div a:hover, #suggestions ul.products .object .actions > div a:hover {
            color: #fff; }
        .objects .object .actions > div#favorite, #suggestions ul.products .object .actions > div#favorite {
          color: #00303F;
          background: rgba(0, 48, 63, 0.1); }
          .objects .object .actions > div#favorite:hover, #suggestions ul.products .object .actions > div#favorite:hover {
            background: #00303F;
            color: #fff; }
        .objects .object .actions > div.go, #suggestions ul.products .object .actions > div.go {
          width: auto;
          background: #555B6E;
          color: #fff; }
          .objects .object .actions > div.go a, #suggestions ul.products .object .actions > div.go a {
            padding: 0 20px;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 700;
            line-height: 48px;
            color: #fff; }
        .objects .object .actions > div:hover, #suggestions ul.products .object .actions > div:hover {
          background: #00303F;
          color: #fff; }
        .objects .object .actions > div:first-child, #suggestions ul.products .object .actions > div:first-child {
          /*@include borderradius(22px 0 0 22px);*/ }
        .objects .object .actions > div:last-child, #suggestions ul.products .object .actions > div:last-child {
          margin-right: 0;
          border-right: none;
          /*@include borderradius(0 22px 22px 0);*/ }
    .objects .object:hover, #suggestions ul.products .object:hover {
      -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); }
      .objects .object:hover img, #suggestions ul.products .object:hover img {
        /*transform: scale(1.2);*/ }
    .objects .object a.full-link, #suggestions ul.products .object a.full-link {
      z-index: 5; }

#suggestions ul.products {
  margin: 0 -20px; }
  #suggestions ul.products div.object {
    width: calc((100% / 4) - 20px); }
    #suggestions ul.products div.object div.inner {
      width: 100% !important; }
    #suggestions ul.products div.object > div.image {
      width: 100% !important;
      order: unset !important; }

div.page-heading {
  position: relative;
  height: 60px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 20px;
  border-bottom: 1px solid #eeeeed;
  z-index: 1;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 80px;
  background: #fff;
  z-index: 5; }
  div.page-heading h1.page-title {
    border: none;
    padding: 0; }

#filterToggle {
  position: relative;
  display: block;
  font-weight: 700;
  color: #555b6e;
  border: 1px solid rgba(85, 91, 110, 0.5);
  padding: 0 20px;
  height: 32px;
  line-height: 30px;
  cursor: pointer;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }
  #filterToggle span {
    display: inline-block;
    margin-right: 5px; }
  #filterToggle.active {
    /*background: $main1;*/
    /*color: #fff;*/
    /*border-color: $main1;*/ }

#pageContainer {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  /*height: calc(100vh - 180px);*/ }
  #pageContainer #sidebar {
    position: relative;
    background: #fff;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 140px;
    height: calc(100vh - 140px);
    left: -15px;
    opacity: 0;
    visibility: hidden;
    /*overflow-y: scroll;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.07);
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.07);
    z-index: 6; }
    #pageContainer #sidebar.active {
      left: 0;
      opacity: 1;
      visibility: visible; }
    #pageContainer #sidebar #closeFilter {
      position: absolute;
      /*display: none;*/
      top: 20px;
      right: 20px;
      width: 32px;
      height: 32px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: rgba(228, 169, 10, 0.8);
      color: #fff;
      text-align: center;
      line-height: 30px;
      font-size: 12px;
      z-index: 2;
      cursor: pointer; }
    #pageContainer #sidebar #filter {
      position: relative;
      overflow-y: scroll;
      height: 100%; }
      #pageContainer #sidebar #filter form {
        height: 100%; }
        #pageContainer #sidebar #filter form > ul {
          height: 100%; }
          #pageContainer #sidebar #filter form > ul::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            background: rgba(85, 91, 110, 0.1); }
          #pageContainer #sidebar #filter form > ul::-webkit-scrollbar-thumb {
            background: rgba(85, 91, 110, 0.5); }
  #pageContainer #pageContent {
    position: relative;
    width: 100%;
    /*width: calc(100% - 300px);*/
    /*height: 100%;*/
    /*overflow-y: scroll;*/ }
    #pageContainer #pageContent #objectContainer {
      /*
      height: calc(100% - 60px);
      overflow-y: scroll;
      &::-webkit-scrollbar {
          width: 4px;
          background: rgba($color1, 0.1);
      }
      &::-webkit-scrollbar-thumb {
          background: rgba($color1, 0.5);
      }*/ }
    #pageContainer #pageContent #loader {
      position: absolute;
      display: none;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      background-image: url(../img/misc/loader.gif);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100px;
      z-index: 10; }

section {
  position: relative; }
  section.normal {
    padding: 60px 0; }
    section.normal div.whatsApp {
      display: flex;
      margin-bottom: 20px; }
      section.normal div.whatsApp p {
        font-size: 15px;
        line-height: 20px; }
      section.normal div.whatsApp a {
        text-decoration: none; }
        section.normal div.whatsApp a i {
          font-size: 40px;
          margin-right: 10px;
          line-height: 22px; }
      section.normal div.whatsApp:hover i {
        color: #00e676; }
  section#cta {
    background-color: #CAE4DB; }
    section#cta .title-block h4 {
      margin-bottom: 0; }
    section#cta form {
      display: flex;
      flex-flow: row nowrap; }
      section#cta form span.wpcf7-form-control-wrap {
        margin: 0 10px 0 0; }
      section#cta form span.ajax-loader {
        position: absolute; }

.title-block a {
  /*text-decoration: none;*/
  color: inherit; }

.form-control {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 42px; }

#frontContent {
  position: relative;
  height: calc(100vh - 120px);
  display: flex;
  flex-flow: row nowrap; }
  #frontContent a.btn {
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); }
  #frontContent .block {
    height: 100%; }
  #frontContent .left-part {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 45%;
    /*height: 100%;*/
    margin: 15px; }
    #frontContent .left-part .block {
      position: relative;
      display: flex;
      align-items: flex-end;
      height: 100%;
      color: #fff; }
      #frontContent .left-part .block .inner {
        position: relative;
        padding: 30px;
        background: rgba(228, 169, 10, 0.7); }
  #frontContent .right-part {
    position: relative;
    width: 55%; }
    #frontContent .right-part #videoFront {
      position: relative;
      height: calc(50% - 30px);
      overflow: hidden;
      margin: 15px 15px 15px 0; }
      #frontContent .right-part #videoFront video, #frontContent .right-part #videoFront iframe {
        /*position: absolute;
        top: 50%;
        left: 0; 
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        min-width: 100%;
        min-height: 100%;*/ 
		margin-block:auto;}
      #frontContent .right-part #videoFront div.videoBG {
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        position: absolute;
        top: 50%;
        left: 0;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        height: 100%;
        background-size: cover;
        -webkit-background-size: cover; }
      #frontContent .right-part #videoFront div.videoBG_tmp {
        position: absolute;
		top: 50%;
        left: 0;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        height: 100%;
        background-size: cover;
        -webkit-background-size: cover; }
    #frontContent .right-part #frontBlocks {
      position: relative;
      display: flex;
      flex-flow: row nowrap;
      height: calc(50% - 15px); }
      #frontContent .right-part #frontBlocks .block {
        position: relative;
        display: flex;
        align-items: flex-end;
        width: 50%;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
        #frontContent .right-part #frontBlocks .block .inner {
          padding: 30px; }
        #frontContent .right-part #frontBlocks .block#testimonials {
          background: #F7E7CE;
          align-items: flex-start; }
          #frontContent .right-part #frontBlocks .block#testimonials:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #f5f2ea;
            background: -moz-linear-gradient(top, rgba(245, 242, 234, 0) 20%, #f5f2ea 100%);
            background: -webkit-gradient(linear, top center, bottom center, color-stop(20%, rgba(245, 242, 234, 0)), color-stop(100%, #f5f2ea));
            background: -webkit-linear-gradient(top, rgba(245, 242, 234, 0) 20%, #f5f2ea 100%);
            background: -o-linear-gradient(top, rgba(245, 242, 234, 0) 20%, #f5f2ea 100%);
            background: linear-gradient(to bottom, rgba(245, 242, 234, 0) 20%, #f5f2ea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(245, 242, 234, 0), endColorstr=#f5f2ea);
            content: ''; }
          #frontContent .right-part #frontBlocks .block#testimonials > a {
            position: absolute;
            bottom: 30px;
            left: 30px;
            z-index: 1; }
        #frontContent .right-part #frontBlocks .block#help {
          margin: 0 15px 15px 15px; }
          #frontContent .right-part #frontBlocks .block#help:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #00303f;
            background: -moz-linear-gradient(top, rgba(0, 48, 63, 0) 0%, #00303f 100%);
            background: -webkit-gradient(linear, top center, bottom center, color-stop(0%, rgba(0, 48, 63, 0)), color-stop(100%, #00303f));
            background: -webkit-linear-gradient(top, rgba(0, 48, 63, 0) 0%, #00303f 100%);
            background: -o-linear-gradient(top, rgba(0, 48, 63, 0) 0%, #00303f 100%);
            background: linear-gradient(to bottom, rgba(0, 48, 63, 0) 0%, #00303f 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(0, 48, 63, 0), endColorstr=#00303f);
            content: ''; }
          #frontContent .right-part #frontBlocks .block#help .inner {
            position: relative;
            z-index: 2;
            color: #fff; }

.testimonials .testimonial {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 20px; }
  .testimonials .testimonial .image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 75px;
    height: 75px; }
    .testimonials .testimonial .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .testimonials .testimonial .content {
    width: calc(100% - 90px); }
    .testimonials .testimonial .content p {
      line-height: 25px;
      font-size: 14px; }

div.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 10px; }

.widget {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  background: #F6F4F4; }
  .widget.alt {
    background: #E4A90A;
    color: #fff; }

.posts {
  position: relative; }
  .posts .post {
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    background: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    .posts .post:last-child {
      border: none;
      margin-bottom: 0; }

#footer {
  position: relative;
  width: 100%;
  height: 40px;
  background: rgba(228, 169, 10, 0.1);
  text-align: center;
  font-size: 12px; }
  #footer .main-info {
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: 30px 0;*/ }
  #footer span.sep {
    display: inline-block;
    width: 30px; }
    #footer span.sep:after {
      content: '|'; }
  #footer a {
    text-decoration: none; }
  #footer ul.socials {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    #footer ul.socials li {
      list-style: none;
      display: inline-block;
      margin: 0 5px;
      font-size: 18px; }
      #footer ul.socials li a i {
        display: block;
        width: 26px;
        height: 26px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      #footer ul.socials li a .icon-linkedin {
        font-size: 16px; }
      #footer ul.socials li a:hover .icon-facebook {
        background: #4267b2;
        color: #fff; }
      #footer ul.socials li a:hover .icon-instagram {
        background: #d4387c;
        color: #fff; }
      #footer ul.socials li a:hover .icon-linkedin {
        background: #0a66c2;
        color: #fff; }
      #footer ul.socials li a:hover .icon-whatsapp {
        /*color: #00e676;*/ }
      #footer ul.socials li.special a {
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        background: #fff;
        color: #555B6E;
        height: 24px;
        padding: 0 15px;
        line-height: 24px; }
      #footer ul.socials li.special span {
        display: inline-block;
        margin-left: 5px;
        font-size: 12px;
        font-weight: 700; }
      #footer ul.socials li.special.whatsapp a {
        background: #00e676;
        color: #fff; }
        #footer ul.socials li.special.whatsapp a:hover {
          background: #00e676;
          color: #fff; }
  #footer .top-part {
    position: relative;
    background: rgba(0, 48, 63, 0.1);
    background: #f0f0f0;
    color: rgba(0, 48, 63, 0.5);
    font-weight: 500;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
    #footer .top-part a {
      color: rgba(0, 48, 63, 0.5);
      font-weight: 500; }
      #footer .top-part a:hover {
        color: #00303F; }
  #footer .bottom-part {
    position: relative;
    background: #555B6E;
    color: #fff;
    font-weight: 500;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
    #footer .bottom-part a {
      color: #fff;
      font-weight: 500; }

#cookie-law-info-again {
  display: none !important; }


  /* TOM EXTRA CSS */

.search-filter-scroll-loading { margin-inline: auto; margin-block: 60px; }

.business-img:after {
  content:url("/wp-content/uploads/2024/10/playbutton.png");
  z-index:999;
  position:absolute;
  top:50%;
  left:75%;
  margin-left:-32px;
  margin-top:-32px;
  opacity: .6;
}
.business-img.clicked:after { display: none; }
.business-img:hover { cursor: pointer; }
.business-img:hover:after { opacity:1; }

.business {
	background: radial-gradient(#724999, #442763);
	position: relative;
    display: flex;
    flex-flow: row nowrap;
	width: 100%;
	height: 100%;
}
.business > div { width: 50%; } 
.business-img > img { object-fit: cover; width: 100%; height: 100%; min-width: 421px; }
.business .business-content { height: 100%; align-content: end; background: radial-gradient(#724999, #442763); } 
.business .business-content > p { font-size: 28px; padding: 30px; line-height: 40px; text-align: center; align-content: center; color: white; font-weight: 300; } 
.CurrentWeather1, .CurrentWeather2, .CurrentWeather5 { right: 20px !important; }

@media screen and (max-width: 992px) { 
	.business { flex-flow: column nowrap; background: none; }
	.business > div { width: unset; }
	.business .business-content { padding-left: 0; height: 35vh !important; margin-bottom: 12px; overflow: hidden; }
	.business .business-img { background: radial-gradient(#724999, #442763); height: 100%; }
	.business-img:after { left:50%; }
	#frontContent .block { position: relative; }
	.business-img > img { position: absolute; top: 0; z-index: 99; }
}

/* .aanbod_1-hover, .aanbod_3-hover {
  position: absolute;
  bottom: 0;
  padding: 30px;
  background: rgba(228, 169, 10, 0.8);
  color: white;
  transition: .5s;
  opacity: 1;
  height: 85%;
  margin-right: 7.5px;
}

.aanbod_2-hover, .aanbod_4-hover {
  position: absolute;
  bottom: 0;
  padding: 30px;
  background: rgba(228, 169, 10, 0.7);
  color: white;
  transition: .5s;
  opacity: 1;
  height: 85%;
  margin-left: 7.5px;
}

.aanbod_1-normal, .aanbod_3-normal {
  position: absolute;
  bottom: 0;
  padding: 30px;
  background: rgba(228, 169, 10, 0.7);
  height: 0;
  color: white;
  transition: .5s;
  opacity: 0;
  overflow-y: hidden;
  margin-right: 7.5px;
}
.aanbod_2-normal, .aanbod_4-normal {
  position: absolute;
  bottom: 0;
  padding: 30px;
  background: rgba(228, 169, 10, 0.7);
  height: 0;
  color: white;
  transition: .5s;
  opacity: 0;
  overflow-y: hidden;
  margin-left: 7.5px;
} */

.namebar1, .namebar2, .namebar3, .namebar4 {
  background-color: rgba(0, 48, 63, 0.8);
  width: auto;
  height: 50px;
  position: relative;
  bottom: 80px;
  text-align: center;
  transition: .5s;
  overflow-y: hidden;
}

.namebar1-hover, .namebar2-hover, .namebar3-hover, .namebar4-hover {
  background-color: rgba(0, 48, 63, 0.8);
  width: auto;
  height: 150px;
  position: relative;
  bottom: 150px;
  text-align: center;
  transition: .5s;
  overflow-y: hidden;
}

img { user-select: none; }
.namebar_info1, .namebar_info2, .namebar_info3, .namebar_info4 { display: none; opacity: 0; transition: .5s; }
.namebar_info1-hover, .namebar_info2-hover, .namebar_info3-hover, .namebar_info4-hover { display: block; opacity: 1; transition: .5s; }
.namebar2, .namebar4 { margin-left: 7.4px;}
.namebar1, .namebar3 { margin-right: 7.5px; }
.namebar1-hover, .namebar2-hover, .namebar3-hover { padding-top: 12px; }
.namebar1 > h3, .namebar2 > h3, .namebar3 > h3, .namebar4 > h3 { margin: 0; }
.namebar1-hover > h3, .namebar2-hover > h3, .namebar3-hover > h3, .namebar4-hover > h3 { margin: 0; }
.namebar1 > p, .namebar2 > p, .namebar3 > p, .namebar4 { line-height: normal; }
.namebar1-hover > p, .namebar2-hover > p, .namebar3-hover > p, .namebar4-hover { line-height: normal; }

.parent, .parent-top {
  position: relative;
  width: 100%;
  height: 41.5vh;
  overflow-y: hidden;
  margin-bottom: 12px;
}
.parent-top { margin-top: 12px; }
.img-aanbod {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.one, .two, .three, .four {
  position: absolute;
  height: 100%;
  width: 65.7%;
  /*opacity: .8;*/
  transition: .5s;
}
.one, .three { padding-left: 12px; }
.two, .four { padding-right: 12px; }
.one:hover, .two:hover, .three:hover, .four:hover { opacity: 1; transition: .5s; }
.one {
  left: 0;
  top: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%); 
}
.one > img { object-position: 50% 50%; }
.two {
  right: 0;
  top: 0;
  -webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%); 
}
.two > img { object-position: 50% 63%; }
.three {
  left: 0;
  top: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%); 
}
.three > img { object-position: 50% 50%; }
.four {
  right: 0;
  top: 0;
  -webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%); 
  object-position: 50% 63%;
}
.four > img { object-position: 50% 63%; }

  .namebar_temp {
    margin-left: 7.3px; 
    padding-top: 12px; 
    padding-inline: 10px;
    width: auto;
    height: 250px;
    position: relative;
    bottom: 250px;
    text-align: center;
    transition: .5s;
    overflow-y: hidden;
    background: rgba(228, 169, 10, 0.7); }

#aanbod_4 { overflow: hidden; }
#aanbod_4 > .tegel { width: 100%; }

/* TEGEL NAV */
.block.nav { display: block !important; margin-inline: 16px; overflow: unset !important; }
.navblock { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; grid-auto-rows: 1fr; height: 100%; }
.navblock > a { height: 100%; list-style: none; margin-left: 0; background: #F7E7CE; border-radius: 15px; text-align: center; align-content: center; text-decoration: none; color: #555B6E; font-weight: bold; padding: 10px; }


@media screen and (max-width: 1492px) { 
	.business .business-content > p { font-size: 20px; }
}

@media screen and (max-width: 1045px) { 
	.business .business-content > p { font-size: 18px; }
} 

@media screen and (max-width: 991px) { 
	.business .business-content > p { font-size: 22px; margin-top: 21px; }
} 

@media screen and (max-width: 1420px) { 
	.navblock > a { font-size: 14px; }
}
@media screen and (max-width: 1289px) { 
	.navblock > a { font-size: 12px; padding: 5px; }
}
@media screen and (max-width: 990px) { 
	.navblock > a { font-size: 16px; padding: 10px; }
	.block.nav { margin-inline: 0; }
	#aanbod_4 { transform: translateY(70px); }
	#frontContent { padding-bottom: 100px; }
}

@media screen and (max-width: 756px) { 
	.business .business-content > p { padding-bottom: 0; }
}
@media screen and (max-width: 664px) { 
	#aanbod_4 { transform: translateY(0); }
	#frontContent { padding-bottom: 0; }
	.business .business-content > p { padding-bottom: 30px; }
}
@media screen and (max-width: 425px) { 
	.business-img { height: 35vh !important; }
}
@media screen and (max-width: 415px) { 
	.navblock { grid-template-columns: repeat(1, 1fr); }
	.business .business-content > p { font-size: 16px; }
	
}
@media screen and (max-width: 325px) { 
	.business .business-content > p { line-height: 30px;  }
}
/*# sourceMappingURL=main.css.map */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/Inter-Thin.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-Thin.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/Inter-ThinItalic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-ThinItalic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 200;
    font-display: swap;
    src: url("../fonts/Inter-ExtraLight.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-ExtraLight.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 200;
    font-display: swap;
    src: url("../fonts/Inter-ExtraLightItalic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-ExtraLightItalic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/Inter-Light.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-Light.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/Inter-LightItalic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-LightItalic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Inter-Regular.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-Regular.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Inter-Italic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-Italic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Inter-Medium.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-Medium.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Inter-MediumItalic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-MediumItalic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Inter-SemiBold.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-SemiBold.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Inter-SemiBoldItalic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-SemiBoldItalic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Inter-Bold.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-Bold.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Inter-BoldItalic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-BoldItalic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/Inter-ExtraBold.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-ExtraBold.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/Inter-ExtraBoldItalic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-ExtraBoldItalic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/Inter-Black.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-Black.woff?v=3.12") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/Inter-BlackItalic.woff2?v=3.12") format("woff2"),
        url("../fonts/Inter-BlackItalic.woff?v=3.12") format("woff");
}

@font-face {
    font-family: "whitecoast";
    src:url("../fonts/whitecoast.eot");
    src:url("../fonts/whitecoast.eot?#iefix") format("embedded-opentype"),
        url("../fonts/whitecoast.woff") format("woff"),
        url("../fonts/whitecoast.ttf") format("truetype"),
        url("../fonts/whitecoast.svg#whitecoast") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "whitecoast" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "whitecoast" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
    content: "\62";
}
.icon-home:before {
    content: "\64";
}
.icon-menu:before {
    content: "\65";
}
.icon-search:before {
    content: "\66";
}
.icon-next:before {
    content: "\61";
}
.icon-prev:before {
    content: "\63";
}
.icon-up:before {
    content: "\67";
}
.icon-down:before {
    content: "\68";
}
.icon-heart:before {
    content: "\69";
}
.icon-heart-o:before {
    content: "\6a";
}
.icon-heart-1:before {
    content: "\6b";
}
.icon-share:before {
    content: "\6c";
}
.icon-share-1:before {
    content: "\6d";
}
.icon-share-2:before {
    content: "\6e";
}
.icon-share-outline:before {
    content: "\6f";
}
.icon-hot-pool:before {
    content: "\70";
}
.icon-bath:before {
    content: "\71";
}
.icon-beach:before {
    content: "\72";
}
.icon-bed:before {
    content: "\73";
}
.icon-plane:before {
    content: "\74";
}
.icon-whatsapp:before {
    content: "\75";
}
.icon-facebook:before {
    content: "\76";
}
.icon-instagram:before {
    content: "\77";
}
.icon-menu-button:before {
    content: "\78";
}
.icon-settings:before {
    content: "\79";
}
.icon-linkedin:before {
  content: "\7a";
}
.icon-twitter:before {
  content: "\41";
}
.icon-pinterest:before {
  content: "\42";
}/* MIXINS */
#objectHeader {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  background: #F6F4F4;
  /*height: 400px;*/
}
  #objectHeader .column {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: calc(100% / 2);
    height: 100%; }
    #objectHeader .column:first-child:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.6+0,1+100 */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */
      background: #fff;
      z-index: 2; }
    #objectHeader .column .inner {
      position: relative;
      padding: 30px 60px;
      z-index: 3; }
      #objectHeader .column .inner h1 {
        font-size: 2.5vw;
        color: #E4A90A;
        line-height: 3vw;
        margin-bottom: 10px; }
      #objectHeader .column .inner h4 {
        color: #00303F;
        font-size: 1.5vw;
        font-weight: 700; }
      #objectHeader .column .inner p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 26px; }
        #objectHeader .column .inner p:last-child {
          margin-bottom: 0; }
      #objectHeader .column .inner .price {
        font-size: 18px;
        font-weight: 700;
        margin-top: 20px; }
        #objectHeader .column .inner .price span.title {
          font-size: 14px;
          font-weight: 400;
          display: block; }
  #objectHeader img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1; }

#objNavBar {
  position: sticky;
  top: 80px;
  width: 100%;
  height: 60px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 0;
  z-index: 1099;
  /*-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); */} 
  #objNavBar > div {
    height: 100%; }
    #objNavBar > div.inner {
      display: flex;
      align-items: center; }
  #objNavBar span.name {
    flex: 0 0 1;
    /*display: flex;*/
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
    height: 100%;
    color: #E4A90A;
    background: #F6F4F4;
    margin: 0;
    padding: 12px 20px; }
    #objNavBar span.name h2 {
      font-size: 14px;
      font-weight: 700;
      margin: 0;
      line-height: 18px; }
    #objNavBar span.name h4 {
      line-height: 18px; }
  #objNavBar span, #objNavBar a {
    font-size: 14px;
    font-weight: 700;
    margin-right: 30px;
    /*height: 100%;*/
    color: #555B6E;
    text-decoration: none;
    justify-content: center; }
    #objNavBar span h4, #objNavBar a h4 {
      font-size: 12px; }
    #objNavBar span.special, #objNavBar a.special {
      height: 38px;
      display: block;
      color: #fff;
      background: #00303F;
      margin-right: 0;
      padding: 0 15px;
      line-height: 38px;
      -webkit-border-radius: 19px;
      -moz-border-radius: 19px;
      border-radius: 19px; }

#navItems {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 15px;
  flex: 0 0 1; }
  #navItems a {
    white-space: nowrap; }

#objPhoto {
  position: relative;
  display: flex;
  flex-flow: row nowrap; }
  #objPhoto .photo-column {
    position: relative;
    flex: 1;
    max-height: 600px; }
    #objPhoto .photo-column img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  #objPhoto .info-column {
    position: relative;
    width: 25%;
    max-width: 300px; }
    #objPhoto .info-column .info-block {
      position: relative;
      background: #fff; }
      #objPhoto .info-column .info-block .inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        /*color: #fff;*/ }
        #objPhoto .info-column .info-block .inner ul {
          display: flex;
          flex-flow: row wrap;
          margin: 0 0 5px; }
          #objPhoto .info-column .info-block .inner ul li {
            position: relative;
            width: calc((100% / 2) - 15px);
            margin: 0 15px 5px 0;
            list-style: none;
            font-size: 12px;
            font-weight: 600;
            /*background: $normal;*/
            display: flex;
            align-items: center; }
            #objPhoto .info-column .info-block .inner ul li sup {
              font-size: 80%; }
            #objPhoto .info-column .info-block .inner ul li i {
              background: rgba(228, 169, 10, 0.1);
              color: #E4A90A;
              width: 44px;
              height: 44px;
              text-align: center;
              line-height: 40px;
              font-size: 24px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              margin-right: 10px; }
        #objPhoto .info-column .info-block .inner div.whatsApp {
          display: flex; }
          #objPhoto .info-column .info-block .inner div.whatsApp p {
            font-size: 14px;
            line-height: 20px; }
          #objPhoto .info-column .info-block .inner div.whatsApp a {
            text-decoration: none; }
            #objPhoto .info-column .info-block .inner div.whatsApp a i {
              font-size: 30px;
              margin-right: 10px;
              line-height: 22px; }
          #objPhoto .info-column .info-block .inner div.whatsApp:hover i {
            color: #00e676; }
      #objPhoto .info-column .info-block:before {
        display: block;
        padding-bottom: 100%;
        content: ''; }
    #objPhoto .info-column .photo-block {
      position: relative;
      background: #F6F4F4; }
      #objPhoto .info-column .photo-block .images {
        position: absolute;
        display: flex;
        flex-flow: row wrap;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        #objPhoto .info-column .photo-block .images > div {
          position: relative;
          width: calc(100% / 3);
          cursor: pointer;
          border-top: 3px solid #F6F4F4;
          border-left: 3px solid #F6F4F4;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s; }
          #objPhoto .info-column .photo-block .images > div:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*content: '';*/
            background: rgba(0, 0, 0, 0.3);
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s; }
          #objPhoto .info-column .photo-block .images > div img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; }
          #objPhoto .info-column .photo-block .images > div.count {
            background: #00303F;
            color: #fff; }
            #objPhoto .info-column .photo-block .images > div.count:after {
              display: none; }
            #objPhoto .info-column .photo-block .images > div.count div.counter {
              position: absolute;
              top: 50%;
              left: 50%;
              -ms-transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              font-size: 38px;
              font-weight: 700; }
          #objPhoto .info-column .photo-block .images > div:hover {
            transform: scale(1.1);
            z-index: 2;
            border: 3px solid #F6F4F4; }
            #objPhoto .info-column .photo-block .images > div:hover:after {
              opacity: 0; }
      #objPhoto .info-column .photo-block:before {
        display: block;
        padding-bottom: 100%;
        content: ''; }

.pagination {
  position: relative;
  display: block; }
  .pagination .wp-pagenavi {
    position: relative;
    margin-top: 30px;
    text-align: center;
    font-size: 13px; }
    .pagination .wp-pagenavi .pages {
      display: block;
      margin-bottom: 10px; }
    .pagination .wp-pagenavi .page, .pagination .wp-pagenavi .current, .pagination .wp-pagenavi .nextpostslink, .pagination .wp-pagenavi .previouspostslink, .pagination .wp-pagenavi .first, .pagination .wp-pagenavi .last {
      display: inline-block;
      width: 34px;
      height: 34px;
      background: #00303f;
      color: #fff;
      text-align: center;
      line-height: 34px;
      font-weight: 700;
      text-decoration: none;
      margin: 0 calc(5px / 2); }
      .pagination .wp-pagenavi .page:hover, .pagination .wp-pagenavi .current:hover, .pagination .wp-pagenavi .nextpostslink:hover, .pagination .wp-pagenavi .previouspostslink:hover, .pagination .wp-pagenavi .first:hover, .pagination .wp-pagenavi .last:hover {
        background: #E4A90A;
        color: #fff; }
    .pagination .wp-pagenavi .current {
      background: #E4A90A;
      color: #fff; }
    .pagination .wp-pagenavi .nextpostslink, .pagination .wp-pagenavi .previouspostslink, .pagination .wp-pagenavi .first, .pagination .wp-pagenavi .last {
      width: auto;
      padding: 0 10px;
      font-weight: normal; }

/*
.section {
    position: relative;
    max-height: 300px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    @include transition();
    overflow: hidden;
    .collapse-section {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        color: $accent;
        font-weight: 500;
        z-index: 2;
        &:after {
            content: ' uitklappen';
        }
    }
    &:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        content: '';
        @include transition;
        z-index: 1;
    }
    &.active {
        overflow: auto;
        max-height: 5000px;
        .collapse-section {
            &:after {
                content: ' inklappen';
            }
        }
        &:after {
            visibility: hidden;
            opacity: 0;
        }
    }
}
*/
#objCta {
  position: relative;
  padding: 90px 0;
  background: #00303F;
  color: #fff; }
  #objCta > img {
    position: absolute;
    top: 0;
    left: 25%;
    width: 75%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1; }
  #objCta:before {
    position: absolute;
    top: 0;
    left: 25%;
    width: 75%;
    height: 100%;
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#db5461+0,555b6e+100&1+0,0+100 */
    background: -moz-linear-gradient(left, #00303f 0%, rgba(85, 91, 110, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00303f 0%, rgba(85, 91, 110, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00303f 0%, rgba(85, 91, 110, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db5461', endColorstr='#00555b6e',GradientType=1 );
    /* IE6-9 */
    z-index: 2; }
  #objCta:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 3; }
  #objCta .container {
    position: relative;
    z-index: 4; }
  #objCta div.wpcf7 {
    max-width: 400px; }
    #objCta div.wpcf7 input {
      background: white;
      color: #000; }
    #objCta div.wpcf7 .btn {
      background: #E4A90A;
      color: #fff;
      text-transform: uppercase;
      margin-top: 15px; }

[id*="product-"] {
  display: none; }

@media screen and (max-width: 1024px) {
  #objNavBar #navItems {
    /*width: 540px;*/
    /*display: none;*/ }
    #objNavBar #navItems .inner {
      display: none; } }
@media screen and (max-width: 991px) {
  /*#objectHeader .column:first-child {
    width: 70%; }
  #objectHeader .column:last-child {
    width: 30%; }*/

  #objPhoto .info-column {
    width: 35%; }
    #objPhoto .info-column .info-block .inner ul li {
      margin-bottom: 5px; }
    #objPhoto .info-column .info-block .inner div.whatsApp p {
      font-size: 13px; } }
@media screen and (max-width: 768px) {
  #objectHeader .column:first-child {
    width: 100%; }
  #objectHeader .column:last-child {
    width: 100%; }

  #objPhoto {
    display: block; }
    #objPhoto .info-column {
      display: flex;
      flex-flow: row nowrap;
      width: 100%;
      max-width: none; }
      #objPhoto .info-column .info-block {
        width: 50%; }
        #objPhoto .info-column .info-block:before {
          display: none; }
        #objPhoto .info-column .info-block .inner {
          position: relative; }
      #objPhoto .info-column .photo-block {
        width: 50%; }
        #objPhoto .info-column .photo-block:before {
          display: none; }
        #objPhoto .info-column .photo-block .images {
          position: relative; } }
@media screen and (max-width: 550px) {
  #objNavBar span.name {
    padding: 5px 20px; }

  #objPhoto .info-column {
    display: block; }
    #objPhoto .info-column .info-block {
      width: auto; }
    #objPhoto .info-column .photo-block {
      width: auto; } }

/*# sourceMappingURL=woocommerce.css.map */
/* MIXINS */
@media screen and (max-width: 991px) {
  .objects .object {
    display: block;
    width: calc((100% / 2) - 20px); }
    .objects .object .image {
      width: auto; }
    .objects .object .inner {
      width: auto; }
    .objects .object ul.icons {
      display: block; }
      .objects .object ul.icons li {
        width: auto;
        display: inline-block;
        margin-bottom: 10px;
        white-space: nowrap; }
        .objects .object ul.icons li i {
          display: inline-block; }
          .one, .two, .three, .four {
            width: 65.5%; }
            #aanbod_1, #aanbod_2, #aanbod_3, #aanbod_4 {
              margin-bottom: 15px;
              height: 35vh !important;
            }
            #aanbod_1 > img, #aanbod_2 > img, #aanbod_3 > img, #aanbod_4 > img { padding: 0 !important; }
            .namebar1, .namebar2, .namebar3, .namebar4 { margin: 0; }
            #frontContent .left-part .block { display: block; }
            #testimonials, #help { height: 72.6% !important; }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px; }
  p {
    line-height: 22px;
    margin-bottom: 22px; }

  .testimonials .testimonial .content p {
    line-height: 22px;
    margin-top: 10px; } }
@media screen and (max-width: 1024px) {
  .objects .object {
    /*width: calc((100% / 3) - 20px);*/ } }
@media screen and (max-width: 991px) {
  body.filter-open div#pageContainer div#pageContent {
    width: 100%; }

  h2 {
    font-size: 22px;
    margin-bottom: 10px; }

  #header {
    justify-content: flex-start; }
    #header .nav-items {
      display: block;
      margin-right: 15px; }

  div.navmenu {
    position: fixed;
    top: 80px;
    left: -50px;
    width: 300px;
    max-width: 100vw;
    height: calc(100vh - 80px);
    background: #00303F;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    z-index: 1101; }
    div.navmenu ul {
      display: block;
      padding: 15px; }
      div.navmenu ul li {
        margin: 5px 0; }
        div.navmenu ul li a {
          text-align: left; }
        div.navmenu ul li.wpml-ls-item {
          display: inline-block; }
          div.navmenu ul li.wpml-ls-item a {
            display: inline-block;
            text-align: center;
            width: 40px; }
          div.navmenu ul li.wpml-ls-item > ul {
            display: inline-block;
            position: relative;
            top: auto;
            left: auto;
            -ms-transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
            padding: 0; }
    div.navmenu.active {
      left: 0;
      opacity: 1;
      visibility: visible; }

  /*
  #mainnav {
      width: 550px;
      max-width: 100vw;
  }
  */
  div#CurrentWeather {
    /*display: none !important;*/ }

  #filterToggle {
    display: block; }

  div.page-heading {
    position: sticky;
    top: 80px;
    background: #fff;
    z-index: 5; 
	flex-flow: row wrap;
	margin-bottom: 20px;
	}

  #pageContainer {
    display: block;
    height: auto; }
    #pageContainer #sidebar {
      position: fixed;
      top: 140px;
      height: calc(100vh - 140px);
      left: -15px;
      opacity: 0;
      visibility: hidden;
      /*overflow-y: scroll;*/
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.07);
      box-shadow: 10px 0 40px rgba(0, 0, 0, 0.07);
      z-index: 6; }
      #pageContainer #sidebar.active {
        left: 0;
        opacity: 1;
        visibility: visible; }
    #pageContainer #pageContent {
      width: 100%; }

   .objects .object {
    display: block;
    width: calc((100% / 2) - 20px); }
    .objects .object .image {
      width: auto; }
    .objects .object .inner {
      width: auto; }
    .objects .object ul.icons {
      display: block; }
      .objects .object ul.icons li {
        width: auto;
        display: inline-block;
        margin-bottom: 10px;
        white-space: nowrap; }
        .objects .object ul.icons li i {
          display: inline-block; }

  #objectHeader .column .inner {
    padding: 30px 30px; }
    #objectHeader .column .inner h1 {
      font-size: 32px;
      line-height: 34px; }
    #objectHeader .column .inner h4 {
      font-size: 22px; }

  #frontContent {
    height: auto; }
    #frontContent .right-part {
      margin: 0 0 15px 0; }
      #frontContent .right-part #videoFront {
        height: 48.2%; }
      #frontContent .right-part #frontBlocks {
        height: 32.5%;
        display: block;
        margin-right: 15px; }
        #frontContent .right-part #frontBlocks .block {
          width: auto;
          /*display: block;*/
          margin-bottom: 15px; }
          #frontContent .right-part #frontBlocks .block#help {
            margin: 0; }

  #filter #closeFilter {
    display: block; }

  #suggestions ul.products div.object {
    width: calc((100% / 2) - 20px); }

  #footer {
    height: auto; }
    #footer .top-part {
      height: auto;
      padding: 15px 10px; }
    #footer .bottom-part {
      /*padding-bottom: 20px;*/ }
    #footer .main-info .info:last-child {
      margin: 0; } }
@media screen and (max-width: 768px) {
  /* #header #logo {
    width: 160px;
    margin-left: 15px; }
  #header .nav-items .nav-item {
    width: 40px; }
    #header .nav-items .nav-item:last-of-type {
      display: none; }
  #header #CurrentWeather span {
    display: block; } */

  /* #frontContent .left-part {
    width: 50%; }
  #frontContent .right-part {
    width: 50%; }
    #frontContent .right-part #videoFront {
      height: 250px; }
    #frontContent .right-part #frontBlocks {
      height: auto;
      display: block;
      margin-right: 15px; }
      #frontContent .right-part #frontBlocks .block {
        height: 250px; } */

  /* #objectHeader {
    height: 330px; }
    #objectHeader .column .inner {
      padding: 30px 30px; }
      #objectHeader .column .inner h1 {
        font-size: 28px;
        line-height: 32px; }
      #objectHeader .column .inner h4 {
        font-size: 18px; }

  section#cta form {
    display: block; }
    section#cta form span.wpcf7-form-control-wrap {
      margin: 10px 0 0 0; }
    section#cta form input[type="submit"] {
      margin-top: 10px;
      display: block;
      width: 100%; }

  #filter form > ul {
    grid-template-columns: repeat(7, auto);
    grid-template-rows: repeat(2, auto); }
    #filter form > ul > li {
      min-width: 240px;
      width: 240px; }

  #footer .main-info {
    display: block; }
    #footer .main-info .info {
      width: auto;
      margin-bottom: 10px; }
  #footer span.sep {
    display: none; } 

	h1.page-title {
		line-height: none;
	} */
	
}
@media screen and (max-width: 690px) {
  .objects .object {
    width: 100%; } 
	.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
		display: none;
	}
  .one, .two, .three, .four {
    width: 64.5%; }
  #aanbod_1, #aanbod_2, #aanbod_3, #aanbod_4 {
    height: 36vh !important;
  }

}
@media screen and (max-width: 664px) {
  .tegel { width: 100%; }
  #mainnav .inner > div > ul > li {
    font-size: 32px;
    line-height: 70px; }

  #frontContent {
    display: block; }
    #frontContent .left-part {
      width: auto; 
      }
      #frontContent .right-part #videoFront {
        margin-bottom: 0;
        /*display: none;*/
      }
      /*#frontContent .left-part .block:after {
        display: block;
        padding-bottom: 125%;
        content: ''; }*/
      #frontContent .left-part .block .inner {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
    #frontContent .right-part {
      width: auto;
      margin: 15px; }
      #frontContent .right-part #videoFront {
        margin: 0 0 15px 0; }
      #frontContent .right-part #frontBlocks {
        margin-right: 0; }

  #suggestions ul.products div.object {
    width: calc(100% - 20px); } }


    @media screen and (max-width: 619px) {
      .wpml-ls-native { display: none; }
      .wpml-ls-legacy-list-horizontal { width: 30%; }
    }

    @media screen and (max-width: 440px) {
      #footer .bottom-part { flex-wrap: wrap-reverse; height: 75px; }
      .wpml-ls-legacy-list-horizontal { width: 100%; }
      #footer ul.socials { padding-top: 10px; }
		.page-title { font-size: 26px; }
		div.page-heading { height: 100px; }
    }

    
/*# sourceMappingURL=z_responsive.css.map */