/*=============================================>>>>>
= GENERAL =
===============================================>>>>>*/

/* Text selection */
::selection {
  background: #e8dbdb; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #e8dbdb; /* Gecko Browsers */
}

/* Typography */
body,
.w-form-label {
	font-family: 'montserratlight', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
label {
	font-family: 'montserratsemi_bold';
}
h2{
  margin-top: 14px;
}
.block-title h2{
  margin-top: 0;
}
.invoice-cta-title {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
b, strong.strong{
  font-family: 'montserratsemi_bold', sans-serif;
    font-weight: 400;
}
strong{
  font-weight: inherit;
  font-family: inherit;
}

/* Links */
.invoice-cta .invoice-cta-title a {
  color: inherit;
  text-decoration: none;
}

/* Icons */
.icon {
  font-family: Bouwadvies;
}

/* Lists */
.ul-icon {
  padding-left: 0;
  margin-top: 10px;
}
.ul-icon li {
  margin-bottom: 0;
  text-indent: 2.7em;
  background-repeat: no-repeat;
  background-position-y: 4px;
}
.ul-icon.ul-check li {
  background-image: url(../images/ic-check.png);
}

.ul-icon.ol li {
  line-height: 2.6em;
}
.ul-icon.ol li:nth-child(1) {
  background-image: url(../images/ic-1.png);
}
.ul-icon.ol li:nth-child(2) {
  background-image: url(../images/ic-2.png);
}
.ul-icon.ol li:nth-child(3) {
  background-image: url(../images/ic-3.png);
}
.ul-icon.ol li:nth-child(4) {
  background-image: url(../images/ic-4.png);
}
.ul-icon.ol li:nth-child(5) {
  background-image: url(../images/ic-5.png);
}

ul.no-style {
	list-style-type: none;
	padding-left: 0;
	line-height: 25px;
	margin-top: -10px;
}

/* Buttons */
.button.button-on-content-block {
  left: 50%;
  -ms-transform: translate(-50%);
  -wekbit-transform: translate(-50%);
  transform: translate(-50%);
}

/* News blocks */
.media-text {
  float: none;
  width: auto;
}

/* Wells */
.well .w-col {
	padding-left: 0;
	padding-right: 20px;
}

.well .w-row {
	margin-left: 0;
}

/* Referenties */
.referenties-link {
  -webkit-transition: background 200ms ease;
  transition: background 200ms ease;
}

.referenties-link:hover {
  background: #f1f1f1;
}

/* Slider */
.w-slider {
  background: #fff;
  height: auto;
  margin-bottom: 12px;
}
.w-slider.in-well { background: #f1f1f1; }

[class^="w-icon-"], [class*=" w-icon-"] {
  font-family: 'Bouwadvies';
}
.w-icon-slider-left:before {
  content: '3';
}
.w-icon-slider-right:before {
  content: '2';
}

.w-slider-dot {
  background-color: #f1f1f1;
  box-shadow: 1px 1px 0 0 rgba(60, 60, 60, .21);
}
.w-slider.in-well .w-slider-dot { background-color: #fff; }
.w-slider-dot.w-active,
.w-slider.in-well .w-slider-dot.w-active {
  background-color: #e20613;
}

/* Forms */
label span.red {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

form > p:first-of-type {
  font-size: .9em;
}

.w-input:focus, .w-select:focus {
  border-color: #3c3c3b;
}

#spam {
  font-family: 'montserratsemi_bold', sans-serif;
  color: #e20613;
}

.error {
  border-color: #e20613;
}
.error:focus {
  border-color: #bb101a;
}

/* iframes */
iframe[name='google_conversion_frame'] { /* get rid of 13px height */
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/* partner */
.logo-renson{
  width: 200px;
}
.center-img{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

/*=============================================>>>>>
= HEADER =
===============================================>>>>>*/

/* Top nav */
.top-nav-link a.e-mail {
  color: #b6b5b5;
  text-decoration: none;
}

.white.nav-link.top-nav-link.float-right.top-nav-right-links.w--current {
  line-height: 2.6em;
  font-size: 0.9em;
}
a.white.nav-link.top-nav-link.float-right.top-nav-right-links.projecten-btn.w--current {
  color: white;
  background-color: #bb101a;
}

/* Navigatie */
.dropdown-toggle span.icon {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
}
.dropdown-toggle:hover span.icon {
  color: #b6b5b5;
}
.w-dropdown-toggle.dropdown-toggle.last-nav-link.active {
	color: #e20613;
}

/* Hamburger icon */
.w-icon-nav-menu:before {
	content: 'h';
	font-family: 'bouwadvies';
}
.w-nav-button {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
}
.w-nav-button:hover {
  color: #b6b5b5;
}
.w-nav-button.w--open {
  color: #3c3c3b;
  background-color: #f1f1f1;
}

/*=============================================>>>>>
= FOOTER =
===============================================>>>>>*/

/* Sticky footer */
* {
  margin: 0;
}
html, body {
  height: 100%;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -250px;
}
.footer, .push {
  height: 250px;
}

footer {
  position: relative;
}

.sitemap {
  width: 71%;
  margin-top: -9px;
}

.footer-last {
  margin-bottom: 30px;
}

.footer-last .link-block a.e-mail {
  color: #3c3c3b;
  text-decoration: none;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
}
.footer-last .link-block:hover a.e-mail {
  color: #b6b5b5;
}

#dewitte {
  /* position: absolute;
  bottom: 0;
  right: 10px;
  padding-bottom: 5px; */
  display: block;
  text-align: right;
}

/*=============================================>>>>>
= CONTENT =
===============================================>>>>>*/

/* Melding */
#melding {
  text-align: center;
  padding: 5px 0 10px 0;
  font-weight: bold;
}
#melding a:hover {
  text-decoration: none;
}

/* HOME */

/* Hero */
.hero-text-block {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   padding-top: 10px;
   padding-bottom: 10px;
}
.hero-text-block a{
  color:white;
  text-decoration: underline;
  white-space: nowrap;
}
.hero-text-block a:hover{
  color:white;
  text-decoration: none;
}

/* Wat doen we? */
#activiteiten .icon-circle:hover {
  background-color: #e20613;
}

/* Waarom voor ons kiezen? */
.content-box.dark-pattern-bg.advantages-box {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.thumb-gallery-lightbox-link {
  width: 97px;
  height: 97px;
}


/* Facebook */
.fb-page {
  box-shadow: 2px 2px 0 0 rgba(60, 60, 60, .21);
}

/* REFERENTIES */

/* Realisaties */
.well.realisaties p:nth-of-type(1) {
  margin-bottom: 20px;
}

.realisatie-thumb {
	margin-bottom: 20px;
}
.realisatie-thumb:nth-of-type(3n+4) {
	clear: left;
}

/* Projecten */
.projecten-img {
  margin-bottom: 12px;
  float: right;
}

#projects .well a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

/* CONTACT */

/* Formulier */
#bouwgrond {
  padding-left: 0;
}
#bouwgrond .w-form-label {
  font-family: 'montserratlight', sans-serif;
  font-weight: normal;
}
#bouwgrond input[type="text"] {
  margin-top: 5px;
}

/* Contactgegevens */
.contactgegevens a.e-mail {
  color: #3c3c3b;
  text-decoration: none;
}

/* Bouwgrond */
.w-lightbox img{
-webkit-transition: all 500ms; /* Safari */
    transition: all 500ms;
}
.w-lightbox:hover img{
  -ms-transform: scale(1.03, 1.03); /* IE 9 */
    -webkit-transform: scale(1.03, 1.03); /* Safari */
    transform: scale(1.03, 1.03);
    
}



/*=============================================>>>>>
= 404 =
===============================================>>>>>*/
#_404 {
  padding-top: 40px;
  border-top: 5px solid #e20613;
}

#_404 .logo-link img {
  display: block;
  margin: 0 auto 15px auto;
}

#_404 h1 {
  margin-top: 0;
  font-size: 150%;
  line-height: 150%;
}

#_404 .image {
  width: 85%;
  display: block;
  margin: 70px auto 0 auto;
}

/*=============================================>>>>>
= MEDIA QUERIES =
===============================================>>>>>*/

@media screen and (max-width: 1200px) {
  /* FOOTER */
  .footer { background-image: none; }
}

@media screen and (min-width: 992px) {
  /* CONTENT */
  /* Home */
  .content-box.dark-pattern-bg.advantages-box { height: 291px; } /* Waarom voor ons kiezen? */
}

@media screen and (min-width: 992px) and (min-height: 1030px) {
  /* CTA tegen footer */
  .cta#sleutel-op-de-deur { position: absolute; bottom: 225px; /* footer height */ left: 0; width: 100%; }
}

/*
@media screen and (min-width: 992px) and (min-height: 1012px) {
  /* CTA tegen footer *//*
  .cta#projecten { position: absolute; bottom: 225px; /* footer height */ /*left: 0; width: 100%; }
} */

@media screen and (min-width: 992px) and (min-height: 870px) {
  /* CTA tegen footer */
  .cta#casco { position: absolute; bottom: 225px; /* footer height */ left: 0; width: 100%; }
}

@media screen and (max-width: 991px) {
  /* GENERAL */
  /* Buttons */
  .button.button-on-content-block { width: 70%; }
  /* Lists */
  .well .list-item { line-height: 2.6em; }

  /* HEADER */
  /* Navigatie */
  .w-dropdown-link { padding-bottom: 20px; padding-left: 40px; }

  /* FOOTER */
  /* Sticky footer */
  .wrapper { margin: 0 auto -310px; }
  .footer, .push { height: 310px; }
  footer .sitemap { width: 100%; }
  .footer-last p { display: inline-block; width: 48%; }
  footer #contact { display: inline-block; width: 48%; }
  .footer-last { float: none; }

  /* CONTENT */
  /* Home */
  .col-half.right.facebook-feed { text-align: center; }
  .fb-page { margin-bottom: 40px; }

  /* CTA action */
  .cta { position: relative; left: none; bottom: none; }
}

@media screen and (max-width: 767px) {
  /* GENERAL */
  .intro.extra-padding-small { padding-right: 10px; padding-left: 10px; }

  /* Well */
  .well > .w-row > .w-col { padding-right: 0; padding-left: 0; }

  /* FOOTER */
  /* Sticky footer */
  .wrapper { margin: 0 auto -348px; }
  .footer, .push { height: 348px; }

  /* CONTENT */
	/* Realisaties */
	#realisaties p.intro {
		padding-left: 10px;
		padding-right: 10px;
	}
	#realisaties .tabs-menu {
		margin-left: 10px;
	}

  /* Projecten */
  .projecten-img { float: none; }

  /* 404 */
  #_404 .logo-link img { max-width: 300px; }
  #_404 .image { margin: 0; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* GENERAL */
  /* News blocks */
  .media-text { padding-top: 45px; }
}

@media screen and (min-width: 672px) and (max-width: 991px) {
  /* GENERAL */
  /* Cta */
  .invoice-cta .button.white-button.float-right { margin-top: 13px; }
}

@media screen and (max-width: 621px) {
  /* FOOTER */
  footer #contact { width: auto; }
}

@media screen and (max-width: 585px) {
  /* FOOTER */
  /* Sticky footer */
  .wrapper { margin: 0 auto -400px; }
  .footer, .push { height: 400px; }
}

@media screen and (max-width: 520px) {
  /* FOOTER */
  /* Sticky footer */
  .wrapper { margin: 0 auto -419px; }
  .footer, .push { height: 419px; }
}

@media screen and (min-width: 480px) and (max-width: 490px) {
  /* GENERAL */
  /* News blocks */
  .media-text { padding-top: 45px; }
  .media-text p { display: none !important; }
}

@media screen and (max-width: 479px) {
  /* GENERAL */
  /* News blocks */
  .media-text { padding-top: 25px; }

  /* FOOTER */
  /* Sticky footer */
  .wrapper { margin: 0 auto -688px; }
  .footer, .push { height: 688px; }
}