body {
  position: relative;
  padding-top: 83px;
  font-family: "Myriad pro light";
  font-size: 1.5em;
  color: #444446;
}

main {
  padding-top: 100px;
  margin-left: 300px;
  margin-right: 300px;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

iframe {
  margin-top: -48px;
}

.empty-class {
  padding-top: 150px;
  margin-top: -150px;
}

.no-gutter [class*='col-'] {
  padding-left: 0px;
  padding-right: 0px;
}

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

.row__lightgrey {
  background-color: #e8e9ea;
}

.table {
  margin-bottom: 10px;
}

.table-bordered > tbody {
  background:rgba(255,255,255, 0.5);
}

.table-bordered > tbody > tr > td {
  border: 1px solid #e75126;
}

.table-bordered > tbody > tr > th {
  border: 1px solid #e75126;
}

.table-bordered > thead > tr > th {
  border: 1px solid #e75126;
  font-weight: normal;
}

.table-bordered > thead {
  border: 1px solid #e75126;
  background-color: #e75126;
  color: #fff;
}

.btn-orange {
  background-color: #444446;
  color: #fff;
  font-family: "Myriad pro";
  padding: 10px;
}

.btn-orange:hover {
  background-color: #444446;
  color: #fff;
  font-family: "Myriad pro";
  padding: 10px;
}

.btn-orange:focus {
  background-color: #444446;
  color: #fff;
  font-family: "Myriad pro";
  padding: 10px;
  outline: none !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  background-color: #444446;
  width: 270px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #444446;
  color: #fff;
}

.dropdown-menu > li {
  padding-left: 0px;
}

a:link, a:visited, a:hover, a:active {
  color: #444446;
  text-decoration: none;
}

.text__pro {
  font-family: 'Myriad Pro';
}

.text__orange {
  color: #e75126;
}

@font-face {
  font-family: "Myriad Pro";
  src: url("/563b747ed365155a2122e65ae6e2d9b12276992a/ae5b1/fonts/myriad-pro.ttf") format("truetype");
}

@font-face {
  font-family: "Myriad Pro Light";
  src: url("/7a5f50e9c0606a78904144ffe1612d4edae48691/62e31/fonts/myriad-pro-light.ttf") format("truetype");
}

/* Smaller margin on smaller screen */
@media only screen and (max-width: 1800px) {
  main {
    margin-left: 250px;
    margin-right: 250px;
  }
}

@media only screen and (max-width: 1600px) {
  main {
    margin-left: 200px;
    margin-right: 200px;
  }
}

@media only screen and (max-width: 1400px) {
  main {
    margin-left: 150px;
    margin-right: 150px;
  }
}

/* Smaller margin on tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  main {
    margin-left: 50px;
    margin-right: 50px;
  }
}

/* Remove flexbox on tablet & mobile and hide iframe */
@media only screen and (max-width: 768px) {
  .row {
    display: block;
  }
  iframe {
    display: none;
  }
}

/* Smaller margin on mobile */
@media only screen and (max-width: 640px) {
  main {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.navbar-default {
  margin-left: 300px;
  margin-right: 300px;
  background-color: #fff;
}

.navbar-default .navbar-nav > li > a {
  padding-top: 118px;
  font-size: 1em;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #e75126;
}

.navbar-default .navbar-nav .active > a {
  background-color: #fff;
  color: #e75126;
}

.navbar-default .navbar-nav .active > a:hover {
  background-color: #fff;
  color: #e75126;
}

.navbar-default .navbar-nav .active > a:focus {
  background-color: #fff;
  color: #e75126;
}

.navbar-default .navbar-nav .menu-voordelen {
  display: none;
}

/* Smaller margin on smaller screens */
@media only screen and (max-width: 1800px) {
  .navbar-default {
    margin-left: 250px;
    margin-right: 250px;
  }
}

@media only screen and (max-width: 1600px) {
  .navbar-default {
    margin-left: 200px;
    margin-right: 200px;
  }
}

@media only screen and (max-width: 1400px) {
  .navbar-default {
    margin-left: 150px;
    margin-right: 150px;
  }
}

/* Smaller margin on tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .navbar-default {
    margin-left: 34px;
    margin-right: 34px;
  }
}

/* Mobile navbar layout */
@media only screen and (max-width: 640px) {
  .navbar-default {
    margin-left: 0px;
    margin-right: 0px;
  }
  .navbar-toggle {
  margin-top: 85px;
  background-color: #fff;
  display: block;
  border: none;
  }
  .navbar-default .navbar-toggle:active {
    margin-top: 85px;
    background-color: #fff;
  }
  .navbar-default .navbar-toggle:hover {
    margin-top: 85px;
    background-color: #fff;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #e75126;
  }

  .icon-bar {
    width: 35px !important;
    height: 5px !important;
    margin: 6px 0 !important;
    transition: 0.4s;
  }
  /* Rotate first bar */
  .change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
      transform: rotate(-45deg) translate(-9px, 6px) ;
  }
  /* Fade out the second bar */
  .change .bar2 {
      opacity: 0;
  }
  /* Rotate last bar */
  .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
      transform: rotate(45deg) translate(-8px, -8px) ;
  }
  .navbar-default .navbar-nav > li > a {
    padding-top: 0px;
    font-size: 1em;
    text-align: right;
  }
  .navbar-default .navbar-collapse {
    border: none;
  }
  .navbar-header {
    float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .navbar-default .navbar-nav .menu-voordelen {
    display: block;
  }
}
.container--context {
  padding: 50px 150px;
  padding-bottom: 50px;
}

.container--context__orange {
  padding: 50px 135px;
  padding-bottom: 50px;
}

.container--context__voordelen {
  padding: 75px 50px;
  padding-bottom: 50px;
}

.container--voordelen {
  background-color: #fff;
  border: 2px solid #e75126;
  border-radius: 15px;
  padding: 40px;
  padding-right: 10px;
  padding-bottom: 100px;
}

.container--voordelen h3 {
  margin-top: 0px;
}

.container--voordelen ul {
  padding-left: 15px;
}

.container--voordelen li {
  padding-bottom: 10px;
  font-family: 'Myriad Pro';
}

.container__orange {
  background-color: #e75126;
  color: #fff;
}

.container__lightgrey {
  background-color: #e8e9ea;
  color: #444446;
}

.container--toepassing {
  background-image: url("/images/f2e3fe97def02cc562fbedd90c8c19580dbcf388/toepassing.png");
  background-size: cover;
  font-family: 'Myriad Pro';
  display: flex;
  justify-content: center;
}

.container--toepassing__table {
  align-self: center;
}

.container--renoset {
  background-color: #e8e9ea;
  text-align: center;
  display: flex;
  justify-content: center;
}

.container--renoset__verpakking {
  align-self: center;
}

.container--referenties {
  background-image: url("/images/78b6ed7215fb6540daa3a77377982c2b6521007f/referenties.jpg");
  background-size: cover;
  display: flex;
  justify-content: center;
}

.container--referentieBubbel {
  background-color: #fff;
  border: 2px solid #e75126;
  border-radius: 15px;
  padding: 40px;
  width: 70%;
  text-align: left;
  align-self: center;
}

.container--dealerSection {
  border-bottom: 4px solid #e75126;
}

.container--dealersList {
  background-color: #e8e9ea;
  width: 50%;
  padding: 75px 150px;
}

.container--dealer {
  padding-top: 50px;
  text-align: left;
  background-image: url("/images/9d2e8d5fa60ef8e2f5e5870f59e683d2cb7d1b35/dealer.png");
  background-size: 75%;
  background-position: 50% 90%;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 510px;
}

#deventer {
  display: none;
}

.container__lightgrey ul {
  padding-left: 15px;
}

.container__lightgrey li {
  padding-bottom: 10px;
}

.container--banner {
  color: #fff;
  background-color: #444446;
  padding: 10px !important;
}

/* Smaller padding on tablet */
@media only screen and (max-width: 1790px) {
  .container--voordelen {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .container--context {
    padding: 50px 75px;
  }
  .container--context__orange {
    padding: 50px 75px;
  }
}

/* Make container dealers full width on tablet & mobile */
@media only screen and (max-width: 768px) {
  .container--referenties {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .container--dealersList {
    width: 100%;
    padding: 50px 75px;
  }
}

@media only screen and (max-width: 1024px){
  .container--dealersList {
    padding: 50px 75px;
  }
}
#banner--homepage {
  width: 100%;
  border-bottom: 4px solid #e75126;
}

#banner--homepage__mobiel {
  display: none;
  border-bottom: 4px solid #e75126;
}

#renoset--verpakking {
  width: 40%;
}

#douchegoot {
  width: 100%;
  border-top: 4px solid #e75126;
}

#logoFooter {
  width: 10%;
}

/* Resize image for smaller device */
@media only screen and (max-width: 1024px) {
  #renoset {
    width: 75%;
  }
}
@media only screen and (max-width: 768px) {
  #renoset--verpakking {
    width: 35%;
  }
  #renoset {
    width: 75%;
  }
}

/* Replace banner for mobile version */
@media only screen and (max-width: 640px) {
  #banner--homepage {
    display: none;
  }
  #banner--homepage__mobiel {
    display: block;
    width: 100%;
  }
  #logoFooter {
    display: none;
  }
}