.i6-leningberekenen {
  /* Wrapper */
  /* Flex Box */
  /* Boxes */ }
  .i6-leningberekenen .wrapper {
    width: 100%;
    padding: 3rem 0; }
    .i6-leningberekenen .wrapper.border {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .i6-leningberekenen .wrapper.inversed {
      background: #f0f3f5; }
    .i6-leningberekenen .wrapper.inversed-light {
      background: #fafdff; }
    .i6-leningberekenen .wrapper.dark {
      background: #000c19;
      color: white; }
    .i6-leningberekenen .wrapper.semi-dark {
      color: white;
      background: #313141; }
    .i6-leningberekenen .wrapper.nopadding {
      padding: 0; }
    .i6-leningberekenen .wrapper.condensed {
      padding: 1.5rem 0; }
    .i6-leningberekenen .wrapper.enlarged {
      padding: 5rem 0; }
    .i6-leningberekenen .wrapper.blog-post {
      padding-top: 0; }
  .i6-leningberekenen .grid.flex {
    flex-wrap: wrap;
    display: flex; }
    .i6-leningberekenen .grid.flex > div {
      display: flex; }
  .i6-leningberekenen .box {
    background: white;
    padding: 30px;
    box-shadow: 0 0 5px #ddd;
    border-radius: 0.13rem;
    margin-bottom: 10px;
    width: 100%; }
    .i6-leningberekenen .box.video {
      padding: 10px; }
    .i6-leningberekenen .box.small {
      box-shadow: none;
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 15px;
      margin-top: 1rem; }
    .i6-leningberekenen .box.video iframe {
      width: 100%;
      height: 165px;
      display: block; }
    .i6-leningberekenen .box p {
      text-overflow: ellipsis;
      overflow-x: hidden; }
    .i6-leningberekenen .box.condensed {
      padding: 30px 20px; }
    .i6-leningberekenen .box.condensed-heavy {
      padding: 10px; }
    .i6-leningberekenen .box.gmap {
      padding: 10px; }
    .i6-leningberekenen .box.inversed {
      background: #000c19;
      color: white; }
    .i6-leningberekenen .box.secondary {
      background: #80a1bc;
      color: white; }
      .i6-leningberekenen .box.secondary a {
        color: white; }
    .i6-leningberekenen .box.semi-dark {
      color: white;
      background: #313141; }
    .i6-leningberekenen .box.quote {
      margin-top: 10px; }
      .i6-leningberekenen .box.quote h3 {
        display: block;
        color: white;
        text-align: center;
        background: #000c19;
        padding: 10px;
        margin: -30px -30px 0;
        border-radius: 0.13rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .i6-leningberekenen .box.quote .quote-form {
        text-align: center;
        margin: 0 auto;
        max-width: 100%;
        width: 320px; }
    .i6-leningberekenen .box.request {
      position: relative;
      margin-bottom: 10px !important; }
      .i6-leningberekenen .box.request .inactive {
        opacity: 0.5; }
      .i6-leningberekenen .box.request ul {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -30px; }
        .i6-leningberekenen .box.request ul li {
          float: left;
          width: 50%;
          margin: 0;
          padding: 0;
          list-style: none; }
          .i6-leningberekenen .box.request ul li a {
            border-radius: 0.13rem;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            text-align: center;
            background: #000c19;
            padding: 10px;
            font-weight: 800;
            font-size: 105%;
            display: block; }
          .i6-leningberekenen .box.request ul li:first-child a {
            border-top-right-radius: 0; }
          .i6-leningberekenen .box.request ul li:last-child a {
            border-top-left-radius: 0; }
          .i6-leningberekenen .box.request ul li.active a {
            background: none; }
    .i6-leningberekenen .box.needle:after {
      content: " ";
      border-top: 15px solid transparent;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      position: absolute;
      left: calc(50% - 15px);
      bottom: -15px;
      z-index: 2; }
    .i6-leningberekenen .box.request.needle:after {
      border-top-color: white; }
    .i6-leningberekenen .box.request.secondary.needle:after {
      border-top-color: #80a1bc; }
    .i6-leningberekenen .box.result {
      position: relative; }
      .i6-leningberekenen .box.result.needle:after {
        border-top-color: #000c19; }
      .i6-leningberekenen .box.result .grid {
        margin-bottom: 5px;
        font-size: 110%; }
      .i6-leningberekenen .box.result .one-third {
        color: #ffc105;
        font-weight: 800;
        font-size: 120%; }
  .i6-leningberekenen * > .box:not(.do-margin):last-child {
    margin-bottom: 0; }
  .i6-leningberekenen .material-icons {
    vertical-align: middle; }
    .i6-leningberekenen .material-icons.md-18 {
      font-size: 18px; }
    .i6-leningberekenen .material-icons.md-20 {
      font-size: 20px; }
    .i6-leningberekenen .material-icons.md-24 {
      font-size: 24px; }
    .i6-leningberekenen .material-icons.md-36 {
      font-size: 36px; }
    .i6-leningberekenen .material-icons.md-48 {
      font-size: 48px; }
  .i6-leningberekenen .container {
    width: 960px;
    max-width: 96%;
    margin: 0 auto; }
  .i6-leningberekenen .grid, .i6-leningberekenen .grid-mobile {
    margin-left: -15px;
    margin-right: -15px; }
    .i6-leningberekenen .grid > .one-third, .i6-leningberekenen .grid > .half, .i6-leningberekenen .grid > .two-third, .i6-leningberekenen .grid > .quarter, .i6-leningberekenen .grid > .fifth, .i6-leningberekenen .grid > .full, .i6-leningberekenen .grid-mobile > .one-third, .i6-leningberekenen .grid-mobile > .half, .i6-leningberekenen .grid-mobile > .two-third, .i6-leningberekenen .grid-mobile > .quarter, .i6-leningberekenen .grid-mobile > .fifth, .i6-leningberekenen .grid-mobile > .full {
      float: left;
      margin-left: 15px;
      margin-right: 15px; }
    .i6-leningberekenen .grid > .quarter, .i6-leningberekenen .grid-mobile > .quarter {
      width: calc(25% - 30px); }
    .i6-leningberekenen .grid > .fifth, .i6-leningberekenen .grid-mobile > .fifth {
      width: calc(20% - 30px); }
    .i6-leningberekenen .grid > .one-third, .i6-leningberekenen .grid-mobile > .one-third {
      width: calc(33.333% - 30px); }
      .i6-leningberekenen .grid > .one-third.no-gutter-left, .i6-leningberekenen .grid-mobile > .one-third.no-gutter-left {
        margin-left: 0;
        width: calc(33.333% - 15px); }
    .i6-leningberekenen .grid > .two-third, .i6-leningberekenen .grid-mobile > .two-third {
      width: calc(66.666% - 30px); }
    .i6-leningberekenen .grid > .half, .i6-leningberekenen .grid-mobile > .half {
      width: calc(50% - 30px); }
      .i6-leningberekenen .grid > .half.small-gutter-left, .i6-leningberekenen .grid-mobile > .half.small-gutter-left {
        margin-left: 7.5px;
        width: calc(50% - 22.5px); }
      .i6-leningberekenen .grid > .half.small-gutter-right, .i6-leningberekenen .grid-mobile > .half.small-gutter-right {
        margin-right: 7.5px;
        width: calc(50% - 22.5px); }
      .i6-leningberekenen .grid > .half.no-gutter-left, .i6-leningberekenen .grid-mobile > .half.no-gutter-left {
        margin-left: 0;
        width: calc(50% - 15px); }
      .i6-leningberekenen .grid > .half.no-gutter-right, .i6-leningberekenen .grid-mobile > .half.no-gutter-right {
        margin-right: 0;
        width: calc(50% - 15px); }
    .i6-leningberekenen .grid > .full, .i6-leningberekenen .grid-mobile > .full {
      float: none;
      width: calc(100% - 30px); }
    .i6-leningberekenen .grid:before, .i6-leningberekenen .grid:after, .i6-leningberekenen .grid-mobile:before, .i6-leningberekenen .grid-mobile:after {
      content: " ";
      display: table; }
    .i6-leningberekenen .grid:after, .i6-leningberekenen .grid-mobile:after {
      clear: both; }
  @media (max-width: 800px) {
    .i6-leningberekenen .container {
      margin: 0 auto;
      width: 94%;
      max-width: 600px; }
    .i6-leningberekenen .grid > .one-third, .i6-leningberekenen .grid > .one-third.no-gutter-left, .i6-leningberekenen .grid > .one-third.no-gutter-right, .i6-leningberekenen .grid > .one-third.small-gutter-left, .i6-leningberekenen .grid > .one-third.small-gutter-right, .i6-leningberekenen .grid > .quarter, .i6-leningberekenen .grid > .fifth, .i6-leningberekenen .grid > .half, .i6-leningberekenen .grid > .two-third, .i6-leningberekenen .grid > .half.no-gutter-left, .i6-leningberekenen .grid > .half.no-gutter-right, .i6-leningberekenen .grid > .half.small-gutter-left, .i6-leningberekenen .grid > .half.small-gutter-right {
      width: calc(100% - 30px);
      float: none;
      margin-left: calc(30px / 2);
      margin-right: calc(30px / 2); }
    .i6-leningberekenen .grid > *:not(:last-child) {
      margin-bottom: 15px; } }
  .i6-leningberekenen .range-slider {
    margin-top: 15px;
  /*input.range:focus {
    outline: none;
  }

  input.range::-webkit-slider-runnable-track {
    width: 100%;
    height: 18px;
    background-color: $primary-color-half-dark;
    border-radius: 9px;
    cursor: pointer;
  }

  input.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 30px;
    width: 30px;
    margin-top: -6px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 16px;
    cursor: pointer;
  }

  input.range::-moz-range-track {
    width: 100%;
    height: 18px;
    background-color: $primary-color-half-dark;
    border-radius: 9px;
    cursor: pointer;
  }

  input.range::-moz-range-thumb {
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 16px;
    cursor: pointer;
  }

  input.range::-ms-track {
    width: 99%;
    height: 18px;
    background-color: $primary-color-half-dark;
    border-radius: 9px;
    cursor: pointer;
  }

  input.range::-ms-fill-lower {
    background-color: $primary-color-half-dark;
    border-radius: 9px;
  }

  input.range::-ms-fill-upper {
    background-color: $primary-color-half-dark;
    border-radius: 9px;
  }

  input.range::-ms-thumb {
    width: 28px;
    height: 28px;
    margin: 0px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 16px;
    cursor: pointer;
  }*/ }
    .i6-leningberekenen .range-slider input.text {
      padding: 0 10px;
      border: 1px solid #dadada;
      text-align: right; }
    .i6-leningberekenen .range-slider h4 {
      margin-bottom: 5px; }
    .i6-leningberekenen .range-slider .help-block {
      display: block;
      margin-top: -5px;
      margin-bottom: 5px; }
    .i6-leningberekenen .range-slider input.small.text {
      width: 50px;
      text-align: center; }
    .i6-leningberekenen .range-slider input.text:focus {
      outline: none; }
    .i6-leningberekenen .range-slider input.range {
      -webkit-appearance: none;
      width: calc(100% - 117px);
      height: 34px;
      margin: 3px 20px 0 0;
      background-color: transparent;
      float: left;
      border: none;
      padding: 0; }
    .i6-leningberekenen .range-slider input[type=range].range {
      -webkit-appearance: none; }
    .i6-leningberekenen .range-slider input[type=range].range:focus {
      outline: none; }
    .i6-leningberekenen .range-slider input[type=range].range::-webkit-slider-runnable-track {
      height: 17px;
      cursor: pointer;
      background: #002a5c;
      border-radius: 4px; }
    .i6-leningberekenen .range-slider input[type=range].range::-webkit-slider-thumb {
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
      height: 30px;
      width: 30px;
      border-radius: 5px;
      background: #ffffff;
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -6.5px; }
    .i6-leningberekenen .range-slider input[type=range].range:focus::-webkit-slider-runnable-track {
      background: #002a5c; }
    .i6-leningberekenen .range-slider input[type=range].range::-moz-range-track {
      height: 17px;
      cursor: pointer;
      background: #002a5c;
      border-radius: 4px;
      border: 0px solid #000000; }
    .i6-leningberekenen .range-slider input[type=range].range::-moz-range-thumb {
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
      height: 30px;
      width: 30px;
      border-radius: 5px;
      background: #ffffff;
      cursor: pointer; }
    .i6-leningberekenen .range-slider input[type=range].range::-ms-track {
      height: 17px;
      cursor: pointer;
      background: transparent;
      border-color: transparent;
      color: transparent; }
    .i6-leningberekenen .range-slider input[type=range].range::-ms-fill-lower {
      background: #002a5c;
      border-radius: 8px; }
    .i6-leningberekenen .range-slider input[type=range].range::-ms-fill-upper {
      background: #002a5c;
      border-radius: 8px; }
    .i6-leningberekenen .range-slider input[type=range].range::-ms-thumb {
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
      height: 30px;
      width: 30px;
      border-radius: 5px;
      background: #ffffff;
      cursor: pointer;
      height: 17px; }
    .i6-leningberekenen .range-slider input[type=range].range:focus::-ms-fill-lower {
      background: #002a5c; }
    .i6-leningberekenen .range-slider input[type=range].range:focus::-ms-fill-upper {
      background: #002a5c; }
  .i6-leningberekenen input[type="text"],
  .i6-leningberekenen input[type="password"],
  .i6-leningberekenen input[type="date"],
  .i6-leningberekenen input[type="datetime"],
  .i6-leningberekenen input[type="datetime-local"],
  .i6-leningberekenen input[type="month"],
  .i6-leningberekenen input[type="week"],
  .i6-leningberekenen input[type="email"],
  .i6-leningberekenen input[type="number"],
  .i6-leningberekenen input[type="search"],
  .i6-leningberekenen input[type="tel"],
  .i6-leningberekenen input[type="time"],
  .i6-leningberekenen input[type="url"],
  .i6-leningberekenen textarea,
  .i6-leningberekenen select {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: .1875rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    height: 38px;
    margin: 0;
    font: inherit;
    font-size: 90%;
    color: #333;
    padding: .5rem;
    display: block;
    width: 100%;
    transition: border-color .15s linear,background .15s linear; }
  .i6-leningberekenen textarea {
    height: 114px; }
  .i6-leningberekenen .input-group {
    display: table;
    border-collapse: separate;
    width: 100%; }
  .i6-leningberekenen .input-group input {
    display: table-cell;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    float: left;
    width: 100%; }
  .i6-leningberekenen .input-group .input-group-btn {
    white-space: nowrap;
    display: table-cell;
    font-size: 0;
    width: 1%;
    vertical-align: middle; }
  .i6-leningberekenen .input-group .input-group-btn button:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .i6-leningberekenen .left-addon {
    position: relative;
    width: 95px;
    float: left; }
    .i6-leningberekenen .left-addon.euro:before {
      content: "\20AC";
      display: block;
      position: absolute;
      border: 1px solid transparent;
      left: 10px;
      line-height: 38px;
      color: #313141; }
  .i6-leningberekenen .wpcf7-form {
    margin-top: 1em; }
  .i6-leningberekenen span.wpcf7-not-valid-tip {
    display: none; }
  .i6-leningberekenen .wpcf7-not-valid {
    border-color: #e94c3d !important;
    color: #e94c3d !important; }
  .i6-leningberekenen .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 5px; }
  .i6-leningberekenen div.wpcf7-response-output {
    margin: 1em 0 0 0; }
  .i6-leningberekenen .help-block {
    font-size: 90%;
    color: #777; }
  .i6-leningberekenen .range-slider .dienst {
    margin-top: 15px;
    width: calc(20% - 30px);
    margin-right: 37px;
    font-size: 90%;
    float: left; }
    .i6-leningberekenen .range-slider .dienst:nth-child(5n+5) {
      margin-right: 0; }
    .i6-leningberekenen .range-slider .dienst input {
      display: none; }
      .i6-leningberekenen .range-slider .dienst input:checked + label:before {
        opacity: 1; }
    .i6-leningberekenen .range-slider .dienst label {
      display: block;
      text-align: center;
      cursor: pointer; }
      .i6-leningberekenen .range-slider .dienst label:before {
        content: " ";
        height: 140px;
        margin-bottom: 10px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 140px 140px;
        opacity: 0.4;
        display: block;
        transition: all 200ms ease; }
      .i6-leningberekenen .range-slider .dienst label:hover:before {
        opacity: 0.8; }
    .i6-leningberekenen .range-slider .dienst.aankoop-bestaand label:before {
      background-image: url(../img/diensten/icon1.svg); }
    .i6-leningberekenen .range-slider .dienst.aankoop-nieuwbouw label:before {
      background-image: url(../img/diensten/icon2.svg); }
    .i6-leningberekenen .range-slider .dienst.oversluiten label:before {
      background-image: url(../img/diensten/icon3.svg); }
    .i6-leningberekenen .range-slider .dienst.overig label:before {
      background-image: url(../img/diensten/icon4.svg); }
    .i6-leningberekenen .range-slider .dienst.verhuizing label:before {
      background-image: url(../img/diensten/icon5.svg); }
  .i6-leningberekenen .request .partner {
    margin: 25px 0 0; }
    .i6-leningberekenen .request .partner h4 {
      width: auto;
      margin: 0 20px 0 0;
      line-height: 24px;
      float: left; }
    .i6-leningberekenen .request .partner .option {
      width: 55px;
      margin-right: 10px;
      text-align: center;
      float: left; }
      .i6-leningberekenen .request .partner .option label {
        height: 24px;
        width: auto;
        display: block;
        margin: 0;
        line-height: 24px;
        padding: 0 8px;
        background-color: #002a5c;
        border-radius: 6px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        cursor: pointer; }
      .i6-leningberekenen .request .partner .option input[type=radio] {
        display: none; }
        .i6-leningberekenen .request .partner .option input[type=radio]:checked + label {
          background-color: #FF7431; }
  .i6-leningberekenen .box.extra input[type=checkbox] {
    display: none; }
  .i6-leningberekenen .box.extra label {
    line-height: 28px;
    cursor: pointer; }
  .i6-leningberekenen .box.extra label:before {
    content: "check_box_outline_blank";
    font-family: 'Material Icons';
    font-size: 32px;
    color: #6d6e6d;
    margin-right: 10px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left; }
  .i6-leningberekenen .box.extra input[type=checkbox]:checked + label:before {
    content: "check_box";
    color: #000c19; }
  .i6-leningberekenen .button {
    border-radius: 0.1875rem;
    background-color: #00489e;
    border: 0.125rem solid #00489e;
    padding: 0 .5rem;
    line-height: 34px;
    color: white;
    display: inline-block;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    font-weight: 800;
    -webkit-transition: all 100ms ease-in-out;
    /* Safari */
    transition: all 100ms ease-in-out;
    outline: none;
    white-space: nowrap;
    box-shadow: none; }
    .i6-leningberekenen .button:hover {
      background-color: #003575;
      border-color: #003575;
      color: white;
      box-shadow: none; }
    .i6-leningberekenen .button.primary {
      background-color: #FF7431;
      border-color: #FF7431; }
      .i6-leningberekenen .button.primary:hover {
        background-color: #ff5808;
        border-color: #ff5808; }
    .i6-leningberekenen .button.secondary {
      background: 0;
      border: 0.125rem solid rgba(0, 0, 0, 0.3);
      color: inherit; }
      .i6-leningberekenen .button.secondary:hover {
        background: white; }
    .i6-leningberekenen .button.large {
      padding: 0 .9375rem;
      font-size: 1.125em;
      line-height: 48px; }
    .i6-leningberekenen .button.full {
      width: 100%;
      text-align: center; }
    .i6-leningberekenen .button.rounded {
      border-radius: 20px; }
    .i6-leningberekenen .button.conv {
      background: #008c00;
      border-color: #007d00; }
      .i6-leningberekenen .button.conv:hover {
        border-color: #006300;
        background: #006300; }
  .i6-leningberekenen .text-center {
    text-align: center; }
  .i6-leningberekenen .clearfix:before,
  .i6-leningberekenen .clearfix:after {
    content: " ";
    display: table; }
  .i6-leningberekenen .clearfix:after {
    clear: both; }
  .i6-leningberekenen .krediet-berekenen-results {
    margin: 25px 0 20px; }
  .i6-leningberekenen .krediet-berekenen-results-box {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .i6-leningberekenen h4 {
    color: white;
    font-size: 16px; }
  .i6-leningberekenen .no-margin-top {
    margin-top: 0; }
  .i6-leningberekenen .no-padding {
    padding: 0; }
  .i6-leningberekenen .no-margin-bottom {
    margin-bottom: 0; }
  .i6-leningberekenen .i6-leningberekenen-result {
    display: none; }

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