/* Defaults */
/* Navbar */
/* Dropdowns */
/* Carousel */
/* Breadcrumbs */
@media (min-width: 768px) {
  /* line 44, ../scss/_customVariables.scss */
  .affix {
    position: fixed;
  }
}
/* line 3, ../scss/custom.scss */
body {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

/* line 7, ../scss/custom.scss */
.affix {
  width: 100%;
  top: 0px;
  z-index: 3;
}

/* line 12, ../scss/custom.scss */
.navbar {
  border: 0px;
}

/* line 15, ../scss/custom.scss */
.navbar-brand {
  padding: 1px;
  margin-right: 20px;
}

/* line 19, ../scss/custom.scss */
.slider {
  width: 100vw;
  height: calc(50vh - 50px);
  background-size: cover;
  background-position: center;
  min-height: 300px;
  max-height: 450px;
}

/* line 27, ../scss/custom.scss */
.centrale-verwarming {
  background-image: url("../img/centrale-verwarming.jpg");
  background-position: left top;
}

/* line 31, ../scss/custom.scss */
.dakwerk {
  background-image: url("../img/dakwerk.jpg");
}

/* line 34, ../scss/custom.scss */
.badkamers {
  background-image: url("../img/badkamers.jpg");
}

/* line 37, ../scss/custom.scss */
.dakgoten {
  background-image: url("../img/dakgoten.jpg");
}

/* line 40, ../scss/custom.scss */
.koper-zink {
  background-image: url("../img/koper-zink.jpg");
}

/* line 43, ../scss/custom.scss */
.onderhoud-inspectie {
  background-image: url("../img/onderhoud-inspectie.jpg");
}

/* line 46, ../scss/custom.scss */
.navbar-default .navbar-nav > li > a {
  font-size: 1.2em;
}

/* line 49, ../scss/custom.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: #f7ee22;
  -webkit-box-shadow: inset 0px -5px 0px 0px #133f64;
  -moz-box-shadow: inset 0px -5px 0px 0px #133f64;
  box-shadow: inset 0px -5px 0px 0px #133f64;
}

/* line 55, ../scss/custom.scss */
.class {
  width: 100%;
  padding: 10px;
}

/* line 59, ../scss/custom.scss */
.primary {
  background-color: #133f64;
  color: #fff;
}

/* line 63, ../scss/custom.scss */
.primary a {
  color: #fff;
}

/* line 67, ../scss/custom.scss */
.secundary {
  background-color: #f7ee22;
  color: #133f64;
}

/* line 73, ../scss/custom.scss */
.empty a {
  font-weight: bold;
}

/* line 77, ../scss/custom.scss */
.middle {
  display: table;
  height: 100px;
}

/* line 81, ../scss/custom.scss */
.middle p {
  display: table-cell;
  vertical-align: middle;
}

/* line 86, ../scss/custom.scss */
hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 91, ../scss/custom.scss */
.slider .title {
  color: #133f64;
  font-size: 2em;
  font-weight: bold;
}

/* line 97, ../scss/custom.scss */
.slider .content {
  width: 28vw;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  padding: 4px;
  border-radius: 4px;
  text-align: justify;
  top: 50px;
}

/* line 107, ../scss/custom.scss */
.right {
  left: 60vw;
}

/* line 111, ../scss/custom.scss */
.left {
  left: 15vw;
}

/* line 115, ../scss/custom.scss */
.customBtn {
  z-index: 9999;
  position: absolute;
  line-height: 48px;
  font-size: 25px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #133f64;
  cursor: pointer;
  color: #f7ee22;
  text-align: center;
  padding: 0px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
  margin-top: -225px;
}

/* line 133, ../scss/custom.scss */
.nxt {
  right: 50px;
}

/* line 136, ../scss/custom.scss */
.prv {
  left: 50px;
}