*,
:before,
:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.primary-color {
  color: #386891;
}

.secundary-color {
  color: #49494b;
}

.custom-color {
  color: #17242a;
}

.container-fluid {
  max-width: 1200px;
}

.main-container {
  padding: 30px 15px;
}

/* Class to break out container */
.break-out {
  width: 100vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
}

.header--space {
  height: 50px;
  background-color: transparent;
}

.path-frontpage .header--space {
  height: 18px;
}

hr {
  border-top: 1px solid #e2e2e2;
}

/* Layoutbuilder Fix */
.ui-dialog {
  position: relative;
  z-index: 9999 !important;
}

.ui-dialog .glyphicon {
  display: none;
}

.layout-builder-block {
  background-color: transparent;
}

.cclear {
  clear: both;
  float: none;
}

/* Body */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: liga, kern;
  height: 100%;
  color: #333;
  line-height: 1.5em;
  font-size: 16px;
  background-color: #fff;
}

p,
body {
  font-family: "Montserrat", sans-serif;
}

p {
  margin-bottom: 29px;
  /* Set line height same as P & BR */
  padding: 0;
}

/* Prevent Animated Twice */
.wow {
  visibility: hidden;
}

.cclear {
  clear: both;
  float: none;
}

/* No display class */
.displaynone {
  display: none;
}

/* Img 100% width */
.img100 {
  width: 100%;
  height: auto;
}

/* Links */
a {
  outline: none !important;
  cursor: pointer !important;
}

a {
  color: #386891;
}

a:visited {
  color: #386891;
}

a:active {
  color: #386891;
  outline: none !important;
  border: none !important;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

a:focus {
  color: #386891;
  text-decoration: none;
  outline: none !important;
  border: none !important;
}

/* Label Fix */
.label {
  color: inherit;
}

/* Backgrounds */
.background-black,
.background-white,
.background-grey,
.background-primary,
.background-secundary,
.background-custom,
.background-footer {
  padding: 60px 0;
}

.background-black {
  background-color: #49494b;
  color: #fff;
}

.background-footer {
  background-color: #49494b;
  color: #fff;
}

.background--footer {
  background-color: #386891;
  color: #fff;
  padding: 60px 0;
  background-image: url(/images/footer.png);
  background-repeat: no-repeat;
  background-position: 63% bottom;
}

.background-white {
  background-color: #fff;
}

.background-grey {
  background-color: #f9f9f9;
}

.background-primary {
  background-color: #386891;
  color: #fff;
}

.background-secundary {
  background-color: #4e67ee;
  color: #fff;
}

.background-custom {
  background-color: #4e67ee;
}

/* Headers */
.page-header,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0;
  border-bottom: 0 solid #eee;
  margin: 5px 0;
  padding: 0;
}

h1 {
  font-size: 2em;
  color: #ffffff;
}

h2 {
  font-size: 1.5em;
  color: #386891;
}

h3 {
  font-size: 1.2em;
  color: #386891;
}

h4 {
  font-size: 1em;
  text-transform: uppercase;
  color: #386891;
}

h5 {
  font-size: 0.8em;
  color: #386891;
}

h6 {
  font-size: 0.6em;
  color: #386891;
}

.feature-block-rl-wrapper h2 {
  text-align: center;
  font-family: Calibri;
  font-size: 50px;
}

.feature-block-rl-wrapper p {
  font-size: 30px;
  font-family: Calibri;
  line-height:35px;
}

.feature-block-rl-wrapper {
  background: #ffffff !important;
  font-family: Calibri;
  font-size: 30px;
  text-align: center;
  display: inline-block;
  margin-bottom: 10px;
}


/* Bullet points */
.field--name-body ul {
  list-style-type: none;
  margin-left: 20px;
}

.field--name-body ul li:before {
  color: #386891;
  display: inline-block;
  margin-left: -1.7em;
  width: 1.7em;
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: 600;
}

.field--name-body ol {
  margin-left: 20px;
}

/* Top header */
.topheader--wrapper {
  text-align: right;
  border-bottom: 0 solid #386891;
  padding: 0 15px;
  text-transform: uppercase;
  font-size: 0.7em;
  background-color: #386891;
}

.topheader--wrapper a,
.topheader--wrapper p,
.topheader--wrapper {
  color: #fff;
}

.topheader--wrapper,
.topheader--wrapper p {
  font-family: "Montserrat", sans-serif;
}

.opaque .topheader--wrapper {
  display: none;
}

/* Logo */
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
  font-size: 2em;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #fff;
}

.logo img {
  max-height: 95px;
  margin-top: -20px;
}

/* Navbar */
.navbar {
/*  background-color: #386891; */
  border-color: #386891;
  margin: 0;
}

/* Navbar Normal Standard Link */
.navbar-default .navbar-nav>li>a {
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  color: #fff;
  padding: 0;
  margin: 5px 40px;
}

/* Navbar Normal Active Link */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .active-trail {
  background-color: transparent;
  color: #fff;
}

/* Navbar Normal Hover */
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  background-color: transparent;
  color: #fff;
}

/* Navbar Normal Dropdown Active Parent */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background-color: transparent;
  color: #fff;
}

/* Navbar Normal Dropdown Active Child */
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: transparent;
  color: #fff;
}

.dropdown-menu {
  background-color: #fff;
  border: 0 solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
}

/* Mobile Navbar Toggle */
.navbar-default .navbar-toggle {
  border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #386891;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: transparent;
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0 solid transparent;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.1);
}

.caret {
  display: none;
}

/* Navbar Opaque */
.opaque {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 2;
  background-color: #386891;
}

/* Buttons */
.btn {
  background-color: #386891;
  transition: all 0.2s ease-in-out;
}

.btn,
.cta--default,
.featureblock--link a,
.btn-primary:focus {
  font-family: "Montserrat", sans-serif;
  padding: 16px 15px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 700;
}

.btn:active,
.btn-primary:focus {
  background-color: #386891;
  border-color: #386891;
}

.btn:hover {
  filter: brightness(85%);
}

.btn-primary,
.btn-success {
  background-color: #386891;
  border-color: transparent;
  color: #fff;
  margin-top: 0;
}

.btn-primary:hover,
.btn-success:hover {
  background-color: #386891;
  color: #fff;
  border-color: transparent;
}

.btn-primary:visited {
  color: #fff;
}

.btn-default {
  background-color: #386891;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.btn-default:hover {
  background-color: #386891;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.aanbod--exposed-filters-front .btn-default {
  background-color: #386891;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.btn-info {
  background-color: #386891;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.btn-info:hover {
  background-color: #386891;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  background-color: #386891;
  border-color: #386891;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.pagination>li>a,
.pagination>li>span {
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #e2e2e2;
}

/* Forms */
.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 0.8em;
  line-height: 1.5em;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  transition: none;
  transition: none;
}

/* Google recaptcha */
.g-recaptcha {
  margin-bottom: 20px;
}

.privacy--wrapper {
  font-size: 0.8em;
}

/* Breadcrumb */
.breadcrumb {
  padding: 0;
  margin-bottom: 20px;
  list-style: none;
  background-color: transparent;
  font-size: 0.7em;
}

/* Call to actions */
.cta--default,
.field--name-field-block-feature-link a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  margin-top: 20px;
  clear: both;
  float: none;
  position: relative;
}

.cta--default,
.field--name-field-block-feature-link a {
  background-color: #6bb86d;
  color: #fff !important;
  border: 1px solid #6bb86d;
}

.cta--default:hover,
.field--name-field-block-feature-link a:hover {
  filter: brightness(85%);
}

.cta--inverted {
  background-color: #232629;
  border: 1px solid #232629;
}

.cta--inverted:hover {
  filter: brightness(85%);
}

/* Fontawesome minimal width */
.fa,
.fab,
.fal,
.far,
.fas {
  min-width: 25px;
}

/* Social Icons Awesome */
.social--awesome {
  text-decoration: none;
  text-align: center;
  font-size: 1.5em;
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 3px;
  border: 1px solid #386891;
  margin-bottom: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
  transition: all 0.2s ease-in-out;
}

.social--awesome,
.social--awesome:visited {
  background-color: transparent;
  color: #ccc;
  border: 1px solid #ccc;
}

.social--awesome:hover {
  background-color: #386891;
  color: #fff;
  border: 1px solid #386891;
  margin-bottom: 3px;
}

/* Footer */
.footer--wrapper h2 {
  font-size: 1.5em;
  color: #ffffff;
}

/* Footer menu */
.footer--wrapper .nav>li>a {
  padding: 0;
  padding: 0;
}

.footer--wrapper .nav>li>a:hover {
  background-color: transparent;
}

.footer--copyright {
  margin: 10px 0;
  font-size: 0.8em;
}

.block-block-content5c158004-6992-45fb-86a7-b68f005b7af1 {
  padding: 5px 0;
  font-size: 13px;
}

/* Header */
.header--wrapper,
.header--wrapper-title {
  background-color: #fff;
  position: relative;
  color: #333;
}

.header--wrapper:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  /*background-image:linear-gradient(-135deg,#386891 0%,#386891 100%);
	opacity:.2;*/
}

/* Header content when image is uploaded */
.header--image-content {
  position: relative;
  z-index: 1;
  margin: 150px 0;
  /*	background:rgba(0,0,0,0.8);
    padding:20px;
*/
  color: #fff;
  width: 100%;
  text-align: center;
}

/* Header content when NO image is uploaded */
.header--title-content {
  position: relative;
  z-index: 1;
  margin: 15px 0;
  color: #333;
}

.header--title-content h1 {
  font-size: 1.2em;
}

/* Contactpage background form */
.background-contact {
  background-color: #f9f9f9;
  padding: 20px;
}

#block-googlemaps {
  margin-bottom: -5px;
}

/* Blocktype Parallax */
.block--background-wrapper {
  padding: 100px 0;
  position: relative;
}

.block--background-wrapper:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(-135deg, #386891 0%, #386891 100%);
  opacity: 1;
}

.droomwoning-content h2 {
  font-size: 2em;
}

.droomwoning-content p {
  font-size: 1.2em;
}

.droomwoning-content span {
  font-size: 1em;
}

.block--background-text {
  z-index: 1;
  position: relative;
  color: #fff;
  text-align: center;
}

/* Blocktype feature block collection */
.featureblock--wrapper {}

.featureblock--image {
  position: relative;
}

.featureblock--image img {
/*  -webkit-border-radius: 100% !important; */
/*  -moz-border-radius: 100% !important; */
/*  border-radius: 100% !important; */
/*  width: 80% !important; */
  margin: auto;
  margin-bottom: -30px;
  position: relative;
  z-index: 1;
}

.featureblock--image img:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(-135deg, #386891 0%, #386891 100%);
  opacity: 0.8;
}

.featureblock--content-wrapper {
  padding: 40px 20px 30px;
  background-color: #fff;
  position: relative;
}

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

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

.featureblock--link {
  display: none;
}

/* Aanbod */
.flexslider {
  border: none;
  box-shadow: none;
  margin: 0;
  position: relative;
  z-index: 1;
}

.background--grey {
  background-color: #fff;
  padding: 30px;
  margin: 0 0 30px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.house--details-wrapper .field {
  padding: 20px;
  text-align: center;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 170px;
  box-sizing: border-box;
  width: 100%;
  background-color: #f5f5f5;
  border-right: 1px solid #e2e2e2;
  color: #333;
  margin-bottom: 20px;
}

/* Flexslider navigation */
.flex-direction-nav a::before {
  font-size: 20px;
  display: inline-block;
}

/* Full view details */
.house--specification-right .field--label {
  width: 50%;
  font-weight: 400;
}

.house--specification-right .clearfix {
  /*border-bottom:1px solid #e2e2e2;*/
  padding: 0;
}

.house--specification-right .block-field-blocknodeaanbodtitle {}

.house--specification-right .field--item {}

.block-extra-field-blocknodeaanbodflag-bookmark.clearfix {
  border: none;
  padding: 5px 0;
}

.house--specification-right .block:first-child {
  border-bottom: 0 solid #e2e2e2;
  padding: 0;
}

.flag-bookmark a {
  border: 1px solid #e2e2e2;
  padding: 5px;
  display: block;
  text-align: center;
  margin: 10px 0;
  color: #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.flag-bookmark a:hover {
  border: 1px solid #e2e2e2;
  background-color: #f9f9f9;
}

.house--specification-right .block:nth-child(2) {
  border-bottom: 0 solid #e2e2e2;
  padding: 0;
}

.house--specification-right .block:last-child {}

.house--specification-right .field--name-field-house-price,
.house--specification-right .block-field-blocknodeaanbodtitle {
  font-size: 1.5em;
  margin: 10px 0;
  line-height: 140%;
  font-weight: 700;
}

.field--name-field-house-street {
  font-weight: 700;
}

.field--name-field-house-place {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  border-bottom: 0 solid #eee;
  margin: 5px 0;
  padding: 0;
  font-size: 2em;
}

.house--specification-right .cta--default {
  display: block;
}

.field--name-field-house-amenities .field--item {
  display: inline-block;
  margin-right: 5px;
}

.field--name-field-house-amenities .field--item:before {
  color: #386891;
  display: inline-block;
  width: 1.3em;
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: 600;
}

.addtoany_list>a {
  padding: 0;
  margin-right: 5px;
  margin-top: 20px;
}

/* Teaser view */
.house--teaser-wrapper {
  border: 1px solid #e2e2e2;
  padding: 10px;
  margin-bottom: 30px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.house--teaser-image img {
  width: 100%;
  height: auto;
}

.house--teaser-image {
  position: relative;
}

.house--teaser-bannerown {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 5px;
  margin-left: 15px;
  opacity: 1;
  margin-top: 20px;
  background-color: rgba(230, 0, 126, 0.8);
}

.house--teaser-banner {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 5px;
  margin-right: 15px;
  opacity: 1;
  margin-top: 20px;
  background-color: rgba(241, 135, 0, 0.8);
}

.house--teaser-place {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  border-bottom: 0 solid #eee;
  margin: 5px 0;
  padding: 0;
  font-size: 1.2em;
}

.house--teaser-street {
  font-size: 0.9em;
  min-height: 55px;
}

.house--teaser-price {
  font-size: 1.4em;
  font-weight: 700;
  text-align: right;
  color: #386891;
}

.house--teaser-living_space {
  float: left;
  margin-right: 20px;
}

/* Exposed filter */
/* Exposed filters */
#block-viewsexposedfilterblock-2,
.aanbod--exposed-filters {
  background-color: #f9f9f9;
}

#block-viewsexposedfilterblock-2 label,
.aanbod--exposed-filters label {
  color: #fff;
}

#block-viewsexposedfilterblock {
  background-color: #386891;
}

#block-viewsexposedfilterblock .btn-default {
  background-color: #386891;
}

#block-viewsexposedfilterblock-2 .btn {
  width: 100% !important;
}

#block-viewsexposedfilterblock label {
  color: #fff;
}

.aanbod--exposed-filters .control-label {
  color: #666;
}

.aanbod--exposed-filters {
  padding: 20px;
  margin: 20px 0;
  margin-bottom: 40px;
  margin-top: 0;
}

.aanbod--exposed-filters-front {
  background-color: #fff;
  padding: 20px;
  border-bottom: 0 solid #e2e2e2;
}

.aanbod--exposed-filters label,
.aanbod--exposed-filters-front label {
  display: block;
  color: #fff;
}

.aanbod--exposed-filters .form-control,
.aanbod--exposed-filters-front .form-control {
  padding: 15px;
  border: none;
  min-width: 175px;
}

.aanbod--exposed-filters .btn,
.aanbod--exposed-filters-front .btn {
  margin-top: 20px;
}

.aanbod--exposed-filters .form--inline,
.aanbod--exposed-filters-front .form--inline {
  display: flex;
}

.aanbod--exposed-filters .control-label,
.aanbod--exposed-filters-front .control-label {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 5px;
  margin-left: 17px;
}

.aanbod--exposed-filters .form-item,
.aanbod--exposed-filters-front .form-item {
  flex: 1;
}

.aanbod--exposed-filters .form-control,
.aanbod--exposed-filters-front .form-control {
  width: 100%;
}

.aanbod--exposed-filters .form-inline .select-wrapper,
.aanbod--exposed-filters-front .form-inline .select-wrapper {
  width: 90%;
}

/* Hide test */
.aanbod--exposed-filters-front .form-type-entity-autocomplete,
.aanbod--exposed-filters .form-type-entity-autocomplete {
  display: none !important;
}

.select-wrapper select {
  line-height: 120%;
}

.select-wrapper::after {
  display: none !important;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 0 solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(20%, #fff),
      color-stop(50%, #f6f6f6),
      color-stop(52%, #eee),
      to(#f4f4f4));
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

/* Memberships */
#views-bootstrap-product-overzicht-block-1 .views-field {
  background-color: #f9f9f9;
  padding: 20px;
  text-align: left;
  margin: 20px auto;
  max-width: 400px;
}

#edit-login-returning-customer-forgot-password {
  margin-left: 20px;
}

/* Profile page */
.block-views-blockdw-gebruikersblokken-block-1 .views-label,
.block-views-blocklicenties-block-1 .views-label,
.user--license .field--label {
  font-weight: 700;
  width: 50%;
  display: inline-block !important;
}

.user--license,
.view-commerce-user-orders,
.view-dw-submissions,
.view-dw-gebruikers-flags {
  padding: 20px;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.user--license .views-field,
.user--license .field {
  padding: 5px 0;
}

.table>thead>tr>th {
  border-bottom: 1px solid #e2e2e2;
}

.user--block-userinfo {
  border: 1px solid #e2e2e2;
  padding: 20px;
  margin: 30px 0;
}

/* Uitgelicht */
.house--featured {
  background-color: #f9f9f9;
  padding: 60px 0;
}

.field--name-field-media-image img {
  width: 100%;
}

/* Filters homepage */
.filters--homepage {
  margin-bottom: -30px;
}

.filters--homepage .btn {
  padding: 5px 10px;
  margin-top: 17px;
}

#views-exposed-form-aanbod-block-1 {
  border: 0 solid #e2e2e2;
  padding: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* Flags */
.view-aanbod .flag {
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 5px;
  text-align: right;
}

/* Checkout panes */
.checkout-pane-payment-information {
  display: none;
}

/* Profile page */
#block-views-block-dw-user-account-menu-block-1 li,
#block-views-block-dw-user-account-menu-block-1 ul {
  padding: 0;
  margin: 0;
}

#block-views-block-dw-user-account-menu-block-1 {
  background-color: #f9f9f9;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 30px;
}

#block-views-block-dw-user-account-menu-block-1 li {
  list-style-type: none;
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 0;
}

#block-views-block-dw-user-account-menu-block-1 li:last-child {
  border: none;
}

#block-views-block-dw-user-account-menu-block-1 li a {
  color: #333;
  padding: 10px 0;
}

#block-views-block-dw-user-account-menu-block-1 li a:hover {
  color: #386891;
}

#block-views-block-dw-user-account-menu-block-1 li a:active {
  color: #386891;
}

.tabs-left>.nav-tabs>.active>a,
.tabs-left>.nav-tabs>.active>a:hover,
.tabs-left>.nav-tabs>.active>a:focus {
  border-color: #e2e2e2 transparent #e2e2e2 #e2e2e2;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.09);
  border-top: 1px solid #e2e2e2 !important;
}

.profile--image-aanbod {
  max-width: 100px;
  height: auto;
}

/* Discount */
.coupon-redemption-form__coupons td {
  padding: 0 10px;
}

.path-frontpage .main-container {
  text-align: center;
  background-color: #386891;
  color: #fff;
}

.house--featured {
  background-color: #fff;
}

.header--wrapper,
.header--wrapper-title {
  background-color: #fff;
  position: relative;
  color: #333;
  border-bottom: 1px solid #e2e2e2;
}

.path-frontpage .main-container {
  display: none;
}

.path-frontpage .header--wrapper {
  height: 90vh;
}

.header--image-content h2 {
  font-size: 35px;
}

.header--home {
  background: url(/images/bg.gif) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:102vh;*/
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
  position: relative;
  height: 500px;
}

/*
.header--home:after {
	content:' ';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	background-image:linear-gradient(-135deg,#000 0%,#000 100%);
	opacity:.2;
}*/
.path-frontpage #block-footerlayoutblock {}

.header--home-content {}

#block-viewsexposedfilterblock-2 {
  /*margin-top:-110px;*/
  background: transparent;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
  position: relative;
}

#block-featureblockcollection {
  background-color: #f5f5f5;
  padding: 60px 0;
}

#views-bootstrap-product-overzicht-block-1 .field--name-title {
  display: none;
}

#views-bootstrap-product-overzicht-block-1 .col-md-4:nth-child(2) .views-field {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 15px 25px 0 rgba(0, 11, 40, 0.14);
}

.reviewed--wrapper {
  margin-top: 10px;
  color: green;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.reviewed--wrapper .far {
  font-size: 15px;
  color: green;
}

/* Steden */
.steden--wrapper {
  margin: 60px 0 30px;
}

.steden--item {
  min-height: 300px;
  // display: flex;
  // justify-content: center;
  // align-items: center;
  margin-bottom: 30px;
  // background-repeat: no-repeat;
  // background-size: 100% 100%;
  padding-top: 120px;
  text-align: center;
}

.steden--item h3 {
  color: #ffffff;
  background: #386891;
}

.steden--item {
  opacity: 0.7;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}

.steden--item:hover {
  opacity: 1;
}

.steden--item h2 a {
  color: #fff;
  font-size: 120%;
}

.steden--item1 {
  background: url(/images/cities/london.jpg);
  background-size: 100% 100%;
}

.steden--item2 {
  background: url(/images/cities/manchester.jpg);
  background-size: 100% 100%;
}

.steden--item3 {
  background: url(/images/cities/leeds.jpg);
  background-size: 100% 100%;
}

.steden--item4 {
  background: url(/images/cities/bristol.jpg);
  background-size: 100% 100%;
}

.steden--item5 {
  background: url(/images/cities/liverpool.jpg);
  background-size: 100% 100%;
}

.steden--item6 {
  background: url(/images/cities/birmingham.jpg);
  background-size: 100% 100%;
}

.steden--item7 {
  background: url(/images/cities/sheffield.jpg);
  background-size: 100% 100%;
}

.steden--item8 {
  background: url(/images/cities/leicester.jpg);
  background-size: 100% 100%;
}

.steden--item9 {
  background: url(/images/cities/maastricht.jpg);
  background-size: 100% 100%;
}

#block-views-block-aanbod-block-1 {
  display: none;
}

/* FAQ Field */
/* Active field */
.ui-state-default {
  border: 0 solid #e2e2e2;
  background: #f5f5f5;
  font-weight: 400;
  color: inherit;
  outline: none !important;
  font-size: inherit;
}

.ui-accordion-header-active {
  border: 1px solid #386891;
  background: #386891;
  font-weight: 400;
  color: #fff;
  box-shadow: none;
  outline: none !important;
  font-size: inherit;
}

.ui-widget-content {
  border: 1px solid #e2e2e2;
}

.field--name-field-page-images {
  margin-bottom: 30px;
}

.background--footer a {
  color: #fff !important;
}

/* Counter */
.block-views-blocktop-steden-count-block-1 {
  padding: 50px 15px;
  /* background-color: #71335e; */
}

.block-views-blocktop-steden-count-block-1 a,
.block-views-blocktop-steden-count-block-1,
.block-views-blocktop-steden-count-block-1 p {
  color: #6bb86d;
}

.count--wrapper {
  display: flex;
}

.count--name {}

.count--id {}

.view-top-steden-count .view-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.view-top-steden-count .views-row {
  margin: 0 3px;
}

.steden--item h2 {
  color: #fff;
  text-shadow: 1px 1px #000;
}

/* Simplenews */
.field--type-simplenews-subscription legend {
  display: none;
}

.simple-description {
  background-color: #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
}

.simplenews-subscriber-form .form-control {
  max-width: 300px;
  display: inline-block;
}

/* Email */
.mail-image {
  max-width: 220px;
  float: left;
}

.mail-content {
  float: left;
}

#block-steden {
  background: #386891;
}

#block-featureblockcollection {
 /* background-color: #71335e; */
}

.steden--item {
  position: relative;
}

.steden--item h2 {
  position: relative;
  z-index: 2;
}

.steden--item:after {
  content: " ";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #386891;
  opacity: 0.1;
}

.path-frontpage .topheader--wrapper,
.path-frontpage .navbar {
  background-color: transparent;
  border: none;
}

/*
.header--home {
	margin-top:0;
}

.path-frontpage .navbar-nav > li > a,.path-frontpage .topheader--wrapper a {

	color:#386891;font-weight: bold;}
	
	*/
.path-frontpage .navbar-nav>li>a {
  display: none;
}

.logo img {
  max-height: 95px;
  margin-top: -20px;
}

.path-frontpage .logo img {
  max-height: 1000px;
  margin-top: -20px;
  width: 275px;
}

.opaque .logo img {
  max-height: 65px;
  margin-top: 0;
}

.featureblock--wrapper h2 {
  color: #386891;
}

#block-steden {
  background: #fff;
}

.house--teaser-place {
  color: #386891 !important;
}

.path-frontpage .topheader--wrapper p {
  background: #386891;
  max-width: 282px;
  padding: 0 30px 0 20px;
  float: right;
  font-weight: 700;
}

#block-gtranslate {
  margin-top: 4px;
  margin-bottom: -4px;
}

.path-frontpage .opaque .logo img {
  max-height: 65px;
  margin-top: 0;
  display: none !important;
}

.path-frontpage .navbar-default .navbar-toggle {
  display: none !important;
}

.block-block-contenta149bea4-baa1-46ca-a027-15cf6d83676f .cta--default {
  margin-top: 0px;
}

.block-block-contenta149bea4-baa1-46ca-a027-15cf6d83676f .cta--default {
  margin-top: 0px;
}

.header--image-content h2 {
  text-shadow: 2px 2px #000;
}

.callout {
  background-color: #386891;
  color: #fff;
  text-align: center;
  padding: 10px;
}


.dw-vak {
  background-color: #f5f5f5;
  padding: 20px;
}

.dw-vak1 {
  border: 10px solid #fff;
  padding: 10px;
}

div#edit-subscriptions {
  column-count: 3;
}


.flexslider .slides img {
  max-height: 600px !important;
  height: auto;
  -moz-user-select: none;
}


.whatsapp--float-div {
  position: fixed !important;
  width: 60px !important;
  background-color: #25d366 !important;
  height: 60px !important;
  bottom: 20px !important;
  right: 20px !important;
  color: #fff !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  border-radius: 50px !important;
  font-size: 30px !important;
  z-index: 5 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transition: all .2s ease-in-out !important;
}

.whatsapp--float-div:hover .whatsapp--float-button {
  transform: scale(1.1) !important;
  text-decoration: none !important;
}

.whatsapp--float-div.animated.heartBeat:hover {
  text-decoration: none !important;
  color: #fff !important;
}


.flex-control-paging li a {
  border-radius: 100% !important;
}

.aanbod--rightside .field--label {
  float: left;
  width: 200px;
}

.aanbod--price {
  font-size: 1.5em;
  margin: 10px 0;
  line-height: 140%;
  font-weight: 700;
}

.aanbod h1 {
  font-size: 1.5em
}

.aanbod--description {
  background-color: #fff;
  padding: 30px;
  margin: 10px 0px 30px 0px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.aanbod--place-street {
  margin: 20px 0px;
}

.aanbod--cta {
  margin-top: 20px;
}

.aanbod .btn {
  color: #fff;
}

.modal-body h2 {
  color: #333;
  font-size: 18px;
}

.modal-body p {
  font-size: .8em
}

.modal-body table {
  font-size: .8em
}

.aanbod--googlemaps {
  margin: 30px 0px
}

.aanbod--gecontroleerd {
  font-size: .9em;
  font-weight: bold;
  color: green;
  margin-top: 20px;
}


.aanbod--details--wrapper {
  display: flex;
  align-items: center;
}

.aanbod--details--wrapper-item {
  padding: 20px;
  text-align: center;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 170px;
  box-sizing: border-box;
  width: 100%;
  background-color: #f5f5f5;
  border-right: 1px solid #e2e2e2;
  color: #333;
  margin-bottom: 20px;
  width: 12, 5%
}

.aanbod--voorzieningen {
  background-color: #fff;
  padding: 30px;
  margin: 0 0 30px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.aanbod--title {background-color: #386891;color:#fff;padding:5px 20px;margin-bottom:30px}
.aanbod--title h1 {font-size: 20px;}

.field--name-field-house-images {
  margin-bottom: 30px;
}

.flex-control-paging li a {
  border-radius: 0px !important;
}

.featureblock--content-wrapper {min-height: 300px;}

.wg-li.fr.wgcurrent {
   display: none;
}