/* PRINT */
/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Jura:400,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,600,400);
/*
	font-family: 'Jura', arial, sans-serif;
	font-family: 'Open Sans', arial, sans-serif;
*/
/* VARS */
/* IMPORTS */
/* PARTS */
/** BASE **/
/* line 2, ../sass/_base.scss */
body {
  font-family: 'Open Sans', arial, sans-serif;
  color: #12385C;
}

/* line 7, ../sass/_base.scss */
h1, h2, h3, h4, h5, h6 {
  /* font-family: 'Jura', arial, sans-serif; */
  font-family: 'Open Sans', arial, sans-serif;
  font-weight: 600 !important;
  text-transform: uppercase;
  margin-bottom: 1em;
  margin-top: 1.6em;
}

/* line 16, ../sass/_base.scss */
h1 {
  font-family: 'Jura', arial, sans-serif;
}

/* line 19, ../sass/_base.scss */
h2 {
  font-size: 26px;
}

/* line 22, ../sass/_base.scss */
h3 {
  font-size: 22px;
}

/* line 25, ../sass/_base.scss */
p {
  margin-bottom: 1.5em;
  line-height: 1.8em;
}
/* line 29, ../sass/_base.scss */
p:first-child {
  font-size: 1.1em;
  font-weight: 600;
}


.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}


/* line 35, ../sass/_base.scss */
p.intro, div.content-main p:first-child {
  font-size: 1.1em;
  font-weight: 600;
}

/* line 40, ../sass/_base.scss */
a {
  transition: all 0.5s ease;
}

/* line 44, ../sass/_base.scss */
img {
  max-width: 100%;
}

/* line 48, ../sass/_base.scss */
.sectie {
  padding: 10rem 0px;
}
@media screen and (max-width: 991px) {
  /* line 48, ../sass/_base.scss */
  .sectie {
    padding: 5rem 0px;
  }
}

/* line 55, ../sass/_base.scss */
footer.sectie {
  padding: 5rem 0 3rem 0;
}

/* line 59, ../sass/_base.scss */
footer .sectie {
  padding: 2rem;
}

/* line 63, ../sass/_base.scss */
.center {
  text-align: center !important;
}

/* line 66, ../sass/_base.scss */
.padding-t-0 {
  padding-top: 0px;
}

/* line 69, ../sass/_base.scss */
.padding-t-30 {
  padding-top: 30px;
}

/* line 72, ../sass/_base.scss */
.padding-t-60 {
  padding-top: 60px;
}

/* line 75, ../sass/_base.scss */
.padding-tb-30 {
  padding: 30px 0px;
}

/* line 78, ../sass/_base.scss */
.padding-tb-60 {
  padding: 60px 0px;
}

/* line 81, ../sass/_base.scss */
.margin-0 {
  margin: 0px;
}

/* line 84, ../sass/_base.scss */
.margin-t-0 {
  margin-top: 0px;
}

/* line 87, ../sass/_base.scss */
.margin-t-30 {
  margin-top: 30px;
}

/* line 90, ../sass/_base.scss */
.margin-t-60 {
  margin-top: 60px;
}

/* line 93, ../sass/_base.scss */
.margin-tb-30 {
  margin: 30px 0px;
}

/* line 96, ../sass/_base.scss */
.margin-tb-60 {
  margin: 60px 0px;
}

/* line 99, ../sass/_base.scss */
.margin-b-30 {
  margin-bottom: 30px;
}

/* line 102, ../sass/_base.scss */
.kop-blue {
  background: #27B3E6;
  border: 0px;
  border-radius: 0px;
  width: 100%;
  text-align: left;
}
/* line 111, ../sass/_base.scss */
.kop-blue h1, .kop-blue h2, .kop-blue h3, .kop-blue h4, .kop-blue h5, .kop-blue h6 {
  color: white;
  margin: 0px;
  padding: 0px;
  text-transform: none;
}

/* line 119, ../sass/_base.scss */
.kop-green {
  background: #8ab327;
  border: 0px;
  border-radius: 0px;
  width: 100%;
  text-align: left;
}
/* line 128, ../sass/_base.scss */
.kop-green h1, .kop-green h2, .kop-green h3, .kop-green h4, .kop-green h5, .kop-green h6 {
  color: white;
  margin: 0px;
  padding: 0px;
  text-transform: none;
}

/* line 136, ../sass/_base.scss */
.table tr td, .table tr th {
  border: 0px !important;
  vertical-align: top;
}

/* line 140, ../sass/_base.scss */
.table-hover > tbody > tr:nth-child(even) {
  background-color: #F1F2F2;
}

/* line 143, ../sass/_base.scss */
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #E6E7E7;
}

/* line 146, ../sass/_base.scss */
.table-hover > tbody > tr:nth-child(even):hover, .table-striped > tbody > tr:nth-child(odd):hover {
  background-color: #12385C;
}
/* line 148, ../sass/_base.scss */
.table-hover > tbody > tr:nth-child(even):hover td, .table-hover > tbody > tr:nth-child(even):hover th, .table-striped > tbody > tr:nth-child(odd):hover td, .table-striped > tbody > tr:nth-child(odd):hover th {
  color: white;
}

/* 5 col grid (id 15) */
/* line 154, ../sass/_base.scss */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 164, ../sass/_base.scss */
.col-xs-15 {
  width: 20%;
  float: left;
}

/* line 169, ../sass/_base.scss */
.navbar-wrapper {
  position: fixed;
}
/* line 172, ../sass/_base.scss */
.navbar-wrapper .navbar {
  border-radius: 0px;
}

/* line 177, ../sass/_base.scss */
.navbar-static-top {
  border-width: 0 0 2px;
}

/* line 181, ../sass/_base.scss */
.navbar-default {
  font-family: 'Jura', arial, sans-serif;
  background-color: #fff;
  border-color: #12385C;
  border-radius: 0px;
}
/* line 188, ../sass/_base.scss */
.navbar-default a {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 400 !important;
  color: #12385C;
}

/* Nav */
/* line 199, ../sass/_base.scss */
.navbar-default .navbar-nav {
  /*margin: 23px 0px;*/
}
/* line 204, ../sass/_base.scss */
.navbar-default .navbar-nav .active > a, .navbar-default .navbar-nav .current-menu-item > a {
  color: #12385C;
  background-color: white;
  font-weight: bold !important;
  font-size: 20px;
}
/* line 210, ../sass/_base.scss */
.navbar-default .navbar-nav .active > a:hover, .navbar-default .navbar-nav .current-menu-item > a:hover {
  background-color: #12385C;
  color: white;
}
/* line 218, ../sass/_base.scss */
.navbar-default .navbar-nav li a {
  color: #12385C;
  /*padding-top:8px;
  padding-bottom:8px;
  margin: 6px 0px;*/
}
/* line 224, ../sass/_base.scss */
.navbar-default .navbar-nav li a:hover {
  background-color: #12385C;
  color: white;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
/* line 237, ../sass/_base.scss */
.carousel {
  height: 400px;
  height: 42.8vh;
  min-height: 400px;
  overflow: hidden;
}

/* Since positioning the image, we need to help out the caption */
/* line 245, ../sass/_base.scss */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
/* line 250, ../sass/_base.scss */
.carousel .item {
  /*  position:relative;*/
  background: #27B3E6;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  height: 42.8vh;
  min-height: 400px;
  width: 100%;
  overflow: hidden;
}

/* line 267, ../sass/_base.scss */
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 42.8vh;
  min-height: 400px;
  display: none;
  object-fit: cover;
}

/* LOGO */
/* line 280, ../sass/_base.scss */
.logo {
  width: auto;
  height: auto;
  max-height: 80px;
  margin: 20px 0px;
}

/* line 286, ../sass/_base.scss */
.logo-small {
  max-height: 36px;
  margin: 7px 0px;
  display: none;
}

/* line 292, ../sass/_base.scss */
.slogan h2 {
  color: #27B3E6;
  margin: 0px;
  padding: 0px;
  line-height: 60px;
  text-transform: none;
  font-size: 24px;
}

/* BUMPER */
/* line 303, ../sass/_base.scss */
#bumper {
  height: 120px;
}

/* line 306, ../sass/_base.scss */
#bumper-blue {
  height: 100px;
  background: #27B3E6;
}

/* line 311, ../sass/_base.scss */
#to-top {
  display: none;
  position: fixed;
  z-index: 9999999999;
  bottom: 15px;
  right: 15px;
  border: 2px solid white;
  background: rgba(39, 179, 230, 0.5);
  color: white;
}
/* line 321, ../sass/_base.scss */
#to-top:hover {
  background: #27B3E6;
}

/* FOOTER */
/* line 327, ../sass/_base.scss */
#footer {
  background-color: #6A7172;
  color: white;
}
/* line 331, ../sass/_base.scss */
#footer a {
  color: white;
}
/* line 334, ../sass/_base.scss */
#footer a:hover {
  color: #27B3E6;
}
/* line 339, ../sass/_base.scss */
#footer img {
  max-height: 140px;
}
/* line 343, ../sass/_base.scss */
#footer .gray-line, #footer .gray-line a {
  color: #A1A1A1;
}

/* FIXES */
/* line 349, ../sass/_base.scss */
.submenu a.btn.btn-primary {
  margin-bottom: 5px;
}

/* klanten vertellen*/
/* line 356, ../sass/_base.scss */
.kv-box {
  min-height: 100px;
}

/* line 361, ../sass/_base.scss */
.btn-info {
  color: #fff;
  background-color: #27B3E6;
  border-color: #27B3E6;
  margin-top: 34px;
  margin-bottom: 10px !important;
}

/* line 370, ../sass/_base.scss */
.btn-success {
  color: #fff;
  background-color: #8ab327;
  border-color: #8ab327;
  margin-top: 34px;
}

/* line 380, ../sass/_base.scss */
.ebklantenvertellen .kk-reviews:not(.kk-layout-list) .kk-rating .kk-rating-stars, .kk-rating-summary .kk-rating .kk-rating-stars, .kk-single-review-wrapper .kk-rating .kk-rating-stars {
  text-align: center;
  position: absolute;
  margin-top: 20px;
  margin-left: 170px;
}

/* line 388, ../sass/_base.scss */
.ebklantenvertellen .btn-info {
  color: #fff;
  background-color: #27B3E6;
  border-color: #27B3E6;
  margin-top: 30px;
  margin-bottom: 0px !important;
}

/* line 397, ../sass/_base.scss */
.ebklantenvertellen .btn-success {
  color: #fff;
  background-color: #8ab327;
  border-color: #8ab327;
  margin-top: 10px;
}

/* 20201016 */
/* line 405, ../sass/_base.scss */
.ctable {
  display: table;
  width: 100%;
  height: 100%;
}

/* line 410, ../sass/_base.scss */
.ccell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

/* line 418, ../sass/_base.scss */
.mmx-tegel {
  position: relative;
  height: 200px;
  top: 0px;
  transition: all 0.5s ease;
}
/* line 425, ../sass/_base.scss */
.mmx-tegel a {
  display: block;
  height: 100%;
  position: relative;
}
/* line 431, ../sass/_base.scss */
.mmx-tegel h4 {
  line-height: 1.8em;
}
/* line 435, ../sass/_base.scss */
.mmx-tegel:hover, .mmx-tegel:focus {
  top: -10px;
}

/* line 441, ../sass/_base.scss */
.p-0 {
  padding: 0px;
}

/* line 444, ../sass/_base.scss */
.p-1 {
  padding: 1rem;
}

/* line 447, ../sass/_base.scss */
.p-2 {
  padding: 2rem;
}

/* line 450, ../sass/_base.scss */
.p-3 {
  padding: 3rem;
}

/* line 453, ../sass/_base.scss */
.p-4 {
  padding: 4rem;
}

/* line 456, ../sass/_base.scss */
.p-5 {
  padding: 5rem;
}

/* line 460, ../sass/_base.scss */
.pt-0 {
  padding-top: 0px;
}

/* line 463, ../sass/_base.scss */
.pt-1 {
  padding-top: 1rem;
}

/* line 466, ../sass/_base.scss */
.pt-2 {
  padding-top: 2rem;
}

/* line 469, ../sass/_base.scss */
.pt-3 {
  padding-top: 3rem;
}

/* line 472, ../sass/_base.scss */
.pt-4 {
  padding-top: 4rem;
}

/* line 475, ../sass/_base.scss */
.pt-5 {
  padding-top: 5rem;
}

/* line 479, ../sass/_base.scss */
.pb-0 {
  padding-bottom: 0px;
}

/* line 482, ../sass/_base.scss */
.pb-1 {
  padding-bottom: 1rem;
}

/* line 485, ../sass/_base.scss */
.pb-2 {
  padding-bottom: 2rem;
}

/* line 488, ../sass/_base.scss */
.pb-3 {
  padding-bottom: 3rem;
}

/* line 491, ../sass/_base.scss */
.pb-4 {
  padding-bottom: 4rem;
}

/* line 494, ../sass/_base.scss */
.pb-5 {
  padding-bottom: 5rem;
}

/* line 498, ../sass/_base.scss */
.m-0 {
  margin: 0px;
}

/* line 501, ../sass/_base.scss */
.m-1 {
  margin: 1rem;
}

/* line 504, ../sass/_base.scss */
.m-2 {
  margin: 2rem;
}

/* line 507, ../sass/_base.scss */
.m-3 {
  margin: 3rem;
}

/* line 510, ../sass/_base.scss */
.m-4 {
  margin: 4rem;
}

/* line 513, ../sass/_base.scss */
.m-5 {
  margin: 5rem;
}

/* line 517, ../sass/_base.scss */
.mt-0 {
  margin-top: 0px;
}

/* line 520, ../sass/_base.scss */
.mt-1 {
  margin-top: 1rem;
}

/* line 523, ../sass/_base.scss */
.mt-2 {
  margin-top: 2rem;
}

/* line 526, ../sass/_base.scss */
.mt-3 {
  margin-top: 3rem;
}

/* line 529, ../sass/_base.scss */
.mt-4 {
  margin-top: 4rem;
}

/* line 532, ../sass/_base.scss */
.mt-5 {
  margin-top: 5rem;
}

/* line 536, ../sass/_base.scss */
.mb-0 {
  margin-bottom: 0px;
}

/* line 539, ../sass/_base.scss */
.mb-1 {
  margin-bottom: 1rem;
}

/* line 542, ../sass/_base.scss */
.mb-2 {
  margin-bottom: 2rem;
}

/* line 545, ../sass/_base.scss */
.mb-3 {
  margin-bottom: 3rem;
}

/* line 548, ../sass/_base.scss */
.mb-4 {
  margin-bottom: 4rem;
}

/* line 551, ../sass/_base.scss */
.mb-5 {
  margin-bottom: 5rem;
}

/* line 555, ../sass/_base.scss */
.row-eq-height {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

/* line 561, ../sass/_base.scss */
.section-top-bar {
  background: #27B3E6;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  color: white;
}
/* line 569, ../sass/_base.scss */
.section-top-bar i.fa {
  font-size: 1.4em !important;
  top: 1px;
  position: relative;
}
/* line 575, ../sass/_base.scss */
.section-top-bar a {
  color: white;
  text-decoration: none !important;
}
/* line 579, ../sass/_base.scss */
.section-top-bar a:hover, .section-top-bar a:focus {
  color: #12385C;
  text-decoration: none;
}

/* line 586, ../sass/_base.scss */
.navbar-wrapper {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  border-bottom: 2px solid #12385C;
}

/* line 594, ../sass/_base.scss */
.navbar {
  margin-bottom: 0px;
}

/* line 597, ../sass/_base.scss */
.navbar-static-top {
  border-width: 0 0 0 0;
}

/* line 601, ../sass/_base.scss */
.text-gold {
  color: gold !important;
}

/* line 603, ../sass/_base.scss */
.img-head {
  background: #27B3E6;
  color: white;
}

/* line 608, ../sass/_base.scss */
.smoelen-container img {
  overflow: hidden;
  border-radius: 100%;
}

/* line 613, ../sass/_base.scss */
.h100 {
  height: 100%;
}

/* 20201203 */
/* line 618, ../sass/_base.scss */
.mmx-link.pr-1 {
  padding-right: 5px;
}

/* line 621, ../sass/_base.scss */
.mmx-link.pr-2 {
  padding-right: 10px;
}

/* line 624, ../sass/_base.scss */
.team-member p:first-child, .team-member p {
  font-size: 1.3rem !important;
  font-weight: 400;
  font-style: italic;
  text-align: center;
}

/* line 631, ../sass/_base.scss */
.team-member .smoelen-container {
  padding: 0 10px;
}

/* line 636, ../sass/_base.scss */
.table.mmx-data-table > thead > tr > th:first-of-type, .table.mmx-data-table > tbody > tr > th:first-of-type, .table.mmx-data-table > tfoot > tr > th:first-of-type, .table.mmx-data-table > thead > tr > td:first-of-type, .table.mmx-data-table > tbody > tr > td:first-of-type, .table.mmx-data-table > tfoot > tr > td:first-of-type {
  width: 140px !important;
}

/* MEDIA Q */
/* mediaqueries */
@media (min-width: 768px) {
  /* line 4, ../sass/_mediaqueries.scss */
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  /* line 10, ../sass/_mediaqueries.scss */
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  /* line 16, ../sass/_mediaqueries.scss */
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
@media (max-width: 991px) {
  /* line 27, ../sass/_mediaqueries.scss */
  #logo-bar h2 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  /* line 33, ../sass/_mediaqueries.scss */
  #logo-bar, #bumper {
    display: none;
  }

  /* line 36, ../sass/_mediaqueries.scss */
  .logo-small {
    display: block;
  }

  /* line 39, ../sass/_mediaqueries.scss */
  .btn {
    margin: 1px 0px;
  }
}
