body {
height:auto;
min-height:initial;
}

#invulformWebinar {
text-align:center;
}

.wrapper {
	position: relative;
}

.mdl-layout__content {
  max-width: 100%;
}
.owr-land {
	background: url('../images/bg_7.png') center no-repeat;
  background-size: cover;
  color: #fff;
  position: relative;
}
.m-nav {
  background-color: #eee!important;
}

.owr-logo-navbar {
  width: 375px;
}
 /*zijbalk menu mobile*/
 .owr-logo-navbar-mobile {
  background-color: #92cd00;
  padding: 100px 16px 8px 10px;
 }
 .show-mob-only {
  padding: 0 ;
 }
 .owr-logo-mobile-title {
  padding: 0 !important;
  background-color: #92cd00;
 }

 .owr-nav-mobile a {
  height: 58px;
  font-size: 18px;
 }
 .owr-nav-link-mobile {
  width: 80%;
 }
.owr-nav-link-mobile-spaceleft {
margin-left:45px !important;
}
 .owr-nav-link-mobile:hover {
  border:0 !important;
  color: #92cd00 !important;
  background-color: transparent !important;
 }
.nohover {
    cursor: default;
}
 .nohover:hover {
  border:0 !important;
  color: #757575 !important;
  background-color: transparent !important;
 }
 @media screen and (min-width: 761px) {
  .mdl-layout__header {
    display: block;
  }
 }

.mdl-layout__header-row {
	height: 86px;
  line-height: 86px;
	position: relative;
	background-color: #fff;
  padding:0 20px 0 20px;
  /*overflow-x:auto;
  overflow-y:hidden;*/
}

.icon-bullet::before, ul li::before, ul.list-links a::before, .list-anchor a::before {
    content:none;
}
ul li {
  padding-left: 0;
}
/*navigatiebalk*/
.mdl-navigation__link {
	font-size: 24px;
  height: 86px;
}
.mdl-layout__header-row .mdl-navigation__link {
  line-height: 86px;
}
.mdl-navigation__link:hover {
  border-bottom: 4px solid rgb(66,66,66);
}
/*.mdl-layout__header-row .mdl-navigation__link {
  color: #000;
}
*/
.sticky {
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(0,0,0,0.4);
}


@media screen and (max-width: 1249px) {
    .owr-logo-navbar {
        display: none;
      }
    .mdl-layout__header-row {
        padding: 0 8px 0 24px !important;
    }
}
@media screen and (min-width: 1250px) {

.owr-icon-navbar {
    display: none;
  }
}
/*header inputform*/
.mdl-textfield {
  display: block;
}
.mdl-textfield__label {
  color: #fff;
}
.mdl-textfield__input {
  border-bottom: 1px solid rgba(255,255,255, 0.50);
}
.mdl-textfield__label:after {
  display: none;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: #fff;
  background-color: rgb(146,205,0);
}

/*header teksten*/

.owr-video-icon a {
  color: #fff;
}
@media screen and (max-width: 480px) {
	.owr-header-none {
		display: none;
	}
  .owr-slogan {
    font-size: 22px;
    padding-top: 20px;
  }
    .owr-slogan-webinar {
    font-size: 22px;
    line-height: 30px;
    }
  .owr-subslogan {
    font-size: 16px;
  }
  .owr-subslogan span {
    /*display: none;*/
  }
  .owr-video-txt p {
  font-size: 14px;
  padding-top: 0px;
  margin-left: -10px;
}
  .owr-video-icon i {
  font-size: 24px;
  padding-right: 8px;
}

.owr-video-icon {
  padding-top: 0;
  text-align: right;
}
.owr-screenshot {
  text-align: center;
  padding-bottom: 0px;
  margin-top: 5px;
}
.h-screenshot {
  width: 78%;
}
.no-padding-mobile {
  padding:0;
}
.no-padding-mobile-icon {
  padding-bottom: 0;
  padding-top: 5px;
}
.owr-invulform-form {
  display: none;
}

.owr-slogans {
  padding-bottom: 0;
}
.owr-bttn-smp {
  margin-top: 0px;
   padding-left: 0;
  padding-right: 0;
  margin-bottom: 5px;
  font-size: 18px;
  height: 54px;
  width: 90%;
  margin-left: 5%;
}

    .mdl-textfield__label {
        top: 24px;
    }
}
@media screen and (min-width: 481px) {
 .owr-slogan {
    font-size: 36px;
    padding-top: 20px;
  }
  .owr-subslogan {
    font-size: 18px;
    line-height: 1.5em;
    padding-bottom: 20px;
  }
  .owr-video-txt p {
  font-size: 24px;
  padding-top: 0px;
  margin-left: -10px;
}
  .owr-video-icon i {
  font-size: 36px;
  padding-right: 8px;
}
.owr-video-icon {
  padding-top: 0;
  text-align: right;
}
.owr-screenshot {
  text-align: center;
  padding-bottom: 0px;
  margin-top: 40px;
}
.no-padding-mobile {
  padding:0;
}
.no-padding-mobile-icon {
  padding-bottom: 0;
  padding-top: 5px;
}
.owr-slogans {
  padding-bottom: 0;
}
.mdl-textfield {
  padding: 10px 0 0;
  width: 270px;
}
.owr-bttn-smp {
  margin-top: 20px;
   padding-left: 0;
  padding-right: 0;
  margin-bottom: 5px;
  font-size: 18px;
  height: 54px;
  width: 270px;
}
.owr-land {
  padding-bottom: 40px;
}
}

@media screen and (min-width: 761px) {
  .show-mob-only, .owr-header-index{
    display: none;
  }
  .mdl-layout__drawer-button {
    display: none;
  }
  .owr-screenshot {
    margin-top: 40px;
  }
}

@media screen and (min-width: 1024px) {
.owr-slogan {
  font-size: 36px;
}
.owr-subslogan {
    font-size: 20px;
  }
.owr-video-txt p {
  padding-top: 0px;
}
.owr-video-icon {
  padding-top: 0;
}
.owr-screenshot {
  padding-top: 5px;
  padding-bottom: 0px;
}

    .owr-invulform {
    padding-top: 0px;
    }
.owr-bttn-smp {
  margin-top: 30px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 5px;
  font-size: 20px;
  height: 60px;
  width: 270px;
}

.h-screenshot {
    max-width:76%}
}
@media screen and (min-width: 1600px) {
.owr-slogan {
  padding-top: 10px;
  font-size: 42px;
}
.owr-subslogan {
  font-size: 22px;
}
.owr-video-icon {
  text-align: right;
  padding-top: 25px;
}
.owr-video-icon i {
  font-size: 48px;
}
.owr-video-txt p {
  font-size: 30px;
  padding-top: 24px;

}


    .owr-invulform {
    padding-top: 70px;
    }
.owr-screenshot {
  text-align: right;
  padding-bottom: 30px;
  margin-top: 0;
  padding-top:60px;
}
.mdl-textfield {
  /*padding: 20px 0;*/
  width: 300px;
}
.owr-bttn-smp {
  font-size: 24px;
  width: 300px;
  height: 64px;
  margin-top: 24px;
}
.owr-land {
  padding-bottom: 0px;
}
}

@media screen and (min-width: 1900px) {
    .owr-slogan {
        padding-top: 30px;
    }

    .owr-flyer {
        padding-top: 12px;
    }
    .h-screenshot {
    max-width:100%}
}
/*Hierdoor werkt de sticky bar in mdl-layout*/
.mdl-layout__container {
  /*NGE oh ow spaghettio's
       height: auto !important;
  position: relative;*/
}
.mdl-layout {
    height:auto;
}
@media screen and (max-width: 760px) {
  .show-only-desktop {
    display: none;
  }

  .mdl-layout__header {
    display: block;
    min-height: 53px;
    color: #fff;
  }
  /*.mdl-layout__header-row {
    height: 53px;
  }*/
}

.mdl-layout__drawer-button {
  right: 0;
  left:auto;
  color: rgb(66,66,66);

}
.mdl-layout__drawer {
  width: 250px;
}

/*Key-features-section*/
.owr-key-section {
  background-color: #fff;
}

.owr-key-features-section {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  padding-top:50px;
}
@media screen and (max-width: 959px) {
.owr-key-features-midden {
display: none;
}
}
.owr-key-features > .mdl-card {
  /*width: 200px;*/
}
.owr-key-features {
  text-align: center;
}
.owr-avatar-andre {
  height: 55px;
  width: 55px;
  border-radius: 50%;
}
.owr-carousel-avatar {
margin: 0 auto;
}

.owr-avatar {
  line-height: 20px;
}
.owr-key-icon i{
  font-size: 60px;
}
.owr-key-icon {
  /*text-align: center;*/
  font-size: 72px;
  padding-top: 36px;
  color: #92cd00;
  display:none;
}
.clock-icon {
  width: 72px;
  padding-top: 36px;
  margin:0 auto;
}
h2.mdl-card__title-text.owr-altijd {
  padding-top: 0px!important;

}
.mdl-card {
  text-align: center;
}
@media screen and (min-width: 481px) {
.owr-title {
  height: 130px;
}
.owr-land {
  padding-bottom: 20px;
  height: calc(100% - 86px);
  width:100%;
}
}

 .owr-owner, .owr-owner p {
    padding-top: 0px;
   }

.mdl-card__supporting-text {
  width: 100%;
  font-size: 15px;
  height: 110px;
}
.owr-key-section-title {
  padding: 56px 0px;
}
.test-card > .mdl-card__title {
  background-color: rgb(146,205,0);
  color: #fff;
  height: 250px;
}
.mdl-card__supporting-text.owr-text-card {
  font-size: 18px;
  line-height: 27px;
}
.mdl-card__title-text.owr-test-title {
  font-size: 28px;
}
.owr-card-naam {
  padding-left: 16px;
}
main.mdl-layout__content {
  margin:0;
  padding:0;
}

/*slagzin section*/
.owr-slagzin-section {
  background-color: #ffcc5c;
 
}
.owr-usage-section {
 position: relative;
}
.owr-slagzin-section h2 {
  padding: 1.3em;
}
.owr-italic{
  font-style: italic;
}

/*modules section*/
.owr-modules-section {
  padding-left: 32px;
}
.owr-modules-horeca, .owr-modules-kmo, .owr-modules-werkbon, .owr-modules-tikklok {
  padding-right: 0;
}
.owr-modules-horeca, .owr-modules-kmo, .owr-modules-werkbon, .owr-modules-tikklok {
 /* max-width: 1024px;*/
  margin:0 auto;
}
.owr-modules-horeca-screenshot, .owr-modules-kmo-screenshot, .owr-modules-werkbon-screenshot, .owr-modules-tikklok-screenshot  {
  overflow: hidden;

}
img.owr-screenshot-weekrooster,
img.owr-screenshot-weekrooster-1,
img.owr-screenshot-weekrooster-2,
img.owr-screenshot-weekrooster-3,
img.owr-screenshot-weekrooster-4,
img.owr-screenshot-weekrooster-5,
img.owr-screenshot-weekrooster-6,
img.owr-screenshot-weekrooster-7,
img.owr-screenshot-weekrooster-8  {
  height: 450px;
  max-width: none;
}
.owr-modules-horeca-text, .owr-modules-kmo-text, .owr-modules-werkbon-text, .owr-modules-tikklok-text {
margin-top: 70px;
}
.owr-modules-title {
  padding-bottom: 16px;
  border-bottom: 4px solid rgba(0,0,0,0.87);
  width: 65%;
}
.owr-modules-horeca-teksten, .owr-modules-kmo-teksten, .owr-modules-werkbon-teksten, .owr-modules-tikklok-teksten {
margin-top: 24px;
}

@media screen and (max-width: 480px) {
  img.owr-screenshot-weekrooster  {
  margin-left: 0px;

}
.owr-modules-horeca-text, .owr-modules-kmo-text, .owr-modules-werkbon-text, .owr-modules-tikklok-text {
margin-top: 16px;
}
.owr-modules-section {
  padding-left: 0px;
}
.owr-slagzin-section {
  /*height: 145px;*/
}
.owr-modules-title {
  width: 40%;
}
img.owr-screenshot-weekrooster,
img.owr-screenshot-weekrooster-1,
img.owr-screenshot-weekrooster-2,
img.owr-screenshot-weekrooster-3,
img.owr-screenshot-weekrooster-4,
img.owr-screenshot-weekrooster-5,
img.owr-screenshot-weekrooster-6,
img.owr-screenshot-weekrooster-7,
img.owr-screenshot-weekrooster-8 {
  height: auto;
  max-width: 100%;
}
img.owr-screenshot-werkbon {
  max-width: 130%;
  margin-left: -20px;
}
img.owr-screenshot-tikklok {
  max-width: 120%;
  margin-left: 8px;
}
img.owr-screenshot-horeca, img.owr-screenshot-kmo {
  max-width: 110%;
}
.owr-key-section-title {
  padding:56px 0px 0px;
}
}
@media screen and (max-width: 1025px) {
.owr-modules-leeg {
  display: none;
}
}

@media screen and (min-width: 1026px) {
.owr-modules-horeca, .owr-modules-kmo, .owr-modules-werkbon, .owr-modules-tikklok {
 max-width: 100%;
}
 /*.owr-modules-horeca-text, .owr-modules-horeca-screenshot {
  display: none;
 }*/
 .owr-large-3 {
  width: calc(25% - 16px) !important;
 }
 .owr-large-6 {
  width: calc(50% - 16px);
 }
 img.owr-screenshot-weekrooster {
  margin-left: 18px;
 }
}
@media (max-width: 839px) and (min-width: 480px) {
  .owr-screenshot-werkbon {
    margin-left: -200px;
  }
  .owr-baanbreker {
        margin-bottom: 0px;
    }
  .owr-modules-horeca-text, .owr-modules-kmo-text, .owr-modules-werkbon-text, .owr-modules-tikklok-text {
margin-top: 10px;
}
}


/*Price-tables-section*/
.owr-price-tables-background {
  background-color: #eee;
  padding-bottom: 40px;
}
.owr-price-tables-section {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}

.owr-price-tables-section-subtitle {
  padding-bottom: 40px;
}
.mdl-card__title {
/*background-color:#25A0DA;*/
}
.owr-card-title {
  padding: 16px 16px 0px 16px;
}
.owr-table-row {
  padding-top: 0;
}

table tbody {
background-color:white;
}
.owr-tabel-subtitel {
  font-size: 24px;
  padding-top: 36px;
  padding-bottom: 36px;
}
.owr-tabel-titel {
  font-size: 36px;
  padding-top: 24px;
}
.owr-basic-tabel, .owr-pro-tabel, .owr-enterprise-tabel {
  margin-top: 0;
}
.owr-tabel-titel span {
  font-size: 16px;
  padding: 19px 8px 0 8px;
}
.owr-card-title-text {
  font-weight: bold;
  margin: 0 auto;
}
@media only screen and (min-width: 620px) {
table td {
    padding: 13px 26px;
    /*padding-bottom: 0px;*/
}
}
@media screen and (min-width: 800px){


.owr-price-tables-mid {
margin-top:  -20px;
margin-bottom: -20px;
padding-top: 26px;
}
}

.owr-bodem-knop {
  margin:3px 0px 5px 0px;
  font-size: 20px;
  height: auto;
  padding: 18px;
  background-color: #92cd00;
  color: #fff;
  margin-bottom: 20px;
}
.owr-pro-tabel {
  padding-bottom: 16px;
}
.owr-table-dimona td {
  padding-bottom: 16px;
}
.owr-table-knop-midden {
  margin-top: 238px;
}
.owr-table-knop-rechts {
  margin-top: 279px;
}
.owr-tabel-border {
  border-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .owr-price-tables-section-mobile {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .owr-price-tables-section {
    display: none;
  }
    .owr-baanbreker {
    margin-bottom:-40px;}
}
@media screen and (min-width: 1023px) {
  
    .owr-baanbreker-div {
   
    text-align:right;
    }
}
.owr-baanbreker-text {
font-size: 42px; font-weight: 300; line-height:1.2em; padding:10px 0px; vertical-align:middle; 
}
@media screen and (max-width: 480px) {
  
    .owr-baanbreker-text {
   
    font-size: 30px;
    }
}
table td::before {
  display: none;
}
.owr-table-mobile td {
  padding-left: 0;
}
.owr-table-mobile-title {
  margin: 0 auto;
}
.owr-card-mobile {
  width: 90%;
  margin: 5%;
}
table tr {
    border-bottom: 1px solid #eee;
    }

/*Over ons section*/
.owr-over-ons-section {
/*  height: 750px;*/
  /*background-color: rgb(146,205,0);*/
  background-image: url(../images/office_onlinewerkrooster_b.png);
  background-size: cover;
 
  background-position: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  color: #fff;
  /*padding-bottom: 56px;*/
}
.owr-over-ons-section-office {
/*  height: 750px;*/
  /*background-color: rgb(146,205,0);*/
  background-image: url(../images/27.jpg);
  background-size: cover;
  /*background-position: center;*/
  /*background-position-y: center;*/
  background-repeat: no-repeat;
  color: #fff;
  padding-bottom: 56px;
}
.owr-over-ons-teksten {
  max-width: 960px;
  margin: 0 auto;
}
.owr-over-ons-teksten p {
  font-size: 24px;
}
@media screen and (max-width: 480px){
.owr-over-ons-teksten p {
  font-size: 14px;
}
    .owr-baanbreker {
        margin-bottom: 0px;
    }
.owr-over-ons-section {
background-position: inherit;
/*background-image: url(../images/team_mobile.png);*/
margin-top:-10px;


}
.owr-over-ons-section-office {
background-position: center;
 
}
.owr-over-ons-text {
    -webkit-transition: opacity 190ms;
    transition: opacity 190ms;
  width: 90%;
  margin-left: 5%;
  display:block;
 
}
}
@media screen and (min-width: 481px){
.owr-over-ons-teksten p {
  font-size: 16px;
}
.owr-over-ons-title {
  padding-top: 20px;
}
.owr-over-ons-text {
    -webkit-transition: opacity 190ms;
    transition: opacity 190ms;
  width: 90%;
  margin-left: 5%;
  display:block;
   
}
.owr-over-ons-section {
  /*height: 600px;*/
}
}
@media screen and (min-width: 1024px){
.owr-over-ons-text {
    -webkit-transition: opacity 190ms;
    transition: opacity 190ms;
  width: 90%;
  margin-left: 5%;
  display:block;
}
.owr-over-ons-teksten p {
  font-size: 20px;
}
.owr-over-ons-section {
  /*height: 650px;*/
}
}
/*footer*/


.owr-facebook {
  width: 48px;
  height: 48px;
  font-size: 36px;
}
/*.owr-footer-facebook {
  padding-top: 5px;
}*/
.owr-footer-mail {

  float: left;
}
.owr-footer-mail-text {
  padding-top: 5px;
}
.owr-footer-facebook-text {
  padding-top: 6px;
}
.owr-footer-phone-text {
  padding-top: 7px;
}
.owr-footer-btw-text {
  padding-top: 8px;
}

.owr-contact ul li i {
  float: left;
  padding-right: 8px;
}
.owr-email {
  font-size: 36px;
}
ul.mdl-mega-footer--link-list li {
  margin-bottom: 8px;
}
.owr-contact ul li {
  color: #fff;
}
.owr-contact {
  width: 10%;
}

.owr-adres, .owr-about, .owr-features, .owr-prijzen {
   width: 13%;
}
.owr-adres p{
  padding: 0;
  margin: 0;
}
.owr-footer-logo {
  margin-right: 16px;
   width: 190px;
}

 .owr-email {
  display: none;
}
@media screen and (max-width: 1024px) {
  .owr-footer-logo, .owr-adres {
  display: none !important;
}
}
@media screen and (min-width: 760px) {

.mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
    display: block;
    position: relative;
    height: 210px;
    float: left !important;
    }
.owr-about, .owr-features, .owr-prijzen {
   width: 13% !important;
}
.owr-contact {
  width: 30%;
}
.owr-nieuwsbrief {
   width: 24% !important;
  height: auto;
}
}
@media screen and (max-width: 480px) {
  .owr-adres, .owr-about, .owr-features, .owr-prijzen, .owr-contact {
   width: 80%;
}
}

@media (min-width: 481px) and (max-width: 759px) {

.owr-adres, .owr-about, .owr-features, .owr-prijzen, .owr-contact {
   width: 45%;
}

}
@media screen and (min-width: 1025px) {
  .owr-nieuwsbrief {
  }
  .owr-adres, .owr-about, .owr-features, .owr-prijzen {
   width: 11% !important;
}
.owr-footer-logo {
  width: 16%;
  margin-right: 60px;
}
.owr-contact {
  width: 21%
}
.owr-nieuwsbrief {
  width: 25%;
}
}

@media screen and (min-width: 1600px) {
.owr-adres, .owr-about, .owr-features, .owr-prijzen {
   width: 12% !important;
}
.owr-contact {
  width: 18%
}
}

.mdl-mega-footer--heading:after {
   top: 10px;
}
.mdl-mega-footer--link-list a {
  color: #fff;
}
.mdl-mega-footer--link-list a:hover {
  color: #fff;
}

/*back to top button*/
.owr-footer {
  position: relative;
}
.owr-back-to-top {
  position: absolute;
  top:-28px;
  right: 5%;
  background-color: #92cd00;
}
@media screen and (min-width: 761px) {
  .owr-back-to-top-index {
    display: none;
  }
}


/*invulformulier nieuwsbrief*/

input:focus {
  outline: none;
}

.ctr {
  display: block;
  position: relative;
  width: 240px;
  margin-top: -10px;

}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.15);
  width: 0%;
  z-index: 99;
  pointer-events: none;
  -webkit-transition: 3s all ease;
  transition: 3s all ease;
}

.loader.full {
  width: 100%;
}

.loader.done {
  background: rgb(146,205,0);
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
  height: 0;
}

.owr-invulveld {
  line-height: 80px;
  width: 100%;
  font-size: 24px;
  padding: 0 20px;
  border: none;
  cursor: pointer;
  color: blue;
  position: relative;
  z-index: 10;
  background: transparent;
  color: transparent;
  font-weight: 300;
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
}

input.full {
  pointer-events: none !important;
  width: 0%;
}

.indicator {
  position: absolute;
  left: 0;
  bottom: 0px;
  right: 0;
  height: 5px;
  background: rgb(146,205,0);
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
  z-index: 9;
}

.indicator:after {
  content: attr(data-content);
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  bottom: 30px;
  color: #fff;
  -webkit-transition: inherit;
  transition: inherit;
  font-size: 24px;
  z-index: 999;
  text-align: left;
  font-weight: 300;
}

input:focus {
  color: white;
}

input:focus + .indicator {
  height: 100%
}

input.full:focus + .indicator {
  height: 5px;
  color: #fff;
}

input:focus + .indicator:after {
  color: #fff;
}
h6.owr-footer-header  {
  margin-top: 16px;
  margin-bottom: 0px;
}

/*modules section*/

.owr-modules-section {
  /*background-color: #eee;*/
}
.owr-modules-horeca-title, .owr-modules-kmo-title, .owr-modules-werkbon-title, .owr-modules-tikklok-title {
  margin-bottom: 35px;
}

/*features pagina*/
@media screen and (max-width: 760px) {
  .owr-navigation {
    display: none;
  }
  .owr-nav {
    display: none;
  }
  .owr-icon-navbar {
    display: none;
  }
  .mdl-layout__header-row {
  height: 53px;
}
.owr-sectie-tekst h3 {
  font-size: 16px;
}
.owr-sectie-tekst p {
  font-size: 14px;
}
}
@media screen and (min-width: 761px) {
  .owr-logo-mobile {
    display: none;
  }
  .owr-sectie-tekst h3 {
  font-size: 18px;
}
.owr-sectie-tekst p {
  font-size: 16px;
}
}
.owr-features-pagina {
  max-width: 1024px;
  margin: 0 auto;
}
.owr-bold {
    font-weight: 500;
}
.owr-font-normal {
font-weight: 300;
}


.owr-box1, .owr-box2, .owr-box3, .owr-box4, .owr-box5, .owr-box6, .owr-box7, .owr-box10 {
 height: 200px;
  border-radius: 50%;
  border: 4px dashed #ccc;
  width: 70px;
}
.owr-box8, .owr-box9 {
  height: 200px;
  border-radius: 50%;
  border: 4px dashed #ccc;
  width: 70px;
}
.owr-box9, .owr-box8 {
  margin:0 auto;
}
.owr-box1, .owr-box3, .owr-box5, .owr-box7, .owr-box9 {
 border-left: none;
 /*border-top: none;
 border-bottom: none;*/
}
.owr-box2, .owr-box4, .owr-box6, .owr-box8, .owr-box10 {
border-right: none;
}
/*IE: hack om de juiste boord alleen te zien*/
.owr-box1, .owr-box3, .owr-box5, .owr-box7, .owr-box9 {
 border-left-color: #fff;
 border-top-color: #fff;
 border-bottom-color:#fff;
}
.owr-box2, .owr-box4, .owr-box6, .owr-box8, .owr-box10 {
border-right-color: #fff;
border-top-color: #fff;
border-bottom-color: #fff;
}
.owr-box8, .owr-box9 {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
}


.owr-features-tekst-l1, .owr-features-tekst-r1 {
height: 216px;
}
.owr-features-tekst-l2, .owr-features-tekst-r2 {
 height: 226px;
}
.owr-features-tekst-l3, .owr-features-tekst-r3 {
 height: 216px;
}
.owr-features-tekst-l4, .owr-features-tekst-r4 {
 height: 231px;
}
.owr-features-tekst-l5, .owr-features-tekst-r5 {
  height: 226px;
}
.owr-features-tekst-l6, .owr-features-tekst-r6 {
height:  226px;
}
.owr-features-tekst-l7, .owr-features-tekst-r7 {
height:  226px;
}
.owr-features-tekst-l8, .owr-features-tekst-r8 {
height:  226px;
}
.owr-features-links h5, .owr-features-rechts h5 {
  margin-bottom: 16px;
 }


.owr-sectie-hoofding {
  background-color: #fff;
  position: relative;
}
.owr-sectie-icon {
  text-align: center;
      width: 70px;
    margin: 0 auto;
}
.owr-sectie-icon i {
  font-size: 48px;
}
.owr-sectie-tekst p {
  text-align: center;
}
.owr-horeca-sectie-subtitel {
  margin-bottom: 36px;
}
.owr-horeca-sectie-titel {
  margin-top: 24px;
}
.owr-sectie-tekst {
  margin-bottom: 24px;
}

.owr-features-details {
  min-height: 250px;
  padding: 30px 0px 30px 0px;
  margin:0 auto;
  max-width: 1024px;
}

.owr-box1, .owr-box2, .owr-box3, .owr-box4, .owr-box5, .owr-box6, .owr-box7, .owr-box10 {
  margin-bottom: -15px;
}
.owr-box2, .owr-box6, .owr-box10  {
  margin-top: -15px;
}
.owr-box1, .owr-box3, .owr-box7 {
  margin-top: -25px;
}
.owr-box4  {
  margin-top: -10px;
 }
 .owr-box8 {
  margin-bottom: -25px;
  margin-top: -15px;
  margin-left: 483px;
 }
 .owr-box9 {
  margin-bottom: -15px;
  margin-top: -25px;
  margin-left: 482px;
 }
 .owr-box1 {
  margin-left: -15px;
 }
 .owr-box3 {
  margin-left: -15px;
 }
 .owr-box5 {
  margin-left: -15px;
  margin-top: -15px;
 }
 .owr-box7 {
  margin-left: -15px;
 }


 .owr-features-section-title, .owr-features-section-teksten {
  padding:0;
 }
 .owr-features-title-h1 h1 {
  background-color: white;
  padding-top: 0;
  position: relative;
  z-index: 100;
 }
 .owr-features-details {
  position: relative;
 }
@media screen and (max-width: 480px) {
.owr-features-links {
  display: none;
}
.owr-features-rechts h5 {
  margin-bottom: 8px;
 }
 .owr-box8 {
  margin-left: 6px;
  height: 100px;
  border-bottom: none;
  border-top: none;
  margin-bottom: -40px;
  transform: rotate(-20deg);
 }
 .owr-box9 {
  margin-left: -16px;
  height: 100px;
  border-bottom: none;
  border-top: none;
 }
 .owr-features-title-h1 {
  text-align: left;
 }
 .owr-features-tekst-r1,
 .owr-features-tekst-r2,
 .owr-features-tekst-r3,
 .owr-features-tekst-r4,
 .owr-features-tekst-r5,
 .owr-features-tekst-r6,
 .owr-features-tekst-r7,
 .owr-features-tekst-r8{
  font-size: 14px;
 }
}
@media screen and (min-width: 481px) {
.owr-features-links {
  display: none;
}
.owr-features-midden {
  padding-left: 56px;
}
.owr-box8 {
  margin-left: 56px;
  height: 100px;
  border-bottom: none;
  border-top: none;
  margin-bottom: -45px;
  transform: rotate(-20deg);
 }
.owr-box9 {
  margin-left: 28px;
  height: 100px;
  border-bottom: none;
  border-top: none;
 }
.owr-features-title-h1 {
  text-align: left;
  padding-left: 16px;
 }


}
@media screen and (min-width: 1024px) {
  .owr-features-links {
  display: block;
  padding-left:15px;
}
.owr-features-midden {
  /*padding-left: 16px;*/
  margin:0 auto;
}
.owr-features-tekst-r2 h5, .owr-features-tekst-r4 h5, .owr-features-tekst-r6 h5, .owr-features-tekst-r8 h5 {
  display: none;
}

.owr-features-rechts {
  padding-left: 16px;
  padding-right: 15px
}
.owr-box8, .owr-box9 {
  height: 200px;
  border-radius: 50%;
  border: 4px dashed #ccc;
  width: 70px;
}
.owr-box8 {
  margin-bottom: -25px;
  margin-top: -15px;
  margin-left: 483px;
  border-right: none;
  transform: rotate(0deg);
 }
 .owr-box9 {
  margin-bottom: -15px;
  margin-top: -25px;
  margin-left: 482px;
  border-left: none;
 }
 .owr-features-title-h1 {
  text-align: center;
 }
/*Verbergt de teksten*/
.owr-features-tekst-r2, .owr-features-tekst-r4,
.owr-features-tekst-r6, .owr-features-tekst-r8 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
 }


.owr-features-tekst-r7 {
  padding-top: 16px;
}



 .owr-features-pagina {
  
  padding-bottom: 24px;
 }

 .inputerror {
    border-color: #de3226;
}

.errorlabel {
    color: #de3226;
    visibility: hidden;
    font-weight: bold;
    font-style: italic;
}

/*Registratieform mobile*/
.owr-8 {
width: calc(100% - 580px);
float:left;
}
.owr-4 {
width:550px;
float:left;
}

.owr-registerform-mobile {
  position: relative;
}
.owr-registerform {
  position: relative;
background: url('../images/bg_7.png') center no-repeat;
  background-size: cover;
  color: #fff;
  min-height: 100%;
  display: block;
}
.owr-registerform-dark {
    background: url('../images/bg_7dark.png') center no-repeat;
}
.owr-registerform-referrals-image {
padding-top:30px;
text-align:right;
}
.owr-registerform {
  max-width: 600px;

}
.owr-registerform-titel {
  position: relative;
}
.owr-registerform-logo {
  text-align: center;
  margin:20px 0;
}
.owr-registerform-slogan {
  text-align: center;
  margin-bottom: 8px;
}
.owr-registerform-subslogan {
  text-align: center;
  margin: 0px 10px 0px 10px;
  color: #bbbbbb;
}
.owr-textfield {
  margin:0 auto;
  color: black;
  width: 19%;
  padding-bottom: 0px;
}
.owr-textfield-input {
  background-color: #fff;
  color: rgba(0,0,0,0.87);
  padding-left: 8px;
  width: 98%;
  margin: 0 auto;
  height: 36px;
}
.owr-textfield-input:focus {
  color: rgba(0,0,0,0.87);
}
.owr-textfield-label {
  color: rgba(0,0,0,0.26);
  padding-left: 8px;
  padding-top: 8px;
  width: 292px;
  margin: 0 auto;
}
.owr-button-registreer {
  display: block;
  background-color: #92cd00;
  color: #fff;
  font-size: 22px;
  padding: 6px 0px;
  height: auto;
  margin: 0px auto;
  margin-top: 16px;
  margin-bottom: 10px;
  text-align: center;
  width: 300px;
}
.owr-button-registreer:hover {
  background-color: #92cd00;
}
@media screen and (min-width: 480px) {
.owr-button-mobile {
  display: none ;
}

}
.loginDiv {
text-align:center; width:270px; margin: 0 auto; margin-bottom: 60px;
}
.owr-policy {
    margin: 0 auto; text-align:center; margin:0px 10px 20px 10px;
}
@media screen and (max-width: 479px) {
  .owr-bttn-smp {
    display: none;
  }
    .owr-bttn-feature-try {
        display:block;
        width:300px;
        margin: 0 auto;
    }
    .owr-key-features-section {
    padding-top:10px;
    }
  .loginDiv {

}
  .owr-button-mobile {
    margin-top: 0px;
   padding-left: 0;
  padding-right: 0;
  margin-bottom: 5px;
  font-size: 18px;
  height: 54px;
  width: 80%;
  /*margin-left: 5%;*/
  color: #fff;
  background-color: rgb(146,205,0);

  }

  .owr-registerform-button-mobile{
  display: block ;

    }

}

/*video youtube*/

.video-container.is-active {
    display:block;
    z-index: 10;
    pointer-events: all;
}
.video-container {
    background: #000;
    height: 100%;
    left: 0;
    display:none;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 190ms;
    transition: opacity 190ms;
    width: 100%;
    pointer-events: none;
  }
.video-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
}

.video-container2.is-active {
    display:block;
    z-index: 10;
    pointer-events: all;
}
.owr-over-ons-text.is-hidden {
display:none;
pointer-events: none;
}
.video-container2 {
    background: #000;
    height: 600px;
    /* left: 0; */
    display: none;
    position: relative;
    /* top: 0; */
    -webkit-transition: opacity 190ms;
    transition: opacity 190ms;
    width: 100%;
    pointer-events: none;
  }
.video-container2 iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
}

.icon--video-close {
  background: url(../images/close.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  /*position: absolute;
  top:80px;
  right: 40px;*/

}
.video-close {
  display: block;
  cursor: pointer;
    position: absolute;
    right: 44px;
    top: 44px;
    z-index: 12;
    pointer-events: all;
}
.owr-video-icon {
  cursor: pointer;
}

/*Animaties screenshots modules*/
.owr-screenshot-weekrooster,
.owr-screenshot-weekrooster-1,
.owr-screenshot-weekrooster-2,
.owr-screenshot-weekrooster-3,
.owr-screenshot-weekrooster-4,
.owr-screenshot-weekrooster-5,
.owr-screenshot-weekrooster-6,
.owr-screenshot-weekrooster-7,
.owr-screenshot-weekrooster-8 {
  transition: all 1s ease-in;
  transform: translateX(950px);
  opacity: 0;
}
.owr-screenshot-weekrooster-view,
.owr-screenshot-weekrooster-view-1,
.owr-screenshot-weekrooster-view-2,
.owr-screenshot-weekrooster-view-3,
.owr-screenshot-weekrooster-view-4,
.owr-screenshot-weekrooster-view-5,
.owr-screenshot-weekrooster-view-6,
.owr-screenshot-weekrooster-view-7,
.owr-screenshot-weekrooster-view-8 {
 transform: translateX(0px);
  opacity: 1;
}

/*invulform features pagina*/
.owr-invulform-verzonden {
    color: #92cd00;
    text-align: center;
    font-size: 20px;
    display: none;
}

.owr-invulformhome-verzonden {


    font-size: 20px;
    display: none;
    padding: 10% 10% 10% 0;
}

@media screen and (min-width: 1024px) {
    .owr-invulformhome-verzonden {
       
        font-size: 25px;
        display: none;
        padding: 10% 15% 10% 0;
    }
    .owr-registerform {
  max-width: 100%;

}
}

@media screen and (min-width: 1600px) {
.owr-invulformhome-verzonden {


    font-size: 30px;
    display: none;
    padding: 10% 35% 10% 0;
}

}
.owr-registerform-features {
  background-color: #424242;
}

.owr-registerform-features-inhoud {
  background-color: #424242;
  padding-bottom: 50px;
}
.owr-textfield-input-features {
 min-height: 63px;
}

.mdl-button--fab.mdl-button--colored:hover {
    cursor: initial;
}

.owr-registerform-features-button {
 /* display: inline-block;*/
  margin:0 auto;
  margin-top: 50px;
  padding:20px;
  font-size: 30px;
  background-color: #92cd00;
  /*margin-top: -4px;*/
  width: 292px;
}
.owr-registerform-features-button:hover {
  background-color: #92cd00;
}

.owr-registerform-features-label {
  color: rgba(0,0,0,0.87);
}
.owr-registerform-features-slogan {
  text-align: center;
  padding-top: 20px;
  color: #fff;
}
.owr-icon-registerform {
  color: #d1d1d1;
  margin-right: 12px;
  float: left;
}
.owr-registerform-features-label {
  margin-top: 8px;
}
.owr-registerform-features-footertekst {
  color: #aaa;
  text-align: center;
  margin-top: 10px;
}
.owr-registerform-features-textfield {
  display: none;
}

@media screen and (min-width: 840px){
      .owr-registerform-features-inhoud {
      max-width: 1250px;
      margin:0 auto;
    }
    .owr-registerform-features-textfield {
      display: inline-block;
      padding-bottom: 10px;
    }
    .owr-registerform-features-button {
      display: inline-block;
      margin-top: -92px;
      margin-left: 4px;
      padding:0;
      width: 19%;
      font-size: 18px;

    }
    .owr-registerform-features-inhoud {
      padding-top: 50px;
      padding-bottom: 120px;
    }
    .owr-registerform-features-slogan {
      padding-bottom: 40px;
      font-size: 36px;
    }
    .owr-registerform-button-mobile{
      display: none !important ;
    }
}

@media screen and (max-width: 839px) {

    .owr-registerform-features-button {
        display: none;
    }
    .owr-registerform-button-mobile {
    display: block;
    }
}


/*features sectie horeca*/
.owr-horeca-features-titel-tekst {
  padding:56px 0 0px 0;
}
.owr-horeca-features-titel-sub-tekst {
font-size:14px;
padding-bottom:56px;
line-height:14px;
}
.owr-horeca-features-slogan {
  padding-bottom: 16px;
  border-bottom: 4px solid rgba(0, 0, 0, 0.87);
  width: 95%;
  margin-bottom: 16px;
}


@media screen and (min-width: 481px){
  .owr-horeca-features-teksten {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1600px){
  .owr-horeca-features-teksten {
    margin-top: 70px;
  }
  .owr-horeca-features-teksten-2 {
    margin-top: 10px;
  }
}
.owr-horeca-features-tekst-followed {
margin-bottom:40px;
}
.page-content {
 /*height: 100vh;*/
 min-height:600px;
}
/*contactpagina*/
.owr-contact-header {
  border-bottom: 1px solid #d0d5d8;
}
.owr-contact-inputform-subtitel {
  margin-bottom: 24px;
}
.owr-contact-inputform-titel-footer {
  margin-top: 56px;
}
.owr-contact-inputform-titel-footer span{
  font-weight: bold;
}
.owr-contact-inputform {
  background-color: #fff;
  padding:75px 0 100px 0;
}
.owr-contact-textfield {
  margin:0 auto;
  color: black;
  width: 500px;
  padding-bottom: 0px;
}
.owr-contact-textfield-input {
  background-color: #fff;
  color: rgba(0,0,0,0.87);
  padding-left: 8px;
  width: 492px;
  margin: 0 auto;
  height: 36px;
  border: 1px solid #d0d5d8;
}
.owr-contact-textarea {
  background-color: #fff;
  color: rgba(0,0,0,0.87);
  padding-left: 8px;
  width: 492px;
  margin: 0 auto;
  border: 1px solid #d0d5d8;
}
.owr-contact-textfield-input:focus {
  color: rgba(0,0,0,0.87);
}
.owr-contact-textfield-label {
  color: rgba(0,0,0,0.87);
  padding-left: 8px;
  padding-top: 0px;
  width: 492px;
  margin: 0 auto;
}
.owr-button-verzend {
  display: block;
  background-color: #92cd00;
  color: #fff;
  font-size: 24px;
  padding:  14px 0px;
  height: auto;
  margin: 0px auto;
  margin-top: 32px;

  text-align: center;
  width: 500px;
}
.owr-button-verzend:hover {
  background-color: #92cd00;
}
.owr-contact-inputform-titel {
  padding-bottom: 16px;
  font-size: 36px;
}
@media (max-width: 1024px) {
.owr-registerform-contact-features {
     margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .page-content {
 /*height: 100vh;*/
 min-height:400px;
}
    .owr-contact-textfield {
  width: 300px;
}
.owr-contact-textfield-input {
  width: 292px;
}
.owr-contact-textarea {
  width: 292px;
}
.owr-contact-textfield-label {
  width: 292px;
}
.owr-button-verzend {
  width: 300px;
  font-size: 24px;
}
.owr-contact-inputform-titel {
  font-size: 22px;
  padding-bottom: 0px;
  padding-left: 16px;
  padding-right: 16px;
}
.owr-contact-inputform {
  padding:24px 0px 34px 0px;
}

.owr-registerform-contact-features {
  font-size: 28px;
}
.owr-registerform-features-button {
  font-size: 18px;
  padding:inherit;
}
}

/*Prijzen pagina*/
.owr-prijzen-titel {
  background-color: #d1d1d1;
}
.owr-faq-inhoud {
  background-color: #fff;
    padding: 30px;

}
.owr-faq {
  padding: 30px;
  margin:0 auto;
  max-width:1000px;
}
.owr-prijzen-faq {
  background-color: #fff;
}
.owr-faq-vraagtitel {
  margin-bottom: 10px;
  font-size: 28px;
  line-height:30px;
}
ul.owr-faq-vragen li {
  margin-bottom: 50px;
}
ul.owr-faq-vragen p {
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .owr-faq {
    padding:0;
  }
  .owr-faq-titel {
    font-size: 28px;
  }
  .owr-faq-vraagtitel {
    font-size: 20px;
  }
  ul.owr-faq-vragen p {
    font-size: 14px;
  }
}
.nav > li {
  display: inline-block;
  padding: 1em 18px;
  cursor: pointer;
}
.nav > li:hover {
  background: #ebebeb;
}

.drop {
  position: relative;
}
.drop ul {
  position: absolute;
  left: 0;
  top: 3em;
  z-index: 10000;
    background-color: white;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}
.drop ul li {
  display: block;
  width: 100%;
}
.drop ul li a {
  width: 100%;
  padding: 1em 18px;
  display: inline-block;
  white-space: pre;
  box-sizing: border-box;
  font-size:21px;
}



.drop ul li a:hover {
  background: #ebebeb;
}
.drop:hover ul {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.owr-nav {
padding-top:0px;
padding-left:0px;

}
.owr-nav ul{
padding-top:0px;
padding-left:0px;
line-height:1em;

}
    .owr-nav a {
    font-size: 24px;
    color: rgb(66,66,66);
    text-decoration: none;
    font-weight: 500;
    /*height: 86px;
    line-height: 86px;*/
    }
    .owr-nav li {
    font-size: 24px;
    }
        
    /*lijn voor de hover*/
        .owr-nav a:hover:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    background: rgb(66,66,66);
    left: 50%;
    margin-top: 55px;
    /* bottom: 0; */
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
   .drop ul li a:hover:after {
        height: 0px;
    } 

   /*rotation words top header*/
   .rw-words{
	display: inline;
	text-indent: 10px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #92cd00;
	-webkit-animation: rotateWord 14s linear infinite 0s;
	-ms-animation: rotateWord 14s linear infinite 0s;
	animation: rotateWord 14s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 2s; 
	-ms-animation-delay: 2s; 
	animation-delay: 2s; 
	
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 4s; 
	-ms-animation-delay: 4s; 
	animation-delay: 4s; 
	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 8s; 
	-ms-animation-delay: 8s; 
	animation-delay: 8s; 
	
}
.rw-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 10s; 
	-ms-animation-delay: 10s; 
	animation-delay: 10s; 
	
}
.rw-words-1 span:nth-child(7) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    16% { opacity: 1; -webkit-transform: translateY(0px); }
	19% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    16% { opacity: 1; -ms-transform: translateY(0px); }
	19% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    16% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	19% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}


 .topsentence {
/*margin-left: -130px;*/
}
@media screen and (max-width: 480px) {
    .topsentence {
        /*margin-left: -50px;*/
    }
    .owr-over-ons-start {
    display:none
    }
}
 @media screen and (max-width: 430px) {
.topsentence {
/*margin-left: -90px;*/
}
 }
@media screen and (min-width: 1100px) {
 .mediumDown {
     display:none;
}
 }
@media screen and (max-width: 1100px) {
 .largeUp {
     display:none;
}
 }
  #sk-holder #sk-messenger-button {
            width: 0px !important;
            height: 0px !important;
        }
#divCAB {
margin:0 auto;
text-align:center;
position:absolute;
top:40%;
width:100%;

}

.referrallogo {
        
        padding: 10px;
    }
.publicitylogo {
      padding: 10px;
    }
#divLogos {
    position: absolute;
    bottom: 0px;
}
@media screen and (max-width: 1349px) {
    .referrallogo {
        height: 95px;
    }
}
@media screen and (min-width: 481px) {
    .publicitylogo {
      height: 60px;
    }
    .referrallogo {
        height: 60px;
       
    }
}
@media screen and (min-width: 730px) {
    .referrallogo {
        height: 70px;
       
    }
}
@media screen and (min-width: 900px) {
    .publicitylogo {
      height: 80px;
    }
    .referrallogo {
        height: 80px;
    }
}
@media screen and (min-width: 1350px) {
    .referrallogo {
        height: 120px;
    }
}
@media screen and (max-width: 480px) {
    .publicitylogo {
      height: 57px;
    }
    .referrallogo {
        height: 57px;
      
    }
     .owr-land {
    height:83%;
    }
}
@media screen and (max-width: 350px) {
#divCAB {
    top:40%;
    }
 .owr-land {
    height:80%;
    }
}
.owr-ref-title {
font-size:38px;
}

#owr-div-solution h3 {
    padding:0px 0px 10px 0px;
    font-weight:500;
}

.owr-solution1 {
    position: absolute;
   left: calc(50% + 230px);
    top: 50px;
    width: 25%;
    text-align: left;
}
.owr-solution2 {
position:absolute;
left: calc(50% + 295px);
top: 250px;
width: 25%;
text-align:left;
}

.owr-solution4 {
    position: absolute;
    left: calc(27% - 230px);
    width: 25%;
    top: 250px;
    text-align: left;
}

.owr-solution5 {
    
    position: absolute;
    left: calc(31% - 230px);
    width: 25%;
    top: 50px;
    text-align: left;
}

.owr-solution-img {
padding-top:50px;
width:460px;
max-width:50%;
}

@media screen and (max-width: 1249px) {
    .owr-solution4 {
     left: calc(27% - 250px);
    
    }

    .owr-solution5 {
     left: calc(31% - 250px);
   
    }
}

@media screen and (max-width: 1200px) {
    
    
    #owr-div-solution br {
        display: none;
    }
    .owr-solution3 br{
    display:block !important;
    }
    .owr-solution2 {
    left: calc(50% + 245px);
    }
    .owr-solution4 {
     left: calc(27% - 235px);
    
    }
}
@media screen and (max-width: 980px) {
    .owr-solution-img {
    width:350px;
    padding-top: 120px;
    }
    .owr-solution5 {
        left: calc(31% - 200px);
    }
    .owr-solution4 {
    left: calc(27% - 190px);
    top: 280px;
}
    .owr-solution2 {
    left: calc(50% + 185px);
    top: 280px;
}
    .owr-solution1 {
    left: calc(50% + 165px);
    }

}

@media screen and (max-width: 750px) {
/*NGE css solution < ipad portrait*/
    #owr-div-solution {
    display:none;
    }
#owr-div-solution0 {
    display:none;
    }
    #owr-div-solution-mobile {
    display:block !important;
    }
    .box-homepage {
        border-color:#ccc;
        border-left-color: #fff;
    border-top-color: #fff;
    border-bottom-color: #fff;
    height: 180px;
    }
    .box-homepage-left {
    border-left-color: #ccc;
    height: 180px;
    }
}
@media screen and (max-width: 320px) {
     .box-homepage {
    height: 192px;
    }
    .box-homepage-left {
    height: 192px;
    }
}

.owr-leadform {
width:400px !important;
}
@media screen and (max-width: 480px) {
    .owr-leadform {
    width:350px !important;
    }
}

.owr-pricingtable td {
padding-left: 26px;
display: table-cell;
}
@media screen and (max-width: 480px) {
   .owr-pricingtable td {
    padding-left: 10px;
    padding-right: 10px;
    }
}

.owr-pricingtable tr {
border-bottom:0px;
}

.owr-pricingtableinput {
padding-left:5px !important;
}

@media screen and (max-width: 480px) {
    #owr-voordelen {
        margin-top:-350px;
    }
}

@media screen and (min-width: 1500px) {
    .owr-integrations-text {
        padding-top: 50px;
    }
    .owr-integrations-image {
    padding:0px 50px;
    }
}
@media screen and (min-width: 1920px) {
    .owr-integrations-text {
        padding-top: 50px;
    }
    .owr-integrations-image {
    padding:0px 100px;
    }
}
@media screen and (max-width: 1500px) {
    .owr-integrations-text {
    padding-top:0px;
    }
    .owr-integrations-image {
    padding-top:0px;
    }
}
@media screen and (max-width: 1240px) {
    
    .owr-integrations-image {
    padding-top:50px;
    }
}
@media screen and (max-width: 1024px) {
    
    .owr-integrations-image {
    padding-top:80px;
    }
}
@media screen and (max-width: 838px) {
    /*incl mobile*/
    .owr-integrations-text {
    padding-top:10px;
    }
}

.owr-int-img {
    margin: 30px 0px;
    height: 60px;
    
}
.owr-int-name {
    font-size:38px;
    font-weight:300;
}

.owr-int-cat {
    font-size: 20px;
    font-weight: 300;
    color:rgba(0,0,0,.54);
    padding:10px 0px;
}

.owr-int-text {
height:150px;
}

.OWR-ketenimage {
display:none;
}

@media screen and (max-width: 480px) {
   .OWR-ketenimage {
        display: block;
    width: 100%;
    margin: 50px 0px;
    height: 300px;
    text-align: center;
    }
   .OWR-ketenfullimage {
        display: none;
   
    }
}