﻿/*******************************
*                              *
*          Colors              *
*                              *
********************************/
/*Blues*/
/*Greens*/
/*Greys*/
/*Wervingpagina*/
/*Oranges*/
/*Social*/
/*******************************
*                              *
*           Sizes              *
*                              *
********************************/
/*******************************
*                              *
*           Fonts              *
*                              *
********************************/
/*Fams*/
.roboto {
  font-family: 'Roboto', sans-serif;
}
.linea-arrows {
  font-family: "linea-arrows-10" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.themify {
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wegwijsicons {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shadowsintolighttwo {
  font-family: 'Shadows Into Light Two', cursive;
}
/*Weights*/
.light {
  font-weight: 300;
}
.normal {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
.center {
  text-align: center;
}
.round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.transition {
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
}
.transition-fast {
  transition: all 0.2s ease 0s;
}
.transform-scale {
  transform: scale(1.1);
  transition: all 0.2s ease 0s;
}
.no-break {
  white-space: nowrap;
}
.cta {
  color: #ffffff;
  background-color: #42AC51;
  text-decoration: none;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
}
.cta:hover {
  background-color: #64C772;
  text-decoration: none;
}
.btn.btn-default {
  color: #ffffff;
  background-color: #42AC51;
  text-decoration: none;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 7px 15px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.btn.btn-default:hover {
  background-color: #64C772;
  text-decoration: none;
}
.btn.btn-default.btn-default-arrow-right {
  padding-right: 40px;
  position: relative;
}
.btn.btn-default.btn-default-arrow-right:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  color: #ffffff;
  display: block;
  position: absolute;
  top: 11px;
  right: 10px;
  font-size: 18px;
}
.btn.btn-default.btn-default-alt {
  background-color: #E58105;
}
.btn.btn-default.btn-default-alt:hover {
  background-color: #F1CA95;
}
.btn.btn-disabled {
  color: #ffffff;
  background-color: #cccccc;
  text-decoration: none;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 7px 15px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.btn.btn-cancel {
  color: #ffffff;
  background-color: #cccccc;
  text-decoration: none;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 7px 15px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.btn.btn-arrow {
  text-decoration: none;
  padding-left: 40px;
  position: relative;
  font-weight: 300;
  white-space: normal;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  font-size: 16px;
  background-color: #ffffff;
}
.btn.btn-arrow:hover {
  border: 1px solid #4D4D4D;
}
.btn.btn-arrow:before {
  position: absolute;
  content: ' ';
  display: block;
  height: 30px;
  width: 30px;
  background: url(/images/arrow.svg) 1px 1px no-repeat;
  top: 4px;
  left: 10px;
}
.btn.btn-arrow.btn-arrow-back:before {
  background: url(/images/arrow_back.svg) 1px 1px no-repeat;
}
.btn.btn-back {
  font-size: 18px;
  text-decoration: none;
  font-weight: 300;
}
.btn.btn-back i {
  color: #E58105;
  font-style: normal;
  font-size: 23px;
  vertical-align: sub;
  margin-right: 5px;
}
.btn.btn-show-more {
  font-size: 18px;
  font-weight: 300;
  background-color: #EBF2F7;
  padding: 10px 60px 10px 20px;
  position: relative;
}
.btn.btn-show-more:after {
  display: block;
  position: absolute;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  top: 9px;
  right: 20px;
  font-size: 25px;
}
.btn.btn-arrow-alt {
  text-decoration: none;
  padding-left: 40px;
  position: relative;
  font-weight: 300;
  white-space: normal;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  background-color: #EBF2F7;
}
.btn.btn-arrow-alt:hover {
  border: 1px solid #4D4D4D;
}
.btn.btn-arrow-alt:before {
  position: absolute;
  content: ' ';
  display: block;
  height: 30px;
  width: 30px;
  background: url(/images/arrow.svg) 1px 1px no-repeat;
  top: 4px;
  left: 10px;
}
.btn.btn-arrow-alt.larger {
  font-size: 20px;
}
.btn.btn-arrow-alt.larger:before {
  top: 10px;
}
.btn.btn-showmore {
  text-decoration: none;
  padding: 10px 50px 10px 20px;
  position: relative;
  font-weight: 300;
  white-space: normal;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  background-color: #EBF2F7;
  font-size: 20px;
}
.btn.btn-showmore:after {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  color: #4D4D4D;
  top: 10px;
  right: 15px;
  font-size: 16px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  padding-top: 6px;
  padding-left: 10px;
}
.btn.btn-showmore:hover {
  border: 1px solid #4D4D4D;
}
.btn.btn-showmore.btn-showmore-alt {
  background-color: #ffffff;
}
.btn.btn-clear-show-more {
  text-decoration: none;
  padding: 10px 50px 10px 20px;
  position: relative;
  font-weight: 300;
  white-space: normal;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  background-color: transparent;
  font-size: 20px;
  color: #ffffff;
}
.btn.btn-clear-show-more:after {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  color: #ffffff;
  top: 10px;
  right: 15px;
  font-size: 16px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  padding-top: 6px;
  padding-left: 10px;
}
.btn.btn-clear-show-more:hover {
  border: 1px solid #ffffff;
}
.btn.btn-back-alt {
  font-size: 18px;
  padding: 7px 15px 7px 50px;
  background-color: #ffffff;
  position: relative;
  border-radius: 0;
  text-decoration: none;
  border: 1px solid #ffffff;
}
.btn.btn-back-alt:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  position: absolute;
  left: 15px;
  top: 9px;
  display: block;
  font-size: 21px;
}
.btn.btn-back-alt:hover {
  border: 1px solid #4D4D4D;
  text-decoration: none;
}
.btn.full-width {
  text-align: center;
  width: 100%;
}
.btn.btn-no-style {
  border-radius: 4px;
  border: none;
  background-color: transparent;
}
.questionmark {
  height: 24px;
  width: 24px;
  border: 1px solid #4D4D4D;
  padding: 2px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.questionmark:after {
  content: "?";
  display: block;
  top: 1px;
  left: 6px;
  position: absolute;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
}
.premium-bar {
  padding: 15px 15px 18px 4px;
  background-color: #ffffff;
  font-size: 15px;
}
.premium-bar .btn {
  margin-right: 15px;
}
.btn.btn-back-alt-alt {
  font-weight: 300;
  font-size: 18px;
  background-color: transparent;
  border: none;
  padding: 7px 10px 7px  30px;
  position: relative;
}
.btn.btn-back-alt-alt:before {
  position: absolute;
  top: 11px;
  left: 5px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  display: block;
  content: "\e923";
}
.btn-rte {
  color: #ffffff;
  background-color: #E58105;
  text-decoration: none;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 7px 15px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  line-height: 1.42857143;
  user-select: none;
}
.btn-rte a {
  text-decoration: none;
  color: #ffffff !important;
}
.btn-rte:hover {
  background-color: #ffad48;
}
a .btn-rte {
  text-decoration: none;
}
.navigation {
  background-color: #EBF2F7;
  position: relative;
  color: #1A1A1A;
  font-weight: 400;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.22);
  line-height: 36px;
}
.navigation .logo {
  padding: 10px 10px;
  height: 60px;
}
.navigation .logo-menu-full {
  display: none;
}
.navigation .top-menu {
  display: none;
}
.navigation .mob-menu-toggle {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border: none;
  height: 60px;
  padding-right: 65px;
  font-size: 16px;
}
.navigation .mob-menu-toggle .hamburger {
  height: 60px;
  width: 59px;
  padding: 4px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #E58105;
}
.navigation .mob-menu-toggle .hamburger i {
  color: #ffffff;
  font-size: 39px;
  margin-top: 5px;
  display: block;
}
.navigation .main-menu {
  display: none;
}
.navigation .sticky-md {
  display: none;
}
/*Nav open*/
.navigation.menu-open .main-menu {
  display: block;
}
.navigation .main-menu {
  border-top: 4px solid #E58105;
  padding-top: 20px;
  background-color: #ffffff;
}
.navigation .main-menu > ul > li {
  border-bottom: 1px solid #E1E5E6;
  padding-left: 15px;
  padding-right: 15px;
}
.navigation .main-menu > ul > li > a {
  display: block;
  padding: 10px 0;
  color: #4D4D4D;
}
.navigation .main-menu .search {
  position: relative;
  padding-left: 40px;
}
.navigation .main-menu .search button {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  border: none;
  color: #08AAD3;
}
.navigation .main-menu .search input {
  width: 100%;
  border: none;
}
.navigation .main-menu .subscribe {
  margin: 0 -15px;
  background-color: #42AC51;
  color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
}
/*Dropdown*/
.navigation .main-menu a {
  text-decoration: none;
}
.navigation .main-menu > ul > li.dropdown {
  padding-right: 40px;
  position: relative;
}
.navigation .main-menu > ul > li.dropdown .plusminus {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 15px;
  top: 14px;
  font-size: 26px;
  display: block;
  cursor: pointer;
}
.navigation .main-menu > ul > li.dropdown .dropdown-content {
  display: none;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
}
.navigation .main-menu > ul > li.dropdown .dropdown-content a {
  display: block;
  color: #4D4D4D;
  font-weight: 300;
  padding-top: 7px;
  padding-bottom: 7px;
  transition: all 0.2s ease 0s;
}
.navigation .main-menu > ul > li.dropdown .dropdown-content.tools-dropdown a:hover {
  -webkit-box-shadow: 0px 0px 5px 2px #e58105;
  -moz-box-shadow: 0px 0px 5px 2px #e58105;
  box-shadow: 0px 0px 5px 2px #e58105;
  transition: all 0.2s ease 0s;
}
/*Dropdown open*/
.navigation .main-menu > ul > li.dropdown.dropdown-open .dropdown-content {
  display: block;
}
.navigation .main-menu > ul > li.dropdown.dropdown-open .plusminus:before {
  content: "\e91b";
}
.dropdown .dropdown-content .counter {
  font-weight: 300;
  color: #999999;
  padding-left: 10px;
}
.dropdown .dropdown-content h2 {
  margin-top: 20px;
  margin-bottom: 16px;
}
/*User icon*/
.user-icon {
  position: relative;
  height: 34px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1A1A1A;
  font-size: 22px;
  padding-top: 4px;
}
.user-icon:after {
  content: "\e911";
}
.user-icon .notification {
  background-color: #EE4400;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  height: 14px;
  min-width: 14px;
  position: absolute;
  text-align: center;
  line-height: 13px;
  top: -3px;
  right: 6px;
}
/* SM view */
@media (min-width: 992px) {
  body {
    padding-top: 102px;
  }
  .navigation .hamburger-sm-menu {
    position: relative;
    background-color: #EBF2F7;
    height: 60px;
  }
  .navigation .logo-menu-full {
    display: block;
    margin: 12px 20px;
  }
  .navigation .logo-menu-small {
    display: none;
  }
  .navigation .logo {
    position: absolute;
    left: 0;
    right: 0;
    width: 265px;
    background-color: #ffffff;
    border-right: 1px solid #E1E5E6;
    z-index: 2;
    height: 102px;
    padding: 4px 10px;
  }
  .sticky .navigation .logo {
    height: 50px;
    padding: 5px 30px;
  }
  .navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
  }
  .navigation .main-menu {
    display: block;
    padding-top: 0;
    padding-left: 265px;
    border: none;
    line-height: normal;
    margin-top: -10px;
    height: 51px;
  }
  .navigation .search {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 265px;
  }
  .navigation .search button {
    display: none;
  }
  .navigation .search input {
    width: 60px;
    height: 51px;
    padding: 10px 10px 2px 10px;
    border: none;
    font-weight: 300;
    font-size: 16px;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
  }
  .navigation .search input:focus {
    width: 260px;
    outline: none;
  }
  .navigation .search label {
    padding: 8px 30px 7px 20px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffffff;
    border-right: 1px solid #E1E5E6;
    cursor: pointer;
    margin-bottom: 0;
  }
  .navigation .search.active label {
    color: #42AC51;
  }
  .navigation .search.active label:hover,
  .navigation .search label:hover {
    color: #E58105;
  }
  .navigation .top-menu {
    display: block;
    background-color: #ffffff;
    padding-left: 265px;
    height: 51px;
    overflow: hidden;
  }
  .navigation .trendblocks {
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    padding: 0 15px;
    color: #4D4D4D;
    float: right;
    border-right: 1px solid #E1E5E6;
    height: 51px;
  }
  .navigation .trendblocks .trendblock {
    float: left;
    text-align: center;
    padding: 6px 15px;
    display: block;
    text-decoration: none;
  }
  .navigation .trendblocks .trendval {
    display: block;
    font-size: 20px;
    color: #999999;
    margin-bottom: -2px;
    vertical-align: middle;
  }
  .navigation .trendblocks .trendblock:last-of-type .trendval {
    padding-top: 2px;
    margin-bottom: -4px;
  }
  .navigation .trendblocks .trendlink {
    color: #E58105;
    font-weight: 400;
    font-size: 13px;
  }
  .navigation .trendblocks .trendblock:hover {
    color: #ffffff;
    background-color: #E58105;
  }
  .navigation .trendblocks .trendblock:hover .trendval {
    color: #ffffff;
  }
  .navigation .trendblocks .trendblock:hover .trendlink {
    color: #ffffff;
  }
  .navigation .extramenu {
    float: right;
  }
  .navigation .extramenu ul li {
    padding: 0;
  }
  .navigation .extramenu ul li a {
    color: #999999;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    /*text-transform: uppercase;*/
    line-height: normal;
    font-weight: 300;
    border-right: 1px solid #E1E5E6;
  }
  .navigation .extramenu ul li a:hover {
    color: #ffffff;
    background-color: #E58105;
  }
  .navigation .loginblock {
    float: right;
    font-size: 16px;
    line-height: normal;
    font-weight: 300;
  }
  .navigation .loginblock a {
    color: #4D4D4D;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
  }
  .navigation .loginblock a:hover {
    color: #ffffff;
    background-color: #E58105;
  }
  .navigation .loginblock a.orange {
    color: #E58105;
  }
  .navigation .loginblock a.orange:hover {
    color: #ffffff;
  }
  .navigation .loginblock a:hover .user-icon {
    color: #ffffff;
  }
  .navigation .loginblock a.cta {
    color: #ffffff;
  }
  .navigation .loginblock a.cta:hover {
    color: #ffffff;
  }
  .navigation .main-menu {
    background-color: #EBF2F7;
    position: relative;
  }
  .navigation .main-menu > ul > li {
    float: left;
    border: none;
  }
  .navigation .main-menu > ul > li.dropdown .plusminus {
    display: none;
  }
  .navigation .main-menu > ul > li.dropdown,
  .navigation .main-menu > ul > li {
    padding: 0;
  }
  .navigation .main-menu > ul > li > a {
    padding: 15px;
    height: 51px;
    text-transform: none;
    font-weight: 400;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
    position: relative;
  }
  .navigation .main-menu > ul > li > a.active {
    color: #E58105;
  }
  .navigation .main-menu > ul > li > a:after {
    height: 30px;
    width: 2px;
    position: absolute;
    content: ' ';
    display: block;
    top: 50%;
    right: 0;
    margin-top: -15px;
    background-color: #DAE1E6;
  }
  .navigation .main-menu > ul > li > a:hover:after {
    display: none;
  }
  .navigation .main-menu > ul > li.dropdown.dropdown-open > a:after {
    display: none;
  }
  .navigation .main-menu > ul > li:nth-last-child(2) > a:after {
    display: none;
  }
  .navigation .main-menu > ul > li > a:hover {
    background-color: #DAE1E6;
  }
  .navigation .main-menu > ul > li:hover > a {
    color: #ffffff;
    background-color: #E58105;
  }
  .navigation .main-menu > ul > li.dropdown {
    position: static;
  }
  /*.navigation .main-menu > ul > li.dropdown.dropdown-open .dropdown-content {
                        display: none;
                    }*/
  .navigation .main-menu > ul > li.dropdown.dropdown-open .dropdown-content {
    display: block;
    position: absolute;
    background-color: #ffffff;
    top: 51px;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.22);
    border-top: 4px solid #E58105;
    z-index: 3;
  }
  /*.navigation .main-menu > ul > li.dropdown.dropdown-open .dropdown-content:after {
                            content: ' ';
                            width: 100%;
                            height: 100%;
                            position: fixed;
                            background: rgba(51,51,51,0.4);
                            z-index: 9999;
                        }*/
  .menu-open-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.4);
    transition: all 0s ease 0.2s;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
  }
  .navigation .hamburger-sm-menu {
    display: none;
  }
  .sticky .navigation .main-menu {
    margin-top: -11px;
  }
  .sticky .navigation .main-menu > ul > li > a {
    padding: 15px 12px 20px 12px;
  }
  .sticky .navigation .main-menu > ul > li > a.cta {
    color: #ffffff;
    text-transform: uppercase!important;
  }
  .sticky .navigation .main-menu > ul > li > a.cta:after {
    display: none;
  }
  .sticky .navigation .main-menu > ul > li > a.cta:hover {
    background-color: #64C772;
  }
  .sticky .navigation .main-menu > ul > li.dropdown,
  .sticky .navigation .main-menu > ul > li {
    margin-bottom: 0;
    border-bottom: none;
  }
  .sticky .navigation .top-menu {
    display: none;
  }
  .sticky .navigation .sticky-md {
    display: block;
  }
  .sticky .navigation .logo-menu-small {
    display: block;
  }
  .sticky .navigation .logo-menu-full {
    display: none;
  }
  .user-icon {
    vertical-align: top;
    margin-bottom: -24px;
    margin-top: -6px;
  }
}
/*Mega menu blocks*/
.navigation .main-menu > ul > li.dropdown .dropdown-content a.btn.btn-showmore {
  display: inline-block;
  /*padding-left: 50px;
     padding-right: 20px;
     padding-top: 10px;
     padding-bottom: 6px;*/
  /*font-size: 18px;*/
}
.navigation .main-menu > ul > li.dropdown .dropdown-content a.btn.btn-showmore:before {
  top: 10px;
  left: 20px;
}
.news-dropdown {
  padding: 15px 0;
}
.news-dropdown .img-holder {
  position: relative;
  text-align: center;
  height: 153.167px;
  width: 212.5px;
  overflow: hidden;
}
.news-dropdown a:hover .img-holder .img-box > img {
  transform: scale(1.1);
  transition: all 0.2s ease 0s;
}
.news-dropdown .img-holder .news-type {
  display: inline-block;
  background-color: #fff;
  padding: 3px 10px;
  font-size: 15px;
  line-height: normal;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 90px;
  margin-left: -45px;
  font-weight: 400;
  -webkit-box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.22);
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.22);
}
.news-dropdown .img-holder .premium {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  z-index: 2;
}
.news-dropdown h1 {
  margin-top: 15px;
}
.news-dropdown h1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  text-transform: none;
  color: #4D4D4D;
}
.news-dropdown a:hover h1 {
  color: #4D4D4D;
}
.tools-dropdown {
  padding: 15px 0;
}
.tools-dropdown .tool-dropdown-content {
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
  margin: 15px;
  padding: 15px 15px !important;
  display: block;
}
@media (min-width: 1200px) {
  .tools-dropdown .tool-dropdown-content {
    margin: 15px;
  }
  .news-dropdown .img-holder {
    height: 182.633px;
    width: 262.5px;
  }
}
/*Default input*/
form p {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 32px;
}
.radio,
.checkbox {
  margin-top: 0;
  margin-bottom: 32px;
}
.form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 15px;
  font-size: 16px;
}
.form-control:focus {
  -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.175);
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.175);
  border-color: #cccccc;
}
#Captcha,
#CaptchaPopup {
  opacity: 0;
  height: 2px;
}
#captchaAntwoordForm,
#captchaPopup {
  width: 310px;
  overflow: hidden;
}
/*Mobile subnav*/
select.form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #EBF2F7;
  border: none;
  border-bottom: 3px solid #b2b7bb;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 44px;
  font-size: 16px;
  -moz-appearance: button-arrow-down;
}
select.form-control:focus {
  border-color: #E58105;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*Inline search*/
.inline-search.form-inline .form-control {
  display: inline-block;
  width: auto;
  width: 200px;
  vertical-align: middle;
  height: 42px;
}
.inline-search .btn.btn-default {
  margin-left: -5px;
  z-index: 1;
  position: relative;
}
.inline-search.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: -4px;
}
.ic-huge {
  font-size: 100px;
  line-height: 100px;
}
.succes {
  color: #42AC51;
}
/* Forms in Block */
.blockform .covert {
  display: none;
}
/*Multi step form*/
.multi-step-form {
  background-color: #ffffff;
  padding: 15px;
  margin-bottom: 30px;
}
#antwoordkaart .multi-step-form {
  padding: 0;
}
.multi-step-form .step {
  display: none;
}
.multi-step-form .step.active {
  display: block;
}
.multi-step-form .form-controls-holder {
  text-align: center;
}
.multi-step-form .dots {
  text-align: center;
  position: relative;
  clear: both;
  display: inline-block;
}
.multi-step-form .dots .dot {
  background-color: #cccccc;
  display: inline-block;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.multi-step-form .dots .dot.active {
  background-color: #E58105;
}
.multi-step-form h2 {
  color: #4D4D4D;
  font-size: 22px;
  line-height: 32px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: none;
  font-weight: 500;
}
.scribble {
  font-weight: 400;
  font-family: 'Shadows Into Light Two', cursive;
  font-size: 18px;
  color: #E58105;
  padding: 15px 0 45px 0;
}
.scribble.scribble-arrow-left {
  -ms-transform: rotate(-3deg);
  /* IE 9 */
  -webkit-transform: rotate(-3deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-3deg);
  position: relative;
  padding-left: 50px;
}
.scribble.scribble-arrow-left:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 22px;
  left: 6px;
  display: block;
  font-size: 38px;
  content: "\e928";
}
.scribble.scribble-arrow-right {
  position: relative;
  padding-right: 100px;
  text-align: right;
  padding-bottom: 8px;
}
.scribble.scribble-arrow-right:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 22px;
  right: 56px;
  display: block;
  font-size: 38px;
  content: "\e929";
}
.steps-explain-holder {
  position: relative;
  margin-top: 30px;
  line-height: 36px;
}
.steps-explain-holder ol li {
  padding-bottom: 10px;
}
.checkbox-required-message {
  color: #EE4400;
  font-weight: 400;
}
.form-group.different-textboxholder-group .form-control {
  border: 1px solid #999999;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
@media (max-width: 500px) {
  .multi-step-form .form-controls-holder {
    text-align: center;
  }
  .multi-step-form .form-controls-holder .btn {
    display: inline-block;
    margin: 10px 0;
    float: none !important;
  }
  .multi-step-form .form-controls-holder .dots {
    display: block;
  }
  textarea {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .inline-search.form-inline .form-control {
    width: 400px;
  }
  .multi-step-form {
    padding: 30px;
  }
  .form-group.different-textboxholder-group label {
    display: block;
    float: none;
    width: 100%;
  }
  .form-group.different-textboxholder-group .form-control {
    float: none;
    max-width: 607px;
  }
  .multi-step-form ol {
    font-size: 18px;
  }
  .steps-explain-holder ol {
    padding-right: 160px;
  }
  .steps-explain-holder .emp-box {
    position: absolute;
    top: 1px;
    right: 0;
    line-height: 30px;
  }
  .multi-step-form h2 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .multi-step-form {
    padding: 30px 60px;
  }
}
@media (min-width: 1200px) {
  .multi-step-form {
    padding: 30px 140px;
  }
}
.form-boxed .form-group-steljevraag textarea {
  margin-top: 0px;
}
.form-boxed .form-group-steljevraag textarea + span.field-validation-error {
  margin-top: -20px;
}
.form-boxed .form-group-steljevraag span.field-validation-error {
  margin-top: 0px;
  margin-left: 0px;
}
label {
  font-weight: 400;
}
.radio label,
.checkbox label {
  font-weight: 300;
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  top: 7px;
}
.form-control {
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #ccc;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-group label {
  font-weight: 300;
  padding-top: 6px;
}
.form-group {
  position: relative;
  text-align: left;
  font-size: 18px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .radio label,
  .checkbox label {
    font-size: 18px;
  }
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    top: 4px;
  }
  .radio input[type="radio"],
  .radio-inline input[type="radio"] {
    top: 7px;
  }
}
.form-control {
  border: 1px solid #999999;
  height: 42px;
}
textarea {
  border: 1px solid #999999;
  padding: 7px;
  max-width: 100%;
}
#antwoordkaart .form-boxed {
  margin-top: -25px;
}
.form-boxed select.form-control {
  border: none;
  border-bottom: 3px solid #b2b7bb;
}
.form-boxed .non-req.form-control {
  border: 1px solid #999999;
}
.form-control.input-validation-error,
.newsletter-subscribe-form .form-control.input-validation-error {
  border: 1px solid #EE4400;
}
span.field-validation-error {
  color: #EE4400;
  font-weight: 700;
  font-size: 15px;
  margin-top: 5px;
  display: block;
  clear: both;
}
.validation-summary-errors {
  display: none !important;
}
.form-boxed .radio,
.form-boxed .checkbox,
.radio,
.checkbox,
.radio + .radio,
.checkbox + .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  margin-top: 0px;
  margin-bottom: 24px;
  margin-right: 15px;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
}
.form-inline .radio label {
  padding-left: 20px;
  font-size: 18px;
  text-align: right;
  padding-right: 15px;
  padding-top: 5px;
  position: relative;
}
.form-boxed .form-group.form-group-double input:first-of-type {
  margin-bottom: 15px;
}
.form-boxed .form-group.form-group-double span.field-validation-error {
  margin-top: -10px;
  margin-bottom: 15px;
}
.form-boxed fieldset:first-of-type h2 {
  margin-top: 0;
}
.form-boxed .form-group label {
  font-size: 16px;
  display: block;
}
.form-boxed h2 {
  margin-top: 60px;
}
.form-boxed .form-group {
  margin-bottom: 0;
}
.form-boxed .form-group .form-control {
  margin-bottom: 15px;
}
.form-group.floating-group > label {
  display: block;
}
.form-boxed span.field-validation-error {
  margin-bottom: 15px;
  margin-top: -15px;
}
.form-boxed .form-group.form-group-name .form-control:nth-child(3) {
  width: 30%;
  margin-right: 2%;
  float: left;
}
.form-boxed .form-group.form-group-name .form-control:nth-child(4) {
  width: 68%;
  float: left;
}
.form-boxed .form-group.form-group-hnumber .form-control:nth-child(2) {
  width: 30%;
  margin-right: 2%;
  float: left;
}
.form-boxed .form-group.form-group-hnumber .form-control:nth-child(3) {
  width: 68%;
  float: left;
}
.form-boxed .checkbox input[type="checkbox"],
.form-boxed .checkbox-inline input[type="checkbox"] {
  top: 4px;
}
.form-boxed .radio input[type="radio"],
.form-boxed .radio-inline input[type="radio"] {
  top: 7px;
}
@media (min-width: 768px) {
  .form-boxed .form-group.form-group-double input:first-of-type {
    margin-bottom: 0;
  }
  .form-boxed .form-group.form-group-double span.field-validation-error {
    margin-top: 5px;
    margin-bottom: 0;
  }
  .form-boxed .form-group.form-group-double.error {
    position: relative;
    padding-bottom: 30px;
  }
  .form-boxed .form-group.form-group-double.error span.field-validation-error {
    position: absolute;
    bottom: 0;
  }
  .form-boxed span.field-validation-error {
    margin-left: 25%;
    line-height: 22px;
  }
  .form-boxed.calc-form span.field-validation-error {
    margin-left: 50%;
  }
  .form-boxed .form-group label {
    font-size: 18px;
    /*text-align: right;*/
    padding-right: 15px;
    padding-top: 8px;
    width: 25%;
  }
  .centered-form .form-boxed .form-group label {
    text-align: right;
  }
  .form-boxed .form-group .form-control {
    width: 40%;
    margin-right: 2%;
  }
  .form-boxed .form-group.form-group-name .form-control {
    width: 26%;
  }
  .form-boxed .form-group.form-group-name .form-control:nth-child(3) {
    width: 16%;
  }
  .form-boxed .form-group.form-group-name .form-control:nth-child(4) {
    width: 26%;
  }
  .form-boxed .form-group.form-group-zipcode .form-control {
    width: 20%;
  }
  .form-boxed .form-group.form-group-hnumber .form-control:nth-child(2) {
    width: 16%;
  }
  .form-boxed .form-group.form-group-hnumber .form-control:nth-child(3) {
    width: 20%;
  }
  .login-col .form-control {
    width: 50%;
  }
  .login-col .form-group label {
    width: 40%;
  }
  .form-boxed-subscribe span.field-validation-error {
    margin-left: 30%;
  }
  .form-boxed-subscribe .approve span.field-validation-error {
    margin-left: 0;
  }
}
#address-info,
#address-error {
  margin-bottom: 15px;
}
.input-edit {
  text-decoration: underline;
  display: block;
}
textarea.form-control {
  width: 100%;
  margin-bottom: 20px;
  padding: 7px;
}
.form-boxed h5 {
  margin: 20px 0 20px 0;
}
.form-date-group .form-control {
  width: 22%;
  margin-right: 3%;
  float: left;
}
.form-date-group .form-control:last-of-type {
  width: 50%;
  margin: 0;
}
.form-date-group label {
  display: block;
}
.non-req {
  color: #999999;
}
/*Error*/
.form-control.control-error {
  position: relative;
}
@media (min-width: 768px) {
  .form-group {
    position: relative;
  }
  .form-group label {
    width: 30%;
    float: left;
  }
  .form-control {
    width: 70%;
    float: left;
  }
  .form-boxed {
    padding: 0px;
  }
  .form-group-double .form-control {
    width: 15%;
  }
  .form-group-double label {
    width: 30%;
    padding-left: 15px;
  }
  .form-group-double .form-control:first-of-type {
    width: 25%;
  }
  .form-group-double label:first-of-type {
    padding: 0;
  }
  .address-result-holder {
    position: relative;
  }
  #address-info,
  #address-error {
    margin-left: 30%;
  }
  .floating-group > label {
    float: left;
    width: 30%;
  }
  .form-date-group .form-control {
    width: 14%;
    margin-right: 3%;
    float: left;
  }
  .form-date-group .form-control:last-of-type {
    width: 36%;
    margin: 0;
  }
}
/***************
    
    
    On and off switch
    
    ***********************/
.onoffswitch {
  position: relative;
  width: 67px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFF F;
  border-radius: 50px;
}
.onoffswitch [type="checkbox"]:not(:checked) + label,
.onoffswitch [type="checkbox"]:checked + label {
  padding: 0;
}
.onoffswitch [type="checkbox"]:not(:checked) + label::before,
.onoffswitch [type="checkbox"]:checked + label::before {
  display: none;
}
.onoffswitch [type="checkbox"]:not(:checked) + label::after,
.onoffswitch [type="checkbox"]:checked + label::after {
  display: none;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 16px;
  color: white;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.onoffswitch-inner:before {
  content: "aan";
  padding-left: 8px;
  background-color: #22B573;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "uit";
  padding-right: 8px;
  background-color: #FF6129;
  color: #FFFFFF;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 22px;
  margin: 4px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  border: 2px solid #FFFF F;
  border-radius: 50px;
  transition: all 0.3s ease-in 0s;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}
.onoffswitch-switch i {
  position: absolute;
  left: 10px;
  width: 1px;
  height: 10px;
  top: 6px;
  background-color: #E58105;
}
.onoffswitch-switch i:before,
.onoffswitch-switch i:after {
  position: absolute;
  width: 1px;
  height: 7px;
  top: 2px;
  content: ' ';
  display: block;
  background-color: #E58105;
}
.onoffswitch-switch i:before {
  left: -3px;
}
.onoffswitch-switch i:after {
  left: 3px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
/*calc-form*/
.calc-form .input-group-addon {
  border: 1px solid #4D4D4D;
  border-radius: 0;
  border-right: 0;
  background-color: #EBF2F7;
}
.calc-form .form-group.double-input .form-control:first-of-type {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .calc-form .form-group label {
    width: 50%;
  }
  .calc-form .form-group .form-control {
    width: 50%;
  }
  .calc-form .form-group .input-group .form-control {
    width: 100%;
  }
  .calc-form .form-group.double-input .form-control {
    width: 23%;
  }
  .calc-form .form-group.double-input .form-control:first-of-type {
    margin-right: 4%;
    margin-bottom: 0;
  }
}
/*Date label*/
.form-group-date label {
  display: block;
}
.form-group-date input {
  width: 22%;
  margin-right: 3%;
  float: left;
}
.form-group-date input.year {
  width: 50%;
  margin: 0;
}
@media (min-width: 768px) {
  .form-group-date input {
    width: 15%;
    margin-right: 2.5%;
    float: left;
  }
  .form-group-date input.year {
    width: 35%;
    margin: 0;
  }
}
/*Approve boxes*/
.approve {
  padding: 15px 0 15px 40px;
  position: relative;
}
.approve label {
  font-size: 18px;
  font-weight: 300;
}
.approve input {
  position: absolute;
  top: 17px;
  left: 0;
}
.approve i {
  font-size: 16px;
  font-style: normal;
  color: #999999;
}
/*Inline subscribe form*/
.container.block.subscribe-block.imp-container {
  padding: 60px 15px;
  margin-bottom: 0;
}
.subscribe-form {
  margin-top: 30px;
}
.subscribe-form .form-control {
  height: 48px;
  border-color: #999999;
}
.subscribe-form .form-group.error .form-control {
  border-color: #EE4400;
}
@media (min-width: 768px) {
  .subscribe-form .form-control {
    width: 230px;
    margin-right: 5px;
  }
  .subscribe-form .smaller .form-control {
    width: 120px;
  }
  .subscribe-form .form-group {
    position: relative;
    margin-bottom: 30px;
  }
  .subscribe-form span.field-validation-error {
    position: absolute;
    bottom: -25px;
    left: 0;
  }
  .container.block.subscribe-block.imp-container {
    padding: 60px 80px;
    margin-bottom: 0;
  }
}
/*Pop-up subscribe form*/
.newsletter-subscribe-form .form-control {
  height: 48px;
  border-color: #999999;
}
@media (min-width: 768px) {
  .newsletter-subscribe-form .form-control {
    width: 100%;
    margin-bottom: 15px;
  }
  .newsletter-subscribe-form .pre-smaller {
    width: 71%;
    margin-right: 4%;
    float: left;
  }
  .newsletter-subscribe-form .smaller {
    width: 25%;
    float: left;
  }
  .newsletter-subscribe-form .form-group.pre-smaller.error {
    position: relative;
    margin-bottom: 50px;
    height: 48px;
  }
  .newsletter-subscribe-form .form-group.pre-smaller.error span.field-validation-error {
    position: absolute;
    bottom: -34px;
    left: 0;
  }
}
/**************
    
    CB Form
    
    ********************/
/***************
    
    Custom checkbox
    
    ************************/
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
.form-boxed-subscribe [type="checkbox"]:not(:checked) + input + label,
.form-boxed-subscribe [type="checkbox"]:checked + input + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
.form-boxed-subscribe [type="checkbox"]:not(:checked) + input + label:before,
[type="checkbox"]:checked + label:before,
.form-boxed-subscribe [type="checkbox"]:checked + input + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 17px;
  height: 17px;
  border: 1px solid #999999;
  /*background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)*/
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
.form-boxed-subscribe [type="checkbox"]:not(:checked) + input + label:after,
.form-boxed-subscribe [type="checkbox"]:checked + input + label:after {
  content: '✔';
  position: absolute;
  top: -1px;
  left: 4px;
  font-size: 23px;
  line-height: 0.8;
  color: #42AC51;
  transition: all 0.2s;
  text-shadow: 0px 0px 3px #ffffff;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after,
.form-boxed-subscribe [type="checkbox"]:not(:checked) + input + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after,
.form-boxed-subscribe [type="checkbox"]:checked + input + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}
/*************
    
    Radio buttons
    
    *******************/
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label,
.form-boxed-subscribe [type="radio"]:not(:checked) + input + label,
.form-boxed-subscribe [type="radio"]:checked + input + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
/* checkbox aspect */
[type="radio"]:not(:checked) + label:before,
.form-boxed-subscribe [type="radio"]:not(:checked) + input + label:before,
[type="radio"]:checked + label:before,
.form-boxed-subscribe [type="radio"]:checked + input + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 23px;
  height: 23px;
  border: 1px solid #999999;
  border-radius: 50%;
  /*background: #f8f8f8;
 
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)*/
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after,
.form-boxed-subscribe [type="radio"]:not(:checked) + input + label:after,
.form-boxed-subscribe [type="radio"]:checked + input + label:after {
  content: ' ';
  position: absolute;
  top: 14px;
  left: 6px;
  font-size: 23px;
  line-height: 0.8;
  background-color: #999999;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  transition: all 0.2s;
  text-shadow: 0px 0px 3px #ffffff;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after,
.form-boxed-subscribe [type="radio"]:not(:checked) + input + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after,
.form-boxed-subscribe [type="radio"]:checked + input + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="radio"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
  border: 1px dotted #999999;
}
.form-facet-group label {
  padding-top: 5px;
}
table {
  width: 100%;
  max-width: 100%;
  text-align: left;
}
table td {
  padding: 15px 20px;
  line-height: 1.42857143;
  vertical-align: top;
}
table td.align-right {
  text-align: right;
}
table tr:nth-child(odd) {
  background-color: #EBF2F7;
}
.editor-content table {
  width: 100% !important;
}
.editor-content table p {
  margin: 0;
}
.editor-content table tbody {
  border: 1px solid #E1E5E6;
}
.editor-content table {
  table-layout: fixed;
  overflow-y: hidden;
  overflow-x: auto;
  display: block;
  margin-bottom: 36px;
}
.editor-content table.tableheader tr:first-of-type,
.editor-content table thead tr {
  background-color: #08AAD3;
  color: #ffffff;
  border: 1px solid #08AAD3;
  border-bottom: 4px solid #0099c2;
}
.editor-content table tr td {
  border-right: 1px dashed #cccccc;
  width: inherit;
}
.editor-content table.tableheader tr:first-of-type td,
.editor-content table thead tr td {
  border-right: 1px dashed #2accf5;
}
/********************
        
        Tablesaw
        
        
        ***********************/
/*Table*/
@media (max-width: 768px) {
  .table-sortable {
    table-layout: fixed;
    overflow-y: hidden;
    overflow-x: auto;
    display: block;
  }
}
.table-sortable thead tr {
  background-color: #08AAD3;
  color: #fff;
}
table.table-sortable tbody tr td.light-blue {
  background-color: #EBF2F7;
}
.table-sortable tbody tr td {
  border-right: 1px dashed #cccccc;
}
.table-sortable td:nth-child(1) {
  width: 270px;
}
.table-sortable td:nth-child(2) {
  width: 170px;
}
.table-sortable td:nth-child(3) {
  width: 100px;
  text-align: center;
}
.table-sortable td:nth-child(4) {
  width: 100px;
  text-align: center;
}
.table-sortable td:nth-child(5) {
  width: 100px;
  text-align: center;
}
.table-sortable td:nth-child(6) {
  width: 140px;
  text-align: center;
}
.article-full table.table-sortable tbody tr td {
  background-color: transparent;
}
.article-full table.table-sortable td {
  border: none;
  background-color: transparent;
  height: 60px;
}
.tablesaw-sortable th.sortable-head button:focus {
  outline-color: #4d90fe;
  outline-style: none;
  outline-width: 0;
}
.tablesaw-sortable th.sortable-head {
  position: relative;
}
.tablesaw-sortable th.sortable-head:after {
  position: absolute;
  content: ' ';
  width: 18px;
  height: 100%;
  background-color: transparent;
  top: 0;
  right: 0;
  border-right: 1px dashed #2accf5;
}
.tablesaw-sortable th.sortable-head button {
  height: 70px;
}
.tablesaw-sortable th.sortable-head button:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 50%;
  right: 4px;
  content: ' ';
  border-top: 5px solid #ffffff;
  z-index: 1;
}
.tablesaw-sortable .sortable-head.sortable-ascending button:after,
.tablesaw-sortable .sortable-head.sortable-descending button:after {
  width: 0;
  height: 0;
  right: 4px;
}
.tablesaw-sortable .sortable-head.sortable-ascending button:after {
  content: ' ';
}
.tablesaw-sortable .sortable-head.sortable-descending button:after {
  content: ' ';
  border-bottom: 5px solid #ffffff;
  border-top: none;
}
.table-sortable thead tr .sortable-head.sortable-descending {
  background: #E58105;
}
.table-sortable thead tr .sortable-head.sortable-ascending {
  background: #E58105;
}
.table-sortable tbody tr {
  display: none;
}
.hide-lower tbody tr.visible:nth-child(-n+15) {
  display: table-row;
}
.all-visible.table-sortable tbody tr.visible {
  display: table-row;
}
.old .table-sortable tbody tr {
  display: table-row;
}
.tablesaw-sortable-switch {
  width: 100%;
}
.hospital-search {
  position: relative;
}
.btn-search {
  top: 0;
  left: auto;
  right: 0;
  margin: 0;
}
.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  display: none;
}
.tablesaw-toolbar label {
  text-transform: none;
  margin: 0;
}
.tablesaw-bar .tablesaw-toolbar .btn {
  text-transform: none;
}
.tablesaw-enhanced .tablesaw-bar .btn:active {
  background: none;
}
.table-sortable tbody tr td i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 17px;
  float: right;
  font-size: 22px;
}
.nav-alert {
  padding: 6px 0;
  background-color: #333333;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  line-height: 35px;
}
.nav-alert .btn.btn-default {
  font-size: 16px;
  margin-left: 15px;
  padding: 3px 15px;
}
.nav-alert.nav-alert-orange {
  background-color: #E58105;
  padding: 5px 0;
}
.nav-alert.nav-alert-orange .btn.btn-default {
  border: 1px solid #ffffff;
  text-transform: none;
  text-shadow: none;
  background-color: #E58105;
  font-weight: 300;
}
.nav-alert.nav-alert-orange .btn.btn-default:hover {
  background-color: #ffb438;
}
.sticky .nav-alert {
  display: none;
}
@media (max-width: 767px) {
  .nav-alert.nav-alert-orange {
    border-top: 5px solid #ffffff;
  }
}
/****
    
    Cookiemelding
    
    *****/
/*Cookiemelding*/
.cookiemelding {
  position: fixed;
  padding: 10px 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
  text-align: center;
  display: none;
  z-index: 99999999;
}
.cookiemelding a {
  color: #fff;
  white-space: nowrap;
}
.cookiemelding a.btn {
  margin: 5px 15px;
}
.cookiemelding .btn.btn-default {
  font-size: 18px;
}
.afm-banner img {
  width: 100%;
}
.afm-banner .afm-banner_sm {
  display: block;
}
.afm-banner .afm-banner_md {
  display: none;
}
.afm-banner .afm-banner_lg {
  display: none;
}
@media (min-width: 450px) {
  .afm-banner .afm-banner_sm {
    display: none;
  }
  .afm-banner .afm-banner_md {
    display: block;
  }
  .afm-banner .afm-banner_lg {
    display: none;
  }
}
@media (min-width: 992px) {
  .afm-banner .afm-banner_sm {
    display: none;
  }
  .afm-banner .afm-banner_md {
    display: none;
  }
  .afm-banner .afm-banner_lg {
    display: block;
  }
}
footer {
  background-color: #18223D;
  color: #ffffff;
}
footer a {
  color: #ffffff;
  text-decoration: none;
}
footer .footer-top {
  padding: 30px 0;
}
footer .list-unstyled {
  margin-bottom: 36px;
}
footer .list-unstyled a {
  display: block;
  padding: 7px 0;
}
footer .footer-contact-info {
  font-size: 22px;
}
footer .footer-contact-info > div {
  margin-bottom: 20px;
}
footer .footer-contact-info .wicon-holder i {
  margin-right: 15px;
}
footer .list-inline.footer-social li {
  float: left;
  padding: 0;
}
footer .list-inline.footer-social a {
  display: block;
  margin-right: 3px;
  background-color: #2B3E6E;
  text-align: center;
  padding: 7px;
  width: 45px;
  height: 45px;
  overflow: hidden;
  letter-spacing: 0;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
}
footer .list-inline.footer-social a:hover {
  text-decoration: none;
  background-color: #E58105;
  color: #ffffff;
}
footer .disclaimer-row {
  background-color: #131B30;
  padding: 30px 0;
}
footer .disclaimer-row ul {
  margin: 0;
}
footer .disclaimer-row ul li a {
  display: block;
  padding: 2px 10px 2px 15px;
  border-left: 1px solid #2B3E6E;
}
footer .disclaimer-row ul li:first-of-type a {
  border: none;
}
@media (min-width: 768px) {
  footer .footer-top {
    padding: 60px 0 80px 0;
  }
}
@media (min-width: 992px) {
  footer .footer-contact-info {
    padding-left: 60px;
  }
  footer .border-md-right {
    border-right: 1px solid #2B3E6E;
  }
}
.latest .article-row article a {
  text-decoration: none;
  display: block;
}
.latest .article-row article a:hover {
  color: #4D4D4D;
}
.latest .article-row article a .img-holder {
  text-align: center;
  position: relative;
}
.latest .article-row article a .img-holder img {
  transition: all 0.2s ease 0s;
}
.latest .article-row article a:hover .img-holder .img-box > img {
  transform: scale(1.1);
  transition: all 0.2s ease 0s;
}
.latest .article-row article a .img-holder .news-type {
  display: inline-block;
  background-color: #fff;
  padding: 3px 10px;
  font-size: 15px;
  line-height: normal;
  position: absolute;
  top: 0;
  left: 50%;
  width: 90px;
  margin-left: -45px;
  font-weight: 400;
  -webkit-box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.22);
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.22);
  z-index: 1;
}
.latest .article-row article a h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  color: #4D4D4D;
  text-transform: none;
  margin-top: 7px;
  margin-bottom: 0;
}
.latest .article-row article a:hover h1 {
  color: #4D4D4D;
}
.latest .article-row article a p {
  line-height: 30px;
}
.latest .article-row article a .img-responsive {
  width: 100%;
}
.latest .article-row article a .img-box {
  position: relative;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .latest .article-row article a {
    position: relative;
    padding-left: 107px;
    display: block;
    margin-bottom: 15px;
    border-bottom: 1px solid #E1E5E6;
    min-height: 94px;
  }
  .latest .article-row article a h1 {
    font-size: 14px;
    font-weight: 300;
  }
  .latest .article-row article a p {
    display: none;
  }
  .latest .article-row article a .img-holder {
    width: 100px;
    left: 0;
    top: 0;
    position: absolute;
    padding-bottom: 24px;
  }
  .latest .article-row article a .img-holder .news-type {
    font-size: 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    padding-left: 35px;
    top: auto;
    text-align: left;
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .latest .article-row article a .premium {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 30px;
    z-index: 3;
    padding-top: 0px;
  }
  .latest .article-row article a .premium i {
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 2px;
    width: 30px;
  }
  .latest .article-row article a .premium.accesible {
    display: none;
  }
  .latest .article-row article a .img-box {
    max-height: 59px;
  }
  .latest .article-row article a .img-box.legacy-img-box img {
    max-height: 59px;
    margin-left: -20px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .latest .article-row article a .img-box {
    max-height: 121px;
  }
  .latest .article-row article a .img-box.legacy-img-box img {
    max-height: 121px;
    margin-left: -53px;
  }
  .latest.four-col-latest .article-row article a .img-box {
    height: 123px;
    max-height: unset;
  }
  .latest.four-col-latest .article-row article a .img-box.legacy-img-box img {
    height: 129.6px;
    max-height: unset;
  }
}
@media (min-width: 992px) {
  .latest .article-row article a .img-box {
    height: 188px;
    max-height: none;
  }
  .latest .article-row article a .img-box.legacy-img-box img {
    height: 188px;
    max-height: none;
    margin-left: -87px;
  }
  .latest.four-col-latest .article-row article a .img-box {
    height: 166px;
  }
  .latest.four-col-latest .article-row article a .img-box.legacy-img-box img {
    height: 172.8px;
  }
}
@media (min-width: 1200px) {
  .latest .article-row article a .img-box {
    height: 168px;
  }
  .latest .article-row article a .img-box.legacy-img-box img {
    height: 168px;
    margin-left: -72px;
  }
  .latest.four-col-latest .article-row article a .img-box {
    height: 151px;
  }
  .latest.four-col-latest .article-row article a .img-box.legacy-img-box img {
    height: 154px;
  }
}
.overview-section {
  background-color: #EBF2F7;
}
.overview-section .latest .article-row {
  background-color: #fff;
  padding: 15px 0;
}
.overview-control {
  padding: 15px;
  background-color: #fff;
  margin-bottom: 15px;
  border: 1px solid #E1E5E6;
  border-bottom: 4px solid #08AAD3;
}
.overview-control h2 {
  font-weight: 400;
  text-transform: none;
  color: #08AAD3;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.overview-control label {
  font-weight: 300;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .overview-section {
    background-color: #ffffff;
  }
}
/**************
    Author in article overview
    ****************/
.latest .img-box,
.news-dropdown .img-box {
  position: relative;
}
.latest .actueel-author-wrapper,
.news-dropdown .actueel-author-wrapper {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px 10px 10px 70px;
  text-align: left;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+85&amp;0+0,0.65+85 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.65)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}
.latest .article-row article .actueel-author-wrapper img,
.news-dropdown .actueel-author-wrapper img {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 2px;
  border-radius: unset;
}
.latest .article-row article .actueel-author-wrapper p,
.news-dropdown .actueel-author-wrapper p {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
  font-weight: 400;
  line-height: 24px;
  font-size: 16px;
  color: #ffffff;
}
/**************+++++++++++++
    
    Modal

    +++++++++******************/
.modal {
  z-index: 99999;
}
.modal-backdrop {
  z-index: 99899;
}
.modal-content {
  border: none;
  border-radius: 0;
}
.modal-header {
  border-bottom: 0;
  height: 40px;
  position: relative;
}
.modal-header .close {
  color: #ffffff;
  background-color: #1A1A1A;
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  font-size: 30px;
  margin: 0;
}
.modal-body img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .modal.in .modal-dialog {
    width: 720px;
  }
  .modal-body {
    padding: 40px;
  }
  .img-modal .modal-body {
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .modal.in .modal-dialog {
    width: 970px;
    margin-top: 77px;
  }
  .modal-body {
    padding: 40px 165px;
  }
  .img-modal .modal-body {
    padding: 15px;
  }
  .modal.in.smaller-modal .modal-dialog {
    width: 700px;
  }
  .modal.in.smaller-modal .modal-dialog .modal-body {
    padding: 15px 60px 60px 60px;
  }
}
@media (min-width: 1200px) {
  .modal.in .modal-dialog {
    width: 1100px;
  }
  .modal-body {
    padding: 40px 200px;
  }
  .img-modal .modal-body {
    padding: 15px;
  }
}
.antwoordkaartbanner a {
  text-decoration: none;
  font-family: 'Shadows Into Light Two', cursive;
  font-size: 24px;
  color: #999999;
}
.antwoordkaartbanner a:hover {
  color: #999999;
}
.antwoordkaartbanner a .orange {
  color: #E58105;
}
.antwoordkaartbanner .comic-bubble {
  padding: 10px 15px;
  border: 1px solid #cccccc;
  margin-bottom: 35px;
  position: relative;
}
.antwoordkaartbanner .comic-bubble-left:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50px;
  border-width: 20px 30px 0px 0px ;
  border-style: solid;
  border-color: #ffffff transparent;
  display: block;
  width: 0px;
}
.antwoordkaartbanner .comic-bubble-left:before {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 49px;
  border-width: 22px 34px 0px 0px ;
  border-style: solid;
  border-color: #E1E5E6 transparent;
  display: block;
  width: 0px;
}
.antwoordkaartbanner .comic-bubble-right:after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 50px;
  border-width: 20px  0px 0px 30px;
  border-style: solid;
  border-color: #ffffff transparent;
  display: block;
  width: 0px;
}
.antwoordkaartbanner .comic-bubble-right:before {
  content: "";
  position: absolute;
  bottom: -22px;
  right: 49px;
  border-width: 22px  0px 0px 34px;
  border-style: solid;
  border-color: #E1E5E6 transparent;
  display: block;
  width: 0px;
}
.antwoordkaartbanner a:hover .comic-bubble {
  border-color: #E58105;
}
.antwoordkaartbanner a:hover .comic-bubble:before {
  border-color: #E58105 transparent;
}
.antwoordkaartbanner .comic-bubble-left {
  float: left;
}
.antwoordkaartbanner .comic-bubble-right {
  float: right;
}
@media (min-width: 768px) {
  .antwoordkaartbanner .comic-bubble-right {
    margin-right: 100px;
  }
}
/*Sub nav*/
.mobile-subnav > div {
  margin-bottom: 36px;
}
.subnav {
  margin-bottom: 36px;
  font-size: 18px;
  text-transform: uppercase;
}
.subnav li {
  padding: 0;
}
.subnav a {
  text-decoration: none;
  padding: 3px 10px 7px 10px;
  display: block;
  border-bottom: 3px solid transparent;
  /*color: pink;*/
}
.subnav a:hover,
.subnav .active a {
  border-bottom: 3px solid #E58105;
  color: #4D4D4D;
}
.editor-content {
  font-size: 19px;
  line-height: 36px;
}
h2.single-header {
  margin: 0;
}
section.header-only {
  padding-bottom: 0;
}
.editor-content h2 {
  color: #4D4D4D;
  font-size: 24px;
  font-weight: 500;
  text-transform: none;
  margin-top: 36px;
}
.editor-content h3 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: 500;
  line-height: 36px;
}
.editor-content blockquote {
  font-size: 20px;
  padding: 15px;
  text-align: center;
  border: none;
  border-top: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
}
.editor-content a {
  color: #3B5998;
}
.editor-content aside {
  margin-bottom: 36px;
}
.editor-content aside a {
  color: #E58105;
}
.editor-content em {
  font-style: italic;
}
.editor-content img,
.editor-content iframe {
  max-width: 100%;
  height: auto;
}
.editor-content iframe {
  margin-bottom: 36px;
  /*width: auto !important;
    height: auto !important;*/
}
.editor-content ul {
  list-style: none;
  padding: 0;
}
.editor-content ul li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
}
.editor-content ul li:before {
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #08AAD3;
  content: ' ';
  position: absolute;
  left: 0;
  top: 12px;
}
.editor-content .counter {
  color: #999999;
  margin-top: -30px;
  margin-bottom: 40px;
  display: block;
}
section.lightblue {
  background-color: #EBF2F7;
}
h1.single-header {
  margin: 0;
  margin-bottom: -30px;
}
.grid-img small {
  display: block;
  color: #999999;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .editor-content h2 {
    font-size: 32px;
  }
  .editor-content h3 {
    font-size: 21px;
    font-weight: 500;
  }
  .editor-content blockquote {
    padding: 25px;
    max-width: 75%;
    margin: 0 auto;
    font-size: 30px;
  }
}
/*PageHeader*/
@media (min-width: 1200px) {
  .pageheader {
    height: 435px;
    border-bottom: 4px solid #08AAD3;
    z-index: -1 !important;
  }
  .pageheader.pageheader-small {
    height: 330px;
    border-bottom: 4px solid #08AAD3;
  }
  section.pageheader-content {
    padding-top: 0;
    margin-top: -370px;
    z-index: 1;
  }
  section.pageheader-content .container {
    /*background-color: @White;*/
    padding: 60px 80px 0px 80px;
  }
  section.pageheader-content.pageheader-small-content {
    margin-top: -220px;
  }
}
/*************************
    
    Popular bar

    ******************************/
.popular {
  background-color: #ffffff;
}
.popular .popular-box {
  margin: 30px 0;
  border: 1px solid #cccccc;
  text-align: center;
  padding-bottom: 15px;
  display: block;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
.popular .popular-box:hover {
  color: #4D4D4D;
  border-color: #E58105;
}
.popular .popular-box:active {
  -webkit-box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.36);
  box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.36);
}
.popular .popular-box:hover .btn.btn-arrow {
  border: 1px solid transparent;
}
.popular .popular-box p {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 400;
}
.popular .popular-box .icon-box {
  width: 80px;
  height: 60px;
  margin: -40px auto 10px auto;
  font-size: 47px;
  background-color: #ffffff;
  color: #08AAD3;
}
/*************************
    
    Premium content

    ******************************/
.premium {
  background-color: #FDC200;
  color: #000;
  text-align: center;
  font-size: 14px;
  padding: 7px 0 5px 0;
}
.premium i {
  font-size: 18px;
  vertical-align: text-bottom;
  margin-right: 7px;
}
.premium.accesible {
  background-color: #cccccc;
}
.premium.accesible i {
  display: none;
}
.premium.inline-premium {
  display: inline-block;
  width: 152px;
}
/*************************
    
    Blocked content

    ******************************/
.blocked-section .container.block {
  margin-bottom: 40px;
  background-color: #ffffff;
  padding: 40px 15px;
}
.imp-container {
  border-bottom: 4px solid #08AAD3;
}
.blocked-section .premium {
  margin: -40px -15px 40px -15px;
}
.member-banner h3 {
  font-size: 22px;
  line-height: 35px;
}
.member-banner .btn.btn-default {
  margin-bottom: 15px;
}
.container.block {
  background-color: #ffffff;
}
.log-in-subline {
  color: #999999;
}
.log-in-subline a {
  color: #999999;
}
.paywall {
  position: relative;
  border: 1px solid #999999;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #ffffff;
}
.paywall:before {
  position: absolute;
  content: ' ';
  display: block;
  width: 100%;
  height: 150px;
  top: -151px;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0+0,1+84 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 84%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(84%, #ffffff), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 84%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 84%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 84%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 84%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.htmlpage-paywall .paywall:before {
  display: none;
}
@media (min-width: 768px) {
  section.pageheader-content.blocked-section .container.block,
  .home-rekentool .container.block {
    padding: 60px 80px 30px 80px;
    margin-bottom: 60px;
  }
  .blocked-section .premium {
    margin: -60px -80px 60px -80px;
  }
  .member-banner .border-right {
    border-right: 1px solid #E1E5E6;
  }
  .member-banner > .row {
    margin: 30px 0;
  }
}
@media (min-width: 992px) {
  .paywall {
    margin-left: -236px;
    padding: 60px;
  }
  .htmlpage-paywall .paywall {
    margin: 0;
    padding: 0;
  }
  .member-banner {
    padding: 40px;
  }
  .main-div .member-banner {
    padding: 0;
  }
  .modal-body .member-banner {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .blocked-section {
    background-color: #EBF2F7;
  }
}
@media (min-width: 1200px) {
  section.pageheader-content.blocked-section .container.block.member-banner {
    padding-left: 180px;
    padding-right: 180px;
  }
  .paywall {
    padding: 60px;
    margin-left: -67px;
    margin-right: -32px;
    /*z-index: 2;*/
  }
  /*.paywall:before {
            left: -21%;
            width: 140%;
        }
        .paywall:after {
            height: 100%;
            width: 140%;
            left: -21%;
            background-color: @White;
            display: block;
            position: absolute;
            content: ' ';
            top: 0;
            z-index: 1;
        }*/
  .member-banner {
    padding: 60px 80px;
  }
  .modal-body .member-banner {
    padding: 0;
  }
  .main-div .member-banner {
    padding: 0;
  }
}
section.pageheader-content.four-o-fourpage {
  padding-bottom: 0;
}
/*Header*/
.articleheader {
  min-height: 420px;
  position: relative;
  background-color: #4D4D4D !important;
}
.articleheader-title .tag {
  background-color: #E58105;
  display: inline-block;
  color: #ffffff;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.articleheader-title h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
  color: #4D4D4D;
}
.articleheader-title p {
  font-size: 22px;
  line-height: 33px;
  font-weight: 500;
  margin-bottom: 10px;
}
/*Body*/
.article-full {
  background-color: #fff;
  padding-top: 20px;
}
.article-img {
  margin-bottom: 30px;
}
/*Top social bar*/
.top-data-line {
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.top-data a {
  color: #3B5998;
}
.top-social {
  padding: 2px 0 2px 0;
  line-height: normal;
  margin-bottom: 15px;
  border: 1px solid #cccccc;
  text-align: center;
  font-size: 19px;
}
.top-social ul li {
  padding: 10px 0 10px 15px;
}
.top-social ul {
  margin: 0;
}
.social > ul > li > a {
  text-decoration: none;
  display: block;
  padding-right: 14px;
  border-right: 1px solid #cccccc;
}
.social > ul > li:last-of-type > a {
  border: none;
}
.social > ul > li > a i {
  padding-right: 5px;
}
.social > ul > li > a:hover {
  color: #E58105;
  text-decoration: none;
}
.facebook a {
  color: #3B5998;
}
.twitter a {
  color: #54ABEE;
}
.linkedin a {
  color: #007AB9;
}
/*Bottom social bar*/
a.print {
  color: #4D4D4D;
  padding: 3px 5px 0 5px;
  font-size: 21px;
  text-decoration: none;
}
.social.bottom-social {
  padding: 9px 10px 4px 10px;
  border: 1px solid #cccccc;
  text-align: center;
}
.social.bottom-social > ul > li:last-of-type > a {
  padding-right: 40px;
}
/*Author sidebar*/
.column-author {
  background-color: #EBF2F7;
  padding: 15px;
  position: relative;
  margin-bottom: 15px;
  display: block;
  text-decoration: none;
  border: 1px solid #cccccc;
}
.column-author:hover {
  text-decoration: none;
  color: #4D4D4D;
}
.column-author img {
  width: 80px;
  position: absolute;
  top: 15px;
  left: 10px;
}
.column-author h5 {
  padding-left: 87px;
  margin-top: 0;
  font-weight: 400;
  font-size: 18px;
}
.column-author p {
  padding-left: 87px;
  min-height: 44px;
  margin-bottom: 15px;
}
.column-author .img-thumbnail {
  border: none;
  padding: 3px;
  border-radius: 0;
}
/*Tag list*/
.tag-list {
  margin-bottom: -10px;
  padding-top: 5px;
}
.tag-list li a {
  text-decoration: none;
  padding: 5px 0;
  display: block;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
}
.tag-list li a i {
  vertical-align: text-top;
  margin-right: 10px;
}
.article-full .editor-content .intro {
  font-size: 20px;
  line-height: 38px;
}
.article-full .editor-content .intro strong {
  font-weight: 300;
}
.random-article-link {
  font-weight: 500;
}
.editor-content .random-article-link a {
  color: #E58105;
}
.editor-content .random-article-link a:hover {
  color: #08AAD3;
}
.random-article-link img {
  border: 1px solid transparent;
}
.random-article-link img:hover {
  border: 1px solid #E58105;
}
@media (max-width: 767px) {
  .bottom-social .sb-content {
    display: none;
  }
  .bottom-social.social > ul > li > a i {
    color: #fff;
    padding: 0;
    font-size: 27px;
  }
  .bottom-social.social > ul > li > a {
    width: 50px;
    height: 50px;
    background-color: #999999;
    padding: 10px 0;
    text-align: center;
  }
  .social.bottom-social > ul > li:last-of-type > a {
    padding: 10px 0;
  }
  .bottom-social.social > ul > li.facebook > a {
    background-color: #3B5998;
  }
  .bottom-social.social > ul > li.twitter > a {
    background-color: #54ABEE;
  }
  .bottom-social.social > ul > li.linkedin > a {
    background-color: #007AB9;
  }
  .bottom-social.social > ul > li.whatsapp > a {
    background-color: #34AF23;
  }
  .bottom-social.social > ul > li.facebook > a:hover {
    background-color: #5d7bba;
  }
  .bottom-social.social > ul > li.twitter > a:hover {
    background-color: #76cdff;
  }
  .bottom-social.social > ul > li.linkedin > a:hover {
    background-color: #229cdb;
  }
  .bottom-social.social > ul > li.whatsapp > a:hover {
    background-color: #56d145;
  }
  .social .print {
    display: none;
  }
  .social.mandatory-print .print {
    display: block;
    float: none !important;
    width: 39px;
    margin: 10px 0;
  }
}
@media (min-width: 768px) {
  .articleheader {
    height: 527px;
  }
  .articleheader-title h1 {
    font-weight: 500;
    font-size: 46px;
    line-height: 57px;
    margin-top: 10px;
  }
  .articleheader-title p {
    line-height: 41px;
    font-size: 26px;
    margin-bottom: 30px;
  }
  /*Author sidebar*/
  .column-author img {
    width: auto;
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 15px;
  }
  .column-author p,
  .column-author h5 {
    padding: 0;
  }
  .top-data-line {
    border: none;
  }
  .top-data {
    border-top: 1px solid #cccccc;
    margin-bottom: 30px;
    margin-top: 15px;
  }
  .article-full .editor-content .intro {
    font-size: 23px;
    line-height: 40px;
  }
  .article-full .editor-content h3 {
    font-weight: 500;
    font-size: 21px;
  }
  .bottom-social.social > ul > li.whatsapp {
    display: none;
  }
}
@media (min-width: 992px) {
  .social.bottom-social {
    padding: 9px 0 4px 0;
    border: none;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .articleheader {
    height: 636px;
  }
}
/*********************************
    
    
    Related
    
    *************************/
.related {
  background-color: #EBF2F7;
}
/*********************************
    
    
    Sidebar 1
    
    *************************/
.sidebar-link-block {
  padding: 15px;
  border: 1px solid #cccccc;
  margin-bottom: 15px;
  display: block;
}
.sidebar-link-block .sidebar-header {
  position: relative;
  margin: -15px -15px 0 -15px;
  background-color: #EBF2F7;
}
.sidebar-link-block .sidebar-header img {
  position: absolute;
  top: 25px;
  left: 15px;
  max-width: 25px;
}
.sidebar-link-block .sidebar-header h2 {
  font-size: 20px;
  padding: 15px;
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 500;
}
.sidebar-link-block .list-unstyled {
  padding: 0;
  margin: 0;
}
.sidebar-link-block .list-unstyled li a {
  padding: 10px 0;
  border-top: 1px solid #cccccc;
  display: block;
  color: #4D4D4D;
  font-size: 16px;
  text-decoration: none;
}
.sidebar-link-block .list-unstyled li:last-of-type a {
  padding-bottom: 0;
}
.sidebar-link-block .list-unstyled li a:hover {
  text-decoration: underline;
}
.sidebar-link-block .list-unstyled li:first-of-type a {
  border: none;
}
@media (max-width: 991px) {
  .sticky-block.is_stuck .sidebar-link-block {
    display: none;
  }
}
/************

    Hypotheekrente widget

    ***************/
table.mortgage-sidebar-table {
  width: 200px;
}
table.mortgage-sidebar-table tr {
  background-color: #ffffff;
}
table.mortgage-sidebar-table tr td {
  padding: 8px 0;
  font-size: 19px;
}
/**************
    
    antwoordkaart link widget

    ****************/
a.sidebar-link-block {
  text-decoration: none;
  font-size: 19px;
  color: #E58105;
}
a.sidebar-link-block h6 {
  color: #4D4D4D;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 0;
}
.bottom-data {
  margin-bottom: 15px;
}
.adviesdesk .list-unstyled a {
  padding: 7px 0;
  display: block;
}
.adviesform .form-control {
  margin: 15px 0;
}
.adviesdesk .ic-huge {
  margin-top: 15px;
  margin-bottom: 30px;
  display: inline-block;
}
.adviesdesk .textarea-mockup {
  width: auto;
  height: 240px;
  border: 1px solid #cccccc;
  text-align: center;
  font-size: 22px;
  padding: 15px;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIAI8fPrsPyMhdSBF8tJSjHgVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQCMvye24Jx2agAAAABJRU5ErkJggg== ) repeat;
  font-weight: 400;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin-bottom: 15px;
}
.adviesdesk .textarea-mockup p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.adviesdesk .light-href {
  color: #999999;
  font-size: 15px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .adviesdesk .list-unstyled a,
  .adviesdesk h5 {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .adviesform {
    padding: 15px 60px 0 60px;
  }
}
.img-thumbnail.img-circle {
  border-radius: 50%;
}
.employees .emp-row img {
  max-width: 200px;
  padding: 7px;
}
.employees .emp-thumb {
  max-width: 200px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.employees .emp-thumb:after {
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  background-color: transparent;
}
/*Dit is voor IE deze moet er staan ondankst dat hij leeg is https://css-tricks.com/pseudo-element-animationstransitions-bug-fixed-in-webkit/ */
.employees a .emp-thumb:after {
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: ' ';
  background-color: #08AAD3;
  opacity: 0;
}
.employees a:hover .emp-thumb:after {
  opacity: 0.3;
}
.employees .emp-row a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
}
.employees .emp-row a p {
  margin-top: 10px;
}
.emp-detail {
  font-size: 18px;
  line-height: 36px;
  text-align: left;
}
.emp-detail .img-thumbnail.img-circle {
  max-width: 150px;
  border: 2px solid #EBF2F7;
  padding: 5px;
  margin: 15px 0;
}
.emp-detail .border-right {
  border-bottom: 1px solid #E1E5E6;
}
.emp-detail h3.emp-header {
  margin-top: 0;
  margin-bottom: 20px;
}
.article-table {
  font-size: 18px;
  padding: 40px 0;
}
.article-table table {
  margin-bottom: 40px;
}
.article-table a {
  text-decoration: none;
}
@media (max-width: 767px) {
  .article-table table td {
    display: block;
  }
}
@media (min-width: 768px) {
  .emp-detail .border-right {
    border: none;
    border-right: 1px solid #E1E5E6;
  }
}
section.tool-overview {
  padding: 0;
}
.tool-overview-row .tool-block {
  background-color: #ffffff;
  padding: 15px;
  border-bottom: 4px solid #08AAD3;
  margin-bottom: 40px;
  display: block;
  text-decoration: none;
}
.tool-overview-row a.tool-block:hover {
  color: #4D4D4D;
  transition: all 0.2s ease 0s;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.38);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.38);
  border-bottom-color: #E58105;
}
.tool-overview-row a.tool-block:hover .btn.btn-arrow {
  border-color: #ffffff;
}
.tool-overview-row a.tool-block .btn.btn-arrow:hover {
  border-color: #ffffff;
}
.tool-overview-row .tool-block.super-important-tool-block {
  font-size: 18px;
  line-height: 36px;
}
.tool-overview-row .tool-block.super-important-tool-block .col-sm-6.col-md-8 {
  padding-top: 15px;
}
.tool-overview-row .tool-block h2 {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 7px 0;
  color: #4D4D4D;
  text-transform: none;
}
.tool-overview-row .tool-block p {
  line-height: 30px;
  margin-bottom: 23px;
}
.tool-overview-row .tool-block .tool-icon {
  margin: 20px 0;
}
.tool-overview hr {
  border-top: 4px solid #ffffff;
  margin: 0;
}
section.tool-overview {
  padding-bottom: 40px;
  background-color: #EBF2F7;
}
.tool-overview-row .tool-block.pagination-block {
  padding: 0;
  border-bottom: none;
}
.tool-overview-row .tool-block.pagination-block .pagination > li > a,
.tool-overview-row .tool-block.pagination-block .pagination > li > span {
  padding: 6px 12px;
  color: #08AAD3;
  border: none;
}
.tool-overview-row .tool-block.pagination-block .pagination > li.active > a,
.tool-overview-row .tool-block.pagination-block .pagination > li.active > span {
  background-color: #08AAD3;
  color: #fff;
  border-color: #08AAD3;
}
@media (min-width: 768px) {
  .tool-overview hr {
    margin: 0;
  }
  section.tool-overview {
    padding-bottom: 80px;
  }
  .tool-overview-row .tool-block {
    margin-bottom: 80px;
    padding-bottom: 35px;
    position: relative;
  }
  .tool-overview-row .tool-block .btn-wrapper {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
  }
  section.logo-bar {
    margin-top: -80px;
  }
}
.contact-page .row {
  text-align: left;
  margin-bottom: 15px;
}
.contact-page .row > div {
  margin-bottom: 15px;
}
.contact-social-row a {
  text-decoration: none;
  padding: 25px 0;
  display: block;
}
.contact-social-row a i {
  background-color: #42AC51;
  padding: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  margin-right: 15px;
  font-size: 25px;
}
.contact-social-row a i.icon-icon-font-26 {
  background-color: #3B5998;
}
.contact-social-row a i.icon-icon-font-05 {
  background-color: #E42026;
}
.contact-social-row a i.icon-icon-font-03 {
  background-color: #54ABEE;
}
.contact-social-row a i.icon-icon-font-04 {
  background-color: #007AB9;
}
.google_map {
  height: 400px;
  position: relative;
}
.google_map:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  content: ' ';
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.26+0,0+61 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.26)), color-stop(61%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
  z-index: 9;
}
.google_map:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
  content: ' ';
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0+39,0.26+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.26) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(39%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.26)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.26) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.26) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.26) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.26) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#42000000', GradientType=0);
  /* IE6-9 */
  z-index: 9;
}
@media (min-width: 1200px) {
  .google_map {
    height: 500px;
    margin-top: -40px;
  }
}
/*Contacts*/
.contact.lightblue {
  background-color: #EBF2F7;
  text-align: left;
  padding: 15px 15px 15px 145px;
  position: relative;
  min-height: 125px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.contact.lightblue img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 15px;
  top: 5px;
  height: 115px;
  width: 115px;
}
.contact.lightblue h5 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
  color: #1A1A1A;
}
.contact.lightblue p {
  margin: 0;
  font-size: 18px;
}
@media (min-width: 1200px) {
  .article-table.smaller {
    max-width: 80%;
    margin: 0 auto;
  }
}
/*  Related rekentools */
/*.relatedTools {
    background-color: @LightBlue;
}*/
.relatedTools .match {
  position: relative;
}
.relatedTools .match .wrap {
  display: block;
  background-color: #fff;
  height: 100%;
  position: relative;
  margin-top: 0;
  padding: 10px 15px;
}
.relatedTools .related-imp-tool.match .wrap {
  padding-left: 165px;
  max-height: 200px;
  min-height: 200px;
  text-decoration: none;
}
.relatedTools .related-imp-tool.match .wrap:hover {
  color: #4D4D4D;
}
.relatedTools .related-imp-tool.match .wrap:hover .btn.btn-arrow {
  border: 1px solid #4D4D4D;
}
.relatedTools .related-imp-tool.match .wrap:hover img {
  transform: scale(1.1);
  transition: all 0.2s ease 0s;
}
.relatedTools .related-imp-tool.match .wrap .img-wrapper {
  height: 200px;
  width: 149px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.relatedTools .related-imp-tool.match a.wrap h2 {
  font-size: 18px;
  text-decoration: none;
  color: #4D4D4D;
  text-transform: none;
  line-height: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}
.relatedTools .related-imp-tool.match a.wrap .btn {
  font-size: 16px;
  margin-left: -12px;
}
.relatedTools .related-imp-tool.match a.wrap .btn:before {
  top: 6px;
}
.relatedTools .match .wrap h3 {
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 36px;
  font-weight: 400;
  font-size: 18px;
}
.relatedTools .related-tools a {
  display: block;
}
.calc-tool-readmore-link {
  display: block;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .relatedTools .match .wrap {
    margin-top: 30px;
  }
  .home-rekentool .container.block {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .relatedTools .related-tools a.btn {
    display: inline-block;
    width: 50%;
    float: left;
  }
}
@media (min-width: 992px) {
  .calc-tool-readmore-link {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 19.8px;
  }
  .calc-tool-points-spacer {
    margin-bottom: 15px;
  }
}
.tool.blocked-section.calc-tool .whitebar {
  margin-top: -40px;
}
.finipedia h1 {
  margin-top: 0;
}
.finipedia.finipedia-overview {
  padding-top: 0;
  background-color: #EBF2F7;
  margin-top: -30px;
}
.finipedia .btn.btn-arrow {
  font-size: 18px;
}
.btn.btn-arrow:before {
  top: 6px;
}
.finipedia .tool-overview-row .tool-block h2 {
  border-top: none;
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: 300;
}
.finipedia .tool-overview-row .tool-block .center a {
  font-size: 18px;
  padding: 7px 0 15px 0;
  display: inline-block;
}
.finipedia .tool-overview-row .tool-block {
  margin-bottom: 30px;
}
.finipedia .finipedia-item-overview {
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 60px;
}
.finipedia.finipedia-item {
  padding-top: 0;
  background-color: #EBF2F7;
  margin-top: -30px;
  z-index: 1;
}
.finipedia.finipedia-item .back-btn-wrapper h2 {
  padding-top: 15px;
}
section.pageheader-content.blocked-section.finipedia.finipedia-sub-item .container {
  padding-left: 15px;
  padding-right: 15px;
}
.finipedia.finipedia-sub-item {
  background-color: #ffffff;
}
.finipedia.finipedia-sub-item .tag {
  font-weight: 400;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid #E58105;
  color: #E58105;
  padding: 10px 15px;
  text-decoration: none;
}
@media (min-width: 768px) {
  .finipedia .btn.btn-arrow.larger {
    font-size: 22px;
  }
  .btn.btn-arrow.larger:before {
    top: 10px;
  }
  .finipedia.finipedia-overview,
  .finipedia.finipedia-item {
    position: relative;
    margin-top: -60px;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  .finipedia.finipedia-item .back-btn-wrapper {
    position: relative;
    padding: 0 200px;
  }
  .finipedia.finipedia-item .back-btn-wrapper h2 {
    padding-top: 0;
  }
  .finipedia.finipedia-item .back-btn-wrapper .btn {
    position: absolute;
    left: -15px;
    top: 0;
  }
}
@media (min-width: 1200px) {
  .finipedia.finipedia-sub-item .tag {
    margin-left: -15px;
  }
  .finipedia.finipedia-sub-item {
    background-color: transparent;
    padding-bottom: 0;
  }
  .finipedia.finipedia-sub-item .tag {
    background-color: #E58105;
    color: #ffffff;
  }
  section.pageheader-content.blocked-section.finipedia.finipedia-sub-item .container {
    margin-bottom: 0;
  }
}
.finipedia .sidebar-1,
.finipedia .main-div {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  display: block;
}
@media (min-width: 992px) {
  .finipedia .sidebar-1 {
    width: 24.2%;
  }
  .finipedia .main-div {
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .finipedia .sidebar-1 {
    width: 20%;
  }
  .finipedia .main-div {
    width: 65%;
  }
}
.mijn-omgeving h2 {
  font-weight: 400;
  text-transform: none;
  font-size: 26px;
}
.mijn-omgeving h3 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
}
.mijn-omgeving .alert-list li {
  font-size: 18px;
  padding: 15px 0 ;
  position: relative;
  padding-right: 100px;
  border-top: 1px solid #E1E5E6;
}
.mijn-omgeving .alert-list li p {
  margin: 0;
}
.mijn-omgeving .alert-list li .onoffswitch {
  position: absolute;
  right: 0;
  top: 25px;
  height: 30px;
}
.mijn-omgeving .alert-list li a {
  color: #999999;
  font-size: 14px;
}
.mijn-omgeving #MemberPersonalInfo > div {
  margin-bottom: 36px;
}
#MemberPersonalInfo ul {
  font-size: 16px;
  line-height: 30px;
}
#MemberPersonalInfo ul .mlabel {
  color: #999999;
  width: 170px;
  display: inline-block;
}
@media (min-width: 768px) {
  .mijn-omgeving .border-right {
    border-right: 1px solid #E1E5E6;
  }
  .col-l {
    padding-right: 40px;
  }
  .col-r {
    padding-left: 40px;
  }
  .logout-holder .btn {
    margin-top: -72px;
  }
}
@media (min-width: 1200px) {
  .col-l {
    padding-right: 80px;
  }
  .col-r {
    padding-left: 80px;
  }
}
.become-member-photo .sticker-wrapper {
  padding: 120px 0 30px 0;
}
.become-member-photo .sticker-wrapper h1 {
  font-size: 26px;
  line-height: 38px;
  color: #ffffff;
  text-align: center;
  margin: 0;
  text-transform: none;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.become-member-photo .sticker-wrapper .sticker {
  display: none;
}
.become-member-photo .white-bar,
.become-member-page .white-bar {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.become-member-photo .white-bar .container,
.become-member-page .white-bar .container {
  padding: 20px 15px;
}
.become-member-photo .white-bar .btn,
.become-member-page .white-bar .btn {
  margin-bottom: 15px;
}
.become-member-photo .white-bar p,
.become-member-page .white-bar p {
  margin: 0;
}
@media (min-width: 768px) {
  section.become-member-photo {
    padding-bottom: 0;
  }
  .become-member-photo .sticker-wrapper h1 {
    font-size: 30px;
    line-height: 50px;
    font-weight: 500;
  }
  .become-member-photo .sticker-wrapper {
    padding: 180px 94px 30px 94px;
    position: relative;
  }
  .become-member-photo .sticker-wrapper .sticker {
    display: block;
    position: absolute;
    top: 128px;
    right: 0;
    width: 90px;
    height: 90px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef8b05+1,ef8b05+50,ee9620+51,ee9620+100 */
    background: #ef8b05;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #ef8b05 1%, #ef8b05 50%, #ee9620 51%, #ee9620 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #ef8b05), color-stop(50%, #ef8b05), color-stop(51%, #ee9620), color-stop(100%, #ee9620));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #ef8b05 1%, #ef8b05 50%, #ee9620 51%, #ee9620 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #ef8b05 1%, #ef8b05 50%, #ee9620 51%, #ee9620 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #ef8b05 1%, #ef8b05 50%, #ee9620 51%, #ee9620 100%);
    /* IE10+ */
    background: linear-gradient(45deg, #ef8b05 1%, #ef8b05 50%, #ee9620 51%, #ee9620 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8b05', endColorstr='#ee9620', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.29);
  }
  .become-member-photo .sticker-wrapper .sticker .sticker-content {
    font-size: 18.51px;
    font-weight: 400;
    line-height: 15px;
    position: relative;
    z-index: 1;
  }
  .become-member-photo .sticker-wrapper .sticker .sticker-content .large {
    font-weight: 500;
    font-size: 34.13px;
    line-height: 37px;
  }
  .become-member-photo .white-bar,
  .become-member-page .white-bar {
    text-align: left;
  }
  .become-member-photo .white-bar .container,
  .become-member-page .white-bar .container {
    padding: 20px 80px;
  }
  .become-member-photo .white-bar .btn,
  .become-member-page .white-bar .btn {
    margin-right: 15px;
    float: left;
  }
  .become-member-photo .white-bar p,
  .become-member-page .white-bar p {
    float: left;
  }
}
@media (min-width: 992px) {
  .become-member-photo .sticker-wrapper h1 {
    font-size: 38px;
    line-height: 50px;
  }
  .become-member-photo .sticker-wrapper {
    padding: 180px 130px 30px 130px;
  }
  .become-member-photo .sticker-wrapper .sticker {
    top: 100px;
    right: 0;
    width: 128px;
    height: 128px;
    padding-top: 26px;
  }
  .become-member-photo .sticker-wrapper .sticker .sticker-content {
    font-size: 25.66px;
    line-height: 25px;
  }
  .become-member-photo .sticker-wrapper .sticker .sticker-content .large {
    font-size: 47.32px;
    line-height: 47px;
  }
  .become-member-photo .white-bar .container,
  .become-member-page .white-bar .container {
    padding: 20px 200px;
  }
}
@media (min-width: 1200px) {
  .become-member-photo .sticker-wrapper h1 {
    font-size: 51px;
    line-height: 80px;
  }
  .become-member-photo .white-bar .container,
  .become-member-page .white-bar .container {
    padding: 20px 295px;
  }
}
/*******************
    
    Lidworden pagina 
    
    **************************/
/*Become member wrapper*/
.become-member-page .photo-section:first-of-type {
  position: relative;
  min-height: 500px;
}
.become-member-page .photo-section-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.btn-scrolldown-wrapper {
  padding: 30px;
}
@media (min-width: 1200px) {
  .btn-scrolldown-wrapper {
    padding-top: 80px;
  }
}
/*Blue bar*/
.become-member-page section.blue-bar {
  padding: 30px 0;
  background-color: #08AAD3;
  color: #ffffff;
  font-size: 22px;
}
.become-member-page section.blue-bar i {
  font-size: 26px;
  margin-left: 15px;
  vertical-align: middle;
}
/*voordelen block*/
.become-member-page .voordelen-block h1 {
  font-size: 26px;
  color: #4D4D4D;
  text-transform: none;
  font-weight: 400;
}
.become-member-page .voordelen-block p {
  font-weight: 300;
  font-size: 16px;
  line-height: 33px;
}
.become-member-page .voordelen-block .bold-list {
  font-weight: 400;
}
@media (min-width: 768px) {
  .become-member-page .voordelen-block p {
    font-weight: 300;
    font-size: 18px;
    line-height: 40px;
  }
  .become-member-page .voordelen-block .bold-list {
    font-size: 20px;
  }
}
/*Carousel*/
.become-member-page section.carousel-section {
  padding: 0;
}
.become-member-page .carousel-control.right,
.become-member-page .carousel-control.left {
  background: none;
}
.glyphicon-chevron-right::before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
}
.glyphicon-chevron-left::before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
}
.become-member-page .carousel-indicators {
  width: auto;
  margin: 0;
  padding: 2px 10px;
  background-color: #EBF2F7;
}
ol.carousel-indicators li {
  padding: 0;
}
ol.carousel-indicators li:before {
  display: none;
}
.become-member-page .carousel-indicators li {
  background-color: #cccccc;
  border-color: #cccccc;
}
.become-member-page .carousel-indicators .active {
  background-color: #E58105;
  border-color: #E58105;
}
@media (max-width: 767px) {
  .become-member-page .carousel-inner > .item {
    overflow: hidden;
  }
  .become-member-page .carousel-inner > .item img {
    width: 140%;
    max-width: 140%;
    margin-left: -20%;
  }
}
/*sub-slider-bar*/
.become-member-page section.sub-slider-bar {
  padding: 30px 0;
}
.become-member-page section.sub-slider-bar .white-bar {
  background-color: transparent;
}
/*FAQ blocks*/
.faq-block {
  font-size: 18px;
  line-height: 36px;
}
.faq-block .faq-item {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}
.faq-block .faq-item:before {
  content: "\e915";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  position: absolute;
  top: 11px;
  left: 0;
  z-index: 1;
}
.faq-block .faq-item a.question {
  display: block;
  margin-left: -30px;
  padding-left: 30px;
  position: relative;
  z-index: 2;
}
.faq-block .faq-item .answer {
  display: none;
  margin-bottom: 0;
}
.faq-block .faq-item.active:before {
  content: "\e916";
  top: 11px;
}
.faq-block .faq-item.active .answer {
  display: block;
}
/*Employee detail*/
.become-member-page .employeeqoute {
  background-color: #EBF2F7;
}
.become-member-page .employeeqoute .emp-thumb .img-thumbnail {
  max-width: 50%;
  padding: 0;
  border: 0;
  margin-bottom: 20px;
}
.become-member-page .employeeqoute .emp-details p strong {
  display: block;
  margin-top: 5px;
}
.become-member-page .employeeqoute .emp-details {
  position: relative;
}
.become-member-page .employeeqoute .emp-details:after {
  background-color: #cccccc;
  content: ' ';
  display: block;
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 1px;
  margin-left: -25%;
  left: 50%;
}
.become-member-page .employeeqoute .emp-details p {
  position: relative;
  padding-bottom: 20px;
}
.become-member-page .employeeqoute .emp-details p:after,
.become-member-page .employeeqoute .emp-details p:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -1px;
  z-index: 1;
}
.become-member-page .employeeqoute .emp-details p:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #EBF2F7;
  border-width: 20px;
  margin-left: -20px;
}
.become-member-page .employeeqoute .emp-details p:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #cccccc;
  border-width: 21px;
  margin-left: -21px;
}
/*The right part*/
.become-member-page .employeeqoute.face-right {
  background-color: #ffffff;
}
.become-member-page .employeeqoute.face-right .emp-details p:after {
  border-top-color: #ffffff;
}
.become-member-page .employeeqoute blockquote {
  border: none;
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .become-member-page .employeeqoute .emp-details {
    width: 30%;
    float: left;
    margin-right: 3%;
  }
  .become-member-page .employeeqoute blockquote {
    padding-left: 30px;
    float: left;
    width: 66%;
    font-size: 22px;
    line-height: 37px;
    padding-top: 30px;
  }
  .become-member-page .employeeqoute .emp-details:after {
    bottom: unset;
    right: 0px;
    margin: 0;
    height: 80%;
    width: 1px;
    margin-top: -25%;
    top: 50%;
    left: unset;
  }
  .become-member-page .employeeqoute .emp-details p {
    padding: 0;
    margin: 0;
    position: static;
  }
  .become-member-page .employeeqoute .emp-details p:after,
  .become-member-page .employeeqoute .emp-details p:before {
    margin: 0;
    left: unset;
    right: 0;
    top: 55%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .become-member-page .employeeqoute .emp-details p:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #EBF2F7;
    border-width: 20px;
    margin-top: -20px;
  }
  .become-member-page .employeeqoute .emp-details p:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #cccccc;
    border-width: 21px;
    margin-top: -21px;
  }
  .become-member-page .employeeqoute.face-right .emp-details p:after {
    border-top-color: rgba(136, 183, 213, 0);
    border-right-color: #ffffff;
  }
  /*The right part*/
  .become-member-page .employeeqoute.face-right blockquote {
    padding: 0;
    padding-right: 50px;
    padding-top: 30px;
  }
  .become-member-page .employeeqoute.face-right .emp-details {
    float: right;
  }
  .become-member-page .employeeqoute.face-right .emp-details:after {
    left: 0;
    right: unset;
  }
  .become-member-page .employeeqoute.face-right .emp-details p:after,
  .become-member-page .employeeqoute.face-right .emp-details p:before {
    right: 100%;
    margin-right: -1px;
  }
}
/*The custumor qoute block*/
section.dark-section {
  color: #ffffff;
  background-color: #18223D;
}
section.dark-section blockquote {
  border: none;
  font-size: 20px;
  line-height: 35px;
  font-style: italic;
  font-weight: 300;
}
section.dark-section small {
  font-size: 18px;
  font-weight: 400;
}
@media (min-width: 768px) {
  section.dark-section blockquote {
    font-size: 25.17px;
    line-height: 49px;
    margin-top: 20px;
  }
  section.dark-section small {
    font-size: 22px;
    display: block;
    margin-top: 60px;
  }
}
/*******************
    
    Lidworden Form page
    
    **************************/
/*Header*/
.become-member-form .another-header-because-bloat-on-purpose {
  color: #ffffff;
  font-weight: 500;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  font-size: 18px;
  line-height: 30px;
}
.become-member-form .another-header-because-bloat-on-purpose h1 {
  color: #ffffff;
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  text-transform: none;
}
@media (min-width: 768px) {
  .become-member-form .another-header-because-bloat-on-purpose {
    line-height: 38px;
    font-size: 24px;
  }
  .become-member-form .another-header-because-bloat-on-purpose h1 {
    color: #ffffff;
    font-size: 52px;
    line-height: 49px;
    font-weight: 700;
    margin-top: 70px;
  }
  .become-member-form .another-header-because-bloat-on-purpose p {
    margin-bottom: 0;
  }
}
/*breadcrumb*/
.become-member-form section.breadcrumb {
  background-color: #EBF2F7;
  margin: 0;
  padding: 30px 0 20px 0;
  font-size: 20px;
  color: #999999;
}
.become-member-form section.breadcrumb ul li.active {
  color: #4D4D4D;
}
.become-member-form section.breadcrumb ul li {
  padding: 0 30px;
  position: relative;
}
.become-member-form section.breadcrumb ul li:after {
  font-size: 18px;
  display: block;
  position: absolute;
  top: 7px;
  right: -8px;
  content: "\e908";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.become-member-form section.breadcrumb ul li:last-of-type:after {
  display: none;
}
.become-member-form form p {
  font-size: 18px;
}
/*search*/
.hospital section {
  padding: 0;
}
.hospital .tool-overview-row .tool-block {
  margin-bottom: 30px;
}
.hospital-search {
  margin-top: 15px;
}
.hospital-search input[type="text"] {
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 15px;
  padding-right: 37px;
  height: 36px;
}
.hospital-search button[type="submit"] {
  display: block;
  padding: 6px 8px 5px 13px;
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-bottom: 0;
}
.btn.btn-showmore.show-more-hospitals {
  margin-right: 15px;
  margin-bottom: 15px;
}
.h-select-form {
  position: relative;
  padding-right: 110px;
  margin-bottom: 30px;
}
.h-select-form select {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 15px;
  height: 42px;
  width: 100%;
}
.h-select-form button {
  position: absolute;
  top: 0;
  right: 0;
}
.hospital-header-a {
  margin-top: -30px;
  margin-bottom: 30px;
}
.hospital h1 {
  display: inline-block;
}
@media (min-width: 768px) {
  .h-top-holder {
    margin: -30px;
  }
  .h-select-form {
    width: 45%;
    margin-right: 5%;
    float: left;
  }
}
@media (min-width: 992px) {
  .hospital-search {
    width: 240px;
    float: right;
    margin-top: -28px;
  }
  .hospital .blocked-section .container.block {
    padding: 60px 80px;
  }
}
.h-grade .img-responsive {
  display: inline-block;
}
.h-grade .inquiry {
  height: 90px;
}
.h-grade .place {
  height: 60px;
  font-size: 20px;
}
@media (min-width: 992px) {
  .h-grade-wrap .border-right-md {
    border-right: 1px solid #E1E5E6;
  }
}
.keyword h1 i {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  font-size: 40px;
  margin-right: 15px;
  vertical-align: bottom;
  display: inline-block;
}
.radio-form-header {
  padding-top: 0;
  margin-top: -70px;
  margin-bottom: 0;
}
.search-latest .article-row #articles {
  padding: 15px 0;
  background-color: #ffffff;
}
.search-finipedia {
  font-size: 18px;
}
.search-finipedia .search-finipedia-item a {
  padding: 10px 0;
  display: block;
}
.search-tools .search-tool {
  display: block;
  padding: 10px 0;
  font-size: 18px;
}
.search-finipedia small,
.latest.search-latest small {
  padding-top: 30px;
  padding-bottom: 10px;
  display: block;
  color: #999999;
}
.searchmenu {
  padding: 50px 0 0 0;
}
.searchmenu ul li {
  border-bottom: 4px solid transparent;
  margin: 15px;
}
.searchmenu ul li.active,
.searchmenu ul li:hover {
  border-bottom: 4px solid #E58105;
}
.searchmenu ul li a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}
.searchmenu ul li a:hover {
  color: #4D4D4D;
}
.searchmenu ul li a .count {
  color: #999999;
}
.search section {
  border-bottom: 10px solid #EBF2F7;
}
.search section.searchpage {
  border: none;
}
@media (max-width: 767px) {
  .search-finipedia-item {
    text-align: center;
  }
}
/*@media (min-width: 1200px) {

    .search-latest .article-row #articles > .center {
        margin-bottom: -15px;
        margin-top: 15px;
        padding: 80px 0 0 0;
        background-color: @LightBlue;
    }
        .search-latest .article-row #articles > .center .btn {
            background-color: @White;
        
        }
}*/
.home-page .homepage-header {
  background-color: #fff;
  padding: 0 0 15px 0;
}
.home-page .homepage-header .backstretch.main-banner {
  height: 400px;
  margin-bottom: 4px;
  position: relative;
  display: block;
  background-color: #4D4D4D !important;
}
.home-page .homepage-header .backstretch.main-banner:before {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: ' ';
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 1s;
  /* Safari */
  transition: opacity 1s;
}
.home-page .homepage-header .backstretch.main-banner.dark:before {
  opacity: 1;
}
.home-page .homepage-header .backstretch.main-banner .header-title {
  z-index: 1;
}
.home-page .homepage-header .banner {
  margin: 0 -15px 4px -15px;
}
.home-page .homepage-header .banner h2 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 15px;
  text-transform: none;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  padding-right: 40%;
}
.home-page .homepage-header .banner a {
  position: relative;
  display: block;
  min-height: 190px;
  padding: 30px 15px;
  text-decoration: none;
}
.home-page .homepage-header .banner .premium-bar {
  display: inline-block;
  padding: 4px 15px 4px 4px;
}
.home-page .homepage-header .banner .no-break {
  display: inline-block;
  padding: 7px 15px;
}
.home-page .homepage-header .btn.btn-default {
  white-space: unset;
}
.home-page .homepage-header .banner a.backstretch:before {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: ' ';
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 1s;
  /* Safari */
  transition: opacity 1s;
}
.home-page .homepage-header .banner a.backstretch:hover:before {
  opacity: 0;
}
.home-page .homepage-header .header-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+85&amp;0+0,0.65+85 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.65)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 85%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.home-page .homepage-header .header-title h1 {
  color: #ffffff;
  font-size: 21px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 15px;
  text-transform: none;
}
.home-page .homepage-header .header-title p {
  margin-bottom: 0px;
}
.home-page h2 {
  font-weight: 500;
}
@media (min-width: 768px) {
  .home-page .homepage-header .header-title h1 {
    font-weight: 500;
    font-size: 52px;
    line-height: 61px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .home-page .homepage-header .header-title p {
    line-height: 38px;
    font-size: 24px;
    margin-bottom: 15px;
  }
  #home-banner-wrapper {
    margin: 0 -15px;
  }
  .home-page .homepage-header .banner {
    margin: 0px 0 4px;
    background-color: #4D4D4D;
  }
  .home-page .homepage-header .banner.banner-top {
    padding-right: 0px;
    border-right: 2px solid #fff;
  }
  .home-page .homepage-header .banner.banner-bottom {
    padding-left: 0px;
    border-left: 2px solid #fff;
  }
  .home-page .homepage-header .banner a {
    padding: 30px 45px;
  }
  .home-page .homepage-header .banner h2 {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 60px;
  }
  .home-page .homepage-header .header-title {
    padding: 10px 45px 45px 45px;
  }
}
@media (min-width: 1200px) {
  #home-banner-wrapper {
    margin: 0;
    padding: 0 15px 0 19px;
  }
  .home-page .homepage-header .banner.banner-top {
    padding: 0;
    border: 0;
  }
  .home-page .homepage-header .banner.banner-bottom {
    padding: 0;
    border: 0;
  }
  .home-page .homepage-header .backstretch.main-banner {
    overflow: hidden;
  }
}
/*Latest news*/
.latest.home-latest {
  background-color: #EBF2F7;
}
.latest.home-latest .main-article {
  background-color: #fff;
  margin-bottom: 30px;
}
.latest.home-latest .main-article a {
  text-decoration: none;
}
.latest.home-latest .main-article a:hover {
  color: #4D4D4D;
}
.latest.home-latest .matchArticle {
  min-height: 180px;
  background-color: #fff;
}
.latest.home-latest .main-article a:hover .backstretch img {
  transform: scale(1.1);
  transition: all 0.2s ease 0s;
}
.latest.home-latest .main-article .article-content {
  padding: 15px;
}
.latest.home-latest .main-article .article-content h1 {
  font-weight: 500;
  color: #4D4D4D;
  font-size: 22px;
  line-height: 34px;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 0;
}
.latest.home-latest .main-article a:hover .article-content h1 {
  color: #4D4D4D;
}
.latest.home-latest .main-article .article-content .tag {
  color: #ffffff;
  background-color: #E58105;
  display: inline-block;
  padding: 4px 11px;
}
.latest.home-latest .main-article .article-content p {
  font-size: 16px;
  line-height: 30px;
}
.latest.home-latest .main-article .article-content .premium {
  max-width: 150px;
}
.latest.home-latest .article-row {
  padding-top: 15px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .latest.home-latest .main-article .article-content {
    padding: 30px;
  }
}
.home-rekentool {
  background-color: #EBF2F7;
}
.home-compare {
  background-color: #fff;
}
.home-compare .relatedTools .match .wrap {
  border: 1px solid #cccccc;
}
.home-page .relatedVerzekeringen .tool-overview-row .tool-block {
  border: 1px solid #cccccc;
}
.home-page .relatedVerzekeringen .tool-overview-row .tool-block:hover {
  border-color: #E58105;
  color: #4D4D4D;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.home-page .relatedVerzekeringen .tool-overview-row .tool-block:active {
  -webkit-box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.36);
  box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.36);
}
.home-page .relatedVerzekeringen .tool-overview-row .tool-block:hover .btn.btn-arrow {
  border: 1px solid transparent;
}
.facebook-wrap {
  background-color: #fff;
  padding: 30px;
}
.facebook-wrap blockquote {
  border: none;
  font-size: 22.17px;
  font-weight: 100;
  font-style: italic;
  line-height: 42px;
}
@media (min-width: 768px) {
  .facebook-wrap blockquote {
    font-size: 35.17px;
    line-height: 55px;
  }
}
/*Left become member bar*/
.sticky-left-bar {
  display: none;
}
@media (min-width: 1350px) {
  .sticky-left-bar {
    display: block;
    position: absolute;
    top: 1000px;
    right: 0px;
    height: 100%;
    width: 100px;
  }
  .sticky-left-container {
    background-color: #ffffff;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 281px;
    -webkit-box-shadow: 0px -2px 8px 2px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px -2px 8px 2px rgba(0, 0, 0, 0.43);
    box-shadow: 0px -2px 8px 2px rgba(0, 0, 0, 0.43);
    position: absolute;
    right: -114px;
    padding: 10px 10px 0 10px;
  }
  .sticky-left-container a {
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    white-space: nowrap;
    padding: 7px 15px;
    display: inline-block;
    vertical-align: middle;
  }
}
/*//////////////////////////////////////////////////////////////////////////*/
/* --- OVERALL --- */
/*//////////////////////////////////////////////////////////////////////////*/
.home-page2 .row:nth-child(even) {
  background-color: #ffffff;
}
.home-page2 .col-md-12 {
  background-color: #ffffff;
}
.home-page2 .col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
}
.home-page2 .row {
  background-color: #F6F5F1;
  padding-left: 10px;
  padding-right: 10px;
}
.home-page2 h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 34px;
  color: #212121;
  text-align: center;
  text-transform: none;
  line-height: 1.4;
}
.home-page2 p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #727272;
  line-height: 1.6;
}
.home-page2 a {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #727272;
  text-decoration: none;
  border-bottom: 1px solid #727272;
}
.home-page2 .right {
  text-align: center;
  padding: 50px;
  left: 50%;
  top: 50%;
}
.home-page2 .left {
  text-align: center;
  padding: 50px;
  left: 50%;
  top: 50%;
}
.home-page2 .image img {
  max-height: 250px;
  max-width: 250px;
}
.home-page2 .image-lg img {
  max-height: 400px;
  max-width: 400px;
}
/*//////////////////////////////////////////////////////////////////////////*/
/* --- REGEL 1 --- */
/*//////////////////////////////////////////////////////////////////////////*/
.home-page2 .animation-button {
  background-color: #ffffff;
  color: #727272;
  border: none;
  border-radius: 50px;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.home-page2 .animation-button a {
  text-decoration: none;
  border: none;
}
.home-page2 .animation-button i {
  line-height: 70px;
  text-align: center;
  font-size: 34px;
}
.home-page2 .vraag {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.home-page2 .animatie-start a:hover p {
  color: #E58105;
}
.home-page2 .animatie-start a:hover i {
  color: #E58105;
}
.home-page2 .over a:hover p {
  color: #000000;
}
.home-page2 .over a:hover i {
  color: #000000;
}
/*//////////////////////////////////////////////////////////////////////////*/
/* --- LAMP --- */
/*//////////////////////////////////////////////////////////////////////////*/
.home-page2 .left-lamp {
  text-align: center;
  position: relative;
}
.home-page2 .lamp-licht {
  width: 100px;
  border-top: 100px solid transparent;
  border-right: 250px solid #ffffff;
  border-bottom: 400px solid transparent;
  float: right;
  position: relative;
  z-index: 1;
}
.home-page2 .right-lamp {
  text-align: center;
  padding: 50px;
  position: relative;
  z-index: 99;
  width: 550px;
}
.home-page2 .right-lamp a {
  color: #42AC51;
  border-bottom: 1px solid #42AC51;
}
.home-page2 .right-lamp a:hover {
  color: #64C772;
  border-bottom: 1px solid #64C772;
}
.home-page2 .left a {
  color: #42AC51;
  border-bottom: 1px solid #42AC51;
}
.home-page2 .left a:hover {
  color: #64C772;
  border-bottom: 1px solid #64C772;
}
.home-page2 .lamp {
  margin: 0 auto;
  float: right;
  position: relative;
  z-index: 2;
}
.home-page2 .lamp img {
  margin-top: 77px;
  margin-right: -50px;
  height: 350px;
  float: right;
  z-index: 99;
}
.home-page2 .right-lamp-bg {
  background-color: #ffffff;
  width: 100%;
  height: 500px;
  z-index: 1;
  position: absolute;
}
/*//////////////////////////////////////////////////////////////////////////*/
/* --- BEKIJK ANTWOORD --- */
/*//////////////////////////////////////////////////////////////////////////*/
.home-page2 .img-box img {
  margin: 0 auto;
}
.home-page2 .bekijkantwoord {
  background-color: #ffffff;
  color: #000000;
  padding: 10px;
  text-align: center;
  width: 100%;
  position: relative;
}
.home-page2 .bekijkantwoord i {
  position: absolute;
  font-size: 34px;
  top: 6px;
}
.home-page2 .bekijkantwoord span {
  padding-left: 50px;
}
.home-page2 .vraag a:hover .bekijkantwoord span {
  color: #E58105;
}
.home-page2 .vraag a:hover .bekijkantwoord i {
  color: #E58105;
}
.home-page2 .article-row .faq-block .faq-item {
  padding-left: 0px;
  margin-bottom: 0px;
}
.home-page2 .article-row .faq-block .faq-item .answer {
  padding-top: 20px;
  text-align: left;
}
.home-page2 .article-row .faq-block .faq-item a {
  border: none;
}
.home-page2 .article-row .faq-block .faq-item:before {
  content: none;
}
/*//////////////////////////////////////////////////////////////////////////*/
/* --- VRAGEN --- */
/*//////////////////////////////////////////////////////////////////////////*/
.home-page2 .over {
  margin-top: 50px;
  margin-bottom: 50px;
}
.home-page2 .over .faq-item a {
  border-bottom: 0px solid #727272;
  text-align: left;
}
.home-page2 .over .faq-item {
  border-bottom: 1px solid #E8E8E8;
}
.home-page2 .over .faq-block .faq-item {
  margin-bottom: 0px;
}
.home-page2 .over .faq-block .answer {
  padding-top: 10px;
  padding-bottom: 20px;
}
.home-page2 .over .faq-block .faq-item.active .question {
  color: #000000;
}
.home-page2 .over .faq-block .question {
  padding-top: 10px;
  padding-bottom: 10px;
}
.home-page2 .over .faq-block .faq-item:before {
  top: 22px;
}
.home-page2 .over .animation {
  margin: 0 auto;
  width: 80%;
  height: 300px;
  background-image: url("/images/Self/portmonee.png");
  background-position: center;
  background-repeat: no-repeat;
}
.home-page2 .over .animation .play-button {
  margin: 0 auto;
  padding-top: 20%;
  text-align: center;
}
.home-page2 .over .animation .play-button a {
  color: #000000;
}
/*//////////////////////////////////////////////////////////////////////////*/
/* --- Animatie --- */
/*//////////////////////////////////////////////////////////////////////////*/
.modal iframe {
  width: 100%;
}
/*//////////////////////////////////////////////////////////////////////////*/
/* --- ANDERE MEDIA --- */
/*//////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1199px) {
  .home-page2 .right-lamp p {
    width: 100%;
  }
  .home-page2 .image img {
    max-width: 100%;
  }
}
@media (max-width: 1013px) {
  .home-page2 .lamp {
    margin: 0 auto;
    float: left;
    position: absolute;
    z-index: 2;
  }
  .home-page2 .lamp-licht {
    border-top: 100px solid transparent;
    border-right: 240px solid #ffffff;
    border-bottom: 400px solid transparent;
  }
}
@media (max-width: 991px) {
  .home-page2 .bekijkantwoord {
    margin-bottom: 50px;
  }
  .home-page2 .left-lamp {
    text-align: center;
    position: static;
    float: left;
  }
  .home-page2 .over .animation {
    margin-bottom: 50px;
  }
  .home-page2 .left {
    padding: 0px;
    padding-top: 50px;
  }
  .home-page2 .right {
    padding: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .home-page2 .image img {
    max-height: 200px;
    max-width: 200px;
  }
}
@media (min-width: 768px) {
  .modal iframe {
    width: 640px;
    height: 360px;
  }
}
@media (max-width: 767px) {
  .home-page2 h1 {
    font-size: 30px;
  }
  .home-page2 p {
    font-size: 20px;
  }
  .home-page2 a {
    font-size: 20px;
  }
}
/*//////////////////////////////////////////////////////////////////////////*/
/* --- OVERALL --- */
/*//////////////////////////////////////////////////////////////////////////*/
.steljevraag h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 34px;
  text-align: left;
  text-transform: none;
}
.steljevraag p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #727272;
}
.steljevraag a {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  text-decoration: none;
  border-bottom: 1px solid #000000;
}
.steljevraag .right {
  text-align: center;
  padding: 50px;
  left: 50%;
  top: 50%;
}
.steljevraag .left {
  text-align: center;
  padding: 50px;
  left: 50%;
  top: 50%;
}
.steljevraag .image img {
  max-width: 100%;
}
.steljevraag .wijzigen a {
  color: #E58105;
  border: none;
}
.steljevraag .verzendenknop {
  float: right;
}
.steljevraag textarea {
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 200px;
  padding-left: 10px;
  width: 100%;
}
.steljevraag textarea,
input {
  outline: none;
}
.steljevraag .animation-button {
  background-color: #ffffff;
  border: 1px solid #727272;
  color: #727272;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
}
.steljevraag .animation-button a {
  text-decoration: none;
  border: none;
}
.steljevraag .animation-button i {
  line-height: 40px;
  font-size: 18px;
}
.steljevraag .linkje {
  position: relative;
  margin-left: 60px;
  top: 10px;
}
.steljevraag .animatie-start {
  padding-left: 10%;
  padding-bottom: 20px;
  padding-top: 20px;
}
.steljevraag .animatie-start a:hover p {
  color: #E58105 !important;
}
.steljevraag .animatie-start a:hover i {
  color: #E58105 !important;
}
.steljevraag .animatie-start a:hover .animation-button {
  border: 1px solid #E58105;
}
.steljevraag .wijzigen a:hover {
  color: #000000;
  cursor: pointer;
}
.steljevraag .wijzigemail .wijzigen {
  background: #ffffff;
  width: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.steljevraag .wijzigemail tr {
  background: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
}
.steljevraag .wijzigemail td {
  background: #ffffff;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 3px;
}
.steljevraag .form-group-steljevraag p {
  margin-bottom: 1px;
}
.steljevraag .wijzigemail input {
  width: auto;
  padding: 5px;
  border: 1px solid #ffffff;
}
.steljevraag .wijzigemail input:focus {
  border: 1px solid #999999;
}
.steljevraag .email p {
  margin-bottom: 0px;
}
.multi-step-form-steljevraag {
  padding: 0px;
  margin-bottom: 0px;
}
.steljevraag .wijzigenknop {
  color: #E58105;
  text-decoration: none;
  border: none;
}
.steljevraag .wijzigenknop:hover {
  color: #727272;
  text-decoration: none;
}
.steljevraag .wijzigemail input:hover {
  cursor: default;
}
section.pageheader-content.tool .container {
  padding-left: 15px;
  padding-right: 15px;
}
.tool .tag {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid #E58105;
  color: #E58105;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .tool .tag {
    background-color: #E58105;
    color: #ffffff;
    margin-left: -15px;
  }
}
.loading-content {
  position: relative;
}
.loading-content.loading:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  content: ' ';
  background: #ffffff url(/images/377.GIF) center center no-repeat;
}
.quiz-item {
  display: none;
}
.quiz-item.active {
  display: block;
}
#quiz-form label {
  display: block;
  margin-bottom: 15px;
}
.quiz-block-nav {
  position: relative;
  padding: 0px;
  border: 1px solid #E1E5E6;
  margin: 20px 0;
}
.quiz-block-nav li {
  height: 21px;
  background-color: #F1CA95;
  border: 2px solid #ffffff;
  float: left;
}
.quiz-block-nav li.active {
  background-color: #E58105;
}
.quiz-block-nav li.done {
  background-color: #42AC51;
  cursor: pointer;
}
.quiz-block-nav li.failed {
  background-color: #EE4400;
  cursor: pointer;
}
.quiz-block-nav.quiz-block-nav-8 li {
  width: 12.5%;
}
.quiz-end,
.quiz-body {
  display: none;
}
.quiz-start .btn {
  margin-top: 30px;
}
.quiz-start small {
  font-size: 18px;
  color: #999999;
  margin-top: 15px;
  display: block;
}
.quiz-result {
  display: none;
}
.quiz-result.active {
  display: block;
}
.quiz-error {
  color: #EE4400;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .quiz-start,
  .quiz-body,
  .quiz-end {
    padding: 0 80px;
  }
  .quiz-start .btn {
    margin-top: 60px;
  }
}
/*Question styling*/
.quiz-question {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
  font-weight: 400;
}
.quiz-item label {
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 10px;
  display: block;
  position: relative;
  padding-left: 27px;
}
.quiz-item label input {
  position: absolute;
  top: 3px;
  left: 3px;
}
#quiz-prev,
#quiz-prev2 {
  float: left;
  text-transform: uppercase;
  font-size: 20px;
}
#quiz-prev {
  display: none;
}
#quiz-next {
  float: right;
  text-transform: uppercase;
  font-size: 20px;
}
#quiz-next:before,
#quiz-prev:before,
#quiz-prev2:before {
  top: 11px;
}
.quiz-bottom {
  margin-top: 15px;
  border-top: 1px solid #cccccc;
  padding-top: 15px;
  font-size: 20px;
}
.quiz-bottom .btn {
  margin-top: 30px;
}
.quiz-end img.img-responsive {
  margin-bottom: 30px;
  display: inline-block;
}
@media (min-width: 768px) {
  .quiz-question {
    font-size: 22px;
    line-height: 40px;
  }
  .quiz-nav {
    position: relative;
    padding: 15px 170px 15px 140px;
  }
  #quiz-prev,
  #quiz-prev2 {
    position: absolute;
    top: 25px;
    left: 0;
  }
  #quiz-next {
    position: absolute;
    top: 25px;
    right: 0;
  }
  .quiz-bottom {
    padding-top: 50px;
  }
  .quiz-bottom .btn {
    margin-top: 0px;
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .quiz-end img.img-responsive {
    margin-top: 110px;
  }
}
.gauge {
  width: 260px;
  height: 155px;
  overflow: hidden;
  position: relative;
}
.gauge-needle {
  position: absolute;
  left: 50%;
  top: 50px;
  margin-left: -13px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -ms-transform-origin: 50% 80%;
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  -webkit-transform-origin: 50% 80%;
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  transform-origin: 50% 80%;
}
.gauge-text {
  color: #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  position: absolute;
  top: 128px;
}
.gauge-left-text {
  color: #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  position: absolute;
  top: 128px;
  left: 3px;
}
.gauge-right-text {
  color: #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  position: absolute;
  top: 128px;
  right: 3px;
}
.page-gauge.gauge {
  display: inline-block;
  margin-top: 25px;
}
.gauge-subline {
  font-weight: 300;
  font-size: 20px;
  border-top: 1px solid #42AC51;
  border-bottom: 1px solid #42AC51;
  width: 260px;
  display: inline-block;
  padding: 3px 0;
}
.gauge-subtext {
  line-height: 30px;
}
/*Graphs*/
.tool .ultra-large {
  font-size: 30px;
  padding: 15px 0;
}
.chart-verloop {
  max-width: 300px;
  width: 100%;
}
.chart-verloop label {
  font-size: 18px;
  padding-top: 3px;
  width: 40%;
  font-weight: 300;
}
.chart-verloop .form-control {
  width: 60%;
}
.chart-verloop label {
  float: left;
}
@media (max-width: 767px) {
  .chart-verloop {
    margin: 30px 0;
  }
}
@media (min-width: 768px) {
  .tool .ultra-large {
    font-size: 105px;
    padding: 15px 0;
  }
}
.white-bar.logo_carousel_bar {
  background-color: #ffffff;
}
.logo_carousel_bar .slick-dots {
  display: none;
}
.logo_carousel_bar img {
  margin: 20px;
}
.logo_carousel {
  margin: 30px;
}
.logo_carousel button {
  background-color: #ffffff;
  border: none;
  position: absolute;
  top: 50%;
  margin-top: -14px;
}
.logo_carousel .slick-prev {
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
}
.logo_carousel .slick-next {
  right: -30px;
}
.comp-tool-frame-wrapper {
  position: relative;
}
.comp-tool-frame-wrapper #kz {
  margin: 0 !important;
}
.comp-tool-frame-wrapper #kz .kz-filters {
  position: static !important;
}
.calc-tool .toolform {
  position: relative;
}
.calc-tool .border-grey {
  border: 1px solid #cccccc;
}
.calc-tool .padded-content {
  padding: 15px;
}
.calc-tool h4 {
  font-size: 18px;
  font-weight: 500;
  color: #E58105;
}
/*Form*/
.calc-tool .form-group small {
  color: #999999;
}
.calc-tool .form-group .form-control {
  border: 1px solid #4D4D4D;
  height: 42px;
}
.calc-tool .input-group-addon {
  border-radius: 0;
  border: 1px solid #4D4D4D;
  background-color: #EBF2F7;
  border-right: none;
}
.calc-tool .rekentool-floating-btn {
  text-align: center;
  margin: -20px 0;
  position: relative;
  z-index: 1;
}
.calc-tool .rekentool-floating-btn .btn {
  border: 10px solid #ffffff;
}
/*Results*/
.calc-tool #result {
  font-size: 50px;
  display: block;
  margin: 20px 0 0 0;
}
.calc-tool #result2 {
  font-weight: 700;
}
.calc-tool .uitgangspunten-link {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*Sub blocks*/
.calc-tool .bg-white {
  background-color: #ffffff;
  margin-bottom: 15px;
}
.calc-tool .toolextras {
  margin: -15px -30px;
}
.calc-tool .dot-before {
  position: relative;
  padding: 0 0 5px 30px;
}
.calc-tool .dot-before:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #08AAD3;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  left: 15px;
  content: ' ';
  display: block;
}
.modal.calc-tool .dot-before {
  padding-left: 38px;
}
.modal.calc-tool .dot-before:before {
  width: 10px;
  height: 10px;
  top: 13px;
}
.calc-tool .toolextras .show_and_scroll_to {
  margin-bottom: 15px;
  display: block;
}
.calc-tool .toolextras .padded-content {
  padding: 15px 30px;
}
.calc-tool .toolextras h5 {
  font-weight: 300;
  font-size: 18px;
  margin: 30px 0 10px 0;
}
.calc-tool .toolextras .btn.btn-default {
  background-color: #E58105;
}
.calc-tool .toolextras .btn.btn-default:hover {
  background-color: #F1CA95;
}
.calc-tool .whitebar,
.tool .whitebar {
  background-color: #ffffff;
  margin: 0 0 30px 0;
  padding: 30px 0 15px 0;
}
.calc-tool .ultra-large {
  font-weight: 500;
  display: block;
  font-size: 38px;
}
.calc-tool .whitebar {
  margin-bottom: -40px;
}
@media (min-width: 768px) {
  .calc-tool .form-group {
    margin-bottom: 15px;
  }
  .calc-tool .input-group {
    width: 300px;
  }
  .calc-tool .form-group label {
    width: 180px;
  }
  .calc-tool .form-group label small {
    display: block;
  }
  .calc-tool .matched {
    height: 275px;
  }
  .calc-tool .toolextras .btn.btn-default {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .calc-tool .rekentool-floating-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -80.4165px;
    margin-top: -31.28335px;
  }
  .calc-tool .input-group {
    width: 250px;
  }
  .calc-tool .left-padd {
    padding-left: 80px;
  }
  .calc-tool .toolform {
    margin: 0 -60px;
  }
  .calc-tool .toolextras {
    margin: -30px;
  }
  .calc-tool .matched {
    height: 200px;
  }
  .calc-tool .toolextras h5 {
    font-size: 22px;
  }
  .calc-tool .whitebar {
    background-color: #ffffff;
    padding: 30px 0 15px 0;
  }
}
@media (min-width: 1200px) {
  .calc-tool .lg-spacer {
    height: 40px;
  }
  .calc-tool .dot-before {
    font-size: 18px;
  }
  .calc-tool .toolextras {
    margin: -90px -30px -30px -30px;
  }
  .calc-tool .container.block.subscribe-block.imp-container {
    margin-bottom: 0;
  }
  .calc-tool .whitebar .line-bottom {
    border-bottom: 1px solid #cccccc;
  }
}
#maakeenafspraak_wrap {
  padding: 0;
  margin-top: -80px;
}
@media (min-width: 768px) {
  #maakeenafspraak_wrap {
    margin-top: -100px;
  }
}
.vastklikken-tool {
  margin: 0px auto;
  margin-top: 0px;
}
.vastklikken-tool .form-inline .checkbox {
  padding-right: 15px;
  padding-top: 15px;
}
.vastklikken-tool .form-inline .checkbox label input {
  vertical-align: baseline;
  margin: 0 5px 0 0;
}
.vastklikken-tool .form-inline .checkbox {
  display: inline-block;
}
.vastklikken-tool .hypotheekrente-box {
  font-size: 18px;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.vastklikken-tool .hypotheekrente-box .checkbox {
  border: 1px solid #EBF2F7;
  margin-top: 5px;
  padding: 3px;
  font-weight: 400;
  margin-right: 0;
}
.vastklikken-tool .hypotheekrente-box .checkbox label {
  background-color: #EBF2F7;
  display: block;
  padding: 10px 5px;
}
.vastklikken-tool .hypotheekrente-box .checkbox label input {
  position: static;
  margin-right: 5px;
  margin-left: 0;
}
.vastklikken-tool .hypotheekrente-box .checkbox input + label + .active-border {
  display: none;
}
.vastklikken-tool .hypotheekrente-box .checkbox input:checked + label + .active-border {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #42AC51;
  top: 0;
  left: 0;
  background-color: transparent;
  display: block;
}
.vastklikken-tool .btn.btn-default {
  white-space: normal;
}
.vastklikken-tool [type="checkbox"]:not(:checked) + label::before,
.vastklikken-tool [type="checkbox"]:checked + label::before {
  left: 25%;
  margin-left: -17px;
  top: 14px;
  background-color: #ffffff;
}
.vastklikken-tool [type="checkbox"]:not(:checked) + label::after,
.vastklikken-tool [type="checkbox"]:checked + label::after {
  top: 9px;
  margin-left: -15px;
  left: 25%;
}
@media (max-width: 350px) {
  .vastklikken-tool .checkbox {
    text-align: right;
  }
}
@media (min-width: 351px) and (max-width: 500px) {
  .vastklikken-tool .hypotheekrente-box .checkbox label {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .vastklikken-tool .form-inline .checkbox {
    padding-right: 0;
    margin-right: 0;
  }
  .vastklikken-tool .questionmark {
    height: 20px;
    width: 20px;
  }
  .vastklikken-tool .questionmark:after {
    font-size: 16px;
    top: -1px;
    left: 5px;
  }
}
@media (min-width: 768px) {
  .vastklikken-tool .hypotheekrente-box {
    font-size: 21.57px;
  }
  .vastklikken-tool .hypotheekrente-box .checkbox {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 24px;
  }
  .vastklikken-tool .form-inline {
    margin-bottom: 15px;
  }
  .vastklikken-tool .hypotheekrente-box .checkbox label {
    padding-left: 40px;
  }
}
@media (min-width: 992px) {
  .vastklikken-tool [type="checkbox"]:not(:checked) + label::before,
  .vastklikken-tool [type="checkbox"]:checked + label::before {
    left: 33%;
  }
  .vastklikken-tool [type="checkbox"]:not(:checked) + label::after,
  .vastklikken-tool [type="checkbox"]:checked + label::after {
    left: 33%;
  }
}
.vastklikken-calc-tool {
  font-size: 20px;
}
.vastklikken-calc-tool > div {
  margin-bottom: 15px;
}
.vastklikken-calc-tool .larger {
  display: block;
  font-size: 48px;
  font-weight: 500;
  margin: 10px 0;
}
.vastklikken-calc-tool .red {
  color: #EE4400;
  font-size: 24px;
  font-weight: 400;
  padding: 5px 0;
  display: block;
}
/*.vastklikken-tool-inline .form-header h2 {
    display: none;
}*/
.vastklikken-hidden-part {
  display: none;
}
.vastklikken-tool .multi-step-form {
  padding-top: 0;
}
.wimhw-tool.calc-tool .form-group select.form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #EBF2F7;
  border: none;
  border-bottom: 3px solid #b2b7bb;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 44px;
  font-size: 16px;
  -moz-appearance: button-arrow-down;
}
.wimhw-tool.calc-tool .form-group.double-input select.form-control:first-of-type {
  margin-bottom: 15px;
}
.wimhw-tool.calc-tool .form-group label {
  font-size: 16px;
}
#chart-control-holder {
  max-width: 300px;
  width: 100%;
}
#chart-control-holder .form-group label {
  width: 40%;
}
#chart-control-holder .form-group .form-control {
  width: 60%;
}
@media (min-width: 768px) {
  /*.wimhw-tool.calc-tool .left-padd {
        padding-top: 40px;
    }*/
  .wimhw-tool.calc-tool .form-group label {
    display: block;
    width: 100%;
  }
  .wimhw-tool.calc-tool .form-group {
    width: 300px;
  }
  .wimhw-tool.calc-tool .form-group select.form-control {
    width: 100%;
  }
  .wimhw-tool.calc-tool .form-group.double-input select.form-control {
    width: 48%;
  }
  .wimhw-tool.calc-tool .form-group.double-input select.form-control:first-of-type {
    margin: 0;
    margin-right: 4%;
  }
}
@media (max-width: 991px) {
  .wimhw-tool.calc-tool .left-padd {
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .wimhw-tool.calc-tool .rekentool-floating-btn {
    left: 59%;
  }
  .wimhw-tool.calc-tool .form-group {
    width: 91%;
    position: relative;
  }
  .wimhw-tool.calc-tool .form-group label {
    width: 230px;
  }
  .wimhw-tool.calc-tool .form-group select.form-control {
    width: 300px;
  }
  .wimhw-tool.calc-tool .input-group {
    width: 300px;
  }
  .wimhw-tool.calc-tool .form-group.double-input select.form-control {
    width: 140px;
  }
  .wimhw-tool.calc-tool .form-group.double-input select.form-control:first-of-type {
    margin-right: 20px;
  }
}
/*Weetjes*/
#facts-container .lined-row {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.WIJHW-fact {
  font-size: 38px;
  position: relative;
  padding-top: 60px;
  padding-bottom: 20px;
}
.WIJHWfactchevron {
  position: absolute;
  top: 32px;
  left: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 18px;
  margin-left: -10px;
}
.WIJHW-fact.rise {
  color: #42AC51;
}
.WIJHW-fact.rise:before {
  position: absolute;
  top: 32px;
  left: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 18px;
  margin-left: -10px;
  content: "\e927";
}
.WIJHW-fact.fall {
  color: #EE4400;
}
.WIJHW-fact.fall:before {
  position: absolute;
  top: 32px;
  left: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 18px;
  margin-left: -10px;
  content: "\e907";
}
/*Form errors*/
.calc-tool .error-message {
  color: #EE4400;
  font-weight: 500;
  display: none;
  font-size: 16px;
  padding-top: 3px;
}
.calc-tool .error .error-message {
  display: block;
}
.calc-tool .error .form-control {
  border: 1px solid #EE4400;
}
.calc-tool .error .input-group-addon {
  border: 1px solid #EE4400;
}
.wimhw-tool.calc-tool .error.form-group select.form-control {
  border-color: #EE4400;
}
@media (min-width: 1200px) {
  .calc-tool .error-message {
    padding-left: 230px;
  }
}
body {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  width: 100%;
  overflow-x: hidden;
}
h1 {
  color: #E58105;
  font-weight: 500;
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 36px;
  text-transform: uppercase;
}
h2 {
  color: #E58105;
  font-weight: 300;
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 36px;
  text-transform: uppercase;
}
h2.blackh2 {
  color: #4D4D4D;
}
h2.subkop {
  font-weight: 300;
  font-size: 24px;
}
h3 {
  font-weight: 400;
  font-size: 26px;
}
h5 {
  font-weight: 400;
  font-size: 22px;
}
em {
  font-style: normal;
}
p {
  margin-bottom: 36px;
}
a {
  color: #4D4D4D;
  text-decoration: underline;
}
a:hover {
  color: #E58105;
}
section {
  padding: 40px 0;
}
strong {
  font-weight: 500;
}
hr {
  border-color: #E1E5E6;
}
.dot-open {
  display: inline-block;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #08AAD3;
}
.check-list {
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
}
.check-list li {
  position: relative;
  padding: 10px 0 10px 35px;
}
.check-list li:before {
  content: "\e914";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #42AC51;
  display: block;
  position: absolute;
  top: 6px;
  left: -2px;
  /*border: 1px solid @Green;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;*/
  padding: 3px;
  font-size: 24px;
}
.check-list.check-list-alt li:before {
  content: "\e91e";
}
.covert {
  display: none;
}
.white-section {
  background-color: #fff;
}
.clearfix.clearfix-ff-fix {
  height: 0px;
}
ol {
  margin-left: 0;
  padding: 0;
  padding-bottom: 5px;
  list-style-type: none;
}
ol li {
  counter-increment: step-counter;
  position: relative;
  padding: 2px 0 0px 40px;
}
ol li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 16px;
  border: 1px solid #E58105;
  color: #E58105;
  padding: 2px 0px;
  text-align: center;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 8px;
  left: 0;
  line-height: normal;
  font-weight: 300;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .tag {
    display: none !important;
  }
}
/*@media (min-width: 768px) {
    section {
        padding: 60px 0;
    }
}*/
@media (min-width: 1200px) {
  body {
    background-color: #EBF2F7;
  }
}
@media print {
  body {
    color: #000;
  }
  /*Hide the urls placed after each a item*/
  a[href]:after {
    content: none !important;
  }
  /*Then show them again for editor content (because it is usefull there*/
  .editor-content a[href]:after {
    content: " (" attr(href) ")";
  }
  /*Hide top navigation parts*/
  nav.main-menu,
  .top-menu,
  .nav-alert,
  .mob-menu-toggle {
    display: none !important;
  }
  /***Homepage***/
  .home-page .homepage-header .backstretch.main-banner,
  .home-page .homepage-header .banner,
  #home-banner-wrapper {
    height: auto !important;
    width: 100% !important;
  }
  .home-page .homepage-header .header-title {
    position: static;
  }
  .sticky-left-bar {
    display: none !important;
  }
  /*Article*/
  .articleheader {
    background-color: transparent !important;
    height: unset !important;
    min-height: unset !important;
  }
  .articleheader .backstretch img {
    display: none !important;
  }
  .articleheader-title {
    border: none !important;
    position: static !important;
  }
  .sidebar-1 {
    display: none !important;
  }
  .tag {
    display: none !important;
  }
  .social {
    display: none !important;
  }
  .popular {
    display: none !important;
  }
  footer {
    display: none !important;
  }
  .antwoordkaart,
  .related {
    display: none !important;
  }
}
.tempBanner {
  padding: 15px 15px;
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  background: #0f8c3a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0f8c3a 1%, #5bc27f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0f8c3a 1%, #5bc27f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0f8c3a 1%, #5bc27f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f8c3a', endColorstr='#5bc27f', GradientType=1);
  /* IE6-9 */
}
.tempBanner h2 {
  color: #fff;
  font-size: 25px;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 0px;
}
.tempBanner p {
  margin-bottom: 15px;
  line-height: 25px;
}
.tempBanner img {
  text-align: center;
}
.tempBanner .tempBanner-more {
  position: relative;
  padding-left: 25px;
  color: #fff;
  text-decoration: none;
}
.tempBanner .tempBanner-more:hover {
  font-weight: bold;
}
.tempBanner .tempBanner-more:hover:after {
  font-weight: bold;
}
.tempBanner .tempBanner-more:after {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  color: #fff;
  top: -5px;
  left: -10px;
  font-size: 16px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  padding-top: 6px;
  padding-left: 10px;
}
.tempBanner .tempBanner-signin {
  display: inline-block;
  padding: 10px 20px;
  background-color: #fa6807;
  border: solid 1px #fa6807;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  margin-bottom: 15px;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.tempBanner .tempBanner-signin:hover {
  border: solid 1px #fff;
}
.tempBanner span {
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  text-align: left;
}
.articleBottomImageTemp {
  margin-bottom: 15px;
}
.articleBottomImageTemp a img {
  width: 100%;
}
@media (min-width: 992px) {
  .tempBanner {
    padding: 15px 0;
  }
  .tempBanner h2 {
    margin-top: 25px;
  }
  .tempBanner p {
    margin-bottom: 10px;
  }
  .tempBanner .tempBanner-signin-div {
    text-align: center;
  }
  .tempBanner .tempBanner-signin {
    margin-top: 45px;
  }
}