@font-face {font-family: Averta;font-weight: 400;src: url("../fonts/averta-regular.otf") format("opentype");font-display: swap;}@font-face {font-family: Averta;font-weight: 600;src: url("../fonts/averta-semibold.otf") format("opentype");font-display: swap;}* {margin: 0;padding: 0;border: none;underline: none;outline: none;text-decoration: none;-webkit-font-smoothing: antialiased;}html, body {width: 100%;height: 100%;background: #fff;font-family: "Averta", sans-serif;}#header {width: 100%;position: absolute;z-index: 2;}.header-holder {width: 1700px;position: relative;margin: 0 auto;top: 70px;}#logo {width: 86px;height: 42px;position: relative;display: inline-block;float: left;margin-right: 165px;transform: scale(0);transition: transform .6s ease;}#logo.show {transform: scale(1);}#person-one, #person-two {width: 54px;height: 42px;position: absolute;margin-left: -27px;top: 0;left: 50%;transition: all 1s ease;}#person-one {background: url(../img/person-one.svg);opacity: 0;}#person-two {background: url(../img/person-two.svg);}#person-one.ani {opacity: 1;left: 0;margin-left: 0;}#person-two.ani {left: 38%;margin-left: 0;}#menu {display: inline-block;}#menu li {display: inline-block;overflow: hidden;margin: 14px 50px 0 0;}#menu li a {position: relative;font-size: 18px;color: #222;top: 20px;transition: top .8s ease;}#menu li.show a {top: 0;}.coaching:after {width: 17px;height: 10px;background: url(../img/drop-down.svg);background-size: 7px;background-position: center left;background-repeat: no-repeat;position: relative;content: " ";opacity: 0;display: inline-block;top: -20px;left: 7px;transition: opacity .8s ease, top .8s ease;}.coaching.show:after {opacity: 1;top: 0;}#sub-menu {width: 300px;position: absolute;background: #fff;box-sizing: border-box;box-shadow: 0 60px 60px rgba(0, 0, 0, 0.04);display: none;opacity: 0;padding: 36px;margin-top: 20px;transition: opacity .4s ease, margin-top .4s ease;}#sub-menu.visible {display: block;}#sub-menu.show {opacity: 1;margin-top: 0;}#sub-menu li {display: table;margin: 28px 0;transition: margin-left .6s ease;}#sub-menu li:hover {margin-left: 10px;}#sub-menu li:first-child {margin-top: 0;}#sub-menu li:last-child {margin-bottom: 0;}#sub-menu li a {font-size: 18px;color: #000;}#active {width: 0;height: 3px;position: relative;background: #d0e1e3;border-radius: 99px;margin-top: 12px;left: 0;transition: width .8s ease, left .5s ease;}#active.show {width: 18px;}#hero {width: 100%;position: relative;padding-top: 200px;margin-bottom: 60px;}#hero-bg {width: 0;height: 100%;position: absolute;background: #f4fbfc;top: 0;left: 0;transition: width 1s cubic-bezier(0.22, 0.8, 0.6, 1.02);}#hero-bg.show {width: 80%;}.holder {width: 1200px;position: relative;z-index: 1;margin: 0 auto;}.holder.wide {width: 1400px;}#hero .text-holder {width: 800px;}.sub-title {font-size: 23px;font-weight: 600;color: #74abb4;text-align: center;display: block;overflow: hidden;margin-bottom: 6px;}.text-holder .sub-title {text-align: left;}.sub-title span {position: relative;top: 30px;transition: top .6s ease;}.sub-title.show span {top: 0;}#hero h1 {font-size: 88px;letter-spacing: -5px;line-height: 110%;margin-bottom: 50px;}.line {display: block;overflow: hidden;}#hero h1 .l-h {position: relative;top: 95px;transition: top 0.8s cubic-bezier(0.22, 0.8, 0.6, 1.02);}#hero h1 .l-h.show {top: 0;}.text-holder p {width: 540px;font-size: 22px;color: #222;line-height: 190%;}.text-holder p .l-h {position: relative;top: 35px;transition: top 0.8s cubic-bezier(0.22, 0.8, 0.6, 1.02);}.text-holder p .l-h.show {top: 0;}.text-holder p a {color: #222;}.text-holder p a:after {width: 90%;height: 8px;background: #d0e1e3;content: "";}#picture {width: 480px;height: 600px;position: absolute;top: -20px;right: -160px;}#picture.select {width: 400px;height: 370px;top: auto;bottom: 120px;right: -120px;}#frame {width: 450px;height: 600px;position: absolute;overflow: hidden;left: 20px;bottom: 0;}#option {width: 320px;position: absolute;z-index: 3;top: 40px;right: 40px;}#option h3 {font-size: 26px;letter-spacing: -0.7px;overflow: hidden;margin-bottom: 40px;}#option h3 span {position: relative;top: 40px;transition: top .7s ease;}#option h3.show span {top: 0;}#option .button {width: 100%;position: relative;font-size: 20px;color: #74abb4;text-align: center;border: 1px solid #74abb4;border-radius: 8px;box-sizing: border-box;display: table;overflow: hidden;padding: 18px;margin-bottom: 32px;transform: scale(0);transition: color .3s ease, transform .4s ease;}#option .button.show-1 {transform: scale(1.1);}#option .button.show-2 {transform: scale(0.95);}#option .button.show {transform: scale(1);}#option div.button {background: #74abb4;color: #fff;cursor: default;}#option a.button:after {width: 100%;height: 0%;position: absolute;background: #74abb4;content: "";z-index: -1;bottom: 0;left: 0;transition: height .3s ease;}#option a.button:hover {color: #fff;}#option a.button:hover:after {height: 100%;}#picture img {max-width: 100%;max-height: 100%;position: relative;opacity: 0;z-index: 3;bottom: -100px;transition: bottom .7s ease, opacity .7s ease;}#picture.show img {opacity: 1;bottom: -4px;}#picture-bg {width: 400px;height: 0;position: absolute;background: #fff;box-shadow: 0 30px 60px rgba(0, 0, 0, 0.04);z-index: 2;bottom: 0;right: 0;transition: height 1s cubic-bezier(0.22, 0.8, 0.6, 1.02);}#picture-bg.show {height: 540px;}#picture.select #picture-bg.show {height: 330px;bottom: 40px;}#scroll-down {width: 90px;height: 90px;position: relative;background-color: #f08100;background-image: url(../img/scroll-down-arrow.svg);background-size: 84%;background-position: center;border-radius: 99px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);cursor: pointer;z-index: 1;margin-top: 60px;top: 45px;transform: scale(0);transition: background-color .6s ease, background-position .6s ease, transform .4s ease;}#scroll-down.show-1 {background-position: 50% 50%;transform: scale(1.1);}#scroll-down.show-2 {background-position: 50% 50%;transform: scale(0.95);}#scroll-down.show {background-position: 50% 560%;transform: scale(1);}#scroll-down:hover {background-color: #e67C00;background-position: 50% 1090%;transform: scale(1.05);}#hero:before, #picture:after, .block.dots-1:before, .block.dots-2:before {position: absolute;background: url(../img/dots.svg);background-size: 12px;content: "";z-index: 1;}#hero:before {width: 70px;height: 180px;opacity: 0;top: 50%;left: 0;transition: opacity .6s ease;}#hero.dots:before {opacity: 1;}#picture:before {width: 150px;height: 150px;position: absolute;background: #dff1f4;border-radius: 99px;opacity: 0;content: "";top: 28%;left: 100px;transition: opacity .4s ease, left .6s ease;}#picture.show:before {opacity: 1;left: 10px;}#picture:after {width: 120px;height: 160px;opacity: 0;bottom: -40px;right: -80px;transition: opacity .6s ease;}#picture.show:after {opacity: 1;}#toc {width: 400px;position: absolute;background: #fff;box-shadow: 0 60px 60px rgba(0, 0, 0, 0.04);border-radius: 4px;box-sizing: border-box;opacity: 0;padding: 50px 40px;margin-right: -120px;top: -120px;right: 0;transition: opacity .6s ease, top .6s ease;}#toc.show {opacity: 1;top: -240px;}#toc h3 {font-size: 24px;letter-spacing: -0.7px;color: #74abb4;margin-bottom: 36px;}#toc ul {counter-reset: numbers;list-style: none;}#toc ul li {font-size: 19px;counter-increment: numbers;margin-top: 36px;}#toc ul li:before {width: 26px;height: 24px;background: #74abb4;font-size: 16px;color: #fff;text-align: center;border-radius: 99px;content: counter(numbers);float: left;padding-top: 2px;margin-right: 20px;}#toc ul li a {position: relative;color: #000;display: block;left: 0;transition: left .4s ease;}#toc ul li:hover a {left: 8px;}.block {width: 100%;position: relative;display: table;padding: 140px 0;}.block.blue {background: #f4fbfc;}.block.tm {padding-top: 210px;}.block.tm-2 {padding-top: 320px;}.dots-1:before {width: 160px;height: 180px;top: -10%;left: 0;}.dots-2:before {width: 160px;height: 180px;top: 30%;right: 0;}.align {position: relative;display: inline-block;margin-top: 23%;transform: translate(0, -50%);}.mid-title {font-size: 62px;text-align: center;letter-spacing: -4px;margin-bottom: 50px;}h2 .line {display: block;overflow: hidden;}h2 .l-h {position: relative;top: 70px;transition: top .8s ease;}h2.show .l-h {top: 0;}.cards-frame {position: relative;}.scroll-left, .scroll-right {width: 50px;height: 50px;position: absolute;background-color: #f08100;background-image: url(../img/scroll-left.svg);box-shadow: 0px 10px 30px rgba(240, 129, 0, 0.25);border-radius: 99px;cursor: pointer;margin: -25px 0 0 0;top: 50%;left: -80px;transform: scale(0);transition: background-color .4s ease, margin .4s ease, transform .4s ease;}.scroll-right {background-image: url(../img/scroll-right.svg);left: auto;right: -80px;}.scroll-left:hover, .scroll-right:hover {background-color: #cf6f00;}.scroll-left:hover {margin-left: -8px;}.scroll-right:hover {margin-right: -8px;}.scroll-left.pop, .scroll-right.pop {transform: scale(1.1);}.scroll-left.clickable, .scroll-right.clickable {transform: scale(1);}.scroll-left.hide, .scroll-right.hide {display: none;}.cards-frame .fade {width: 140px;height: 100%;position: absolute;background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));opacity: 0;z-index: 2;pointer-events: none;top: 0;right: 0;transition: opacity .4s ease;}.block.blue .cards-frame .fade {background-image: linear-gradient(to right, rgba(244, 251, 252, 0), rgba(244, 251, 252, 1)) }.cards-frame .fade.left {background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));right: auto;left: 0;}.block.blue .cards-frame .fade.left {background-image: linear-gradient(to left, rgba(244, 251, 252, 0), rgba(244, 251, 252, 1)) }.cards-frame .fade.show {opacity: 1;}.cards {width: 100%;position: relative;overflow-x: hidden;display: block;}.scroll-block {height: 100%;display: inline-block;float: left;}.card {width: 350px;position: relative;background: #fff;border-radius: 4px;box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);display: inline-block;float: left;opacity: 0;margin: 30px 35px 50px 35px;top: 70px;transition: opacity 1.2s ease, top .8s ease;}.cards.four .card {width: 320px;border-radius: 12px;}.card.show {opacity: 1;top: 0;}.card img {width: 100%;background: #eee;}.cards.four .card img {border-radius: 12px 12px 0 0;}.c-content {width: 84%;position: relative;text-align: center;box-sizing: border-box;left: 8%;padding: 36px 0;}.c-content h3 {font-size: 26px;font-weight: 600;color: #222;letter-spacing: -1.2px;margin-bottom: 14px;}.c-content h3:after {width: 24px;height: 2px;background: #f08100;display: block;content: "";margin: 20px auto;}.cards.four .c-content h3 {font-size: 24px;}.c-content p {font-size: 19px;color: #555;line-height: 170%;letter-spacing: -0.4px;}.cards.four .c-content p {font-size: 17px;}.c-content .button, .block .text-holder .button, .banner .button {position: relative;background: #f08100;font-size: 17px;font-weight: 600;color: #fff;border-radius: 99px;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);display: table;overflow: hidden;padding: 15px 28px;margin: 30px auto 0 auto;transition: background .4s ease;}.block .text-holder .button {font-size: 19px;padding: 23px 28px;margin: 50px 0 0 0;}.c-content .button span, .block .text-holder .button span, .banner .button span {position: relative;overflow: hidden;z-index: 1;display: block;}.c-content .button:after, .block .text-holder .button:after, .banner .button:after {width: 40px;height: 40px;position: absolute;background: #2199aa;border-radius: 99px;content: "";bottom: -40px;left: 50%;margin-left: -20px;transition: all .4s ease;}.c-content .button:hover:after, .block .text-holder .button:hover:after, .banner .button:hover:after {transform: scale(7.5);}.cards.four .c-content .button {font-size: 15px;}.block .text-holder {width: 600px;float: left;}.block .text-holder h2 {font-size: 68px;letter-spacing: -4px;line-height: 110%;margin-bottom: 30px;}.block .text-holder p {font-size: 20px;}.block .text-holder .button {transform: scale(0);transition: transform .4s ease;}.block .text-holder .button.show-1 {transform: scale(1.05);}.block .text-holder .button.show-2 {transform: scale(0.98);}.block .text-holder .button.show {transform: scale(1);}.left {max-width: 700px;float: left;}.right, .block .text-holder.right {float: right;}.block .text-holder.right {margin-right: -50px;}.image {width: 400px;height: 400px;position: relative;}.image .img-holder {position: relative;opacity: 0;top: 60px;transition: opacity .7s ease, top .7s ease;}.image .img-holder.show {opacity: 1;top: 0;}.image:before {width: 0;height: 120%;position: absolute;background: #f4fbfc;border-radius: 20px;content: "";top: -60px;left: -120px;transition: width .8s ease;}.image.show:before {width: 120%;}.block.blue .image:before {background: #eaf5f7;}.right .image:before {left: auto;right: -120px;}.img-holder:after {width: 80px;height: 80px;position: absolute;background: #ffa945;border-radius: 20px;content: "";opacity: 0;z-index: 1;bottom: -20px;left: -80px;transform: rotate(-20deg) scale(0);transition: width .8s ease, opacity .4s ease, left .4s ease, transform .4s ease;}.img-holder.square:after {opacity: 1;left: -40px;transform: rotate(0deg) scale(1);}.image img {max-width: 100%;background: #fff;position: relative;border-radius: 20px;box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);z-index: 1;}.laptop {width: 770px;height: 503px;position: absolute;background: url(../img/online-coaching-laptop.png);background-size: cover;opacity: 0;margin-left: -660px;transition: opacity .7s ease, margin-left .7s ease;}.laptop.show {opacity: 1;margin-left: -460px;}.mobiel {width: 341px;height: 515px;position: relative;background: url(../img/online-coaching-mobiel.png);background-size: cover;z-index: 1;opacity: 0;margin-top: 110px;margin-left: 80px;top: 100px;transition: opacity .7s ease, top .7s ease;}.mobiel.show {opacity: 1;top: 0;}#locations {margin-top: 60px;}.location {display: inline-block;float: left;margin-right: 20px;}.location .icon {width: 56px;height: 56px;background-color: #f5fafa;background-image: url(../img/location.svg);border-radius: 99px;box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);border: 1px solid #cddcdf;float: left;transform: scale(0);transition: border .4s ease, transform .4s ease;}.block.blue .location .icon {background-color: #fff;}.location:hover .icon {border: 1px solid #f08100;}.location .icon.show-1, .location span.show-1 {transform: scale(1.1);}.location .icon.show-2, .location span.show-2 {transform: scale(0.95);}.location .icon.show, .location span.show {transform: scale(1);}.location span {font-size: 19px;color: #51575a;float: left;margin: 14px 15px 0 15px;transform: scale(0);transition: transform .4s ease;}#kaart {width: 520px;height: 613px;position: relative;background: url(../img/kaart.svg);opacity: 0;transform: scale(0);transition: opacity .8s ease, transform .9s ease;}.block.blue #kaart {background: url(../img/kaart-white.svg);}#kaart.show {opacity: 1;transform: scale(1);}.pin {width: 20px;height: 30px;position: absolute;opacity: 0;margin-bottom: 400px;transition: opacity .4s ease, margin-bottom .4s ease;}.pin.show {opacity: 1;margin-bottom: 0;}.pin.breda {z-index: 3;bottom: 30%;left: 36%;}.pin.roosendaal {z-index: 2;bottom: 28%;left: 27%;}.pin.sliedrecht {z-index: 1;bottom: 40%;left: 36%;}.pin:before {width: 100%;height: 100%;position: absolute;background: url(../img/pin.svg);filter: drop-shadow(0 16px 10px rgba(240, 129, 0, 0.25));content: "";z-index: -1;top: 0;left: 0;}.pin:after {position: absolute;background: #fff;font-size: 12px;letter-spacing: 0.4px;border-radius: 20px;opacity: 0;content: "Breda";box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);padding: 5px 11px;margin-left: -27.5px;top: -60px;left: 50%;transition: opacity .6s ease, top .4s ease;}.pin.hover:after {opacity: 1;top: -40px;}.pin.roosendaal:after {content: "Roosendaal";margin-left: -44px;}.pin.sliedrecht:after {content: "Sliedrecht";margin-left: -38.5px;}.review {width: 1400px;position: relative;border-radius: 34px;box-sizing: border-box;padding: 50px;margin: 0 auto;}.review .picture {width: 140px;height: 140px;position: relative;display: table;}.review .picture .person {width: 100%;height: 100%;background: #fff;background-size: 100%;border-radius: 18px;box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);transform: scale(0);transition: transform .4s ease;}.review .picture.show-1 .person {transform: scale(1.1);}.review .picture.show-2 .person {transform: scale(0.98);}.review .picture.show .person {transform: scale(1);}.review .picture:before {width: 0;height: 240px;position: absolute;background: #f4fbfc;border-radius: 18px;content: "";z-index: -1;top: -50px;left: -130px;transition: width .4s ease;}.review .picture.show-1:before, .review .picture.show:before {width: 240px;}.review .picture:after {width: 140px;height: 140px;position: absolute;border: 2px solid #f08100;border-radius: 18px;box-sizing: border-box;opacity: 0;content: "";top: 0;left: 0;transition: opacity .6s ease, top .6s ease, left .6s ease;}.review .picture.border-1:after {opacity: 1;}.review .picture.border:after {opacity: 1;top: 7px;left: 7px;}.review h3 {font-size: 36px;overflow: hidden;margin-top: -80px;margin-left: 200px;}.review h3 span {position: relative;top: 42px;transition: top .8s ease;}.review h3.show span {top: 0;}.review .sub {font-size: 19px;color: #6ea4ad;display: block;overflow: hidden;margin-top: 8px;margin-left: 200px;}.review .sub span {position: relative;top: 25px;transition: top .8s ease;}.review .sub.show span {top: 0;}.review p {width: 600px;position: relative;font-size: 21px;line-height: 220%;opacity: 0;margin: 100px auto 0 auto;transition: opacity .6s ease;}.review p.show {opacity: 1;}.review p:before, .review p:after {position: absolute;font-size: 80px;color: #bee0e5;content: '"';left: -50px;}.review p:after {left: auto;right: -50px;bottom: -50px;transition: top .8s ease;}.review p .l-h {position: relative;top: 40px;transition: top .8s ease;}.review p .l-h.show {top: 0;}.center {width: 700px;margin: 0 auto;}.left .sub-title, .left .mid-title {text-align: left;}#list {width: 1200px;position: relative;margin: 60px auto;}#list li {width: 300px;background: #fff;font-size: 19px;color: #5f8389;line-height: 160%;list-style: none;border: 1px solid #f4f4f4;box-shadow: 0 30px 60px rgba(0, 0, 0, 0.04);border-radius: 16px;display: inline-block;float: left;padding: 12px 15px;margin: 24px 0;transform: scale(0);transition: transform .4s ease;}#list li span {width: 200px;position: absolute;display: table;top: 50%;left: 104px;transform: translate(0, -50%);}#list li.show-1 {transform: scale(1.1);}#list li.show-2 {transform: scale(0.98);}#list li.show {transform: scale(1);}#list li:nth-child(3n+2) {margin: 24px 80px;}#list li:before {width: 40px;height: 40px;background-color: #f4fbfc;border: 1px solid #eee;border-radius: 12px;content: "";float: left;padding: 12px;margin-right: 26px;}#list li.verder:before {background-image: url(../img/verder.svg);}#list li.drijfveren:before {background-image: url(../img/drijfveren.svg);}#list li.unhappy:before {background-image: url(../img/unhappy.svg);}#list li.uniek:before {background-image: url(../img/uniek.svg);}#list li.verliezen:before {background-image: url(../img/verliezen.svg);}#list li.switch:before {background-image: url(../img/switch.svg);}#list li.omscholen:before {background-image: url(../img/omscholen.svg);}#list li.regie:before {background-image: url(../img/regie.svg);}#list li.balans:before {background-image: url(../img/balans.svg);}#list li.kort-lontje:before {background-image: url(../img/kort-lontje.svg);}#list li.vermoeid:before {background-image: url(../img/vermoeid.svg);}#list li.slaap:before {background-image: url(../img/slaap.svg);}#list li.gehaast:before {background-image: url(../img/gehaast.svg);}#list li.moeilijk-tot-rust:before {background-image: url(../img/moeilijk-tot-rust.svg);}#list li.uitgeput:before {background-image: url(../img/uitgeput.svg);}#list li.piekeren:before {background-image: url(../img/piekeren.svg);}#list li.verhoogde-hartslag:before {background-image: url(../img/verhoogde-hartslag.svg);}#list li.aan:before {background-image: url(../img/aan.svg);}.v-left-blue:before {width: 54px;height: 42px;position: absolute;background: url(../img/person-two.svg);content: "";top: -60px;left: 100px;filter: blur(3px);transform: rotate(-15deg) scale(2.5);}.v-right-orange:after {width: 54px;height: 42px;position: absolute;background: url(../img/person-one.svg);content: "";bottom: 80px;right: 40px;filter: blur(3px);transform: rotate(12deg) scale(1.5);}.columns {position: relative;display: table;margin-top: 20px;}.columns.three:before {width: 0;height: 0;position: absolute;border: 1px dashed #f1f1f1;content: " ";top: 85px;left: 175px;transition: width 1.6s ease;}.columns.three.show:before {width: 1000px;}.columns .column {width: 330px;min-height: 360px;position: relative;float: left;display: inline-block;}.holder .columns.three .column:nth-child(2) {margin: 0 205px;}.holder.small .columns.three .column:nth-child(2) {margin: 0 130px;}.holder.details {margin-top: -150px;}.column .circle {width: 110px;height: 110px;position: relative;background-color: #fff;background-size: 85% !important;background-position: center !important;border-radius: 99px;box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.06);margin-top: 30px;margin-left: -55px;left: 50%;transform: scale(0);transition: transform .4s ease;}.column.show-1 .circle {transform: scale(1.1);}.column.show-2 .circle {transform: scale(0.95);}.column.show .circle {transform: scale(1);}.columns .column .circle.persoon {background-image: url(../img/persoon.svg);}.columns .column .circle.doel {background-image: url(../img/doel.svg);}.columns .column .circle.trajectduur {background-image: url(../img/trajectsduur.svg);}.columns .column h3 {font-weight: 600;font-size: 25px;color: #222;text-align: center;letter-spacing: -0.6px;line-height: 142%;overflow: hidden;padding-top: 30px;margin-bottom: 20px;}.column h3 span {position: relative;top: 32px;transition: top .8s ease;}.column h3.show span {top: 0;}.column p {font-size: 18px;color: #6d6a68;text-align: center;line-height: 180%;padding-bottom: 40px;}.column p .l-h {position: relative;top: 30px;transition: top .8s ease;}.column p .l-h.show {top: 0;}.uitleg {width: 800px;font-size: 21px;line-height: 190%;text-align: center;margin: 0 auto 60px auto;}.uitleg .line {display: block;overflow: hidden;}.uitleg .l-h {position: relative;top: 40px;transition: top 1.2s ease;}.uitleg .l-h.show {top: 0;}.stap {width: 100%;display: table;margin-bottom: 50px;}.stap:not(:last-child):after {width: 0;height: 40px;border: 1px dashed #dfdfdf;content: "";display: block;opacity: 0;margin: 60px auto -10px auto;transition: opacity .6s ease;}.stap.show:not(:last-child):after {opacity: 1;}.stap-icon {width: 110px;height: 80px;position: relative;background-color: #fff;background-size: 85% !important;background-position: center !important;font-size: 40px;color: #74abb4;text-align: center;border-radius: 99px;box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.06);padding-top: 30px;margin-top: 30px;margin-left: -55px;left: 50%;transform: scale(0);transition: transform .4s ease;}.stap.show-1 .stap-icon {transform: scale(1.1);}.stap.show-2 .stap-icon {transform: scale(0.95);}.stap.show .stap-icon {transform: scale(1);}.stap-holder {width: 600px;text-align: center;margin: 40px auto;}.stap h3 {font-size: 28px;letter-spacing: -1px;overflow: hidden;margin-bottom: 14px;}.stap h3 span {position: relative;top: 32px;transition: top .8s ease;}.stap h3.show span {top: 0;}.stap p {font-size: 19px;line-height: 190%;}.stap p .l-h {position: relative;top: 30px;transition: top .8s ease;}.stap p .l-h.show {top: 0;}.split {width: 1000px;height: 200px;background: #eaf5f7;border-radius: 18px;margin: 0 auto 200px auto;}.split p {width: 50%;height: 50%;font-size: 21px;text-align: center;float: left;box-sizing: border-box;padding-top: 25px;}.banner-bg, .blue.banner-bg {background: url(../img/linda-groot.jpg);background-size: cover;background-position: center;}.banner-bg.tafeltennis, .blue.banner-bg.tafeltennis {background: url(../img/tafeltennis.jpg);background-size: cover;background-position: center;}.banner-bg.linda, .blue.banner-bg.linda {background: url(../img/linda-visser-bg.jpg);background-size: cover;background-position: center;}.banner {width: 700px;text-align: center;margin: 0 auto;}.banner-bg .banner {color: #fff;}.banner h2 {font-size: 50px;letter-spacing: -2.6px;overflow: hidden;}.banner h2 span {position: relative;top: 60px;transition: top .8s ease;}.banner h2.show span {top: 0;}.banner p {font-size: 21px;line-height: 180%;margin-top: 20px;}.banner p .l-h {position: relative;top: 30px;transition: top .8s ease;}.banner p .l-h.show {top: 0;}.banner .button {background: #f08100;font-weight: 600;font-size: 20px;color: #fff;letter-spacing: -0.4px;border-radius: 99px;box-shadow: 0 20px 40px rgb(240, 129, 0, 0.10);display: inline-block;padding: 22px 34px;margin-top: 60px;transform: scale(0);transition: background .4s ease, transform .4s ease;}.banner .button:hover {background-color: #cf6f00;}.banner .button.show-1 {transform: scale(1.1);}.banner .button.show-2 {transform: scale(0.95);}.banner .button.show {transform: scale(1);}.quote-start {font-size: 200px;color: #dff1f4;text-align: center;opacity: 0;margin-bottom: -60px;transition: opacity .8s ease;}.quote-start.show {opacity: 1;}.linda-circle {width: 100px;height: 100px;background: #eee url(../img/linda-circle.png);background-size: cover;border-radius: 99px;display: block;margin: 80px auto 0 auto;transform: scale(0);transition: transform .4s ease;}.linda-circle.show-1 {transform: scale(1.1);}.linda-circle.show-2 {transform: scale(0.95);}.linda-circle.show {transform: scale(1);}.motto p {width: 900px;font-size: 28px;text-align: center;line-height: 210%;margin: 0 auto;}.motto p .line {display: block;overflow: hidden;}.motto p .l-h {position: relative;top: 70px;transition: top 1.2s ease;}.motto p .l-h.show {top: 0;}#footer {position: relative;border-top: 1px solid #eee;padding: 140px 0;bottom: 0;}.footer-logo {width: 106px;height: 52px;background: url("../img/viavisser-logo.png");background-size: cover;display: inline-block;margin-bottom: 26px;}#footer .left-side {vertical-align: top;display: inline-block;}#footer .left-side p {font-size: 16px;color: #739091;}#footer .pages {vertical-align: top;display: inline-block;margin-left: 220px;}#footer .pages:last-child {width: 260px;}#footer .pages h3 {font-size: 23px;font-weight: 600;margin-bottom: 34px;}#footer .pages h3:after {width: 24px;height: 2px;background: #f08100;display: block;content: "";margin-top: 26px;}#footer .pages ul {list-style: none;}#footer .pages ul li {font-size: 18px;color: #739091;margin-bottom: 22px;}#footer .pages ul li a {color: #739091;display: inline-block;}#footer .pages ul li a:after {width: 0;height: 1px;background: #739091;content: "";display: block;transition: width .5s ease;}#footer .pages ul li a:hover:after {width: 100%;}.home-icon, .telephone-icon {width: 40px;height: 70px;float: left;margin-top: -8px;margin-right: 16px;}.home-icon:after, .telephone-icon:after {width: 40px;height: 40px;background-color: #fff;background-image: url(../img/home-icon.svg);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);border-radius: 99px;content: "";display: inline-block;}.telephone-icon:after {background-image: url(../img/telephone-icon.svg);}#sub-footer {width: 100%;position: absolute;bottom: 40px;}#sub-footer p {font-size: 15px;color: #739091;text-align: center;}#sub-footer p a {color: #739091;display: inline-block;}#sub-footer p a:after {width: 0;height: 1px;background: #739091;content: "";display: block;transition: width .5s ease;}#sub-footer p a:hover:after {width: 100%;}h2.left-title {font-size: 74px;letter-spacing: -5px;}h2.left-title .l-h {position: relative;top: 90px;transition: top 1s ease;}h2.left-title.show .l-h {top: 0;}#contactForm {width: 600px;position: relative;background: #f4fbfc;float: left;opacity: 0;padding: 80px 60px;margin-top: 100px;top: 100px;transition: opacity 1s ease, top 1s ease;}#contactForm.show {opacity: 1;top: 0;}.contactHolder {width: 100%;display: block;margin-bottom: 45px;}#contactForm input, #contactForm textarea {font-family: "Averta";font-size: 19px;color: #333;outline: none;box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.04);border: 1px solid #fff;border-radius: 4px;padding: 16px 22px;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-transition: border .3s ease;-moz-transition: border .3s ease;-ms-transition: border .3s ease;-o-transition: border .3s ease;transition: border .3s ease;}#contactForm input:active, #contactForm input:focus, #contactForm textarea:active, #contactForm textarea:focus {border: 1px solid #ff611b;}#contactForm input {width: 240px;}#contactForm textarea {width: 520px;height: 250px;resize: none;}#contactForm span {position: absolute;font-family: "Averta";font-size: 19px;color: #f08100;pointer-events: none;margin-top: 16.5px;margin-left: 23px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-transition: all 0.15s ease;-moz-transition: all 0.15s ease;-ms-transition: all 0.15s ease;-o-transition: all 0.15s ease;transition: all 0.15s ease;}#contactForm span.selected {background: #f08100;font-size: 14px;color: #fff;border-radius: 5px 5px 0 0;padding: 5px;margin-top: -28px;margin-left: 0px;}#contactForm input#verstuur {background: #f08100;font-size: 21px;font-weight: 600;color: #fff;border: none;border-radius: 12px;cursor: pointer;padding: 22px;-webkit-transition: background 0.3s ease !important;-moz-transition: background 0.3s ease !important;-ms-transition: background 0.3s ease !important;-o-transition: background 0.3s ease !important;transition: background 0.3s ease !important;}#contactForm input#verstuur:hover {background: #cf6f00;}#contactForm span#melding {font-size: 20px;color: red;margin-top: 20px;}#melding.success {color: #06a97d;}#gegevens {float: left;margin-top: 100px;margin-left: 140px;}#gegevens h3 {font-size: 26px;letter-spacing: -1px;overflow: hidden;margin-bottom: 40px;}#gegevens h3 span {position: relative;top: 18px;transition: top .8s ease;}#gegevens h3.show span {top: 0;}#gegevens ul {width: 280px;}#gegevens li {font-size: 18px;list-style: none;overflow: hidden;margin-bottom: 40px;}#gegevens li span {position: relative;top: 25px;transition: top .6s ease;}#gegevens li.show span {top: 0;}#gegevens .home-icon, #gegevens .telephone-icon {width: 50px;height: 90px;margin-top: -14px;margin-right: 26px;transform: scale(0);transition: transform .4s ease;}#gegevens .home-icon.show-1, #gegevens .telephone-icon.show-1 {transform: scale(1.1);}#gegevens .home-icon.show-2, #gegevens .telephone-icon.show-2 {transform: scale(0.95);}#gegevens .home-icon.show, #gegevens .telephone-icon.show {transform: scale(1);}#gegevens .home-icon:after, #gegevens .telephone-icon:after {width: 50px;height: 50px;}@media screen and (max-width: 1800px) {.header-holder {width: 1600px;}#logo {margin-right: 115px;}.holder {width: 1200px;}#hero .text-holder {width: 750px;}#hero h1 {font-size: 84px;}#picture {right: -100px;}#picture.select {right: -70px;}#toc {right: 50px;}.mid-title {font-size: 60px;}.c-content h3 {font-size: 25px;}.block .text-holder h2 {font-size: 66px;}.motto p {font-size: 27px;}}@media screen and (max-width: 1700px) {.header-holder {width: 1500px;}.holder {width: 1100px;}#hero .text-holder {width: 620px;}.holder.wide {width: 1300px;}.card {width: 330px;}.c-content h3:after {margin: 16px auto;}.c-content p {font-size: 18px;}.block .text-holder h2 {width: 540px;font-size: 60px;}.block .text-holder {margin-left: -90px;}.block .text-holder.right {margin-right: -120px;}.right {margin-right: -50px;}.cards-frame .fade.right {margin-right: 0;}.mobiel {margin-top: 80px;}#footer .pages {margin-left: 200px;}.v-left-blue:before {width: 49px;height: 37px;}.columns .column {width: 290px;}.columns .column h3 {font-size: 23px;}.column .circle {width: 105px;height: 105px;}.column p {font-size: 17px;line-height: 170%;}.stap-icon {width: 100px;height: 75px;padding-top: 25px;}.stap h3 {font-size: 27px;}#contactForm {padding: 60px 40px;}#gegevens {margin-left: 90px;}}@media screen and (max-width: 1620px) {.header-holder {width: 1400px;}.holder {width: 1050px;}#hero h1 {font-size: 80px;}.text-holder p {font-size: 21px;line-height: 180%;}#scroll-down {width: 86px;height: 86px;top: 43px;}.quote-start {margin-bottom: -80px;}.motto p {width: 860px;font-size: 27px;}#list {width: 1100px;}#list li:nth-child(3n+2) {margin: 20px 50px;}}@media screen and (max-width: 1570px) {.holder.wide {width: 1200px;}.columns .column {width: 260px;}.columns.three.show:before {width: 850px;}#footer .pages {margin-left: 160px;}}@media screen and (max-width: 1500px) {.header-holder {width: 1300px;top: 50px;}#hero {padding-top: 180px;}#hero .text-holder {width: 600px;}#hero h1 {font-size: 78px;margin-bottom: 40px;}.text-holder p {width: 550px;font-size: 20px;}#scroll-down {margin-top: 40px;}#picture {width: 420px;height: 550px;right: -50px;}#frame {width: 400px;height: 533px;}#picture-bg, #toc {width: 380px;}#picture-bg.show {height: 490px;}#picture.show:before {left: -15px;}#picture.select {bottom: 20px;}#option {width: 300px;}#option h3 {margin-bottom: 30px;}#option h3, #toc h3 {font-size: 22px;}#option .button {font-size: 19px;}#toc.show {top: -180px;}#toc ul li {font-size: 18px;}.block {padding: 120px 0;}.dots-1:before {width: 100px;}.dots-2:before {width: 60px;}.holder.wide {width: 1100px;}.mid-title {font-size: 56px;}.card {width: 300px;margin: 30px 25px 50px 25px;}.c-content {width: 86%;padding: 28px 0;left: 7%;}.c-content h3 {font-size: 23px;}.c-content p {font-size: 17px;letter-spacing: -0.6px;}.c-content .button, .block .text-holder .button, .banner .button {font-size: 16px;letter-spacing: -0.3px;}.sub-title {font-size: 22px;}.image {width: 370px;height: 370px;margin-top: -30px;}.image:before {top: -40px;left: -60px;}.right .image:before {right: -60px;}.image.show:before {width: 100%;}.img-holder:after {width: 70px;height: 70px;}.block .text-holder {margin-left: -30px;}.block .text-holder.right {margin-right: -90px;}.right {margin-right: 0;}.block .text-holder h2 {font-size: 58px;}.block .text-holder p {width: 530px;font-size: 19px;letter-spacing: -0.4px;line-height: 175%;}.columns .column {width: 250px;}.holder .columns.three .column:nth-child(2) {margin: 0 160px;}.columns.three.show:before {width: 750px;}.v-left-blue:before {top: -10px;}.columns .column h3 {margin-bottom: 10px;}#kaart {width: 420px;height: 495px;}.laptop.show {margin-left: -400px;}.mobiel {width: 280px;height: 423px;margin-top: 115px;margin-left: 150px;}.banner p {font-size: 20px;}.motto p {width: 780px;font-size: 24px;}h2.left-title {font-size: 62px;}.footer-logo {width: 85px;height: 41px;}#footer .left-side p {font-size: 15px;}#footer .pages {margin-left: 125px;}#footer .pages h3 {font-size: 22px;margin-bottom: 28px;}}@media screen and (max-width: 1420px) {.header-holder {width: 1200px;}#logo {margin-right: 95px;}#hero h1 {font-size: 70px;margin-bottom: 30px;}#picture {width: 390px;}#frame {width: 360px;height: 483px;}#picture-bg {width: 320px;}#picture-bg.show {height: 440px;}#picture.select {bottom: 100px;right: -20px;}#picture.select #picture-bg, #toc {width: 350px;}#toc {right: 100px;}#toc.show {top: -280px;}#option {width: 290px;top: 30px;right: 30px;}#list {width: 1100px;}#list li {width: 270px;font-size: 18px;}#list li span {width: 192px;left: 96px;}}@media screen and (max-width: 1320px) {.header-holder {width: 1100px;}#logo {margin-right: 65px;}#hero.space {margin-bottom: 100px;}#hero.space #picture {top: -100px;}.holder {width: 1000px;}.block {padding: 100px 0;}.sub-title {font-size: 21px;}#scroll-down {width: 80px;height: 80px;top: 40px;}#picture {right: -20px;}#picture.show:before {left: 25px;}.mid-title {font-size: 52px;margin-bottom: 30px;}.holder.wide {width: 950px;}.c-content h3 {font-size: 22px;}.block .text-holder {width: 520px;}.block .text-holder.right {margin-right: -50px;}.block .text-holder h2 {width: 480px;font-size: 54px;}.block .text-holder p {width: 480px;}.image {width: 340px;height: 260px;}.dots-1:before {height: 130px;}.v-left-blue:before {width: 35px;height: 27px;top: 50px;left: 80px;}.holder.details {margin-top: -80px;}.holder .columns.three .column:nth-child(2) {margin: 0 100px;}.column .circle {width: 95px;height: 95px;margin-left: -47.5px;}.columns.three.show:before {width: 650px;}.columns .column h3 {font-size: 22px;}.column p {font-size: 16px;line-height: 160%;}.stap h3 {font-size: 25px;margin-bottom: 10px;}.stap p {font-size: 18px;}#locations {margin-top: 50px;}.location {margin-right: 12px;}.location .icon {width: 46px;height: 46px;}.location span {font-size: 16px;}#kaart {width: 380px;height: 447px;}.pin {width: 16px;height: 24px;}#footer {padding: 110px 0;}#footer .holder.wide {width: 1000px;}#footer .pages {margin-left: 95px;}#footer .pages h3 {font-size: 21px;margin-bottom: 25px;}#footer .pages h3:after {width: 20px;margin-top: 16px;}.banner h2 {font-size: 46px;}.banner p {font-size: 18px;}.banner .button {margin-top: 44px;}.quote-start {font-size: 170px;}.motto p {font-size: 21px;}.linda-circle {width: 90px;height: 90px;}h2.left-title {font-size: 55px;}#contactForm {width: 500px;}#contactForm input {width: 210px;}#contactForm input, #contactForm textarea {padding: 13px 22px;}#contactForm span {margin-top: 13.5px;}#contactForm textarea {width: 450px;}#contactForm input#verstuur {font-size: 20px;}#gegevens h3 {font-size: 23px;}#gegevens .home-icon:after, #gegevens .telephone-icon:after {width: 44px;height: 44px;}}@media screen and (max-width: 1200px) {.header-holder {width: 90%;}#hero {padding-top: 130px;margin-bottom: 0;}#hero.space {margin-bottom: 10px;}#hero .text-holder {width: 520px;}#hero .text-holder p {width: 470px;}.holder {width: 900px;}#hero .holder {top: 38px;}#hero h1 {font-size: 65px;}.text-holder p {font-size: 19px;}#picture {width: 330px;height: 430px;right: 20px;}#frame {width: 300px;height: 402px;}#picture-bg.show {height: 360px;width: 260px;}#picture:after {width: 70px;height: 110px;right: -40px;bottom: -30px;}#scroll-down {top: 0;}.holder.wide {width: 820px;}.mid-title {font-size: 45px;margin-bottom: 20px;}.card {width: 260px;margin: 30px 15px 50px 15px;}.c-content h3 {font-size: 20px;}.c-content p {font-size: 16px;}.c-content .button {font-size: 14px;}.block .text-holder.right {margin-right: -80px;}.block .text-holder h2 {font-size: 49px;margin-bottom: 18px;}.block .text-holder p {font-size: 18px;}.block .text-holder .button {margin-top: 30px;}.image {width: 310px;height: 310px;margin-top: 0;}.block .text-holder .button {padding: 21px 24px;}.block .text-holder h2, .block .text-holder p {width: 460px;}.laptop {width: 693px;height: 453px;}.laptop.show {margin-left: -310px;}.mobiel {width: 220px;height: 332px;margin-top: 155px;}.block .text-holder.right {margin-right: -90px;}.banner, .motto p {width: 650px;}.banner h2 {font-size: 43px;}#picture.select, #picture.select #picture-bg, #toc {width: 310px;}#picture.select {right: 10px;}#option {width: 84%;right: auto;left: 8%;}#option h3 {margin-bottom: 20px;}#option h3, #toc h3 {font-size: 21px;}#option .button {font-size: 18px;margin-bottom: 24px;}#toc {padding: 30px 28px;right: 130px;}#toc.show {top: -180px;}#list {width: 920px;}#list li {width: 240px;font-size: 15px;}#list li span {width: 160px;}.columns .column {width: 220px;}.holder .columns.three .column:nth-child(2) {margin: 0 70px;}.column p {font-size: 15px;}.columns.three.show:before {width: 500px;}.stap-holder {width: 500px;}.stap h3 {font-size: 23px;}.stap p {font-size: 17px;}#kaart {margin-right: -20px;}.uitleg {font-size: 19px;}#contactForm {width: 400px;}#contactForm span, #contactForm input, #contactForm textarea {font-size: 18px;}#contactForm textarea {width: 100%;box-sizing: border-box;}#contactForm span#melding {font-size: 16px;}.block.tm-2 {padding-top: 200px;}#footer .pages h3 {font-size: 20px;letter-spacing: -0.4px;}#footer .pages ul li {font-size: 17px;}}@media screen and (max-width: 1130px) {.header-holder {top: 34px;}#menu li {margin-right: 42px;}#menu li a {font-size: 17px;}#hero:before {width: 40px;height: 110px;}#hero .holder {top: 10px;}.holder {width: 840px;}#hero h1 {font-size: 63px;letter-spacing: -4.5px;}.text-holder p {font-size: 18px;}#picture {top: 0;right: 0;}#scroll-down {top: 28px;}.holder.wide {width: 760px;}.c-content {padding: 18px 0;}.block .text-holder h2 {width: 80%;font-size: 46px;}.block .text-holder p {width: 84%;}.image {width: 280px;height: 280px;}.left {margin-left: 20px;}.dots-1:before {height: 70px;width: 40px;}#kaart {width: 350px;height: 412px;margin-right: 0;}.laptop {width: 583px;height: 380px;}.laptop.show {margin-left: -290px;}.mobiel {width: 160px;height: 241px;margin-top: 155px;}.block .text-holder .button {padding: 19px 24px;}#picture.select, #picture.select #picture-bg, #toc {width: 290px;}#picture.select {right: -20px;}#toc {right: 100px;}#toc.show {top: -230px;}#toc ul li:before {margin-right: 15px;}#list {width: 100%;}#list li {width: 270px;}#list li span {width: 180px;}#list li:nth-child(3n+2), #list li {margin: 20px 0;}#list li:nth-child(even) {float: right;}.right .image {margin-right: 20px;}.columns .column {width: 200px;}#hero.space #picture {top: 0;}.uitleg {width: 700px;font-size: 18px;}.dots-2:before {width: 40px;}.block.blue .cards-frame .fade.left {left: -20px;}h2.left-title {display: none;}#contactForm {width: 380px;}#contactForm, #gegevens {margin-top: 50px;}#gegevens li {margin-bottom: 34px;}#gegevens .home-icon, #gegevens .telephone-icon {margin-top: -8px;margin-right: 18px;}#footer .holder.wide {width: 950px;}}@media screen and (max-width: 1020px) {.holder {width: 810px;}.sub-title {font-size: 20px;}#hero h1 {font-size: 58px;}.block .text-holder {width: 490px;}.block .text-holder h2 {font-size: 42px;margin-bottom: 15px;}.block .text-holder p {font-size: 17px;}#locations {margin-top: 35px;}.mid-title {font-size: 42px;margin-bottom: 10px;}.holder.wide {width: 670px;}.banner, .motto p {width: 600px;}.banner h2 {font-size: 37px;}.banner p {font-size: 17px;}.quote-start {font-size: 150px;}.motto p {font-size: 19px;}.linda-circle {margin-top: 40px;}.uitleg {font-size: 17px;}#contactForm {width: 60%;float: none;margin: 0 auto;}#gegevens {display: none;}#footer .pages {margin-left: 80px;}}@media screen and (max-width: 1000px) {.header-holder {top: 25px;}#logo {margin-top: 15px;}#menu {width: 80%;position: fixed;display: none;margin-top: 100px;left: 10%;}#menu.visible {display: block;}#menu li {width: 100%;display: block;text-align: center;float: left;margin-right: 0;margin-bottom: 50px;}#menu li a {font-size: 26px;top: 35px;}#menu li.show a {top: 35px;}#menu li.mobile-show a {top: 0;}.coaching:after, #active {display: none;}#mobile-menu {width: 68px;height: 68px;position: fixed;border-radius: 99px;top: 25px;right: 5%;transform: scale(0);transition: transform .4s ease;}#mobile-menu.show-1 {transform: scale(1.05);}#mobile-menu.show-2 {transform: scale(0.98);}#mobile-menu.show {transform: scale(1);}#mobile-menu-bg {width: 100%;height: 100%;position: absolute;background: #fff;border-radius: 99px;box-shadow: 0px 12px 42px rgba(87, 101, 122, 0.07);top: 0;left: 0;}#mobile-lines {width: 30px;position: absolute;z-index: 2;margin-top: -17px;margin-left: -15px;top: 50%;left: 50%;}#mobile-menu .line {width: 30px;height: 3px;position: absolute;background: #000;border-radius: 99px;margin-top: 6px;transform: rotate(0deg);transition: width .3s ease, top .3s ease, transform .3s ease;}#mobile-menu .line.two {top: 9px;}#mobile-menu .line.three {top: 18px;}#mobile-menu.open .line.one {top: 9px;transform: rotate(-45deg);}#mobile-menu.open .line.two {width: 0;}#mobile-menu.open .line.three {top: 9px;transform: rotate(45deg);}#menu-bg {width: 100%;height: 100%;position: fixed;background: #fff;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(6px);display: none;opacity: 0;z-index: 1;top: 0;left: 0;transition: opacity .4s ease;}#menu-bg.visible {display: block;}#menu-bg.show {opacity: 1;}#sub-menu.show, #sub-menu.visible {display: none;}.holder {width: 80%;}#hero .text-holder {width: 80%;position: relative;left: 10%;}#hero .text-holder h1, #hero .text-holder .sub-title {text-align: center;}#hero .text-holder p {width: 100%;text-align: center;}#picture {position: relative;margin: 0 auto 70px auto;left: -20px;}#picture.select {height: 270px;top: 40px;right: 0;bottom: 0;}#picture.select #picture-bg.show {height: 100%;bottom: 0;}#picture.select #picture-bg {bottom: 0;}#picture-bg.show {right: 10px;}#picture-bg.select.show {right: 0;}#picture.select {height: 230px;margin-bottom: 100px;left: auto;right: 0;}#option {top: 17px;}#picture.select #picture-bg {border-radius: 9px;right: 0;}#option .button {margin-bottom: 18px;}#hero-bg.show {width: 100%;}#hero .holder {display: table;}#scroll-down {display: none;margin-left: auto;margin-right: auto;}#toc, #toc.show {width: 400px;position: relative;padding: 50px 40px;margin: 0 auto;top: 80px;right: 0;}.cards {overflow-x: unset;}.scroll-block, .scroll-left, .scroll-right {display: none;}.card {width: 44%;float: unset;display: block;margin: 40px auto;}.c-content {padding: 28px 0;}.block .text-holder, .left, .right {width: 80%;margin-left: 10%;}.block .text-holder {margin-left: 0;}.block .text-holder h2, .block .text-holder p {width: 100%;}.block .text-holder.right {float: left;margin-left: 0;margin-right: 0;}.right, .block .text-holder.right {width: 90%;float: left;margin-left: 5%;}#kaart {margin: 80px auto 0 auto;}.image {display: block;margin: 0 auto 20px auto;}.laptop.show {margin-left: 0;}.mobiel {margin-bottom: 30px;margin-left: 360px;}.right .image {margin-right: auto;}.right.align, .right.fix {transform: none;margin-top: 80px;margin-bottom: 80px;}.banner, .motto p {width: 80%;}.banner h2 {font-size: 34px;}.banner p {font-size: 16px;}.left .sub-title, .left .mid-title {text-align: center;}#list {margin: 30px auto;}#list li, #list li:nth-child(even), #list li:nth-child(3n+2), #list li {display: table;float: unset;margin: 20px auto;}#waarom .right {margin-top: 60px;margin-bottom: 60px;}.columns.three.show:before {width: 0;}.columns .column {width: 70%;min-height: 0;left: 15%;}.holder .columns.three .column:nth-child(2) {margin: 0;}.stap p {font-size: 16px;}.block.tm .image {margin-bottom: 180px;}.uitleg, .stap-holder {width: 90%;}#contactForm {width: 70%;}#footer .holder.wide {width: 80%;}#footer .left-side {width: 100%;margin-bottom: 40px;}#footer .pages.first {margin-left: 0;}#footer .pages:last-child {width: 240px;}#sub-footer {position: relative;top: 40px;bottom: 0;}#sub-footer p {width: 80%;position: relative;text-align: left;left: 10%;}}@media screen and (max-width: 900px) {.laptop {width: 480px;height: 313px;}.mobiel {margin-top: 90px;}}@media screen and (max-width: 860px) {#footer .pages ul li {font-size: 16px;}#footer .pages:last-child {width: 100%;margin-top: 60px;margin-left: 0;}}@media screen and (max-width: 760px) {.location {float: none;display: table;margin-bottom: 14px;}#kaart {margin-top: 40px;}#contactForm {width: 90%;border-radius: 9px;box-sizing: border-box;padding: 50px 30px;}#contactForm span, #contactForm input, #contactForm textarea {font-size: 16px;}#contactForm span.selected {padding: 3px 5px;margin-top: -23px;margin-left: 5px;}#contactForm input#verstuur {width: auto;font-size: 18px;padding: 17px 32px;}#contactForm span#melding {position: relative;display: block;margin-left: 0;margin-bottom: 20px;}.dots-2:before {width: 30px;}}@media screen and (max-width: 710px) {#hero .text-holder, .holder {width: 90%;left: 5%;}.holder {display: table;left: 0;}#hero .holder, #footer .holder.wide {left: 0;}#footer .holder.wide, .holder.wide {width: 90%;left: 0;}#hero h1 {font-size: 52px;}.text-holder p {font-size: 17px;}.card {width: 300px;}.cards-frame .fade {display: none;}.block .text-holder, .left, .right {width: 90%;margin-left: 5%;}}@media screen and (max-width: 650px) {.block {padding: 60px 0;}.block#wat {padding: 120px 0 20px 0;}.c-content h3 {font-size: 24px;}.c-content p {font-size: 17px;}.c-content .button {font-size: 16px;}.align {margin-top: 0;transform: none;}#waarom .right {margin-bottom: 0;}.image {width: 80%;height: auto;margin-bottom: 50px;}.image:before, .right .image:before {height: 60%;top: -20px;left: -20px;}.img-holder.square:after {width: 50px;height: 50px;border-radius: 14px;left: auto;right: -20px;}.right.align, .right.fix {margin-top: 60px;margin-bottom: -30px;}.block.tm .image {margin-bottom: 60px;}.v-left-blue:before, .v-right-orange:after {display: none;}#toc, #toc.show {width: 90%;border-radius: 9px;border: 1px solid #eee;padding: 30px;}#toc, #toc.show {top: 50px;}#toc ul li {font-size: 17px;}.block.tm {padding-top: 140px;}}@media screen and (max-width: 550px) {.card {width: 80%;}.columns .column {width: 90%;left: 5%;}#contactForm input {width: 100%;box-sizing: border-box;}#footer {padding: 40px 0;}#footer .holder.wide, .holder.wide {width: 80%;}#footer .pages {margin-left: 20%;margin-bottom: 20px;}#footer .pages h3 {display: none;}#footer .pages:last-child {display: none;}#sub-footer {margin-top: 20px;top: 0;}}@media screen and (max-width: 450px) {#hero {padding-top: 110px;}#hero h1 {font-size: 44px;margin-bottom: 15px;}#hero .sub-title {margin-bottom: 2px;}.card {width: 90%;}#list li {width: 100%;font-size: 16px;box-sizing: border-box;}#sub-footer p {font-size: 13px;}}@media screen and (max-width: 410px) {#mobile-menu {width: 60px;height: 60px;}#mobile-lines {width: 24px;margin-left: -12px;}#mobile-menu .line {width: 24px;}#menu li a {font-size: 24px;}.sub-title {font-size: 18px;}#hero h1 {font-size: 38px;letter-spacing: -3.5px;}.text-holder p {font-size: 16px;}.mid-title, .block .text-holder h2, .banner h2 {font-size: 35px;letter-spacing: -3px;}.c-content h3 {font-size: 22px;}.c-content p {font-size: 16px;}.c-content .button {font-size: 15px;}.stap h3 {font-size: 21px;}#list li:before {position: relative;margin: -33px 0 20px -33px;left: 50%;}#list li span {width: 100%;position: relative;text-align: center;margin: 20px 0 5px 0;top: 0;left: 0;transform: none;}#list li, #list li:nth-child(even), #list li:nth-child(3n+2), #list li {margin: 60px auto;}#footer .pages {margin-left: 16%;}}@media screen and (max-width: 400px) {.dots-1:before {width: 30px;}#footer .pages {margin-left: 12%;}#footer .pages ul li {font-size: 15px;}#sub-footer p {font-size: 12px;}}@media screen and (max-width: 380px) {.mid-title, .block .text-holder h2, .banner h2 {font-size: 32px;}.block .text-holder p {font-size: 16px;}.c-content .button, .block .text-holder .button, .banner .button {font-size: 15px;}.block .text-holder .button {padding: 17px 22px;}#footer .pages {display: block;margin-left: 0;}}@media screen and (max-width: 1000px) and (max-height: 550px) {#menu li {margin-bottom: 40px;}#menu li a {font-size: 24px;}}@media screen and (max-width: 1000px) and (max-height: 500px) {#menu li {margin-bottom: 30px;}#menu li a {font-size: 22px;}}@media screen and (max-width: 1000px) and (max-height: 430px) {#menu {margin-top: 80px;}#menu li {margin-bottom: 23px;}#menu li a {font-size: 20px;}}