@font-face {font-family: "gobold_thin_lightregular";src: url("fonts/gobold_light-webfont.eot");src: url("fonts/gobold_light-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/gobold_light-webfont.woff2") format("woff2"),url("fonts/gobold_light-webfont.woff") format("woff"),url("fonts/gobold_light-webfont.ttf") format("truetype"),url("fonts/gobold_light-webfont.svg#gobold_thin_lightregular") format("svg");font-weight: normal;font-style: normal;}
@font-face {font-family: "libre_baskervilleitalic";src: url("fonts/librebaskerville-italic-webfont.eot");src: url("fonts/fonts/librebaskerville-italic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/librebaskerville-italic-webfont.woff2") format("woff2"),url("fonts/librebaskerville-italic-webfont.woff") format("woff"),url("fonts/librebaskerville-italic-webfont.ttf") format("truetype"),url("fonts/librebaskerville-italic-webfont.svg#libre_baskervilleitalic") format("svg");font-weight: normal;font-style: normal;}
@font-face {font-family: "arcadeclassicregular";src: url("fonts/arcadeclassic-webfont.eot");src: url("fonts/arcadeclassic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/arcadeclassic-webfont.woff2") format("woff2"),url("fonts/arcadeclassic-webfont.woff") format("woff"),url("fonts/arcadeclassic-webfont.ttf") format("truetype"),url("fonts/arcadeclassic-webfont.svg#arcadeclassicregular") format("svg");font-weight: normal;font-style: normal;}
* {margin: 0;padding: 0;}
body {font-family: gobold_thin_lightregular;box-sizing: border-box;width: 100%;height: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
img {background-size: cover;overflow: hidden;display: block;width: 100%;}
iframe {width: 100%;display: block;opacity: .4;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
iframe:hover {opacity: 1;}
sup {font-size: 50%;vertical-align: baseline;position: relative;top: -.8em;}
.video {background-color: #ee8018;}
.article {background-color: #ebebec;color: #616b70;padding: 30px;font-size: 1.7em;text-transform: uppercase;}
.article a {display: block;color: #616b70;padding-top: 20px;font-family: verdana;font-size: .7em;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.article a:hover {color: #ee8018;}
nav {position: fixed;background-color: #fff;width: 110px;height: 60px;box-shadow: 0 3px 8px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1);z-index: 10;}
nav ul {width: 350px;}
nav li:hover {opacity: 1;color: #ee8018;}
nav li a {text-decoration: none;color: #616b70;}
.bhLogo {width: 150px;margin-left: 30px;margin-top: 30px;background-color: none;}
#introContainer {width: 100%;background-image: url("images/bgImageIntro.jpg");background-repeat: no-repeat;background-size: cover;color: #fff;}
#intro {width: 850px;display: block;margin-left: auto;margin-right: auto;padding-top: 100px;padding-bottom: 50px;}
#intro h1 {color: #fff;font-size: 3em;text-transform: uppercase;margin-bottom: 30px;text-align: center;}
#intro h2 {color: #fff;text-align: center;padding-bottom: 20px;}
#gameOverBook {width: 413px;display: block;float: left;padding-top: 35px;background-repeat: no-repeat;background-position: bottom;}
#gameOverTitle {width: 350px;height: 133px;background-image: url("images/gameOverTitleWhite.png");display: block;margin-top: 15px;background-repeat: no-repeat;background-position: center;}
#gameOverTitle2 {width: 270px;height: 133px;background-image: url("images/gameOverTitle.png");display: block;margin-top: 15px;background-repeat: no-repeat;background-position: center;}
#gameOverTitle p {visibility: hidden;}
#gameOverTitle2 p {visibility: hidden;}
#rightPartIntro {width: 350px;margin-top: 30px;float: right;right: 0;}
#rightPartIntro div {text-decoration: none;text-align: center;background-color: #fff;color: #ee8018;padding: 20px;font-size: 1.5em;margin-top: 20px;display: block;cursor: pointer;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#rightPartIntro div:hover {-ms-transform: scale(1.07);-webkit-transform: scale(1.07);transform: scale(1.07);}
.line {height: 4px;background-color: #616b70;width: 1028px;margin-right: auto;margin-left: auto;margin-bottom: 200px;}
#introTitle {text-align: center;color: #616b70;margin-top: 100px;}
#introTitle h1 {font-size: 3em;margin-bottom: 10px;}
#introTitle h2 {font-size: 1.4em;font-family: Futura;}
#introTitle .downArrow {margin-top: 100px;clear: both;}
#insightsButtonContainer {width: 67%;margin-left: auto;margin-right: auto;margin-top: 40px;margin-bottom: 150px;}
#insightsButtonContainer ul {margin-bottom: 50px;}
#cheater3 {clear: both;}
#insightsButtonContainer li {float: left;background-color: #ee8018;color: #fff;padding: 10px;font-size: 1.3em;list-style-type: none;margin-right: 10px;margin-bottom: 10px;cursor: pointer;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#insightsButtonContainer li:hover {background-color: #616b70;}
#shareContainer {margin: auto;float: right;margin-right: 5%;margin-top: 55px;}
#shareContainer span {}
.do {text-decoration: underline;}
.dont {text-decoration: underline;}
nav {}
nav p {float: left;margin-top: 15px;margin-left: 35px;color: #616b70;cursor: pointer;}
nav p:hover {color: #ee8018;}
nav ul {display: block;position: absolute;list-style-type: none;margin-top: 75px;margin-left: 15px;background-color: #fff;padding: 30px;box-shadow: 0 3px 8px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1);}
nav li {margin-bottom: 30px;cursor: pointer;}
nav li:first-child {margin-top: 15px;}
#downArrowWhite {width: 59px;display: block;margin: auto;clear: both;padding-top: 60px;cursor: pointer;}
#middleNavBtn {color: #fff;background-color: #ee8018;padding-top: 20px;padding-bottom: 20px;margin-bottom: 40px;font-size: 1.8em;display: none;}
#endorsements {background-color: #ebebec;}
#endorsementTitle {padding-top: 70px;text-align: center;color: #616b70;font-size: 3em;}
#bx-wrapper {width: 800px;width: 50%;margin: auto;text-align: center;}
#bx-wrapper p {margin-top: 30px;font-family: libre_baskervilleitalic;color: #616b70;font-size: 1.3em;text-align: center;}
#bx-wrapper span {color: #ee8018;}
#bx-wrapper h1 {font-family: Verdana;font-size: 1em;color: #ee8018;margin-top: 20px;}
#bx-wrapper h2 {font-family: Verdana;font-size: .9em;font-weight: lighter;color: #ee8018;margin-top: 5px;padding-bottom: 70px;}
#bx-wrapper li {list-style-type: none;}
.quote {font-family: libre_baskervilleitalic;background-color: #ebebec;color: #616b70;}
.quote p {padding: 30px 30px 30px 30px;font-size: 1.4em;}
.quote span {color: #ee8018;font-family: gobold_thin_lightregular;}
.video {background-image: url("images/video1.jpg");background-repeat: no-repeat;background-size: 100%;}
.reasonVert {background-color: #ee8018;color: #fff;font-size: 1.2em;font-family: Verdana;text-align: center;padding-top: 30px;}
.reasonVert p {padding: 10px 30px 50px 30px;}
.reasonVert span {font-family: arcadeclassicregular;font-size: 4.5em;}
.header {width: 1028px;margin: auto;box-shadow: 0 3px 8px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;z-index: 3;position: relative;}
.headerTitle {color: #ee8018;text-transform: uppercase;font-size: 2.5em;padding-left: 100px;padding-top: 50px;margin-top: 270px;}
.header h2 {color: #616b70;font-family: Futura;font-size: 1.4em;padding-bottom: 50px;padding-left: 100px;}
.headerHeader {margin-top: -50px;}
.headerHeader h1 {float: left;background-color: #ee8018;width: 120px;color: #fff;text-align: center;font-size: 1.5em;padding-top: 11px;padding-bottom: 12px;padding-right: 20px;padding-left: 20px;margin-top: -55px;}
.headerHeader ul {float: right;margin-top: -55px;}
.headerHeader li {display: inline-block;background-color: #616b70;}
#doeDeTest {background-color: #ee8018;width: 1028px;margin: auto;}
#doeDeTest h1 {height: 150px;margin-top: -120px;text-align: center;font-size: 1.9em;color: #616b70;color: #fff;padding-top: 60px;}
#doeDeTestButton {padding: 20px;margin-top: -70px;display: block;text-align: center;margin-bottom: 50px;background-color: #fff;width: 200px;margin-right: auto;margin-left: auto;font-size: 2em;text-decoration: none;color: #ee8018;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#doeDeTestButton:hover {-ms-transform: scale(1.07);-webkit-transform: scale(1.07);transform: scale(1.07);}
#quizPage {width: 800px;margin: auto;color: #616b70;margin-top: 70px;}
#back a {display: block;text-transform: uppercase;font-size: 1.5em;background-color: #616b70;color: #fff;width: 100px;text-align: center;padding-top: 10px;padding-bottom: 10px;text-decoration: none;top: 0;left: 0;position: fixed;}
#topBtn {display: block;background-color: #616b70;width: 100px;text-align: center;color: #fff;padding-top: 10px;padding-bottom: 10px;bottom: 0;right: 0;float: right;font-size: 1.5em;clear: both;visibility: hidden;position: fixed;margin-bottom: 43px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#topBtn:hover {opacity: 1;cursor: pointer;}
#quizIntro h1 {width: 270px;margin: auto;margin-bottom: 50px;}
#quizIntro p {font-size: 1.2em;font-size: 1em;width: 600px;margin: auto;margin-bottom: 130px;font-family: verdana;line-height: 30px;}
#quizIntro span {margin: auto;}
.vraag h1 span {background-color: #ee8018;color: #fff;padding: 10px;font-size: 1.4em;text-transform: uppercase;margin-right: 50px;width: 100%;}
.vraag h1 {padding-bottom: 10px;border-bottom: 5px #616b70 solid;color: #616b70;margin-bottom: 40px;margin-top: 50px;width: 100%;}
.vraag form {margin-bottom: 90px;}
.lastQuestion {margin-bottom: 50px;}
input {margin-bottom: 20px;margin-left: 160px;}
#submitForm {background-color: #ee8018;border: none;width: 100px;height: 50px;color: #fff;font-family: gobold_thin_lightregular;font-size: 1.5em;margin-top: 50px;right: 0;float: right;}
[type="radio"] {margin-right: 10px;}
.vraag p {padding-left: 150px;line-height: 30px;margin-top: -46px;padding-bottom: 16px;}
#gameOverTitle2 {margin: auto;}
.share {width: 100px;height: 45px;text-align: center;color: #fff;padding-top: 10px;font-size: 1.6em;position: absolute;margin-left: -110px;background-color: #616b70;}
#shareMenu {top: 0;right: 0;position: fixed;float: right;}
#shareMenu li {display: inline-block;}
.facebookIcon {background-image: url("images/facebookIcon.png");background-repeat: no-repeat;background-position: center;background-color: #616b70;width: 55px;height: 55px;display: block;bottom: 0;margin-right: 6px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.facebookIcon:hover {background-color: #ee8018;cursor: pointer;}
.twitterIcon {background-image: url("images/twitterIcon.png");background-repeat: no-repeat;background-position: center;background-color: #616b70;width: 55px;height: 55px;display: block;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.twitterIcon:hover {background-color: #ee8018;cursor: pointer;}
.headerWrapper {background-color: #ebebec;z-index: 2;}
#grid {z-index: -1;}
.cheater {clear: both;height: 100px;}
.discoverMore {color: #fff;text-align: center;font-size: 1.5em;text-decoration: none;margin-bottom: 70px;margin-top: 60px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.discoverMore a {padding: 20px 35px 20px 35px;background-color: #616b70;text-decoration: none;color: #fff;margin: auto;}
.discoverMore:hover {-ms-transform: scale(1.06);-webkit-transform: scale(1.06);transform: scale(1.06);}
.discoverMoreP {text-align: center;font-size: 1.6em;margin-bottom: 15px;color: #616b70;}
.downArrow {width: 59px;height: 40px;margin: auto;cursor: pointer;}
footer {font-family: verdana;font-size: .7em;text-align: center;background-color: #616b70;padding: 15px;color: #fff;clear: both;}
footer a {color: #fff;}
#bookDownload {max-width: 1000px;margin: auto;color: #616b70;margin-top: 150px;position: relative;padding-left: 50px;padding-right: 50px;}
#bookDownload h1 {font-size: 2em;margin-top: 70px;margin-bottom: 5px;}
#bookDownload h2 {font-size: 3em;margin-bottom: 50px;color: #ee8018;}
#logoList img {width: 80px;}
#bookDownload li {display: inline-block;margin-right: 30px;opacity: .5;cursor: pointer;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#bookDownload li:hover {opacity: 1;}
#leftBookDownloadPart {float: left;}
#leftBookDownloadPart img {width: 413px;margin: auto;}
#rightBookDownloadPart {float: left;margin-bottom: 100px;}
#aboutErik {width: 100%;background-color: #ebebec;background-image: url("images/erikSaelens3.jpg");height: 550px;background-size: cover;padding-bottom: 100px;}
#aboutErikContent {width: 400px;float: left;margin-left: 55%;}
#aboutErikContent li {display: inline-block;}
#aboutErikContent ul {padding-bottom: 50px;clear: both;}
#aboutErikContent .bhLogo {margin-bottom: -30px;}
#aboutErikContent h1 {color: #ee8018;font-size: 3em;padding-top: 80px;}
#aboutErikContent p {font-family: Verdana;line-height: 25px;font-size: .9em;margin-top: 15px;color: #ebebec;}
#linkedInBtn {background-color: #ee8018;padding: 20px 35px 20px 35px;text-align: center;text-decoration: none;color: #fff;font-size: 1.5em;margin-right: 20px;}
#bhFoundation {background-color: #ee8018;color: #fff;text-align: center;}
#bhFoundation h1 {font-size: 2.2em;padding-top: 50px;padding-bottom: 20px;}
#bhFoundation p {font-family: Verdana;padding-bottom: 30px;width: 55%;margin: auto;line-height: 25px;font-size: .9em;}
#bhFoundation img {width: 250px;margin: auto;padding-bottom: 30px;}
#bhFoundation a {text-decoration: none;color: #fff;font-size: 1.4em;}
#bhFoundation #iban {padding-bottom: 50px;}
.item {background-color: #ee8018;}
#grid img {opacity: .4;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#grid img:hover {opacity: 1;}
#cheater2 {height: 100px;clear: both;}
@media screen and (max-width: 420px) {#rightBookDownloadPart li {margin-left: 30px;}}
@media screen and (max-width: 425px) {#doeDeTestButton {margin-top: 1px;}
	#doeDeTest h1 {margin-bottom: 1px;}
	#rightPartIntro {width: 100%;}}
@media screen and (max-width: 450px) {#navUl {width: 200px;}}
@media screen and (max-width: 480px) {#grid[data-columns]::before {content: "1 .column.size-1of1";}
	.size-1of3 {display: none;}
	.size-1of2 {display: none;}
	#aboutErik {padding-bottom: 200px;}}
@media screen and (min-width: 481px) and (max-width: 768px) {#grid[data-columns]::before {content: "2 .column.size-1of2";visibility: visible;}
	#grid {width: 100%;}
	.size-1of3 {display: none;}
	.size-1of1 {display: none;}
	.header {width: 100%;}
	#rightPartIntro div {display: block;width: 350px;text-align: center;}}
@media screen and (min-width: 769px) and (max-width: 960px) {#rightPartIntro div {display: block;width: 350px;text-align: center;}}
@media screen and (min-width: 200px) and (max-width: 480px) {#bookDowload {text-align: center;}
	#leftBookDownloadPart img {width: 100%;}
	#gameOverBook img {width: 100%;}
	#gameOverBook img {width: 50%;margin: auto;margin-bottom: 20px;margin-top: -50px;}}
@media screen and (min-width: 590px) and (max-width: 590px) {#aboutErikContent p {width: 300px;}}
@media screen and (max-width: 697px) {#middleNavBtn {display: block;cursor: pointer;}
	#insightsButtonContainer ul {display: none;}}
@media screen and (max-width: 690px) {#quizIntro p {width: 100%;padding-left: 30px;margin-right: 50px;display: block;text-align: center;}
	#aboutErik {padding-bottom: 100px;}}
@media screen and (max-width: 725px) {#doeDeTest h1 {margin-bottom: 30px;}}
@media screen and (max-width: 740px) {#leftBookDownloadPart {width: 103px;display: block;}
	#leftBookDownloadPart img {display: none;}
	#rightBookDownloadPart {width: 100%;text-align: center;}}
@media screen and (min-width: 769px) {#grid[data-columns]::before {content: "3 .column.size-1of3";}
	#grid {width: 100%;}
	.size-1of2 {display: none;}
	.size-1of1 {display: none;}}
@media screen and (max-width: 815px) {.headerTitle {padding-left: 20px;padding-right: 20px;text-align: center;display: block;}
	.headerWrapper h2 {text-align: center;padding-left: 20px;padding-right: 20px;}
	#quizPage {width: 100%;}
	#bx-wrapper {width: 100%;}
	#endorsements {padding-right: 30px;padding-left: 30px;}}
@media screen and (min-width: 420px) and (max-width: 960px) {#gameOverBook img {margin-left: auto;margin-right: auto;margin-bottom: 50px;display: block;left: 30%;width: 414px;text-align: center;}}
@media screen and (max-width: 960px) {#intro {width: 100%;margin: auto;display: block;}
	#rightPartIntro {clear: both;float: none;width: 100%;}
	#gameOverTitle {width: 100%;margin: auto;margin-top: 20px;}
	#rightPartIntro div {margin-left: auto;margin-right: auto;}
	#doeDeTest h1 {padding-right: 50px;padding-left: 50px;}
	#doeDeTest {width: 100%;}
	#gameOverBook {width: 100%;}}
@media screen and (max-width: 990px) {#rightBookDownloadPart {float: none;padding-right: 25px;}
	#leftBookDownloadPart img {margin-top: -50px;}}
@media screen and (max-width: 1045px) {.header {width: 100%;}}
@media screen and (min-width: 1028px) {#grid {width: 1028px;margin: auto;}}
@media screen and (max-width: 1136px) {#aboutErikContent {margin: auto;text-align: center;width: 100%;background-color: #1f1f1f;}
	#aboutErikContent p {width: 60%;margin-left: auto;margin-right: auto;margin-top: 50px;margin-bottom: 50px;}
	#aboutErikContent li {width: 200px;}
	#aboutErikContent .bhLogo {margin-bottom: -30px;margin-left: 16px;width: 150px;padding-top: 20px;}
	#aboutErik {height: 600px;background-image: none;clear: both;}
	#linkedInBtn {width: 200px;}}
@media screen and (min-width: 1135px) and (max-width: 1400px) {#aboutErikContent {margin-left: 680px;width: 35%;margin-right: 100px;}}
.column {float: left;}
.size-1of1 {width: 100%;}
.size-1of2 {width: 50%;}
.size-1of3 {width: 33.333%;}