@import url("https://fonts.googleapis.com/css?family=Nunito:700,900");
@import url("https://fonts.googleapis.com/css?family=Muli:100,300,400,700");
@import url(reset.css);
@font-face {
  font-family: Neometric;
  src: url("../fonts/Neometric-Medium.eot"), url("../fonts/Neometric-Medium.woff") format("woff"), url("../fonts/Neometric-Medium.ttf") format("truetype"), url("../fonts/Neometric-Medium.svg") format("svg"); }
body {
  background: #f6f6f6;
  color: #333333;
  font-family: "Muli", sans-serif;
  line-height: initial; }
  body h1 {
    font-size: 6em;
    line-height: 175px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-family: Neometric, sans-serif;
    color: #FFFFFF; }
  body h2 {
    font-size: 2em;
    margin-bottom: 30px; }
    body h2.subtitle {
      color: #f08900;
      font-size: 1.5em; }
  body h3 {
    font-size: 1.5em;
    margin-bottom: 30px; }
  body h4 {
    font-size: 1.12em;
    margin-bottom: 10px; }
  body h5 {
    font-size: .83em;
    margin-bottom: 10px; }
  body h6 {
    font-size: .75em;
    margin-bottom: 10px; }
  body .container {
    position: relative; }
  body .content {
    padding: 100px 0;
    z-index: 999;
    position: relative; }
  body p {
    margin: 10px 0; }
    body p strong {
      font-weight: 700; }
  body a {
    color: #F08900; }
    body a:hover {
      text-decoration: none;
      color: inherit; }
  body button {
    background: transparent;
    border: 2px solid #FFFFFF;
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 3px; }

header .navbar-default {
  background-color: transparent;
  border-color: transparent; }
header .navbar {
  font-family: "Muli", sans-serif;
  position: relative;
  min-height: 50px;
  margin-top: 25px;
  margin-bottom: 25px;
  border: 0px solid transparent; }
  header .navbar .container-fluid {
    padding: 0; }
  header .navbar .navbar-brand {
    padding: 0;
    height: 125px; }
    header .navbar .navbar-brand img {
      height: 100%; }
  header .navbar .collapse.navbar-collapse.pull-left {
    border-color: transparent;
    margin-top: 50px;
    padding: 0; }
    header .navbar .collapse.navbar-collapse.pull-left ul li {
      margin: 0 40px 0 0; }
      header .navbar .collapse.navbar-collapse.pull-left ul li.active a {
        border-bottom: 5px solid #FFFFFF;
        background-color: transparent;
        margin-top: 0; }
      header .navbar .collapse.navbar-collapse.pull-left ul li.active:hover a {
        border-bottom: 5px solid #FFFFFF; }
      header .navbar .collapse.navbar-collapse.pull-left ul li:hover a {
        border-bottom: 5px solid rgba(255, 255, 255, 0.7); }
      header .navbar .collapse.navbar-collapse.pull-left ul li a {
        border-bottom: 5px solid transparent;
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: all .2s; }

.headerContent {
  height: 645px; }
  .headerContent .subtitle {
    color: #FFFFFF;
    letter-spacing: 2px;
    font-size: 1.2em; }
  .headerContent span {
    display: table-cell;
    vertical-align: middle; }
  .headerContent .col-md-6 {
    height: 645px;
    display: table; }

.home {
  background-color: #f08900;
  height: 800px;
  overflow: hidden; }
  .home h1 {
    z-index: 9;
    display: block;
    font-size: 14em;
    float: left;
    line-height: .5em; }
  .home h2.subtitle {
    margin-top: 30px;
    display: block;
    float: left; }

.software {
  background-color: #f08900;
  height: 800px;
  overflow: hidden; }
  .software h1 {
    z-index: 9;
    display: block;
    font-size: 9em;
    float: left;
    line-height: .5em; }
  .software h2.subtitle {
    margin-top: 30px;
    display: block;
    float: left; }

.wie {
  background-color: darkcyan;
  height: 800px; }
  .wie h1 {
    z-index: 9;
    display: block;
    font-size: 14em;
    float: left;
    line-height: .5em; }
  .wie h2.subtitle {
    margin-top: 30px;
    display: block;
    float: left; }
  .wie .headerContent {
    overflow: hidden; }

.wat {
  background-color: #f08900;
  height: 800px;
  overflow: hidden; }
  .wat h1 {
    z-index: 9;
    display: block;
    font-size: 14em;
    float: left;
    line-height: .5em; }
  .wat h2.subtitle {
    margin-top: 30px;
    display: block;
    float: left; }

.waar {
  background-color: darkcyan;
  height: 800px; }
  .waar h1 {
    z-index: 9;
    display: block;
    font-size: 14em;
    float: left;
    line-height: .5em; }
  .waar h2.subtitle {
    margin-top: 30px;
    display: block;
    float: left; }
  .waar .headerContent {
    overflow: hidden; }

.over-ons {
  background-color: #f08900;
  height: 800px;
  overflow: hidden; }
  .over-ons h1 {
    z-index: 9;
    display: block;
    font-size: 10em;
    float: left;
    line-height: .5em; }
  .over-ons h2.subtitle {
    margin-top: 30px;
    display: block;
    float: left; }

.contact {
  background-color: #f08900;
  height: 800px;
  overflow: hidden; }
  .contact h1 {
    z-index: 9;
    display: block;
    font-size: 10em;
    float: left;
    line-height: .5em; }
  .contact h2.subtitle {
    margin-top: 30px;
    display: block;
    float: left; }

.bgGrey {
  background-color: #f2f2f2;
  overflow: hidden; }

.bgDarkgrey {
  background-color: #333333;
  overflow: hidden; }

.bgWhite {
  background-color: #ffffff;
  overflow: hidden; }

#customerJourneyHein h2 {
  text-align: left;
  position: relative;
  padding-bottom: 20px; }
  #customerJourneyHein h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 40%;
    border-bottom: 2px solid darkcyan; }
  #customerJourneyHein h2:after {
    content: "";
    position: absolute;
    left: 16%;
    bottom: 0;
    height: 1px;
    width: 8%;
    border-bottom: 2px solid #F08900; }
#customerJourneyHein h4 {
  font-weight: 700; }
#customerJourneyHein .card {
  padding: 15px;
  margin-bottom: 30px;
  position: relative;
  border-radius: 4px;
  background: #ffffff; }
  #customerJourneyHein .card .fa {
    color: #F08900;
    font-size: 2em;
    margin-bottom: 20px; }
  #customerJourneyHein .card p {
    color: initial; }
  #customerJourneyHein .card h4 {
    font-weight: 700; }
    #customerJourneyHein .card h4 span {
      margin-right: 10px;
      color: darkcyan; }

#contactQuote blockquote {
  padding-left: 30px;
  border-left: 2px solid #F08900;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.5em; }
  #contactQuote blockquote span {
    font-style: italic; }
#contactQuote img {
  max-height: 500px; }

#intro {
  background-image: url("../img/products.png");
  background-position: 20% center;
  background-size: 500px;
  background-repeat: no-repeat; }
  #intro h2 {
    text-align: left;
    position: relative;
    padding-bottom: 20px; }
    #intro h2:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 40%;
      border-bottom: 2px solid darkcyan; }
    #intro h2:after {
      content: "";
      position: absolute;
      left: 16%;
      bottom: 0;
      height: 1px;
      width: 8%;
      border-bottom: 2px solid #F08900; }
  #intro h4 {
    font-weight: 700; }

#customerJourney {
  position: relative; }
  #customerJourney svg {
    width: 80%;
    max-width: 350px; }
  #customerJourney .cls-1 {
    fill: none; }
  #customerJourney .cls-1, #customerJourney .cls-3 {
    stroke: #d1d2d3; }
  #customerJourney .cls-1, #customerJourney .cls-2, #customerJourney .cls-3, #customerJourney .cls-4 {
    stroke-miterlimit: 10;
    stroke-width: 5px; }
  #customerJourney .cls-2, #customerJourney .cls-3, #customerJourney .cls-4 {
    fill: #fff; }
  #customerJourney .cls-2 {
    stroke: #008b8b; }
  #customerJourney .cls-4 {
    stroke: #f08900; }
  #customerJourney #cls-cj {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation: dash 5s linear infinite; }
@keyframes dash {
  0% {
    stroke-dashoffset: 200; }
  30% {
    stroke-dashoffset: 0; }
  60% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: -200; } }
  #customerJourney h2 {
    text-align: left;
    position: relative;
    padding-bottom: 20px; }
    #customerJourney h2:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 40%;
      border-bottom: 2px solid darkcyan; }
    #customerJourney h2:after {
      content: "";
      position: absolute;
      left: 16%;
      bottom: 0;
      height: 1px;
      width: 8%;
      border-bottom: 2px solid #F08900; }
  #customerJourney blockquote {
    padding-left: 30px;
    border-left: 2px solid #F08900;
    margin-top: 10px;
    margin-bottom: 10px; }
    #customerJourney blockquote span {
      font-style: italic;
      color: darkcyan; }

#contactmomentsClients {
  position: relative;
  padding-bottom: 100px; }
  #contactmomentsClients .cls-1 {
    fill: #d1d2d3; }
  #contactmomentsClients .cls-2, #contactmomentsClients .cls-5 {
    fill: #fff; }
  #contactmomentsClients .cls-3 {
    fill: #f08900; }
  #contactmomentsClients .cls-4 {
    fill: #008b8b; }
  #contactmomentsClients .cls-5 {
    font-size: 7px;
    font-family: Arial-BoldMT, Arial;
    font-weight: 700;
    letter-spacing: 0.02em; }
  #contactmomentsClients svg {
    max-width: 200px; }
    #contactmomentsClients svg #melding {
      -webkit-animation: flickerAnimation 5s infinite;
      -moz-animation: flickerAnimation 5s infinite;
      -o-animation: flickerAnimation 5s infinite;
      animation: flickerAnimation 5s infinite; }
  #contactmomentsClients .content {
    padding-top: 0; }
  #contactmomentsClients h2 {
    text-align: left;
    position: relative;
    padding-bottom: 20px; }
    #contactmomentsClients h2:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 40%;
      border-bottom: 2px solid darkcyan; }
    #contactmomentsClients h2:after {
      content: "";
      position: absolute;
      left: 16%;
      bottom: 0;
      height: 1px;
      width: 8%;
      border-bottom: 2px solid #F08900; }

@keyframes flickerAnimation {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  13% {
    opacity: 1; }
  70% {
    opacity: 1; }
  71% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-o-keyframes flickerAnimation {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  13% {
    opacity: 1; }
  70% {
    opacity: 1; }
  71% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-moz-keyframes flickerAnimation {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  13% {
    opacity: 1; }
  70% {
    opacity: 1; }
  71% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  13% {
    opacity: 1; }
  70% {
    opacity: 1; }
  71% {
    opacity: 0; }
  100% {
    opacity: 0; } }
#existingSoftware {
  position: relative;
  padding-top: 100px; }
  #existingSoftware img {
    max-width: 300px; }
  #existingSoftware h2 {
    text-align: left;
    position: relative;
    padding-bottom: 20px; }
    #existingSoftware h2:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 40%;
      border-bottom: 2px solid darkcyan; }
    #existingSoftware h2:after {
      content: "";
      position: absolute;
      left: 16%;
      bottom: 0;
      height: 1px;
      width: 8%;
      border-bottom: 2px solid #F08900; }
  #existingSoftware blockquote {
    padding-left: 30px;
    border-left: 2px solid darkcyan;
    margin-top: 10px;
    margin-bottom: 10px; }
    #existingSoftware blockquote span {
      font-style: italic;
      color: darkcyan; }

#threeStepStart {
  position: relative;
  background: darkcyan; }
  #threeStepStart button {
    background: #f08900;
    border: 2px solid #f08900;
    padding: 10px 20px;
    margin-top: 50px;
    border-radius: 3px;
    color: #FFFFFF;
    transition: .2s; }
    #threeStepStart button:hover {
      background: transparent;
      color: #f08900; }
  #threeStepStart p {
    color: #FFFFFF; }
  #threeStepStart h2 {
    color: #FFFFFF;
    text-align: left;
    position: relative;
    padding-bottom: 20px; }
    #threeStepStart h2:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 20%;
      border-bottom: 2px solid #F08900; }
    #threeStepStart h2:after {
      content: "";
      position: absolute;
      left: 8%;
      bottom: 0;
      height: 1px;
      width: 4%;
      border-bottom: 2px solid #FFFFFF; }
  #threeStepStart .card {
    padding: 30px;
    margin-top: 30px;
    position: relative;
    border-radius: 4px;
    background: #ffffff; }
    #threeStepStart .card p {
      color: initial; }
    #threeStepStart .card h4 {
      font-weight: 700; }
      #threeStepStart .card h4 span {
        margin-right: 10px;
        color: darkcyan; }

#features .module {
  padding-bottom: 100px; }
  #features .module img {
    max-width: 80%; }
  #features .module button {
    background: #f08900;
    border: 2px solid #f08900;
    padding: 10px 20px;
    margin-top: 0;
    border-radius: 3px;
    color: #FFFFFF;
    transition: .2s; }
    #features .module button:hover {
      background: transparent;
      color: #f08900; }
    #features .module button:focus {
      outline: none;
      box-shadow: none; }
  #features .module h2 {
    text-align: left;
    position: relative;
    padding-bottom: 20px; }
    #features .module h2:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 40%;
      border-bottom: 2px solid darkcyan; }
    #features .module h2:after {
      content: "";
      position: absolute;
      left: 16%;
      bottom: 0;
      height: 1px;
      width: 8%;
      border-bottom: 2px solid #F08900; }
  #features .module .show-hide {
    display: none; }
  #features .module .sub-module .fa {
    color: #F08900;
    margin-right: 15px; }
  #features .module .sub-module p {
    margin-bottom: 20px; }
  #features .module .sub-module h5 {
    font-weight: 700 !important; }

#reclameService {
  background: darkcyan; }
  #reclameService p {
    color: #FFFFFF; }
  #reclameService h2 {
    color: #FFFFFF;
    text-align: left;
    position: relative;
    padding-bottom: 20px; }
    #reclameService h2:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 20%;
      border-bottom: 2px solid #F08900; }
    #reclameService h2:after {
      content: "";
      position: absolute;
      left: 8%;
      bottom: 0;
      height: 1px;
      width: 4%;
      border-bottom: 2px solid #FFFFFF; }
  #reclameService .card {
    padding: 20px;
    margin-top: 30px;
    position: relative;
    border-radius: 4px;
    background: #ffffff; }
    #reclameService .card .fa {
      color: #F08900;
      font-size: 2em;
      margin-bottom: 20px; }
    #reclameService .card p {
      color: initial; }
    #reclameService .card h5 {
      font-weight: 700; }
      #reclameService .card h5 span {
        margin-right: 10px;
        color: darkcyan; }

#aanbodHome .sticker-sticky-wrapper {
  float: left !important; }
#aanbodHome .makePlan {
  margin-bottom: 50px;
  z-index: 1; }
  #aanbodHome .makePlan i {
    font-size: 1.5em;
    color: darkcyan; }
  #aanbodHome .makePlan h2 {
    color: #f08900;
    font-size: 2em;
    font-family: "Muli", sans-serif;
    font-weight: 500;
    line-height: 1.5em; }
  #aanbodHome .makePlan p {
    margin-bottom: 0; }
  #aanbodHome .makePlan button {
    background: darkcyan;
    border: 2px solid darkcyan;
    padding: 10px 20px;
    margin-top: 20px;
    border-radius: 3px;
    color: #FFFFFF;
    transition: .2s; }
    #aanbodHome .makePlan button:hover {
      background: transparent;
      color: darkcyan; }
#aanbodHome .pricePlan {
  z-index: 9;
  position: relative;
  font-family: "Muli", sans-serif;
  color: #333333; }
  #aanbodHome .pricePlan .customerType {
    transition: margin-top .2s;
    z-index: 0;
    position: relative; }
  #aanbodHome .pricePlan .customerTypeSubject {
    position: absolute;
    transition: top 1s;
    top: 150px;
    left: 0; }
  #aanbodHome .pricePlan:hover .customerType {
    margin-top: -25px;
    transition: margin-top .2s; }
  #aanbodHome .pricePlan:hover .customerTypeSubject {
    transition: top 1s;
    top: 85px; }
  #aanbodHome .pricePlan h3 {
    color: #333333;
    margin-bottom: 0; }
  #aanbodHome .pricePlan div {
    margin-bottom: 10px; }
  #aanbodHome .pricePlan .customer {
    height: 300px;
    position: relative;
    margin: 0; }
  #aanbodHome .pricePlan .package {
    margin-top: -150px;
    background-color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #dddddd;
    border-radius: 5px;
    display: inline-block;
    padding: 24px 24px 10px 24px;
    text-align: center;
    float: left;
    position: relative;
    transition: .2s; }
    #aanbodHome .pricePlan .package .fa {
      color: darkcyan;
      font-size: 1.5em; }
    #aanbodHome .pricePlan .package li {
      padding: 5px 0 !important;
      font-size: 14px;
      text-align: left; }
      #aanbodHome .pricePlan .package li .fa {
        color: darkcyan;
        font-size: 1.5em; }
    #aanbodHome .pricePlan .package hr {
      background-color: #dddddd;
      border: none;
      height: 2px;
      transition: .2s; }
    #aanbodHome .pricePlan .package:hover hr {
      background-color: #f08900;
      border: none;
      height: 2px;
      transition: .2s; }
    #aanbodHome .pricePlan .package .price {
      font-size: 4em;
      font-family: "Muli", sans-serif;
      font-weight: 100;
      color: #f08900; }
      #aanbodHome .pricePlan .package .price:after {
        content: " / mnd";
        font-weight: normal;
        font-size: .2em !important; }
    #aanbodHome .pricePlan .package .contract {
      font-size: .9em; }
#aanbodHome h2 {
  text-align: left;
  position: relative;
  padding-bottom: 20px; }
  #aanbodHome h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 40%;
    border-bottom: 2px solid darkcyan; }
  #aanbodHome h2:after {
    content: "";
    position: absolute;
    left: 16%;
    bottom: 0;
    height: 1px;
    width: 8%;
    border-bottom: 2px solid #F08900; }
#aanbodHome .small, #aanbodHome small {
  font-size: 85%; }
#aanbodHome p {
  margin-bottom: 50px; }

.products .product {
  text-align: center;
  min-height: 400px;
  padding-bottom: 50px; }
  .products .product .overlay {
    opacity: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 50%;
    z-index: 9999999;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .products .product .overlay .price {
      top: 45%;
      position: relative;
      font-size: 2em;
      color: #f08900; }
      .products .product .overlay .price.vanaf {
        position: relative; }
        .products .product .overlay .price.vanaf:before {
          content: "vanaf ";
          font-weight: normal;
          color: #f08900;
          font-size: .4em;
          position: absolute;
          top: -15px;
          width: 100%; }
  .products .product:hover .overlay {
    opacity: 1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  .products .product h3 {
    color: #f08900;
    margin-top: 0;
    margin-bottom: 20px; }

#aanbod .sticker-sticky-wrapper {
  float: left !important; }
#aanbod .calculator {
  width: 100%;
  position: relative;
  background-color: #FFFFFF;
  box-sizing: border-box;
  border: 2px solid #f08900;
  border-radius: 5px;
  display: inline-block;
  padding: 24px;
  text-align: right;
  float: right; }
  #aanbod .calculator hr {
    background-color: #dddddd;
    border: none;
    height: 2px;
    transition: .2s; }
  #aanbod .calculator:hover hr {
    background-color: #f08900;
    border: none;
    height: 2px; }
  #aanbod .calculator button {
    background: #f08900;
    border: 2px solid #f08900;
    padding: 10px 20px;
    margin-top: 20px;
    border-radius: 3px;
    color: #FFFFFF;
    transition: .2s; }
    #aanbod .calculator button:hover {
      background: transparent;
      color: #f08900; }
  #aanbod .calculator .price {
    font-size: 4em;
    font-family: "Muli", sans-serif;
    font-weight: 100;
    color: #f08900;
    padding: 10px 0; }
#aanbod .makePlan {
  margin-bottom: 50px;
  z-index: 1; }
  #aanbod .makePlan i {
    font-size: 1.5em;
    color: #f08900; }
  #aanbod .makePlan h2 {
    color: #f08900;
    font-size: 2em;
    font-family: "Muli", sans-serif;
    font-weight: 500;
    line-height: 1.5em; }
  #aanbod .makePlan p {
    margin-bottom: 0; }
  #aanbod .makePlan button {
    background: #f08900;
    border: 2px solid #f08900;
    padding: 10px 20px;
    margin-top: 20px;
    border-radius: 3px;
    color: #FFFFFF;
    transition: .2s; }
    #aanbod .makePlan button:hover {
      background: transparent;
      color: #f08900; }
#aanbod .product {
  text-align: center;
  height: 350px; }
  #aanbod .product .price {
    color: #f08900 !important; }
    #aanbod .product .price.vanaf:before {
      content: "v.a. ";
      font-weight: normal;
      color: #333333;
      font-size: .8em; }
  #aanbod .product img {
    box-shadow: inset 0px 0px 0px 1px transparent;
    transition: box-shadow .2s;
    border-radius: 50%; }
  #aanbod .product:hover img {
    box-shadow: inset 0px 0px 0px 1px #f08900;
    border-radius: 50%;
    transition: box-shadow .2s; }
  #aanbod .product h3 {
    color: #f08900;
    margin-top: 20px; }
#aanbod .pricePlan {
  z-index: 9;
  position: relative;
  font-family: "Muli", sans-serif;
  color: #333333; }
  #aanbod .pricePlan .customerType {
    transition: margin-top .2s;
    z-index: 0;
    position: relative; }
  #aanbod .pricePlan .customerTypeSubject {
    position: absolute;
    transition: top 1s;
    top: 150px;
    left: 0; }
  #aanbod .pricePlan:hover .customerType {
    margin-top: -25px;
    transition: margin-top .2s; }
  #aanbod .pricePlan:hover .customerTypeSubject {
    transition: top 1s;
    top: 85px; }
  #aanbod .pricePlan h3 {
    color: #333333;
    margin-bottom: 0; }
  #aanbod .pricePlan div {
    margin-bottom: 10px; }
  #aanbod .pricePlan .customer {
    height: 300px;
    position: relative;
    margin: 0; }
  #aanbod .pricePlan .package {
    margin-top: -150px;
    background-color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #f08900;
    border-radius: 5px;
    display: inline-block;
    padding: 24px 24px 10px 24px;
    text-align: center;
    float: left;
    position: relative;
    transition: .2s; }
    #aanbod .pricePlan .package li {
      padding: 5px 0 !important;
      font-size: 14px; }
      #aanbod .pricePlan .package li .fa {
        color: #dddddd; }
    #aanbod .pricePlan .package hr {
      background-color: #dddddd;
      border: none;
      height: 2px;
      transition: .2s; }
    #aanbod .pricePlan .package:hover hr {
      background-color: #f08900;
      border: none;
      height: 2px;
      transition: .2s; }
    #aanbod .pricePlan .package .price {
      font-size: 4em;
      font-family: "Muli", sans-serif;
      font-weight: 100;
      color: #f08900; }
      #aanbod .pricePlan .package .price:after {
        content: " / mnd";
        font-weight: normal;
        font-size: .2em !important; }
    #aanbod .pricePlan .package .contract {
      font-size: .9em; }
#aanbod h2 {
  color: #f08900;
  text-align: center;
  position: relative;
  padding-bottom: 20px; }
  #aanbod h2:before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 0;
    height: 1px;
    width: 20%;
    border-bottom: 2px solid #f08900; }
  #aanbod h2:after {
    content: "";
    position: absolute;
    left: 48%;
    bottom: 0;
    height: 1px;
    width: 4%;
    border-bottom: 2px solid #FFFFFF; }
#aanbod p {
  margin-bottom: 50px; }

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  background-color: #f08900; }

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  background: #f08900 !important; }

#fp-nav ul li .fp-tooltip {
  color: #f08900;
  font-size: 1.5em;
  font-family: Neometric, sans-serif;
  text-transform: lowercase; }

#fp-nav ul li:first-child {
  display: none; }

.section .slide {
  overflow: hidden; }
.section .mainTable div {
  margin-top: 10px; }
.section .bron {
  position: absolute;
  bottom: 50px;
  color: #333333; }
.section .fp-controlArrow.fp-prev {
  top: 99%;
  left: 35%;
  width: 0;
  border-width: 10px 15px 10px 15px;
  border-color: transparent #f08900 transparent transparent; }
.section .fp-controlArrow.fp-next {
  top: 99%;
  right: 35%;
  width: 0;
  border-width: 10px 15px 10px 15px;
  border-color: transparent transparent transparent #f08900; }
.section .fp-slidesNav.bottom {
  bottom: 25px; }
.section .fp-tableCell {
  vertical-align: top;
  overflow: hidden; }
.section .fp-scroller {
  height: 100%; }
.section .container {
  height: 100%; }
.section .counter {
  color: darkcyan; }
.section h2 {
  color: darkcyan;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
  padding-bottom: 20px; }
  .section h2:before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 0;
    height: 1px;
    width: 20%;
    border-bottom: 2px solid darkcyan; }
  .section h2:after {
    content: "";
    position: absolute;
    left: 48%;
    bottom: 0;
    height: 1px;
    width: 4%;
    border-bottom: 2px solid #F08900; }

.header {
  height: 800px !important; }
  .header h2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 0;
    border-bottom: none; }
  .header h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 0;
    border-bottom: none; }

#section0 {
  background-color: #f6f6f6; }
  #section0 .gender .counterWrapper {
    display: table;
    padding: 25px 50px;
    position: relative;
    z-index: 0;
    margin: 0 auto; }
    #section0 .gender .counterWrapper .counter {
      display: table-cell;
      vertical-align: middle;
      font-size: 2em;
      background-color: darkcyan;
      color: #FFFFFF;
      width: 200px;
      border-radius: 50%;
      height: 200px;
      text-align: center;
      z-index: 11; }
    #section0 .gender .counterWrapper img {
      position: absolute; }
      #section0 .gender .counterWrapper img.Male {
        top: 0;
        left: -20px;
        z-index: 10; }
      #section0 .gender .counterWrapper img.Female {
        top: 0;
        right: -20px;
        z-index: 10; }
  #section0 .gender .fa-mars {
    font-size: 10em;
    position: absolute;
    font-weight: 900;
    top: -7px;
    right: 35px;
    color: darkcyan;
    z-index: -1; }
  #section0 .gender .fa-venus {
    font-size: 10em;
    position: absolute;
    font-weight: 900;
    bottom: -30px;
    right: 87px;
    color: darkcyan;
    z-index: -1; }
  #section0 #slide1 .mainTable {
    font-size: 1.4em; }
    #section0 #slide1 .mainTable .col-md-4:last-child {
      color: #f08900; }
  #section0 #slide2 {
    background-color: rgba(255, 255, 255, 0.5); }
  #section0 #slide3 {
    background-color: rgba(255, 255, 255, 0.5); }
    #section0 #slide3 p {
      font-size: 1.4em;
      color: darkcyan; }
      #section0 #slide3 p .primary-color {
        color: #333333; }
      #section0 #slide3 p .color {
        color: #f08900; }
  #section0 .household .col-md-3 .col-md-12 {
    height: 300px;
    margin-bottom: 20px; }

#section1 {
  background-color: rgba(0, 139, 139, 0.05); }
  #section1 #slide1 .jobs span {
    font-size: 1.4em;
    color: darkcyan; }
    #section1 #slide1 .jobs span.color {
      color: #f08900; }
  #section1 #slide1 .jobs .col-md-6 .col-md-12 {
    height: 300px;
    margin-bottom: 20px; }
  #section1 #slide2 {
    background-color: white; }
    #section1 #slide2 .house .col-md-6 .col-md-12 {
      height: 300px;
      margin-bottom: 20px; }
    #section1 #slide2 .house .counterWrapper {
      display: table;
      padding: 25px 50px;
      position: relative;
      z-index: 11;
      margin: 0 auto;
      width: 100%; }
      #section1 #slide2 .house .counterWrapper .counter {
        display: table-cell;
        vertical-align: middle;
        font-size: 2em;
        background-color: darkcyan;
        color: #FFFFFF;
        width: 200px;
        border-radius: 50%;
        height: 200px;
        text-align: center;
        z-index: 12;
        position: relative; }
      #section1 #slide2 .house .counterWrapper img {
        position: absolute; }
        #section1 #slide2 .house .counterWrapper img.region {
          height: 100%;
          top: 0;
          left: 8%;
          z-index: 13; }
        #section1 #slide2 .house .counterWrapper img.national {
          height: 100%;
          top: 0;
          right: 15%;
          z-index: 12; }

#section2 {
  background-color: #ffffff; }
  #section2 #slide1 p {
    font-size: 2em;
    color: #f08900; }
  #section2 #slide1 .imageWrapper {
    height: 350px; }
  #section2 #slide2 {
    background-color: #f6f6f6; }
    #section2 #slide2 p {
      font-size: 2em;
      color: darkcyan; }
    #section2 #slide2 .imageWrapper {
      height: 250px; }

#section3 {
  background-color: #f6f6f6; }
  #section3 #slide2 {
    background-color: #FAFAFA; }

#section4 {
  background-color: #FAFAFA; }
  #section4 #slide2 {
    background-color: #EEEEEE; }

#section10 {
  background-color: #f6f6f6; }
  #section10 .gender .counterWrapper {
    display: table;
    padding: 25px 50px;
    position: relative;
    z-index: 0;
    margin: 0 auto; }
    #section10 .gender .counterWrapper .counter {
      display: table-cell;
      vertical-align: middle;
      font-size: 2em;
      background-color: darkcyan;
      color: #FFFFFF;
      width: 200px;
      border-radius: 50%;
      height: 200px;
      text-align: center;
      z-index: 11; }
    #section10 .gender .counterWrapper img {
      position: absolute; }
      #section10 .gender .counterWrapper img.Male {
        height: 289px;
        top: 0;
        left: -20px;
        z-index: 10; }
      #section10 .gender .counterWrapper img.Female {
        height: 278px;
        top: 0;
        right: -20px;
        z-index: 10; }
  #section10 .gender .fa-mars {
    font-size: 10em;
    position: absolute;
    font-weight: 900;
    top: -7px;
    right: 35px;
    color: darkcyan;
    z-index: -1; }
  #section10 .gender .fa-venus {
    font-size: 10em;
    position: absolute;
    font-weight: 900;
    bottom: -30px;
    right: 87px;
    color: darkcyan;
    z-index: -1; }
  #section10 #slide2 {
    background-color: rgba(255, 255, 255, 0.5); }
  #section10 #slide3 {
    background-color: rgba(255, 255, 255, 0.5); }

#section11 {
  background-color: #fafafa; }
  #section11 .table img {
    margin-bottom: 20px; }
  #section11 .table .tableCelHead {
    border-right: none; }
  #section11 .brand {
    margin-top: 0; }
  #section11 #slide2 {
    background-color: white; }
  #section11 #slide3 {
    background-color: white; }

#section12 {
  background-color: #ffffff; }
  #section12 .table img {
    margin-bottom: 20px; }
  #section12 .table .tableCelHead {
    border-right: none; }
  #section12 .brand {
    margin-top: 0; }
  #section12 #slide2 {
    background-color: #f6f6f6; }
  #section12 #slide3 {
    background-color: #f6f6f6; }
  #section12 #slide4 {
    background-color: #eaf1f1; }
  #section12 #slide5 {
    background-color: #ffffff; }
  #section12 #slide6 {
    background-color: #FFFFFF; }
  #section12 #slide7 {
    background-color: #f9f9f9; }
  #section12 #slide8 {
    background-color: #f9f9f9; }
  #section12 #slide9 {
    background-color: #FAFAFA; }

#section13 {
  background-color: #f6f6f6; }
  #section13 #slide2 {
    background-color: #FAFAFA; }

#section14 {
  background-color: #FAFAFA; }
  #section14 #slide2 {
    background-color: #EEEEEE; }

.advert .brand {
  background-color: darkcyan;
  margin-top: 15px;
  border-radius: 5px;
  padding: 15px; }
  .advert .brand h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 20px;
    color: #FFFFFF; }
  .advert .brand h4 {
    color: #FFFFFF; }
  .advert .brand p {
    color: #FFFFFF; }
.advert h4 {
  color: #333333;
  margin-bottom: 20px; }
  .advert h4 span {
    color: #f08900; }

.table .col-md-2 {
  height: 45px;
  line-height: 45px; }
.table .tableRowHead {
  border-bottom: 1px solid darkcyan;
  color: #FFFFFF;
  background-color: darkcyan; }
  .table .tableRowHead .col-md-2:first-child {
    background-color: #f6f6f6; }
.table .tableCelHead {
  border-right: 1px solid darkcyan;
  color: darkcyan; }
.table .tablePrice {
  color: #f08900;
  border-top: 1px solid darkcyan; }

.contactForm {
  font-family: "Muli", sans-serif; }
  .contactForm button {
    background: #f08900;
    border: 2px solid #f08900;
    padding: 10px 20px;
    margin-top: 15px;
    border-radius: 3px;
    color: #FFFFFF;
    transition: .2s; }
    .contactForm button:hover {
      background: transparent;
      color: #f08900; }
  .contactForm .form-control {
    padding: 6px 15px; }
  .contactForm h2 {
    color: #f08900; }
  .contactForm .fa {
    color: #f08900; }
  .contactForm .contactBlock {
    background-color: white;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px; }
  .contactForm .form-control {
    min-height: 40px;
    border-radius: 5px;
    color: #333333;
    box-shadow: none;
    background-color: white;
    border: 1px solid #ffffff; }
    .contactForm .form-control:focus {
      box-shadow: none;
      border: 1px solid #f08900; }

#communicationOptions h2 {
  color: darkcyan;
  text-align: left;
  position: relative;
  padding-bottom: 20px; }
  #communicationOptions h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 20%;
    border-bottom: 2px solid darkcyan; }
  #communicationOptions h2:after {
    content: "";
    position: absolute;
    left: 8%;
    bottom: 0;
    height: 1px;
    width: 4%;
    border-bottom: 2px solid #f08900; }
#communicationOptions h4 {
  color: darkcyan; }
#communicationOptions p {
  margin-bottom: 20px; }

#overons h2 {
  text-align: left;
  position: relative;
  padding-bottom: 20px; }
  #overons h2:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    height: 1px;
    width: 40%;
    border-bottom: 2px solid darkcyan; }
  #overons h2:after {
    content: "";
    position: absolute;
    left: 16%;
    bottom: 0;
    height: 1px;
    width: 8%;
    border-bottom: 2px solid #F08900; }

#products h2 {
  color: #f08900;
  text-align: center;
  position: relative;
  padding-bottom: 20px; }
  #products h2:before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 0;
    height: 1px;
    width: 20%;
    border-bottom: 2px solid #f08900; }
  #products h2:after {
    content: "";
    position: absolute;
    left: 48%;
    bottom: 0;
    height: 1px;
    width: 4%;
    border-bottom: 2px solid #FFFFFF; }

footer {
  background-color: #333;
  color: #FFFFFF;
  overflow: hidden; }
  footer a {
    color: #FFFFFF; }
    footer a:hover {
      color: #F08900; }
  footer .content {
    padding: 50px 0; }
  footer .company ul {
    padding-left: 40px; }
    footer .company ul li {
      padding: 10px 0; }
      footer .company ul li i {
        position: absolute;
        left: 16px;
        padding-top: 3px; }
  footer .logo {
    margin-top: 35px; }
  footer .disclaimer {
    font-size: .7em; }
    footer .disclaimer p {
      border-top: 2px solid #f08900;
      padding-top: 20px;
      margin-bottom: 0; }
  footer .socialmedia {
    margin-top: 20px;
    float: right; }
    footer .socialmedia a:last-child i {
      padding-right: 0; }
    footer .socialmedia i {
      padding: 10px;
      font-size: 1.5em; }
  footer .sitemap {
    height: 46px; }
    footer .sitemap ul {
      bottom: 0;
      position: absolute;
      right: 0; }
      footer .sitemap ul li {
        padding: 0;
        float: left;
        border-right: 2px solid #FFFFFF; }
        footer .sitemap ul li:last-child {
          border-right: 0; }
        footer .sitemap ul li a {
          padding: 0 15px;
          transition: .2s; }
          footer .sitemap ul li a:hover {
            background-color: transparent;
            transition: .2s; }
    footer .sitemap .content {
      padding: 10px 0;
      font-size: .7em; }

.cd-top {
  position: fixed;
  right: 25px;
  bottom: 25px;
  opacity: 0;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  color: #f08900 !important;
  z-index: 999999999999999999; }
  .cd-top i {
    font-size: 40px; }

.cd-top.cd-is-visible {
  /* the button becomes visible */
  opacity: 0.8;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s; }

@media screen and (max-width: 1200px) {
  .home {
    height: 600px;
    overflow: hidden; }
    .home h1 {
      z-index: 9;
      display: block;
      font-size: 9em;
      float: left;
      line-height: .5em; }
    .home h2.subtitle {
      margin-top: 30px;
      display: block;
      float: left; }

  .wat {
    height: 600px;
    overflow: hidden; }
    .wat h1 {
      z-index: 9;
      display: block;
      font-size: 9em;
      float: left;
      line-height: .5em; }
    .wat h2.subtitle {
      margin-top: 30px;
      display: block;
      float: left; }

  .over-ons {
    height: 600px;
    overflow: hidden; }
    .over-ons h1 {
      z-index: 9;
      display: block;
      font-size: 9em;
      float: left;
      line-height: .5em; }
    .over-ons h2.subtitle {
      margin-top: 30px;
      display: block;
      float: left; }

  .contact .header {
    height: 600px !important;
    overflow: hidden; }
    .contact .header h1 {
      z-index: 9;
      display: block;
      font-size: 9em;
      float: left;
      line-height: .5em; }
    .contact .header h2.subtitle {
      margin-top: 30px;
      display: block;
      float: left; }

  .software {
    height: 600px !important; }

  .software .header {
    height: 600px !important;
    overflow: hidden; }
    .software .header h1 {
      z-index: 9;
      display: block;
      font-size: 8em;
      float: left;
      line-height: .5em; }
    .software .header h2.subtitle {
      margin-top: 30px;
      display: block;
      float: left; }

  .contact {
    height: 600px !important; }

  .wie .header {
    height: 600px !important;
    overflow: hidden; }
    .wie .header h1 {
      z-index: 9;
      display: block;
      font-size: 9em;
      float: left;
      line-height: .5em; }
    .wie .header h2.subtitle {
      margin-top: 30px;
      display: block;
      float: left; }

  .waar .header {
    height: 600px !important;
    overflow: hidden; }
    .waar .header h1 {
      z-index: 9;
      display: block;
      font-size: 9em;
      float: left;
      line-height: .5em; }
    .waar .header h2.subtitle {
      margin-top: 30px;
      display: block;
      float: left; }

  .headerContent .col-md-6 {
    height: 445px; }

  .package {
    min-height: 0 !important; } }
@media screen and (max-width: 991px) {
  #contactQuote blockquote {
    font-size: 1em; }

  #contactmomentsClients {
    padding-top: 0;
    padding-bottom: 0; }

  #intro {
    background-image: none; }

  #section0 .gender .counterWrapper img.Male {
    top: -50px; }

  #section1 #slide1 .jobs img {
    width: 100%;
    max-width: 383px !important; }

  header .navbar .collapse.navbar-collapse.pull-left ul li {
    margin: 0 25px 0 0; }

  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px; }

  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: #f08900 !important;
    background-image: none;
    border: 1px solid #f08900 !important;
    border-radius: 4px; }
    .navbar-toggle .icon-bar {
      background-color: #FFFFFF !important; }

  .home .headerContent h1 {
    font-size: 6em; }

  .wat .headerContent h1 {
    font-size: 6em; }

  .over-ons .headerContent h1 {
    font-size: 6em; }

  .contact .header .headerContent h1 {
    font-size: 6em; }

  .software .header .headerContent h1 {
    font-size: 6em; }

  .wie .header h1 {
    font-size: 6em; }

  .waar .header h1 {
    font-size: 6em; }

  .disclaimer p {
    text-align: center; }

  .products .product {
    min-height: 350px;
    padding-bottom: 0; } }
@media screen and (max-width: 768px) {
  header .navbar .container-fluid {
    padding-left: 15px;
    padding-right: 15px; }

  .navbar-header {
    margin-top: 15px;
    z-index: 999999999;
    position: relative; }

  header .navbar .collapse.navbar-collapse.pull-left {
    padding-top: 0;
    margin-top: 0;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0; }
    header .navbar .collapse.navbar-collapse.pull-left ul li {
      margin: 0 -15px; }
      header .navbar .collapse.navbar-collapse.pull-left ul li.active a {
        border-left: 5px solid #f08900;
        background-color: transparent;
        margin-top: 0; }
      header .navbar .collapse.navbar-collapse.pull-left ul li.active:hover a {
        border-left: 5px solid #f08900; }
      header .navbar .collapse.navbar-collapse.pull-left ul li:hover a {
        border-left: 5px solid #f08900; }
      header .navbar .collapse.navbar-collapse.pull-left ul li a {
        border-bottom: none !important;
        border-left: 5px solid transparent;
        color: #f08900;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: all .2s; }

  .cd-top {
    display: none !important; }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px; }

  .collapsing.navbar-collapse.pull-left {
    padding-top: 0;
    margin-top: 0;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0; }
    .collapsing.navbar-collapse.pull-left ul li {
      margin: 0 -15px; }
      .collapsing.navbar-collapse.pull-left ul li.active a {
        border-left: 5px solid #f08900;
        background-color: transparent;
        margin-top: 0; }
      .collapsing.navbar-collapse.pull-left ul li.active:hover a {
        border-left: 5px solid #f08900; }
      .collapsing.navbar-collapse.pull-left ul li:hover a {
        border-left: 5px solid #f08900; }
      .collapsing.navbar-collapse.pull-left ul li a {
        border-bottom: none;
        border-left: 5px solid transparent;
        color: #f08900;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: all .2s; }

  header .navbar .collapse.navbar-collapse.pull-left ul li {
    margin: 0; }

  .navbar-nav {
    margin: 15px; }

  header .navbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .headerContent h1, .headerContent h2 {
    width: 100%; }
  .headerContent span {
    text-align: center; }

  .home .headerContent .col-md-6 {
    height: 250px; }
  .home .headerContent h1 {
    font-size: 4em; }
  .home .headerContent img {
    width: 60% !important; }

  .headerContent .col-md-6 {
    width: 100%; }

  .wat .headerContent .col-md-6 {
    height: 450px; }
  .wat .headerContent h1 {
    font-size: 4em; }

  .over-ons .headerContent .col-md-6 {
    height: 450px; }
  .over-ons .headerContent h1 {
    font-size: 4em; }

  .contact .header .headerContent .col-md-6 {
    height: 250px; }
  .contact .header .headerContent h1 {
    font-size: 4em; }
  .contact .header .headerContent img {
    width: 50%; }

  .software .header .headerContent .col-md-6 {
    height: 250px; }
  .software .header .headerContent h1 {
    font-size: 4em; }
  .software .header .headerContent img {
    width: 80% !important; }

  .wie .header .headerContent .col-md-6 {
    height: 350px; }
  .wie .header .headerContent h1 {
    font-size: 4em; }

  .waar .header .headerContent .col-md-6 {
    height: 350px; }
  .waar .header .headerContent h1 {
    font-size: 4em; } }
@media screen and (max-width: 600px) {
  #section1 #slide2 .house .counterWrapper .counter {
    background-color: rgba(0, 139, 139, 0.8);
    z-index: 9999; } }

/*# sourceMappingURL=style.css.map */